/**
 * 이 파일은 iModule 팝업모듈 일부입니다. (https://www.imodules.io)
 *
 * 팝업모듈 기본템플릿 - 스타일시트
 *
 * @file /modules/popupuniv/templets/default/styles/style.css
 * @author Arzz (arzz@arzz.com)
 * @license MIT License
 * @version 3.0.0
 * @modified 2018. 9. 19.
 */
body > div[data-role=wrapper]  {height:fit-content !important;}
div[data-module=popupuniv] {font-size:0; height:calc(100% - 30px);}
div[data-module=popupuniv][data-window=LAYER] {height:auto;}
div[data-module=popupuniv] > div[data-type=HTML] {font-size:14px; overflow:auto;}
div[data-module=popupuniv] > div[data-type=HTML] p > img {vertical-align:bottom;}
div[data-module=popupuniv] > div[data-type=HTML] p > a > img {vertical-align:bottom;}
div[data-module=popupuniv] > div[data-type=EXTERNAL] {overflow:auto;}

div[data-module=popupuniv] > div[data-type=POPUP_BUTTON] {}

div[data-module=popupuniv] > button {width:100%; height:30px; background:#222; color:#fff; cursor:pointer; text-align:center; font-size:12px; border:0; line-height:28px;}
div[data-module=popupuniv] > button > i {width:20px; height:20px; border:1px solid rgba(255,255,255,0.2); float:left; margin:5px; line-height:18px; box-sizing:border-box; vertical-align:middle;}
div[data-module=popupuniv] > button:hover {background:#000;}
div[data-module=popupuniv] > button:hover > i {background:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.3);}

div[data-module=popupuniv] > div.popup_button {background-color: #545662;}
div[data-module=popupuniv] > div.popup_button > div.container {text-align: center;}
div[data-module=popupuniv] > div.popup_button > div.container > div {}

div[data-module=popupuniv] > div.popup_button button[data-action=close] {box-sizing: border-box; display: inline-block; width: 100%; height: 30px; padding: 0 15px; background: #545662; font-size: 14px; color: #fff; vertical-align: middle; line-height: 30px; border: none; font-weight: medium;}
div[data-module=popupuniv] > div.popup_button button[data-action=close]:after {content:'\e619'; font-family: xeicon; margin-left: 5px;}
div[data-module=popupuniv] > div.popup_button input[id=chk_popupuniv_check] {display: inline-block; margin: 0 5px 0 10px; vertical-align: middle;}
div[data-module=popupuniv] > div.popup_button label[for=chk_popupuniv_check] {display: inline-block; font-size: 14px; color: #fff; vertical-align: middle; font-weight: bold; cursor: pointer;}

div[data-module=popupuniv] > div.btn_box {position:relative;}
div[data-module=popupuniv] > div.btn_box button.right {display:inline-block; position:absolute; left:0; bottom:0; width:30px; height:30px; background:#222; color:#fff; cursor:pointer; text-align:center; font-size:12px; border:0; line-height:28px;}
div[data-module=popupuniv] > div.btn_box button.right > i {width:20px; height:20px; border:1px solid rgba(255,255,255,0.2); float:left; margin:5px; line-height:18px; box-sizing:border-box; vertical-align:middle;}
div[data-module=popupuniv] > div.btn_box button.right:hover {background:#000;}
div[data-module=popupuniv] > div.btn_box button.right:hover > i {background:rgba(255,255,255,0.2); border-color:rgba(255,255,255,0.3);}
div[data-module=popupuniv] > div.btn_box button.full {width:100%; height:30px; background:#222; color:#fff; cursor:pointer; text-align:center; font-size:12px; border:0; line-height:28px;}
div[data-module=popupuniv] > div.btn_box button.full:hover {background:#000;}

/* 레이어팝업 이미지 사이즈 08-31*/
div[data-module=popupuniv][data-window="LAYER"] div[data-type=IMAGE] img {max-width:100%;}

/*팝업존 추가*/
div[data-module=popupuniv][data-type=popup_zone] {position: fixed;top:0px;bottom:0px;left:0px;right:0px;background:rgba(0,0,0,0.9) !important;z-index: 100;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone { position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:1280px;text-align:center;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.popup_title { display:block;color:#fff;text-align:center;font-size:0px;line-height:46px;margin-bottom:50px; }
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.popup_title > strong { font-size:32px;display:inline-block;vertical-align: middle;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.popup_title > span { display:inline-block;text-align:center;font-size:0px;width:46px;height:46px;line-height:46px;font-size:16px;background: #eee;color:#999;;vertical-align: middle;margin-left:10px;border-radius: 50%;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.popup_title > span > b { font-weight:600;color:#044d97; }
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap { display:block;margin:0px auto;text-align:center;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap div.unit {display:inline-block;width:306px;height:306px;display:inline-block;vertical-align: top;margin: 0px 0px;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap div.unit > div.box { width:306px;margin:0 auto;background: #fff;height:306px;overflow:auto; }
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap div.unit + div.unit { margin-left:0px; }
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap div.unit[data-type=HTML] {font-size:14px;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap div.unit[data-type=IMAGE] img {width:100%;height:auto;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap div.unit[data-type=LINK] iframe { width:100%;height:400px; }


div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.arr_btn {line-height:40px;display:block;margin:20px auto 50px auto;text-align:center;position: relative;z-index: 99;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.arr_btn > button {position: relative;display:inline-block; background:rgba(0,0,0,0.9); color:#fff; cursor:pointer; text-align:center; font-size:16px; border:0; line-height:40px;height:40px;padding:0px 20px 0px 20px;border-radius: 50px 0px 0px 50px;;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.arr_btn > button + button { border-radius: 0px 50px 50px 0px; padding-left:22px; }
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.arr_btn > button + button::before { position: absolute;content: '';display:block;width:0px;height:20px;top:10px;left:0px;border-left:2px dotted rgba(255,255,255,0.8);}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.arr_btn > button > i {width:auto; height:40px;line-height:40px;  border:0px solid rgba(255,255,255,0.2); display:inline-block;font-size:20px;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap ul.slick-dots { display:none !important; }
div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap > div div.slick-track {margin:0 auto;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > button {display:inline-block; background:rgba(0,0,0,0.4); color:#fff; cursor:pointer; text-align:center; font-size:14px; border:0; line-height:28px;padding:5px 15px 5px 20px;border-radius: 50px;border:2px solid rgba(255,255,255,0.8);}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > button > i {width:auto; height:28px;line-height:28px;   display:inline-block; margin-left:5px; vertical-align:bottom;font-size:20px;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > button:hover {background:rgba(0,0,0,1);}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > button + button { margin-left:10px; background:rgba(255,255,255,0.9);color:#333;font-weight:600;}
div[data-module=popupuniv][data-type=popup_zone] > div.zone > button + button:hover { background:rgba(255,255,255,1); }

@media screen and (max-width: 1280px) {
	div[data-module=popupuniv][data-type=popup_zone] > div.zone { width:960px;}
	div[data-module=popupuniv][data-type=popup_zone] > div.zone > div.sc_wrap div.unit { width:306px;height:306px; }
}

@media screen and (max-width: 960px) {
	div[data-module=popupuniv][data-type=popup_zone] > div.zone { width:640px;}
}

@media screen and (max-width: 640px) {
	div[data-module=popupuniv][data-type=popup_zone] > div.zone { width:320px;}
}

/* Quick Menu */
aside#following-content {position:absolute; right:30px; z-index:99}
aside#following-content > ul {list-style:none; box-shadow:1px 1px 12px 0px rgb(0 0 0 / 50%); border-top-left-radius:10px; border-top-right-radius:10px}
aside#following-content > ul > li > a {display:block;height:auto;padding:15px 5px;border:1px solid #e6e6e6;border-top:none;text-align:center;background-color:#fff;color:#000;box-sizing:border-box;text-decoration:none;font-size:14px;word-break:keep-all}
aside#following-content > ul > li:first-child {border-top-left-radius:10px;border-top-right-radius:10px}
aside#following-content > ul > li:first-child > a {height:60px;font-weight:bold;padding-bottom:20px;border:none;background:var(--thema_color); color:#fff; border-top-left-radius:10px;border-top-right-radius:10px}
aside#following-content > ul > li.top > a {height:70px;line-height:50px;border:none;background-color:#48484d;background-repeat:no-repeat; background-position:top 15px center; color:#fff}
aside#following-content > ul > li:last-child > a {border:none; background-color:var(--thema_color); color:#fff}