@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Noto Sans KR', sans-serif;;
	color:#101010;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a{cursor: pointer;text-decoration: none;}
.mR10{margin-right: 10px !important;}
.mR20{margin-right: 20px !important;}

.tL{text-align: left;}
.pL40{padding-left: 40px !important;}

::placeholder {
  color: #adadad;
  font-size: 14px;
}

button{cursor: pointer;}


body{width: 100%; font-family:'Nanum Gothic' ,'나눔고딕', sans-serif ,'돋움', 'Dotum';}
.cam_wrap{width: 1300px; margin: 0 auto;}

.cam_search{color: #5b5b5b; width: 100%; height: 121px; background: #ebf6ff url(/img/langcon/search_header.png)no-repeat center right; margin: margin:10px 0 0 0; }
.cam_search_inner{padding: 30px 50px;}
.cam_search_inner::after{display: block; content: ""; clear: both;}
.cam_search h3{font-size: 24px; font-weight: 500; text-align: left;}
.cam_search p{font-size: 16px; margin: 20px 0 0 0;}

.txt_wrap{float: left;}
.cam_search_box_wrap{float: left; margin: 30px 0 0 60px;position: relative;}
.cam_search_box_wrap::after{display: block; content: ""; clear: both;}
.cam_search_box_wrap li{float: left;}
.cam_search_box{width: 180px; font-size: 14px; height: 34px;padding: 0 10px; line-height: 34px;border: 1px solid #dfdfdf;outline: none;}
.cam_search_inputbox{width: 235px; font-size: 14px; height: 34px;padding: 0 10px; line-height: 34px;border: 1px solid #dfdfdf;outline: none;}
.search_btn{background: #fff;border: none; height: 36px;width: 36px;border-right: 1px solid #dfdfdf;border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;position: absolute;right: 0px;}

.fmous_saying{text-align: center; border: 1px dashed #dfdfdf; font-size: 14px; color: #707070; line-height: 40px; height: 40px;}
.fmous_saying span{font-style: italic;}


.cam_header{width: 1200px; margin: 40px auto 45px auto;}
.cam_header::after{display: block; content: ""; clear: both;}
.cam_header_con01,
.cam_header_con02{float: left; text-align: center;}
.cam_header_con03{float: right;}
.cam_header_con01{color: #404040; width: 240px; border-right: 1px solid #dfdfdf; text-align: left;}
.cam_header_con01 h2{font-size: 26px; font-weight: 600; text-align: left;}
.cam_header_con01 h2 span{font-size: 26px; }
.cam_header_con01 ul{margin: 8px 0 2px 0; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;-o-border-radius: 5px;	-ms-border-radius: 5px;}
.cam_header_con01 ul::after{display: block; content: ""; clear: both;}
.cam_header_con01 ul li{margin: 0 5px 0 0; font-weight: 500;font-size: 13px; float: left; padding: 5px; background: #f7f7f7;border-radius: 3px; -webkit-border-radius: 3x;-moz-border-radius: 3px;-o-border-radius: 3px;	-ms-border-radius: 3px;}
.cam_header_con01 ul li.lang_ico{color: #f77112;}
.cam_header_con01 ul li.ele_ico{color: #80c01c;}
.cam_header_con01 ul li.mid_ico{color: #217ff0;}
.cam_header_con01 ul li{float: left;}
.cam_header_con01 .tel{margin: 5px 0 0 0; color: #f77112; font-size: 24px; font-family:'Noto Sans KR';font-weight: 800;}

.cam_header_con02{width: 578px;}
.cam_header_con02 ul{display: inline-block;}
.cam_header_con02 ul li{float: left; text-align: center; padding: 10px 30px;}
.cam_header_con02 ul li a{display: block; width: 100%; position: relative;}
.cam_header_con02 ul li a span{display: block; color: #101010; font-size: 15px; padding: 7px 0 0 0; font-weight: 400;}
.cam_header_con02 ul li.active a span{color: #f77112; font-weight: 500;}

.cam_header_con03{ background: #f7f7f7; border-radius: 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;	-ms-border-radius: 10px; padding: 26.5px 18px;}
.cam_header_con03_inner::after{display: block; content: ""; clear: both;}
.cam_header_con03 .p_wrap{float: left; text-align: left;}
.cam_header_con03 .p01{color: #101010;font-size: 14px;}
.cam_header_con03 .p02{color: #101010;font-size: 17px;font-weight: 600;margin:6px 12px 0 0;}

.btn_wrap{float: left;margin-left: 14px;}
.btn_wrap::after{display: block; content: ""; clear: both;}
.btn_wrap li{float: left;}
.cam_header_con03 .online{font-size: 15px;font-weight: 500; margin-right: 7px; display: block; background: #76ced9; color: #fff; width: 80px; padding: 12px 0;text-align: center; border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;-o-border-radius: 7px;-ms-border-radius: 7px;}
.cam_header_con03 .visit{font-size: 15px;font-weight: 500; display: block; background: #f77112;color: #fff; width: 130px; padding: 12px 0;text-align: center; border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;-o-border-radius: 7px;-ms-border-radius: 7px;}
.btn_wrap li a{font-size: 15px;}
.btn_wrap li a .arrow{margin: 0 0 -1px 7px;}
.btn_wrap li a img{width: 8px;}

.cam_con{width: 1200px; margin: 0 auto 50px auto; text-align: center;}
.cam_con h2{color: #404040; margin-bottom: 20px; display: inline-block; font-size: 26px; font-weight: 500;border-bottom: 1px solid #fff1e8;box-shadow: inset 0 -12px 0 #fff1e8;}

.cam_con .map{width: 100%; max-width: 1200px; height: 450px; background: #f2f2f2;}
.cam_con .map_info{background: #5b5b5b; color: #fff; padding: 20px 25px; text-align: left;}
.cam_con .location_icon{margin: 0 10px -4px 0;}
.cam_con .cam_name{font-size: 20px; font-weight: 500; display: inline-block;line-height: 23px; color: #fff;}
.cam_con .info{font-size: 15px;display: inline-block;line-height: 23px; color: #fff;font-weight: 300;}


/* 시설안내 */
.cam_con .gallery{width: 100%; position: relative;}
.cam_con .gallery::after{display: block; content: ""; clear: both;}
.gallery .gallery_left{width: 640px; border: 1px solid #dfdfdf; float: left; margin: 0 15px 0 0;}
.gallery .gallery_left .g01 {position:relative; width: 640px; height: 407px; overflow: hidden;}
.gallery .gallery_left img{width: 100%;height: 100%;}
.gallery .gallery_right{width: 543px; float: right;}
.gallery .gallery_right::after{display: block; content: ""; clear: both;}
.gallery .gallery_right .menu ul li{position:relative;width: 262px; height: 195px; border: 1px solid #dfdfdf; float: left; text-align: center; overflow: hidden;}
.gallery .gallery_right .menu ul li img{height: 100%; filter: url(filters.svg#grayscale);filter: gray;-webkit-filter: grayscale(1);transition: all .2s ease-in-out;}

.gallery_right .g02{margin: 0 15px 15px 0;}
.gallery_right .g03{margin: 0 0 15px 0;}
.gallery_right .g04{margin: 0 15px 0 0;}

.gallery_right .menu ul li:hover img{filter: none; transform: scale(1.1);}
.gallery_right .menu ul li img.activeImage{filter: none; transform: scale(1);}

.g_name{position: absolute;bottom: 20px;right: 20px;background: #ebf6ff; border:2px solid #459fd8; color: #245d82; font-size: 16px; padding: 5px 20px; font-weight: 500; display: inline-block; border-radius: 50px;}


/* 수강료 안내 */
.tuition_info>table{width:100%;}
.tuition_info table.pricetbl{width:100%; border:0;  border-bottom:1px #e7e6e6 solid;}
.tuition_info table.pricetbl thead th{ padding:10px 0; color:#4c4d4f; font-weight:500; background:#fff; font-size:13px;border-bottom:1px #a1a1a1 solid; border-top:1px #a1a1a1 solid; height:10px; border-left:1px #e7e6e6 solid}
.tuition_info table.pricetbl thead th:first-child{border-left:0}
.tuition_info table.pricetbl tbody th{color:#442812; font-weight: normal; font-size:13px; padding:10px 0; border-bottom:1px #333 dotted;background:#ffefe0}
.tuition_info table.pricetbl tr.bg{background:#f9f9f9;}
.tuition_info table.pricetbl td{height:22px; text-align:center; border-bottom:1px #333 dotted; border-left:1px solid #e7e6e6; font-size:13px}
.tuition_info table.pricetbl td.al{text-align:left; padding-left:10px; width:210px;}
.tuition_info table.pricetbl td.line{height:1px; background:#e7e6e6;}
.tuition_info table.pricetbl td.infonon{ line-height:15; border-left:0; text-align: center;}

.lowarea{ width:100%; display:inline-block}
.lowarea h5{ font-size:13px; text-align:left; color:#7d7d7d; margin:30px 0 5px 0; font-weight:normal}
.lowarea table{font-size:11px; margin-bottom:8px; border-collapse:collapse}
.lowarea table thead th{background:#e5e5e5; color:#7d7d7d;padding:10px 0;font-size:12px; text-align:center; font-weight:normal; border-top:1px #dcdcdc solid; border-left:1px #d6d6d6 solid;}
.lowarea table thead th:first-child{ border-left:0}
.lowarea table tbody th{vertical-align: middle;padding: 10px 0; border-bottom:1px #e7e6e6 solid; font-size:12px;text-align:center; background:#f7f7f7; line-height:1.2; font-weight:normal;  color:#919191}
.lowarea table tbody td{vertical-align: middle;padding: 10px 0; border-bottom:1px #e7e6e6 solid; border-left:1px #e7e6e6 solid; font-size:12px;text-align:center; background:#f7f7f7; line-height:1.3; color:#919191}
.lowarea .lowtip{ text-align:left; font-size:12px; margin-bottom:5px; color:#a6a6a6; line-height:1.2}

.referarea{ margin-top:5px; }
.referarea li{ line-height:1.5; font-size:12px; text-align:left }

/* 셔틀 안내 */
.suttle {width: 100%; color: #282828;}
.accordion{border-top: 2px solid #666666;}

.suttle_info .link {width: 100%;border-bottom: 1px solid #dfdfdf;  cursor: pointer;display: table;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.suttle_info .link::after{display: block; content: ""; clear: both;}

.suttle_info .number{display: table-cell; text-align: center; padding: 10px 0; width: 160px;}
.suttle_info .number span{font-size: 16px; font-weight: 500; display: block; margin-top: 7px;}
.suttle_info .time_area{display: table-cell;text-indent: 30px; text-align: left;}
.suttle_info .time_area .time{font-size: 17px; font-weight: 500;line-height: 79px;}
.suttle_info .time_area .area{font-size: 15px;margin-top: 5px;}
.suttle_info .no_data{border-bottom: 1px solid #dfdfdf; padding: 160px 0;}
.suttle_info .no_data p{font-size: 14px;font-weight: 300;margin: 15px 0 0 0;}

.suttle_info li.default .slide_arrow{position: absolute;right: 40px;top: 50%;transform: translateY(-50%); margin-top: -10px;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;
} 
 .suttle_info li.default.open .slide_arrow{position: absolute;right: 40px;top: 50%;transform: translateY(-50%);margin-top: -8px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;
}


.suttle li.default .submenu {display: block;}
.submenu {display: none;background: #fff;font-size: 14px;}
.submenu a {display: block;text-decoration: none;color: #d9d9d9;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}

select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(/img/langcon/arrow_s.png) no-repeat center right 10px;}
select::-ms-expand {display: none;}

.shttle_table{width: 100%;}
.shttle_table thead{background: #f7f7f7;border-bottom: 1px solid #dfdfdf;} 
.shttle_table th{padding: 10px 0;}
.shttle_table tr{border-bottom: 1px solid #dfdfdf;}
.shttle_table td{padding: 10px 0; text-align: center;}
.shttle_table th.line{border-right: 1px solid #dfdfdf;}
.shttle_table td.line{border-right: 1px solid #dfdfdf;}

/*캠퍼스 찾기 기본페이지 */
.cam_search_list{width: 1200px; margin: 25px auto 20px auto;}
.cam_search_list .area::after{display: block; content: ""; clear: both;}
.cam_search_list .area li {float: left; margin: 0 6.2px 7px 0; }
.cam_search_list .area li:nth-child(7){margin: 0 0 7px 0;}
.cam_search_list .area li a{font-size: 14px; display: block; color: #5b5b5b;width: 164px; height: 38px; line-height: 38px; border: 1px solid #dfdfdf;  text-align: center;}
.cam_search_list .area li:hover a{background:#f97010; border: 1px solid #f97010; color: #fff; font-weight: 500;}
.cam_search_list .area li a.on{background:#f97010; border: 1px solid #f97010; color: #fff; font-weight: 500;}

.cam_section{margin: 5px 0 0 0; }
.cam_section li{font-size: 12px;margin: 0 5px 0 0; font-weight: 500;font-size: 13px; float: left; padding: 5px; background: #f7f7f7;border-radius: 3px; -webkit-border-radius: 3x;-moz-border-radius: 3px;-o-border-radius: 3px;	-ms-border-radius: 3px;}
.cam_section::after{display: block; content: ""; clear: both;}
.cam_section li.lang_ico{color: #f77112;}
.cam_section li.ele_ico{color: #80c01c;}
.cam_section li.mid_ico{color: #217ff0;}

.campus_list {width:100%; font-size: 14px;}
.campus_list h3{font-size: 16px;font-weight: 500;}
.campus_list thead{ background: #f7f7f7 !important;border-bottom: 1px solid #dfdfdf;border-top: 2px solid #666666;}
.campus_list thead tr{background: #f7f7f7 !important;}
.campus_list thead:hover tr{background: #f7f7f7 !important;}
.campus_list tr{border-bottom: 1px solid #dfdfdf;} 
.campus_list tr:hover{background: #fff8f3;}
.campus_list th{padding: 10px 0; vertical-align: middle;font-weight: 400;}
.campus_list td{padding: 10px 0; vertical-align: middle;}
.campus_list .go_btn{display: inline-block;width: 100px; line-height: 35px; height: 35px; border: 1px solid #dfdfdf; border-radius: 35px;}


.paging-nav {text-align: center;padding-top: 35px;}
.paging-nav a { font-size:14px; display: inline-block; padding: 1px 7px;color: #828282;}
.paging-nav .selected-page{font-weight: bold; color: #282828;}


.location_img {background: url(/img/langcon/location_off.png)no-repeat center; width: 52px; height: 42px; margin: 0 auto;}
.location_a:hover .location_img{background: url(/img/langcon/location.png)no-repeat center; width: 52px; height: 42px;}
.location_a .location_img.on{background: url(/img/langcon/location.png)no-repeat center; width: 52px; height: 42px;}
.location_a:hover span{color: #f77112 !important; font-weight: 500 !important;}

.info_img {background: url(/img/langcon/info_off.png)no-repeat center; width: 52px; height: 42px; margin: 0 auto;}
.info_a:hover .info_img{background: url(/img/langcon/info.png)no-repeat center; width: 52px; height: 42px;}
.info_a .info_img.on{background: url(/img/langcon/info.png)no-repeat center; width: 52px; height: 42px;}
.info_a:hover span{color: #f77112 !important; font-weight: 500 !important;}


.tuition_img {background: url(/img/langcon/tuition_off.png)no-repeat center; width: 52px; height: 42px; margin: 0 auto;}
.tuition_a:hover .tuition_img{background: url(/img/langcon/tuition.png)no-repeat center; width: 52px; height: 42px;}
.tuition_a .tuition_img.on{background: url(/img/langcon/tuition.png)no-repeat center; width: 52px; height: 42px;}
.tuition_a:hover span{color: #f77112 !important; font-weight: 500 !important;}


.shuttle_img {background: url(/img/langcon/shuttle_off.png)no-repeat center; width: 52px; height: 42px; margin: 0 auto;}
.shuttle_a:hover .shuttle_img{background: url(/img/langcon/shuttle.png)no-repeat center; width: 52px; height: 42px;}
.shuttle_a .shuttle_img.on{background: url(/img/langcon/shuttle.png)no-repeat center; width: 52px; height: 42px;}
.shuttle_a:hover span{color: #f77112 !important; font-weight: 500 !important;}

/* layerpop_아발론영업 종료안내_안산, 동탄, 동수원, 화정 220511 */
.pop_closed_ana_new{background: #fff; overflow:hidden; z-index:1002; position:absolute; left:50% !important; top:159px !important; width: 1211px; height: 702px; margin-left: -605.5px; }
.pop_closed_ana_new .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_closed_ana_new .today{ position:absolute; bottom:15px; right:15px;}
.pop_closed_ana_new .png24{opacity: 0.1;}
.test_btn{ width: 324px;height: 68px; position: absolute; top: 411px; left: 52px; display: block; cursor: pointer;}

/* layerpop_수원영통 오픈 */
.pop_closed_yeongtong{background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 50% !important; top: 159px !important; width: 947px; height: 523px; margin-left: -473.5px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.pop_closed_yeongtong .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_closed_yeongtong .today{ position:absolute; bottom:15px; right:15px;}
.pop_closed_yeongtong .png24{opacity: 0.5;}
.test_btn{ width: 324px;height: 68px; position: absolute; top: 411px; left: 52px; display: block; cursor: pointer;}
.pop_closed_yeongtong label{color: #fff;font-size: 12px; line-height: 1;}
.pop_closed_yeongtong input, select { vertical-align: middle;}
.pop_closed_yeongtong .test_wrap_byeollae{position: absolute; top: 250px; right: 54px;}
.pop_closed_yeongtong .test_wrap{position: absolute; bottom: 86px; right: 54px;}
.pop_closed_yeongtong .test_online{display: block; position: absolute; top: 125px;  left: -423px; background: none; border-radius: 0; float: none;}
.pop_closed_yeongtong .test_visit{display: block; position: absolute;top: 174px; left: -423px;background: none; border-radius: 0; float: none;}
.pop_closed_yeongtong .test_online a{color: #fff; cursor: pointer;padding: 0;display: block;}
.pop_closed_yeongtong .test_visit a{color: #fff; cursor: pointer;padding: 0;display: block;}

/* 라이브 클래스, 교실수업 안내 팝업 */
.pop_class {z-index: 105;background:url(../../img/pop/class_pop.png?ver=0.1) no-repeat;width:257px;height:234px;position:absolute;top:262px;margin-left: -117px;left: 74%; fadein 1s;-moz-animation: fadein 1s; /* Firefox */-webkit-animation: fadein 1s; /* Safari and Chrome */-o-animation: fadein 1s; /* Opera *//* text-align: center; */ -webkit-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 25%); box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 25%); -webkit-border-radius:11px;-moz-border-radius:11px;-ms-border-radius:11px;-o-border-radius:11px; border-radius:11px; }
.pop_class .btnarea{position:absolute; top:169px;right:50px;text-align: center;}
.pop_class .btn_go{cursor: pointer;z-index:210;display: inline-block;/* text-align: center; */}
.pop_class .popclose {position:absolute; right:10px; top:10px; z-index:810; cursor:pointer;background:none}

.pop_class .today{ position:absolute; bottom:10px; right:20px; z-index:999; cursor:pointer;}
.pop_class input { vertical-align:middle;  border: 1px #d5d5d5 solid; cursor: pointer;-webkit-appearance:auto;}
.pop_class label {cursor: pointer; display:inline-block; position: relative; color:#999; margin-left:2px; font-size:11px}

.pop_live {z-index: 105;background:url(../../img/pop/liveclass_pop.png?ver=0.1) no-repeat;width:257px;height:234px;position:absolute;top:262px;margin-left: -117px;left: 49%; fadein 1s;-moz-animation: fadein 1s; /* Firefox */-webkit-animation: fadein 1s; /* Safari and Chrome */-o-animation: fadein 1s; /* Opera *//* text-align: center; */ -webkit-box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 25%); box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 25%); -webkit-border-radius:11px;-moz-border-radius:11px;-ms-border-radius:11px;-o-border-radius:11px; border-radius:11px; }
.pop_live .btnarea{position:absolute; top:169px;right:50px;text-align: center;}
.pop_live .btn_go{cursor: pointer;z-index:210;display: inline-block;/* text-align: center; */}
.pop_live .popclose {position:absolute; right:10px; top:10px; z-index:810; cursor:pointer;background:none}

.pop_live .today{ position:absolute; bottom:10px; right:20px; z-index:999; cursor:pointer;}
.pop_live input { vertical-align:middle;  border: 1px #d5d5d5 solid; cursor: pointer;-webkit-appearance:auto;}
.pop_live label {cursor: pointer; display:inline-block; position: relative; color:#999; margin-left:2px; font-size:11px}


.class_seongbuk{background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 50% !important; top: 262px !important; width: 766px; height: 545px; margin-left: -460px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.class_seongbuk .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.class_seongbuk .today{ position:absolute; bottom:15px; right:15px;}
.class_seongbuk .png24{opacity: 0.5;}

.wirye_close{border-radius: 10px;background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 50% !important; top: 262px !important; width:540px; height: 452px; margin-left: -234px; box-shadow: 2px 3px 4px 1px rgb(0 0 0 / 25%); }
.wirye_close .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.wirye_close .today{ position:absolute; bottom:15px; right:15px;}
.wirye_close .png24{opacity: 0.5;}

.wirye_close .today{ position:absolute; bottom:10px; right:20px; z-index:999; cursor:pointer;}
.wirye_close input { vertical-align:middle;  border: 1px #d5d5d5 solid; cursor: pointer;-webkit-appearance:auto;}
.wirye_close label {cursor: pointer; display:inline-block; position: relative; color:#fff; margin-left:2px; font-size:11px}

/*23녹지원상도 개원 안내 팝업*/
.pop_nokjiwonsangdoopen {/*background: #fff;*/  overflow: hidden; z-index: 1002; position: absolute; left: 45% !important; top: 246px !important; width: 1027px; height: 571px; margin-left:-383px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.pop_nokjiwonsangdoopen .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_nokjiwonsangdoopen .today{ position:absolute; bottom:15px; right:15px;}
.pop_nokjiwonsangdoopen input{vertical-align: middle; margin: 0; cursor: pointer;}
.pop_nokjiwonsangdoopen label{color: #8b8b8b;font-size: 13px; vertical-align: middle; cursor: pointer;}
.pop_nokjiwonsangdoopen .btn_wrap{position: absolute; bottom: 3.2%; left: 2%; right: 39%;}
.pop_nokjiwonsangdoopen .btn_wrap::after{display: block; content: ''; clear: both;}
.pop_nokjiwonsangdoopen .online_btn{width: 50%; height: 46px;  display: block; float: left;}
.pop_nokjiwonsangdoopen .visite_btn{width: 37%; height: 46px;  display: block; float: right;}

/*23녹지원송도 개원 안내 팝업*/
.pop_nokjiwonsongdoopen {background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 45% !important; top: 246px !important; width: 1027px; height: 571px; margin-left:-383px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.pop_nokjiwonsongdoopen .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_nokjiwonsongdoopen .today{ position:absolute; bottom:15px; right:15px;}
.pop_nokjiwonsongdoopen input{vertical-align: middle; margin: 0; cursor: pointer;}
.pop_nokjiwonsongdoopen label{color: #8b8b8b;font-size: 13px; vertical-align: middle; cursor: pointer;}
.pop_nokjiwonsongdoopen .btn_wrap{position: absolute; bottom: 3.2%; left: 2%; right: 39%;}
.pop_nokjiwonsongdoopen .btn_wrap::after{display: block; content: ''; clear: both;}
.pop_nokjiwonsongdoopen .online_btn{width: 50%; height: 46px;  display: block; float: left;}
.pop_nokjiwonsongdoopen .visite_btn{width: 37%; height: 46px;  display: block; float: right;}

/*23녹지원용인 개원 안내 팝업*/
.pop_nokjiwonyonginopen {background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 45% !important; top: 246px !important; width: 1027px; height: 571px; margin-left:-383px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.pop_nokjiwonyonginopen .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_nokjiwonyonginopen .today{ position:absolute; bottom:15px; right:15px;}
.pop_nokjiwonyonginopen input{vertical-align: middle; margin: 0; cursor: pointer;}
.pop_nokjiwonyonginopen label{color: #8b8b8b;font-size: 13px; vertical-align: middle; cursor: pointer;}
.pop_nokjiwonyonginopen .btn_wrap{position: absolute; bottom: 3.2%; left: 2%; right: 39%;}
.pop_nokjiwonyonginopen .btn_wrap::after{display: block; content: ''; clear: both;}
.pop_nokjiwonyonginopen .online_btn{width: 50%; height: 46px;  display: block; float: left;}
.pop_nokjiwonyonginopen .visite_btn{width: 37%; height: 46px;  display: block; float: right;}

/*23광교녹지원 개원 안내 팝업*/
.pop_gwanggyoopen {background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 50% !important; top: 262px !important; width: 766px; height: 599px; margin-left:-383px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.pop_gwanggyoopen .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_gwanggyoopen .today{ position:absolute; bottom:15px; right:15px;}
.pop_gwanggyoopen input{vertical-align: middle; margin: 0; cursor: pointer;}
.pop_gwanggyoopen label{color: #8b8b8b;font-size: 13px; vertical-align: middle; cursor: pointer;}

/*23송파이전 안내 팝업*/
.pop_songpamove{background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 50% !important; top: 262px !important; width: 766px; height: 599px; margin-left:-383px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.pop_songpamove .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_songpamove .today{ position:absolute; bottom:15px; right:15px;}
.pop_songpamove input{vertical-align: middle; margin: 0; cursor: pointer;}
.pop_songpamove label{color: #8b8b8b;font-size: 13px; vertical-align: middle; cursor: pointer;}

/*23성동이전 안내 팝업*/
.pop_seongdongmove {background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 50% !important; top: 262px !important; width: 766px; height: 599px; margin-left:-383px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.pop_seongdongmove .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_seongdongmove .today{ position:absolute; bottom:15px; right:15px;}
.pop_seongdongmove input{vertical-align: middle; margin: 0; cursor: pointer;}
.pop_seongdongmove label{color: #8b8b8b;font-size: 13px; vertical-align: middle; cursor: pointer;}

/*23도봉중계, 삼송은평, 분당수내 통합이전 안내 팝업*/
.pop_23cammove{background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 50% !important; top: 262px !important; width: 766px; height: 545px; margin-left:-383px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); }
.pop_23cammove .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_23cammove .today{ position:absolute; bottom:15px; right:15px;}
.pop_23cammove input{vertical-align: middle; margin: 0; cursor: pointer;}
.pop_23cammove label{color: #8b8b8b;font-size: 13px; vertical-align: middle; cursor: pointer;}

/*23광교, 마포  영업종료 팝업*/
.pop_23end{background: #fff;  overflow: hidden; z-index: 1002; position: absolute; left: 50% !important; top: 262px !important; width: 540px; height: 452px; margin-left:-270px; box-shadow: 2px 1px 4px 2px rgb(0 0 0 / 30%); border-radius: 10px; }
.pop_23end .popclose {position:absolute; right:15px; top:15px; z-index:810; cursor:pointer}
.pop_23end .today{ position:absolute; bottom:15px; right:15px;}
.pop_23end input{vertical-align: middle; margin: 0; cursor: pointer;}
.pop_23end label{color: #fff;font-size: 13px; vertical-align: middle; cursor: pointer;}