<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**************************** membership.css **************************/
    /* NotoSansCJKkr font */
    @font-face {
        font-family: "NotoSansKR";
        src:url('/my/en/resource/css/fonts/NotoSansKR-Bold.eot.eot');
        src:url('/my/en/resource/css/fonts/NotoSansKR-Bold.eot.eot?#iefix') format('embedded-opentype'),
        url('/my/en/resource/css/fonts/NotoSansKR-Bold.woff') format('woff');
        font-style: normal;
        font-weight: 600;
    }
    
    @font-face {
        font-family: "NotoSansKR";
        src:url('/my/en/resource/css/fonts/NotoSansKR-Medium.eot.eot');
        src:url('/my/en/resource/css/fonts/NotoSansKR-Medium.eot.eot?#iefix') format('embedded-opentype'),
        url('/my/en/resource/css/fonts/NotoSansKR-Medium.woff') format('woff');
        font-style: normal;
        font-weight: 500;
    }
    
    @font-face {
        font-family: "NotoSansKR";
        src:url('/my/en/resource/css/fonts/NotoSansKR-Regular.eot.eot');
        src:url('/my/en/resource/css/fonts/NotoSansKR-Regular.eot.eot?#iefix') format('embedded-opentype'),
        url('/my/en/resource/css/fonts/NotoSansKR-Regular.woff') format('woff');
        font-style: normal;
        font-weight: 400;
    }
    
    @font-face {
        font-family: "NotoSansKR";
        src:url('/my/en/resource/css/fonts/NotoSansKR-Light.eot.eot');
        src:url('/my/en/resource/css/fonts/NotoSansKR-Light.eot.eot?#iefix') format('embedded-opentype'),
        url('/my/en/resource/css/fonts/NotoSansKR-Light.woff') format('woff');
        font-style: normal;
        font-weight: 300;
    }
    
