@charset "utf-8";
.kanji {font-family: 'Noto Sans KR', sans-serif !important;}

/* 서브 - 상단 */
#subTopWrap {width:100%; height:400px; position:relative;  background-size:cover;}
#subTopWrap .h2-wrap {height:400px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:column; position:relative;}
#subTopWrap .h2-wrap::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%;  background-size:cover; z-index:1;}
#subTopWrap .h2-msg { color:rgba(255,255,255,.7); font-size:1.8rem; position:relative; z-index:2; margin-top:20px}
#subTopWrap h2 {font-size:4.5rem; color:#fff; font-weight:normal;  font-family: 'Pretendard-Bold'; position:relative; z-index:2; margin-top:60px}

/* 서브페이지 대메뉴마다 배경을 다르게 할 때 */

#subTopWrap.sub-t1-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg1.jpg') no-repeat center bottom; background-size:cover; animation: animatedBackground 3s; animation-fill-mode: forwards; transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);}
#subTopWrap.sub-t2-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg2.jpg') no-repeat center bottom; background-size:cover; animation: animatedBackground 3s; animation-fill-mode: forwards; transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);}
#subTopWrap.sub-t3-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg3.jpg') no-repeat center bottom; background-size:cover; animation: animatedBackground 3s; animation-fill-mode: forwards; transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);}
#subTopWrap.sub-t4-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg4.jpg') no-repeat center bottom; background-size:cover; animation: animatedBackground 3s; animation-fill-mode: forwards; transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);}
#subTopWrap.sub-t5-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg5.jpg') no-repeat center bottom; background-size:cover; animation: animatedBackground 3s; animation-fill-mode: forwards; transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);}
#subTopWrap.sub-t6-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg6.jpg') no-repeat center bottom; background-size:cover; animation: animatedBackground 3s; animation-fill-mode: forwards; transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);}
/*
@keyframes animatedBackground { from { background-size:170%; } to { background-size: 130%; } }
*/

