/**
 * 이 파일은 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); }
aside#following-content > ul div.menu_list {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-in-out;
}
aside#following-content > ul div.menu_list.off {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
@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:0px; z-index:99}
aside#following-content.quick-location-bottom { transform: translateY(-20px); }
aside#following-content > ul {list-style:none; position: relative;}
aside#following-content > ul > li.open_btn > button { box-shadow:1px 1px 12px 0px rgb(0 0 0 / 50%); padding: 14px;background: var(--thema_color); border-radius: 10px 0 0 10px;border: none;cursor: pointer;width: 60px;height: 60px;}
aside#following-content > ul > div.menu_list > ul.menu_list_inner {display: flex;flex-direction: column;gap: 10px;position: absolute; bottom: 0px; right: 80px;z-index: 99;}
aside#following-content > ul > div.menu_list > ul.menu_list_inner > li.menu_list_inner_item {display: flex;align-items: center;justify-content: center;}
aside#following-content > ul > div.menu_list > ul.menu_list_inner > li.menu_list_inner_item > a {display: block; line-height: 18px;min-width: 135px; padding: 21px 32px; height: 100%; z-index: 99;color: var(--thema_color);text-align: center;font-size: 16px;font-weight: 600;border-radius: 8px;background: #FFF;box-shadow:1px 1px 12px 0px rgb(0 0 0 / 10%)}
