@charset "utf-8";

@font-face {
    font-family: RobotoDraft;
    font-style: normal;
    font-weight: 400;
    src: url(/sg/en/resource/css/fonts/RobotoDraft-Regular.eot);
    src: url(/sg/en/resource/css/fonts/RobotoDraft-Regular.woff2) format('woff2'), url(/sg/en/resource/css/fonts/RobotoDraft-Regular.woff) format('woff')
}

@font-face {
    font-family: RobotoDraft;
    font-style: normal;
    font-weight: 700;
    src: url(/sg/en/resource/css/fonts/RobotoDraft-Regular.eot);
    src: url(/sg/en/resource/css/fonts/RobotoDraft-Regular.woff) format('woff')
}

.mo_only {display:none;}
@media(max-width:768px) {
	.pc_only {display:none;}
	.mo_only {display:block;}
}


@font-face{
    font-family:'NotoSans';
    font-style:normal;
    font-weight:400;
    src:url(/sg/en/resource/css/fonts/NotoSansKR-Light-subset.eot);
    src:local('Noto Sans Korean'),local("Apple SD Gothic Neo"),url(/sg/en/resource/css/fonts/NotoSansKR-Light.woff2) format('woff2'),url(/sg/en/resource/css/fonts/NotoSansKR-Light.woff) format('woff')
}
@font-face{
    font-family:'NotoSans';
    font-style:normal;
    font-weight:500;
    src:url(/sg/en/resource/css/fonts/NotoSansKR-Regular.eot);
    src:local('Noto Sans Korean'),local("Apple SD Gothic Neo"),url(/sg/en/resource/css/fonts/NotoSansKR-Regular.woff2) format('woff2'),url(/sg/en/resource/css/fonts/NotoSansKR-Regular.woff) format('woff')
}
@font-face{
    font-family:'NotoSans';
    font-style:normal;
    font-weight:700;
    src:url(/sg/en/resource/css/fonts/NotoSansKR-Medium-subset.eot);
    src:local('Noto Sans Korean'),local("Apple SD Gothic Neo"),url(/sg/en/resource/css/fonts/NotoSansKR-Medium-subset.woff) format('woff')
}
@font-face{
    font-family:'Buri';
    font-style:normal;
    font-weight:400;
    src:url(/sg/en/resource/css/fonts/Arita-buriM-subset.eot);
    src:url(/sg/en/resource/css/fonts/Arita-buriM-subset.woff) format('woff')
}

@font-face {
    font-family: 'BuriSB';
    font-style: normal;
    font-weight: 400;
    src: url(/sg/en/resource/css/fonts/Arita-buri-SemiBold.eot);
    src: url(/sg/en/resource/css/fonts/Arita-buri-SemiBold.woff) format('woff')
}

