@charset "UTF-8";

/*팝업 정의*/
body.fixed{overflow-y: hidden}
.popup{display:none;position: fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
.popup .over_layer{position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index: 1;}
.popup .outer_wrap{overflow:auto;position:relative;max-height:84.5%;margin:5% auto 7.5% auto;margin-top:6%;background:#fff;z-index:2;/*transform:scale(0.6,0.6);*/transition: all 0.1s;}
 .popup .outer_wrap.on{/*transform:scale(1,1);*/} 
.popup .inner_wrap{padding:40px;box-sizing:border-box;}
.pop_tit{position:relative;padding-bottom:13px;border-bottom:1px solid #000;}
.pop_tit h1{font-weight:500;font-size:24px;}
.pop_tit button{position:absolute;top:-10px;right:0;width:40px;height:40px;text-indent: -9999px;transition: all 0.5s;}
.pop_tit button::before, .pop_tit button::after{position:absolute;top:6px;width:1px;height:30px;background:#000;content: ""}
.pop_tit button::before{left:19px;transform:rotate(45deg);}
.pop_tit button::after{right:19px;transform:rotate(-45deg);}
.pop_cont{margin:40px 0 10px 0;}
.pop_cont .btn{margin-top:30px;text-align:center;}
.pop_cont .btn button{padding:0 30px;font-size:15px;line-height:38px;}
.pop_cont .btn button.white{border:1px solid #dcdcdc;}
.pop_cont .btn button.gray{border:1px solid #aeb8c4;background:#aeb8c4;color:#fff;}
.pop_cont textarea{width: 100%;height: 400px;padding: 20px;box-sizing: border-box;border: 1px solid #cccccc;color: #555555;font-size: 17px;line-height: 30px;resize: none;}

/*팝업 넓이 선택*/
.popup .outer_wrap.width1200{width:1200px;}
.popup .outer_wrap.width1100{width:1100px;}
.popup .outer_wrap.width1000{width:1000px;}
.popup .outer_wrap.width900{width:900px;}
.popup .outer_wrap.width800{width:800px;}
.popup .outer_wrap.width700{width:700px;}
.popup .outer_wrap.width600{width:600px;}
.popup .outer_wrap.width510{width:510px;}
.popup .outer_wrap.width500{width:500px;}
.popup .outer_wrap.width400{width:400px;}

/*팝업 컨텐츠*/
.pop_cont h2{margin:40px 0 25px 0; font-size:22px;}
.pop_bus_info{overflow: hidden;}
.pop_bus_info > div{float:left;width:50%;box-sizing: border-box;}
.pop_bus_info .img{border-left:1px solid #fff;}
.pop_bus_info img{width:100%;}

.pop_cont .search_top_wrap .search_area{float:inherit;}
.pop_cont .search_top_wrap .search_area select{float:left;width:30%;margin-right:1.5%;}
.pop_cont .search_top_wrap .search_area input[type=text]{float:left;width:47%;margin-right:1.5%}
.pop_cont .search_top_wrap .search_area .submit_btn{width:20%;border-left:1px solid #aeb8c4;background:#aeb8c4;color:#fff;}

.doc_search_item{overflow:hidden;}
.doc_search_item li{position:relative;float:left;width:31%;margin-top:5px;margin-left:3.5%;text-align:center;cursor: pointer;}
.doc_search_item li:nth-child(3n+1){margin-left:0;}
.doc_search_item li img{border:1px solid #eeeeee;height:177px;margin-bottom:15px;}
.doc_search_item li.on::after{position: absolute;top:0;left:0;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #92c83e;content: ""}
.doc_search_item li span{overflow:hidden;display:block;padding-bottom:8px;color:#555555;font-size:14px;text-overflow: ellipsis;white-space: nowrap;}
.doc_search_item li p{padding-bottom:15px;}
.pop_subj_seach{margin-top:-10px;}
.pop_subj_seach li{padding:17px 0;border-bottom:1px solid #e0e0e0;}
.search_top_wrap.pop_subj{margin-top:-15px;}
.pop_cont .search_top_wrap.pop_subj .search_area input[type=text]{width:78%;}





/*HOVER!*/
@media screen and (min-width:800px) {
}

@media screen and (max-width:1200px) {
	.popup .outer_wrap{width:95% !important;}
}

@media screen and (max-width:800px) {
	.popup .outer_wrap{width:100% !important;height:100%;max-height:100%;margin:0;}
	.popup .inner_wrap{padding:5%;}
	.pop_tit h1{font-size:20px;}
	.pop_tit{padding-bottom:10px;}
	.pop_cont h2{margin:30px 0 15px 0; font-size:20px;}
	.pop_bus_info > div{width:100%;}
	.doc_search_item li img{width:100%;height:50%;box-sizing: border-box;}
	
}

@media screen and (max-width:480px) {
	.popup .outer_wrap{width:100% !important;}
	.pop_cont .btn_wrap.btn_line button {margin-bottom:5px;padding:0 10px;width:100%;}
}