@charset "UTF-8";

/* layout */
.sy-wrap {
    overflow: hidden;
}

.sy-container {
}

.sy-content {
}

/* header */
.sy-header {
    position: fixed;
    top: 43px;
    left: 0;
    z-index: 100;
    width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.sy-header .sy-inner {
    position: relative;
    min-width: 1100px;
    max-width: 1280px;
    height: 84px;
    background: #fff;
    margin: 0 auto;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.sy-header .logo {
    position: absolute;
    top: 33px;
    left: 90px;
    width: 122px;
    height: 22px;
}

.sy-header .logo a {
    text-indent: -9999px;
    width: 122px;
    height: 22px;
    background: url('/assets/images/img_SAMYANG2.svg') center center no-repeat;
    background-size: 122px 22px;
    display: inline-block;
}

.sy-header .nav {
    margin: 0 385px 0 230px;
}

.sy-header .nav > ul > li {
    display: inline-block;
    width: 20%;
}

.sy-header .nav.ko > ul > li {
    display: inline-block;
    width: 16.6%;
}

.sy-header .nav > ul > li.actived .depth2 {
    display: block;
}

.sy-header .nav > ul > li.actived .depth1 span,
.sy-header .nav > ul > li.is-active .depth1 span {
    color: #d60035;
}

.sy-header .depth1 {
    display: block;
    text-align: center;
    line-height: 84px;
}

.sy-header .depth1 span {
    font-size: 16px;
    font-family: 'Lato-Regular';
    color: #000;
}

.sy-header .depth1.is-active span{
    color: #d60035;
}

.sy-header .depth2 {
    display: none;
    border-top: 1px solid #d8d8d8;
    width: 100%;
    position: absolute;
    top: 84px;
    left: 0;
    padding: 0;
    height: 76px;
    background: #f6f6f6;
    z-index: 2;
}

.sy-header .depth2.expand {
    padding: 0px 0 40px 0;
}

.sy-header .depth2-1 > ul {
    /*margin-left: 226px;*/
    margin-left: 120px;
}

.sy-header .depth2-2 > ul {
    margin-left: 350px;
}

.sy-header .depth2-3 > ul {
    margin-left: 490px;
}

.sy-header .depth2-4 > ul {
    margin-left: 550px;
}

.sy-header .depth2-5 > ul {
    margin-left: 570px;
}

.sy-header .depth2 > ul > li {
    position: relative;
    text-align: center;
    width: auto;
    height: 76px;
    line-height: 76px;
    display: inline-block;
    padding: 0 15px;
}

.sy-header .depth2 > ul > li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    margin-top: -7px;
    background: #d8d8d8;
}

.sy-header .depth2 > ul > li:first-child:before {
    display: none;
}

.sy-header .depth2 > ul > li > a {
    position: relative;
    font-size: 13px;
    color: #444343;
    line-height: 16px;
    padding: 0 8px 3px 8px;
}

:lang(en) .sy-header .depth2 > ul > li > a {
    font-family: 'Lato-Regular';
}

.sy-header .depth2 > ul > li > a:before {
    content: '';
    width: 1px;
    height: 1px;
    background: #8a8a8a;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -0px;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    opacity: 0;
}

.sy-header .depth2 > ul > li > a:hover:before {
    width: 100%;
    margin: 0 0 0 -50%;
    opacity: 1;
}

.sy-header .depth2 > ul > li > a.actived:before {
    width: 100%;
    margin: 0 0 0 -50%;
    opacity: 1;
}

.sy-header .depth3 {
    display: none;
    position: absolute;
    bottom: -45px;
    left: 0;
}

.sy-header .depth3-1 {
    width: 430px;
}

.sy-header .depth3-2 {
    width: 440px;
}

.sy-header .depth3 li {
    display: inline-block;
    padding: 0 10px;
}

.sy-header .depth3 a {
    position: relative;
    font-size: 12px;
    color: #444343;
    line-height: 16px;
    padding: 0 8px 3px 8px;
    display: block;
}

.sy-header .depth3 > ul > li > a:before {
    content: '';
    width: 1px;
    height: 1px;
    background: #8a8a8a;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -0px;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    opacity: 0;
}

.sy-header .depth3 > ul > li > a:hover:before {
    width: 100%;
    margin: 0 0 0 -50%;
    opacity: 1;
}

.sy-header .bt_simulator {
    position: absolute;
    top: 0;
    right: 215px;
    width: 169px;
    height: 84px;
    padding: 28px 0 30px;
    text-align: center;
    background: #c50233;
    box-sizing: border-box;
}

.sy-header .bt_simulator em {
    position: relative;
    top: 3px;
    display: inline-block;
    font-size: 14px;
    font-family: 'Lato-Regular';
    color: #fff;
    line-height: 24px;
    padding-left: 30px;
    overflow: hidden;
}

.sy-header .bt_simulator em:before, .sy-header .bt_simulator em:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 17px;
    height: 20px;
    background: url('/assets/images/img_simulator.png') center center no-repeat;
    vertical-align: top;
    margin-right: 7px;
    overflow: hidden;
}

.sy-header .bt_simulator em:after {
    top: -20px;
}

.sy-header .bt_simulator:hover em:before {
    animation-name: simulator-first;
    animation-delay: .3s;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -ms-animation-name: simulator-first;
    -ms-animation-delay: .3s;
    -ms-animation-duration: .3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-name: simulator-first;
    -webkit-animation-delay: .3s;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

.sy-header .bt_simulator:hover em:after {
    animation-name: simulator-second;
    animation-delay: .3s;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -ms-animation-name: simulator-second;
    -ms-animation-delay: .3s;
    -ms-animation-duration: .3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-name: simulator-second;
    -webkit-animation-delay: .3s;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

/*20210224 추가*/
.sy-header .bt_simulator2 {
    position: absolute;
    top: 21px;
    right: 215px;
    width: 169px;
    height: 84px;
    padding: 28px 0 30px;
    text-align: center;
    /*background: #c50233;*/
    background: black;
    box-sizing: border-box;
}

.sy-header .bt_simulator2 em {
    position: relative;
    top: 3px;
    display: inline-block;
    font-size: 14px;
    font-family: 'Lato-Regular';
    color: #fff;
    line-height: 24px;
    /*padding-left: 30px;*/
    overflow: hidden;
}

.sy-header .bt_simulator2 em:before, .sy-header .bt_simulator2 em:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 17px;
    height: 20px;
    /*background: url('/assets/images/img_simulator.png') center center no-repeat;*/
    vertical-align: top;
    margin-right: 7px;
    overflow: hidden;
}

.sy-header .bt_simulator2 em:after {
    top: -20px;
}

.sy-header .bt_simulator2:hover em:before {
    animation-name: simulator-first;
    animation-delay: .3s;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -ms-animation-name: simulator-first;
    -ms-animation-delay: .3s;
    -ms-animation-duration: .3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-name: simulator-first;
    -webkit-animation-delay: .3s;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

.sy-header .bt_simulator2:hover em:after {
    animation-name: simulator-second;
    animation-delay: .3s;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -ms-animation-name: simulator-second;
    -ms-animation-delay: .3s;
    -ms-animation-duration: .3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-name: simulator-second;
    -webkit-animation-delay: .3s;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

@keyframes simulator-first {
    from {
        top: 1px;
        opacity: 1;
    }
    100% {
        top: 20px;
        opacity: 0;
    }
}

@-webkit-keyframes simulator-first {
    from {
        top: 1px;
        opacity: 1;
    }
    100% {
        top: 20px;
        opacity: 0;
    }
}

@-ms-keyframes simulator-first {
    from {
        top: 1px;
        opacity: 1;
    }
    100% {
        top: 23px;
        opacity: 0;
    }
}

@keyframes simulator-second {
    from {
        top: -20px;
        opacity: 1;
    }
    100% {
        top: 1px;
        opacity: 1;
    }
}

@-webkit-keyframes simulator-second {
    from {
        top: -20px;
        opacity: 1;
    }
    100% {
        top: 1px;
        opacity: 1;
    }
}

@-ms-keyframes simulator-second {
    from {
        top: -20px;
        opacity: 1;
    }
    100% {
        top: 1px;
        opacity: 1;
    }
}

.sy-header .bt_newsletter {
    width: 169px;
    position: absolute;
    top: 0;
    right: 215px;
    text-align: center;
    line-height: 84px;
}

.sy-header .bt_newsletter em {
    position: relative;
    top: 3px;
    display: inline-block;
    font-size: 15px;
    font-family: 'Lato-Regular';
    color: #c50233;
    line-height: 100%;
    padding-left: 30px;
    overflow: hidden;
}

.sy-header .bt_newsletter em:before, .sy-header .bt_newsletter em:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 21px;
    height: 13px;
    background: url('/assets/images/img_letter.png') center center no-repeat;
    vertical-align: top;
    margin-right: 7px;
    overflow: hidden;
}

.sy-header .bt_newsletter em:after {
    top: -13px;
}

.sy-header .bt_newsletter:hover em:before {
    animation-name: letter-first;
    animation-delay: .3s;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -ms-animation-name: letter-first;
    -ms-animation-delay: .3s;
    -ms-animation-duration: .3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-name: letter-first;
    -webkit-animation-delay: .3s;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

.sy-header .bt_newsletter:hover em:after {
    animation-name: letter-second;
    animation-delay: .3s;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -ms-animation-name: letter-second;
    -ms-animation-delay: .3s;
    -ms-animation-duration: .3s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-name: letter-second;
    -webkit-animation-delay: .3s;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}

@keyframes letter-first {
    from {
        top: 1px;
        opacity: 1;
    }
    100% {
        top: 13px;
        opacity: 0;
    }
}

@-webkit-keyframes letter-first {
    from {
        top: 1px;
        opacity: 1;
    }
    100% {
        top: 13px;
        opacity: 0;
    }
}

@-ms-keyframes letter-first {
    from {
        top: 1px;
        opacity: 1;
    }
    100% {
        top: 16px;
        opacity: 0;
    }
}

@keyframes letter-second {
    from {
        top: -13px;
        opacity: 1;
    }
    100% {
        top: 1px;
        opacity: 1;
    }
}

@-webkit-keyframes letter-second {
    from {
        top: -13px;
        opacity: 1;
    }
    100% {
        top: 1px;
        opacity: 1;
    }
}

@-ms-keyframes letter-second {
    from {
        top: -13px;
        opacity: 1;
    }
    100% {
        top: 1px;
        opacity: 1;
    }
}

.sy-header .bt_xeen {
    transition: .3s;
    width: 215px;
    position: absolute;
    top: 20px;
    right: 0;
    background: #fff;
    font-size: 16px;
    font-family: 'Lato-Bold';
    color: #000;
    text-align: center;
    height: 84px;
    line-height: 84px;
}

.sy-header .bt_xeen:after {
    content: '';
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 0px;
    border-color: #fff;
    border-style: solid;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    /*background: url('/assets/images/img_simulator.png') center center no-repeat;*/
}

.sy-header .bt_xeen:hover:after {
    border-width: 8px;
}

.sy-header .util {
    position: absolute;
    top: -28px;
    right: 70px;
}

.sy-header .util li {
    display: inline-block;
}

.sy-header .util .bt-lang {
    position: relative;
    font-size: 13px;
    font-family: 'Lato-Regular';
    color: #fff;
    padding: 0 16px;
    display: block;
}

.sy-header .util a {
    position: relative;
    font-size: 13px;
    font-family: 'Lato-Regular';
    color: #fff;
    padding: 0 16px;
    display: block;
}

.sy-header .util a:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #fff;
    margin-top: -3px;
}

.sy-header .util li:last-child a:before {
    display: none;
}

.sy-header .util li:first-child a{padding-left:20px;}
.sy-header .util li:first-child a:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: url('/assets/images/icons.png') -393px -523px no-repeat;
}

.sy-header .util a.bt-register {
    font-size: 12px;
}

.sy-header .util .lang-layer {
    display: none;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: 3px;
    padding: 10px 12px;
    transform: translateX(-50%);
    background: #000;
}

.sy-header.small .util .lang-layer {
    top: 26px;
}

.sy-header .util .lang-layer:before {
    position: absolute;
    top: -3px;
    left: 50%;
    border-top:50px solid none;
    border-bottom:3px solid #000;
    border-right: 3px solid transparent;
    border-left: 3px solid  transparent;
    margin-left: -3px;
    transform: translateX(-50%);
    content: '';
}

.sy-header .util .lang-layer a {
    width: auto;
    height: auto;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    background: none;
}

.sy-header.small .util .lang-layer a {
    width: auto;
    height: auto;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    background: none;
}

.sy-header .util .lang-layer a:hover {
    color: #c50233;
}

:lang(ko) .sy-header .util .lang-layer li:first-child > a {
    padding-left: 0;
    color: #c50233;
}

:lang(en) .sy-header .util .lang-layer li:first-child > a {
    padding-left: 0;
    color: #c50233;
}

:lang(zh) .sy-header .util .lang-layer li:first-child > a {
    padding-left: 0;
    color: #c50233;
}

:lang(ja) .sy-header .util .lang-layer li:first-child > a {
    padding-left: 0;
    color: #c50233;
}

.sy-header .mail {
    position: relative;
    margin: 20px 0 0 550px;
}

.sy-header .mail strong {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    font-size: 14px;
    color: #c50233;
    font-family: 'Lato-Regular';
    line-height: 37px;
}

:lang(ko) .sy-header .mail strong {
    font-weight: 400;
}

:lang(en) .sy-header .mail strong {
    font-family: 'Lato-Regular';
}

:lang(zh) .sy-header .mail strong {
    font-weight: 400;
}

:lang(ja) .sy-header .mail strong {
    font-weight: 400;
}

.sy-header .mail .mail-form {
    text-align: left;
    position: relative;
    background: #e8e8e8;
    width: 326px;
    height: 37px;
    border-radius: 37px;
    margin-left: 220px;
}

.sy-header .mail .mail-form input {
    width: 226px;
    height: 37px;
    border-radius: 37px;
    background: none;
    text-indent: 30px;
    font-size: 14px;
}

.sy-header .mail .mail-form button {
    position: absolute;
    top: 3px;
    right: 4px;
    width: 95px;
    height: 31px;
    line-height: 31px;
    border-radius: 31px;
    text-align: center;
    background: #c50233;
    color: #fff;
    text-indent: 0;
    font-size: 13px;
}

.sy-header .mail .mail-form a {
    overflow: hidden;
    position: absolute;
    top: 3px;
    right: -165px;
    width: 140px;
    height: 31px;
    padding-right: 15px;
    color: #fff;
    text-indent: 0;
    font-size: 13px;
    line-height: 31px;
    border-radius: 31px;
    text-align: center;
    background: #000 url("/assets/images/main/img_letter_arrow.png") no-repeat right center;
}

.sy-header .mail .mail-form a:hover {
    background: #c50233 url("/assets/images/main/img_letter_arrow.png") no-repeat right center;
}

.sy-header.small .mail {
    margin-left: 752px;
}

.sy-header .wide {
    width: 100%;
    min-width: 1100px;
    max-width: 1280px;
    position: absolute;
    top: 84px;
    left: 50%;
    padding: 0;
    height: 76px;
    margin-left: -640px;
    background: #f6f6f6;
}

.sy-header.small .wide {
    top: 56px;
    left: 0;
    margin-left: 0;
    max-width: none;

}
.sy-header.small {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
}

.sy-header.small .sy-inner {
    max-width: 1637px;
    min-width: 1637px;
    height: 55px;
    /* width: 1280px; */
    margin: 0 auto;
}

.sy-header.small .logo {
    position: absolute;
    top: 19px;
    left: 0;
}

.sy-header.small .nav {
    width: 800px;
    margin: 0 0 0 200px;
}

.sy-header.small .depth1 {
    line-height: 55px;
}

.sy-header.small .depth2 ul {
    margin: 0;
}

.sy-header.small .depth2-1 > ul {
    margin-left: 230px;
}

.sy-header.small .depth2-2 > ul {
    margin-left: 360px;
}

.sy-header.small .depth2-3 > ul {
    margin-left: 540px;
}

.sy-header.small .depth2-4 > ul {
    margin-left: 620px;
}

.sy-header.small .depth2-5 > ul {
    margin-left: 660px;
}

.sy-header.small .bt_simulator, .sy-header.small .bt_simulator2 {
    right: 215px;
    width: 130px;
    height: 20px;
    padding: 14px 0;
    border-right: 2px solid #b2b2b2;
    border-left: 2px solid #b2b2b2;

}

.sy-header.small .bt_newsletter {
    right: 215px;
    width: 170px;
    line-height: 55px;
}

.sy-header.small .bt_newsletter:before {
    top: 20px;
}

.sy-header.small .bt_newsletter:after {
    top: 22px;
    height: 15px;
}

.sy-header.small .bt_xeen {
    height: 55px;
    line-height: 55px;
}

.sy-header.small .util {
    position: absolute;
    top: 10px;
    right: 400px;
}

.sy-header.small .util li:last-child {
}

.sy-header.small .util a {
    width: 30px;
    height: 30px;
    padding: 0 5px;
    font-size: 0;
    background: url("/assets/images/img_gnb_icon.png") no-repeat 0 0;
}

.sy-header.small .util a:hover {
    background-position-y: -30px;
}


.sy-header.small .util li:first-child a {
    padding-left: 5px;
}

.sy-header.small .util a:before {
    width: 2px;
    height: 2px;
    margin-top: -1px;
    border-radius: 2px;
    background: #000;
}

.sy-header .util li:first-child a:after {
    display: none;
}

.sy-header.small .depth2 {
    top: 55px;
}

.sy-header.small .util a.bt-register {
    background-position-x: -256px;
}

.sy-header.small .util a.bt-search {
    background-position-x: -10px;
}

.sy-header.small .util a.bt-login-logout {
    background-position-x: -70px;
}

.sy-header.small .util a.bt-join-mypage {
    background-position-x: -130px;
}

.sy-header.small .util span.bt-lang {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    padding: 0 5px;
    font-size: 0;
    font-family: 'Lato-Regular';
    color: #fff;
    background: url("/assets/images/img_gnb_icon.png") no-repeat 0 0;
    background-position-x: -190px;
}

.sy-header.small .util span.bt-lang:hover {
    background-position-y: -30px;
}

.sy-header .util span.bt-lang:hover .lang-layer {
    display: block;
}

.search-layer {
    display: none;
    position: absolute;
    top: -41px;
    right: 200px;
    background: #fff;
    width: 436px;
    height: 39px;
}

.search-layer input {
    font-size: 14px;
    width: 330px;
    height: 39px;
    text-indent: 15px;
}

.search-layer button {
    text-align: left;
    position: absolute;
    top: 4px;
    right: 5px;
    background: #000;
    width: 101px;
    height: 30px;
    line-height: 33px;
    color: #fff;
    font-size: 13px;
    font-family: 'Lato-Regular';
    text-indent: 40px;
}

.search-layer button:before {
    content: '';
    position: absolute;
    top: 9px;
    left: 16px;
    width: 15px;
    height: 15px;
    background: url(/assets/images/icons.png) -393px -523px no-repeat;
}

.sy-header.small .search-layer {
    top: 58px;
    right: 530px;
    border: 1px solid #d8d8d8;
}

.lnb {
    border-top: 2px solid #000;
    width: 220px;
    position: absolute;
    top: 230px;
    left: -320px;
}

.lnb li {
    border-bottom: 1px solid #ddd
}

.lnb a {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    display: block;
    height: 54px;
    line-height: 54px;
}

:lang(ko) .lnb a.active {
    font-weight: 700;
}

:lang(en) .lnb a.active {
    font-family: 'Lato-Bold';
}

:lang(zh) .lnb a.active {
    font-weight: 700;
}

:lang(ja) .lnb a.active {
    font-weight: 700;
}

.lnb a.active:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    width: 5px;
    height: 9px;
    margin-top: -5px;
    background: url('/assets/images/icons.png') -325px -13px no-repeat;
}

.lnb a:hover:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    width: 5px;
    height: 9px;
    margin-top: -5px;
    background: url('/assets/images/icons.png') -325px -13px no-repeat;
}

.lnb li.two-line a {
    line-height: 100%;
    padding-top: 13px;
    height: 41px;
}

/* path */
.path {
    height: 44px;
    background: #e8e9eb;
    border-bottom: 1px solid #c9c9c9
}

.path ol {
    max-width: 1637px;
    margin: 0 auto;
}

.path li {
    display: inline-block;
}

.path a {
    height: 40px;
    line-height: 46px;
    position: relative;
    display: inline-block;
    padding: 0 2px 0 3px;
    font-size: 13px;

}

:lang(ko) .path a {
}

:lang(en) .path a {
    font-family: 'Lato-Regular';
}

.path a:after {
    content: '/';
    margin-left: 5px;
}

.path a.currented {
    border-bottom: 5px solid #c50233;
}

.path li:last-child a:after {
    display: none;
}

/* title */
.tit-wrap {
    background: #1f2021;
}
.page-h2 {
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}

.page-h2 h2 {
    position: relative;
    z-index: 10;
    display: inline-block;
    color: #fff;
    font-family: 'Lato-Regular';
    border-bottom: 2px solid #fff;
    line-height: 100%;
}



.page-h2.type1 {
    height: 400px;
}

.page-h2.type1 h2 {
    font-size: 60px;
    font-family: 'Lato-Regular';
    margin-top: 220px;
}

.page-h2.type2 {
    height: 235px;
    margin-top: 55px;
}

.page-h2.type2 h2 {
    font-size: 40px;
    font-family: 'Lato-Regular';
    margin-top: 100px;
}

.page-h2.type2 h2.kr {
    font-family: "Nanum Barun Gothic", Nanum Barun Gothic;
}
.page-h2.type3 {
    position: relative;
    height: 950px;
    margin-top: 55px;
}

.page-h2.type3 h2 {
    font-size: 40px;
    font-family: 'Lato-Regular';
    margin-top: 220px;
    color: #000;
    padding: 0 5px 3px 5px;
    border-bottom: 2px solid #000;
}

.page-h2.type4 {
    /* height: 440px; */
    margin-top: 55px;
}

.page-h2.type4 h2 {
    text-indent: -9999px;
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.page-h2.type5 {
    position: relative;
    height: 180px;
}

.page-h2.type5 h2 {
    font-size: 30px;
    font-family: 'Lato-Regular';
    margin-top: 105px;
    color: #fff;
    padding: 0 5px 3px 5px;
    border-bottom: 2px solid #c50233;
}

.page-h2.type6 {
    position: relative;
    height: 125px;
    margin-top: 55px;
}

.page-h2.type6 h2 {
    font-size: 30px;
    font-family: 'Lato-Regular';
    margin-top: 50px;
    color: #fff;
    padding: 0 5px 3px 5px;
    border-bottom: 2px solid #c50233;
}

/* main */
.main-content .page-h2 {
    font-size: 32px;
    font-family: 'Lato-Regular';
    color: #000;
    display: block;
    margin-bottom: 40px;
}

.key-visual {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}

.key-visual .slick-slider {
    height: 100%;
}
.key-visual .slick-list {
    font-size: 0;
    overflow: visible;
    height: 100%;
}

.key-visual .slick-track {
    height: 100%;
}
.key-visual .slide_item {
    position: relative;
    font-size: 0;
    height: 100%;
}

.key-visual a {
    display: block;
    width: 100%;
    height: 100%;
}

.key-visual .visual-img {
    z-index: 1;
    width: 100%;
    height: 100%;
}

.key-visual .visual-img img {
    width: 100%;
}
.key-visual .visual-s-box {
    overflow: hidden;
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 2;
    font-size: 0;
    margin-left: -270px;
    width: 540px;
    height: 310px;
}

.visual-s-box-in {
    overflow: hidden;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 100%;
    height: 80px;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    animation-delay: .1s;
    -ms-animation-delay: .1s;
    -webkit-animation-delay: .1s;

}

.visual-s-prd {
    opacity: 0;
    z-index: 5;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 260px;
    height: 310px;
    margin-left: -130px;
    text-align: center;
    transition: .2s;
    -ms-transition: .2s;
    -webkit-transition: .2s;
    animation-delay: 4s;
    -ms-animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.visual-s-bt {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}

.visual-s-bt button {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    display: block;
    width: 40px;
    height: 40px;
    background: #bb0432;
}

.visual-s-bt button:before {
    content: '';
    width: 19px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -10px;
    background: url('/assets/images/icons.png') no-repeat;
}

.visual-s-bt .up {
    display: none;
}

.visual-s-bt .up:before {
    background-position: -373px -220px;
}

.visual-s-bt .down {
}

.visual-s-bt .down:before {
    background-position: -374px -239px;
}

.visual-t {
    position: absolute;
    top: 0;
    left: 35px;
    text-align: left;
}

.visual-t strong {
    display: block;
    font-size: 30px;
    color: #d70539;
    padding-top: 10px;
}

.visual-t span {
    display: none;
    font-size: 14px;
    color: #d70539;
    line-height: 170%;
    padding-top: 15px;
}

.key-visual .slide_item.up .visual-s-box-in {
    height: 272px;
}

.key-visual .slide_item.up .visual-s-prd {
    opacity: 1;
}

.key-visual .slide_item.up .visual-t span {
    display: block;
}

.key-visual .slick-dots {
    position: relative;
    top: -25px;
    z-index: 5;
}

.key-visual .slick-dots li {
    display: inline-block;
    margin: 0 10px;
}

.key-visual .slick-dots button {
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: #0c0c0c;
    border-radius: 10px;
}

.key-visual .slick-dots .slick-active button {
    background: #bd0734;
}

.movie-content {
    position: relative;
    padding-bottom: 56.25%;
}

.movie-content-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-prd-solo {
    width: 1290px;
    height: 270px;
    text-align: center;
    margin: 0 auto 60px auto;
    overflow: hidden;
}

.main-prd-solo .logo {
    display: block;
    margin-top: 57px;
}

.main-prd-solo .t1 {
    font-size: 19px;
    font-family: 'Lato-Bold';
    color: #fff;
    margin: 30px 0 10px 0;
    letter-spacing: .07em;
}

.main-prd-solo .t2 {
    font-size: 12px;
    font-family: 'Lato-Bold';
    color: #fff;
}

.main-prd-solo a {
    position: relative;
    display: block;
    width: 166px;
    height: 44px;
    line-height: 49px;
    border-radius: 44px;
    background: #000;
    color: #fff;
    text-align: center;
    margin: 30px auto 0 auto;
    font-size: 18px;
    font-family: 'Lato-Regular';
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.main-prd-solo a:after {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    top: 12px;
    right: 26px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -47px -62px;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.main-prd-solo a:hover {
    background: #fff;
    color: #000;
}

.main-prd-solo a:hover:after {
    background-position: -28px -62px;
}

.main-prds {
    position: relative;
    width: 1280px;
    text-align: center;
    margin: 0 auto;
}

.main-prds .slick-arrow {
    position: absolute;
    top: -80px;
    width: 59px;
    height: 54px;
    text-indent: -9999px;
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.2);
}

.main-prds .slick-arrow:before {
    content: '';
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 11px;
    background: url('/assets/images/icons.png') no-repeat;
    margin: -6px 0 0 -4px;
}

.main-prds .slick-arrow.slick-prev {
    left: 0;
}

.main-prds .slick-arrow.slick-prev:before {
    background-position: -304px -12px;
}

.main-prds .slick-arrow.slick-next {
    right: 0;
}

.main-prds .slick-arrow.slick-next:before {
    background-position: -324px -12px;
}
.main-prds .slick-arrow:after {
    content: '';
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    position: absolute;
    top: 0;
    width: 0px;
    height: 54px;
    background: #c50233;
}
.main-prds .slick-arrow.slick-next:after {
    left: 0;
}

.main-prds .slick-arrow.slick-prev:after {
    right: 0;
}

.main-prds .slick-arrow:hover:after {
    width: 59px;
}

.main-prds .slide_item {
    width: 421px;
}
.main-prds a {
    display: block;
}

.main-prds .img-thumb {
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 421px;
    height: 240px;
}

.main-prds .img-thumb img {
    width: 421px;
    height: 240px;
    transition: all 0.3s ease;
    transform: scale(1);
}

.main-prds .info {
    position: relative;
    text-align: left;
    overflow: hidden;
    height: 145px;
}

.main-prds .info .prd-thumb {
    float: left;
    font-size: 0;
}

.main-prds .info .prd-thumb img {
}

.main-prds .txt {
    margin: 65px 0 0 145px;
}

.main-prds .txt .t1 {
    position: relative;
    padding-right: 100px;
    display: inline-block;
}

.main-prds .txt .t1 strong {
    position: relative;
    font-size: 17px;
    font-family: 'Lato-Regular';
    color: #000;
}

.main-prds .txt .arrow-bt {
    display: inline-block;
    width: 55px;
    height: 16px;
    background: #000;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;

}

.main-prds .txt .arrow-bt:before {
    content: '';
    transition: .1s;
    -ms-transition: .1s;
    -webkit-transition: .1s;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 16px;
    background: #c50233;
}

.main-prds .txt .arrow-bt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 4px;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(/assets/images/icons.png) no-repeat;
    background-position: -365px -11px;
    z-index: 1
}

.main-prds a:hover .txt .arrow-bt:before {
    width: 55px;
}

.main-prds .txt .t2 {
    margin-top: 10px;
    font-size: 13px;
    font-family: 'Lato-Regular';
    color: #000;
}

.main-prds a:hover .img-thumb img {
    transform: scale(1.15);
}

.main-contest {
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    background: url('/assets/images/main/img_contest.jpg') left center no-repeat;
    background-size: cover;
    height: 100%;
}

.main-contest .mousewheel {
    display: none;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -14px;
    width: 29px;
    height: 47px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -96PX -175px;
}

.main-contest .mousewheel:before, .main-contest .mousewheel:after {
    content: '';
    width: 12px;
    height: 11px;
    position: absolute;
    top: 15px;
    transform-origin: 50% 0%;
    background: url('/assets/images/icons.png') no-repeat;
}

.main-contest .mousewheel:before {
    background-position: -78PX -192px;
    left: -15px;
    animation: mouse-wheel-left 1.25s infinite linear;
}

.main-contest .mousewheel:after {
    background-position: -132PX -192px;
    right: -15px;
    animation: mouse-wheel-right 1.25s infinite linear;
}

@keyframes mouse-wheel-left {
    0% {
        transform: translateX(0)
    }
    20% {
        transform: translateX(0)
    }
    60% {
        transform: translateX(-15px)
    }
    100% {
        transform: translateX(0)
    }
}

@keyframes mouse-wheel-right {
    0% {
        transform: translateX(0)
    }
    20% {
        transform: translateX(0)
    }
    60% {
        transform: translateX(15px)
    }
    100% {
        transform: translateX(0)
    }
}

.main-contest .tit-box {
    color: #000;
    padding: 165px 0 85px 385px;
    /*background: url('/assets/images/main/img_light.png') left top no-repeat;*/
}

.main-contest .tit-box h2 {
    font-size: 50px;
    font-family: 'Lato-Bold';
}

.main-contest .tit-box p {
    font-size: 30px;
    font-family: 'Lato-Regular';
    margin-bottom: 10px;
}

.main-contest .tit-box strong {
    font-size: 18px;
    font-weight: normal;
    font-family: 'Lato-Regular';
}

.main-contest .main-contest-list {
    position: relative;
    text-align: center;
    margin: 0 0 0 125px
}

.main-contest .slick-slider {
    position: static;
    padding-left: 240px;
}

.main-contest .slick-list {
    padding-bottom: 50px;
}

.main-contest .slide_item {
    width: 409px;
    margin-right: 35px;
    padding: 30px 30px 0 30px;
}

.main-contest .slide_item a {
    display: block;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.2);
}

.main-contest .slide_item .thumb {
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 409px;
    height: 272px;
}

.main-contest .slide_item .thumb img {
    width: 409px;
    height: 272px;
    transition: all 0.3s ease;
    transform: scale(1);
}

.main-contest .slide_item .infos {
    background: #fff;
    padding: 25px 20px 25px 20px;
    text-align: left;
}

.main-contest .slide_item .infos strong {
    font-size: 16px;
    font-family: 'Lato-Bold';
}

.main-contest .slide_item .infos p {
    font-size: 12px;
    font-family: 'Lato-Bold';
    color: #7f7f7f;
    margin-top: 5px;
}

.main-contest .slide_item a:hover .thumb img {
    transform: scale(1.15);
}

.main-contest .slick-arrow {
    text-indent: -9999px;
    position: absolute;
    bottom: 50px;
    width: 59px;
    height: 54px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.main-contest .slick-arrow:after {
    content: '';
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    position: absolute;
    top: 0;
    width: 0px;
    height: 54px;
    background: #c50233;

}

.main-contest .slick-arrow:before {
    content: '';
    z-index: 1;
    background: url('/assets/images/icons.png') no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -4px;
    width: 7px;
    height: 11px;
}

.main-contest .slick-arrow.slick-next {
    left: 75px;
}

.main-contest .slick-arrow.slick-next:before {
    background-position: -324px -12px;
}

.main-contest .slick-arrow.slick-prev {
    left: 0;
}

.main-contest .slick-arrow.slick-prev:before {
    background-position: -304px -12px
}

.main-contest .slick-arrow.slick-next:after {
    left: 0;
}

.main-contest .slick-arrow.slick-prev:after {
    right: 0;
}

.main-contest .slick-arrow:hover:after {
    width: 59px;
}

.main-contest .util-box {
    position: absolute;
    bottom: 190px;
    left: 0;
    width: 135px;
    height: 135px;
    background: #000;
    text-align: center;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.2);
}

.main-contest .util-box a {
    position: relative;
    height: 100px;
    padding-top: 35px;
    color: #fff;
    font-size: 22px;
    font-family: 'Lato-Regular';
    display: block;
}

.main-contest .util-box a:after {
    content: '';
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 0px;
    border-color: #c50233;
    border-style: solid;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.main-contest .util-box a:hover:after {
    border-width: 8px;
}

.main-contest .util-box a:before {
    content: '';
    display: block;
    margin: 0 auto 5px auto;
    width: 30px;
    height: 4px;
    background: #e31839
}

.main-story {
    text-align: center;
    margin-top: 56px;
}

.main-story .page-h2 {
    margin-bottom: 20px;
}

.main-story .main-story-list {
    position: relative;
    width: 1290px;
    margin: 0 auto;
}

.main-story .main-story-list ul {
    width: 1356px;
    margin-left: -33px;
}

.main-story .main-story-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 24px 52px 24px;
}

.main-story .main-story-list li.mov a:before {
    content: '';
    z-index: 2;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: url('/assets/images/icons.png') no-repeat 0 -329px;
}

.main-story .main-story-list li.pic a:before {
    content: '';
    z-index: 2;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: url('/assets/images/icons.png') no-repeat 0 -225px;
}

.main-story .main-story-list li a {
    position: relative;
    display: block;
    font-size: 0;
}

.main-story .main-story-list li a:hover .thumb img {
    transform: scale(1.15);
}

.main-story .main-story-list .thumb {
    display: block;
    overflow: hidden;
    position: relative;
}

.main-story .main-story-list .thumb img {
    transition: all 0.3s ease;
    transform: scale(1);
}

.main-story .main-story-list .thumb:after {
    content: '';
    opacity: 0;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(214, 0, 53, .7);
}

.main-story .main-story-list li a:hover .thumb:after {
    opacity: 1;
}

.main-story .main-story-list li:nth-child(1) .thumb {
    width: 400px;
    height: 270px
}

.main-story .main-story-list li:nth-child(1) .thumb img {
    width: 400px;
    height: 270px
}

.main-story .main-story-list li:nth-child(2) .thumb {
    width: 400px;
    height: 270px
}

.main-story .main-story-list li:nth-child(2) .thumb img {
    width: 400px;
    height: 270px
}

.main-story .main-story-list li:nth-child(3) .thumb {
    width: 400px;
    height: 270px
}

.main-story .main-story-list li:nth-child(3) .thumb img {
    width: 400px;
    height: 270px
}

.main-story .main-story-list li:nth-child(4) {
    margin-bottom: 0;
}
.main-story .main-story-list li:nth-child(4) .thumb {
    width: 400px;
    height: 510px
}

.main-story .main-story-list li:nth-child(4) .thumb img {
    width: 400px;
    height: 510px
}

.main-story .main-story-list li:nth-child(5) {
    margin-bottom: 0;
}
.main-story .main-story-list li:nth-child(5) .thumb {
    width: 851px;
    height: 510px
}

.main-story .main-story-list li:nth-child(5) .thumb img {
    width: 851px;
    height: 510px
}

.main-story .main-story-list .txt {
    position: absolute;
    bottom: 20px;
    left: 20px;
    text-align: left;
}

.main-story .main-story-list .txt strong {
    font-size: 35px;
    font-family: 'Lato-Regular';
    color: #fff;
}

.main-story .main-story-list .txt p {
    font-size: 15px;
    font-family: 'Lato-Regular';
    color: #fff;
}

.main-story .bt-more {
    position: absolute;
    top: -40px;
    right: 0;
}

.main-support {
    text-align: center;
    margin-bottom: 100px;
}

.main-support .main-support-list {
    width: 1195px;
    height: 146px;
    margin: 0 auto;
    background: #181818;
}

.main-support .main-support-list ul {
    margin: 0 150px;
}

.main-support .main-support-list li {
    display: inline-block;
    width: 25%;
    text-align: center;
}

.main-support .main-support-list a {
    position: relative;
    display: block;
    font-size: 16px;
    font-family: 'Lato-Regular';
    color: #fff;
    padding-top: 95px;
}

.main-support .main-support-list a:before {
    content: '';
    position: absolute;
    left: 50%;
    background: url('/assets/images/icons.png') no-repeat;
}

.main-support .main-support-list .m1:before {
    top: 42px;
    width: 33px;
    height: 35px;
    margin-left: -17px;
    background-position: -77px -125px;
}

.main-support .main-support-list .m2:before {
    top: 48px;
    width: 31px;
    height: 32px;
    margin-left: -16px;
    background-position: -134px -127px;
}

.main-support .main-support-list .m3:before {
    top: 46px;
    width: 34px;
    height: 33px;
    margin-left: -17px;
    background-position: -189px -127px;
}

.main-support .main-support-list .m4:before {
    top: 42px;
    width: 31px;
    height: 40px;
    margin-left: -16px;
    background-position: -248px -120px;
}

.main-notice {
    text-align: center;
}

.main-notice .short-board-list {
    width: 1195px;
    margin: 0 auto 50px auto;
}

.short-board-list {
    border-top: 4px solid #404040;
    border-bottom: 4px solid #404040;
}

.short-board-list li {
    text-align: left;
    border-top: 1px solid #404040;
    padding: 35px 10px 25px 10px;
}

.short-board-list li:first-child {
    border-top: 0
}

.short-board-list a {
    display: block;
}

.short-board-list .date {
    display: block;
    font-size: 12px;
    font-family: 'Lato-Regular';
}

.short-board-list .tit {
    font-size: 18px;
    display: inline-block;;
    margin: 10px 0 0 0;
    position: relative;
    padding-bottom: 5px;
}

:lang(ko) .short-board-list .tit {
    font-weight: 400;
}

:lang(en) .short-board-list .tit {
    font-family: 'Lato-Regular';
}

:lang(zh) .short-board-list .tit {
    font-weight: 400;
}

:lang(ja) .short-board-list .tit {
    font-weight: 400;
}

.short-board-list .tit:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #000;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
}

