@charset "utf-8";

/* 헤더 영역 */
.header-container {position: relative;}
.header-container .gnb-wrap .head-area { position: relative; width:100%; height:80px; background-color:#093687;}
.header-container .gnb-wrap .head-area > div {position: absolute; top:50%;}
.header-container .gnb-wrap .head-area .back { left:20px; margin-top:-10px;}
.header-container .gnb-wrap .head-area .logo { left:50%; margin-top:-17px; margin-left:-67px;}
.header-container .gnb-wrap .head-area .burger {right:20px; margin-top:-17px; width:35px; height:35px; line-height:42px; background:rgba(242,244,247,0.25); text-align: center; border-radius: 5px;}
.header-container .gnb-wrap .head-area .back img {width:12px;}
.header-container .gnb-wrap .head-area .logo img {width:135px;}
.header-container .gnb-wrap .head-area .burger img {width:20px; height:auto;}


/* 타이틀 */
.body-container .page-title {position: relative; padding:40px 20px 0;}
.body-container .page-title p.title {font-size:2.1rem; font-weight: 600; color: #333; padding-bottom:10px;}
.body-container .page-title p.text {font-size:1.4rem; letter-spacing: -0.05em; color:#666; line-height: 1.5;}
.body-container .page-title img {position: absolute; bottom: 5px; right: 20px; width:110px;}

/* 2뎁스 */
.body-container .sub-menu {position: relative; padding: 20px; }
.body-container .sub-menu .depth2 {position: relative; background:#e4eaf3; height:52px; overflow: hidden;}
.body-container .sub-menu .depth2:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height:3px; background:#dee4ee; z-index: 10;}
.body-container .sub-menu .depth2 ul {padding: 0 15px; overflow-x: auto; white-space:nowrap; height:60px; -ms-overflow-style: none;}
.body-container .sub-menu .depth2 ul li {display: inline-block; position: relative; padding: 15px 0; padding-right: 15px;}
.body-container .sub-menu .depth2 ul li a {color:#555;}
.body-container .sub-menu .depth2 ul li.select a {position: relative; color:#093687;font-weight: 500;}
.body-container .sub-menu .depth2 ul li.select a:after { position: absolute; content: ''; bottom:-15px; left:0; width:100%; height:3px; background:#093687; z-index: 20;}

/* section 공통 */
.body-container .section {margin:0 0 20px; background:#fff; border-radius:50px 50px 0 0 ;}
.body-container .section .head {padding:0 20px; text-align: center;}
.body-container .section .head .title {font-size:2.1rem; color:#333; padding:50px 0 25px; border-bottom:1px solid #dcdcdc;}
.body-container .section .head .s-title {font-size:1.4rem; color:#555; font-weight: 500; padding:25px 0 0; }
.body-container .section .head .bg-title {font-size:1.2rem; color:#fff; background: #5283e0; border-radius:50px; padding:20px 10px; margin-top:25px; letter-spacing: -0.075em;}
.body-container .section .cont { padding: 25px 20px;}
.body-container .section .cont:last-child {padding-bottom:50px;}

/* 페이징 */
.paging { margin-top:  45px; text-align: center; }
.paging ul li { display: inline-block; margin: 0 1px; }
.paging ul li.navi-arrow { border: 1px solid #dadada; border-radius: 25px; }
.paging ul li.navi-arrow a { display: block; width: 100%; height: 100%; color:#999; font-size: 1.3rem;}
.paging ul li a { display: block; min-width: 25px; height: 25px; border-radius: 25px; line-height: 25px; }
.paging ul li.select a { background: #5283e0; color: #fff; }

/* 탭메뉴 */
.section .cont .tab-menu {margin-top:30px; padding-top:30px; border-top:1px dashed #dcdcdc;}
.section .cont .tab-menu ul li {float:left; width:50%; height:40px; line-height: 38px; text-align: center; font-weight: 400; font-size: 1.4rem;}
.section .cont .tab-menu ul li a {background:#fff; border:1px solid #dcdcdc; display: block; width:100%; height:100%; color: #9d9d9d; }
.section .cont .tab-menu ul li:nth-child(2) a {border-left: 0;}
.section .cont .tab-menu ul li.select a {background:#5283e0; color:#fff; border-color:#5283e0;}


/* 커스텀 체크 */
.custom-check { display: none; }
.custom-check-label { padding-left: 28px; position: relative; font-size: 15px; cursor: pointer; line-height: 20px; }
.custom-check-label:before { width: 20px; height: 20px; position: absolute; content: ''; background: url(../../img/sub/common/check.png); background-size: 20px 40px; background-repeat: no-repeat; background-position: 0 0; left: 0; top: 50%; margin-top: -10px; }
.custom-check:checked + .custom-check-label { font-weight: bold; color: #5283e0; }
.custom-check:checked + .custom-check-label:before { background: url(../../img/sub/common/check.png); background-size: 20px 40px; background-repeat: no-repeat; background-position: 0 -20px; }
.application-btn a {display: block; width:100%; line-height: 50px; text-align: center; font-size:1.5rem; font-weight: 500; color:#fff; background:#6c0efc;}
input[type=text] { width: 100%; height: 45px; font-size: 1.4rem; border: 1px solid #dcdcdc; padding: 0 15px; border-radius: 3px;}

/* 셀렉트박스 */
.selectbox {position: relative; border-style: none; z-index: 1; display: inline-block; height:45px; width:100%; vertical-align: top; background:#fff; border:1px solid #5283e0; border-radius: 3px; margin-bottom:10px;}
.selectbox:before {content: ''; position: absolute; top:50%; margin-top:-10px; right:8px; background:url("../../img/common/select_arrow.png")no-repeat; background-position: 99% 99%; width:13px; height:13px; } 
.selectbox label {position: absolute; top:0; left:0; z-index: -1; font-size: 1.4rem; line-height: 43px; text-align: left; width: 90%; padding-left:15px; font-weight: 500; color:#5283e0; }
.selectbox select {width:100%; line-height: normal; font-family: inherit; border:0; opacity: 0; height:45px; padding:8px; filter: alpha(opacity=0); -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: 0;}