/* DatePicker Container */
.ie8 .ui-datepicker {border:1px solid #ddd;}
.ui-datepicker {
    width: auto;
    height: auto;
    margin: 5px auto 0;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
}
.ui-datepicker a {
    text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
    width: 100%;
}
.ui-datepicker-header {
    background:#8cd3ff;
    line-height: 36px;
}
.ui-datepicker-title {
    text-align: center;
    font-size:14px;
}
.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    cursor: pointer;
    background: url('/my/en/resource/img/components/common/datepicker-arrow.png') no-repeat;
    line-height: 1000%;
    overflow: hidden;
}
.ui-datepicker-prev {
    float: left;
    background-position: center -27px;
}
.ui-datepicker-next {
    float: right;
    background-position: center 3px;
}
.ui-datepicker thead {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.ui-datepicker th {
    font-size: 6pt;
    padding: 8px 0;
    color: #666666;
}
.ui-datepicker tbody td {
    padding: 0;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #666666;
}
.ui-datepicker-calendar .ui-state-default {
    background: #fff;
}
.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-hover {
    background: #8cd3ff;
}
.ui-datepicker-calendar .ui-state-active {
    background: #8cd3ff;
    position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
    background: #f7f7f7;
    color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}


.mbsimgtit {display:table; width:100%; height:168px; background:url('/my/en/resource/img/components/membership/join-titbox-bg.jpg') no-repeat center top; text-align:center;}
.mbsimgtit-wrap {padding:0 15px; display:table-cell; vertical-align:middle;}
.mbsimgtit-wrap strong {font-size:24px; padding-bottom:10px; display:inline-block;}

.tablet .mbsimgtit {height:195px; text-align:left; background-position:left top;}
.tablet .mbsimgtit-wrap {padding-left:50px; background:url('/my/en/resource/img/components/membership/join-titbox-item-tablet.png') no-repeat right top;}

.web .mbsimgtit-wrap {padding-left:80px; background:url('/my/en/resource/img/components/membership/join-titbox-item.png') no-repeat right top;}


.mbsform-requiretxt {padding:20px 0; text-align:center; border-bottom:1px solid #e4e4e4; display:block;}
.mbsform .required {padding-left:17px; background:url('/my/en/resource/img/components/membership/joinform-required.gif') no-repeat left 3px;}
.mbsform-wrap {border-bottom:1px solid #e4e4e4;}
.mbsform-line {padding-bottom:20px;}
.mbsform-line-radio {text-align:center; padding:20px 0;}
.mbsform-line-radio &gt; label {padding-bottom:10px; display:inline-block;}
.mbsform-line-radio .radio-wrap &gt; span {padding-left:20px;}
.mbsform-label {display:inline-block; padding-bottom:7px;}
.mbsform-label label {padding-left:17px;}
.mbsform .checkbox-wrap {padding:10px 0 30px 0; text-align:center;}
.warning-label {color:#c5497d; margin-top:5px; display:block; padding-left:17px; background:url('/my/en/resource/img/components/membership/ico-warning.gif') no-repeat left 1px;}
.input-groupbtn {padding-right:95px; position:relative;}
.input-groupbtn .quadbtn {position:absolute; right:0; top:0;}
.input-groupbtn .quadbtn span {width:85px; height:46px; line-height:46px;}

.tablet .mbsform-requiretxt {text-align:right; display:block;}
.tablet .mbsform-line {position:relative; padding-bottom:10px;}
.tablet .mbsform-line-radio {text-align:left; padding:15px 0 10px;}
.tablet .mbsform-line-radio:after {content:""; display:block; clear:both;}
.tablet .mbsform-line-radio &gt; label {float:left; padding-right:10px;}
.tablet .mbsform-line-radio .radio-wrap {padding-bottom:10px; float:right;}
.tablet .mbsform-label {position:absolute; left:0; top:13px;}
.tablet .mbsform-input {padding-left:150px;}
.tablet .mbsform .checkbox-wrap {padding-top:20px; text-align:center;}
.tablet .warning-label {margin-bottom:7px;}
.tablet .input-groupbtn {padding-right:102px;}
.tablet .input-groupbtn .quadbtn span {width:92px;}

.web .mbsform-colum {margin-left:-80px;}
.web .mbsform-colum:after {content:""; display:block; clear:both;}
.web .mbsform-col {float:left; width:50%; padding-left:80px; }
.web .warning-label {background-position:left 2px;}


/* joln page */
.joinform .subselect {margin:0 -5px; max-width:420px;}
.joinform .subselect:after {content:""; display:block; clear:both;}
.joinform .subselect-jqList {width:33.3%; float:left; padding:0 5px;}
.joinform .radio-wrap span {padding-right:30px; display:inline-block;}
.joinform .gender {padding-top:13px; padding-bottom:13px;}
.joinform .checkbox-wrap.radio-wrap label {display:inline-block; padding-bottom:10px;}
.joinform .checkbox-wrap.radio-wrap .mbsform-wrap-radio {display:inline-block; padding-bottom:10px; padding-left:20px;}
.joinagree {padding-top:50px;}
.joinagree-tit {display:block; background:url('/my/en/resource/img/components/common/subcon-titbg.gif') no-repeat right top;}
.joinagree-body {margin:13px 0;  height:165px; border:1px solid #000; overflow:auto; position:relative;}
.joinagree-body.jsoverscroll { overflow: auto;}
.joinagree-bodycon {padding:15px; overflow:hidden;}
.joinagree .radio-wrap {padding-top:15px;}
.joinagree .radio-wrap span {padding-right:30px; display:inline-block;}
.join-btn {padding-bottom:60px;}

.tablet .joinagree .radio-wrap {float:right; padding-top:0;}
.tablet .joinagree .radio-wrap span {padding-right:0; padding-left:30px;}

.web .joinform .refertxt {padding-bottom:9px;}
.web .joinagree-body {margin:20px 0;}
.web .join-btn {padding-bottom:80px;}


/* search email/ID, password page */
.findform {padding-top:20px;}
.findform-tit {padding-bottom:20px;}
.findform-tittxt {padding-bottom:13px; display:inline-block; padding-right:40px; background:url('/my/en/resource/img/components/common/subcon-titbg.gif') no-repeat right top;}
.findform-titdes {display:block;}
.findform-wrap {background:#f7f7f7; padding:30px 15px 20px; max-width:1200px; margin:0 auto; position:relative; z-index:1;}
.findform .mbsform-label label {padding-left:0;}
.findform .subselect {margin:0 -5px; max-width:420px;}
.findform .subselect:after {content:""; display:block; clear:both;}
.findform .subselect-jqList {width:33.3%; float:left; padding:0 5px;}
.find-btn {padding-bottom:60px;}


.tablet .findform-wrap {padding-left:30px; padding-right:30px;}

.web .findform {padding-top:30px;}
.web .findform-wrap {padding-top:40px; padding-bottom:30px;}
.web .findform .mbsform-line {max-width:560px; margin:0 auto;}
.web .findform-tit {padding-bottom:10px;}
.web .findform-tittxt {margin-right:15px; padding-bottom:10px;}
.web .findform-titdes {display:inline-block; padding-bottom:5px;}
.web .find-btn {padding-bottom:80px;}


.pwchangeform {padding-top:0;}
.repwchtit {margin:30px 0; padding-top:90px; text-align:center; background:url('/my/en/resource/img/components/membership/pwchange-mark-s.gif') no-repeat center top;}
.repwchtit strong {padding-bottom:13px; display:block;}

.tablet .repwchtit {margin:40px 0;}

.web .pwchangeform .mbsform-input {padding-left:165px;}


.changeaccpwform {padding-top:30px;}
.changeaccpwform-wall {background:#f7f7f7; padding:30px 15px;}
.changeaccpwform-txt {text-align:center; padding-bottom:20px;}
.changeaccpwform .mbsform-label label {padding-left:0;}

.tablet .changeaccpwform-wall {padding:30px;}
.tablet .changeaccpwform .mbsform-line {padding-left:150px; max-width:560px; margin:0 auto;}

.web .changeaccpwform {max-width:1200px; margin:0 auto;}
.web .changeaccpwform-wall {padding:60px;}
.web .changeaccpwform-txt {padding-bottom:30px;}


/* close account form */
.closeaccform {padding-top:30px;}
.closeaccform-tit {padding:0 15px 20px; width:100%;}
.closeaccform-wall {background:#f7f7f7; padding:30px 15px; position: relative;}
.closeaccform-radio {  padding-bottom:10px;}
.closeaccform .radio-wrap {display:block; width:100%; padding-bottom:20px;}
.closeaccform-other label {padding-bottom:15px; display:block;}
.closeaccform-radio-inner { display: none; position: absolute; left:0; top:0; float:left; width:100%;}
.closeaccform-radio-innerwrap {margin:0;background:#fff; padding:20px 15px 0;}
.closeaccform-radio-innerwrap:after {content:""; display:block; clear:both;}

.tablet .closeaccform-tit {padding:0 30px 20px;}
.tablet .closeaccform-wall {padding:30px;}
.tablet .closeaccform-radio:after {content:""; display:block; clear:both;}
.tablet .closeaccform .radio-wrap {width:50%; float:left;}
.tablet .closeaccform .radio-wrap.other {width:100%;}
.tablet .closeaccform-radio-innerwrap {margin:0 15px; padding-left:15px; padding-right:15px;}

.web .closeaccform {max-width:1260px; padding:40px 30px 0;}
.web .closeaccform-tit {padding:0 0 30px;}
.web .closeaccform-wall {padding:40px;}
.web .closeaccform-radio {padding-bottom:20px;}
.web .closeaccform-radio-innerwrap {margin:0 15px; padding-left:25px; padding-right:25px;}


.inquiryform .mbsform .checkbox-wrap {padding:20px 0 0 0;}
.inquiryform .mbsform-wrap {border-bottom:none; padding-top:0;}
.inquiryform .mbsform-columwrap {border-bottom:1px solid #e4e4e4; padding-top:40px; padding-bottom:30px;}
.inquiryform .mbsform-col100 {width:100%;}
.inquiryform .counter-warp {top:5px; width:100%;}
.inquiryform .counter {display:inline-block; padding:2px 0 0 17px; font-size:12px; float:right;}

.tablet .inquiryform .mbsform .checkbox-wrap {text-align:left; padding:10px 0;}
.tablet .inquiryform .mbsform .mbsform-col100 .checkbox-wrap {text-align:center;}
.tablet .inquiryform .counter-warp {width:auto;}
.tablet .inquiryform .counter {display:block; float:none;}

.web .inquiryform .mbsform .checkbox-wrap {padding:20px 0 10px;}
.web .inquiryform .mbsform-col100 {float:left; padding-left:80px;}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .mbsform .required {background-image:url('/my/en/resource/img/components/membership/joinform-required-X2.gif'); background-size:9px;}
    .warning-label {background-image:url('/my/en/resource/img/components/membership/ico-warning-X2.gif'); background-size:13px;}
    .repwchtit {background-image:url('/my/en/resource/img/components/membership/pwchange-mark.gif'); background-size:63px;}
}



/* membership common */


/* popup style */
.popup-tit {border-bottom:1px solid #000; padding:15px 20px; position:relative;}
.popup-tit:after {content:""; display:block; clear:both;}
.popup-tit h1 {float:left; font-size:24px; padding-right:20px;}
.popup .closebtn {position:absolute; right:20px; top:22px; width:15px;}
.popup .closebtn img {width:100%;}
.popup-body {padding:30px 20px;}
.popup-wall {background:#f7f7f7; padding:30px;}
.popup-nmtxt {font-size:14px; line-height:20px;}

.findpu-txt {padding:20px 0 30px 0;}
.findpu-walltxt {text-align:center; color:#106ea8; font-size:20px; padding:10px 0;}
.findpu-formline {position:relative; max-width:500px; margin:0 auto;}
.findpu-label {position:absolute; left:0; top:13px;}
.findpu-input {padding-left:110px;}
.findpu-oplinebtn-group {text-align:center;}
.findpu-oplinebtn-group .oplinebtn {text-align:left; float:none; display:inline-block; margin-left:10px; margin-right:10px;}

.linkpopup1-con {text-align:center; padding:0 5px 30px;}
.linkpopup1-con &gt; img {width:63px; height:63px;}
.linkpopup1-contit {font-size:20px; display:block; padding:25px 0 13px 0;}
.linkpopup1-walltit {font-size:16px; padding-bottom:10px; display:inline-block; line-height:22px;}
.linkpopup1-walldes {padding-left:8px; background:url('/my/en/resource/img/components/membership/popup-linebullet.gif') no-repeat left 8px;}
.linkpopup-oplinebtn-group1 {max-width:450px;}

.linkpopup-oplinebtn-group2 {max-width:600px;}
.tbl-linkpopup2 {padding-bottom:20px;}
.tbl-linkpopup2 .col {font-size:14px;}
.tbl-linkpopup2 .col-1 {width:40%;}
.tbl-linkpopup2 .col-2 {width:60%; text-align:left;}

.tbl-samplepulist {padding-bottom:0;}
.tbl-samplepulist .tbl-row {display:table; width:100%;}
.tbl-samplepulist .col {font-size:14px; float:none; display:table-cell; vertical-align:middle;}
.tbl-samplepulist .col-1 {width:40%;}
.tbl-samplepulist .col-2 {width:60%; text-align:left;}
.tbl-samplepulist .quadbtn {font-size:12px; display:inline-block; margin:5px;}


.tablet .tbl-linkpopup2 .col-2 {padding-left:20px;}
.tablet .tbl-samplepulist .col-2 {padding-left:20px;}


.tbl-pointserh {padding-bottom:20px;}
.tbl-pointserh .col {font-size:14px;  display:block; width:100%; padding-left:0; padding-right:0;}
.tbl-pointserh .quadbtn-wrap {margin:0 -10px;}
.tbl-pointserh .quadbtn-wrap:after {content:""; display:block; clear:both;}
.tbl-pointserh .quadbtn {padding:10px; width:50%; float:left;}
.pointserh-form {max-width:436px; margin:0 auto;}
.pointserh-calwrap {padding:20px 0 85px 0; position:relative;}
.pointserh-calwrap:after {content:""; display:block; clear:both;}
.pointserh-calwrap .input-group {padding-right:32px; position:relative; float:left; width:46%}
.ui-datepicker-trigger {position:absolute; right:0; top:50%; margin-top:-11px; width:22px; height:22px;}
.pointserh-calwrap-web, .pointserh-calwrap-mob {display:none;}
.pointserh-calwrap-mob input {background:#fff;}
.pointserh-calbtn-mob {position:absolute; right:0; top:50%; margin-top:-11px; width:22px;}
.pointserh-calbtn-mob img {width:100%;}
.pointserh-caltxt {display:block; text-align:center; float:left; width:8%; line-height:46px;}
.pointserh-searchbtn {position:absolute; right:50%; margin-right:-23px; bottom:15px; width:46px;}
.pointserh-searchbtn img {width:100%;}

.tablet .tbl-pointserh {padding-bottom:40px;}
.tablet .tbl-pointserh .col {display:table-cell; padding-top:40px; padding-bottom:40px;}
.tablet .tbl-pointserh .col-1 {width:30%;}
.tablet .tbl-pointserh .col-2 {width:70%;}
.tablet .tbl-pointserh .quadbtn-wrap {margin:0;}
.tablet .tbl-pointserh .quadbtn {padding:0 6px; width:25%;}
.tablet .pointserh-calwrap {padding:30px 70px 0 6px;}
.tablet .pointserh-calwrap .input-group {width:42%;}
.tablet .pointserh-caltxt {width:16%;}
.tablet .pointserh-searchbtn {right:0; margin-right:0; bottom:0;}


.tbl-pointbody {border-top:1px solid #e4e4e4; margin-top:20px;}
.tbl-pointbody .col {text-align:left;}

.tbl-pointlist {padding-bottom:0;}
.tbl-pointlist .col {float:none; display:table; padding:0; width:100%;}
.tbl-pointlist .colhead {background:#f7f7f7; display:table-cell; width:40%; padding:10px; text-align:center; vertical-align:middle;}
.tbl-pointlist .colbody {display:table-cell; width:60%; vertical-align:middle; padding:10px;}

.tablet .tbl-pointbody {border:none; margin:0;}
.tablet .tbl-pointlist {padding-bottom:0;}
.tablet .tbl-pointlist .col {float:left; padding:15px 10px;}
.tablet .tbl-pointlist .col-1 {width:20%;}
.tablet .tbl-pointlist .col-2 {width:15%;}
.tablet .tbl-pointlist .col-3 {width:50%;}
.tablet .tbl-pointlist .col-4 {width:15%;}
.tablet .tbl-pointlist .colhead {overflow:hidden; position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; font-size:1px;}
.tablet .tbl-pointlist .colbody {padding:0; text-align:center; width:100%;}
.tablet .tbl-pointlist .tbl-row .col-3 .colbody {text-align:left;}


.pointpopup .popup-body {padding:0 0 30px 0;}
.points-head {background:#f7f7f7; padding:30px 20px;}
.points-head-txt {font-size:24px;}
.points-head-point {padding-top:15px;}
.points-head-point &gt; span {padding-left:30px; display:inline-block; background:url('/my/en/resource/img/components/common/ico-point.gif') no-repeat left center;}
.point-body {padding:30px 20px;}
.point-body-tit {font-size:20px;}

.purchasepopup .points-head-txt {font-size:20px;}
.purchasepopup .points-head-txt em {font-size:24px; padding-right:10px;}


.tablet .points-head {display:table; width:100%; padding:20px;}
.tablet .points-head-txt {display:table-cell;}
.tablet .points-head-point {display:table-cell; padding-top:0; padding-left:10px; text-align:right;}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .points-head-point &gt; span {background-image:url('/my/en/resource/img/components/common/ico-point-X2.gif'); background-size:23px;}
}

/* 2020 new membership */
.renew input { width:100%; height:48px; padding:6px 15px; color:#000; background:#f4f4f4; border:none; box-sizing: border-box;}
.renew input[type="number"]::-webkit-outer-spin-button,
.renew input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.renew input[type="number"] { -moz-appearance:textfield; }
.renew input[type='radio'],.renew input[type='checkbox'] {height:18px;}
/* .renew .pc-only.hide {display: none;} */
.renew .mo-only {display: none;}
.renew .input-label {color:#767676;}
.renew .subselect-jqList .jqListBox-combo {height:49px; border-color:#f4f4f4; line-height:49px;  box-sizing: border-box;}
.renew .subselect-jqList .jqListBox-combo-txt {height:49px; padding-left:15px; color:#a1a0a0; font-size:16px; font-family: "brandon-grotesque"; font-weight:400; line-height:49px; background-color:#f4f4f4; box-sizing: border-box;}
.renew .subselect-jqList .jqListBox-combo-txt.selected {color:#000;}
.renew .subselect-jqList .jqListBox-combo-arrow {width:24px; background:url("/my/en/resource/img/components/membership/subjqlistbox-arrow2.png") no-repeat 0 50%}
.renew .subselect-jqList .jqListbox-adapt {height:49px;}
.renew .subselect-jqList .jqListbox-adapt .disabled {height:49px;padding-left:15px;background:#f4f4f4;font-size:16px;font-family:"brandon-grotesque";font-weight:400;color:#aaa;line-height:49px;box-sizing:border-box;}
.register.renew .warning-label {color:#da1b56 !important; font-family: "NotoSansKR"; font-weight:300;  font-size:12px; line-height:12px; background-image:url('/my/en/resource/img/components/membership/new/ico-warning2.png'); background-position: left 0;}

/* register */
.register.renew {color:#000; font-family: "brandon-grotesque"; font-weight: 400;}
.register.renew input[type="text"]:disabled {color:#aaa;-webkit-text-fill-color:inherit;opacity:1;}
.register.renew .star {color:#6ca3ff; font-size:16px; font-weight: 600; vertical-align: text-top;}
.register.renew .opt-boxside fieldset:first-child + .join-btn {margin-top:60px;}
.register.renew .mbsimgtit {height:231px; color:#fff; background:url('/my/en/resource/img/components/membership/new/register-tit-bg.jpg') no-repeat center top;}
.register.renew .mbsimgtit-wrap {position:relative; padding:70px; background-image:none !important;}
.register.renew .mbsimgtit-wrap strong {font-size:28px; font-family: "brandon-grotesque"; font-weight: 700;}
.register.renew .mbsimgtit-wrap .opt-btm {font-size:20px; font-family: "brandon-grotesque"; font-weight: 600;}
.register.renew .mbsform-requiretxt {border:none; padding:12px 0 10px; font-size:14px; font-weight: 600;}
.register.renew .mbsform-wrap {position:relative; padding-top:70px; border-bottom:0;}
.register.renew .mbsform-wrap:after {position: absolute; display:block; width: 100%; height:2px; top:0; left:0; background:url('/my/en/resource/img/components/membership/login_blueline2.png') repeat-x; content:'';}
.register.renew .mbsform-table {width:100%;} 
.register.renew .mbsform-table:after {display:block;clear:both;content:'';}
.register.renew .mbsform-table .tb-conts {float:left; width:50%; padding:0 40px; box-sizing:border-box;}
.register.renew .mbsform-table .tb-conts.wid {width:100%; padding:0; display: none;}
.register.renew .mbsform-table .tb-conts .inner {width:50%; padding:0 40px;}
.register.renew .mbsform-table .tb-conts:after {display:block; content:''; clear: both;}
.register.renew .mbsform-table .th-box {float:left; display:table; width:17.7%}
.register.renew .mbsform-table .th-box &gt; div {display:table; height:48px;}
.register.renew .mbsform-table .th-box label {display:table-cell; color:#000; font-size:16px; font-weight: 600; line-height:18px; vertical-align: middle;}
.register.renew .mbsform-table .td-box {float:left; width:82.3%; min-height:84px;}
.register.renew .mbsform-table .td-box .checked + label {color:#000}
.register.renew .mbsform-table .td-box .desc {padding-right:10px; font-family: "NotoSansKR"; font-weight:300;  font-size: 12px; line-height: 13px;}
.register.renew .mbsform-table .input-group label {color:#a1a0a0; font-size:14px; font-family: "NotoSansKR"; font-weight: 400; }
.register.renew .mbsform-table .subselect {max-width:none;}
.register.renew .mbsform-table .input-box.id-box {display:flex;}
.register.renew .mbsform-table .input-box.id-box .input-group {flex:1;}
.register.renew .mbsform-table .input-box.id-box .verify-box {width:110px; margin-left:6px;}
.register.renew .mbsform-table .id-box .verify-box button,
.register.renew .mbsform-table .id-box .verify-box span {display: none; width:111px; height:48px; font-size:16px; font-family: "brandon-grotesque"; font-weight: 400; letter-spacing: -0.025em; box-sizing:border-box;}
.register.renew .mbsform-table .id-box .verify-box button.on,
.register.renew .mbsform-table .id-box .verify-box span.on {display: block;}
.register.renew .mbsform-table .id-box .verify-box .btn-re {color:#fff; background:#505050;}
.register.renew .mbsform-table .id-box .verify-box .verify-time {color:#fff; font-size:18px; text-align: center; line-height: 46px; background:#959eaa;}
.register.renew .mbsform-table .id-box .verify-box .btn-veri {color:#000; background:#fff; border:1px solid #000;}
.register.renew .mbsform-table .id-box .verify-box .btn-veri:disabled {color:#fff; background: #7ba4db; border-color:#7ba4db;cursor:default;}
.register.renew .mbsform-table .id-box .verify-box .btn-veri:hover {color:#fff; background: #7ba4db; border-color:#7ba4db; transition: all 0.4s;}
.register.renew .mbsform-table .td-box .radio-wrap span {color:#aaa; font-size:16px; line-height: 48px;}
.register.renew .mbsform-table .verif-check {position:absolute; top:50%; right:21px; transform: translateY(-50%);}
.register.renew .mbsform-table .verif-check span {display: none; font-size:14px;}
.register.renew .mbsform-table .verif-check span.on {display: block;}
.register.renew .mbsform-table .verif-check .verify {padding-right:15px; background: url('/my/en/resource/img/components/membership/new/verify_check.png') no-repeat right;}
.register.renew .mbsform-table .verif-check .verify-non {color:#da1b56; text-decoration: underline;}
.register.renew .marketing-check {margin-top:70px; padding:0 40px;}
.register.renew .marketing-check h3 {font-size:20px;font-weight:600;font-family:"brandon-grotesque";}
.register.renew .marketing-check h3 .star {vertical-align:baseline;}
.register.renew .marketing-check p {margin:13px 0 35px;color:#656565; font-size:14px; font-family:"NotoSansKR"; font-weight:300; line-height:20px;}
.register.renew .marketing-check p .warning-label {margin-left:7px;}
.register.renew .marketing-check .check-list {margin-top: 20px;}
.register.renew .marketing-check .check-list + .check-list {margin-top: 13px;}
.register.renew .marketing-check .check-list + .check-list .radio-wrap {float:none;}
.register.renew .marketing-check .check-list .inner:after {display:block; content:''; clear: both;}
.register.renew .marketing-check .radio-wrap {float:left;}
.register.renew .marketing-check .check-wrap {float:left; margin-left:20px;}
.register.renew .marketing-check .radio-wrap label {color:#7c7c7c; font-size:14px; font-weight:300; font-family:"NotoSansKR";}
.register.renew .marketing-check .check-wrap label {padding-left:5px; color:#7c7c7c; font-size:12px; font-weight:600; font-family:"NotoSansKR"; line-height:18px;}
.register.renew .marketing-check .check-wrap span ~ span {margin-left:20px;}
.register.renew .marketing-check .check-list .error-box {margin-left:18px;}
.register.renew .ack_cons {margin-top:70px; padding:70px 40px 60px; border-top:1px solid #d4d4d4;}
.register.renew .ack_cons h3 {font-size:20px; font-weight: 600;}
.register.renew .ack_cons h3 .star {vertical-align: baseline;}
.register.renew .ack_cons p {margin-top:13px; margin-bottom:35px; color:#686262; font-family: "NotoSansKR"; font-weight:300; font-size:14px; line-height:24px;}
.register.renew .ack_cons .check-wrap .inner {display:inline-block;}
.register.renew .ack_cons .check-wrap .inner label {color:#7c7c7c; font-family: "NotoSansKR"; font-weight:300; font-size:14px;}
.register.renew .ack_cons .check-wrap .inner ~ .inner {margin-top:7px;}
.register.renew .ack_cons .link-arr {margin-left:20px; color:#656565; font-family: "NotoSansKR"; font-weight:500; font-size:12px; text-decoration: underline;}
.register.renew .ack_cons .warning-label {margin-left:18px;}
.register.renew .join-btn .complete {display:block; width:390px; height:54px; margin:0 auto; color:#fff; font-family: "brandon-grotesque"; font-size:20px; font-weight:600; line-height:52px; background:#7ba4db;}

@media only all and (max-width: 1260px){
    .renew input { height:48px; height:3.8095vw; padding:6px 15px; padding:0.4761vw 1.1904vw;}
    .renew .input-label {padding:15px 15px 0 20px; padding:1.1904vw 1.1904vw 0 1.5873vw;}
    .renew .subselect-jqList .jqListBox-combo {height:49px; height:3.8888vw; line-height:49px; line-height:3.8888vw;}
    .renew .subselect-jqList .jqListBox-combo-txt {height:49px; height:3.8888vw; padding-left:15px; padding-left:1.1904vw; font-size:16px; font-size:1.2698vw; line-height:49px; line-height:3.8888vw;}
    .renew .subselect-jqList .jqListBox-combo-arrow {width:24px; width:1.90476vw; background:url("/my/en/resource/img/components/membership/subjqlistbox-arrow2.png") no-repeat 0 50%; background-size: 40px 6px; background-size:3.1746vw 0.4761vw;}
    .renew .subselect-jqList .jqListbox-adapt {height:49px; height:3.8888vw;}
    .renew .subselect-jqList .jqListbox-adapt .disabled {height:3.8888vw;padding-left:1.1904vw;font-size:1.2698vw;line-height:3.8888vw;}
    .renew .subselect-jqList .jqListBox-list {top:46px; top:3.6507vw; height:300px; height:23.8095vw;}
    .renew .subselect-jqList .jqListBox-option {height:46px; height:3.6507vw; line-height:46px; line-height:3.6507vw; font-size:12px; font-size:0.9523vw; }
    .register.renew .opt-boxside fieldset:first-child + .join-btn {margin-top:4.7619vw;}
    .register.renew .warning-label {padding-left:17px; padding-left:1.3492vw; margin-bottom:7px; margin-bottom:0.5555vw; font-size:10px; font-size:0.7936vw; line-height:12px; line-height:1.30208vw; background-image:url('/my/en/resource/img/components/membership/new/ico-warning2.png'); background-position: left 0; background-size:1.0317vw;}
    
    /* register */
    .register.renew .star {font-size:16px; font-size:1.2698vw;}
    .register.renew .mbsimgtit {height:231px; height:18.3333vw; background:url('/my/en/resource/img/components/membership/new/register-tit-bg.jpg') no-repeat center top;}
    .register.renew .mbsimgtit-wrap {padding:70px; padding:5.5555vw;}
    .register.renew .mbsimgtit-wrap strong {font-size:28px; font-size:2.2222vw;}
    .register.renew .mbsimgtit-wrap .opt-btm {font-size:20px; font-size:1.5873vw;}
    .register.renew .mbsform-requiretxt {padding:12px 0 10px; padding:0.9523vw 0 0.7936vw; font-size:14px; font-size:1.1111vw;}
    .register.renew .mbsform-wrap {padding-top:70px; padding-top:5.5555vw;}
    /* .register.renew .mbsform-wrap:after {position: absolute; display:block; width: 100%; height:2px; top:0; left:0; background:url('/my/en/resource/img/components/membership/new/login_blueline2.png') repeat-x; content:'';} */
    .register.renew .mbsform-table .tb-conts { padding:0 40px; padding:0 3.1746vw;}
    .register.renew .mbsform-table .tb-conts .inner { padding:0 40px; padding:0 3.1746vw;}
    .register.renew .mbsform-table .th-box &gt; div {height:48px; height:3.8095vw; }
    .register.renew .mbsform-table .th-box label {font-size:16px; font-size:1.2698vw; line-height:18px; line-height:1.4285vw;}
    .register.renew .mbsform-table .td-box {min-height:80px; min-height:7.81250vw;}
    .register.renew .mbsform-table .td-box .desc {padding-right: 10px; font-family: "NotoSansKR"; font-weight: 300; font-size: 12px; line-height: 13px;}
    .register.renew .mbsform-table .input-group label {font-size:16px; font-size:1.2698vw;}
    .register.renew .mbsform-table .input-box.id-box .verify-box {width:110px; width:8.7301vw; margin-left:6px; margin-left:0.4761vw;}
    .register.renew .mbsform-table .id-box .verify-box button,
    .register.renew .mbsform-table .id-box .verify-box span {width:111px; width:8.8095vw; height:48px; height:3.8095vw; font-size:16px; font-size:1.2698vw;}
    .register.renew .mbsform-table .id-box .verify-box .verify-time {font-size:18px; font-size:1.4285vw; line-height: 46px; line-height:3.6507vw;}
    .register.renew .mbsform-table .td-box .radio-wrap span {font-size:16px; font-size:1.2698vw; line-height: 48px; line-height:3.8095vw;}
    .register.renew .mbsform-table .verif-check {right:21px; right:1.6666vw;}
    .register.renew .mbsform-table .verif-check span {font-size:14px; font-size:1.1111vw;}
    .register.renew .mbsform-table .verif-check .verify {padding-right:15px; padding-right:1.1904vw; background: url('/my/en/resource/img/components/membership/new/verify_check.png') no-repeat right; background-size: 11px 9px; background-size:0.8730vw 0.7142vw;}
    .register.renew .marketing-check {margin-top:20px; margin-top:5.5555vw; padding:0 40px; padding:0 3.1746vw;}
    .register.renew .marketing-check h3 {font-size:1.5873vw;}
    .register.renew .marketing-check p {margin:1.0317vw 0 2.7777vw;font-size:14px; font-size:1.1111vw; line-height:20px; line-height:1.5873vw;}
    .register.renew .marketing-check .check-list {margin-top: 20px; margin-top:1.5873vw;}
    .register.renew .marketing-check .check-list + .check-list {margin-top: 13px; margin-top:1.0317vw;}
    .register.renew .marketing-check .check-wrap {margin-left:20px; margin-left:1.5873vw;}
    .register.renew .marketing-check .radio-wrap label {font-size:14px; font-size:1.1111vw;}
    .register.renew .marketing-check .check-wrap label {padding-left:5px; padding-left:0.3968vw; font-size:12px; font-size: 0.9523vw; line-height:18px; line-height:1.4285vw;}
    .register.renew .marketing-check .check-wrap span ~ span {margin-left:20px; margin-left:1.5873vw;}
    .register.renew .marketing-check .check-list .error-box {margin-left:18px; margin-left:1.4285vw;}
    .register.renew .ack_cons {margin-top:70px; margin-top:5.5555vw; padding:40px 40px 60px; padding:5.5555vw 3.1746vw 4.7619vw;}
    .register.renew .ack_cons h3 {font-size:20px; font-size:1.5873vw;}
    .register.renew .ack_cons p {margin-top:13px; margin-top:1.0317vw; margin-bottom:35px; margin-bottom:2.7777vw; font-size:14px; font-size:1.1111vw; line-height:24px; line-height:1.9047vw;}
    .register.renew .ack_cons .check-wrap .inner label {font-size:14px; font-size:1.1111vw;}
    .register.renew .ack_cons .check-wrap .inner ~ .inner {margin-top:7px; margin-top:0.5555vw;}
    .register.renew .ack_cons .link-arr {margin-left:20px; margin-left:1.5873vw; font-size:12px; font-size: 0.9523vw;}
    .register.renew .ack_cons .warning-label {margin-left:18px; margin-left:1.4285vw;}
    .register.renew .join-btn .complete {width:390px; width:30.9523vw; height:54px; height:4.2857vw; font-size:20px; font-size:1.5873vw; line-height:52px; line-height:4.1269vw;}
}


@media only all and (min-width: 768px){
    .renew .icheckbox_minimal {vertical-align: top;}
}

@media only all and (max-width: 767px){
    .renew input {height:66px; height:9.1666vw;}
    .renew input[type='radio'],.renew input[type='checkbox'] {height:22px; height:3.0555vw;}
    .renew .pc-only,
    .renew .mo-only.hide {display: none;}
    .renew .mo-only {display: block;}
    .register.renew .opt-borderbot {padding-bottom:17px; padding-bottom:2.3611vw;}
    .register.renew .opt-boxside {padding:0;}
    .register.renew .opt-boxside fieldset:first-child + .join-btn {margin-top:8.3333vw;}
    .register.renew .mbsimgtit-wrap {padding:0 30px; padding:0 4.1666vw; color:#000;}
    .register.renew .mbsimgtit-wrap strong {font-size:40px; font-size:5.5555vw;}
    .register.renew .mbsimgtit-wrap .opt-btm {margin-top:5px; margin-top:0.6944vw; font-size:28px; font-size:3.8888vw; line-height:34px; line-height:4.7222vw;}
    .register.renew .mbsimgtit {height:320px; height:44.4444vw; background-image: url('/my/en/resource/img/components/membership/new/register-tit-bg-mo.jpg'); background-size:cover;}

    .register.renew .opt-boxside .joinform {padding:0 30px; padding:0 4.1666vw;}
    .register.renew .mbsform-requiretxt {padding:4.1666vw 0 2.7777vw; font-size:22px; font-size:3.0555vw; text-align: right;}
    .register.renew .mbsform-requiretxt .star {font-size:22px; font-size:3.0555vw;}

    .register.renew .mbsform-table {padding:0 9px; padding:0 1.25vw;}
    .register.renew .mbsform-table .tb-conts {float:none; width: 100%; padding: 0; margin-bottom:20px; margin-bottom:2.7777vw;}
    .register.renew .mbsform-table .tb-conts .inner {width:100%; padding:0;}
    .register.renew .mbsform-table .th-box {width:25.5%;}
    .register.renew .mbsform-table .td-box {width:74.5%;}
    .register.renew .mbsform-table .th-box &gt; div {width:100%; height:66px; height:9.1666vw;}
    .register.renew .mbsform-table .th-box label {font-size:24px; font-size:3.73333vw; line-height:30px; line-height:4.1666vw;}
    .register.renew .mbsform-table .th-box label .star {font-size:24px; font-size:3.3333vw; vertical-align: baseline;}
    .register.renew .mbsform-table .input-group label {padding:0 15px 0; padding:0 2.0833vw 0; font-size:22px; font-size:3.2vw; line-height: 66px; line-height:9.1666vw;}
    .register.renew .warning-label {margin:7px 0 0px; margin:0.9722vw 0 0; padding-left:23px; padding-left:3.1944vw; font-size:18px; font-size:2.5vw; line-height:20px; line-height:2.7777vw; background-image:url('/my/en/resource/img/components/membership/new/ico-warning2_mo.png'); background-size:14px; background-size:1.9444vw; background-position: left 4px; background-position: left 0.5555vw;}

    .register.renew .joinform .subselect {max-width: inherit;}
	.register.renew .subselect-jqList .jqListBox-list {top:66px; top:9.1666vw;}
    .register.renew .subselect-jqList .jqListBox-combo {height:66px; height:9.1666vw; line-height: 66px; line-height:9.1666vw;}
    .register.renew .subselect-jqList .jqListBox-combo-txt {height:66px; height:9.1666vw; padding-left:15px; padding-left:2.0833vw; padding-right:30px; padding-right:4.1666vw; font-size:22px; font-size:3.0555vw; line-height:66px; line-height:9.1666vw;}
    .register.renew .subselect-jqList .jqListBox-combo-arrow {width:11px; width:1.5277vw; margin-right:20px; margin-right:2.7777vw; background:url("/my/en/resource/img/components/membership/new/subjqlistbox-arrow2mo.png") no-repeat 0 50%; background-size:11px 6px; background-size:1.5277vw 0.8333vw;}
    .register.renew .subselect-jqList .jqListbox-adapt {height:66px; height:9.1666vw;}
    .register.renew .subselect-jqList .jqListbox-adapt .disabled {height:9.1666vw;padding-left:2.0833vw;font-size:3.0555vw;line-height:9.1666vw;}
    .register.renew .subselect-jqList .jqListBox-option {height:66px; height:9.1666vw; font-size:22px; font-size:3.0555vw;}
    .register.renew .mbsform-table .td-box .radio-wrap {display:table; height:66px; height:9.1666vw;}
    .register.renew .mbsform-table .td-box .radio-wrap span {display:table-cell; font-size:22px; font-size:3.0555vw; line-height:30px; line-height:4.1666vw; vertical-align: middle;}
    .register.renew .mbsform-table .td-box .radio-wrap span label {vertical-align: middle;}
    .register.renew .mbsform-table .input-box.id-box .verify-box {width:130px; width:18.0555vw; margin-left:10px; margin-left:1.3888vw;}
    .register.renew .mbsform-table .id-box .verify-box button, 
    .register.renew .mbsform-table .id-box .verify-box span {width:130px; width:18.0555vw; height:66px; height:9.1666vw; font-size:22px; font-size:3.0555vw;}
    .register.renew .mbsform-table .id-box .verify-box .btn-veri {color:#fff; background: #7ba4db; border-color:#7ba4db; font-size:3.73333vw;}
    .register.renew .mbsform-table .id-box .verify-box .verify-time {font-size:22px; font-size:3.0555vw; line-height:64px; line-height:8.8888vw; letter-spacing: -0.05em;}
    .register.renew .mbsform-table .verif-check {right:32px; right:4.4444vw;}
    .register.renew .mbsform-table .verif-check .verify {padding-right:28px; padding-right:3.8888vw; font-size:22px; font-size:3.0555vw; background:url('/my/en/resource/img/components/membership/new/verify_check_mo.png') no-repeat right; background-size:18px 15px; background-size:2.5vw 2.0833vw;}
    .register.renew .mbsform-table .verif-check span {font-size:22px; font-size:3.0555vw;}
    .register.renew .mbsform-table .td-box .desc {font-size:18px; font-size:2.5vw; line-height:22px; line-height:3.0555vw;}
    .register.renew .mbsform-table .td-box .desc + .warning-label {margin-top:25px; margin-top:3.4722vw;}
    .renew .icheckbox_minimal,
    .renew .iradio_minimal {background: url('/my/en/resource/img/components/membership/new/icheck-minimal2-m.png') no-repeat; background-size:108px 22px; background-size: 15vw 3.0555vw; width:22px; width:3.0555vw; height:22px; height:3.0555vw; margin-right:2px; margin-right:0.2777vw; vertical-align: middle;}
    .renew .iradio_minimal {background: url('/my/en/resource/img/components/membership/new/icheck-minimal2-m.png') no-repeat; background-size:108px 22px; background-size: 15vw 3.0555vw; width:22px; width:3.0555vw; height:22px; height:3.0555vw; margin-right:2px; margin-right:0.2777vw; vertical-align: middle;}
    .register.renew .marketing-check {margin-top:37px; margin-top:12.5vw; padding:0;}
    .register.renew .marketing-check h3 {font-size:4.26667vw;font-weight:700;}
    .register.renew .marketing-check h3 .star {font-size:4.1666vw;}
    .register.renew .marketing-check p {margin:3.8888vw 0 4.8611vw;font-size:24px; font-size:3.2vw; line-height:26px; line-height:4.4444vw; }
    .register.renew .marketing-check p .warning-label {margin-left:-7px; margin-left:-1.94444vw; text-indent:0;}
    .register.renew .marketing-check .check-list {margin-top:25px; margin-top:3.4722vw;}
    .register.renew .marketing-check .check-list + .check-list {margin-top:30px; margin-top:4.1666vw;}
    .register.renew .marketing-check .radio-wrap {float: none; display:flex;}
    .register.renew .marketing-check .radio-wrap .iradio_minimal {width:22px; width:3.0555vw; margin-top:2px; margin-top:1.06667vw; margin-right:12px; margin-right:1.6666vw;}
    .register.renew .marketing-check .radio-wrap label {flex:1; font-size:22px; font-size:3.73333vw; font-family: "brandon-grotesque"; font-weight: 300;}
    .register.renew .marketing-check .check-wrap {float:none; margin-top:30px; margin-top:4.1666vw; margin-left:35px; margin-left:4.8611vw;}
    .register.renew .marketing-check .check-wrap label {padding-left:3px; padding-left:0.4166vw; font-size:22px; font-size:3.73333vw; font-weight:300; line-height:22px; line-height:3.0555vw; vertical-align: middle;}
    .register.renew .marketing-check .check-list .error-box {margin-top:20px; margin-top:2.7777vw; margin-left:35px; margin-left:4.8611vw;}

    .register.renew .ack_cons {margin:90px 30px 0px; margin:12.5vw 4.1666vw 0px; padding:60px 0; padding:12.5vw 0 8.3333vw;}
    .register.renew .ack_cons h3 {font-size:30px; font-size:4.26667vw; font-weight: 700;}
    .register.renew .ack_cons h3 .star {font-size:30px; font-size:4.1666vw;}
    .register.renew .ack_cons p {margin:28px 0 35px; margin:3.8888vw 0 4.8611vw; font-size: 22px; font-size:3.2vw; line-height: 32px; line-height:4.4444vw;}
    .register.renew .ack_cons .check-wrap .inner {display:flex;}
    .register.renew .ack_cons .check-wrap .inner ~ .inner {margin-top:30px; margin-top:4.1666vw;}
    .register.renew .ack_cons .check-wrap .inner .icheckbox_minimal {width:22px; width:3.0555vw; margin-top:6px; margin-top:0.8333vw; margin-left:12px; margin-left:1.6666vw; margin-right:8px; margin-right:1.1111vw;}
    .register.renew .ack_cons .check-wrap .inner label {flex:1; font-size: 22px; font-size:3.2vw; line-height: 32px; line-height: 4.4444vw;}
    .register.renew .ack_cons .link-arr {margin-top:11px; margin-top:1.5277vw; margin-left:42px; margin-left:5.8333vw; font-size:20px; font-size:3.2vw; font-weight: 400;}
    .register.renew .ack_cons .warning-label {margin-top:25px; margin-top:3.4722vw; margin-left:42px; margin-left:5.8333vw;}
    .register.renew .join-btn {padding-bottom:100px; padding-bottom:13.8888vw;}
    .register.renew .join-btn .complete {width:470px; width:65.2777vw; height:85px; height:11.8055vw; font-size:26px; font-size:3.6111vw; line-height:83px; line-height:11.5277vw;}
    .renew .icheckbox_minimal {background-position: 0 0;}
    .renew .icheckbox_minimal.checked {background-position: -28px 0; background-position:-3.8888vw 0;}
    .renew .iradio_minimal {background-position: -56px 0; background-position:-7.7777vw 0;}
    .renew .iradio_minimal.checked {background-position: -84px 0; background-position: -11.6666vw 0;}

}

/* password setting : S */
.register.renew .password-box .mbsimgtit-wrap {text-align:center;}
.register.renew .password-box .mbsimgtit-wrap strong {padding-bottom:0;font-size:40px;}
.register.renew .password-box .mbsform-wrap {padding-top:29px;}
.register.renew .password-box .information-box {text-align:center;}
.register.renew .password-box .information-box em {display:block;font-size:24px;font-weight:700;color:#020202;line-height:44px;}
.register.renew .password-box .information-box .text {margin-top:8px;font-family:'NotoSansKR';font-weight:400;font-size:18px;line-height:30px;color:#666;}
.register.renew .password-box .information-box .text span {display:block;margin-top:10px;}
.register.renew .password-box .information-box + .mbsform-table {margin-top:60px;}

@media screen and (max-width:767px) {
    .register.renew .password-box .mbsimgtit-wrap strong {font-size:25px;font-size:6.94444vw;}
    .register.renew .password-box .mbsform-wrap {padding-top:21px;padding-top:5.83333vw;}
    .register.renew .password-box .information-box em {font-size:15px;font-size:4.16667vw;line-height:24px;line-height:6.66667vw;}
    .register.renew .password-box .information-box .text {margin-top:8px;margin-top:2.22222vw;font-size:14px;font-size:3.88889vw;line-height:18px;line-height:5vw;}
    .register.renew .password-box .information-box .text span {margin-top:18px;margin-top:5vw;}
    .register.renew .password-box .information-box + .mbsform-table {margin-top:35px;margin-top:9.72222vw;}
}
/* password setting : E */

/* membership : S */
.sct-membership {font-family:brandon-grotesque; font-weight:400;}
.sct-membership a {font-family:inherit; font-weight:400;}
.sct-membership .pc-hide {display:none !important;}
.sct-membership .mo-hide {display:block !important;}
@media screen and (max-width: 999px) {
    .sct-membership .tablet-hide {display:none !important;}
}
@media screen and (max-width: 767px) {
    .sct-membership .pc-hide {display:block !important;}
    .sct-membership .mo-hide {display:none !important;}
}

/* layout :: common */
.mbs-cont-wrap {width:100%;}
.mbs-cont-inner {max-width:980px; margin:0 auto; padding:0 30px;}
.sct-membership .h-tit2 {color:#000; font-weight:700; font-size:38px; text-align:center;}

@media screen and (max-width: 767px) {
    .mbs-cont-inner {padding:0 30px;  padding:0 3.889vw;}
    .sct-membership .h-tit2 {font-size:45px;  font-size:6.250vw; letter-spacing: -0.02em;}
}

/* button */
.sct-membership .cta-wrap {text-align:center;}
.sct-membership .btn-link {display:inline-block; width:390px; padding:15px 91px 14px; background-color:#7ba4db; color:#fff; font-weight:600; font-size:18px; line-height:1.3; text-align:center;}
@media screen and (max-width: 767px) {
    .sct-membership .btn-link {padding:0; width:470px; width:65.2777vw; font-size:28px; font-size:3.889vw; line-height:87px; line-height:12.0833vw;}
}

/* banner */
.mbs-header {width:100%; height:328px; background:url('/my/en/resource/img/components/membership/customer-center-new/210622_01.jpg') no-repeat center 0;}
.mbs-header-inner {max-width:1200px; margin:0 auto;}
.mbs-header .h-tit {padding-top: 71px; padding-left: 5%; color:#000; font-weight:600; font-size:55px; text-align:center;}
.mbs-header .h-tit &gt; img{width: 43%;}
.mbs-header .h-tit .small {display:block; font-size:42px;}
.mbs-pc-only {display:block;}
.mbs-mo-only {display:none;}
@media screen and (max-width: 767px) {
    .mbs-header {height:326px; background-size:1920px 329px;  height:45.278vw; background-size:266.667vw 45.694vw;}
    .mbs-header-inner {width:100%; margin:0;}
    .mbs-header .h-tit {padding-top:90px; font-size:58px;  padding-top:7.500vw; font-size:8.056vw; font-weight:700;}
    .mbs-header .h-tit .small {font-size:50px;  font-size:6.944vw;}
    .mbs-pc-only {display:none;}
    .mbs-mo-only {display:block;}
    .mbs-header .h-tit &gt; img{width: 78%;}
}

.mbs-logo {margin-top:100px; text-align: center;}
.mbs-logo ul {display:inline-block;}
.mbs-logo ul li {display:inline-block; padding:0 60px; line-height:45px;}
.mbs-logo ul li + li {border-left:2px solid #bdd0eb;}
.mbs-logo ul li img {vertical-align:middle;}
@media screen and (max-width: 767px) {
    .mbs-logo {margin-top:84px; margin-top:11.6666vw;}
    .mbs-logo ul li {height:45px; padding:0 50px; line-height:45px; height:6.25vw; padding:0 6.9444vw; line-height:6.25vw;}
    .mbs-logo ul li + li {border-left:2px solid #bdd0eb; border-left: 0.2777vw solid #bdd0eb;}
    .mbs-logo ul li img {display:inline-block; width:175px; height:30px; width:24.3055vw; height:4.1666vw; vertical-align: middle;}
}
/* introduction details */
.mbs-logo + .mbs-introduction {padding-top:60px;}
.mbs-introduction {padding:100px 48px 34px;}
.mbs-introduction .h-tit2 {color:#020202; font-weight:600; font-size:36px; letter-spacing:-0.03em; text-align:center;}
.mbs-introduction .intr-desc {margin-top:15px; color:#666; font-size:20px; line-height:1.5; text-align:center;}
.mbs-introduction .intr-list {margin-top:38px; padding:0 0 35px; background:url('/my/en/resource/img/components/membership/customer-center-new/intr-bg-dotted.png') repeat-x 0 100%;}
.mbs-introduction .intr-list:after {clear:both; display:block; content:'';}
.mbs-introduction .intr-list li {position:relative; float:left; width:33.333%; padding-top:106px; color:#000; font-size:18px; font-weight:600; text-align:center;}
.mbs-introduction .intr-list li:after {display:block; position:absolute; top:0; left:50%; width:81px; height:81px; margin-left:-40px; background-repeat:no-repeat; background-position:0 0; content:'';}
.mbs-introduction .intr-list .item-1:after {background-image:url('/my/en/resource/img/components/membership/customer-center-new/intr-icon-01.png');}
.mbs-introduction .intr-list .item-2:after {background-image:url('/my/en/resource/img/components/membership/customer-center-new/intr-icon-02.png');}
.mbs-introduction .intr-list .item-3:after {background-image:url('/my/en/resource/img/components/membership/customer-center-new/intr-icon-03.png');}
.mbs-introduction .cta-wrap {padding-top:50px;}

@media screen and (max-width: 767px) {
    .mbs-logo + .mbs-introduction {padding-top:60px;padding-top:8.333vw;}
    .mbs-introduction {padding:84px 0 34px; padding:11.6666vw 0 4.722vw;}
    .mbs-introduction .h-tit2 {font-size:42px; line-height:1.2;  font-size:5.833vw;}
    .mbs-introduction .intr-desc {margin-top:20px; font-size:28px; line-height:1.3;  margin-top:2.778vw; font-size:3.889vw;}
    .mbs-introduction .intr-list {margin-top:56px; padding:0 0 45px; background:url('/my/en/resource/img/components/membership/new/login_blueline2.png') repeat-x 0 100%;   margin-top:7.778vw; padding:0 0 6.250vw;}
    .mbs-introduction .intr-list li {padding-top:115px; font-size:22px; padding-top:15.972vw; font-size:3.056vw;}
    .mbs-introduction .intr-list li:after {width:100px; height:98px; margin-left:-50px; background-size:100px 98px;  width:13.889vw; height:13.611vw; margin-left:-6.944vw; background-size:13.889vw 13.611vw;}
    .mbs-introduction .intr-list .item-1:after {background-image:url('/my/en/resource/img/components/membership/customer-center-new/intr-icon-01-m.png');}
    .mbs-introduction .intr-list .item-2:after {background-image:url('/my/en/resource/img/components/membership/customer-center-new/intr-icon-02-m.png');}
    .mbs-introduction .intr-list .item-3:after {background-image:url('/my/en/resource/img/components/membership/customer-center-new/intr-icon-03-m.png');}
    .mbs-introduction .cta-wrap {padding-top:50px;  padding-top:6.944vw;}
}

/* my membership */
.mbs-my-info {padding-top:87px;}
.mbs-my-info-inner {padding:0 0 30px; border-bottom:1px solid #e4e4e4;}
.mbs-my-info .mbs-my-box {padding:34px 38px 49px; background-color:#f1f7ff; border-radius:8px;}
.mbs-my-info .mbs-my-box:after {clear:both; display:block; content:'';}
.mbs-my-info .bx-my {float:left;}
.mbs-my-info .bx-my .h-tit3 {color:#000; font-weight:700; font-size:24px; text-align:center;}
.mbs-my-info .my-membership {width:50%;}
.mbs-my-info .my-mem-wrap {position:relative; min-height:166px; margin-top:38px; padding:0 32px 0 139px;}
.mbs-my-info .my-grade {position:absolute; top:18px; left:16px; width:88px; height:113px; background-repeat:no-repeat; background-position:0 0;}
.mbs-my-info .mbs-my-box.basic .my-grade {background-image:url('/my/en/resource/img/components/membership/customer-center-new/grade-basic.png');}
.mbs-my-info .mbs-my-box.vip .my-grade {background-image:url('/my/en/resource/img/components/membership/customer-center-new/grade-my.png');}
.mbs-my-info .mbs-my-box.vvip .my-grade {background-image:url('/my/en/resource/img/components/membership/customer-center-new/grade-vvip.png');}
.mbs-my-info .txt-hello {padding-top:6px; color:#000; font-size:20px; font-weight: 700; word-break:break-all;}
.mbs-my-info .level-desc {margin-top:7px; color:#000; font-size:18px; line-height:1.4;}
.mbs-my-info .my-points {position:relative; width:50%;  box-sizing:border-box;}
.mbs-my-info .my-points:after {display:block; position:absolute; top:10px; left:0; width:1px; height:235px; background-color:#bdd0eb; content:'';}
.mbs-my-info .txt-my-points {display:block; margin-top:16px; color:#666; font-weight:400; font-size:20px; text-align:center;}
.mbs-my-info .points-wrap {display:block; margin-top:29px; font-size:40px; text-align:center;}
.mbs-my-info .points-wrap .points-num {position:relative; display:inline-block; padding:0 0 0 80px; font-size:38px; font-weight:600; letter-spacing: -0.075em; line-height:1;}
.mbs-my-info .points-wrap .points-num:before {position:absolute; top:50%; left:0; width:66px; height:24px; margin-top:-12px; content:'';}
.mbs-my-info .mbs-my-box.basic .points-wrap .points-num:before {background:url('/my/en/resource/img/components/membership/customer-center-new/my-points.png') no-repeat 0 0; content:'';}
.mbs-my-info .mbs-my-box.vip .points-wrap .points-num:before {background:url('/my/en/resource/img/components/membership/customer-center-new/my-points-blue.png') no-repeat 0 0; content:'';}
.mbs-my-info .mbs-my-box.vip .points-wrap .points-num:before {background:url('/my/en/resource/img/components/membership/customer-center-new/my-points-blue.png') no-repeat 0 0; content:'';}
.mbs-my-info .mbs-my-box.vvip .points-wrap .points-num:before {background:url('/my/en/resource/img/components/membership/customer-center-new/my-points-green.png') no-repeat 0 0; content:'';}
.mbs-my-info .change-info {margin-top:50px; text-align: center;}
.mbs-my-info .change-info a {display:block; font-size:18px; font-weight:600; line-height:37px; text-decoration: underline;}
.mbs-my-info .mbs-my-box .change-info .profile,
.mbs-my-info .mbs-my-box .change-info .pwd {display:inline-block; height:37px; margin-top:5px; padding-left:47px;}
.mbs-my-info .mbs-my-box .change-info .pwd {margin-left:25px;}
.mbs-my-info .mbs-my-box.basic .change-info .profile {background:url('/my/en/resource/img/components/membership/customer-center-new/prof-icon-basic.png') no-repeat left;} 
.mbs-my-info .mbs-my-box.basic .change-info .pwd {background:url('/my/en/resource/img/components/membership/customer-center-new/pwd-icon-basic.png') no-repeat left;}
.mbs-my-info .mbs-my-box.vip .change-info .profile {background:url('/my/en/resource/img/components/membership/customer-center-new/prof-icon-vip.png') no-repeat left;} 
.mbs-my-info .mbs-my-box.vip .change-info .pwd {background:url('/my/en/resource/img/components/membership/customer-center-new/pwd-icon-vip.png') no-repeat left;}
.mbs-my-info .mbs-my-box.vvip .change-info .profile {background:url('/my/en/resource/img/components/membership/customer-center-new/prof-icon-vvip.png') no-repeat left;} 
.mbs-my-info .mbs-my-box.vvip .change-info .pwd {background:url('/my/en/resource/img/components/membership/customer-center-new/pwd-icon-vvip.png') no-repeat left;}
@media screen and (max-width: 900px) {
    .mbs-my-info .mbs-my-box .change-info .pwd {margin-left:5px;}
}
@media screen and (max-width: 767px) {
    .mbs-my-info {padding-top:50px;  padding-top:6.944vw;}
    .mbs-my-info-inner {padding:0 0 38px; border-bottom:1px solid #e4e4e4;  padding:0 0 5.278vw;}
    .mbs-my-info .mbs-my-box {padding:27px 48px 35px; border-radius:10px;  padding:3.750vw 6.667vw 4.861vw; border-radius:1.389vw;}
    .mbs-my-info .mbs-my-box:after {display:none;}
    .mbs-my-info .bx-my {float:none;}
    .mbs-my-info .bx-my .h-tit3 {font-size:30px;  font-size:4.167vw;}
    .mbs-my-info .my-membership {width:100%;}
    .mbs-my-info .my-mem-wrap {min-height:196px; margin-top:23px; padding:0 0 50px 170px;  min-height:27.222vw; margin-top:3.1944vw; padding:0 0 6.9444vw 23.611vw;}
    .mbs-my-info .my-grade {top:46px; left:28px; width:106px; height:136px; background-size:106px 136px; top:6.3888vw; left:3.889vw; width:14.7222vw; height:18.8888vw; background-size:14.7222vw 18.8888vw;}
    .mbs-my-info .mbs-my-box.basic .my-grade {background-image:url('/my/en/resource/img/components/membership/customer-center-new/grade-basic-m.png');}
    .mbs-my-info .mbs-my-box.vip .my-grade {background-image:url('/my/en/resource/img/components/membership/customer-center-new/grade-my-m.png');}
    .mbs-my-info .mbs-my-box.vvip .my-grade {background-image:url('/my/en/resource/img/components/membership/customer-center-new/grade-vvip-m.png');}
    .mbs-my-info .txt-hello {padding-top:20px; font-size:28px;  padding-top:2.778vw; font-size:3.889vw;}
    .mbs-my-info .level-desc {margin-top:14px; font-size:24px;  margin-top:1.944vw; font-size:3.333vw;}
    .mbs-my-info .my-points {width:100%; padding-top:25px; padding-left:0; border-top:1px solid #d9e5f6;  padding-top:3.472vw;}
    .mbs-my-info .my-points:after {display:none;}
    .mbs-my-info .txt-my-points {margin-top:20px; font-size:28px;  margin-top:2.778vw; font-size:3.889vw;}
    .mbs-my-info .points-wrap {margin-top:50px; font-size:40px;  margin-top:6.944vw; font-size:5.556vw;}
    .mbs-my-info .points-wrap .points-num {padding:0 0 0 77px;  padding:0 0 0 10.6944vw; font-size:42px; font-size:5.8333vw;}
    .mbs-my-info .points-wrap .points-num:before {left:0; width:69px; height:26px; margin-top:-13px; margin-top:-1.8055vw; background-size:69px 26px;  width:9.5833vw; height:3.6111vw;}
    .mbs-my-info .mbs-my-box.vvip .points-wrap .points-num:before {background:url('/my/en/resource/img/components/membership/customer-center-new/my-points-green-m.png') no-repeat 0 0;background-size:9.5833vw 3.6111vw;}
    .mbs-my-info .mbs-my-box.vip .points-wrap .points-num:before {background:url('/my/en/resource/img/components/membership/customer-center-new/my-points-blue-m.png') no-repeat 0 0;background-size:9.5833vw 3.6111vw;}
    .mbs-my-info .mbs-my-box.basic .points-wrap .points-num:before {background:url('/my/en/resource/img/components/membership/customer-center-new/my-points-m.png') no-repeat 0 0;background-size:9.5833vw 3.6111vw;}

    .mbs-my-info .change-info {margin-top:45px; margin-top:6.25vw; padding-top:82px; padding-bottom:46px; border-top:1px solid #d9e5f6; padding-top:11.3888vw; padding-bottom:6.3888vw;}
    .mbs-my-info .mbs-my-box .change-info .pwd {margin-left: 107px; margin-left:14.8611vw;}
    .mbs-my-info .mbs-my-box .change-info .profile, .mbs-my-info .mbs-my-box .change-info .pwd {margin-top:0; padding-top:72px; padding-left:0; padding-top:10vw;}
    .mbs-my-info .mbs-my-box.basic .change-info .profile {background:url('/my/en/resource/img/components/membership/customer-center-new/prof-icon-basic-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.basic .change-info .pwd {background:url('/my/en/resource/img/components/membership/customer-center-new/pwd-icon-basic-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.vip .change-info .profile {background:url('/my/en/resource/img/components/membership/customer-center-new/prof-icon-vip-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.vip .change-info .pwd {background:url('/my/en/resource/img/components/membership/customer-center-new/pwd-icon-vip-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.vvip .change-info .profile {background:url('/my/en/resource/img/components/membership/customer-center-new/prof-icon-vvip-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}
    .mbs-my-info .mbs-my-box.vvip .change-info .pwd {background:url('/my/en/resource/img/components/membership/customer-center-new/pwd-icon-vvip-m.png') no-repeat; background-position: top center; background-size: 49px; background-size:6.8055vw;}    
    .mbs-my-info .change-info a {font-size:24px; font-size:3.3333vw; line-height:26px; line-height:3.6111vw;}
}


/* membership benefits */
.mbs-benefit {padding:40px 0 78px;}
.mbs-benefit-table {margin-top:38px;}
.mbs-benefit-table .rowgroup {margin-top:4px; background-color:#f1f7ff; border-radius:8px; overflow:hidden;}
.mbs-benefit-table .columnheader {margin-top:0; margin-bottom:10px; background:url('/my/en/resource/img/components/membership/customer-center-new/bg-table-columnheader.jpg') no-repeat center 0;}
.mbs-benefit-table .row {display:table; width:100%; height:76px; padding:17px 0;}
.mbs-benefit-table .cell {display:table-cell; vertical-align:middle; line-height:1.2;}
.mbs-benefit-table .cell-1 {position:relative; width:20.8%; padding:0 28px 0 22px; border-right:1px solid #bdd0eb; color:#000; /*font-family: "NotoSansKR";*/ font-weight:700; font-size: 23px; line-height: 27px;text-align:left;}
.mbs-benefit-table .cell-1.blank {border-right:none;}
.mbs-benefit-table .cell-2, .mbs-benefit .cell-3, .mbs-benefit .cell-4 {width:26.4%; padding:0 10px 0 50px; color:#666; font-family: "NotoSansKR"; font-size:16px; font-weight:300; line-height:24px; text-align:left;}
.mbs-benefit-table .cell.top {vertical-align: top;}
.mbs-benefit-table .cell .checked {display:block; width:23px; height:23px; margin:0 auto; background-repeat:no-repeat; background-position:0 0; line-height:0;}
.mbs-benefit-table .cell-2 .checked {background-image:url('/my/en/resource/img/components/membership/customer-center-new/checked-basic.png');}
.mbs-benefit-table .cell-3 .checked, .mbs-benefit-table .cell-4 .checked {background-image:url('/my/en/resource/img/components/membership/customer-center-new/checked-vip.png');}
.mbs-benefit-table .cell .cell-desc {display:block; margin-top:9px;}
.mbs-benefit-table .cell .cell-list {display: inline-block; margin-top:9px;}
.mbs-benefit-table .cell .cell-list li {position:relative; max-width:160px; padding-left:7px; font-size:16px; line-height:22px; text-align: left;}
.mbs-benefit-table .cell .cell-list li ~ li {margin-top:5px;}
.mbs-benefit-table .cell .cell-list li:after {position: absolute; width:2px; height:2px; top:9px; left:0; background:#6f7070; content:'';}
.mbs-benefit .tbl-desc {margin-top:25px; color:#999; font-family: "NotoSansKR"; font-weight:300; font-size:14px; line-height:1.6; text-align:center;}
.mbs-benefit .tbl-desc ~ .tbl-desc {margin-top:0;}

@media screen and (max-width: 900px) {
    .mbs-benefit-table .cell-1 {padding:0 18px 0 12px;}
}
/* membership benefit mobile */
@media screen and (max-width: 767px) {
    .mbs-benefit {padding:50px 0 70px; padding:6.9444vw 0 9.7222vw;}
    .mbs-benefit-accordion {margin-top:45px; margin-top:6.25vw;}
    .mbs-benefit-accordion .acc-box ~ .acc-box {margin-top:2px; margin-top:0.2777vw;}
    .mbs-benefit-accordion .acc-head {width:100%; height:120px; height:16.6666vw; background-size:cover !important;}
    .mbs-benefit-accordion .acc-box.basic .acc-head {background:url('/my/en/resource/img/components/membership/customer-center-new/bg-acc-basic.jpg') no-repeat 100% 100%;}
    .mbs-benefit-accordion .acc-box.vip .acc-head {background:url('/my/en/resource/img/components/membership/customer-center-new/bg-acc-vip.jpg') no-repeat 100% 100%;}
    .mbs-benefit-accordion .acc-box.vvip .acc-head {background:url('/my/en/resource/img/components/membership/customer-center-new/bg-acc-vvip.jpg') no-repeat 100% 100%;}
    .mbs-benefit-accordion .acc-head .acc-btn {position: relative; width:100%; height:100%; padding:0 30px 0 20px; padding:0 4.1666vw 0 2.7777vw; color:#fff; text-align: left; box-sizing:border-box;}
    .mbs-benefit-accordion .acc-head .acc-btn:before {position: absolute; display:block; top:50%; right: 30px; right:4.1666vw; width:18px; width:2.5vw; height:2px; height:0.2777vw; background:#fff; transform: translateY(-50%); content: '';}
    .mbs-benefit-accordion .acc-box .acc-head .acc-btn:after {position: absolute; display:block; top:50%; right: 38px; right:5.2777vw; width:2px; width:0.2777vw; height:18px; height:2.5vw; background:#fff; transform: translateY(-50%); content: '';}
    .mbs-benefit-accordion .acc-box.open .acc-head .acc-btn:after {display:none;}
    .mbs-benefit-accordion .acc-head .acc-tit {padding-left:54px; padding-left:7.5vw; font-family: "brandon-grotesque"; font-size:28px; font-size:3.8888vw; font-weight: 700;}
    .mbs-benefit-accordion .acc-box.basic .acc-tit {background:url('/my/en/resource/img/components/membership/customer-center-new/acc-icon-basic.png') no-repeat left 1.3888vw; background-size:4.0277vw 2.3611vw;}
    .mbs-benefit-accordion .acc-box.vip .acc-tit {background:url('/my/en/resource/img/components/membership/customer-center-new/acc-icon-vip.png') no-repeat left 0.2777vw; background-size:4.5833vw 3.75vw;}
    .mbs-benefit-accordion .acc-box.vvip .acc-tit {background:url('/my/en/resource/img/components/membership/customer-center-new/acc-icon-vvip.png') no-repeat left 0.1388vw; background-size:4.5833vw 4.0277vw;}
    .mbs-benefit-accordion .acc-head .acc-desc {font-family: "NotoSansKR"; font-size:22px; font-size:3.0555vw; font-weight:300; letter-spacing: -0.02em;}
    .mbs-benefit-accordion .acc-body {display: none;} 
    .mbs-benefit-accordion .acc-box .acc-body {font-family: "NotoSansKR"; font-size:22px; font-size:3.0555vw; font-weight:300; letter-spacing:-0.02em;} 
    .mbs-benefit-accordion .acc-body .acc-list &gt; li {padding:17px 20px 18px; padding:2.3611vw 2.7777vw 2.5vw;}
    .mbs-benefit-accordion .acc-body .acc-list &gt; li + li {border-top:2px solid #e6e6e6; border-top:0.2777vw solid #e6e6e6;}
    .mbs-benefit-accordion .acc-box.vvip .acc-list &gt; li {border-bottom:2px solid #e6e6e6; border-bottom:0.2777vw solid #e6e6e6}
    .mbs-benefit-accordion .acc-box.vvip .acc-list &gt; li + li {border-top:none;}
    .mbs-benefit-accordion .acc-body .desc {line-height:28px; line-height:3.8888vw;position: relative; padding-left: 2vw;} 
    .mbs-benefit-accordion .acc-body .desc:before {display: inline-block;content: "";width:3px;height: 3px;border-radius: 4px;background: #7da5dc;position: absolute;left: 0;top: 5px;} 
    .mbs-benefit-accordion .acc-body .acc-list .line-h {line-height:67px; line-height:9.3055vw;}
    .mbs-benefit-accordion .acc-body .sub-list {margin-top: 11px;margin-top: 1.5277vw;color: #999;line-height: 32px;line-height: 4.4444vw;}
    .mbs-benefit-accordion .acc-body .sub-list li {position:relative; padding-left:16px; padding-left:2vw;}
    .mbs-benefit .tbl-desc {font-size:18px; font-size:2.5vw; line-height:28px; line-height:3.8888vw;}
}
/* membership point */
.mbs-point {width:100%; background:url('/my/en/resource/img/components/membership/customer-center-new/bg-mbs-point.jpg') no-repeat center 0;  background-size: contain;}
.mbs-point-inner {max-width:980px; margin:0 auto; padding:62px 30px 92px;}
.mbs-point .h-desc {margin-top:10px; color:#666; font-size:20px; line-height:1.5; text-align:center;}
.mbs-point .tbl-desc-wrap {padding:27px 0 50px;}
.mbs-point .tbl-desc {color:#666; font-family: "NotoSansKR"; font-size:14px; font-weight:300; text-align:center; line-height:22px;}
.mbs-point .tbl-desc ~ .tbl-desc {margin-top:5px;}
.mbs-point .tbl-desc.blue {color:#7ba4db; font-weight:500;}
.mbs-point-table {margin-top:42px; padding-bottom:0;}
.mbs-point-table .rowgroup {margin-top:4px; background-color:#f1f7ff; border-radius:8px; overflow:hidden;}
.mbs-point-table .rowgroup ~ .rowgroup {font-weight: 300;}
.mbs-point-table .columnheader {margin-top:0; margin-bottom:10px; background-color:#7ba4db;}
.mbs-point-table .row {display:table; width:100%; height:84px; padding:20px 0; text-align:center;}
.mbs-point-table .columnheader .row {height:48px; padding:6px 0;}
.mbs-point-table .cell {display:table-cell; color:#666; /*font-family: "NotoSansKR";*/ font-size:16px; font-weight:400; vertical-align:middle;}
.mbs-point-table .columnheader .cell {color:#fff; font-weight:400; font-size:18px;}
.mbs-point-table .cell-1 {position:relative; width:15.5%; border-right:1px solid #bdd0eb; color:#000; font-weight: 600; }
.mbs-point-table .columnheader .cell-1 {padding:0; text-align:center;}
.mbs-point-table .cell-2 {width:68%; font-weight: 300;}
.mbs-point-table .cell-2 .num {margin-left:13px;}
.mbs-point-table .cell-2 .inner {display:table; width:100%; font-family: "NotoSansKR"; font-size:16px; font-weight: 300; line-height:26px; letter-spacing: -0.01em;}
.mbs-point-table .cell-2 .inner .point-desc1 {display:table-cell; vertical-align: middle; width:27.6%; padding:0 20px; box-sizing: border-box;}
.mbs-point-table .cell-2 .inner .point-desc2 {display:table-cell; vertical-align: middle; width:35.6%; padding:0 12px; box-sizing: border-box;}
.mbs-point-table .cell-2 .inner .point-desc3 {display:table-cell; vertical-align: middle; width:28.3%; padding:0 20px; box-sizing: border-box;}
.mbs-point-table .cell-2 .inner .point-or {display:table-cell; vertical-align: middle; width:4.2%; color:#7ba4db; font-weight: 400;}
.mbs-point-table .cell-2 .inner .point-desc2 em {display:inline-block; margin-top:3px; font-size: 12px; font-weight:300;}
.mbs-point-table .cell-2 .inner .star {font-size:26px;color:#7ba4db;line-height:22px;vertical-align:bottom;}

@media screen and (max-width: 1920px) {
    .mbs-point {width:100%; background:url('/my/en/resource/img/components/membership/customer-center-new/bg-mbs-point.jpg') no-repeat center 0; background-size: cover;}
}
@media screen and (max-width: 767px) {
    .mbs-point {background:url('/my/en/resource/img/components/membership/customer-center-new/bg-mbs-point-m.jpg') no-repeat center 0; background-size:cover;}
    .mbs-point-inner {padding:62px 30px 100px;  padding:8.611vw 4.167vw 13.8888vw;}
    .mbs-point .h-desc {margin-top:8px; font-size:28px; line-height:1.4;  margin-top:1.111vw; font-size:3.889vw;}
    .mbs-point .tbl-desc-wrap {padding:23px 0 49px; padding:3.1944vw 0 6.8055vw;}
    .mbs-point .tbl-desc {font-size:18px; line-height:28px; font-size:2.5vw; line-height:3.889vw; font-weight:400;}
    .mbs-point .tbl-desc.blue {margin-bottom:12px; margin-bottom:1.6666vw;}
    .mbs-point .tbl-desc ~ .tbl-desc {margin-top:8px; margin-top:1.1111vw;}
    .mbs-point-table {margin-top:55px;  margin-top:7.639vw; padding-bottom:6.8055vw;}
    .mbs-point-table .rowgroup {margin-top:0; border-radius:0; background-color: transparent;}
    .mbs-point-table .columnheader {display: none;}
    .mbs-point-table .row {height:52px; padding:0;  height:7.222vw;}
    .mbs-point-table .cell {display:block; width:100%; margin-bottom:2px; font-size:22px;  font-size:3.056vw; background:rgba(255,255,255,.7);}
    .mbs-point-table .cell-1 {position:relative; padding:0 30px; padding:0 4.1666vw; border-right:none; color:#000; font-size:28px; font-weight:400; font-size:3.8888vw; line-height:120px; line-height:16.6666vw; cursor:pointer; text-align:left;}
    .mbs-point-table .cell-1 span {font-weight:700;}
    .mbs-point-table .cell-1:before {position: absolute; display:block; top:50%; right: 30px; right:4.1666vw; width:18px; width:2.5vw; height:2px; height:0.2777vw; background:#000; transform: translateY(-50%); content: '';}
    .mbs-point-table .cell-1:after {position: absolute; display:block; top:50%; right: 38px; right:5.2777vw; width:2px; width:0.2777vw; height:18px; height:2.5vw; background:#000; transform: translateY(-50%); content: '';}
    .mbs-point-table .rowgroup.open .cell-1:after {display:none;}
    .mbs-point-table .cell-2 {display: none;}
    .mbs-point-table .cell-2 .num {margin-left:4px;  margin-left:0.556vw;}
    .mbs-point-table .cell-2 .inner {display:block; padding:34px 30px 38px; padding:4.7222vw 4.1666vw 5.2777vw; color:#000; font-family: "NotoSansKR"; font-size:22px; font-size:3.0555vw; font-weight:300; line-height:32px; line-height:4.4444vw; letter-spacing: -0.02em; text-align: left;}
    .mbs-point-table .cell-2 .inner .point-desc1 {display:block; width:100%; padding:0; }
    .mbs-point-table .cell-2 .inner .point-desc2 {display:block; width:100%; padding:0; }
    .mbs-point-table .cell-2 .inner .point-desc3 {display:block; width:100%; padding:0; }
    .mbs-point-table .cell-2 .inner .point-or {display:block; margin:18px 0; margin:2.5vw 0; font-weight:500;}
    .mbs-point-table .cell-2 .inner .point-desc2 em {margin-top:0; color:#999; font-size:18px; font-size:2.5vw;}
    .mbs-point-table .cell-2 .inner .star {font-size:17px;font-size:4.72222vw;line-height:18px;line-height:5vw;}
}

/* cs information */
.mbs-cs-info {width:100%; background-color:#f8f9fc;}
.mbs-cs-info-inner {max-width:1200px; margin:0 auto; padding:72px 0;}
.mbs-cs-info .h-wrap {text-align:center;}
.mbs-cs-info .h-tit2 {display:inline-block; position:relative;}
.mbs-cs-info .h-tit2 &gt; span {position:relative; z-index:1;}
.mbs-cs-info .h-tit2:after {display:block; position:absolute; bottom:0; left:50%; width:105%; height:23px; background-color:#c6d8f1; transform:translateX(-50%); content:'';}
.mbs-cs-info .cs-info-txt {margin-top:13px; color:#666; font-family: "NotoSansKR"; font-size:20px; font-weight:400; text-align:center; letter-spacing: -0.025em;}
.mbs-cs-info .cs-info-txt ~ .cs-info-txt {margin-top:34px;}
.mbs-cs-info .cs-info-list {margin-top:48px;}
.mbs-cs-info .cs-info-list li {margin-top:4px; color:#666; font-family: "NotoSansKR"; font-weight:400; font-size:20px; text-align:center; letter-spacing: -0.025em;}
.mbs-cs-info .cs-info-list li:first-child {margin-top:0;}
.mbs-cs-info .cs-info-list li em {display:inline-block; width:1px; height:14px; margin:0 6px 0 8px; background-color: #666;;}

@media screen and (max-width: 767px) {
    .mbs-cs-info-inner {padding:60px 30px 85px;  padding:8.333vw 4.167vw 11.806vw;}
    .mbs-cs-info .h-tit2:after {height:23px;  height:3.194vw;}
    .mbs-cs-info .cs-info-txt {margin-top:10px; font-size:22px; margin-top:1.3888vw; line-height:38px; font-size:3.0555vw; line-height:5.2777vw;}
    .mbs-cs-info .cs-info-txt ~ .cs-info-txt {margin-top:39px; margin-top:5.4166vw;}
    .mbs-cs-info .cs-info-list {margin-top:41px;  margin-top:5.6944vw;}
    .mbs-cs-info .cs-info-list li {margin-top:5px; font-size:22px;  margin-top:0.694vw; line-height:38px; font-size:3.0555vw; line-height:5.2777vw;}
    .mbs-cs-info .cs-info-list li em {height:17px; height:2.3611vw; margin: 0 7px 0 9px; margin:0 0.9722vw 0 1.25vw;}
    .mbs-cs-info .cs-info-list li em ~ em {display: none;}
}

/* membership : E */

/* membership password setting alert : S */
.overlay .dialog-notice.notice-type .nt-txt {line-height:28px;}
.overlay .dialog-notice.notice-type .text {display:block;margin-top:7px;}
.overlay .dialog-notice.notice-type .mo-text {display:block;}
.overlay .dialog-notice.notice-type .link-type {display:block;margin-top:17px;}
.overlay .dialog-notice.notice-type .link-type a {color:#000;text-decoration:underline;}

@media screen and (max-width: 767px) {
    .overlay .dialog-notice.notice-type .nt-txt {line-height:17px;line-hight:4.72222vw;}
    .overlay .dialog-notice.notice-type .text,
    .overlay .dialog-notice.notice-type .mo-text {margin-top:5px;margin-top:1.38889vw;}
    .overlay .dialog-notice.notice-type .link-type {margin-top:9px;margin-top:2.5vw;}
}
/* membership password setting alert : E */

/* membereship Update Profile : S */
.update-profile{}
.register.renew.update-profile .mbsimgtit-wrap{text-align: center;}
.register.renew.update-profile .mbsimgtit-wrap strong{font-size: 44px;}
.register.renew.update-profile .mbsform-table + .mbsform-table{padding-top: 25px;margin-top: 25px;border-top: 1px solid #e3e3e3;}
.register.renew.update-profile .warning-label{display: none;}

.update-profile-pop{}
.update-profile-pop .mo-only{display:none;}
.update-profile-pop .pc-only{display:block;}
.overlay.update-profile-pop .dialog-notice{padding:43px 30px 20px;}
.overlay.update-profile-pop .dialog-notice .btn-submit{font-family: 'brandon-grotesque';}

@media screen and (max-width: 767px) {
    .register.renew.update-profile .mbsimgtit-wrap strong{font-size:25px;color:#fff;}
    .register.renew.update-profile .mbsform-table + .mbsform-table{margin-top: 10px;}

    .update-profile-pop .mo-only{display:block;}
    .update-profile-pop .pc-only{display:none;}
    .overlay.update-profile-pop .dialog-notice{padding:5.333vw 5.333vw 6.667vw;}
    .overlay.update-profile-pop .dialog-notice .nt-txt{padding:0;}
    .overlay.update-profile-pop .dialog-notice .btn-submit{width:65%;flex:none;margin:0 auto;line-height: 9.444vw;}
}
/* membereship Update Profile : E */

/* find-pwd-bottom */
.find-pwd-bottom{padding:70px 0;text-align: center;background-color: #f8f9fc;}
.find-pwd-bottom h3 span{display:inline-block;font-size: 38px;font-family:"brandon-grotesque";font-weight:700;color:#000;letter-spacing: -0.02em;position:relative;z-index: 2;}
.find-pwd-bottom h3 span:after{content:'';display:block;width:104%;height:23px;position:absolute;left:-2%;bottom:0;z-index:-1;background-color: #c6d8f1;}
.find-pwd-bottom .desc{margin-top: 15px;font-size: 20px;line-height: 1.5;color:#666;letter-spacing: -0.025em;}
.find-pwd-bottom .contact{margin-top: 45px;}
.find-pwd-bottom .contact ul + ul{margin-top: 10px;}
.find-pwd-bottom .contact li{display: inline-block;vertical-align: middle;font-size: 20px;line-height:1;color:#666;letter-spacing: -0.025em;}
.find-pwd-bottom .contact li + li{margin-left: 7px;padding-left: 7px;border-left: 1px solid #666;}
.find-pwd-bottom .visit{margin-top: 30px;font-size: 20px;line-height: 1.5;color:#666;letter-spacing: -0.025em;}

@media screen and (max-width: 1024px) {
    .find-pwd-bottom{padding:60px 0;}
    .find-pwd-bottom h3 span{font-size: 40px;}
    .find-pwd-bottom .desc{font-size: 22px;line-height: 1.36;}
    .find-pwd-bottom .contact{margin-top: 40px;}
    .find-pwd-bottom .contact li{font-size: 22px;}
    .find-pwd-bottom .contact li + li{margin-left: 10px;padding-left: 10px;}
    .find-pwd-bottom .contact li:last-of-type{width:100%;margin-left: 0;padding-left: 0;border-left: 0;}
    .find-pwd-bottom .visit{margin-top: 50px;font-size: 22px;line-height: 1.72;}
}
@media screen and (max-width: 767px) {
    .find-pwd-bottom{padding:30px 0;}
    .find-pwd-bottom h3 span{font-size: 20px;}
    .find-pwd-bottom .desc{margin-top: 8px;font-size: 11px;}
    .find-pwd-bottom .contact{margin-top: 20px;}
    .find-pwd-bottom .contact li{font-size: 11px;}
    .find-pwd-bottom .contact li + li{margin-left: 5px;padding-left: 5px;}
    .find-pwd-bottom .visit{margin-top: 25px;font-size: 11px;}
}




/**************************** common.css **************************/
.wrapper {
    position: relative;
}

.container {
    position: relative;
    min-height: 300px;
}

/* main boxsizing bug */


.webL .maincontent {
    padding:0;
    max-width:1600px;
    margin:0 auto
}


.ly-subcontent {
    min-width:320px;
    max-width:1260px;
    width:100%;
    margin:0 auto;
    /*padding:0 15px;*/
}

.opt-main-contit {font-size:20px; font-family: arb, sans-serif; padding-left:15px;}
.subpage .sub-contit {height:80px; line-height:80px; text-align:center;}

.com-web80per {max-width:960px; margin:0 15px;}
.com-web80per:after {
    content:'';
    display: block;
    clear:both;
}

/* snsutil */
.snsutil {min-height:36px;}

.tablet .container {
}

.tablet .com-web80per {margin:0 30px;}
.tablet .opt-main-contit {padding-left:0; font-size:24px;}

.web.subpage .container {
}
.web.subpage .sub-contit {height:115px; line-height:115px;}
.web .com-web80per {width:100%; margin:0 auto;}

.web .container {}

.webM .opt-main-contit {font-size:30px;}


.header-ribbon{
    position: fixed;
    left:0;
    top:0;
    height:160px;
    width: 100%;
    overflow: hidden;
    background-color: #262626;
    z-index:100;
}

.ribbon-con {
    height:160px;
}


.header-wrap .snsutil { display: none;}
.footer-wrap .snsutil a {display:inline-block; float:none; padding-right:10px;}
.snsutil a img {width:32px;}

.header-wrap .mobgnb-bottom .snsutil {
    display: block;
    padding-top: 15px;
}

/* .header-wrap .mobgnb-bottom .snsutil a {
    display: inline-block;
    padding-left: 10px;
    padding-right: 0;
} */

.header-wrap .mobgnb-bottom .snsutil a:first-child {
    display: inline-block;
    padding-left: 0;
}

.web .header-wrap .snsutil {
    display: block;
    position: absolute;
    left:30px;
    top:30px;
}

.web .snsutil a {
    float: left;
    margin-right:10px;
}

.web .footer-wrap .snsutil a {margin-right:0; padding-right:8px; float:none;}
.web .snsutil a img {width:32px;}

.web .header-wrap .header-gnb .snsutil {
    display: none;
}

.web .footer-wrap .snsutil {
    position: relative;
    margin-top:-60px;
    text-align:center;
}


.siteutil ul li {display:inline;}
.siteutil ul li:before {content:"l"; padding:0 9px 0 7px; color:#d0d0d0;}
.siteutil ul li:first-child:before {content:""; padding:0;}
.siteutil ul li a {color:#767676}
.header-wrap .siteutil {display: none;}

.web .header-wrap .siteutil {display: block;position: absolute;right: 30px;top: 40px;}


.jqListbox-adapt {position:relative;display:block;height:47px;}
.jqListbox-adapt select {width:100%;height:100%;margin:0;padding:0;border:none;}
.jqListBox {position:relative;top:0;left:0;display:inline-block; /**display:inline; */ width:100%;vertical-align:top;font-size:13px; font-family:arm, AppleGothic, sans-serif;}
.jqListBox * {margin:0;padding:0;vertical-align:middle;text-decoration:none;}
.jqListBox-combo {display:block;height:43px;white-space:nowrap;font-size:17px;line-height:43px;color:#292a37;cursor:pointer; /*zoom:1;*/ border:1px solid #d4d4d7;}
.jqListBox-combo:after {content:"";display:block;clear:both}
.jqListBox-combo-txt {padding-right:38px; padding-left:10px;width:100%;float:left;overflow:hidden;text-overflow:ellipsis;}
.jqListBox-combo-arrow {position:absolute; right:2px; top:0;width:28px;height:100%;background:url("/my/en/resource/img/common/jqlistbox-arrow.png") no-repeat 0 50%;}
.jqListBox-combo-arrow.on {background-position:-29px 50%;}
.jqListBox-list {overflow-x:hidden;overflow-y:auto;position:absolute;top:auto;left:0;background:#fff;border:1px solid #ccc;list-style:none;z-index:1;}
.jqListBox-option{display:block;overflow:hidden;height:22px;padding:3px 0;text-indent:10px;color:#606060;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.jqListBox-option:focus,
.jqListBox-option:hover,
.jqListBox-option.selected {background-color:#f0f7fb;color:#2366b2;}

.jqdate .jqListBox-list {height:auto; overflow-x: hidden; overflow-y: scroll;}

.retina .jqListBox-combo-arrow {background-image:url("/my/en/resource/img/common/jqlistbox-arrow@2x.png");background-size:56px 7px;}






.UIslider { overflow: hidden; width: 100%; }
.UIslider-container {overflow: hidden; width: 100%;}
.UIslider-content { display: block; font-size:0; width: 100%;}
.UIslider-item { float: left; /* width: 100%; */ }
.UIslider-box { width: 100%; font-size: 0;}
.UIslider-item .UIslider-con { width: 100%; display: inline-block;}
.UIslider-item .UIslider-con img{ width: 100%;}

.UIindicator button {width:24px; height:24px;}
.UIindicator button&gt;img { width: 100%;}

.UIautorun button {}
.UIautorun button&gt;img {width:9px;}


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}


@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay : 200ms;
    animation-delay : 200ms;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    100% {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}


/* view sns share */
.com-subshare {position:relative; max-width:1260px; margin:0 auto;}
.com-subshare-wrap {position:absolute; width:100%; top:30px;}
.com-subshare-btn button {display:none; position:absolute; right:15px; top:5px; width:20px;}
.com-subshare-btn button &gt; img {width:100%;}
.com-subshare-btn button.show {display:block;}
.com-subshare-list {display:none; text-align:center; margin:30px -15px 0 -15px; width:100%; background:#f7f7f7; padding:14px 0;}
.com-subshare-list.show {display:block;}
.com-subshare-wrap .com-subshare-list.show {display:none;}
.com-subshare-list li {display:inline-block; padding-left:7px;}
.com-subshare-list li a img {width:32px;}

.tablet .com-subshare-wrap {top:-45px; right:0; width:160px;}
.tablet .com-subshare-btn {display:none;}
.tablet .com-subshare-wrap .com-subshare-list {display:block !important; background:none; margin:0; padding:0 30px 0 0; text-align:right;}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html {margin:0;padding:0; -webkit-overflow-scrolling: auto;}
body { width: auto; height: auto; overflow-x: hidden; position: relative; margin:0; padding:0;font-size:12px;line-height:1.3;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none;}
html, body{ width: 100%; height:100%; }
fieldset {min-width:0;}
div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top;}
hr { display: none;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
p {vertical-align: middle;}
strong,em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0; padding:0; border:none; border-image-width:0;}
button:focus {outline:#666 dotted 1px;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-ms-clear,
::-ms-reveal {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] &gt; input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

select, textarea, button {-webkit-appearance: none;border-radius: 0}
textarea{resize:none;}
input[type="text"],input[type="search"] {-webkit-appearance: none;border-radius: 0;}
.skip {position:fixed;top:0;left:0;width:100%;z-index:9999;}
.skip a{display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:40px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37;}

/* IR */
.screen_out {position:absolute;overflow:hidden;text-indent:-999em;width:1px;height:1px;font-size:1px;}

/* float clear */
.clearfix:after { clear:both; display:block; content:""; height:0; visibility:hidden;  }
* html .clearfix { height:1px; }
.clearfix { display:block; min-height:1px; }


/* box align */
.opt-fl{float:left;}
.opt-fr{float:right;}
.opt-fc{clear:both;}

/* text align */
.opt-tl{text-align:left;}
.opt-tr{text-align:right;}
.opt-tc{text-align:center;}

/* position align */
.opt-poss { position: static;}
.opt-posr { position: relative;}
.opt-posa { position: absolute;}
.opt-posf { position: fixed;}

/* dvice show/hide */
.res-mobshow { display: block;}
.res-tabletshow { display: none;}
.res-webshow { display: none;}

/* component color text */
.opt-textpink {color:#c5497d;}
.opt-textblue {color:#106ea8;}
.opt-textpurple {color:#4d56ce;}
.opt-textgreen {color:#1a6f00;}

/* component sub page border */
.opt-borderbot {border-bottom:1px solid #e4e4e4;}
.opt-bordertop {border-top:1px solid #e4e4e4;}

.vedio-playdim {width:100%; height:100%; position:absolute; left:0; top:0; background:url('/my/en/resource/img/common/video-dimbg.png') repeat left top;}
.dotline {overflow:hidden;}

.tablet .tablethide { display: none;}
.tablet .res-mobshow { display: none;}
.tablet .res-tabletshow { display: block;}

.web .subpage .res-webhide { display: none;}
.web .res-webshow { display: block;}

.webM .res-webhide { display: none;}



/*í…ìŠ¤íŠ¸ ê³µí†µ*/
.opt-text-arbfont { font-family: arb, sans-serif;}
.opt-text-arbfont p{ font-family: arb, sans-serif;}

.opt-htb {font-size:30px; line-height:34px;}
.opt-htm {font-size:24px; line-height:30px;}
.opt-hts {font-size:20px; line-height:26px;}

.opt-stb {font-size:16px; line-height:22px;}
.opt-stm {font-size:14px; line-height:20px;}

.opt-btb { font-size: 12px; line-height:18px;}
.opt-btm { font-size: 12px; line-height:18px;}
.opt-bts { font-size: 12px; line-height:18px;}

/*ì—¬ë°± ê³µí†µ*/
.opt-pts { padding-top: 20px;}
.opt-ptm { padding-top: 30px;}
.opt-ptb { padding-top: 50px;}

.opt-pbs { padding-bottom: 20px;}
.opt-pbsm { padding-bottom: 25px;}
.opt-pbm { padding-bottom: 30px;}
.opt-pbb { padding-bottom: 50px;}

.opt-mbs { margin-bottom: 20px;}
.opt-mbm { margin-bottom: 30px;}
.opt-mbb { margin-bottom: 50px;}


.web .subpage .opt-htb {font-size:40px; line-height:46px;}
.web .subpage .opt-htm {font-size:30px; line-height:34px;}
.web .subpage .opt-hts {font-size:24px; line-height:30px;}

.web .subpage .opt-stb {font-size:20px; line-height:26px;}
.web .subpage .opt-stm {font-size:16px; line-height:22px;}

.web .subpage .opt-btb { font-size: 16px; line-height:22px;}
.web .subpage .opt-btm { font-size: 14px; line-height:20px;}

/*ì—¬ë°± ê³µí†µ*/
.web .subpage .opt-pts { padding-top: 20px;}
.web .subpage .opt-ptm { padding-top: 40px;}
.web .subpage .opt-ptb { padding-top: 60px;}

.web .subpage .opt-pbs { padding-bottom: 20px;}
.web .subpage .opt-pbm { padding-bottom: 40px;}
.web .subpage .opt-pbb { padding-bottom: 60px;}

.web .subpage .opt-mbs { margin-bottom: 20px;}
.web .subpage .opt-mbm { margin-bottom: 40px;}
.web .subpage .opt-mbb { margin-bottom: 60px;}

.webM .opt-htb {font-size:40px; line-height:46px;}
.webM .opt-htm {font-size:30px; line-height:34px;}
.webM .opt-hts {font-size:24px; line-height:30px;}

.webM .opt-stb {font-size:20px; line-height:26px;}
.webM .opt-stm {font-size:16px;}

.webM .opt-btb { font-size: 16px; line-height:20px;}
.webM .opt-btm { font-size: 14px; line-height:20px;}

/*ì—¬ë°± ê³µí†µ*/
.webM .opt-pts { padding-top: 20px;}
.webM .opt-ptm { padding-top: 40px;}
.webM .opt-ptb { padding-top: 60px;}

.webM .opt-pbs { padding-bottom: 20px;}
.webM .opt-pbm { padding-bottom: 40px;}
.webM .opt-pbb { padding-bottom: 60px;}

.webM .opt-mbs { margin-bottom: 20px;}
.webM .opt-mbm { margin-bottom: 40px;}
.webM .opt-mbb { margin-bottom: 60px;}


/* sub page title style */
.subpage .subpagetit {text-align:center; padding:25px 0; margin:0 15px;}

.tablet .subpage .subpagetit {margin:0 30px;}

.web .subpage .subpagetit {padding:40px 30px;}



/* tab mobile select */

.tabtype-category { width: 100%; text-align: center; }
.tabtype-dropbox.active .tabtype-category-seleted:after  {
    top:0;
    background: url('/my/en/resource/img/product/product-category-select.png') no-repeat 0 0 ;
}
.tabtype-selected-box { height:52px; line-height:52px; background-color: #f7f7f7; }
.tabtype-category button{
    display: inline-block;
    height:52px;
    line-height:52px;
    padding:0 20px;
    min-width:180px;
    margin:0 auto;
    background-color: #ffffff;
    vertical-align:top;
}
.tabtype-category button span{
    display: inline-block;
    position: relative;
    padding-right:35px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tabtype-category .tabtype-category-wrap{  display: none; width: 100%; }
.tabtype-category-seleted { height:20px; position: relative; }
.tabtype-category-seleted:after {
    display: inline-block;
    width: 15px;
    height:15px;
    overflow: hidden;
    content:'';
    position: absolute;
    top:3px;
    right:0;
    margin-left:20px;
    background: url('/my/en/resource/img/product/product-category-select.png') no-repeat 0 -15px ;
}

.tabtype-category .tabtype-category-wrap li{ width: 100%; }
.tabtype-category .tabtype-category-wrap li.listhide{ display: none; }
.tabtype-category .tabtype-category-wrap .listhide{ display: none; }
.tabtype-category .tabtype-category-wrap li a{
    width: 100%;
    padding-top:10px;
    display: block;
    color: #767676;
    font-family: arm, AppleGothic, sans-serif;
}

.tabtype-category .tabtype-category-wrap li a span{
    display: inline-block;
    padding-right: 20px;
    background: url('/my/en/resource/img/product/tabselect-list-bg.png') no-repeat right 50% ;
}


/* tab mobile select */

.tablet .tabtype-dropbox { background:#f7f7f7; max-width:1200px; margin:0 30px;}
.tablet .tabtype-selected-box {	display: none; }
.tablet .tabtype-category button{ display: none; }
.tablet .tabtype-category .tabtype-category-wrap{
    display: table;
    width: 100%;
    min-height:60px;
    font-size:0;
    padding-bottom: 0;
}

.tablet .tabtype-category.num3 .tabtype-category-wrap {width:75%; margin:0 auto;}
.tablet .tabtype-category.num3 .tabtype-category-wrap li{ width:33.3%;}
.tablet .tabtype-category.num4 .tabtype-category-wrap li{ width:25%;}
.tablet .tabtype-category .tabtype-category-wrap li{ display: table-cell; vertical-align:middle; height:60px;}
.tablet .tabtype-category .tabtype-category-wrap li.listhide{ display: table-cell; }
.tablet .tabtype-category .tabtype-category-wrap li.active{ background-color: #fff; position:relative; }
.tablet .tabtype-category .tabtype-category-wrap li.active a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url('/my/en/resource/img/product/product-category-selectdown.png') no-repeat 50% bottom}
.tablet .tabtype-category .tabtype-category-wrap li a{padding:10px;font-family: arb, sans-serif;color: #000;}
.tablet .tabtype-category .tabtype-category-wrap li a span{display: inline;padding-right: 0;background: none}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .tabtype-category .tabtype-category-wrap li.active a:after{ background-image:url('/my/en/resource/img/product/product-category-selectdown-X2.png'); background-size:15px 8px; }
}



/* tab style */
.tabtype1 {background:#f7f7f7; text-align:center; padding:0 15px; position:relative;}
.tabtype1-list {display:table; width:100%;}
.tabtype1-list li {display:table-cell; height:52px; vertical-align:middle; font-family: arb, sans-serif; width:25%;}
.tabtype1-list li a {display:block; font-size:14px;}
.tabtype1-list li.active {background:#fff;}
.tabtype1-list li.active span {padding-right:23px; background:url('/my/en/resource/img/common/tab-active.gif') no-repeat right center;}
.tabtype1-addbtn {display:none;}

.tablet .tabtype1 {padding:0; margin:0 30px;}
.tablet .tabtype1-list {margin:0 auto;}
.tablet .tabtype1-list li.active span {padding-right:0; display:block; background:url('/my/en/resource/img/common/tab-active.gif') no-repeat center bottom;}
.tablet .num1 .tabtype1-list {width:25%;}
.tablet .num2 .tabtype1-list {width:50%;}
.tablet .num3 .tabtype1-list {width:75%;}
.tablet .num4 .tabtype1-list {width:100%;}
.tablet .tabtype1-list li a {height:60px; line-height:60px;}

.web .tabtype1-list li a {font-size:16px;}
.web .tabtype1-addbtn {display:block; padding:0 20px; font-size:14px; background:#66bcf0; position:absolute; right:0; top:0; height:60px; line-height:60px;}
.web .tabtype1-addbtn span {padding-right:30px; background:url('/my/en/resource/img/magazine/btn-pastmaga.png') no-repeat right center;}


/* tab í•˜ë‹¨ ë¦¬ìŠ¤íŠ¸ style */
.tablist {padding-top:30px; padding-bottom:30px;}
.tablist-con {display:none;}
.tablist-slider ul {display:inline-block;}
.tablist-arrow {display:inline-block; vertical-align: top; }

.tablet .tablist-con {display:block; text-align:center;}
.tablet .tablist-con li {display:inline-block; border-left:1px solid #d9d9d9; padding:3px 30px; font-family: arb, sans-serif}
.tablet .tablist-con li:first-child {border-left:none;}
.tablet .tablist-con li.active a {border-bottom:4px solid #c5497d; color:#c5497d; padding:7px 7px 10px 7px;}
.tablet .bluetype .tablist-con li.active a {border-bottom:4px solid #8cd3ff; color:#8cd3ff;}

.web .tablist {padding-top:40px; padding-bottom:40px;}
.web .tablist-con li {font-size:14px;}
.web .tablist-con li a.UIslider-con {font-size:14px; padding:0;}


/* tab í•˜ë‹¨ ë¦¬ìŠ¤íŠ¸ style - ëª¨ë°”ì¼ì—ì„œ list selectë¡œ ë³€ê²½ */
.subselect {position:relative;}
.subselect-jqList {width:100%;}
.subselect-jqList .jqListBox-combo {height:46px; line-height:46px; font-size:12px; color:#292a37; border-color:#000; background:#fff;}
.subselect-jqList .jqListBox-combo-txt {height:46px; line-height:46px;}
.subselect-jqList .jqListBox-combo-arrow {background:url("/my/en/resource/img/common/subjqlistbox-arrow.gif") no-repeat 0 50%}
.subselect-jqList .jqListBox-list {width:100%; top:46px; margin-top:-1px; border-color:#000;}
.subselect-jqList .jqListBox-option {height:46px; line-height:46px; font-size:12px;}
.selectbtn .subselect-jqList { padding-right:46px;}
.selectbtn .subselect-jqList .jqListBox-combo {border-right:none;}
.subselect-jqBtn {position:absolute; right:0; top:0; }
.subselect-jqBtn button {width:46px; height:46px; line-height:46px; background:#000; color:#fff;}

.web .subselect-jqList .jqListBox-combo {font-size:14px;}
.web .subselect-jqList .jqListBox-option {font-size:14px;}


/* circle button */
.circlebtn-group:after {content:""; display:block; clear:both;}
.circlebtn-group.opt-nolist {position:relative; margin-bottom:40px; min-height:114px;}
.circlebtn-group.opt-nolist .circlebtn.list {position:absolute; left:50%; top:0; min-width:120px; margin-left:-60px; text-align:center;}
.circlebtn-wrap {text-align:center; padding-bottom:50px;}
.circlebtn {font-size:12px; padding-top:70px; text-align:center; min-width:64px; display:inline-block; width:auto; vertical-align:top; margin-left:5px; margin-right:5px;}
.circlebtn-left {float:left;}
.circlebtn-right {float:right;}
.circlebtn.list {background:url('/my/en/resource/img/common/btn-list-X2.gif') no-repeat center top;}
.circlebtn.more {background:url('/my/en/resource/img/common/btn-more.gif') no-repeat center top;}
.circlebtn.apply {background:url('/my/en/resource/img/common/btn-apply.gif') no-repeat center top;}
.circlebtn.complete {background:url('/my/en/resource/img/common/btn-complete.gif') no-repeat center top;}
.circlebtn.home {background:url('/my/en/resource/img/common/btn-home.gif') no-repeat center top;}
.circlebtn.homegray {background:url('/my/en/resource/img/common/btn-homegray.gif') no-repeat center top;}
.circlebtn.lock {background:url('/my/en/resource/img/common/btn-lock.gif') no-repeat center top;}
.circlebtn.find {background:url('/my/en/resource/img/common/btn-find.gif') no-repeat center top;}
.circlebtn.change {background:url('/my/en/resource/img/common/btn-change.gif') no-repeat center top;}
.circlebtn.proh {background:url('/my/en/resource/img/common/btn-proh.gif') no-repeat center top;}
.circlebtn.document {background:url('/my/en/resource/img/common/btn-document.gif') no-repeat center top;}
.circlebtn.modify {background:url('/my/en/resource/img/common/btn-modify.gif') no-repeat center top;}
.circlebtn.closeacc {background:url('/my/en/resource/img/common/btn-closeacc.gif') no-repeat center top;}
.circlebtn.save {background:url('/my/en/resource/img/common/btn-save.gif') no-repeat center top;}
.circlebtn.cancle {background:url('/my/en/resource/img/common/btn-cancle.gif') no-repeat center top;}
.circlebtn.vwmore {background:url('/my/en/resource/img/common/btn-vwmore.gif') no-repeat center top;}
.circlebtn.previous {background:url('/my/en/resource/img/common/btn-prev.gif') no-repeat center top;}
.circlebtn.tryagain {background:url('/my/en/resource/img/common/btn-tryagain.gif') no-repeat center top; background-size:100% auto;}
.circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.circlebtn.view span {display:none;}
.circlebtn.view.prev {text-align:left; padding-left:70px; background:url('/my/en/resource/img/common/btn-viewprev.gif') no-repeat left center;}
.circlebtn.view.next {text-align:right; padding-right:70px; background:url('/my/en/resource/img/common/btn-viewnext.gif') no-repeat right center;}
.circlebtn.list, .circlebtn.more, .circlebtn.apply,
.circlebtn.complete, .circlebtn.home, .circlebtn.homegray,
.circlebtn.lock, .circlebtn.find, .circlebtn.change,
.circlebtn.proh, .circlebtn.document, .circlebtn.modify,
.circlebtn.closeacc, .circlebtn.save, .circlebtn.cancle,
.circlebtn.vwmore, .circlebtn.previous, .circlebtn.tryagain
{background-size:54px;}

/* comment event */
.normalbtn {text-align:center; padding:30px 15px 0 15px;}
.normalbtn.modify {background:url('/my/en/resource/img/common/btn-modify-nobg.gif') no-repeat center top;}
.normalbtn.delete {background:url('/my/en/resource/img/common/comment-delete.gif') no-repeat center top;}
.normalbtn.change {background:url('/my/en/resource/img/comment/comment-change.gif') no-repeat center top;}


.tablet .circlebtn {font-size:14px; padding-top:80px; margin-right:10px; margin-left:10px;}
.tablet .circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.tablet .circlebtn.view span {display:table-cell; vertical-align:middle;}
.tablet .circlebtn.list {background-size:64px;}
.tablet .circlebtn.more {background-size:64px;}
.tablet .circlebtn.apply{background-size:64px;}

.tablet .circlebtn.complete {background-size:64px;}
.tablet .circlebtn.home {background-size:64px;}
.tablet .circlebtn.homegray {background-size:64px;}
.tablet .circlebtn.lock {background-size:64px;}
.tablet .circlebtn.find {background-size:64px;}
.tablet .circlebtn.change {background-size:64px;}
.tablet .circlebtn.proh {background-size:64px;}
.tablet .circlebtn.document {background-size:64px;}
.tablet .circlebtn.modify {background-size:64px;}
.tablet .circlebtn.closeacc {background-size:64px;}
.tablet .circlebtn.save {background-size:64px;}
.tablet .circlebtn.cancle {background-size:64px;}
.tablet .circlebtn.vwmore {background-size:64px;}
.tablet .circlebtn.previous {background-size:64px;}
.tablet .circlebtn.tryagain {background-size:64px;}

.web .circlebtn-wrap {padding-bottom:60px;}
.web .circlebtn {font-size:14px;}


/*  */
p.quadbtn {display:inline-block;}
.quadbtn span {display:block; height:32px; line-height:32px; padding:0 15px; text-align:center; font-size:12px;}
.quadbtn.quadbtn-blue span {background-color:#0f73b9; color:#fff;}
.quadbtn.quadbtn-skyblue span {background-color:#8cd3ff;}
.quadbtn.quadbtn-gray span {background-color:#cfcfcf;}
.quadbtn.bigbtn {width:100%; font-size:18px;}
.quadbtn.bigbtn span {height:45px; line-height:45px;}

.oplinebtn {display:block; max-width:130px; margin:30px auto; padding-left:10px; width:100%; height:34px; line-height:34px; font-family:arb, sans-serif;}
.oplinebtnM {height:39px; line-height:39px; display:inline-block; padding:0 50px 0 20px; font-family:arb, sans-serif;}
.oplinebtnM.blue {background:#bae5ff url('/my/en/resource/img/common/oqlinebtnM-blue.gif') no-repeat right top;}
.oplinebtn.skyblue {background:#8cd3ff url('/my/en/resource/img/common/oqlinebtn-skyblue.gif') no-repeat right top;}
.oplinebtn.purple {background:#99aff7 url('/my/en/resource/img/common/oqlinebtn-purple.gif') no-repeat right top;}
.oplinebtn.gray {background:#cfcfcf url('/my/en/resource/img/common/oqlinebtn-gray.gif') no-repeat right top;}
.oplinebtn-group {margin:0 auto;}
.oplinebtn-groupwrap {margin:10px -10px 0;}
.oplinebtn-groupwrap:after {content:""; display:block; clear:both;}
.oplinebtn-groupwrap .oplinebtn {max-width:none; width:auto; min-width:130px; padding-right:35px;}
.oplinebtn-group .oplinebtn {float:left; margin:20px 10px 0;}

/* input type */
.input-group {position:relative;}
.input-group input[type=checkbox]{vertical-align: text-top;}
.input-group textarea[disabled] {background:#fff;}
.input-label {position:absolute; left:0; top:0; padding:15px 15px 0 20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.input-label.overline {padding-top:0; height:46px; white-space:normal;}
.input-label.overline .overline-inner {display:table; width:100%; height:100%;}
.input-label.overline .overline-inner &gt; span {display:table-cell; vertical-align:middle;}
.js-label-hide.hide {display:none;}
.inputform {width:100%; height:46px; border:1px solid #000; color:#000; padding-left:20px; padding-right:10px; font-size:12px;}
.inputform.disabled {background:#f7f7f7; border:none;}
.inputform.type2 {background:url('/my/en/resource/img/common/inputtype-bg.gif') repeat left top;}
.inputform-input {padding-top:15px; padding-bottom:15px;}
.inputform-textarea {height:auto; padding:15px 20px; }

.label-essential {padding-left:17px; background:url('/my/en/resource/img/common/bullet-essential.gif') no-repeat left 5px;}

/* contents box side padding */
.opt-boxside {padding-left:15px; padding-right:15px;}

.tablet .opt-boxside {padding-left:30px; padding-right:30px;}
.tablet .opt-boxsidetab {padding-left:30px; padding-right:30px;}


/* slider controller, pager common */
.slider-pagerbox {position:absolute; left:0; bottom:20px; width:100%; z-index:9;}
.slider-pagerbox .pager {z-index:15; margin-right:-3px;}
.slider-pagerbox-wrap {text-align:center;}
.slider-controller {display:inline-block; padding-right:10px;}

.tablet .slider-pagerbox {bottom:30px;}



/* paging */
.pager {text-align:center; font-size:12px;}
.pager-first, .pager-prev, .pager-next, .pager-last {display:inline-block; width:16px; height:14px; vertical-align:top;}
.pager-first.active {background:url('/my/en/resource/img/common/pager-first-active.gif') no-repeat center center;}
.pager-first {background:url('/my/en/resource/img/common/pager-first.gif') no-repeat center center;}
.pager-prev.active {background:url('/my/en/resource/img/common/pager-prev-active.gif') no-repeat center center;}
.pager-prev {background:url('/my/en/resource/img/common/pager-prev.gif') no-repeat center center;}
.pager-next.active {background:url('/my/en/resource/img/common/pager-next-active.gif') no-repeat center center;}
.pager-next {background:url('/my/en/resource/img/common/pager-next.gif') no-repeat center center;}
.pager-last.active {background:url('/my/en/resource/img/common/pager-last-active.gif') no-repeat center center;}
.pager-last {background:url('/my/en/resource/img/common/pager-last.gif') no-repeat center center;}
.pager-numlist {display:inline-block; padding:0 40px;}
.pager-num {display:inline-block; min-width:20px; height:20px; line-height:20px; font-size:12px; padding:0 5px;}
.pager-num.active {background:#8cd3ff;}


.tablet .pager-first, .tablet .pager-prev, .tablet .pager-next, .tablet .pager-last {vertical-align:middle; margin:0 6px;}
.tablet .pager-numlist {padding:0 10px; font-size:0;}


/* table component */
.tbl {width:100%; padding-bottom:60px;}
.tbl .col {float:left; padding:15px 10px; text-align:center;}
.tbl-head {margin-left:-2px; height:49px;}
.tbl-head:after {content:""; display:block; clear:both;}
.tbl-head .col {background:#f7f7f7; border-left:2px solid #fff;}
.tbl-body {padding-bottom:30px;}
.tbl-row:after {content:""; display:block; clear:both;}
.tbl-row .col {height:49px; border-bottom:1px solid #e4e4e4;}
.tbl-row .nolist {width:100%; height:200px; line-height:200px;}
.tbl-row .dotdot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tbl-coltype {border-top:1px solid #e4e4e4;}
.tbl-coltype .tbl-th {background:#f7f7f7;}

.tbl-tabletype .tbl-head {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .tbl-row {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .col {float:none; height:auto; display:table-cell; vertical-align:middle;}

.tablet .tbl .col {padding:15px 5px;}
.tablet .tbl .col.dotdot {padding-left:20px;}

.web .tbl {padding-bottom:80px;}
.web .tbl .col {padding:15px 5px;}
.web .tbl .col.dotdotdot {padding-left:30px;}
.web .tbl-body {padding-bottom:40px;}


/* hreart */

.product-list-likeheart {
    position: relative;
    width: 87px;
    height:12px;
    overflow: hidden;
    margin:0 auto;
    background:url('/my/en/resource/img/common/heartbg.png') #d8d8d8 0 0;
}

.product-list-overbg{
    position: relative;
    z-index:1;
    display: block;
    float: left;
    width: 87px;
    height: 13px;
    line-height: 13px;
    background: url('/my/en/resource/img/product/product-quickview-likeheartbg.png') no-repeat 0 0;
}

.product-list-graphbg {
    width: 95%;
    height:12px;
    position: absolute;
    left:0;
    top:0;
    background: #1cb1fe;
}

.refertxt {margin-top:8px; padding-left:17px; background:url('/my/en/resource/img/common/ico-refertxt.gif') no-repeat left 4px;}
.refertxt.small {background:url('/my/en/resource/img/common/ico-refertxtsmall.gif') no-repeat left 4px;}

/* footnote style */
.footnote-info {padding-top:13px; display:table;}
.footnote-infobox {position:relative; margin-top:7px;}
.footnote-infobox .footnote {position:absolute; top:0;}
.footnote-infotxt {padding-left:20px; display:inline-block;}
.footnote {display:inline-block; color:#1a6f00; background:url('/my/en/resource/img/common/footnote-bg.png') no-repeat right center;}
.footnote:after {color:#fff; font-size:6px; width:12px; margin-left:3px; display:inline-block; text-align:center;}
.footnote.num1:after {content:"1";}
.footnote.num2:after {content:"2";}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .circlebtn.change {background-image:url('/my/en/resource/img/common/btn-change-X2.gif');}
    .circlebtn.tryagain {background-image:url('/my/en/resource/img/common/btn-tryagain-X2.gif');}
    .circlebtn.complete {background-image:url('/my/en/resource/img/common/btn-complete-X2.gif');}
    .circlebtn.home {background-image:url('/my/en/resource/img/common/btn-home-X2.gif');}
    .circlebtn.homegray {background-image:url('/my/en/resource/img/common/btn-homegray-X2.gif'); }
    .circlebtn.lock {background-image:url('/my/en/resource/img/common/btn-lock-X2.gif');}
    .circlebtn.find {background-image:url('/my/en/resource/img/common/btn-find-X2.gif');}
    .circlebtn.list {background-image:url('/my/en/resource/img/common/btn-list-X2.gif');}
    .circlebtn.modify {background-image:url('/my/en/resource/img/common/btn-modify-X2.gif');}
    .circlebtn.document {background-image:url('/my/en/resource/img/common/btn-document-X2.gif');}
    .circlebtn.closeacc {background-image:url('/my/en/resource/img/common/btn-closeacc-X2.gif');}
    .circlebtn.save {background-image:url('/my/en/resource/img/common/btn-save-X2.gif');}
    .circlebtn.cancle {background-image:url('/my/en/resource/img/common/btn-cancle-X2.gif');}
    .circlebtn.vwmore {background-image:url('/my/en/resource/img/common/btn-vwmore-X2.gif');}
    .circlebtn.proh {background-image:url('/my/en/resource/img/common/btn-proh-X2.gif');}
    .circlebtn.more {background-image:url('/my/en/resource/img/common/btn-more-X2.gif');}
    .refertxt {background-image:url('/my/en/resource/img/common/ico-refertxt-X2.gif'); background-size:9px;}
    .footnote {background-image:url('/my/en/resource/img/common/footnote-bg-X2.png'); background-size:12px;}
    .refertxt.small {background-image:url('/my/en/resource/img/common/ico-refertxtsmall-X2.gif'); background-size:8px;}
    .normalbtn.change {background-image:url('/my/en/resource/img/event-and-news/event/comment-change-X2.gif'); background-size:15px 18px;}
    .normalbtn.delete {background-image:url('/my/en/resource/img/event-and-news/event/comment-delete-X2.gif'); background-size:17px 18px;}
    .normalbtn.modify {background-image:url('/my/en/resource/img/common/btn-modify-nobg-X2.gif'); background-size:27px 18px;}
    .circlebtn.view.prev {background-image:url('/my/en/resource/img/common/btn-viewprev-X2.gif'); background-size:54px;}
    .circlebtn.view.next {background-image:url('/my/en/resource/img/common/btn-viewnext-X2.gif'); background-size:54px;}
    .subselect-jqList .jqListBox-combo-arrow {background-image:url("/my/en/resource/img/common/subjqlistbox-arrow-X2.gif"); background-size:40px 6px;}
    .tabtype-category-seleted:after { background-image:url('/my/en/resource/img/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 -20px;}
    .tabtype-dropbox.active .tabtype-category-seleted:after {background-image:url('/my/en/resource/img/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 4px;}
    .tabtype1-list li.active span { background-image:url('/my/en/resource/img/product/product-category-selectdown-X2.png'); background-size:15px 8px;}
    .product-list-overbg{ background-image: url('/my/en/resource/img/product/product-quickview-likeheartbg-X2.png');  background-size:87px 13px;}

    .pager-prev {background-image:url('/my/en/resource/img/common/pager-prev-X2.gif'); background-size:9px 14px;}
    .pager-prev.active {background-image:url('/my/en/resource/img/common/pager-prev-active-X2.gif'); background-size:9px 14px;}
    .pager-next {background-image:url('/my/en/resource/img/common/pager-next-X2.gif'); background-size:9px 14px;}
    .pager-next.active {background-image:url('/my/en/resource/img/common/pager-next-active-X2.gif'); background-size:9px 14px;}
    .pager-last {background-image:url('/my/en/resource/img/common/pager-last-X2.gif'); background-size:16px 14px;}
    .pager-first {background-image:url('/my/en/resource/img/common/pager-first-X2.gif'); background-size:16px 14px;}

    .oplinebtn.skyblue {background-image:url('/my/en/resource/img/common/oqlinebtn-skyblue-X2.gif'); background-size:27px 34px;}
    .oplinebtn.purple {background-image:url('/my/en/resource/img/common/oqlinebtn-purple-X2.gif'); background-size:27px 34px;}
    .oplinebtn.gray {background-image:url('/my/en/resource/img/common/oqlinebtn-gray-X2.gif'); background-size:27px 34px;}
    .label-essential {background-image:url('/my/en/resource/img/common/bullet-essential-X2.gif'); background-size:9px 9px; background-position:left 3px;}
}


/* common table */
.cm-tbl {width:100%; font-size:12px;}
.cm-tbl thead th {height:46px; font-family: arb, sans-serif; background-color:#f7f7f7; text-align:center; border-left:2px solid #fff;}
.cm-tbl thead th:first-child {border-left:none;}
.cm-tbl tbody tr td, .cm-tbl tbody tr th {border-bottom:1px solid #e4e4e4; padding:10px;}

.web .cm-tbl {font-size:14px;}
.web .cm-tbl tbody tr  td{padding:20px;}

body{visibility: hidden}
.mobile, .web, .tablet {
    visibility: visible;
}

/* main popup style */
.main-popupwrap {height:100%; display: table;}
.main-popup {max-width:620px; display: table-cell; vertical-align: middle}
.main-popup-component {padding:40px 30px 0 30px; background: #ffffff;}
.main-popup-component .com-image {margin:0 -30px;}
.main-popup-bottom {padding:17px 20px; background:#fff; border-top:1px solid #000; width:100%; position:relative;}
.main-popup-bottom .icheckbox_minimal {width: 18px; height: 18px; background: url('/my/en/resource/img/common/icheck-minimal2.png') no-repeat; margin-right:0;}
.main-popup-bottom .icheckbox_minimal.checked {background-position: -40px 0;}
.main-popup-bottom .closebtn {position:absolute; right:20px; bottom:20px; width:15px;}
.main-popup-bottom .closebtn img {width:100%;}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .main-popup-bottom .icheckbox_minimal {
        background: url('/my/en/resource/img/components/common/icheck-minimal-mob-X2.png') no-repeat;
        background-size:160px 25px;
        width:23px;
        height:23px;
        margin-right:5px;
    }
    .main-popup-bottom .icheckbox_minimal.checked {
        background-position: -50px 0;
    }
}

/* modal popup */
.mainModal {width: 100%; height:100%; z-index:10000; position:absolute; }
.modal-wrapper {  margin:10px; overflow-x:hidden; overflow-y:auto; position: relative;}


#modal_wrapper{min-width:320px;}
#modal_content {min-width:280px; margin:0 20px; position:relative;}
#modal_wrapper #modal_content&gt;div { border-top:none; text-align:center; padding-top:60px;}
#modal_wrapper #modal_content&gt;div img {border-top:none; max-width:546px;}
#modal_wrapper #modal_content&gt;div p {padding-top:30px; font-size:15px; font-weight:bold;}

#modal_wrapper #modal_content .modal_control{border-top:1px solid #d4d4d7; margin-top:30px; padding-top:30px; position:relative;}
.ly-wrap .prev,
.ly-wrap .next {position:absolute; top:30px; display:block; width:24px; height:24px; }
.ly-wrap .modal_control&gt;a{text-indent:-9999em; }

.ly-wrap .other_control {width:287px; margin:0 auto;}

.ly-wrap .prevmob,
.ly-wrap .nextmob {display:none;}



/* ------ [PC] Modal dimmed Wrapper ------ */
body.ovh {overflow:hidden;} /* IE8 bug fix */
html.ovh {overflow:hidden;}
/*html.modal-opened,
html.modal-opened body {overflow:hidden;}*/
html.modal-opened-mobile,
html.modal-opened-mobile body {position:fixed;z-index:0;}
.modal {display:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998}
.modal-fade {position:fixed;width:100%;height:100%;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:.5;}
.modal-dialog {overflow:auto;position:absolute;top:40px;left:50%;background:#fff;border:1px solid #000;z-index:9999;box-sizing:border-box;-moz-box-sizing: border-box}
.modal-header {padding:10px;}
.modal-header .close {position:absolute;top:0;right:0;}
.modal-body {padding:10px;}
.modal-footer {padding:20px 0;text-align:center;}
/* //------ [PC] Modal dimmed Wrapper ------ */


/* ------ Modal Layer Layout ------ */
.ly-wrap {background:#fff;position:relative;z-index:0;}
.ly-head {margin:25px 0 30px;text-align: center;}
.ly-head-tit {font-size: 25px;}
.ly-head-txt {font-size:15px;}
.tablet .ly-head {margin:0 0 25px}
.tablet .ly-head-tit {font-size: 28px;}

/* //------ Modal Layer Layout ------ */


.loadingbox { display: none; width: 34px; height: 35px; position: fixed; left:50%; top:50%; margin-left:-17px; margin-top:-17px;}
.loadingbox img {width:100%;}

.web .cushion-gnb { float: right; position: relative; top: -16px; right: 0; }
.mobile .cushion-gnb { position: relative; top: 0; right: 0; display: block; padding-bottom: 15px; width: 100%; background: white; }
.cushion-gnb img {width: 140px; }
.dep2list .dep1 { display: none !important;}


/* Meta Tag Toggle 20171108 the51 */
.dpimeta {position:absolute; top:0; left:0; z-index:9999;}


.footer-wrap { width: 100%; max-width:1540px; margin:0 auto; position:relative;border-top:1px solid #e4e4e4;}
.footer-pagelink {min-height:40px; background:#fff; padding:25px 0; margin: 0 auto; max-width: 1140px; } /* 20200916 md */
.footer-pagelink-wrap {margin-left:-21px; margin: 0 auto; max-width: 1140px;}  /* 20200916 md */
.footer-pagelink-wrap:after {content:""; display:block; clear:both;}
.footer-pagelink:after {content:""; display:block; clear:both;}
.footer-pagelink-box {width:33.3%; float:left; padding:0 16px 0 30px; height:30px; background:url('/my/en/resource/img/common/20200914_final_footer_pagelink_bg_mo.gif') no-repeat left center; background-size:16px;} /* 20200916 md */
.footer-pagelink-box:first-child {background:none; background-repeat:no-repeat; padding-left: 16px;} /* 20200916 md */
/* .footer-pagelink-box:first-child + .footer-pagelink-box + .footer-pagelink-box {background:none;} 20200916 md */
.footer-pagelink-box a {position:relative; display:block;}
.footer-pagelink-box a img {float:right; height:20px; margin-top:5px;}
.footer-pagelink-txtwrap {position:absolute; left:0; top:0;width:100%;}
.footer-pagelink-txttable {display:table; width:100%;height:30px; }
.footer-pagelink-txttablecll {display:table-cell; vertical-align:middle; width:100%; padding-right:26px;}

.footer-topbtn {
    position: fixed;
    bottom:0;
    background:#8cd3ff;
    width:40px;
    height:40px;
    line-height:normal;
    float:right;
    z-index:101;
}

.footer-info {color:#767676; margin-top:0px; padding:0px 15px 40px;/*  border-top:1px solid #e4e4e4;  */}
.footer-info .siteinfo {padding:15px 0 25px}
.footer-info .footlogo {padding-bottom:20px;}
.footer-info .footlogo img {width:174px;}
.footer-info .copyright {padding-bottom:25px;}
.languagesite {position:relative; margin-top:30px;}
.footer-jqList {width:100%; padding-right:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer-jqList .jqListBox-combo {height:40px; line-height:40px; font-size:12px; color:#767676; border-right:none; border-color:#767676;}
.footer-jqList .jqListBox-list {width:100%; bottom:39px; margin-top:-1px; border-color:#767676; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer-jqList .jqListBox-list .jqListBox-option {height:35px; line-height:35px; font-size:12px;}
.footer-jqList .jqListBox-combo-arrow {width:35px; background:url('/my/en/resource/img/common/footer-jqlist.gif') no-repeat 0 50%;}
.footer-jqList .jqListBox-combo-arrow.on {background-position:-35px 50%;}
.footer-jqBtn {position:absolute; right:0; top:0; }
.footer-jqBtn button {font-size:12px; width:40px; height:40px; line-height:40px; background:#767676; color:#fff;}

.subpage .footer-wrap { max-width:1200px; }


.tablet .footer-pagelink {padding:50px 0;}
.tablet .footer-pagelink-wrap {margin-left:-12px; padding-right:16px;}
.tablet .footer-pagelink-box:first-child {background:none;}
.tablet .footer-pagelink-box {width:33.3%; background-size:auto; font-size:14px; padding-left:42px;} /* 20200916 md */
.tablet .footer-pagelink-box {height:40px; background-image:url('/my/en/resource/img/common/20200914_final_footer_pagelink_bg_pc.gif'); }
.tablet .footer-pagelink-box:first-child + .footer-pagelink-box + .footer-pagelink-box {background:url('/my/en/resource/img/common/20200914_final_footer_pagelink_bg_pc.gif') no-repeat left center;} /* 20200916 md */
.tablet .footer-pagelink-box a {height:40px;}
.tablet .footer-pagelink-box a img {height:32px;}
.tablet .footer-pagelink-txttable {height:40px; }
.tablet .footer-pagelink-txttablecll {padding-right:45px; }
.tablet .footer-topbtn {width:48px; height:48px; font-size:14px;}
.tablet .footer-info {padding:0px 30px 50px; margin-top:0px;}
.tablet .languagesite {margin:0; width:288px; position:absolute; right:30px; bottom:50px;}
.tablet .languagesite:after {content:""; display:block; clear:both;}
.tablet .footer-jqList {padding-right:48px; width:288px; float:right;}
.tablet .footer-jqList .jqListBox-combo {height:48px; line-height:48px;}
.tablet .footer-jqList .jqListBox-list {bottom:48px;}
.tablet .footer-jqBtn button {width:48px; height:48px; line-height:48px; font-size:16px;}

.web .subpage .footer-pagelink-wrap {margin-left:-28px; padding-right:0;}
.web .subpage .footer-pagelink-box {font-size:16px; padding:0 40px 0 68px;}
.web .subpage .footer-pagelink-box a img {height:40px; margin-top:0;}
.web .subpage .footer-pagelink-txttable  {height:40px;}
.web .subpage .footer-pagelink-txttablecll  {padding-right:55px;}
.web .subpage .footer-info {font-size:14px; margin-top:0px;}

.webM .footer-pagelink-wrap {margin-left:-28px; padding-right:0;}
.webM .footer-pagelink-box {font-size:16px; padding:0 40px 0 68px;}
.webM .footer-pagelink-box a img {height:40px; margin-top:0;}
.webM .footer-pagelink-txttable  {height:40px;}
.webM .footer-pagelink-txttablecll  {padding-right:55px;}
.webM .footer-info {font-size:14px; margin-top:0px;padding:0 30px 50px; }
.webM .languagesite {right:30px;}

.webL .footer-info {font-size:14px; margin-top:0px;padding:0 0 50px;}
.webL .languagesite {right:0;}



body.mobgnbopen, body.schopen, body.open {
    overflow: hidden;
    width: 100%;
    height:100%;
    position: absolute;
    -webkit-overflow-scrolling: auto;
}

.wrapper{ width: 100%; /*overflow: hidden;*/ position: relative;}
.header { width: 100%; height: 50px; left:0; top:0; position: fixed; -webkit-backface-visibility:hidden; background: #ffffff; z-index:9000; border-bottom: 1px solid #000000;}
.header-wrap { width: 100%; max-width:1600px; margin:0 auto; }
.subpage .header-wrap { max-width:1260px; margin:0 auto;}

.header-wrap {
    position: relative;
    width: 100%;
}

/* logo */
.header h1 {
    position: relative;
    width: 80px;
    height:50px;
    margin:0 auto;
    z-index:1;
}

.header h1 a {
    line-height:50px;
    display: block;
}

.header h1 a img{ vertical-align: middle; }

.header h1 img{ width: 100%; }

.header .laneige-logo {
    position: relative;
    width: 80px;
    height:50px;
    margin:0 auto;
    z-index:1;
}

.header .laneige-logo a {
    line-height:50px;
    display: block;
}

.header .laneige-logo a img{ vertical-align: middle; }

.header .laneige-logo img{ width: 100%; }

.mobopen-gnbbtn {
    position: absolute;
    left:0;
    top:0;
}

.mobopen-gnbbtn .mobgnbopen-close {display:none;}
.mobgnbopen .mobopen-gnbbtn .mobgnbopen-open {display:none;}
.mobgnbopen .mobopen-gnbbtn .mobgnbopen-close {display:block;}

/* mobile menu open button */

.mobopen-gnbbtn{
    box-sizing: border-box;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top:-50px;
    left: 0;
    z-index: 9001;
    text-indent: -9999em;
}

.mobopen-gnbbtn:before,
.mobopen-gnbbtn:after,
.mobopen-gnbbtn span {
    background: #000;
    content: '';
    display: block;
    width: 23px;
    height: 3px;
    position: absolute;
    left: 15px;
}
.mobopen-gnbbtn:before {
    top: 16px;
}
.mobopen-gnbbtn span {
    top: 24px;
}
.mobopen-gnbbtn:after {
    top: 32px;
}

.ie8 .mobopen-gnbbtn:before,
.ie8 .mobopen-gnbbtn:after,
.ie8 .mobopen-gnbbtn span {
    background:url('/my/en/resource/img/common/ie8-menubg.gif') no-repeat center center;
    width:100%;
    height:100%;
    position:static;
}

.ie8 .mobgnbopen .mobopen-gnbbtn:before,
.ie8 .mobgnbopen .mobopen-gnbbtn:after {
    background:url('/my/en/resource/img/common/ie8-menuclose.gif') no-repeat center center;
    width:100%;
    height:100%;
    position:static;
}

/* Hamburger animation */
.mobopen-gnbbtn:before,
.mobopen-gnbbtn:after,
.mobopen-gnbbtn span {
    -webkit-transition: all 0.5s ease 0.5s;
    -moz-transition: all 0.5s ease 0.5s;
    -o-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;

    -webkit-transition-property: transform, top, bottom, left, opacity;
    -moz-transition-property: transform, top, bottom, left, opacity;
    -o-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
.mobgnbopen .mobopen-gnbbtn:before,
.mobgnbopen .mobopen-gnbbtn:after {
    background: #106ea8;
    top: 23px;
}
.mobgnbopen .mobopen-gnbbtn span {
    background: #106ea8;
    left: -50px;
    opacity: 0;
}
.mobgnbopen .mobopen-gnbbtn:before {
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );

}
.mobgnbopen .mobopen-gnbbtn:after {
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}

.ie8 .mobgnbopen .mobopen-gnbbtn {
    background: url('/my/en/resource/img/common/ie8-menuclosebg.png') no-repeat 50% 50%;
}

.ie8 .mobgnbopen .mobopen-gnbbtn:before,
.ie8 .mobgnbopen .mobopen-gnbbtn:after,
.ie8 .mobgnbopen .mobopen-gnbbtn span {
    display: none;
}


/* gnb */

.header-gnb {
    position: relative;
    z-index:9000;
    background: #ffffff;

}


.gnb {
    display: none;
    position: absolute;
    overflow:auto;
    width: 100%;
    left:0;
    top:0;
}

.gnb .gnb-box {
    background: #ffffff;
}

.gnb .mob-login {
    position: relative;
    background: #f7f7f7;
    border-top: 1px solid #e4e4e4;
    padding:20px 15px;
}

.gnb .mob-login:after {
    clear:both;
    content:'';
    display: block;
}

.gnb .mob-login p {
    position: absolute;
    left:15px;
    top:28px;
}

.gnb .mob-login .mob-mylnk {vertical-align:middle; margin-top:-3px; background:none;}
.tablet .gnb .mob-login .mob-mylnk {display:none;}
.gnb .mob-login .mob-mylnk img {width:18px; vertical-align:middle; margin-top:-3px;}

.gnb .mob-login .loginlnk{
    position: relative;
    float: right;
    text-align: center;
    padding-right:5px;
    height:29px;
    min-width: 60px;
    line-height:29px;
    display: block;
    background: #8cd3ff;
}

.gnb .mob-login .loginlnk{
    background: #8cd3ff;
}


.gnb .mob-login .loginlnk:after{
    content:'';
    display: block;
    top:0;
    left:-21px;
    width: 21px;
    height:29px;
    position: absolute;
    background: url('/my/en/resource/img/common/loginbtnbg.png') no-repeat 0 0;
    -webkit-background-size: 21px 29px;
    background-size: 21px 29px;
}


.ie8 .gnb .mob-login .loginlnk:after{
    background: url('/my/en/resource/img/common/ie8-loginbtnbg.png') no-repeat 0 0;
}

.gnb .mob-login .logoutlnk{
    position: relative;
    float: right;
    text-align: center;
    padding-right:5px;
    height:29px;
    width: 60px;
    line-height:29px;
    display: block;
    background: #bcbcbc;
}

.gnb .mob-login .logoutlnk{
    background: #bcbcbc;
}


.gnb .mob-login .logoutlnk:after{
    content:'';
    display: block;
    top:0;
    left:-21px;
    width: 21px;
    height:29px;
    position: absolute;
    background: url('/my/en/resource/img/common/ie8-logoutbtnbg.png') no-repeat 0 0;
    -webkit-background-size: 21px 29px;
    background-size: 21px 29px;
}

.ie8 .gnb .mob-login .logoutlnk:after{
    background: url('/my/en/resource/img/common/ie8-logoutbtnbg.png') no-repeat 0 0;
}


.gnb .mob-login a{
    padding-right: 10px;
    background: url('/my/en/resource/img/common/login-arbg.png') no-repeat right 49%;
    -webkit-background-size: 6px 9px;
    background-size: 6px 9px;
}

.ie8 .gnb .mob-login a{
    background: url('/my/en/resource/img/common/ie8-login-arbg.png') no-repeat right 49%;
}

.gnb&gt;ul {
    width: 100%;
    height:auto;
    border-top: 1px solid #e4e4e4;
    background: #ffffff;

}

.gnb .dep1{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
}

.gnb .dep1 a .hassublnk {
    width: 14px;
    height:14px;
    display: block;
    position: relative;
    float: right;
}

.gnb .dep1 a .hassublnk img{
    width: 100%;
}

.gnb .dep1&gt;a{
    display: block;
    padding:15px 15px;
    font-size:16px;
    line-height:16px;
    font-family: arb, sans-serif;
    position: relative;
}

.gnb .dep1 .dep1-ico {display:none;}

.dep1.active {
    background-color: #8cd3ff;
}

.dep1.active .dep2wrap {
    background-color: #8cd3ff;

}

.dep1.active .dep2list {
    border-top: 1px solid #ffffff;

}
.dep1 .dep2list {
    margin:0 15px;
    padding:10px 0;
    z-index:9000;
}

.dep1 .dep2list .dep2&gt;a{
    display: block;
    padding:10px 0;
}

.dep2wrap {
    display: none;
}

.dep3{
    display: none;
}


/* mob gnb bottom */

.mobgnb-bottom {
    text-align: center;
    padding:15px 30px;
    background: #f7f7f7;
}

.mobile .mobgnb-bottom {

    padding:15px 0px;

}

.tabletlink {
    padding:0;
}

.tabletlink a{
    padding: 18px 0;
    background: url(/my/en/resource/img/common/bg-membership-title.jpg) no-repeat center top / cover;
    display: inline-block;
    width: 100%;
}

.tabletlink a:after {
    content:'|';
    color: #d1d1d1;
    display: block;
    width: 1px;
    position: absolute;
    left:-5px;
    top:-1px;
    font-family: arl, sans-serif;

}
.tabletlink a:first-child:after{
    content:'';
}

/* gnb util */

.gnbutil {
    position: absolute;
    right:8px;
    top:10px;
    z-index:9001;
}

.gnbutil:after {
    clear:both;
    content:'';
    display: block;
}

.gnbutil .mypage-lnk{
    display: none;
}


.gnbutil .mypage-lnk,
.gnbutil .laeshop-lnk,
.gnbutil .header-totsch {
    float: left;
}

.gnbutil .mypage-lnk img,
.gnbutil .laeshop-lnk img,
.gnbutil .header-totsch img {
    width: 100%;
}

.gnbutil .mypage-lnk a,
.gnbutil .laeshop-lnk a,
.gnbutil .header-totsch button {
    width: 14px;
    display: block;
    padding:7px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.gnbutil .laeshop-lnk {
    position: relative;
}

.gnbutil .laeshop-lnk .laeshop-addnum{
    position: absolute;
    top:-5px;
    right:0;
    font-size:11px;
    padding:2px;
    color: #ffffff;
    background: #f35f91;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

}


/* gnb search */

.gnb-search {
    display: none;
    position: relative;
    height: 70px;
}

.gnb-schbox {
    margin-bottom: 20px;  background-color: #8cd3ff;


}


.gnb-search label {
    position: absolute;
    left:10px;
    top:10px;
}

.gnb-search label.hide {
    left:-9999em;
}

.gnb-search input {
    width: 100%;
    padding:0 20px 0 10px;
    background: none;
    border:none;
    height:40px;
    line-height:40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gnbsearch-btn {
    position: absolute;
    right: 8px;
    top: 5px;
}

.gnbsearch-btn button {
    float: left;
    width: 14px;
    display: block;
    padding:7px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.gnbsearch-btn button img{
    width: 100%;
}

.dimmd {
    display: none;
    position:fixed;
    top:0;
    left:0;
    z-index:900;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.modal-dimmd {
    display: none;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.loading-dimmd {
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:#000;
    opacity: 0.5;
}

.open .dimmd {
    display: block;
}
.schopen .dimmd {
    display: block;

}
.mobgnbopen .dimmd {
    display: block;
}


.tablet .header  {
    height:80px;
}

.tablet .header h1 {
    height: 80px;
    width: 143px;
}

.tablet .header h1 a{
    line-height:80px;
}

.tablet .header .laneige-logo {
    height: 80px;
    width: 143px;
}

.tablet .header .laneige-logo a{
    line-height:80px;
}

/* mobile menu open button */

.tablet .mobopen-gnbbtn{
    top:-80px;
    width: 80px;
    height: 80px;
}

.tablet .mobopen-gnbbtn:before,
.tablet .mobopen-gnbbtn:after,
.tablet .mobopen-gnbbtn span {
    left: 30px;
}

.tablet .mobopen-gnbbtn:before{
    top: 30px;
}
.tablet .mobopen-gnbbtn span{
    top: 38px;
}
.tablet .mobopen-gnbbtn:after{
    top: 46px;
}

.tablet.mobgnbopen .mobopen-gnbbtn:before,
.tablet.mobgnbopen .mobopen-gnbbtn:after {
    background: #106ea8;
    top: 37px;
}


/* gnb */

.tablet .gnb .dep1&gt;a{
    padding:26px 30px;
    font-size:24px;
}

.tablet .dep1 .dep2list {
    margin:0 30px;
    padding:10px 0;
}

.tablet .dep1.active .dep2list .dep2&gt;a{
    display: block;
    /*padding:10px 0;*/
    font-size: 14px;
}


/* gnb util */

.tablet .gnbutil {
    right:30px;
    top:20px;
}

.tablet .gnbutil:after {
    clear:both;
    content:'';
    display: block;
}

.tablet .gnbutil .mypage-lnk{
    display: block;
}

.tablet .gnbutil .mypage-lnk a,
.tablet .gnbutil .laeshop-lnk a,
.tablet .gnbutil .header-totsch button {
    width: 20px;
    display: block;
    padding:12px;
}
.tablet .gnbutil .laeshop-lnk .laeshop-addnum {
    position: absolute;
    top: 0;
    right: 5px;
}


/* gnb search */

.tablet .gnb-search label {
    left:30px;
    top:15px;
}

.tablet .gnb-search label.hide {left:-9999em;}

.tablet .gnb-search input {
    padding:0 20px 0 30px;
    height:52px;
    line-height:52px;
}

.tablet .gnbsearch-btn {
    position: absolute;
    right: 28px;
    top: 8px;
}

.tablet .gnbsearch-btn button {
    width: 20px;
    display: block;
    padding:7px;
}

.tablet .gnb .mob-login p {left:30px; font-size:16px; top:25px;}


.web .gnb-search {
    display: none;
    height:72px;
    margin: 0 30px 0 30px;

}

.web .subpage .header {
    height:auto;
    border-bottom:2px solid #000000;
}

.web .subpage .header h1 {
    width: 179px;
    height:auto;
    padding:32px 0;
}

.web .subpage .header h1 a{
    height:auto;
    line-height: 1.2;
}

.web .subpage .header .laneige-logo {
    width: 179px;
    height:auto;
}

.web .subpage .header .laneige-logo a{
    height:auto;
    line-height: 1.2;
}


/* gnb */

.web .subpage .mobopen-gnbbtn { display: none;}

.web .subpage .dep1 .dep2wrap.slanse2{height:72px}

.web .subpage .gnb {
    position: relative;
    display: block;
    padding:10px 0 20px 0;
    top:0;
    overflow:visible;
}
.web .subpage .gnb&gt;ul{
    height:42px;
}
.web .subpage .gnb ul {
    width: 100%;
    margin:0 auto;
    display: table;
    text-align: center;
    border-top: none;
}

.web .subpage .gnb .dep1{
    width: auto;
    display: inline-block;
    padding:0;
    margin:0 15px;
    border-bottom: none;
}

.web .subpage .gnb .dep1&gt;a{
    font-size: 16px;
    padding:10px 0;
    letter-spacing: 0;
    height:40px;
}

.web .subpage .gnb .dep1&gt;a{
    font-size: 16px;
    padding:10px 0;

}

.web .subpage .gnb .dep1 a .hassublnk {
    display: none;
}

.web .subpage .gnb .dep1 .dep2wrap{
    z-index:19;
}

.web .subpage .gnb .dep1 .dep2wrap.slanse2{
    padding-left:10px;
    z-index:20;
}
.web .subpage .gnb .dep1 a .hassublnk {
    display: none;
}


.web .subpage .dep1.active {
    background: none;
}

.web .subpage .dep1&gt;a:hover {
    padding:10px 0;
    display: block;
    border-bottom: 6px solid #8cd3ff;
}
.web .subpage .dep1.active&gt;a{
    border-bottom: 6px solid #8cd3ff;
}

.web .subpage .dep1 .slanse2 .dep2list .dep2&gt;a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
}

.web .subpage .dep1 .dep2list .dep2&gt;a{
    display: block;
    font-size: 14px;
}


.web .subpage .gnb .dep2 .dep3{
    z-index:19;
}

.web .subpage .gnb .dep2.active .dep3{
    z-index:20;
}

.web .subpage .gnb .dep2wrap.slanse1 {
    display: none;
    width: auto;
    top:70px;
    margin-left:-30px;
    position: absolute;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .subpage .gnb .dep2wrap.slanse1 ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .subpage .gnb .dep2wrap.slanse2 {
    display: none;
    width: 100%;
    top:162px;
    left:0;
    font-size:14px;
    position: fixed;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 2px 0 1px 0;
    border-color: #000000;
    border-style: solid;
}


.web .subpage .gnb .dep2wrap.slanse2 ul{
    display: table;
}

.web .subpage .gnb .dep2wrap.slanse2 ul li{
    display: inline-block;
}

.web .subpage .dep2list {
    padding-bottom: 21px;
}

.web .subpage .gnb .dep2 {
    text-align: left;
}

.web .subpage .gnb .dep2&gt;a{
    padding:9px 30px 9px 30px;
    display: block;
}

.web .subpage .gnb .dep2:first-child&gt;a{
    padding-top:15px;
}

.web .subpage .gnb .slanse2 .dep2list{
    width: auto;
    padding: 0;
    margin:0;
    left:0;
    text-align: left;
}

.web .subpage .gnb .slanse2 .dep2{
    height:72px;
}

.web .subpage .gnb .slanse2 .dep2&gt;a{
    display: block;
    font-size: 14px;
    background: url('/my/en/resource/img/common/gnb-dep2bg.png') no-repeat 0 50%;
}

.web .subpage .gnb .slanse2 .dep2:first-child&gt;a{
    background:none;
}

.web .subpage .gnb .slanse2 .dep2&gt;a{
    position: relative;
}

.web .subpage .gnb .slanse2 .dep3wrap{
    position: relative;
    background: #ffffff;
    padding:30px 0 0 30px;
    border-width: 0 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
}

.web .subpage .gnb .slanse2 .dep3wrap:after{
    clear:both;
    content:'';
    display: block;
}

.web .subpage .gnb .slanse2 .dep3 {
    display: none;
    width: auto;
    position: absolute;
    top:70px;
    left:0;
}

.web .subpage .gnb .slanse2 .dep3 dl{
    float: left;
    width:160px;
    padding-bottom: 30px;
    padding-right:30px;
}

.web .subpage .gnb .slanse2 .dep3 dl dt{
    padding:0 0 20px 15px;

}

.web .subpage .gnb .slanse2 .dep3 dl dd a{
    display: block;
    padding:3px 15px;
    font-size: 12px;
}

/* gnb util */

.web .subpage .gnbutil {
    right:18px;
    top:95px;
}

.web .subpage .gnbutil .mypage-lnk,
.web .subpage .gnbutil .laeshop-lnk {
    display: none;
}

.web .gnb .slanse2 .dep2:first-child&gt;a.active{
    color: #106ea8;
}

.web .gnb .slanse2 .dep2:first-child .dep3 dd a:hover{
    background-color: #d1edff ;
}

.web .gnb .slanse2 .dep2:first-child + .dep2&gt;a.active{
    color: #c5497d;
}

.web .gnb .slanse2 .dep2:first-child + .dep2 .dep3 dd a:hover{
    background-color: #ffc1d6 ;
}

.web .gnb .slanse2 .dep2:first-child + .dep2 + .dep2&gt;a.active{
    color: #4d56ce;
}
.web .gnb .slanse2 .dep2:first-child + .dep2 + .dep2 .dep3 dd a:hover{
    background-color: #becef2 ;
}

.web .gnb .slanse2 .dep2:first-child + .dep2 + .dep2  + .dep2&gt;a.active{
    color: #767676;
}



.web .gnb .mob-login.res-webhide {display:none;}

.web .mobgnb-bottom {display:none; }
.web .header {
    height:auto;
    border-bottom:2px solid #000000;
}

.web .header h1 {
    width: 179px;
    height:auto;
    padding:32px 0;
}

.web .header h1 a{
    height:auto;
    line-height: 1.2;
}

.web .header .laneige-logo {
    width: 179px;
    height:auto;
    padding:32px 0;
}

.web .header .laneige-logo a{
    height:auto;
    line-height: 1.2;
}



/* gnb */

.web .mobopen-gnbbtn { display: none;}

.web .dep1 .dep2list {margin:0 auto;}
.web .dep1 .dep2wrap.slanse2{height:72px}

.web .gnb .dep1&gt;a{
    font-size: 16px;
    padding:10px 25px;
    letter-spacing: 0;
}


.web .gnb {
    position: relative;
    display: block;
    padding:10px 0 20px 0;
    top:0;
    overflow:visible;
}
.web .gnb&gt;ul{
    height:42px;
}
.web .gnb ul {
    width: 100%;
    margin:0 auto;
    display: table;
    text-align: center;
    border-top: none;
}

.web .gnb .dep1{
    width: auto;
    display: inline-block;
    padding:0;
    margin:0 13px;
    border-bottom: none;
    vertical-align:top;
}

.web .gnb .dep1&gt;a{
    font-size: 16px;
    padding:10px 0;
    letter-spacing: 0;
    height:40px;
}

.web .gnb .dep1 a .hassublnk {
    display: none;
}


.web .gnb .dep1 .dep2wrap{
    z-index:9099;
}

.web .gnb .dep1 .dep2wrap.slanse2{
    z-index:20;
    padding-left:20px;
}
.web .gnb .dep1 a .hassublnk {
    display: none;
}

.web .gnb .dep1 .dep1-ico {
    display:inline-block;
    width:18px;
    margin-left:3px;
    position:relative;
    top:-3px;
}

.web .gnb .dep2 .dep3{
    z-index:19;
}

.web .gnb .dep2.active .dep3{
    z-index:20;
}

.web .gnb .dep2wrap.slanse1 {
    display: none;
    width: auto;
    top:70px;
    margin-left:-30px;
    position: absolute;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .dep2wrap.slanse1 ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .gnb .dep2wrap.slanse2 {
    display: none;
    width: 100%;
    top:162px;
    left:0;
    font-size:14px;
    position: fixed;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 2px 0 1px 0;
    border-color: #000000;
    border-style: solid;
}


.web .gnb .dep2wrap.slanse2 ul{
    display: table;
}

.web .gnb .dep2wrap.slanse2 ul li{
    display: inline-block;
}


.web .dep2list {
    padding-bottom: 21px;
}
.web .gnb .dep2 {
    text-align: left;
}

.web .gnb .dep2&gt;a{
    padding:9px 30px 9px 30px;
    display: block;
}

.web .gnb .dep2:first-child&gt;a{
    padding-top:15px;
}


.web .gnb .slanse2 .dep2list{
    width: auto;
    padding: 0;
    margin:0;
    left:0;
    text-align: left;
    left:-190px;
}

.web .gnb .slanse2 .dep2{
    height:72px;
}

.web .gnb .slanse2 .dep2&gt;a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
    background: url('/my/en/resource/img/common/gnb-dep2bg.png') no-repeat 0 50%;
}

.web .dep1.active {
    background: none;
}

.web .dep1&gt;a:hover {
    border-bottom: 6px solid #8cd3ff;
}
.web .dep1.active&gt;a{
    border-bottom: 6px solid #8cd3ff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .dep1 .slanse2 .dep2list .dep2&gt;a{
    padding:27px 10px 27px 30px;
    display: block;
    font-size: 14px;
}

.web .dep1 .dep2list .dep2&gt;a{
    display: block;
    font-size: 14px;
}


.web .gnb .slanse2 .dep2:first-child&gt;a{
    background:none;
}

.web .gnb .slanse2 .dep2&gt;a{
    position: relative;
}

.web .gnb .slanse2 .dep3wrap{
    position: relative;
    background: #ffffff;
    padding:30px 30px 0 30px;
    border-width: 0 1px 1px 1px;
    border-style:solid;
    border-color:#000000;
}

.web .gnb .slanse2 .dep3wrap:after{
    clear:both;
    content:'';
    display: block;
}

.web .gnb .slanse2 .dep3 {
    display: none;
    width: auto;
    position: absolute;
    top:70px;
    left:0;
}

.web .gnb .slanse2 .dep3 dl{
    float: left;
    width:130px;
    padding-bottom: 30px;
}

.web .gnb .slanse2 .dep3 dl dt{
    padding:0 0 20px 15px;

}

.web .gnb .slanse2 .dep3 dl dd a{
    display: block;
    padding:3px 15px;
    font-size: 12px;
}


/* gnb util */

.web .gnbutil {
    right:18px;
    top:95px;
}

.web .gnbutil .mypage-lnk,
.web .gnbutil .laeshop-lnk {
    display: none;
}


.webM .gnb-search label {top:13px;}


.icheckbox_minimal,
.iradio_minimal {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    width: 21px;
    height: 24px;
    background: url('/my/en/resource/img/common/icheck-minimal-mob.png') no-repeat;
    border: none;
    cursor: pointer;
    margin-right:5px;
}

.icheckbox_minimal {
    background-position: 0 0;
}
.icheckbox_minimal.hover {
    background-position: 0 0;
}
.icheckbox_minimal.checked {
    background-position: -50px 0;
}
.icheckbox_minimal.disabled {
    background-position: 0 0;
    cursor: default;
}
.icheckbox_minimal.checked.disabled {
    background-position: -50px 0;
}

.icheckbox_minimal.focus {
    outline:1px dotted #000;
}

.iradio_minimal {
    background-position: -75px 0;
}
.iradio_minimal.hover {
    background-position: -75px 0;
}
.iradio_minimal.checked {
    background-position: -125px 0;
}
.iradio_minimal.disabled {
    background-position: -75px 0;
    cursor: default;
}
.iradio_minimal.checked.disabled {
    background-position: -125px 0;
}

.iradio_minimal.focus {
    outline:1px dotted #000;
}

.iradio_minimal label {vertical-align: top}

.tablet .icheckbox_minimal {
    background-position: 0 0;
}
.tablet .icheckbox_minimal.hover {
    background-position: -20px 0;
}
.tablet .icheckbox_minimal.checked {
    background-position: -40px 0;
}
.tablet .icheckbox_minimal.disabled {
    background-position: 0 0;
    cursor: default;
}
.tablet .icheckbox_minimal.checked.disabled {
    background-position: -40px 0;
}

.tablet .icheckbox_minimal.focus {
    outline:1px dotted #000;
}

.tablet .iradio_minimal {
    background-position: -100px 0;
}
.tablet .iradio_minimal.hover {
    background-position: -120px 0;
}
.tablet .iradio_minimal.checked {
    background-position: -140px 0;
}
.tablet .iradio_minimal.disabled {
    background-position: -100px 0;
    cursor: default;
}
.tablet .iradio_minimal.checked.disabled {
    background-position: -140px 0;
}

.tablet .iradio_minimal.focus {
    outline:1px dotted #000;
}


@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .icheckbox_minimal,
    .iradio_minimal {
        background: url('/my/en/resource/img/common/icheck-minimal-mob-X2.png') no-repeat;
        background-size:160px 25px;
        width:23px;
        height:23px;
    }
    .icheckbox_minimal {
        background-position: 0 0;
    }
    .icheckbox_minimal.hover {
        background-position: 0 0;
    }
    .icheckbox_minimal.checked {
        background-position: -50px 0;
    }
    .iradio_minimal {
        background-position: -75px 0;
    }
    .iradio_minimal.hover {
        background-position: -75px 0;
    }
    .iradio_minimal.checked {
        background-position: -124px 0;
    }
}
#smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info &gt; span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html {margin:0;padding:0; -webkit-overflow-scrolling: auto;}
body { width: auto; height: auto; overflow-x: hidden; position: relative; margin:0; padding:0;font-size:12px;line-height:1.3;color:#292a37;letter-spacing:0;-webkit-text-size-adjust:none;}
html, body{ width: 100%; height:100%; }
fieldset {min-width:0;}
div,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal}
img {border:0;vertical-align:top;}
hr { display: none;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
p {vertical-align: middle;}
strong,em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0; padding:0; border:none; border-image-width:0;}
button:focus {outline:#666 dotted 1px;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
::-webkit-input-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
:-ms-input-placeholder {color: #aaa;}
:-moz-placeholder {color: #aaa;}
::-ms-clear,
::-ms-reveal {display: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] &gt; input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

select, textarea, button {-webkit-appearance: none;border-radius: 0}
textarea{resize:none;}
input[type="text"],input[type="search"] {-webkit-appearance: none;border-radius: 0;}
.skip {position:fixed;top:0;left:0;width:100%;z-index:9999;}
.skip a{display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;padding:9px 0;height:40px;width:100%;text-align:center;font-size:14px;color:#fff;background:#282a37;}

/* IR */
.screen_out {position:absolute;overflow:hidden;text-indent:-999em;width:1px;height:1px;font-size:1px;}

/* float clear */
.clearfix:after { clear:both; display:block; content:""; height:0; visibility:hidden;  }
* html .clearfix { height:1px; }
.clearfix { display:block; min-height:1px; }


/* box align */
.opt-fl{float:left;}
.opt-fr{float:right;}
.opt-fc{clear:both;}

/* text align */
.opt-tl{text-align:left;}
.opt-tr{text-align:right;}
.opt-tc{text-align:center;}

/* position align */
.opt-poss { position: static;}
.opt-posr { position: relative;}
.opt-posa { position: absolute;}
.opt-posf { position: fixed;}

/* dvice show/hide */
.res-mobshow { display: block;}
.res-tabletshow { display: none;}
.res-webshow { display: none;}

/* component color text */
.opt-textpink {color:#c5497d;}
.opt-textblue {color:#106ea8;}
.opt-textpurple {color:#4d56ce;}
.opt-textgreen {color:#1a6f00;}

/* component sub page border */
.opt-borderbot {border-bottom:1px solid #e4e4e4;}
.opt-bordertop {border-top:1px solid #e4e4e4;}

.vedio-playdim {width:100%; height:100%; position:absolute; left:0; top:0; background:url('/my/en/resource/img/common/video-dimbg.png') repeat left top;}
.dotline {overflow:hidden;}

.tablet .tablethide { display: none;}
.tablet .res-mobshow { display: none;}
.tablet .res-tabletshow { display: block;}

.web .subpage .res-webhide { display: none;}
.web .res-webshow { display: block;}

.webM .res-webhide { display: none;}



/*í…ìŠ¤íŠ¸ ê³µí†µ*/
.opt-text-arbfont { font-family: arb, sans-serif;}
.opt-text-arbfont p{ font-family: arb, sans-serif;}

.opt-text-armfont { font-family: arm, sans-serif;}
.opt-text-armfont p{ font-family: arm, sans-serif;}

.opt-htb {font-size:30px; line-height:34px;}
.opt-htm {font-size:24px; line-height:30px;}
.opt-hts {font-size:20px; line-height:26px;}

.opt-stb {font-size:16px; line-height:22px;}
.opt-stm {font-size:14px; line-height:20px;}

.opt-btb { font-size: 12px; line-height:18px;}
.opt-btm { font-size: 12px; line-height:18px;}
.opt-bts { font-size: 12px; line-height:18px;}

/*ì—¬ë°± ê³µí†µ*/
.opt-pts { padding-top: 20px;}
.opt-ptm { padding-top: 30px;}
.opt-ptb { padding-top: 50px;}

.opt-pbs { padding-bottom: 20px;}
.opt-pbm { padding-bottom: 30px;}
.opt-pbb { padding-bottom: 50px;}

.opt-mbs { margin-bottom: 20px;}
.opt-mbm { margin-bottom: 30px;}
.opt-mbb { margin-bottom: 50px;}


.web .subpage .opt-htb {font-size:40px; line-height:46px;}
.web .subpage .opt-htm {font-size:30px; line-height:34px;}
.web .subpage .opt-hts {font-size:24px; line-height:30px;}

.web .subpage .opt-stb {font-size:20px; line-height:26px;}
.web .subpage .opt-stm {font-size:16px; line-height:22px;}

.web .subpage .opt-btb { font-size: 16px; line-height:18px;}
.web .subpage .opt-btm { font-size: 14px; line-height:20px;}

/*ì—¬ë°± ê³µí†µ*/
.web .subpage .opt-pts { padding-top: 20px;}
.web .subpage .opt-ptm { padding-top: 40px;}
.web .subpage .opt-ptb { padding-top: 60px;}

.web .subpage .opt-pbs { padding-bottom: 20px;}
.web .subpage .opt-pbm { padding-bottom: 40px;}
.web .subpage .opt-pbb { padding-bottom: 60px;}

.web .subpage .opt-mbs { margin-bottom: 20px;}
.web .subpage .opt-mbm { margin-bottom: 40px;}
.web .subpage .opt-mbb { margin-bottom: 60px;}

.webM .opt-htb {font-size:40px; line-height:46px;}
.webM .opt-htm {font-size:30px; line-height:34px;}
.webM .opt-hts {font-size:24px; line-height:30px;}

.webM .opt-stb {font-size:20px; line-height:26px;}
.webM .opt-stm {font-size:16px;}

.webM .opt-btb { font-size: 16px; line-height:20px;}
.webM .opt-btm { font-size: 14px; line-height:20px;}

/*ì—¬ë°± ê³µí†µ*/
.webM .opt-pts { padding-top: 20px;}
.webM .opt-ptm { padding-top: 40px;}
.webM .opt-ptb { padding-top: 60px;}

.webM .opt-pbs { padding-bottom: 20px;}
.webM .opt-pbm { padding-bottom: 40px;}
.webM .opt-pbb { padding-bottom: 60px;}

.webM .opt-mbs { margin-bottom: 20px;}
.webM .opt-mbm { margin-bottom: 40px;}
.webM .opt-mbb { margin-bottom: 60px;}


/* sub page title style */
.subpage .subpagetit {text-align:center; padding:25px 0; margin:0 15px;}

.tablet .subpage .subpagetit {margin:0 30px;}

.web .subpage .subpagetit {padding:40px 30px;}



/* tab mobile select */

.tabtype-category { width: 100%; text-align: center; }
.tabtype-dropbox.active .tabtype-category-seleted:after  {
    top:0;
    background: url('/my/en/resource/img/product/product-category-select.png') no-repeat 0 0 ;
}
.tabtype-selected-box { height:52px; line-height:52px; background-color: #f7f7f7; }
.tabtype-category button{
    display: inline-block;
    height:52px;
    line-height:52px;
    padding:0 20px;
    min-width:180px;
    margin:0 auto;
    background-color: #ffffff;
    vertical-align:top;
}
.tabtype-category button span{
    display: inline-block;
    position: relative;
    padding-right:35px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tabtype-category .tabtype-category-wrap{  display: none; width: 100%; }
.tabtype-category-seleted { height:20px; position: relative; }
.tabtype-category-seleted:after {
    display: inline-block;
    width: 15px;
    height:15px;
    overflow: hidden;
    content:'';
    position: absolute;
    top:3px;
    right:0;
    margin-left:20px;
    background: url('/my/en/resource/img/product/product-category-select.png') no-repeat 0 -15px ;
}

.tabtype-category .tabtype-category-wrap li{ width: 100%; }
.tabtype-category .tabtype-category-wrap li.listhide{ display: none; }
.tabtype-category .tabtype-category-wrap .listhide{ display: none; }
.tabtype-category .tabtype-category-wrap li a{
    width: 100%;
    padding-top:10px;
    display: block;
    color: #767676;
    font-family: arm, AppleGothic, sans-serif;
}

.tabtype-category .tabtype-category-wrap li a span{
    display: inline-block;
    padding-right: 20px;
    background: url('/my/en/resource/img/product/tabselect-list-bg.png') no-repeat right 50% ;
}


/* tab mobile select */

.tablet .tabtype-dropbox { background:#f7f7f7; max-width:1200px; margin:0 30px;}
.tablet .tabtype-selected-box {	display: none; }
.tablet .tabtype-category button{ display: none; }
.tablet .tabtype-category .tabtype-category-wrap{
    display: table;
    width: 100%;
    min-height:60px;
    font-size:0;
    padding-bottom: 0;
}

.tablet .tabtype-category.num3 .tabtype-category-wrap {width:75%; margin:0 auto;}
.tablet .tabtype-category.num3 .tabtype-category-wrap li{ width:33.3%;}
.tablet .tabtype-category.num4 .tabtype-category-wrap li{ width:25%;}
.tablet .tabtype-category .tabtype-category-wrap li{ display: table-cell; vertical-align:middle; height:60px;}
.tablet .tabtype-category .tabtype-category-wrap li.listhide{ display: table-cell; }
.tablet .tabtype-category .tabtype-category-wrap li.active{ background-color: #fff; position:relative; }
.tablet .tabtype-category .tabtype-category-wrap li.active a:after{content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:url('/my/en/resource/img/product/product-category-selectdown.png') no-repeat 50% bottom}
.tablet .tabtype-category .tabtype-category-wrap li a{padding:10px;font-family: arb, sans-serif;color: #000;}
.tablet .tabtype-category .tabtype-category-wrap li a span{display: inline;padding-right: 0;background: none}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .tabtype-category .tabtype-category-wrap li.active a:after{ background-image:url('/my/en/resource/img/product/product-category-selectdown-X2.png'); background-size:15px 8px; }
}



/* tab style */
.tabtype1 {display:none;background:#f7f7f7; text-align:center; padding:0 15px; position:relative;}
.tabtype1-list {display:table; width:100%;}
.tabtype1-list li {display:table-cell; height:52px; vertical-align:middle; font-family: arb, sans-serif; width:25%;}
.tabtype1-list li a {display:block; font-size:14px;}
.tabtype1-list li.active {background:#fff;}
.tabtype1-list li.active span {padding-right:23px; background:url('/my/en/resource/img/common/tab-active.gif') no-repeat right center;}
.tabtype1-addbtn {display:none;}

.tablet .tabtype1 {padding:0; margin:0 30px;}
.tablet .tabtype1-list {margin:0 auto;}
.tablet .tabtype1-list li.active span {padding-right:0; display:block; background:url('/my/en/resource/img/common/tab-active.gif') no-repeat center bottom;}
.tablet .num1 .tabtype1-list {width:25%;}
.tablet .num2 .tabtype1-list {width:50%;}
.tablet .num3 .tabtype1-list {width:75%;}
.tablet .num4 .tabtype1-list {width:100%;}
.tablet .tabtype1-list li a {height:60px; line-height:60px;}

.web .tabtype1-list li a {font-size:16px;}
.web .tabtype1-addbtn {display:block; padding:0 20px; font-size:14px; background:#66bcf0; position:absolute; right:0; top:0; height:60px; line-height:60px;}
.web .tabtype1-addbtn span {padding-right:30px; background:url('/my/en/resource/img/magazine/btn-pastmaga.png') no-repeat right center;}


/* tab í•˜ë‹¨ ë¦¬ìŠ¤íŠ¸ style */
.tablist {padding-top:30px; padding-bottom:30px;}
.tablist-con {display:none;}
.tablist-slider ul {display:inline-block;}
.tablist-arrow {display:inline-block; vertical-align: top; }

.tablet .tablist-con {display:block; text-align:center;}
.tablet .tablist-con li {display:inline-block; border-left:1px solid #d9d9d9; padding:3px 30px; font-family: arb, sans-serif}
.tablet .tablist-con li:first-child {border-left:none;}
.tablet .tablist-con li.active a {border-bottom:4px solid #c5497d; color:#c5497d; padding:7px 7px 10px 7px;}
.tablet .bluetype .tablist-con li.active a {border-bottom:4px solid #8cd3ff; color:#8cd3ff;}

.web .tablist {padding-top:40px; padding-bottom:40px;}
.web .tablist-con li {font-size:14px;}
.web .tablist-con li a.UIslider-con {font-size:14px; padding:0;}


/* tab í•˜ë‹¨ ë¦¬ìŠ¤íŠ¸ style - ëª¨ë°”ì¼ì—ì„œ list selectë¡œ ë³€ê²½ */
.subselect {position:relative;}
.subselect-jqList {width:100%;}
.subselect-jqList .jqListBox-combo {height:46px; line-height:46px; font-size:12px; color:#292a37; border-color:#000; background:#fff;}
.subselect-jqList .jqListBox-combo-txt {height:46px; line-height:46px;}
.subselect-jqList .jqListBox-combo-arrow {background:url("/my/en/resource/img/common/subjqlistbox-arrow.gif") no-repeat 0 50%}
.subselect-jqList .jqListBox-list {width:100%; top:46px; margin-top:-1px; border-color:#000;height:300px;}
.subselect-jqList .jqListBox-option {height:46px; line-height:46px; font-size:12px;}
.selectbtn .subselect-jqList { padding-right:46px;}
.selectbtn .subselect-jqList .jqListBox-combo {border-right:none;}
.subselect-jqBtn {position:absolute; right:0; top:0; }
.subselect-jqBtn button {width:46px; height:46px; line-height:46px; background:#000; color:#fff;}

.web .subselect-jqList .jqListBox-combo {font-size:14px;}
.web .subselect-jqList .jqListBox-option {font-size:14px;}


/* circle button */
.circlebtn-group:after {content:""; display:block; clear:both;}
.circlebtn-group.opt-nolist {position:relative; margin-bottom:40px; min-height:114px;}
.circlebtn-group.opt-nolist .circlebtn.list {position:absolute; left:50%; top:0; min-width:120px; margin-left:-60px; text-align:center;}
.circlebtn-wrap {text-align:center; padding-bottom:50px;}
.circlebtn {font-size:12px; padding-top:70px; text-align:center; min-width:64px; display:inline-block; width:auto; vertical-align:top; margin-left:5px; margin-right:5px;}
.circlebtn-left {float:left;}
.circlebtn-right {float:right;}
.circlebtn.list {background:url('/my/en/resource/img/common/btn-list-X2.gif') no-repeat center top;}
.circlebtn.more {background:url('/my/en/resource/img/common/btn-more.gif') no-repeat center top;}
.circlebtn.apply {background:url('/my/en/resource/img/common/btn-apply.gif') no-repeat center top;}
.circlebtn.complete {background:url('/my/en/resource/img/common/btn-complete.gif') no-repeat center top;}
.circlebtn.home {background:url('/my/en/resource/img/common/btn-home.gif') no-repeat center top;}
.circlebtn.homegray {background:url('/my/en/resource/img/common/btn-homegray.gif') no-repeat center top;}
.circlebtn.lock {background:url('/my/en/resource/img/common/btn-lock.gif') no-repeat center top;}
.circlebtn.find {background:url('/my/en/resource/img/common/btn-find.gif') no-repeat center top;}
.circlebtn.change {background:url('/my/en/resource/img/common/btn-change.gif') no-repeat center top;}
.circlebtn.proh {background:url('/my/en/resource/img/common/btn-proh.gif') no-repeat center top;}
.circlebtn.document {background:url('/my/en/resource/img/common/btn-document.gif') no-repeat center top;}
.circlebtn.modify {background:url('/my/en/resource/img/common/btn-modify.gif') no-repeat center top;}
.circlebtn.closeacc {background:url('/my/en/resource/img/common/btn-closeacc.gif') no-repeat center top;}
.circlebtn.save {background:url('/my/en/resource/img/common/btn-save.gif') no-repeat center top;}
.circlebtn.cancle {background:url('/my/en/resource/img/common/btn-cancle.gif') no-repeat center top;}
.circlebtn.vwmore {background:url('/my/en/resource/img/common/btn-vwmore.gif') no-repeat center top;}
.circlebtn.previous {background:url('/my/en/resource/img/common/btn-prev.gif') no-repeat center top;}
.circlebtn.tryagain {background:url('/my/en/resource/img/common/btn-tryagain.gif') no-repeat center top; background-size:100% auto;}
.circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.circlebtn.view span {display:none;}
.circlebtn.view.prev {text-align:left; padding-left:70px; background:url('/my/en/resource/img/common/btn-viewprev.gif') no-repeat left center;}
.circlebtn.view.next {text-align:right; padding-right:70px; background:url('/my/en/resource/img/common/btn-viewnext.gif') no-repeat right center;}
.circlebtn.list, .circlebtn.more, .circlebtn.apply,
.circlebtn.complete, .circlebtn.home, .circlebtn.homegray,
.circlebtn.lock, .circlebtn.find, .circlebtn.change,
.circlebtn.proh, .circlebtn.document, .circlebtn.modify,
.circlebtn.closeacc, .circlebtn.save, .circlebtn.cancle,
.circlebtn.vwmore, .circlebtn.previous, .circlebtn.tryagain
{background-size:54px;}

/* comment event */
.normalbtn {text-align:center; padding:30px 15px 0 15px;}
.normalbtn.modify {background:url('/my/en/resource/img/common/btn-modify-nobg.gif') no-repeat center top;}
.normalbtn.delete {background:url('/my/en/resource/img/common/comment-delete.gif') no-repeat center top;}
.normalbtn.change {background:url('/my/en/resource/img/comment/comment-change.gif') no-repeat center top;}



.tablet .circlebtn {font-size:14px; padding-top:80px; margin-right:10px; margin-left:10px;}
.tablet .circlebtn.view {height:64px; display:table; width:33%; padding-top:0;}
.tablet .circlebtn.view span {display:table-cell; vertical-align:middle;}
.tablet .circlebtn.list {background-size:64px;}
.tablet .circlebtn.more {background-size:64px;}
.tablet .circlebtn.apply{background-size:64px;}

.tablet .circlebtn.complete {background-size:64px;}
.tablet .circlebtn.home {background-size:64px;}
.tablet .circlebtn.homegray {background-size:64px;}
.tablet .circlebtn.lock {background-size:64px;}
.tablet .circlebtn.find {background-size:64px;}
.tablet .circlebtn.change {background-size:64px;}
.tablet .circlebtn.proh {background-size:64px;}
.tablet .circlebtn.document {background-size:64px;}
.tablet .circlebtn.modify {background-size:64px;}
.tablet .circlebtn.closeacc {background-size:64px;}
.tablet .circlebtn.save {background-size:64px;}
.tablet .circlebtn.cancle {background-size:64px;}
.tablet .circlebtn.vwmore {background-size:64px;}
.tablet .circlebtn.previous {background-size:64px;}
.tablet .circlebtn.tryagain {background-size:64px;}

.web .circlebtn-wrap {padding-bottom:60px;}
.web .circlebtn {font-size:14px;}


/*  */
p.quadbtn {display:inline-block;}
.quadbtn span {display:block; height:32px; line-height:32px; padding:0 15px; text-align:center; font-size:12px;}
.quadbtn.quadbtn-blue span {background-color:#0f73b9; color:#fff;}
.quadbtn.quadbtn-skyblue span {background-color:#8cd3ff;}
.quadbtn.quadbtn-gray span {background-color:#cfcfcf;}
.quadbtn.bigbtn {width:100%; font-size:18px;}
.quadbtn.bigbtn span {height:45px; line-height:45px;}

.oplinebtn {display:block; max-width:130px; margin:30px auto; padding-left:10px; width:100%; height:34px; line-height:34px; font-family:arb, sans-serif;}
.oplinebtnM {height:39px; line-height:39px; display:inline-block; padding:0 50px 0 20px; font-family:arb, sans-serif;}
.oplinebtnM.blue {background:#bae5ff url('/my/en/resource/img/common/oqlinebtnM-blue.gif') no-repeat right top;}
.oplinebtn.skyblue {background:#8cd3ff url('/my/en/resource/img/common/oqlinebtn-skyblue.gif') no-repeat right top;}
.oplinebtn.purple {background:#99aff7 url('/my/en/resource/img/common/oqlinebtn-purple.gif') no-repeat right top;}
.oplinebtn.gray {background:#cfcfcf url('/my/en/resource/img/common/oqlinebtn-gray.gif') no-repeat right top;}
.oplinebtn-group {margin:0 auto;}
.oplinebtn-groupwrap {margin:10px -10px 0;}
.oplinebtn-groupwrap:after {content:""; display:block; clear:both;}
.oplinebtn-groupwrap .oplinebtn {max-width:none; width:auto; min-width:130px; padding-right:35px;}
.oplinebtn-group .oplinebtn {float:left; margin:20px 10px 0;}

/* input type */
.input-group {position:relative;}
.input-group input[type=checkbox]{vertical-align: text-top;}
.input-group textarea[disabled] {background:#fff;}
.input-label {position:absolute; left:0; top:0; padding:15px 15px 0 20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.input-label.overline {padding-top:0; height:46px; white-space:normal;}
.input-label.overline .overline-inner {display:table; width:100%; height:100%;}
.input-label.overline .overline-inner &gt; span {display:table-cell; vertical-align:middle;}
.js-label-hide.hide {display:none;}
.inputform {width:100%; height:46px; border:1px solid #000; color:#000; padding-left:20px; padding-right:10px; font-size:12px;}
.inputform.disabled {background:#f7f7f7; border:none;}
.inputform.type2 {background:url('/my/en/resource/img/common/inputtype-bg.gif') repeat left top;}
.inputform-input {padding-top:15px; padding-bottom:15px;}
.inputform-textarea {height:auto; padding:15px 20px; }

.label-essential {padding-left:17px; background:url('/my/en/resource/img/common/bullet-essential.gif') no-repeat left 5px;}

/* contents box side padding */
.opt-boxside {padding-left:15px; padding-right:15px;}

.tablet .opt-boxside {padding-left:30px; padding-right:30px;}
.tablet .opt-boxsidetab {padding-left:30px; padding-right:30px;}


/* slider controller, pager common */
.slider-pagerbox {position:absolute; left:0; bottom:20px; width:100%; z-index:9;}
.slider-pagerbox .pager {z-index:15; margin-right:-3px;}
.slider-pagerbox-wrap {text-align:center;}
.slider-controller {display:inline-block; padding-right:10px;}

.tablet .slider-pagerbox {bottom:30px;}



/* paging */
.pager {text-align:center; font-size:12px;}
.pager-first, .pager-prev, .pager-next, .pager-last {display:inline-block; width:16px; height:14px; vertical-align:top;}
.pager-first.active {background:url('/my/en/resource/img/common/pager-first-active.gif') no-repeat center center;}
.pager-first {background:url('/my/en/resource/img/common/pager-first.gif') no-repeat center center;}
.pager-prev.active {background:url('/my/en/resource/img/common/pager-prev-active.gif') no-repeat center center;}
.pager-prev {background:url('/my/en/resource/img/common/pager-prev.gif') no-repeat center center;}
.pager-next.active {background:url('/my/en/resource/img/common/pager-next-active.gif') no-repeat center center;}
.pager-next {background:url('/my/en/resource/img/common/pager-next.gif') no-repeat center center;}
.pager-last.active {background:url('/my/en/resource/img/common/pager-last-active.gif') no-repeat center center;}
.pager-last {background:url('/my/en/resource/img/common/pager-last.gif') no-repeat center center;}
.pager-numlist {display:inline-block; padding:0 40px;}
.pager-num {display:inline-block; min-width:20px; height:20px; line-height:20px; font-size:12px; padding:0 5px;}
.pager-num.active {background:#8cd3ff;}


.tablet .pager-first, .tablet .pager-prev, .tablet .pager-next, .tablet .pager-last {vertical-align:middle; margin:0 6px;}
.tablet .pager-numlist {padding:0 10px; font-size:0;}


/* table component */
.tbl {width:100%; padding-bottom:60px;}
.tbl .col {float:left; padding:15px 10px; text-align:center;}
.tbl-head {margin-left:-2px; height:49px;}
.tbl-head:after {content:""; display:block; clear:both;}
.tbl-head .col {background:#f7f7f7; border-left:2px solid #fff;}
.tbl-body {padding-bottom:30px;}
.tbl-row:after {content:""; display:block; clear:both;}
.tbl-row .col {height:49px; border-bottom:1px solid #e4e4e4;}
.tbl-row .nolist {width:100%; height:200px; line-height:200px;}
.tbl-row .dotdot {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.tbl-coltype {border-top:1px solid #e4e4e4;}
.tbl-coltype .tbl-th {background:#f7f7f7;}

.tbl-tabletype .tbl-head {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .tbl-row {display:table; width:100%; table-layout:fixed;}
.tbl-tabletype .col {float:none; height:auto; display:table-cell; vertical-align:middle;}

.tablet .tbl .col {padding:15px 5px;}
.tablet .tbl .col.dotdot {padding-left:20px;}

.web .tbl {padding-bottom:80px;}
.web .tbl .col {padding:15px 5px;}
.web .tbl .col.dotdotdot {padding-left:30px;}
.web .tbl-body {padding-bottom:40px;}


/* hreart */

.product-list-likeheart {
    position: relative;
    width: 87px;
    height:12px;
    overflow: hidden;
    margin:0 auto;
    background:url('/my/en/resource/img/common/heartbg.png') #d8d8d8 0 0;
}

.product-list-overbg{
    position: relative;
    z-index:1;
    display: block;
    float: left;
    width: 87px;
    height: 13px;
    line-height: 13px;
    background: url('/my/en/resource/img/product/product-quickview-likeheartbg.png') no-repeat 0 0;
}

.product-list-graphbg {
    width: 95%;
    height:12px;
    position: absolute;
    left:0;
    top:0;
    background: #1cb1fe;
}

.refertxt {margin-top:8px; padding-left:17px; background:url('/my/en/resource/img/common/ico-refertxt.gif') no-repeat left 4px;}
.refertxt.small {background:url('/my/en/resource/img/common/ico-refertxtsmall.gif') no-repeat left 4px;}

/* footnote style */
.footnote-info {padding-top:13px; display:table;}
.footnote-infobox {position:relative; margin-top:7px;}
.footnote-infobox .footnote {position:absolute; top:0;}
.footnote-infotxt {padding-left:20px; display:inline-block;}
.footnote {display:inline-block; color:#1a6f00; background:url('/my/en/resource/img/common/footnote-bg.png') no-repeat right center;}
.footnote:after {color:#fff; font-size:6px; width:12px; margin-left:3px; display:inline-block; text-align:center;}
.footnote.num1:after {content:"1";}
.footnote.num2:after {content:"2";}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .circlebtn.change {background-image:url('/my/en/resource/img/common/btn-change-X2.gif');}
    .circlebtn.tryagain {background-image:url('/my/en/resource/img/common/btn-tryagain-X2.gif');}
    .circlebtn.complete {background-image:url('/my/en/resource/img/common/btn-complete-X2.gif');}
    .circlebtn.home {background-image:url('/my/en/resource/img/common/btn-home-X2.gif');}
    .circlebtn.homegray {background-image:url('/my/en/resource/img/common/btn-homegray-X2.gif'); }
    .circlebtn.lock {background-image:url('/my/en/resource/img/common/btn-lock-X2.gif');}
    .circlebtn.find {background-image:url('/my/en/resource/img/common/btn-find-X2.gif');}
    .circlebtn.list {background-image:url('/my/en/resource/img/common/btn-list-X2.gif');}
    .circlebtn.modify {background-image:url('/my/en/resource/img/common/btn-modify-X2.gif');}
    .circlebtn.document {background-image:url('/my/en/resource/img/common/btn-document-X2.gif');}
    .circlebtn.closeacc {background-image:url('/my/en/resource/img/common/btn-closeacc-X2.gif');}
    .circlebtn.save {background-image:url('/my/en/resource/img/common/btn-save-X2.gif');}
    .circlebtn.cancle {background-image:url('/my/en/resource/img/common/btn-cancle-X2.gif');}
    .circlebtn.vwmore {background-image:url('/my/en/resource/img/common/btn-vwmore-X2.gif');}
    .circlebtn.proh {background-image:url('/my/en/resource/img/common/btn-proh-X2.gif');}
    .circlebtn.more {background-image:url('/my/en/resource/img/common/btn-more-X2.gif');}
    .refertxt {background-image:url('/my/en/resource/img/common/ico-refertxt-X2.gif'); background-size:9px;}
    .footnote {background-image:url('/my/en/resource/img/common/footnote-bg-X2.png'); background-size:12px;}
    .refertxt.small {background-image:url('/my/en/resource/img/common/ico-refertxtsmall-X2.gif'); background-size:8px;}
    .normalbtn.change {background-image:url('/my/en/resource/img/event-and-news/event/comment-change-X2.gif'); background-size:15px 18px;}
    .normalbtn.delete {background-image:url('/my/en/resource/img/event-and-news/event/comment-delete-X2.gif'); background-size:17px 18px;}
    .normalbtn.modify {background-image:url('/my/en/resource/img/common/btn-modify-nobg-X2.gif'); background-size:27px 18px;}
    .circlebtn.view.prev {background-image:url('/my/en/resource/img/common/btn-viewprev-X2.gif'); background-size:54px;}
    .circlebtn.view.next {background-image:url('/my/en/resource/img/common/btn-viewnext-X2.gif'); background-size:54px;}
    .subselect-jqList .jqListBox-combo-arrow {background-image:url("/my/en/resource/img/common/subjqlistbox-arrow-X2.gif"); background-size:40px 6px;}
    .tabtype-category-seleted:after { background-image:url('/my/en/resource/img/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 -20px;}
    .tabtype-dropbox.active .tabtype-category-seleted:after {background-image:url('/my/en/resource/img/product/product-category-select-X2.png'); background-size:15px 30px; background-position:0 4px;}
    .tabtype1-list li.active span { background-image:url('/my/en/resource/img/product/product-category-selectdown-X2.png'); background-size:15px 8px;}
    .product-list-overbg{ background-image: url('/my/en/resource/img/product/product-quickview-likeheartbg-X2.png');  background-size:87px 13px;}

    .pager-prev {background-image:url('/my/en/resource/img/common/pager-prev-X2.gif'); background-size:9px 14px;}
    .pager-prev.active {background-image:url('/my/en/resource/img/common/pager-prev-active-X2.gif'); background-size:9px 14px;}
    .pager-next {background-image:url('/my/en/resource/img/common/pager-next-X2.gif'); background-size:9px 14px;}
    .pager-next.active {background-image:url('/my/en/resource/img/common/pager-next-active-X2.gif'); background-size:9px 14px;}
    .pager-last {background-image:url('/my/en/resource/img/common/pager-last-X2.gif'); background-size:16px 14px;}
    .pager-first {background-image:url('/my/en/resource/img/common/pager-first-X2.gif'); background-size:16px 14px;}

    .oplinebtn.skyblue {background-image:url('/my/en/resource/img/common/oqlinebtn-skyblue-X2.gif'); background-size:27px 34px;}
    .oplinebtn.purple {background-image:url('/my/en/resource/img/common/oqlinebtn-purple-X2.gif'); background-size:27px 34px;}
    .oplinebtn.gray {background-image:url('/my/en/resource/img/common/oqlinebtn-gray-X2.gif'); background-size:27px 34px;}
    .label-essential {background-image:url('/my/en/resource/img/common/bullet-essential-X2.gif'); background-size:9px 9px; background-position:left 3px;}
}


/* common table */
.cm-tbl {width:100%; font-size:12px;}
.cm-tbl thead th {height:46px; font-family: arb, sans-serif; background-color:#f7f7f7; text-align:center; border-left:2px solid #fff;}
.cm-tbl thead th:first-child {border-left:none;}
.cm-tbl tbody tr td, .cm-tbl tbody tr th {border-bottom:1px solid #e4e4e4; padding:10px;}

.web .cm-tbl {font-size:14px;}
.web .cm-tbl tbody tr  td{padding:20px;}

body{visibility: hidden}
.mobile, .web, .tablet {
    visibility: visible;
}

/* main popup style */
.main-popupwrap {height:100%; display: table;}
.main-popup {max-width:620px; display: table-cell; vertical-align: middle}
.main-popup-component {padding:40px 30px 0 30px; background: #ffffff;}
.main-popup-component .com-image {margin:0 -30px;}
.main-popup-bottom {padding:17px 20px; background:#fff; border-top:1px solid #000; width:100%; position:relative;}
.main-popup-bottom .icheckbox_minimal {width: 18px; height: 18px; background: url('/my/en/resource/img/common/icheck-minimal2.png') no-repeat; margin-right:0;}
.main-popup-bottom .icheckbox_minimal.checked {background-position: -40px 0;}
.main-popup-bottom .closebtn {position:absolute; right:20px; bottom:20px; width:15px;}
.main-popup-bottom .closebtn img {width:100%;}

@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .main-popup-bottom .icheckbox_minimal {
        background: url('/my/en/resource/img/components/common/icheck-minimal-mob-X2.png') no-repeat;
        background-size:160px 25px;
        width:23px;
        height:23px;
        margin-right:5px;
    }
    .main-popup-bottom .icheckbox_minimal.checked {
        background-position: -50px 0;
    }
}

/* modal popup */
.mainModal {width: 100%; height:100%; z-index:10000; position:absolute; }
.modal-wrapper {  margin:10px; overflow-x:hidden; overflow-y:auto; position: relative;}


#modal_wrapper{min-width:320px;}
#modal_content {min-width:280px; margin:0 20px; position:relative;}
#modal_wrapper #modal_content&gt;div { border-top:none; text-align:center; padding-top:60px;}
#modal_wrapper #modal_content&gt;div img {border-top:none; max-width:546px;}
#modal_wrapper #modal_content&gt;div p {padding-top:30px; font-size:15px; font-weight:bold;}

#modal_wrapper #modal_content .modal_control{border-top:1px solid #d4d4d7; margin-top:30px; padding-top:30px; position:relative;}
.ly-wrap .prev,
.ly-wrap .next {position:absolute; top:30px; display:block; width:24px; height:24px; }
.ly-wrap .modal_control&gt;a{text-indent:-9999em; }

.ly-wrap .other_control {width:287px; margin:0 auto;}

.ly-wrap .prevmob,
.ly-wrap .nextmob {display:none;}



/* ------ [PC] Modal dimmed Wrapper ------ */
body.ovh {overflow:hidden;} /* IE8 bug fix */
html.ovh {overflow:hidden;}
/*html.modal-opened,
html.modal-opened body {overflow:hidden;}*/
html.modal-opened-mobile,
html.modal-opened-mobile body {position:fixed;z-index:0;}
.modal {display:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998}
.modal-fade {position:fixed;width:100%;height:100%;background:#000;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity:.5;}
.modal-dialog {overflow:auto;position:absolute;top:40px;left:50%;background:#fff;border:1px solid #000;z-index:9999;box-sizing:border-box;-moz-box-sizing: border-box}
.modal-header {padding:10px;}
.modal-header .close {position:absolute;top:0;right:0;}
.modal-body {padding:10px;}
.modal-footer {padding:20px 0;text-align:center;}
/* //------ [PC] Modal dimmed Wrapper ------ */


/* ------ Modal Layer Layout ------ */
.ly-wrap {background:#fff;position:relative;z-index:0;}
.ly-head {margin:25px 0 30px;text-align: center;}
.ly-head-tit {font-size: 25px;}
.ly-head-txt {font-size:15px;}
.tablet .ly-head {margin:0 0 25px}
.tablet .ly-head-tit {font-size: 28px;}

/* //------ Modal Layer Layout ------ */


.loadingbox { display: none; width: 34px; height: 35px; position: fixed; left:50%; top:50%; margin-left:-17px; margin-top:-17px;}
.loadingbox img {width:100%;}

.web .gnb .slanse7 {
    display: none;
    width: auto;
    top:70px;
    margin-left:-7px;
    position: absolute;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}
.web .gnb .slanse7 ul {
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.web .cushion-gnb { float: right; position: relative; top: -16px; right: 25; }
.cushion-gnb img {width: 140px;position: relative;top: -3px;}
.cushion-gnb-left img {width: 140px;position: relative;top: -3px;left: -1px;}
.dep2list .dep1 { display: none !important;}
#ly-modal .popup{
    padding: 0;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
#sg-gnb
{
    border-bottom: none !important;
}
.web .tablist-con li:nth-child(2){display: inline-block;}
#jqListBox-option-0-1{}

.my-laneige-tab .evenablist .tablist-con li:nth-child(2), #jqListBox-option-0-1, #mobile-request-contents option:nth-child(2){}

#btn-resend{display: inline-block;}
#btn-inq{display: inline-block;}

.tablet .glbstore-list-bodyli .col.flag, .glbstore-list-bodyli .col.flag {display:none;}

.web .mbsimgtit-wrap {
    padding-left: 80px;
    background: rgba(0, 0, 0, 0) url("/my/en/resource/img/components/membership/LN_join-titbox-item-PC_v2.png") no-repeat scroll right top !important;
}
.tablet .mbsimgtit-wrap {
    padding-left: 50px;
    background: rgba(0, 0, 0, 0) url("/my/en/resource/img/components/membership/LN_join-titbox-item-tablet_v2.png") no-repeat scroll right top !important;
}
.web .gnb .slanse3 {
    display: none;
    width: auto;
    top: 70px;
    margin-left: -7px;
    position: absolute;
    background: #ffffff;
    font-family: arb, sans-serif;
    border-width: 0 1px 1px 1px;
    border-color: #000000;
    border-style: solid;
}

.web .gnb .slanse3 ul{
    border-top: none;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.custom-eventthumb {max-width:1200px;}
.custom-eventthumb .com-image {margin:0 auto;}

.complete {text-align:center;}
.complete-con {padding:60px 0;}
.complete-tit {display:block; font-size:40px;}
.complete-box {background:#f7f7f7; height:60px; margin:0 auto 30px ;max-width:340px; padding-top:20px;}
.complete-boxtxt {display:inline-block; color:#106ea8; font-size:16px; font-family:arb, sans-serif;}
.complete-btn {border-top:1px solid #e4e4e4; padding-bottom:60px;}
.complete-btn button {width:auto; padding-right:10px; padding-left:10px;}

.web .complete-con {padding:80px 0;}
.web .complete-tit {font-size:50px;}
.web .complete-box {max-width:400px; padding-top:17px; margin-bottom:40px;}
.web .complete-box strong {padding-right:10px; display:inline-block; vertical-align: middle;}
.web .complete-boxtxt {font-size:20px;}
.web .complete-des {line-height:22px;}
.web .complete-btn {padding-bottom:80px;}

/*20160701 new Cushion event start*/
.gnb {padding-bottom:0;}
#main img, .custom-eventthumb img {width: 100%;}
/* video */

.newissue-cont {height:auto;}
.newissue-cell {width:90%; margin-left: 5%;text-align: center;margin-bottom: 60px;}
.newissue-video {margin-top:0;}

/* layout */

.width1100 {position:relative;max-width:1800px;margin:0 auto;}
.pc_img{position:relative; max-width:1100px;margin:0 auto;}
.mobile_img {display:none; position:relative;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.free {
    background-color: #f7931e;
    border: medium none;
    color: white;
    padding: 7px 33px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 20px;
    cursor: pointer;
}

/* contents */
.f02 .detailBtn, .f02 .detailBtn2, .f02 .detailBtn3,
.f02 .detailTopBtn, .f02 .detailTopBtn2, .f02 .detailTopBtn3 {
    display:block;position: absolute; top:94.4%; left:13%; width:11.5%; height:1%; z-index: 999999;}
.f02 .detailTopBtn{top: 49.5%;left: 24%;}
.f02 .detailTopBtn2{top: 49.5%;left: 53%;}
.f02 .detailTopBtn3{top: 49.5%;left: 82%;}
.f02 .detailBtn2{left:45%;}
.f02 .detailBtn3{left:76%;}

.f04 .fb,.f04 .ig  {display:block;position: absolute; top:91%; left:85.5%; width:3.5%%; height:5%; text-indent:-9999em;}
.f04 .ig {left:89.9%;}

.f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
.f05 .register {display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

.f06 .store{display:block;position: absolute; top:63.5%; left:71.8%; width:5.5%; height:6%; text-indent:-9999em;}

.f07 .FAQ{display:block;position: absolute; top:70%; left:44.8%; width:11%; height:10%; text-indent:-9999em;}

.f08 .inquiry{display:block;position: absolute; top:76.5%; left:43%; width:14%; height:10.5%; text-indent:-9999em;}

.link {display:block;position:absolute;width:14.8%;height:4.9%;text-indent:-9999em;overflow:hidden;background:gold; filter:alpha(opacity=0); opacity:0;}
.pc_img .link01 {bottom:18%;left:27.8%;}
.pc_img .link02 {bottom:18%;right:28.1%;}

.login-wrapper {margin-bottom:60px;}
.login-wrapper .com-image {margin:0 -15px;}
.loginform {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e4e4e4;}
.loginform-inp .mbsform-label label {padding-left:0;}
.loginbtn {background-color:#8cd3ff; width:100%; padding:17px 0;}
.loginbtn span {padding-top:33px; display:inline-block; background:url('/my/en/resource/img/components/membership/login-btnico.gif') no-repeat center top;}
.login-linkwrap {padding-bottom:20px;}
.login-link {padding-bottom:20px; text-align:center;}
.login-link .com-link {padding-bottom:6px; }
.login-warning {margin-top:-15px; padding-bottom:20px;}

.tablet .login-wrapper {padding-left:78px; padding-right:78px;}
.tablet .loginbox-left {padding-top:40px; background:url('/my/en/resource/img/components/membership/login-formbg.gif') no-repeat center top;}
.tablet .loginform {position:relative; border-bottom:none; margin-bottom:0;}
.tablet .loginform-inp {padding-right:112px;}
.tablet .loginbtn {position:absolute; right:0; top:0; width:102px; height:102px;}
.tablet .login-linkwrap {text-align:center;}
.tablet .login-link {display:inline-block; padding-right:20px; padding-left:20px;}
.tablet .login-wrapper .com-image {margin:0;}
.tablet .login-warning {padding-bottom:0; padding-left:150px; margin-top:0;}

.web .login-wrapper {padding-left:0; padding-right:0; position:relative;}
.web .loginbox-left {width:52%; padding:0; position:absolute; height:100%; min-height:285px;}
.web .loginbox-leftwrap {display:table; width:100%; height:100%;}
.web .loginbox-leftwrap2 {display:table-cell; vertical-align:middle;}
.web .loginbox-right {width:100%; padding-left:52%;}
.web .loginform {padding-bottom:70px; margin-left:8%; margin-right:8%;}
.web .login-wrapper .mbsform-input {padding-left:120px;}
.web .login-linkwrap {padding-bottom:0; margin-bottom:-20px;}
.web .login-warning {position:absolute; padding-left:120px;}


#jiathis_weixin_share p img{width:auto;}
.media .icon-play {position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;font-size: 42px;color: #fff;margin: -0.5em 0 0 -0.5em;-webkit-transition: color .2s ease-out;-moz-transition: color .2s ease-out;-o-transition: color .2s ease-out;transition: color .2s ease-out;}

.box {
    width: 40%;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;
}

.popup-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    opacity: 50;
    z-index: 900;
    display:none;
}
.popup-overlay:target {
    opacity: 1;
}

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 64%;
    position: relative;
    margin: 30% auto;
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #06D85F;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
    margin-top: 5%;
}
.popup .obj { height:200px; margin-top: 35px;}


@media screen and (max-width: 700px){

}
@media only all and (max-width: 1260px){
    .popup .obj {height: 300px;margin-top: 10px; }
}
@media only all and (max-width: 1023px){
    .newissue-detail {padding:0;}
    .popup .obj {height: 130px;}
}

@media only all and (max-width: 1100px){
    .newissue-section{background-size:100%;}
    .popup .obj {height: 300px;}
}
@media only all and (max-width: 1023px){
    .newissue-cell{left:50%;}
}

@media only all and (max-width: 639px){
    #FAQ{top: 0px !important;}
    .width1100 {background-image:none;}
    .newissue-cell {width: 100%;margin-left:0;}
    .newissue-detail {padding:0;}
    .pc_img {display:none;}
    .mobile_img {display:block;}
    .mtem {margin-top:-1.4em;}
    .link {width:46.5%;height:6%;}
    .newissue-cell{left:0;}
    .newissue-detail.addnew {background:#e8e7f2;}

    .f02 .detailBtn, .f02 .detailBtn2, .f02 .detailBtn3 {top:69.3%; left:34%; width:32.5%; height:1%;}
    .f02 .detailBtn2 {top:82.5%;}
    .f02 .detailBtn3 {top:95.6%;}

    .f04 .fb,.f04 .ig  {display:block;position: absolute; top:95.8%; left:80.68%; width:5.8%; height:1.8%; text-indent:-9999em;}
    .f04 .ig {left:88.10%;}

    .f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
    .f05 .register{display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

    .f06 .store{display:block;position: absolute; top:69.5%; left:54.8%; width:11.5%; height:5%; text-indent:-9999em;}

    .f07 .FAQ{display:block;position: absolute; top:86.5%; left:33.8%; width:31.5%; height:5%; text-indent:-9999em;}

    .f08 .inquiry{display:block;position: absolute; top:83%; left:25%; width:50%; height:6%; text-indent:-9999em;}

    .mobile_img .link01 {bottom:26%;left:50%; margin-left:-23.5%;}
    .mobile_img .link02 {bottom:6.37%;right:50%; margin-right:-23.5%;}
    .box{ width: 70%; }
    .popup {width: 90%;top: -55px;}
    .popup .obj {height: 420px;margin-top: 10px; }
    .loginform {padding-bottom: 5px;margin-bottom: 5px;}


}
.sample-event {display: none;}
/*20160701 new Cushion event end*/
#ly-modal .popup{
    padding: 0;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.collagen .opt-snscont-txt {
    display: none;
}
.web .gnb .dep1 {margin: 0 8px !important;}
.web .cushion-gnb img {width: 140px;position: relative;top: -3px;left: 0px;}

.web .dlight img {top: -6px;}
.mobile .dlight img {top: -14px;}

.web .mbsimgtit-wrap {
    padding-left: 80px;
    background: rgba(0, 0, 0, 0) url("/my/en/resource/img/components/membership/LN_join-titbox-item-PC_v2.png") no-repeat scroll right top !important;
}
.tablet .mbsimgtit-wrap {
    padding-left: 50px;
    background: rgba(0, 0, 0, 0) url("/my/en/resource/img/components/membership/LN_join-titbox-item-tablet_v2.png") no-repeat scroll right top !important;
}
.web .gnb .dep1 &gt; a{letter-spacing: 0;}
@media only all and (max-width: 1057px){
    .web .gnb .dep1 &gt; a{letter-spacing: -0.6px !important;}
}

/* alert_popup_wrap : S */
.overlay {display:none; position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); overflow-y:auto; overflow-x:hidden; z-index:9999;}
.overlay .overlay-table {display:table; width:100%; height:100%;}
.overlay .overlay-cell {display:table-cell; vertical-align:middle;}
.overlay .dialog-notice {position:relative; width:440px; margin:0 auto; padding:43px 20px 20px; background-color:#fff; border:1px solid #ccc; font-family:brandon-grotesque;}
.overlay .dialog-notice .h-tit02 {margin-bottom:60px; padding-bottom:20px; border-bottom:1px solid #ccc; text-align:center;}
.overlay .dialog-notice .nt-txt {margin-top:12px; padding:0 10px; color:#666; font-size:18px; text-align:center;}
.overlay .dialog-notice .nt-txt.mt0 {margin-top:0;}
.overlay .dialog-notice .btn-wrap {display:flex; margin-top:40px; padding-top:20px; text-align:center;}
.overlay .dialog-notice .btn-submit,
.overlay .dialog-notice .btn-cancel {flex :1; display:block; width:150px; height:60px; background-color:#7ba4db; color:#fff; font-weight:600; font-size:16px; line-height:44px;}
.overlay .dialog-notice .btn-cancel {color: #000; background:#e6e6e6;}
.overlay .dialog-notice button + button {margin-left:10px;}
.overlay .dialog-notice .dialog-close {position:absolute; top:8px; right:8px; width:40px; height:40px;}
.overlay .dialog-notice .dialog-close:before {position:absolute; top:10px; left:19px; display:block; width:2px; height:20px; background-color:#000; transform:rotate(45deg); content:'';}
.overlay .dialog-notice .dialog-close:after {position:absolute; top:10px; right:19px; display:block; width:2px; height:20px; background-color:#000; transform:rotate(-45deg); content:'';}
.overlay .dialog-notice .overlay-close {position:absolute;top:30px;right:30px;display:block;width:21px;height:21px;background:url('/my/en/resource/img/components/membership/btn_layerclose.png') no-repeat left top;}
.overlay .dialog-notice .overlay-close span {position:absolute;top:0;left:0;visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0;}

@media screen and (max-width: 767px) {
    .overlay .pc-only {display:none;}
    .overlay .dialog-notice {width:500px; width:69.4444vw; padding:51px 41px; padding:7.0833vw 5.6944vw;}
    .overlay .dialog-notice .h-tit02 {padding-bottom:21px; padding-bottom:2.9166vw; margin-bottom:90px; margin-bottom:12.5vw;}
    .overlay .dialog-notice .h-tit02 img {width:165px; width:22.9166vw; height:26px; height:3.6111vw;}
    .overlay .dialog-notice .nt-txt {font-size:24px; font-size:3.3333vw; font-weight: 400; line-height:34px; line-height:4.7222vw;}
    .overlay .dialog-notice .btn-wrap {margin-top:90px; margin-top:12.5vw; padding-top:0;}
    .overlay .dialog-notice .btn-submit, .overlay .dialog-notice .btn-cancel {height:68px; height:9.4444vw; font-size:22px; font-size:3.0555vw;}
    .overlay .dialog-notice .dialog-close {top:14px; right:16px; width:40px; height:40px;  top:1.867vw; right:2.133vw; width:5.333vw; height:5.333vw;}
    .overlay .dialog-notice .dialog-close:before,
    .overlay .dialog-notice .dialog-close:after {top:6px; right:19px; width:2px; height:30px;  top:0.800vw; left:2.533vw; width:0.267vw; height:4vw;}
    .overlay .dialog-notice .overlay-close {top:10px;right:10px;width:15px;height:15px;background:url('/my/en/resource/img/components/membership/btn_layerclose_m.png') no-repeat left top;background-size:100%;}
}</pre></body></html>