@charset "utf-8";
/*
 * 2017.03.22 최초생성
 * 상단 네비게이션, Footer
 */
/*Google Tracking*/
iframe[name='google_conversion_frame'] {height: 0 !important;width: 0 !important;line-height: 0 !important;font-size: 0 !important;margin-top: -13px;float: left;}


/* Header */
#headerBar{position:relative;background:#fff;height:48px;width:100%;background:#fff;box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.08);z-index:10000}

@media screen and (max-width: 1095px) {
    .blockScroll {overflow:hidden;position:fixed;height:100%}
}

@keyframes icon-bounce {
  from { transform: scale(1); }
  37%  { transform: scale(.9); }
  to   { transform: scale(1); }
}
@-webkit-keyframes icon-bounce {
  from { transform: scale(1); }
  37%  { transform: scale(.9); }
  to   { transform: scale(1); }
}
.lypop #wadizHeader{z-index:1000}


/* Right Navigation */
#myMenuNav{position:relative;min-height:600px;padding-bottom:45px}
#myMenuNav .profile-info{position:relative;padding:16px;background:#44484b;padding-right:env(safe-area-inset-right)}
#myMenuNav .profile-info dl{width:100%;}
#myMenuNav .profile-info dl:after{content:"";clear:both;display:block;}
#myMenuNav .profile-info dt{float:left;width:64px;height:64px;margin-right:12px;}
#myMenuNav .profile-info dt em.profile-img,
#myMenuNav .profile-info dt em.profile-img:after{box-sizing:border-box;width:66px;height:66px;border-radius:50%}
#myMenuNav .profile-info dt em.profile-img{position:relative;display:block;background:no-repeat center;background-size:cover;background-color:#DADCE0}
#myMenuNav .profile-info dt em.profile-img:after{position:absolute;content:'';display:block;clear:both;border:1px solid rgba(0,0,0,.1)}
#myMenuNav .profile-info dd{float:left;width: 144px;}
#myMenuNav .profile-info .nickname{font-size:17px;font-weight:500;line-height:23px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#myMenuNav .profile-info .username{font-size:13px;font-weight:400;line-height:18px;color:#babdc0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#myMenuNav .profile-info .accnttype{font-size:12px;font-weight:400;line-height:16px;color:#babdc0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#myMenuNav .profile-info .btn-close{position:absolute;right:20px;top:16px;width:20px;height:20px;cursor:pointer;z-index:100;right:env(safe-area-inset-right)}
#myMenuNav .profile-info .btn-close i{font-size:20px;color:#fff;}
#myMenuNav .menu-list ul{padding:7px 0 8px;border-bottom:1px solid #e6eaed}
#myMenuNav .menu-list ul.end{border-bottom:none;}
#myMenuNav .menu-list li.pc-view{display:none}
#myMenuNav .menu-list li a{display:block;padding:0 16px;height:48px;font-size:17px;font-weight:400;line-height:48px;color:#44484b;padding-right:env(safe-area-inset-right)}
#myMenuNav .menu-list li a:hover,
#myMenuNav .menu-list li a:active{background:#f0f2f5}
#myMenuNav .menu-list li a:active{color: #00B383}
#myMenuNav .menu-list li a .wz-badge{margin-top: 15px; margin-left: 6px;}
#myMenuNav .menu-list dl{width:100%;}
#myMenuNav .menu-list dl:after{content:"";clear:both;display:block;}
#myMenuNav .menu-list dt{float:left;width:100px;font-size:17px;font-weight:400;line-height:48px;}
#myMenuNav .menu-list dd{float:right;width:148px;font-size:17px;text-align:right;line-height:48px;color: #00CCA3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#myMenuNav .btm-area{position:absolute;right:0;width:100%;padding:8px 16px 32px;box-sizing:border-box;padding-right:env(safe-area-inset-right)}
#myMenuNav .btm-area .btn-event{display:block;width:100%;height:48px;line-height:48px;font-size:17px;font-weight:400;color:#00bf8c;text-align:center;border:1px solid #00cc96}
#myMenuNav .btm-area .btn-event:hover,
#myMenuNav .btm-area .btn-event:active{color:#fff;background-color: #00CCA3;}

@media screen and (min-width: 1096px) {
    #myMenuNav{height:100%;height:100vh}
    #myMenuNav .menu-list li.pc-view{display:block}
    #myMenuNav .menu-list li a{font-size: 15px;font-weight:400;}
    #myMenuNav .menu-list dt{font-size: 15px;font-weight:400;}
    #myMenuNav .menu-list dd{font-size: 15px;font-weight:400;}
    #myMenuNav .btm-area .btn-event{height:40px;line-height:40px;font-size: 15px;font-weight:400;color: #00CCA3;text-align:center;border: 1px solid #00CCA3;}
}

