@charset "utf-8";

/*html { font-size: 20px; }
body { font-size: 0.9rem; }
#body-layout #txt{ text-align: left; }

.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}

@media (max-width:768px) {
    html { font-size: 18px;}
    .sub0411 a span {font-size: 14px;}
}*/

/* ui 시작 */


/* common */
.ui{overflow:hidden;position:relative;}
.ui:after{display:block;visibility:hidden;clear:both;content:"";}
.tit_inner{margin-top:0;}
.center{ text-align: center; }
.italic{ font-style: italic; }
.BtnArea.right{ text-align: right; }
.content_body input:focus, .content_body select:focus, .content_body textarea:focus{ outline: 1px solid #87b7ff !important;}
#contents{max-width: 1300px;min-height: 50vh;}
#contentWrap #contents{padding: 5rem 2rem 8rem 2rem;}
.moVer{display:none;}

h4{display: block;font-size: 2rem;font-weight: 500;color:#000;line-height: 1.5;word-break: keep-all;text-align: left;margin-top: 5rem;margin-bottom: 2rem;}
.content_body h4{margin-top: 5rem;margin-bottom: 2rem;}
.contbox h4{  position: absolute; top: 50px; left: 0; max-width: 280px; margin-top: 0;}
.contbox h4 > a{ display: block; font-size: 0.8rem; color:#555; border: 1px solid #59647f; border-radius: 5px; margin-top:25px; padding: 20px 5px; text-align: center;}
.contbox h4 > a i{ display: inline-block; margin-left: 5px; }
h4 + h5{ margin-top: 0;}
h5{position: relative;display: block;margin-top: 3rem !important;margin-bottom: 1rem !important;font-size: 2rem;font-weight: 500;line-height: 1.4;color: #323232;text-align: left;padding-left: 1.2rem !important;word-break: keep-all;}
h5:before{position: absolute;top: 1.3rem;left: 0;content: "";display: inline-block;width: 0.4rem;height: 0.4rem;border-radius: 0.4rem;overflow: hidden;vertical-align: middle;background-color: #2d4478;}
h5 + h5{ margin-top: 0;}
.contbox h5:first-child{ margin-top:0; }
h6{  position: relative; display: block; font-size: 1.8rem; font-weight: 500; color:#2d4478; line-height: 1.2; margin-top: 30px; margin-bottom: 20px; padding-left: 22px; text-align: left;}
h6:before{ position: absolute; top: 5px; left: 11px; content: ""; display: inline-block; width: 3px; height: 15px; background-color: #2d4478;}
#container p{padding-left: 1.2rem;}
#container p + p{margin-top: 2rem;}
h4 + p{padding-left: 0;margin-bottom: 10px;font-size: 1.6rem;}
p.no-padding{ padding-left:0; }
p[align="center"]{ text-align: center; }
#contents > h3.title {
    margin: 0 0 5rem 0;
}

.AddBtBox { position: relative; margin-bottom: 1rem; }
.AddBtBox .SubTh4 { margin-bottom: 0; font-size: 1.6rem; color: #222; }
.AddBtBox .btn_group { position: absolute; right:0; top:0.2rem; margin-top:0;  }
.SubTh4 { font-size: 1.6rem;color: #222; margin-bottom: 1rem;  }
.SubTh4 span.count { font-size: 1.4rem; /*color: #3864cc;*/ margin-left: 0.6rem; }
.SubTh4 span.count i {font-style: normal;color: #3864cc;font-size: 1.4rem;}
.SubTh5 { font-size: 1.5rem;color: #333; margin-bottom:0.4rem;  }
.SubTh5 span.count { font-size: 1.3rem;color: #333;margin-left: 0.4rem; }
.SubTh5 span.count i { font-style: normal; color: #3864cc; }


/* -- table:not(.fc-scrollgrid)-tit -- */
.table-tit{display:flex;align-items: flex-end;justify-content: flex-start;margin-bottom: 1rem;}
.table-tit .total{margin-right:auto;font-size: 1.4rem;color: #363636;}
.table-tit .total b{color:#3c6fad;margin-left:0.5rem;font-size: 1.4rem;}
.table-tit .sBox .nice-select{min-width:8rem;}
.table-tit .tip{color:#888;margin-left:auto;font-size: 1.4rem;}
.table-tit .tip b{color:#3c6fad; margin-left:0.5rem;}
.table-tit .tip.essentials:before{content:'';width: 0.5rem;height: 0.5rem; display:inline-block; border-radius:100%;background: #2da979;vertical-align: top;margin: 0.3rem 0.5rem 0 0;}
.table-tit .tip.essentials b{color:#2da979;}

/* -- table -- */
table{width:100%;border-top:2px solid #000;margin-bottom: 40px;border-spacing: 0;}
table.btNone{border-top:0;}
table th{background: #f1f1f1;}
table tbody th{text-align:left;}
table th, td{border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;font-size:14px;padding: 10px 15px;color:#787878;font-weight: normal;}
table th{color:#363636;}
table:not(.fc-scrollgrid) th:last-child,
table:not(.fc-scrollgrid) td:last-child{border-right:0;}
table th[rowspan]:nth-child(1):last-child,  
table td[rowspan]:nth-child(1):last-child{border-right:1px solid #dcdcdc;}
table.center th, table.center td{text-align:center;}
table.right th, table.right td{text-align:right;}
    /* ^ 마우스오버 */
    table.hover tr:hover{background:#fafafa;}
    table a:hover{text-decoration:underline;}
table + .pagination,
table + .linkArea{margin-top:-20px;}
table:last-child{margin-bottom:0;}
table .essentials:after{content:'';width: 5px;height: 5px; display:inline-block; border-radius:100%;background: #2da979;vertical-align: top;margin: 3px 0 0 5px;}
table .noData{text-align:center; padding-top:40px; padding-bottom:40px;color: #b4b4b4;}     
table :not(.asterisk_icon).right{text-align: right !important;}
table :not(.asterisk_icon).left{text-align: left !important;}
table :not(.asterisk_icon).center{text-align: center !important;}


/* 개인정보처리방침 */
.confirm_cntnt li.m1{margin-left:0.3rem; background:url('../img/sub/m1.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m1_w{margin-left:0.3rem; background:url('../img/sub/m1_w.png') no-repeat left; padding-left:2.8rem; background-size:4.8rem;}
.confirm_cntnt li.m2{margin-left:0.3rem; background:url('../img/sub/m2.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m3{margin-left:0.3rem; background:url('../img/sub/m3.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m4{margin-left:0.3rem; background:url('../img/sub/m4.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m5{margin-left:0.3rem; background:url('../img/sub/m5.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m6{margin-left:0.3rem; background:url('../img/sub/m6.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m7{margin-left:0.3rem; background:url('../img/sub/m7.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m8{margin-left:0.3rem; background:url('../img/sub/m8.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m9{margin-left:0.3rem; background:url('../img/sub/m9.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m10{margin-left:0.3rem; background:url('../img/sub/m10.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m11{margin-left:0.3rem; background:url('../img/sub/m11.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m12{margin-left:0.3rem; background:url('../img/sub/m12.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m13{margin-left:0.3rem; background:url('../img/sub/m13.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}
.confirm_cntnt li.m14{margin-left:0.3rem; background:url('../img/sub/m14.png') no-repeat left; padding-left:2.8rem; background-size:2.5rem;}

.top_confirm_cntnt table.confirm_cntnt td li.m1{margin-left:0.3rem; background:url('../img/sub/m6.png') no-repeat; padding-left:2.8rem; background-size:10rem; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m2{margin-left:0.3rem; background:url('../img/sub/m1.png') no-repeat; padding-left:2.8rem; background-size:10rem; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m3{margin-left:0.3rem; background:url('../img/sub/m2.png') no-repeat; padding-left:2.8rem; background-size:10rem; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m4{margin-left:0.3rem; background:url('../img/sub/m3.png') no-repeat; padding-left:2.8rem; background-size:10rem; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m5{margin-left:0.3rem; background:url('../img/sub/m4.png') no-repeat; padding-left:2.8rem; background-size:10rem; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m6{margin-left:0.3rem; background:url('../img/sub/m11.png') no-repeat; padding-left:2.8rem; background-size:10rem; background-position:center;}

.labeling{display:flex;flex-direction:column;border: 1px solid #e1e1e1;}
.labeling .tit{width:100%;border-bottom:1px solid #e1e1e1;text-align:center;margin: 0 auto !important;font-size: 1.8rem;padding: 1rem 0;}
.labeling .cont{display:flex;flex-wrap:wrap;align-items: stretch;justify-content: flex-start;}
.labeling .cont li{width:calc(33.33% - 1px);border-right:1px solid #e1e1e1;border-top: 1px solid #e1e1e1;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;padding: 2rem;font-size: 1.6rem;line-height: 1.1;}
.labeling .cont li:nth-child(3n){border-right:0;}
.labeling .cont li:nth-child(-n+3){border-top:0;}
.labeling .cont li:before{content:'';width:10rem;height:10rem;display:block;background-position:center center;background-size:cover;background-repeat: no-repeat;margin-bottom: 1rem;}
    /* ^ type */
    .labeling .cont li.lbl-1:before{background-image:url('../img/sub/m1.png'); }    
    .labeling .cont li.lbl-2:before{background-image:url('../img/sub/m2.png'); }
    .labeling .cont li.lbl-3:before{background-image:url('../img/sub/m3.png'); }
    .labeling .cont li.lbl-4:before{background-image:url('../img/sub/m4.png'); }
    .labeling .cont li.lbl-5:before{background-image:url('../img/sub/m5.png'); }
    .labeling .cont li.lbl-6:before{background-image:url('../img/sub/m6.png'); }
   

.stpQuickMenu{display:flex;border: 1px solid #e1e1e1;margin-top: 3rem;padding: 2rem;}
.stpQuickMenu ul{display:flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;width: 50%;}
.stpQuickMenu li{display:inline-flex;align-items: flex-start;justify-content: flex-start;width: 100%;line-height: 1.1;margin-top: 1rem;}
.stpQuickMenu li:first-child{margin-top:0;}
.stpQuickMenu li > *{line-height: 1.1;font-size: 1.6rem;text-align: left;word-break: keep-all;}
.stpQuickMenu li > span[class^="m"]{color:#666;letter-spacing:0;margin-right: 0.5rem;display: inline-flex;align-items: center;justify-content: flex-start;flex: none;line-height: 1.1;}
.stpQuickMenu li > span[class^="m"]:before{content:'';width:2.5rem;height:2.5rem;display:block;margin-right:0.5rem;background-position:center center;background-size: contain;background-repeat: no-repeat;}
    /* ^ type */
    .stpQuickMenu li .m1:before{background-image:url('../img/sub/m1.png');}
    .stpQuickMenu li .m1_w:before{background-image:url('../img/sub/m1_0.png');}
    .stpQuickMenu li .m2:before{background-image:url('../img/sub/m2.png');}
    .stpQuickMenu li .m3:before{background-image:url('../img/sub/m3.png');}
    .stpQuickMenu li .m4:before{background-image:url('../img/sub/m4.png');}
    .stpQuickMenu li .m5:before{background-image:url('../img/sub/m5.png');}
    .stpQuickMenu li .m6:before{background-image:url('../img/sub/m6.png');}
    .stpQuickMenu li .m7:before{background-image:url('../img/sub/m7.png');}
    .stpQuickMenu li .m8:before{background-image:url('../img/sub/m8.png');}
    .stpQuickMenu li .m9:before{background-image:url('../img/sub/m9.png');}
    .stpQuickMenu li .m10:before{background-image:url('../img/sub/m10.png');}
    .stpQuickMenu li .m11:before{background-image:url('../img/sub/m11.png');}
    .stpQuickMenu li .m12:before{background-image:url('../img/sub/m12.png');}
    .stpQuickMenu li .m13:before{background-image:url('../img/sub/m13.png');}
    .stpQuickMenu li .m14:before{background-image:url('../img/sub/m14.png');}

.stpQuickMenu li > button{margin-top: 0.35rem;flex: auto;padding-right: 1rem;color: #000;}
    /* ^ type */
    .stpQuickMenu li > button:hover{text-decoration:underline;}



/* topbox */
.ui.uit{border:1px solid #d2d2d2;}
.ui.uit.type3{border-color:#fff;border-top-color:#949494;border-bottom-color:#ddd;}
.ui.uit.type4{border:1px solid #ddd; border-left: none; border-right:0; border-top:none;}
.ui.uit.type5{ border: 1px solid #ddd; border-radius: 5px; background-color: transparent; margin-bottom: 10px;}
.ui.uit .inner{position:relative; padding:25px;}
.ui.uit .inner .txtwrap{position:relative;}
.ui.uit .inner .txtwrap ul{display: block;margin: 0;text-align: left;}
.ui.uit .inner .tit_inner{display:block;margin:0;margin-bottom:5px;color:#323232;font-size:1rem;line-height:1.2;font-weight:500; word-break: keep-all; text-align: center;}
.ui.uit .inner .txtwrap p{margin:0;font-size:0.9rem; color: #555; word-break: keep-all; padding-left: 0;text-align: center;}
.ui.uit .inner .txtwrap p.txt-tip{display: inline-block;color: #da4453;}
.ui.uit .inner .txtwrap b{display: block;}
.ui.uit .inner .btnwrap{margin-top:20px;}
.ui.uit .inner .tp_icon.circle,
.ui.uit .inner .tp_icon2.circle{display:none;}
.ui.uit .inner .ui_icon.radius{display:none;}
.ui.uit .thm_figure{display:none;}

/** 회원가입 step **/
.wrap_join_step{overflow:hidden;}
.wrap_join_step ul,.wrap_join_step span{display:flex}
.wrap_join_step ul{overflow:hidden;flex-wrap:wrap;width:calc(100% + 5rem);margin:-1rem 0 0 -5rem;display: flex;align-items: center;justify-content: flex-start;}
.wrap_join_step li{float: inherit;min-width: inherit;width:calc(100%/4 - 5.01rem);position:relative;margin:1rem 0 0 5rem;flex: 1;}
.wrap_join_step li:before{content:'';display:block;position:absolute;top:3rem;left:-2.5rem;border:0.5rem solid transparent;border-left-color:#a9a9a9}
.wrap_join_step li:first-child:before{display:none;}
.wrap_join_step li span{flex-direction:column;position:relative;padding: 2rem 1rem 2rem 8.5rem;color:#333;font-size: 1.7rem;border:0.1rem solid #ddd;border-radius:0.5rem;line-height: 1.1;}
.wrap_join_step li span:before{content:'';display:block;position:absolute;top:1.5rem;left: 2rem;width:5rem;height:5rem;background-repeat:no-repeat;background-position:50% 0;}
.wrap_join_step li span i{line-height:1.6rem;color:#666;font-size:1.4rem;font-weight:300;}
.wrap_join_step li span em{margin-top:0.5rem;}
.wrap_join_step li .on{border-color:#224b9e;background:#224b9e;}
.wrap_join_step li .on,.wrap_join_step li .on i{color:#fff;}
.wrap_join_step li span:before{background-size: 5rem 10rem;}
.wrap_join_step .on[class*='join_step']:before{background-position-y:-5rem;}
.wrap_join_step .box_type03{padding:2.5rem 3.5rem 1.5rem;font-size:1.5px;background:#f7f7f7;}
.wrap_join_step .box_type03 p{font-size:1.6rem;}
.wrap_join_step .box_type03 > p+p{margin-top:0.5rem;}
.wrap_join_step .box_type03 strong{font-size:1.7rem;}
.wrap_join_step .box_type03 .box_type02{margin:2rem 0 0 !important;background:#fff;}

/** 약관 style **/
.wrap_box_terms{margin-top:1rem; border-top-width:0.2rem;}
.wrap_box_terms .terms_tit{padding:1rem 3rem;font-size:1.7rem;margin: 2rem 0;}
.wrap_box_terms > div,
.wrap_box_terms > div [class*='bul_type'],
.wrap_box_terms > div [class*='bul_type'] li,
.wrap_box_terms [class*='box_type'],
.wrap_box_terms [class*='box_type'] > p{font-size:1.5rem;}
.wrap_box_terms > div{max-height:35rem;padding:2rem 3rem;}
.wrap_box_terms > div h5{margin:2rem 0 0.5rem;padding:1rem;font-size:1.6rem;border-radius:0.3rem;}
.wrap_box_terms > div [class*='bul_type']{margin:0.5rem 0;}
.wrap_box_terms > div [class*='bul_type'] li{margin:0.8rem 0;line-height:2rem;}
.wrap_box_terms > div [class*='bul_type'] li:before{top:1.1rem;}
.wrap_box_terms > div .bul_type03 > li{margin:1.5rem 0;}
.wrap_box_terms > div .bul_type05 li{padding-left:1.2rem;}
.wrap_box_terms [class*='box_type']{margin:0.5rem 0;}
.wrap_box_terms [class*='box_type'],.wrap_box_terms [class*='box_type'] > p{line-height:2.1rem;}
.wrap_box_terms [class*='lst_num'] li{font-size:1.5rem;}
.wrap_box_terms [class*='lst_num'] > li > span{width:2rem;}
.wrap_box_terms + .wrap_box_terms{margin-top: 5rem;}


/** 본인인증**/
.mem_identification,.mem_identification > div,.mem_identification > div div,.mem_identification > div .open_submit{display:flex;}
.mem_identification > div div [class*='mem_ic'] i:before,.mem_identification .open_submit i:before{transition:all .2s ease;}

.mem_identification{overflow:hidden;flex-wrap:wrap;margin:-2rem 0 0 -2rem;}
.mem_identification > div{float:left;flex-direction:column;justify-content:space-between;min-width:24rem;width:calc(100%/3 - 2.01rem);margin:2rem 0 0 2rem;padding:4rem;border:0.1rem solid #ddd;}
.mem_identification > div div{flex:1;flex-direction:column;align-items:center;height:calc(100% - 5rem);}
.mem_identification em{display:block;min-width: 15rem;margin:0 auto 3rem;text-align:center;}
.mem_identification em i{display:block;position:relative;padding-bottom:15rem;font-size:2rem;font-weight:500;}
.mem_identification em i:before{content:'';display:block;position: absolute;bottom:0;left: calc(50% - 6.5rem);width:13rem;height:13rem;background-repeat:no-repeat;background-position: center center;background-size:contain;transform: none;}
.mem_identification em i:before{background-size: 13rem 13rem;}

.mem_identification p,.mem_identification p i{text-align:center;}
.mem_identification p i{display:block;}
.mem_identification .open_submit{justify-content:center;width:100%;max-width:20rem;margin:2rem auto 0;padding:1.5rem 2rem;color:#fff;border-radius:0.3rem;background:#23419b;}
.mem_identification .open_submit i{position:relative;padding-right:3rem;}
.mem_identification .open_submit i:before{content:'';display:block;position:absolute;top:calc(50% - 0.5rem);right:0;width:1.7rem;height:1.1rem;background-size: 1.7rem 1.1rem;}
.mem_identification .open_submit:hover{background:#000;}
.mem_identification .open_submit:hover i:before{right:-1rem;}

/** 회원탈퇴 **/
.sub_rank{display:flex;padding-left:0.5rem;}
.sub_rank img{width:1.5rem;height:1.5rem;vertical-align:top;}
.sub_rank i{padding-left:1rem;}

@media only screen and (min-width:768px) {
    .ui.uit.type1 .inner .tp_icon.circle,
    .ui.uit.type1 .inner .tp_icon2.circle{display:block;position:absolute;top:50%;left:35px;margin-top: -55px}
    .ui.uit.type1 .inner.long .tp_icon.circle,
    .ui.uit.type1 .inner.long .tp_icon2.circle{top:45px;margin-top: 0}
    .ui.uit.type1 .inner.n_short{min-height: auto;padding: 70px 25px 70px 170px}
    .ui.uit .inner{position:relative;padding:50px 25px 50px;}
    .ui.uit.type1 .inner{min-height:180px;padding-left:170px;}
    .ui.uit .btnwrap{position:absolute;top:-35px;right:0;margin-top:0;}
    .ui.uit.type4 .inner .ui_icon{display:block;width:61px;height:61px;}
    .ui.uit.type3 .inner{min-height:213px;padding-left:300px;}
    .ui.uit.type3 .inner .thm_figure{display:block;overflow:hidden;position:absolute;top:35px;left:35px;width:230px;height:153px;margin:0;text-align:center}
    .ui.uit.type3 .thm_figure img{max-width:100%;width:auto;}
}
@media only screen and (min-width:1024px) {
    .ui.uit.type5 .inner{padding:35px 25px 35px 110px;}
    .ui.uit.type4 .inner{ display: table; min-height: 115px; padding:30px 25px 30px 110px;}
    .ui.uit.type4 .inner .txtwrap{ display: table-cell; vertical-align: middle;}
    .ui.uit .txtwrap p{margin:0;font-size:15px;}
    .ui.uit .inner .tit_inner{ text-align: left; }
    .ui.uit .inner .txtwrap p{ text-align: left;}
}


/* 도식 */
.ui.uip li{position:relative;margin-bottom:40px;}
.ui.uip li .ui_icon{display:block;width:71px;height:71px;}
.ui.uip li .ui_icon.circle{position:absolute;top:10px;left:10px;}
.ui.uip li .ui_icon.circle1{background-position:0 0;}
.ui.uip li .ui_icon.circle2{background-position:-71px 0;}
.ui.uip li .ui_icon.circle3{background-position:-142px 0;}
.ui.uip li .ui_icon.circle4{background-position:-213px 0;}
.ui.uip li .ui_icon .ui_icon{display:block;width:71px;height:71px;}
.ui.uip li .ui_icon.pico1{background-position:0 -71px;}
.ui.uip li .ui_icon.pico2{background-position:-71px -71px;}
.ui.uip li .ui_icon.pico3{background-position:-142px -71px;}
.ui.uip li .ui_icon.pico4{background-position:-213px -71px;}
.ui.uip li b{display:block;margin-bottom:5px;color:#303345;font-size:16px;font-weight: 900;line-height:22px;}
.ui.uip li b span{font-weight: normal;font-size: 14px;font-weight: 500}
.ui.uip li em{display:block;color:#666;line-height:20px;font-size: 15px;}
.ui.uip li .point-yellow{ display: block; font-size: 0.8rem; font-weight:500; color:#ffe71b; }

.ui.uip.type1 li{text-align: center;}
.ui.uip.type1 li .inner{ position:relative; height: 100%; overflow: hidden; border:1px solid #ddd; border-radius: 5px;  background-color:#f9f9f9; }
.ui.uip.type1.small li .inner{ height: 100%;}
.ui.uip.type1.small li .tp_tit{ height:100%;}
.ui.uip.type1 li:before{position:absolute; top:50%; margin-top:-11px; left: 50%; content:""; display:inline-block; width:22px; height:22px; background:url(../img/common/uip_type1_arr.png) no-repeat; vertical-align: middle; transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.ui.uip.type1 li:first-child:before{ display: none; }
.ui.uip.type1 li .tp_tit{ padding:25px 0; letter-spacing: 0}
.ui.uip.type1 li .tp_tit b{ display: block; color:#fff; font-size: 0.75rem; font-weight: 400; }
.ui.uip.type1 li .tp_tit b .orange{ color:#fff; }
.ui.uip.type1 li .tp_tit em{ font-size: 0.8rem; font-weight: 400; color:#fff; letter-spacing: 0; font-style: normal;}
.ui.uip.type1 li .txtwrap{ height:auto; padding-top:20px;}
.ui.uip.type1 li .txtwrap p{ font-size: 0.9rem; color:#555; font-weight: 300; line-height: 1.2; padding-bottom: 20px; text-align: center; padding:0;}
.ui.uip.type1 li .txtwrap .bot_txt{ width:100%; height: 42px; padding: 10px 0; background-color:#fff; border-top:1px solid #ddd; line-height: 1; font-weight: 400;}
.ui.uip.type1 li:first-child .tp_tit{ background-color:#2d4478; }
.ui.uip.type1 li:first-child .bot_txt{ color:#2d4478; }
.ui.uip.type1 li:nth-child(2) .tp_tit{ background-color:#4b4c8e; }
.ui.uip.type1 li:nth-child(2) .bot_txt{ color:#4b4c8e; }
.ui.uip.type1 li:nth-child(3) .tp_tit{ background-color:#3f8145; }
.ui.uip.type1 li:nth-child(3) .bot_txt{ color:#3f8145; }
.ui.uip.type1 li:nth-child(4) .tp_tit{ background-color:#32887d; }
.ui.uip.type1 li:nth-child(4) .bot_txt{ color:#32887d; }
.ui.uip.type1 li:nth-child(5) .tp_tit{background-color:#326b88}
.ui.uip.type1 li:nth-child(5) .bot_txt{ color:#326b88; }
.ui.uip.type1 li:nth-child(6) .tp_tit{background-color:#1b3c51}
.ui.uip.type1 li:nth-child(6) .bot_txt{ color:#1b3c51; }
.ui.uip.type1 li:nth-child(7) .tp_tit {background-color:#182956;}
.ui.uip.type1 li:nth-child(7) .bot_txt{ color:#182956; }
.ui.uip.type1 li:nth-child(8) .tp_tit {background-color:#3c4245;}
.ui.uip.type1 li:nth-child(8) .bot_txt{ color:#3c4245; }
.ui.uip.type1 li .ui_icon.circle{top: 15px;left: 50%;margin-left:-35.5px;}

.ui.uip.type1.col2 li,
.ui.uip.type1.col3 li,
.ui.uip.type1.col4 li,
.ui.uip.type1.col5 li,
.ui.uip.type1.col6 li{width:100%; height: auto;}

@media only screen and (min-width:768px) {
    .ui.uip.type1 li{float:left; width:47.5%; margin-left: 5%; padding:0; height:260px;}
    .ui.uip.type1 li:nth-child(2n+1){ margin-left: 0; }
    .ui.uip.type1 li .txtwrap{ padding-bottom: 62px;}
    .ui.uip.type1 li .txtwrap p{padding-bottom: 0;}
    .ui.uip.type1 li .txtwrap .bot_txt{ position:absolute; bottom:0; left:0; }
    .ui.uip.type1 li.last_child:after{display: none;}
    .ui.uip.type1 li>.ui_icon{position:static;margin:0 auto 15px;}
    .ui.uip.type1 li .ui_icon.circle{left: auto;margin:0 auto;}
    .ui.uip.type1 li b{padding:0 25px;}
    .ui.uip.type1 li em{display: block;padding:0 25px;}

    .ui.uip.type1.col5 li{width:29%; height: 150px; margin-left: 5%}
    .ui.uip.type1.col6 li{width:29%; height: 120px; margin-left: 5%}
    .ui.uip.type1.col5 li:nth-child(2n+1){ margin-left: 5%; }
    .ui.uip.type1 li .tp_tit em{line-height: 1.2;}
    .ui.uip.type1 li:before{ /*top:53px;*/ left:-30px;transform: rotate(0deg); -webkit-transform: rotate(0deg);}
}

@media only screen and (min-width:1280px) {
    .ui.uip.type1 li{float:left; width:21.25%; margin-left: 5%; padding:0;}
    .ui.uip.type1 li:nth-child(2n+1){ margin-left: 5%; }
    .ui.uip.type1 li:first-child{ margin-left: 0; }
    .ui.uip.type1 li.last_child:after{display: none;}
    .ui.uip.type1 li>.ui_icon{position:static;margin:0 auto 15px;}
    .ui.uip.type1 li .ui_icon.circle{left: auto;margin:0 auto;}
    .ui.uip.type1 li b{padding:0 25px;}
    .ui.uip.type1 li em{display: block;padding:0 20px;}

    .ui.uip.type1.col5 li{width:16.8%; margin-left: 5%}
    .ui.uip.type1.col5 li:first-child{ margin-left: 0; }
    .ui.uip.type1.col6 li{width:15%; margin-left: 2%}
    .ui.uip.type1.col6 li:first-child{ margin-left: 0; }
    .ui.uip.type1 li .tp_tit em{line-height: 1.2;}
    .ui.uip.type1 li:before{ /*top:53px;*/ left:-35px;}
    .ui.uip.type1.col6 li:before{ left:-25px;}
}


@media (max-width:768px) {
    .wrap_join_step ul{margin:0;width: 100%;align-items: stretch;}
    .ui.uip.type1 li:before {margin-top: 0; top:-32px; margin-left: -11px;}
    .wrap_join_step li{margin: 0 0 0 3rem;width: calc(100%/4 - 3rem);height: 100%;}
    .wrap_join_step li:first-child{margin:0;}
    .wrap_join_step li:before{    top: calc(50% - 0.4rem);    left: -1.5rem;    }
    .wrap_join_step li span{padding: 1rem;align-items: center;}
    .wrap_join_step li span:before{position:inherit;top: inherit;left: inherit;margin-bottom: 1rem;}
}

@media (max-width:640px) {
    .wrap_join_step ul{flex-wrap:wrap;align-items: flex-start;}
    .wrap_join_step li:before{display:none;}
    .wrap_join_step li{margin:0;width: calc(50% - 1rem);flex: 0 0 auto;}
    .wrap_join_step li:nth-child(2n){margin-left:1rem;}
    .wrap_join_step li:nth-child(n+3){margin-top:1rem;}
    .mem_identification > div{width:100%;}
}

@media (max-width:400px) { 
    .ui.uip.type1:after{display:block;position:absolute;top:31px;left:10%;width:80%;height:2px;background:url(/images/uip_dline.png) repeat-x;content:"";}
    .ui.uip.type1 li{margin:0 0 40px;width:100%;}
}

.ui.uia{}
.ui.uia.qna{}
.ui.uia>li{width:100%;height:65px;margin-top:-1px;overflow:hidden}
.ui.uia>li:first-child{margin-top:0;}
.ui.uia .inner{position:relative;width:100%;padding:20px;background: #f9f9f9;border-left: 1px solid #c3c6cd;border-right: 1px solid #c3c6cd}
.ui.uia>li:last-child .inner{border-bottom: 1px solid #c3c6cd}
.ui.uia .inner>ul{margin:0;}
.ui.uia .item{display:block;position:relative;overflow:hidden;height:65px;padding:0 20px;border:1px solid #c3c6cd}
.ui.uia .item:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.ui.uia .item:hover,
.ui.uia .item:focus,
.ui.uia .item:active,
.ui.uia .item.ov{border:1px solid #3f61b2;z-index:2;}
.ui.uia .item:after{content:"";position: absolute;right: 30px;top: 43%;width:21px;height:11px;background:url(/images/uia_arr.png) no-repeat}
.ui.uia .item.ov:after{background-position: -21px 0}
.ui.uia .item b{display:inline-block;position:relative;padding-right:45px;vertical-align:middle;color:#2d2d2d;font-size:18px;font-family:'nsr';font-weight:600;line-height:32px;}
.ui.uia.qna .item,
.ui.uia.qna .inner{padding-left:60px;}
.ui.uia.qna .question,
.ui.uia.qna .inner .answer{display:inline-block;position:absolute;left:29px;font-size:30px;font-weight:bold;line-height:1;}
.ui.uia.qna .item.ov .question { color:#2156a4; }
.ui.uia.qna .question{top:12px;color:#959595;}
.ui.uia.qna .inner .answer{top:20px;color:#54535a;}
.ui.uia.qna .inner p{margin-top: 0;color: #666;font-size: 14px;}


/* 보도형_아이콘 */
.bodo_icon{overflow: hidden;border-top: 1px solid #193371;}
h5 + .bodo_icon{ margin-top:20px; }
.bodo_icon.no-border { border: none;}


/*보도형_아이콘1(한줄에 한개),보도형_아이콘2(한줄에 두개)*/
/* 보도형_아이콘1 */
.bodo_icon.type1 {border-top:none;}
.bodo_icon.type1 .ui.uit{overflow: hidden; position: relative; background: none; border: 1px solid transparent; border-color: #ddd; margin-bottom: 15px; border-radius: 5px;}
.bodo_icon.type1 .ui.uit .inner { position: relative; padding: 25px;text-align: center; display: block;}

.bodo_icon.type1 .ui.uit .inner .txtwrap { position: relative; display: block; width:100%; vertical-align: middle; }
.bodo_icon.type1 .ui.uit .inner .txtwrap ul{display: inline-block;}
.bodo_icon.type1 .ui.uit .inner .txtwrap .tit_inner {height:auto;margin-bottom:10px; color: #323232; font-size: 1rem; line-height: 1.4;  padding-top:0; border-bottom:0; }
/*20.01.23 신청방법 바로가기 margin-top 추가*/
.bodo_icon.type1 .ui.uit .inner .txtwrap p{ position: relative; width:100%; color:#555; font-size: 0.9rem; padding-left:20px; /* margin-top:20px; */}
.bodo_icon.type1 .ui.uit .inner .txtwrap p a.more{ display: block; width: 150px; margin: 10px auto; position:relative; padding: 7px 50px 9px 20px; color:#fff; background-color:#000; border-radius: 30px; font-size: 0.8rem;}
.bodo_icon.type1 .ui.uit .inner .txtwrap p a.more:after{ position:absolute; right:20px; top:14px; content: ""; display: inline-block; width: 13px; height:13px; background: url(../img/common/new_window.png) no-repeat; vertical-align: middle; }
.bodo_icon.type1 .ui.uit .inner .txtwrap li{font-weight: 400}
.bodo_icon.type1 .ui.uit.bt .inner .txtwrap a{display: block;margin-top: 10px;}
.bodo_icon.type1 .ui.uit .inner .txtwrap a{margin-top: 10px;}

/* 보도형_아이콘2 */
.bodo_icon.col2 .ui.uit{border-top: 0;border-bottom: 1px solid #ddd}
.bodo_icon.col2 .ui.uit:nth-child(even){background: none;}
.bodo_icon .tp_icon2{display: block;margin: 0 auto 15px;width: 57px;height: 57px;background-color:#2d4478; border-radius: 50%; overflow: hidden;}
.bodo_icon.type1 .ui.uit:nth-child(2) .tp_icon2{ background-color:#4b4c8e; }
.bodo_icon.type1 .ui.uit:nth-child(3) .tp_icon2{ background-color:#3f8145; }
.bodo_icon .tp_icon2 .icon {display: block;width: 57px;height: 57px;background:url(../img/common/bodo_icon.png);} 
.bodo_icon .tp_icon2 .icon1 { background-position: 0 0}
.bodo_icon .tp_icon2 .icon2 { background-position: -57px 0}
.bodo_icon .tp_icon2 .icon3 { background-position: -114px 0}
.bodo_icon .tp_icon2 .icon4 { background-position: -171px 0}
.bodo_icon .tp_icon2 .icon5 { background-position: -228px 0}
.bodo_icon .tp_icon2 .icon6 { background-position: -285px 0}
.bodo_icon .tp_icon2 .icon7 { background-position: -342px 0}
.bodo_icon .tp_icon3{ display: table;margin: 0 auto 15px;width: 66px;height: 63px;background:url(../img/common/bodo_icon3.png) 6px 2px no-repeat; overflow: hidden; text-align: center; background-size: 180%;}
.bodo_icon .tp_icon3 .num {display: table-cell; width: auto; height: auto; vertical-align: middle; font-size: 0.9rem; font-weight: 500; color:#fff; text-align: center;}
/* .bodo_icon .ui.uit:nth-child(2n){ background-color: #f9f9f9 } */
.bodo_icon .ui.uit:nth-child(2n) .tp_icon3{ background-position: -58px 2px; }
.bodo_icon .tp_icon4{ display: block; text-align: center; font-size: 1.4rem; color: #2d4478; }

@media only screen and (min-width: 1024px){
    /* 보도형_아이콘1 */
    .bodo_icon.type1 .ui.uit .inner { display:table; padding: 35px 10% 35px 120px;}
    .bodo_icon.type1 .ui.uit .inner .txtwrap{ display: table-cell; padding-left: 100px;}
    .bodo_icon.type1 .ui.uit .inner .txtwrap p{ padding-right: 130px; }
    .bodo_icon.type1 .ui.uit .tit_inner{ position: absolute; top: 0; left:0; text-align: left;}
    .bodo_icon.type1 .ui.uit .inner p { text-align: left; border-left: 1px solid #ddd;}
    .bodo_icon.type1 .ui.uit .inner .txtwrap ul{display:block;}
    .bodo_icon.type1 .ui.uit.bt .inner .txtwrap a{display: inline-block;}
    .bodo_icon.type1 .ui.uit .inner .txtwrap p a.more{ position: absolute; right: 0; top: -6px; width: auto; margin:0; }
    .bodo_icon.type1 .ui.uit .inner { width:100%; text-align: left;}
    .bodo_icon .tp_icon3{ height: 75px; background-position: 0 0; background-size: auto; }
    .bodo_icon .ui.uit:nth-child(2n) .tp_icon3{ background-position: -80px 0; background-size: auto;}

    /* 보도형_아이콘2 */
    .bodo_icon.col2 .ui.uit{width: 50%;}
    .bodo_icon.col2 .ui.uit:nth-child(even){border-left: 0}
    .bodo_icon .tp_icon2{position: absolute; top: 18px; left: 30px;}
    .bodo_icon .tp_icon3{position: absolute; top: 22px; left: 30px;}
}

@media only screen and (min-width: 1280px){
    .bodo_icon.type1 .ui.uit .inner .txtwrap p a.more{ right: 0; }
}

/*보도형_아이콘3(한줄에 3개)*/
.bodo_icon.type1.col3 .ui.uit{min-height: auto;border-top: 0;border-bottom: 1px solid #ddd;border-right: 0} 
.bodo_icon.type1.col3 .ui.uit:nth-child(even){background: none;}
.bodo_icon.type1.col3 .ui.uit .inner{padding: 25px}
.bodo_icon.type1.col3 .ui.uit .inner .txtwrap{overflow: hidden;min-height: 50px;padding:5px 0 0 60px;}
.bodo_icon.type1.col3 .tp_icon3{position: absolute; top: 0px; left: 0px;}

@media only screen and (min-width: 640px){
    .bodo_icon.type1.col3 .ui.uit{float: left;width: 33.33%;}
    .bodo_icon.type1.col3 .ui.uit:nth-child(3n){border-right:1px solid #ddd}
}


/*보도형_아이콘4(한줄에 2개)*/
.bodo_icon.type2 .ui.uit{padding: 20px 25px}
.bodo_icon.type2 .ui.uit .bt_wrap a{display: block;margin-top: 0px;}
.bodo_icon.type2 .ui.uit .inner{padding: 0;}

@media only screen and (min-width: 640px){
    .bodo_icon.type2 .ui.uit{float: none;width: 100%;min-height: 135px;}
    .bodo_icon.type2.col2 .ui.uit:nth-child(even){border-left: 1px solid #ddd}
    .bodo_icon.type2 .ui.uit .inner{padding: 5px 0 0 50px;}
    .bodo_icon.type2 .ui.uit .bt_wrap a{display: inline-block;}



}
@media only screen and (min-width: 1024px){
    .bodo_icon.type2 .ui.uit{float: left;width: 50%;}
    .bodo_icon.type2.col2 .ui.uit:nth-child(even){border-left: 0}
    .bodo_icon.type2 .ui.uit .bt_wrap{position: absolute;top: 25px;right: 30px} 
    .bodo_icon .ui.uit .tp_icon4{ position:absolute; top: 26px; left: 40px; display: inline-block; text-align: left;}
    .bodo_icon .ui.uit .tp_icon4:after{ content: "/"; display: inline-block; margin-left: 14px; font-size: 0.8rem; font-weight: normal; color:#ddd; vertical-align: middle;}
}


/*아이콘형 응용(한줄에 2개)*/
.bodo_icon.type3{border-top: 0} 
.bodo_icon.type3.col2 .ui.uit { margin-bottom: 10px;border:1px solid #ddd; border-radius: 5px;}
.bodo_icon.type3 .ui.uit .inner { text-align: center;}

.tp_icon{ display:block;width: 9rem;height: 9rem;border-radius: 50%;margin: 0 auto 1.5rem;}
.tp_icon .icon {display: block;width: 100%;height: 100%;background:url(../img/common/bodo_icon2.png) 0 0 / 45rem 45rem no-repeat;}
.tp_icon .icon.icon1{background-position: 0 0;}
.tp_icon .icon.icon2{background-position: -9rem 0;}
.tp_icon .icon.icon3{background-position: -18rem 0;}
.tp_icon .icon.icon4{background-position: -27rem 0;}
.tp_icon .icon.icon5{background-position: -36rem 0;}
.tp_icon .icon.icon6{background-position: 0 -9rem;}
.tp_icon .icon.icon7{background-position: -9rem -9rem;}
.tp_icon .icon.icon8{background-position: -18rem -9rem;}
.tp_icon .icon.icon9{background-position: -27rem -9rem;}
.tp_icon .icon.icon10{background-position: -36rem -9rem;}
.tp_icon .icon.icon11{background-position: 0 -18rem;}
.tp_icon .icon.icon12{background-position: -9rem -18rem;}
.tp_icon .icon.icon13{background-position: -18rem -18rem;}
.tp_icon .icon.icon14{background-position: -27rem -18rem;}
.tp_icon .icon.icon15{background-position: -36rem -18rem;}
.tp_icon .icon.icon16{background-position: 0 -27rem;}
.tp_icon .icon.icon17{background-position: -9rem -27rem;}
.tp_icon .icon.icon18{background-position: -18rem -27rem;}
.tp_icon .icon.icon19{background-position: -27rem -27rem;}
.tp_icon .icon.icon20{background-position: -36rem -27rem;}

@media only screen and (min-width: 1024px){
    .bodo_icon.type3.col2 .ui.uit {float: left; width: 49%;margin-right: 2%;}
    .bodo_icon.type3.col2 .ui.uit:nth-child(even){margin-right: 0}
    .bodo_icon.type3 .ui.uit .inner { padding: 50px 8% 50px 130px;text-align: left;}

    .bodo_icon .tp_icon{position: absolute; top: 38px; left: 30px;}
}

.tblbox {position:relative;}
.tblbox::before {content:''; width:100%; height:0.2rem; background:#000; position:absolute; top:0; left:0;}
.tbl-basic.left td {text-align:left; padding:2rem 1rem;}
.tbl-basic{display:table;width:100%;margin-bottom:5rem;border-top:0.2rem solid #000;border-bottom:0.1rem solid #ccc;border-collapse:collapse; letter-spacing: 0;}
.tbl-basic th{padding:2rem 0.5rem; line-height:1; border-left:0.1rem solid transparent;border-bottom:0.1rem solid transparent;margin-left:-0.1rem;vertical-align:middle;word-wrap:break-word;word-break:keep-all;color:#2d2d2d}
.tbl-basic td{padding:2rem 0.5rem;border-left:0.1rem solid transparent;border-bottom:0.1rem solid transparent;margin-left:-0.1rem;vertical-align:middle;word-wrap:break-word;word-break:keep-all;text-align: center;font-weight: 400;}
.tbl-basic th{background:#fafafa}
.tbl-basic thead tr:first-child th:first-child{ border-left:0}
.tbl-basic tbody th:first-child,
.tbl-basic tbody td:first-child{ border-left:0; color:#000;}
.tbl-basic tbody th.left_border,
.tbl-basic tbody td.left_border{ border-left:0.1rem solid #ddd; }
.tbl-basic tbody tr:first-child th,
.tbl-basic thead tr:first-child th{vertical-align:middle}
.tbl-basic tbody th{text-align: center; }
.tbl-basic tfoot th,
.tbl-basic tfoot td{background-color:#f3f3f3;border-bottom:0}
.tbl-basic tbody th{color:#323232; font-size: 1.6rem; font-weight: 500; line-height: 1.2}
.tbl-basic thead th{color:#323232; font-size: 1.6rem; font-weight: 500; line-height: 1.2; border-bottom:0.1rem solid #000; text-align: center;}
.tbl-basic tbody th.board_tit{ font-size: 2rem; }
.tbl-basic td.left{text-align: left; padding-left: 1.5rem;}
.tbl-basic th:last-child,
.tbl-basic td:last-child{border-right:0}
.tbl-basic th{border-left-color:#ddd;border-bottom-color:#ddd}
.tbl-basic td{border-left-color:#ddd;border-bottom:0.1rem solid #ddd; color:#555; font-size: 1.6rem;}
.tbl-basic td p + ul{ margin-top:1rem; }

.tbl-basic.tbl-row{ border-top:none; }
.tbl-basic.tbl-row tr:first-child{ border-top: 0.2rem solid #000; }
.tbl-basic.tbl-row td .file + .file{ display: block; }
.tbl-basic td a:hover,
.tbl-basic td a:focus{ text-decoration: underline; }
.tbl-basic td.file img:nth-child(n+2){ margin-left: 0.5rem; }
.list-box-border + .tblbox{ margin-top:7rem; }

@media (max-width: 1023px){
    .tblbox{ width: 100%;}
   
}

@media(max-width: 767px){
    .tbl-basic td.file img:nth-child(n+2){ margin-left: 0; }
    .mo-scroll{overflow-x: scroll;}
    .ListTbl_wrap.inputTbl.mo-scroll{border:0; border-bottom:1px solid #000;}
    .mo-scroll:before{content:'좌우 스크롤이 가능합니다';font-size: 1.4rem;background: #eaf4ff;line-height: 1;width: 100%;display: flex;align-items: center;justify-content: center;margin: 0 0 1rem 0;padding: 0.5rem 0;border-radius: 3rem;color: #224b9e;position: relative;top: inherit;left: inherit;right: inherit;bottom: inherit;height: auto;white-space: nowrap;}
    .mo-scroll > table{min-width: 76.7rem;}

 
}

/* ui 끝 */

/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:5px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; font-size: 0; text-indent: -9999px; }
.ui-datepicker .ui-datepicker-title { margin:0 1em 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width:45%; margin-right:5px; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-datepicker-trigger {
    padding-left: .2em;
    vertical-align: -11px;
    cursor: pointer;
}




.topbox { padding: 110px 90px 105px 90px; background: url(../img/common/topbox_img_example.jpg) 50% 50% no-repeat; background-size: cover; border-radius: 10px; text-align: left; overflow: hidden;}
.topbox-inner { position: relative; font-size: 1.4rem; font-weight: 100; color: #fff; line-height: 1.5em;}
.topbox-inner:before { position: absolute; top: -40px; left: 0; content: ""; display: inline-block; width: 36px; height: 27px; background: url(../img/common/top_quot.png) no-repeat; vertical-align: middle;}
/* .topbox-inner:after { position: absolute; bottom: -10px; left: 250px; content: ""; display: inline-block; width: 36px; height: 27px; background: url(../img/common/top_quot.png) no-repeat; background-position: -55px 0; vertical-align: middle;} */
.topbox-tit{ padding-left: 0; word-break: keep-all;}
.topbox .desc {display:block; margin-top:2rem; color:#fff; opacity:.8;}
.tblbox .list-bar {display:block;}
p + .tblbox {margin-top:1rem;}

.topbox.type2{position: relative;border: 3px solid #efefef;border-radius: 0.5rem;padding: 4rem 4.5rem 4rem 19rem;margin-bottom: 3rem;background-image: none;}
.topbox.type2 .tp_icon{position: absolute;top: 4rem;left: 5.5rem;display: inline-block;width: 9rem;height: 9rem;vertical-align: middle;}
.topbox.type2 .tp_icon .icon{display: inline-block;width: 100%;height: 100%;}
.topbox.type2 .topbox-tit{display: block;font-size: 2.3rem;font-weight: 500;line-height: 2;color: #2d4478;margin-bottom: 1rem;}
.topbox.type2 .topbox-txt{font-size: 1.8rem;line-height: 1.8;color: #555;padding-left: 0;text-align: left;}

.topbox.type3{ padding: 0; }
.topbox.type3 .topbox-inner{ padding: 110px 90px 105px 460px;}
.topbox.type3 .topbox-inner:before,
.topbox.type3 .topbox-inner:after{ display: none; }
.topbox.type3 .topbox-tit{ font-size: 2.5rem; line-height: 1.5; }
.topbox.type3 .topbox-tit b{ display: block; margin-bottom: 20px; font-size: 3rem; font-weight: 500; color:#fff;}


.contbox { position: relative; padding: 50px 0 50px 285px; border-top: 1px solid #000;}
.contbox:first-child { border-top: none;}
.point-orange{  display: block;  text-align: left;  font-size: 0.8rem; color:#da6111;}

.list-bar{display: inline-block;width: 100%;margin-bottom: 3rem;text-align: left;}
.list-bar > li{position: relative;display: inline-block;width: 100%;margin-bottom: 0.5rem;padding-left: 2.3rem;color: #555;line-height: 1.4;font-size: 1.6rem;}
.list-bar > li:before{position: absolute;top: 1.1rem;left: 0.9rem;content:"";display: inline-block;width: 0.7rem;height: 2px;background-color: #4b4b4b;color: #555;line-height: 1.2;}

.list-dot{ display: inline-block; width: 100%; text-align: left;}
.list-dot > li{ position: relative; display: inline-block; width: 100%; margin-bottom: 5px; padding-left: 14px; color: #555; line-height: 1.4;}
.list-dot > li:before{ position: absolute; top: 11px; left:6px; content:""; display: inline-block; width: 3px;  height: 3px; border-radius: 50%; background-color: #4b4b4b; color: #555; line-height: 1.2;}


.list-num{ display: inline-block; margin-bottom: 10px; text-align: left;}
.list-num > li{position: relative;display: inline-block;width: 100%;margin-bottom: 0.5rem;padding-left: 3.5rem;color: #555;line-height: 1.4;font-size: 1.7rem;}
.list-num > li .num{position: absolute;top: 0.3rem;left: 0.9rem;display: inline-flex;width: 2.1rem;height: 2.1rem;background-color: #59647f;color:#fff;border-radius: 50%;text-align: center;font-size: 0.7rem;justify-content: center;align-items: center;}

p + .list-box-gray{ margin-top:3rem; }
.list-box-gray{ padding: 3.5rem 3rem; background-color:#f7f8f8;}
.list-box-gray > strong{ display: block; text-align: left; margin-bottom: 2rem; font-size: 1rem; font-weight: 500; color:#000; }
.list-box-gray.col2 > ul{ float: left; width: 50%; }
.list-box-gray.col2:after {content:"";display:block;visibility:hidden;clear:both;}
.list-box-border{text-align: center;border:0.1rem solid #ddd;padding: 5rem;margin: 4rem 0;}
.list-box-border > img{width: auto;height: auto;object-fit: scale-down;}


.info-graybox{ position: relative; padding: 3.5rem 3rem; margin-bottom: 6rem; background-color: #f9f9f9; border: 0.1rem solid #ddd; border-radius: 0.5rem; overflow: hidden;}
.info-graybox em{ position: relative; z-index: 1; padding-right: 2rem; background-color:#f9f9f9; color: #555 ; font-size: 0.9rem; font-style: normal;}
.info-graybox em:before{ content: ""; display: inline-block; width: 1.7rem; height: 1.7rem; margin-right: 0.5rem; background: url(../img/common/info_ico.png) no-repeat; vertical-align: middle;}
.info-graybox .info-more{ position: absolute; top: 2.5rem; right:3rem; display: inline-block;}
.info-graybox .info-more span{ display: inline-block; padding: 1rem 5rem 1rem 3rem; background-color: #d67637; border-radius: 5rem; overflow: hidden; color: #fff; font-size:0.8rem; font-weight: 500;}
.info-graybox .info-more:before{  position:absolute;  left: -175%;  top:50%;  content: "";  display: inline-block;  width: 170%;  height:0.1rem;  background-color: #ddd;}
.info-graybox .info-more:after{  position:absolute;  right:2.5rem;  top:1.7rem;  content: "";  display: inline-block;  width: 1.3rem;  height:1.3rem;  background: url(../img/common/new_window.png) no-repeat;  vertical-align: middle; }


.depth4-tab-ul { position: relative; margin-top: 2rem; margin-bottom: 1.5rem; display: table; width: 100%; table-layout: fixed;}
.depth4-tab-ul li { display: table-cell; vertical-align: middle;}
.depth4-tab-ul.tab-col-4 li { float: left; width: 25%;}
.depth4-tab-ul li a { display: block; padding: .7rem 0; color: #323232; border: 1px solid #ddd; font-size: .95rem; text-align: center; margin-left: -1px;transition: 0.3s;-webkit-transition: 0.3s;}
.depth4-tab-ul.tab-col-4 li:nth-child(n+5) a{border-top:none;}
.depth4-tab-ul li a:hover, 
.depth4-tab-ul li a:active, 
.depth4-tab-ul li a:focus { background: #2d4478; color:#fff;}
.depth4-tab-ul li.on a { background: #2d4478; color: #fff;}
.depth4-tab-ul li .hidden{ display: none; }
.depth4-tab-ul li.on a .hidden{ display: inline-block; }

.favorite-list-box .depth4-tab-ul { margin-top:0; }
.favorite-list-box .depth4-tab-ul li{ vertical-align: middle; }
.favorite-list-box .depth4-tab-ul li a { display: table; width:100%; background-color:#f9f9f9; padding:0; font-size: .85rem; min-height: 74px;  border-left: 0;}
.favorite-list-box .depth4-tab-ul li:first-child a{ border-left: 1px solid #ddd }
.favorite-list-box .depth4-tab-ul li a:hover, 
.favorite-list-box .depth4-tab-ul li a:active, 
.favorite-list-box .depth4-tab-ul li a:focus { background: #fff; color:#2d4478;}
.favorite-list-box .depth4-tab-ul li a span{ display: table-cell; vertical-align: middle; width:100%; height: 100%; border:2px solid transparent;}
.favorite-list-box .depth4-tab-ul li a:hover span, 
.favorite-list-box .depth4-tab-ul li a:active span, 
.favorite-list-box .depth4-tab-ul li a:focus span{ border-color:#2d4478; }

.sotong_wt .table-wrap{ position: relative; }
.sotong_wt .table-wrap > .point-orange{ position: absolute; right: 0; top: -30px; text-align: right;}
.sotong_wt .tbl-basic th b{ position: relative; font-weight: 400; }
.sotong_wt .tbl-basic th b .point-orange{ position: absolute; top:8px; right: -10px; }
.sotong_wt .tbl-basic td .point-orange{ display: inline-block; }
.sotong_wt .tbl-basic td .btn-certify{ display: inline-block; padding:8px 15px; color:#fff; font-size: 1.4rem; margin-left: 5px; background-color:#2d4478; }
.sotong_wt .tbl-basic select{ padding: 5px; border-radius: 5px; border: 1px solid #ddd;}
.sotong_wt .tbl-basic input[type="text"],
.sotong_wt .tbl-basic textarea{ padding: 8px 5px; border-radius: 5px; border: 1px solid #ddd;}
.sotong_wt .tbl-basic textarea.f-wid,
.sotong_wt .tbl-basic .textarea.f-wid{ min-height: 300px; }
.sotong_wt .tbl-basic .textarea{ max-height: 300px; overflow-y: auto;padding: 30px; border-radius: 5px; border: 1px solid #ddd;}
.sotong_wt .tbl-basic .textarea h5{ margin-top:0; padding:0; margin-bottom:25px; }
.sotong_wt .tbl-basic .textarea h5:before{ display: none; }
.sotong_wt .tbl-basic .textarea dl dt,
.sotong_wt .tbl-basic .textarea dl dd{ line-height: 2.8; }
.sotong_wt .tbl-basic .textarea dl dt{ margin-bottom: 5px; font-size: 1.8rem;}
.sotong_wt .tbl-basic .textarea dl dd{ margin-bottom: 20px; }
.sotong_wt .tbl-basic .check{ display:block; text-align: right; }
.sotong_wt .tbl-basic input[type="file"]{ padding:0; border:none; }
.sotong_wt .tbl-basic td .f-wid{ width: 100%;}
.sotong_wt tr.file_info th{ word-break: break-all; }

div.tstyle_list + .BtnArea{ margin-top:20px; }
div.tstyle_list .state,
.tbl-basic .state{ min-width: 60px; }
.tbl-basic .state { font-size: .75rem; display:inline-block; vertical-align: middle; margin: 0 auto; border-radius: 50%; padding:0; margin-left: 5px; text-align: center; }
.tbl-basic .state span{ display: inline-block; width: 60px; height: 60px; line-height: 60px; vertical-align: middle; }
.tbl-basic .state.ing { background-color: #bf0d7a; color: #fff; }
.tbl-basic .state.end { background-color: #000; color: #fff; }
.tbl-basic .state.ready { background-color: #eee; color: #333; }
.tbl-basic .state.start { background-color: #2d4478; color: #fff; }
div.tstyle_list .state em,
.tbl-basic .state em{ display: block; }
.btn-m + .btn-m { margin-left: 0.25rem;}

.recommend-answer{margin-top:50px; padding:20px; background-color:#fafafa; border: 1px solid #ddd; border-radius: 10px}
.recommend-answer-tit span{ display: inline-block; padding:2px 15px; background-color:#000; color:#fff; margin-right: 10px;}

.lstyle_list{ margin-bottom: 50px; }
.lstyle_list li{ position: relative; display: block; border-bottom: 1px solid #ddd; padding: 10px 190px 10px 10px;}
.lstyle_list li:first-child{ border-top: 2px solid #000; }
.lstyle_list li.center{ padding: 10px; }
.lstyle_list .cate{ display: inline-block; line-height: 1.5; font-weight: 400; padding: 2px 7px; background-color: #555; color: #fff; font-size: 0.7rem;}
.lstyle_list .ls_tit{ display: block; font-size: 0.9rem; font-weight: 500; color:#000; line-height: 1.5; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.lstyle_list .ls_tit .xi-new{ color: #126fb4; font-size: 1.1rem; display: inline-block; vertical-align: middle; margin-left: .4rem; }
.lstyle_list dl{ display: block; line-height: 1.5;}
.lstyle_list dl dt{ float: left; }
.lstyle_list dl dd{ float: left; margin-right: 10px;}
.lstyle_list .state{ position:absolute; top: 15px; right:120px; display: table; vertical-align: middle; border-radius: 50%; padding:0; text-align: center; font-size: .75rem; }
.lstyle_list .state.ing { background-color: #d67637; color: #fff; }
.lstyle_list .state.start { background-color: #2d4478; color: #fff; }
.lstyle_list .state.end { background-color: #000; color: #fff; }
.lstyle_list .state span{  display: table-cell; width: 60px; height: 60px; vertical-align: middle; }
.lstyle_list .state span em{ display: block; }
.lstyle_list .btn-m{ position: absolute; top:35px; right: 10px; }
.lstyle_list .btn-m:after{ position: absolute; bottom:-2px; left:0; z-index: -1; content: ""; display: inline-block; width: 100%; height: 5px; background-color: #f0f0f0; }

.board_info .Search_topbox{ border: 2px solid #efefef; border-radius: 5px; padding:30px;}
.board_info .Search_topbox .Search_rss{ float: none; text-align: center; }
.board_info .Search_topbox fieldset{ position: relative; width:auto; display: inline-block; text-align: left; padding-left: 100px;}
.board_info .Search_topbox fieldset span.form-btn{ margin-left:0; }
.board_info .Search_topbox .formLine.hasDatepicker{ display: inline-block; width: auto; height: auto; padding: 10px;}
.board_info .Search_topbox .ui-datepicker-trigger{ display: inline-block; width: auto; height: auto; padding:7px; border:none; font-size: 1.2rem; vertical-align: middle;}
.board_info .Search_topbox fieldset span{ padding:7px; height: auto;}
.board_info .Search_topbox fieldset .form-select,
.board_info .Search_topbox fieldset .form-input,
.board_info .Search_topbox fieldset .form-btn{ padding:0; margin-bottom: 5px;}
.board_info .Search_topbox fieldset select,
.board_info .Search_topbox fieldset input,
.board_info .Search_topbox fieldset span.form-btn button{ padding:10px; line-height: inherit;}
.board_info .Search_topbox fieldset span.Sr_tit{ position: absolute; left:0; font-size: 0.9rem; font-weight: 400;}
.board_info .Search_topbox fieldset span.form-date{ display: block; padding:0; }
.board_info .Search_topbox fieldset span.form-select{ min-width: 171px; }

.gray-step-list {word-break:keep-all;}
.gray-step-list > li .step::after {content:''; display:block; clear:both;}
.gray-step-list > li .step {margin:0 -2rem;}
.gray-step-list > li .step > li {width:33.3%; padding:0 2rem; position: relative; margin-bottom:2.5rem;}
.gray-step-list > li .step > li::before {content:'\e93e'; font-family: 'xeicon'; width:1.1rem; height:1.1rem; line-height:1.1rem; border-radius:50%; border:1px solid #ddd; color:#9b9b9b; font-size:.65rem; text-align:center; position:absolute; top:50%; right:-.5rem; margin-top:-.5rem;}
.gray-step-list .right .step > li::before {content:'\e93e'; font-family: 'xeicon'; width:1.1rem; height:1.1rem; line-height:1.1rem; border-radius:50%; border:1px solid #ddd; color:#9b9b9b; font-size:.65rem; text-align:center; position:absolute; top:50%; left:-.5rem; margin-top:-.5rem; transform:rotate(180deg);}
.gray-step-list > li .step > li:last-child::before {top:auto; bottom:-1.8rem; right:auto; left:50%; 
    margin-left:-.5rem; transform:rotate(90deg);}
.gray-step-list > .BtnArea.right .step > li::before {right:auto; left:-.5rem; transform:rotate(180deg);}
.gray-step-list > li:last-child .step > li:last-child::before {display:none;}
.gray-step-list .step > li {float:left;}
.gray-step-list .right .step > li {float:right;}
.gray-step-list .step .card {border:1px solid #ddd; border-radius:.2rem; overflow:hidden; text-align:center;}
.gray-step-list .step .card .top {background:#f9f9f9; font-size:1rem; color:#000; border-bottom:1px solid #ddd; padding:.7rem;}
.gray-step-list .step .card .top strong {font-weight:400;}
.gray-step-list .step .card .bottom {padding:1rem .5rem; font-size:.9rem; color:#555;}

.Btn-Navy{ background-color: #2d4478 }
.Btn-Orange{ background-color: #d67637; color:#fff; border: 1px solid #d67637;}
.Btn-Orange:hover {border:1px solid #d35400; background:#d35400; color:#fff;}

/*공공누리 추가 200608*/
.nuribox.type{ position: relative; border: 1px solid #efefef; border-radius: 5px; padding:30px 45px 30px 190px; background-image: none;}
.nuribox.type .nr_icon{ background:url(../img/common/img_opentype01.png) no-repeat; position: absolute; top:27px; left:55px; display: inline-block; width: 96px; height: 32px; vertical-align: middle;}
.nuribox.type .nr_icon .icon{ display: inline-block; width: 100%; height: 100%;}
.nuribox.type .topbox-tit{ display: block; font-size: 1.25rem; font-weight: 500; line-height: 1.5; color: #2d4478; margin-bottom: 10px;}
.nuribox.type .topbox-txt{ font-size: 0.9rem; line-height: 1.5; color: #555; padding-left: 0;}

/* 탭 */
.Tab01 { width:100%; display:flex; border-bottom:#224B9E solid 0.1rem; margin-bottom:2rem; position:relative;}
.Tab01 li {margin-left: -1px;margin-bottom:-0.1rem;position: initial;z-index: 0;}
.Tab01 li:first-child { margin-left:0;}
.Tab01 li a {display: block;font-size: 1.7rem;padding:0 2rem;line-height: 2.8rem;height: 3rem;background:#fff;color:#3d3d3d;border:0.1rem solid #b1b1b1;border-bottom:0.1rem solid #224B9E;border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;width: auto;}
.Tab01 li.M_on, .Tab01 li.active {z-index:1;}
.Tab01 li.M_on a, .Tab01 li.active a { background:#224B9E; color:#fff; border-color:#224B9E; font-weight:bold; border-bottom:none !important;}
.Tab01.lg li a {line-height: 2.8rem;height: 3rem;}
.Tab01.md {border-color:#3d3d3d;}
.Tab01.md li a {line-height: 2.3rem;height: 2.5rem;border-bottom:0.1rem solid #3d3d3d; background:#F3F3F3;}
.Tab01.md li.M_on a, .Tab01.md li.active a { background:#fff; color:#3d3d3d; border-color:#3d3d3d;}
.Tab01 li.btns {position:absolute;top:0;right:0;text-align: right;width: auto;display:flex;}
.Tab01 li.btns button {margin-left:0.4rem;}
.Tab01.md li.btns button {height: 2.2rem;line-height: 2rem;}



@media(max-width: 1699px){
    .contbox{ padding-left: 220px; }
    .contbox h4{ max-width: 150px; }
}

@media(max-width: 1279px){
}

@media(max-width: 1023px){
    .topbox{ padding: 70px 40px; text-align: center;}
    .topbox-inner{ display: inline-block; font-size: 1rem;}
    .topbox-inner p br{ display: none; }
    .topbox-inner:after{ left: auto; right: 0; bottom: -50px;}
    .topbox.type2{padding: 2rem;}
    .topbox.type2 .tp_icon{position: static;display: block;margin: 0 auto 1rem;}
    .contbox{  padding-left: 0;}
    .contbox h4{ position: static; margin-bottom: 20px; max-width:inherit; }
    .contbox h4 > a{ padding: 10px 5px; }
    .info-graybox .info-more{ position: relative; top: auto; right: auto;}
    .info-graybox .info-more:before{ display: none;}
    .info-graybox em{ display: block; margin-bottom: 15px;}
    .sub020101 .bodo_icon.type3 .ui.uit .inner{min-height: 0;}
    .favorite-list-box .depth4-tab-ul li{ display:inline-block; width: 50%; border: 1px solid #ddd; border-top:none; background-color: #f9f9f9;}
    .favorite-list-box .depth4-tab-ul li:nth-child(-n+2){ border-top:1px solid #ddd; }
    .favorite-list-box .depth4-tab-ul li:nth-child(even){ border-left: 0; }
    .favorite-list-box .depth4-tab-ul li a{ margin-left:0; border: 0; background-color: transparent;}
    .favorite-list-box .depth4-tab-ul li:first-child a{ border: none; }
    .favorite-list-box .depth4-tab-ul li a span{ border:none; }

    /*공공누리 추가 200608*/
    .nuribox.type{ padding: 30px 25px;}
    .nuribox.type .nr_icon{ position: static; display: block; margin:0 auto 10px;}

}

@media(max-width: 767px){
    .contbox h4 br {display:none;}

    div.tstyle_list > div.dbody > ul{ text-align: left; }

    .lstyle_list li{ padding-right: 170px; }
    .lstyle_list .state{ top:10px; right: 100px; }
    .lstyle_list .btn-m{ top:30px; }
    .board_info .Search_topbox{ padding:10px;}
    .list-box-gray.col2 > ul{ float: none; width: 100%; margin-bottom: 0; }
    .list-box-border{padding: 2rem;}

    .info-graybox{ padding: 20px; }
    .info-graybox em{ padding-right: 0; }
    .info-graybox .info-more span{ padding: 10px 40px 10px 20px; }
    .info-graybox .info-more:after{ right: 20px; top: 15px; }

    .gray-step-list > li .step {margin:0;}
    .gray-step-list > li .step > li {width:100%; padding:0;}
    .gray-step-list > li .step > li::before,
    .gray-step-list > .right .step > li::before {top:auto; bottom:-1.8rem; right:auto; left:50%; margin-left:-.5rem; transform:rotate(90deg);}

    .Tab01.flexWrap{border-bottom:0;}
    .Tab01.flexWrap li{flex: 0 0 auto;width: calc(100%/3);margin-bottom: 0;text-align: center;}
    .Tab01.flexWrap li a{border-radius: 0;border-bottom: 0.1rem solid #b1b1b1;width: 100%;padding: 0;}
    .Tab01.flexWrap li:nth-child(n+4) a{border-top:0}
    .Tab01.flexWrap li:nth-child(3n+1){margin-left:0;}

    
    
}

@media(max-width: 479px){
    .sotong_wt .tbl-basic input, 
    .sotong_wt .tbl-basic textarea,
    .sotong_wt .tbl-basic select{ width: 100%; }
    .sotong_wt .tbl-basic input[type="radio"]{width: auto;}
    .sotong_wt .tbl-basic input{ margin-bottom: 5px; }
    .sotong_wt .tbl-basic td a.btn-certify:first-child{ margin-left: 0; }
}



.vision-wrap{text-align: center;margin-top: -20px;}
.vision-tit{display: block;font-size: 1.6rem;font-weight: 300;text-align: center;line-height: 1.2;position: relative;margin-top: inherit;}
.vision-tit b{ font-weight: 500; }
.vision-tit:before{content:"";display: inline-block;width: 28px;height: 87px;background: url(../img/kor/sub/sub06/sub0603_tit_before.png) no-repeat;margin-right: 2rem;vertical-align:middle;position: absolute;left: 15%;top: 0;}
.vision-tit:after{content:"";display: inline-block;width: 28px;height: 87px;background: url(../img/kor/sub/sub06/sub0603_tit_after.png) no-repeat;margin-left: 2rem;vertical-align:middle;position: absolute;right: 15%;top: 0;}
.vision-txt{ position: relative; width: 1000px; margin: 0 auto 1.5rem; }
.vision-txt:before{content:"";display: block;width: 466px;height: 50px;background: url(../img/kor/sub/sub06/sub0603_top_arr.png) no-repeat;margin: 0 auto;}
.vision-txt .inner{border: 5px solid #2d4478;border-radius: 155px;padding: inherit;}
.vision-txt strong{display: inline-block;padding: 0 75px 5px;margin-bottom: 0.5rem;border-radius: 0 0 60px 60px;background-color: #2d4478;font-family: 'ttl';font-size: 1.3rem;color: #fff;}
.vision-txt p{font-size: 1.5rem;font-weight: 400;margin-bottom: 1rem;text-align: center;}
.value{ position:relative; width: 1100px; margin: 0 auto 50px; }
.value:before{position: absolute;top: 125px;left: 10%;z-index: -1;content:"";display: block;width: 80%;height: 128px;background-color: #eee;}
.value strong{position: relative;display: inline-block;padding: 5px 60px;border-radius: 50px;background-color: #3b5f3e;margin: 0 auto 2rem;font-size: 1.2rem;color: #fff;font-weight: 400;}
.value strong:before{ position: absolute; bottom: -3rem; left: 50%; margin-left: -.5rem; content:""; display: none; width: 1rem; height: 1rem; border-radius: 50%; background-color: #2d4478; }
.value strong:after{position: absolute;bottom: -3.1rem;left: 50%;content:"";display: block;width: 1px;height: 3.1rem;background-color: #2d4478;display: none;}
.value ul{ display: block; }
.value ul li{float: left;width: calc(100% / 5 - 2%);height: 200px;padding-top: 60px;margin-left: 2%;background: url(../img/kor/sub/sub06/sub0603_circle02.png) 50% 50% no-repeat;background-size: contain;vertical-align: middle;text-align: center;font-family: 'ttl';font-size: 1.15rem;color: #333;}
.value ul li:first-child{ margin-left: 0; }
.value ul li:nth-child(odd){ background: url(../img/kor/sub/sub06/sub0603_circle01.png) 50% 50% no-repeat; background-size: contain;}
.value ul li b{ display: block; font-family: 'nsk'; font-size: 1.5rem; color: #217428; font-weight: 500; margin-bottom: 1rem; }
.value ul li:nth-child(odd) b{color: #38766e;/* margin-bottom: 0.3rem; */}
.value ul li span{font-weight: 500; font-size: 1.3rem;color: #217428;}
.value ul li:nth-child(odd) span{ color: #38766e; }

.strategy{ width: 1190px; margin: 0 auto; }
.strategy > ul > li{ position: relative; padding-left: 160px; margin-bottom: 1.1rem; }
.strategy > ul > li:first-child{padding-top: 100px;}
.strategy > ul > li b{position: absolute;top:0;left: 0;padding: 0.6rem 0;background-color: #2d4478;border-radius: 50px;color: #fff;font-size: 1.2rem;font-weight: 400;}
.strategy > ul > li b.hidden{ padding: 0; }
.strategy .strategy-tit b{ width: 26.5%; }
.strategy .strategy-txt b{ left: 27%; width: 73%; }
.strategy > ul > li b:after{ position: absolute; bottom: -14px; left: 50%; margin-left: -14px; content: ""; display: inline-block; width: 28px; height: 18px; background: url(../img/kor/sub/sub06/sub0603_bubble_arr.png) no-repeat; }
.strategy-tit{ height: 0; }
.strategy-tit .num{position: absolute;top: 15px;left: 10px;display: inline-block;width: 121px;height: 121px;line-height: 90px;border: 15px solid #e5e5e5;border-radius: 50%;font-size: 1.75rem;font-weight: 600;font-family: 'ttl';color: #2d4478;}
.strategy > ul > li:first-child .strategy-tit .num{top: 115px;}
.strategy-tit p{position: absolute;top: 0px;left: 102px;display: table;width: 150px;height: 150px;border: 8px solid #fff;border-radius: 50%;background-color: #556ca0;color:#fff;font-size: 1.05rem;word-break: keep-all;line-height: 1.3;padding: 0 10px;}
.strategy-tit p span{ display: table-cell; vertical-align: middle; text-align: center; }
.strategy > ul > li:first-child .strategy-tit p{top: 100px;}
.strategy-txt{padding: 25px 30px 25px 205px;background-color: #f7f7f7;border-radius: 10px;}
.strategy-txt .list-dot{ text-align: left; margin-bottom: 0; }
.strategy-txt .list-dot li{ font-size: 1rem; }
.strategy-txt .list-dot li:before{ width: 7px; height: 7px; background-color: #bfbfbf; top: 11px; left: 0; }

@media (max-width:1279px){
    .vision-txt,
    .value,
    .strategy { width: 100%; }
    .vision-tit:before{left: 10%;top: 0;}
    .vision-tit:after{right: 10%;top: 0;}
}

@media (max-width:1023px){
    .vision-tit:before{left: 10%;top: -20px;}
    .vision-tit:after{right: 10%;top: -20px;}
    .value:before{ display: none; }
    .value ul li{font-size: .8rem; padding-top: 50px;height: 180px;}
    .vision-txt strong{font-size: .8rem;  padding: 3px 75px 5px; }
    .vision-tit,
    .vision-txt p,
    .value strong,
    .value ul li b,
    .strategy > ul > li b{font-size: 1rem;margin-bottom: 0.3rem;}
    .strategy-tit{ height: auto; }
    .strategy-txt{ padding: 0; background-color: transparent; }
    .strategy > ul > li{ padding-left: 0; }
    .strategy > ul > li:first-child{ padding-top: 0; }
    .strategy-tit .num{ display: none;}
    .strategy-tit p{ position: static; display: block; width: auto; height: auto; border-radius: 0; margin: 0 auto; border: none; text-align: left; font-size: 1rem; background-color: transparent; color: #333;}
    .strategy-tit p span{ display: block; }
    .strategy-tit p{ margin-bottom: 10px; }
    .strategy > ul > li .strategy-tit b,
    .strategy > ul > li .strategy-txt b,
    .strategy > ul > li .strategy-tit b.hidden{ position: static; display: block; width: 100%; height: auto; line-height: 1; text-indent: 0; border-radius: 0; padding: 15px 0; margin-bottom: 10px; border-radius: 10px;}
    .strategy > ul > li b:after{ display: none; }
}

@media (max-width:767px){
    .value{ margin-bottom: 20px; }
    .value strong{ display: block; }
    .value ul li,
    .value ul li:nth-child(odd){ width: 50%; height: auto; margin-left: 0; margin-bottom: 20px; padding: 15px; background: transparent; border: 10px solid #3d7d43; }
    .value ul li:nth-child(odd){ border-color: #32887d; }
    .value strong:before,
    .value strong:after{ display: none; }
} 




/* 새창열림링크 시작 */

.full-linkbox{ width: 100%; border: 3px solid #efefef; border-radius: 10px; padding: 48px 60px 35px 60px;  text-align: center;}
.full-linkbox-ico{ display: block; width: 150px; height: 150px; background: url(../img/common/full-link-ico.png) no-repeat; margin: 0 auto 35px;}
.full-linkbox-tit{ display: block; font-size: 1.25rem; font-weight: 500; color:#2d4478; margin-bottom:25px; word-break: keep-all;}
.full-linkbox-txt{ font-size: 1rem; color:#333; line-height: 1.5; padding-left: 0; padding-bottom: 60px; margin-bottom: 30px; border-bottom:1px solid #efefef; word-break: keep-all;}
.full-linkbox-btn{ display: inline-block; padding:20px 70px; background-color:#d67637; border-radius: 50px; color:#fff; font-weight: 500; font-size: 1rem; vertical-align: middle;}
.full-linkbox-btn i{ display:inline-block; height: 23px; margin-left: 10px; vertical-align: middle;}

.sub0402 .full-linkbox-ico{ background-position: -150px 0; }

@media(max-width: 767px){
    .full-linkbox{ padding: 20px; }
    .full-linkbox-btn{ width: 95%; padding:10px; border-radius: 10px; word-break: keep-all;}
}

/* 새창열림링크 끝 */

/* 레이어팝업 시작 */

#lp_layout { display: none; width: 100%; height: 100%; text-align: center; position: fixed; top: 0; left: 0; z-index: 99999;}
#lp_pop01{ display: table-cell; vertical-align: middle; }
#lp_layout .lp_wrap{ position: relative; display: inline-block; width: 500px; height: auto; background: #fff; border-radius: 10px; overflow: hidden;}
#lp_layout.on { display: table; background-color:rgba(0,0,0,0.5);}
#lp_layout .lp_wrap strong{ display: block; width: 100%; padding: 15px; background-color: #2d4478; color: #fff; font-weight: 500; font-size: 0.9rem;}
#lp_layout .lp_wrap p{ text-align: center; padding: 50px 0; }
#lp_layout .lp_wrap .BtnArea .btn_md{ padding:.5rem; min-width: 6.4rem }
#lp_layout .lp_wrap .lpClose{ position: absolute; top:15px; right: 15px; display:inline-block; font-size: 0; }
#lp_layout .lp_wrap .lpClose i{ font-size: 1.3rem; color:#fff; }

@media(max-width: 639px){
    #lp_layout .lp_wrap{ width: 90%; }
}

/* 레이어팝업 끝 */

/* 개인정보 수집 및 이용동의 시작 */

.personal-assent{ margin-bottom: 70px; }
.personal-assent .textarea{ border:1px solid #ddd; border-radius: 10px; text-align: left; padding: 0 30px 30px 30px; margin-bottom: 15px;}
.personal-assent .textarea h5{ margin-bottom:25px; }
.personal-assent .textarea dl dt,
.personal-assent .textarea dl dd{ line-height: 1.4; }
.personal-assent .textarea dl dt{ margin-bottom: 5px; font-size: 0.9rem;}
.personal-assent .textarea dl dd{ margin-bottom: 20px; }
.personal-assent .check{ display:block; text-align: right; }

/* 개인정보 수집 및 이용동의 끝 */

/* 통합 검색 시작 */

.total-search-layout{ position: relative; border: 3px solid #efefef; border-radius: 10px; padding: 55px 0;text-align: center;margin-bottom: 40px;}
.total-search-layout .total-search-tit { color: #000; font-size: 1.25rem; margin-right: 20px; font-weight: 500; vertical-align: middle;}
.total-search-layout .total-search-txt { border: 1px solid #ddd; color: #666; padding: 10px 20px; width: 30%; font-size: 0.8rem;}
.total-search-layout .Btn-Navy { font-size: 0.9rem; color:#fff; padding: 8px 70px; vertical-align: middle; margin-left: 5px;}

.total-search-result-txt{ display: block; text-align: center; margin-bottom: 30px; font-size: 0.8rem; font-weight: 400; color:#767676;}
.total-search-result-txt .point-txt01{ color:#2d4478; } 
.total-search-result-txt .point-txt02{ color:#bd0000; } 

.total-search-result-tab{ display: table; table-layout: fixed; width: 100%; height: auto; margin: 0 0 50px 0; }
.total-search-result-tab li{ display: table-cell; height: auto; vertical-align: middle; text-align:center; margin:0;}
.total-search-result-tab li a{display:block; height:65px; border:1px solid #d6d6d6; border-left: 0; line-height: 65px; background-color:#f8f8f8; letter-spacing:-1px; font-weight:500; color:#555; font-size:1.1rem; transition: 0.2s;-webkit-transition: 0.2s;}
.total-search-result-tab li:first-child a{ border-left: 1px solid #d6d6d6; }
.total-search-result-tab li.current a,
.total-search-result-tab li a:hover,
.total-search-result-tab li a:focus{ border-bottom:0; border-top:3px solid #2d4478; background-color:transparent;}

.total-search-result-layout h4{ margin-top:0; font-weight: 400; }
.total-search-result-layout h4 .num{ color:#bd0000; }
.total-search-result-data{ border-top: 1px solid #000; }
.total-search-result-data p{ padding-left: 0; }
.total-search-result-data li{ padding:35px 0; border-bottom: 1px solid #d6d6d6;}
.total-search-result-data li .tit{ font-size: 1rem; font-weight: 400; margin-bottom: 15px;}
.total-search-result-data li .tit .keyword{ color:#2d4478; }
.total-search-result-data li .txt{ height: 3.8rem; overflow: hidden; margin-bottom: 30px; font-size: 0.9rem; color:#767676; line-height: 1.4; }

.total-search-result-data li.thumbnail{ position: relative; padding-left: 27%;}
.total-search-result-data li.thumbnail .thumb-wrap{ position: absolute; top: 35px; left:0; display: block; overflow: hidden; height: 0; margin: 0 auto 1rem; text-align: center; background: #000; border: 1px solid #ddd; width: 23%; padding-bottom: 12%;}
.total-search-result-data li.thumbnail .thumb-wrap img { width: 100%; }

.total-search-result-navi{ display: block; font-size: 0.8rem; color:#767676; font-weight: 400; }
.total-search-result-navi span{ display: inline-block; vertical-align: middle;}
.total-search-result-navi span.navi-dept3{ color:#2d4478; }
.total-search-result-navi i{ display: inline-block; vertical-align: middle; }

.total-search-result_all{ border-bottom: 1px solid #d6d6d6; text-align: center; margin-bottom: 90px;}
.total-search-result_all a{ display: block; padding: 15px 10px; background-color:#f9f9f9; font-size: 0.8rem; font-weight: 400; color:#767676;}
.total-search-result_all a i{ display: inline-block; margin-left: 10px; color:#000; font-size: 0.7rem;}

@media (max-width: 767px){  
    .total-search-layout{ padding: 20px 0; }
    .total-search-layout .total-search-tit{ display: block; margin-bottom: 10px; }
    .total-search-layout .total-search-txt{ width: 70%; }
    .total-search-layout .Btn-Navy{ padding: 8px; }
    .total-search-result-data li .tit{ word-break: break-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .total-search-result-data li.thumbnail{padding: 20px;}
    .total-search-result-data li.thumbnail .thumb-wrap{position: static; width: 100%;padding-bottom: 61%;}
}

/* 통합 검색 끝 */

/* depth4 메뉴 탭 시작 */

.cont_tab{ position:relative;}
.cont_tab .tab-ul:after{display:block;clear:both;overflow:hidden;content:'';}
.cont_tab .tab-ul{ display: block; width: 100%; height: auto; margin: 0 0 50px 0; }
.cont_tab .tab-ul > li{ display:table;float:left; height: auto; vertical-align: middle; text-align:center; margin:0;}
.cont_tab .tab-ul > li:first-child > a{ border-left: 1px solid #d6d6d6; }
.cont_tab .tab-ul > li > a{ position: absolute; top:0; z-index: 1; display:table-cell;height:65px; border:1px solid #d6d6d6; border-left: 0; line-height: 65px; background-color:#f8f8f8; letter-spacing:-1px; font-weight:500; color:#555; font-size:1.1rem; transition: 0.2s;-webkit-transition: 0.2s;}
.cont_tab.col2 .tab-ul > li > a{ width:50%;}
.cont_tab.col3 .tab-ul > li > a{ width:33.33%;}
.cont_tab.col4 .tab-ul > li > a{ width:25%;}
.cont_tab.col5 .tab-ul > li > a{ width:20%;}
.cont_tab.col6 .tab-ul > li > a{ width:16.66%;}
.cont_tab .tab-ul > li.t1 > a{ left:0; }
.cont_tab .tab-ul > li.t2 > a{ left:50%; }
.cont_tab.col3 .tab-ul > li.t2 > a{ left:33.33%; }
.cont_tab.col3 .tab-ul > li.t3 > a{ left:66.66%; }
.cont_tab.col4 .tab-ul > li.t2 > a{ left:25%; }
.cont_tab.col4 .tab-ul > li.t4 > a{ left:75%; }
.cont_tab.col5 .tab-ul > li.t2 > a{ left:20%; }
.cont_tab.col5 .tab-ul > li.t3 > a{ left:40%; }
.cont_tab.col5 .tab-ul > li.t4 > a{ left:60%; }
.cont_tab.col5 .tab-ul > li.t5 > a{ left:80%; }

.cont_tab .tab-ul > li .tab_con{ position: relative; width: 100%; padding-top:65px;} 
.cont_tab .tab-ul > li .tab_con .tab_obj{ display: none; width: 100%; text-align: center;}
.cont_tab .tab-ul > li.on .tab_con .tab_obj{display:inline-block;}
.cont_tab .tab-ul > li > a .hidden{ display: none; }
.cont_tab .tab-ul > li.on > a .hidden{ display: inline-block; }
.cont_tab .tab-ul > li.on > a,
.cont_tab .tab-ul > li > a:hover,
.cont_tab .tab-ul > li > a:focus{ border-bottom:0; border-top:3px solid #2d4478; background-color:transparent;}

/* depth4 메뉴 탭 끝 */

/* 본인인증 시작 */

.certif_wrap .topbox.type2 .tp_icon{ top: 20px; }
.certif_cont{ display: block; }
.certif_cont .certif_box{ float:left; display: inline-block; width: 48%; margin-left: 4%; border: 1px solid #ddd; border-radius: 5px; text-align: center; padding: 60px;}
.certif_cont .certif_box strong{ display: block; font-size: 1rem; color:#000; font-weight: 500; margin-bottom: 25px;}
.certif_cont .certif_box strong:before{ content: ""; display: block; width: 60px; height: 63px; background:url(../img/common/certif_icon.png) 0 0 no-repeat; vertical-align: middle; margin:0 auto 50px;}
.certif_cont .certif_box:nth-child(2) strong:before{ background-position: -95px 0 }
.certif_cont .certif_box p{ line-height: 1.5; margin-bottom: 30px; }
.certif_cont .certif_box:first-child{ margin-left: 0 }
.certif_cont .certif_box button{ padding:25px 125px; line-height: 1; font-size: 0.8rem; font-weight: 300; border-radius: 5px;}

@media(max-width: 1023px){
    .certif_cont .certif_box{ padding: 20px; }
    .certif_cont .certif_box strong:before{ margin-bottom: 30px }
    .certif_cont .certif_box p br{ display: none; }
    .certif_cont .certif_box button{ padding:20px; width: 100%; }
}

@media(max-width: 767px){
    .certif_wrap .topbox.type2 .topbox-txt br{ display: none }
    .certif_cont .certif_box{ float: none; display: block; width: 100%; margin-left: 0; margin-bottom: 20px; }
    .certif_cont .certif_box p br{ display: block; }
}

/* 본인인증 끝 */







/* sub06 시작 */
.sub0601 p{padding-left: 1.2rem;text-align: justify;word-break: keep-all;}
.sub060701 .root_daum_roughmap{ width: 100%; }
.skip_map a{ display: inline-block; padding: 10px 20px; border-radius: 5px; border: 1px solid #ddd;}

.director-topbox{ position: relative; height: 395px; margin-top: 35px; background:url(../img/kor/sub/sub06/sub0601_top_bg.png) no-repeat 50% 50%; background-size: cover;}
.director-topbox:after{ position: absolute; bottom:0; right: 150px; content: ""; display: inline-block; width:576px; height: 431px; background:url(../img/kor/sub/sub06/sub0601_top_img.png) no-repeat; background-size: contain;}
.director-txt{ position: absolute; top:-28px; left: 92px; display: inline-block; width: 375px; height: auto; padding: 65px 45px 75px; background: #2d4478 url(../img/kor/sub/sub06/sub0601_toptxt_bg.png) right top no-repeat;}
.director-entxt{ display: block; font-size: 16px; color:#fff; font-weight: 400; font-family: 'ttl'; line-height: 1.3; margin-bottom: 45px; letter-spacing: 0;  word-break: keep-all; }
.director-tit{ display: block; font-size: 1.65rem; color:#fff; line-height: 1.4; font-weight: 300; word-break: keep-all; }
.director-mid-tit{ display:block; margin:0 auto; text-align: center; padding: 90px 0 100px 0;}
.director-mid-tit p{ display:inline-block; padding:0 100px; font-size: 1.75rem; color:#2d4478; line-height: 1.6; text-align: center; border: 5px solid #2d4478; border-top: none; border-bottom: none; word-break: keep-all;}
.director-mid-tit b{ display: inline-block; font-weight: 500; }

.director-bot-cont{ padding-top:55px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 35px; line-height: 35px;}
.director-bot-cont b{ display: block; font-size: 1.25rem; font-weight: 500; line-height: 1.4; margin-bottom: 35px; }
.director-bot-cont p{ padding-left: 0;margin-top:0; margin-bottom: 80px; }
.sub0601 .director-name{ display: block; text-align: right; vertical-align: middle; font-weight: 400; color:#333;}
.sub0601 .director-name img{ vertical-align: middle; margin-left:10px; margin-top:-10px;}

/* 나라통계소개 - 주요추진전략 */
.subIntro{display:flex;align-items: stretch;justify-content: flex-start;}
.subIntro dl{flex:1;display:flex;align-items: flex-start;justify-content: flex-start;padding: 5rem;border-top: 1px solid #d2e1f8;border-bottom: 1px solid #d2e1f8;border-right: 1px solid #d2e1f8;}
.subIntro dl:last-child{border-right:0;}
.subIntro dt{flex: auto;font-size:3rem;line-height:3.5rem;font-weight:300;}
.subIntro dd{display:flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;flex: none;}
.subIntro dd span{display:block; font-size:2rem; font-weight:300; line-height:1.1; margin-bottom:3rem;}
.subIntro dd span:last-child{margin-bottom:0;}
    /* ^ type */
    .subIntro dl.b dt,
    .subIntro dl.b dd{color:#263e68;}
    .subIntro dl.g dt,
    .subIntro dl.g dd{color:#266569;}
.subIntro-img{margin-top: 6rem;display:block;border: 1px solid #e1e1e1;padding: 5rem;}
.subIntro-img .tit{display: block;}
.subIntro-img .m-tit{font-size:3rem;line-height:3.5rem;color:#23304b;font-weight: 300;letter-spacing: -0.15rem;word-break: keep-all;word-wrap: break-word;margin-bottom: 6rem;display: block;}
.subIntro-img .s-tit{font-size:1.8rem;margin-top:6rem;position:relative;color: #23304b;line-height: 1;word-break: keep-all;background-image: -webkit-linear-gradient(top,transparent,transparent 1.8rem, #ffefb1 0);background-size: 100% 2.2rem;display: inline;}
.subIntro-img .s-tit:before{content:'';position:absolute;display: none;background: rgba(255,224,99,.5);width: 100%;height: 0.3rem;left: 0;bottom: 0;z-index: -1;}
.subIntro-img .cont{display:block;width:100%;border-top: 1px solid rgba(35,48,75,.2);margin-top: 6rem;}
.subIntro-img .cont img{width:100%;height:100%;object-fit:scale-down;margin-top: 6rem;}


/* 나라통계시스템 추진경과 */
.historyArea{display: inline-block;padding-top: 8rem;border-top: 1px solid #e1e1e1;margin-top: 3rem;width: 100%;}
.historyArea .hty-tit{display:flex;align-items: center;justify-content: center;margin-bottom: 10rem;width: 100%;}
.historyArea .hty-tit > span{width:50%;height: 100%;display:flex;align-items:center;}
.historyArea .hty-tit .img{object-fit: fill;padding-right: 2.5rem;justify-content: flex-end;}
.historyArea .hty-tit .txt{padding-left:2.5rem;}
.historyArea .hty-tit .txt p{font-family: 'Pretendard',sans-serif;font-weight: 300;font-size: 3.5rem;color: #4b4b4b;line-height: 4.5rem;}
.historyArea .hty-tit .txt span{display: inline;position:relative;font-weight: bold;}
.historyArea .hty-tit .txt span:before{content:'';position:absolute;display:block;height:0.8rem;width:100%;background:#fff0ae;bottom: 0.6rem;z-index: 1;}
.historyArea .hty-tit .txt span b{z-index: 2;position: relative;}
.historyArea .hty-cont{display:flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.historyArea .hty-cont dl{width: 100%;display:flex;align-items: flex-start;justify-content: center;position: relative;padding-bottom: 6rem;}
.historyArea .hty-cont dl:after{content:'';display:block;position:absolute;width:1px;height: 100%;left:calc(50% - 1px);top: 1.7rem;background:#d4d8e1;}
.historyArea .hty-cont dl:last-child:after{display:none;}
.historyArea .hty-cont dl > *{flex:1;display: flex;align-items: center;}
.historyArea .hty-cont dt{justify-content: flex-end;padding-right:8rem;font-family: 'Pretendard',sans-serif;letter-spacing:0;font-size: 2.5rem;font-weight: bold;color: #263e68; position:relative;}
.historyArea .hty-cont dt:before{content:'';display:block;position:absolute;width:1.7rem;height:1.7rem;border-radius:100%;right: -0.85rem;top:calc(50% - 0.85rem);background:#d4d8e1;}
.historyArea .hty-cont dd{justify-content:flex-start;padding-left:8rem;font-family: 'Pretendard',sans-serif;font-size: 2.3rem;color: #444444;text-align: left;word-break: keep-all;}

@media(max-width: 1279px){
    .director-topbox:after{ right: 20px; }
    .director-txt{ left:20px; }
}

@media(max-width: 1023px){
    .director-mid-tit{ padding:50px 0; }
    .director-mid-tit p{ padding: 0 20px; font-size: 1.2rem;}
    .director-name img{ width: 80px; }

    .subIntro dl{flex-direction:column;}
    .subIntro dt{margin-bottom:5rem;}
    .subIntro dd{align-items: flex-end;width: 100%;}
    .subIntro dd span{margin-bottom:2rem;}
}

@media(max-width:767px){
    .director-topbox{ height: 250px; margin-top:0; padding:20px;}
    .director-txt{ position: static; padding:0 100px 0 0; width:100%; background:none;}
    .director-entxt{ margin-bottom: 10px; color:#000; }
    .director-tit{ color:#000; font-size: 1.2rem; }
    .director-entxt br,
    .director-tit br{ display: none; }
    .director-topbox:after{ width: 200px; height: 150px; }

    .historyArea .hty-tit{flex-direction:column; }
    .historyArea .hty-tit > span{padding: 0 !important;width: 100%;justify-content: center !important;}
    .historyArea .hty-tit .img{margin: 0 0 4rem 0; }
    .historyArea .hty-tit .txt p{font-size: 3rem;}
    .historyArea .hty-cont{width:auto;align-items: flex-start;display: inline-flex;}
    .historyArea .hty-cont dl{flex-direction:column;width: auto;padding-left: 3rem;margin-left: 3.85rem;}
    .historyArea .hty-cont dl:after{left:0;}
    .historyArea .hty-cont dt{padding:0;}
    .historyArea .hty-cont dt:before{left: -3.85rem;}
    .historyArea .hty-cont dd{padding:0;}
}

.history{ position: relative; padding-left: 530px;}
.history-img{ position: absolute;top:0; left:0; width: 444px; }
.history-img{ width:100%; height: auto; }
.history-txt{}
.history-tit{ display: block; font-size: 2rem; color:#000; line-height: 1.3; font-weight: 500; margin-bottom: 30px; word-break: keep-all;}
.history-tit span{ font-weight: 300; }
.history-list{ position: relative; display: block; border-top:1px solid #000; border-bottom:1px solid #000; padding:65px 0 20px 0;}
.history-list:before{ position: absolute; top:-2px; left:0; content: ""; display: inline-block; width: 90px; height: 3px; background-color:#000; }
.history-list li{ position: relative; padding-left: 178px; margin-bottom: 45px; line-height: 1.5;}
.history-list li b{ position: absolute; top:0; left:0; display: inline-block; }

@media(max-width: 1279px){
    .history{ padding-left: 350px; }
    .history-img{ width: 300px; }
}

@media(max-width: 1023px){
    .history{ padding-left: 0 }
    .history-tit{ font-size: 1.4rem; }
    .history-img{ top: auto; bottom: 0; left: auto; right: 0; width: 200px;}
    .history-list{ padding-bottom: 220px }
    .history-list li{ padding-left: 120px; }
}

.ci-intro{}
.tbar-cont{ position: relative; padding: 48px 0; border-top:1px solid #ddd;}
.tbar-cont:before{ position: absolute; top: -2px; left: 0; content: ""; display:block; width:80px; height: 4px; background-color: #000; }
.tbar-cont h4{ display:block; font-weight: 400; font-size: 1.4rem; margin: 0 0 20px 0; }
.tbar-cont p{ padding-left: 0; margin-bottom: 30px; font-size: 1rem; line-height: 1.4; }
.thum-down-list{}
.thum-down-list li{ float: left; display: inline-block; width: 30.66%; margin-left: 4%; border:1px solid #ddd; border-radius: 4px;}
.thum-down-list li:first-child{ margin-left: 0; }
.thum-down-list.two{}
.thum-down-list.two li{float: left;display: inline-block;width: 35%;margin: 0 10%;border:1px solid #ddd;border-radius: 4px;}
.thum-down-list.two li + li{margin-left:0;}
.thum-down-list li .thumb{ display: block; width: 100%; border-bottom: 1px solid #ddd;background-color:#fbfbfb;}
.thum-down-list li .thumb.bg{background:#fff url('../img/kor/sub/sub06/symbol_ptrn.png');}
.thum-down-list li .thumb img{ width: 100%; height: auto; }
.thum-down-list li .ci-down{ display: block; }
.thum-down-list li .ci-down a{ float:left; display: inline-block; width: 50%; border-left: 1px solid #ddd; padding: 12px 35px; font-size: 0.8rem; font-weight: 400;}
.thum-down-list li .ci-down a:first-child{ border: 0; }
.thum-down-list li .ci-down a i{ float: right; margin-top: 3px; color:#767676; }
.thum-down-list li .ci-down a:hover,
.thum-down-list li .ci-down a:focus{ background-color:#000; color:#fff; }
.thum-down-list li .ci-down a:hover i,
.thum-down-list li .ci-down a:focus i{ color:#fff; }
.tbar-cont .info-graybox{ background-color: transparent; text-align: center; padding: 70px 20px; }

.color-list{width:90%;  margin:0 auto;}
.color-list li{ float: left; display: inline-block; width: 30.66%; margin-left: 4%; }
.color-list li:first-child{ margin-left: 0; }
.color-list li .tit{display: block; text-align: left; margin-bottom:20px;}
.color-list li .color{display:table; color:#fff; border-radius: 4px; width: 100%; height:110px; padding:0 0 10px 10px; }
.color-list li .color.main{background-color:#004899; }
.color-list li .color.point{background-color:#5cb531; }
.color-list li .color.logotype{background-color:#4C4A49; }
.color-list li .color p { display:table-cell; vertical-align:bottom; font-size:0.7rem; }

.box-wrap { position:relative; min-height:350px; width:80%;  margin:0 auto 80px;}
.box-wrap .imgBox { position:absolute; width:365px; height:350px;  }
.box-wrap .imgBox img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.box-wrap .no_ptrn { background:#fff; }
.box-wrap .txtBox { margin-left: 450px; }
.txtBox .tit { display: block; font-size: 2rem; color:#E2771E; line-height: 1.3; font-weight: 500; margin-bottom: 30px; word-break: keep-all;}
.txtBox .txt { font-size:1rem; }
.txtBox .downBox { margin-top:30px; padding-top:30px; border-top:1px solid #ccc; }
.txtBox .downBox p { font-size:17px; color:#333; padding-bottom:15px; }
.txtBox .downBox p span { font-size:15px; }
.box-wrap .downBox .ci-down{ display: block; width:365px;}
.box-wrap .downBox .ci-down a{ float:left; display: inline-block; width: 50%; border-left: 1px solid #ddd; padding: 12px 35px; font-size: 0.8rem; font-weight: 400; background-color:#000; color:#fff; }
.box-wrap .downBox .ci-down a:first-child{ border: 0; }
.box-wrap .downBox .ci-down a i{ float: right; margin-top: 3px; color:#fff; }
.box-wrap .downBox .ci-down a:hover,
.box-wrap .downBox .ci-down a:focus{ background-color:#E2771E; color:#fff; }
.box-wrap .downBox .ci-down a:hover i,
.box-wrap .downBox .ci-down a:focus i{ color:#fff; }

.tbar-cont .info-graybox  ul.character { display:table; table-layout:fixed; margin:30px auto; width:90%; border-top:1px solid #ccc; padding-top: 20px;}
.tbar-cont .info-graybox  ul.character li { display:table-cell; text-align:center; padding: 20px;}
.tbar-cont .info-graybox  ul.character li .name { display:block; width:150px; line-height:30px; border-radius:30px; background:#E2771E;  font-size: 1.1rem; color:#fff; text-align:center; margin:20px auto; }
.tbar-cont .info-graybox  ul.character li .txt { display:block;line-height: 1.3;  margin:0 auto 20px;}

/* 슬로건 호비콘 강조 글자 */

.slc-blue{color:#004899; font-weight: 600;}
.slc-orange{color:#E2771E; font-weight: 600;} 
.slc-green{color:#5cb531; font-weight: 600;}
.slc-gray{color:#4C4A49; font-weight: 600;}


@media (max-width:1640px){
  #contentWrap #contents{padding:5rem 3rem 8rem 3rem;}
}

@media(max-width: 1279px){
    .thum-down-list li .ci-down a{ padding: 12px; }
    .box-wrap { width:90%; }
    .box-wrap .imgBox { width:300px;  }
    .box-wrap .txtBox { margin-left: 350px; }
}

@media(max-width: 1023px){
    .thum-down-list li .ci-down a{ float: none; width: 100%; border-left:none; border-top: 1px solid #ddd; }
    .box-wrap { width:90%; }
    .box-wrap .downBox .ci-down{  width:100%;}

}

@media(max-width: 767px){
    .thum-down-list li{ float: none; width: 100%; margin: 0 0 20px 0; }
    .thum-down-list.two li{ float: none; width: 100%; margin: 0 0 20px 0; }
    .color-list li{ float: none; width: 100%; margin: 0 0 20px 0; }
    .tbar-cont .info-graybox ul.character li { display:block;}
    .box-wrap .imgBox { position:relative; width:100%; margin-bottom:30px; padding:20px; height: 400px;}
    .box-wrap .txtBox { margin-left:0; }

    /** popup **/
    .Popup_window.open > .body .shuttle-area{flex-direction:column;}
    .Popup_window.open > .body .shuttle-area .shuttle-box{width:100%;margin-right:0;}
    .Popup_window.open > .body .shuttle-area .shuttle-box:last-of-type{margin-top:2rem;}
    .Popup_window.open > .body .shuttle-area .Tab01{overflow:hidden;flex-wrap:wrap;padding:0.5rem 0.3rem;border:0.1rem dashed #ddd;border-radius:0.3rem;background:#f4f4f4;}
    .Popup_window.open > .body .shuttle-area .Tab01 li{margin:0.2rem 0 0 0.2rem;}
    .Popup_window.open > .body .shuttle-area .Tab01 li a{padding:0 1.5rem;border-bottom-color:#b1b1b1;border-radius:0.3rem}

    .labeling .cont li{width:calc(100%/2 - 0.5px); }
    .labeling .cont li:nth-child(-n+3){ border-top:1px solid #e1e1e1;}
    .labeling .cont li:nth-child(-n+2){border-top:0;}
    .labeling .cont li:nth-child(3n){border-right:1px solid #e1e1e1;}
    .labeling .cont li:nth-child(2n){border-right:0}
    .labeling .cont li:before{width:8rem;height: 8rem;}

    .stpQuickMenu{flex-direction:column;}
    .stpQuickMenu li:first-child{margin-top:1rem;}
    .stpQuickMenu ul{width:100%;}
    .stpQuickMenu ul:first-child li:first-child{margin-top:0;}
    .stpQuickMenu li > span[class^="m"]{margin-right:1rem;}

}


/* sub06 끝 */

.process_list{ margin:0 -5px; overflow:hidden;}
.process_list>li{border:1px solid #cdd2d4;border-radius: 0.5rem;box-sizing:border-box;width: calc(20% - 1rem);position:relative;min-height: 13rem;float:left;margin: 0 0.5rem;}
.process_list>li:after{right:-21px;}
.process_list>li .title{font-size: 1.8rem;font-weight: 500;color: #fff;background: #9fa3a5;/*position: absolute; top: -20px; left: -1px;*/border-radius: 0.5rem 0.5rem 0 0;text-align: center;padding: 1rem 0;display: block;}
.process_list>li .title span{display:block; font-size:0.800em}
.process_list>li .box{width:100%; background:#f2efe7; text-align:center; display:block; height:48px; line-height:48px; border-radius:10px; margin:15px 0 0;}
.process_list>li p{text-align: center;padding: 0 1rem;font-size: 1.8rem;}
.process_list>li:after{content: "";display: block;width: 3.2rem;height: 3.2rem;background: url(../img/common/process_arrow.png) center center / cover no-repeat;position: absolute;top: 50%;right: -20px;margin-top:-16px;z-index:2;}
.process_list>li:last-child:after{display:none;}
.process_list>li:first-child .title{ background-color:#2d4478; }
.process_list>li:nth-child(2) .title{ background-color:#4b4c8e; }
.process_list>li:nth-child(2) .bot_txt{ color:#4b4c8e; }
.process_list>li:nth-child(3) .title{ background-color:#3f8145; }
.process_list>li:nth-child(3) .bot_txt{ color:#3f8145; }
.process_list>li:nth-child(4) .title{ background-color:#32887d; }
.process_list>li:nth-child(4) .bot_txt{ color:#32887d; }
.process_list>li:nth-child(5) .title{background-color:#326b88}
.process_list>li:nth-child(5) .bot_txt{ color:#326b88; }
.process_list>li:nth-child(6) .title{background-color:#1b3c51}
.process_list>li:nth-child(6) .bot_txt{ color:#1b3c51; }
.process_list>li:nth-child(7) .title {background-color:#182956;}
.process_list>li:nth-child(7) .bot_txt{ color:#182956; }
.process_list>li:nth-child(8) .title {background-color:#3c4245;}
.process_list>li:nth-child(8) .bot_txt{ color:#3c4245; }
@media (max-width:991px){
    .process_list{margin-left:0;padding-top:0;}
    .process_list > li{width:100%;box-sizing:border-box;min-height:inherit;padding: 0 0 1.5rem 0;margin-left:0;margin-bottom: 1rem;}
    .process_list > li .title{top:0;height:auto;padding:0.7rem 0;box-sizing:border-box;}
    .process_list>li:after{right:50%;margin-right:-1.6rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);top:auto;bottom:0;margin-bottom:-1.8rem;}
}
@media (max-width:640px){
    .subIntro{flex-direction:column;}
    .subIntro dl{border-right:none;padding: 4rem 3rem;}
    .subIntro dl:not(:first-child){border-top:0;}
    .subIntro dt{font-size:2.5rem;margin-bottom: 3rem;}
    .subIntro dt br{display:none;}
    .subIntro dd{align-items:flex-start; }
    .subIntro dd span{font-size: 1.7rem;}
    .subIntro-img{margin-top:4rem;}
    .subIntro-img{padding:4rem 3rem;}
    .subIntro-img .m-tit{font-size:2.5rem;line-height: 3rem;margin-bottom: 4rem;}
    .subIntro-img .s-tit{font-size: 1.7rem;margin-top: 4rem;line-height: 2.5rem;background-image: -webkit-linear-gradient(top,transparent,transparent 1.7rem, #ffefb1 0);background-size: 100% 2rem;} 
    .subIntro-img .s-tit:before{display:none;}
    .subIntro-img .cont,
    .subIntro-img .cont img{margin-top:4rem;}
}
@media (max-width:450px){
    .process_list > li:last-child{margin-bottom: 3rem;}
    #contents > h3.title{margin: 0  0 4rem 0;}
    #txt:first-child{margin-top:0;}
    #contentWrap #contents{padding: 5rem 2rem;}
    .moVer{display:block;}

    .historyArea .hty-tit{max-width:80vw;margin: 0 auto 10rem auto;}

    

}