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

/* 서브 - 상단 */
#subTopWrap {width:100%; height:450px; position:relative;  }
#subTopWrap .h2-wrap {height:450px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; flex-direction:column; position:relative; overflow:hidden;}
#subTopWrap .h2-wrap::before {content:''; position:absolute; display:block; width:100%; height:560px; z-index:1; animation: animatedBackground 2s linear 1; animation-fill-mode: forwards;  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);}
#subTopWrap .h2-msg { color:rgba(255,255,255,.7); font-size:1.8rem; position:relative; z-index:2; font-family: 'Play'; }
#subTopWrap h2 {font-size:4.5rem; color:#fff; line-height:5.0rem; height:5.0rem; font-family: 'Pretendard-SemiBold'; font-weight:normal; position:relative; z-index:2; margin-top:15px}

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

#subTopWrap.sub-t1-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg1.jpg') no-repeat center center; background-size:cover;}
#subTopWrap.sub-t2-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg2.jpg') no-repeat center center; background-size:cover;}
#subTopWrap.sub-t3-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg3.jpg') no-repeat center center; background-size:cover;}
#subTopWrap.sub-t4-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg4.jpg') no-repeat center center; background-size:cover;}
#subTopWrap.sub-t5-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg5.jpg') no-repeat center center; background-size:cover;}
#subTopWrap.sub-t6-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg6.jpg') no-repeat center center; background-size:cover;}
#subTopWrap.sub-t7-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg7.jpg') no-repeat center center; background-size:cover;}
#subTopWrap.sub-t8-img .h2-wrap::before {background:#ebe4d6 url('../images/sub_timg_bg8.jpg') no-repeat center center; background-size:cover;}

/* 서브 - 중간메뉴 : 가로배열  */
.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.6);}
.sub-menu-in {width:100%; max-width:1500px; margin: 0 auto; }
.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, 0.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.0rem;  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; font-family: 'Pretendard-SemiBold';}
.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: #282f67;}

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

