/* POPUP */
/* 기본 팝업 */
.popup-layer,
.popup-layer .dimmed {position:fixed;left:0;right:0;top:0;bottom:0;}
.popup-layer {display:none;z-index:99999;opacity:0;}
.popup-layer .dimmed {background:rgba(0,0,0,.6);}
.popup-layer .popup-container {display:table;width:90%;height:100%;margin:0 auto;padding:0 20px;table-layout:fixed;}
.popup-layer .popup-inner {display:table-cell;vertical-align:middle;}
.popup-layer .popup-contents {position:relative;margin:0 auto;background-color:#fff;letter-spacing:-1px;}
.popup-layer .popup-header {height:50px;border-bottom:1px solid #e8e8e8;background-color:#fff;font-size:16px;color:#333;line-height:50px;text-align:center;font-weight:bold;}
.popup-layer .popup-header h2 {font-size:16px;outline:0 none;}
.popup-layer .popup-content {overflow-y:auto;position:relative;outline:0 none;}
.popup-layer .popup-content.bg1 {background-color:#f5f6f8;}
.popup-layer .popup-content-inner {margin:0 20px;padding:25px 0;}
.popup-layer .popup-content-inner p {color:#666;font-size:16px;line-height:22px;text-align:center;}
.popup-layer .popup-content > .btn-area {display:-webkit-flex;display:flex;width:100%;margin-top:0;}
.popup-layer .popup-content > .btn-area button {-webkit-flex:1;flex:1;height:45px;margin:0 !important;-webkit-border-radius:0;border-radius:0;line-height:45px;font-size:16px;}
.popup-layer .popup-close {position:absolute;right:0;top:0;z-index:9999;width:56px;height:50px;line-height:50px;text-align:center;margin:0;border:0;background:transparent;}
.popup-layer .popup-close:before {content:'';display:inline-block;width:19px;height:19px;background:url('/images/btn/btn_popup_close02.png') no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;vertical-align:middle;}
.popup-layer .popup-close span {position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px;}

.popup-layer .popup-close2 {position:absolute;right:0;top:0;z-index:9999;width:56px;height:50px;line-height:50px;text-align:center;}
.popup-layer .popup-close2:before {content:'';display:inline-block;width:19px;height:19px;background:url('/images/btn/btn_popup_close03.png') no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;vertical-align:middle;}
.popup-layer .popup-close2 span {position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px;}


/* 풀 팝업 */
.popup-layer.full .popup-container,
.popup-layer.full .popup-inner,
.popup-layer.full .popup-contents,
.popup-layer.full .popup-content {height:100%;}
.popup-layer.full .popup-container {padding:0;}
.popup-layer.full .popup-header {position:fixed;left:0;right:0;top:0;bottom:0;z-index:999;}
.popup-layer.full .popup-contents {position:fixed;left:0;right:0;top:0;bottom:0;}
.popup-layer.full .popup-content {overflow-y:auto;padding-top:50px;outline:0 none;}
.popup-layer.full .popup-content-inner {padding:20px 0;height:100%}
.popup-layer.full .popup-content > .btn-area {position:fixed;left:0;right:0;bottom:0;}


/* 하단 고정 팝업 */
.popup-layer.fixed .popup-container {display:table;width:100%;height:100%;margin:0 auto;padding:0;table-layout:fixed;}
.popup-layer.fixed .popup-inner {vertical-align:bottom;}
.popup-layer.fixed .popup-header {height:50px;border-bottom:1px solid #0468b4;background-color:#0069b7;font-size:16px;color:#fff;line-height:50px;text-align:center;font-weight:bold;}
.popup-layer.fixed .popup-header h2 {font-size:16px;outline:0 none;}
.popup-layer.fixed .popup-content {overflow-y:auto;position:relative;outline:0 none;}
.popup-layer.fixed .popup-content.bg1 {background-color:#f5f6f8;}
.popup-layer.fixed .popup-content-inner {margin:0 20px;padding:20px 0;}
.popup-layer.fixed .popup-content > .btn-area {margin-top:0;}
.popup-layer.fixed .popup-content > .btn-area .inner {display:-webkit-flex;display:flex;width:100%;}
.popup-layer.fixed .popup-content > .btn-area button {-webkit-flex:1;flex:1;height:50px;margin:0 !important;-webkit-border-radius:0;border-radius:0;line-height:50px;}
.popup-layer.fixed .popup-close {position:absolute;right:0;top:0;z-index:9999;width:50px;height:50px;line-height:50px;text-align:center;}
.popup-layer.fixed .popup-close:before {content:'';display:inline-block;width:19px;height:19px;background:url('/images/btn/btn_popup_close.png') no-repeat 0 0;-webkit-background-size:100% auto;background-size:100% auto;vertical-align:middle;}
.popup-layer.fixed .popup-close span {position:absolute;left:-5000em;top:-5000em;font-size:1px;line-height:1px;}

.swiper-slide img{width:100%;}

.btn-header-root-menu.close-btn{
	background: url('/images/btn/btn_popup_close02.png') no-repeat calc(100% - 13px) 50%;
	background-size: 22px auto;
    width: 40px;
}

/* 하단 html 샘플*/
.btn-sns-box .list {position:relative;width:90%;background-color:#fff;}
.btn-sns-box .list:after {content:"";display:block;clear:both;}
.btn-sns-box .list li {float:left;width:33.3%;color:#333;font-size:13px;vertical-align:top;letter-spacing:-1px;}
.btn-sns-box .list li:nth-child(1) {margin-bottom:10px;}
.btn-sns-box .list li:nth-child(2) {margin-bottom:10px;}
.btn-sns-box .list li:nth-child(3) {margin-bottom:10px;}
.btn-sns-box .ico-sns {display:block;padding-top:65px;background-size:55px auto;background-repeat:no-repeat;background-position:50% top;text-align:center;font-size:16px;color:#666;line-height:20px;}
.btn-sns-box .ico-sns.ico1 {background-image:url('/images/ico/ico_sns_lst01.png');}
.btn-sns-box .ico-sns.ico2 {background-image:url('/images/ico/ico_sns_lst02.png');}
.btn-sns-box .ico-sns.ico3 {background-image:url('/images/ico/ico_sns_lst03.png');}
.btn-sns-box .ico-sns.ico4 {background-image:url('/images/ico/ico_sns_lst04.png');}
.btn-sns-box .ico-sns.ico5 {background-image:url('/images/ico/ico_sns_lst05.png');}
.btn-sns-box ul {
    list-style: none;
}