@font-face {
    font-family: 'AritaL';
    font-style: normal;
    font-weight: normal;
    src: url(/sg/en/resource/css/fonts/aritta-Light.eot);
    src: url(/sg/en/resource/css/fonts/aritta-Light.eot?#iefix) format('embedded-opentype'),url(/sg/en/resource/css/fonts/aritta-Light.woff) format('woff'),url(/sg/en/resource/css/fonts/aritta-Light.ttf) format('truetype')
}

@font-face {
    font-family: 'Theinhardt';
    font-style: normal;
    font-weight: 400;
    src: url(/sg/en/resource/css/fonts/Theinhardt-Light.eot);
    src: url(/sg/en/resource/css/fonts/Theinhardt-Light.eot?#iefix) format('embedded-opentype'), url(/sg/en/resource/css/fonts/Theinhardt-Light.woff) format('woff'), url(/sg/en/resource/css/fonts/Theinhardt-Light.ttf) format('truetype');
    unicode-range:U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'Theinhardt';
    font-style: normal;
    font-weight: 500;
    src: url(/sg/en/resource/css/fonts/Theinhardt-Regular.eot);
    src: url(/sg/en/resource/css/fonts/Theinhardt-Regular.eot?#iefix) format('embedded-opentype'), url(/sg/en/resource/css/fonts/Theinhardt-Regular.woff) format('woff'), url(/sg/en/resource/css/fonts/Theinhardt-Regular.ttf) format('truetype');
    unicode-range:U+0041-005A, U+0061-007A;
}

@font-face {
    font-family: 'Theinhardt';
    font-style: normal;
    font-weight: 700;
    src: url(/sg/en/resource/css/fonts/Theinhardt-Medium.eot);
    src: url(/sg/en/resource/css/fonts/Theinhardt-Medium.eot?#iefix) format('embedded-opentype'), url(/sg/en/resource/css/fonts/Theinhardt-Medium.woff) format('woff'), url(/sg/en/resource/css/fonts/Theinhardt-Medium.ttf) format('truetype');
    unicode-range:U+0041-005A, U+0061-007A;
}
 @charset "utf-8";
.ing-loading,.ing-loading:after,.notification-popup:before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
html{
    font-size:62.5%;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none
}
body{
    margin:0;
    padding:0;
    font-size:1em;
    line-height:1.5
}
a{
    text-decoration:none
}
a:hover,a:active{
    outline:0;
    text-decoration:underline
}
abbr[title]{
    border-bottom:1px dotted
}
strong{
    font-weight:bold
}
blockquote{
    margin:1em 40px
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word
}
q{
    quotes:none
}
q:before,q:after{
    content:"";
    content:none
}
small{
    font-size:85%
}
ul,ol,dl,dt,dd{
    margin:0;
    padding:0
}
a img{
    border:0;
    vertical-align:top
}
ul,ol,li{
    list-style:none
}
i,em,address{
    font-style:normal
}
figure,form{
    margin:0
}
fieldset{
    margin:0;
    padding:0;
    border:0 none;
    vertical-align:top
}
label{
    cursor:pointer
}
button,input,select,textarea{
    font-size:100%;
    margin:0;
    vertical-align:baseline;
    *vertical-align:middle
}
button,input{
    line-height:normal
}
input[type="button"],input[type="reset"],input[type="submit"]{
    cursor:pointer;
    -webkit-appearance:button;
    *overflow:visible
}
button{
    cursor:pointer;
    -webkit-appearance:none;
    *overflow:visible;
    box-sizing:content-box;
    border:0 none;
    background:transparent;
    padding:.4em 1em
}
button[disabled],input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0;
    *width:13px;
    *height:13px;
    vertical-align:middle
}
input[type="search"]{
    -webkit-appearance:none;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    border-radius:0
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top;
    resize:vertical
}
input:invalid,textarea:invalid{
    background-color:#f0dddd
}
table{
    width:100%;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show
}
td{
    vertical-align:middle
}
select{
    vertical-align:middle
}
article,aside,details,figcaption,figure,footer,header,nav,section,summary,main{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none
}
[hidden]{
    display:none
}
::-moz-selection{
    background:#caa58e;
    color:#fff;
    text-shadow:none
}
::selection{
    background:#caa58e;
    color:#fff;
    text-shadow:none
}
::-webkit-input-placeholder{
    color:#aaa
}
:-moz-placeholder{
    color:#aaa
}
input::-webkit-input-placeholder{
    color:#aaa
}
textarea::-webkit-input-placeholder{
    color:#aaa
}
mark{
    background-color:#fefcb4
}
.clearfix{
    zoom:1
}
.clearfix:before{
    content:'';
    display:block
}
.clearfix:after{
    content:'';
    display:table;
    clear:both
}
.blind{
    position:absolute!important;
    height:1px;
    width:1px;
    overflow:hidden;
    clip:rect(1px 1px 1px 1px);
    clip:rect(1px,1px,1px,1px)
}
.hidden{
    display:none
}
body,input,textarea,select,button{
    font-family:'NotoSans','Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕','돋움',dotum,sans-serif
}
html{
    background-color:#fff
}
body{
    min-width:320px;
    color:#767676
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0
}
h1{
    font-size:1.6em
}
em{
    color:#caa58e
}
img{
    max-width:100%;
    height:auto;
    vertical-align:top;
    -ms-interpolation-mode:bicubic
}
a{
    color:#767676
}
.touch select{
    font-size:16px
}
#skipnav{
    position:absolute;
    left:-100%;
    color:#fff;
    background:#555;
    font-size:1.6em
}
#skipnav:focus{
    display:block;
    position:fixed;
    left:0;
    width:100%;
    z-index:29999;
    padding:20px;
    font-weight:bold;
    line-height:1.5;
    text-align:center;
    vertical-align:middle
}
[type="text"],[type="num"],[type="tel"],[type="file"],[type="password"],[type="email"],[type="search"],textarea{
    padding:8px 10px;
    color:#767676;
    font-size:14px;
    font-family:'NotoSans','Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕','돋움',dotum,sans-serif;
    line-height:1.6;
    letter-spacing:-0.03em;
    border:1px solid #ccc;
    background:#fff;
    vertical-align:middle;
    -webkit-appearance:none;
    -webkit-border-radius:0;
    *line-height:32px
}
@media only all and (max-width:599px){
    [type="text"],[type="num"],[type="tel"],[type="file"],[type="password"],[type="email"],[type="search"],textarea{
        padding-left:7px;
        padding-right:7px
    }
}
[type="text"]:hover,[type="num"]:hover,[type="tel"]:hover,[type="file"]:hover,[type="password"]:hover,[type="email"]:hover,[type="search"]:hover,textarea:hover,[type="text"]:focus,[type="num"]:focus,[type="tel"]:focus,[type="file"]:focus,[type="password"]:focus,[type="email"]:focus,[type="search"]:focus,textarea:focus{
    outline:1px solid #efefef;
    border-color:#555
}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{
    display:none
}
select{
    height:36px;
    font-size:13px;
    text-align:left;
    text-indent:14px;
    border:1px solid transparent;
    color:#767676;
    border-bottom:2px solid #191919;
    vertical-align:top
}
html,body{
    min-height:100%
}
body{
    -webkit-overflow-scrolling:touch
}
.wrap{
    position:relative
}
.l-wrap{
    zoom:1;
    position:relative;
    max-width:1100px;
    margin:0 auto;
    padding:0 7%
}
.l-wrap:before{
    content:'';
    display:block
}
.l-wrap:after{
    content:'';
    display:table;
    clear:both
}
.l-wrap:before{
    content:'';
    display:block
}
.l-wrap:after{
    content:'';
    display:table;
    clear:both
}
.l-wrap.l-skinny{
    max-width:940px
}
@media only all and (max-width:1023px){
    .l-wrap{
        padding:0 30px
    }
}
@media only all and (max-width:767px){
    .l-wrap{
        padding:0 15px
    }
}
@media only all and (max-width:599px){
    .l-wrap{
        padding:0 15px
    }
}
.l-wrap .l-pd{
    max-width:780px;
    padding-left:30px;
    padding-right:30px
}
@media only all and (max-width:599px){
    .l-wrap .l-pd{
        padding-left:0;
        padding-right:0
    }
}
@media only all and (max-width:767px){
    .l-full{
        padding-left:0;
        padding-right:0
    }
}
.l-pd{
    max-width:940px;
    margin:0 auto
}
.l-pd .l-pd{
    max-width:780px;
    padding-left:30px;
    padding-right:30px
}
.no-mediaqueries .l-wrap{
    width:1100px;
    padding:0
}
.l-gray{
    padding-top:1.36363636%;
    padding-bottom:4.54545455%;
    margin-bottom:-80px;
    background:#f5f5f5
}
.l-gray .tab-category-container{
    margin-bottom:2.27272727%
}
.l-gray.l-offgnb{
    padding-top:34px
}
@media only all and (max-width:1023px){
    .l-gray{
        margin-bottom:-56px
    }
    .l-gray,.l-gray.l-offgnb{
        padding-top:2.72727273%
    }
}
@media only all and (max-width:599px){
    .l-gray{
        margin-bottom:-32px
    }
}
.l-offgnb{
    position:relative;
    margin-top:-34px
}
@media only all and (max-width:1023px){
    .l-offgnb{
        margin-top:0
    }
}
.l-header{
    position:relative;
    max-width:1100px;
    height:78px;
    margin:0 auto;
    padding:0 7%;
    text-align:center
}
@media only all and (max-width:1023px){
    .l-header{
        height:60px;
        padding:0 30px
    }
}
@media only all and (max-width:767px){
    .l-header{
        height:50px;
        padding:0 15px
    }
}
.header{
    position:relative;
    z-index:100;
    font-family:'NotoSans',sans-serif;
    text-transform:uppercase
}
.header.is-fixed{
    position:fixed;
    left:0;
    right:0;
    top:0;
    background-color:#fff
}
.header-inner{
    position:relative;
    height:100%
}
.header .logo{
    position:absolute;
    top:0;
    left:35%;
    z-index:5;
    display:table;
    height:100%;
    width:30%;
    margin:0 auto;
    text-align:center;
    vertical-align:top
}
.header .logo-a{
    display:table-cell;
    width:100%;
    padding-top:1px;
    vertical-align:middle
}
.header .logo-img{
    width:166px;
    vertical-align:top
}
.header .sidenav-open{
    display:none;
    position:absolute;
    top:50%;
    left:-5px;
    margin-top:-15px;
    padding:5px;
    z-index:2
}
.header .select-language{
    position:absolute;
    top:16px;
    left:0;
    font-size:1.1em;
    letter-spacing:.05em
}
.header .select-language .icon{
    margin-left:.5em
}
.header .select-language-a{
    display:block;
    padding-left:1px
}
.header .select-language-a i{
    margin-left:10px
}
.header .select-language-a i.icon-arr-up{
    display:none
}
.header .select-language-a.toggle-on .icon-arr-down{
    display:none
}
.header .select-language-a.toggle-on .icon-arr-up{
    display:inline-block
}
.header .select-language-a:hover{
    color:#191919;
    text-decoration:none
}
.header .select-language-list{
    display:none;
    position:absolute;
    top:36px;
    left:0;
    z-index:30;
    margin-top:10px;
    padding:12px 0;
    border:1px solid #191919;
    text-align:left;
    background:#fff;
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:0 3px 3px rgba(0,0,0,0.3);
    box-shadow:0 3px 3px rgba(0,0,0,0.3)
}
.header .select-language-list:after{
    content:'';
    position:absolute;
    top:0;
    left:25px;
    width:14px;
    height:7px;
    margin:-7px 0 0;
    background:url(/sg/en/resource/img/a/language_tip.png) no-repeat
}
.header .select-language-list .is-current{
    outline:0;
    background:#eee;
    color:#000;
    text-decoration:none
}
.header .select-language-list .is-current a{
    color:#000
}
.header .select-language-list a{
    position:relative;
    display:block;
    padding:6px 21px 4px 18px;
    text-transform:uppercase
}
.header .select-language-list a:focus,.header .select-language-list a:hover{
    outline:0;
    background:#eee;
    color:#000;
    text-decoration:none
}
.header .select-language-list a:focus:after{
    content:'';
    position:absolute;
    top:50%;
    left:8px;
    width:1px;
    height:1px;
    margin-top:-1px;
    border:1px solid #000;
    background:#000
}
.header .misc-links{
    position:absolute;
    top:16px;
    right:-8px;
    width:35%;
    height:100%;
    font-size:0;
    text-align:right
}
.header .misc-a{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    height:13px;
    margin-left:.2em;
    margin-right:.2em;
    padding:1px 8px 0 10px;
    font-size:11px;
    line-height:1.1
}
.header .misc-a:after{
    content:'';
    position:absolute;
    top:1px;
    left:0;
    height:12px;
    border-left:1px solid #eee
}
.header .misc-a:first-child:after{
    border-left:0
}
.header .misc-a:hover{
    color:#000;
    text-decoration:none
}
.header .misc-open-search{
    position:relative;
    float:right;
    margin-left:.1em;
    padding-left:10px;
    padding-right:9px;
    font-size:17px;
    margin-top:-6px
}
.header .misc-open-search:after{
    content:'';
    position:absolute;
    top:7px;
    left:0;
    height:12px;
    border-left:1px solid #eee
}
.header .misc-open-search .icon-search{
    color:#999;
    line-height:1.1em
}
.header .misc-open-search .icon-search:hover,.header .misc-open-search .icon-search:focus{
    color:#000
}
.header .search-container{
    display:none;
    overflow:hidden;
    position:absolute;
    top:50%;
    right:0;
    width:0;
    margin-top:-20px;
    padding-bottom:5px
}
.header .search-container.is-show{
    width:35%;
    z-index:100
}
.header .search-box{
    position:relative
}
.header .search .text{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    width:100%;
    height:48px;
    padding:8px 12px;
    border:1px solid #ccc;
    font-size:16px;
    vertical-align:middle
}
.header .search .text:focus{
    outline:0;
    border-color:#191919;
    -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);
    box-shadow:0 2px 2px rgba(0,0,0,0.2)
}
.header .search .text:focus:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    border-bottom:2px solid #ccc
}
.header .search .text:focus .f-icon-search{
    color:#555
}
.header .search .submit{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-14px;
    padding:0;
    border:0 none;
    font-size:24px;
    line-height:1;
    color:#aaa;
    -webkit-transition:color .5s;
    -moz-transition:color .5s;
    -o-transition:color .5s;
    transition:color .5s
}
.header .search .submit:hover,.header .search .submit:focus{
    color:#000
}
@media only all and (max-width:1023px){
    .header .logo{
        left:32%;
        width:36%;
        height:60px
    }
    .header .logo-img{
        width:140px
    }
    .header .sidenav-open{
        display:block
    }
    .header .select-language,.header .misc-a{
        display:none !important;
    }
    .header .misc-links{
        top:0
    }
    .header .misc-open-search{
        top:50%;
        margin-top:-18px;
        margin-right:-10px;
        font-size:24px
    }
    .header .misc-open-search:after{
        display:none
    }
    .header .search .submit{
        margin-top:-12px;
        font-size:26px
    }
    .header .search .text{
        height:100%
    }
    .header .search-container{
        position:fixed;
        top:0;
        height:100%;
        z-index:200;
        padding-bottom:0;
        margin-top:0
    }
    .header .search-container.is-active{
        z-index:1001;
        width:100%
    }
    .header .search-container.is-active:after{
        opacity:.5
    }
    .header .search-container:after{
        content:'';
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:-1;
        background:rgba(0,0,0,0.5);
        opacity:0;
        -webkit-transition:opacity .4s .1s;
        -moz-transition:opacity .4s .1s;
        -o-transition:opacity .4s .1s;
        transition:opacity .4s .1s
    }
    .header .search-box{
        padding:10px;
        border-bottom:1px solid #ccc;
        background:#fff
    }
    .header .search .submit{
        right:20px
    }
}
@media only all and (max-width:767px){
    .header-inner{
        position:static
    }
    .header .logo{
        height:50px
    }
    .header .logo-a{
        padding-top:4px
    }
    .header .logo-img{
        width:112px
    }
    .header .sidenav-open{
        left:15px;
        margin-left:-5px;
        margin-top:-13px
    }
    .header .misc-links{
        right:15px
    }
    .header .misc-open-search{
        margin-right:-9px;
        margin-top:-16px;
        font-size:22px
    }
}
@media only all and (max-width:599px){
    .header .sidenav-open{
        left:15px
    }
}
#main{
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.is-open-search #main{
    -webkit-filter:blur(10px);
    -moz-filter:blur(10px);
    -ms-filter:blur(10px);
    -o-filter:blur(10px);
    filter:blur(10px)
}

