/*
Theme Name: Hello Biz Child
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.1.0.1747378899
Updated: 2025-05-16 07:01:39

*/

.main-title-con h2
{font-size:5.6rem; color:#000; font-family:'Poppins', 'paperlogy'; font-weight:700; display:inline; position:relative;}
.main-title-con h2:after 
{content:''; width:1.2rem; height:1.2rem; border-radius:50%; background:var(--main-color); position:absolute; right:-15px; bottom:17px;}

.main-service-con 
{height:96rem; display:flex; flex-wrap:wrap;}
.main-service-left-con
{width:33.596%; display:flex; justify-content:center; flex-direction:column; background:#f3f3f3; padding:0 17rem;}

.main-service-left-con .service-menu 
{margin-top:5rem;}
.main-service-left-con .service-menu li
{display:flex; padding:2rem; border-radius:10px; position:relative; background:#fff; cursor:pointer; margin:2rem 0; transition:all 0.5s ease;}
.main-service-left-con .service-menu .num
{font-size:2rem; font-weight:400;}
.main-service-left-con .service-menu .tit
{font-size:2rem; color:#000; font-weight:400; margin-left:2rem;}
.main-service-left-con .service-menu .icon 
{position:absolute; right:2rem; width:45px; height:45px; background-position:center; background-repeat:no-repeat; top:1.3rem; mix-blend-mode:difference; opacity:.5; transition:all 0.5s ease;}
.main-service-left-con .service-menu li.active,
.main-service-left-con .service-menu li:hover 
{background:red}
.main-service-left-con .service-menu li.active .num,
.main-service-left-con .service-menu li:hover .num
{color:#fff;}
.main-service-left-con .service-menu li.active .tit,
.main-service-left-con .service-menu li:hover .tit
{color:#fff;}
.main-service-left-con .service-menu li.active .icon,
.main-service-left-con .service-menu li:hover .icon
{background-color:transparent; mix-blend-mode: unset; opacity:1;}

.main-service-right-con 
{width:calc(100% - 33.596%); position: relative;}
.main-service-item 
{position:absolute; left:0; width:100%; height:100%; overflow:hidden; opacity:0; visibility:hidden;}

.main-service-inner 
{padding:16rem 8rem; height:100%;}
.main-service-txt-con
{position:relative; transform:translateY(-20px); opacity:0; transition:all 0.8s ease; z-index:9;}
.main-service-txt-con .num
{color:#000; font-size:2rem; font-weight:400;}
.main-service-txt-con .tit
{font-size:4rem; color:#000; font-weight:600; margin:2rem 0;}
.main-service-txt-con .txt
{font-size:1.8rem; color:#000; font-weight:500; line-height:1.8;}
.main-service-item .bg-deco
{position:absolute;}

.main-service-item.active 
{ opacity:1; visibility:visible;}
.main-service-item.active .main-service-txt-con 
{transform:translateY(0); opacity:1; visibility:visible;}





/* 메인 공지사항 */
#mainNoticeCon .main-title-con 
{display:flex; align-items: center; justify-content:space-between; margin-bottom:5rem;}
#mainNoticeCon .main-title-con a 
{border:1px solid #000; border-radius:50px; padding:1.5rem 4rem; font-size:1.8rem; color:#000; font-weight:700;  display:flex; align-items: center; transition:all 0.3s ease;;}
#mainNoticeCon .main-title-con a i
{width:2rem; height:2rem; display:flex; align-items:center; justify-content: center; background:var(--main-color); color:#fff; margin-left:1rem; border-radius:50%; transition:all 0.3s ease;;}
#mainNoticeCon .main-title-con a:hover 
{background:var(--main-color); color:#fff; border-color:transparent}
#mainNoticeCon .main-title-con a:hover i
{background:#fff; color:var(--main-color); transform:translateX(5px);}

/* 메인 */
.main-board-con .tit-con 
{text-align:center; margin-bottom:6rem;}
.main-board-con .tit-con h2
{font-size:4.6rem; color:#fff; font-weight:700;}
.main-board-con .board-btn-con 
{display:flex; justify-content: center;}
.main-board-con .board-btn-con .board-btn
{width:55rem; height:36rem; border-radius:180px; box-shadow:inset 4px 4px 3px #ffffff30, inset -5px -5px 5px #0000003d; background:var(--main-color); margin:0 2rem;}
.main-board-con .board-btn-con .board-btn a
{display:flex; justify-content: space-between; align-items:center; padding:2rem;; width:100%; height:100%; position: relative; transition:all 0.5s ease;}
.main-board-con .board-btn-con .board-btn .left-con
{width:30%; text-align:center; opacity:1; visibility:visible; transition: all 0.5s 0.5s ease;}
.main-board-con .board-btn-con .board-btn .left-con .num
{font-size:2rem; color:#fff; font-weight:400;}
.main-board-con .board-btn-con .board-btn .left-con h4
{font-family:'Poppins'; font-size:3rem; color:#fff; font-weight:600;}

.main-board-con .board-btn-con .board-btn .right-con
{transition:all 5s ease;}
.main-board-con .board-btn-con .board-btn .circle-img 
{background-position:right; border-radius:150px; position:absolute; right:30px; top:30px; width:32rem; height:30rem; ; background-repeat:no-repeat; transition: top 0.3s ease-in-out 0.4s, right 0.3s ease-in-out 0.4s, height 0.3s ease-in-out 0.4s, width 0.5s ease-in-out}
.main-board-con .board-btn-con .board-btn .circle-txt-con
{ width:100%; height:100%; position:absolute; right:0; top:0; background:rgba(0,0,0,0.7); backdrop-filter:blur(4px); border-radius:180px; display:flex; flex-direction:column; justify-content: center; align-items: center; opacity:0; visibility:hidden; transition: all 0.3s 0.1s ease;}
.main-board-con .board-btn-con .board-btn .circle-txt-con h4
{font-family:'Poppins'; font-size:3rem; color:#fff; font-weight:600; position:relative;}
.main-board-con .board-btn-con .board-btn .circle-txt-con h4::after
{content:''; width:0.8rem; height:0.8rem; border-radius:50%; background:var(--main-color); position:absolute; right:-10px; bottom:5px;}
.main-board-con .board-btn-con .board-btn .circle-txt-con p
{font-size:2rem; color:#fff; text-align:center; margin:3rem 0;}
.main-board-con .board-btn-con .board-btn .circle-txt-con span
{display:flex; align-items: center; border:2px solid #ffffff82; border-radius:50px; padding:1rem 5rem; font-size:1.8rem; color:#fff;}
.main-board-con .board-btn-con .board-btn .circle-txt-con span i
{color:var(--main-color); width:2rem; height:2rem; background:#fff; border-radius:50%; display:flex; align-items: center; justify-content: center; margin-left:1rem;}


.main-board-con .board-btn-con .board-btn:hover .left-con
{opacity:0; visibility:hidden;; transition: all 0.5s 0.3s ease;}
.main-board-con .board-btn-con .board-btn:hover .left-con .num,
.main-board-con .board-btn-con .board-btn:hover .left-con h4
{display:none;}

.main-board-con .board-btn-con .board-btn:hover .circle-txt-con
{opacity:1; visibility:visible; transition: all 0.3s 0.3s ease;}
.main-board-con .board-btn-con .board-btn:hover .right-con 
{width:100%; height:100%; top:0; right:0;}
.main-board-con .board-btn-con .board-btn:hover .right-con .circle-img
{transition: top 0.3s ease-in-out, right 0.3s ease-in-out, height 0.3s ease-in-out, width 0.5s ease-in-out 0.1s; top: 0; right: 0; height: 100%; width: 100%; }

@keyframes moveTop {
  to {
      top: 0px;
      right: 0px;
      height:100%;
  }
}

@keyframes moveRight {
  to {
      
      width:100%;
      
  }
}


.main-company-con 
{padding:23rem 0; position:relative; z-index:9;}
.main-company-con .main-title-con 
{text-align:center;}
.main-company-con .main-title-con h2
{font-size:4.6rem; font-weight:700;}
.main-company-con .main-title-con h2:after 
{display:none;}

.main-company-con .company-btn-con 
{display:flex; justify-content: center; margin-top:3rem;;}
.main-company-con .company-btn-con a
{display:flex; align-items:center; border:1px solid #000; border-radius:50px; padding:1.5rem 3rem; font-size:1.9rem; font-weight:700; color:#000; margin:0 1rem; transition:all 0.3s ease;}
.main-company-con .company-btn-con a i
{width:2rem; height:2rem; border-radius:50%; background:var(--main-color); color:#fff; display:flex; align-items: center; justify-content: center; margin-left:1rem; transition:all 0.3s ease;; }
#mainCompanyCon .deco-box 
{width:100%; height:100%; position:absolute; z-index:0; top:0; left:0; background-position:center;}
.main-company-con .company-btn-con a:hover
{background:var(--main-color); color:#fff; border-color:transparent;;}
.main-company-con .company-btn-con a:hover i
{transform:translateX(5px); background-color:#fff; color:var(--main-color);}


.footer-con 
{display:flex; align-items: center; justify-content:space-between; flex-wrap:wrap;;}
.footer-left-con
{display:flex; align-items: center;}
.footer-left-con .f-logo 
{background-image:url('/wp-content/uploads/2025/05/f_logo.png'); width:120px; height:116px; background-position:center; background-repeat:no-repeat;}
.footer-left-con .f-info-con
{margin-left:5rem;}
.footer-left-con .f-info-con li
{margin:1rem 0;}
.footer-left-con .f-info-con li span
{font-size:1.8rem; font-weight:400; color:#fff; margin-right:5rem;}

.footer-right-con
{text-align:right;}
.footer-right-con .f-police-con a
{font-size:1.8rem; color:#fff; font-weight:500; margin-left:1rem;}
.footer-right-con .copy
{font-size:1.7rem; color:#616161; font-weight:400; font-family:'Poppins'; margin-top:1rem;}


#subContent
{padding:15rem 0; position:relative;}
#subContent.business-content 
{background:#f4f4f4;}

/* 서브 타이틀 */
.sub-title-con 
{text-align:center; margin-bottom:8rem;}
.sub-title-con h2
{font-size:4.6rem; color:#222; font-weight:700; }

.sub-content
{position:relative;}


/* 인사말*/
.greeting-top-con 
{text-align:center; padding:10rem 0}
.greeting-top-con h1
{font-size:7rem; font-weight:800; }
.greeting-top-con h1 span
{color:var(--main-color); opacity:0;}
.greeting-top-con h1 span.animated
{opacity:1; transition-duration: 2s ;}
.greeting-top-con p 
{font-size:2.2rem; color:#424242; margin-top:1rem; font-weight:400; line-height:1.8; transition-duration: 1s  !important;}
.greeting-top-con .line
{position:absolute; width:0%; height:36rem; left:0; top:0; z-index:-1; transition-timing-function: ease-in-out;}
.greeting-top-con .line.animated
{width:100%;}
.greeting-top-con .rotate-circle
{opacity:0; transition-duration:2s}
.greeting-top-con .rolling-text
{position:absolute; right:18rem; top:0; width:18rem; height:18rem; animation: rollingText 15s 2s linear infinite;}
.greeting-top-con .rotate-circle.animated 
{opacity:1;}

@keyframes rollingText {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(360deg)
  }
  
}

.greeting-con 
{margin-top:5rem;}
.greeting-img-con .greeting-img-wrap
{position: relative;width:60%; height:45rem; margin:0 auto; background:#000; border-radius:15px; overflow:hidden; transition:all 0.5s ease;}
.greeting-img-con .greeting-img-wrap .img
{width:100%; height:100%; background-position:center;}
.greeting-txt-con 
{position:relative; width:100%; text-align:center; margin-top:5rem;}

.greeting-txt-con p
{font-size:2.2rem; line-height:2; color:#494949; font-weight:400; margin:0rem 0 3rem;}
.greeting-txt-con p strong.red 
{color:var(--main-color); font-weight:700;}
.greeting-txt-con p strong.bk
{color:#000; font-weight:700;}
.greeting-img-con.animated .greeting-img-wrap
{width:100%;}

.top-banner-con
{margin-bottom:10rem;}
.top-banner-con h2 
{font-size:5.2rem; color:#222; font-weight:700;}
.top-banner-con h2 strong 
{color:var(--main-color); font-weight:700;}

/* 연혁 */
.history-con 
{display:flex; align-items:start}
.history-con .history-left-con 
{width:35%; border-radius:10px; overflow:hidden;}
.history-con .history-left-con img
{width:100%;}
.history-con .history-right-con 
{width:65%; padding-left:5%;}
#cm_history_style_01 
{max-width:1200px; margin:50px auto 0}
#cm_history_style_01 .history-row 
{display:flex}
#cm_history_style_01 .history-row .history-year
{width:25%;}
#cm_history_style_01 .history-row .history-year strong 
{font-family:'Montserrat'; font-size:42px; font-weight:800; color:var(--main-color); line-height:1; margin-top:-10px; display:inline-block;}
#cm_history_style_01 .history-row .history-detail 
{width:75%; position:relative; padding-bottom:120px;}
#cm_history_style_01 .history-row .history-detail:before 
{content:''; position:absolute; width:1px; height:100%; background:#ddd; left:0; top:6px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row 
{display:flex; padding-left:5%; position:relative; line-height:1; margin-bottom:30px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row:before 
{content:''; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--main-color); left:-5px; top:7px;}
#cm_history_style_01 .history-row .history-detail .history-detail-row:after 
{background:#ee180070; width:25px; height:25px; border-radius:50%; position:absolute; content:''; left:-12px; top:0px;}
#cm_history_style_01 .history-row .history-detail .history-month
{width:5%; line-height:1;}
#cm_history_style_01 .history-row .history-detail .history-month span 
{font-size:19px; font-weight:700; color:#222; font-family:'Montserrat'; line-height:1;}
#cm_history_style_01 .history-row .history-detail .history-txt
{line-height:1;}
#cm_history_style_01 .history-row .history-detail .history-txt p 
{font-size:18px; font-weight:300; color:#666; line-height:1.2; margin-bottom:15px;}
#cm_history_style_01 .history-row .history-detail .history-txt p b
{color:#000;}

/* 경영이념*/

.management-flex-con 
{display:flex; flex-wrap:wrap;}
.management-flex-con .left-con 
{width:40%; border-radius:10px; overflow:hidden;}
.management-flex-con .right-con 
{width:60%;}
.management-flex-con .right-con .txt-con 
{padding:5rem 5rem 0 5rem;}
.management-flex-con .right-con .txt-con h2
{font-size:3.8rem; color:#000; font-weight:700;}
.management-flex-con .right-con .txt-con p
{font-size:2.1rem; color:#444444; line-height:1.5; margin:4rem 0 0; font-weight:300;}

/* 오시는 길 */
.location-map-con 
{display:flex; flex-wrap:wrap;}
.location-map-con .map-con
{width:100%; border-radius:50px; overflow:hidden; box-shadow:8px 8px 23px #0000000f}
.location-map-con .map-con .map_border 
{display:none;}
.location-map-con .map-con .cont
{display:none;}
.location-map-con .detail-con 
{width:100%; display:flex; flex-wrap:wrap; margin-top:5rem;}
.location-map-con .detail-con .detail-tit 
{width:25%; padding:4rem 2rem;}
.location-map-con .detail-con .detail-tit h2 
{font-family:'Poppins'; font-size:5rem; color:#000; font-weight:700;}
.location-map-con .detail-con .detail-list
{width:75%; display:flex; flex-wrap:wrap; margin:0 -1%;}
.location-map-con .detail-con .detail-list dl
{width:31.333%; margin:0 1%; padding:3rem; border:1px solid #ddd; border-radius:10px;}
.location-map-con .detail-con .detail-list dl dt
{font-size:2rem; width:10rem; color:#000; font-weight:700; display:flex; align-items:center;}
.location-map-con .detail-con .detail-list dl dt i
{margin-right:1rem; color:var(--main-color);}
.location-map-con .detail-con .detail-list dl dd
{font-size:1.8rem; color:#222; font-weight:400;}


/* 사업분야 */
/* 카테고리 */
.business-tab-menu 
{margin-bottom:8rem;}
.business-tab-menu .tab-menu
{text-align:center;}
.business-tab-menu .tab-menu ul
{display:inline-flex; width:40%; background:#f4f4f4; border-radius:10px; overflow:hidden;}
.business-tab-menu .tab-menu ul li
{width:33.333%; text-align:center; cursor:pointer}
.business-tab-menu .tab-menu ul li a
{text-align:center; font-size:1.8rem; padding:2rem; display:block; color:#222;}
.business-tab-menu .tab-menu ul li.current-menu-item
{background:var(--main-color);}
.business-tab-menu .tab-menu ul li.current-menu-item a
{color:#fff;}
.business-tab-menu .tab-menu ul li a:hover 
{color:vaR(--main-color);}

/* 사업분야 상단 */
.banner-flex-con 
{display:flex;}
.banner-flex-con .left-con 
{width:95rem; height:55em; background:#000; border-radius:0 10px 10px 0; overflow:hidden;}
.banner-flex-con .right-con
{width:calc(100% - 95rem); padding:10rem; display:flex; flex-direction:column; justify-content: end;}
.banner-flex-con .tit-con h1
{position:absolute; top:8rem; font-size:5rem; color:#fff;font-weight:900;}
.banner-flex-con .tit-con h1 span
{transition-duration:1.5s; opacity:0; letter-spacing:3px}
.banner-flex-con .tit-con b
{display:block; font-size:2.4rem; color:var(--main-color);}
.banner-flex-con .tit-con h2
{font-size:4rem; color:#000; font-weight:700;}
.banner-flex-con .txt-con
{margin-top:2rem;}
.banner-flex-con .txt-con p
{font-size:2rem; line-height:1.8; color:#444; margin-top:2rem;}
.banner-flex-con .txt-con p strong 
{color:var(--main-color); display:inline-block; text-decoration:underline; font-weight:600;}
.banner-flex-con .txt-con li
{font-size:1.9rem; color:#444; margin:0.5rem 0; position:relative;}
.banner-flex-con .txt-con li i
{color:var(--main-color); margin-right:1rem;}
.banner-flex-con .tit-con h1.animated span
{ opacity:1; color:#e32c2c;}
/* 사업분야 내용 */
.business-tit-con 
{text-align:center ;margin-bottom:5rem;}
.business-tit-con b
{font-size:2.3rem; color:vaR(--main-color);}
.business-tit-con h4
{font-family:'Poppins', 'paperlogy'; font-size:5rem; color:#000; font-weight:700;}
.business-list-con ul 
{display:flex; justify-content:center;}
.business-list-con ul li
{width:25%; border:2px solid #eee; background:#fff; padding:3rem; margin:0 2rem; transition: all 0.3s ease;}
.business-list-con ul li a
{display:inline-flex; align-items: center; justify-content: start; flex-direction:column; width:100%; height:100%;}
.business-list-con .icon-con 
{text-align:center;}
.business-list-con .icon-con i 
{width:9rem; height:9rem; display:inline-block; background-position:center; background-repeat:no-repeat;  transition:all 0.3s ease;;}
.business-list-con .txt-con 
{text-align:center; margin-top:2rem;}
.business-list-con .txt-con h4
{font-size:2.2rem; color:#222; font-weight:600; transition: all 0.3s ease;}
.business-list-con .txt-con p
{margin-top:2rem; font-size:1.8rem; color:#666; transition: all 0.3s ease;}
.business-list-con .txt-con .arrow 
{width:4rem; height:4rem; border:1px solid #ddd; border-radius:50%; display:inline-flex; align-items: center; justify-content: center; font-size:2rem; color:#8d8d8d; margin-top:2rem; transition: all 0.3s ease;}
.medical-range 
{width:100%; text-align:center;}
.business-list-con ul li:hover 
{border-color:var(--main-color); box-shadow:13px 13px 33px #0000001f; transform:translate(-0px, -5px)}
.business-list-con ul li:hover .icon-con i 
{transform:translateY(-5px);}
.business-list-con ul li:hover .txt-con .arrow 
{background:var(--main-color); color:#fff;}
/* 인체 */
.business-txt 
{background:#f7f7f7; padding:5rem; border-radius:5px;}
.business-txt p
{font-size:2.1rem; color:#212121; margin-bottom:1rem; font-weight:300; line-height:1.8;}
.business-img-txt-con .img-txt-flex-con
{display:flex; align-items:start; margin:10rem 0;}
.business-img-txt-con .img-txt-flex-con .img-con
{width:40%; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.business-img-txt-con .img-txt-flex-con .img-con img
{width:100%;}
.business-img-txt-con .img-txt-flex-con .txt-con
{width:60%; padding:3rem 5rem 0 5rem;}
.business-img-txt-con .img-txt-flex-con .txt-con h4
{font-size:3.2rem; font-weight:600; margin-bottom:2rem; color:#000;}
.business-img-txt-con .img-txt-flex-con .txt-con p
{font-size:2.0rem; margin-bottom:3rem; font-weight:300; color:#434343;}
.business-img-txt-con .img-txt-flex-con .txt-con p b
{font-weight:400; color:#000;}

/* 특허 및 인증 */
.certifi-list 
{display:flex; flex-wrap:wrap; margin:0 -1%;}
.certifi-list .certi-item 
{width:23%; margin:0 1% 3%;}
.certifi-list .certi-item .img-con 
{border:1px solid #eee;}
.certifi-list .certi-item .img-con img
{vertical-align: top;}
.certifi-list .certi-item .txt-con 
{padding:3rem 2rem;}
.certifi-list .certi-item .txt-con .tit
{font-size:2rem; color:#000; text-align:center;}
.certifi-list .certi-item .txt-con .detail
{margin-top:2rem;}
.certifi-list .certi-item .txt-con .detail-txt 
{text-align:center; font-size:1.6rem; color:#ababab; font-weight:500; margin-top:1rem;}
.certifi-list .certi-item .txt-con .detail dl
{display:flex; align-items: center; margin:0.5rem 0;}
.certifi-list .certi-item .txt-con .detail dl dt
{font-size:1.6rem; color:#7c7c7c; font-weight:400; min-width:35%;}
.certifi-list .certi-item .txt-con .detail dl dd
{font-size:1.6rem; font-weight:500; color:#222;}

.certi-tbl table > tbody > tr > th 
{background:#000; color:#fff; font-size:1.7rem; border-color:#ffffff12}
.certi-tbl table > tbody > tr > td
{font-size:1.7rem; color:#222; background:#fff; border-color:#ddd; padding:2rem 3rem; text-align:center; vertical-align: middle;;} 
.certi-tbl table > tbody > tr > td.ck
{color:red; font-size:2rem;}
.certi-tbl table > tbody > tr > td.left
{text-align:left;}



@media screen and (max-width:1580px){

}

@media screen and (max-width:1280px) {
  .main-service-left-con
  {padding:0 5rem;}

  .main-board-con .board-btn-con .board-btn
  {height:26rem;}
  .main-board-con .board-btn-con .board-btn .circle-img
  {width:22rem; height:20rem;}
  .main-board-con .board-btn-con .board-btn .circle-txt-con p
  {margin:1rem 0 2rem;}

  .footer-right-con
  {text-align:left; margin-top:5rem;}
  .footer-right-con .f-police-con a
  {margin:0 1rem 0 0;}
}

@media screen and (max-width:1024px) {
  .main-title-con h2
  {font-size:4.6rem;}
  .main-service-con
  {height:80rem;}
  .main-service-left-con 
  {width:40%;}
  .main-service-right-con
  {width:60%;}
  .main-service-txt-con .txt 
  {text-shadow:2px 2px 13px #fff;}
  .main-service-item .bg-deco 
  {width:100% !important; height:100% !important; top:0 !important; bottom:0 !important; right:0 !important; left:0 !important; background-repeat:no-repeat !important;}
  .main-service-item .bg-deco2
  {background-position:left bottom !important}
  .main-service-item .bg-deco3 
  {background-position:center center !important;}
  .main-service-item .bg-deco4 
  {height:146px !important; z-index:1;}
  .main-service-item .bg-deco5
  {background-position:center 60%; display:none;}
  .main-service-item .bg-deco6 
  {background-position:center bottom !important;}
  .main-service-item .bg-deco8 
  {background-position:center;}
  .main-service-item .bg-deco9
  {background-position:100% 85%; background-size:contain; }

  .main-board-con .board-btn-con .board-btn
  {height:21rem; width:48%;}
  .main-board-con .board-btn-con .board-btn .circle-img 
  {width:17rem; height:15rem;}
}

@media screen and (max-width:767px) {
  .pc-br 
  {display:none;}
  .main-title-con h2,
  .main-board-con .tit-con h2,
  .main-company-con .main-title-con h2
  {font-size:3.2rem;}
  #mainNoticeCon .main-title-con a
  {font-size:1.6rem; padding:1rem 2rem;}
  .main-board-con .tit-con
  {margin-bottom:3rem;}

  .main-service-con
  {height:auto;}
  .main-service-left-con
  {width:100%; padding:5rem 2rem}
  .main-service-left-con .service-menu li
  {margin:1rem 0;}
  .main-service-left-con .service-menu .num
  {font-size:1.6rem;}
  .main-service-left-con .service-menu .tit
  {font-size:1.6rem;}
  .main-service-left-con .service-menu
  {margin-top:1rem;}
  .main-service-left-con .service-menu .icon
  {width:32px; height:32px; background-size:contain}
  .main-service-right-con
  {width:100%; height:65rem;}


  .main-service-inner
  {padding:3rem 5rem;}
  .main-service-txt-con .tit
  {font-size:3rem;}
  .main-service-txt-con .txt
  {font-size:1.6rem;}

  
  .main-board-con .board-btn-con
  {flex-wrap:wrap;}
  .main-board-con .board-btn-con .board-btn
  {width:100%; margin:1rem 0; height:26 rem;}
  .main-board-con .board-btn-con .board-btn .circle-txt-con span
  {font-size:1.6rem;}
  .main-board-con .board-btn-con .board-btn .circle-img
  {width:100%; height:100%; left:0; top:0;}
  .main-board-con .board-btn-con .board-btn .circle-txt-con
  {opacity:1; visibility:visible;}
  .main-board-con .board-btn-con .board-btn .circle-txt-con p
  {font-size:1.6rem;}
  

  .main-company-con
  {padding:8rem 0;}
  .main-company-con .company-btn-con
  {flex-wrap:wrap;}
  .main-company-con .company-btn-con a
  {margin:0.5rem 1rem; font-size:1.6rem; padding:1rem 2rem;}
  
  .footer-left-con
  {flex-wrap:wrap}
  .footer-left-con .f-info-con
  {margin:2rem 0 0; width:100%;}
  .footer-left-con .f-info-con li
  {margin:0; }
  .footer-left-con .f-info-con li span
  {display:block; font-size:1.6rem;}
  .footer-right-con 
  {margin-top:2rem;}
  .footer-right-con .f-police-con a
  {font-size:1.6rem;}

 
  /* 서브 */
  #subContent
  {padding:10rem 0;}
  .sub-title-con h2
  {font-size:3.6rem;}
  .greeting-top-con
  {padding:0rem 0 10rem; position:relative;}
  .greeting-top-con .rotate-circle
  {transition-delay:0.5s;}
  .greeting-top-con .rolling-text
  {width:14rem; height:14rem; background-size:cover; right:2rem; top:-14rem;}
  .greeting-top-con h1
  {font-size:4rem;}
  .greeting-top-con h1 span.animated
  {transition-delay:0s}
  .greeting-top-con p
  {font-size:1.7rem;}
  .greeting-top-con .line
  {display:none;}
  .greeting-con
  {margin:0;}
  .greeting-img-con .greeting-img-wrap
  {height:23rem;}
  .greeting-img-con .greeting-img-wrap .img
  {background-size:cover;}
  .greeting-txt-con p
  {font-size:1.7rem;}

  .top-banner-con
  {margin-bottom:3rem;}
  .top-banner-con h2
  {font-size:3.2rem;}
  .history-con
  {flex-wrap:wrap;}
  .history-con .history-left-con
  {width:100%;}
  .history-con .history-right-con
  {width:100%; padding-left:0;}
  #cm_history_style_01 .history-row
  {flex-wrap:wrap; margin-bottom:5rem;}
  #cm_history_style_01 .history-row .history-year
  {width:100%; margin-bottom:3rem;}
  #cm_history_style_01 .history-row .history-detail
  {width:100%; padding-bottom:30px;}
  #cm_history_style_01 .history-row .history-detail .history-detail-row
  {margin-bottom:30px; padding-left:3rem;}
  #cm_history_style_01 .history-row .history-detail .history-txt p
  {font-size:18px;}

  .management-flex-con .left-con
  {width:100%}
  .management-flex-con .right-con
  {width:100%;}
  .management-flex-con .right-con .txt-con
  {padding:3rem 0;}
  .management-flex-con .right-con .txt-con h2
  {font-size:2.8rem;}
  .management-flex-con .right-con .txt-con p
  {font-size:1.7rem; margin:1rem 0 0}

  .location-map-con .detail-con
  {width:100%; flex-wrap:wrap;}
  .location-map-con .detail-con .detail-tit
  {width:100%; padding:0;}
  .location-map-con .detail-con .detail-tit h2
  {font-size:4rem;}
  .location-map-con .detail-con .detail-list
  {width:100%; margin:0;}
  .location-map-con .detail-con .detail-list dl
  {width:100%; margin:1rem 0;}
  .location-map-con .detail-con .detail-list dl dt
  {width:100%; margin-bottom:1rem;}

  .banner-flex-con 
  {flex-wrap:wrap;}
  .banner-flex-con .left-con
  {height:auto; background:none;}
  .banner-flex-con .right-con
  {width:auto; padding:2rem;}
  .banner-flex-con .tit-con h1
  {font-size:3rem; position:relative; text-align:center; margin-bottom:2rem; top:auto;}
  .banner-flex-con .tit-con b
  {font-size:2rem;}
  .banner-flex-con .tit-con h2
  {font-size:3rem;}
  .banner-flex-con .txt-con
  {margin:0}
  .banner-flex-con .txt-con p
  {font-size:1.6rem;}

  .business-tit-con h4
  {font-size:4rem;}
  .business-list-con ul
  {flex-wrap:wrap; margin:0;}
  .business-list-con ul li
  {width:100%; margin:0 0 2rem;}
  .business-list-con .txt-con p
  {margin-top:1rem;}
  .banner-flex-con .txt-con li
  {font-size:1.6rem;}

  .business-tab-menu .tab-menu ul
  {width:100%;}
  .business-tab-menu .tab-menu ul li
  {display:flex; align-items:center; justify-content: center;}
  .business-tab-menu .tab-menu ul li a
  {font-size:1.6rem;}
  .business-txt
  {padding:3rem;}
  .business-txt p
  {font-size:1.6rem;}
  .business-img-txt-con .img-txt-flex-con
  {flex-wrap:wrap; margin:5rem 0;}
  .business-img-txt-con .img-txt-flex-con .img-con
  {width:100%}
  .business-img-txt-con .img-txt-flex-con .txt-con
  {width:100%; padding:3rem 0 0;}
  .business-img-txt-con .img-txt-flex-con .txt-con h4
  {font-size:2.6rem;}
  .business-img-txt-con .img-txt-flex-con .txt-con p
  {font-size:1.6rem;}


  .certifi-list
  {margin:0;}
  .certifi-list .certi-item .img-con
  {text-align:center;}
  .certi-tbl
  {overflow-x:auto;}
  
}
@media screen and (max-width:600px) {
  .certifi-list .certi-item
  {width:100%; margin:0 0 3%;}
}