/* 서브 - 중간메뉴 : 가로배열  */
.sub-menu-wrap { width:100%; overflow:visible;  position:relative; z-index:10; margin: 0 auto; height:70px; margin-top:-70px;  background: rgba(0,0,0,0.7);}
.sub-menu-in {width:100%; max-width:1500px; margin: 0 auto; box-shadow:3px 3px 30px rgba(0,0,0,.1);}
.sub-menu { width:100%; position:relative; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
.sub-menu li.menu-list { display:none; }
.sub-menu li.home { display: none; width:70px; height:70px; background:#176d50 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.41 18.21' style='enable-background:new 0 0 21.41 18.21;'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23ffffff;stroke-linecap:square;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M10.71,0.71l-10,10 M20.71,10.71l-10-10 M3.71,8.21v9.5 M8.71,11.21v6.5 M12.71,11.21v6.5 M17.71,8.21v9.5 M8.71,10.71h4 M3.71,17.71h5 M12.71,17.71h5'/%3E%3C/svg%3E%0A") no-repeat center center; background-size:24px; }
.sub-menu li.home a { width:70px; height:70px; }

#secondPanel {display:block; width:calc(100% - 0px); }

.menu-head { display:none; }

.menu-body {
	width:100%; 
	overflow:visible; 
	display:flex; justify-content:center; align-items:center; 
}

.menu-body li {flex:fit-content; height:70px; box-sizing:border-box;text-align:center; position:relative; }
.menu-body li::before {content:''; display:block; position:absolute; left:0; top:50%; margin-top:-6px; background:rgba(255,255,255,.2); width:1px; height:12px;z-index:1 }
.menu-body li:first-child::before {content:none;}
.menu-body li a { display:block; box-sizing:border-box; padding:0 13px; font-size:2.1rem;  color:#fff; height:70px; line-height:70px;display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;  z-index:2; position:relative; }
.menu-body li a span {line-height:23px; font-family:inherit; word-break:keep-all;}

#secondPanel .menu-body li a:hover, #secondPanel .menu-body li a:focus{color:#fff; background: #014da1;}

/* -------------------------------------- */
/* 메뉴 하이라이트 */
/* -------------------------------------- */

.menu-body li.act a { color:#fff; background: #014da1; font-family: 'Pretendard-SemiBold';}


/* 서브 - 컨텐츠 */
/*/// 컨텐츠 공통 - start ///*/
#subLayoutWrap {padding:100px 0 140px 0; overflow:visible;}
#subLayoutWrap2 { overflow:visible;}
#subLayoutWrap.pb_0{padding-bottom: 0;}
#subConWrap {width:100%; overflow:visible; margin:0 auto; }
#subCon {width:92%; margin:0 auto; position:relative; max-width:1500px; overflow:visible; font-size:2.0rem; line-height:1.7em;  font-weight:300; word-break:keep-all; color: #333;}
#subCon.wide {width:100%; max-width:initial; overflow:hidden; }
#subCon h3 {font-size:5rem; font-weight:normal; font-family: 'Pretendard-Bold'; line-height:5rem; text-align:center; word-break:keep-all; width:90%; margin:0 auto; margin-bottom:55px;} 
#subCon h3 span {font-family:inherit;}
#subCon h4 { font-size:4.0rem;  line-height:1.4em; margin-bottom:15px; font-weight:500; position:relative; text-align:left; font-family: 'GmarketSansBold'; padding-top:20px;  letter-spacing: -1px;}
#subCon h4.sub-stit {margin-top:100px}
#subCon h4::before {content:''; display:block; position:absolute; left:0; top:0; width:15px; height:15px; border-radius:50%; background: #e60012; z-index:-1 }
#subCon h4::after {content:''; display:block; position:absolute; left:11px; top:0; width:15px; height:15px; border-radius:50%; background: #004ea2; z-index:-1 }
#subCon h4 span {font-family:inherit; color:#e60012;}

#subCon h5 {position: relative; height:30px; line-height:33px; padding-left:0px; font-size:2.6rem; margin-bottom:15px; color: #000; font-weight:normal;  font-family: 'GmarketSansMedium';}
/* #subCon h5::before {position: absolute; content:''; top:5px; left:0; background:#04a9c7; width:12px; height:12px; border-radius:50px; }
#subCon h5::after {position: absolute; content:''; bottom:5px; left:9px; background:#084c5f; width:12px; height:12px; border-radius:50px; } */
#subCon h5 span {font-size:2.3rem; }

/* 서브 컨텐츠 구획 */
.sub-content-wrap {width:92%; margin:0 auto; position:relative; max-width:1500px; padding-top:100px;  }
.sub-content-wrap.wide {margin-top:100px; padding-bottom:100px}
.sub-content-wrap.wide::before {content:''; display:block; width:3840px; left:50%; margin-left:-1920px; height:100%; position:absolute; left:0; top:0; background:#f1f1f9; z-index:-1}

/* 서브 상단 이미지*/
.sub-top-img {width:100%; padding:150px 0; box-sizing:border-box; min-height:600px; display: flex; justify-content:center; align-items: center;  flex-direction:column}
.sub-top-tit { font-family: 'GmarketSansBold'; text-align:center; font-size:4.4rem;  line-height:1.4em;}
.sub-top-tit span {font-family:inherit; color:#12d4ac;}
.sub-top-txt {width:92%; text-align:center; font-size:2.8rem; line-height:3.6rem; word-break:keep-all; margin:0 auto; }

/* -------------------------------------- */
/* 리스트 */
/* -------------------------------------- */

/* 리스트 - Dot */
.dot-list { display:block;  box-sizing:border-box; }
.dot-list li {line-height:3.0rem; word-break:keep-all; font-weight:400; border-top:none; padding-left:15px; position:relative; }
.dot-list li:first-child {margin-top:0}
.dot-list li::before {
  content:'';
  display:inline-block;
  position:absolute; 
  top:11px;
  left:0;
  width:6px; height:6px;
  border-radius:50%;
  background:#04a9c7;
}
.dot-list li p { }
.dot-list li p span {font-family: 'GmarketSansBold', sans-serif; color:#ff832c; }

/* 리스트 - 숫자 */
.num-list { overflow: hidden; text-align: left; counter-reset: orderList; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;  }
.num-list > li { position: relative; counter-increment: orderList; padding: 10px 10px 10px 70px; box-sizing:border-box; border-bottom: 1px dashed #c6c6c6; width:100%;}
.num-list.in3 > li {width:calc((100% - 40px) / 3); }
.num-list > li:first-child {border-top: 1px dashed #c6c6c6; }
.num-list.in3 > li:first-child {border-top: 0px dashed #c6c6c6; }
.num-list > li::before {  content: counter(orderList, decimal-leading-zero); color:#fff; width:42px; line-height:42px; display: inline-block; margin-right: 1.4rem; background:#004ea2; border-radius: 5px; text-align: center; font-size:1.8rem; font-weight: 700; position: absolute; left: 5px; top: 10px; }
.num-list > li p { display: inline-block;  line-height:42px;  font-size:2.0rem; }

/* 리스트 - 교차타일 */
.s-tile-wrap {width:100%;}
.s-tile { width:100%; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; }
.s-tile .thm-wrap {width:50%; line-height:0; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; } 
.s-tile .thm-wrap img {}
.s-tile .tit-wrap {width:50%; box-sizing:border-box; padding:70px; display: flex; justify-content:center; align-items: center;  flex-direction:column; text-align:center;}
.s-tile .tit-wrap .num {font-size:2.4rem; color:#e60012; font-family: 'Oswald', sans-serif;  font-weight:500;}
.s-tile .tit-wrap .tit {font-family: 'Pretendard-Bold'; font-size:3.2rem; margin-top:15px; padding-bottom:80px; position:relative;}
.s-tile .tit-wrap .tit::before {content:''; display:block; width:1px; height:60px; position:absolute; left:50%; bottom:0; background:#e60012;}
.s-tile .tit-wrap .con {margin-top:20px; width:85%; word-break:keep-all; }
.s-tile:nth-child(2n) .thm-wrap {order:2}
.s-tile:nth-child(2n) .tit-wrap {order:1}

/* 리스트 - 원형 */
.s-circle-list {width:92%; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; flex-wrap:wrap; }
.s-circle-list .num-circle {width:calc((100% - 60px) / 4); position:relative; background:#5a698e; border-radius:50%; text-align:center; }
.s-circle-list .num-circle::after {content:''; position:relative; display:block; width:100%; padding-bottom:100%;}
.s-circle-list .num-circle .tit-wrap {position:absolute; display:block; width:100%; height:100%; box-sizing:border-box; padding:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap; color:#fff; font-size:2.8rem}
.s-circle-list .num-circle .tit-wrap .num  {color:#fba826; font-family: 'GmarketSansBold'; text-decoration:underline; text-underline-offset:7px; }
.s-circle-list .num-circle .tit-wrap .tit {font-family: 'GmarketSansBold'; margin-top:20px; line-height:3.4rem; height:6.8rem}
.s-circle-list .num-circle .tit-wrap .tit span {font-family: 'GmarketSansBold';  color:#fbf326; }
.s-circle-list .num-circle .tit-wrap .stit {font-size:1.7rem; line-height:2.4rem;height:7.2rem; margin-top:10px}

/* 리스트 - 아이콘 + 숫자 + 사각형*/
.s-square-list {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch; flex-wrap:wrap; gap:15px }
.s-square-list > div {flex:1; box-sizing:border-box; background:#e7f3f0; padding:40px; border-radius: 15px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; flex-wrap:wrap; }
.s-square-list > div .icon {width:100px; height:100px; background:#fff; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap; }
.s-square-list > div .icon img {}
.s-square-list > div .num {color:#e60012; font-family: 'GmarketSansBold'; text-decoration:underline; text-underline-offset : 5px; }
.s-square-list > div .tit {font-family: 'GmarketSansBold';  font-size:2.3rem;  line-height:2.4rem; margin-top:20px}
.s-square-list > div .con {margin-top:15px; font-size:1.8rem; line-height:2.8rem;}

/* 리스트 - 체크 + 사각형*/
.check-box-list {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch; flex-wrap:wrap; gap:30px }
.check-box-list.fix-width {justify-content:space-between; flex-wrap:wrap; align-items:flex-start; }
.check-box-list li {flex:1; box-sizing:border-box; background:#fff; padding:40px; border-radius: 15px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; flex-wrap:wrap; }
.check-box-list.fix-width li {flex:inherit; width:49.5%; margin-right:0; margin-bottom:1%}
.check-box-list li::before {
	content:''; 
	display:block;
	width:30px;
	height:30px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 312.1 312.1"%3E%3Cpath  d="M267.2,46.5c-7.3-7.4-19.1-7.5-26.5-0.2c-2,2-3.4,4.4-4.4,6.9c-0.2,0.3-0.4,0.4-0.6,0.7L149.7,183l-46.4-55.7c-6.6-8-18.5-9-26.4-2.4c-8,6.6-9,18.5-2.4,26.4l62.5,75c3.8,4.5,9.5,7,15.4,6.7c5.9-0.3,11.3-3.4,14.6-8.3l88.7-133c12.3,19,19,41.2,19,64.4c0,65.4-53.2,118.6-118.6,118.6c-65.4,0-118.6-53.2-118.6-118.6c0-65.4,53.2-118.5,118.6-118.5c13.9,0,27.5,2.4,40.5,7.1h0c9.7,3.5,20.5-1.5,24-11.2c3.5-9.7-1.5-20.5-11.2-24c-17.1-6.2-35-9.3-53.3-9.3C70,0,0,70,0,156c0,86,70,156.1,156.1,156.1c86,0,156.1-70,156.1-156.1C312.1,114.8,296.2,75.9,267.2,46.5" style="fill:%23004ea2;"/%3E%3C/svg%3E'); 
	background-size:cover
}
.check-box-list li p {font-family: 'GmarketSansMedium';  font-size:2.2rem;  line-height:2.6rem; margin-top:20px}


/* -------------------------------------- */
/* 테이블 */
/* -------------------------------------- */
/* 서브 테이블 */
.sub-table {width:100%; border-collapse:collapse;  word-break:keep-all; white-space: nowrap; font-size:2.1rem; color:#000; }
.sub-table th {padding:15px; text-align:center;  font-weight: normal; border-right:4px solid #fff; border-bottom:2px solid #fff;  vertical-align: middle; font-family: 'GmarketSansMedium';}
.sub-table td {padding:15px; border-bottom:2px solid #fff; border-right:4px solid #fff; text-align:center; font-weight:600;}
.sub-table th:last-child, .sub-table td:last-child  {border-right: none;}
.sub-table .tit {background: #e8faf6; color:#e60012;  font-family: 'GmarketSansMedium'; font-weight: normal;}
.sub-table .type1 {background: #d3ece7; }
.sub-table .type2 {background: #9dd8cc; color:#e60012; }
.sub-table .type3 {background: #56bea8; color:#fff;}
.sub-table .type4 {background: #e60012; color:#fff;}


/* -------------------------------------- */
/* 공통페이지 */
/* -------------------------------------- */
/* 사이트맵 */
.sitemap {width:100%; overflow:hidden; margin-top:20px;}
.sitemap * {font-family: 'GmarketSansMedium';}
.sitemap .gnb {width:100%; overflow:hidden; margin:0 auto; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.sitemap .gnb > li { width:24%; overflow:hidden; margin-right:1.333%; text-align:center; line-height:60px; margin-bottom: 45px; min-height:188px;}
.sitemap .gnb > li:nth-child(4n){ margin-right:0;}
.sitemap .gnb > li > a {display:block; width:100%; font-size:18px; height:50px; line-height:50px; color: #fff; background:#223e92 ; margin-bottom:0px; letter-spacing:-1px; border-radius:5px}
.sitemap .gnb > li > ul { width:100%; overflow:hidden;}
.sitemap .gnb > li > ul > li {float:left; display:block; width:100%; height:45px; line-height:45px; border-bottom:1px dotted #888;}
.sitemap .gnb > li > ul > li > a {width:100%; font-size: 16px;  height:45px; line-height:45px; font-weight: normal; color: #434343; text-align:center;}
.sitemap .gnb > li > ul > li > a:hover {color:#f0305d;}
.sitemap .gnb > li > ul > li > a:first-child {padding-left:0;}

/* 이메일무단수집거부 */
.email {background:#fff url('../images/email.png') no-repeat center 70px; background-size:205px; max-width:1000px; text-align: center; margin:0 auto; margin-bottom:60px; padding-bottom:60px; font-size:1.7rem; word-break:keep-all; border:1px solid #dadada; padding:30px; max-width:640px;}
.email .email_tit { padding-top:200px; font-size:3rem; line-height:3.6rem;  color:#194e9c; letter-spacing:-0.5px; word-break:keep-all;  }
.email .email_tit span {display:inline-block; font-family:inherit}
.email_msg {width:543px; margin:0 auto; overflow:hidden; font-size:1.9rem}


/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */


/*------------------------------------------------------------------------------------------------------------*/


/* 작은 PC용 CSS */
@media all and (max-width:1499px){
/* 서브 - 상단 */
#subTopWrap {height:600px;  }
#subTopWrap .h2-wrap {height:635px;}
#subTopWrap h2 {font-size:4.5rem; margin-bottom:10px}


/* 서브 - 중간메뉴 : 가로배열  */

.menu-body li {flex:1;  }
.menu-body li a { padding:0 10px; font-size:2.0rem; }
.menu-body li a span {line-height:21px;}


/*/// 컨텐츠 공통 - start ///*/
#subLayoutWrap {padding:80px 0 120px 0; overflow:visible;}
#subCon {width:96%; font-size:1.8rem; line-height:1.5em; }
#subCon h3 {font-size:3.6rem; line-height:3.6rem;margin-bottom:45px;  } 
#subCon h4 { font-size:3.2rem; }


/* 서브 컨텐츠 구획 */
.sub-content-wrap { padding-top:80px; }
.sub-content-wrap.wide {margin-top:80px; padding-bottom:80px}
.sub-content-wrap.wide::before {content:''; display:block; width:3840px; left:50%; margin-left:-1920px; height:100%; position:absolute; left:0; top:0; background:#f1f1f9; z-index:-1}

/* 서브 상단 이미지*/
.sub-top-img {padding:120px 0; min-height:480px;}
.sub-top-tit { font-size:3.6rem;  line-height:1.3em;}
.sub-top-txt {font-size:2.4rem; line-height:3.2rem; }

/* -------------------------------------- */
/* 리스트 */
/* -------------------------------------- */

/* 리스트 - 숫자 */
.num-list > li {  padding: 10px 10px 10px 55px; }
.num-list > li::before { width:36px; line-height:36px; margin-right: 1.2rem; font-size:1.6rem;  position: absolute; }
.num-list > li p {  line-height:36px;  font-size:1.7rem; }

/* 리스트 - 교차타일 */
.s-tile .thm-wrap img {height:350px}
.s-tile .tit-wrap { padding:50px;}
.s-tile .tit-wrap .num {font-size:2.0rem; }
.s-tile .tit-wrap .tit {font-size:2.6rem; padding-bottom:60px;}
.s-tile .tit-wrap .tit::before { height:40px;}

/* 리스트 - 원형 */
.s-circle-list {width:92%; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; flex-wrap:wrap; }
.s-circle-list .num-circle {width:calc((100% - 60px) / 4); position:relative; background:#5a698e; border-radius:50%; text-align:center; }
.s-circle-list .num-circle::after {content:''; position:relative; display:block; width:100%; padding-bottom:100%;}
.s-circle-list .num-circle .tit-wrap {position:absolute; display:block; width:100%; height:100%; box-sizing:border-box; padding:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap; color:#fff; font-size:2.8rem}
.s-circle-list .num-circle .tit-wrap .num  {color:#fba826; font-family: 'GmarketSansBold'; text-decoration:underline; text-underline-offset:7px; }
.s-circle-list .num-circle .tit-wrap .tit {font-family: 'GmarketSansBold'; margin-top:20px; line-height:3.4rem; height:6.8rem}
.s-circle-list .num-circle .tit-wrap .tit span {font-family: 'GmarketSansBold';  color:#fbf326; }
.s-circle-list .num-circle .tit-wrap .stit {font-size:1.7rem; line-height:2.4rem;height:7.2rem; margin-top:10px}

/* 리스트 - 아이콘 + 숫자 + 사각형*/
.s-square-list {gap:15px }
.s-square-list > div {flex:auto; width:calc((100% - 30px) / 3); padding:40px; }
.s-square-list > div .tit { font-size:2.0rem;  line-height:2.2rem; }
.s-square-list > div .con {font-size:1.7rem; line-height:2.4rem;}

/* 리스트 - 체크 + 사각형*/
.check-box-list { flex-wrap:wrap; gap:15px }
.check-box-list li {padding:30px;}
.check-box-list li::before {
	width:24px;
	height:24px;
}
.check-box-list li p {font-size:2.0rem;  line-height:2.4rem; }



/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */


}


/*------------------------------------------------------------------------------------------------------------*/


/* 태블릿 CSS */
@media all and (max-width:1023px){

br.pc {display:none;}

/* 서브 - 상단 */
#subTopWrap { height:0; overflow:hidden; padding-top:70px}

/* 서브 - 중간메뉴 : 가로배열 > 드롭메뉴  */
.sub-menu-wrap { width:100%; margin-top:0;  height:50px;  top:0;}
.sub-menu-in {width:100%; max-width:1500px; margin: 0 auto; overflow:hidden; background:none}
.sub-menu { width:100%; position:static; float:left;}
.sub-menu li.home { display:none}
.sub-menu li.menu-list { display:block; overflow:hidden; position:static; }
.sub-menu .on {display:block !important;}

#firstPanel {width:38%; float:left; z-index:420; }
#secondPanel {width:62%; float:left; z-index:410; box-sizing:border-box; border-left:1px solid rgba(0, 0, 0, 0.4); }
body#clinic #secondPanel {width:62%;}
.menu-head {
	display:block;
	cursor: pointer;
	position: relative;
	font-size:1.5rem;
	text-align:left;
	box-sizing:border-box;
	color:#fff;
	
}

#firstPanel .menu-head {display:block; width:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4' style='enable-background:new 0 0 8 4;'%3E%3Cpath d='M0,0h8L4,4L0,0z' style='fill:%23ffffff'/%3E%3C/svg%3E%0A") no-repeat right 10px center; background-size:11px; height:50px; line-height:50px; padding-left:12px; }
#secondPanel .menu-head {display:block; width:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 4' style='enable-background:new 0 0 8 4;'%3E%3Cpath d='M0,0h8L4,4L0,0z' style='fill:%23ffffff'/%3E%3C/svg%3E%0A") no-repeat right 10px center; background-size:11px; height:50px; line-height:50px; padding-left:12px; }

.menu-body {
	border:none; 
	border-radius:0;
	box-shadow:none;
	position:absolute; 
	overflow:hidden; 
	z-index:9999;
	display:none;
}
#firstPanel .menu-body {width:38%;}
#secondPanel .menu-body {width:62%;}

.menu-body li { height:40px; line-height:40px; text-align:left; box-sizing:border-box; border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; background:#f1f1f1; }
.menu-body li:first-child {margin-top:1px}
.menu-body li a { display:block; box-sizing:border-box; height:40px; line-height:40px; padding:0 15px; font-size:1.4rem; color: #000; }


#firstPanel .menu-body li:hover a, #firstPanel .menu-body li:focus a { color: #fff; background:#444; }
#secondPanel .menu-body li:hover a, #secondPanel .menu-body li:focus a { border-bottom:0;  color: #fff; background:#e60012;  }



/* -------------------------------------- */
/* 메뉴 하이라이트  - 모바일 뷰 여서 제거   */
/* -------------------------------------- */
.menu-body li.act a { border-bottom:1px solid #e9e9e9; background:none; color:#000}



/* 서브 - 컨텐츠 */

/*/// 컨텐츠 공통 - start ///*/
#subLayoutWrap {padding:60px 0 100px 0; }
#subConWrap {}
#subCon { width:96%; font-size:1.5rem; line-height:2.4rem; }
#subCon h3 {font-size:3.2rem; line-height:3.2rem; margin-bottom:35px; }
#subCon h4 {font-size:2.8rem; line-height:1.2em; margin-bottom:20px;}
#subCon h4.sub-stit {margin-top:60px}
#subCon h5 { font-size:2rem; height:2.2rem;  }
#subCon h5 span { font-size:2rem; }


/* 서브 컨텐츠 구획 */
.sub-content-wrap { padding-top:60px; }
.sub-content-wrap.wide {margin-top:60px; padding-bottom:60px}

/* 서브 상단 이미지*/
.sub-top-img {padding:80px 0; min-height:420px;}
.sub-top-tit { font-size:3.2rem;  line-height:1.2em;}
.sub-top-txt {font-size:2.0rem; line-height:2.8rem; }

/* -------------------------------------- */
/* 리스트 */
/* -------------------------------------- */

/* 리스트 - 숫자 */
.num-list > li {  padding: 10px 10px 10px 50px; }
.num-list > li::before { width:32px; line-height:32px; margin-right: 1.0rem; font-size:1.5rem; }
.num-list > li p {  line-height:32px;  font-size:1.6rem; }

/* 리스트 - 교차타일 */
.s-tile .thm-wrap img {height:300px}
.s-tile .tit-wrap { padding:40px;}
.s-tile .tit-wrap .num {font-size:1.8rem; }
.s-tile .tit-wrap .tit {font-size:2.2rem; padding-bottom:50px;}
.s-tile .tit-wrap .tit::before { height:30px;}
.s-tile .tit-wrap .con {width:92%}


/* 리스트 - 아이콘 + 숫자 + 사각형*/
.s-square-list > div {flex:auto; width:calc((100% - 30px) / 3); padding:30px; }
.s-square-list > div .tit { font-size:1.8rem;  line-height:2.0rem; }
.s-square-list > div .con {font-size:1.6rem; line-height:2.0rem;}

/* 리스트 - 체크 + 사각형*/
.check-box-list li {padding:25px;}
.check-box-list li::before {
	width:24px;
	height:24px;
}
.check-box-list li p {font-size:1.7rem;  line-height:2.2rem; }



/* 사이트맵 */
.sitemap .gnb > li { width:48%; overflow:hidden; margin-right:2%; }
.sitemap .gnb > li:nth-child(2n){ margin-right:0;}
.sitemap .gnb > li > a {font-size:17px; height:45px; line-height:45px;}
.sitemap .gnb > li > ul > li {; height:40px; line-height:40px;}
.sitemap .gnb > li > ul > li > a {font-size: 15px;  height:40px; line-height:40px;}

/* 이메일무단수집거부 */
.email {}
.email .email_tit { padding-top:200px; font-size:2.4rem; line-height:3.0rem;  }
.email_msg {width:80%; margin:0 auto; overflow:hidden; font-size:1.7rem}



/*/// 컨텐츠 공통 - end ///*/

/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */



}


/*------------------------------------------------------------------------------------------------------------*/


/* 모바일 CSS */
@media all and (max-width:767px){

/* 서브 - 상단 */
#subTopWrap { padding-top:60px }

.menu-head {font-size:1.4rem;	}
.menu-body li a { padding:0 12px; font-size:1.3rem;}

/*/// 컨텐츠 공통 - start ///*/

#subLayoutWrap {padding:40px 0 80px 0; }
#subCon {}
#subCon h3 {font-size:2.8rem; line-height:3.2rem; margin-bottom:25px;}
#subCon h4 {font-size:2.2rem; line-height:2.6rem; }
#subCon h4.sub-stit {margin-top:50px}
#subCon h5 {font-size:1.8rem; line-height:2.2rem; height:2.2rem; }
/*/// 컨텐츠 공통 - end ///*/


/* 서브 컨텐츠 구획 */
.sub-content-wrap { padding-top:40px; }
.sub-content-wrap.wide {margin-top:40px; padding-bottom:40px}

/* 서브 상단 이미지*/
.sub-top-img {padding:60px 0; min-height:320px;}
.sub-top-tit { font-size:2.4rem;  line-height:1.1em;}
.sub-top-txt {font-size:1.7rem; line-height:2.4rem; }

/* -------------------------------------- */
/* 리스트 */
/* -------------------------------------- */

/* 리스트 - 숫자 */
.num-list > li {  padding: 10px 10px 10px 40px; }
.num-list > li::before { width:28px; line-height:28px;  font-size:1.4rem; }
.num-list > li p {  line-height:28px;  font-size:1.5rem; }

/* 리스트 - 교차타일 */
.s-tile .thm-wrap {order:1; width:100%;height:150px;}
.s-tile .thm-wrap img {height:200px}
.s-tile .tit-wrap {width:100%; padding:20px; order:2}
.s-tile .tit-wrap .num {font-size:1.6rem; }
.s-tile .tit-wrap .tit {font-size:2.0rem; padding-bottom:40px;}
.s-tile .tit-wrap .tit::before { height:20px;}
.s-tile:nth-child(2n) .thm-wrap {order:1}
.s-tile:nth-child(2n) .tit-wrap {order:2}

/* 리스트 - 아이콘 + 숫자 + 사각형*/
.s-square-list {gap:10px}
.s-square-list > div {flex:auto; width:calc((100% - 10px) / 2); padding:20px; }
.s-square-list > div .icon {width:80px; height:80px}
.s-square-list > div .icon img {max-width:60%;}
.s-square-list > div .tit { font-size:1.6rem;  line-height:1.9rem; }
.s-square-list > div .con {font-size:1.4rem; line-height:1.7rem; margin-top:10px}

/* 리스트 - 체크 + 사각형*/
.check-box-list {gap:10px}
.check-box-list li {padding:20px;}
.check-box-list li::before {
	width:22px;
	height:22px;
}
.check-box-list li p {font-size:1.5rem;  line-height:2.0rem; }


/* 사이트맵 */
.sitemap .gnb > li { width:100%; margin-right:0; min-height:0}
.sitemap .gnb > li > a {font-size:16px;}
.sitemap .gnb > li > ul > li > a {font-size: 14px;  }

/* 이메일무단수집거부 */
.email {background:#fff url('../images/email.png') no-repeat center 50px; background-size:155px;  font-size:1.5rem; word-break:keep-all; border:1px solid #dadada; padding:30px; max-width:640px;}
.email .email_tit { padding-top:150px; font-size:2.4rem; line-height:3.0rem;  }
.email_msg {width:95%;  font-size:1.7rem}
.email_msg p {word-break:keep-all}



/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */



}