@charset "utf-8";

/*
=========================================================================================================================================================================================
//////////////        미르넷 웹코딩 3.0 작성자 : 김은미 대리    ////////////////////////
=============  코딩 CSS.3.0. HTML.5.0. 크롬최적화 익스 11. 최적화 ================
//////////////           2022.04.21 CSS Document           ///////////////////////
=========================================================================================================================================================================================
*/


html, body{padding:0;margin:0;background: #333;}
body {font-family: welcome_Regular, MYArirang_gothic, MYArirang_gothic-Light, MYSangsang, "Noto Sans KR", "맑은고딕","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif !important;font-size:13px;font-weight: 500;color: #333;line-height:1;}

.popup-wrap {position:relative;width:100%;height:100%;}
#wrap{position: relative;display: block;max-width: 1100px;background: #333;margin: 0 auto;padding: 0;}
.pop-wrap{position:relative;display: block;width:100%;padding: 0;margin: 0;box-sizing: border-box;}
.popup-wrap .pop-head {position:fixed;top:0;left:0;width:100%;height:70px;z-index:1000;background-color:rgba(60,119,202,1);background-image:#009b9b;background:-moz-linear-gradient(left, #009b9b 0%, #059052 100%);background-image:-webkit-linear-gradient(left, #009b9b 0%,#059052 100%);background-image:linear-gradient(to right, #009b9b 0%,#059052 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b9b', endColorstr='#059052',GradientType=1)}
.popup-wrap .pop-head .htit {font-weight:500;font-size:1.294em;padding:18px 0 20px 30px;color:#fff;}
.popup-wrap .pop-cont {margin-top:70px;margin-left:20px;margin-right:20px;margin-bottom:20px;line-height:1.6;}
.popup-wrap .btn-close {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background-size:50px;width:50px;height:50px;z-index:1200;background:transparent}/* background:url(/resources/_Img/Popup/btn_pclose.gif) no-repeat 0 0 */
.popup-wrap .btn-close:before,
.popup-wrap .btn-close:after {content:"";display:block;position:absolute;width:50%;height:2px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
.popup-wrap .btn-close:before {transform:rotate(45deg)}
.popup-wrap .btn-close:after {transform:rotate(-45deg)}
.popup-wrap .btn-reload {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:url(/resources/_Img/Popup/btn_reload.gif) no-repeat 0 0;background-size:50px;width:50px;height:50px;z-index:1200;}
.popup-wrap .btn-minsize {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:url(/resources/_Img/Popup/btn_minsize.gif) no-repeat 0 0;background-size:50px;width:50px;height:50px;z-index:1200;}
.popup-wrap .btn-maxsize {position:fixed;top:0;right:0;border:0;cursor:pointer;text-indent:-9999px;display:block;background:url(/resources/_Img/Popup/btn_maxsize.gif) no-repeat 0 0;background-size:50px;width:50px;height:50px;z-index:1200;}

#layout-popup-wrap {position:fixed;z-index:9999;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.5);cursor:default;/* display:none;*/ }
#layout-popup-wrap > #popup-wrap {position:absolute;background-color:rgba( 255,255,255,1);width:auto;height:auto;box-shadow:0 10px 10px rgba(0, 0, 0, .5);border-radius:50px 0 0 0;font-size:17px;line-height:1.647;color:#555;font-weight:400;letter-spacing:-.05em;}
#layout-popup-wrap > #popup-wrap .pop-head {position:static;overflow:hidden;border-radius:40px 0 0 0}
#layout-popup-wrap > #popup-wrap .pop-cont {margin:40px 40px;overflow:auto;transition:all .3s ease}
#layout-popup-wrap > #popup-wrap > button {width:70px;height:70px;background-size:100% auto;}
#layout-popup-wrap > #popup-wrap .pop-btn-1 {position:absolute;right:0px;top:0px;}
#layout-popup-wrap > #popup-wrap .pop-btn-2 {position:absolute;right:65px;top:0px;}
#layout-popup-wrap > #popup-wrap .pop-btn-3 {position:absolute;right:130px;top:0px;}

.isSub #layout-popup-wrap .pop-cont {opacity:1}
.isSub #layout-popup-wrap .pop-cont center,
.isSub #layout-popup-wrap .pop-cont br {display:none}
.isSub #layout-popup-wrap .pop-cont.over {opacity:1}
@media all and (max-width:799px) {
	#popup-wrap .pop-head {height:64px}
	#layout-popup-wrap > #popup-wrap {font-size:16px;line-height:1.5}
	#layout-popup-wrap > #popup-wrap > button {width:64px;height:64px}
}
@media all and (max-width:599px) {
	#popup-wrap .pop-head {height:60px}
	#layout-popup-wrap > #popup-wrap {border-radius:30px 0 0 0;font-size:15px;line-height:1.467}
	#layout-popup-wrap > #popup-wrap .pop-head {border-radius:20px 0 0 0}
	#layout-popup-wrap > #popup-wrap .pop-cont {margin:15px 15px}
	#layout-popup-wrap > #popup-wrap > button {width:60px;height:60px}
}
@media all and (max-width:400px) {
	#popup-wrap .pop-head {height:50px}
	#popup-wrap .pop-head .htit {padding:12px 0 10px 20px}
	#layout-popup-wrap > #popup-wrap > button {width:50px;height:50px}
}

/* 윈도우 팝업 */
.popup-window {position:relative;font-size:14px;}
.popup-window .popwin_foot {position:fixed;left:0;bottom:0;background:#282828;width:100%;height:18px;overflow:hidden;color:#fff;font-size:11px;padding:9px 0 6px 0;}
.popup-window .popwin_foot input {margin:0 5px 0 10px;vertical-align:top;}
.popup-window .popwin_foot button {position:absolute;right:0;top:8px;width:50px;border:0px;padding:0;background:none;color:#FFF;font-size:11px;line-height:120%;cursor:pointer;}

/* 1단 상단팝업 */
#toppop {position:relative;width:100%;height:0;overflow:hidden;background:url(/resources/_Img/Common/twidepop_bg.gif) no-repeat center top}
.popups {position:relative;overflow:hidden;height:0px;z-index:2000;width:1000px;margin:0 auto;}
.toppop .wpop-list {overflow:hidden;padding:136px 0 0 20px;}
.toppop .wpop-list li {float:left;width:50%;}
.popups .wpcont {position:absolute;top:0;left:0;width:500px;height:160px;overflow:hidden;}
.popups .wpcont img {width:auto;height:160px;display:block;}
.wpop-cont .comm {display:none;}

/* 멀티팝업 */
.top-wide-popups {position:relative;width:100%;height:0;overflow:hidden;z-index:4000;background:url(/resources/_Img/Common/twidepop_bg.gif) no-repeat center top;background-size:cover}
.top-wide-popups * {color:#fff}
.top-wide-popups .tpop-topwide {position:relative;margin:0 auto;max-width:1200px;padding:0}
.top-wide-popups .tpop-topwide .tpop-dir-wrap {display:block;position:absolute;width:100%;height:0;left:0;top:50%;z-index:11;margin:-18px 0 0}
.top-wide-popups .tpop-topwide .tpop-dir-wrap button {display:block;position:absolute;width:48px;height:48px;top:50%;margin:-24px 0 0 0;border:2px solid #fff;box-sizing:border-box;border-radius:50%;background:transparent;transition:all .3s ease}
.top-wide-popups .tpop-topwide .tpop-dir-wrap button:after {content:"";display:block;position:absolute;width:13px;height:21px;top:0;right:0;bottom:0;left:0;background:url(/resources/_Img/Common/toppop_sprite3.png) no-repeat}
.top-wide-popups .tpop-topwide .tpop-dir-wrap button:focus,
.top-wide-popups .tpop-topwide .tpop-dir-wrap button:hover {background:rgba(255, 255, 255, .2)}
.top-wide-popups .tpop-topwide .tpop-dir-wrap .btn-prev {left:56px}
.top-wide-popups .tpop-topwide .tpop-dir-wrap .btn-prev:after {background-position:0px -58px;margin:auto auto auto 14px}
.top-wide-popups .tpop-topwide .tpop-dir-wrap .btn-next {right:56px}
.top-wide-popups .tpop-topwide .tpop-dir-wrap .btn-next:after {background-position:-23px -58px;margin:auto 14px auto auto}
.top-wide-popups .tpop-topwide .tpop-list-wrap {position:relative;max-width:1200px;height:100px;margin:0 auto;overflow:hidden;box-sizing:border-box}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item {position:absolute;overflow:hidden;}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item.first {left:0;}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont,
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont > div {position:relative;display:block;height:100%;margin-left:auto;margin-right:auto;overflow:hidden;text-align:center;box-sizing:border-box}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont a {display:block;height:100%;text-align:center}
.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont img {max-width:100%;max-height:100%}
.top-wide-popups .tpop-topwide button {border:0;cursor:pointer;}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns {position:absolute;top:50%;transform:translateY(-50%);left:0;z-index:300;text-align:left}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button {display:inline-block;position:relative;border:0;width:22px;height:22px;overflow:hidden;vertical-align:middle;border-radius:50%;background:#fff}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button:after {content:"";display:block;position:absolute;width:6px;height:7px;background:url(/resources/_Img/Common/twidepop_spr.png) no-repeat;top:0;right:0;bottom:0;left:0;margin:auto}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-stop {}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-stop:after {background-position:0px 0px}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-play {}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns button.btn-play:after {background-position:-16px 0px}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons {display:inline-block;margin:0 0 0 3px}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button {display:inline-block;position:relative;width:13px;height:13px;padding:0;border:0;box-sizing:border-box;background:transparent;margin:0 7px 0 0}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button:after {content:"";display:block;position:absolute;width:7px;height:7px;border-radius:50%;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(255, 255, 255, .3);box-sizing:border-box}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button.over:after {width:100%;height:100%;border:2px solid #fff;background:transparent}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button:last-child {margin:0}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em}
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button.over,
.top-wide-popups .tpop-topwide .wpop-ctrl-btns .nicons button.is-over {border-width:2px}
.top-wide-popups .tpop-topwide .close-btns {position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:301;font-size:0}
.top-wide-popups .tpop-topwide .close-btns * {vertical-align:middle}
.top-wide-popups .tpop-topwide .close-btns input {display:inline-block;padding:0;margin:-1px 0 0 0;width:auto;height:auto;vertical-align:middle}
.top-wide-popups .tpop-topwide .close-btns label {display:inline-block;margin:-2px 5px 0 7px;font-size:14px;vertical-align:middle}
.top-wide-popups .tpop-topwide .close-btns button {display:inline-block;position:relative;width:30px;height:30px;background:rgba(0, 0, 0, .6);border-radius:50%;vertical-align:middle}
.top-wide-popups .tpop-topwide .close-btns button:before,
.top-wide-popups .tpop-topwide .close-btns button:after {content:"";display:block;position:absolute;width:50%;height:1px;background:#fff;top:0;right:0;bottom:0;left:0;margin:auto}
.top-wide-popups .tpop-topwide .close-btns button:before {transform:rotate(45deg)}
.top-wide-popups .tpop-topwide .close-btns button:after {transform:rotate(-45deg)}
@media only screen and (max-width:1200px){
	.top-wide-popups .tpop-topwide {width:auto;margin:0 20px}
}
@media all and (max-width:999px) {
	.top-wide-popups .tpop-topwide .tpop-list-wrap {max-width:9999px;height:100px;margin:0 50px}
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont img {position:absolute;width:100%;left:50%;transform:translateX(-50%);bottom:0;height:auto;max-height:auto;max-width:700px}
	.top-wide-popups .tpop-topwide .wpop-ctrl-btns {top:10px;transform:translateY(0)}
	.top-wide-popups .tpop-topwide .close-btns {top:10px;transform:translateY(0)}
	.top-wide-popups .tpop-topwide .close-btns button {width:24px;height:24px}
}
@media only screen and (max-width:699px){
	.top-wide-popups .tpop-topwide .tpop-list-wrap {height:80px;}
}
@media only screen and (max-width:480px){
	.top-wide-popups .tpop-topwide {padding:30px 0 0;margin:0 10px}
	.top-wide-popups .tpop-topwide .tpop-dir-wrap button {width:24px;height:24px;margin:-15px 0 0 0}
	.top-wide-popups .tpop-topwide .tpop-dir-wrap button:after {width:7px;height:11px;background-size:61px 41px}
	.top-wide-popups .tpop-topwide .tpop-dir-wrap .btn-prev:after {background-position:0px -31px;margin:auto auto auto 6px}
	.top-wide-popups .tpop-topwide .tpop-dir-wrap .btn-next:after {background-position:-12px -31px;margin:auto 6px auto auto}
	.top-wide-popups .tpop-topwide .tpop-list-wrap {height:70px;margin:0;}
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item {}
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont,
	.top-wide-popups .tpop-topwide .tpop-list-wrap .wpop-item .wpop-cont > div {padding:0}
}
@media all and (max-width:400px) {
	.top-wide-popups .tpop-topwide .tpop-list-wrap {height:50px}
}


.lCheck{position:relative;display: inline-block;padding: 4px 0 0px;}
.fancybox-item{position: absolute;display: inline-block;top: 0;right: 0;width: 60px;height: 27px;line-height: 29px;background: #000;padding: 3px 10px;text-align: center;color: #fff;font-size: 16px;text-decoration: none;}
.sel-bx{position:relative;display: block;min-height: 30px;padding-left: 8px;background: #fff;box-sizing: border-box;}
.chks input[type="checkbox"] + label {padding: 2px 0px 1px 25px;font-size: 16px;color: #000;letter-spacing: -1px;}