/* jsDiv */
body.no_scroll { overflow: hidden;}

div.jsDiv,
article.jsDiv{ display: none; position: fixed; left: 0;top: 0; width: 100%; height: 100%; z-index:999990; background: rgba(0, 0, 0, 0.5); }
div.jsDiv.on,
article.jsDiv.on { display: block; }


.jsDiv_container { width: 90%; height: 85%; padding: 0; margin: 4.5% auto 0 auto; background: #f9f9f9; position: relative;border: solid 1px rgba(0,0,0,0.7); border-radius:6px; overflow: hidden; overflow-y: auto; box-shadow: 0 3px 5px rgba(0,0,0,.2)}
.jsDiv_container .h4 { text-align: center; font-size: 18px; padding: 15px 0; border-bottom: solid 1px #ddd; background: #666;  color: #fff }
.jsDiv_container .input { background: #fff }
/*
#map_wrap .jsDiv_container { height: 80% }
#map_wrap .jsDivClose { display: block; width: 30px;height: 30px; padding: 0; border: none; position: absolute; }
*/

.jsDivClose{ background: url(../images/btn_navClose.png) no-repeat center center; display: block; width: 28px; height: 28px; padding: 0; position: absolute; right:5%; top:2.5%; border: #ddd 1px solid; border-radius:4px; text-indent: -9999px;overflow: hidden; opacity:.6 }
.jsDivClose { display: block; width: 30px;height: 30px; padding: 0; border: none; position: absolute; right:5%; top:2.5%; text-indent: -9999px;overflow: hidden; opacity:.6 }
.jsDivClose:hover,
.jsDivClose:focus { opacity: 1 }

.btn_area a.btn.jsDivClose { position: static; }

article.jsDiv .btn_area { text-align: center; border-top:solid 1px #ebebeb; padding: 10px 0 0 0; height: 44px; background: #fff;  }
article.jsDiv .btn_area .btn {float: none;}

.h3_jsDiv { background: #00a2c5; color: #fff; padding:20px 0; text-align: center; font-size: 18px;; border-radius:6px 6px 0 0 }

.jsDiv .btn_area_C { padding:20px 0; background: #fff; border-top:solid 1px #ededed; border-radius:0 0 6px 6px}

/*절차박스*/
.step_box{width:100%;display:inline-block;margin-top:5px;}
.step_box ol{margin-left:-25px;text-align:center;}
.step_box ol li{float:left;background:url("/data/menuResources/h21/206/202207251316_ziSswfm.png") no-repeat 8px 60px;}
.step_box ol li .box{margin-left:25px;padding:25px 0;border:1px solid #dfdfdf;color:#757575;box-sizing:border-box;}
.step_box ol li .box .num{margin:10px 0 5px;letter-spacing:0;color:#222;font-weight:600;font-size:110%;}
.step_box ol li .box b{font-size:105%;}
.step_box ol li .box.style1{border:1px solid #222;color:#222;box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .1);}
.step_box ol.min li{height:130px;}
.step_box ol.min li .box{height:100%;}

.step_box ol.no3 li{width:33.3%;}
.step_box ol.no4 li{width:25%;}
.step_box ol.no5 li{width:20%;}
.step_box ol.no6 li{width:16.6%;}
.step_box ol.no6 li:first-child{width:17%;}
.step_box ol li:first-child{background:none;}

.mobileBr{display:block;}

.hopeBook_box{position:relative;background:url('/resources/common/img/hopeBook_img.png')no-repeat;padding:90px 0 60px 515px;}
.hopeBook_box p.txt1{font-family:'s-core_dream6_bold';color:#000;font-size:28px;margin-bottom:15px;}
.hopeBook_box p.txt1 span{color:#0085d9;}
.hopeBook_box p.txt2{font-family:'s-core_dream4_regular';color:#000;font-size:16px;margin-bottom:15px;}
.hopeBook_box .move{background:#00a0d9;width:300px;text-align:center;padding:15px 0;border-radius:50px;}
.hopeBook_box .move a{font-family:'s-core_dream5_medium';color:#fff;font-size:16px;}

@media all and (max-width:1300px){
	.hopeBook_box{position:relative;width:80%;background-size:100%;margin:0 auto;text-align:center;padding:60% 0 0 0;}
	.hopeBook_box p.txt1{font-size:22px;}
	.hopeBook_box p.txt2{font-size:14px;}
	.hopeBook_box .move{margin:0 auto;}
	.hopeBook_box .move a{font-size:14px;}
}

@media all and (max-width: 767px) {
	.step_box ol li{background:none;float:none;width:100% !important;margin-bottom:5px;}
	.mobileBr{display:none;}
}

@media all and (max-width:425px){
	.hopeBook_box p.txt1{font-size:22px;}
	.hopeBook_box p.txt2{font-size:14px;}
	.hopeBook_box .move a{font-size:14px;}
}