@charset "utf-8";

#popup_basic{display:block;position:fixed;background-color:#fff;z-index:1000;}
#popup_basic img.popup_img { width:100%;}
#popup_basic .popup_check { color:#666; font-size:14px; background:#fff; margin-top:-4px; position:relative; display:table;width:100%; table-layout:fixed}
#popup_basic .popup_check a { vertical-align:middle; display:table-cell; color:#333; padding:20px 0; text-align:center; font-weight:700}
#popup_basic .popup_check a + a{border-left:1px solid #eee}

#popup_basic .text_type {position:relative}
#popup_basic .text_type .bgimg {width:100%; font-size:0;}
#popup_basic .text_type .inner {padding:40px 0 0 0; }
#popup_basic .text_type .pop_title { font-size:34px; font-weight:700; color:#fff; line-height:1.3em;padding-left:40px}
#popup_basic .text_type .pop_desc { font-size:18px; color:#fff; line-height:1.4em;padding-left:40px;margin-top:30px;padding-right:40px; word-break:keep-all;}
#popup_basic .text_type .pop_date { font-size:20px; color:#fff; line-height:1.3em;padding:20px 40px; background:#333; margin-top:-4px;margin-right: -1px;}
#popup_basic .text_type .btn_wrap {padding:0 40px 40px; text-align: right; margin:0 auto;}/* 2024-01-19 position:relative; */
#popup_basic .text_type .btn_wrap img {max-width:130px;}
#popup_basic .text_type a {font-size:16px; color:#fff; line-height:1.3em; display:inline-block; text-decoration:underline; position:absolute; bottom:80px; left:40px; text-align: left}

@media screen and (max-width:768px) {
	#popup_basic{ width:90%!important; height:auto; left:5%!important; top:120px!important; text-align:center }
	#popup_basic .popup_check { text-align:left}
	#popup_basic .popup_img { width:90%; margin:0 auto;}

	#popup_basic .text_type  {text-align:left;}
	#popup_basic .text_type .pop_title,
	#popup_basic .text_type .pop_desc,
	#popup_basic .text_type .pop_date  { padding-left:5%;}
	#popup_basic .text_type .btn_wrap {padding:0 5% 30px}
	#popup_basic .text_type a {left:5%; bottom:auto; top:40px }
	#popup_basic .text_type .inner {padding-top:25px}
	#popup_basic .text_type .pop_title { font-size:26px}
	#popup_basic .text_type .pop_desc { font-size:16px;margin-top:20px;}
	#popup_basic .text_type .pop_date {font-size:16px;}
}
@media screen and (max-width:430px) {
	#popup_basic{ top:30px!important; }
	#popup_basic .text_type .btn_wrap img {max-width:50%;}
}