.short-board-list .txts {
    margin-top: 15px;
    display: none;
}

.short-board-list .txts p {
    font-size: 14px;
    line-height: 150%;
}

.short-board-list .link {
    position: relative;
    width: 55px;
    height: 16px;
    background: #000;
    margin-top: 20px;
}

.short-board-list .link:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 4px;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(/assets/images/icons.png) no-repeat;
    background-position: -365px -11px;
    z-index: 1
}

.short-board-list li:hover .tit:before {
    width: 100%;
}

.fix-menu {
    position: fixed;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.fix-menu li {
    display: block;
    margin: 5px 0;
    vertical-align: top;
}

.fix-menu a {
    position: relative;
    display: block;
    width: 2px;
    height: 36px;
    line-height: 36px;
    background: #d5d5d5;
}

.fix-menu a.active {
    position: relative;
    left: -1px;
    width: 3px;
    height: 36px;
    background: #4d4d4d;
}

.fix-menu em {
    position: absolute;
    top: 0;
    right: 10px;
    display: none;
}

.fix-menu a.active em {
    display: block;
}

.fix-menu a.white em {
    color: #fff;
}

/* new main */
.main__container {
    padding-top: 55px;
    padding-bottom: 260px;
}

.main-visual .main-visual__container {
    text-align: center;
}

.main-visual .slick-list {
    background: #000;
}

.main-visual .main-visual__item {
    position: relative;
}

.main-visual .main-visual__link {
    display: block;
}

.main-visual .main-visual__link:hover .main-visual__figure:after {
    opacity: .9;
}

.main-visual .main-visual__link:hover .main-visual__image {
    transform: scale(1.05);
}

.main-visual .main-visual__contents {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 30px;
    text-align: left;
    box-sizing: border-box;
}

.main-visual .main-visual__new {
    display: inline-block;
    vertical-align: top;
    height: 28px;
    padding: 6px 14px;
    color: #fff;
    font-size: 13px;
    font-family: 'Lato-Light';
    letter-spacing: .08em;
    background: #c50233;
    box-sizing: border-box;
}

.main-visual .main-visual__title {
    margin-top: 15px;
    color: #fff;
    font-size: 40px;
    font-family: 'Lato-Light';
    line-height: 52px;
}

.main-visual .main-visual__etc {
    margin-top: 30px;
}

/*.main-visual .main-visual__etc:before {*/
/*    display: block;*/
/*    width: 100px;*/
/*    height: 4px;*/
/*    margin-bottom: 14px;*/
/*    background: #000;*/
/*    content: "";*/
/*}*/

.main-visual .main-visual__figure {
    overflow: hidden;
    display: block;
    position: relative;
}

.main-visual .main-visual__image {
    display: block;
    transition: all .5s;
}

.main-visual .main-visual__figure:after {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #84112e;*/
    transition: opacity .4s;
    content: "";
}

.main-visual .main-visual__etc:after {
    display: block;
    clear: both;
    content: "";
}

.main-visual .main-visual__category {
    float: left;
    color: #000;
    font-size: 16px;
    font-family: 'Lato-Regular';
}

.main-visual .main-visual__date {
    float: left;
    margin: 3px 0 0 20px;
    color: #aaa;
    font-size: 12px;
    font-family: 'Lato-Bold';
    letter-spacing: .08em;
}

.main-visual .slick-dots {
    position: relative;
    padding-top: 20px;
    z-index: 5;
}

.main-visual .slick-dots li {
    display: inline-block;
    margin: 0 10px;
}

.main-visual .slick-dots button {
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: #0c0c0c;
    border-radius: 10px;
    outline: 0;
}

.main-visual .slick-dots .slick-active button {
    background: #bd0734;
}

.main-visual .main-visual__control-prev, .main-visual .main-visual__control-next {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    width: 70px;
    height: 70px;
    outline: 0;
}

.main-visual .main-visual__control-prev {
    left: 25px;
}

.main-visual .main-visual__control-next {
    right: 25px;
}

.main-visual .main-visual__control-prev:before,
.main-visual .main-visual__control-next:before {
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: 1px solid #73787c;
    border-right: 1px solid #73787c;
    content: "";
}

.main-visual .main-visual__control-prev:before {
    margin: 20px 0 0 30px;
    transform: rotate(-135deg);
}

.main-visual .main-visual__control-next:before {
    margin: 20px 0 0 10px;
    transform: rotate(45deg);
}

.main-visual .main-visual__control-text {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(0 0 99.9% 99.9%);
}

.main-pick {
    position: relative;
    padding-top: 130px;
    padding-bottom: 180px;
}

.main-pick:after {
    display: block;
    clear: both;
    content: "";
}

.main-pick .main-pick__container {
    overflow: hidden;
    width: calc(50% + 608px);
    margin-left: auto;
}

.main-pick .main-pick__container:after {
    display: block;
    clear: both;
    content: "";
}

.main-pick .main-pick__contents {
    float: left;
    position: relative;
    width: 300px;
    padding-bottom: 0;
    padding-right: 20px;
    background-image: linear-gradient(to top, #fff 0px, #fff 20px, #000 20px, #000 100%);
    background-repeat: no-repeat;
    background-size: 1px 100%;
    background-position: right bottom;
    box-sizing: border-box;
}

.main-pick .main-pick__slide {
    margin-left: 300px;
}

.main-pick .main-pick__title {
    color: #000;
    font-size: 40px;
    font-family: 'Lato-Light';
    line-height: 52px;
}

.main-pick .main-pick__product-figure {
    display: block;
    height: 200px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 105px auto;
}

.main-pick .main-pick__product-name {
    padding-top: 20px;
    color: #000;
    font-size: 16px;
    font-family: 'Lato-Bold';
}

.main-pick .main-pick__product-description {
    padding-top: 10px;
    padding-bottom: 20px;
    color: #000;
    font-size: 12px;
    font-family: 'Lato-Regular';
    line-height: 18px;
}

.main-pick .main-pick__control {
    position: absolute;
    bottom: 20px;
    left: -10px;
}

.main-pick .main-pick__control:after {
    display: block;
    clear: both;
    content: "";
}

.main-pick .main-pick__item {
    width: 404px;
    padding: 0 22px;
    box-sizing: border-box;
}

.main-pick .main-pick__link {
    display: block;
}

.main-pick .main-pick__link:hover .main-pick__image {
    transform: scale(1.05);
}

.main-pick .main-pick__figure {
    overflow: hidden;
    display: block;
    width: 360px;
    height: 300px;
}

.main-pick .main-pick__image {
    width: 100%;
    transition: all .5s ease;
}

.main-pick .main-pick__category {
    padding-top: 10px;
    color: #c50233;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.main-pick .main-pick__data {
    padding-top: 4px;
    color: #000;
    font-size: 16px;
    font-family: 'Lato-Regular';
    line-height: 24px;
    line-height: 24px;
}

.main-pick .main-pick__name {
    padding-top: 10px;
    display: block;
    color: #777;
    font-size: 12px;
    font-family: 'Lato-Regular';
}

.main-banner {
    padding: 60px 0;
    background: #252931 url('/assets/images/main/bg_main_banner.jpg') no-repeat right top;
}

.main-banner .main-banner__container {
    width: 1290px;
    margin: 0 auto;
}

.main-banner .main-banner__container:after {
    display: block;
    clear: both;
    content: "";
}

.main-banner .main-banner__item {
    float: left;
    width: 50%;
    padding-right: 80px;
    box-sizing: border-box;
}

.main-banner .main-banner__item + .main-banner__item {
    padding: 0 80px;
    border-left: 1px solid #3b3f46;
}

.main-banner .main-banner__title {
    color: #fff;
    font-size: 28px;
    font-family: 'Lato-Light';
}

.main-banner .main-banner__mailform {
    position: relative;
    margin-top: 20px;
    padding-right: 140px;
    background: #fff;
}

.main-banner .main-banner__mailform input {
    width: 100%;
    height: 42px;
    font-size: 14px;
    font-family: 'Lato-Regular';
    text-indent: 30px;
    background: none;
}

.main-banner .main-banner__mailform button {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 42px;
    color: #fff;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    background: #c50233;
}

.main-banner .main-banner__link {
    display: block;
    position: relative;
    padding-bottom: 62px;
}

.main-banner .main-banner__link:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 122px;
    height: 20px;
    background: url("/assets/images/main/main_icons.png") no-repeat;
    background-position: 0 0;
    content: "";
}

.main-banner .main-banner__link:hover:before {
    background-position: 0 -33px;
}

.main-lineup {
    margin-top: 200px;
    text-align: center;
}

.main-lineup .main-lineup__title {
    color: #000;
    font-size: 30px;
    font-family: 'Lato-Light';
}

.main-lineup .main-lineup__container {
    overflow: hidden;
    width: 1290px;
    margin: 60px auto 0;
}

.main-lineup .main-lineup__list {
    display: inline-block;
    vertical-align: top;
}

.main-lineup .main-lineup__list:after {
    display: block;
    clear: both;
    content: "";
}

.main-lineup .main-lineup__item {
    float: left;
    width: 204px;
    height: 204px;
    margin: 0 5px;
    background: #e8e8e8;
}

.main-lineup .main-lineup__link {
    display: block;
    height: 100%;
    padding: 20px;
    text-align: left;
    box-sizing: border-box;
}

.main-lineup .main-lineup__link:hover .main-lineup__name {
    color: #c50233;
}

.main-lineup .main-lineup__name {
    color: #000;
    font-size: 18px;
    font-family: 'Lato-Regular';
    transition: color .5s;
}

.main-event {
    margin-top: 200px;
}

.main-event .main-event__container {
    width: 1212px;
    margin: 0 auto;
}

.main-event .main-event__container:after {
    display: block;
    clear: both;
    content: "";
}

.main-event .main-event__contents {
    float: left;
    position: relative;
    width: 332px;
    min-height: 320px;
    padding-right: 20px;
    box-sizing: border-box;
}

.main-event .main-event__slide {
    margin-left: 332px;
}

.main-event .main-event__title {
    color: #000;
    font-size: 40px;
    font-family: 'Lato-Light';
    line-height: 52px;
}

.main-event .main-event__category {
    display: block;
    padding: 30px 0 5px;
    color: #000;
    font-size: 16px;
    font-family: 'Lato-Bold';
}

.main-event .main-event__text {
    color: #000;
    font-size: 20px;
    font-family: 'Lato-Light';
    line-height: 26px;
}

.main-event .main-event__link {
    display: block;
    overflow: hidden;
    position: relative;
}

.main-event .main-event__description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    background: rgba(0, 0, 0, .7);
    box-sizing: border-box;
}

.main-event .main-event__description-title {
    color: #c50233;
    font-size: 14px;
    font-family: 'Lato-Light';
    line-height: 20px;
}

.main-event .main-event__description-data {
    color: #fff;
    font-size: 12px;
    font-family: 'Lato-Light';
    line-height: 20px;
}

.main-event .main-event__image {
    display: block;
    width: 100%;
}

.main-event .main-event__control {
    position: absolute;
    bottom: 20px;
    left: -10px;
}

.main-event .main-event__control:after {
    display: block;
    clear: both;
    content: "";
}

.main-control__prev, .main-control__next {
    float: left;
    position: relative;
    width: 58px;
    height: 54px;
    margin: 0 10px;
    background: #000;
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2)
}

.main-control__prev:hover:after, .main-control__next:hover:after {
    width: 100%;
}

.main-control__prev:before,
.main-control__next:before {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url("/assets/images/main/bg_slide_icon.png") no-repeat;
    content: "";
    z-index: 5;
}

.main-control__next:before {
    background-position: -58px 0;
}

.main-control__prev:after,
.main-control__next:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background: #c50233;
    transition: width .3s;
    content: "";
}

.main-control__prev:after {
    right: 0;
}

.main-control__next:after {
    left: 0;
}

.main-control__text {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(0 0 99.9% 99.9%);
}

.main-sns {
    margin-top: 90px;
}

.main-sns .main-sns__container {
    overflow: hidden;
    width: 1212px;
    margin: 0 auto;
    text-align: center;
}

.main-sns .main-sns__description {
    color: #000;
    font-size: 30px;
    font-family: 'Lato-Light';
}

.main-sns .main-sns__list {
    width: 1224px;
    margin: 54px -6px 0;
}

.main-sns .main-sns__item {
    float: left;
    width: 306px;
    padding: 6px;
    box-sizing: border-box;
}

.main-sns .main-sns__link {
    display: block;
    position: relative;
    min-height: 294px;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    transition: all .5s;
}

.main-sns .main-sns__link:hover {
    background-size: 105% auto;
}

.main-sns .main-sns__title {
    position: relative;
    padding: 30px 20px;
    z-index: 5;
}

.main-sns .main-sns__icon {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    margin-top: -6px;
    margin-right: 10px;
    background: url("/assets/images/main/main_icons.png") no-repeat;
}

.main-sns .main-sns__icon--facebook {
    background-position: -416px 0;
}

.main-sns .main-sns__icon--instagram {
    background-position: -475px 0;
}

.main-sns .main-sns__icon--youtube {
    background-position: -442px 0;
}

.main-sns .main-sns__icon span {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(0 0 99.9% 99.9%);
}

.main-sns .main-sns__name {
    color: #fff;
    font-size: 13px;
    font-family: 'Lato-Regular';
}

.main-sns .main-sns__link:before {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #c50233;*/
    content: "";
}

.main-sns .main-sns__link:hover .main-sns__tag-list {
    opacity: 1;
}

.main-sns .main-sns__link:hover:before {
    opacity: .7;
}

.main-sns .main-sns__tag-list {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
}

.main-sns .main-sns__tag-item {
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    font-family: 'Lato-Light';
}

.main-notice {
    margin-top: 130px;
    text-align: left;
}

.main-notice .main-notice__container {
    width: 1212px;
    margin: 0 auto;
}

.main-notice .main-notice__contents {
    float: left;
    position: relative;
    width: 332px;
    min-height: 320px;
    padding-right: 20px;
    box-sizing: border-box;
}

.main-notice .main-notice__title {
    padding-bottom: 30px;
    color: #000;
    font-size: 40px;
    font-family: 'Lato-Light';
    line-height: 52px;
}

.main-notice .main-notice__list {
    margin-left: 332px;
}

.main-notice .main-notice__item {
    border-top: 1px solid #666;
}

.main-notice .main-notice__item:first-child {
    border-top: none;
}

.main-notice .main-notice__link {
    display: block;
    position: relative;
    padding: 30px 80px 30px 116px;
}

.main-notice .main-notice__link:hover .main-notice__description:before {
    width: 100%;
}

.main-notice .main-notice__category {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: 88px;
    height: 24px;
    color: #fff;
    font-size: 12px;
    font-family: 'Lato-Light';
    line-height: 24px;
    text-align: center;
    background: #000;
}

.main-notice .main-notice__category--faq {
    background: #c50233;
}

.main-notice .main-notice__description {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: #000;
    font-size: 15px;
    line-height: 24px;
}

.main-notice .main-notice__description:before {
    opacity: .6;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #000;
    transition: width .5s;
    content: "";
}

.main-notice .main-notice__date {
    position: absolute;
    top: 30px;
    right: 0;
    color: #000;
    font-size: 13px;
    font-family: 'Lato-Light';
    line-height: 24px;
}

.main-button {
    overflow: hidden;
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 50;
}
.main-button a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 80px;
    height: 80px;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    background: #2d2d2d;
    transition: background-color .4s ease;
}

.main-button a:hover {
    background: #3f3f3f;
}

.main-button a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    /*background: #c51e34;*/
    opacity: 0;
    content: "";
    transition: opacity .4s ease;
}

.main-button .simulator:before {
    background: #2d2d2d;
}

.main-button a:hover:before {
    opacity: 1;
}

.main-button .simulator {
    background: #d52138 !important;
}

.main-button .coupon {
    display: none;
    border-bottom: 1px solid #575757;
}

.main-button .tutorial {
}

.main-button span:before {
    display: block;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}

.main-button .shop span:before {
    height: 19px;
    background-image: url("/assets/images/product/icon_simulator_buy.png");
}

.main-button .register span:before {
    height: 25px;
    background-image: url("/assets/images/icon/icon_register.png");
}

.main-button .news-letter span:before {
    height: 22px;
    background-image: url("/assets/images/icon/icon_newsletter.png");
    margin-left: 5px;
}

.main-button .simulator span:before {
    height: 23px;
    background-image: url("/assets/images/product/icon_simulator_simulator.png");
}

.simulator-buy {
    width: 660px;
}

.simulator-buy .contents {
    padding: 80px 60px 60px;
    text-align: center;
}

.simulator-buy .title {
    padding-bottom: 20px;
    color: #000;
    font-size: 30px;
}

.simulator-buy .title em {
    color: #c50233;
    font-style: normal;
}

.simulator-buy .text {
    padding-bottom: 30px;
    color: #646464;
    font-size: 24px;
}

.simulator-buy .link {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    height: 54px;
    margin-top: 50px;
    color: #fff;
    font-size: 22px;
    font-family: 'Lato-Bold';
    font-weight: 700;
    line-height: 54px;
    background: #c50233;
}

.simulator-buy .location:after {
    display: block;
    clear: both;
    content: "";
}

.simulator-buy .location dl {
    float: left;
    width: 250px;
    margin: 0 10px;
}

.simulator-buy .location dt {
    color: #888;
    font-size: 18px;
    font-family: 'Lato-Regular';
    text-align: left;
}

.simulator-buy .location dd {
    position: relative;
    margin-top: 10px;
    background: #ededed;
}

.simulator-buy .location dd:after {
    position: absolute;
    top: 50%;
    right: 20px;
    border-top: 5px solid #1c1c1c;
    border-bottom: none;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}

.simulator-buy .location select {
    overflow: hidden;
    width: 100%;
    height: 54px;
    padding: 0 16px;
    color: #888;
    font-size: 18px;
    font-family: 'Lato-Regular';
    background: none;
    box-sizing: border-box;
}

/* room */
.room {
    padding-bottom: 260px;
}

.room__container {
    width: 1200px;
    margin: 0 auto;
}

.room__title, :lang(zh) .room__title, :lang(ja) .room__title {
    padding-bottom: 50px;
    color: #000;
    font-size: 40px;
    font-family: 'Lato-Light';
}