/* gnb 스트라이프 삭제 200303
.gnb-a,.gnb-a1,.gnb-a1-5,.gnb-a1-4,.gnb-a1-3,.gnb-a1-2,.gnb-a1-1,.gnb-a2,.gnb-a2-7,.gnb-a2-6,.gnb-a2-5,.gnb-a2-4,.gnb-a2-3,.gnb-a2-2,.gnb-a2-1,.gnb-a3,.gnb-a3-5,.gnb-a3-4,.gnb-a3-3,.gnb-a3-2,.gnb-a3-1,.gnb-a4,.gnb-a4-4,.gnb-a4-3,.gnb-a4-2,.gnb-a4-1,.gnb-a5,.gnb-a5-3,.gnb-a5-2,.gnb-a5-1,.gnb-a6,.gnb-a6-2,.gnb-a6-1{
    overflow:hidden;
    display:block;
    height:12px;
    background:url("/sg/en/resource/img/a/gnb-oct-25-2018.png") 0 0 no-repeat;
    text-indent:100%
}
.gnb{
    position:relative;
    text-align:center;
    padding-bottom:34px;
    vertical-align:middle
}
.gnb-menu{
    position:relative;
    padding:6px 0 4px;
    line-height:1;
    font-size:0;
    z-index:10;
    border-bottom:1px solid white
}
.gnb-menu.is-active{
    border-bottom-color:#d5d5d5
}
.gnb .nav-d1{
    display:inline-block;
    margin:0 3px 7px;
    height:25px;
    font-weight:normal;
    font-size:14px;
    vertical-align:middle;
    text-transform:uppercase
}
.gnb .nav-d1-a{
    position:relative;
    overflow:hidden;
    display:block;
    padding:10px 15px 3px;
    color:#666;
    line-height:1
}
.gnb .nav-d1-a:hover{
    color:#000;
    text-decoration:none
}
.gnb .nav-d1.is-current .nav-d1-a{
    color:#000
}
.gnb .nav-d1.is-current .nav-d2-box{
    display:block
}
.gnb .nav-d1.is-active .nav-d1-a{
    color:#000
}
.gnb .nav-d1.is-active .nav-d1-a:before{
    contnet:'';
    position:absolute;
    bottom:0;
    width:100%;
    border-bottom:1px solid
}
.gnb .nav-d2{
    display:inline-block;
    vertical-align:middle
}
.gnb .nav-d2-box{
    display: none;  
    position: absolute; 
    top: 100%;  
    left: 0;    
    z-index: 10;    
    width: 100%;    
    padding-top: 7px;   
    padding-bottom: 20px;   
    -webkit-transition: all .4s ease-in;    
    -moz-transition: all .4s ease-in;   
    -o-transition: all .4s ease-in; 
    transition: all .4s ease-in
}
.gnb .nav-d2-box.is-active{
    display:block;
    z-index:20
}
.gnb .nav-d2-a {    
    display: block; 
    padding: 4px 15px 6px;  
    color: #aaa;    
    font-size: 13px;    
    letter-spacing: 0   
}
.gnb .nav-d2-a:hover{
    color:#555;
    text-decoration:none
}
.gnb .nav-d2.is-current .nav-d2-a{
    color:#555
}
.gnb-a1{
    width:140px;
    background-position:0 0
}
.nav-d1-a:hover .gnb-a1,.nav-d1-a:focus .gnb-a1,.nav-d1-a.is-active .gnb-a1{
    background-position:0 -15px
}
.gnb-a1-5{
    width:109px;
    background-position:-500px -40px
}
.nav-d2-a:hover .gnb-a1-5,.nav-d2-a:focus .gnb-a1-5,.nav-d2-a.is-active .gnb-a1-5{
    background-position:-500px -55px
}
.gnb-a1-4{
    width:60px;
    background-position:-400px -40px
}
.nav-d2-a:hover .gnb-a1-4,.nav-d2-a:focus .gnb-a1-4,.nav-d2-a.is-active .gnb-a1-4{
    background-position:-400px -55px
}
.gnb-a1-3{
    width:107px;
    background-position:-200px -40px
}
.nav-d2-a:hover .gnb-a1-3,.nav-d2-a:focus .gnb-a1-3,.nav-d2-a.is-active .gnb-a1-3{
    background-position:-200px -55px
}
.gnb-a1-2{
    width:78px;
    background-position:-100px -40px
}
.nav-d2-a:hover .gnb-a1-2,.nav-d2-a:focus .gnb-a1-2,.nav-d2-a.is-active .gnb-a1-2{
    background-position:-100px -55px
}
.gnb-a1-1{
    width:66px;
    background-position:0 -40px
}
.nav-d2-a:hover .gnb-a1-1,.nav-d2-a:focus .gnb-a1-1,.nav-d2-a.is-active .gnb-a1-1{
    background-position:0 -55px
}
.gnb-a2{
    width:74px;
    background-position:-200px 0
}
.nav-d1-a:hover .gnb-a2,.nav-d1-a:focus .gnb-a2,.nav-d1-a.is-active .gnb-a2{
    background-position:-200px -15px
}
.gnb-a2-6{
    width:88px;
    background-position:-600px -70px
}
.nav-d2-a:hover .gnb-a2-6,.nav-d2-a:focus .gnb-a2-6,.nav-d2-a.is-active .gnb-a2-6{
    background-position:-600px -85px
}
.gnb-a2-5{
    width:29px;
    background-position:-500px -70px
}
.nav-d2-a:hover .gnb-a2-5,.nav-d2-a:focus .gnb-a2-5,.nav-d2-a.is-active .gnb-a2-5{
    background-position:-500px -85px
}

.gnb-a2-4{
    width:56px;
    background-position:-400px -70px
}
.nav-d2-a:hover .gnb-a2-4,.nav-d2-a:focus .gnb-a2-4,.nav-d2-a.is-active .gnb-a2-4{
    background-position:-400px -85px
}
.gnb-a2-3{
    width:65px;
    background-position:-300px -70px
}
.nav-d2-a:hover .gnb-a2-3,.nav-d2-a:focus .gnb-a2-3,.nav-d2-a.is-active .gnb-a2-3{
    background-position:-300px -85px
}
.gnb-a2-2{
    width:80px;
    background-position:-200px -70px
}
.nav-d2-a:hover .gnb-a2-2,.nav-d2-a:focus .gnb-a2-2,.nav-d2-a.is-active .gnb-a2-2{
    background-position:-200px -85px
}
.gnb-a2-1{
    width:107px;
    background-position:0 -70px
}
.nav-d2-a:hover .gnb-a2-1,.nav-d2-a:focus .gnb-a2-1,.nav-d2-a.is-active .gnb-a2-1{
    background-position:0 -85px
}
.gnb-a3{
    width:86px;
    background-position:-300px 0
}
.nav-d1-a:hover .gnb-a3,.nav-d1-a:focus .gnb-a3,.nav-d1-a.is-active .gnb-a3{
    background-position:-300px -15px
}
.gnb-a3-5{
    width:24px;
    background-position:-600px -100px
}
.nav-d2-a:hover .gnb-a3-5,.nav-d2-a:focus .gnb-a3-5,.nav-d2-a.is-active .gnb-a3-5{
    background-position:-600px -115px
}
.gnb-a3-4{
    width:64px;
    background-position:-500px -100px
}
.nav-d2-a:hover .gnb-a3-4,.nav-d2-a:focus .gnb-a3-4,.nav-d2-a.is-active .gnb-a3-4{
    background-position:-500px -115px
}
.gnb-a3-3{
    width:54px;
    background-position:-400px -100px
}
.nav-d2-a:hover .gnb-a3-3,.nav-d2-a:focus .gnb-a3-3,.nav-d2-a.is-active .gnb-a3-3{
    background-position:-400px -115px
}
.gnb-a3-2{
    width:103px;
    background-position:-200px -100px
}
.nav-d2-a:hover .gnb-a3-2,.nav-d2-a:focus .gnb-a3-2,.nav-d2-a.is-active .gnb-a3-2{
    background-position:-200px -115px
}
.gnb-a3-1{
    width:118px;
    background-position:0 -100px
}
.nav-d2-a:hover .gnb-a3-1,.nav-d2-a:focus .gnb-a3-1,.nav-d2-a.is-active .gnb-a3-1{
    background-position:0 -115px
}
.gnb-a4{
    width:40px;
    background-position:-400px 0
}
.nav-d1-a:hover .gnb-a4,.nav-d1-a:focus .gnb-a4,.nav-d1-a.is-active .gnb-a4{
    background-position:-400px -15px
}
.gnb-a4-4{
    width:60px;
    background-position:-300px -130px
}
.nav-d2-a:hover .gnb-a4-4,.nav-d2-a:focus .gnb-a4-4,.nav-d2-a.is-active .gnb-a4-4{
    background-position:-300px -145px
}
.gnb-a4-3{
    width:85px;
    background-position:-200px -130px
}
.nav-d2-a:hover .gnb-a4-3,.nav-d2-a:focus .gnb-a4-3,.nav-d2-a.is-active .gnb-a4-3{
    background-position:-200px -145px
}
.gnb-a4-2{
    width:96px;
    background-position:-100px -130px
}
.nav-d2-a:hover .gnb-a4-2,.nav-d2-a:focus .gnb-a4-2,.nav-d2-a.is-active .gnb-a4-2{
    background-position:-100px -145px
}
.gnb-a4-1{
    width:90px;
    background-position:0 -130px
}
.nav-d2-a:hover .gnb-a4-1,.nav-d2-a:focus .gnb-a4-1,.nav-d2-a.is-active .gnb-a4-1{
    background-position:0 -145px
}
.gnb-a5{
    width:28px;
    background-position:-500px 0
}
.nav-d1-a:hover .gnb-a5,.nav-d1-a:focus .gnb-a5,.nav-d1-a.is-active .gnb-a5{
    background-position:-500px -15px
}
.gnb-a5-3{
    width:61px;
    background-position:-200px -130px
}
.nav-d2-a:hover .gnb-a5-3,.nav-d2-a:focus .gnb-a5-3,.nav-d2-a.is-active .gnb-a5-3{
    background-position:-200px -145px
}
.gnb-a5-2{
    width:96px;
    background-position:-100px -130px
}
.nav-d2-a:hover .gnb-a5-2,.nav-d2-a:focus .gnb-a5-2,.nav-d2-a.is-active .gnb-a5-2{
    background-position:-100px -145px
}
.gnb-a5-1{
    width:90px;
    background-position:0 -130px
}
.nav-d2-a:hover .gnb-a5-1,.nav-d2-a:focus .gnb-a5-1,.nav-d2-a.is-active .gnb-a5-1{
    background-position:0 -145px
}
.gnb-a6{
    width:60px;
    background-position:-600px 0
}
.nav-d1-a:hover .gnb-a6,.nav-d1-a:focus .gnb-a6,.nav-d1-a.is-active .gnb-a6{
    background-position:-600px -15px
}
.gnb-a6-1{
    background:none;
    text-indent:0;
}
*/
/* [20200213] 봉황컬렉션 숨김처리

.gnb-a2-5{
    width:115px;
    background-position:-496px -40px
}
.nav-d2-a:hover .gnb-a2-5,.nav-d2-a:focus .gnb-a2-5,.nav-d2-a.is-active .gnb-a2-5{
    background-position:-496px -55px
}
 */
 .gnb { 
    position: relative; 
    text-align: center; 
    padding-bottom: 34px;   
    vertical-align: middle  
}   
.gnb-menu { 
    position: relative; 
    padding: 6px 0 4px; 
    line-height: 1; 
    font-size: 0;   
    z-index: 10;    
    border-bottom: 1px solid #fff   
}   
.gnb-menu.is-active {   
    border-bottom-color: #d5d5d5    
}   
.gnb .nav-d1 {  
    display: inline-block;  
    *display: inline;   
    *zoom: 1;   
    margin: 0 10px 7px; 
    height: 25px;   
    font-family: 'Noto Sans KR', sans-serif;    
    font-size: 15px;    
    letter-spacing: .03em;  
    color: #666;    
    letter-spacing: 0;  
    vertical-align: middle  
}   
.gnb .nav-d1-a {    
    position: relative; 
    overflow: hidden;   
    display: block; 
    padding: 10px 15px 3px; 
    color: #666;    
    line-height: 1  
}   
.gnb .nav-d1-a:hover,   
.gnb .nav-d1-a.is-active {  
    color: #000;    
    text-decoration: none   
}   
.gnb .nav-d1.is-current .nav-d1-a { 
    color: #000 
}   
.gnb .nav-d1.is-current .nav-d2-box {   
    display: block  
}   
.gnb .nav-d1.is-active .nav-d1-a {  
    color: #000 
}   
.gnb .nav-d1.is-active .nav-d1-a:before {   
    position: absolute; 
    bottom: 0;  
    width: 100%;    
    border-bottom: 1px solid    
}   
.gnb .nav-d2 {  
    display: inline-block;  
    vertical-align: middle; 
    white-space: nowrap 
}
.gnb .nav-d2-box {  
    display: none;  
    position: absolute; 
    top: 100%;  
    left: 0;    
    z-index: 10;    
    width: 100%;    
    padding-top: 7px;   
    padding-bottom: 20px;   
    -webkit-transition: all .4s ease-in;    
    -moz-transition: all .4s ease-in;   
    -o-transition: all .4s ease-in; 
    transition: all .4s ease-in
}
.gnb .nav-d2-box.is-active {    
    display: block; 
    z-index: 20 
}   
.gnb .nav-d2-a {    
    display: block; 
    padding: 4px 15px 6px;  
    color: #aaa;    
    font-size: 13px;    
    letter-spacing: 0   
}   
.gnb .nav-d2-a:hover,   
.gnb .nav-d2-a.is-active {  
    color: #555;    
    text-decoration: none   
}   
.gnb .nav-d2.is-current .nav-d2-a { 
    color: #555 
}

