@charset "utf-8";
i{font-style:normal}
.break{display:block;} /*  데스크탑 : block -> 모바일화면 : inline*/
.plump{}	/*  데스크탑 : 속성없음 -> 모바일화면 : block */
.block{display:block}	/*  데스크탑 : block -> 모바일화면 : block */
.creak{display:block;}
.treak{display:block;}
.contin-flex-ct{display:flex; justify-content:center;}
.block-center{display:flex; justify-content:space-around;}
@media all and (max-width:1000px) {
    .m-none{display:none}
    .break{display:inline}
    .creak{display:block;}
}

@media all and (max-width:680px) {
    .treak{display:inline;}
}

@media all and (max-width:480px) {
    .plump{display:block}
    .block{display:block}
    .creak{display:inline;}
}

/* 스킵네비게이션 */
#skipNavi {height:0;}
#skipNavi .skipLink {position:absolute; top:-1000px;left:-1000px;overflow:hidden;z-index:5000;}
#skipNavi .skipLink:focus, #skipNavi .skipLink:active {top:3px;left:3px;padding:10px 20px;background:#1e64ba;color:#fff;}

.top_weather{display:none;}



 /* 임의반응형 - 모바일에서 이미지크게보기 링크 */
.img_respon{position: relative;}
.link_imgview{display: none;}
@media all and (max-width:768px){
	.link_imgview{position: absolute; bottom: 0; right: 0; background: rgba(0,0,0,0.7); color: #fff; font-weight: 600; padding: 5px 10px; display: block;}
    .link_imgview:visited{color: #fff;}
    .img_respon img {width:100%;}
}



/*인풋텍스트,셀렉트,라디오 공통*/
input[type="text"]{height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif; margin-top:-4px;}
/*input[type="text"]:focus{border:1px solid #0942a1;}*/
input[type="text"]::placeholder{color:#666; opacity:1;}
input[type="number"]{height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle; font-family:'Noto Sans KR Light','Malgun Gothic',sans-serif; margin-top:-4px;}

input[type="password"]{height:38px; color:#111; border:1px solid #d1d1d1; box-sizing:border-box; font-size:16px; padding:0px 10px; display:inline-block; vertical-align:middle; -webkit-appearance:none;  margin-top:-4px;}
/*input[type="password"]:focus{border:1px solid #0942a1;}*/
input[type="password"]::placeholder{color:#666; opacity:1;}
select {height:38px; padding-left:10px;}


.chk-select{position:relative; display:inline-block; vertical-align:top;}
.chk-select:before{position:absolute; top:50%; right:13px; margin-top:-6px; line-height:120%; content:""; font-size:10px; color:#888;}
.chk-select2:before{position:absolute; top:50%; right:13px; margin-top:-6px; line-height:120%; content:"▼"; font-size:10px; color:#888;}
.chk-select select{width:100%; height:38px; color:#4d4d4d; padding:0px 30px 0px 5px; border:1px solid #d1d1d1; font-size:14px; text-align:left; text-align-last:left; display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("/images/common/select-ico.png")no-repeat;background-position: 90% 15px; cursor: pointer;}
.chk-select2 select{width:100%; height:38px; color:#4d4d4d; padding:0px 30px 0px 5px; border:1px solid #d1d1d1; font-size:14px; text-align:left; text-align-last:left; display:inline-block; vertical-align:middle; box-sizing:border-box; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.chk-select select::-ms-expand{display:none;}
.chk-select2 select::-ms-expand{display:none;}

textarea{width:100%; border:1px solid #d1d1d1; box-sizing:border-box; padding:10px; font-size:16px; -webkit-appearance: none; -webkit-border-radius:0;}
textarea:focus{border:1px solid #0942a1;}


@media only screen and (max-width:1000px){
    input[type="text"]{padding-left:10px;}
    input[type="password"]{padding-left:10px;}
    .chk-select select{padding:0px 25px 0px 5px;}
    .chk-select2 select{padding:0px 25px 0px 5px;}
    textarea{padding:5px; font-size:14px;}

  .budget-list li{font-size:15px; padding:0px 10px;}
        .budget-list li:before{top:7px;}
}

@media only screen and (max-width:680px){
    input[type="text"]{padding:0px 7px;}
    input[type="password"]{padding:0px 7px;}
    textarea{padding:5px; }
   
}

.radios {display:inline-block; font-size:0px; vertical-align:middle; line-height:120%; color:#000;}
.radios input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0; }
.radios input[type="radio"] + label{display:inline-block; position:relative; padding-left:20px; font-size:16px; color:#4d4d4d; line-height:120%; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.radios input[type="radio"] + label:before {content:''; position: absolute; left:0; top:3px; width:14px; height:14px; text-align:center; background:#fff; border:1px solid #a3a3a3; border-radius:50%; }
.radios input[type="radio"] + label:after {}
.radios input[type="radio"] + label:active:before, .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.radios input[type="radio"]:checked + label{color:#333353;}
/* .radios input[type="radio"]:checked + label:before {} */
.radios input[type="radio"]:checked + label:after { content:''; position:absolute; top:7px; left:4px; width:8px; height:8px; background:#333353; border-radius:100%; }

@media only screen and (max-width:680px){
    .radios input[type="radio"] + label:before{top:1px;}
    .radios input[type="radio"]:checked + label:after {top:5px;}
}

.checks{display:inline-block; font-size:0px; vertical-align:middle; line-height:100%; color:#000;}
.checks input[type="checkbox"]{position: absolute; width:1px; height: 1px; padding: 0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.checks input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:24px; font-size:16px; line-height:120%; color:#47495a; font-weight:500; letter-spacing:-0.03em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.checks input[type="checkbox"] + label:before {content:''; position: absolute; left:0px; top:0px; width:16px; height:16px; text-align:center; background:#fff; border:1px solid #cecece; border-radius:4px; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.checks input[type="checkbox"] + label:active:before, .checks input[type="radio"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.checks input[type="checkbox"]:checked + label{color:#373737;}
.checks input[type="checkbox"]:checked + label:before {background:#fff; border-color:#0942a1;}
.checks input[type="checkbox"]:checked + label:after{content:''; position:absolute; top:0px; left:0px; width:18px; height:18px; background:url(/images/Potal_/layout/checks-icon.jpg) no-repeat center #0942a1; border-radius:4px;}

@media only screen and (max-width:680px){
    .checks input[type="checkbox"] + label{padding-left:20px;}
    .checks input[type="checkbox"] + label:before{width:13px; height:13px;}
    .checks input[type="checkbox"]:checked + label:after{width:15px; height:15px;}
}


.filebox{position:relative; padding-right:100px; box-sizing:border-box;}
.filebox .filename{display:block; width:100%;}
.filebox .filename:focus{border:1px solid #dcdcdc;}
.filebox .btn_file{position:absolute; top:0px; right:0px; display:block; line-height:38px; background:#373789; color:#fff; font-weight:500; font-size:14px; width:100px; text-align:center;}
.filebox input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.filebox.active .btn_file{background:#0942a1;}

@media only screen and  (max-width:680px) {
    .filebox{padding-right:85px;}
    .filebox .btn_file{width:85px; line-height:34px; font-size:13px;}
}


/* 버튼 */
.btn {border-radius:2px; transition:all .2s; line-height:44px; border:1px solid #7d7d7d; position:relative; font-size:17px; margin-bottom:3px; display:inline-block; vertical-align:top; min-width:100px; text-align:center; font-weight:400!important;  font-family: 'Noto Sans KR', sans-serif!important; padding:0 15px; box-sizing:border-box;}
.btn.small { font-size:15px; line-height:24px; padding:0 10px;}
.btn.default, .btn.default:link, .btn.default:visited {border-color:#2c395f;background-color:#2c395f; color: #fff;}
.btn.default:hover{border-color: #44578a;background-color: #44578a;color: #fff;}

.btn.default1, .btn.default1:link, .btn.default1:visited {border-color:#4b2c5f;background-color:#4b2c5f; color: #fff;}
.btn.default1:hover{border-color: #6f418c;background-color: #6f418c;color: #fff;}


.btn.done, .btn.done:link, .btn.done:visited {border-color:#407bdc;background-color:#407bdc; color: #fff;}
.btn.done:hover{border-color: #61aaef; background-color: #61aaef;color:#fff;}

.btn.cancel, .btn.cancel:link, .btn.cancel:visited {border-color: #7d7d7d;background-color:#fff; color:#394155;}
.btn.cancel:hover{background-color: #f2f2f2; }

.btn.icon {padding-right:35px;}
.btn.icon::after {content:''; display:block; width:16px; height:16px; background-image:url(/images/common/spr_content.png); background-repeat:no-repeat; position:absolute; top:50%; right:15px; margin-top:-8px;}
.btn.done.icon.down::after {background-position:0 -47px;}
.btn.cancel.icon.down::after {background-position:-37px -47px;}
.btn.done.icon.link::after {background-position:-74px -46px;}
.btn.cancel.icon.link::after {background-position:-111px -46px;}

.btn.small.icon {padding-right:25px;}
.btn.small.icon::after {content:''; display:block; width:13px; height:13px;top:50%; right:7px; margin-top:-6px;}

.btn.small.default.icon.down::after {background-position:-190px -75px;}
.btn.small.default1.icon.down::after {background-position:-190px -75px;}
.btn.small.done.icon.down::after {background-position:-190px -75px;}
.btn.small.cancel.icon.down::after {background-position:-203px -75px;}

.btn.small.default.icon.link::after {background-position:-190px -62px;}
.btn.small.default1.icon.link::after {background-position:-190px -62px;}
.btn.small.done.icon.link::after {background-position:-190px -62px;}
.btn.small.cancel.icon.link::after {background-position:-203px -62px;}

.btn.small.default.icon.view {text-indent:-9999px; min-width:30px; padding:0 5px; margin-left:-4px;}
.btn.small.default1.icon.view {text-indent:-9999px; min-width:30px; padding:0 5px; margin-left:-4px;}
.btn.small.default.icon.view::after {background-position:-32px -77px;}
.btn.small.default1.icon.view::after {background-position:-32px -77px;}
.btn.small.done.icon.view::after {background-position:-32px -77px;}




h3 .btn {line-height:30px; margin-top:-3px;}

h3+.downview {margin-top:-20px!important;}
.downview {border-radius:3px; transition:all .2s; line-height:46px; position:relative; font-size:17px; margin-bottom:3px; display:inline-block; vertical-align:top; padding:0 110px 0 20px; background-color:#407bdc; color: #fff; overflow:hidden; max-width:100%; box-sizing:border-box;}
.downview span {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block;}
.downview a {transition:all .2s; text-align:left;}
.downview a:focus{outline-offset:-3px}
.downview .down {background:#2c395f url(/images/common/spr_content.png) no-repeat 15px -32px; height:46px; width:46px; text-indent:-9999px; display:block; position:absolute; top:0; right:46px;}
.downview .view {background:#33457c url(/images/common/spr_content.png) no-repeat -226px -32px; height:46px; width:46px; text-indent:-9999px; display:block;position:absolute; top:0; right:0px;}
.downview a:hover {background-color:#1a2442;}


.textlink {display:inline-block;text-decoration:underline; font-weight:600;}
.textlink::after {content:''; display:inline-block; width:12px; height:12px;background:url(/images/common/new_link.png) no-repeat 50% 50%; margin:0 3px;}

.textdown {display:inline-block;text-decoration:underline; font-weight:600;}
.textdown::after {content:''; display:inline-block; width:13px; height:12px;background:url(/images/common/spr_content.png) no-repeat -203px -76px; margin:0 3px;}


.iconbtn {
    text-indent: -99999px;
    display: inline-block;
    width: 26px;
    height: 26px;
    transition: all .2s;
    border-radius:50%;
    background-image:url(/images/common/spr_content.png); background-repeat:no-repeat;
}
.iconbtn.down {background-color:#3bac13; background-position:0px -71px;}
.iconbtn.down:hover {background-color:#dedede; background-position:0px -97px;}
.iconbtn.view {background-color:#3360cc; background-position:-26px -71px;}
.iconbtn.view:hover{background-color:#dedede; background-position:-26px -97px;}
.iconbtn.link {background-color:#3399cc; background-position:-52px -71px;}
.iconbtn.link:hover {background-color:#dedede; background-position:-52px -97px;}

.iconbtn.down:focus{outline: 2px dotted #f73b73;}
.iconbtn.view:focus{outline: 2px dotted #f73b73;}
.iconbtn.link:focus{outline: 2px dotted #f73b73;}


/* 인포박스 */
.basic_box.type0 { position:relative; margin-bottom:30px;  border:1px solid #4c68bb; }
.basic_box.type0 .inner { padding:30px; position:relative; padding-left:100px;}
.basic_box.type0 .inner::before {width:30px; height:30px; content:''; display:block; border-top:2px solid #4c68bb; border-left:2px solid #4c68bb; position:absolute; top:0; left:0;}
.basic_box.type0 .inner span.icon { position:absolute; left:40px; top:50%; width:40px; height:40px; margin-top:-20px; }
.basic_box.type0 .inner p { margin-top:10px; }
.basic_box.type0 .inner p a.small {line-height:30px; margin-right:5px;}

@media only screen and (max-width:1000px) {
   .basic_box.type0 .inner span.icon{ left:30px;}
}




.basic_box.type1 { position:relative; margin-bottom:30px; border:1px solid #4c68bb;}
.basic_box.type1 .inner{ padding:50px; padding-left:200px; position:relative; }
.basic_box.type1 .inner span.icon{ position:absolute; left:50px; top:50%; width:109px; height:104px; margin-top:-54px;}
.basic_box.type1 .inner b{color:#407bdc; font-size:28px; display:block; margin-bottom: 20px; font-family: 'GmarketSans';}
.basic_box.type1 .inner p { margin-top:10px; }
.basic_box.type1 .inner p a.small {line-height:30px; margin-right:5px;}

.icon0{background:url(/images/common/combx_ic00.png) no-repeat 50% 0; }
.icon1{background:url(/images/common/combx_ic01.png) no-repeat 0 0; background-size : 100% auto;}/*전구*/
.icon2{background:url(/images/common/combx_ic02.png) no-repeat 0 0; background-size : 100% auto;}/*확성기*/
.icon11{background:url(/images/common/combx_ic11.png) no-repeat 0 0; background-size : 100% auto;}/*해조류*/
@media only screen and (max-width:680px) {
	.basic_box.type1 .inner{ padding:20px; position:relative; display:inline-block; padding-left:100px;}
	.basic_box.type1 .inner span.icon{width:60px; height:60px; top:20px; left:20px; margin-top:0;}
}

table.yesan td ul li {position:relative; box-sizing:border-box; padding-right:50px; word-break:break-all; }
table.yesan td ul li:nth-child(odd) {float:left; width:45%; clear:both;}
table.yesan td ul li:nth-child(even) {float:right; width:45%;}
table.yesan td ul li div {position:absolute; top:0; right:0; }
table.yesan td >ul >li { padding-left:10px; margin-top:5px; line-height:26px; text-align:left !important;}
table.yesan td >ul >li:before { content: ''; position: absolute; width:3px; height: 3px; left: 0; top: 11px; background: #afc4db;}
table.yesan td >ul >li:first-child, table.yesan td >ul >li:nth-child(2) {margin-top:0;}


.Thead tbody tr:first-child td,.Thead tbody tr:first-child th {border-top:2px solid #333}
td li {position: relative;}
td >ul >li {padding-left:10px; margin-top:3px; line-height:22px; text-align:left !important;}
td >ul >li:before {content: ''; position: absolute; width:4px; height:4px; left: 0; top: 9px; background: #bbb; border-radius:50%;}
td >ul >li:first-child {margin-top:0;}
td >ul >li >ul >li {padding-left:8px; margin-top:0; line-height:22px; text-align:left !important;}
td >ul >li >ul >li:before {content: ''; position: absolute; width:4px!important; height:2px!important; left: 0; top: 9px; background: #bbb;}

td >ul >li >ul {margin:5px 0px!important;}
td >ul >li >ul >li >p{margin-top:7px !important;}
td >ul >li >ul >li {padding-left:10px; margin-top:6px; line-height:18px; text-align:left !important;}
td >ul >li >ul >li:before {content: ''; position: absolute; width: 4px; height: 2px; left: 0; top: 8px; background: #bbb;}
td >ul >li >ul >li:first-child {margin-top:0;}

td>ul>li>ul>li>ul>li {padding-left:10px; margin-top:6px; line-height:18px; text-align:left !important;}
td>ul>li>ul>li>ul>li:before {content: ''; position: absolute; width: 4px; height: 1px; left: 0; top: 8px; background: #bbb;}
td>ul>li>ul>li>ul>li:first-child {margin-top:0;}



/* 프로세스1  */
.ui-process1 .ui-process {display:flex; flex-wrap:wrap;}
.ui-process1 .ui-process > li {position: relative;width:calc(25% - 40px);margin:0 40px 20px 0px; border:none; }
.ui-process1 .ui-process > li:after {display:block; position:absolute; top:50%; right:-30px; content:''; width:20px; height:20px; margin:-10px 0 0; background:url(/images/common/spr_content.png) no-repeat -237px 0;}
.ui-process1 .ui-process > li:last-child:after {display:none;}
.ui-process1 .ui-process > li .inner {position: relative; min-height:90px;padding:25px 20px; border: 1px solid #a0a0a0;text-align:center; box-sizing:border-box; height:100%;}

.ui-process1 .ui-process > li:first-child .inner{border:1px solid #005fd3;}

.ui-process1 .ui-process > li:last-child .inner{border:1px solid #005fd3; background-color:#005fd3;}
.ui-process1 .ui-process > li .inner:before {display: none;position: static;width: auto;height: 100%;margin: 0;background: none;vertical-align: middle;content: '';}
.ui-process1 .ui-process > li .inner:after { height: 100%;}
.ui-process1 .ui-process > li .inner .item .ui-process_step {display:block;border: none;padding: 0;margin: 0;font-size:16px;color:#2c395f; margin-bottom:10px;}
.ui-process1 .ui-process > li .inner .item .ui-process_step span {display:block; font-size:22px; font-family: 'GmarketSans'; font-weight:700; margin-top:10px;}
.ui-process1 .ui-process > li .inner .item .ui-process_title {display:block;border: none;padding: 0;margin: 0;font-size:22px; height:45px; line-height: 45px; font-weight:700;color:#407bdc; font-family: 'GmarketSans';}
.ui-process1 .ui-process > li .inner .item .ui-process_text{position:relative; margin-top:15px; padding:5px 0 0; color:#545454;  border-top:1px solid #dedede;}

.ui-process1 .ui-process > li .inner .item .ui-process_title.line_h25 {line-height:25px;}

.ui-process1 .ui-process > li:last-child .inner .item .ui-process_step,
.ui-process1 .ui-process > li:last-child .inner .item .ui-process_title,
.ui-process1 .ui-process > li:last-child .inner .item .ui-process_text {color:#fff;}

.ui-process1 .ui-process.step3 > li {width: calc(33.33% - 40px);}
.ui-process1 .ui-process.step5 > li {width: calc(20% - 40px);}

@media only screen and (max-width:900px){

    .ui-process1 .ui-process > li:after {top:auto;right:50%; margin: 0 -10px 0 0;transform:rotate(90deg);-webkit-transform:rotate(90deg); margin-top:3px;}
    .ui-process1 .ui-process > li,
    .ui-process1 .ui-process.step3 > li {float:none;width:100%; margin:0 40px 26px 0px;}
	.ui-process1 .ui-process > li .inner .item .ui-process_text{height:auto;}

	.ui-process1 .ui-process.step5 > li {float:none;width:100%; margin:0 40px 26px 0px;}
}



.txt-box.area-box { background-color: transparent;border: 1px solid #ddd}
.txt-box.area-box:before {display: none}
.txt-box.area-box .h3.ex-tit small {margin-left: 0}
.txt-box.area-box a { color: #cc2a2a;text-decoration: underline}
.txt-box.area-box a:hover,.txt-box.area-boxt a:focus {font-weight: 700; letter-spacing: -1px}
.num-list>li {counter-increment: number;margin-bottom: 3px;position: relative}
.num-list>li:before {display: inline-block;margin-right: 3px; width: auto;height: auto;line-height: 24px;color: #e4001a; text-align: center;content: counter(number,decimal)".";font-size: 14px;background: 0 0;position: relative;top: auto; right: auto;left: auto}








/*오시는 길*/
.loca_map {position:relative; margin-bottom:50px;}
.loca_map::after {content:''; display:block; clear:both;}
.loca_map div.root_daum_roughmap_landing {position:relative; width:65%!important; float:left; box-sizing:border-box; height:360px;}

.loca_map .map_info {position:relative; width:35%; float:right; background:#4d4d4d url(/images/common/mapinfo_bg.png) no-repeat right bottom;  box-sizing:border-box; min-height:360px; padding:40px; color:#fff;}
.loca_map .map_info::before {content:''; width:55px; height:55px; display:block; background:url(/images/common/map_icon.png) no-repeat 0 0; margin-bottom:30px;}
.loca_map .map_info p {font-size:32px; font-weight:600; margin-bottom:25px;}
.loca_map .map_info ul li {position:relative; margin-bottom:15px;}
.loca_map .map_info ul li::after {content:''; display:block; clear:both;}
.loca_map .map_info ul li strong {display:inline-block; width:50px; float:left;}
.loca_map .map_info ul li span {float:right; width:calc(100% - 70px);}
.map_border {display:none;}

@media only screen and (max-width:1024px) {
    .loca_map div.root_daum_roughmap_landing {width:100%!important; float:none;}
    .loca_map .map_info {width:100%; float:none; padding:30px 20px 25px 20px; min-height:100px;}
    .loca_map .map_info::before {display:none;}
   /*  .loca_map .map_info::before p {background:#4d4d4d url(/images/common/mapinfo_bg.png) no-repeat 0 0; padding-left:60px;} */
    .loca_map .map_info ul li {margin-bottom:5px;}
}

.wayinfo {border-top:1px solid #333;}
.wayinfo dl {padding:20px; border-bottom:1px solid #dedede;}
.wayinfo dl::after {content:''; display:block; clear:both;}
.wayinfo dl dt {float:left; width:15%; text-align:center; font-weight:600; color:#000; font-size:18px; vertical-align:middle;}
.wayinfo dl dt span {font-weight:400; color:#666;}
.wayinfo dl dd {float:right; width:80%;}
.wayinfo dl dd ul {margin-bottom:20px;}
.wayinfo dl dd ul:last-child{margin-bottom:0;}
.wayinfo dl dd strong {margin-bottom:10px; display:inline-block;}
.wayinfo dl dd ul li {margin-bottom:10px;}
.wayinfo dl dd ul.bus li {background:url(/images/common/map_icon_02.png) no-repeat 0 2px; padding-left:25px;}
.wayinfo dl dd ul.subway li {background:url(/images/common/map_icon_01.png) no-repeat 0 2px; padding-left:25px;}

@media only screen and (max-width:768px) {
    .wayinfo dl {padding:20px 15px;}
    .wayinfo dl dt {float:none; width:100%; text-align:left; color:#006699; margin-bottom:15px;}
    .wayinfo dl dt br {display:none; }
    .wayinfo dl dd {float:none; width:100%;}
}

.box-type02 {background:#f7f8ff url(/images/common/box_type02_bg.png) no-repeat 120% bottom; padding:40px; position:relative;}
.box-type02 h3 {color:#4b6bbe; font-size:28px; font-weight:600; margin-top:0!important; background:none; padding-left:0!important; margin-bottom:20px;}
.box-type02 h3::before {display:none;}
.box-type02 ul li {font-size:18px; line-height:30px;}
.box-type02 ul li::after  {content:''; display:block; clear:both;}
.box-type02 ul li strong {width:80px; float:left;}
.box-type02 ul li span {width:calc(100% - 100px);float:right;}

@media only screen and (max-width:768px) {
    .box-type02 {background:#f7f8ff; padding:30px 25px;}
    .box-type02::before {content:''; display:block; width:27px; height:27px; position:absolute; top:0; left:0; background:url(/images/common/boxtype02_top.png) no-repeat 0 0;}
    .box-type02::after {content:''; display:block; width:27px; height:27px; position:absolute; bottom:0; right:0; background:url(/images/common/boxtype02_bottom.png) no-repeat 0 0;}
}

/*콘텐츠 이미지 정렬*/
.thumimg {position:relative; background:#f2f2f2; text-align:center; padding:20px;}
.thumimg ul li {float:left; margin:10px; position:relative; width:calc(33.33% - 20px);}
.thumimg ul li span {display:block; background:rgba(0,0,0,0.8); color:#fff; text-align:center; padding:5px 0px; position:absolute; bottom:0; left:0; width:100%;}
.thumimg ul li img {width:100%;}
.thumimg.n02 li {width:calc(50% - 20px);}

@media only screen and (max-width:680px) {
    .thumimg ul li {width:100%!important; margin-bottom:10px; margin:0 0 10px 0;}
    .thumimg ul li:last-child {margin-bottom:0;}
}


.imginfo {display:flex;}
.imginfo p {flex:3;}
.imginfo p img {width:100%;}
.imginfo div {flex:1; padding:30px; background:#4d4d4d url(/images/common/mapinfo_bg.png) no-repeat right bottom; color:#fff;}

@media only screen and (max-width:768px) {
    .imginfo {display:block;}
    .imginfo p {flex:none;}
    .imginfo div {flex:none;}
}

.certify_con {background-color: #f6f6f6; padding: 50px 0px 50px 0px;}
.certify_con > div {width:33.33%; float:left; text-align: center; position:relative;}
.certify_con h2 {padding: 5px 0 10px; font-size: 20px; font-weight: 600; color: #355399;}
.certify_con p.txt2 { margin-bottom:20px;}
.certify_con div.certify_left a {color: #fff; background-color: #355399; padding: 10px 30px; display: inline-block;}
.certify_con div.certify_left::before {content:''; display:block; width:135px; height:135px; background:url(/images/common/member_img01.png) no-repeat 50% 50%; margin:0 auto;}
.certify_con div.certify_left::after {content:''; display:block; width:1px; height:200px; background:#dedede; position:absolute; top:50%; right:0; margin-top:-100px;}

.certify_con div.certify_right a {color: #fff; background-color: #404763; padding: 10px 30px; display: inline-block;}
.certify_con div.certify_right::before {content:''; display:block; width:135px; height:135px; background:url(/images/common/member_img02.png) no-repeat 50% 50%; margin:0 auto;}
.certify_con div.certify_right::after {content:''; display:block; width:1px; height:200px; background:#dedede; position:absolute; top:50%; right:0; margin-top:-100px;}


.certify_con div.certify_right2 a {color: #fff; background-color: #92499a; padding: 10px 30px; display: inline-block;}
.certify_con div.certify_right2::before {content:''; display:block; width:135px; height:135px; background:url(/images/common/member_img03.png) no-repeat 50% 50%; margin:0 auto;}

@media only screen and (max-width:768px) {
	.certify_con {background-color: #f6f6f6; padding: 30px;}
	.certify_con > div {text-align:left; float:none; width:100%; padding-left:120px; box-sizing:border-box; border-bottom:1px dashed #dedede; padding-bottom:20px; margin-bottom:15px;}
	.certify_con div.certify_right2 {border-bottom:0; padding-bottom:0; margin-bottom:0;}
	.certify_con > div::before {position:absolute; top:0; left:0; width:100px!important; height:100px!important; background-size:100%!important;}
	.certify_con > div::after {display:none!important;}
	.certify_con h2 {padding: 5px 0 0px;}
	.certify_con p.txt2 { margin-bottom:10px;}
	.certify_con p.txt2 br {display:none;}
    /* .certify_con p.txt2 { margin-bottom:20px; padding:0px 10px; height:60px; font-size:14px; line-height:20px; word-break: keep-all;}
     */
}    

.vermo {display:none;}
@media only screen and (max-width:768px) {
    .vermo {display:block;}
    .verpc {display:none;}
}



div.sub_con>p, div.sub_con>p~div, div.sub_con>p~ul, div.sub_con>p~ol { margin-top:20px; }
div.sub_con>p:first-child { margin-top:0; }
div.sub_con>p.exp, p.exp { margin-top:15px; }
div.sub_con02>p  { margin-top:40px; }
div.sub_con02>p~ul, div.sub_con02>p~ol { margin-top:20px; }  

/*div.sub_con h4~div, div.sub_con h4~p, div.sub_con h4~.list_ul, div.sub_con h4~.list_ul02, div.sub_con h4~.list_num, div.sub_con h4~.step, div.sub_con h4~.list_onum, div.sub_con h4~.list_basenum, div.sub_con h4~.list_knum {
    margin-top: 15px; }*/
div.sub_con h5~div, div.sub_con h5~p, div.sub_con h5~.list_ul, div.sub_con h5~.list_ul02, div.sub_con h5~.list_num, div.sub_con h5~.step, div.sub_con h5~.list_onum, div.sub_con h5~.list_basenum, div.sub_con h5~.list_knum {
    margin-top: 0; }

ol[class^="list_onum"] li{padding-left: 25px; margin-top: 15px; position: relative;}
ol[class^="list_onum"] >li:before {content: ''; position: absolute;    left: 0;    top:3px;    width: 20px;    height: 20px;    line-height:18px; background:#1772d4; border-radius: 50%;    text-align: center;    color: #fff;    font-size:12px;    box-sizing: border-box; text-indent:-2px;}

ol[class^="list_onum"] >li:nth-child(1):before {content: '1';}
ol[class^="list_onum"] >li:nth-child(2):before {content: '2';}
ol[class^="list_onum"] >li:nth-child(3):before {content: '3';}
ol[class^="list_onum"] >li:nth-child(4):before {content: '4';}
ol[class^="list_onum"] >li:nth-child(5):before {content: '5';}
ol[class^="list_onum"] >li:nth-child(6):before {content: '6';}

ol[class^="list_onum"] >li.n01:before {content: '1';}
ol[class^="list_onum"] >li.n02:before {content: '2';}
ol[class^="list_onum"] >li.n03:before {content: '3';}
ol[class^="list_onum"] >li.n04:before {content: '4';}
ol[class^="list_onum"] >li.n05:before {content: '5';}
ol[class^="list_onum"] >li.n06:before {content: '6';}
ol[class^="list_onum"] >li.n07:before {content: '7';}
ol[class^="list_onum"] >li.n08:before {content: '8';}
ol[class^="list_onum"] >li.n09:before {content: '9';}
ol[class^="list_onum"] >li.n10:before {content: '10';}
ol[class^="list_onum"] >li.n11:before {content: '11';}
ol[class^="list_onum"] >li.n12:before {content: '12';}
ol[class^="list_onum"] >li.n13:before {content: '13';}
ol[class^="list_onum"] >li.n14:before {content: '14';}
ol[class^="list_onum"] >li.n15:before {content: '15';}

ol[class^="list_onum"] >li >ul li {padding-left:10px; margin-top:5px;}
ol[class^="list_onum"] >li >ul li:before {content:''; position:absolute; width:4px; height:4px; background:#4a619e; left:0; top:11px; border-radius:50%;}
ol[class^="list_onum"] >li >ul >li >ul li{padding-left:10px; margin-top:3px; font-size:15px;}
ol[class^="list_onum"] >li >ul >li >ul li:before {content:'';  position: absolute; width:5px; height:1px; background:#bbb; left:0; top:10px; }


ul[class^="list_ul"] li, ol[class^="list_num"] li {line-height:24px; position: relative; }
ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li {padding-left:10px; margin-top:12px;}
ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before {content: ''; position: absolute; width:6px; height:6px; left: 0; top:9px; background:#4a619e; border-radius:50%;}
ul[class^="list_ul"] >li:first-child{margin-top:0;}
ul[class^="list_ul"] >li >ul {margin-top:0; margin-bottom:15px;}
ul[class^="list_ul"] li >ul >li{padding-left:10px; margin-top:6px;}
ul[class^="list_ul"] >li >ul >li:before {content: ''; position: absolute; width:5px; height:8px; left: 0; top:8px; background:url('/images/common/spr_content.png') no-repeat -137px 0;}

ul[class^="list_ul"] ul ul {margin-top: 8px !important; background: rgba(255,255,255,1); box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul >li {padding-left:8px; margin-top:9px; font-size:15px;}
ul[class^="list_ul"] >li >ul >li >ul >li:before, td >ul >li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 9px; background:#bbb;}
ul[class^="list_ul"] >li >ul >li >ul >li:first-child {margin-top:0;}
ul[class^="list_ul"] li p, ol[class^="list_num"] li p {margin-top:10px;}

ul[class^="list_ul"] ul ul.liNon {margin-top: 8px !important; background:none; border:none; border-radius:0; padding:0px; box-sizing: border-box;}
ul[class^="list_ul"] >li >ul >li >ul.liNon >li {padding-left:0;}
ul[class^="list_ul"] >li >ul >li >ul.liNon >li:before, td >ul >li >ul.liNon >li:before {display:none;}

ul[class^="list_ul02"] > li{padding-left:10px; margin-top:6px; line-height:24px; position: relative; }
ul[class^="list_ul02"] > li:before {content: ''; position: absolute; width:5px; height:8px; left: 0; top:8px; background:url('/images/common/spr_content.png') no-repeat -137px 0;}
ul[class^="list_ul02"] li >ul >li{padding-left:8px; margin-top:6px;}
ul[class^="list_ul02"] >li >ul >li:before {content: ''; position: absolute; width:3px; height:3px; left: 0; top:12px; background:#bbb;}


.conts {margin-bottom:0px; word-break:initial; z-index:0; min-height:600px;}
@media all and (max-width:768px) {
    .conts {margin-bottom:0px; word-break:initial; min-height:300px;}
}



             


.conts:after {content:''; display:block; clear:both;}

.conts h3, .conts h4, .conts h5 {position: relative; text-align: left; margin-bottom:5px;}

.conts h3 span.tc, .conts h4 span.tc, .conts h5 span.tc {font-weight:400; display:inline-block; color:#666; letter-spacing:0; margin-left:10px;}

.conts h3 {font-size:28px; padding-left:30px; margin:70px 0 30px 0px; color: #333; font-weight:700; letter-spacing:-0.05em; font-family: 'GmarketSans'; line-height:30px;}
.conts h3:before {content: ''; position: absolute; left: 0; top:0; width:22px; height:22px; background:url('/images/common/spr_content.png') no-repeat 0 0;}

.conts h4 {font-size:20px; margin:25px 0 15px 0; color: #0b4ccf; font-weight:600; }

.conts h5 {font-size:16px; margin:20px 0 15px 0; color: #333; font-weight:600; padding-left:18px;}
.conts h5:before {content: ''; position: absolute; left: 0; top:6px; width:13px; height:14px; background:url('/images/common/spr_content.png') no-repeat -57px 0;}

.basic_box+h3, .tabmenu+h3, .conts > h3:first-child, .ui-process1+h3{margin-top:50px;}


.conts h3~div, .conts h3~p, .conts h3~.list_ul, .conts h3~.list_num, .conts h3~.step, .conts h3~.list_onum, .conts h3~.list_basenum, .conts h3~.list_knum {margin-top:15px;}
.conts h4~div, .conts h4~p, .conts h4~.list_ul, .conts h4~.list_num, .conts h4~.step, .conts h4~.list_onum, .conts h4~.list_basenum, .conts h4~.list_knum {margin-top:15px;}
.conts h5~div, .conts h5~p, .conts h5~.list_ul, .conts h5~.list_num, .conts h5~.step, .conts h5~.list_onum, .conts h5~.list_basenum, .conts h5~.list_knum {margin-top:15px;}

.conts h3~.list_ul, .conts h3~.list_num, .conts h3~.list_onum, .conts h3~.list_basenum, .conts h3~.list_knum {margin-left:0px;}
.conts h4~.list_ul, .conts h4~.list_num, .conts h4~.list_onum, .conts h4~.list_basenum, .conts h4~.list_knum {margin-left:0px;}
.conts h5~.list_ul, .conts h5~.list_num, .conts h5~.list_onum, .conts h5~.list_basenum, .conts h5~.list_knum {margin-left:0px;}


.list_ul+h4, .list_ul02+h4, .tbl_wrap+h4, .sub_con+h4, .list_onum+h4, .thumimg+h4, a.btn+h4, .doc-box+h4  {margin-top:45px;}


/* table */
.tbl_wrap {border-top:2px solid #3a5bb0; margin-top:20px;}
.tbl_guide, .table_responsive .p_notice {display: none;}
.board-top+.tbl_guide+.tbl_wrap {margin-top:0;}


@media all and (max-width:768px) {
	.tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; margin-top: 30px;}
    .tbl_guide { display: block; color:#019f8b; font-size: 13px; line-height: 130%; position:relative; padding-left:28px;}
    .tbl_guide::before {content:''; display:block; width:22px; height:10px; background:url('/images/common/spr_content.png') no-repeat -169px 0; position:absolute; top:4px; left:0;}
	.tbl_guide+.tbl_wrap {margin-top:15px!important;}	
	.tbl_wrap .tbl.over{width: 752px;}	
    .tbl_wrap .tbl.over.t1000{width:1000px;}	
}
.blind, legend, caption {border: 0;clip: rect(0, 0, 0, 0); height: 1px; margin: -1px !important; overflow: hidden; padding: 0; position: absolute; width: 1px}

.table-reset .tbl{
	table-layout: inherit;
}

.table-reset .iconbtn.down {
    margin-left: 3px;
}

.table-reset .tbl ul{
    display: flex;
    flex-wrap: wrap;
}

.table-reset td >ul >li {
    padding-left: 10px;
    width: 30%;
    margin: 15px 0px 15px 15px;
}



.tbl {margin-bottom:10px; width:100%; table-layout: fixed; border-collapse:collapse;}
.tbl th {text-align:center; font-weight: 600;}
.tbl th {padding:18px 8px; border:1px solid #ddd; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}
.tbl td {padding:14px 8px; border:1px solid #ddd; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;}

.tbl td:last-child, .tbl th:last-child {border-right: none;}
.tbl td:first-child, .tbl th:first-child {border-left: none; border-right:1px solid #ddd;}
.tbl thead tr:first-child th {background:#f7f7f7;}
.tbl thead th {background:#f7f7f7; color:#333; }

.tbl tbody th {background:#fafafa; padding:14px 8px;}
.tbl tbody td {line-height:22px;}
.tbl tfoot th {background:#f7faef; color:#333;}
.tbl td {background: #fff;}
.tbl td.b_bg {background: #f4f8fc;}

.tbl.mt {/*margin-top:10px;*/ margin-bottom:10px;}
.tbl.mt th {text-align:center; }
.tbl.mt td, .tbl.mt th {padding:19px 10px; border:1px solid #ccc; line-height:18px; vertical-align: middle; box-sizing: border-box; font-size:15px;word-break: break-all;}
.tbl.mt thead tr:first-child th {border-top:2px solid #5872c0; background:#f2f4f6; }
.tbl.mt thead th {background:#f2f4f6; color:#333; /*border-bottom: none;*/}

.tbl.mt tbody th {background:#fafafa; font-weight: normal;}
.tbl.mt tbody td {line-height:18px;}
.tbl.mt tfoot th {background:#f7faef; color:#333;}
.tbl.mt td {background: #fff;}
.tbl.mt td.b_bg {background: #f4f8fc;}

dl.youth_site{border-bottom:1px dotted #dddddd; padding-left:230px; padding-bottom:40px; margin-bottom:40px;}
dl.youth_site dt{color:#000; font-weight: 700; font-size:22px; padding-bottom:25px;}

a.mapbtn { background:#40991d url(/images/common/mapcon.png) no-repeat 50% 50%; width:24px; height:24px; display:inline-block; text-indent:-9999px; border-radius:3px;}


/*본인인증*/

.pass_box {}
.pass_box div {float:left;width: 48%;border: 5px solid #ddd;box-sizing: border-box;margin-right: 4%;height: 450px;padding:20px;text-align: center;}
.pass_box div:nth-child(2){margin-right:0;}
.pass_box div:hover {border-color:#2770e2;transition:0.3s;background:#fdfdfd;box-shadow:4px 4px 8px rgba(0,0,0,0.1)}
.pass_box div:nth-child(2):hover {border-color:#08ad95;transition:0.3s;}

.pass_box div i {width:111px;height:141px;display:block;/*background:url(/images/lll/certify_ico.png)no-repeat bottom left;*/margin: 30px auto 0;}
.pass_box div:nth-child(2) i {background-position:top right}

.pass_box div .tit {font-size:24px;font-family: 'GmarketSans';font-weight: 700;margin: 35px 0 20px;color:#2062ca;}
.pass_box div:nth-child(2)  .tit{color:#019f88;}
.pass_box div .txt {min-height:50px;}
.pass_box div a {margin-top:10px;background:#2062ca;color:#fff;padding:14px 20px;display:inline-block;width:280px;box-sizing:border-box;}
.pass_box div:nth-child(2) a {background:#019f88;}

.pass_box div a:hover  {background:#1e55ab;}
.pass_box div:nth-child(2) a:hover {background:#279484;}

@media (max-width: 800px) {

    .pass_box div {width:100%;margin-bottom:20px;height:auto;    padding: 20px 10px 40px;}
.pass_box div .txt { min-height: 35px;}
    .pass_box div br {display:none;}
}

@media (max-width: 450px) {

    .pass_box div a {width:auto;}
}


.personnal {padding:10px; border:3px solid #dedede; overflow-y: auto; height:150px;margin-bottom:10px;}
.personnal p {margin-bottom:10px;}
.personnal_check {text-align: right; margin-bottom:30px;}
.bannercon_list {position:relative;}        
.bannercon_list::after {content:''; display:block; clear:both;}  
.bannercon_list a {float:left; display:block; width:23.5%; margin-right:2%; box-sizing:border-box; border:1px solid #dedede; padding:10px 15px; text-align:center; margin-bottom:20px; white-space: nowrap; overflow: hidden;    text-overflow: ellipsis; transition:all .2s;}
.bannercon_list a:nth-child(4n) {margin-right:0;}

.bannercon_list a:hover {background-color:#f2f2f2;}               



.minwon_lang a{width:49%}
.minwon_lang a btn{width:100%;} 

@media (max-width: 450px) {

    .minwon_lang a{width:100%;}
}