.room-header {
    text-align: center;
    background-image: linear-gradient(to bottom, #3c3c43 0%, #3c3c43 140px, #fff 140px, #fff 100%);
}

.room-header.room-header--list {
    background: #18181a;
}

.room-header.room-header--list .room-header__contents {
    margin-bottom: 0;
    padding: 40px 0;
}

.room-header.room-header--list .room-header__contents .room__container {
    padding-top: 40px;
}

.room-header.room-header--list .room-header__title {
    float: inherit;
    width: auto;
    padding-top: 80px;
    font-size: 40px;
    font-family: 'Lato-Light';
    text-align: center;
}

.room-header.room-header--list .room-header__select {
    padding-top: 60px;
    text-align: center;
}

.room-header.room-header--list .room-select__element {
    margin: 0 25px;
}

.room-header.room-header--list .room-select__select {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.room-header.room-header--list .room-select__select option {
    color: #000;
}

.room-header.room-header--list .room-select__element:after {
    background-position: -53px -96px;
}

.room-header__slide {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 690px;
    height: 140px;
    padding-top: 90px;
    box-sizing: border-box;
}

.room-header__item {
    width: calc(690px / 4);
    outline: 0;
}

.room-header__item--active .room-header__name:before, .room-header__item:hover .room-header__name:before {
    left: 0;
    width: 100%;
}

.room-header__name {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-family: 'Lato-Regular';
    letter-spacing: .06em;
    cursor: pointer;
}

.room-header__name:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #c50233;
    -webkit-transition: width .2s ease, left .2s ease;
    transition: width .2s ease, left .2s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    content: "";
}

.room-header__control-prev, .room-header__control-next {
    position: absolute;
    top: 75px;
    width: 50px;
    height: 50px;
    outline: 0;
}

.room-header__control-prev {
    left: -25px;
}

.room-header__control-prev[aria-disabled=true], .room-header__control-next[aria-disabled=true] {
    opacity: .2;
}

.room-header__control-next {
    right: -25px;
}

.room-header__control-prev:before, .room-header__control-next:before {
    position: absolute;
    width: 5px;
    height: 5px;
    margin: 22px 0 0 -3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
}

.room-header__control-next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.room-header__control-prev:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.room-header__control-text {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
}

.room-header__contents {
    margin-bottom: -80px;
    padding: 0 0 36px;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 100% 300px;
}

.room-header__contents::after {
    display: block;
    clear: both;
    content: "";
}

.room-header__contents .room__container {
    width: auto;
    padding-top: 360px;
    background-repeat: no-repeat;
    background-size: auto 300px;
    background-position: center top;
}

.room-header__title {
    float: left;
    width: 400px;
    color: #fff;
    font-size: 50px;
    font-family: 'Lato-Black';
}

.room-header__etc {
    width: 1200px;
    margin: 0 auto;
    text-align: right;
}

.room-header__text {
    opacity: .6;
    color: #fff;
    font-size: 16px;
    font-family: 'Lato-Light';
    line-height: 30px;
}

.room-select__element {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 200px;
    margin-left: 50px;
}

.room-select__element:after {
    width: 15px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    background-image: url("/assets/images/icons.png");
    background-repeat: no-repeat;
    background-position: -220px 0;
    content: "";
}

.room-select__select, :lang(zh) .room-select__select, :lang(ja) .room-select__select {
    width: 100%;
    height: 30px;
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Light';
    border-bottom: 1px solid #000;
    background: none;
}

.room-select__select option {
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.room-contents .room__container {
    overflow: hidden;
    padding-top: 80px;
}

.room-contents__list {
    margin: 0 -3px;
}

.room-contents__list::after {
    display: block;
    clear: both;
    content: "";
}

.room-contents__item {
    float: left;
    padding: 3px;
    box-sizing: border-box;
}

.room-contents__link {
    display: block;
    position: relative;
}

.room-contents__link:hover .room-contents__detail:before {
    opacity: .7;
}

.room-contents__link:hover .room-contents__image {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.room-contents__thumb {
    overflow: hidden;
    display: block;
}

.room-contents__image {
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.room-contents__detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.room-contents__detail:before {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c50233;
    content: "";
}

.room-contents__icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #c50233;
    background-image: url("/assets/images/main/main_icons.png");
    background-repeat: no-repeat;
}

.room-contents__icon-1 {
    background-position: -200px 0;
}

.room-contents__icon-2 {
    background-position: -240px 0;
}

.room-contents__icon-3 {
    background-position: -280px 0;
}

.room-contents__icon-4 {
    background-position: -320px 0;
}

.room-contents__icon-5 {
    background-position: -360px 0;
}

.room-contents__etc {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 30px;
}

.room-contents__category {
    color: #fff;
    font-size: 13px;
    font-family: 'Lato-Light';
}

.room-contents__title, :lang(zh) .room-contents__title, :lang(ja) .room-contents__title {
    color: #fff;
    font-size: 16px;
    font-family: 'Lato-Light';
    line-height: 28px;
}

.room-contents__name {
    display: block;
    padding-top: 20px;
    color: #fff;
    font-size: 13px;
    font-family: 'Lato-Light';
}

.room-contents__more {
    padding: 50px 0 150px;
    text-align: center;
}

.room-video {
    padding: 80px 0;
    background: #18181a;
}

.room-video .room__container::after {
    display: block;
    clear: both;
    content: "";
}

.room-video__contents {
    float: left;
    position: relative;
    width: 448px;
    height: 426px;
}

.room-video__title, :lang(zh) .room-video__title, :lang(ja) .room-video__title {
    padding-bottom: 50px;
    color: #fff;
    font-size: 40px;
    font-family: 'Lato-Light';
    letter-spacing: .08em;
}

.room-video__etc {
    overflow: hidden;
    position: absolute;
    bottom: 0;
}

.room-video__text {
    padding-right: 70px;
    color: #fff;
    font-size: 15px;
    font-family: 'Lato-Light';
    line-height: 30px;
}

.room-video__more {
    position: relative;
    padding-right: 70px;
    color: #fff;
    font-size: 15px;
    font-family: 'Lato-Regular';
}

.room-video__more:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 61px;
    height: 10px;
    margin-top: -7px;
    background: url("/assets/images/main/main_icons.png") no-repeat 0 -74px;
    content: "";
}

.room-video__more:hover {
    color: #c50233;
}

.room-video__more:hover:after {
    background-position: 0 -86px;
}

.room-video__list {
    width: 456px;
    margin-top: 30px;
    margin-left: -3px;
}

.room-video__list::after {
    display: block;
    clear: both;
    content: "";
}

.room-video__item {
    float: left;
    width: 149px;
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.room-video__figure {
    display: block;
    position: relative;
    height: 84px;
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.room-video__figure:before {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
}

.room-video__figure:hover {
    background-size: 105% auto;
}

.room-video__figure:hover:before, .room-video__figure--active:before {
    opacity: 1;
    border: 6px solid #e31839;
}

.room-video__video {
    margin-left: 448px;
}

.room-video__video-container {
    display: block;
    position: relative;
    padding-bottom: 56.26%;
}

.room-video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.room-products {
    overflow: hidden;
    padding: 150px 0 50px;
    text-align: center;
}

.room-products__contents {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.room-products__list {
    display: inline-block;
    vertical-align: top;
    max-width: 1220px;
    margin-top: -50px;
}

.room-products__list::after {
    display: block;
    clear: both;
    content: "";
}

.room-products__item {
    float: left;
}

.room-products__link {
    display: block;
    width: 234px;
    padding-top: 340px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}

.room-products__link:hover .room-products__name {
    color: #c50233;
}

.room-products__name {
    color: #000;
    font-size: 16px;
    font-family: 'Lato-Bold';
    line-height: 20px;
    -webkit-transition: color .5s;
    transition: color .5s;
}

.room-products__control {
    visibility: hidden;
}

.room-products__control-prev, .room-products__control-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -30px;
    outline: 0;
}

.room-products__control-prev {
    left: -50px;
}

.room-products__control-prev[aria-disabled=true], .room-products__control-next[aria-disabled=true] {
    opacity: .4;
}

.room-products__control-next {
    right: -50px;
}

.room-products__control-prev:before, .room-products__control-next:before {
    position: absolute;
    width: 18px;
    height: 18px;
    border-top: 2px solid #343434;
    border-right: 2px solid #343434;
    content: "";
}

.room-products__control-next:before {
    margin: 15px 0 0 -17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.room-products__control-prev:before {
    margin: 15px 0 0 -5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.room-products__control-text {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
}

.room-creators {
    padding: 150px 0 50px;
    text-align: center;
}

.room-creators__contents {
    position: relative;
}

.room-creators__item {
    width: 322px;
}

.room-creators__link {
    display: block;
    position: relative;
    min-height: 255px;
    text-align: left;
}

.room-creators__link:before {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    content: "";
}

.room-creators__link:hover:before {
    opacity: 1;
}

.room-creators__link:hover .room-creators__text {
    opacity: 1;
}

.room-creators__title {
    position: relative;
    padding: 20px;
    z-index: 5;
}

.room-creators__name {
    color: #fff;
    font-size: 20px;
    font-family: 'Lato-Light';
}

.room-creators__text {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    font-size: 14px;
    font-family: 'Lato-Light';
    line-height: 20px;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.room-creators__control-prev, .room-creators__control-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -30px;
    outline: 0;
}

.room-creators__control-prev {
    left: -50px;
}

.room-creators__control-prev[aria-disabled=true], .room-creators__control-next[aria-disabled=true] {
    opacity: .4;
}

.room-creators__control-next {
    right: -50px;
}

.room-creators__control-prev:before, .room-creators__control-next:before {
    position: absolute;
    width: 18px;
    height: 18px;
    border-top: 2px solid #343434;
    border-right: 2px solid #343434;
    content: "";
}

.room-creators__control-next:before {
    margin: 15px 0 0 -17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.room-creators__control-prev:before {
    margin: 15px 0 0 -5px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.room-creators__control-text {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
}

.room-tinyseries {
    overflow: hidden;
    padding: 150px 0 50px;
    text-align: center;
}

.room-tinyseries__list {
    display: inline-block;
    vertical-align: top;
    max-width: 1700px;
    padding: 0 64px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.room-tinyseries__list::after {
    display: block;
    clear: both;
    content: "";
}

.room-tinyseries__item {
    float: left;
    width: 262px;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.room-tinyseries__link {
    display: block;
    position: relative;
    min-height: 262px;
    text-align: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.room-tinyseries__link:before {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #c50233;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    content: "";
}

.room-tinyseries__link:hover {
    background-size: auto 105%;
}

.room-tinyseries__link:hover:before {
    opacity: .7;
}

.room-tinyseries__link:hover .room-tinyseries__text, .room-tinyseries__link:hover .room-tinyseries__tag-list {
    opacity: 1;
}

.room-tinyseries__title {
    position: relative;
    padding: 30px 20px 20px;
    z-index: 5;
}

.room-tinyseries__icon {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    margin-top: -6px;
    margin-right: 10px;
    background: url("/assets/images/main/main_icons.png") no-repeat;
}

.room-tinyseries__icon span {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
}

.room-tinyseries__icon--facebook {
    background-position: -416px 0;
}

.room-tinyseries__icon--instagram {
    background-position: -475px 0;
}

.room-tinyseries__icon--youtube {
    background-position: -442px 0;
}

.room-tinyseries__text {
    opacity: 0;
    overflow: hidden;
    position: relative;
    max-height: 60px;
    padding: 0 20px;
    color: #fff;
    font-size: 13px;
    font-family: 'Lato-Regular';
    line-height: 22px;
    z-index: 5;
}

.room-tinyseries__name {
    color: #fff;
    font-size: 13px;
    font-family: 'Lato-Regular';
}

.room-tinyseries__tag-list {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
}

.room-tinyseries__tag-item {
    margin-top: 10px;
    color: #fff;
    font-size: 14px;
    font-family: 'Lato-Light';
}

.paginationjs li {
   display: inline-block;
   vertical-align: top;
}

/* Creator */
.creator-header__contents {
    padding: 140px 0 80px;
    text-align: center;
}

.creator-header__title {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    color: #000;
    font-size: 40px;
    font-family: 'Lato-Light';
    border-bottom: 2px solid #000;
}

.creator-header__text {
    margin-top: 30px;
    color: #000;
    font-size: 16px;
    line-height: 30px;
}

.creator-contents {
    padding-top: 60px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
    background-image: linear-gradient(to bottom, #f0f0f0 0%, #f0f0f0 100%);
    background-repeat: no-repeat;
    background-size: 100% 380px;
    background-position: center top;
}

.creator-contents__container {
    width: 1280px;
    margin: 0 auto;
}

.creator-contents__container::after {
    display: block;
    clear: both;
    content: "";
}

.creator-contents__contents {
    float: left;
    position: relative;
    width: 280px;
    min-height: 380px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.creator-contents__profile {
    overflow: hidden;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.creator-contents__profile img {
    width: 100%;
}

.creator-contents__name {
    padding-top: 20px;
    color: #000;
    font-size: 32px;
    font-family: 'Lato-Regular';
}

.creator-contents__hashtag {
    padding-top: 5px;
}

.creator-contents__hashtag li {
    padding: 4px 0;
    font-size: 16px;
}

.creator-contents__control {
    position: absolute;
    bottom: 40px;
    left: -10px;
}

.creator-contents__control::after {
    display: block;
    clear: both;
    content: "";
}

.creator-contents__slide {
    margin-left: 280px;
}

.creator-contents__link:hover .creator-contents__image {
    background-size: 105% auto;
}

.creator-contents__image {
    display: block;
    width: 1000px;
    height: 368px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    -webkit-transition: background-size .5s;
    transition: background-size .5s;
}

.creator-control__prev:after {
    right: 0;
}

.creator-control__next:before {
    background-position: -58px 0;
}

.creator-control__next:after {
    left: 0;
}

.creator-control__prev, .creator-control__next {
    float: left;
    position: relative;
    width: 58px;
    height: 54px;
    margin: 0 10px;
    background: #000;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

.creator-control__prev:before, .creator-control__next:before {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("/assets/images/main/bg_slide_icon.png");
    background-repeat: no-repeat;
    content: "";
    z-index: 5;
}

.creator-control__prev:after, .creator-control__next:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background: #c50233;
    -webkit-transition: width .3s;
    transition: width .3s;
    content: "";
}

.creator-control__prev:hover:after, .creator-control__next:hover:after {
    width: 100%;
}

.creator-control__text {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
}

.creator-list {
    width: 1130px;
    margin: 90px auto 0;
    padding-bottom: 130px;
}

.creator-list__search {
    padding: 50px 0;
    text-align: center;
    background: #f3f4f6;
}

.creator-list__element {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 226px;
    margin: 0 10px;
}

.creator-list__element:after {
    width: 15px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    background-image: url("/assets/images/icons.png");
    background-repeat: no-repeat;
    background-position: -220px 0;
    content: "";
}

.creator-list__select {
    width: 100%;
    height: 30px;
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Light';
    border-bottom: 1px solid #000;
    background: none;
}

.creator-list__select option {
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.creator-list__list {
    padding: 0 10px;
}

.creator-list__list::after {
    display: block;
    clear: both;
    content: "";
}

.creator-list__item {
    float: left;
    margin: 60px 10px 0;
}

.creator-list__link:hover .creator-list__image {
    background-size: 105% auto;
}

.creator-list__image {
    display: block;
    width: 350px;
    height: 220px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    -webkit-transition: background-size .5s;
    transition: background-size .5s;
}

.creator-list__etc {
    width: 350px;
    min-height: 85px;
    margin-top: 30px;
}

.creator-list__name {
    color: #000;
    font-size: 18px;
    font-family: 'Lato-Regular';
}

.creator-list__hashtag {
    overflow: hidden;
    padding-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-list__hashtag::after {
    display: block;
    clear: both;
    content: "";
}

.creator-list__hashtag li {
    float: left;
    opacity: .6;
    color: #000;
    font-size: 13px;
}

.creator-list__hashtag li:after {
    padding-right: 3px;
    content: ",";
}

.creator-list__hashtag li:last-child:after {
    display: none;
}

.creator-list__gear {
    overflow: hidden;
    margin-top: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.creator-list__gear dt, .creator-list__gear dd {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 12px;
}

.creator-view {
    padding-top: 56px;
}

.creator-view__container {
    padding-top: 370px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 472px;
}

.creator-view__contents {
    width: 1100px;
    margin: 0 auto;
}

.creator-view__contents::after {
    display: block;
    clear: both;
    content: "";
}

.creator-view__profile {
    float: left;
    width: 310px;
}

.creator-view__name {
    margin-top: 20px;
    color: #000;
    font-size: 24px;
    font-family: 'Lato-Bold';
}

.creator-view__sns {
    margin-top: 20px;
}

.creator-view__sns span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 5px 0 5px 30px;
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.creator-view__sns span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 27px;
    background-image: url("/assets/images/magazine/icon_creator_user.png");
    background-repeat: no-repeat;
    background-size: auto 30px;
    content: "";
}

.creator-view__site:before {
    background-position: 0 0;
}

.creator-view__facebook:before {
    background-position: -30px 0;
}

.creator-view__instagram:before {
    background-position: -60px 0;
}

.creator-view__youtube:before {
    background-position: -90px 0;
}

.creator-view__vimeo:before {
    background-position: -90px 0;
}

.creator-view__etc {
    margin-left: 310px;
    padding-top: 140px;
}

.creator-view__summary {
    padding: 20px 30px;
    color: #000;
    font-size: 18px;
    font-family: 'Lato-Regular';
    line-height: 28px;
    background: #f0f0f0;
}

.creator-view__lens, .creator-view__gear  {
    padding: 10px 0;
}

.creator-view__theme {
    padding-top: 20px;
}

.creator-view__lens dt, .creator-view__lens dd, .creator-view__gear dt, .creator-view__gear dd, .creator-view__theme dt, .creator-view__theme dd {
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Bold';
}

.creator-view__lens dt:before,
.creator-view__gear dt:before,
.creator-view__theme dt:before {
    padding-right: 3px;
    content: "·";
}

.creator-view__lens dd:after,
.creator-view__gear dd:after,
.creator-view__theme dd:after {
    padding-right: 3px;
    content: ",";
}

.creator-view__lens dd:last-child:after,
.creator-view__gear dd:last-child:after,
.creator-view__theme dd:last-child:after {
    display: none;
}

.creator-view__lens {
    margin-top: 30px;
}

.creator-view__text {
    margin-top: 30px;
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.creator-view__hashtag {
    margin-top: 40px;
}

.creator-view__hashtag::after {
    display: block;
    clear: both;
    content: "";
}

.creator-view__hashtag li {
    float: left;
    margin-right: 6px;
    padding: 6px 10px;
    color: #fff;
    font-size: 14px;
    font-family: 'Lato-Regular';
    background: #000;
}

.creator-article__container {
    width: 1100px;
    margin: 80px auto 0;
    padding-top: 80px;
    border-top: 2px solid #000;
}

.creator-article__title {
    font-size: 30px;
    font-family: 'Lato-Regular';
    text-align: center;
}

.creator-article__contents {
    position: relative;
}

.creator-article__slide {
    overflow: hidden;
    width: 1030px;
    margin: 60px auto 0;
}

.creator-article__item {
    padding: 0 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.creator-article__link {
    display: block;
}

.creator-article__link:hover .creator-article__image {
    background-size: 105% auto;
}

.creator-article__list {
    width: 1062px;
    margin: 0 -17px;
}

.creator-article__image {
    display: block;
    height: 200px;
    -webkit-transition: background-size .5s;
    transition: background-size .5s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

.creator-article__etc {
    margin-top: 30px;
}

.creator-article__category {
    color: #c50233;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.creator-article__text {
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Regular';
    line-height: 24px;
}

.creator-article__control-prev, .creator-article__control-next {
    position: absolute;
    top: 76px;
    width: 50px;
    height: 50px;
    outline: 0;
}

.creator-article__control-prev {
    left: -15px;
}

.creator-article__control-prev[aria-disabled=true], .creator-article__control-next[aria-disabled=true] {
    opacity: .4;
}

.creator-article__control-next {
    right: -15px;
}

.creator-article__control-prev:before, .creator-article__control-next:before {
    position: absolute;
    width: 18px;
    height: 18px;
    border-top: 2px solid #343434;
    border-right: 2px solid #343434;
    content: "";
}

.creator-article__control-next:before {
    margin: 15px 0 0 11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.creator-article__control-prev:before {
    margin: 15px 0 0 18px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.creator-article__control-text {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
}

.creator-gallery__container {
    margin-top: 80px;
    padding-top: 80px;
    background: #000;
}

.creator-gallery__slide {
    position: relative;
    width: 786px;
    margin: 60px auto 0;
	text-align: center;
}

.creator-gallery__list {
    padding: 10px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.creator-gallery__list-hidden .slick-track {
	display: inline-block;
	vertical-align: top;
	width: auto !important;
}

.creator-gallery__item {
    width: 196px;
    outline: 0;
}

.creator-gallery__item--active .creator-gallery__name:before, .creator-gallery__item:hover .creator-gallery__name:before {
    left: 0;
    width: 100%;
}

.creator-gallery__name {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px;
    font-family: 'Lato-Regular';
    letter-spacing: .06em;
    cursor: pointer;
}

.creator-gallery__name:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #c50233;
    -webkit-transition: width .2s ease, left .2s ease;
    transition: width .2s ease, left .2s ease;
    -webkit-transform-origin: center;
    transform-origin: center;
    content: "";
}

.creator-gallery__control-prev, .creator-gallery__control-next {
    position: absolute;
    bottom: 0;
    width: 50px;
    height: 50px;
    outline: 0;
}

.creator-gallery__control-prev {
    left: -25px;
}

.creator-gallery__control-prev[aria-disabled=true], .creator-gallery__control-next[aria-disabled=true] {
    opacity: .2;
}

.creator-gallery__control-next {
    right: -25px;
}

.creator-gallery__control-prev:before, .creator-gallery__control-next:before {
    position: absolute;
    width: 5px;
    height: 5px;
    margin: 22px 0 0 22px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    content: "";
}

.creator-gallery__control-next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.creator-gallery__control-prev:before {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.creator-gallery__control-text {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(0 0 99.9% 99.9%);
    clip-path: inset(0 0 99.9% 99.9%);
}

.creator-gallery .content-list {
    padding: 0 0 60px 0;
}

.creator-gallery .creator-article__title {
    color: #fff;
}

/* product */
.product {
    padding-bottom: 320px;
}

.prd-main_sec .page-h3 {
    display: block;
    text-align: center;
    font-size: 32px;
    margin-bottom: 50px;
    font-family: 'Lato-Regular';
    letter-spacing: -1px;
    line-height: 100%;
}

.prd-main_sec1 {
    padding: 90px 0 60px 0;
}

.prd-main_sec1 .list {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
}

.prd-main_sec1 .slide_item {
    position: relative;
    text-align: center;
    width: 340px;
    height: 485px;
    margin: 0 20px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.prd-main_sec1 .slide_item:hover {
    transform: scale(1.05);
}

.prd-main_sec1 .slide_item img {
    margin-top: 25px;
    width: 234px;
    height: 323px;
}

.prd-main_sec1 .infos {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
}

.prd-main_sec1 .infos h4 {
    font-size: 19px;
    font-family: 'Lato-Regular';
}

.prd-main_sec1 .infos p {
    font-size: 14px;
    font-family: 'Lato-Regular';
    margin: 10px 0 20px 0;
}

.prd-main_sec1 .slick-arrow {
    text-indent: -9999px;
    position: absolute;
    top: 228px;
    width: 16px;
    height: 29px;
    background: url('/assets/images/icons.png') no-repeat;
}

.prd-main_sec1 .slick-arrow.slick-next {
    background-position: -29px 0;
    right: -30px;
}

.prd-main_sec1 .slick-arrow.slick-prev {
    background-position: 0 0;
    left: -30px;
}

.prd-main_sec2 {
    padding: 90px 0 50px 0;
}

.prd-main_sec2 .list li {
    background: #e7e9eb;
    margin-bottom: 50px;
}

.prd-main_sec2 .list a {
    display: block;
    width: 1280px;
    min-height: 382px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 0 0 90px;
}

.prd-main_sec2 .list h4 {
    font-size: 40px;
    font-family: 'Lato-Regular';
    margin-top: 120px;
}

.prd-main_sec2 .list p {
    color: #525151;
    font-size: 16px;
    line-height: 150%;
    margin: 5px 0 20px 0;
}

.prd-main_sec3 {
    width: 1100px;
    height: 280px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    background: url('/assets/images/product/img_prd-banner.jpg') center center no-repeat;
}

.prd-main_sec3 strong {
    font-size: 35px;
    font-family: 'Lato-Regular';
    color: #fff;
    display: block;
    margin-top: 65px;
}

.prd-main_sec3 p {
    font-size: 15px;
    color: #fff;
    line-height: 130%;
    margin: 15px 0 30px 0;
}

.prd-srch {
    padding: 100px 0 0 0;
}

.prd-srch .tabs {
    width: 1140px;
    margin: 0 auto;
}

.srch-util {
    margin-top: 40px;
    position: relative;
}

.srch-util .total-num {
    width: 1140px;
    margin: 0 auto;
    display: block;
    text-align: left;
    font-size: 16px;
    font-family: 'Lato-Regular';
}

.srch-util .total-num strong {
    font-size: 20px;
    color: #c50233;
    font-family: 'Lato-Regular';
    margin-right: 5px;
}

.srch-util .filter {
    width: 1260px;
    margin: 0 auto;
    background: #ebeff3;
    border-top: 2px solid #171718;
}

.srch-util .filter-form {
    position: relative;
    width: 1166px;
    margin: 0 auto;
}

.srch-util .filter-inner {
    display: none;
    padding-bottom: 25px;
}

.srch-util .filter-form .tit {
    margin: 40px 0 25px 0;
    font-size: 22px;
    font-family: 'Lato-Regular';
    display: block;
    text-align: center
}

.srch-util .filter-form .cols {
    overflow: hidden;
    margin-bottom: 20px;
}

.srch-util .filter-form .col {
    position: relative;
    float: left;
}

.srch-util .filter-form .col:after {
    content: '';
    position: absolute;
    top: 86px;
    right: 0;
    width: 1px;
    height: 314px;
    background: #d5d7da;
}

.srch-util .filter-form .col1 {
    width: 335px;
}

.srch-util .filter-form .col1 .icon-check-bt {
    margin-bottom: 20px;
}

.srch-util .filter-form .col2 {
    width: 251px;
}

.srch-util .filter-form .col2 .icon-check-bt {
    text-align: center;
}

.srch-util .filter-form .col3 {
    width: 190px;
}

.srch-util .filter-form .col3 .icon-check-bt {
    margin-left: 40px;
}

.srch-util .filter-form .col4 {
    width: 300px;
    margin-left: 75px;
    text-align: left;
}

.srch-util .filter-form .col4:after {
    display: none;
}

.srch-util .filter-group {
    font-size: 0;
}

.srch-util .filter-group .check {
    display: block;
    margin: 12px 0;
}

.srch-util .filter-group .check input[type=checkbox] + label {
    font-size: 12px;
    line-height: 19px;
    cursor: pointer;
    height: 16px;
    font-family: 'Lato-Regular';
}

.srch-util .filter-group .check input[type=checkbox]:checked + label:before {
    border: 5px solid #000;
}

.srch-util .filter-group .check input[type=checkbox]:hover + label:before {
    border: 5px solid #000;
}

.srch-util .filter-group .check input[type=checkbox]:hover + label {
    color: #000;
}

.srch-util .icon-check-bt {
    position: relative;
}

.srch-util .s-tit {
    position: absolute;
    top: 0;
    left: 36px;
    width: 75px;
    font-size: 15px;
}

:lang(en) .srch-util .s-tit {
    font-family: 'Lato-Regular';
}

.srch-util .filter-check2-groups {
    margin: 0 0 0 120px;
}

.srch-util .filter-group .filter-check2 {
    display: inline-block;
    margin-bottom: 10px;
    width: 178px;
}

.srch-util .filter-group .filter-check2 input {
    opacity: 0;
    position: absolute;
}

.srch-util .filter-group .filter-check2 input[type=checkbox] + label {
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
    width: 176px;
    height: 33px;
    border: 1px solid #caccce;
    background: #fff;

    transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
}

:lang(en) .srch-util .filter-group .filter-check2 input[type=checkbox] + label {
    font-family: 'Lato-Regular';
}

.srch-util .filter-group .filter-check2 input[type=checkbox] + label em {
    display: block;
    line-height: 33px;
    font-size: 14px;
}

:lang(en) .srch-util .filter-group .filter-check2 input[type=checkbox] + label em {
    font-family: 'Lato-Regular';
}

.srch-util .filter-group .filter-check2 input[type=checkbox] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 156px;
    height: 38px;
}
.srch-util .filter-group .filter-check2 input[type=checkbox]:hover + label {
    cursor: pointer;
    color: #fff;
    background: #000;
    border: 1px solid #000;

}

:lang(ko) .srch-util .filter-group .filter-check2 input[type=checkbox]:hover + label {
    font-weight: 700;
}

:lang(en) .srch-util .filter-group .filter-check2 input[type=checkbox]:hover + label {
    font-family: 'Lato-Bold';
}

:lang(zh) .srch-util .filter-group .filter-check2 input[type=checkbox]:hover + label {
    font-weight: 700;
}

:lang(ja) .srch-util .filter-group .filter-check2 input[type=checkbox]:hover + label {
    font-weight: 700;
}

.srch-util .filter-group .filter-check2 input[type=checkbox]:checked + label {
    cursor: pointer;
    color: #fff;
    background: #000;
    border: 1px solid #000;

}

:lang(ko) .srch-util .filter-group .filter-check2 input[type=checkbox]:checked + label {
    font-weight: 700;
}

:lang(en) .srch-util .filter-group .filter-check2 input[type=checkbox]:checked + label {
    font-family: 'Lato-Bold';
}

:lang(zh) .srch-util .filter-group .filter-check2 input[type=checkbox]:checked + label {
    font-weight: 700;
}

:lang(ja) .srch-util .filter-group .filter-check2 input[type=checkbox]:checked + label {
    font-weight: 700;
}

.srch-util .filter-group .filter-check2 input[type=checkbox]:checked + label:before {
}

.srch-util .filter-group .filter-check3 {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 5px;
    width: 58px;
    text-align: center;

}

.srch-util .filter-group .filter-check3 input {
    opacity: 0;
    position: absolute;
}

.srch-util .filter-group .filter-check3 em {
    display: block;
    margin-top: 3px;
    letter-spacing: -0.5px;
    line-height: 100%;
    font-size: 11px;
    font-family: 'Lato-Regular';
}


.srch-util .filter-group .filter-check3 input[type=checkbox] + label {
    cursor: pointer;
    position: relative;
    display: block;
    vertical-align: top;
    width: 58px;
    height: 85px;
}

.srch-util .filter-group .filter-check3 input[type=checkbox] + label:before {
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    border: 1px solid #caccce;
    background: #fff;
    transition: 0.3s;
    -ms-transition: 0.3s;
    -webkit-transition: 0.3s;
}

.srch-util .filter-group .filter-check3 input[type=checkbox] + label:after {
    content: '';
    position: absolute;
    left: 50%;
    display: block;
    background: url('/assets/images/icons3.png') no-repeat;
}

.srch-util .filter-group .filter-check3 input[type=checkbox]:checked + label:before {
    border: 1px solid #000;
    background: #000;
}
.srch-util .filter-group .filter-check3 input[type=checkbox]:hover + label:before {
    border: 1px solid #000;
    background: #000;
}
.srch-util .filter-group .filter-check3.bf1 input[type=checkbox] + label:after {
    width: 27px;
    height: 33px;
    top: 12px;
    margin-left: -14px;
    background-position: -4px -172px;
}

.srch-util .filter-group .filter-check3.bf1 input[type=checkbox]:checked + label:after {
    background-position: -5px -220px;
}
.srch-util .filter-group .filter-check3.bf1 input[type=checkbox]:hover + label:after {
    background-position: -5px -220px;
}
.srch-util .filter-group .filter-check3.bf2 input[type=checkbox] + label:after {
    width: 40px;
    height: 30px;
    top: 13px;
    margin-left: -20px;
    background-position: -65px -173px;
}

.srch-util .filter-group .filter-check3.bf2 input[type=checkbox]:checked + label:after {
    background-position: -66px -221px;
}
.srch-util .filter-group .filter-check3.bf2 input[type=checkbox]:hover + label:after {
    background-position: -66px -221px;
}
.srch-util .filter-group .filter-check3.bf3 input[type=checkbox] + label:after {
    width: 39px;
    height: 32px;
    top: 12px;
    margin-left: -20px;
    background-position: -134px -172px;
}

.srch-util .filter-group .filter-check3.bf3 input[type=checkbox]:checked + label:after {
    background-position: -135px -220px;
}
.srch-util .filter-group .filter-check3.bf3 input[type=checkbox]:hover + label:after {
    background-position: -135px -220px;
}
.srch-util .filter-group .filter-check3.bf4 input[type=checkbox] + label:after {
    width: 25px;
    height: 33px;
    top: 12px;
    margin-left: -13px;
    background-position: -209px -172px;
}

.srch-util .filter-group .filter-check3.bf4 input[type=checkbox]:checked + label:after {
    background-position: -210px -220px;
}
.srch-util .filter-group .filter-check3.bf4 input[type=checkbox]:hover + label:after {
    background-position: -210px -220px;
}
.srch-util .filter-group .filter-check3.bf5 input[type=checkbox] + label:after {
    width: 30px;
    height: 35px;
    top: 11px;
    margin-left: -14px;
    background-position: -274px -171px;
}

.srch-util .filter-group .filter-check3.bf5 input[type=checkbox]:checked + label:after {
    background-position: -275px -219px;
}
.srch-util .filter-group .filter-check3.bf5 input[type=checkbox]:hover + label:after {
    background-position: -275px -219px;
}
.srch-util .filter-group .filter-check3.bf6 input[type=checkbox] + label:after {
    width: 36px;
    height: 37px;
    top: 10px;
    margin-left: -17px;
    background-position: 1px -265px;
}

.srch-util .filter-group .filter-check3.bf6 input[type=checkbox]:checked + label:after {
    background-position: 0 -313px;
}
.srch-util .filter-group .filter-check3.bf6 input[type=checkbox]:hover + label:after {
    background-position: 0 -313px;
}
.srch-util .filter-group .filter-check3.bf7 input[type=checkbox] + label:after {
    width: 41px;
    height: 29px;
    top: 14px;
    margin-left: -21px;
    background-position: -65px -269px;
}

.srch-util .filter-group .filter-check3.bf7 input[type=checkbox]:checked + label:after {
    background-position: -66px -317px;
}
.srch-util .filter-group .filter-check3.bf7 input[type=checkbox]:hover + label:after {
    background-position: -66px -317px;
}
.srch-util .filter-group .filter-check3.bf8 input[type=checkbox] + label:after {
    width: 32px;
    height: 32px;
    top: 12px;
    margin-left: -16px;
    background-position: -137px -267px;
}

.srch-util .filter-group .filter-check3.bf8 input[type=checkbox]:checked + label:after {
    background-position: -138px -315px;
}
.srch-util .filter-group .filter-check3.bf8 input[type=checkbox]:hover + label:after {
    background-position: -138px -315px;
}
.srch-util .filter-group .filter-check3.bf9 input[type=checkbox] + label:after {
    width: 34px;
    height: 34px;
    top: 11px;
    margin-left: -17px;
    background-position: -201px -266px;
}

.srch-util .filter-group .filter-check3.bf9 input[type=checkbox]:checked + label:after {
    background-position: -202px -314px;
}
.srch-util .filter-group .filter-check3.bf9 input[type=checkbox]:hover + label:after {
    background-position: -202px -314px;
}

.srch-util .filter-group .filter-check3.bf10 input[type=checkbox] + label:after {
    width: 48px;
    height: 27px;
    top: 15px;
    margin-left: -24px;
    background-position: -265px -270px;
}

.srch-util .filter-group .filter-check3.bf10 input[type=checkbox]:checked + label:after {
    background-position: -266px -318px;
}
.srch-util .filter-group .filter-check3.bf10 input[type=checkbox]:hover + label:after {
    background-position: -266px -318px;
}
.srch-util .filter-group .filter-check3.bf11 input[type=checkbox] + label:after {
    width: 24px;
    height: 39px;
    top: 9px;
    margin-left: -12px;
    background-position: -5px -359px;
}

.srch-util .filter-group .filter-check3.bf11 input[type=checkbox]:checked + label:after {
    background-position: -6px -407px;
}
.srch-util .filter-group .filter-check3.bf11 input[type=checkbox]:hover + label:after {
    background-position: -6px -407px;
}
.srch-util .filter-group .filter-check3.bf12 input[type=checkbox] + label:after {
    width: 29px;
    height: 28px;
    top: 15px;
    margin-left: -15px;
    background-position: -70px -365px;
}

.srch-util .filter-group .filter-check3.bf12 input[type=checkbox]:checked + label:after {
    background-position: -71px -413px;
}
.srch-util .filter-group .filter-check3.bf12 input[type=checkbox]:hover + label:after {
    background-position: -71px -413px;
}
.srch-util .filter-group .filter-check3.bf13 input[type=checkbox] + label:after {
    width: 41px;
    height: 34px;
    top: 11px;
    margin-left: -21px;
    background-position: -133px -361px;
}

.srch-util .filter-group .filter-check3.bf13 input[type=checkbox]:checked + label:after {
    background-position: -134px -409px;
}
.srch-util .filter-group .filter-check3.bf13 input[type=checkbox]:hover + label:after {
    background-position: -134px -409px;
}
.srch-util .filter-group .filter-check3.bf14 input[type=checkbox] + label:after {
    width: 34px;
    height: 30px;
    top: 13px;
    margin-left: -17px;
    background-position: -204px -363px;
}

.srch-util .filter-group .filter-check3.bf14 input[type=checkbox]:checked + label:after {
    background-position: -205px -411px;
}
.srch-util .filter-group .filter-check3.bf14 input[type=checkbox]:hover + label:after {
    background-position: -205px -411px;
}
.srch-util .filter-group .filter-check3.bf15 input[type=checkbox] + label:after {
    width: 26px;
    height: 32px;
    top: 12px;
    margin-left: -13px;
    background-position: -276px -362px;
}

.srch-util .filter-group .filter-check3.bf15 input[type=checkbox]:checked + label:after {
    background-position: -277px -410px;
}
.srch-util .filter-group .filter-check3.bf15 input[type=checkbox]:hover + label:after {
    background-position: -277px -410px;
}
.srch-util .bt-full {
    margin: 0 auto;
}

.srch-util .bt-toggle {
    padding-left: 20px;
    position: absolute;
    top: -38px;
    left: 160px;
    width: 175px;
    height: 38px;
    line-height: 38px;
    text-align: left;
    background: #000;
    color: #fff;
    font-size: 14px;
    padding-left: 60px;
}

.srch-util .bt-toggle:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    border-top: 5px solid #fff;
    border-bottom: none;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.srch-util .bt-toggle.active:after {
    border-top: none;
    border-bottom: 5px solid #fff;
}

/*.srch-util .bt-toggle:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 10px;
    height: 6px;
    margin-top: -3px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -33px -96px;
}

.srch-util .bt-toggle.active:after {
    background-position: -53px -96px;
}*/

.srch-result {
    width: 1100px;
    margin: 0 auto;
    text-align: left;
}

.srch-result li {
    position: relative;
    width: 275px;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #ccc
}

.srch-result a {
    display: block;
    padding-bottom: 30px;
}

.srch-result .new{font-size:0;position:absolute;top:15px;left:20px;width:38px;height:24px;background:url('/assets/images/product-list_new-icon.png') center center no-repeat;}

.srch-result .thumb {
    display: block;
    max-width: 100%;
    font-size: 0;
    width: 275px;
    height: 365px;
}

.srch-result .thumb:hover {
    transform: scale(1.05);
}

.srch-result .thumb img {
    margin-top: 25px;
    width: 216px;
    height: 298px;
}

.srch-result .name {
    position: absolute;
    bottom: 55px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.prd-detail-visual {
    position: relative;
    font-size: 0;
}

.prd-detail-visual .slide_item {
    height: 385px;
}

.prd-detail-visual .slick-arrow {
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    z-index: 1;
    text-indent: -9999px;
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 50px;
    background: #000;
}

.prd-detail-visual .slick-arrow:before {
    content: '';
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    position: absolute;
    top: 0;
    width: 0px;
    height: 50px;
    background: #c50233;
}

.prd-detail-visual .slick-arrow:hover:before {
    width: 80px;
}

.prd-detail-visual .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 21px;
    margin: -11px 0 0 -6px;
    background: url('/assets/images/icons.png') no-repeat;
}

.prd-detail-visual .slick-arrow.slick-next {
    right: 50%;
    margin-right: -571px
}

.prd-detail-visual .slick-arrow.slick-next:before {
    left: 0;
}

.prd-detail-visual .slick-arrow.slick-next:after {
    background-position: -124px 0;
}

.prd-detail-visual .slick-arrow.slick-prev {
    right: 50%;
    margin-right: -491px
}

.prd-detail-visual .slick-arrow.slick-prev:before {
    right: 0;
}

.prd-detail-visual .slick-arrow.slick-prev:after {
    background-position: -98px 0;
}

.prd-detail-content {
    position: relative;
    text-align: center;
    padding: 50px 0 0 0;
}

.prd-detail-content .product-summary {
    position: relative;
    top: -50px;
    height: 760px;
}

.prd-detail-content .product-summary .backdrop div {
    height: 760px;
    background-repeat: no-repeat;
    background-position: center;
}

.prd-detail-content .product-summary .info {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    left: 50%;
    width: 1100px;
    margin-left: -550px;
    text-align: left;
}
.prd-detail-content .product-summary .info:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}

.prd-detail-content .product-summary .inner {
    display: inline-block;
    vertical-align: middle;
}

.prd-detail-content .product-summary .detail {
    font-weight: 400;
    font-size: 28px;
}

.prd-detail-content .product-summary .title {
    padding: 20px 0;
    font-weight: 900;
    font-size: 65px;
}

.prd-detail-content .product-summary .content {
    font-size: 35px;
}

.prd-detail-content .product-summary .bt-shop-now-box {
    margin-top: 50px;
}

.prd-detail-content .product-summary .bt-shop-now {
    position: relative;
}

.prd-detail-content .product-summary .bt-shop-now-etc {
    position: absolute;
}

.prd-detail-content .product-video {
    margin-top: -50px;
    padding: 80px 0 160px;
    text-align: center;
    background-size: auto 768px;
    background-repeat: no-repeat;
    background-position: center 0;
}

.prd-detail-content .product-video .product-video__content {
    position: relative;
    margin: 35px auto 0;
    width: 960px;
    height: 540px;
    padding-bottom: 0;
}

.prd-detail-content .product-video__title {
    color: #000;
    font-size: 32px;
}

.prd-detail-content .product-video__content {
    position: relative;
    margin: 35px auto 0;
    padding-bottom: 56.26%;
}

.prd-detail-content .product-video__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.prd-detail-content .product-banner {
    overflow: hidden;
    position: relative;
    width: 970px;
    margin: 0 auto;
    padding: 30px 0;
}

.prd-detail-content .product-banner img {
    display: block;
}

.prd-detail-content .product-banner .slick-prev,
.prd-detail-content .product-banner .slick-next {
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    font-size: 0;
    z-index: 5;
}

.prd-detail-content .product-banner .slick-prev {
    left: 0;
}

.prd-detail-content .product-banner .slick-next {
    right: 0;
}

.prd-detail-content .product-banner .slick-prev:before,
.prd-detail-content .product-banner .slick-next:before {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #fff;
    content: "";
}

.prd-detail-content .product-banner .slick-prev:before {
    margin-left: -5px;
    transform: rotate(-135deg);
}

.prd-detail-content .product-banner .slick-next:before {
    margin-left: -16px;
    transform: rotate(45deg);
}

.prd-detail-content .product-banner .slick-dots {
    position: relative;
    top: -25px;
    z-index: 5;
}

.prd-detail-content .product-banner .slick-dots li {
    display: inline-block;
    margin: 0 10px;
}

.prd-detail-content .product-banner .slick-dots button {
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: #0c0c0c;
    border-radius: 10px;
}

.prd-detail-content .product-banner .slick-dots .slick-active button {
    background: #bd0734;
}

.prd-detail-content .page-h3 {
    border-bottom: 1px solid #000;
    padding: 0 10px 5px 10px;
    display: inline-block;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato-Regular';
    letter-spacing: -1px;
    line-height: 100%;
    margin-bottom: 80px;
}

.prd-detail-content .short-review {
    width: 1140px;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
    margin: 0 auto 70px auto;
    text-align: center;
}

.prd-detail-content .short-review .txts{font-size:25px;line-height:150%;word-break: keep-all;}
.prd-detail-content .short-review .writer{position:relative;line-height:70px;margin-top:30px;display:inline-block;padding-left:90px;}
.prd-detail-content .short-review .thumb{width:70px;height:70px;overflow:hidden;position:absolute;top:0;left:0;}
.prd-detail-content .short-review .name{    font-size: 20px;
    font-family: 'Lato-Regular';
}

.prd-detail-content .prd-pics {
    position: relative;
    height: 660px;
    font-size: 0;
    background: #e7e9eb;
    text-align: center;
}

.prd-detail-content .prd-pics .logo {
    width: 1080px;
    padding: 0 10px;
    text-align: right;
    position: absolute;
    bottom: 72px;
    right: 50%;
    margin-right: -550px
}

.prd-detail-content .prd-pics .pic-bigs {
    height: 660px;
}

.prd-detail-content .prd-pics .pic-smalls {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    text-align: center;
}

.prd-detail-content .prd-pics .pic-smalls .slick-slide {
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    margin: 0 10px;
    width: 50px;
    height: 50px;
    border-bottom: 3px solid #e7e9eb;
    position: relative;
}

.prd-detail-content .prd-pics .pic-smalls .slick-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.prd-detail-content .prd-pics .pic-smalls .is-active {
    border-bottom: 3px solid #000;
}

.prd-detail-content .prd-pics .slick-arrow {
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    z-index: 1;
    text-indent: -9999px;
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 50px;
    background: #000;
}

.prd-detail-content .prd-pics .slick-arrow:before {
    content: '';
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    position: absolute;
    top: 0;
    width: 0px;
    height: 50px;
    background: #c50233;
}

.prd-detail-content .prd-pics .slick-arrow:hover:before {
    width: 80px;
}

.prd-detail-content .prd-pics .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 21px;
    margin: -11px 0 0 -6px;
    background: url('/assets/images/icons.png') no-repeat;
}

.prd-detail-content .prd-pics .slick-arrow.slick-next {
    right: 50%;
    margin-right: -541px
}

.prd-detail-content .prd-pics .slick-arrow.slick-next:before {
    left: 0;
}

.prd-detail-content .prd-pics .slick-arrow.slick-next:after {
    background-position: -124px 0;
}

.prd-detail-content .prd-pics .slick-arrow.slick-prev {
    right: 50%;
    margin-right: -461px
}

.prd-detail-content .prd-pics .slick-arrow.slick-prev:before {
    right: 0;
}

.prd-detail-content .prd-pics .slick-arrow.slick-prev:after {
    background-position: -98px 0;
}

.prd-detail-content .go {
    font-size: 16px;
    line-height: 170%;
}

:lang(ko) .prd-detail-content .go {
    font-weight: 700;
}

:lang(en) .prd-detail-content .go {
    font-family: 'Lato-Bold';
}

:lang(zh) .prd-detail-content .go {
    font-weight: 700;
}

:lang(ja) .prd-detail-content .go {
    font-weight: 700;
}

.prd-detail-content .prd-set-summary {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    padding: 80px 10px 40px;
    box-sizing: border-box;
}

.prd-detail-content .prd-set-summary__info {
    margin: 50px 0 0 70px;
    text-align: left;
}

.prd-detail-content .prd-set-summary__title strong {
    font-size: 45px;
    font-weight: 500;
}

.prd-detail-content .prd-set-summary__title span {
    display: block;
    padding-top: 15px;
    font-size: 28px;
    font-weight: 300;
}

.prd-detail-content .prd-set-summary__text {
    padding-top: 20px;
    font-size: 16px;
    line-height: 30px;
    word-break: keep-all;
}

.prd-detail-content .prd-summery {
    text-align: left;
    overflow: hidden;
    min-width: 1080px;
    padding: 0 10px;
    max-width: 1280px;
    margin: 0 auto;
    min-height: 560px;
    position: relative;
}

.prd-detail-content .prd-summery.fixed {
    margin-bottom: 247px;
}

.prd-detail-content .prd-summery .thumb {
    /*width: 480px;*/
    /*height: 560px;*/
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

/*.prd-detail-content .prd-summery .thumb img {*/
/*    width: 480px;*/
/*    height: 560px;*/
/*}*/

.prd-detail-content .prd-summery .infos {
    position: relative;
    margin: 100px 0 0 70px;
    padding-right: 490px;
}

.prd-detail-content .prd-summery .infos a {
    font-size: inherit;
}

.prd-detail-content .prd-summery h4 {
    font-size: 45px;

}

.prd-detail-content .prd-summery .txts1 p {
    font-size: 28px;
    margin: 10px 0 30px 0;
}

.prd-detail-content .prd-summery .txts1 em {
    display: block;
    color: #666;
    font-size: 18px;
    font-family: 'Lato-Regular';
    margin: -20px 0 30px 0;
}

:lang(en) .prd-detail-content .prd-summery .txts1 p {
    font-family: 'Lato-Regular';
}
.prd-detail-content .prd-summery .txts2 {
    margin: 30px 0 0 0;
}

.prd-detail-content .prd-summery h5 {
    font-size: 28px;
    display: block;
    margin-bottom: 10px;
}

.prd-detail-content .prd-summery h6 {
    font-size: 24px;
    display: block;
    margin-bottom: 10px;
}
:lang(ko) .prd-detail-content .prd-summery h6 {
    font-weight: 700;
}
:lang(en) .prd-detail-content .prd-summery h6 {
    font-family: 'Lato-Bold';
}
:lang(zh) .prd-detail-content .prd-summery h6 {
    font-weight: 700;
}
:lang(ja) .prd-detail-content .prd-summery h6 {
    font-weight: 700;
}

.prd-detail-content .prd-summery .txts2 p {
    font-size: 16px;
    line-height: 170%;
    margin: 15px 0;
    /*margin: 15px 0 40px 0;*/
}

:lang(ko) .prd-detail-content .prd-summery .txts2 p {
}

:lang(en) .prd-detail-content .prd-summery .txts2 p {
    font-family: 'Lato-Regular';
}

.prd-detail-content .prd-summery .txts2 li {
    position: relative;
    font-size: 16px;
    margin-bottom: 8px;
    padding-left: 10px;
}

:lang(ko) .prd-detail-content .prd-summery .txts2 li {
}

:lang(en) .prd-detail-content .prd-summery .txts2 li {
    font-family: 'Lato-Regular';
}

.prd-detail-content .prd-summery .txts2 li:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #000;
}

.prd-detail-content .prd-summery .icons {
    font-size: 0;
}

.prd-detail-content .prd-summery .icons img {
    width: 35px;
}

.prd-detail-content .prd-summery .caution-tit {
    font-size: 23px;
    display: block;
}

.prd-detail-content .detail-tabs {
    margin-top: 100px;
    border-bottom: 1px solid #000;
    margin-bottom: 100px;
}


.prd-detail-content .detail-tabs.fixed {
    position:fixed;
    top:56px;
    width:100%;
    margin-top:0;
    background-color:#fff;
    z-index:10;
}


.prd-detail-content .detail-tabs .tab-inner {
    position: relative;
    min-width: 1080px;
    max-width: 1140px;
    height: 46px;
    margin: 0 auto;
    padding: 0 10px;
}

.prd-detail-content .detail-tabs ul {
    margin-right: 180px;
    text-align: left;
}

.prd-detail-content .detail-tabs li {
    display: inline-block;
    margin: 0 35px;
}

.prd-detail-content .detail-tabs li a {
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    border-bottom: 5px solid #fff;
    position: relative;
    display: block;
    padding: 0 10px;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.prd-detail-content .detail-tabs li a.selected {
    border-bottom: 5px solid #c50233;
}

.prd-detail-content .detail-tabs li a:hover {
    border-bottom: 5px solid #c50233;
}

.prd-detail-content .detail-tabs .bt-full-ico {
    position: absolute;
    top: 0;
    right: 10px;
    display: inline-block;
    font-family: 'Lato-Bold';
}

.prd-detail-content .detail-tabs .bt-full-ico:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -151px 0;
    vertical-align: top;
    position: relative;
    top: 9px;
}

.prd-detail-content .detail-tabs .bt-shop-now-box {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 5;
}


.prd-detail-content .tab-conts {
    position: relative;
    margin: 0 auto;
    padding: 0 10px;
}

.prd-detail-content .features {
    max-width: 1140px;
    margin: 0 auto;
}

.prd-detail-content .features li {
    position: relative;
    margin-top: 100px;
    text-align: left;
}

.prd-detail-content .features li:after {
    display: block;
    clear: both;
    content: '';
}

.prd-detail-content .features .txts {
    position: absolute;
    top: 0;
    left: 740px;
}

.prd-detail-content .features h6 {
    padding-top: 20px;
    border-top: 3px solid #000;
    font-size: 24px;
    line-height: 130%;
}

.prd-detail-content .features h3 {
    font-size: 30px;
    line-height: 130%;
    text-align: left;
    margin-bottom: 30px;
    color: #c50233;
}

:lang(ko) .prd-detail-content .features h6 {
}

:lang(en) .prd-detail-content .features h6 {
    font-family: 'Lato-Regular';
}

.prd-detail-content .features p {
    padding-top: 20px;
    font-size: 14px;
    line-height: 150%;
}

:lang(ko) .prd-detail-content .features p {
}

:lang(en) .prd-detail-content .features p {
    font-family: 'Lato-Regular';
}

.prd-detail-content .features li:first-child {
    margin-top: 0;
}

.prd-detail-content .features li:first-child img {
}


.prd-detail-content .features--new .txts{
    position: inherit;
    top: inherit;
    left: inherit;
    margin-top: 25px;
}


.prd-detail-content .features--new h6 {
    float: left;
    width: 380px;
}

.prd-detail-content .features--new p {
    margin-left: 570px;
    padding-top: 0;
}

.prd-detail-content .data {
    text-align: left;
    overflow: hidden;
    max-width: 1140px;
    margin: 0 auto;
}

.prd-detail-content .data h6 {
    font-size: 40px;
    font-family: 'Lato-Regular';
}

.prd-detail-content .data strong {
    font-size: 16px;
    font-family: 'Lato-Bold';
    display: block;
    margin-bottom: 30px;
}

.prd-detail-content .data li {
    margin-top: 40px;
}

.prd-detail-content .data img {
    display: block;
}

.prd-detail-content .data .specifications {
    display: block;
}

.prd-detail-content .data .specifications .product-table thead th {
    height: 44px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #bbb;
    box-sizing: border-box;
    background: #edeff1;
}

.prd-detail-content .data .specifications .product-table thead th:first-child {
    padding-left: 30px;
    text-align: left;
}

.prd-detail-content .data .specifications .product-table tbody th {
    border-top: 1px solid #000;
    padding-left: 14px;
    text-align: left;
    height: 44px;
    font-size: 12px;
    border: 1px solid #bbb;
    background: #edeff1;
    box-sizing: border-box;
}

.prd-detail-content .data .specifications .product-table tbody td {
    border-top: 1px solid #000;
    height: 44px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #bbb;
    box-sizing: border-box;
}

.prd-detail-content .data .specifications table {
    width: 100%;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
}

.prd-detail-content .data .specifications .th {
    border-top: 1px solid #000;
    padding-left: 30px;
    background: #edeff1;
    height: 44px;
    font-size: 12px;
}

.prd-detail-content .data .specifications .th2{
    border-top: 1px solid #000;
    padding-left: 15px;
    background: #edeff1;
    height: 44px;
    font-size: 12px;
    text-align: center;
}

.prd-detail-content .data .specifications .td {
    border-top: 1px solid #000;
    padding-left: 30px;
    height: 44px;
    font-size: 12px;
}
.prd-detail-content .data .specifications .td2 {
    border-top: 1px solid #000;
    padding-left: 15px;
    padding-right: 15px;
    height: 44px;
    font-size: 12px;
    text-align: center;
}

.prd-detail-content .data .mtf-chart {
    width: 48%;
    float: left;
}

.prd-detail-content .data .mtf-chart img {
    max-width: 100%;
}
.prd-detail-content .data .optical-construction {
    width: 48%;
    float: right;
}

.prd-detail-content .data .optical-construction img {
    max-width: 100%;
}
.prd-detail-content .gallery {
    min-width: 1080px;
    max-width: 1140px;
}

.prd-detail-content .gallery .gallery-bigs {
    font-size: 0;
    position: relative;
    text-align: left;
    margin-bottom: 60px;

}

.prd-detail-content .gallery .gallery-bigs .slick-list {
    width: 940px;
    height: 590px;
    background: #000;
    text-align: center;
}

.prd-detail-content .gallery .gallery-bigs_item {
    width: 940px;
    height: 590px;
    position: relative;
}

.prd-detail-content .gallery .gallery-bigs_item img {
    width: auto;
    height: 100%;
}

.prd-detail-content .gallery .gallery-infos {
    position: absolute;
    bottom: 208px;
    right: 10px;
}

.prd-detail-content .gallery .opts {
    width: 160px;
}

.prd-detail-content .gallery .opts li {
    padding-left: 35px;
    height: 23px;
    line-height: 23px;
    margin: 10px 0;
    font-size: 11px;
    font-family: 'Lato-Regular';
    background: url('/assets/images/icons.png') no-repeat;
}

.prd-detail-content .gallery img {
    width: 940px;
    height: 590px;
}

.prd-detail-content .gallery li.opt1 {
    background-position: -476px -39px
}

.prd-detail-content .gallery li.opt2 {
    background-position: -476px -87px
}

.prd-detail-content .gallery li.opt3 {
    background-position: -476px -134px
}

.prd-detail-content .gallery li.opt4 {
    background-position: -476px -182px
}

.prd-detail-content .gallery .gallery-smalls {
    font-size: 0;
}

.prd-detail-content .gallery .gallery-smalls .slick-slide {
    width: 265px;
    cursor: pointer;
    margin-right: 27px;
}

.prd-detail-content .gallery .gallery-smalls .small-thumb {
    display: block;
    width: 265px;
    height: 130px;
    background: #000;
}

.prd-detail-content .gallery .gallery-smalls .small-thumb img {
    width: auto;
    max-width: 100%;
    height: 100%;
}

.prd-detail-content .gallery .gallery-smalls .subject {
    text-align: left;
    margin: 5px 0 0 12px;
    display: block;
    font-size: 12px;
    font-family: 'Lato-Regular';
}

.prd-detail-content .gallery .slick-arrow {
    position: absolute;
    bottom: -55px;
    width: 55px;
    height: 16px;
    background: #000;
}

.prd-detail-content .gallery .slick-arrow:before {
    content: '';
    width: 0;
    height: 16px;
    background: #c50233;
    position: absolute;
    top: 0;
    transition: .1s;
    -ms-transition: .1s;
    -webkit-transition: .1s;
}

.prd-detail-content .gallery .slick-arrow:hover:before {
    width: 55px;
}

.prd-detail-content .gallery .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url('/assets/images/icons.png') no-repeat;
}

.prd-detail-content .gallery .slick-arrow.slick-next {
    right: 0;
}

.prd-detail-content .gallery .slick-arrow.slick-next:before {
    left: 0;
}

.prd-detail-content .gallery .slick-arrow.slick-next:after {
    right: 6px;
    background-position: -365px -11px;
}

.prd-detail-content .gallery .slick-arrow.slick-prev {
    left: 0;
}

.prd-detail-content .gallery .slick-arrow.slick-prev:before {
    right: 0;
}

.prd-detail-content .gallery .slick-arrow.slick-prev:after {
    left: 6px;
    background-position: -340px -11px;
}

.prd-detail-content .reviews {
    min-width: 1080px;
    max-width: 1140px;
}

.prd-detail-content .reviews .review-list {
    width: 1140px;
    margin: 0 auto 50px auto;
    padding: 0 10px;
    text-align: left;
}

.prd-detail-content .reviews .review-list li {
    width: 350px;
    padding-bottom: 50px;
    text-align: left;
    margin: 0 11px 0 13px;
    display: inline-block;
    vertical-align: top;
}

.prd-detail-content .reviews .review-list a {
    display: block;
}

.prd-detail-content .reviews .review-list h6 {
    font-size: 16px;
    font-family: 'Lato-Bold';
}

.prd-detail-content .reviews .review-list p {
    font-size: 13px;
    font-family: 'Lato-Regular';
    line-height: 150%;
    margin: 10px 0;
}

.prd-detail-content .reviews .review-list span {
    font-size: 12px;
    font-family: 'Lato-Bold';
}

.prd-detail-content .reviews .review-list .thumb {
    margin-bottom: 20px;
    width: 350px;
    height: 220px;
    overflow: hidden;
}

.prd-detail-content .reviews .review-list .thumb img {
    width: 350px;
    height: 220px;
    transition: all 0.3s ease;
    transform: scale(1);
}

.prd-detail-content .reviews .review-list a:hover .thumb img {
    transform: scale(1.15);
}

.prd-detail-content .related-prd {
    min-width: 1080px;
    max-width: 1140px;
}

.prd-detail-content .related-prd {
    background: none;
}

.prd-detail-content .related-prd > ul > li {
    position: relative;
    text-align: left;
    display: inline-block;
    width: 50%;
    border-bottom: 1px solid #000;
}

.prd-detail-content .related-prd a {
    display: block;
}

.prd-detail-content .related-prd img {
    width: 216px;
}

.prd-detail-content .related-prd .txts {
    position: absolute;
    top: 50%;
    left: 220px;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.prd-detail-content .related-prd .txts h6 {
    font-size: 16px;
    font-family: 'Lato-Bold';
}

.prd-detail-content .related-prd .txts ul {
    margin-top: 10px;
}

.prd-detail-content .related-prd .txts li {
    font-size: 13px;
    font-family: 'Lato-Regular';
    line-height: 170%;
}

.prd-detail-content .download {
    min-width: 1080px;
    max-width: 1140px;
}


.prd-detail-content .download .files {
    margin: 20px 0 0 0;
}

.prd-detail-content .download .files a {
    font-size: 11px;
    font-family: 'Lato-Regular';
    line-height: 150%;
    letter-spacing: -.5px;
    border-bottom: 1px solid #fff;
    display: inline-block;;
    margin: 3px 0;
}

.prd-detail-content .download .files a:hover {
    border-bottom: 1px solid #000
}


.prd-detail-content .download .cates {
    width: 1140px;
    margin: 40px auto 0 auto;
}

.prd-detail-content .download > ul {
    width: 1168px;
    margin-left: -14px;
}

.prd-detail-content .download > ul > li {
    display: inline-block;
    margin: 0 13px 0 14px;
    vertical-align: top;
}


.prd-detail-content .download > ul > li > .box, .prd-detail-content .download > ul > li > a > .box  {
    position: relative;
    display: block;
    width: 265px;
    height: 235px;
    box-sizing: border-box;
    border: 1px solid #dadada;
    overflow: hidden;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.prd-detail-content .download > ul > li .box:before {
    content: '';
    position: absolute;
    left: 50%;
    background: url('/assets/images/support/img_support-icon.png') no-repeat;
}

.prd-detail-content .download h6 {
    display: block;
    font-size: 20px;
    font-family: 'Lato-Regular';
    margin-top: 160px;
}


.prd-detail-content .download .lens-profile .box:before {
    width: 80px;
    height: 68px;
    top: 67px;
    margin-left: -40px;
    background-position: 0 0;
}

.prd-detail-content .download .firmware .box:before {
    width: 80px;
    height: 58px;
    top: 72px;
    margin-left: -40px;
    background-position: -133px 0;
}

.prd-detail-content .download .manual .box:before {
    width: 58px;
    height: 80px;
    top: 61px;
    margin-left: -29px;
    background-position: -264px 0;
}

.prd-detail-content .download .catalogue .box:before {
    width: 80px;
    height: 80px;
    top: 61px;
    margin-left: -40px;
    background-position: -365px 0;
}

.prd-detail-content .download > ul > li:hover .box {
    background: #c50233;
    border: 1px solid #c50233
}

.prd-detail-content .download > ul > li:hover h6 {
    color: #fff;
}

.prd-detail-content .download .lens-profile:hover .box:before {
    background-position: 0 -110px;
}

.prd-detail-content .download .firmware:hover .box:before {
    background-position: -133px -110px;
}

.prd-detail-content .download .manual:hover .box:before {
    background-position: -264px -110px;
}

.prd-detail-content .download .catalogue:hover .box:before {
    background-position: -365px -110px;
}


.prd-detail-content .register-prd {
    width: 1140px;
    height: 220px;
    margin: 100px auto 0 auto;
    overflow: hidden;
    display: block;
    text-align: center;
    background: url('/assets/images/product/img_prd-banner2.jpg') center center no-repeat;
}

.prd-detail-content .register-prd strong {
    font-size: 40px;
    font-family: 'Lato-Regular';
    color: #000;
    display: block;
    margin-top: 40px;
}

.prd-detail-content .register-prd p {
    font-size: 15px;
    color: #000;
    line-height: 130%;
    margin: 15px 0 30px 0;
}

/* Inspiration */
.contest-visual {
    font-size: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #222;
}

.contest-visual-nav {
    display: inline-block;
    vertical-align: top;
    height: 100px;
    text-align: center;
}

.contest-visual-nav .slick-list {
    width: 450px;
    margin: 0 auto;
}

.contest-visual-nav .contest-nav_item {
    float: left;
    margin: 40px 20px 0;
}

.contest-visual-nav .contest-nav_item a {
    font-size: 14px;
    display: inline-block;
    padding: 5px;
    font-family: 'Lato-Regular';
    color: #fff;
}

.contest-visual-nav .contest-nav_item.is-active a {
    border-bottom: 2px solid #c50233;
}

.contest-visual-slide .contest-visual_item {
    position: relative;
}

.contest-visual .main-contest {
    height: 850px;
}

.contest-visual .main-contest .tit-box {
    text-align: left;
    color: #000;
    padding: 65px 0 225px 450px;
}

.contest-visual .main-contest .tit-box h2 {
    color: #000;
    margin: 0;
    padding: 0;
    border: 0;
}

.contest-visual .main-contest .tit-box p {
    margin-top: 50px;
}

.contest-visual .main-contest .main-contest-list {
    margin: -150px 0 0 175px;
}

.contest-visual .main-contest .slick-slider {
    padding-left: 250px;
}

.contest-visual .main-contest .mousewheel {
    display: block;
}

.main-contest .util-all-entries {
    position: absolute;
    bottom: 120px;
    left: 0;
    width: 135px;
    height: 56px;
    background: #000;
    text-align: center;
    overflow: hidden;
    -webkit-box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 15px 0px rgba(0, 0, 0, 0.2);
}

.main-contest .util-all-entries a {
    display: block;
    position: relative;
    padding-left: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 56px;
    font-family: 'Lato-Regular';
}

.main-contest .util-all-entries a:after {
    content: '';
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 0px;
    border-color: #c50233;
    border-style: solid;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.main-contest .util-all-entries a:hover:after {
    border-width: 8px;
}

.main-contest .util-all-entries a:before {
    position: absolute;
    top: 20px;
    left: 18px;
    width: 20px;
    height: 15px;
    background: url('/assets/images/icons.png');
    background-repeat: no-repeat;
    background-position: -82px -618px;
    content: '';
}

/*
.contest-visual-slide .infos {
    width: 410px;
    height: 160px;
    text-align: left;
    position: absolute;
    bottom: 40px;
    left: 60px;
    padding: 30px 35px;
    background: #000;
}

.contest-visual-slide .infos .date {
    font-size: 20px;
    color: #fff;
}

:lang(ko) .contest-visual-slide .infos .date {
    font-weight: 700;
}

:lang(en) .contest-visual-slide .infos .date {
    font-family: 'Lato-Bold';
}

.contest-visual-slide .infos .txts {
    color: #fff;
    margin: 20px 0;
}

.contest-visual-slide .infos .txts dt {
    font-size: 14px;
    font-family: 'Lato-Bold';
}

.contest-visual-slide .infos .txts dd {
    font-size: 40px;
    font-family: 'Lato-Regular';
}

.contest-visual-slide .infos .bts a {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 35px;
    line-height: 38px;
    margin-right: 20px;
    text-align: center;
}

.contest-visual-slide .infos .bts a:after {
    content: '';
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-color: #000;
    border-width: 0px;
    border-style: solid;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.contest-visual-slide .infos .bts a.red {
    background: #d60035;
    color: #fff;
}

.contest-visual-slide .infos .bts a.white {
    background: #fff;
    color: #000;
}

.contest-visual-slide .infos .bts a:hover:after {
    border-width: 8px;
}

.contest-visual .slick-arrow {
    color: #fff;
    width: 100px;
    position: absolute;
    top: -60px;
    z-index: 10;
    text-indent: -9999px;
    padding: 5px 0;
}

.contest-visual .slick-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -4px;
    width: 8px;
    height: 12px;
    background: url('/assets/images/icons.png') no-repeat;
}

.contest-visual .slick-arrow.slick-prev {
    left: 50%;
    margin-left: -300px;
}

.contest-visual .slick-arrow.slick-prev:before {
    background-position: -340px -11px;
}

.contest-visual .slick-arrow.slick-next {
    right: 50%;
    margin-right: -300px;
}

.contest-visual .slick-arrow.slick-next:before {
    background-position: -365px -11px;
}
*/
.contest-info {
    margin: 50px auto 70px auto;
    width: 1080px;
    padding: 0 10px;
}

.contest-info .page-h3 {
    font-size: 39px;
    font-family: 'Lato-Regular';
}

.contest-info .page-h4 {
    font-size: 26px;
    font-family: 'Lato-Regular';
    display: block;
    border-bottom: 1px solid #000;
}

.contest-info .tits {
    text-align: center;
}

.contest-info .t1 {
    font-size: 20px;
    margin: 5px 0 35px 0;
    line-height: 150%;
}

:lang(ko) .contest-info .t1 {
    font-weight: 300;
}

:lang(en) .contest-info .t1 {
    font-family: 'Lato-Light';
}

:lang(zh) .contest-info .t1 {
    font-weight: 300;
}

:lang(ja) .contest-info .t1 {
    font-weight: 300;
}

.contest-info .halloween-movie {
    width: 750px;
    margin: 0 auto;
}

.contest-halloween {
    padding-top: 80px;
}

.contest-halloween .prizes .gifts {
    min-height: 226px;
}

.contest-halloween .prizes .gifts .thumb {
    top: 10px;
}

.contest-halloween .page-h4 {
    text-align: left;
}

.contest-halloween .rule li {
    text-align: left;
}

.contest-halloween .gifts {
    padding-left: 180px;
}

.contest-halloween .gifts dt {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
}

.contest-halloween .gifts dd {
    padding-bottom: 10px;
    font-size: 14px;
    text-align: left;
}

.contest-halloween .gifts .gray {
    padding-bottom: 5px;
    color: #5c5c5c;
    font-size: 13px;
}

.contest-halloween .gifts .gray:before {
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 2px;
    margin-top: -2px;
    border-radius: 50%;
    background: #5c5c5c;
    content: '';
}

.contest-info .halloween-summary {
    padding: 20px 0 30px;
    font-size: 17px;
    line-height: 24px;
}

.contest-info .halloween-summary strong {
    display: block;
    font-weight: 700;
}

.contest-info .halloween-tit {
    padding-top: 60px;
    font-size: 26px;
    font-weight: 700;
}

.contest-info .halloween-date {
    padding-top: 10px;
    font-size: 15px;
}

.contest-info .halloween-date strong {
    font-weight: 700;
}

.contest-info .contest-noti_new {
    overflow: hidden;
    width: 490px;
    height: 150px;
    margin: 0 auto;
    padding: 50px 0 0 260px;
    text-align: left;
}

.contest-info .contest-noti_new h4 {
    padding-bottom: 5px;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
}

.contest-info .contest-noti_new dl {
    font-size: 13px;
    color: #fff;
    margin: 10px 0;
}

.contest-info .contest-noti_new dt {
    display: inline-block;
}

.contest-info .contest-noti_new dd {
    display: inline-block;
}

.contest-info .contest-noti {
    overflow: hidden;
    width: 850px;
    height: 121px;
    margin: 0 auto;
}

.contest-info .contest-noti ul {
    margin-top: 28px;
}

.contest-info .contest-noti li {
    display: inline-block;
    width: 50%;
    text-align: left;
}

.contest-info .contest-noti dl {
    font-size: 13px;
    color: #fff;
    margin: 10px 0 10px 65px;
}

.contest-info .contest-noti dl.right {
    margin-left: 95px;
}

.contest-info .contest-noti dt {
    display: inline-block;
}

.contest-info .contest-noti dd {
    display: inline-block;
}

.contest-info .row {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}

.prizes {
    width: 490px;
    float: left;
}

.prizes .gifts {
    position: relative;
    overflow: hidden;
    min-height: 207px;
}

.prizes .gifts ul {
    margin: 30px 0 0 175px;
}

.prizes .gifts li {
    font-size: 18px;
    margin-bottom: 30px;
}

:lang(ko) .prizes .gifts li {
    font-weight: 700;
}

:lang(en) .prizes .gifts li {
    font-family: 'Lato-Bold';
}

:lang(zh) .prizes .gifts li {
    font-weight: 700;
}

:lang(ja) .prizes .gifts li {
    font-weight: 700;
}

.prizes .gifts li span {
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

.prizes .gifts li em {
    display: block;
    margin-top: 5px;
    margin-bottom: -10px;
    font-size: 11px;
    color: #5c5c5c;
}

:lang(ko) .prizes .gifts li span {
}

:lang(en) .prizes .gifts li span {
    font-family: 'Lato-Regular';
}

.prizes .gifts .thumb {
    position: absolute;
    top: 66px;
    left: -20px;
}

.prizes .tips {
    margin: 30px 0 0 175px;
}

.prizes .tips dl {
    font-size: 12px;
}

.prizes .tips dt {
    border-bottom: 1px solid #000;
    display: inline-block;
    padding: 0 10px 3px 3px;
    margin-bottom: 10px;
}

:lang(ko) .prizes .tips dt {
    font-weight: 700;
}

:lang(en) .prizes .tips dt {
    font-family: 'Lato-Regular';
}

:lang(zh) .prizes .tips dt {
    font-weight: 700;
}

:lang(ja) .prizes .tips dt {
    font-weight: 700;
}

.prizes .tips dd {
    line-height: 150%;
}

.prizes .tips dd em {
    margin-left: 45px;
}

.rule {
    width: 490px;
    float: right;
}

.rule ul {
    margin-top: 15px;
}

.rule li {
    position: relative;
    padding: 7px 0 7px 10px;
    line-height: 150%;
}

:lang(ko) .rule li {
}

:lang(en) .rule li {
    font-family: 'Lato-Regular';
}

.rule li:before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #000;
}

.rule span {
    display: block;
    font-size: 11px;
    color: #5c5c5c;
    margin-top: 5px;
}

.contest-info .bt-contest {
    clear: both;
    margin: 0 auto 0 auto;
    text-align: center;
    padding-top: 60px
}

.contest-info .bt-contest button {
    position: relative;
    font-family: 'Lato-Regular';
    font-size: 22px;
    width: 320px;
    height: 80px;
    line-height: 80px;
    background: #000;
    color: #fff;
    text-align: center;
}

.contest-info .bt-contest button:before {
    content: '';
    position: relative;
    top: 23px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    width: 39px;
    height: 34px;
    background: url('/assets/images/icons.png') -309px -552px no-repeat;
}

.contest-info .bt-contest button:after {
    content: '';
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-width: 0px;
    border-color: #c50233;
    border-style: solid;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.contest-info .bt-contest button:hover:after {
    border-width: 8px;
}

.content-list {
    position: relative;
    background: #000;
    text-align: center;
    padding: 60px 0;
    /*margin-bottom: 120px;*/
}

.content-list .paging a {
    color: #fff;
}

.content-list .paging .paging-control.first:before {
    background-position: -378px -13px;
}

.content-list .paging .paging-control.prev:before {
    background-position: -378px -13px;
}

.content-list .paging .paging-control.last:before {
    background-position: -391px -13px;
}

.content-list .paging .paging-control.next:before {
    background-position: -391px -13px;
}

.content-list .page-h3 {
    font-size: 39px;
    font-family: 'Lato-Regular';
    color: #fff;
}

.content-list .inner {
    position: relative;
    width: 1408px;
    padding: 20px 10px 0 10px;
    margin: 0 auto;
}

.content-list .total {
    font-family: 'Lato-Regular';
    position: absolute;
    top: -20px;
    left: 20px;
    font-size: 14px;
    color: #fff;
}

.content-list .contest-sort {
    position: absolute;
    top: -35px;
    right: 20px;
}

.content-list .contest-sort li {
    display: inline-block;
    margin-left: 25px;
}

.content-list .lists {
    text-align: left;
}

.content-list .lists > ul > li {
    display: inline-block;
    margin: 10px;
    overflow: hidden;
}

.content-list .lists > ul > li > a {
    position: relative;
    display: block;
}

.content-list .lists .thumb {
    font-size: 0;
    display: block;
    overflow: hidden;
    width: 332px;
    height: 230px;
}

.content-list .lists .thumb img {
    transition: all 0.3s ease;
    transform: scale(1);
    width: 332px;
    height: 230px;
}

.content-list .lists .info {
    position: absolute;
    bottom: 15px;
    left: 15px;
    text-align: left;
}

.content-list .lists .info .tit {
    font-size: 18px;
    font-family: 'Lato-Regular';
    color: #fff;
    display: block;
}

.content-list .lists .info .photo-by {
    font-size: 13px;
    font-family: 'Lato-Bold';
    color: #fff;
}

.content-list .lists .util {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    /*background: rgba(214, 0, 53, .7);*/
    width: 332px;
    height: 230px;
    overflow: hidden;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
}

.content-list .lists .util ul {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 100%;
    text-align: center;
}

.content-list .lists .util li {
    display: inline-block;
    padding: 0 50px;
    font-size: 16px;
    font-family: 'Lato-Bold';
    color: #fff;
    position: relative;
}

.content-list .lists .util li:before {
    content: '';
    margin-bottom: 15px;
    display: block;
    background: url('/assets/images/icons.png') no-repeat;
}

.content-list .lists .util li.like:before {
    width: 30px;
    height: 25px;
    background-position: -165px -186px;
}

.content-list .lists .util li.hit:before {
    width: 35px;
    height: 25px;
    background-position: -215px -186px;
}

.content-list .lists .util em {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.content-list .lists > ul > li > a:hover img {
    transform: scale(1.15);
}

.content-list .lists > ul > li > a:hover .info {
    z-index: 5;
}

.content-list .lists > ul > li > a:hover .util {
    opacity: 1;
}

.contest-view {
    min-width: 1080px;
    max-width: 1260px;
    padding: 0 10px;
    margin: 0 auto 200px auto;
}

.contest-view .view-top {
    position: relative;
    margin: 45px 0 20px 0;
}

.contest-view .view-top .page-h3 {
    font-size: 40px;
    padding: 0 350px 0 30px;
    font-family: 'Lato-Regular';
}

.contest-view .photo-info {
    padding: 0 30px;
}

.contest-view .photo-info span {
    font-size: 16px;
    font-family: 'Lato-Regular';
    margin-right: 20px;
}

.contest-view .photo-summery {
    padding: 15px 200px 0 30px;
    margin-top: 15px;
    line-height: 200%;
    border-top: 1px solid #ccc;
    font-size: 14px;
    min-height: 43px;
}

:lang(ko) .contest-view .photo-summery {
}

:lang(en) .contest-view .photo-summery {
    font-family: 'Lato-Regular';
}

.contest-view .view-utils {
    position: absolute;
    top: 30px;
    right: 0;
}

.contest-view .view-utils dl,
.contest-view .view-utils dt,
.contest-view .view-utils dd,
.contest-view .view-utils ul,
.contest-view .view-utils li,
.contest-view .view-utils .bt-fullscreen {
    display: inline-block;
    vertical-align: top;
}

.contest-view .view-utils .bt-fullscreen {
    margin-top: 7px;
    margin-left: 30px;
    position: relative;
    padding-right: 30px;
    line-height: 18px;
    font-family: 'Lato-Bold';
    font-size: 14px;
}

.contest-view .view-utils .bt-fullscreen:after {
    content: '';
    width: 23px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    background: url('/assets/images/icons.png') -250px -557px no-repeat;
}

.contest-view .view-utils dl {
    margin-left: 30px;
}

.contest-view .view-utils dt {
    text-indent: -9999px;
    background: url('/assets/images/icons.png') no-repeat;
    margin: 6px 3px 0 0;
}

.contest-view .view-utils dt.like {
    width: 20px;
    height: 19px;
    background-position: -264px -185px;
}

.contest-view .view-utils dt.hit {
    width: 23px;
    height: 19px;
    background-position: -293px -185px;
}

.contest-view .view-utils dd {
    color: #c50233;
    font-size: 14px;
    font-family: 'Lato-Bold';
    line-height: 32px;
}

.contest-view .view-utils ul {
    margin-left: 20px;
}

.contest-view .view-utils li {
    margin-left: 12px;
}

.contest-view .view-utils a {
    display: inline-block;
    width: 27px;
    height: 27px;
    text-indent: -9999px;
    background: url('/assets/images/icons.png') no-repeat;
}

.contest-view .view-utils a.f {
    background-position: -403px -223px;
}

.contest-view .view-utils a.f:hover {
    background-position: -403px -249px;
}

.contest-view .view-utils a.t {
    background-position: -433px 5px;
}

.contest-view .view-utils a.t:hover {
    background-position: -232px -515px;
}

.contest-view .view-utils a.p {
    background-position: -438px -223px;
}

.contest-view .view-utils a.p:hover {
    background-position: -283px -516px;
}

.contest-view .paging2 .control {
    top: 30px;
}

.contest-view .bt-full.red {
    position: absolute;
    bottom: 0;
    right: 0;
    letter-spacing: 2px;
    font-family: 'Lato-Regular';
}

.contest-view .bt-full.red:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -7px 50px 0 0;
    width: 17px;
    height: 13px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -326px -186px;
}

.contest-view .bt-full.red:hover:after {

}

@keyframes heart {
    from {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes heart {
    from {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@-ms-keyframes heart {
    from {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.view-photos {
    position: relative;
    margin-bottom: 30px;
    font-size: 0;
    text-align: center;

}

.view-photos .slide_item {

}

.view-photos img {
    width: 100%;

}

.view-photos .slick-arrow {
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    z-index: 1;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    background: none;
}

.view-photos .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 21px;
    margin: -11px 0 0 -6px;
    background: url('/assets/images/icons.png') no-repeat;
}

.view-photos .slick-arrow.slick-next {
    right: 0;
}

.view-photos .slick-arrow.slick-next:after {
    background-position: -124px 0;
}

.view-photos .slick-arrow.slick-prev {
    left: 0;
}

.view-photos .slick-arrow.slick-prev:after {
    background-position: -98px 0;
}

.photo-icons {
    text-align: center;
    margin: 0 auto;
    width: 1058px;
    padding-bottom: 15px;
}

.photo-icons li {
    position: relative;
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    font-size: 11px;
    font-family: 'Lato-Regular';
    color: #28292f;
}

.photo-icons li:first-child {
    /* margin-left: 0; */
}

.photo-icons li:before {
    content: '';
    display: block;
    margin: 0 auto 15px auto;
    height: 24px;
    background: url('/assets/images/icons2.png') no-repeat;
}

.photo-icons li.i1:before {
    width: 23px;
    background-position: -55px -6px;
}

.photo-icons li.i2:before {
    width: 23px;
    background-position: -180px -5px;
}

.photo-icons li.i3:before {
    width: 24px;
    background-position: -315px -7px;
}

.photo-icons li.i4:before {
    width: 24px;
    background-position: -436px -7px
}

.photo-icons li.i5:before {
    width: 29px;
    background-position: -532px -6px;
}

.photo-icons li.i6:before {
    width: 23px;
    background-position: -628px -7px;
}

.photo-icons li.i7:before {
    width: 23px;
    background-position: -735px -6px;
}

.photo-icons li.i8:before {
    width: 21px;
    background-position: -839px -7px
}

.photo-icons li.i9:before {
    width: 25px;
    background-position: -931px -6px;
}

.photo-icons li.i10:before {
    width: 23px;
    background-position: -1018px -6px;
}

.photo-reply {
    position: relative;
    border-top: 1px solid #e9e9ea;
    width: 1058px;
    margin: 0 auto;
    padding: 40px 0 45px 0;
}

.photo-reply .num {
    position: absolute;
    top: 40px;
    left: 0;
    font-size: 14px;
    width: 110px;
    text-align: center;
    line-height: 43px;
}

.photo-reply .num em {
    color: #c50233;

}

:lang(ko) .photo-reply .num em {
    font-weight: 700;
}

:lang(en) .photo-reply .num em {
    font-family: 'Lato-Bold';
}

:lang(zh) .photo-reply .num em {
    font-weight: 700;
}

:lang(ja) .photo-reply .num em {
    font-weight: 700;
}

.reply-form {
    position: relative;
    margin: 0 0 0 110px;
}

.reply-form input {
    width: 770px;
    height: 43px;
    background: #ecedf1;
    text-indent: 20px;
    font-size: 14px;
}

.reply-form .bt-full.black {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
}

:lang(ko) .reply-form .bt-full.black {
    font-weight: 700;
}

:lang(en) .reply-form .bt-full.black {
    font-family: 'Lato-Bold';
}

:lang(zh) .reply-form .bt-full.black {
    font-weight: 700;
}

:lang(ja) .reply-form .bt-full.black {
    font-weight: 700;
}

.reply-list {
    margin: 10px 0 0 110px;
}

.reply-list li {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0 15px 40px;
}

.reply-list li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    width: 17px;
    height: 8px;
    margin-top: -4px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: 0 -97px;
}

.reply-list .txt {
    font-size: 14px;
    margin-right: 160px;
}

.reply-list .opt {
    position: absolute;
    top: 15px;
    right: 0;
}

.reply-list .opt span {
    display: inline-block;
    margin-left: 20px;
}

.contest-reg {
    text-align: center;
    min-width: 1190px;
    max-width: 1280px;
    padding: 0 10px 200px 10px;
    margin: 0 auto;
}

.contest-reg .page-h3 {
    font-size: 40px;
    padding: 45px 0 40px 0;
}

:lang(ko) .contest-reg .page-h3 {
}

:lang(en) .contest-reg .page-h3 {
    font-family: 'Lato-Regular';
}

.contest-reg .photo-reg {
    position: relative;
    width: 1090px;
    height: 700px;
    padding: 50px;
    background: #27282c;
    margin: 0 auto;
    overflow: hidden;
}

.contest-reg .photo-big {
    position: relative;
    font-size: 0;
    float: left;
    width: 800px;
    height: 490px;
    background: #000 url('/assets/images/Inspiration/img_sample.png') center center no-repeat;
}

.contest-reg .reg-infos {
    width: 270px;
    float: right;
    text-align: left;
}

.contest-reg .reg-infos strong {
    display: block;
    font-size: 16px;

    color: #fff;
}

:lang(ko) .contest-reg .reg-infos strong {
    font-weight: 400;
}

:lang(en) .contest-reg .reg-infos strong {
    font-family: 'Lato-Regular';
}

:lang(zh) .contest-reg .reg-infos strong {
    font-weight: 400;
}

:lang(ja) .contest-reg .reg-infos strong {
    font-weight: 400;
}

.contest-reg .photo-small {
    overflow: hidden;
    font-size: 0;
    position: relative;
    width: 270px;
    height: 165px;
    background: #000;
    margin-top: 15px;
}

.contest-reg .photo-small:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 37px;
    margin: -19px 0 0 -25px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -189px -225px;
}

.contest-reg .shoot-info {
    margin-top: 20px;
}

.contest-reg .shoot-info ul {
    margin-top: 10px;
}

.contest-reg .shoot-info li {
    color: #82858e;
    padding: 5px 0;
}

.contest-reg .shoot-info dt {
    display: inline-block;
}

.contest-reg .shoot-info dd {
    display: inline-block;
}

.contest-reg .reg-tips {
    width: 765px;
    clear: both;
    text-align: left;
    padding: 30px 0 0 35px;
    margin-bottom: 50px;
    overflow: hidden;
}

.contest-reg .reg-tips strong {
    display: block;
    font-size: 16px;

    color: #b9bbc1;
    margin-bottom: 10px;
}

:lang(ko) .contest-reg .reg-tips strong {
    font-weight: 400;
}

:lang(en) .contest-reg .reg-tips strong {
    font-family: 'Lato-Regular';
}

:lang(zh) .contest-reg .reg-tips strong {
    font-weight: 400;
}

:lang(ja) .contest-reg .reg-tips strong {
    font-weight: 400;
}

.contest-reg .reg-tips li {
    width: 50%;
    display: inline-block;
    font-size: 12px;
    color: #82858e;
    padding: 3px 0;
}

:lang(ko) .contest-reg .reg-tips li {
}

:lang(en) .contest-reg .reg-tips li {
    font-family: 'Lato-Regular';
}

.contest-reg .bt-full.red {
    margin: 0 auto;
}

.contest-reg .file-item {
    text-align: left;
    margin-left: 35px;
}

.contest-reg .file-item span {
    font-size: 16px;
    font-family: 'Lato-Regular';
    color: #fff;
}

.contest-reg .file-item button {
    text-indent: -9999px;
    width: 17px;
    height: 17px;
    margin-left: 10px;
    vertical-align: top;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -260px -225px;
}

.contest-reg-form {
    margin-top: 60px;
}

.contest-reg-form .bts {
    margin-top: 30px
}

.contest-reg-form .bt-full {
    display: inline-block;
    margin: 0 10px;
}

.contest-reg-form table {
    width: 1100px;
    margin: 0 auto;
}

.contest-reg-form th {
    padding-top: 25px;
    text-align: left;
    vertical-align: top;
}

.contest-reg-form th label {
    display: inline-block;
    height: 39px;
    line-height: 30px;
    font-size: 16px;

}

/*삼삼삼*/
.contest-reg-form .confirm-box {
    display: flex;
    width: 100%;
}

.contest-reg-form .confirm-box .code-box {
    display: flex;
    width: 474px;
}

.contest-reg-form .confirm-box .code-box > .input  {
    width: 100%;
}

.contest-reg-form .code-box .button {
    position: relative;
    display: block;
    border: 1px solid #000;
    margin: 0 25px;
    width: 200px;
}

.contest-reg-form .code-box.right {
    width: 100%;
    justify-content: flex-end;
}

.contest-reg-form .resend-td {
    padding-top: 0;
}

.contest-reg-form .policy-td {
    padding-top: 0 !important;
    padding-bottom: 50px;
}

.contest-reg-form .policy-td h3 {
    font-size: 26px;
    font-weight: bold;
}

.contest-reg-form .policy-td .policy-box {
    display: flex;
    margin-top: 30px;
}

.contest-reg-form .policy-box .support-inquiry-agree-radio {
    margin-left: initial;
}

.contest-reg-form .code-box .button.mri-btn {
    margin-right: 0;
}

.contest-reg-form .code-box .button > button {
    position: relative;
    font-size: 14px;
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
}

.contest-reg-form .news-letter-box {
    display: flex;
}

.contest-reg-form .news-letter-box > .t1 {
    font-size: 16px;
}

.contest-reg-form .pb80 {
    padding-bottom: 80px;
}

.contest-reg-form .line-x {
    border-top: 2px solid #000;
}

.contest-reg-form .policy-box .support-inquiry-agree-radio span:before {
    position: absolute;
    top: 0;
    left: initial;
    right: -25px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    content: "";
}

.contest-reg-form .policy-box .support-inquiry-agree-radio span {
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
    padding-left: initial;
    margin-right: 70px;
}

.contest-reg-form .news-letter-box .support-inquiry-agree-radio span {
    font-size: 16px;
}


:lang(ko) .contest-reg-form th label {
    font-weight: 700;
}

:lang(en) .contest-reg-form th label {
    font-family: 'Lato-Bold';
}

:lang(zh) .contest-reg-form th label {
    font-weight: 700;
}

:lang(ja) .contest-reg-form th label {
    font-weight: 700;
}

.contest-reg-form td {
    height: 39px;
    padding: 20px 0;
    text-align: left;
    font-family: 'Lato-Regular';
    font-size: 16px;
}

.contest-reg-form .use-prds .radio {
    margin: 0 50px 0 0;
}

.contest-reg-form .use-prds .radio.etc {
    margin-right: 0;
}

.contest-reg-form .use-prds .input {
    top: -2px;
}

.contest-reg-form .use-prds .input input {
    height: 30px;
}

.contest-reg-form .tip {
    font-size: 14px;
    margin-top: 10px;
}

.contest-reg-form .row {
    display: block;
    overflow: hidden;
}

.contest-reg-form .col {
    position: relative;
    display: inline-block;
    width: 455px;
}

.contest-reg-form .col:first-child {
    float: left;
}

.contest-reg-form .col:last-child {
    float: right;
}

.contest-reg-form .col.lens .select {
    margin-left: 76px;
}

:lang(en) .contest-reg-form .col.lens .select {
    margin-left: 120px;
}

.contest-reg-form .helper {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 40px;
    font-size: 14px;
}

:lang(ko) .contest-reg-form .helper {
}

:lang(en) .contest-reg-form .helper {
    font-family: 'Lato-Regular';
}

.contest-reg-form .policy-check-box .check {
    margin: 0;
}

.contest-reg-form .policy-check-box ul {
    border: 1px solid #bbb;
    padding: 25px 30px;
    margin-top: 20px;
}

.contest-reg-form .policy-check-box li {
    padding: 5px 0 5px 15px;
    position: relative;
    font-size: 14px;

    line-height: 150%;
}

:lang(ko) .contest-reg-form .policy-check-box li {
}

:lang(en) .contest-reg-form .policy-check-box li {
    font-family: 'Lato-Regular';
}

.contest-reg-form .policy-check-box li:before {
    content: '';
    width: 6px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 13px;
    left: 0;
}

.contest-view .paging2 {
    border-top: 2px solid #000;
    margin-top: 30px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    max-width: none;
}

.contest-view.layer-type {
    width: 1100px;
    min-width: auto;
    max-width: auto;
    padding: 0;
    margin: 0;
}

.contest-view.layer-type .view-top {
    margin: 40px 40px 20px 40px;
}

.contest-view.layer-type .photo-reply {
    border-bottom: 0;
}

.gallery {
    text-align: center;
}

.gallery .page-h3 {
    display: inline-block;
    font-size: 40px;
    margin: 50px 0;
    padding: 0 10px;
    border-bottom: 2px solid #000;
}

:lang(ko) .gallery .page-h3 {
}

:lang(en) .gallery .page-h3 {
    font-family: 'Lato-Regular';
}

.gallery .page-h4 {
    font-family: 'Lato-Bold';
    font-size: 15px;
}

.gallery-content {
    position: relative;
    max-width: 1637px;
    min-height: 1220px;
    margin: 0 auto 100px auto;
}

.gallery-content .gallery-filters {
    width: 220px;
    padding: 30px 20px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}

.gallery-content .gallery-filters .check {
    margin: 0;
}

.gallery-content .gallery-filters .select select {
    height: 29px;
}

.gallery-content .gallery-filters .tit {
    display: block;
    font-family: 'Lato-Regular';
    font-size: 14px;
    margin-bottom: 20px;
}

.gallery-content .gallery-filters .tit.last {
    margin-top: 30px;
}

.gallery-content .gallery-filters .col {
    margin-bottom: 30px;
}

.gallery-content .gallery-filters .col1 {
    padding: 10px 0 0 0;
}

.gallery-content .gallery-filters .col1 .select {
    margin-bottom: 30px;
}

.gallery-content .gallery-filters .col2 .filter-check-items li {
    display: inline-block;
    width: 50%;
    margin-bottom: 0;
}

.gallery-content .gallery-filters .col3 .select {
    margin-bottom: 7px;
}

.gallery-content .gallery-filters .col3 .select:last-child {
    margin-bottom: 0;
}

.gallery-content .filter-check-items li {
    margin-bottom: 20px;
}

.gallery-content .filter-check-items li:last-child {
    margin-bottom: 0
}

.gallery-content .gallery-list {
    position: relative;
    margin-left: 249px;
}

.gallery-content .gallery-list .grid:after {
    content: '';
    display: block;
    clear: both;
}

.gallery-content .gallery-list .grid-item {
    font-size: 0;
    float: left;
    /* width: 332px;
    height: 230px;
	*/
    margin-bottom: 20px;
}

.gallery-content .gallery-list .grid-item a {
    position: relative;
    display: block;
}

.gallery-content .gallery-list .grid-item.mov a:before {
    content: '';
    z-index: 1;
    width: 79px;
    height: 79px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: url(/assets/images/icons.png) no-repeat;
    background-position: 0 -329px;
}

.gallery-content .gallery-list .grid-item-width2 {
    /* width: 684px; */
}

.gallery-content .gallery-list .grid-item-height2 {
    /* height: 480px */
}

.gallery-content .gallery-list .thumb {
    font-size: 0;
    display: block;
    overflow: hidden;
    /* width: 332px;
    height: 230px; */
}

.gallery-content .gallery-list .thumb img {
    transition: all 0.3s ease;
    transform: scale(1);
    /*
    width: 332px;
    height: 230px;
    */
}

.gallery-content .gallery-list .grid-item-width2 .thumb {
    /* width: 684px; */
}

/*
.gallery-content .gallery-list .grid-item-width2 .thumb img{
	width: 684px;
}
*/
.gallery-content .gallery-list .grid-item-height2 .thumb {
    /* height: 480px */
}

/*
.gallery-content .gallery-list .grid-item-height2 .thumb img{
    height: 480px
}
*/
.gallery-content .gallery-list .grid-item-width2.grid-item-height2 .thumb {
    /* width:684px; height:480px;*/
}

/*
.gallery-content .gallery-list .grid-item-width2.grid-item-height2 .thumb img{width:684px;height:480px;}
*/

.gallery-content .gallery-list .lens {
    position: absolute;
    bottom: 15px;
    left: 15px;
    text-align: left;
    font-size: 18px;
    font-family: 'Lato-Regular';
    color: #fff;
    display: block;
}

.gallery-content .gallery-list .util {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    /*background: rgba(214, 0, 53, .7);*/
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
}

.gallery-content .gallery-list .util ul {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 100%;
    text-align: center;
}

.gallery-content .gallery-list .util li {
    display: inline-block;
    padding: 0 50px;
    font-size: 16px;
    font-family: 'Lato-Bold';
    color: #fff;
    position: relative;
}

.gallery-content .gallery-list .util li:before {
    content: '';
    margin-bottom: 15px;
    display: block;
    background: url('/assets/images/icons.png') no-repeat;
}

.gallery-content .gallery-list .util li.like:before {
    width: 30px;
    height: 25px;
    background-position: -165px -186px;
}

.gallery-content .gallery-list .util li.hit:before {
    width: 35px;
    height: 25px;
    background-position: -215px -186px;
}

.gallery-content .gallery-list .util em {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.gallery-content .gallery-list a:hover img {
    transform: scale(1.15);
}

.gallery-content .gallery-list a:hover .lens {
    z-index: 5;
}

.gallery-content .gallery-list a:hover .util {
    opacity: 1;
}

/* magazine */
.meet-content {
    padding-bottom: 200px;
}

.meet-visual {
    text-align: center;
    background: #1f2021;
}

.meet-visual .slide_item {
    position: relative;
}

.meet-visual .slide_item a {
    position: relative;
    display: block;
    height: 655px;
    color: #fff;
}

.meet-visual .slide_item a:before {
    content: '';
    width: 100%;
    height: 193px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.meet-visual .slide_item .infos {
    text-align: left;
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 1140px;
    margin-left: -570px;
}

.meet-visual .slide_item .number {
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.meet-visual .slide_item .tit {
    font-size: 30px;
    font-family: 'Lato-Bold';
    display: block;
    margin: 5px 0;
}

.meet-visual .slide_item .t1 {
    font-size: 22px;
    font-family: 'Lato-Regular';
}

.meet-visual .slide_item .photograph {
    position: relative;
    height: 60px;
    overflow: hidden;
    margin-top: 15px;
}

.meet-visual .slide_item .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    overflow: hidden;
}

.meet-visual .slide_item .thumb img {
    width: 60px;
    height: 60px;
}

.meet-visual .slide_item .name {
    display: block;
    padding-top: 7px;
    margin: 0 0 3px 70px;
    font-family: 'Lato-Regular';
    font-size: 20px;
}

.meet-visual .slide_item .t2 {
    margin-left: 70px;
    font-size: 13px;
    font-family: 'Lato-Regular';
}

.meet-visual .slick-arrow {
    z-index: 1;
    text-indent: -9999px;
    position: absolute;
    bottom: 0;
    width: 80px;
    height: 50px;
    background: #000;
}

.meet-visual .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 21px;
    margin: -11px 0 0 -6px;
    background: url('/assets/images/icons.png') no-repeat;
}

.meet-visual .slick-arrow:before {
    content: '';
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    position: absolute;
    top: 0;
    width: 0px;
    height: 50px;
    background: #c50233;
}

.meet-visual .slick-arrow:hover:before {
    width: 80px;
}

.meet-visual .slick-arrow.slick-next {
    right: 50%;
    margin-right: -571px;
}

.meet-visual .slick-arrow.slick-next:before {
    left: 0;
}

.meet-visual .slick-arrow.slick-next:after {
    background-position: -124px 0;
}

.meet-visual .slick-arrow.slick-prev {
    right: 50%;
    margin-right: -491px;
}

.meet-visual .slick-arrow.slick-prev:before {
    right: 0;
}

.meet-visual .slick-arrow.slick-prev:after {
    background-position: -98px 0;
}

.meet-photograph-review {
    position: relative;
    width: 1140px;
    margin: 60px auto 0 auto;
}

.meet-photograph-review .tit-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 178px;
    height: 180px;
    padding: 30px;
    background: #f2f3f4;
    overflow: hidden;
}

.meet-photograph-review .tit-box h2 {
    font-family: 'Lato-Regular';
    font-size: 30px;
}

.meet-photograph-review .tit-box span {
    font-size: 17px;
    font-family: 'Lato-Regular';
    display: block;
    margin-bottom: 25px;
}

.meet-photograph-review .list {
    margin: 0 0 0 238px
}

.meet-photograph-review .list li {
    display: inline-block;
    margin-left: 30px;
}

.meet-photograph-review .list a {
    position: relative;
    display: block;
}

.meet-photograph-review .list .review-thumb {
    font-size: 0;
    display: block;
    overflow: hidden;
    width: 421px;
    height: 265px;
}

.meet-photograph-review .list .review-thumb img {
    width: 421px;
    height: 265px;
    transition: all 0.3s ease;
    transform: scale(1);
}

.meet-photograph-review .list .number {
    position: absolute;
    bottom: 75px;
    left: 20px;
    font-family: 'Lato-Regular';
    font-size: 16px;
    color: #fff;
}

.meet-photograph-review .list .photograph {
    position: relative;
    height: 60px;
    overflow: hidden;
    margin: 0 20px;
}

.meet-photograph-review .list .photograph .thumb {
    position: absolute;
    top: 10px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
}

.meet-photograph-review .list .photograph .thumb img {
    width: 40px;
    height: 40px;
}

.meet-photograph-review .list .photograph .name {
    display: block;
    margin-top: 15px;
    margin-left: 50px;
    font-size: 16px;
    font-family: 'Lato-Regular';
}

.meet-photograph-review .list .photograph .t2 {
    margin-left: 50px;
    font-size: 13px;
    font-family: 'Lato-Regular';
}

.meet-photograph-review .list a:hover .review-thumb img {
    transform: scale(1.15);
}

.meet-prd-review {
    background: #e0e1e3;
    margin-top: 90px;
    text-align: center;
    padding: 100px 0;
}

.meet-prd-review h2 {
    font-family: 'Lato-Regular';
    font-size: 32px;
}

.meet-prd-review .bt-all {
    position: absolute;
    top: -35px;
    right: 0;
    padding-right: 70px;
}

.meet-prd-review .list {
    position: relative;
    width: 1140px;
    margin: 70px auto 0 auto;
}

.meet-prd-review .list ul {
    width: 1180px;
    margin-left: -20px;
}

.meet-prd-review .list li {
    display: inline-block;
    margin: 0 20px;
}

.meet-prd-review .list li a {
    position: relative;
    display: block;
}

.meet-prd-review .list .review-thumb {
    position: relative;
    font-size: 0;
    display: block;
    overflow: hidden;
    width: 350px;
    height: 220px;
}

.meet-prd-review .list .review-thumb img {
    width: 350px;
    height: 220px;
    transition: all 0.3s ease;
    transform: scale(1);
}

/*
.meet-prd-review .list li:first-child .review-thumb{width:550px;height:280px;}
.meet-prd-review .list li:first-child .review-thumb img{width:550px;height:280px;}
*/
.meet-prd-review .list .infos {
    position: relative;
    height: 136px;
    background: #fff;
    text-align: left;
    overflow: hidden;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    width: 350px;
    height: 146px;
    vertical-align: middle;
    display: table-cell;
}

.meet-prd-review .list .prd-thumb {
    position: absolute;
    top: 0;
    right: 10px;
    width: 105px;
    height: 146px;
}

.meet-prd-review .list .prd-thumb img {
    width: 105px;
}

.meet-prd-review .list .name {
    font-size: 17px;
    font-family: 'Lato-Regular';
    margin: 0 0 0 20px;
    display: block;
    width: 200px;
}

.meet-prd-review .list .summery {
    font-size: 13px;
    font-family: 'Lato-Regular';
    display: block;
    margin: 5px 0 0 20px
}

.meet-prd-review .list li.in .review-thumb:after {
    content: '';
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    z-index: 1;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: 0 -225px;
}

.meet-prd-review .list li .review-thumb:before {
    content: '';
    opacity: 0;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(214, 0, 53, .7);
}

.meet-prd-review .list li:hover .review-thumb:before {
    opacity: 1;
}

.meet-prd-review .list li.out .review-thumb:after {
    content: '';
    opacity: 1;
    z-index: 1;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -473px -223px;
}

.meet-prd-review .list li.out:hover a:after {
    opacity: 1;
}

.meet-prd-review .list li:hover .review-thumb img {
    transform: scale(1.15);
}

.meet-notice {
    text-align: center;
    padding: 120px 0;
}

.meet-notice h2 {
    font-family: 'Lato-Regular';
    font-size: 32px;
}

.meet-notice .bt-all {
    position: absolute;
    top: -35px;
    right: 0;
    padding-right: 70px;
}

.meet-notice .list {
    position: relative;
    width: 1140px;
    margin: 70px auto 0 auto;
}

.meet-newsletter {
    position: relative;
    width: 1140px;
    height: 170px;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center;
    background: url('/assets/images/magazine/img_newsletter.jpg') center center no-repeat;
}

.meet-newsletter .bt-all {
    position: absolute;
    top: -35px;
    right: 0;
    padding-right: 70px;
}

.meet-newsletter h2 {
    font-size: 40px;
    font-family: 'Lato-Regular';
    display: block;
}

.meet-newsletter strong {
    font-size: 16px;
    font-family: 'Lato-Bold';
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

.meet-newsletter p {
    font-size: 16px;
    font-family: 'Lato-Regular';
    margin-bottom: 20px;
}

.meet-sns {
    margin-top: 70px;
    text-align: center;
}

.meet-sns .meet-sns-box {
    position: relative;
}

.meet-sns h2 {
    text-indent: -9999px;
    display: block;
    margin: 70px auto 40px auto;
    background: url('/assets/images/icons.png') no-repeat;
}

.meet-sns .link {
    text-align: right;
    width: 1140px;
    position: absolute;
    top: 35px;
    right: 50%;
    margin-right: -570px;
}

.meet-sns .link a {
    position: relative;
    display: inline-block;
    padding-right: 10px;
    margin-left: 15px;
}

.meet-sns .link a:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    width: 6px;
    height: 10px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -325px -13px;
}

.meet-sns .fb h2 {
    width: 127px;
    height: 25px;
    background-position: -97px -283px;
}

.meet-sns .insg h2 {
    width: 161px;
    height: 37px;
    background-position: -97px -327px;
}

.meet-sns .list {
    text-align: center;
}

.meet-sns .list ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.meet-sns .list a {
    display: block;
    position: relative;
}

.meet-sns .list .thumb {
    display: block;
    font-size: 0;
    width: 250px;
    height: 250px;
}

.meet-sns .list .thumb img {
    width: 250px;
    height: 250px;
}

.meet-sns .list .infos {
    opacity: 0;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    font-size: 13px;
    color: #fff;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 210px;
    height: 210px;
    background: rgba(197, 2, 51, .4);
}

.meet-sns .list .info1 {
    position: relative;
    font-size: 17px;
}

.meet-sns .list .info1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    background: url('/assets/images/icons.png') no-repeat;
}

.meet-sns .list .info2 {
    line-height: 150%;
    margin-top: 15px;
}

.meet-sns .list .info3 {
    line-height: 150%;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.meet-sns .fb .list .info1 {
    padding-left: 20px;
}

.meet-sns .fb .list .info1:before {
    width: 14px;
    height: 24px;
    margin-top: -12px;
    background-position: -402px -136px;
}

.meet-sns .insg .list .info1 {
    padding-left: 30px;
}

.meet-sns .insg .list .info1:before {
    width: 26px;
    height: 26px;
    margin-top: -13px;
    background-position: -352px -136px;
}

.meet-sns .list a:hover .infos {
    opacity: 1;
}

.meet-list-top {
    margin: 90px 0 100px 0;
    height: 450px;
}

.meet-list-top a {
    width: 1140px;
    height: 450px;
    margin: 0 auto;
    position: relative;
    display: block;
}

.meet-list-top .photo {
    width: 790px;
    height: 400px;
}

.meet-list-top .photo img {
    width: 790px;
    height: 400px;
}

.meet-list-top .infos {
    position: absolute;
    top: 60px;
    right: 0;
    width: 300px;
    height: 370px;
    border-top: 1px solid #000;
    padding-top: 15px;
}

.meet-list-top .number {
    font-size: 14px;
}

:lang(en) .meet-list-top .number {
    font-family: 'Lato-Regular';
}

.meet-list-top .tit {
    font-size: 22px;
    margin-top: 70px;
}

:lang(ko) .meet-list-top .tit {
    font-weight: 700
}

:lang(en) .meet-list-top .tit {
    font-family: 'Lato-Bold';
}

:lang(zh) .meet-list-top .tit {
    font-weight: 700
}

:lang(ja) .meet-list-top .tit {
    font-weight: 700
}

.meet-list-top .photograph {
    position: absolute;
    bottom: 45px;
    height: 60px;
    overflow: hidden;
    margin-top: 15px;
}

.meet-list-top .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    overflow: hidden;
}

.meet-list-top .thumb img {
    width: 60px;
    height: 60px;
}

.meet-list-top .name {
    display: block;
    padding-top: 7px;
    margin: 0 0 3px 70px;

    font-size: 20px;
}

:lang(en) .meet-list-top .name {
    font-family: 'Lato-Regular';
}

.meet-list-top .txt {
    margin-left: 70px;
    font-size: 13px;
}

:lang(en) .meet-list-top .txt {
    font-family: 'Lato-Regular';
}

.meet-lists {
    width: 1100px;
    margin: 65px auto 0 auto;
}

.meet-lists ul {
    width: 1125px;
    margin-left: -13px;
}

.meet-lists li {
    width: 350px;
    display: inline-block;
    margin: 0 12px 55px 13px;
    vertical-align: top;
}

.meet-lists a {
    display: block;
    position: relative;
}

.meet-lists .thumb {
    font-size: 0;
    display: block;
    overflow: hidden;
}

.meet-lists .thumb img {
    transition: all 0.3s ease;
    transform: scale(1);
}

.meet-lists .infos {
    margin-top: 25px;
}

.meet-lists .date {
    font-size: 16px;
}

:lang(ko) .meet-lists .date {
    font-weight: 700
}

:lang(en) .meet-lists .date {
    font-family: 'Lato-Bold';
}

:lang(zh) .meet-lists .date {
    font-weight: 700
}

:lang(ja) .meet-lists .date {
    font-weight: 700
}

.meet-lists .txt {
    font-size: 13px;

    color: #444;
    margin: 13px 0;
    line-height: 150%;
}

:lang(en) meet-lists .txt {
    font-family: 'Lato-Regular';
}

:lang(ko) .meet-lists .writer {
    font-weight: 700
}

:lang(en) .meet-lists .writer {
    font-family: 'Lato-Bold';
}

:lang(zh) .meet-lists .writer {
    font-weight: 700
}

:lang(ja) .meet-lists .writer {
    font-weight: 700
}

.meet-lists .thumb {
    position: relative;
    width: 350px;
    height: 220px;
    overflow: hidden;
}

.meet-lists .thumb img {
    width: 350px;
    height: 220px
}

.meet-lists li.out .thumb:after, .meet-lists li.file .thumb:after, .meet-lists li.link .thumb:after {
    content: '';
    opacity: 1;
    z-index: 1;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -473px -223px;
}

.meet-lists li .thumb:before, .meet-lists li .thumb:before {
    content: '';
    opacity: 0;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(214, 0, 53, .7);*/
}

.meet-lists a:hover .thumb img {
    transform: scale(1.15);
}

.meet-lists li a:hover .thumb:before, .meet-lists li a:hover .thumb:before {
    opacity: 1;
}

.meet-detail {
    width: 1100px;
    margin: 0 auto;
    padding: 70px 0 0 0;
}

.meet-detail img {
    max-width: 100%;
}

.meet-detail .page-h3 {
    display: block;
    text-align: center;
    font-size: 30px;
}

:lang(ko) .meet-detail .page-h3 {
    font-weight: 700
}

:lang(en) .meet-detail .page-h3 {
    font-family: 'Lato-Bold';
}

:lang(zh) .meet-detail .page-h3 {
    font-weight: 700
}

:lang(ja) .meet-detail .page-h3 {
    font-weight: 700
}

.meet-detail .writer-util {
    position: relative;
    margin: 35px 0 60px 0;
    padding: 35px 0;
    border-top: 4px solid #404040;
    border-bottom: 1px solid #404040;
}

.meet-detail .writer-util .photograph {
    position: relative;
    height: 60px;
    overflow: hidden;
    margin-right: 100px;
}

.meet-detail .writer-util .photograph .photo-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    overflow: hidden;
}

.meet-detail .writer-util .photograph .photo-thumb img {
    width: 60px;
    height: 60px;
}

.meet-detail .writer-util .photograph .photo-name {
    display: block;
    padding-top: 4px;
    margin: 0 0 3px 70px;
    font-size: 26px;
}

:lang(ko) .meet-detail .page-h3 {
    font-weight: 400
}

:lang(en) .meet-detail .page-h3 {
    font-family: 'Lato-Regular';
}

:lang(zh) .meet-detail .page-h3 {
    font-weight: 400
}

:lang(ja) .meet-detail .page-h3 {
    font-weight: 400
}

.meet-detail .writer-util .photograph .photo-txt {
    margin-left: 70px;
    font-size: 16px;
    font-family: 'Lato-Regular';
}

.meet-detail .writer-util .sns {
    position: absolute;
    top: 50px;
    right: 5px;
}

.meet-detail .magazine-detail-views p, .meet-detail .magazine-detail-views span {
    font-size: 14px;
    font-family: 'Lato-Regular';
    line-height: 150%;
}

.meet-detail .meet-detail-txt {
    font-size: 14px;
    font-family: 'Lato-Regular';
    line-height: 150%;
}

.meet-detail .meet-detail-txt strong {
    display: block;
    font-family: 'Lato-Bold';
    font-size: 14px;
    margin-bottom: 5px;
}

.meet-detail .meet-detail-txt a {
    font-size: 14px;
    color: #c50233;
    font-size: 13px;
    font-family: 'Lato-Regular';
}

.meet-detail .type2 .t1 {
    font-size: 26px;
}

.meet-detail .type2 .t2 {
    font-size: 20px;
}

.meet-detail .type2 .t2 strong {
}

.meet-detail .type2 .mix {
    position: relative;
    overflow: hidden;
}

.meet-detail .type2 .mix img {
    float: left;
}

.meet-detail .type2 .mix .txts {
    float: right;
    width: 530px;
}

.meet-detail .paging2 {
    border-top: 4px solid #000;
    margin-top: 70px;
    padding-top: 30px;
}

.meet-detail .paging2 .control {
    top: 30px;
}

.press-lists {
    width: 1100px;
    margin: 0 auto;
}

.press-lists .grid-item {
    font-size: 0;
    float: left;
    width: 340px;
    margin-bottom: 20px;
}

.press-lists .grid-item a {
    display: block;
}

.press-lists .grid-item .thumb {
    position: relative;
    width: 340px;
    height: 235px;
    font-size: 0;
    display: block;
}

.press-lists .grid-item .thumb img {
    width: 340px;
    height: 235px;
}

.press-lists .grid-item .thumb:before {
    content: '';
    opacity: 0;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(214, 0, 53, .7);
}

.press-lists .grid-item .infos {
    padding: 20px
}

.press-lists .grid-item .tit {
    display: block;
    font-size: 18px;
    line-height: 150%;
}

.press-lists .grid-item .summery {
    font-size: 14px;
    line-height: 150%;
    margin: 15px 0 15px 0
}

.press-lists .grid-item .date {
    display: inline-block;
    font-family: 'Lato-Regular';
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ddd;
}

.press-lists .grid-item.txt-type {
    margin-bottom: 50px;
}

.press-lists .grid-item.txt-type .infos {
    background: #e3e4e8;
}

:lang(ko) .press-lists .grid-item.txt-type .tit {
    font-weight: 700;
}

:lang(en) .press-lists .grid-item.txt-type .tit {
    font-family: 'Lato-Bold';
}

:lang(zh) .press-lists .grid-item.txt-type .tit {
    font-weight: 700;
}

:lang(ja) .press-lists .grid-item.txt-type .tit {
    font-weight: 700;
}

.press-lists .grid-item a:hover .infos {
    background: #494f5b;
}

.press-lists .grid-item a:hover .tit, .press-lists .grid-item a:hover .summery, .press-lists .grid-item a:hover .date, .press-lists .grid-item a:hover .name {
    color: #fff;
}

.press-lists .grid-item a:hover .thumb:before {
    opacity: 1;
}

.prd-review-content {
    width: 1140px;
    margin: 0 auto;
    padding: 70px 0 200px 0;
}

.prd-review-detail {
    width: 1100px;
    margin: 0 auto;
}

.prd-review-detail .page-h3 {
    display: block;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato-Regular';
}

.prd-review-detail .writer-util {
    position: relative;
    margin: 35px 0 60px 0;
    padding: 35px 0;
    border-top: 4px solid #404040;
    border-bottom: 1px solid #404040;
}

.prd-review-detail .writer-util .tits {
    margin-right: 100px;
}

.prd-review-detail .writer-util .t1 {
    display: block;
    font-size: 18px;
    font-family: 'Lato-Regular';
}

.prd-review-detail .writer-util .t2 {
    margin-top: 5px;
    display: block;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.prd-review-detail .writer-util .t3 {
    margin-top: 10px;
    display: block;
    font-size: 12px;
    font-family: 'Lato-Regular';
}

.prd-review-detail .writer-util .sns {
    position: absolute;
    top: 55px;
    right: 5px;
}

.prd-review-detail .prd-review-detail-txt2 {
    overflow: hidden;
}

.prd-review-detail .prd-review-detail-txt2 p {
    width: 49%;
    float: left;
    font-size: 14px;
    line-height: 180%;
}

.prd-review-detail .prd-review-detail-txt2 img {
    width: 49%;
    float: right;
}

.prd-review-detail .prd-review-detail-txt3 {
    overflow: hidden;
}

.prd-review-detail .prd-review-detail-txt3 p {
    width: 49%;
    float: right;
    font-size: 14px;
    line-height: 180%;
}

.prd-review-detail .prd-review-detail-txt3 img {
    width: 49%;
    float: left;
}

.prd-review-detail .paging2 {
    border-top: 4px solid #000;
    margin-top: 70px;
    padding-top: 30px;
}

.prd-review-detail .paging2 .control {
    top: 30px;
}

.meet-content .related-prd,
.prd-review-content .related-prd {
    background: #e7e9eb;
    text-align: center;
    margin-top: 50px;
    padding: 50px 0 30px 0;
}

.meet-content .related-prd .tit,
.prd-review-content .related-prd .tit {
    display: block;
    font-size: 30px;

}

.meet-content .related-prd .lists,
.prd-review-content .related-prd .lists {
    width: 1037px;
    margin: 0 auto;
    overflow: hidden;
}

.meet-content .related-prd .slide_item,
.prd-review-content .related-prd .slide_item {
    width: 346px;
    position: relative;
}

.meet-content .related-prd .slide_item:after,
.prd-review-content .related-prd .slide_item:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 80px;
    margin-top: -40px;
    background: #d6d7d7;
}

.meet-content .related-prd .slide_item a,
.prd-review-content .related-prd .slide_item a {
    display: block;
    min-height: 200px;
    overflow: hidden;
}

.meet-content .related-prd .thumb,
.prd-review-content .related-prd .thumb {
    display: block;
    width: 105px;
    position: absolute;
    top: 50%;
    left: 40px;
    margin-top: -73px;
}

.meet-content .related-prd .thumb img,
.prd-review-content .related-prd .thumb img {
    width: 105px;
}

.meet-content .related-prd .infos,
.prd-review-content .related-prd .infos {
    text-align: left;
    margin: 70px 0 0 170px;
}

.meet-content .related-prd .infos .cate,
.prd-review-content .related-prd .infos .cate {

    font-size: 17px;
    display: block;
    margin-bottom: 5px;
}

.meet-content .related-prd .infos .t1,
.prd-review-content .related-prd .infos .t1 {

    font-size: 13px;
    display: block;
}

.meet-content .related-prd .infos .t2,
.prd-review-content .related-prd .infos .t2 {
    font-family: 'Lato-Regular';
    font-size: 13px;
    display: block;
}

.meet-content .related-prd .slick-arrow,
.prd-review-content .related-prd .slick-arrow {
    text-indent: -9999px;
    position: absolute;
    top: 85px;
    z-index: 5;
    width: 16px;
    height: 29px;
    background: url('/assets/images/icons.png') no-repeat;
}

.meet-content .related-prd .slick-arrow.slick-next,
.prd-review-content .related-prd .slick-arrow.slick-next {
    background-position: -29px 0;
    right: 0px;
}

.meet-content .related-prd .slick-arrow.slick-prev,
.prd-review-content .related-prd .slick-arrow.slick-prev {
    background-position: 0 0;
    left: 0px;
}

/* event */
.event-content {
    width: 1100px;
    margin: 0 auto;
    position: relative;
    padding: 70px 0 80px;
}

.event-content .page-h3 {
    display: block;
    margin-bottom: 40px;
    text-align: center;
    font-size: 40px;
    font-family: 'Lato-Light';
    letter-spacing: -1px;
    line-height: 100%;
}

.event-content__search {
    padding: 40px 0 50px;
}

.event-content__element {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 200px;
    margin-right: 50px;
}

.event-content__element:after {
    width: 15px;
    height: 7px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    background-image: url("/assets/images/icons.png");
    background-repeat: no-repeat;
    background-position: -220px 0;
    content: "";
}

.event-content__select, :lang(zh) .event-content__select, :lang(ja) .event-content__select {
    width: 100%;
    height: 30px;
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Light';
    border-bottom: 1px solid #000;
    background: none;
}

.event-content__select option {
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.event-content__list {
    overflow: hidden;
}

.event-content__list ul {
    width: 1125px;
}

.event-content__list ul:after {
    display: block;
    clear: both;
    content: "";
}

.event-content__item {
    /*float: left;*/
    display: inline-block;
    width: 350px;
    margin-right: 25px;
    padding-bottom: 120px;
}

.event-content__list .thumb {
    display: block;
    overflow: hidden;
    position: relative;
    width: 350px;
    height: 220px;
}

.event-content__list .thumb img {
    width: 350px;
    height: 220px;
    transform: scale(1);
    transition: all .3s ease;
}

.event-content__list .thumb:before {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .5s;
    background: rgba(214, 0, 53, .7);
    content: "";
    z-index: 5;
}

.event-content__list .thumb .icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #000;
    background-image: url("/assets/images/main/main_icons.png");
    background-repeat: no-repeat;
    z-index: 10;
}

.event-content__list .thumb .icon1 {
    background-position: -200px -40px;
}

.event-content__list .thumb .icon2 {
    background-position: -240px -40px;
}

.event-content__list .thumb .icon3 {
    background-position: -280px -40px;
}

.event-content__list a:hover .thumb img {
    transform: scale(1.15);
}

.event-content__list a:hover .thumb:before {
    opacity: 1;
}

.event-content__title {
    overflow: hidden;
    display: block;
    margin-top: 25px;
    color: #000;
    font-size: 16px;
    font-family: 'Lato-Bold';
    text-overflow: ellipsis;
    white-space: nowrap;
}

.event-content__etc {
    display: block;
    margin-top: 10px;
    color: #000;
    font-size: 12px;
    font-family: 'Lato-Bold';
}

.event-content__etc em {
    font-style: normal;
}

.event-content__date {
    display: block;
}

.event-view {
    padding-top: 150px;
    background-image: linear-gradient(to bottom, #29292e 0%, #29292e 100%);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 450px;
}

.event-view__container {
    width: 1100px;
    margin: 0 auto;
}

.event-view__container:after {
    display: block;
    clear: both;
    content: "";
}

.event-view__etc {
    float: left;
    width: 220px;
    padding-right: 90px;
    box-sizing: border-box;
}

.event-view__type {
    display: block;
    padding-bottom: 4px;
    color: #fff;
    font-size: 18px;
    font-family: 'Lato-Regular';
    border-bottom: 1px solid #c50233;
}

.event-view__etc dt {
    opacity: .3;
    margin-top: 25px;
    color: #fff;
    font-size: 14px;
    font-family: 'Lato-Light';
}

.event-view__etc dd {
    color: #fff;
    font-size: 18px;
    font-family: 'Lato-Bold';
}

.event-view__link {
    display: block;
    margin-top: 50px;
    padding: 12px 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    background: #000;
}

.event-view__contents {
    float: left;
    width: 880px;
}

.event-view__banner img {
    max-width: 100%;
}

.event-view__title {
    margin-top: 25px;
    color: #000;
    font-size: 44px;
    font-family: 'Lato-Regular';
    line-height: 60px;
}

.event-detail__container {
    width: 1100px;
    margin: 0 auto;
    padding-left: 220px;
    box-sizing: border-box;
}

.event-detail__contents {
    padding: 50px 0;
    color: #000;
    font-size: 14px;
    line-height: 22px;
}

.event-detail .room-products {
    padding-bottom: 150px;
}

.event-detail .room__container {
    padding: 20px 0 50px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.event-detail .event-slide {
    overflow: hidden;
    padding-bottom: 150px;
    text-align: center;
}

.event-detail .event-slide ul {
    width: 920px;
}

.event-detail .event-slide ul:after {
    display: block;
    clear: both;
    content: "";
}

.event-detail .event-slide li {
    margin-top: 20px;
    float: left;
    width: 33.33333333%;
}

.event-detail .event-slide li a {
    display: block;
    position: relative;
    width: 280px;
    height: 250px;
}

.event-detail .event-slide li img {
    display: block;
    width: 280px;
    height: 250px;
}

.event-detail .event-slide li a:hover .event-slide__etc {
    opacity: 1;
}

.event-detail .event-slide__detail-image {
    display: none;
}

.event-detail .event-slide .slick-dots {
    position: relative;
    padding-top: 20px;
    z-index: 5;
}

.event-detail .event-slide .slick-dots li {
    float: inherit;
    display: inline-block;
    width: auto;
    margin: 0 10px;
}

.event-detail .event-slide .slick-dots button {
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    background: #0c0c0c;
    border-radius: 10px;
    outline: 0;
}

.event-detail .event-slide .slick-dots .slick-active button {
    background: #bd0734;
}

.event-detail .event-slide__etc {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 110px 0;
    background: rgba(214, 0, 53, .7);
    transition: .5s;
    box-sizing: border-box;
}

.event-detail .event-slide__etc em, .event-detail .event-slide__etc p {
    color: #fff;
    font-size: 13px;
    font-style: normal;
    font-family: 'Lato-Light';
}

.event-detail .event-slide__etc span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-top: 25px;
    padding-right: 37px;
    color: #fff;
    font-size: 13px;
    font-family: 'Lato-Regular';
}

.event-detail .event-slide__etc span:before {
    position: absolute;
    right: 0;
    top: 50%;
    width: 30px;
    height: 1px;
    background: #fff;
    content: "";
}

.event-detail .event-slide__etc span:after {
    position: absolute;
    right: 0;
    top: 50%;
    width: 7px;
    height: 1px;
    margin-top: -3px;
    background: #fff;
    transform: rotate(45deg);
    content: "";
}

.event .paging2 {
    padding-bottom: 150px;
}


:lang(zh) .event-view__title, :lang(ja) .event-view__title, :lang(en) .event-view__title {
    font-family: 'Lato-Regular';
}


/* about */
.about-content {
    min-width: 1080px;
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    padding: 70px 10px 50px 10px;
}

.about-content.about-content--contact {
    padding-bottom: 170px;
}

.about-content .page-h3 {
    display: block;
    text-align: center;
    font-size: 30px;
    letter-spacing: -1px;
    line-height: 100%;
    margin-bottom: 20px;
}

:lang(ko) .about-content .page-h3 {
}

:lang(en) .about-content .page-h3 {
    font-family: 'Lato-Regular';
}

.about-content .sub-txt {
    text-align: center;
    font-size: 16px;
    line-height: 200%;
}

:lang(ko) .about-content .sub-txt {
}

:lang(en) .about-content .sub-txt {
    font-family: 'Lato-Regular';
}

.about-content .tabs {
    margin: 40px 0 50px 0
}

.about-content .tab-subs {
    text-align: center;
}

.about-content .tb-view {
    margin-top: 50px;
}

.about-content .map-list {
    margin-top: 50px;
    text-align: center;
}

.about-content .map-list li {
    width: 350px;
    margin: 0 15px;
    display: inline-block;
    vertical-align: top;
}

:lang(en) .about-content .map-list li {
    width: 535px;
}

.about-content .map-list .infos {
    background: #e3e4e8;
    width: 290px;
    height: 340px;
    padding: 0 30px;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

:lang(en) .about-content .map-list .infos {
    width: 475px;
    height: 228px;
}

.about-content .map-list .infos strong {
    text-align: left;
    padding: 35px 0 20px 10px;
    display: block;
    font-size: 22px;

    border-bottom: 1px solid rgba(255, 255, 255, .3);
    margin-bottom: 10px;
}

:lang(ko) .about-content .map-list .infos strong {
    font-weight: 300;
}

:lang(en) .about-content .map-list .infos strong {
    font-family: 'Lato-Regular';
}

:lang(zh) .about-content .map-list .infos strong {
    font-weight: 300;
}

:lang(ja) .about-content .map-list .infos strong {
    font-weight: 300;
}

.about-content .map-list .infos dl {
    text-align: left;
    padding: 10px 0;
}

.about-content .map-list .infos dt {
    width: 65px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.about-content .map-list .infos dd {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 130%;

}

.about-content .map-list .infos dd.mail a {
    font-family: 'Lato-Regular';
}

:lang(en) .about-content .map-list .infos dd {
    font-family: 'Lato-Regular';
}

.about-content .map-list .infos a {
    font-size: 14px;
}

.about-content .map-list .infos .txt {
    position: relative;
    margin: 20px 0 0 10px;
    text-align: left;
    color: #000;
    font-size: 14px;
}

.about-content .map-list .infos .tip-bubble {
    display: none;
    position: absolute;
    top: 30px;
    left: -40px;
    z-index: 1;
    width: 350px;
    height: 215px;
    background: url('/assets/images/img_bubble2.png') no-repeat;
}

.about-content .map-list .infos .tip-bubble p {
    margin: 60px 0 0 40px;
    font-size: 14px;
    line-height: 170%;
    color: #000;
}

.about-content .map-list li:hover .infos {
    background: #494f5b;
}

.about-content .map-list li:hover .infos strong {
    color: #fff;
}

.about-content .map-list li:hover .infos dl {
    color: #fff;
}

.about-content .map-list li:hover .infos .txt {
    color: #fff;
}

.about-content .map-list li:hover .infos .bt-tip {
    color: #fff;
}

.about-content .map-list li:hover .infos a {
    color: #fff;
}


.about-content .contact-customer {
    position: relative;
    margin: 50px 15px 0 15px;
    padding: 50px 0;
    border: 10px solid #e7e9eb;
    font-size: 0;
    box-sizing: border-box;
}
.about-content .contact-customer .row1{position:relative;}
.about-content .contact-customer .row1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -73px 0 0 0;
    width: 1px;
    height: 145px;
    background: #e7e9eb;
}

.about-content .contact-customer .col {
    width: 50%;
    display: inline-block;
    text-align: left;
}
.about-content .contact-customer .row1 dl{margin-bottom:40px;}
.about-content .contact-customer .row1 dl:last-child{margin-bottom:0;}
.about-content .contact-customer .row1 dt{font-weight:700;padding-left:30px;font-size:18px;width:125px;display:inline-block;vertical-align:top;}
.about-content .contact-customer .row1 dt.first{width:160px;padding-left:30px;}
.about-content .contact-customer .row1 dd{display:inline-block;font-size:14px;vertical-align:top;line-height:150%;}
.about-content .contact-customer .row1 dd .mail{display: inline-block;font-size: 14px;font-family: 'Lato-Regular';}
.about-content .contact-customer .row1 dd .mail a{display: inline-block;font-size: 14px;font-family: 'Lato-Regular';}
.about-content .contact-customer .row1 .bt-more{font-size:0;}
.about-content .contact-customer .row1 .bt-more:after{right:auto;}

.about-content .contact-customer .row2{text-align:center;margin-top:50px;}
.about-content .contact-customer .row2 dt{position:relative;font-weight:700;padding:10px 30px 0 45px;display:inline-block;font-size:18px;vertical-align:top;}
.about-content .contact-customer .row2 dt:before{content:'';position:absolute;top:0;left:0;width: 32px;
    height: 40px;
    background: url('/assets/images/icons.png') -372px -561px no-repeat;}
.about-content .contact-customer .row2 dd{line-height:150%;display:inline-block;font-size:14px;text-align:left;vertical-align:top;}
.about-content .contact-customer .row2 dd a{display: inline-block;font-size: 14px;font-family: 'Lato-Regular';}

.about-content .notice-ascenter {padding-top: 50px; font-size: 14px; line-height: 200%;}
.about-content .notice-ascenter .email {font-size: 14px; color: #c50233; text-decoration: underline;}
/*
.about-content .contact-customer strong {
    font-weight: 700;
    font-size: 16px;
}

.about-content .contact-customer dl {
    margin-top: 20px;
}

.about-content .contact-customer dt {
    display: inline-block;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.about-content .contact-customer dd {
    display: inline-block;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.about-content .contact-customer dd a {
    display: inline-block;
    font-size: 14px;
    font-family: 'Lato-Regular';
}
*/


/* history */
.about-content .history-tabs {
    border-bottom: 1px solid #e3e4e8;
}

.about-content .history-tabs.fixed {
    background: #fff;
    position: fixed;
    width: 1140px;
    top: 38px;
    left: 50%;
    z-index: 10;
    margin-left: -570px;
}

.about-content .history-visual img {
    width: 100%;
}

.history-tabs ul {
    height: 80px;
    position: relative;
}

.history-tabs li {
    float: left;
    width: 25%;
    padding: 40px 0 20px 0;
    text-align: center;
}

.history-tabs li a {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    padding: 0 5px 19px 5px;
}

/*:lang(zh) .history-tabs li a {
    padding-bottom: 12px;
}

:lang(ja) .history-tabs li a {
    padding-bottom: 12px;
}*/

.history-tabs li a.active {
    border-bottom: 2px solid #c50233;
    color: #c50233;
}

.history-con {
    position: relative;
    overflow: hidden;
    margin-top: 100px;
    background: url('../images/about/img_history-bg.jpg') center repeat-y;
    background-origin: content-box;
}

.history-list-right,
.history-con .left h4 {
    text-align: right;
}

.history-con .left {
    float: left;
}

.history-con .right {
    float: right;
}

.history-con .right,
.history-con .left {
    width: 50%;
}

.history-con h4 {
    font-size: 40px;
    padding: 0 40px 20px 40px;
}

.history-right .history-list {
    padding: 0 40px 0 0;
}

.history-left .history-list {
    padding: 0 0 0 40px;
}

.history-con .history-list li {
    font-size: 16px;
    line-height: 40px;
}

:lang(zh) .history-con .history-list li, :lang(ja) .history-con .history-list li {
    font-weight: 300;
}

.history-con ul {
    overflow: hidden;
    margin-bottom: 50px;
}

.history-left .history-pho {
    text-align: right;
    padding: 75px 40px 0 0;
    box-sizing: border-box;
}

.history-right .history-pho {
    text-align: left;
    padding: 75px 0 0 40px;
    box-sizing: border-box;
}

.history-left h4:before {
    content: " ";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 3px solid #999999;
    background: #fff;

    position: absolute;
    left: 50%;
    margin-left: -6px;
    margin-top: 15px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.history-right h4:after {
    content: " ";
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 3px solid #999999;
    background: #fff;

    position: absolute;
    left: 50%;
    margin-left: -6px;
    margin-top: 15px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.history-con ul.camara {
    margin-bottom: 0;
}

.history-camara img {
    margin-top: 30px;
}

.history-con .small-pho {
    padding: 5px 40px 0 40px;
}

.history-con .medium-pho {
    padding: 40px 40px 0 40px;
}

.history-section {
    overflow: hidden;
    display: none;
}

/* global-map */
.global-seller .global-map {
    text-align: center;
    position: relative;
    margin: 70px 0;
    min-height: 492px;
}

.global-seller .global-map-list {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -463px;

}

.global-seller .global-map-list li {
    display: none;
}

.global-seller .global-map-list li img {
    position: absolute;
}

.global-seller .tb-list {
    position: relative;

}

.global-seller .tb-list table {
    width: 100%;
    display: none;
}

.global-seller .tb-list table.on {
    display: block;
}

.about-content .sns {
    text-align: right;
    position: absolute;
    top: 80px;
    right: 50%;
    margin-right: -540px;
}

.ceo {
    margin-top: 50px;
}

.ceo-visual {
    position: relative;
    text-align: left;
    font-size: 0;
}

.ceo-visual p {
    line-height: 110%;
    position: absolute;
    top: 150px;
    left: 50px;
    font-size: 60px;
    font-family: 'Lato-Bold';
    color: #fff;
    letter-spacing: -1px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

:lang(en) .ceo-visual p {
    line-height: 130%;
    position: absolute;
    top: 150px;
    left: 50px;
    font-size: 42px;
    font-family: 'Lato-Bold';
    color: #fff;
    letter-spacing: -1px;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

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

.ceo-msg {
    position: relative;
    font-size: 0;
    background: url('/assets/images/about/img_ceo-pen.jpg') left bottom no-repeat;
}

.ceo-msg .col {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.ceo-msg .col p {
    padding: 60px 60px 0 60px;

    font-size: 18px;
    line-height: 230%;
}

:lang(ko) .ceo-msg .col p {
    font-weight: 300;
}

:lang(en) .ceo-msg .col p {
    font-family: 'Lato-Regular';
}

:lang(zh) .ceo-msg .col p {
    font-weight: 300;
}

:lang(ja) .ceo-msg .col p {
    font-weight: 300;
}

.ceo-msg .name {
    display: block;
    font-size: 16px;
    font-family: 'Lato-Regular';
    text-align: right;
}

:lang(ko) .ceo-msg .name {
}

:lang(en) .ceo-msg .name {
    font-family: 'Lato-Regular';
}


.introduce {
    text-align: center;
    padding: 100px 0 0 0;
}

.introduce a {
    display: block;
}

.introduce .t1 {
    font-size: 40px;
    font-family: 'Lato-Regular';
    margin-bottom: 10px;
    display: block;
}

:lang(ko) .introduce .t1 {
}

:lang(en) .introduce .t1 {
    font-family: 'Lato-Regular';
}

.introduce .t2 {
    font-size: 25px;

}

:lang(ko) .introduce .t2 {
}

:lang(en) .introduce .t2 {
    font-family: 'Lato-Regular';
}

.introduce .t3 {
    font-size: 18px;

    line-height: 150%;
    margin-top: 20px;
}

.introduce .mov {
    margin: 30px 0 50px 0;
}

.introduce .innovation {
    background: #e7e9eb;
    text-align: center;
    margin-top: 115px;
    padding: 60px 0;
}

.introduce .innovation .t1 {
    font-size: 40px;
    font-family: 'Lato-Regular';
    font-weight: bold;
}

.introduce .innovation .t2 {
    font-size: 25px;
    margin-top: 30px;
}

.introduce .innovation .t2 {
    font-family: 'Lato-Regular';
    font-weight: bold;
}

.introduce .innovation .t3 {
    font-size: 18px;
    margin-top: 10px;
}

.introduce .motto {
    font-size: 0;
    margin: 80px 0 0 0;
}

.introduce .motto li {
    position: relative;
    display: inline-block;
    margin: 0 35px;
    vertical-align: top;
}

.introduce .motto li:before {
    content: '';
    margin: 0 auto;
    display: block;
    background: url('/assets/images/icons.png') no-repeat;
}

.introduce .motto li.mt1:before {
    width: 80px;
    height: 80px;
    background-position: -420px -274px;
}

.introduce .motto li.mt2:before {
    margin-top: 6px;
    width: 80px;
    height: 70px;
    background-position: -332px -280px;
}

.introduce .motto li.mt3:before {
    margin-top: 15px;
    width: 80px;
    height: 54px;
    background-position: -244px -274px;
}

.introduce .motto .infos {
    border-top: 1px solid #000;
    margin-top: 40px;
    padding-top: 30px;
    width: 300px;
}

.introduce .motto .infos strong {
    font-size: 20px;
}

:lang(ko) .introduce .motto .infos strong {
    font-weight: 700;
}

:lang(en) .introduce .motto .infos strong {
    font-family: 'Lato-Bold';
}

:lang(zh) .introduce .motto .infos strong {
    font-weight: 700;
}

:lang(ja) .introduce .motto .infos strong {
    font-weight: 700;
}

.introduce .motto .infos p {
    font-size: 16px;
    line-height: 150%;
    margin-top: 10px;
    letter-spacing: -1px;
}

.global-seller .nation {
    font-size: 14px;
    font-family: 'Lato-Bold';
    text-align: left;
    position: relative;
    display: block;
    margin-left: 45px;
    height: 34px;
    line-height: 34px;
    padding-left: 44px;
}

.global-seller .nation img {
    position: absolute;
    top: 0;
    left: 0;
}

.global-seller .urls {
    text-align: left;
    padding-left: 30px;
}

.global-seller .urls a {
    display: block;
    margin: 5px 0;
}

.sy-people {
    position: relative;
    padding-bottom: 130px;
    text-align: center;
    margin-top: 160px;
}

.sy-people .people-txt {
    position: absolute;
    text-align: left;
}

.sy-people .people-txt strong {
    font-size: 18px;
}

.sy-people .people-txt p {
    font-size: 16px;
    line-height: 150%;
    margin-top: 10px;
}

.sy-people .people-txt1 {
    top: 20px;
    right: 50px;
}

.sy-people .people-txt2 {
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

.sy-people .people-txt3 {
    top: 130px;
    left: 50px;
    text-align: right;
}

:lang(en) .sy-people .people-txt1 {
    right: -10px;
}
:lang(ja) .sy-people .people-txt1 {
    right: -10px;
}
:lang(en) .sy-people .people-txt3 {
    left: -20px;
}

:lang(zh) .sy-people .people-txt3 {
    left: 30px;
}

:lang(ja) .sy-people .people-txt3 {
    left: 30px;
}

:lang(ko) .sy-people .people-txt p {
    font-weight: 300;
}

:lang(en) .sy-people .people-txt p {
    font-family: 'Lato-Regular';
}

:lang(zh) .sy-people .people-txt p {
    font-weight: 300;
}

:lang(ja) .sy-people .people-txt p {
    font-weight: 300;
}

.buy-customer {
    background: #f5f5f6;
    height: 170px;
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

.buy-customer .tit {
    font-weight: 700;
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    width: 315px;
    height: 170px;
    line-height: 170px;
    text-align: center;
}

.buy-customer .txts {
    margin: 38px 0 0 315px;
}

.buy-customer dl {
    display: inline-block;
    padding: 8px 0;
}

.buy-customer dl.block {
    display: block;
}

.buy-customer dt {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 60px;
}

:lang(en) .buy-customer dt {
    font-family: 'Lato-Regular';
}

.buy-customer dd {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 230px;
}

:lang(en) .buy-customer dd {
    font-family: 'Lato-Regular';
}

.buy-customer dl.block dd {
    width: auto;
}

.buy-customer dd.mail {
    font-family: 'Lato-Regular';
}


/* support */
.support-main {
    margin-bottom: 150px;
}

.support-main .page-h3 {
    font-size: 35px;
    font-family: 'Lato-Regular';
}

.support-main .sub-text {
    font-size: 16px;

    margin-top: 20px;
}

:lang(ko) .support-main .sub-text {
}

:lang(en) .support-main .sub-text {
    font-family: 'Lato-Regular';
}

.support-main-col1 {
    padding: 70px 0 50px;
    /*height: 430px;height: 430px;*/
    overflow: hidden;
    text-align: center;
    background: #e8ecf2 url('/assets/images/support/img_support-bg.jpg') center top no-repeat;
}

.support-main-col1 .inner {
    width: 1140px;
    margin: 0 auto;
}

.support-main-col1 ul {
    width: 1185px;
    margin: 35px 0 0 -23px;
}

.support-main-col1 li {
    display: inline-block;
    vertical-align: top;
    margin: 0 22px 0 23px;
    background: #fff;
    text-align: left;
    padding: 0 30px;
    width: 290px;
    height: 306px;
}

.support-main-col1 .tit {
    display: block;
    font-size: 22px;
    border-bottom: 1px solid #e5e5e5;
    padding: 35px 8px 15px 8px;
}

:lang(ko) .support-main-col1 .tit {
}

:lang(en) .support-main-col1 .tit {
    font-family: 'Lato-Regular';
}


.support-main-col1 .infos {
    padding: 10px 8px 0 8px;
}

.support-main-col1 dl {
    font-size: 14px;
    font-family: 'Lato-Regular';
    margin: 10px 0 15px 0;
}

.support-main-col1 dt {
    width: 75px;
    display: inline-block;
    vertical-align: top;
}

.support-main-col1 dd {
    display: inline-block;
}

.support-main-col1 dd a {
    font-size: 14px;
}

.support-main-col1-2 {
    padding: 90px 0 100px;
    text-align: center;
    background: #ecf0f4;
}

.support-main-col1-2 .service-date {
    display: inline-block;
}

.support-main-col1-2 .service-date-text{
    width: 600px;
    margin: 0 auto;
    padding: 15px 0 15px 66px;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    background: url('/assets/images/support/img_support_sevice_icon.png') no-repeat left 13px;
}

.support-main-col1-2 .service-date-box {
    float: left;
    margin: 40px 20px 0 20px;
    padding: 60px;
    color: #bfcbd4;
    font-size: 16px;
    text-align: left;
    background: #6c7c89;
}

.support-main-col1-2 .service-date-box:last-child {
    background: #4d596c;
}

.support-main-col1-2 .service-date-box h4 {
    color: #fff;
    font-size: 36px;
}

.support-main-col1-2 .service-date-box .serial dt {
    padding-top: 5px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 18px;
}

.support-main-col1-2 .service-date-box .serial dd {
    font-size: 14px;
    padding-bottom: 25px;
}

.support-main-col1-2 .service-date-box dt {
    padding-top: 30px;
    padding-bottom: 10px;
    color: #fff;
}

.support-main-col2 {
    text-align: center;
    padding: 100px 0 0 0;
}

.support-main-col2 .cates {
    width: 1140px;
    margin: 40px auto 0 auto;
}

.support-main-col2 .cates ul {
    width: 1168px;
    margin-left: -14px;
}

.support-main-col2 .cates li {
    display: inline-block;
    margin: 0 13px 0 14px;
    vertical-align: top;
}

.support-main-col2 .cates a {
    position: relative;
    display: block;
    width: 265px;
    height: 235px;
    box-sizing: border-box;
    border: 1px solid #dadada;
    overflow: hidden;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
}

.support-main-col2 .cates a:before {
    content: '';
    position: absolute;
    left: 50%;
    background: url('/assets/images/support/img_support-icon.png') no-repeat;
}

.support-main-col2 .cates strong {
    display: block;
    font-size: 20px;
    font-family: 'Lato-Regular';
    margin-top: 160px;
}

.support-main-col2 .cates span {
    position: relative;
    font-size: 14px;
    font-family: 'Lato-Bold';
}

.support-main-col2 .cates span:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 13px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -292px -243px;
    position: relative;
    top: 2px;
    margin-left: 3px;
}

.support-main-col2 .cates .d1:before {
    width: 80px;
    height: 68px;
    top: 67px;
    margin-left: -40px;
    background-position: 0 0;
}

.support-main-col2 .cates .d2:before {
    width: 80px;
    height: 58px;
    top: 72px;
    margin-left: -40px;
    background-position: -133px 0;
}

.support-main-col2 .cates .d3:before {
    width: 58px;
    height: 80px;
    top: 61px;
    margin-left: -29px;
    background-position: -264px 0;
}

.support-main-col2 .cates .d4:before {
    width: 80px;
    height: 80px;
    top: 61px;
    margin-left: -40px;
    background-position: -365px 0;
}

.support-main-col2 .cates a:hover {
    background: #c50233;
    border: 1px solid #c50233
}

.support-main-col2 .cates a:hover strong, .support-main-col2 .cates a:hover span {
    color: #fff;
}

.support-main-col2 .cates .d1:hover:before {
    background-position: 0 -110px;
}

.support-main-col2 .cates .d2:hover:before {
    background-position: -133px -110px;
}

.support-main-col2 .cates .d3:hover:before {
    background-position: -264px -110px;
}

.support-main-col2 .cates .d4:hover:before {
    background-position: -365px -110px;
}

.support-main-col2 .cates a:hover span:after {
    background-position: -292px -256px;
}

.support-main-col3 {
    margin: 130px 0 0 0;
    text-align: center;
}

.support-main-col3 .manager-form {
    width: 1140px;
    margin: 40px auto 0 auto;
    border: 10px solid #e2e8ed;
    box-sizing: border-box;
}

.support-main-col3 .manager-form-col1 {
    padding: 70px 100px 40px 100px;
}

.support-main-col3 .manager-form-col2 {
    margin: 0 100px 30px 100px;
}

.support-main-col4 {
    width: 1140px;
    height: 170px;
    padding-top: 30px;
    overflow: hidden;
    margin: 100px auto 0 auto;
    text-align: center;
}

.support-main-col4 .page-h3 {
    font-size: 40px;
}

.support-main-col4 p {
    font-size: 16px;
    line-height: 150%;
    margin: 15px 0 20px 0;
}

.support-main-col5 {
    width: 1140px;
    overflow: hidden;
    margin: 100px auto 0 auto;
    text-align: center;
}

.support-main-col5 .in-col {
    position: relative;
    width: 540px;
    text-align: left;
}

.support-main-col5 .in-col.left {
    float: left;
}

.support-main-col5 .in-col.right {
    float: right;
}

.support-main-col5 .page-h3 {
    font-size: 26px;
    font-family: 'Lato-Regular';
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
}

.support-main-col5 .list {
    margin: 15px 0 30px 0;
}

.support-main-col5 .list a {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
}

.support-main-col5 .date {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-family: 'Lato-Regular';
    font-size: 14px
}

.support-main-col5 .in-col.left .txt {
    margin-left: 0;
}

.support-main-col5 .txt {
    margin-left: 100px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

.support-main-col5 .list a:hover {
    text-decoration: underline;
}

.support-content, .download-content {
    min-width: 1080px;
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    padding: 70px 10px 170px 10px;
}

.support-content .page-h3, .download-content .page-h3 {
    display: block;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato-Regular';
    letter-spacing: -1px;
    line-height: 100%;
}
.support-content .page-h3, .download-content .page-h3 + p {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 14px;
    text-align: center;
}
.download-content .tb-list .bt-full {
    margin: 0 auto;
}

.download-content .catalog-down {
    text-align: center;
}

.download-content .catalog-down p {
    position: relative;
    font-size: 24px;
    line-height: 150%;
    padding: 0 0 25px 0;
}

.download-content .catalog-down p:before {
    content: '';
    display: block;
    margin: 140px auto 20px auto;
    width: 109px;
    height: 110px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -391px -390px;
}

.download-content .catalog-down .bt-full {
    margin: 0 auto;
}

.download-content .firmware ul {
    width: 960px;
    margin-left: -20px;
    margin-bottom: -40px;
    background-image: linear-gradient(to bottom, #fff 0%, #fff 359px, #aaa 359px, #aaa 361px, #fff 361px, #fff 100%);
    background-repeat: repeat;
    background-position: center top;
    background-size: 100% 400px;
}

.download-content .firmware li {
    width: 200px;
    margin: 0 20px 77px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}

.download-content .firmware img {
    width: 120px;
    height: 166px;
}

.download-content .firmware .tit {
    font-size: 20px;
    font-family: 'Lato-Regular';
}

.download-content .firmware .thumb {
    display: block;

}

.download-content .firmware .info {
    text-align: left;
    margin: 20px 0 20px 0;
}

.download-content .firmware .info dl {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin: 5px 0;
}

.download-content .firmware .info dt {
    width: 70px;
    font-family: 'Lato-Regular';
    display: inline-block;
}

.download-content .firmware .info dd {
    position: relative;
    font-family: 'Lato-Regular';
    display: inline-block;
}


.download-content .firmware .info .tip-bubble {
    display: none;
    position: absolute;
    bottom: -60px;
    right: -475px;
    z-index: 1;
    width: 468px;
    background: url('/assets/images/img_bubble_point.png') no-repeat 0 bottom;
}

.download-content .firmware .info .tip-bubble .tip-group {
    margin-left: 24px;
    padding: 20px;
    border: 10px solid #e8e9eb;
    background: #fff;
}

.download-content .firmware .info .tip-bubble .tip-group strong {
    font-size: 16px;
}

.download-content .firmware .info .tip-bubble .tip-group p {
    font-size: 14px;
}

.download-content .firmware .bt-full {
    margin: 0 auto;
}

.download-content .firmware .firmware-list {
    margin-bottom: 40px;
}

.download-content .firmware .link {
    position: relative;
    display: inline-block;
    font-size: 13px;
    padding-right: 10px;
}

.download-content .firmware .link:hover {
    text-decoration: underline;
}

.download-content .firmware .link:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 10px;
    margin-top: -6px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -324px -13px;
}

.manager-form .manager-form-txt {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 30px;
}

.manager-form .manager-form-txt a {
    font-size: 16px;
}

.manager-form .manager-form-txt a:hover {
    color: #c50233;
}

.manager-form .manager-form-col1 {
    text-align: left;
    font-size: 0;
}

.manager-form .manager-form-col1 dl {
    height: 40px;
    line-height: 40px;
    margin-bottom: 30px;
}

.manager-form .manager-form-col1 dt {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-family: 'Lato-Bold';
}

.manager-form .manager-form-col1 dd {
    display: inline-block;
    vertical-align: top;
}

.manager-form .manager-form-col1 select {
    font-size: 13px;
}

.manager-form .manager-form-col1 .type {
    width: 120px;
    padding-left: 5px;
}

.manager-form .manager-form-col1 .choice {
    /*width: 480px;*/
}

.manager-form .manager-form-col1 .select {
    width: 220px;
    display: inline-block;
    margin: 0 10px;
}

.manager-form .manager-form-col1 .bt {
    width: 160px;
}

.manager-form .manager-form-col1 .link a {
    position: relative;
    display: block;
    font-size: 13px;
    font-family: 'Lato-Bold';
    padding-right: 10px;
}

:lang(en) .manager-form .manager-form-col1 .link a {
    line-height: 110%;
    position: relative;
    top: 10px;
    padding-right: 15px;
}

.manager-form .manager-form-col1 .link a:hover {
    text-decoration: underline;
}

.manager-form .manager-form-col1 .link a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 10px;
    margin-top: -6px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -324px -13px;
}

.manager-form .manager-form-col1 .bt-full {
    width: 140px;
    margin: 0 auto;
}

.manager-form .manager-form-col2 {
    border-top: 1px solid #dadada;
    padding: 30px 5px 0 5px;
    text-align: left;
}

.manager-form .manager-form-col2 strong {
    font-size: 16px;

    display: block;
    margin-bottom: 20px;
}

.manager-form .manager-form-col3 {
    border-top: 1px solid #dadada;
    margin-top: 30px;
    padding: 30px 5px 0 5px;
    text-align: left;
}

.manager-form .manager-form-col3 strong {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
}

.manager-form .manager-form-col3 li {
    font-size: 13px;
    line-height: 1.4;
}

.manager-form .manager-form-col3 p {
    padding-top: 20px;
    font-size: 13px;
}

.manager-form .manager-form-col3 a {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    font-size: 13px;
}

.manager-form .manager-form-col3 a:hover {
    color: #c50233;
}

:lang(ko) .manager-form .manager-form-col2 strong {
}

:lang(en) .manager-form .manager-form-col2 strong {
    font-family: 'Lato-Regular';
}

.manager-form .manager-form-col2 dl {
    height: 30px;
    line-height: 30px;
}

.manager-form .manager-form-col2 dt {
    width: 80px;
    font-size: 13px;
    font-family: 'Lato-Bold';
    display: inline-block;
    vertical-align: top;
}

.manager-form .manager-form-col2 dd {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
}

.firmware .firmware-txt {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 30px;
}

.firmware .firmware-txt a {
    font-size: 16px;
}

.firmware .firmware-txt a:hover {
    color: #c50233;
}

.firmware .firmware-col1 {
    border-top: 1px solid #dadada;
    margin-top: 30px;
    padding: 30px 5px 0 5px;
    text-align: left;
}

.firmware .firmware-col1 strong {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
}

.firmware .firmware-col1 li {
    width: auto;
    margin: 0;
    text-align: left;
    font-size: 13px;
    line-height: 1.4;
}

.firmware .firmware-col1 p {
    padding-top: 20px;
    font-size: 13px;
}

.firmware .firmware-col1 a {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    font-size: 13px;
}

.firmware .firmware-col1 a:hover {
    color: #c50233;
}

.faq {
    margin: 100px 0 0 0;
    border-top: 4px solid #404040;
    border-bottom: 4px solid #404040;
}

.faq li {
    border-top: 1px solid #191919;
}

.faq li:first-child {
    margin-top: 0;
}

.faq a {
    position: relative;
    display: block;
    height: 30px;
    padding: 20px 0;
}

.faq .cate {
    position: relative;
    font-size: 14px;
    width: 110px;
    line-height: 30px;
    position: absolute;
    top: 20px;
    left: 0;
    padding-left: 70px;
}

:lang(ko) .faq .cate {
    font-weight: 700;
}

:lang(en) .faq .cate {
    font-family: 'Lato-Bold';
}

:lang(zh) .faq .cate {
    font-weight: 700;
}

:lang(ja) .faq .cate {
    font-weight: 700;
}

.faq .cate:before {
    content: 'Q';
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #000;
    border-radius: 30px;
    overflow: hidden;
    text-align: center;
}

.faq .tit {
    font-size: 14px;
    margin: 0 100px 0 195px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.faq .txts {
    display: none;
    position: relative;
    background: #f7f8f9;
    font-size: 14px;
    padding: 20px 0 30px 90px;
    line-height: 200%;
}

.faq .txts:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50px;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-top: 0;
    border-right: 0;
}

.service-center {
    min-width: 1080px;
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    padding: 70px 10px 170px 10px;
}

.service-center .page-h3 {
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-size: 30px;
    font-family: 'Lato-Regular';
    letter-spacing: -1px;
    line-height: 100%;
}

.service-center .sub-txt {
    text-align: center;
    font-size: 16px;
    line-height: 200%;
}

.service-center .content {
    padding-top: 40px;
}

.service-center .content .info {
    margin-top: 50px;
    padding: 35px 40px 50px;
    border-top: 3px solid #000;
    border-bottom: 1px solid #000;
}

.service-center .content .info dt {
    margin-top: 15px;
    font-size: 14px;
}

.service-center .content .info dd{
    font-size: 14px;
    margin-top: -16px;
    padding-left: 90px;
}

.service-center .page-h4 {
    margin-top: 100px;
    font-size: 26px;
    font-weight: normal;
}

.service-center .notice-cscenter {
    padding-top: 20px;
    font-size: 16px;
    line-height: 28px;
}

/* member */
.member .genuine-reg-content{
    position: relative;
    width: 700px;
    margin: 0 auto;
    padding: 50px 0 150px 0;
}

.member .genuine-reg-content .reg-forms .regs .col-product {
    float: left;
    width: 33.333333%;
    padding-right: 30px;
    box-sizing: border-box;
}

.member .genuine-reg-content .reg-forms .regs .col-product:last-child {
    padding-right: 0;
}

.member .genuine-reg-content .tabs li{width:350px;}
.member .genuine-reg-content .genuine-tb{width:1010px;}
.member .genuine-reg-content .bt-return{font-size:14px;}

.sy-layer.genuine-return{width:700px;padding:60px 0 40px 0;border:10px solid #e7e9eb;text-align:center;}
.sy-layer.genuine-return .page-h3{    font-size: 30px;margin-bottom: 25px;}
.sy-layer.genuine-return .txt{position:relative;font-size:16px;line-height:150%;}
.sy-layer.genuine-return .txt:before{content:'';display:block;width:81px;height:97px;margin:30px auto;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: 0 -688px;
}
.sy-layer.genuine-return .btns{margin-top:50px;}
.sy-layer.genuine-return .btns a{display:inline-block;margin:0 5px;}

.sy-layer .usb-driver-download {display:block; position: absolute; top: 456px; left:50%; width:196px; height:52px; margin-left: -89px;}
.sy-layer .usb-driver-download span{overflow:hidden; position:absolute; width:1px; height:1px; padding:0; border:0; white-space: nowrap; clip: rect(0, 0, 0, 0); clip-path: inset(50%);}

.member .mtom-content,
.member .out-content {
    position: relative;
    width: 700px;
    margin: 0 auto;
    padding: 100px 0 150px 0;
}

.member .genuine-reg-content .page-h3,
.member .mtom-content .page-h3,
.member .out-content .page-h3 {
    font-size: 40px;

    text-align: left;
    margin-bottom: 40px;
}

:lang(ko) .member .genuine-reg-content .page-h3,
:lang(ko) .member .mtom-content .page-h3,
:lang(ko) .member .out-content .page-h3 {
}

:lang(en) .member .genuine-reg-content .page-h3,
:lang(en) .member .mtom-content .page-h3,
:lang(en) .member .out-content .page-h3 {
    font-family: 'Lato-Regular';
}

.member .join .page-h4,
.member .genuine-reg-content .page-h4,
.member .mtom-content .page-h4,
.member .out-content .page-h4 {
    font-size: 30px;
    margin-bottom: 10px;
}

.member .genuine-reg-content .page-h5{
    font-weight: 300;
    font-size: 40px;
    margin-bottom: 15px;
}

.member .mtom-content .page-h5,
.member .out-content .page-h5 {
    font-size: 22px;
    margin-bottom: 20px;
}

.member .genuine-reg-content .bt-full,
.member .mtom-content .bt-full,
.member .out-content .bt-full {
    margin: 0 auto;
}

.member .mtom-content .page-sub {
    font-size: 14px;
    margin-top: -25px;
}

.member .genuine-reg-content .service-info {
    margin: 80px 0 100px 0;
}

.member .genuine-reg-content .service-info .t1 {
    font-size: 40px;
}

.member .genuine-reg-content .service-info .t2 {
    font-size: 20px;
    color: #c50233;
    margin: 15px 0 20px 0;
}

.member .genuine-reg-content .service-info .t3 {
    font-size: 14px;
    line-height: 170%;
}

.member .genuine-reg-content .service-info .t3 strong {
    font-size: 14px;
    font-weight: 700;
}

.member .txt {
    font-size: 14px;
    line-height: 170%;
}

.member .apply {
    margin: 10px 0 40px 0;
}

.member .free-gift {
    position: relative;
}

.member .free-gift img {
    position: absolute;
    top: 55px;
    right: 20px;
}

.member .reg-tips {
    border-top: 2px solid #e8e9eb;
    padding: 25px 0 0 0;
    margin-top: 40px;
}

.member .reg-tips li {
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 10px 0
}

.member .reg-tips a {
    font-size: 13px;
    color: #c50233;
    margin-left: 10px;
    border-bottom: 1px solid #c50233
}

.member .reg-tips2 {
    margin-top: 20px;
}

.member .reg-tips2 li {
    font-size: 14px;
    line-height: 150%;
    margin: 0 0 10px 0
}

.member .reg-tips2 a {
    font-size: 13px;
    color: #c50233;
    margin-left: 10px;
    border-bottom: 1px solid #c50233
}

.genuine-reg-content .serial-tips {
    margin-top: 50px;
}

.genuine-reg-content .serial-tips li {
    font-size: 14px;
    color: #c50233;
    padding: 5px 0;
}

.genuine-reg-content .serial-tips .mount {
    padding: 20px 0 0 380px;
}

.genuine-reg-content .serial-tips .mount.info {
    padding: 20px 0 0 0;
}

.member .member-tabs {
    border-top: 1px solid #000;
    border-bottom: 1px solid #e8e9eb;
    margin-bottom: 70px;
}

.member .member-tabs li {
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    border-left: 1px solid #e8e9eb;
}

.member .member-tabs li:first-child {
    border-left: 0;
}

.member .member-tabs a {
    display: block;
    font-size: 14px;
    height: 58px;
    line-height: 58px;
    text-align: center;
}

.member .member-tabs a.selected {
    background: #f3f4f5;
    color: #c50233;
}

.member .reg-forms {
    margin: 80px 0 50px 0;
}

.member .reg-forms .welcome {
    font-size: 20px;
    margin-bottom: 30px;
}

.member .reg-forms .regs {
    font-size: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.member .reg-forms .younger-regs{margin-top:50px;}
.member .reg-forms .regs select {
}

.member .reg-forms .regs .tit {
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
}

.member .reg-forms .regs .tit.v1 {
    display: inline-block;
}

:lang(ko) .member .reg-forms .regs .tit {
    font-weight: 700;
}

:lang(en) .member .reg-forms .regs .tit {
    font-family: 'Lato-Bold';
}

:lang(zh) .member .reg-forms .regs .tit {
    font-weight: 700;
}

:lang(ja) .member .reg-forms .regs .tit {
    font-weight: 700;
}

.member .reg-forms .regs .row {
    display: block;
}

.member .reg-forms .regs .col {
    position: relative;
    display: inline-block;
    width: 320px;
}

.member .reg-forms .regs .col.txt {
    line-height: 39px;
}

.member .reg-forms .regs .col-inner {
    overflow: hidden;
}

.member .reg-forms .regs .col:first-child {
    float: left;
}

.member .reg-forms .regs .col:last-child {
    float: right;
}

.member .reg-forms .regs .col.mount .select {
    margin-right: 50px;
}

.member .reg-forms .regs .col.sample-img img {
    position: relative;
    top: -34px;
}

.member .reg-forms .regs .helper {
    position: absolute;
    top: 0;
    right: -40px;
    line-height: 40px;
    font-size: 16px;
}

:lang(ko) .member .reg-forms .regs .helper {
}

:lang(en) .member .reg-forms .regs .helper {
    font-family: 'Lato-Regular';
}

.member .reg-forms .regs .zip button {
    margin-bottom: 10px;
}

.member .reg-forms .answer2 .radio {
    margin-right: 30px;
}

.member .reg-forms .answer2 .radio.etc {
    margin-right: 0;
}

.member .reg-forms .answer2 .input {
    top: -5px;
}

.member .reg-forms .answer2 .input input {
    height: 30px;
}

.member .reg-forms .answer3 .radio {
    margin-right: 40px;
}

.member .reg-success {
    text-align: center;
    padding: 50px 0 40px 0;
    border: 10px solid #e7e9eb;
}

.member .reg-success .success-txts {
    position: relative;
    margin: 35px 0 40px 0;
    padding-top: 90px;
}

.member .reg-success .success-txts:before {
    content: '';
    width: 65px;
    height: 74px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -33px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: 0 -121px;
}

.member .join .reg-success .success-txts:before {
    background-position: 0 -516px;
}

.member .reg-success .txt1 {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 10px;
}

.member .reg-success .txt2 {
    font-size: 14px;
    line-height: 150%;
}

:lang(ko) .member .reg-success .txt2 {
}

:lang(en) .member .reg-success .txt2 {
    font-family: 'Lato-Regular';
}

.member .reg-success .txt2 span {
    color: #c70e38;
}

.member .out-form {
    text-align: center;
    padding: 50px 0 40px 0;
    border: 10px solid #e7e9eb;
}

.member .out-form .sub-txt {
    font-size: 14px;
}

.member .out-form .user-info {
    width: 320px;
    margin: 40px auto;
}

.member .out-form .user-info .input {
    margin: 20px 0;
}

.member .out-form .end-txt {
    width: 540px;
    margin: 50px auto 0 auto;
    padding-bottom: 40px;
    border-bottom: 1px solid #bbb;
}

.member .out-form .end-txt .t1 {
    font-size: 20px;
}

.member .out-form .end-txt .t2 {
    font-size: 14px;
    line-height: 170%;
    margin-top: 15px;
}

.member .out-form .bts {
    margin-top: 30px;
    text-align: center;
}

.member .out-form .bts a {
    display: inline-block;
    margin: 0 10px;
}

.member .out-form .end-txt2 {
    position: relative;
    width: 540px;
    margin: 50px auto 40px auto;
    padding-top: 100px;
}

:lang(ja) .member .out-form .end-txt2 {
    width: 590px;
}

.member .out-form .end-txt2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 64px;
    height: 74px;
    margin-left: -32px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: 0 -516px;
}

.member .out-form .end-txt2 .t1 {
    font-size: 20px;
}

.member .out-form .end-txt2 .t2 {
    font-size: 14px;
    line-height: 170%;
    margin-top: 15px;
}

:lang(ja) .member .out-form .check{text-align:left;display:block;margin:15px 0 60px 70px;}
:lang(ja) .member .out-form .check input[type=checkbox] + label:before{top:3px;}

.member .pw-re {
    text-align: center;
    padding: 50px 0 40px 0;
    border: 10px solid #e7e9eb;
}

.member .pw-re .sub-txt {
    font-size: 14px;
}

.member .pw-re .bts {
    margin-top: 30px;
    text-align: center;
}

.member .pw-re .bts a {
    display: inline-block;
    margin: 0 10px;
}

.member .pw-re .pw {
    width: 320px;
    margin: 40px auto;
}

.member .pw-re .pw .input {
    margin: 20px 0 0 0;
}

/* join1 */

.left-info {
    position: absolute;
    top: 215px;
    left: -320px;
    width: 220px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.left-info li {
    position: relative;
    font-size: 14px;
    color: #868686;
    padding: 25px 0 25px 10px;
}

.left-info li.active {
    color: #000;
}

.left-info li:after {
    content: '';
    position: absolute;
    top: -3px;
    left: 47px;
    width: 10px;
    height: 6px;
    background: url('/assets/images/icons.png') -220px 0 no-repeat;
}

.left-info li:first-child:after {
    display: none;
}

.member .join {
    position: relative;
    padding: 100px 0 150px 0;
    width: 700px;
    margin: 0 auto;
}

:lang(ja) .member .join {
    width: 720px;
}

.member .join .page-h3 {
    font-size: 40px;
    margin-bottom: 40px;
    text-align: center;
}

:lang(ko) .member .join .page-h3 {
}

:lang(en) .member .join .page-h3 {
    font-family: 'Lato-Regular';
}
:lang(ja) .member .join .page-h3 {
    letter-spacing: -3px;
}
.member .join-box {
    width: 700px;
    border: 10px solid #e7e9eb;
    text-align: center;
    padding: 60px 0 0 0;
}

.member .join-box .bt-full {
    width: 170px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: lighter;
}

:lang(ja) .member .join-box .bt-full {
    width: 180px;
}

.member .join-box .welcome {
    font-size: 30px;
    font-weight: lighter;
}

.member .join-box > ul {
    display: inline-block;
    margin-top: 50px;
}

.member .join-box > ul > li {
    display: inline-block;
    width: 170px;
    vertical-align: top;
    margin: 0 10px !important;
}

:lang(ja) .member .join-box > ul > li {
    width: 180px;
    margin: 0 50px !important;
}

.member .join-box > ul > li:before {
    content: '';
    display: inline-block;
    margin-bottom: 15px;
    background: url('/assets/images/icons.png') no-repeat;
}

.member .join-box > ul > li:nth-child(1):before {
    background-position: 0px -416px;
    width: 120px;
    height: 72px;
}

.member .join-box > ul > li:nth-child(2):before {
    background-position: -128px -416px;
    width: 122px;
    height: 72px;
}

:lang(en) .member .join-box > ul > li:nth-child(2):before {
    background-position: -429px -528px;
    width: 70px;
    height: 61px;
    margin-top: 11px;
}
:lang(ja) .member .join-box > ul > li:nth-child(2):before {
    background-position: -429px -528px;
    width: 70px;
    height: 61px;
    margin-top: 11px;
}

.member .join-box > ul > li:nth-child(3):before {
    background-position: -429px -528px;
    width: 70px;
    height: 61px;
    margin-top: 11px;
}

.member .join-box .check {
    width: 430px;
    text-align: left;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin: 50px auto 40px auto;
    line-height: 22px;
    display: block;
}

.member .join-box .check > p {
    font-size: 14px;
}

.member .join-box .check > p:first-child {

}

:lang(ko) .member .join-box .check > p:first-child {
    font-weight: 700;
}

:lang(en) .member .join-box .check > p:first-child {
    font-family: 'Lato-Bold';
}

:lang(zh) .member .join-box .check > p:first-child {
    font-weight: 700;
}

:lang(ja) .member .join-box .check > p:first-child {
    font-weight: 700;
}

/* join2 */
.member .notic > p {
    font-size: 16px;
    line-height: 26px;
}

.member .notic ul.row {
    margin-top: 35px;
}

.member .notic > ul.row > li:last-child {
    margin-top: 15px;
}

.member .notic .check input[type=checkbox] + label {
    font-size: 16px;
    color: #000;
}

.member .notic .textarea textarea {
    line-height: 200%;
}

.member .btn {
    text-align: center;
    margin-top: 50px;
}

.member .btn > li {
    display: inline-block;
}

.member .btn > li:first-child {
    margin-right: 20px;
}

/* join3 */
.member .reg-forms .col {
    width: 320px;
}

.member .reg-forms .col .date {
    width: 90px;
    margin-right: 25px;
    float: left;
}

.member .reg-forms .col .date:last-child {
    margin-right: 0px;
}

.member .reg-forms .regs-date {
    float: left;
    display: inline-block;
}

.member .reg-forms .regs label.camera {
    margin-top: 15px;
}

.member .reg-forms .col .sex {
    width: 100px;
}

.member .reg-forms .col .country {
    width: 100px;
    margin-right: 25px;
    float: left;
}

.member .reg-forms .col .mobile {
    width: 195px;
    float: left;
}

.member .reg-forms .col .category {
    width: 260px;
}

.member .reg-forms .regs_2 {
    margin-top: 50px;
}

.member .reg-forms label {
    font-size: 16px;
}

.member .reg-forms .mail {
    font-size: 14px;
}

.member .reg-forms .select-camera {
    margin-bottom: 40px;
}

.member .reg-forms .select-camera > li {
    position: relative;
    display: inline-block;
    background: #f9f9f9;
    border: 1px solid #bbbbbb;
    padding: 10px 35px 10px 20px;
    margin: 0 10px 10px 0;
    font-size: 14px;
}

.member .reg-forms .select-camera > li > span {
    position: absolute;
    top: 50%;
    right: 13px;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background: url('/assets/images/icons.png') -94px -367px;
    cursor: pointer;
}

/* join4 */
.member .join-forms .guide {
    background: #f3f4f5;
    padding: 15px 25px;
    margin-bottom: 30px;

}

.member .join-forms .guide p {
    font-size: 14px;
    position: relative;
    padding: 5px 0;
}

.member .join-forms .guide p.icon {
    padding-left: 23px;
}

.member .join-forms .guide p.icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url('/assets/images/icons.png') -113px -363px;
}

.member .join-forms .regs .col-none {
    display: none;
}

.member .join-forms .regs .col-new .input {
    border-color: #000;
    margin-left: 60px;
    width: 100%;
}

/* join_popup */
.join-popup-box {
    width: 600px;
    height: auto;
    padding: 105px 0 30px 0;
    border: 20px solid #e7e9eb;
    text-align: center;
    display: none;
    background: #fff;
}

.join-popup-box .logo a {
    position: absolute;
    top: 20px;
    left: 20px;
    text-indent: -9999px;
    width: 123px;
    height: 37px;
    background: url(/assets/images/img_SAMYANG.svg) center center no-repeat;
    background-size: 123px 37px;
    display: inline-block;
}

.join-popup-box > .btn {
    display: inline-block;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
}

.join-popup-box .page-h3 {
    font-size: 30px;
    margin-bottom: 25px;
}


.join-popup-box p.con {
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 30px;
}

.join-popup-box .email {
    display: inline-block;
    padding: 15px 30px;
    background: #e7e9eb;
    margin-bottom: 50px;
    font-size: 18px;
}

.join-popup-box .email input {
    height: 30px;
    text-indent: 10px;
    width: 200px;
}

.join-popup-box .email-now {
    font-size: 16px;
    margin-bottom: 15px;
}

.join-popup-box ul.ask {
    margin: auto;
    width: 601px;
    height: 100%;
    margin-bottom: 40px;
}

.join-popup-box ul.ask li {
    display: inline-block;
    width: 300px;
    font-size: 14px;
    line-height: 25px;
}

.join-popup-box ul.ask li:first-child {
    border-right: 1px solid #ddd;
}

.join-popup-box ul.ask li span {
    display: block;

}

.join-popup-box ul.ask li a, .join-popup-box .con2 span a {
    font-size: 14px;
    color: #c50233;
    border-bottom: 1px solid #c50233;
    padding-bottom: 5px;
    cursor: pointer;
}

.join-popup-box .error_icon {
    text-align: center;
    width: 112px;
    height: 127px;
    margin: 0 auto 30px auto;
    background: url('/assets/images/icons.png');
    background-position: -267px -373px;
}

.join-popup-box .con {
    font-size: 20px;
}

.join-popup-box .con span {
    font-size: 16px;
    line-height: 20px;
}

.join-popup-box .con2 p {
    font-size: 14px;
    line-height: 22px;
}

.join-popup-box .con2 span a {
    display: inline-block;
}

.join-popup-box .con2 .name {
    font-size: 16px;
    margin-top: 40px;
}

.join-popup-box .con2 .mymail a {
    margin-top: 15px;
}

.join-popup-box .notic {
    margin: 50px 30px 0px 30px;
    background: #e7e9eb;
    text-align: left;
    padding: 20px;
}

.join-popup-box .notic p {
    font-size: 14px;
    line-height: 22px;
}

.join-popup-box .notic p a {
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}

.join-popup-box .btn .black {
    margin-right: 15px;
}

.join-popup-box .con .red {
    color: #c50233;
}

:lang(ko) .join-popup-box .con .red {
    font-weight: 700;
}

:lang(en) .join-popup-box .con .red {
    font-family: 'Lato-Bold';
}

:lang(zh) .join-popup-box .con .red {
    font-weight: 700;
}

:lang(ja) .join-popup-box .con .red {
    font-weight: 700;
}

.join-popup-box .con3 p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 50px;
}

/* login */
.login {
    width: 1000px;
    height: 750px;
}

.login .login-inner {
    position: relative;
}

.login .login-visual {
    position: absolute;
    top: 0;
    left: 0;
}

.login .login-form {
    position: relative;
    height: 530px;
    margin: 0 0 0 500px;
    padding: 110px 50px;
}

.login .login-form h2 {
    font-size: 50px;
    font-family: 'Lato-Bold';
}

.login .login-inputs {
    margin: 40px 0 0 0;
}

.login .login-inputs .input {
    margin-top: 15px;
}

.login .login-bts {
    position: absolute;
    bottom: 110px;
    left: 50px;
}

.login .bt-link {
    margin-bottom: 30px;
}

.login .bt-link a {
    display: inline-block;
    margin-right: 20px;
}

.login .bt-fb {
    position: relative;
    padding-left: 50px;
    width: 160px;
    height: 43px;
    line-height: 43px;
    background: #3c5b9a;
    color: #fff;
    font-size: 14px;
    font-family: 'Lato-Regular';
}

.login .bt-fb:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 15px;
    width: 11px;
    height: 21px;
    margin-top: -11px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -84px -518px;
}

.login .txt-link a {
    padding-bottom: 3px;
    font-size: 14px;
    display: inline-block;
    margin-right: 20px;
    border-bottom: 1px solid #000
}

/* find id */
.find-user {
    width: 700px;
}

.find-user .logo a {
    position: absolute;
    top: 40px;
    left: 40px;
    text-indent: -9999px;
    width: 123px;
    height: 37px;
    background: url(/assets/images/img_SAMYANG.svg) center center no-repeat;
    background-size: 123px 37px;
    display: inline-block;
}

.find-user .find-inner {
    padding: 120px 100px 150px 100px;
}

.find-user .find-tabs {
    font-size: 0;
    margin-bottom: 40px;
}

.find-user .find-tabs li {
    display: inline-block;
    text-align: center;
    width: 50%;
}

.find-user .find-tabs a {
    font-size: 32px;
    display: block;
    font-family: 'Lato-Regular';
    padding-bottom: 15px;
    border-bottom: 2px solid #ddd;
}

.find-user .find-tabs a.selected {
    font-family: 'Lato-Bold';
    border-bottom: 2px solid #c50233;
}

.find-user .find-form .noti-txt {
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 40px;
}

:lang(ko) .find-user .find-form .noti-txt {
}

:lang(en) .find-user .find-form .noti-txt {
    font-family: 'Lato-Regular';
}

:lang(ko) .find-user .find-form .noti-txt strong {
    font-weight: 700;
}

:lang(en) .find-user .find-form .noti-txt strong {
    font-family: 'Lato-Bold';
}

:lang(zh) .find-user .find-form .noti-txt strong {
    color: #0099cc;
}

:lang(ja) .find-user .find-form .noti-txt strong {
    color: #0099cc;
}

.find-user .find-form .tit-label {
    display: block;
    font-size: 16px;
    line-height: 160%;
}

.find-user .find-form .t1 {
    position: relative;
    margin-bottom: 30px;
    line-height: 160%;
    font-size: 20px;
}

.find-user .find-form .t1.tit {
    font-size: 30px;
}

.find-user .find-form .t1.fail {
    padding-left: 25px;
}

.find-user .find-form .t1.fail:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -194px -521px;
}

.find-user .find-form .t2 {
    line-height: 160%;
    font-size: 16px;
}

.find-user .find-form .input {
    margin-top: 15px;
}

.find-user .find-form .date {
    font-size: 0;
}

.find-user .find-form .date .input {
    margin-left: 40px;
    width: 140px;
    display: inline-block;
}

.find-user .find-form .date .input:first-child {
    margin-left: 0;
}

.find-user .find-form .find-code {
    font-size: 16px;
    line-height: 160%;
}

:lang(ko) .find-user .find-form .find-code {
}

:lang(en) .find-user .find-form .find-code {
    font-family: 'Lato-Regular';
}

:lang(ko) .find-user .find-form .find-code strong {
    font-weight: 700;
}
:lang(en) .find-user .find-form .find-code strong {
    font-family: 'Lato-Bold';
}
:lang(zh) .find-user .find-form .find-code strong {
    font-weight: 700;
}
:lang(ja) .find-user .find-form .find-code strong {
    font-weight: 700;
}

.find-user .find-result .result-num {
    font-size: 16px;
}

.find-user .find-result .result-input {
    margin-top: 10px;
    text-indent: 20px;
    display: block;
    background: #e7e9eb;
    width: 500px;
    height: 43px;
}

.find-user .find-result .result-input input {
    width: 500px;
    height: 43px;
    font-size: 18px;
    font-family: 'Lato-Regular';
    background: none;
}

.find-user .find-util {
    margin-top: 30px;
}

.find-user .find-util p {
    font-size: 14px;
}

.find-user .find-util a {
    margin-top: 5px;
    font-size: 14px;
    color: #c50233;
    display: inline-block;
    border-bottom: 1px solid #c50233;
    padding-bottom: 3px;
}

.find-user .find-bts {
    margin-top: 50px;
    text-align: center;
}

.find-user .find-bts a {
    display: inline-block;
    margin: 0 10px;
}

/* footer */
.sy-footer {
    position: relative;
}

.sy-footer .inner {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    min-width: 1080px;
    max-width: 1280px;
    padding: 0 10px;
    margin: 0 auto;
}

.footer_sec1 {
    background: #292a2e;
    padding: 40px 0 0 0;
}

.footer_sec1 .info {
    float: left;
    margin-top: 5px;
    width: 416px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.footer_sec1 .info .footer-logo {
    display: block;
}

.footer_sec1 .info p {
    font-size: 12px;
    color: #d4d4d5;
    line-height: 150%;
    margin: 15px 0;
}

.footer_sec1 .sitemap {
    overflow: hidden;
    font-size: 0;
    padding-left: 50px;
}

:lang(ko) .footer_sec1 .sitemap dl {
    display: inline-block;
    width: 16.6%;
    vertical-align: top;
    margin-top: 5px;
}

:lang(en) .footer_sec1 .sitemap dl {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin-top: 5px;
}

:lang(zh) .footer_sec1 .sitemap dl {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin-top: 5px;
}

:lang(ja) .footer_sec1 .sitemap dl {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    margin-top: 5px;
}

.footer_sec1 .sitemap dt {
    margin-bottom: 20px;
}

.footer_sec1 .sitemap dt a {
    display: block;
    font-size: 14px;
    font-family: 'Lato-Bold';
    color: #d4d4d5;
}

.footer_sec1 .sitemap li {
    padding: 5px 0;
}

.footer_sec1 .sitemap li a {
    display: inline-block;
    font-size: 12px;
    font-family: 'Lato-Regular';
    color: #d4d4d5;
}

.footer_sec1 .util {
    display: block;
    clear: both;
    height: 100px;
    overflow: hidden;
}

.footer_sec1 .marks {
    margin-top: 30px;
}

.footer_sec1 .sns {
    position: absolute;
    bottom: 30px;
    left: 450px;
}

.footer_sec1 .sns li {
    display: inline-block;
    margin: 0;
}

.footer_sec1 .sns a {
    display: block;
    margin: 0 20px;
    text-indent: -9999px;
    width: 25px;
    height: 26px;
    background: url('/assets/images/icons.png') no-repeat;
}

.footer_sec1 .sns a.b {
    background-position: -438px -134px;
}

.footer_sec1 .sns a.tt {
    background: url('/assets/images/j/TikTok.png') no-repeat;
}
.footer_sec1 .sns a.bb {
    width: 54px;
    background: url('/assets/images/j/bilibili.png') no-repeat;
}

.footer_sec1 .sns a.f {
    background-position: -397px -134px;
}

.footer_sec1 .sns a.i {
    background-position: -352px -136px;
}

.footer_sec1 .sns a.t {
    background-position: -302px -132px;
}

.footer_sec1 .sns a.y {
    width: 29px;
    background-position: -117px -615px;
}

.footer_sec1 .sns a.w {
    width: 30px;
    background-position: -163px -614px;
}

.footer_sec1 .policys {
    position: absolute;
    bottom: 20px;
    right: 130px;
}

.footer_sec1 .policys li {
    display: inline-block;
}

.footer_sec1 .policys a {
    font-size: 12px;
    color: #d4d4d5;
    padding: 0 15px;
}

.footer_sec1 .lang {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 20px;
}

.footer_sec1 .lang:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 86px;
    height: 7px;
    background: #fff;
}

.footer_sec1 .lang .lang-layer {
    display: none;
}

.footer_sec1 .lang .lang-layer a {
    width: 86px;
    text-indent: 10px;
    font-family: 'Lato-Bold';
    font-size: 12px;
    color: #d4d4d5;
    display: block;
    padding: 5px 0;
}

.footer_sec1 .lang .target {
    position: relative;
    text-align: left;
    display: block;
    width: 86px;
    text-indent: 10px;
    font-family: 'Lato-Bold';
    font-size: 12px;
    color: #d4d4d5;
    display: block;
    padding: 5px 0;
}

.footer_sec1 .lang .target:after {
    content: '';
    position: absolute;
    bottom: 50%;
    margin-bottom: -3px;
    right: 10px;
    width: 10px;
    height: 6px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -33px -96px;
}

.footer_sec1 .lang .target.active:after {
    background-position: -53px -96px;
}


.footer_sec2 {
    height: 155px;
    background: #e31839;
}

.footer_sec2 .txts {
    margin: 35px 0 0 0;
}

.footer_sec2 .t1 {
    font-size: 26px;
    color: #fff;
    margin-bottom: 10px;
}

:lang(ko) .footer_sec2 .t1 {
}

:lang(en) .footer_sec2 .t1 {
    font-family: 'Lato-Regular';
}

.footer_sec2 .t2 {
    font-size: 13px;
    font-family: 'Lato-Regular';
    color: #fff;
}

.footer_sec2 .subscribe {
    width: 732px;
    position: absolute;
    top: 55px;
    right: 10px;
}

.footer_sec2 .subscribe .bt-full.black {
    position: absolute;
    top: 0;
    right: 0;
}

.footer_sec2 .subscribe input {
    font-size: 14px;
    width: 546px;
    height: 42px;
    text-indent: 15px;
    font-family: 'Lato-Regular';
}

.top-move {
    text-indent: -9999px;
    position: absolute;
    top: -60px;
    right: 50%;
    margin-right: -599px;
    width: 61px;
    height: 59px;
    background: url('/assets/images/img_top.png') no-repeat;
}

.top-move:before {
    content: '';
    width: 100%;
    height: 100%;
    border: 0px solid #e31839;
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
    -ms-transition: .3s;
    -webkit-transition: .3s;
    box-sizing: border-box;
}

.top-move:hover:before {
    border-width: 8px;
}

.search-content {
    width: 1140px;
    margin: 50px auto 0 auto;
    padding-bottom: 150px;
}

.search-content .page-h3 {
    text-align: center;
    font-size: 32px;
}

.search-content .search-top {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding-bottom: 10px;
}

.search-content .search-top.nob {
    border: 0;
    margin-bottom: 20px;
}

.search-content .search-top h4 {
    font-family: 'Lato-Light';
    font-size: 35px;
}

.search-content .search-top .num {
    position: absolute;
    bottom: 13px;
    left: 0;
    font-size: 20px;
    font-family: 'Lato-Regular';
}

.search-content .search-top .num em {
    color: #c50233;
}
.search-content .search-top .arrow-bt {
    display: inline-block;
    width: 55px;
    height: 16px;
    background: #000;
    position: absolute;
    bottom: 13px;
    right: 0;
}

.search-content .search-top .arrow-bt:before {
    content: '';
    transition: .1s;
    -ms-transition: .1s;
    -webkit-transition: .1s;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 16px;
    background: #c50233;
}

.search-content .search-top .arrow-bt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 4px;
    width: 6px;
    height: 10px;
    margin-top: -5px;
    background: url(/assets/images/icons.png) no-repeat;
    background-position: -365px -11px;
    z-index: 1
}

.search-content .search-top .arrow-bt:hover:before {
    width: 55px;
}


.search-content .search-form {
    position: relative;
    width: 328px;
    margin: 20px auto 0 auto;
}

.search-content .search-form input {
    width: 328px;
    border-bottom: 1px solid #000;
    height: 40px;
    font-size: 15px;
    text-indent: 10px;
}

.search-content .search-form button {
    position: absolute;
    top: 0;
    right: -50px;
    width: 50px;
    height: 40px;
    text-indent: -99999px;
}

.search-content .search-form button:before {
    content: '';
    width: 28px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -14px 0 0 -13px;
    background: url('/assets/images/icons.png') -336px -518px no-repeat;
}

.search-content .search-result-txt {
    font-size: 25px;
    text-align: center;
    margin: 30px 0 60px 0;
}

.search-content .search-result-txt strong {
    font-family: 'Lato-Bold';
    color: #c50233;
}

.search-content .search-group {
    margin-top: 195px;
}

.search-content .search-group:first-child {
    margin-top: 80px;
}

.search-content .search-group .srch-result,
.search-content .search-group .short-board-list,
.search-content .search-group .tb-list {
    margin-bottom: 40px;
}

.search-content .meet-lists {
    margin-top: 30px;
}

.search-content .paging {
    margin-top: 0;
}

.footer-content {
    width: 1140px;
    margin: 50px auto 0 auto;
    padding-bottom: 150px;
}

.footer-content .page-h3 {
    text-align: center;
    font-size: 32px;
}

.footer-content .sub-txt {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
}

.footer-content .policy-select {
    width: 150px;
    margin: 30px auto 0 auto;
}

.footer-content .policy-select .select {
    border-bottom: 1px solid #000;
}

.footer-content .policy-wrap {
    margin: 50px 0 0 0;
    border-top: 4px solid #404040;
    border-bottom: 4px solid #404040;
}

.footer-content .email-policy {
    padding: 60px 0;
}

.footer-content .email-policy .txt {
    font-size: 14px;
    line-height: 250%;
}

.footer-content .email-policy .date {
    color: #c50233;
}

.footer-content .email-policy .tit {
    font-size: 14px;
    font-weight: 700;
    display: block;
}

.footer-content .email-policy .list {
}

.footer-content .email-policy .list li {
    font-size: 14px;
    line-height: 250%;
}

.footer-content .policy-tb .first-txt {
    padding: 20px 0;
    border-bottom: 1px solid #101010;
    font-size: 14px;
    line-height: 200%;
}

.footer-content .policy-list-item {
    border-top: 1px solid #101010;
}

.footer-content .policy-list-item:first-child {
    border-top: 0;
}

.footer-content .policy-list .target {
    position: relative;
    display: block;
    padding-left: 80px;
    font-size: 14px;
    height: 70px;
    line-height: 70px;
}

.footer-content .policy-list .target:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 24px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -190px -557px;
}

.footer-content .policy-list .target.actived:before {
    background-position: -217px -557px;
}

:lang(ko) .footer-content .policy-list .target {
    font-weight: 700;
}

:lang(en) .footer-content .policy-list .target {
    font-family: 'Lato-Bold';
}

:lang(zh) .footer-content .policy-list .target {
    font-weight: 700;
}

:lang(ja) .footer-content .policy-list .target {
    font-weight: 700;
}

.footer-content .policy-list .txts {
    display: none;
    position: relative;
    background: #f7f8f9;
    padding: 20px 30px 30px 80px;
}

.footer-content .policy-list .txts:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 45px;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-top: 0;
    border-right: 0;
}

.footer-content .policy-list .txts p {
    font-size: 14px;
    line-height: 200%;
}

.footer-content .policy-list .txts li {
    font-size: 14px;
    line-height: 200%;
}

.footer-content .policy-list .txts dl {
    font-size: 14px;
    line-height: 200%;
    margin-top: 5px;
}

.footer-content .policy-list .txts dt {
}

.footer-content .policy-list .txts dd {
}

.footer-content .policy-list .txts dd ol, .footer-content .policy-list .txts dd ul {
    margin-left: 10px;
}

.footer-content .policy-list .tips {
    margin-top: 20px;
    padding: 15px 20px;
    border: 1px solid #ddd;
    background: #ddd;
}

.footer-content .policy-list .tips strong {
    font-size: 14px;
    line-height: 200%;
}

.footer-content .policy-list table {
    width: 100%;
}

.footer-content .policy-list table th {
    padding: 5px;
    background: #ddd;
    font-size: 14px;
    line-height: 200%;
    text-align: left;
    border: 1px solid #000;
}

.footer-content .policy-list table td {
    padding: 10px;
    font-size: 14px;
    line-height: 200%;
    text-align: left;
    border: 1px solid #000;
}

.footer-content .terms-list {
}

.footer-content .terms-list > li {
    margin-top: 15px;
}

.footer-content .terms-list > li:first-child {
    margin-top: 0;
}

.footer-content .terms-list strong {
}

.footer-content .terms-list div {
}

.footer-content .terms-list div ol {
}

.sy-fullviewer {
    display: none;
    position: absolute;
    z-index: 1001;
    background: #fff;
    width: 100%;
}

.sy-fullviewer .fullviewer-inner {
    font-size: 0;
    text-align: center;
}

.sy-fullviewer img {
    max-width: 100%;
}

.sy-fullviewer .close {
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background: url('/assets/images/icons.png') 0 -900px no-repeat;
}

.site-check {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: auto;
    padding: 105px 0 30px 0;
    border: 20px solid #e7e9eb;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.site-check .logo a {
    position: absolute;
    top: 40px;
    left: 50%;
    text-indent: -9999px;
    width: 123px;
    height: 37px;
    margin-left: -62px;
    background: url(/assets/images/img_SAMYANG.svg) center center no-repeat;
    background-size: 123px 37px;
    display: inline-block;
}

.site-check .page-h3 {
    font-size: 28px;
}

.site-check .txt {
    position: relative;
    font-size: 16px;
    line-height: 150%;
    padding-top: 120px;
}

.site-check .txt:before {
    content: '';
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -24px;
    display: block;
    width: 48px;
    height: 40px;
    background: url('/assets/images/icons.png') 0 -619px no-repeat;
}

:lang(en) .site-check .txt strong {
    font-size: 18px;
}

.site-check .info {
    font-size: 0;
    text-align: center;
    margin-top: 50px;
}

.site-check .info li {
    position: relative;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 150%;
}

.site-check .info li:before {
    content: '';
    width: 1px;
    height: 66px;
    background: #ddd;
    position: absolute;
    top: 0;
    left: 0;
}

.site-check .info li:first-child:before {
    display: none;
}

:lang(ko) .site-check .info li {
    font-weight: 300;
}

:lang(en) .site-check .info li {
    font-family: 'Lato-Light';
}

:lang(zh) .site-check .info li {
    font-weight: 300;
}

:lang(ja) .site-check .info li {
    font-weight: 300;
}

.site-check .info strong {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

:lang(ko) .site-check .info strong {
    font-weight: 700;
    display: block;
}

:lang(en) .site-check .info strong {
    font-family: 'Lato-Bold';
}

:lang(zh) .site-check .info strong {
    font-weight: 700;
    display: block;
}

:lang(ja) .site-check .info strong {
    font-weight: 700;
    display: block;
}

/*main_moved_popup*/
.main-moved-popup {
    display: none;
    width: 600px;
    height: 630px;
    background: #fff;
}

.main-moved-popup__link, .main-moved-popup__link img {
    display: block;
}

.main-moved-popup__etc {
    position: relative;
}

.main-moved-popup__etc:after {
    display: block;
    clear: both;
    content: "";
}

.main-moved-popup .btn_today {
    display: inline-block;
    vertical-align: top;
    padding: 0 16px;
    color: #000;
    font-size: 15px;
    line-height: 30px;
}

.main-moved-popup .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 16px;
    color: #000;
    font-size: 15px;
    line-height: 30px;
}


/*main_newsletter_popup*/
.main-newsletter-popup {
    width: 800px;
    height: auto;
    text-align: center;
    display: none;
    background: #fff;
}

.main-newsletter-popup__contents:after {
    display: block;
    clear: both;
    content: '';
}

.main-newsletter-popup__image {
    float: left;
}

.main-newsletter-popup__image img {
    display: block;
}

.main-newsletter-popup__etc {
    margin-left: 380px;
    padding: 110px 40px 50px;
    text-align: left;
    box-sizing: border-box;
}

.main-newsletter-popup__title, :lang(zh) .main-newsletter-popup__title, :lang(en) .main-newsletter-popup__title, :lang(ja) .main-newsletter-popup__title {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.2;
}

.main-newsletter-popup__text, :lang(zh) .main-newsletter-popup__text, :lang(en) .main-newsletter-popup__text, :lang(ja) .main-newsletter-popup__text {
    padding-top: 15px;
    color: #555;
    font-size: 16px;
    line-height: 1.2;
}

:lang(zh) .main-newsletter-popup__text strong, :lang(en) .main-newsletter-popup__text strong, :lang(jp) .main-newsletter-popup__text strong {
    font-weight: 700;
}

.main-newsletter-popup .mail-form {
    position: relative;
    margin-top: 30px;
    padding-right: 125px;
    height: 54px;
    background: #ededed;
}

.main-newsletter-popup .mail-form2 {
    position: relative;
    margin-top: 30px;
    padding-right: 125px;
    height: 54px;
}

.main-newsletter-popup .mail-form input {
    width: 100%;
    height: 54px;
    font-size: 14px;
    font-family: 'Lato-Regular';
    text-indent: 30px;
    background: none;
}


.main-newsletter-popup .mail-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 14px;
}

.main-newsletter-popup .mail-form2 button {
    position: absolute;
    top: 0;
    left: 50%;
    width: 150px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 14px;
    transform: translate(-50%, 0)
}

.main-newsletter-popup .btn_close {
    position: absolute;
    bottom: 30px;
    right: 40px;
    color: #555;
    font-size: 12px;
    text-decoration: underline;
}

.main-newsletter-popup .layer-close {
    top: 25px;
    right: 25px;
    transform: scale(0.7);
}


/*product_newsletter_popup*/
.product-newsletter-popup {
    overflow: hidden;
    position: fixed;
    bottom: 0;
    right: 50%;
    width: 650px;
    height: 367px;
    margin-right: -325px;
    z-index: -1;
}

.product-newsletter-popup.open {
    z-index: 1111;
}

.product-newsletter-popup.open .product-newsletter-popup__container {
    bottom: 0;
    transition: bottom 1.2s ease-out;
}

.product-newsletter-popup__container {
    position: absolute;
    right: 0;
    bottom: -400px;
}


.product-newsletter-popup__contents {
    width: 650px;
    text-align: center;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}

.product-newsletter-popup__etc {
    padding: 60px 90px 30px;
    box-sizing: border-box;
}

.product-newsletter-popup__title, :lang(zh) .product-newsletter-popup__title, :lang(en) .product-newsletter-popup__title, :lang(ja) .product-newsletter-popup__title {
    font-size: 30px;
    font-weight: bold;
    font-family: 'Lato-Regular';
}

.product-newsletter-popup__text {
    padding-top: 15px;
    color: #111;
    font-size: 20px;
    line-height: 1.6;
}

:lang(zh) .product-newsletter-popup__text, :lang(en) .product-newsletter-popup__text, :lang(ja) .product-newsletter-popup__text {
    padding-top: 15px;
    color: #111;
    font-size: 16px;
    line-height: 1.6;
}

:lang(zh) .product-newsletter-popup__text strong, :lang(en) .product-newsletter-popup__text strong, :lang(jp) .product-newsletter-popup__text strong {
    font-weight: 700;
}

.product-newsletter-popup .mail-form {
    position: relative;
    margin-top: 30px;
    padding-right: 125px;
    height: 54px;
    background: #ededed;
}

.product-newsletter-popup .mail-form input {
    width: 100%;
    height: 54px;
    font-size: 16px;
    font-family: 'Lato-Regular';
    text-indent: 30px;
    background: none;
}


.product-newsletter-popup .mail-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 125px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background: #c60234;
    color: #fff;
    font-size: 14px;
}

.product-newsletter-popup .btn_close {
    display: inline-block;
    vertical-align: top;
    margin-top: 60px;
    color: #888;
    font-size: 14px;
    text-decoration: underline;
}

.product-newsletter-popup .layer-close {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    background: url('/assets/images/icons.png') no-repeat;
    background-position: -134px -513px;
    transform: scale(0.7);
}


.standard-angle {
    max-width: 1140px;
}

.standard-angle .layer-inner {
    margin: 0;
    padding: 80px;
    border: 0;
}

.standard-angle .standard-angle__title {
    padding-bottom: 15px;
    font-size: 24px;
    font-weight: normal;
}

.standard-angle .standard-angle__list {
    padding: 30px 0;
}

.standard-angle .standard-angle__list:after {
    display: block;
    clear: both;
    content: '';
}

.standard-angle .standard-angle__item {
    float: left;
}

.standard-angle .standard-angle__text {
    padding: 10px 0;
    font-size: 14px;
    line-height: 26px;
    word-break: keep-all;
}

.tab-conts .standard-angle__button {
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    cursor: pointer;
}

.standard-angle .close {
    top: -1px;
    right: 0;
    width: 60px;
    height: 60px;
    background-position: -140px bottom;
}

/* 20210329 정품등록 */
.lnb {
    top: 176px;
}

.select:after {
    pointer-events: none;
}

/* 정품등록 현황 */
.genuine-status {
    padding-top: 30px;
}

.genuine-status-title {
    color: #c50233;
    font-size: 20px;
}

.genuine-status-contents {
    width: 880px;
    padding-top: 60px;
}

.genuine-status-contents:after {
    display: block;
    clear: both;
    content: "";
}

.genuine-status-image {
    float: left;
}

.genuine-status-image img {
    max-width: 216px;
}

.genuine-status-table {
    margin-left: 286px;
}

.genuine-status-table table {
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.genuine-status-table th, .genuine-status-table td {
    color: #000;
    font-size: 15px;
    border-top: 1px solid #b0b0b0;
}

.genuine-status-table th {
    padding: 10px 0;
    background: #f5f5f5;
}

.genuine-status-table td {
    padding: 10px 30px;
}

.genuine-status-delete {
    width: 100px;
    margin-top: 20px;
    padding: 8px 30px;
    color: #000;
    font-size: 15px;
    border: 1px solid #000;
    box-sizing: border-box;
}

/* 1:1 문의 */
.support-inquiry {
    width: 880px;
    padding-top: 30px;
}

.support-inquiry-title {
    padding-bottom: 20px;
    color: #c50233;
    font-size: 20px;
    border-bottom: 1px solid #000;
}

.support-inquiry-description {
    display: block;
    padding-top: 50px;
    padding-bottom: 20px;
    color: #000;
    font-size: 15px;
}

.support-inquiry .row {
    overflow: hidden;
}

.support-inquiry .row:after {
    display: block;
    clear: both;
    content: "";
}

.support-inquiry .col {
    float: left;
    width: 420px;
}

.support-inquiry .col:last-child {
    margin-left: 40px;
}

.support-inquiry .input input {
    text-indent: 5px;
}

.support-inquiry .input input,
.support-inquiry .input input::-webkit-input-placeholder,
.support-inquiry .input input::-moz-placeholder,
.support-inquiry .input input:-ms-input-placeholder,
.support-inquiry .input input:-moz-placeholder
{
    font-size: 15px;
}

.support-inquiry .select select {
    color: #7f7f7f;
    font-size: 15px;
}

.support-inquiry .select:after {
    pointer-events: none;
}

.support-inquiry-file {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.support-inquiry-file input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    cursor: pointer;
}

.support-inquiry-file button {
    width: 150px;
    padding: 8px 30px;
    color: #fff;
    font-size: 15px;
    letter-spacing: -.05em;
    background: #000;
    box-sizing: border-box;
}

.support-inquiry-file-image {
    display: none;
    vertical-align: top;
    position: relative;
    width: 100px;
    height: 100px;
    margin-top: 20px;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.support-inquiry-file-delete {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background: #7f7f7f;
}

.support-inquiry-file-delete:before, .support-inquiry-file-delete:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 1px;
    margin-left: -4px;
    background: #fff;
    content: "";
}

.support-inquiry-file-delete:before {
    transform: rotate(45deg);
}

.support-inquiry-file-delete:after {
    transform: rotate(135deg);
}

.support-inquiry-file-delete em {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
}

.support-inquiry-text {
    padding-top: 10px;
    font-size: 13px;
    letter-spacing: -.05em;
}

.support-inquiry-agree {
    clear: both;
    padding: 10px 0 20px;
}

.support-inquiry-agree dl {
    padding-top: 10px;
}

.support-inquiry-agree dl:after {
    display: block;
    clear: both;
    content: "";
}

.support-inquiry-agree dt, .support-inquiry-agree dd {
    float: left;
}

.support-inquiry-agree dt {
    width: 110px;
}

.support-inquiry-agree label {
    color: #000;
    font-size: 15px;
    letter-spacing: -.05em;
}

.support-inquiry-agree-radio {
    position: relative;
    margin-left: 15px;
}

.support-inquiry-agree-radio input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.support-inquiry-agree-radio input:checked + span:before {
    border: none;
    background: #c70e38;
}

.support-inquiry-agree-radio span {
    position: relative;
    padding-left: 25px;
}

.support-inquiry-agree-radio span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    content: "";
}

.support-inquiry-notice li {
    position: relative;
    padding-left: 10px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
}

.support-inquiry-notice li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "*";
}

.support-inquiry-submit {
    padding: 50px 0;
    text-align: center;
}

.support-inquiry-submit button {
    width: 300px;
    padding: 8px 30px;
    color: #fff;
    font-size: 15px;
    letter-spacing: -.05em;
    background: #000;
    box-sizing: border-box;
}

.genuine-register {
    width: 880px;
    padding-top: 30px;
}

.genuine-register-text {
    padding-top: 10px;
    font-size: 13px;
    letter-spacing: -.05em;
}

.genuine-register .row {
    padding-bottom: 60px;
}

.genuine-register .row:after {
    display: block;
    clear: both;
    content: "";
}

.genuine-register .col {
    float: left;
    width: 420px;
    margin-top: 50px;
}

.genuine-register .col2 {
    margin-right: 460px;
}

.genuine-register .row2 {
    width: 66.66666666666%;
}

.genuine-register .col.language:last-child {
    margin-left: 0;
    width: 510px;
}

.genuine-register .col:last-child {
    margin-left: 40px;
}

.genuine-register .col:last-child .genuine-register-authentication {
    padding-right: 210px;
}

.genuine-register .col:last-child button {
    right: 80px;
}

.genuine-register .col:last-child button + button {
    right: 0;
    width: 70px;
}

.genuine-register-authentication {
    position: relative;
    padding-right: 130px;
}

.genuine-register-authentication.email {
    margin-right: 40px;
    padding-right: 200px;
}

.genuine-register-authentication.email button {
    width: 190px;
}

.genuine-register-authentication.email-confirm {
    padding-right: 200px;
}

.genuine-register-authentication.email-confirm button {
    width: 190px;
}

.genuine-register-authentication.email-confirm button + button {
    margin-top: 45px;
}

.genuine-register-authentication.email-confirm time {
    right: 205px;
}

.genuine-register-authentication time {
    position: absolute;
    top: 0;
    right: 215px;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    letter-spacing: -.05em;
    pointer-events: none;
}

.genuine-register-authentication .input input {
    height: 35px;
}

.genuine-register-authentication button {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    padding: 8px 0;
    color: #000;
    font-size: 14px;
    letter-spacing: -.05em;
    border: 1px solid #000;
    box-sizing: border-box;
}

.genuine-register-list {
    margin-left: -15px;
    padding-top: 35px;
}

.genuine-register-list-en .genuine-register-pay-detail {
    padding-top: 110px;
}

.genuine-register-list-en .genuine-register-detail > div {
    width: 205px;
}

.genuine-register-list-en .genuine-register-detail button {
    width: 100px;
}

.genuine-register-list-en .genuine-register-pay-image {
    padding: 100px 0;
    font-size: 15px;
}

.genuine-register-item {
    margin-top: 15px;
    padding: 40px 60px;
    background: #f5f5f5;
}

.genuine-register-detail {
    position: relative;
}

.genuine-register-detail:after {
    display: block;
    clear: both;
    content: "";
}

.genuine-register-detail > div {
    float: left;
    width: 224px;
    margin-right: 20px;
    margin-bottom: 15px;
}

.genuine-register-detail button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    padding: 8px 10px;
    color: #000;
    font-size: 14px;
    letter-spacing: -.05em;
    border: 1px solid #000;
    box-sizing: border-box;
}

.genuine-register-detail .select select {
    height: 35px;
    color: #4c4c4c;
}

.genuine-register-detail .select:after {
    pointer-events: none;
}

.genuine-register-detail .input input {
    height: 35px;
    background: #f5f5f5;
}

.genuine-register-pay {
    padding-top: 40px;
    padding-bottom: 50px;
}

.genuine-register-pay:after {
    display: block;
    clear: both;
    content: "";
}

.genuine-register-pay-image {
    float: left;
    position: relative;
    width: 366px;
    height: 212px;
    padding: 90px 0;
    text-align: center;
    background: #e6e6e6;
    box-sizing: border-box;
}

.genuine-register-pay-image div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.genuine-register-pay-image em {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
}

.genuine-register-pay-image input {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    cursor: pointer;
    z-index: 5;
}

.genuine-register-pay-detail {
    /*20230821*/
    margin-left: 410px;
}

.genuine-register-pay-detail h5 {
    padding-top: 5px;
    color: #000;
    font-size: 20px;
}

.genuine-register-pay-detail div {
    margin-top: 15px;
}

.genuine-register-pay-detail .select select {
    height: 35px;
    color: #4c4c4c;
}

.genuine-register-pay-detail .select:after {
    pointer-events: none;
}

.genuine-register-pay-detail .input input {
    height: 35px;
    background: #f5f5f5;
}

.genuine-register-pay-detail button {
    width: 100%;
    padding: 8px 0;
    color: #000;
    font-size: 14px;
    letter-spacing: -.05em;
    border: 1px solid #000;
    box-sizing: border-box;
}

.genuine-register-detail-serial {
    position: relative;
}

.genuine-serial_button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    margin: 2px 0 0 5px;
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    text-indent: 2px;
    border-radius: 50%;
    background: #c50233;
}

.genuine-register-detail-serial em {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
}

.genuine-register-pay-detail-button {
    position: relative;
    padding-top: 20px;
}

.genuine-register-pay-detail-button input {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    font-size: 0;
    cursor: pointer;
}

.genuine-register-service {
    color: #000;
    letter-spacing: -.05em;
}

.genuine-register-service dt {
    padding-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}

.genuine-register-service dt a {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 2px 0 0 5px;
    color: #fff;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    background: #c50233;
}

.genuine-register-service dt em {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
}

.genuine-register-button {
    padding-top: 20px;
}

.genuine-register-button:after {
    display: block;
    clear: both;
    content: "";
}

.genuine-register-button button {
    float: left;
    margin-right: 10px;
    padding: 8px 10px;
    color: #000;
    font-size: 14px;
    letter-spacing: -.05em;
    border: 1px solid #000;
    box-sizing: border-box;
}

.genuine-register .input input {
    text-indent: 5px;
}

.genuine-register .input input,
.genuine-register .input input::-webkit-input-placeholder,
.genuine-register .input input::-moz-placeholder,
.genuine-register .input input:-ms-input-placeholder,
.genuine-register .input input:-moz-placeholder
{
    font-size: 15px;
}

.genuine-register-title {
    color: #c50233;
    font-size: 20px;
}

.genuine-register-subtitle {
    padding-top: 2px;
    color: #000;
    font-size: 15px;
}

.genuine-register-submit {
    margin: -10px 0;
    text-align: center;
}

.genuine-register-submit button {
    width: 300px;
    padding: 8px 30px;
    color: #fff;
    font-size: 15px;
    letter-spacing: -.05em;
    background: #000;
    box-sizing: border-box;
}

.genuine-register .support-inquiry-agree {
    padding-top: 10px;
}

.genuine-register-benefit {
    padding-top: 20px;
    line-height: 18px;
    letter-spacing: -.05em;
}

.genuine-register-benefit h5 {
    padding-bottom: 5px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}

.genuine-register-benefit dt {
    padding-top: 15px;
    padding-bottom: 5px;
    font-weight: 700;
}

.genuine-register-benefit ul li:before {
    padding-right: 3px;
    content: "·";
}

.genuine-register-benefit-image {
    padding: 25px 0 20px;
}

.genuine-register-benefit-image p {
    margin-bottom: -20px;
    padding-top: 30px;
}

.genuine-register-survey {
    margin-top: 50px;
    margin-left: -15px;
    border-top: 5px solid #c50233;
    border-bottom: 5px solid #c50233;
}

.genuine-register-survey dl {
    padding: 30px 20px;
    border-top: 1px solid #b0b0b0;
}

.genuine-register-survey dl:first-child {
    border-top: none;
}

.genuine-register-survey dl:after {
    display: block;
    clear: both;
    content: "";
}

.genuine-register-survey dl:nth-child(2n) {
    background: #f5f5f5;
}

.genuine-register-survey dt {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.genuine-register-survey dd {
    float: left;
    width: 33.33333333333%;
    padding-top: 15px;
}

.genuine-register-survey dd.row50 {
    width: 50%;
}

.genuine-register-survey-radio label {
    color: #000;
    font-size: 15px;
    letter-spacing: -.05em;
}

.genuine-register-survey-radio {
    position: relative;
}

.genuine-register-survey-radio input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.genuine-register-survey-radio input:checked + span:before {
    border: none;
    background: #c70e38;
}

.genuine-register-survey-radio input:checked + span {
    color: #c70e38;
}

.genuine-register-survey-radio span {
    position: relative;
    padding-left: 25px;
}

.genuine-register-survey-radio span:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #000;
    box-sizing: border-box;
    content: "";
}

.genuine-serial_modal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -110px 0 0 -175px;
    padding: 60px 15px 15px;
    text-align: left;
    background: #fff;
    border: 10px solid #c70e38;
    z-index: 5;
}

.genuine-serial_modal__close {
    position: absolute;
    top: 0;
    right: 0;
}

.genuine-status_modal {
    width: 490px;
    text-align: center;
    border: 10px solid #c70e38;
    background: #fff;
}

.genuine-status_modal__contents {
    padding: 90px 0;
}

.genuine-status_modal__text {
    padding-bottom: 30px;
    color: #000;
    font-size: 25px;
    letter-spacing: -.05em;
}

.genuine-status_modal__link {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    padding: 10px 0;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.05em;
    background: #c70e38;
    box-sizing: border-box;
}

.genuine-status_modal__close {
    position: absolute;
    top: 0;
    right: 0;
}

.genuine-service-modal {
    border: 10px solid #c70e38;
    background: #fff;
}

.genuine-service-modal__contents {
    padding: 60px 60px 40px 60px;
}

.genuine-service-modal__close {
    position: absolute;
    top: 0;
    right: 0;
}

.genuine-service-modal .service-info .t1 {
    font-size: 40px;
}

.genuine-service-modal .service-info .t2 {
    font-size: 20px;
    color: #c50233;
    margin: 15px 0 20px 0;
}

.genuine-service-modal .service-info .t3 {
    font-size: 14px;
    line-height: 170%;
}

.genuine-service-modal .service-info .t3 strong {
    font-size: 14px;
    font-weight: 700;
}

.select:after {
    pointer-events: none;
}
/* //20210329 정품등록 */

/*이벤트 팝업 20210615*/
.main-moved-popup {
    display: none;
    width: 100%;
    height: auto;
    background: #fff;
}

.main-moved-popup__link, .main-moved-popup__link img {
    display: block;
}

.main-moved-popup__etc {
    position: relative;
}

.main-moved-popup__etc:after {
    display: block;
    clear: both;
    content: "";
}

.main-moved-popup .btn_today {
    display: inline-block;
    vertical-align: top;
    padding: 0 16px;
    color: #000;
    font-size: 15px;
    line-height: 30px;
}

.main-moved-popup .btn_close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 16px;
    color: #000;
    font-size: 15px;
    line-height: 30px;
}
/* //이벤트 팝업 20210615 */
.product-table tbody td{
    border-top: 1px solid #000;
    height: 44px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #bbb;
    box-sizing: border-box;
}

.product-table thead th{
    height: 44px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    border: 1px solid #bbb;
    box-sizing: border-box;
    background: #edeff1;
}

.product-table.oops-table {
    margin-top: 10px;
}

.product-table table {
    width: 80%;
    /*float: right;*/
    margin-bottom: 10px;
}

.editor-h6 {
    float: initial !important;
}

.custom-box {
    display: flex;
}

.custom-box .custom-box-left {
    width: 46%;
}
.custom-box .custom-box-right {
    width: 46%;
    margin-left: 5%;
    margin-top: 62px;
}

.custom-box .editor-p {
    margin-left: initial !important;
}

.custom-box .editor-p.mt {
    margin-top:20px
}

/* S: 231106 */
.renew .sy-header.small{left:0;min-width:1340px;width:100%;right:0;}

/* header size */
.renew .sy-header.small .logo{top:26px;}
.renew .sy-header.small .wide{top:70px;}
.renew .sy-header.small .sy-inner{height:70px;}
.renew .sy-header.small .depth1{line-height:70px;}
.renew .sy-header.small .util{top:19px;}
.renew .sy-header.small .bt_xeen{height:32px;line-height:16px;}
.renew .sy-header.small .depth2{top:70px;border-top:0;}

/* header renewal */
.renew .sy-header.small .sy-inner{width:1212px;max-width:initial;min-width:initial;}
.renew .sy-header .bt_xeen{width:initial;}
.renew .sy-header.small .bt_simulator,
.renew .sy-header.small .bt_simulator2{right:100px;}
.renew .sy-header .bt_xeen:hover:after{display:none;}
.renew .sy-header .bt_simulator2{background: url(/assets/images/renew/header_xeen.png) 50% 50% no-repeat;}
.renew .sy-header .bt_simulator2 em{display:none;}
.renew .sy-header.small .util{right:250px;}
.renew .sy-header .nav.ko > ul > li{width:auto;margin-right:40px;}
.renew .sy-header .nav.ko > ul > li:last-child{margin-right:0;}
.renew .sy-header.small .depth2{width:785px;text-align:center;}
.renew .sy-header.small .depth2-5{text-align:right;}
.renew .sy-header.small .depth2-1 > ul{margin-left:0;}
.renew .sy-header.small .depth2-2 > ul{margin-left:0;}
.renew .sy-header.small .depth2-3 > ul{margin-left:0;}
.renew .sy-header.small .depth2-4 > ul{margin-left:0;}
.renew .sy-header.small .depth2-5 > ul{margin-left:0;}

/* main renewal - sns */
.renew .main-sns .main-sns__description{text-align:left;font-size:32px;}

/* main renewal - visual */
.renew .main-visual{position: relative;/*min-width: 1340px;*/}

.renew .main-visual .main-visual__image{margin:0 auto;max-width:100%;}
.renew .main-visual .main-visual__link{padding-bottom:3%;}
.renew .main-visual .main-visual__link:hover .main-visual__image{transform: none;}

.renew .main-visual .main-visual__contents{left:10%; top:75%;}
.renew .main-visual .main-visual__control-prev, .renew .main-visual .main-visual__control-next{width:65px;height:121px;margin-top:-60px;background:url(/assets/images/renew/btn_slide_arrow.png) 50% 50% no-repeat;z-index:1;}
.renew .main-visual .main-visual__control-prev:before,
.renew .main-visual .main-visual__control-next:before{display:none;}
.renew .main-visual .main-visual__control-next{transform:rotate(180deg);}
.renew .main-visual .slick-list{background:transparent;}
.renew .main-visual .main-visual__figure{overflow:initial;position: static;background-color:#000;}
.renew .main-visual .main-visual__obj{position:absolute;bottom:0;left:50%;margin-left:-606px;}
.renew .main-visual .slick-dots{padding-top:0;position: absolute;left:0;width:100%;bottom:0;}
.renew .main-visual .slick-dots li{margin:0 5px;}
.renew .main-visual .slick-dots button{width:20px;height:20px;border:2px solid #c6c6c6;background-color:#fff;}
.renew .main-visual .slick-dots .slick-active button{background-color:#000;border-color:#000;}

.renew .main-visual.fs .main-visual__image{width:100%;transition:none;}
.renew .main-visual.fs .main-visual__obj{left:13%;width:20.38%;margin-left:0;}
.renew .main-visual.fs .main-visual__obj img{width:100%;}

/* main renewal - highlighted product & content */
.renew .main-pick .main-pick__contents, .renew .main-pick .main-pick__slide{min-height:690px;}
.renew .main-pick .main-pick__contents{width:408px;padding-right:48px;background-image: linear-gradient(to top, #fff 0px, #fff 0px, #000 0px, #000 100%);}
.renew .main-pick .main-pick__title{font-size:32px;line-height:1.2;}
.renew .main-pick .main-pick__slide{position: relative;}
.renew .main-pick .main-pick__slide .main-pick__title{padding-left:136px;margin-bottom:20px;}
.renew .main-pick .main-pick__item{padding:0 28px;width:416px;}
.renew .main-pick__product{margin-top:22px;}

.renew .main-pick .main-pick__control{left:125px;bottom:0;}
.renew .main-sns .main-sns__tag-item{height:40px;}
.renew .sy-footer .inner{max-width:1212px;}

/* 고객의 요청에 따른 비쥬얼 추가 수정 */
.renew .main-visual .main-visual__container{width:2000px;left:50%;margin-left:-1000px;z-index:1;}
.renew .main-visual:before,
.renew .main-visual:after{content:'';display:block;width:1000px;height:800px;background-color:#000;position: absolute;top:0;}
.renew .main-visual:before{left:1000px;}
.renew .main-visual:after{right:1000px;}
/* E: 231106 */

/* S: 231121 */
.renew .sy-header.small .nav{margin-left:165px;}
.renew .main-pick{padding-top:350px;padding-bottom:350px;}
.renew .main-pick .main-pick__product-figure {
    overflow: hidden;
    display: block;
    width: 360px;
    height: 300px;
}
.renew .main-visual .main-visual__control-prev.sm, .renew .main-visual .main-visual__control-next.sm{width:44px;height:81px;margin-top:-40px;background:url(/assets/images/renew/btn_slide_arrow_sm.png) 50% 50% no-repeat;}
.renew .main-visual .main-visual__control-prev.sm{transform:rotate(180deg);}
.renew .main-visual .main-visual__control-next.sm{transform:rotate(0deg);}
.renew .main-visual .slick-dots button{width:15px;height:15px;border:0;background:#c5c5c5;}
.renew .main-visual .slick-dots .slick-active button{background:#c70b2e;}

.renew .main-visual.fs .main-visual__container{width:100%;margin-left:-50%;}
.renew .main-visual.fs:before, .renew .main-visual.fs:after{display:none;}
/* E: 231121 */
.renew .main-pick .main-pick__product-name{
    padding-top: 10px;
    color: #c50233;
    font-size: 14px;
    font-family: 'Lato-Regular';
}
.renew .main-pick .main-pick__product-title{
    padding-top: 10px;
    color: #000;
    font-size: 14px;
    font-family: 'Lato-Regular';
}
.renew .main-pick .main-pick__product-description {
    padding-top: 10px;
    color: #000;
    font-size: 16px;
    font-family: 'Lato-Regular';
    line-height: 24px;
    line-height: 24px;
}