/* 2023-11-03 휴가지원사업안내팝업 */
.popup_window.share_info_pop {margin-top:-342px;}
.popup_window.share_info_pop .pop-cnt {background-color: #fff; max-height:94vh; overflow: hidden;}/* 2023-12-21 280px 사이즈 오류 수정 */ 
.pop_tit_area .btn_lp_close { display: inline-block; width: 24px; height: 23px; position: absolute; top: 30px; right: 40px; background: url(/resources/images/post/btn/btn_pop_close.png) no-repeat 0 0 /100% auto ;}
.pop_tit_area .btn_lp_close a { display: block; width: 24px; height: 23px; font-size: 0;}
.pop_tit_area { padding:25px 40px 0; }
.pop_tit_area h1 { padding-bottom:13px; border-bottom:1px solid #999; text-align:left; font-weight:bold;}/* 2023-11-03 추가 수정 */
.pop-cnt .pop_cont_area {padding:0 40px 30px; max-height:82vh; overflow:auto; box-sizing: border-box;}/* 2023-12-21 280px 사이즈 오류 수정 */ 
.pop-cnt .pop_cont_area.tc {text-align: center;}
.pop-cnt .pop_cont_area .pointRe {padding:20px 0px 25px; }
.pop-cnt .pop_cont_area .pointRe {font-size:23px; line-height:35px; font-weight:bold;color:#333; text-align: left;}
.pop-cnt .pop_cont_area .pointRe .point {color:#27d3f8 }
.pop-cnt .pop_cont_area .pop_info {font-size:14px; line-height:21px;  color:#333; padding:24px 0px 14px; text-align: left;}
.pop-cnt .pop_cont_area .table + .pop_info {padding-top:11px; }
.pop-cnt .pop_cont_area .btns2 {width:162px; height:46px;}
.pop-cnt .pop_cont_area .btns2 + .btns2 { margin-left:6px; }
.pop-cnt .pop_cont_area .check_box_wrap {padding-bottom:15px; }
.pop-cnt .pop_cont_area .check_box_wrap .check_box {display:inline-block; background-position: right center; padding-left:0; padding-right:26px; }
.pop-cnt .pop_cont_area .check_box_wrap .check_box em { font-style:normal; color:#eb0202}

.pop-cnt .won_wrap { padding:21px 0 22px; border:1px solid #ededed}
.pop-cnt .won_wrap > ul {display: flex; justify-content: center; align-items: center;}
.pop-cnt .won_wrap > ul > li {margin-left:15px;}
.pop-cnt .won_wrap .desc { padding-top:3px; line-height:20px; font-size:14px; font-weight: 600; text-align: left;}
.pop-cnt .won_wrap .txt_wrap .won {position: relative;}
.pop-cnt .won_wrap .won .font_count { display:inline-block; line-height:42px; font-size:42px; font-weight: 900;}
.pop-cnt .won_wrap .won .txt {line-height:20px; font-size:14px; font-weight: 600;text-align: left;}
.pop-cnt .won_wrap .plus,.pop-cnt .won_wrap .cal {position:absolute; display:inline-block; top:0; right:0; line-height:19px; font-size:24px; color:#000; font-weight: bold;}
.pop-cnt .won_wrap .cal {right:-11px}
.pop-cnt .won_wrap .total .txt_wrap .desc,
.pop-cnt .won_wrap .total .txt_wrap .won {color:#27d3f8}
.pop-cnt .won_wrap .txt_wrap .won .txt {margin-left:4px;}

.pop-cnt .pc_show {display: block !important;}
.pop-cnt .mobile_show {display: none !important;}
.pop-cnt .table.pc_show + .mobile_show {margin-top:0;}

@media screen and (max-width:768px) {
	#popup_basic.share_info_pop{ width:92%!important; height:auto; left:4%!important; top:2% !important; text-align:center }/* 2023-12-21 280px 사이즈 오류 수정 */	
	.popup_window.share_info_pop {margin-top:0; left:7.5% !important; right:7.5% !important; margin-top:0}/* 2023-11-03 */
	.pop_tit_area {padding:12px 20px 0 }
	.pop_tit_area h1 { font-size:19px; }
	.pop_tit_area .btn_lp_close { width: 17px; height: 17px; top:17px; right:20px; }
	.pop-cnt .pop_cont_area { padding-left:20px; padding-right:20px; }
	.pop-cnt .pop_cont_area .pointRe { padding:27px 0 14px; line-height:25px; font-size:15px; background: url(/resources/images/common/img_new_share.png) no-repeat left 100% bottom 13px /60px auto ; }
	.pop-cnt .pop_cont_area .pop_info {padding:22px 0 13px; font-size:12px; line-height:17px; text-align: center}
	.pop-cnt .pop_cont_area .table + .pop_info {color:#999; text-align: left;}
	.pop-cnt .won_wrap .desc, .pop-cnt .won_wrap .won .txt {font-size:10px; line-height: 12px;;}
	.pop-cnt .won_wrap .won .font_count {font-size:30px; line-height:30px; }
	.pop-cnt .won_wrap .plus, .pop-cnt .won_wrap .cal {font-size:16px; line-height:14px; }
	.pop-cnt .won_wrap > ul > li.last {display: none;}
	.pop-cnt .pop_cont_area .check_box_wrap {padding-bottom:20px;}
	.pop-cnt .table table tbody th {padding-left:15px; font-size:11px; }
	.pop-cnt .table table tbody th { font-size:12px; }
	.pop-cnt .table table tbody th, .pop-cnt .table table tbody td {text-align: left;}
	.pop-cnt .pop_cont_area .check_box_wrap .check_box {height:23px; line-height: 23px;;}
	.pop-cnt .pop_cont_area .btns2 {  width:120px; line-height:38px; height:40px; font-size:14px;  }
	.pop-cnt .pop_cont_area .btns2 + .btns2 { width:145px; margin-left:11px; }
	.pop-cnt .won_wrap > ul > li {margin-left:10px}
	.pop-cnt .won_wrap {padding:24px 0 18px;}


	.pop-cnt .pc_show {display: none !important;}
	.pop-cnt .mobile_show {display: block !important;}
	
}
/* 2023-12-21 280px 사이즈 오류 수정 */
@media screen and (max-width:430px) {
	#popup_basic.share_info_pop .btn_area {display: flex;}
	#popup_basic.share_info_pop .btn_area .btns2 {padding:0;}
	#popup_basic.share_info_pop .btn_area .btn_border {width:47%;}
	#popup_basic.share_info_pop .btn_area .btn_point {width:51%; margin-left:2%}
}