/* 20210204 GNB > 2Depth(SPA, SHOP) 위치수정 : START */
.gnb .nav-d1:nth-of-type(1), .gnb .nav-d1:nth-of-type(5), .gnb .nav-d1:nth-of-type(6) {position:relative;}
.gnb .nav-d1:nth-of-type(1) .nav-d2-box, .gnb .nav-d1:nth-of-type(5) .nav-d2-box, .gnb .nav-d1:nth-of-type(6) .nav-d2-box {top:calc(100% + 11px);}
.gnb .nav-d1:nth-of-type(1) .nav-d2-box {width:320px; transform:translateX(-2%);}
.gnb .nav-d1:nth-of-type(5) .nav-d2-box {width:400px; transform:translateX(-56%);}
.gnb .nav-d1:nth-of-type(6) .nav-d2-box {width:540px; transform:translateX(-84%);}
/* 20210204 GNB > 2Depth(SPA, SHOP) 위치수정 : END */

.gnb-section{
    display:inline-block;   
    *display: inline;   
    *zoom: 1;
    margin-left:2.734%;
    vertical-align:top
}
.gnb-section:first-child{
    margin-left:0
}
.gnb-h{
    display:inline-block;   
    *display: inline;   
    *zoom: 1;
    padding-right:5px;
    vertical-align:top
}
.gnb .bg {  
    overflow: hidden;   
    position: absolute; 
    top: 42px;  
    left: 0;    
    right: 0;   
    z-index: -1;    
    height: 0;  
    background: #fff;   
    opacity: 0  
}
.gnb .bg.is-active{
    height:34px;
    opacity:1
}
@media only all and (max-width:1023px){
    .gnb{
        display:none
    }
}
.main{
    outline:0
}
.l-footer{
    position:relative;
    max-width:1100px;
    margin:0 auto;
    padding-left:7%;
    padding-right:7%
}
@media only all and (max-width:1023px){
    .l-footer{
        padding-left:30px;
        padding-right:30px
    }
}
@media only all and (max-width:767px){
    .l-footer{
        max-width:480px
    }
}
@media only all and (max-width:599px){
    .l-footer{
        padding-left:0;
        padding-right:0
    }
}
.footer{
    margin-top:80px;
    padding-bottom:60px;
    border-top:1px solid #eee;
    font-family:'NotoSans',sans-serif;
    font-size:1.1em;
    letter-spacing:.03em
}
.footer.is-fixed{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1
}
.footer-item{
    color:#555
}
.footer-item:hover,.footer-item:focus,.footer-item>a:hover,.footer-item>a:focus{
    color:#000
}
.footer-links{
    padding:15px 0 10px;
    border-bottom:1px solid #eee
}
.footer-links .footer-item{
    display:inline-block;
    margin-right:1.5em;
    padding:3px 0;
    vertical-align:top
}

.footer-links .footer-item:after {
    content: '';
    position: absolute;
    top: 21px;
    width: 1px;
    height: 11px;
    margin: auto 10px;
    background-color: #d9d9d9;
}

.footer-links .footer-item:last-child:after {content:none;}