/*************** 옛푸터 *****************/
/****RISK WARNING****/
.risk-popup {width: 300px;height: 480px;position: relative;margin: 20px auto;background-color: #fff;}  
.risk-popup .risk-popup-header-wrap {border-bottom: solid 1px #979797;padding-bottom: 14px;padding: 20px 24px 14px 24px;}
.risk-popup .risk-popup-header-wrap .btn-close {width: 16px;height: 16px;background: url(/resources/static/img/common/icon_gray_close.png) no-repeat 0 0;border: none;background-size: cover;float: right;background-color: white;}
.risk-popup .risk-popup-main-wrap {overflow-y: scroll;height: 350px;padding: 20px 24px;box-sizing: border-box;}
.risk-popup .risk-popup-main-wrap p,
.risk-popup .risk-popup-main-wrap dt,
.risk-popup .risk-popup-main-wrap dd {margin:1em 0}
.risk-popup .risk-popup-main-wrap dt {font-weight:700;margin-bottom:0}
.risk-popup .risk-popup-footer-wrap {height: 75px;background-color: #f4f4f4;position: absolute;width: 300px;left: 0px;bottom: 0px;text-align: center;}
.risk-popup .risk-popup-title {font-size: 16px;color: #4a4a4a;font-weight:bold;display: inline;}
.risk-popup .risk-popup-text {font-size: 13px;line-height: 18px;color: #4a4a4a;padding: 17px 0px;}
.risk-popup .btn-risk-mint {display: inline-block;font-size: 14px;color: #fff;border: none;width: 215px;height: 43px;background-color: #23dbab;margin: 16px auto;}
.risk-popup .risk-popup-main-wrap article h1{font-size:1em;text-align:center}
.risk-popup .risk-popup-main-wrap article li{margin:1em 0}
.risk-popup .risk-popup-main-wrap article li ol{margin-left:1em}
.risk-popup .risk-popup-main-wrap article li:nth-child(1):before{content:'1. '}
.risk-popup .risk-popup-main-wrap article li:nth-child(2):before{content:'2. '}
.risk-popup .risk-popup-main-wrap article li:nth-child(3):before{content:'3. '}
.risk-popup .risk-popup-main-wrap article li:nth-child(4):before{content:'4. '}
.risk-popup .risk-popup-main-wrap article li:nth-child(5):before{content:'5. '}
.risk-popup .risk-popup-main-wrap article li:nth-child(6):before{content:'6. '}
.risk-popup .risk-popup-main-wrap article li:nth-child(7):before{content:'7. '}
.risk-popup .risk-popup-main-wrap article li:nth-child(8):before{content:'8. '}
.risk-popup .risk-popup-main-wrap article li li:nth-child(1):before{content:'1) '}
.risk-popup .risk-popup-main-wrap article li li:nth-child(2):before{content:'2) '}
.risk-popup .risk-popup-main-wrap article li li:nth-child(3):before{content:'3) '}
.risk-popup .risk-popup-main-wrap article li li:nth-child(4):before{content:'4) '}
.risk-popup .risk-popup-main-wrap article li li:nth-child(5):before{content:'5) '}
.risk-popup .risk-popup-main-wrap article li li:nth-child(6):before{content:'6) '}
.risk-popup .risk-popup-main-wrap article li li:nth-child(7):before{content:'7) '}
.risk-popup .risk-popup-main-wrap article li li:nth-child(8):before{content:'8) '}
@supports (height: 100vh) {
  .risk-popup {width:auto;height:100vh;margin:0}
  .risk-popup .risk-popup-main-wrap{height:calc(100vh - 59px - 75px)}
  .risk-popup .risk-popup-footer-wrap{width:100%}
}

@media screen and (min-width: 1096px) {
/****RISK WARNING****/
.risk-popup {width: 540px;height: 560px;position: relative;margin: 100px auto;background-color: #fff;}  
.risk-popup .risk-popup-main-wrap {height: 430px;}  
.risk-popup .risk-popup-footer-wrap {width:540px;padding-top: 13px;box-sizing: border-box;}

}


/**FEEDBACK POPUP***/
#wServiceOpinionTag{display:none !important}
#wServiceOpinionTag, #wServiceOpinionTag *{box-sizing:content-box}
#wServiceOpinionTag{position:fixed;right:10px;bottom:0;z-index:100000}
#wServiceOpinionTag .btn-sopinion-tag{height:30px;padding:0 40px 0 58px;line-height:30px;color:#fff;font-size:14px;border:none;border-radius:3px;background:url(/resources/static/img/common/icon_chat.png) no-repeat 10px 8px #c789f9;background-size:17px 15px;}

@media screen and (min-width: 1096px) {
#wServiceOpinionTag{display:block !important}
}

/* 오류페이지 */
.errorpage{padding:60px 20px;min-width:250px;max-width:580px;margin:0 auto;text-align:center;font-size:15px;line-height:1.7em;color:#44484b}
.errorpage .icon{margin-bottom:20px}
.errorpage .icon i{font-size:80px;color:#ffb500}
.errorpage h1{font-size:48px;font-weight:400;line-height:1em}
.errorpage .msg{margin:20px 0 20px}
.errorpage .copy{margin-top:48px;color:#90949c}
@media screen and (max-width: 610px) {
  .errorpage .msg{text-align:left}
}
@media screen and (max-width: 375px) {
  .errorpage .icon i{font-size:64px}
  .errorpage h1{font-size:34px}
}

/* 프린터 화면 */
@media print {
#globalNavWrap{display:none}
}