@charset "UTF-8";

/*=============기본 콘텐츠 퍼블리싱==================================================================================*/
h2.dep01, ul.dep01 > li {display:inline-block; color:#2c3787; font-size:2.8rem; font-weight:600; position:relative; margin-top:5rem; margin-bottom:1rem; line-height:1.6}
h2.dep01:first-of-type, ul.dep01 > li:first-of-type {margin-top:0}
h2.dep01 span {color:#333; display:block; font-size:1.6rem; line-height:1.5}

h3.dep02 {margin-top:3rem}
h3.dep01:first-of-type {margin-top:0}
h3.dep02, ul.dep02 > li {color:#000; display:block; font-size:2rem; font-weight:600; position:relative; padding:0 0 0 1.3rem; line-height:1.6; margin-bottom:1rem}
h3.dep02:before, ul.dep02 > li:before {content:''; background:#d44932; width:0.5rem; height:1.3rem; position:absolute; left:0; top:0.9rem}
h3.dep02 span {display:block}
ul.dep02 {margin-bottom:1rem}

/* 3depth */ 
h4.dep03, ul.dep03 > li, span.dep03 {color:#333; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 1rem 1.3rem; line-height:1.6}
h4.dep03:before, ul.dep03 > li:before, span.dep03:before {content:'';  background-color:#465867; border-radius:100%; position:absolute; left:0; top:0.9rem; width:6px; height:6px}

/* 4depth */
h5.dep04, ul.dep04 > li, span.dep04 {color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0.3rem 1rem; line-height:1.6}
h5.dep04:before, ul.dep04 > li:before, span.dep04:before {content:''; background-color:#666; position:absolute; left:0; top:1.2rem; width:5px; height:1px}

/* 5depth */
h6.dep05, ul.dep05 > li {color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1rem; line-height:1.6}
h6.dep05:before, ul.dep05 > li:before {content:''; background-color:#666; position:absolute; left:0; top:1.1rem; width:2px; height:2px}

h2 + h3:first-of-type {margin:0}

/* 2depth 로 시작*/
ul.dep02 > li > ul {margin-top:1rem}
ul.dep02 > li > ul > li {color:#333; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1.5rem; line-height:1.6; margin-bottom:1rem}
ul.dep02 > li > ul > li:before {content:'';  background-color:#999; border-radius:100%; position:absolute; left:0; top:1rem; width:6px; height:6px}
ul.dep02 > li > ul > li > ul > li {color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1rem; line-height:1.6; margin-top:0.5rem}
ul.dep02 > li > ul > li > ul > li:before {content:''; background-color:#666; position:absolute; left:0; top:1.2rem; width:5px; height:1px}
ul.dep02 > li > ul > li > ul > li > ul > li {color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1rem; line-height:1.6}
ul.dep02 > li > ul > li > ul > li > ul > li:before {content:''; background-color:#666; position:absolute; left:0; top:1.1rem; width:2px; height:2px}

/* 3depth 로 시작*/
ul.dep03 ul ul {padding:0.5rem 0 0.5rem 0.5rem}
ul.dep03 > li > ul > li {color:#333; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1rem; line-height:1.6; margin-top:0.5rem}
ul.dep03 > li > ul > li:before {content:''; background-color:#666; position:absolute; left:0; top:1.2rem; width:5px; height:1px}
ul.dep03 > li > ul > li > ul > li {color:#333; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 0.9rem; line-height:1.6}
ul.dep03 > li > ul > li > ul > li:before {content:''; background-color:#666; position:absolute; left:0; top:1.1rem; width:3px; height:3px}

/* 4depth 로 시작*/
ul.dep04 > li > ul > li{color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1rem; line-height:1.6}
ul.dep04 > li > ul > li:before {content:''; background-color:#666; position:absolute; left:0; top:1.1rem; width:2px; height:2px}

h3.dep02 + ul {margin-left:1.6rem}
h3.dep02 + ul li:last-child {padding-bottom:0}

/*글씨 크기*/
.h1{display:block; color:#000; font-size:2.8rem; font-weight:600; margin-bottom:1rem}
.h2{display:block; color:#000; font-size:2rem; font-weight:600; margin-bottom:1rem}
.h3{display:block; color:#000; font-size:1.6rem; margin-bottom:1rem}
.h4{display:block; color:#000; font-size:1.6rem; margin-bottom:1rem}

/* 테이블 공통 */
.tbl-top {color:#999; font-size:1.4rem; margin-bottom:5px; clear:both; overflow:hidden}
.tbl-top .tbl-info1 {float:left}
.tbl-top .tbl-info2 {float:right}
.table {margin-top:0.5rem}
.table table {border-collapse:collapse; width:100%; margin-bottom:10px; text-align:center; position:relative; word-break:keep-all}
.table table:before {content:''; background-color:#000; width:100%; height:2px; position:absolute; left:0; top:0}
.table table td ul {padding-bottom:0}
.table table td ul li {margin:0}
.table table thead th,
.table table tbody th {background-color:#f2f3f7; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#000; font-weight:normal; padding:13px}
.table table tbody td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#333; padding:1.5rem}
.table table thead tr th.line-r {border-right:1px solid #e6e6e6 !important}
.table table thead tr th:last-child, 
.table table tbody tr td:last-child {border-right:none}
.table table tbody tr td.line-r {border-right:1px solid #e6e6e6}
.table ul li:last-child {padding-bottom:0}
@media screen and (max-width:1000px) {
	/* 테이블 공통 */
	.table {background:#fff; overflow-x:scroll; position:relative; margin-top:0; padding:20px 0 0 0}
	.table:before{content:'좌우 스크롤 하시면 내용을 보실 수 있습니다.'; color:#999; position:absolute; left:0; top:0}
	.table > table  {width:200%}
	.table table:before  {width:100%}
}

/*폰트 아이콘 컬러*/
.xi-info {color:#2c3787}

/*참고*/
.i-refer {color:#666; display:block; font-size:16px; padding-left:2rem; position:relative; margin-right:20px}
.i-refer i{position:absolute; left:0; top:1px}
.i-refer i:before {content:''; color:#eb623c; font-family:"xeicon"}

/*알림*/
.i-info {color:#349a45; padding-left:2rem; position:relative}
.i-info i{position:absolute; left:0; top:1px}
.i-info i:before {content:""; color:#349a45; font-family:"xeicon"}

/*경고알림*/
.i-warning  {color:#d44932; display:block; font-size:16px; padding-left:2rem; position:relative}
.i-warning i{position:absolute; left:0; top:1px}
.i-warning i:before {content:''; color:#d44932; font-family:"xeicon"}

/*텍스트효과*/
mark {background:rgba(255, 237, 169, 1)}/*마커 (형광펜)*/
/*밑줄*/
.underline {position:relative}
.underline:after{content:''; background-color:#000; width:100%; height:1px; display:block; position:absolute; left:0; bottom:0}

/*색깔있는 숫자*/
ol.num {counter-reset:my-counter}
ol.num > li {color:#000; padding-left:2.8rem; position:relative; line-height:1.8}
ol.num > li:before {background-color:#2f3293; border-radius:100%; content:counter(my-counter); counter-increment:my-counter; color:#fff; display:block; font-size:1.2rem; position:absolute; left:0; top:4px; line-height:1.8; text-align:center;  height:22px; width:22px;}
ol.num li > ol{color:#666; counter-increment:unset; padding:5px 0 0 19px}
ol.num li > ol > li:before {content:unset}
/*동그라미 숫자 개별*/
span.num {position:relative; padding-left:2.8rem}
span.num i {background-color:#d44932; border-radius:100%; color:#fff; display:block; font-size:11px;  position:absolute; left:0; top:6px;  height:22px; width:22px; text-align:center; line-height:2}

/*동그라미 숫자*/
ol.c-num {counter-reset:my-counter}
ol.c-num > li {padding-left:2.5rem; position:relative; line-height:1.8}
ol.c-num > li:before {border:1px solid #666; border-radius:100%; content:counter(my-counter); counter-increment:my-counter; color:#333; display:block; font-size:1.1rem; position:absolute; left:0; top:7px; line-height:1.4; text-align:center; height:1.7rem; width:1.7rem}
ol.c-num > li > ol {margin-bottom:5px}

/*ol style*/
.decimal li{list-style:decimal}

/*다단*/
.col2 {columns:2; -moz-column-count:2; -webkit-column-count:2; column-count:2}
.col3 {columns:3; -moz-column-count:3; -webkit-column-count:3; column-count:3}
.col4 {columns:4; -moz-column-count:4; -webkit-column-count:4; column-count:4}

@media screen and (max-width:1000px){
	/*다단 2*/
	.col2, .col3, 
	.col4{-moz-column-count:1; -webkit-column-count:1; column-count:1}
}

/*박스*/
.box {border:1px solid #ccc; padding:2.5rem 3rem; margin:1.5rem 0} /*라인박스*/
/*박스 색깔*/
.box.bg-gray {border:none; background-color:#f2f3f7}

/*인포박스*/
.info-wrap {position:relative; padding:8px; background:url('/main/img/sub/border-bg.gif') repeat left top}
.info-box {background-color:#fff; padding:3rem 4.5rem; word-break:keep-all}
.info-box i {background-color:#f4f5fb; border-radius:100%; display:inline-block; width:10.5rem; height:10.5rem; margin-right:4rem; vertical-align:middle; text-align:center; line-height:10.5rem}
.info-box .txt {display:inline-block; width:calc(100% - 14.5rem); margin-left:-4px; vertical-align:middle}
.info-box .txt .tt {color:#223169; display:block; font-size:2rem; font-weight:600; margin-bottom:0.5rem}
.info-box .txt .con {color:#333}
.info-box ul li:last-child {padding-bottom:0}

/*가로 행 박스*/
.row-box{margin:-1rem}
.row-box .row {border-spacing:1rem/*20px 기준시*/; clear:both; display:table; overflow:hidden; table-layout:fixed; width:100%}
.row-box .row > div  {border:1px solid #ddd; display:table-cell; padding:2.5rem 3rem}

@media screen and (max-width:1000px) {
	.row-box{margin:0}
	.row-box .row {display:block}
	.row-box .row li, .row > div  {display:block; margin:1rem 0 0}
}

/*절차*/
.step-list {}
.step-list > li {border:1px solid #d5d7e7; border-radius:100%; display:inline-block; margin-right:4.5%; padding:7rem 3rem 3rem; position:relative; width:22rem; height:22rem}
.step-list > li:after {content:''; color:#000; font-size:2rem; font-family:'xeicon'; position:absolute; right:-20%; top:50%; transform:translateY(-50%)}
.step-list > li:last-child {margin-right:0}
.step-list > li:last-child:after {display:none}
.step-list > li .tt {color:#2d3885; display:block; font-size:1.8rem; margin-bottom:1rem; text-align:center} 
.step-list > li .tt > span {background-color:#2d3885; border-radius:100%; color:#fff; display:inline-block; font-weight:300; font-size:1.4rem; margin-right:0.5rem; text-align:center; width:2rem; height:2rem; line-height:2rem}
.step-list > li ul li {color:#333; letter-spacing:-1px; position:relative; text-align:center}

/*절차-박스형*/
.step-list02 > div {border:1px solid #ddd; padding:3rem 6rem; margin-top:-1px}
.step-list02 > div i {background-color:#f3f4f7; border-radius:100%; width:10rem; height:10rem; line-height:10rem; margin-right:4.5rem; text-align:center; display:inline-block; vertical-align:middle}
.step-list02 > div .txt {display:inline-block; width:calc(100% - 15rem); vertical-align:middle}
.step-list02 > div .txt .tt {display:block; color:#000; font-size:1.8rem; font-weight:400; margin-bottom:0.5rem}

@media screen and (max-width:767px) {
	.step-list02 > div {padding:3rem}
	.step-list02 > div i {margin-right:3rem}
}

@media screen and (max-width:490px) {
	.step-list02 > div i {display:block; margin:0 auto 1.5rem}
	.step-list02 > div .txt {display:block; width:100%}
}

/*버튼*/
.btnbox {padding:0.5rem 0}
.btnbox .btn {display:inline-block}
.btnbox .btn a {background-color:#2c3787; border:1px solid #2c3787; color:#fff; display:block; padding:0.7rem 1.2rem; transition:all .3s}
.btnbox .btn a:hover {background-color:#fff; color:#2c3787}
/*크기*/
.btnbox .btn.lg a{font-size:1.8rem; padding:0.9rem 1.4rem}/*large*/
.btnbox .btn.sm a{font-size:1.4rem; padding:0.4rem 0.7rem}/*small*/
.btnbox .btn.mi a{font-size:1.2rem; padding:0.2rem 0.5rem}/*mini*/
/*라인 버튼*/
.btnbox .btn.line a {background-color:#fff; border:1px solid #2c3787; color:#2c3787}
.btnbox .btn.line a:hover {background-color:#2c3787;  color:#fff}
/*색상*/
/*남색*/
.btnbox .btn.navy a {background-color:#253269; border:1px solid #253269; color:#fff}
.btnbox .btn.navy a:hover {background-color:#fff; color:#253269}
/*빨강*/
.btnbox .btn.red a {background-color:#d44932; border:1px solid #d44932; color:#fff}
.btnbox .btn.red a:hover {background-color:#fff; color:#d44932}
/*녹색*/
.btnbox .btn.green a {background-color:#36963a; border:1px solid #36963a; color:#fff}
.btnbox .btn.green a:hover {background-color:#fff; color:#36963a}
/*보라*/
.btnbox .btn.purple a {background-color:#60468e; border:1px solid #60468e; color:#fff}
.btnbox .btn.purple a:hover {background-color:#fff; color:#60468e}
/*회색*/
.btnbox .btn.gray a {background-color:#999; border:1px solid #999; color:#fff}
.btnbox .btn.gray a:hover {background-color:#fff; color:#999}
/*검정*/
.btnbox .btn.black a {background-color:#000; border:1px solid #000; color:#fff}
.btnbox .btn.black a:hover {background-color:#fff; color:#000}
/*아이콘*/
.btnbox .btn i {margin-left:5px}

/* faqType */
.faqType {border-bottom:1px solid #d6d8e0}
.faqType .group {border:1px solid #d6d8e0; border-bottom:0; word-break:keep-all}
.faqType .group.active .label::before {background-color:#116eb4}
.faqType .group.active .label::after {-webkit-transform:rotate(180deg); transform:rotate(180deg)}
.faqType .group.active .item {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1; padding-bottom:5rem; -webkit-transition:all 0.2s; transition:all 0.2s}
.faqType .label {color:#333; font-size:2rem; font-weight:600; display:block; position:relative; padding:4rem 5rem}
.faqType .label::after {font-size:2.2rem; position:absolute; right:3rem; bottom:3.5rem; font-family:'xeicon'; font-weight:400; color:#999; content:''; -webkit-transition:all 0.2s; transition:all 0.2s}
.faqType .item {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; position:relative; padding:0 9rem 0 5rem}
.faqType .item strong {color:#000; display:block; margin-top:2rem}
.faqType .item strong:first-child {margin-top:0}
.faqType ol.num  > li {padding-left:2rem; position:relative; line-height:1.8}
.faqType ol.num  > li:before {background:none; color:#666; content:counter(my-counter); counter-increment:my-counter; display:block; font-size:1.6rem; position:absolute; left:0; top:0; text-align:left}
.faqType ol.num  > li:after {content:'.'; font-size:1.6rem; position:absolute; left:1rem; top:-2px}