@charset "utf-8";

/* 전체레이아웃 설정값 */
#wrap{}
.ly_center{ width:94%;width:1480px; margin:0 auto; position:relative;} /* 모바일일떄 100% 센터정렬*/
.ly_center_m{ width:94%;max-width:1480px; margin:0px auto; position:relative;}/* 모바일일떄 마진이 들어간 센터정렬*/
.ly_w100{position:relative;}

#skip{top:0;right:0;position:absolute;width:100%;height:15px;text-align:center; z-index:11111;}
#skip li a{display:block;left:-10000px;position:absolute;top:0;width:100%;text-align:center;z-index:0;height:1px}
#skip li a:hover,
#skip li a:focus,
#skip li a:active {background:#363636;position:absolute;top:0px;left:0;z-index:5000;color:#fff;width:100%;height:25px;padding:5px 0 0 0;}

#main_container { overflow:hidden;}

#container{}
#container *{box-sizing: border-box;}
#content_guide{vertical-align: top; font-size: 16px; padding: 0 3%; }
#content{min-height:300px; margin-bottom:50px;}

@media all and (max-width :1500px) {
	/* 전체레이아웃 설정값 */
	.ly_center{ width:100%;}
	.ly_center_m{ width:90%; margin:0 5%;}
	.ly_w100{width:100%;}


}

@media all and (max-width :1023px) {
	#content_guide{padding: 0 0%; }
}


/* 서브타이틀 */
.title_guide{ position:relative; margin-bottom:20px; margin-top:30px}
.title_guide h3{ color:#000; font-size:34px; font-weight:400; line-height:50px; text-shadow:1px 0 0 #000; word-break:keep-all;}


/* 히스토리 */
.history{ display:none; position: absolute; top: 0; right: 0; height:50px; overflow:hidden; text-align:right; box-sizing:border-box; }

.history li{ display:inline-block; background:url("/images/eduwanju/inc/history_arrow_mo.gif") 10px center no-repeat; padding-left:30px; font-size:13px; line-height:50px; vertical-align:middle;}
.history li img{ margin-top:-2px;}
.history li:first-child{ background:none; padding-left:0px; text-align:center;}
.history .hpoint{ color:#ff6000;}
.history .hpoint a{color:#ff6000;}
.history li a{}


@media all and (max-width :1023px) {
	.history{right: 5%;}
}
@media all and (max-width :640px) {
	/* 서브타이틀 */
	.title_guide{margin-top:0px ;text-align:center;padding:0px; margin-bottom:10px;}
	.title_guide h3{font-size:26px; padding-top: 20px;}

	/* 히스토리 */
	.history{position: relative; text-align:left; background: #e5eaf3; height:40px;right: auto; padding-left: 4%;}
	.history ul{ overflow:hidden; height:40px;}
	.history li {padding-left:20px; background-position:7px center ;line-height:40px;}

}




/* 푸터레이아웃 */

#footer{ }

.copyright {color:#444; padding:30px 0; font-size:15px;text-align:center; border-top:1px solid #ccc;}
.copyright .fmenu{margin-bottom:20px;}
.copyright .fmenu li{ display:inline-block;}
.copyright .fmenu li a{ color:#111; padding:0 10px;}
.copyright .fmenu li a:hover{ text-decoration: underline;}
.copyright address { font-size:15px; font-style: normal;}


/* 맨위로버튼 */
.first_top_go {  position: absolute; right:0; z-index:9; top:10px; opacity:0.5;}



@media all and (max-width :640px) {

	#footer{font-size:14px;}
	#footer address { font-size:13px;}

  .first_top_go {top: -10px;width: 40px;}
}
@media all and (max-width :360px) {
	.copyright{text-align:left;}
	.copyright .fmenu li a{padding:0;}
	.copyright .fmenu li:not(:first-child) a{margin-left:1em;}
}

/* 팝업창 */
.popup_guide {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; z-index: 11111; box-shadow: 1px 1px 10px rgba(0,0,0,0.3); border-radius: 15px; overflow: hidden;}
.popup_guide > h4{position: relative; background: linear-gradient(135deg, #2992cf, #88c061); color: #fff; font-size: 18px; padding: 15px 20px; margin: 0;}
.popup_guide > h4 .btn_close{position: absolute; display: inline-block; top: 50%; right: 10px; transform: translateY(-50%); width: 30px; height: 30px; line-height: 22px; border-radius: 50%; font-size: 40px; color: #fff; text-align: center;}
.popup_guide .popup_contents{ padding: 30px; word-break: keep-all;}
.popup_guide .popup_contents p{}
.popup_guide .btn_guide{ margin-top: 20px;}
.popup_guide .sbtn_style{ padding: 0 15px;}
.popup_guide .info_txt{ text-align: center;}




@media all and (max-width:1023px){
	.popup_guide.w_700,
	.popup_guide.w_800{ max-width: 90%;}
}

@media all and (max-width:640px){

	.popup_guide.w_100,
	.popup_guide.w_200,
	.popup_guide.w_300,
	.popup_guide.w_400,
	.popup_guide.w_500,
	.popup_guide.w_600,
	.popup_guide.w_700,
	.popup_guide.w_800{ max-width: 100%;}
}


/* 팝업창_우편번호찾기 */
.search_area{ text-align: center; margin-bottom: 30px;}
.search_area input{ height: 30px;border-radius: 5px;}
.search_area p{ font-size:13px; margin-bottom: 10px;}

.search_data{}
.search_data .search_list{ margin-bottom: 20px;}
.search_data .search_info{ background: url("/images/estimate/board/icon05.gif") left 7px no-repeat; padding-left: 10px; font-size: 14px; margin-bottom: 10px;}
.search_data table{ width: 100%;}
.search_data table th{ font-size: 13px; background: #f6f6f6; padding: 10px 1%; border-bottom:1px solid #ddd; }
.search_data table td{ font-size: 14px; padding: 10px 1%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align: center;}
.search_data table td:first-of-type{border-left:none;}
.search_data table td:nth-of-type(2){ text-align: left;}
.search_data .juso{ display: inline-block; font-size: 12px; padding: 1px 0; width:44px; background: #526fa0; color: #fff; border-radius: 3px; text-align: center; margin-right: 5px;}
.search_data a:hover, .search_data a:focus{ text-decoration: underline;}


/* 팝업창_오늘하루닫기 */
.popup_bottom{ margin-top:30px; text-align:center; padding-top:20px; border-top:1px solid #ccc; font-size:14px;}
.popup_bottom button{ display: inline-block; border-radius: 5px;background: #555; color:#fff;  margin-left:20px; padding:10px 15px;}

/* 팝업 페이지링 ************************************************************************************/
.popup_guide .bbs_page{margin-bottom:20px;}
.popup_guide .bbs_page ul li{font-size:14px;}
.popup_guide .bbs_page a{width:30px; height: 30px; line-height:30px; border-radius: 5px;}
.popup_guide .bbs_page a img{line-height:30px; margin-top:-6px; vertical-align:middle;}
.popup_guide .bbs_page .active{line-height:30px;width:30px; border-radius: 5px;}
.popup_guide .bbs_page .active a{border-radius: 5px;}

.cpnlist{overflow:hidden}
.cpnlist li{float:left;margin:0 10px 0 0}
.cpnlist li button{font-size: 13px;margin: 0 0 0 4px;border: 1px solid #dedede;background: #fff;}