.footer-links .footer-item__beautypoint{
    width:87px;
    margin-top:-3px;
    -ms-filter:alpha(opacity=50);
    filter:alpha(opacity=50);
    opacity:.5;
    -webkit-transition:opacity .3s;
    -moz-transition:opacity .3s;
    -o-transition:opacity .3s;
    transition:opacity .3s
}
.footer-links .footer-item__beautypoint:hover,.footer-links .footer-item__beautypoint:focus{
    -ms-filter:alpha(opacity=100);
    filter:alpha(opacity=100);
    opacity:1
}
.footer-links .footer-counseling-time{
    margin-left:-1em
}
.footer-legality{
    padding-top:10px;
    font-size:0
}
.footer-legality .footer-item{
    overflow:hidden;
    display:inline-block;
    height:14px;
    padding:0 8px;
    border-left:1px solid #e5e5e5;
    color:#767676;
    font-size:11px;
    line-height:1.3;
    vertical-align:top
}
.footer-legality .footer-item:hover,.footer-legality .footer-item:focus{
    color:#000
}
.footer-legality .footer-company{
    border-left:0
}
.footer-legality .footer-privacy{
    color:#191919
}
.footer-legality .copyright{
    margin-right:30px;
    padding:0;
    font-size:10px;
    border-left:0
}
.footer-legality .copy{
    display:inline-block;
    margin-top:-2px;
    font-size:13px;
    font-family:'NotoSans',sans-serif;
    vertical-align:top
}
.footer-sns{
    position:absolute;
    top:-40px;
    right:1px;
    padding-left:10px;
    border-left:1px solid #eee
}
.footer-sns-wrap{
    position:relative
}
.footer-facebook,.footer-instagram,.footer-youtube{
    display:inline-block;
    width:40px;
    height:30px;
    color:#b2b2b2;
    line-height:30px;
    text-align:center;
    vertical-align:middle;
    -webkit-transition:color .25s ease-out;
    -moz-transition:color .25s ease-out;
    -o-transition:color .25s ease-out;
    transition:color .25s ease-out
}
.footer-facebook:hover,.footer-instagram:hover,.footer-youtube:hover,.footer-facebook:focus,.footer-instagram:focus,.footer-youtube:focus{
    color:#191919
}
.footer-facebook{
    font-size:1.4em
}
.footer-instagram{
    font-size:1.4em
}
.footer-youtube{
    font-size:1.8em
}
.footer-mobile{
    display:none
}
@media only all and (max-width:1023px){
    .footer{
        margin-top:56px;
        padding:15px 0;
        text-align:center
    }
    .footer-links,.footer-sns-wrap,.footer-legality{
        display:none
    }

    .footer-sns-wrap {
        display: block
    }

    .footer-sns {
        position: absolute;
        top: -60px;
        left: 50%;
        right: initial;
        width: 50%;
        padding: 0;
        margin-left: -25%;
        border: 0
    }


    .footer-mobile{
        position:relative;
        display:block;
        font-size:14px;
        text-align:center
    }
    .footer-mobile .bar{
        position:absolute;
        top:50%;
        left:50%;
        height:20px;
        margin-top:-10px;
        border-left:1px solid #d5d5d5
    }
    .footer-mobile .link-loc,.footer-mobile .link-lang{
        display:inline-block;
        width:49%;
        text-align:center
    }
    .footer-mobile .link-loc .icon-location2,.footer-mobile .link-lang .icon-location2{
        color:#aaa;
        font-size:24px;
        margin-left:.25em;
        vertical-align:middle
    }
    .footer-mobile .link-loc .icon-arr-up,.footer-mobile .link-lang .icon-arr-up,.footer-mobile .link-loc .icon-arr-down,.footer-mobile .link-lang .icon-arr-down{
        font-size:20px;
        color:#999;
        vertical-align:middle
    }
    .footer-mobile .link-loc .icon-arr-up,.footer-mobile .link-lang .icon-arr-up{
        display:none
    }
    .footer-mobile .link-loc .link-lang.toggle-on .icon-arr-up,.footer-mobile .link-lang .link-lang.toggle-on .icon-arr-up{
        display:inline-block
    }
    .footer-mobile .link-loc .link-lang.toggle-on .icon-arr-down,.footer-mobile .link-lang .link-lang.toggle-on .icon-arr-down{
        display:none
    }
}
@media only all and (max-width:599px){
    .footer{
        margin-top:56px
    }
    .footer-mobile .link-loc,.footer-mobile .link-lang{
        font-size:12px
    }
}
@media only all and (max-width:384px){
    .footer-mobile .link-loc,.footer-mobile .link-lang{
        font-size:11px
    }
}
.languages{
    display:none;
    overflow:hidden;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:200;
    background:#fff;
    font-size:1.2em
}
.languages.is-active{
    display:block
}
.languages h2{
    margin-bottom:.1em;
    padding:.6em 0;
    border-bottom:1px solid #aaa;
    color:#191919;
    font-size:20px
}
.languages .close-layer{
    position:absolute;
    top:10px;
    right:4px
}
.languages .close-layer .icon-close{
    width:30px;
    height:30px
}
.languages .select-language-list{
    position:absolute;
    top:58px;
    left:0;
    right:0;
    bottom:20px;
    overflow-x:hidden;
    overflow-y:auto;
    text-align:left;
    padding:0 1.5em
}
.languages .select-language-list>li{
    position:relative;
    border-bottom:1px solid #ccc
}
.languages .select-language-list>li>a{
    display:block;
    padding:.7em .5em
}
.languages .select-language-list>li:after{
    position:absolute;
    content:'\e807';
    top:50%;
    right:5px;
    margin-top:-9px;
    color:#191919;
    font-size:20px;
    font-family:'fontello';
    line-height:1
}
.languages .select-language-list>li.is-current a{
    color:#000;
    font-weight:bold
}
.languages .select-language-list>li.is-current:after{
    content:'\e818';
    margin-top:-9px;
    color:#191919
}
body.is-open-lang #main{
    position:fixed
}
@media only all{
    #wrap{
        top:0;
        left:0;
        width:100%;
        height:100%
    }
}
html.is-open-sidenav{
    height:auto;
    overflow-y:auto!important
}
body.is-open-sidenav{
    height:auto;
    overflow-y:auto!important
}
.is-open-sidenav #wrap{
    position:fixed!important
}
.is-open-sidenav #wrap:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:fixed;
    background:rgba(0,0,0,0.3);
    z-index:100
}
.is-open-sidenav .sidenav{
    position:relative;
    display:block;
    left:0;
    z-index:101
}
.is-open-sidenav .go-top{
    display:none
}
.sidenav{
    display:none;
    position:fixed;
    top:0;
    left:-264px;
    z-index:1001;
    width:264px;
    color:#fff;
    background-color:#363636;
    font-size:14px;
    letter-spacing:.02em;
    -webkit-overflow-scrolling:touch
}
.csstransitions .sidenav{
    -webkit-transition:all .3s cubic-bezier(0.56,0.06,0,0.97);
    -moz-transition:all .3s cubic-bezier(0.56,0.06,0,0.97);
    -o-transition:all .3s cubic-bezier(0.56,0.06,0,0.97);
    transition:all .3s cubic-bezier(0.56,0.06,0,0.97)
}
.sidenav-h{
    text-align:center;
    font-size:1em;
    line-height:1;
    padding:13px 0 12px
}
.sidenav-h-img{
    width:100px;
    vertical-align:top
}
.sidenav .head-links{
    padding:10px 0 10px 12px;
    border-bottom:1px solid #191919;
    font-size:.8em;
    text-transform:uppercase
}
.sidenav .head-links .link-lang,.sidenav .head-links .link-loc{
    color:#999
}
.sidenav .head-links .link-lang i,.sidenav .head-links .link-loc i{
    position:relative;
    top:2px;
    font-size:20px
}
.sidenav .head-links .link-lang .icon-arr-up,.sidenav .head-links .link-loc .icon-arr-up,.sidenav .head-links .link-lang .icon-arr-down,.sidenav .head-links .link-loc .icon-arr-down{
    font-size:16px
}
.sidenav .head-links .link-lang .icon-arr-up,.sidenav .head-links .link-loc .icon-arr-up{
    display:none
}
.sidenav .head-links .link-lang.toggle-on .icon-arr-up,.sidenav .head-links .link-loc.toggle-on .icon-arr-up{
    display:inline-block
}
.sidenav .head-links .link-lang.toggle-on .icon-arr-down,.sidenav .head-links .link-loc.toggle-on .icon-arr-down{
    display:none
}
.sidenav .head-links .link-loc{
    margin-left:8px
}
.sidenav .select-language-list{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    display:none;
    padding-top:20px;
    font-size:12px;
    letter-spacing:.05em;
    background-color:#363636
}
.sidenav .select-language-list a{
    position:relative;
    display:block;
    padding:10px 0 10px 40px;
    color:#aaa;
    text-transform:uppercase
}
.sidenav .select-language-list a:focus,.sidenav .select-language-list a:hover{
    outline:0;
    background:#333;
    color:#eee;
    text-decoration:none
}
.sidenav .select-language-list a:focus:after{
    content:'';
    position:absolute;
    top:50%;
    left:8px;
    width:1px;
    height:1px;
    margin-top:-1px;
    border:1px solid #000;
    background:#000
}
.sidenav .nav-list{
    border-top:1px solid #494949;
    letter-spacing:.07em
}
.sidenav .nav-d1{
    position:relative;
    border-bottom:1px solid #414141;
    background-color:#363636;
    font-size:16px;
    font-weight:normal
}
.sidenav .nav-d1-a{
    display:block;
    padding:12px 0;
    padding-left:15px;
    color:#d5d5d5;
    font-weight:bold
}
.sidenav .nav-d1-a:hover,.sidenav .nav-d1-a:focus{
    color:#fff;
    text-decoration:none
}
.sidenav .nav-d1.has-sub .icon-nav{
    position:absolute;
    top:50%;
    right:15px;
    width:14px;
    height:14px;
    margin-top:-7px
}
.sidenav .nav-d1.is-active .nav-d1-a,.sidenav .nav-d1.is-current .nav-d1-a{
    color:#fff;
    background:#1d1d1d
}
.sidenav .nav-d2{
    border-bottom:1px solid #414141;
    font-weight:bold;
    line-height:1.6
}
.sidenav .nav-d2-box{
    overflow:hidden
}
.sidenav .nav-d2-a{
    position:relative;
    display:block;
    padding:12px 0;
    padding-left:30px;
    color:#999;
    z-index:0
}
.sidenav .nav-d2-a:hover,.sidenav .nav-d2-a:focus{
    color:#ccc;
    text-decoration:none
}
.sidenav .nav-d2.is-active .nav-d2-a,.sidenav .nav-d2.is-current .nav-d2-a{
    color:#caa58e
}
.sidenav .nav-d2.is-active .nav-d2-a:after,.sidenav .nav-d2.is-current .nav-d2-a:after{
    content:'';
    position:absolute;
    top:50%;
    left:22px;
    margin-top:-1px;
    width:2px;
    height:2px;
    background:#caa58e
}
.sidenav .nav-misc{
    padding:50px 0 55px 10px;
    font-size:12px;
    color:#767676;
    line-height:1.8
}
.sidenav .nav-misc-section{
    font-size:0
}
.sidenav .nav-misc-top{
    font-size:13px;
    margin-bottom:1em
}
.sidenav .nav-misc-top a{
    color:#999
}
.sidenav .nav-misc-cs{
    font-size:13px;
    margin:1.2em 0
}
.sidenav .nav-misc-a{
    overflow:hidden;
    display:inline-block;
    margin-right:3px;
    padding:0 7px 0 0;
    border-right:1px solid #4f4f4f;
    color:#767676;
    letter-spacing:-0.018em;
    line-height:1.1;
    vertical-align:middle
}
.sidenav .nav-misc-a:last-child{
    border-right:0;
    padding-right:3px
}