.menu-body li.act a { color:#fff; background: #010e1e; }


/* 서브 - 컨텐츠 */
/*/// 컨텐츠 공통 - start ///*/
#subLayoutWrap {padding:100px 0; overflow:visible;}
#subLayoutWrap2 { overflow:visible;}
#subConWrap {width:100%; overflow:visible; margin:0 auto; }
#subCon {width:92%; margin:0 auto; position:relative; max-width:1500px; overflow:visible; font-size:1.9rem; line-height:2.8rem;  word-break:keep-all;}
#subCon.wide {width:100%; max-width:initial; overflow:hidden; }
#subCon h3 {font-size:5rem; font-family: 'Pretendard-Bold'; font-weight:normal; 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; 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:13px; font-size:2.6rem; margin-bottom:15px; color: #000; font-family: 'Pretendard-Bold'; }
#subCon h5::before {position: absolute; content:''; top:5px; left:0; background:#04a9c7; width:4px; height:24px; }
#subCon h5 span {font-size:2.3rem; }
#subCon h5.sub-sstit {margin-top:60px}



/* -------------------------------------- */
/* 밑줄 */
/* -------------------------------------- */
span.f-point {color:#dd0000;}
span.f-point.ver2 { color:#008cdd;}
span.f-point.ver3 { color:#e50404;}
span.f-point i { font-style:normal; text-decoration: underline; text-decoration-color:rgba(217, 13, 129, 0.05); text-decoration-thickness:10px; text-underline-offset:-5px; text-decoration-skip-ink : none; }
span.f-point.ver2 i {text-decoration-color:rgba(26, 154, 236, 0.05); }

/* -------------------------------------- */
/* 박스 */
/* -------------------------------------- */
/* 박스 - 일반 */
.t-box {padding:40px; background:#fafafa; border-radius:8px; word-break:keep-all; width:100%; box-sizing:border-box;} 
.t-box.t-center {text-align:center;}

.line-box {padding:40px; border:1px solid #dfdfdf; border-radius:8px; word-break:keep-all; width:100%; box-sizing:border-box;} 
.line-box.mt {margin-top:20px}
.line-box.t-center {text-align:center;}

.box-tit { font-family: 'Pretendard-Bold';  font-size:2.4rem; line-height:3.6rem; color:#003386; margin-bottom:5px;}

/* 구역 박스 - 일반 */
.section-box-wrap {width:100%; max-width:1600px; box-sizing:border-box;  display: flex; justify-content:center;  align-items: stretch; flex-wrap:wrap; gap:30px; margin:0 auto;}
.section-box-wrap > div {flex:1; box-sizing:border-box; overflow:hidden;}
.section-box-wrap > div .thm-wrap { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; box-sizing:border-box; border: 1px solid #ddd; line-height:0}
.section-box-wrap > div .thm-wrap.bg1 { background:#fafafa;}
.section-box-wrap > div .thm-wrap.w100 { padding:0; }
.section-box-wrap > div .thm-wrap img {max-width:100%}
.section-box-wrap > div .thm-wrap.w100 img {width:100%}
.section-box-wrap > div .tit-wrap {width:100%;  box-sizing:border-box; background: #f1f1f1; text-align: center; height:65px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.section-box-wrap > div .tit-wrap .tit { font-family: 'Montserrat'; font-weight:600; color:#292929;font-size:1.7rem; line-height:2.2rem;}
.section-box-wrap > div .tit-wrap .tit2 {color:#003386; font-family: 'Pretendard-Bold'; font-size:2.0rem; line-height:2.2rem;}
.section-box-wrap > div .tit-wrap .con {max-width:85%; font-family: 'Montserrat'; font-weight:500; font-size:1.5rem; line-height:1.8rem; margin-top:5px}

/* 구역 박스 - 100% */
.section-box-wrap.box-ver1 > div {flex:initial; width:100%}

/* 구역 박스 - 1:1 */
.section-box-wrap.box-ver2 > div {flex:initial; width:calc((100% - 30px) / 2);}

/* 구역 박스 - 1:1:1 */
.section-box-wrap.box-ver3 { justify-content:flex-start; }
.section-box-wrap.box-ver3 > div {flex:initial; width:calc((100% - 60px) / 3);}

/* 구역 박스 - 7:3*/
.section-box-wrap.box-ver4 {gap:20px; justify-content:flex-start; }
.section-box-wrap.box-ver4 > div {flex:initial; width:calc((100% - 60px) / 4)}

/* 구역 박스 - 3:7*/
.section-box-wrap.box-ver5 {}
.section-box-wrap.box-ver5 > div {flex:initial; width:calc(((100% - 80px) / 3) * 2 + 40px);}
.section-box-wrap.box-ver5 > div:first-child {width:calc((100% - 80px) / 3);}

/* 아이콘 박스 */
.icon-box {padding:40px; border:1px solid #dfdfdf; border-radius:8px; word-break:keep-all; width:100%; box-sizing:border-box; display: flex; justify-content:space-between; align-items: center; flex-wrap:wrap;} 
.icon-box.mt {margin-top:20px}
.icon-box .icon-wrap {width:130px; height:130px; background:#0e487e; border-radius:50%;  display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; }
.icon-box .icon-wrap img {max-width:55%; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(128deg) brightness(105%) contrast(102%);}
.icon-box .detail-wrap {width:calc(100% - 170px);}

/* -------------------------------------- */
/* 버튼 */
/* -------------------------------------- */
.sub-btn-wrap {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:15px }
.sub-btn-wrap a {font-size:1.8rem; min-width:180px; text-align:center; letter-spacing:-1px; color:#fff; border-radius:10px;  display:inline-block; padding:15px 20px; }
.sub-btn-wrap a.btn1 {background: #003367;}
.sub-btn-wrap a.btn2 {background: #00ac92;}
.sub-btn-wrap a.btn3 {background: #1a9aec;}
.sub-btn-wrap a:hover {background:#faa61a;}

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

/* 리스트 - dot */
.dot-list { display:block;  box-sizing:border-box; }
.dot-list > li {margin-top:5px; word-break:keep-all;border-top:none; padding-left:15px; position:relative;  text-align:left;}
.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:#666;
}
.dot-list > li p { }
.dot-list > li span { color:#ff832c;  }

.dot-list.small {margin-bottom:20px}
.dot-list.small li {line-height:2.2rem; margin-top:8px;}
.dot-list.small > li::before { top:11px;  width:5px; height:5px;}
.dot-list.small li p {font-size:1.6rem; text-align:left;}

/* 리스트 - dash */
.dash-list { display:block;  box-sizing:border-box; }
.dash-list > li {margin-top:5px; word-break:keep-all;border-top:none; padding-left:15px; position:relative; text-align:left;}
.dash-list > li:first-child {margin-top:0}
.dash-list > li::before {
  content:'';
  display:inline-block;
  position:absolute; 
  top:16px;
  left:0;
  width:6px; height:1px;
  border-radius:50%;
  background:#00ac92;
}
.dash-list > li p { }
.dash-list > li span { 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: 16px 16px 16px 60px; box-sizing:border-box; border-bottom: 1px dashed #c6c6c6; width:100%;}
.num-list.in2 > li {width:calc((100% - 20px) / 2); }
.num-list.in3 > li {width:calc((100% - 40px) / 3); }
.num-list > li:first-child {border-top: 1px dashed #c6c6c6; }
.num-list.in2 > li:first-child {border-top: 0px 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:40px; line-height:40px; display: inline-block; background:#03244c; border-radius: 50%; text-align: center;  font-family: 'Abril Fatface'; position: absolute; left: 5px; top: 10px; }
.num-list > li p { display: inline-block;  line-height:40px; }

/* 리스트 - 교차타일 */
.s-tile-wrap {width:100%;}
.s-tile { width:100%; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; background:#fff; margin-top:15px}
.s-tile-wrap .s-tile:first-child {margin-top:0}
.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:40px; 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: 'GmarketSansBold'; }
.s-tile .tit-wrap .tit { font-size:3.5rem; margin-top:15px; padding-bottom:50px; position:relative;}
.s-tile .tit-wrap .tit::before {content:''; display:block; width:1px; height:30px; position:absolute; left:50%; bottom:0; background:#e60012;}
.s-tile .tit-wrap .con {margin-top:20px; width:96%; word-break:keep-all; }
.s-tile .tit-wrap .scon {margin-top:10px; width:92%; word-break:keep-all; font-size:1.7rem; line-height:2.4rem; color:#65758d;}

.s-tile:nth-child(2n) .thm-wrap {order:2}
.s-tile:nth-child(2n) .tit-wrap {order:1}

/* 리스트 - 원형 */
.s-circle-list {width:100%; margin:0 auto; display:flex; justify-content:center; flex-wrap:wrap; align-items:center; flex-wrap:wrap; gap:15px}
.s-circle-list li {width:calc((100% - 30px) / 3); position:relative; border-radius:50%; text-align:center;  margin:0 -2.5%;}
.s-circle-list li:nth-child(1) {background:#5981c340}
.s-circle-list li:nth-child(2) {background:#5e59c340}
.s-circle-list li:nth-child(3) {background:#4070a640}
.s-circle-list li::after {content:''; position:relative; display:block; width:100%; padding-bottom:100%;}
.s-circle-list li .tit-wrap {position:absolute; display:block; width:100%; height:100%; box-sizing:border-box; padding:40px; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap; }
.s-circle-list li .tit-wrap .icon {width:100px; height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.s-circle-list li .tit-wrap .icon img {max-width:100%}
.s-circle-list li .tit-wrap .num  {font-family: 'Pretendard-Bold'; text-decoration:underline; text-underline-offset:7px; mix-blend-mode: difference;}
.s-circle-list li .tit-wrap .tit {line-height:3.2rem; font-size:2.8rem; word-break:keep-all; font-family: 'Pretendard-Bold'; margin-top:25px}
.s-circle-list li .tit-wrap .stit {font-size:2.0rem; line-height:2.8rem;height:7.2rem; margin-top:5px; word-break:keep-all;}

/* 리스트 - 원형2 */
.s-circle2-list {width:100%; max-width:1024px; margin:0 auto;  display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:center; flex-wrap:wrap; gap:10px;}
.s-circle2-list li {width:calc((100% - 10px) / 2); position:relative; background:#5a698e; border-radius:50%; text-align:center; margin:0 -1.5%;}
.s-circle2-list li::after {content:''; position:relative; display:block; width:100%; padding-bottom:100%;}
.s-circle2-list li:nth-child(1) {background:#69e3d980}
.s-circle2-list li:nth-child(2) {background:#66c6f980}
.s-circle2-list li:nth-child(3) {background:#4072c580}
.s-circle2-list li .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; }
.s-circle2-list li .tit-wrap .tit { line-height:3.6rem; font-size:3.0rem; word-break:keep-all; margin-bottom:10px;}
.s-circle2-list li .tit-wrap .con {font-size:2.0rem; line-height:2.8rem;height:7.2rem; margin-top:5px; word-break:keep-all;}

/* 리스트 - 아이콘 + 숫자 + 사각형*/
.s-square-list {display:flex; justify-content:flex-start; flex-wrap:wrap; align-items:stretch; flex-wrap:wrap; gap:15px }
.s-square-list > div {width:calc((100% - 45px) / 4); box-sizing:border-box; background:rgba(1, 133, 108, 0.1); padding:30px; border-radius: 15px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; flex-wrap:wrap; }
.s-square-list.evenly > div {width: auto; flex:1;}
.s-square-list > div .icon {width:120px; height:120px; 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 {max-width:60%;}
.s-square-list > div .num {color:#01856c; font-family: 'GmarketSansBold'; text-decoration:underline; text-underline-offset : 5px; }
.s-square-list > div .tit { margin-top:20px; }
.s-square-list > div .con {margin-top:15px; font-size:2.3rem;  line-height:2.4rem; }

/* 리스트 - 체크 + 사각형*/
.check-box-list {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch; flex-wrap:wrap; gap:20px }
.check-box-list li {width:calc((100% - 20px) / 2); box-sizing:border-box; border:1px solid #dadada; padding:20px; border-radius: 20px; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; background:#fff;}
.check-box-list.dv-4 > li {width:calc((100% - 60px) / 4); }
.check-box-list li::before {
	content:''; 
	display:inline-block;
	width:50px;
	height:50px;
	background:#88be64 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:%23ffffff;"/%3E%3C/svg%3E') no-repeat center center; 
	background-size:25px;
	border-radius:50%;
	margin-right:20px
}
.check-box-list li p {width:calc(100% - 80px); }
.check-box-list li p span {display:block; font-size:1.7rem; color:#65758d;}

/* 리스트 - 숫자 + 사각형 */
.num-box-list {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; flex-wrap:wrap;  gap:15px}
.num-box-list > li {width:100%; box-sizing:border-box; border:1px solid #dfdfdf; padding:30px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; flex-wrap:wrap; }
.num-box-list > li .num {width:90px; height:90px; border-radius:50%; background:#efefef; box-sizing:border-box;  display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap; color:#000; font-size:3.0rem;  font-family: 'Oswald'; font-weight:700}
.num-box-list > li .num span {font-family:inherit; line-height:3.0rem;height:3.0rem;  }
.num-box-list > li .tit-wrap {width:calc(100% - 120px); margin-top:10px }
.num-box-list > li .tit-wrap > .tit { font-weight:600; font-size:2.6rem; margin-bottom:10px}
.num-box-list > li .tit-wrap .con { font-weight:300}

/* 리스트 - 절차 */
.sub-step-list {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; box-sizing:border-box; text-align:center; gap:40px;}
.sub-step-list > li {flex:1; position:relative;  text-align:center; background:#fff; border:3px solid #83bdd6; border-radius:20px; box-sizing:border-box; }
.sub-step-list > li:nth-child(2) {border:3px solid #487fa8; }
.sub-step-list > li:nth-child(3) {border:3px solid #095289; }
.sub-step-list > li:nth-child(4) {border:3px solid #0e487e; }
.sub-step-list > li::after {content:''; position:relative; display:block; width:100%; padding-bottom:100%; left:0; top:0;}
.sub-step-list > li .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;  }
.sub-step-list > li .tit-wrap::before {content:''; position:absolute; left:0; margin-left:-30px; top:50%; display:block; width:18px; height:18px; transform:translateY(-50%); display:block; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 67.03 66.42'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2383bdd6;%7D.cls-1,.cls-2%7Bstroke-width:0px;%7D.cls-2%7Bfill:%23487fa8;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M38.22,0h0c-6.72,0-10.68,7.05-6.87,12.23l15.43,20.98-15.43,20.98c-3.81,5.18.15,12.23,6.87,12.23h0c2.74,0,5.31-1.26,6.87-3.38l21.94-29.83L45.09,3.38c-1.56-2.12-4.12-3.38-6.87-3.38Z'/%3E%3Cpath class='cls-1' d='M8.35,0h0C1.64,0-2.32,7.05,1.48,12.23l15.43,20.98L1.48,54.19c-3.81,5.18.15,12.23,6.87,12.23h0c2.74,0,5.31-1.26,6.87-3.38l21.94-29.83L15.22,3.38c-1.56-2.12-4.12-3.38-6.87-3.38Z'/%3E%3C/svg%3E") no-repeat center center; background-size:cover; 
}
.sub-step-list > li:first-child .tit-wrap::before {display:none;}
.sub-step-list > li .tit-wrap .num {position:relative; z-index:2; font-family: 'Montserrat'; font-weight:700; font-size:1.8rem; line-height:2.4rem; margin-bottom:15px; color:#83bdd6}
.sub-step-list > li:nth-child(2) .tit-wrap .num{color: #487fa8; }
.sub-step-list > li:nth-child(3) .tit-wrap .num{color: #095289; }
.sub-step-list > li:nth-child(4) .tit-wrap .num{color: #0e487e;  }

.sub-step-list > li .tit-wrap .tit {line-height:2.4rem}
.sub-step-list > li .tit-wrap .stit {line-height:2.0rem; font-size:1.7rem}

/* 리스트2 - 절차 */
.sub-step2-list {display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; box-sizing:border-box; text-align:center; gap:60px}
.sub-step2-list > li {flex:1; position:relative;  text-align:center; border:1px solid #dadada; box-sizing:border-box; padding:30px; border-radius:20px;  display:flex; flex-direction:column; align-items:center; justify-content:flex-start; flex-wrap:wrap; background:#fff; }
.sub-step2-list.wide > li {min-width:400px}
.sub-step2-list > li::before {content:''; position:absolute; left:0; margin-left:-40px; top:50%; display:block; width:22px; height:5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 33.8 7.2' style='enable-background:new 0 0 33.8 7.2; fill:rgba(218,26,93,1);' %3E%3Cpath d='M3,3.6c0,0.8-0.7,1.5-1.5,1.5S0,4.5,0,3.6s0.7-1.5,1.5-1.5S3,2.8,3,3.6z M11.5,2.1c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5 S13,4.5,13,3.6S12.3,2.1,11.5,2.1z M21.5,2.1c-0.8,0-1.5,0.7-1.5,1.5s0.7,1.5,1.5,1.5S23,4.5,23,3.6S22.3,2.1,21.5,2.1z M28.8,0.7 v5.8c0,0.6,0.7,0.9,1.2,0.6l3.6-2.9c0.4-0.3,0.4-0.8,0-1.1l-3.6-2.9C29.5-0.2,28.8,0.1,28.8,0.7z'/%3E%3C/svg%3E%0A"); background-size:cover; 
	animation-duration: 1s;
	animation-name: slidein;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@keyframes slidein {
  from {
    width:0;
  }
  to {
    width: 22px;
  }
}
.sub-step2-list > li .icon-wrap {width:100%; text-align:center;}
.sub-step2-list > li .icon-wrap img {max-width:80px;}
.sub-step2-list > li:first-child::before {display:none;}
.sub-step2-list > li .tit-wrap {display:block; width:92%; margin:0 auto; box-sizing:border-box;position:relative; z-index:1}
.sub-step2-list > li .tit-wrap .num {position:relative; z-index:2; font-family: 'GmarketSansBold'; font-size:1.4rem; line-height:2.4rem;  color:#fff; width:100px; height:40px; background:#da1a5d; border-radius:20px; margin:0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap;margin-top:20px;}
.sub-step2-list > li .tit-wrap .tit {  word-break:keep-all; margin-top:20px; }
.sub-step2-list > li .tit-wrap .con {margin-top:5px; font-size:1.7rem; line-height:2.0rem; opacity:0.8}

/* 박스 + 아이콘 가로형  */
.box-icon-list {width:100%; margin:0 auto; display:flex; justify-content:center; flex-wrap:wrap; align-items:stretch; flex-wrap:wrap; gap:15px;}
.box-icon-list > li {width:calc((100% - 30px) / 3); box-sizing:border-box; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap; padding:20px; border:1px solid #dadada;}
.box-icon-list > li .icon-wrap {width:100px; height:100px; background:#fff; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap; background:#003386; }
.box-icon-list > li .icon-wrap img {max-width:60%; filter: invert(90%) sepia(0%) saturate(7500%) hue-rotate(35deg) brightness(113%) contrast(113%);}
.box-icon-list > li .tit-wrap {margin-top:15px;}
.box-icon-list > li .tit-wrap .tit { }
.box-icon-list > li .tit-wrap .stit {margin-top:5px; font-size:1.6rem;  line-height:1.8rem;}


/* -------------------------------------- */
/* 테이블 */
/* -------------------------------------- */
/* 서브 테이블 */
.sub-table-wrap {overflow-x:hidden}
.sub-table {width:100%; border-collapse:collapse;  word-break:keep-all; white-space: normal;  color:#000;}
.sub-table.border-top {border-top:2px solid #003386;}
.sub-table.ws-normal {white-space: normal; }
.sub-table th {padding:10px; text-align:center; border:1px solid #cdcdcd; color:#003386; font-weight:normal; font-family: 'Pretendard-Bold'; vertical-align: middle; background:#eaf1fb;}
.sub-table th.bg-gray {padding:10px; color:#000;    background:#f1f1f1; }
.sub-table td {padding:10px; border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd; text-align:center; opacity:0.8; vertical-align:middle; }
.sub-table.td-left td {text-align:left;}
.sub-table td img {max-width:100%;}
.sub-table td.point {color:#cc0000; border-left:3px solid #cc0000; border-right:3px solid #cc0000;}
.sub-table tr:last-child td.point {border-bottom:3px solid #cc0000; }
.sub-table td.bg1 {background:#f1f1f1; color:#000000; }
.sub-table td.b-right { border-right:1px solid #cdcdcd !important;}
.sub-table td.b-left { border-left:1px solid #cdcdcd !important;}
.sub-table td.t-left {text-align:left;}
.sub-table td.t-center {text-align:center;}
.sub-table td.t-right {text-align:right;}
.sub-table th:first-child, .sub-table td:first-child  {border-left: none; }
.sub-table th:last-child, .sub-table td:last-child  {border-right: none;}


/* -------------------------------------- */
/* 탭 */
/* -------------------------------------- */
/* 서브 스크립트 탭 */
.sub-tabs-wrap {width:100%; box-sizing:border-box; position:relative;  }
.sub-tabs-wrap .tab-title { width:100%;  overflow:hidden; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;  overflow:hidden; gap:5px;}
.sub-tabs-wrap .tab-title li{ flex:fit-content; display:block; overflow:hidden; position:relative; height:68px; border:1px solid #010e1e; border-radius:8px; }
.sub-tabs-wrap .tab-title li.on, .sub-tabs-wrap .tab-title li.ui-state-active { background:#010e1e; }
.sub-tabs-wrap .tab-title li.on::before, .sub-tabs-wrap .tab-title li.ui-state-active::before {content:none;}
.sub-tabs-wrap .tab-title li a {display:block; text-align:center; font-size:2.4rem; color:#010e1e; height:68px; line-height:68px; letter-spacing:-0.5px; padding:0 20px}
.sub-tabs-wrap .tab-title li a span {font-family:inherit; line-height:2.3rem}
.sub-tabs-wrap .tab-title li.on a, .sub-tabs-wrap .tab-title li.ui-state-active a {color:#fff;}

.tab-content-wrap {width:100%; overflow:hidden; margin-top:50px; }



/* -------------------------------------- */
/* 공통페이지 */
/* -------------------------------------- */
/* 사이트맵 */
.sitemap {width:100%; overflow:hidden; margin-top:20px;}
.sitemap .gnb {width:100%; overflow:hidden; margin:0 auto; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:20px}
.sitemap .gnb > li { flex:1; overflow:hidden; text-align:center; line-height:60px; margin-bottom: 45px; min-height:188px;}
.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-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 195.5 195.5' style='enable-background:new 0 0 195.5 195.5;' %3E%3Cstyle type='text/css'%3E .icon-style%7Bfill:none;stroke:%23194e9c;stroke-width:11;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='icon-style' d='M153.1,49.8h18.5c10.2,0,18.5,8.3,18.5,18.5v103.3c0,10.2-8.3,18.5-18.5,18.5H24c-10.2,0-18.5-8.3-18.5-18.5 V68.2C5.5,58,13.8,49.8,24,49.8h18.5'/%3E%3Cpath class='icon-style' d='M27.6,71.9l57.4,54c7.1,6.7,18.3,6.7,25.4,0l57.4-54'/%3E%3Cline class='icon-style' x1='167.9' y1='167.9' x2='116.9' y2='119.9'/%3E%3Cline class='icon-style' x1='78.6' y1='119.9' x2='27.6' y2='167.9'/%3E%3Cline class='icon-style' x1='126.5' y1='17.4' x2='69.1' y2='74.8'/%3E%3Ccircle class='icon-style' cx='97.8' cy='46.1' r='40.6'/%3E%3C/g%3E%3C/svg%3E%0A"); background-repeat:no-repeat; background-position:center top 20px; background-size:185px; 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:220px; 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}

/* 통합검색 */
.srch-msg {line-height:30px; margin-bottom:20px; color:#111; font-size:1.8rem}
.srch-msg span { font-weight:600}
.srch-msg span.red {color:#eb3952;}
.srch-msg span.blue {color:#3e45d5;}

.srch-cate-wrap {border:1px solid #dadada; background:#f5f5f5; padding:30px 40px;}
.srch-cate {width:100%; overflow:hidden; display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.srch-cate li {width:25%; height:30px; line-height:30px;}
.srch-cate li a {display:block; padding-left:12px; font-size:1.7rem; background:url('../images/list_01_bg.png') no-repeat left center; height:3rem; line-height:2.8rem;}

.srch-result-wrap {width:100%; overflow:hidden; margin-top:10px}
.srch-result {margin-top:30px; border-bottom:1px solid #dadada; padding-bottom:30px}
.srch-result a {display:block; width:100%; overflow:hidden;}
.srch-result-head  {width:100%; overflow:hidden; }
.srch-result-tit {float:left; width:calc(100% - 90px); overflow:hidden; height:40px; line-height:40px; font-size:1.5rem; }
.srch-result-tit span.rst-subject {display:inline-block; vertical-align:middle; font-size:2rem; font-weight:600; width:calc(100% - 130px);  height:40px; line-height:40px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:10px }
.srch-result-tit span.rst-date {color:#0072bc; display:inline-block; vertical-align:middle; font-size:1.5rem;  width:100px; height:40px; line-height:40px; margin-right:10px }
.srch-result-btn {float:right; width:80px; height:34px; line-height:34px; border:1px solid #dadada; text-align:center; font-size:1.5rem; margin-top:2px; transition-duration:0.5s}
.srch-result a:hover .srch-result-tit {color:#0072bc;}
.srch-result a:hover .srch-result-btn {border:1px solid #0072bc;  background:#0072bc; color:#fff;}
.srch-result_con { margin:10px auto; font-weight:300; line-height:24px; font-size:1.6rem; height:72px; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.srch-form-wrap {width:100%; background:#fafafa; padding:40px 30px; border: 1px solid #dadada; background: #f5f5f5; text-align:center; margin-bottom:40px; box-sizing:border-box;}
.srch-form {width:100%; overflow:hidden; max-width:700px; margin:0 auto;}
.srch-form li {float:left; width:30%;}
.srch-form li:first-child {width:67%;}
.srch-form li input {width:100%; border:none; height:50px; line-height:50px; font-size:1.7rem; box-sizing:border-box; padding:0 5px; }
.srch-form li input[type=submit] {background:#0072bc; color:#fff;}

/* 페이징 */
.sub-paging {width:92%; margin:0 auto; max-width:1366px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:6px; margin-top:60px; font-size:1.6rem}
.sub-paging a {width:36px; height:36px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direciton:column; border-radius:50%; background:#fff; text-align:center; color:#000; border:1px solid #dadada; box-sizing:border-box;}
.sub-paging a.arrow {background:#dadada; color:#333; letter-spacing:-1px; font-size:0.8rem}
.sub-paging a:hover {background:#f1f4f8; }
.sub-paging a.active {background:#0096de; color:#fff; border:none;}

/* 공용 상위 여백 */
.sub-mt {margin-top:60px}
.sub-s-mt {margin-top:30px}

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

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


/* 서브 - 중간메뉴 : 가로배열  */
.sub-menu-wrap { width:100%; overflow:visible;  position:relative; z-index:10; margin: 0 auto; height:60px; margin-top:0;  }
.sub-menu {  margin: 0 auto; }
.sub-menu li.home { width:60px; height:60px; }
.sub-menu li.home a { width:60px; height:60px; }

#secondPanel {display:block;}

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


/*/// 컨텐츠 공통 - start ///*/
#subLayoutWrap {padding:80px 0; overflow:visible;}
#subLayoutWrap2 { overflow:visible; margin-top:-32px; position:relative;}
#subCon { font-size:1.7rem; line-height:2.4rem; }
#subCon h3 {font-size:3.6rem; line-height:3.6rem;margin-bottom:45px;  } 
#subCon h4 { font-size:2.6rem; line-height:3.2rem; padding-top:23px; }
#subCon h4.sub-stit {margin-top:70px}
#subCon h4::before { width:13px;  }
#subCon h4::after {left:13px; top:0; width:13px;   }
#subCon h4 i {font-size:1.8rem;}
#subCon h4 span {font-size: 2rem; line-height:2.4rem; margin-top:8px;}

#subCon h5 { line-height:3.0rem; padding-left:15px; font-size:2.2rem;}
#subCon h5::before { top:4px; width:5px; height:22px; }
#subCon h5.sub-sstit {margin-top:50px}
#subCon h5 i {font-style:normal; font-size:1.6rem;}

#subCon h6 { line-height:2.4rem; padding-left:15px; font-size:2.0rem; }
#subCon h6.sub-ssstit {margin-top:30px}
/*/// 컨텐츠 공통 - end ///*/


/* -------------------------------------- */
/* 박스 */
/* -------------------------------------- */
/* 박스 - 일반 */
.t-box {padding:30px;}

.line-box {padding:30px; border-radius:6px; }
.line-box.mt {margin-top:20px}

.box-tit {  font-size:2.0rem; line-height:2.8rem; }


/* 구역 박스 - 일반 1:1:1 */
.section-box-wrap {gap:10px; }
.section-box-wrap > div .tit-wrap {  }
.section-box-wrap > div .tit-wrap .tit { font-size:1.5rem; line-height:1.6rem;}
.section-box-wrap > div .tit-wrap .con {font-size:1.4rem; line-height:1.5rem; margin-top:3px;}

/* 구역 박스 - 100% */
.section-box-wrap.box-ver1 > div {width:100%}

/* 구역 박스 - 1:1 */
.section-box-wrap.box-ver2  > div {width:calc((100% - 10px) / 2);}

/* 구역 박스 - 1:1:1 */
.section-box-wrap.box-ver3 > div {width:calc((100% - 20px) / 3);}

/* 구역 박스 - 7:3*/
.section-box-wrap.box-ver4 > div {width:calc((100% - 20px) / 3)}
.section-box-wrap.box-ver4 > div:first-child {width:calc(((100% - 20px) / 3) * 2 + 10px)}

/* 구역 박스 - 3:7*/
.section-box-wrap.box-ver5 {margin-top:40px;}
.section-box-wrap.box-ver5 > div { width:calc(((100% - 20px) / 3) * 2 + 10px);}
.section-box-wrap.box-ver5 > div:first-child {width:calc((100% - 20px) / 3);}

/* 아이콘 박스 */
.icon-box {padding:30px; border-radius:5px; } 
.icon-box.mt {margin-top:15px}
.icon-box .icon-wrap {width:100px; height:100px;}
.icon-box .icon-wrap img {max-width:55%; }
.icon-box .detail-wrap {width:calc(100% - 140px);}


/* -------------------------------------- */
/* 버튼 */
/* -------------------------------------- */
.sub-btn-wrap {gap:12px }
.sub-btn-wrap a {font-size:1.7rem; min-width:160px; padding:12px 18px; }

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

/* 리스트 - dot */
.dot-list { }
.dot-list > li {padding-left:13px; margin-top:3px;}
.dot-list > li::before {
  top:10px;
  left:0;
  width:5px; height:5px;
}

/* 리스트 - 숫자 */
.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;  }

/* 리스트 - 교차타일 */
.s-tile .thm-wrap img {}
.s-tile .tit-wrap { padding:35px;}
.s-tile .tit-wrap .num {font-size:2.0rem; }
.s-tile .tit-wrap .tit {font-size:2.6rem; margin-top:10px; padding-bottom:40px;}
.s-tile .tit-wrap .tit::before { height:20px;}
.s-tile .tit-wrap .scon {font-size:1.6rem; line-height:2.2rem; }

/* 리스트 - 원형 */
.s-circle-list {gap:10px}
.s-circle-list li {width:calc((100% - 20px) / 3); margin:0 -2%;}
.s-circle-list li .tit-wrap .icon {width:60px; height:60px; }
.s-circle-list li .tit-wrap { padding:20px; font-size:2.4rem;}
.s-circle-list li .tit-wrap .tit {line-height:2.4rem; font-size:2.2rem; margin-top:15px}
.s-circle-list li .tit-wrap .stit {font-size:1.6rem; line-height:1.8rem;height:auto; margin-top:5px; }

/* 리스트 - 원형  2*/
.s-circle2-list li .tit-wrap .tit {line-height: 3.2rem;   font-size: 2.8rem;}
.s-circle2-list li .tit-wrap .tit { }
.s-circle2-list li .tit-wrap .con {font-size:1.7rem; line-height:2.4rem; }

/* 리스트 - 아이콘 + 숫자 + 사각형*/
.s-square-list {gap:15px }
.s-square-list > div {flex:auto; width:calc((100% - 45px) / 4); padding:25px; }
.s-square-list.evenly > div {width:calc((100% - 15px) / 2); flex:initial;}
.s-square-list > div .tit {  }

/* 리스트 - 체크 + 사각형*/
.check-box-list { flex-wrap:wrap; gap:15px }
.check-box-list.dv-4 > li {width:calc((100% - 45px) / 4); }
.check-box-list li {padding:15px; border-radius:15px; }
.check-box-list li::before {
	width:40px;
	height:40px;
	background-size:25px;
}
.check-box-list li p {width:calc(100% - 60px); }

/* 리스트 - 숫자 + 사각형 */
.num-box-list {gap:13px}
.num-box-list > li { padding:25px;}
.num-box-list > li .num {width:90px; height:90px; font-size:3.2rem; }
.num-box-list > li .num span {line-height:2.6rem; height:2.6rem;  }
.num-box-list > li .tit-wrap {width:calc(100% - 120px); margin-top:15px }
.num-box-list > li .tit-wrap > .tit { font-size:2rem; margin-bottom:8px;}


/* 리스트 - 절차 */
.sub-step-list { gap:25px}
.sub-step-list.ea4 {}
.sub-step-list > li {border-radius:15px;}
.sub-step-list.ea4 > li {flex:initial; width:calc((100% - 25px) / 2);}
.sub-step-list.ea4 > li::after { padding-bottom:70%; }
.sub-step-list > li .tit-wrap {padding:10px;}
.sub-step-list > li .tit-wrap::before {margin-left:-22px;  width:14px; height:14px;}
.sub-step-list > li .tit-wrap .num {font-size:1.6rem; line-height:1.8rem; margin-bottom:8px;}
.sub-step-list > li .tit-wrap .tit {line-height:2rem}

/* 리스트2 - 절차 */
.sub-step2-list {gap:40px}
.sub-step2-list > li {flex:1; padding:15px; border-radius:15px; }
.sub-step2-list > li::before {margin-left:-32px; width:22px; height:4px; }
.sub-step2-list > li .icon-wrap img {max-width:50px;}
.sub-step2-list > li .tit-wrap .num {font-size:1.3rem; line-height:1.8rem; width:80px; height:30px; border-radius:15px; margin-top:15px;}
.sub-step2-list > li .tit-wrap .tit { margin-top:15px; }
.sub-step2-list > li .tit-wrap .con { font-size:1.6rem;}

/* 박스 + 아이콘 가로형  */
.box-icon-list {gap:10px;}
.box-icon-list > li {width:calc((100% - 20px) / 3); }
.box-icon-list > li .icon-wrap {width:80px; height:80px; }
.box-icon-list > li .tit-wrap .stit { font-size:1.5rem;  line-height:1.7rem;}

/* -------------------------------------- */
/* 테이블 */
/* -------------------------------------- */
/* 서브 테이블 */
.sub-table {}
.sub-table th {padding:8px; }
.sub-table th.bg-gray {padding:8px; }
.sub-table td {padding:8px; }
.sub-table td.bg-gray { font-size:inherit;  }

/* -------------------------------------- */
/* 탭 */
/* -------------------------------------- */
/* 서브 스크립트 탭 */
.sub-tabs-wrap .tab-title {  gap:5px}
.sub-tabs-wrap .tab-title li{ height:63px;  }
.sub-tabs-wrap .tab-title li a {font-size:1.9rem; height:63px; line-height:63px; padding:0 15px}
.sub-tabs-wrap .tab-title li a span { line-height:2.1rem}

.tab-content-wrap {margin-top: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}

/* 공용 상위 여백 */
.sub-mt {margin-top:40px}
.sub-s-mt {margin-top:20px}

}

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


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

br.pc {display:none;}

/* 서브 - 상단 */
#subTopWrap { height:70px; overflow:hidden; background:#010e1e }
#subTopWrap .h2-wrap::before {content:none;}
/* 서브 - 중간메뉴 : 가로배열 > 드롭메뉴  */
.sub-menu-wrap { width:100%; margin-top:0;  height:50px;  top:0; background: rgba(0, 0, 0, 0.6);}
.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); }
.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:#282f67;  }



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


/* 서브 - 컨텐츠 */

/*/// 컨텐츠 공통 - start ///*/
#subLayoutWrap {padding:60px 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; }



/* -------------------------------------- */
/* 밑줄 */
/* -------------------------------------- */
span.f-point i {  text-decoration-thickness:8px; text-underline-offset:-4px;  }

/* -------------------------------------- */
/* 박스 */
/* -------------------------------------- */
/* 박스 - 일반 */
.t-box {padding:25px;}
.line-box {padding:25px;}

/* 구역 박스 - 일반 1:1:1 */
.section-box-wrap {gap:8px; margin-top:8px}
.section-box-wrap > div .tit-wrap {height:60px;}
.section-box-wrap > div .tit-wrap .tit {  font-size:1.4rem}
.section-box-wrap > div .tit-wrap .con {font-size:1.3rem; line-height:1.4rem;}

/* 구역 박스 - 1:1 */
.section-box-wrap.box-ver2 > div {width:calc((100% - 8px) / 2);}

/* 구역 박스 - 1:1:1 */
.section-box-wrap.box-ver3 > div {width:calc((100% - 16px) / 3);}
/* 구역 박스 - 7:3*/
.section-box-wrap.box-ver4 > div {width:calc((100% - 16px) / 3)}
.section-box-wrap.box-ver4 > div:first-child {width:calc(((100% - 16px) / 3) * 2 + 8px)}

/* 구역 박스 - 3:7*/
.section-box-wrap.box-ver5 {margin-top:30px;}
.section-box-wrap.box-ver5 > div { width:calc(((100% - 16px) / 3) * 2 + 8px);}
.section-box-wrap.box-ver5 > div:first-child {width:calc((100% - 16px) / 3);}


/* 아이콘 박스 */
.icon-box {padding:20px; } 
.icon-box.mt {margin-top:10px}
.icon-box .icon-wrap {width:90px; height:90px;}
.icon-box .detail-wrap {width:calc(100% - 120px);}


/* -------------------------------------- */
/* 버튼 */
/* -------------------------------------- */
.sub-btn-wrap {gap:10px }
.sub-btn-wrap a {font-size:1.6rem; min-width:140px; padding:10px 16px; }

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

/* 리스트 - dot */
.dot-list { }
.dot-list > li {line-height:1.8rem;  padding-left:10px; margin-top:5px;}
.dot-list > li::before {
  top:6px;
}

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

.num-list.in2 > li {width:100% }
.num-list.in3 > li {width:100% }

/* 리스트 - 교차타일 */
.s-tile .thm-wrap img {height:300px}
.s-tile .tit-wrap { padding:25px;}
.s-tile .tit-wrap .num {font-size:1.6rem; }
.s-tile .tit-wrap .tit {font-size:2.2rem; padding-bottom:30px;}
.s-tile .tit-wrap .tit::before { height:15px;}
.s-tile .tit-wrap .con {width:92%; margin-top:10px}
.s-tile .tit-wrap .scon {font-size:1.5rem; line-height:2rem; }

/* 리스트 - 원형2 */
.s-circle2-list {gap:10px;}
.s-circle2-list li {width:calc((100% - 10px) / 2); }
.s-circle2-list li .tit-wrap .tit {line-height: 2.4rem;   font-size: 2.0rem;}
.s-circle2-list li .tit-wrap .con {font-size:1.5rem; line-height:2rem; }

/* 리스트 - 아이콘 + 숫자 + 사각형*/
.s-square-list {gap:8px}
.s-square-list > div {flex:auto; width:calc((100% - 24px) / 3); padding:20px; }
.s-square-list.evenly > div {width:calc((100% - 15px) / 2); flex:initial;}
.s-square-list > div .tit {margin-top:10px;}

/* 리스트 - 체크 + 사각형*/
.check-box-list {gap:8px}
.check-box-list li {padding:12px; border-radius:8px}
.check-box-list.dv-4 > li {width:calc((100% - 24px) / 4); }
.check-box-list li::before {
	width:30px;
	height:30px;
	background-size:20px;
	margin-right:10px;
}
.check-box-list li p {width: calc(100% - 45px);}

/* 리스트 - 숫자 + 사각형 */
.num-box-list {gap:10px}
.num-box-list > li { padding:15px;}
.num-box-list > li .num {width:70px; height:70px; font-size:2.6rem; }
.num-box-list > li .num span {line-height:2.6rem; height:2.6rem;  }
.num-box-list > li .tit-wrap {width:calc(100% - 90px); margin-top:10px }
.num-box-list > li .tit-wrap > .tit { font-size:1.8rem; margin-bottom:8px;  }
.num-box-list > li .tit-wrap .con { font-size:1.6rem;   }

/* 리스트 - 절차 */
.sub-step-list { gap:25px}
.sub-step-list > li {border-radius:15px; box-sizing:border-box; flex:auto; width:calc((100% - 50px) / 3)}
.sub-step-list > li::before { margin-left:-24px; width:22px; height:4px; }
.sub-step-list > li .tit-wrap {padding:10px;}
.sub-step-list > li .tit-wrap::before {margin-left:-22px;  width:14px; height:14px;}
.sub-step-list > li .tit-wrap .num {font-size:1.5rem; line-height:1.7rem; margin-bottom:6px;}
.sub-step-list > li .tit-wrap .tit {line-height:1.8rem}

/* 리스트2 - 절차 */
.sub-step2-list {gap:20px}
.sub-step2-list > li {padding:12px; border-radius:12px; }
.sub-step2-list > li::before {margin-left:-20px; width:22px; height:4px; }
.sub-step2-list > li .icon-wrap img {max-width:50px;}
.sub-step2-list > li .tit-wrap .num {font-size:1.2rem; line-height:1.6rem; width:70px; height:26px; border-radius:13px; margin-top:10px;}
.sub-step2-list > li .tit-wrap .tit { margin-top:10px; }
.sub-step2-list > li .tit-wrap .con { font-size:1.5rem;}



/* -------------------------------------- */
/* 테이블 */
/* -------------------------------------- */
/* 서브 테이블 */
.sub-table-wrap {overflow-x:scroll}
.sub-table { font-size:1.5rem;}
.sub-table th {padding:8px; font-size:1.6rem; }
.sub-table th.bg-gray {padding:8px; 1.5rem;}
.sub-table td {padding:8px; }

/* -------------------------------------- */
/* 탭 */
/* -------------------------------------- */
/* 서브 스크립트 탭 */
.sub-tabs-wrap .tab-title {  gap:4px}
.sub-tabs-wrap .tab-title li{ height:43px;  }
.sub-tabs-wrap .tab-title li a {font-size:1.7rem; height:43px; line-height:43px; padding:0 12px}
.sub-tabs-wrap .tab-title li a span { line-height:1.9rem}

.tab-content-wrap {margin-top:35px; }


/* -------------------------------------- */
/* 공통페이지 */
/* -------------------------------------- */
/* 사이트맵 */
.sitemap .gnb {gap:15px}
.sitemap .gnb > li { flex:initial; width:calc((100% - 15px) / 2); overflow:hidden; min-height:initial;}
.sitemap .gnb > li > a {font-size:1.6rem; height:45px; line-height:45px;}
.sitemap .gnb > li > ul > li {height:40px; line-height:40px;}
.sitemap .gnb > li > ul > li > a {font-size: 1.5rem;  height:40px; line-height:40px;}

/* 이메일무단수집거부 */
.email {background-size: 165px;}
.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}

/* 통합검색 */
.srch-msg {font-size:1.6rem}
.srch-cate-wrap {padding:20px;}
.srch-cate li {width:100%}
.srch-cate li a {font-size:1.6rem;}
.srch-result {margin-top:20px}
.srch-result-tit span.rst-subject { font-size:1.6rem; }
.srch-result-tit span.rst-date {font-size:1.3rem;}
.srch-result_con { line-height:20px; font-size:1.5rem; height:60px; }
.srch-form {max-width:500px;}
.srch-form li input {font-size:1.5rem;  }

/* 페이징 */
.sub-paging {gap:5px; margin-top:50px; font-size:1.5rem}
.sub-paging a {width:30px; height:30px;}
.sub-paging a.arrow {font-size:0.8rem}


/* 공용 상위 여백 */
.sub-mt {margin-top:30px}
.sub-s-mt {margin-top:30px}

}


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


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

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

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

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

#subLayoutWrap {padding:40px 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 ///*/



/* -------------------------------------- */
/* 밑줄 */
/* -------------------------------------- */
span.f-point i {  text-decoration-thickness:6px; text-underline-offset:-3px;  }

/* -------------------------------------- */
/* 박스 */
/* -------------------------------------- */
/* 박스 - 일반 */
.t-box {padding:15px;}
.line-box {padding:15px;}
.box-tit {  font-size:1.6rem; line-height:2.2rem; }
/* 구역 박스 - 일반 1:1:1 */
.section-box-wrap {gap:8px; max-width:480px; margin:0 auto; margin-top:8px; }
.section-box-wrap > div {flex:initial; width:100%}
.section-box-wrap > div .tit-wrap {}
.section-box-wrap > div .tit-wrap .tit { font-size:1.3rem}
.section-box-wrap > div .tit-wrap .con {font-size:1.2rem; line-height:1.3rem;}
/* 구역 박스 - 1:1 */
.section-box-wrap.box-ver2 > div {width:100%}

/* 구역 박스 - 1:1:1 */
.section-box-wrap.box-ver3 > div {width:100%}

/* 구역 박스 - 7:3*/
.section-box-wrap.box-ver4 > div {width:100%}
.section-box-wrap.box-ver4 > div:first-child {width:100%}

/* 구역 박스 - 3:7*/
.section-box-wrap.box-ver5 {margin-top:20px;}
.section-box-wrap.box-ver5 > div{width:100%}
.section-box-wrap.box-ver5 > div:first-child{width:100%}


/* 아이콘 박스 */
.icon-box {padding:15px; flex-direction:column;   justify-content: center;} 
.icon-box.mt {margin-top:10px}
.icon-box .icon-wrap {width:70px; height:70px;}
.icon-box .icon-wrap img {max-width:65%;}
.icon-box .detail-wrap {width:100%; margin-top:15px;}


/* -------------------------------------- */
/* 버튼 */
/* -------------------------------------- */
.sub-btn-wrap {gap:5px }
.sub-btn-wrap a {font-size:1.5rem; min-width:100px; padding:8px 15px; }

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

/* 리스트 - dot */
.dot-list { }
.dot-list > li  {line-height:1.7rem; }
.dot-list > li::before {
  top:6px;
}

/* 리스트 - 숫자 */
.num-list > li {  padding: 8px 8px 8px 30px; padding-left:36px}
.num-list > li::before { width:24px; line-height:24px; font-size:1.4rem; }
.num-list > li p {  line-height:24px;  }

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

/* 리스트 - 원형 */
.s-circle-list {gap:10px; max-width:200px; margin:40px auto;}
.s-circle-list li {width:100%; margin:-5% 0;}
.s-circle-list li .tit-wrap { padding:15px; font-size:1.6rem}
.s-circle-list li .tit-wrap .icon {width:50px; height:50px; }
.s-circle-list li .tit-wrap .tit { font-size:1.6rem;  line-height:2rem;}
.s-circle-list li .tit-wrap .stit {font-size:1.3rem; line-height:1.5rem;height:auto; margin-top:5px; }

/* 리스트 - 원형2 */
.s-circle2-list {gap:8px; max-width:270px; margin:0 auto; margin-top:40px}
.s-circle2-list li {width:100%; margin:-8% 0 }
.s-circle2-list li .tit-wrap .tit {}
.s-circle2-list li .tit-wrap .con {display:none}

/* 리스트 - 아이콘 + 숫자 + 사각형*/
.s-square-list {gap:5px}
.s-square-list > div {flex:auto; width:calc((100% - 5px) / 2); padding:15px; }
.s-square-list > div .tit {margin-top:8px;}

/* 리스트 - 체크 + 사각형*/
.check-box-list {gap:8px; max-width:480px; margin:0 auto;}
.check-box-list.dv-4 > li {width:calc((100% - 8px) / 2); }
.check-box-list li {width:100%; padding:10px; border-radius: 10px;}
.check-box-list li::before {
	width:25px;
	height:25px;
	background-size:15px;
	margin-right:8px
}
.check-box-list li p {width: calc(100% - 35px);}
.check-box-list li p span {font-size:1.4rem}

/* 리스트 - 숫자 + 사각형 */
.num-box-list {gap:8px}
.num-box-list > li { padding:15px;}
.num-box-list > li .num {width:40px; height:40px; font-size:1.6rem; }
.num-box-list > li .num span {line-height:2.0rem; height:2.0rem;  }
.num-box-list > li .tit-wrap {width:100%; margin-top:10px }
.num-box-list > li .tit-wrap > .tit {  font-size:1.7rem; margin-bottom:5px;}
.num-box-list > li .tit-wrap .con { font-size:1.4rem;  }

/* 리스트 - 절차 */
.sub-step-list { max-width:270px; margin:0 auto;}
.sub-step-list > li {width:100%;}
.sub-step-list > li::after {padding-bottom:70%; }
.sub-step-list > li .tit-wrap::before {left:50%; margin-left:-6px; top:-23px; transform:rotate(90deg); }
.sub-step-list.ea4 > li {flex:initial; width:100%;}
.sub-step-list.ea4 > li::after { padding-bottom:70%; }
.sub-step-list > li .tit-wrap .stit {font-size: 1.4rem; }

/* 리스트2 - 절차 */
.sub-step2-list {max-width:270px; margin:0 auto; gap:50px}
.sub-step2-list > li {flex:initial; width:100%; border-radius:10px; padding:15px;}
.sub-step2-list > li::before { transform:rotate(90deg); margin-left:-7.5px; left:50%; top:-25px; animation-duration:0s;}
.sub-step2-list > li .icon-wrap img {max-width:50px;}
.sub-step2-list > li .tit-wrap .num {font-size:1.1rem; line-height:1.4rem; width:60px; height:26px; border-radius:13px; margin-top:10px;}
.sub-step2-list > li .tit-wrap .tit { margin-top:12px; }
.sub-step2-list > li .tit-wrap .con { font-size:1.5rem;}

/* 박스 + 아이콘 가로형  */
.box-icon-list {gap:10px;}
.box-icon-list > li {width:calc((100% - 10px) / 2); }
.box-icon-list > li .icon-wrap {width:60px; height:60px; }
.box-icon-list > li .tit-wrap .tit { font-size:1.5rem;  line-height:1.7rem;}
.box-icon-list > li .tit-wrap .stit { font-size:1.3rem;  line-height:1.4rem;}

/* -------------------------------------- */
/* 테이블 */
/* -------------------------------------- */
/* 서브 테이블 */
.sub-table { font-size:1.4rem;}
.sub-table th {padding:5px; font-size:1.5rem; }
.sub-table th.bg-gray {padding:5px; font-size:1.4rem;}
.sub-table td {padding:5px; }

/* -------------------------------------- */
/* 탭 */
/* -------------------------------------- */
/* 서브 스크립트 탭 */
.sub-tabs-wrap .tab-title { gap:3px}
.sub-tabs-wrap .tab-title li{ height:38px; border-radius:5px }
.sub-tabs-wrap .tab-title li a {font-size:1.5rem; height:38px; line-height:38px; padding:0 10px}
.sub-tabs-wrap .tab-title li a span { line-height:1.7rem}

.tab-content-wrap {margin-top:30px; }


/* -------------------------------------- */
/* 공통페이지 */
/* -------------------------------------- */

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

/* 이메일무단수집거부 */
.email { 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:170px; font-size:2.0rem; line-height:2.4rem;  }
.email_msg {width:95%;  font-size:1.5rem}
.email_msg p {word-break:keep-all}

/* 페이징 */
.sub-paging {gap:3px; margin-top:40px}
.sub-paging a {width:25px; height:25px; font-size:1.3rem}
.sub-paging a.arrow {font-size:0.6rem}



}