@charset "utf-8";

/*fake 셀렉트*/
._hidden .popup_sel.sel_option{z-index:300!important;}

/*레이어 팝업*/
.popup._show{display:block;}
.popup{display:none;position:fixed;left:0;top:0;z-index:300;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.popup .pop_area{text-align:center;height:100%;}
.popup .pop_area:after{display:inline-block;content:'';height:100%;vertical-align:middle;}
.popup .inner{display:inline-block;vertical-align:middle;width:600px;max-height:600px;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;}

/*------------------------ ★ 2024.10.28 이상현 신규 추가  ------------------------*/
#mainPopupLayer .pop_area{position:absolute; left:16%;}
#mainPopupLayer2 .pop_area{position:absolute; right:16%;}
/*------------------------ ★ 2024.10.28 이상현 신규 추가 끝  ------------------------*/


.pop_header {position:relative;height:70px;padding:0 40px;border-radius:5px 5px 0 0;background:#76347b;color:#fff;}
.pop_header:after {content:'';display:inline-block;vertical-align:middle;height:100%;}
.pop_header .tit {display:inline-block;vertical-align:middle;font-weight:normal;}
.pop_header .btn_close{position:absolute;top:50%;right:30px;width:24px;height:24px;margin-top:-12px;background:url("../../images/ko/common/btn_notice_popup.png") no-repeat;}

.popup .box_btn .btn_m + .btn_m{margin-left:6px;}
.popup .wrap_tbl .tit_2depth + .txt_required{top:0;}

.pop_cont{padding:40px;}
.pop_body {background:#fff;max-height:490px;overflow-y:auto;border-radius:0 0 5px 5px;box-sizing:border-box;-webkit-box-sizing:border-box;}

.popup .tit_2depth {margin:40px 0 20px 0;}
.popup .tit_2depth:first-child {margin-top:0;}

/*제휴문의*/
.popup .wrap_tbl label.unit .icon_required,
.popup .wrap_tbl label.unit .icon_required + .tit{float: left;}
.popup .wrap_tbl label.unit .icon_required {margin-top:6px;}
.popup .box_form.email .box_sel2 select,
.popup .box_form.hope .box_sel2 select{width:310px;}
.popup .box_form.email .id{width:110px;}
.popup .box_form.email .input_txt.domain{width:167px;margin-right:0;}
.popup .box_form.email .input_txt.domain + .box_sel2{position:relative;margin-top: 10px;}
.popup .input_m {width:100%;}
.popup .input_s{width:31%;}
.popup .box_form.phone span{width:3.333%;}
.popup .box_form.phone .input_s,
.popup .box_form.phone span{float:left;}
.popup .box_form.phone span.box_sel2.form_sel{width:31%;padding:0;}
.popup .box_form.phone .box_sel2.form_sel strong {line-height:1.2;}
.popup .box_form.phone span.sel_type {width:100% !important;}
.popup .box_sel2.form_sel span.sel_type.focus{background:#f2ebf5;}
.popup span.sel_type{outline:aliceblue;}
.popup span.sel_type.focus {outline:aliceblue;}
/* .popup span.sel_type.focus {border:3px solid #76347b;} */

.popup .box_dl_tbl dt{width:30%;border-right:1px solid #d8d8d8;box-sizing:border-box;-webkit-box-sizing:border-box;}
.popup .box_dl_tbl dd{width:70%;}
.popup .hope .selectbox {width:325px;}

/*공지사항 관리자 팝업*/
.popup.notice .pop_cont{max-height:470px;}
.popup.notice .pop_cont img{max-width:100%;}
.popup.notice .pop_bottom{height:60px;padding:0 10px;}
.popup.notice .box_chk{margin-top:16px;}
.popup.notice .box_chk input[type=checkbox]{position:absolute;opacity:0;}
.popup.notice .box_chk input[type=checkbox]+label{display:inline-block;padding-left:30px;position:relative;font-size:1.167em;line-height:27px;color:#fff;cursor: pointer;}
.popup.notice .box_chk input[type=checkbox]:focus+label:before {/* background-position: -40px 100%; */outline:1px dotted #000;} /* 170329 추가 */
.popup.notice .box_chk input[type=checkbox]+label:before{content:"";overflow:hidden;position:absolute;top:4px;display:inline-block;width:20px;height:20px;left:0;box-sizing:border-box;background:url("../../images/ko/common/sp_check_01.png") no-repeat -40px 0;}
.popup.notice .box_chk input[type=checkbox]:checked+label:before{background-position:-40px -50px;}

.popup.notice .box_chk{float:left;}
.popup.notice .btn_close2{float:right;display:inline-block;min-width:82px;height:40px;padding:0 16px;margin-top:10px;border:1px solid #fff ;border-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;text-align:center;;color:#fff;vertical-align:top;}
.popup.notice .btn_close2 span{display:inline-block;line-height:40px;font-size:1.333em;vertical-align:middle;}
.popup.notice button.btn_close2 span{margin-top:-2px;}

.popup .box_form.email .box_sel2 .popup_sel,
.popup .box_form.hope .box_sel2 .popup_sel,
.popup .box_form.email .box_sel2.form_sel,
.popup .box_form.hope .box_sel2.form_sel{width:100%!important;}

/*모바일*/
@media screen and (max-width:767px){
	.pop_header{position:relative;top:0;height:50px;width:100%;padding: 0 40px 0 14px;border-radius:0;z-index:20;box-sizing:border-box;-webkit-box-sizing:border-box;}
	.pop_header .btn_close{right:15px;width:17px;height:17px;margin-top:-8px;background:url("../../images/ko/mobile/common/btn_pop_close_m.png") no-repeat;background-size:17px 17px;}
	.pop_header .tit{font-size:1.333em;}

	.pop_cont{padding:20px 15px 20px 15px;}
	.pop_body{border-radius:0;}
	.popup .tit_2depth{font-size:1.333em;}
	.popup .inner{width:100%;max-height:100%;height:100%;padding:10px;}
	.popup .pop_body{padding-top:0;max-height: calc(100% - 50px);}
	.popup.notice .img_m{width:268px;}
	.popup .box_dl_tbl dt,
	.popup .box_dl_tbl dd{width:auto;float:none;}
	.popup .box_dl_tbl dt{border:0;}
	.popup .box_form.email .box_sel2 select,
	.popup .box_form.hope .box_sel2 select{width:100%!important;}
	.popup .box_form.email .input_txt.domain{width:47%;}
	.popup .wrap_tbl .tit_2depth + .txt_required{top:20px;}
	.popup .box_form.email .id{width:47%;}

	.popup.notice .inner{max-height:484px;max-width:317px;}
	.popup.notice .pop_bottom{height:52px;}
	.popup.notice .box_chk{margin-top:12px;}
	.popup.notice .btn_close2{min-width:110px;height:43px;margin-top:10px;}
	.popup.notice .btn_close2 span{font-size:1.167em;}
	/*공지사항 관리자 팝업*/
	.popup.notice .box_chk input[type=checkbox]+label:before{background:url("../../images/ko/mobile/common/sp_check_m_01.png") no-repeat -30px 0;background-size:100px 100px;} /* 170329 추가 */
	.popup.notice .box_chk input[type=checkbox]:focus+label:before {/* background-position: -30px -60px; */outline:1px dotted #000;} /* 170329 추가 */
	.popup.notice .box_chk input[type=checkbox]:checked+label:before{background-position:-30px -30px;} /* 170329 추가 */

	/*------------------------ ★ 2024.10.28 이상현 신규 추가  ------------------------*/
	#mainPopupLayer .pop_area{position:unset;}
	#mainPopupLayer2 .pop_area{position:unset;}
	/*------------------------ ★ 2024.10.28 이상현 신규 추가 끝  ------------------------*/
}