.sidenav .nav-misc-a.no-bar{
    border-right:0
}

.sidenav .nav-misc-counseling-time{
    display:block;
    font-size:11px
}
.sidenav .nav-misc-privacy{
    color:#999
}
.sidenav .nav-misc-copyright{
    font-size:11px;
    letter-spacing:.02em
}
.sidenav .close{
    margin-left:-5px;
    width:30px;
    height:30px;
    margin-bottom:10px;
    outline:0
}
@media only all and (max-width:1023px){
    .sidenav{
        display:block
    }
}
html.is-open-sidenav,body.is-open-sidenav{
    height:auto;
    overflow-y:auto!important
}
.go-top{
    display:inline-block;
    position:relative;
    top:0;
    z-index:100;
    width:60px;
    height:60px;
    opacity:0;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.go-top-container{
    position:fixed;
    z-index:100;
    bottom:0;
    height:0;
    max-width:1100px;
    width:86%;
    margin:0 auto;
    text-align:right
}
.go-top:after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1;
    background:#000;
    -ms-filter:alpha(opacity=30);
    filter:alpha(opacity=30);
    opacity:.3
}
.go-top:hover:after,.go-top:focus:after{
    -ms-filter:alpha(opacity=75);
    filter:alpha(opacity=75);
    opacity:.75
}
.is-active .go-top{
    opacity:1;
    top:-60px
}
@media only all and (max-width:1023px){
    .go-top{
        width:40px;
        height:40px
    }
    .go-top-container{
        left:0;
        width:100%
    }
    .is-active .go-top{
        top:-40px
    }
}
@font-face{
    font-family:'fontello';
    src:url('/sg/en/resource/css/fonts/fontello.eot');
    src:url('/sg/en/resource/css/fonts/fontello.eot') format('embedded-opentype'),url('/sg/en/resource/css/fonts/fontello.woff') format('woff'),url('/sg/en/resource/css/fonts/fontello.ttf') format('truetype'),url('/sg/en/resource/css/fonts/fontello.svg') format('svg');
    font-weight:normal;
    font-style:normal
}
[class^="icon-"]{
    display:inline-block
}
[class^="icon-"]:before,[class*=" icon-"]:before{
    font-family:"fontello";
    font-style:normal;
    font-weight:normal;
    speak:none;
    display:inline-block;
    width:1em;
    color:inherit;
    font-size:1em;
    text-align:center;
    text-decoration:inherit;
    font-variant:normal;
    text-transform:none;
    line-height:1em
}
.icon-arr-up:before{
    content:'\e800'
}
.icon-unmute:before{
    content:'\e801'
}
.icon-arr-down:before{
    content:'\e802'
}
.icon-arr-up-big:before{
    content:'\e803'
}
.icon-pause-circle:before{
    content:'\e804'
}
.icon-arr-down-big:before{
    content:'\e805'
}
.icon-arr-left:before{
    content:'\e806'
}
.icon-arr-right:before{
    content:'\e807'
}
.icon-arr-left-small:before{
    content:'\e808'
}
.icon-arr-right-small:before{
    content:'\e809'
}
.icon-arr-left-big:before{
    content:'\e80a'
}
.icon-arr-right-big:before{
    content:'\e80b'
}
.icon-globe:before{
    content:'\e80c'
}
.icon-location2:before{
    content:'\e80d'
}
.icon-location:before{
    content:'\e80e'
}
.icon-search:before{
    content:'\e80f'
}
.icon-phone:before{
    content:'\e810'
}
.icon-play:before{
    content:'\e811'
}
.icon-play2:before{
    content:'\e812'
}
.icon-pause2:before{
    content:'\e813'
}
.icon-play-circle:before{
    content:'\e814'
}
.icon-mute:before{
    content:'\e815'
}
.icon-palyer-full:before{
    content:'\e816'
}
.icon-youtube-play:before{
    content:'\e817'
}
.icon-ok:before{
    content:'\e818'
}
.icon-twitter:before{
    content:'\e819'
}
.icon{
    display:inline-block;
    overflow:hidden;
    background-image:url("/sg/en/resource/img/a/icons.png");
    background-repeat:no-repeat;
    font-size:1px;
    line-height:1;
    text-indent:-9999em;
    text-decoration:none;
    vertical-align:middle
}
.icon.icon-menu{
    position:relative;
    width:27px;
    height:13px;
    border-top:3px solid;
    border-bottom:3px solid;
    background:transparent;
    color:#999
}
.icon.icon-menu:after{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    margin-top:-2px;
    border-top:3px solid
}
@media only all and (max-width:767px){
    .icon.icon-menu{
        width:20px;
        height:12px;
        border-width:2px
    }
    .icon.icon-menu:after{
        margin-top:-1px;
        border-width:2px
    }
}
.icon-nav:before{
    content:'';
    position:absolute;
    top:50%;
    margin-top:-1px;
    left:0;
    background-color:#555;
    width:100%;
    height:2px
}
.icon-nav:after{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    margin-left:-1px;
    background-color:#555;
    width:2px;
    height:100%
}
.is-active .icon-nav:after{
    opacity:0
}
.icon-more{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.icon-more:before,.icon-more:after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    display:block;
    margin:auto;
    background:#999;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.icon-more:before{
    left:0;
    width:100%;
    height:1px
}
.icon-more:after{
    left:0;
    width:1px;
    height:100%
}
.on .icon-more{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.on .icon-more:after{
    -ms-filter:alpha(opacity=0);
    filter:alpha(opacity=0);
    opacity:0
}
.no-csstransitions .on .icon-more:after{
    display:none
}
.icon-close{
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.icon-close:before,.icon-close:after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    background:#999;
    z-index:1
}
.icon-close:before{
    width:100%;
    height:1px;
    margin:auto;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.icon-close:after{
    width:1px;
    height:100%;
    -webkit-transition:all .15s ease-out .15s;
    -moz-transition:all .15s ease-out .15s;
    -o-transition:all .15s ease-out .15s;
    transition:all .15s ease-out .15s
}
.icon-close:focus:before,.icon-close:hover:before{
    top:-1px;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.icon-close:focus:after,.icon-close:hover:after{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.icon-validate{
    display:inline-block;
    width:17px;
    height:17px;
    margin:2px 5px 0 0;
    background:red;
    color:white;
    text-align:center;
    border-radius:100%;
    font-weight:bold;
    font-size:12px;
    line-height:1.4;
    vertical-align:top
}
.icon-validate:before{
    display:inline-block;
    content:'i';
    line-height:1
}
.facebook .icon{
    width:24px;
    height:19px;
    background-position:-200px 0
}
.facebook:hover .icon,.facebook:focus .icon{
    background-position:-200px -19px
}
.youtube .icon{
    width:24px;
    height:19px;
    background-position:-225px 0
}
.youtube:hover .icon,.youtube:focus .icon{
    background-position:-225px -19px
}
.btn{
    display:inline-block;
    padding:.64em 3.4em;
    border:1px solid #333;
    color:#333;
    font-size:1em;
    line-height:1.3;
    font-weight:bold;
    vertical-align:middle;
    background:#fff;
    text-align:center;
    letter-spacing:0;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.btn:hover,.btn:focus{
    color:#fff;
    background:#333;
    text-decoration:none
}
button.btn{
    padding-left:3.42em;
    padding-right:3.42em
}
.btn-l{
    padding:1.3em 4.18em 1.3em
}
button.btn-l{
    padding-left:4.2em;
    padding-right:4.2em
}
.btn-wide{
    padding-left:5.4em;
    padding-right:5.4em
}
button.btn-wide{
    padding-left:5.4em;
    padding-right:5.4em
}
.btn-ghost{
    border-color:#fff;
    background-color:transparent;
    color:#fff
}
.btn-ghost:hover,.btn-ghost:focus{
    background-color:#fff;
    color:#333
}
.btn-dark{
    color:#fff;
    background-color:#333
}
.btn-dark:hover,.btn-dark:focus{
    color:#333;
    background-color:#fff
}
@media only all and (max-width:599px){
    .btn-l{
        font-size:13px
    }
}
.paging{
    zoom:1;
    text-align:right;
    font-size:1.6em;
    color:#767676;
    font-family:Theinhardt, NotoSans, sans-serif;
    margin-top:1.25em
}
.paging:before{
    content:'';
    display:block
}
.paging:after{
    content:'';
    display:table;
    clear:both
}
.paging:before{
    content:'';
    display:block
}
.paging:after{
    content:'';
    display:table;
    clear:both
}
.paging span,.paging strong{
    display:inline-block;
    margin:0 .3em;
    font-family:'NotoSans','Malgun Gothic','맑은 고딕','Nanum Gothic','나눔 고딕','돋움',dotum,sans-serif
}
.paging strong{
    color:#333
}
.paging-prev,.paging-next{
    display:inline-block;
    color:#fff;
    font-size:26px;
    text-decoration:none;
    background:#dbdbda;
    padding:1px 7px 0 7px;
    -webkit-transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    transition:background-color .2s ease-out
}
.paging-prev:hover,.paging-next:hover,.paging-prev:focus,.paging-next:focus{
    background-color:#333
}
.selectbox{
    display:inline-block;
    position:relative;
    z-index:10;
    text-align:left;
    vertical-align:middle
}
.selectbox .selector{
    padding:7px 25px 10px 0;
    min-width:100px;
    height:14px;
    margin:0;
    border-bottom:2px solid #333;
    color:#aaa;
    font-size:1.3em;
    line-height:1.4;
    font-weight:normal;
    cursor:pointer
}
.selectbox .selector-text{
    display:block;
    cursor:pointer;
    white-space:nowrap;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.selectbox .selector:hover,.selectbox .selector:focus{
    background-position:95% 50%;
    color:#000
}
.selectbox .icon-arr-up,.selectbox .icon-arr-down{
    position:absolute;
    right:0;
    bottom:5px;
    font-size:20px
}
.selectbox .icon-arr-up{
    display:none
}
.selectbox.is-active .selector-text{
    padding-left:10px
}
.selectbox.is-active .icon-arr-down{
    display:none
}
.selectbox.is-active .icon-arr-up{
    display:inline-block
}
.selectbox.is-disabled .selector-text{
    cursor:not-allowed
}
.selectbox.is-disabled .selector:hover,.selectbox.is-disabled .selector:focus{
    color:#aaa
}
.selectbox .selectbox-option{
    visibility:hidden;
    position:absolute;
    top:100%;
    z-index:10001;
    overflow-x:hidden;
    overflow-y:auto;
    width:100%;
    margin:-2px 0 0 -1px;
    padding:0;
    border:1px solid #555;
    border-top-width:2px;
    background-color:#fff;
    color:#999;
    outline:0;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.3);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.3);
    box-shadow:0 5px 10px rgba(0,0,0,0.3)
}
.selectbox .selectbox-option>li{
    overflow:hidden;
    cursor:pointer
}
.selectbox .selectbox-option a,.selectbox .selectbox-option label{
    display:block;
    padding:7px 5px 5px 10px;
    color:inherit;
    font-size:1.3em;
    line-height:1.4;
    cursor:pointer;
    vertical-align:middle;
    text-decoration:none;
    white-space:nowrap
}
.selectbox .selectbox-option input{
    position:absolute;
    left:-999px
}
.selectbox .selectbox-option a:hover,.selectbox .selectbox-option a:focus,.selectbox .selectbox-option li:hover,.selectbox .selectbox-option li:focus{
    background-color:#eee;
    color:#191919
}
.sort-area{
    zoom:1;
    text-align:right;
    padding:2em 0 1.6em 0
}
.sort-area:before{
    content:'';
    display:block
}
.sort-area:after{
    content:'';
    display:table;
    clear:both
}
.sort-area:before{
    content:'';
    display:block
}
.sort-area:after{
    content:'';
    display:table;
    clear:both
}
.sort-area.sort-wide{
    padding-top:1em
}
.sort-area.sort-wide .selectbox{
    min-width:210px;
    margin-left:1em
}
.sort-area.sort-wide .selectbox-option{
    max-height:240px
}
.sort-area.sort-wide .selectbox:first-child,.sort-area.sort-wide .selectbox:only-child{
    margin-left:0
}
@media only all and (max-width:599px){
    .sort-area{
        padding:10px 0 0
    }
    .sort-area.sort-wide{
        padding-left:0;
        padding-right:0
    }
    .sort-area.sort-wide .selectbox{
        margin-left:0
    }
    .sort-area .selectbox{
        display:block;
        width:100%;
        min-width:0;
        margin:0 0 1.5em 0
    }
    .sort-area .selectbox .selector{
        display:block;
        width:100%;
        min-width:100%;
        padding-right:0;
        font-size:1.4em
    }
    .sort-area .selectbox .selectbox-option a,.sort-area .selectbox .selectbox-option label{
        font-size:1.4em
    }
}
.input-text-l{
    padding:13px 20px
}
@media only all and (max-width:599px){
    .input-text-l{
        padding:8px 10px
    }
}
.flexible-obj{
    overflow:hidden;
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%
}
.flexible-obj iframe,.flexible-obj object,.flexible-obj video,.flexible-obj embed,.flexible-obj>img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    *height:auto;
    *min-height:100%;
    visibility:visible!important
}
.func{
    margin-top:4em;
    text-align:center
}
@media only all and (max-width:384px){
    .func{
        margin-top:2em
    }
}
.thumb{
    position:relative
}
.word-wrap{
    position:relative;
    display:inline-block;
    white-space:nowrap
}
.full-pos,.ing-loading,.ing-loading:after,.notification-popup:before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.ing-loading{
    background:#fff
}
.ing-loading:after{
    content:'';
    background:url(/sg/en/resource/img/a/wait.gif) center 100px no-repeat
}
.ing-loading.out-loading:after{
    display:none
}
.map-container{
    position:relative;
    height:100%
}
.map-container img{
    max-width:none
}
.map-container .flx{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.map-canvas{
    width:100%;
    height:100%
}
.no-touch.mediaqueries .map-canvas div{
    -webkit-filter:grayscale(50%);
    -moz-filter:grayscale(50%);
    -o-filter:grayscale(50%);
    filter:grayscale(50%)
}
.media{
    position:relative;
    display:block
}
.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
}
.media .icon-play:before{
    vertical-align:top;
    font-size:100%
}
.media:hover .icon-play,.media:focus .icon-play{
    color:#333
}
.slide-prev,.slide-next{
    display:inline-block;
    font-size:32px;
    background:#dbdbda;
    -webkit-transition:background-color .2s ease-out;
    -moz-transition:background-color .2s ease-out;
    -o-transition:background-color .2s ease-out;
    transition:background-color .2s ease-out;
    padding:5px 3px 7px 5px
}
.slide-prev .icon-arr-left-big,.slide-next .icon-arr-left-big,.slide-prev .icon-arr-right-big,.slide-next .icon-arr-right-big{
    color:#fff;
    font-weight:normal;
    text-decoration:none
}
.slide-prev:hover,.slide-next:hover,.slide-prev:focus,.slide-next:focus{
    background-color:#333
}
.notification{
    text-align:center;
    color:#fff;
    font-size:1.6em
}
.notification-popup{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:auto;
    z-index:201;
    -webkit-box-shadow:0 3px 6px rgba(100,100,100,0.5);
    -moz-box-shadow:0 3px 6px rgba(100,100,100,0.5);
    box-shadow:0 3px 6px rgba(100,100,100,0.5);
    visibility:hidden
}
.notification-popup:before{
    content:'';
    background:#333;
    background:rgba(51,51,51,0.9)
}
.notification-popup.type-error:before{
    background:#e65a5c;
    background:rgba(230,92,90,0.9)
}
.notification-popup.is-show{
    visibility:visible
}
.notification-inner{
    overflow:hidden;
    position:relative;
    padding:3em 0
}
.notification-inner .btn-close{
    position:absolute;
    top:20px;
    right:0;
    padding:0;
    color:#fff
}
.notification-inner .icon-close{
    width:36px;
    height:36px
}
.notification-inner .icon-close:before,.notification-inner .icon-close:after{
    background-color:#ccc
}
.type-error .notification-inner .icon-close:before,.type-error .notification-inner .icon-close:after{
    background-color:#fff
}
.notification .h{
    display:none;
    font-size:1em;
    text-transform:uppercase
}
.notification .p{
    margin:0
}
.type-error .notification .h{
    display:block
}
.notification-head{
    font-weight:bold
}
.validate-input-wrap{
    position:relative
}
.validate-input.is-invalidated{
    border-color:red;
    background-color:#fdedee
}
.validate-popup{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    position:absolute;
    top:0;
    right:100%;
    min-height:36px;
    width:auto;
    height:100%;
    margin-right:15px;
    padding:.5em 1em;
    border:1px solid;
    color:red;
    background:#fff;
    white-space:nowrap;
    -webkit-box-shadow:1px 2px 3px rgba(100,100,100,0.3);
    -moz-box-shadow:1px 2px 3px rgba(100,100,100,0.3);
    box-shadow:1px 2px 3px rgba(100,100,100,0.3);
    z-index:1
}
.validate-popup:before,.validate-popup:after{
    content:'';
    position:absolute;
    top:50%;
    border-style:solid;
    border-color:transparent
}
.validate-popup:before{
    right:-14px;
    margin-top:-8px;
    border-width:7px;
    border-left-color:red
}
.validate-popup:after{
    right:-12px;
    margin-top:-7px;
    border-width:6px;
    border-left-color:white
}
.validate-content{
    height:100%;
    white-space:nowrap
}
.validate-content-cell{
    display:inline-block;
    vertical-align:middle;
    white-space:normal
}
.validate-content:after{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.validate-content-cell{
    white-space:nowrap
}
.validate-msg{
    font-size:14px
}
@media only all and (max-width:767px){
    .validate-popup{
        position:relative;
        top:0;
        left:0;
        right:auto;
        height:auto;
        width:100%;
        margin-right:0;
        margin-top:7px;
        padding:8px 10px
    }
    .validate-popup:before,.validate-popup:after{
        right:auto;
        top:0;
        border-color:transparent
    }
    .validate-popup:before{
        left:12px;
        margin-top:-14px;
        border-bottom-color:red
    }
    .validate-popup:after{
        left:13px;
        margin-top:-12px;
        border-bottom-color:white
    }
}
.icon-bx-start{
    background-image:url(/sg/en/resource/img/a/icons.png);
    background-position:-62px -24px;
    width:20px;
    height:20px
}
.icon-bx-stop{
    background-image:url(/sg/en/resource/img/a/icons.png);
    background-position:0 -57px;
    width:20px;
    height:20px
}
.icon-fb-hover{
    background-image:url(/sg/en/resource/img/a/icons.png);
    background-position:-33px 0;
    width:24px;
    height:19px
}
.icon-fb{
    background-image:url(/sg/en/resource/img/a/icons.png);
    background-position:0 -33px;
    width:24px;
    height:19px
}
.icon-srch-l{
    background-image:url(/sg/en/resource/img/a/icons.png);
    background-position:0 0;
    width:28px;
    height:28px
}
.icon-srch{
    background-image:url(/sg/en/resource/img/a/icons.png);
    background-position:-25px -57px;
    width:20px;
    height:20px
}
.icon-yt-hover{
    background-image:url(/sg/en/resource/img/a/icons.png);
    background-position:-29px -33px;
    width:24px;
    height:19px
}
.icon-yt{
    background-image:url(/sg/en/resource/img/a/icons.png);
    background-position:-62px 0;
    width:24px;
    height:19px
}
.news-list .thumb img{
    width:100%;
    height:202px
}
 span.nowrap{
    white-space:nowrap
}
#beauty-list div.new.section{
    clear:both
}
 .icon-facebook2,.icon-facebook2:hover, .icon-instagram,.icon-instagram:hover, .icon-youtube2,.icon-youtube2:hover, a.footer-facebook:focus .icon-facebook2,a.footer-facebook:visited .icon-facebook2, a.footer-instagram:focus .icon-instagram,a.footer-instagram:visited .icon-instagram, a.footer-youtube:focus .icon-youtube2,a.footer-youtube:visited .icon-youtube2 {
    width:30px;
    height:30px;
    background-image:url(/sg/en/resource/img/a/icons_new3.png)
}
 .icon-facebook2{
    background-position:0 0
}
 .icon-instagram{
    background-position:-30px 0
}
 .icon-youtube2{
    background-position:-60px 0
}
 .icon-facebook2:hover,a.footer-facebook:focus .icon-facebook2,a.footer-facebook:visited .icon-facebook2{
    background-position:0 -30px
}
 .icon-instagram:hover,a.footer-instagram:focus .icon-instagram,a.footer-instagram:visited .icon-instagram{
    background-position:-30px -30px
}
 .icon-youtube2:hover,a.footer-youtube:focus .icon-youtube2,a.footer-youtube:visited .icon-youtube2{
    background-position:-60px -30px
}

/* 20200612 */
.nav-misc-section .nav-misc .misc-a{display:block;margin:-10px 0 10px;}

/* 20200617 */
.nav-misc-section .nav-misc .misc-a{display: block;margin: -25px 0 10px;font-size: 0;background-color: #fff;border: 1px solid #000;padding: 10px;width: calc(80% - 10px);}
.nav-misc-section .nav-misc .misc-a:before{content:'';display: inline-block;vertical-align:middle;width:40px;height:40px;background:url('/sg/en/resource/img/membership/20200603_Membership_img09.png') no-repeat center top/contain;}
.nav-misc-section .nav-misc .misc-a:after{content:'Sulwhasoo Membership';display: inline-block;vertical-align:middle;font-size:12px;color:#999;font-weight: bold;width: calc(100% - 50px);}

/* 20200618 */
.nav-misc-section .nav-misc .misc-a{margin:-25px 0 10px 5px;background-color:#333;border:1px solid #999;width: calc(85% - 10px);}
.nav-misc-section .nav-misc .misc-a:before{background:url('/sg/en/resource/img/a/20200618_final_vip-badge_membership_icon_pc.png') no-repeat center top/contain;}
.nav-misc-section .nav-misc .misc-a:after{color:#d5d5d5;font-size:13px;}

/* 20200622 */
.nav-misc-section .nav-misc .misc-a{margin:-25px 0 10px 0;background-color: transparent;/*border:1px solid #414141;*/}
.nav-misc-section .nav-misc .misc-a:after{width: calc(100% - 40px);}
.nav-misc-section .nav-misc .misc-a:before{width:15px;height:15px;}

/* 20200623 */
.nav-misc-section .nav-misc .misc-a{margin: -25px 0 40px 0;text-align: center;}
.nav-misc-section .nav-misc .misc-a:after{width: auto;}

/* 20200710 */
.nav-misc-section .nav-misc .misc-a{padding:0 10px;font-size:0;}
.nav-misc-section .nav-misc .misc-a:after{width:156px;line-height:42px;}
.nav-misc-section .nav-misc .misc-a:before{height:42px;margin-right:5px;background: url(/sg/en/resource/img/a/20200618_final_vip-badge_membership_icon_pc.png) no-repeat center center/contain;}

/* 20200713 */
.nav-misc-section .nav-misc .misc-a:before{vertical-align: bottom;}
.nav-misc-section .nav-misc .misc-a:after{vertical-align: baseline;position:relative;top:1px;}

/* 로그아웃 시 팝업창 : S */
.logout-pop {display:none;position:fixed;top:calc(50vh - 175px);left:calc(50% - 175px);padding:30px 30px;width:350px;box-sizing:border-box;border:1px solid #ccc;text-align:center;background-color:#fff;z-index:111;}
.logout-pop .container {padding:0 0;width:100%;max-width:100%;}
.logout-pop .alert-header{padding-bottom:20px;border-bottom:1px solid #ccc;}
.logout-pop .alert-header .img-box{display:block;margin:0 auto;width:100%;max-width:131px;}
.logout-pop .alert-header .img-box img {width:100%;}
.logout-pop .alert-con .txt-box {padding:45px 0 50px;}
.logout-pop .alert-con .txt-box .txt {margin:0 auto;font-size:18px;}
.logout-pop .alert-con .txt-box .txt + .txt {margin-top:15px;}
.logout-pop .alert-con .txt-box .txt.contact {margin-top:30px;color:#000;font-size:16px;}
.logout-pop .alert-con .btn-box{margin:0 auto;width:100%;font-size: 0;}
.logout-pop .alert-con .btn-box .btn{display:inline-block;vertical-align:top;width:calc(50% - 4px);padding:19px 0;color:#fff;font-size:18px;font-family:'NotoSans';font-weight:700;text-align:center;border:none;outline:none;}
.logout-pop .alert-con .btn-box .btn + .btn{margin-left: 8px;}
.logout-pop .alert-con .btn-gray{background-color:#d1d1d1;}
.logout-pop .alert-con .btn-color{background-color:#99674a;}
.logout-pop-bg {display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:110;background:rgba(0,0,0,.3);}

@media only all and (max-width: 767px){
    .logout-pop{padding:25px 20px;left:calc(50% - 125px);width:250px;}
    .logout-pop .alert-header{padding-bottom: 10px;}
    .logout-pop .alert-header .img-box{max-width:85px;}
    .logout-pop .alert-con .txt-box{padding:60px 0;}
    .logout-pop .alert-con .txt-box .txt {font-size:11px;}
    .logout-pop .alert-con .txt-box .txt + .txt {margin-top:10px;}
    .logout-pop .alert-con .btn-box .btn{padding:13px 0;font-size: 12px;}
}
/* 로그아웃 시 팝업창 : E */

/* S : focus add */
select:focus,
button:focus,
.selectbox:focus,
.selectbox .selector:focus,
.selectbox .selector-text:focus{outline: rgba(0, 0, 0, 0.098) solid 1px !important;}
/* E : focus add */