@charset "UTF-8";

.sy-wrap {
    padding-bottom: 61px;
}

.sy-container {
}

/* header */
.sy-header {
    position: relative;
    background: #fff;
}

.sy-header .sy-inner {
    position: relative;
    height: 45px;
}

.sy-header .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 125px;
    height: 45px;
}

.sy-header .logo a {
    text-indent: -9999px;
    display: block;
    width: 125px;
    height: 45px;
    background: url('../images/img_SAMYANG2.svg') center center no-repeat;
    background-size: 100px 18px
}

.sy-header .bt_xeen {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0;
    width: 83px;
    height: 45px;
    background: #c50233 url('../images/img_XEEN2.svg') center center no-repeat;
    background-size: 62px 14px
}

/* menu */
.quicks {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 150;
    width: 100%;
    background: #fff;
}

.quicks li {
    position: relative;
    display: inline-block;
    width: 20%;
}

.quicks li em {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: 'Lato-Bold';
    font-size: 11px;
    letter-spacing: -.5px;
}

.quicks li a {
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #dde2e5;
    height: 60px;
    display: block;
}

.quicks li a:before {
    content: '';
    display: block;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.quicks li a.actived:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #bb0432;
}

.quicks li.fm1 a:before {
    width: 13px;
    height: 19px;
    margin: 14px auto 0 auto;
    background-position: -182px -127px;
}

.quicks li.fm2 a:before {
    width: 18px;
    height: 15px;
    margin: 18px auto 0 auto;
    background-position: -208px -130px;
}

.quicks li.fm3 a:before {
    width: 16px;
    height: 19px;
    margin: 15px auto 0 auto;
    background-position: -239px -130px;
}

.quicks li.fm4 a:before {
    width: 19px;
    height: 18px;
    margin: 15px auto 0 auto;
    background-position: -265px -130px;
}

/*
.quicks li.fm5 a:before{width:20px;height:16px;margin:16px auto 0 auto;background-position:-298px -129px;}
*/
.quicks li.fm5 a.actived {
    background: #bb0432;
}

.quicks li.fm5 a.actived em {
    color: #fff;
}

/*
.quicks li.fm5 a.actived:before{width:19px;height:19px;background-position:-300px -158px;}
*/

.quicks li.fm6 a:before {
    width: 19px;
    height: 15px;
    margin: 16px auto 0 auto;
    background-position: -193px -181px;
}

.hamburgers {
    position: absolute;
    width: 20px;
    height: 16px;
    top: 24px;
    left: 50%;
    margin-left: -10px;
}

.hamburgers, .hamburgers::before, .hamburgers::after {
    width: 20px;
    height: 3px;
    background-color: #000;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburgers::before, .hamburgers::after {
    content: "";
    display: block;
}

.hamburgers::before {
    top: 7px;
}

.hamburgers::after {
    bottom: 7px;
}

/*
   * Squeeze
   */
.hamburgers {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburgers::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburgers::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.quicks li.fm5 a.actived .hamburgers {
    background-color: #fff;
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.quicks li.fm5 a.actived .hamburgers::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    background-color: #fff;
}

.quicks li.fm5 a.actived .hamburgers::after {
    bottom: 0;
    background-color: #fff;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menus {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    z-index: 100;
    background: #fff;
    transition: .3s;
    -webkit-transition: .3s;
    transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    overflow: auto;
    background: #fff;
    -webkit-overflow-scrolling: touch;
}

.menus.open {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.menus .menu-inner {
    position: relative;
    padding-bottom: 61px;
}

.menus .menu-header {
    height: 45px;
    background: #bb0432;
}

.menus .menu-header .logo {
    display: block;
    margin: 0 auto;
    width: 125px;
    height: 45px;
}

.menus .menu-header .logo a {
    text-indent: -9999px;
    display: block;
    width: 125px;
    height: 45px;
    background: url('../images/img_SAMYANG-white.svg') center center no-repeat;
    background-size: 84px 27px
}

.menus .menu-items {
    padding: 10px 15px 20px 15px;
}

.menus .menu-items .row {
    position: relative;
    border-top: 1px solid #b6bcc2;
    padding-bottom: 10px;
}

.menus .menu-items .row:first-child {
    border-top: 0;
    padding-bottom: 0;
}

.menus .menu-items .tit a {
    display: block;
    padding: 10px;
    font-size: 20px;
    font-family: 'Lato-Regular';
}

.menus .menu-sns {
    position: absolute;
    bottom: 10px;
    right: 0;
}

.menus .menu-sns li {
    display: inline-block;
    margin-left: 5px;
}

.menus .menu-sns a {
    position: relative;
    display: block;
    font-size: 0;
    width: 26px;
    height: 26px;
    border-radius: 26px;
    background: #000;
}

.menus .menu-sns a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.menus .menu-sns a.f:before {
    width: 8px;
    height: 13px;
    margin: -7px 0 0 -4px;
    background-position: -114px -120px;
}

.menus .menu-sns a.i:before {
    width: 15px;
    height: 15px;
    margin: -7px 0 0 -7px;
    background-position: -142px -120px;
}

.menus .menu-toggle .depth1 {
    position: relative;
    margin-left: 15px;
    display: block;
    font-size: 16px;
    font-family: 'Lato-Light';
    padding: 5px 20px;
}

.menus .menu-toggle .depth1:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin: -7px 0 0 0;
    width: 14px;
    height: 13px;
    background: url('../images/icons.png') -149px -160px no-repeat;
    background-size: 375px 375px;
}

.menus .menu-toggle .depth1.is-active:before {
    background-position: -174px -160px;
}

.menus .menu-toggle .depth2 {
    display: none;
    background: #e6e9ec;
    padding: 5px 0;
    margin-bottom: 10px;
}

.menus .menu-toggle .depth2 li {
    margin: 5px 0;
}

.menus .menu-toggle .depth2 a {
    display: block;
    padding: 0 25px;
}

.menus .menu-toggle .depth2 em {
    display: inline-block;
    font-family: 'Lato-Light';
    padding: 5px;
}

.menus .menu-toggle .depth2 a.is-active em {
    border-bottom: 1px solid #c50233;
    color: #c50233;
}

.menus .util-item ul {
    width: 180px;
    margin: 0 10px;
}

.menus .util-item li {
    display: inline-block;
    text-align: left;
    width: 90px;
}

.menus .util-item a {
    display: inline-block;
    padding: 5px;
    font-size: 15px;
    font-family: 'Lato-Light';
}

.menus .util-item a.is-active {
    border-bottom: 1px solid #c50233;
    color: #c50233;
}

.menus .lang-item {
    margin: 0 5px;
}

.menus .lang-item li {
    display: inline-block;
    width: 25%;
    text-align: center;
}

.menus .lang-item a {
    height: 24px;
    line-height: 24px;
    margin: 0 5px;
    display: block;
    border: 1px solid #000;
    font-family: 'Lato-Regular';
}

.menus .lang-item a.is-active {
    background: #000;
    color: #fff;
}

.menus .subscribe {
    background: #bb0432;
    padding: 20px 15px;
}

.menus .subscribe p {
    color: #fff;
}

:lang(ko) .menus .subscribe p {font-weight: 300;}
:lang(en) .menus .subscribe p {font-family: 'Lato-Ligth';}
:lang(zh) .menus .subscribe p {font-weight: 300;}
:lang(ja) .menus .subscribe p {font-weight: 300;}
.menus .subscribe-form {
    position: relative;
    margin-top: 5px;
}

.menus .subscribe-form .input {
    border: 0;
    margin-right: 83px;
}

.menus .subscribe-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 78px;
    height: 31px;
    background: #1d1e21;
    color: #fff;
    font-family: 'Lato-Regular';
    font-size: 12px;
}

/* title */
.page-h2 {
    display: block;
    position: relative;
}

.page-h2 .copyright {
    line-height: 100%;
    position: absolute;
    bottom: 8px;
    right: 15px;
    font-size: 11px;
    color: #fff;
    font-family: 'Lato-Regular';
}

.page-h2.type1 {
    text-align: center;
    height: 342px;
    line-height: 342px;
}

.page-h2.type1 h2 {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    border-bottom: 1px solid #fff;
    font-family: 'Lato-Regular';
    line-height: 110%;
}

.page-h2.type2 {
    text-align: center;
    height: 225px;
    line-height: 225px;
}

.page-h2.type2 h2 {
    display: inline-block;
    color: #fff;
    line-height: 100%;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    font-family: 'Lato-Light';
}

.page-h2.type3 {
    text-align: center;
    height: 193px;
}

.page-h2.type3 h2 {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* path */
.path {
    height: 34px;
    background: #e7e9eb;
    border-bottom: 1px solid #c9c9c9;
    padding: 0 15px;
    overflow: hidden;
}
.path li {
    display: inline-block;
}

.path a {
    display: block;
    line-height: 35px;
    height: 32px;
    padding: 0 2px 0 3px;
    font-size: 11px;
    font-family: 'Lato-Regular';
}

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

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

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

.dot-nav {
    position: fixed;
    top: 50%;
    right: 10px;
    z-index: 30;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.dot-nav li {
    margin: 4px 0;
}

.dot-nav a {
    position: relative;
    text-align: right;
    display: block;
    width: 30px;
    font-size: 0;
}

.dot-nav a:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 18px;
    background: #d5d5d5;
}

.dot-nav li.active a {
}

.dot-nav li.active a:before {
    width: 3px;
    height: 25px;
    background: #4d4d4d;
}

/* main */
.main-content {
    background: #fff;
    overflow: hidden;
}
.main-content .page-h2 {
    text-align: center;
    margin: 35px 0 5px 0;
    font-size: 20px;
    font-family: 'Lato-Regular';
}

.key-visual {
    position: relative;
    text-align: center;
    font-size: 0;
    height: 364px;
}

.key-visual .slick-slider {
}

.key-visual img {
    width: 364px;
}
.key-visual .slick-list {
    font-size: 0;
    overflow: visible;
    height: 364px;
}

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

}

.key-visual .slide_item a {
    display: block;
    width: 100%;
    height: 100%;
}
.key-visual .visual-s-box {
    position: absolute;
    bottom: -12px;
    left: 50%;
    font-size: 0;
    margin-left: -138px;
    width: 275px;
    height: 135px;
}

.visual-s-box-in {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    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: -10px;
    left: 50%;
    width: 102px;
    margin-left: -51px;
    text-align: center;
    transition: .2s;
    -ms-transition: .2s;
    -webkit-transition: .2s;
    animation-delay: 4s;
    -ms-animation-delay: 4s;
    -webkit-animation-delay: 4s;
}

.visual-s-prd img {
    width: 90%;
}
.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: 20px;
    height: 20px;
    background: #bb0432;
}

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

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

.visual-s-bt .up:before {
    background-position: -165px -182px;
}

.visual-s-bt .down {
}

.visual-s-bt .down:before {
    background-position: -151px -182px;
}

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

.visual-t strong {
    display: block;
    font-size: 14px;
    color: #d70539;
    margin-bottom: 10px;
    padding-top: 15px;
    font-family: 'Lato-Regular';
}

.visual-t span {
    display: block;
    font-size: 12px;
    color: #d70539;
    line-height: 140%;
}

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

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

.key-visual .slide_item.up .visual-t {
    top: 0;
}

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

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

.main-content .key-visual .slick-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: -35px;
    left: 0;
}

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

.main-content .key-visual .slick-dots button {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #000;
    text-indent: -9999px;
}

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

.main-content .main-prd-solo {
    padding: 0 15px;
    margin-top: 65px;
}

.main-content .main-prd-solo img {
    width: 100%;
}

.main-content .main-prd-solo a {
    display: block;
    font-size: 0;
}

.main-content .main-prds {
    /*margin-bottom: 30px;*/
}

.main-content .main-prds img {
    width: 100%;
}

.main-content .main-prds .slick-dots {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
}

.main-content .main-prds .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.main-content .main-prds .slick-dots button {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
    text-indent: -9999px;
}

.main-content .main-prds .slick-active button {
    background: #bd0734;
}

.main-content .main-prds2 {
    position: relative;
    padding: 0 15px 60px;
    overflow: hidden;
}

.main-content .main-prds2 .slick-list {
    overflow: visible;
}

.main-content .main-prds2 img {
    width: 100%;
}

.main-content .main-prds2 a {
    display: block;
    padding: 0 0 10px 0;
    font-size: 0;
}

.main-content .main-prds2 .slide_item {
    text-align: center;
    margin-left: 15px;
    width: 134px;
    border: 1px solid #ccc;
}

.main-content .main-prds2 .txt {
    font-size: 14px;
    font-family: 'Lato-Regular';
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    min-height: 34px;
    margin: 0 5px 5px 5px;
    line-height: 100%;
}

.main-contest {
    overflow: hidden;
    height: 520px;
}

.main-contest .tit-box {
    margin: 25px 0 0 0;
    color: #000;
    text-align: center;
}

.main-contest .tit-box h2 {
    background: none;
    height: auto;
    line-height: 130%;
    padding: 0;
    font-size: 20px;
    margin-top: 20px;
}

/*.main-contest .tit-box em {
    font-size: 40px;
    letter-spacing: 4px;
}*/

.main-contest .tit-box p {
    margin: 5px 0;
    font-size: 15px;
    font-family: 'Lato-Light';
}

.main-contest .tit-box strong {
    color: #777;
    font-size: 12px;
    font-family: 'Lato-Bold';
    font-style: italic;
}

.main-contest .util-box {
    overflow: hidden;
    margin: 15px auto;
    text-align: center;
    width: 128px;
    height: 47px;
}

.main-contest .util-box a {
    display: block;
    position: relative;
    color: #fff;
    line-height: 55px;
    font-family: 'Lato-Regular';
    background: #000;
}

.main-contest .util-box a:before {
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    left: 30px;
    width: 15px;
    height: 2px;
    background: #e31839;
}

.main-contest-list {
    margin: 30px 0 0 0;
    padding: 0 15px;
}

.main-contest-list .slick-list {
    overflow: visible;
}

.main-contest-list .slide_item {
    width: 255px;
    margin-right: 45px;
    -webkit-box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.75);
}

.main-contest-list .thumb {
    display: block;
}

.main-contest-list .thumb img {
    width: 100%;
}

.main-contest-list .infos {
    background: #fff;
    padding: 10px 15px
}

.main-contest-list .infos strong {
    font-size: 12px;
    font-family: 'Lato-Bold';
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.main-contest-list .infos p {
    font-size: 11px;
    color: #7f7f7f;
    font-family: 'Lato-Regular';
}

.main-contest .finger {
    position: relative;
    margin: 30px auto 0 auto;
    display: block;
    width: 20px;
    height: 23px;
    background: url('../images/icons.png') -102px 0 no-repeat;
    background-size: 375px 375px;
}

.main-contest .finger:after, .main-contest .finger:before {
    content: '';
    width: 6px;
    height: 6px;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
    position: absolute;
    top: 0;
}

.main-contest .finger:before {
    left: -4px;
    background-position: -126px -8px;
    animation: mouse-wheel-left 1.25s infinite linear;
}

.main-contest .finger:after {
    right: 0px;
    background-position: -126px 0;
    animation: mouse-wheel-right 1.25s infinite linear;
}

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

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

.main-content .main-story {
}

.main-content .main-story-list {
    padding: 0 10px 30px;
}

.main-content .main-story-list li {
    display: inline-block;
    width: 50%;
    margin-bottom: 5px;
}

.main-content .main-story-list li:last-child {
    width: 100%;
}

.main-content .main-story-list a {
    position: relative;
    display: block;
    margin: 5px;
}

.main-content .main-story-list .thumb {
    display: block;
}

.main-content .main-story-list .thumb img {
    width: 100%;
}

.main-content .main-story-list .txt {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
}

.main-content .main-story-list .txt strong {
    font-size: 15px;
    font-family: 'Lato-Light';
}

.main-content .main-story-list .txt p {
    font-size: 11px;
}

.main-content .main-story-list .more {
    text-indent: -9999px;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 56px;
    height: 56px;
}

.main-content .main-story-list .more:before,
.main-content .main-story-list .more:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #000;
}

.main-content .main-story-list .more:before {
    width: 28px;
    height: 1px;
    margin: 0 0 0 -14px;
}

.main-content .main-story-list .more:after {
    height: 28px;
    width: 1px;
    margin: -14px 0 0 0;
}

.main-content .main-story-list li.mov a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url('../images/icons.png') -143px 0 no-repeat;
    background-size: 375px 375px;
}

.main-content .main-support {
    background: #000;
    padding: 30px 0;
    overflow: hidden;
}

.main-content .main-support .page-h2 {
    color: #fff;
}

.main-content .main-support-list {
}

.main-content .main-support-list li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    text-align: center;
}

.main-content .main-support-list li.half {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: center;
}

.main-content .main-support-list a {
    position: relative;
    overflow: hidden;
    border-left: 1px solid #545454;
    display: block;
    height: 81px;
    font-size: 14px;
    font-family: 'Lato-Regular';
    color: #fff;
}

.main-content .main-support-list a:before {
    content: '';
    display: block;
    margin: 0 auto;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.main-content .main-support-list li:first-child a {
    font-size: 11px;
    border-left: 0;
}

.main-content .main-support-list a.m1:before {
    width: 31px;
    height: 24px;
    margin-top: 14px;
    margin-bottom: 10px;
    background-position: -192px 0;
}

.main-content .main-support-list a.m2:before {
    width: 34px;
    height: 31px;
    margin-top: 12px;
    margin-bottom: 15px;
    background-position: -239px 0;
}

.main-content .main-support-list a.m3:before {
    width: 25px;
    height: 35px;
    margin-top: 8px;
    margin-bottom: 15px;
    background-position: -284px 0;
}

.main-content .main-notice {
    position: relative;
    overflow: hidden;
    padding: 0 15px;
    margin-top: 30px;
}

.short-board-list {
    border-top: 1px solid #000;
}

.short-board-list li {
    border-bottom: 1px solid #000;
}

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

.short-board-list .date {
    font-size: 11px;
    color: #d60035;
    font-family: 'Lato-Regular';
}

.short-board-list .tit {
    margin-top: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

/* inspiration */
.inspiration .contest-top {
    position: relative;
    font-size: 0;
}

.inspiration .contest-top h2 {
    background: #000;
    color: #fff;
    font-family: 'Lato-Light';
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
}

.inspiration .contest-month {
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #000;
}

.inspiration .contest-month button {
    font-family: 'Lato-Regular';
}

.inspiration .contest-month .target {
    position: relative;
    z-index: 3;
    background: #000;
    width: 95px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #fff;
    margin: 0 auto;
    display: block;
}

.inspiration .contest-month .target:after {
    content: '';
    height: 4px;
    width: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -4px 0 0 0;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform-origin: 70% 70%;
    transform-origin: 70% 70%;
}

.inspiration .contest-month .target.opend:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.inspiration .contest-month .month-list {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: rgba(0, 0, 0, .7);
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-y: auto;
    z-index: 2;
}

.inspiration .contest-month .month-list ul {
    padding-top: 40px;
}

.inspiration .contest-month .month-list button {
    font-size: 12px;
    color: #555;
    width: 95px;
    height: 30px;
    line-height: 30px;
}

.inspiration .contest-visual {
    position: relative;
}

.inspiration .contest-visual .tit-box h2 {
    color: #000;
    font-weight: 700;
}

.inspiration .contest-visual .main-contest {
    overflow: hidden;
    height: 520px;
}

.inspiration .contest-visual .main-contest h2 {
    background: none;
    height: auto;
    line-height: 130%;
    padding: 0;
    font-size: 20px;
    margin-top: 20px;
}

.inspiration .contest-visual .main-contest .util-box {
    margin-left: 115px;
}

.inspiration .contest-visual .main-contest .util-box a {
    color: #fff;
    font-family: 'Lato-Regular';
}

/*
.inspiration .contest-visual .main-contest .util-box a:before {
    width: 23px;
    height: 17px;
    display: inline-block;
    background: url('../images/icons.png') -243px -215px no-repeat;
    background-size: 375px 375px;
    vertical-align: top;
    position: relative;
    top: 15px;
    margin: 0 10px 0 0;
}

.inspiration .contest-visual img {
    width: 100%;
    vertical-align: top;
}

.inspiration .contest-visual .infos {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    color: #fff;
}

.inspiration .contest-visual .date {
    font-size: 15px;
    padding-left: 15px;
    font-family: 'Lato-Bold';
}

.inspiration .contest-visual .txts {
    margin: 10px 0;
    padding-left: 15px;
    color: #fff;
    font-family: 'Lato-Regular';
}

.inspiration .contest-visual .txts dt {
    font-size: 11px;
}

.inspiration .contest-visual .txts dd {
    font-size: 30px;
}

.inspiration .contest-visual .bts {
    margin: 0 15px;
}

.inspiration .contest-visual .bts li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.inspiration .contest-visual .bts a {
    display: block;
    height: 30px;
    line-height: 30px;
}

.inspiration .contest-visual .bts a:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-visual .bts .red {
    background: #d60035;
    color: #fff;
    margin-right: 5px;
}

.inspiration .contest-visual .bts .red:before {
    width: 17px;
    height: 13px;
    background-position: -76px -35px;
    margin: 7px 5px 0 0;
}

.inspiration .contest-visual .bts .white {
    background: #fff;
    color: #000;
    margin-left: 5px;
}

.inspiration .contest-visual .bts .white:before {
    width: 17px;
    height: 12px;
    background-position: -106px -36px;
    margin: 8px 5px 0 0;
}
*/
.inspiration .contest-info {
    padding: 50px 0;
}

.inspiration .contest-info .tits {
    text-align: center;
}

.inspiration .contest-info .page-h3 {
    font-size: 20px;
    font-family: 'Lato-Regular';
}

.inspiration .contest-info .t1 {
    font-size: 12px;
    margin-top: 5px;
    line-height: 20px;
}

:lang(ko) .inspiration .contest-info .t1 {font-weight: 300;}
:lang(en) .inspiration .contest-info .t1 {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-info .t1 {font-weight: 300;}
:lang(ja) .inspiration .contest-info .t1 {font-weight: 300;}

.inspiration .contest-info .contest-noti_new {
    position: relative;
    text-align: left;
    margin-top: 25px;
    height: 216px;
    background: url('../images/inspiration/img_contest3.jpg') center top no-repeat;
    background-size: cover;
}

.inspiration .contest-info .contest-noti_new .inner {
    position: absolute;
    top: 35px;
    right: 10px;
}

.inspiration .contest-info .contest-noti_new h4 {
    padding-bottom: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
}

.inspiration .contest-info .contest-noti_new li {
    line-height: 150%;
    margin: 8px 0;
}

.inspiration .contest-info .contest-noti_new dl {
    color: #fff;
}

.inspiration .contest-info .contest-noti {
    position: relative;
    text-align: left;
    margin-top: 25px;
    height: 216px;
    background: url('../images/inspiration/img_contest1.jpg') center top no-repeat;
    background-size: cover;
}

.inspiration .contest-info .contest-noti ul {
    position: absolute;
    top: 50%;
    left: 30px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.inspiration .contest-info .contest-noti li {
    line-height: 150%;
    margin: 10px 0;
}

.inspiration .contest-info .contest-noti dl {
    color: #fff;
}

:lang(ko) .inspiration .contest-info .contest-noti dt {font-weight: 700;}
:lang(en) .inspiration .contest-info .contest-noti dt {font-family: 'Lato-Bold';}
:lang(zh) .inspiration .contest-info .contest-noti dt {font-weight: 700;}
:lang(ja) .inspiration .contest-info .contest-noti dt {font-weight: 700;}

:lang(ko) .inspiration .contest-info .contest-noti dd {font-weight: 300;}
:lang(en) .inspiration .contest-info .contest-noti dd {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-info .contest-noti dd {font-weight: 300;}
:lang(ja) .inspiration .contest-info .contest-noti dd {font-weight: 300;}

.inspiration .contest-info .row {
    padding: 0 15px;
}

.inspiration .contest-info .page-h4 {
    font-size: 16px;
    font-family: 'Lato-Regular';
    padding: 50px 0 5px 0;
    border-bottom: 1px solid #000;
}

.inspiration .contest-info .gifts {
    position: relative;
    overflow: hidden;
}

.inspiration .contest-info .gifts .thumb {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100px;
}

.inspiration .contest-info .gifts .thumb img {
    width: 100%;
}

.inspiration .contest-info .gifts ul {
    margin: 25px 0 0 110px;
}

.inspiration .contest-info .gifts li {
    font-size: 20px;
    margin: 10px 0;
}

:lang(ko) .inspiration .contest-info .gifts li {font-weight: 700;}
:lang(ko) .inspiration .contest-info .gifts li {font-family: 'Lato-Bold';}
:lang(zh) .inspiration .contest-info .contest-noti dd {font-weight: 300;}
:lang(ja) .inspiration .contest-info .contest-noti dd {font-weight: 300;}

.inspiration .contest-info .gifts span {
    display: block;
    font-size: 13px;
    margin-top: 10px;
    line-height: 100%;
}

.inspiration .contest-info .gifts em {
    display: block;
    margin-top: 5px;
    color: #5c5c5c;
    font-size: 10px;
}

:lang(ko) .inspiration .contest-info .gifts span {font-weight: 300;}
:lang(en) .inspiration .contest-info .gifts span {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-info .gifts span {font-weight: 300;}
:lang(ja) .inspiration .contest-info .gifts span {font-weight: 300;}

.inspiration .contest-info .tips_new {
    margin-left: 110px;
}

.inspiration .contest-info .tips dl {
    font-size: 11px;
    line-height: 150%;
}

.inspiration .contest-info .tips dt {
    font-weight: 700;
}

.inspiration .contest-info .tips dd {
    margin-top: 5px;
}

:lang(ko) .inspiration .contest-info .tips dd {font-weight: 300;}
:lang(en) .inspiration .contest-info .tips dd {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-info .tips dd {font-weight: 300;}
:lang(ja) .inspiration .contest-info .tips dd {font-weight: 300;}

.inspiration .contest-info .halloween-movie {
    margin: 0 20px;
}

.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: 115px;
}

.contest-halloween .gifts dt {
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 20px;
    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: 12px;
}

.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: 10px 0 15px;
    font-size: 12px;
    line-height: 1.3;
}

.contest-info .halloween-summary strong {
    display: block;
    padding-bottom: 5px;
    font-weight: 700;
}

.contest-info .halloween-tit {
    padding-top: 30px;
    font-size: 16px;
    font-weight: 700;
}

.contest-info .halloween-date {
    padding: 5px 0 20px;
    font-size: 12px;
}

.contest-info .halloween-date strong {
    font-weight: 700;
}

.inspiration .contest-info .rule li {
    position: relative;
    font-size: 12px;
    padding: 5px 0;
    line-height: 150%;
    padding-left: 7px;
}

:lang(ko) .inspiration .contest-info .rule li {font-weight: 300;}
:lang(en) .inspiration .contest-info .rule li {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-info .rule li {font-weight: 300;}
:lang(ja) .inspiration .contest-info .rule li {font-weight: 300;}

.inspiration .contest-info .rule li:before {
    content: '';
    width: 2px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 12px;
    left: 0;
}

.inspiration .contest-info .rule span {
    color: #5c5c5c;
    display: block;
    font-size: 10px;
}

.inspiration .contest-list {
    background: #000;
    padding: 50px 0 0 0;
}

.inspiration .contest-list .page-h3 {
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-family: 'Lato-Regular';
}

.inspiration .contest-list .inner {
    position: relative;
}
.inspiration .contest-list .total {
    color: #fff;
    position: absolute;
    top: 20px;
    left: 15px;
}

.inspiration .contest-list .contest-sort {
    text-align: right;
    padding-right: 15px;
}

.inspiration .contest-list .contest-sort li {
    border: 1px solid rgba(0, 0, 0, 0);
    display: inline-block;
    margin-left: 10px;
}

.inspiration .contest-list .lists {
    padding: 0 10px;
}

.inspiration .contest-list .lists li {
    display: inline-block;
    width: 50%;
}

.inspiration .contest-list .lists a {
    display: block;
    margin: 0 5px 30px 5px;
}

.inspiration .contest-list .lists .thumb {
    display: block;
}

.inspiration .contest-list .lists .thumb img {
    width: 100%;
}

.inspiration .contest-list .lists .info {
    color: #fff;
    margin: 5px 0 5px 0;
}

.inspiration .contest-list .lists .tit {
    display: block;
    font-family: 'Lato-Bold';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.inspiration .contest-list .lists .photo-by {
    font-family: 'Lato-Light';
    font-size: 11px;
}

.inspiration .contest-list .lists .util li {
    width: auto;
    margin-right: 30px;
    position: relative;
    display: inline-block;
    font-family: 'Lato-Bold';
    font-size: 11px;
    color: #fff;
}

.inspiration .contest-list .lists .util li:before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-list .lists .util em {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.inspiration .contest-list .lists .util li.like:before {
    content: '';
    width: 12px;
    height: 9px;
    background-position: -136px -39px;
}

.inspiration .contest-list .lists .util li.hit:before {
    content: '';
    width: 13px;
    height: 9px;
    background-position: -164px -39px;
}

.inspiration .contest-list .more a {
    color: #fff;
}

.inspiration .contest-list .more em:before, .inspiration .contest-list .more em:after {
    background: #fff;
}

.inspiration .contest-view {
    padding: 50px 15px 0 15px
}

.inspiration .contest-view .view-top {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
}

.inspiration .contest-view .page-h3 {
    font-size: 20px;
    font-family: 'Lato-Regular';
}

.inspiration .contest-view .photo-info span {
    margin-right: 10px;
    font-size: 11px;
    font-family: 'Lato-Regular';
}

.inspiration .contest-view .view-utils {
    position: relative;
    margin-top: 10px;
}

.inspiration .contest-view .view-utils dl {
    display: inline-block;
    margin-right: 15px;
    overflow: hidden;
}

.inspiration .contest-view .view-utils dt {
    text-indent: -9999px;
    margin-top: 1px;
    vertical-align: top;
    display: inline-block;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-view .view-utils dt.like {
    width: 12px;
    height: 9px;
    background-position: -195px -39px;
}

.inspiration .contest-view .view-utils dt.hit {
    width: 13px;
    height: 9px;
    background-position: -221px -39px;
}

.inspiration .contest-view .view-utils dd {
    vertical-align: top;
    font-size: 10px;
    color: #c50233;
    display: inline-block;
}

.inspiration .contest-view .view-utils ul {
    position: absolute;
    top: -25px;
    right: 0;
}

.inspiration .contest-view .view-utils li {
    display: inline-block;
    margin-left: 15px;
}

.inspiration .contest-view .view-utils a {
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-view .view-utils a.f {
    background-position: -73px -61px;
}

.inspiration .contest-view .view-utils a.t {
    background-position: -101px -61px;
}

.inspiration .contest-view .view-utils a.p {
    background-position: -131px -61px;
}

.inspiration .contest-view .view-photos {
    position: relative;
    margin: 10px 0;
}

.inspiration .contest-view .view-photos img {
    width: 100%;
}

.inspiration .contest-view .bt-fullscreen {
    font-size: 0;
    width: 41px;
    height: 37px;
    position: absolute;
    top: 0;
    right: 0;
}

.inspiration .contest-view .bt-fullscreen:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    height: 37px;
    background: url('../images/icons.png') -141px -205px no-repeat;
    background-size: 375px 375px;
}

.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;
    font-size: 0;
    width: 41px;
    height: 37px;
    position: absolute;
    top: 0;
    right: 0;
}

.sy-fullviewer .close:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 41px;
    height: 37px;
    background: url('../images/icons.png') -185px -205px no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-view .photo-summery {
    line-height: 150%;
    margin-bottom: 25px;
}

:lang(ko) .inspiration .contest-view .photo-summery {    font-weight: 300;}
:lang(en) .inspiration .contest-view .photo-summery {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-view .photo-summery {    font-weight: 300;}
:lang(ja) .inspiration .contest-view .photo-summery {    font-weight: 300;}

.inspiration .contest-view .bt-full-ico {
    display: block;
    margin: 0 auto;
    font-family: 'Lato-Regular';
    letter-spacing: 2px;
}

.inspiration .contest-view .bt-full-ico:after {
    content: '';
    vertical-align: top;
    margin: 13px 0 0 3px;
    display: inline-block;
    width: 12px;
    height: 9px;
    background: url('../images/icons.png') -136px -39px no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-view .photo-icons {
    border-top: 1px solid #d4d4d5;
    margin: 25px 0 0 0;
    text-align: center;
    text-align: left;
    background: url('../images/img_dot-line.png') 0 0 repeat;
}

.inspiration .contest-view .photo-icons li {
    position: relative;
    height: 72px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    font-family: 'Lato-Regular';
    width: 20%;
    font-size: 10px;
    color: #28292f;
    line-height: 100%;
}

.photo-icons li:before {
    content: '';
    display: block;
    margin: 0 auto;
    background: url('../images/icons2.png') no-repeat;
    background-size: 345px 40px;
}

.photo-icons li.i1:before {
    width: 16px;
    height: 8px;
    margin-top: 18px;
    margin-bottom: 12px;
    background-position: -27px -3px;
}

.photo-icons li.i2:before {
    width: 17px;
    height: 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    background-position: -94px 0;
}

.photo-icons li.i3:before {
    width: 16px;
    height: 13px;
    margin-top: 16px;
    margin-bottom: 10px;
    background-position: -164px -1px;
}

.photo-icons li.i4:before {
    width: 17px;
    height: 17px;
    margin-top: 15px;
    margin-bottom: 7px;
    background-position: -233px -1px;
}

.photo-icons li.i5:before {
    width: 21px;
    height: 15px;
    margin-top: 16px;
    margin-bottom: 8px;
    background-position: -300px -1px;
}

.photo-icons li.i6:before {
    width: 17px;
    height: 17px;
    margin-top: 15px;
    margin-bottom: 7px;
    background-position: -26px -23px;
}

.photo-icons li.i7:before {
    width: 17px;
    height: 17px;
    margin-top: 15px;
    margin-bottom: 7px;
    background-position: -94px -22px;
}

.photo-icons li.i8:before {
    width: 15px;
    height: 15px;
    margin-top: 16px;
    margin-bottom: 7px;
    background-position: -165px -25px;
}

.photo-icons li.i9:before {
    width: 17px;
    height: 12px;
    margin-top: 15px;
    margin-bottom: 10px;
    background-position: -232px -24px;
}

.photo-icons li.i10:before {
    width: 17px;
    height: 17px;
    margin-top: 15px;
    margin-bottom: 7px;
    background-position: -302px -22px;
}

.inspiration .contest-view .photo-reply {
    margin-top: 25px;
}

.inspiration .contest-view .photo-reply .num em {

    color: #c50233;
}
:lang(ko) .inspiration .contest-view .photo-reply .num em {font-weight: 700;}
:lang(en) .inspiration .contest-view .photo-reply .num em {font-family: 'Lato-Bold';}
:lang(zh) .inspiration .contest-view .photo-reply .num em {font-weight: 700;}
:lang(ja) .inspiration .contest-view .photo-reply .num em {font-weight: 700;}

.inspiration .contest-view .photo-reply .reply-form {
    position: relative;
    margin-top: 10px;
}

.inspiration .contest-view .photo-reply .reply-form span {
    display: block;
    margin-right: 90px;
}

.inspiration .contest-view .photo-reply .reply-form input {
    text-indent: 10px;
    width: 100%;
    height: 35px;
    background: #ecedf1;
}

.inspiration .contest-view .photo-reply .reply-form .bt-full {
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
}

.inspiration .contest-view .photo-reply .reply-list {
    margin: 10px 0 75px 0;
}

.inspiration .contest-view .photo-reply .reply-list li {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0 10px 15px;
}

.inspiration .contest-view .photo-reply .reply-list li:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 5px;
    height: 5px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
}

.inspiration .contest-view .photo-reply .reply-list .txt {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 150%;
}

.inspiration .contest-view .photo-reply .reply-list .opt span {
    margin-right: 10px;
    font-size: 11px;
}

:lang(ko) .inspiration .contest-view .photo-reply .reply-list .opt span {font-weight: 300;}
:lang(en) .inspiration .contest-view .photo-reply .reply-list .opt span {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-view .photo-reply .reply-list .opt span {font-weight: 300;}
:lang(ja) .inspiration .contest-view .photo-reply .reply-list .opt span {font-weight: 300;}

.inspiration .contest-reg {
    padding: 50px 15px 0 15px
}

.inspiration .contest-reg .page-h3 {
    font-size: 20px;
    font-family: 'Lato-Regular';
    text-align: center;
}

.inspiration .contest-reg .photo-reg-pics {
    margin: 25px 0 15px 0;
    position: relative;
}

.inspiration .contest-reg .photo-reg-pics .photo-big {
    position: relative;
    height: 300px;
    background: #000;
}

.inspiration .contest-reg .photo-reg-pics .photo-big img {
    width: 100%;
}

.inspiration .contest-reg .photo-reg-tips {

}

.inspiration .contest-reg .photo-reg-tips .inner {
    position: relative;
    background: #27282c;
    text-align: left;
    padding: 35px 15px 15px 15px;
    margin-top: 10px;
}

.inspiration .contest-reg .photo-reg-tips .danger {
    text-align: right;
    line-height: 100%;
    margin-top: 10px;
}

.inspiration .contest-reg .photo-reg-tips .danger em {
    position: relative;
    font-size: 11px;
    color: #c50233;
}
:lang(ko) .inspiration .contest-reg .photo-reg-tips .danger em {    font-weight: 700;}
:lang(en) .inspiration .contest-reg .photo-reg-tips .danger em {font-family: 'Lato-Bold';}
:lang(zh) .inspiration .contest-reg .photo-reg-tips .danger em {    font-weight: 700;}
:lang(ja) .inspiration .contest-reg .photo-reg-tips .danger em {    font-weight: 700;}

.inspiration .contest-reg .photo-reg-tips .danger em:before {
    content: '';
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url('../images/icons.png') -250px -38px no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-reg .photo-reg-tips strong {
    font-size: 13px;
    color: #fff;
    display: block;
    text-align: center;
}

.inspiration .contest-reg .photo-reg-tips ul {
    text-align: left;
    margin-top: 20px;
}

.inspiration .contest-reg .photo-reg-tips li {
    position: relative;
    font-size: 11px;
    color: #82858e;
    padding: 3px 0 3px 7px;
    line-height: 150%;
}

:lang(ko) .inspiration .contest-reg .photo-reg-tips li {font-weight: 300;}
:lang(en) .inspiration .contest-reg .photo-reg-tips li {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-reg .photo-reg-tips li {font-weight: 300;}
:lang(ja) .inspiration .contest-reg .photo-reg-tips li {font-weight: 300;}

.inspiration .contest-reg .photo-reg-tips li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #5c5f67;
}

.inspiration .contest-reg .photo-reg-tips button {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    font-size: 0;
}

.inspiration .contest-reg .photo-reg-tips button:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/icons.png') -284px -42px no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-reg .uploads {
    position: relative;
    text-align: center;
}

.inspiration .contest-reg .uploads .bt-full {
    font-family: 'Lato-Regular';
    font-size: 12px;
}

.inspiration .contest-reg .uploads .file-item {
    position: absolute;
    top: 0;
    right: -12px;
}

.inspiration .contest-reg .uploads .file-item span {
    font-family: 'Lato-Regular';
    margin-right: -5px;
    vertical-align: top;
    display: inline-block;
    line-height: 32px;
}

.inspiration .contest-reg .uploads .file-item button {
    position: relative;
    font-size: 0;
    vertical-align: top;
    width: 34px;
    height: 34px;
}

.inspiration .contest-reg .uploads .file-item button:before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url('../images/icons.png') -242px -64px no-repeat;
    background-size: 375px 375px;
}

.inspiration .contest-reg .photo-shoot-info {
    margin: 30px 0 45px 0;
}

.inspiration .contest-reg .photo-shoot-info strong {

}
:lang(ko) .inspiration .contest-reg .photo-shoot-info strong {    font-weight: 700;}
:lang(en) .inspiration .contest-reg .photo-shoot-info strong {font-family: 'Lato-Bold';}
:lang(zh) .inspiration .contest-reg .photo-shoot-info strong {    font-weight: 700;}
:lang(ja) .inspiration .contest-reg .photo-shoot-info strong {    font-weight: 700;}

.inspiration .contest-reg .photo-shoot-info ul {
    margin-top: 10px;
}

.inspiration .contest-reg .photo-shoot-info li {
    width: 50%;
    display: inline-block;
    line-height: 150%;
}

.inspiration .contest-reg .photo-shoot-info dl {
    font-size: 11px;
}

.inspiration .contest-reg .photo-shoot-info dt {
    display: inline-block;
}

:lang(ko) .inspiration .contest-reg .photo-shoot-info dt {font-weight: 300;}
:lang(en) .inspiration .contest-reg .photo-shoot-info dt {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-reg .photo-shoot-info dt {font-weight: 300;}
:lang(ja) .inspiration .contest-reg .photo-shoot-info dt {font-weight: 300;}

.inspiration .contest-reg .photo-shoot-info dd {
    display: inline-block;
}
:lang(ko) .inspiration .contest-reg .photo-shoot-info dd {font-weight: 300;}
:lang(en) .inspiration .contest-reg .photo-shoot-info dd {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-reg .photo-shoot-info dd {font-weight: 300;}
:lang(ja) .inspiration .contest-reg .photo-shoot-info dd {font-weight: 300;}


.inspiration .contest-reg .photo-shoot-info p {
    margin-top: 10px;
    font-size: 11px;
}

:lang(ko) .inspiration .contest-reg .photo-shoot-info p {font-weight: 300;}
:lang(en) .inspiration .contest-reg .photo-shoot-info p {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-reg .photo-shoot-info p {font-weight: 300;}
:lang(ja) .inspiration .contest-reg .photo-shoot-info p {font-weight: 300;}

.inspiration .contest-reg .contest-reg-form dl {
    margin-bottom: 25px;
}

.inspiration .contest-reg .contest-reg-form dt {

    font-size: 12px;
    margin-bottom: 5px;
}
:lang(ko) .inspiration .contest-reg .contest-reg-form dt {font-weight: 700;}
:lang(en) .inspiration .contest-reg .contest-reg-form dt {font-family: 'Lato-Bold';}
:lang(zh) .inspiration .contest-reg .contest-reg-form dt {font-weight: 700;}
:lang(ja) .inspiration .contest-reg .contest-reg-form dt {font-weight: 700;}

.inspiration .contest-reg .contest-reg-form .tip {
    font-size: 10px;
    margin-left: 15px;
}

:lang(ko) .inspiration .contest-reg .contest-reg-form .tip {font-weight: 300;}
:lang(en) .inspiration .contest-reg .contest-reg-form .tip {font-family: 'Lato-Light';}
:lang(zh) .inspiration .contest-reg .contest-reg-form .tip {font-weight: 300;}
:lang(ja) .inspiration .contest-reg .contest-reg-form .tip {font-weight: 300;}

.inspiration .contest-reg .contest-reg-form .use-prds .radio {
    position: relative;
    width: 45%;
}

.inspiration .contest-reg .contest-reg-form .use-prds .etc .input {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 0;
}

.inspiration .contest-reg .contest-reg-form .use-prds .etc .input input {
    opacity: 1;
    position: static;
}

.inspiration .contest-reg .contest-reg-form .col {
    margin-bottom: 20px;
}

.inspiration .contest-reg .contest-reg-form .helper {
    display: block;
    margin-bottom: 5px;
}

.inspiration .contest-reg .contest-reg-form .policy-check-box {
    text-align: right;
    margin-bottom: 20px;
}

.inspiration .contest-reg .contest-reg-form .policy-check-box ul {
    border: 1px solid #bbb;
    padding: 10px 15px;
    text-align: left;
}

.inspiration .contest-reg .contest-reg-form .policy-check-box li {
    position: relative;
    font-size: 11px;
    line-height: 150%;
    padding: 3px 0 3px 10px;
}

.inspiration .contest-reg .contest-reg-form .policy-check-box li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 4px;
    height: 1px;
    background: #000;
}

.inspiration .contest-reg .contest-reg-form .bts button {
    margin: 0 5px;
    width: 135px;
}

.inspiration .gallery {
    padding: 50px 10px 0 10px
}

.inspiration .gallery .page-h3 {
    font-size: 20px;
    font-family: 'Lato-Regular';
    text-align: center;
}

.inspiration .gallery-filters {
    position: relative;
    margin-top: 50px;
}

.inspiration .filter-util {
    position: relative;
    overflow: hidden;
    margin-left: 5px;
}

.inspiration .filter-util .filter-toggle {
    position: relative;
    text-align: left;
    padding-left: 10px;
    width: 73px;
    height: 30px;
    background: #000;
    color: #fff;
}

.inspiration .filter-util .filter-toggle:after {
    content: '';
    height: 5px;
    width: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -4px 0 0 0;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform-origin: 70% 70%;
    transform-origin: 70% 70%;
}

.inspiration .filter-util .filter-toggle.opend:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.inspiration .filter-util .sorts {
    position: absolute;
    top: 0;
    right: 0;
}

.inspiration .filter-util .sorts li {
    display: inline-block;
}

.inspiration .filter-inner {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    background: #ebeff3;
    z-index: 10;
}

.inspiration .filter-inner .check {
    margin: 0;
}

.inspiration .filter-inner .col {
    margin: 15px 0 0 0;
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #d5d7da;
}

.inspiration .filter-inner .col5 {
    border-bottom: 0;
}

.inspiration .filter-inner .tit {
    display: block;
    font-size: 13px;
    font-family: 'Lato-Light';
    margin-bottom: 5px;
}

.inspiration .filter-inner .tit.last {
    margin-top: 15px;
}

.inspiration .filter-inner .filter-check-items li {
    margin-bottom: 10px;
}

.inspiration .filter-inner .filter-check-items2 li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.inspiration .filter-inner .filter-check-items2 li .filter-check {
    display: block;
}

.inspiration .filter-inner .filter-check-items2 li:first-child .filter-check {
    margin-right: 5px;
}

.inspiration .filter-inner .filter-check-items2 li:last-child .filter-check {
    margin-left: 5px;
}

.inspiration .filter-inner .filter-check-items2 input {
    opacity: 0;
    position: absolute;
}

.inspiration .filter-inner .filter-check-items2 input[type=checkbox] + label {
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    background: #fff;
    font-family: 'Lato-Regular';
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.inspiration .filter-inner .filter-check-items2 input[type=checkbox]:checked + label {
    cursor: pointer;
    color: #fff;
    background: #000;
    font-family: 'Lato-Bold';
}

.inspiration .filter-inner .filter-check-items3 li {
    display: inline-block;
    vertical-align: top;
}

.inspiration .filter-inner .filter-check-items3 li:first-child {
    width: 45%;
}

.inspiration .filter-inner .filter-check-items3 li:last-child {
    width: 55%;
}

.inspiration .filter-inner .filter-check-items3 li:first-child .select {
    margin-right: 5px;
}

.inspiration .filter-inner .filter-check-items3 li:last-child .select {
    margin-left: 5px;
}

.inspiration .filter-inner .filter-check-items5 li {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0;
    width: 25%;
}

@media screen and (max-width: 480px) {
    .inspiration .filter-inner .filter-check-items5 li {
        width: 33.33%;
    }
}
.inspiration .bts {
    margin: 30px 0;
}

.inspiration .gallery-list .grid-item {
    font-size: 0;
    float: left;
    width: 50%;
}

.inspiration .gallery-list .grid-item-width2 {
    width: 100%;
}

.inspiration .gallery-list .grid-item.mov a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url('../images/icons.png') -143px 0 no-repeat;
    background-size: 375px 375px;
}

.inspiration .gallery-list .grid-item a {
    display: block;
    position: relative;
    margin: 5px;
}

.inspiration .gallery-list .thumb {
    display: block;
}

.inspiration .gallery-list .thumb img {
    width: 100%;
}

.inspiration .gallery-list .infos {
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

.inspiration .gallery-list .infos .lens {
    display: block;
    margin-right: 40px;
    font-family: 'Lato-Light';
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.inspiration .gallery-list .infos .util {
    position: absolute;
    bottom: 0;
    right: 0;
}

.inspiration .gallery-list .infos .util li {
    font-family: 'Lato-Bold';
    font-size: 11px;
    color: #fff;
}

.inspiration .gallery-list .infos .util li:before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.inspiration .gallery-list .infos .util em {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.inspiration .gallery-list .infos .util li.hit:before {
    content: '';
    width: 13px;
    height: 9px;
    background-position: -164px -39px;
}

/* product */
.prd-main_sec .page-h3 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 20px;
    font-family: 'Lato-Regular';
    color: #000;
}

.prd-main_sec1 {
    padding: 70px 0 50px 0;
    overflow: hidden;
}

.prd-main_sec1 .list {
    padding: 0 0 0 25px;
}

.prd-main_sec1 .slick-list {
    overflow: visible;
}

.prd-main_sec1 .slide_item {
    margin-right: 25px;
    text-align: center;
    width: 200px;
    height: 240px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.prd-main_sec1 .slide_item a {
    display: block;
    height: 100%;
}

.prd-main_sec1 .slide_item img {
    width: 117px;
    margin: 10px 0 15px 0;
}

.prd-main_sec1 .slide_item h4 {
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}

.prd-main_sec2 {
    padding: 0 0 70px 0;
    overflow: hidden;
}

.prd-main_sec2 .list li {
    position: relative;
    background: #e7e9eb;
    padding: 15px 0 0 0;
    margin: 0 0 15px 0;
}

.prd-main_sec2 .infos {
    display: none;
    padding: 0 30px 0 25px;
    text-align: left;
}

.prd-main_sec2 .infos a {
    display: block;
}

.prd-main_sec2 .infos p {
    line-height: 150%;
    color: #525151;
    margin: 5px 0;
}

.prd-main_sec2 .infos .logo {
    margin-bottom: 10px;
}

.prd-main_sec2 .prd-tit button {
    position: relative;
    padding: 0 15px 0 25px;
    width: 100%;
    font-size: 30px;
    text-align: left;
    font-family: 'Lato-Regular';
    color: #000;
    line-height: 100%;
}

.prd-main_sec2 .prd-tit button:after {
    content: '';
    height: 10px;
    width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -8px 0 0 0;
    border: 1px solid #070707;
    border-width: 0 1px 1px 0;
    -webkit-transform-origin: 70% 70%;
    transform-origin: 70% 70%;
    -webkit-transition: 0.3s;
    transition: 0.3s;

}

.prd-main_sec2 .prd-tit button.active:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.prd-main_sec2 .thumb {
    display: block;
    margin-top: 20px;
    text-align: center;
}

.prd-main_sec2 .thumb img {
    max-width: 100%;
}

.prd-main_sec3 {
    text-align: center;
}

.prd-main_sec3 a {
    display: block;
    overflow: hidden;
    height: 140px;
    background: url('../images/product/img_prd-banner.jpg') center center no-repeat;
    background-size: cover
}

.prd-main_sec3 strong {
    font-size: 23px;
    color: #fff;
    font-family: 'Lato-Regular';
    display: block;
    margin: 15px 0 0 0;
}

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

.prd-srch {
    padding: 50px 0 0 0
}

.prd-srch .page-h3 {
    font-size: 20px;
    color: #000;
    text-align: center;
}

.prd-srch .prd-list-tabs {
    text-align: center;
    margin: 0 15px;
}
.prd-srch .prd-list-tabs li{}
.prd-srch .prd-list-tabs a{display:block;line-height:100%;padding:5px 0;}
.prd-srch .prd-list-tabs em{font-size:12px;padding:2px 3px;display:inline-block;color:#858585;}
.prd-srch .prd-list-tabs .selected em{color:#000;border-bottom:1px solid #000;}

.prd-srch .srch-util {
    position: relative;
    margin: 50px 15px 0 15px;
}

.prd-srch .total-num {
    font-size: 12px;
    font-family: 'Lato-Regular';
    border-bottom: 2px solid #171718;
}

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

.prd-srch .filter {
    position: relative;
}

.prd-srch .filter-form {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #ebeff3;
}

.prd-srch .filter-form-inner {
    padding-bottom: 25px;
}
.prd-srch .filter-form .bt-toggle {
    position: absolute;
    top: -32px;
    right: 0;
    text-align: left;
    padding-left: 10px;
    width: 63px;
    height: 30px;
    font-size: 12px;
    color: #fff;
    background: #000;
}

.prd-srch .filter-form .bt-toggle:after {
    content: '';
    height: 6px;
    width: 6px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    margin: -5px 0 0 0;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform-origin: 70% 70%;
    transform-origin: 70% 70%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.prd-srch .filter-form .bt-toggle.active:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.prd-srch .filter-group {
    border-top: 1px solid #d5d7da;
    padding: 25px 5px;
    font-size: 0;
}

.prd-srch .filter-group:first-child {
    border-top: 0;
}

.prd-srch .filter-group .tit {
    display: block;
    font-size: 17px;
    font-family: 'Lato-Regular';
    padding: 0 5px;
    margin-bottom: 5px;
}

.srch-util .filter-group .check {
    display: inline-block;
    width: 50%;
    margin: 0;
}

.srch-util .filter-group .check input[type=checkbox] + label {
    margin: 5px;
}

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

.srch-util .filter-group .filter-check1, .srch-util .filter-group .filter-check2, .srch-util .filter-group .filter-check3 {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0;
}

.srch-util .filter-group .filter-check1 input[type=checkbox] + label,
.srch-util .filter-group .filter-check2 input[type=checkbox] + label {
    margin: 0 5px;
}

.srch-util .filter-group.w2 .filter-check1, .srch-util .filter-group.w2 .filter-check2 {
    width: 50%;
}

.srch-util .filter-group.w3 .filter-check1, .srch-util .filter-group.w3 .filter-check2 {
    width: 33.33%;
}

.srch-util .filter-group.w5 .filter-check3 {
    width: 20%;
}

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

.srch-util .filter-group .filter-check1 input[type=checkbox] + label {
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
    overflow: hidden;
    height: 45px;
    background: #fff;
    font-family: 'Lato-Regular';
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.srch-util .filter-group .filter-check1 input[type=checkbox] + label em {
    display: block;
    margin-top: 28px;
    font-size: 11px;
}

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

.srch-util .filter-group .filter-check1 input[type=checkbox]:checked + label {
    cursor: pointer;
    color: #fff;
    background: #000;
    font-family: 'Lato-Bold';
}

.srch-util .filter-group .filter-check1.ct1 input[type=checkbox] + label:before {
    width: 20px;
    height: 15px;
    top: 9px;
    margin-left: -10px;
    background-position: 0 0;
}

.srch-util .filter-group .filter-check1.ct1 input[type=checkbox]:checked + label:before {
    background-position: 0 -26px;
}

.srch-util .filter-group .filter-check1.ct2 input[type=checkbox] + label:before {
    width: 21px;
    height: 14px;
    top: 10px;
    margin-left: -11px;
    background-position: -53px 0;
}

.srch-util .filter-group .filter-check1.ct2 input[type=checkbox]:checked + label:before {
    background-position: -53px -26px;
}

.srch-util .filter-group .filter-check1.ss1 input[type=checkbox] + label:before {
    width: 15px;
    height: 11px;
    top: 10px;
    margin-left: -8px;
    background-position: 0 -53px;
}

.srch-util .filter-group .filter-check1.ss1 input[type=checkbox]:checked + label:before {
    background-position: 0 -79px;
}

.srch-util .filter-group .filter-check1.ss2 input[type=checkbox] + label:before {
    width: 13px;
    height: 15px;
    top: 8px;
    margin-left: -7px;
    background-position: -52px -51px;
}

.srch-util .filter-group .filter-check1.ss2 input[type=checkbox]:checked + label:before {
    background-position: -52px -77px;
}

.srch-util .filter-group .filter-check1.ss3 input[type=checkbox] + label:before {
    width: 16px;
    height: 12px;
    top: 9px;
    margin-left: -8px;
    background-position: -102px -52px;
}

.srch-util .filter-group .filter-check1.ss3 input[type=checkbox]:checked + label:before {
    background-position: -102px -79px;
}

.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;
    overflow: hidden;
    height: 30px;
    background: #fff;
    font-family: 'Lato-Regular';
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

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

.srch-util .filter-group .filter-check2 input[type=checkbox] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 30px;

}

.srch-util .filter-group .filter-check2 input[type=checkbox]:checked + label {
    cursor: pointer;
    color: #fff;
    background: #000;
    font-family: 'Lato-Bold';
}

.srch-util .filter-group .s-tit{font-family: 'Lato-Light';font-size:13px;margin:10px 0 0 5px;}

.srch-result {
    margin: 0 15px;
}

.srch-result li {
    width: 50%;
    display: inline-block;
    text-align: center;
    position: Relative;
    border-bottom: 1px solid #171718;
}

.srch-result a {
    display: block;
    padding: 15px 0;
}

.srch-result .new{font-size:0;position:absolute;top:10px;left:10px;width:19px;height:17px;background:url('../images/product-list_new-icon.png') center center no-repeat;background-size:19px 17px;}


.srch-result .thumb {
    display: block;
}

.srch-result .thumb img {
    width: 150px;
}

.srch-result .name {
    display: block;
    font-size: 12px;
    font-family: 'Lato-Regular';
    margin-bottom: 5px;
}

.prd-detail-content {
    text-align: center;
    padding: 30px 0 0 0;
}



.prd-detail-content .product-summary {
    position: relative;
    top: -30px;
}

.prd-detail-content .product-summary .backdrop div {
    padding-top: 80%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.prd-detail-content .product-summary .info {
    position: absolute;
    top: 35px;
    right: 25px;
    left: 25px;
    text-align: left;
}

.prd-detail-content .product-summary .detail {
    font-weight: 400;
    font-size: 12px;
}

.prd-detail-content .product-summary .title {
    padding: 12px 0;
    font-weight: 900;
    font-size: 24px;
}

.prd-detail-content .product-summary .content {
    font-size: 16px;
}

.prd-detail-content .product-video {
    margin-top: -30px;
    margin-bottom: 35px;
    padding: 35px 15px;
    text-align: center;
    background-color: #e4e6e7;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center 0;
}

.prd-detail-content .product-video__title {
    color: #000;
    font-size: 24px;
    font-family: 'Lato-Light';
    padding-bottom: 15px;
}

.prd-detail-content .product-video__content {
    position: relative;
    padding-bottom: 56.25%;
}

.prd-detail-content .product-video__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.prd-detail-content .page-h3 {
    display: inline-block;
    font-size: 28px;
    font-family: 'Lato-Light';
    border-bottom: 1px solid #000;
    padding: 0 10px;
    margin: 0 15px;
}

.prd-detail-content .short-review {
    padding: 30px 0 0 0;
}

.prd-detail-content .short-review .writer {
    margin-top: 10px;
}

.prd-detail-content .short-review .thumb {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto 10px auto;
    overflow: hidden;
    border-radius: 35px;
}

.prd-detail-content .short-review .thumb img {
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 35px;
}

.prd-detail-content .short-review .txts {
    font-size: 13px;
    margin: 15px 15px 5px 15px;
    line-height: 150%;
    font-weight: 300;
}

.prd-detail-content .short-review .name {
    font-size: 11px;
    font-family: 'Lato-Light';
}

.prd-detail-content .prd-pics {
    position: relative;
    background: #e7e9eb;
    font-size: 0;
    margin-top: 30px;
}

.prd-detail-content .pic-bigs {
    padding-bottom: 30px;
}

.prd-detail-content .pic-bigs img {
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.prd-detail-content .pic-bigs_item {
    position: relative;
    height: 375px;
}

.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;
    width: 100%;
}

.prd-detail-content .prd-pics .pic-smalls .slick-slide {
    cursor: pointer;
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    border-bottom: 3px solid #e7e9eb;
}

.prd-detail-content .prd-pics .pic-smalls .is-active {
    border-bottom: 3px solid #000;
}

.prd-detail-content .pic-smalls img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.prd-detail-content .pic-smalls .pic-small_item {
    position: relative;
    width: 29px !important;
    height: 29px !important;
    padding: 0 5px;
    display: inline-block !important;
    float: none !important
}

.prd-detail-content .prd-pics .slick-arrow {
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    z-index: 1;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    width: 56px;
    height: 35px;
    background: #000;
}

.prd-detail-content .prd-pics .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 15px;
    margin: -8px 0 0 -4px;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.prd-detail-content .prd-pics .slick-arrow.slick-next {
    right: 0;
}

.prd-detail-content .prd-pics .slick-arrow.slick-next:after {
    background-position: -26px -75px;
}

.prd-detail-content .prd-pics .slick-arrow.slick-prev {
    right: 56px;
}

.prd-detail-content .prd-pics .slick-arrow.slick-prev:after {
    background-position: 0 -75px;
}

.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-summery {
    padding: 35px 15px 0 15px;
    text-align: left;
}

.prd-detail-content .prd-summery img {
    /*width: 50% !important;*/
    width: 100%;
}
.prd-detail-content .prd-summery .txts1 {
    margin-bottom: 20px;
}

.prd-detail-content .prd-summery .txts1 h4 {
    font-size: 25px;
}

:lang(ko) .prd-detail-content .prd-summery .txts1 h4 {font-weight: 300;}
:lang(en) .prd-detail-content .prd-summery .txts1 h4 {font-family: 'Lato-Light';}
:lang(zh) .prd-detail-content .prd-summery .txts1 h4 {font-weight: 300;}
:lang(ja) .prd-detail-content .prd-summery .txts1 h4 {font-weight: 300;}

.prd-detail-content .prd-summery .txts1 p {
    font-size: 14px;
    margin-top: 10px;
}

.prd-detail-content .prd-summery .icons {
    margin-bottom: 20px;
}

.prd-detail-content .prd-summery .icons img {
    width: 100%
}

.prd-detail-content .prd-summery .txts2 {
    margin: 30px 0 0 0;
}

.prd-detail-content .prd-summery .txts2 h5 {
    font-size: 17px;
}

.prd-detail-content .prd-summery .txts2 p {
    margin: 10px 0 20px 0;
    font-size: 13px;
    line-height: 150%;
}

:lang(ko) .prd-detail-content .prd-summery .txts2 p {font-weight: 300;}
:lang(en) .prd-detail-content .prd-summery .txts2 p {font-family: 'Lato-Light';}
:lang(zh) .prd-detail-content .prd-summery .txts2 p {font-weight: 300;}
:lang(ja) .prd-detail-content .prd-summery .txts2 p {font-weight: 300;}

.prd-detail-content .prd-summery .txts2 li {
    position: relative;
    font-size: 12px;
    padding-left: 8px;
    line-height: 150%;
}
:lang(ko) .prd-detail-content .prd-summery .txts2 li {font-weight: 300;}
:lang(en) .prd-detail-content .prd-summery .txts2 li {font-family: 'Lato-Light';}
:lang(zh) .prd-detail-content .prd-summery .txts2 li {font-weight: 300;}
:lang(ja) .prd-detail-content .prd-summery .txts2 li {font-weight: 300;}

.prd-detail-content .prd-summery .txts2 li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 2px;
    height: 2px;
    background: #000;
}

.prd-detail-content .bt-full-ico.red:before {
    content: '';
    margin: 9px 5px 0 0;
    vertical-align: top;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/icons.png') no-repeat;
    background-position: -74px 0px;
    background-size: 375px 375px;
}

.prd-detail-content .detail-tabs {
    border-bottom: 1px solid #000;
    margin-top: 30px;
}

.prd-detail-content .detail-tabs .tab-inner {
    overflow: hidden;
    overflow-x: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

.prd-detail-content .detail-tabs ul {
    width: 100%;
    display: table;
}

.prd-detail-content .detail-tabs li {
    display: table-cell;
}

.prd-detail-content .detail-tabs a {
    font-size: 12px;
    font-family: 'Lato-Regular';
    display: block;
    padding: 10px 15px;
}

.prd-detail-content .detail-tabs .selected {
    border-bottom: 3px solid #c50233;
}

.prd-detail-content .tab-conts {
    padding: 30px 15px 0 15px;
}

.prd-detail-content .features li {
    margin-top: 30px;
}

.prd-detail-content .features li:first-child {
    margin-top: 0;
}

.prd-detail-content .features img {
    width: 100%;
}

.prd-detail-content .features .txts {
    margin-top: 15px;
    line-height: 150%;
    padding: 10px 10px 0 10px;
    border-top: 2px solid #000;
    text-align: left;
}

.prd-detail-content .features .txts h6 {
    font-size: 16px;
}

.prd-detail-content .features .txts p {
    font-size: 12px;
    margin-top: 10px;
}

.prd-detail-content .data {
    text-align: left;
}

.prd-detail-content .data li {
    margin-top: 35px;
}

.prd-detail-content .data li:first-child {
    margin-top: 0;
}

.prd-detail-content .data table {
    width: 100%;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.prd-detail-content .data table th, .prd-detail-content .data table td {
    font-size: 11px;
    padding: 5px 10px;
    border-bottom: 1px solid #000;
}

.prd-detail-content .data table .th {
    background: #edeff1;
}

.prd-detail-content .data img {
    width: 100%;
}

.prd-detail-content .data h6 {
    font-size: 25px;
    font-family: 'Lato-Light';
    margin-bottom: 20px;
}

.prd-detail-content .data strong {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: 'Lato-Bold';
}

.prd-detail-content .gallery img {
}
.prd-detail-content .gallery .gallery-bigs{text-align:left;}

.prd-detail-content .gallery .gallery-bigs_item-thumb {
    background: #000;
    text-align: center;
}

.prd-detail-content .gallery .gallery-bigs img {
    width: 100%;
}

.prd-detail-content .gallery .photoby {
    font-size: 11px;
    margin: 5px 0 10px 0;
}

.prd-detail-content .gallery .photo-icons {
    text-align: left;
    margin-top: 5px;
}
.prd-detail-content .gallery .photo-icons li {
    position: relative;
    height: 17px;
    line-height: 17px;
    display: inline-block;
    vertical-align: top;
    font-family: 'Lato-Regular';
    font-size: 10px;
    color: #28292f;
    padding-left: 25px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.prd-detail-content .gallery .photo-icons li:before {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.prd-detail-content .gallery .slick-arrow {
    position: absolute;
    bottom: -46px;
    width: 30px;
    height: 10px;
    background: #000;
    font-size: 0;
}
.prd-detail-content .gallery .slick-arrow:before{content:'';position:absolute;top:0;line-height:10px;font-size:11px;color:#fff;font-family: 'Lato-Regular';}
.prd-detail-content .gallery .slick-arrow.slick-prev {left:0;}
.prd-detail-content .gallery .slick-arrow.slick-prev:before{content:'<';left:5px;}
.prd-detail-content .gallery .slick-arrow.slick-next {right:0;}
.prd-detail-content .gallery .slick-arrow.slick-next:before{content:'>';right:5px;}

.prd-detail-content .gallery .gallery-smalls{text-align:left;margin:30px 0}
.prd-detail-content .gallery .gallery-smalls .gallery-smalls_item{width:133px;margin-right:10px;}

.prd-detail-content .gallery .gallery-smalls .small-thumb {
    display: block;
    width: 133px;
    height: 65px;
    background: #000;
    text-align: center;
}

.prd-detail-content .gallery .gallery-smalls .small-thumb img {
    width: auto;
    max-width: 100%;
    height: 100%;
}
.prd-detail-content .gallery .gallery-smalls .subject{font-size:11px;margin-top:5px;display:block;}
.prd-detail-content .gallery .bt-full:before{content:'';width:16px;height:16px;display:inline-block;
    background: url('../images/icons.png') -275px -164px no-repeat;
    background-size: 375px 375px;
    vertical-align: top;
    position: relative;
    top: 13px;

}

.prd-detail-content .reviews li {
    width: 50%;
    margin-bottom: 25px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.prd-detail-content .reviews a {
    display: block;
}

.prd-detail-content .reviews li:nth-child(even) a {
    margin-left: 5px;
}

.prd-detail-content .reviews li:nth-child(odd) a {
    margin-right: 5px;
}

.prd-detail-content .reviews img {
    width: 100%;
}

.prd-detail-content .reviews h6 {
    font-size: 13px;
    font-family: 'Lato-Bold';
    margin-top: 10px;
    margin-bottom: 5px;
}

.prd-detail-content .related-prd {
    padding-top: 0;
    background: none;
    text-align: left;
}

.prd-detail-content .related-prd li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border-bottom: 1px solid #171718;
}

.prd-detail-content .related-prd a {
    display: block;
    padding: 15px 0 10px 0;
}

.prd-detail-content .related-prd img {
    width: 83px;
    max-width: 100%;
}

.prd-detail-content .related-prd h6 {
    letter-spacing: -1px;
    font-size: 12px;
    font-family: 'Lato-Regular';
    height: 28px;
}

.prd-detail-content .download li {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin-bottom: 20px;
}

.prd-detail-content .download .box {
    position: relative;
    border: 1px solid #b2b2b2;
    height: 130px;
}

.prd-detail-content .download .box:before {
    content: '';
    display: block;
    margin: 0 auto;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px
}

.prd-detail-content .download .box h6 {
    font-size: 15px;
    font-family: 'Lato-Bold';
}

.prd-detail-content .download .lens-profile .box {
    margin-right: 5px;
}

.prd-detail-content .download .lens-profile .box:before {
    margin-top: 30px;
    margin-bottom: 20px;
    width: 59px;
    height: 50px;
    background-position: -316px 0;
}

.prd-detail-content .download .firmware .box {
    margin-left: 5px;
}

.prd-detail-content .download .firmware .box:before {
    margin-top: 30px;
    margin-bottom: 25px;
    width: 62px;
    height: 46px;
    background-position: -313px -66px;
}

.prd-detail-content .download .manual .box {
    margin-right: 5px;
}

.prd-detail-content .download .manual .box:before {
    margin-top: 25px;
    margin-bottom: 17px;
    width: 43px;
    height: 60px;
    background-position: -332px -127px;
}

.prd-detail-content .download .catalogue .box {
    margin-left: 5px;
}

.prd-detail-content .download .catalogue .box:before {
    margin-top: 26px;
    margin-bottom: 20px;
    width: 46px;
    height: 56px;
    background-position: -329px -204px;
}

.prd-detail-content .download .files {
    text-align: center;
    margin-top: 5px;
}

.prd-detail-content .download .files li {
    display: block;
    width: 100%;
    margin: 0;
}

.prd-detail-content .download .files a {
    font-size: 11px;
    font-family: 'Lato-Light';
    display: block;
    padding: 5px 0;
}

.prd-detail-content .register-banner {
    display: block;
}

.prd-detail-content .register-banner img {
    width: 100%;
}

/* magazine */
.magazine .meet-visual {
    position: relative;
}

.magazine .meet-visual .slide_item {
    position: relative;
}

.magazine .meet-visual .slide_item a {
    display: block;
}

.magazine .meet-visual .slide_item img {
    width: 100%;
}

.magazine .meet-visual .infos {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
}

.magazine .meet-visual .infos .number {
    font-size: 11px;
    font-family: 'Lato-Light';
    margin: 0 15px;
}

.magazine .meet-visual .infos .tit {
    display: block;
    font-size: 25px;
    font-family: 'Lato-Bold';
    margin: 0 15px;
}

.magazine .meet-visual .infos .t1 {
    font-size: 12px;
    font-family: 'Lato-Light';
    margin: 0 15px;
}

.magazine .meet-visual .infos .photograph {
    margin: 15px;
    position: relative;
    min-height: 45px;
    overflow: hidden;
}

.magazine .meet-visual .infos .photograph .thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    overflow: hidden;
}

.magazine .meet-visual .infos .photograph .thumb img {
    width: 100%;
}

.magazine .meet-visual .infos .photograph .name {
    font-size: 14px;
    font-family: 'Lato-Regular';
    margin: 0 0 0 60px;
}

.magazine .meet-visual .infos .photograph .t2 {
    font-size: 11px;
    font-family: 'Lato-Light';
    margin: 0 0 0 60px;
}

.magazine .meet-visual .slick-arrow {
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    z-index: 1;
    text-indent: -9999px;
    position: absolute;
    bottom: 0;
    width: 56px;
    height: 35px;
    background: #000;
}

.magazine .meet-visual .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 15px;
    margin: -8px 0 0 -4px;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.magazine .meet-visual .slick-arrow.slick-next {
    right: 0;
}

.magazine .meet-visual .slick-arrow.slick-next:after {
    background-position: -26px -75px;
}

.magazine .meet-visual .slick-arrow.slick-prev {
    right: 56px;
}

.magazine .meet-visual .slick-arrow.slick-prev:after {
    background-position: 0 -75px;
}

.magazine .meet-photograph-review {
    overflow: hidden;
    padding: 0 15px 45px 15px;
}

.magazine .meet-photograph-review h2 {
    margin: 50px 0 25px 0;
    text-align: center;
    font-size: 25px;
    font-family: 'Lato-Regular';
}

.magazine .meet-photograph-review .slick-list {
    overflow: visible;
}

.magazine .meet-photograph-review .slide_item {
    width: 200px;
    margin-right: 15px;
}

.magazine .meet-photograph-review .slide_item a {
    display: block;
}

.magazine .meet-photograph-review .review-thumb {
    display: block;
}

.magazine .meet-photograph-review .review-thumb img {
    width: 100%;
}

.magazine .meet-photograph-review .photograph {
    margin: 5px 0 5px 0;
    position: relative;
    min-height: 35px;
    overflow: hidden;
}

.magazine .meet-photograph-review .photograph .thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 35px;
}

.magazine .meet-photograph-review .photograph .thumb img {
    width: 100%;
}

.magazine .meet-photograph-review .photograph .name {
    font-size: 12px;
    font-family: 'Lato-Regular';
    margin: 0 0 0 45px;
}

.magazine .meet-photograph-review .photograph .t2 {
    font-size: 11px;
    font-family: 'Lato-Light';
    margin: 0 0 0 45px;
}

.magazine .meet-prd-review {
    overflow: hidden;
    padding: 0 15px 45px 15px;
    background: #e0e1e3;
}

.magazine .meet-prd-review h2 {
    margin: 50px 0 25px 0;
    text-align: center;
    font-size: 25px;
    font-family: 'Lato-Regular';
}

.magazine .meet-prd-review .slick-list {
    overflow: visible;
}

.magazine .meet-prd-review .slide_item {
    width: 200px;
    margin-right: 15px;
}

.magazine .meet-prd-review .slide_item a {
    display: block;
}

.magazine .meet-prd-review .review-thumb {
    position: relative;
    display: block;
    width: 200px;
    height: 140px;
}

.magazine .meet-prd-review .review-thumb img {
    width: 200px;
    height: 140px;
}

.magazine .meet-prd-review .infos {
    position: relative;
    background: #fff;
    height: 78px;
    padding: 0 0 0 15px;
    overflow: hidden;
}

.magazine .meet-prd-review .infos .name {
    display: block;
    font-size: 12px;
    font-family: 'Lato-Regular';
    line-height: 100%;
    margin: 15px 60px 5px 0;
    color: #000;
}

.magazine .meet-prd-review .infos .summery {
    font-size: 11px;
    font-family: 'Lato-Light';
    display: block;
    margin-right: 60px;
    color: #000;
}

.magazine .meet-prd-review .infos .prd-thumb {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 60px;
    height: 58px;
    padding: 10px 0;
    text-align: center;
}

.magazine .meet-prd-review .infos .prd-thumb img {
    height: 100%;
}

.magazine .meet-prd-review .out .review-thumb:before {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url('../images/icons.png') -48px -87px no-repeat;
    background-size: 375px 375px;
}

.magazine .meet-notice {
    position: relative;
    overflow: hidden;
    padding: 0 15px 45px 15px;
}

.magazine .meet-notice h2 {
    margin: 50px 0 25px 0;
    text-align: center;
    font-size: 25px;
    font-family: 'Lato-Regular';
}

.magazine .meet-notice .short-board-list {
    border-top: 1px solid #000;
}

.magazine .meet-notice li {
    border-bottom: 1px solid #000;
}

.magazine .meet-notice a {
    display: block;
    padding: 10px;
}

.magazine .meet-notice .date {
    font-size: 11px;
    color: #d60035;
    font-family: 'Lato-Regular';
}

.magazine .meet-notice .company {
    font-size: 11px;
    color: #d60035;
}

.magazine .meet-notice .tit {
    margin-top: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.magazine .meet-newsletter {
    text-align: center;
    background: url('../images/magazine/img_newsletter.jpg') center center no-repeat;
    background-size: cover;
}

.magazine .meet-newsletter a {
    display: block;
    padding: 20px 0;
}

.magazine .meet-newsletter h2 {
    font-size: 25px;
    font-family: 'Lato-Light';
    margin-bottom: 10px;
}

.magazine .meet-newsletter strong {
    font-size: 11px;
    font-family: 'Lato-Bold';
}

.magazine .meet-newsletter p {
    margin: 10px 0 10px 0;
}

.magazine .meet-newsletter .arrow {
    text-align: left;
}

.magazine .meet-sns {
    overflow: hidden;
    padding: 0 15px 45px 15px;
}

.magazine .meet-sns h2 {
    margin: 50px 0 25px 0;
    text-align: center;
    font-size: 25px;
    font-family: 'Lato-Regular';
}

.magazine .meet-sns .slick-list {
    overflow: visible;
}

.magazine .meet-sns .slide_item {
    position: relative;
    width: 200px;
    margin-right: 15px;
}

.magazine .meet-sns .slide_item a {
    display: block;
}

.magazine .meet-sns .sns-thumb {
    display: block;
    width: 200px;
    height: 200px;
}

.magazine .meet-sns .sns-thumb img {
    width: 200px;
    height: 200px;
}

.magazine .meet-sns .infos {
    overflow: hidden;
    padding: 10px 0px !important;
}

.magazine .meet-sns .infos p {
    margin: 0 10px 0 10px;
}

.magazine .meet-sns .info1 {
    font-size: 12px;
    font-family: 'Lato-Regular';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.magazine .meet-sns .info2 {
    font-size: 11px;
    line-height: 150%;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
:lang(ko) .magazine .meet-sns .info2 {font-weight: 300;}
:lang(en) .magazine .meet-sns .info2 {font-family: 'Lato-Light';}
:lang(zh) .magazine .meet-sns .info2 {font-weight: 300;}
:lang(ja) .magazine .meet-sns .info2 {font-weight: 300;}

.magazine .meet-sns .slide_item:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 22px;
    height: 20px;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.magazine .meet-sns .slide_item.f:before {
    background-position: -80px -87px;
}

.magazine .meet-sns .slide_item.i:before {
    background-position: -113px -87px;
}

.magazine .meet-sns .sns-link {
    margin-top: 35px;
}

.magazine .meet-sns .sns-link li {
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    text-align: center;
}

.magazine .meet-sns .sns-link a {
    position: relative;
    font-size: 11px;
    font-family: 'Lato-Regular';
    display: inline-block;
    padding-right: 10px;
}

.magazine .meet-sns .sns-link a:after {

    content: '';
    height: 5px;
    width: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 3px;
    right: 0;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform-origin: 70% 70%;
    transform-origin: 70% 70%;
}

.magazine .meet-sns .sns-link em {
    vertical-align: top;
    display: inline-block;
    font-size: 0;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.magazine .meet-sns .sns-link em.f {
    width: 52px;
    height: 11px;
    background-position: -154px -94px;
}

.magazine .meet-sns .sns-link em.i {
    width: 56px;
    height: 17px;
    background-position: -228px -94px;
}

.magazine .meet-list-content {
}

.magazine .meet-list-content h3 {
    margin: 50px 0 25px 0;
    text-align: center;
    font-size: 25px;
    font-family: 'Lato-Regular';
}

.magazine .list-srch-form {
    position: relative;
    padding: 0 15px;
    text-align: center;
}

.magazine .list-srch-form .search-toggle {
    position: relative;
    font-family: 'Lato-Regular';
    margin: 0 auto;
    width: 115px;
    height: 25px;
    line-height: 25px;
    background: #f3f4f6
}

.magazine .list-srch-form .search-toggle:after {
    content: '';
    vertical-align: top;
    margin: 9px 0 0 5px;
    display: inline-block;
    width: 9px;
    height: 8px;
    background: url('../images/icons.png') -268px -74px no-repeat;
    background-size: 375px 375px;
}

.magazine .list-srch-form .inner {
    position: absolute;
    top: 25px;
    left: 15px;
    right: 15px;
    z-index: 5;
    padding: 30px 10px;
    background: #f3f4f6
}

.magazine .list-srch-form .col {
    position: relative;
    margin: 20px 0;
}

.magazine .list-srch-form .bt-full {
    margin-top: 20px;
}

.magazine .list-srch-form .input input {
    background: none;
}

.magazine .list-srch-form .mix .select {
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
}

.magazine .list-srch-form .mix .input {
    margin-left: 110px;
}

.magazine .meet-list-top {
    margin-top: 20px;
    padding: 0 15px;
}

.magazine .meet-list-top a {
    display: block;
}

.magazine .meet-list-top .photo img {
    width: 100%;
}

.magazine .meet-list-top .infos {
    margin: 10px 0 30px 0;
}

.magazine .meet-list-top .tit {
    font-size: 13px;
    font-family: 'Lato-Bold';
    display: block;
    margin: 5px 0 10px 0
}

.magazine .meet-list-top .photograph {
    text-align: left;
    position: relative;
    min-height: 35px;
    overflow: hidden;
}

.magazine .meet-list-top .photograph .thumb {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    overflow: hidden;
}

.magazine .meet-list-top .photograph .thumb img {
    width: 100%;
}

.magazine .meet-list-top .photograph .name {
    font-size: 12px;
    font-family: 'Lato-Regular';
    margin: 0 0 0 45px;
}

.magazine .meet-list-top .photograph .txt {
    font-size: 11px;
    color: #000;
    font-family: 'Lato-Light';
    margin: 0 0 0 45px;
}

.meet-lists {
    padding: 0 10px;
}

.meet-lists li {
    display: inline-block;
    width: 50%;
    margin-bottom: 25px;
    vertical-align: top;
}

.meet-lists a {
    display: block;
    margin: 0 5px;
}

.meet-lists .thumb {
    display: block;
}

.meet-lists .thumb img {
    width: 100%;
}

.meet-lists .infos {
    margin-top: 5px;
}

.meet-lists .date {
    font-family: 'Lato-Bold';
}

.meet-lists .txt {
    font-family: 'Lato-Light';
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.meet-lists .writer strong {
    font-family: 'Lato-Bold';
}

.meet-lists .writer span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.meet-detail {
    padding: 50px 15px 0 15px;
}

.meet-detail img {
    width: 100% !important;
    height: auto !important;
}

.meet-detail p, .meet-detail .meet-detail-txt {
    font-size: 13px;
    line-height: 150%;
}

.meet-detail .page-h3 {
    text-align: center;
    font-size: 15px;
}

.meet-detail .writer-util {
    position: relative;
    margin: 25px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.meet-detail .writer-util .photograph {
    text-align: left;
    position: relative;
    min-height: 55px;
    overflow: hidden;
}

.meet-detail .writer-util .photograph .photo-thumb {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    overflow: hidden;
}

.meet-detail .writer-util .photograph .photo-thumb img {
    width: 100%;
}

.meet-detail .writer-util .photograph .photo-name {
    font-size: 12px;
    font-family: 'Lato-Regular';
    display: block;
    margin: 13px 0 0 45px;
}

.meet-detail .writer-util .photograph .photo-txt {
    font-size: 11px;
    color: #000;
    font-family: 'Lato-Light';
    margin: 0 55px 0 45px;
}

.meet-detail .writer-util .sns {
    position: absolute;
    top: 20px;
    right: 0;
}

.meet-detail .writer-util .sns li {
    display: inline-block;
    margin-left: 15px;
}

.meet-detail .writer-util .sns a {
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.meet-detail .writer-util .sns a.f {
    background-position: -73px -61px;
}

.meet-detail .writer-util .sns a.t {
    background-position: -101px -61px;
}

.related-prd {
    background: #e7e9eb;
    padding: 50px 0;
    margin-top: 20px;
}

.related-prd h4 {
    text-align: center;
    font-size: 17px;
    font-family: 'Lato-Regular';
    margin-bottom: 20px;
}

.related-prd .slide_item {
    margin: 0 10px;
}

.related-prd .slide_item a {
    display: block;
    text-align: center;
}

.related-prd .slide_item .thumb {
    display: block;
    width: 105px;
    height: 145px;
    margin: 0 auto;
}

.related-prd .slide_item .thumb img {
    width: 100%;
}

.related-prd .slide_item .cate {
    display: block;
    font-size: 12px;
    font-family: 'Lato-Regular';
    margin-bottom: 5px;
}

.related-prd .slide_item .t1 {
    display: block;
    font-size: 11px;
    font-family: 'Lato-Regular';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.related-prd .slide_item .t2 {
    display: block;
    font-size: 11px;
    font-family: 'Lato-Light';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.related-prd .slick-arrow {
    transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s;
    z-index: 1;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    width: 35px;
    height: 56px;
    margin-top: -28px;
}

.related-prd .slick-arrow:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 15px;
    margin: -8px 0 0 -4px;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.related-prd .slick-arrow.slick-next {
    right: 0;
}

.related-prd .slick-arrow.slick-next:after {
    background-position: -26px -110px;
}

.related-prd .slick-arrow.slick-prev {
    left: 0;
}

.related-prd .slick-arrow.slick-prev:after {
    background-position: 0 -110px;
}

.magazine .press-content h3 {
    margin: 50px 0 25px 0;
    text-align: center;
    font-size: 25px;
    font-family: 'Lato-Bold';
}

.magazine .press-lists {
    margin-top: 20px;
    padding: 0 15px;
}

.magazine .press-lists .grid-item {
    width: 100%;
    margin-bottom: 55px
}

.magazine .press-lists .grid-item a {
    display: block;
}

.magazine .press-lists .thumb {
    display: block;
}

.magazine .press-lists .thumb img {
    width: 100%;
}

.magazine .press-lists .infos {
    padding: 10px 0 0 0;
}

.magazine .press-lists .tit {
    font-size: 13px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.magazine .press-lists .summery {
    font-size: 11px;
    line-height: 150%;
    margin: 5px 0;
}

:lang(ko) .magazine .press-lists .summery {font-weight: 300;}
:lang(en) .magazine .press-lists .summery {font-family: 'Lato-Light';}
:lang(zh) .magazine .press-lists .summery {font-weight: 300;}
:lang(ja) .magazine .press-lists .summery {font-weight: 300;}

.magazine .press-lists .date {
    font-size: 11px;
    margin-right: 10px;
}

.magazine .press-lists .name {
    font-size: 11px;
}

.magazine .press-lists .txt-type {
    background: #e3e4e8;
}

.magazine .press-lists .txt-type .infos {
    padding: 20px 15px;
}

.magazine .prd-review-content h3 {
    margin: 50px 0 25px 0;
    text-align: center;
    font-size: 25px;
    font-family: 'Lato-Regular';
}

.magazine .prd-review-list-top {
    margin-top: 20px;
    padding: 0 15px;
}

.magazine .prd-review-list-top a {
    display: block;
}

.magazine .prd-review-list-top .photo img {
    width: 100%;
}

.magazine .prd-review-list-top .infos {
    margin: 10px 0 30px 0;
}

.magazine .prd-review-list-top .tit {
    font-size: 13px;
    font-family: 'Lato-Bold';
    display: block;
    margin: 5px 0
}

.magazine .prd-review-lists {
    margin-top: 50px;
    padding: 0 10px;
}

.magazine .prd-review-lists li {
    display: inline-block;
    width: 50%;
    margin-bottom: 25px;
}

.magazine .prd-review-lists a {
    display: block;
    margin: 0 5px;
}

.magazine .prd-review-lists .thumb {
    position: relative;
    display: block;
}

.magazine .prd-review-lists .thumb img {
    width: 100%;
}

.magazine .prd-review-lists .infos {;
    margin: 10px 0 5px 0;
}

.magazine .prd-review-lists .tit {
    font-size: 13px;
    font-family: 'Lato-Bold';
    display: block;
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.magazine .prd-review-lists .summery {
    font-size: 11px;
    font-family: 'Lato-Light';
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    margin-bottom: 10px;
}

.magazine .prd-review-lists .t1 {
    font-size: 11px;
}

.magazine .prd-review-lists .t2 {
    font-size: 11px;
}

.magazine .prd-review-lists .date {
    font-family: 'Lato-Bold';
}

.magazine .prd-review-lists .txt {
    font-family: 'Lato-Light';
    margin: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.magazine .prd-review-lists .out .thumb:before {
    content: '';
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url('../images/icons.png') -48px -87px no-repeat;
    background-size: 375px 375px;
}

.magazine .prd-review-detail {
    padding: 0 15px 0 15px;
}

.magazine .prd-review-detail img {
    width: 100%;
}

.magazine .prd-review-detail .page-h3 {
    text-align: center;
    font-size: 15px;
}

.magazine .prd-review-detail p, .magazine .prd-review-detail .prd-review-detail-txt {
    font-size: 13px;
    line-height: 150%;
}

.magazine .prd-review-detail .writer-util {
    position: relative;
    margin: 25px 0;
    padding: 20px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.magazine .prd-review-detail .writer-util .tits {
    margin-right: 55px;
}

.magazine .prd-review-detail .writer-util .t1 {
    display: block;
    font-size: 13px;
}

.magazine .prd-review-detail .writer-util .t2 {
    display: block;
    font-size: 11px;
}

.magazine .prd-review-detail .writer-util .t3 {
    display: block;
    font-size: 10px;
    margin-top: 8px;
}

.magazine .prd-review-detail .writer-util .sns {
    position: absolute;
    top: 40px;
    right: 0;
}

.magazine .prd-review-detail .writer-util .sns li {
    display: inline-block;
    margin-left: 15px;
}

.magazine .prd-review-detail .writer-util .sns a {
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.magazine .prd-review-detail .writer-util .sns a.f {
    background-position: -73px -61px;
}

.magazine .prd-review-detail .writer-util .sns a.t {
    background-position: -101px -61px;
}

/* support */
.support-main .page-h3 {
    font-size: 25px;
    font-family: 'Lato-Regular';
    padding: 50px 0 0 0;
    text-align: center;
}

.support-main .sub-text {
    font-size: 11px;
    text-align: center;
    margin: 5px 15px 0 15px;
}

:lang(ko) .support-main .sub-text {font-weight: 300;}
:lang(en) .support-main .sub-text {font-family: 'Lato-Light';}
:lang(zh) .support-main .sub-text {font-weight: 300;}
:lang(ja) .support-main .sub-text {font-weight: 300;}

.support-main .support-main-col1 {
    overflow: hidden;
    background: #e8edf2;
    padding: 0 15px 50px 15px;
}

.support-main .support-main-col1 li {
    background: #fff;
    margin-top: 25px;
    padding: 20px 20px 15px 20px;
}

.support-main .support-main-col1 li .tit {
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 15px;
    border-bottom: 1px solid #000;
}

.support-main .support-main-col1 dl {
    position: relative;
    margin: 5px 0;
}

.support-main .support-main-col1 dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    display: inline-block;
    font-family: 'Lato-Regular';
    font-size: 11px;
}

.support-main .support-main-col1 dd {
    display: inline-block;
    margin: 0 0 0 70px;
    word-break: break-all;
    font-size: 11px;
}

.support-main-col1-2 {
    text-align: center;
}

.support-main-col1-2 .service-date {
    display: inline-block;
}

.support-main-col1-2 .service-date-text{
    max-width: 750px;
    margin: 0 30px;
    padding: 20px 0 20px 35px;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    background: url('/assets/images/support/img_support_sevice_icon.png') no-repeat left center;
    background-size: 25px auto;
}

.support-main-col1-2 .service-date-box {
    margin: 25px 15px 0 15px;
    padding: 25px 30px;
    color: #bfcbd4;
    font-size: 12px;
    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: 20px;
}

.support-main-col1-2 .service-date-box .serial dt {
    padding-top: 5px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 14px;
}

.support-main-col1-2 .service-date-box .serial dd {
    font-size: 10px;
}

.support-main-col1-2 .service-date-box dt {
    padding-top: 25px;
    padding-bottom: 10px;
    color: #fff;
}

.support-main .support-main-col2 {
    padding-bottom: 50px;
}

.support-main .support-main-col2 .cates {
    margin-top: 25px;
    padding: 0 15px;
}

.support-main .support-main-col2 .cates li {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
}

.support-main .support-main-col2 .cates a {
    display: block;
    border: 1px solid #b2b2b2;
    height: 132px;
    overflow: hidden;
}

.support-main .support-main-col2 .cates a:before {
    content: '';
    margin: 0 auto;
    display: block;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.support-main .support-main-col2 .cates strong {
    font-size: 15px;
    font-family: 'Lato-Bold';
}

.support-main .support-main-col2 .cates a.c1 {
    margin-right: 5px;
}

.support-main .support-main-col2 .cates a.c1:before {
    margin-top: 23px;
    margin-bottom: 15px;
    width: 43px;
    height: 60px;
    background-position: -332px -128px;
}

.support-main .support-main-col2 .cates a.c2 {
    margin-left: 5px;
}

.support-main .support-main-col2 .cates a.c2:before {
    margin-top: 27px;
    margin-bottom: 17px;
    width: 46px;
    height: 56px;
    background-position: -330px -204px;
}

.support-main .support-main-col3 {
    text-align: center;
}

.support-main .support-main-col3 .page-h3 {
    padding-top: 20px;
    font-family: 'Lato-Light';
}

.support-main .support-main-col3 a {
    display: block;
    height: 150px;
}

.support-main .support-main-col3 p {
    line-height: 170%;
    margin: 10px 0;
}

:lang(ko) .support-main .support-main-col3 p {font-weight: 300;}
:lang(en) .support-main .support-main-col3 p {font-family: 'Lato-Light';}
:lang(zh) .support-main .support-main-col3 p {font-weight: 300;}
:lang(ja) .support-main .support-main-col3 p {font-weight: 300;}

.support-main .support-main-col4 {
    padding: 0 15px;
}

.support-main .support-main-col4 .page-h3 {
    padding: 0;
    font-size: 15px;
    text-align: left;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    font-family: 'Lato-Light';
}

.support-main .support-main-col4 .in-col {
    margin-top: 50px;
}

.support-main .support-main-col4 .list {
    margin-top: 5px;
}

.support-main .support-main-col4 li a {
    padding: 8px 0;
    position: relative;
    display: block;
}

.support-main .support-main-col4 li .date {
    width: 60px;
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 11px;
    letter-spacing: -1px;
    font-family: 'Lato-Light';
}

.support-main .support-main-col4 .in-col.faq li .txt {
    margin-left: 0;
}

.support-main .support-main-col4 li .txt {
    margin: 0 0 0 60px;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
:lang(ko) .support-main .support-main-col4 li .txt {font-weight: 300;}
:lang(en) .support-main .support-main-col4 li .txt {font-family: 'Lato-Light';}
:lang(zh) .support-main .support-main-col4 li .txt {font-weight: 300;}
:lang(ja) .support-main .support-main-col4 li .txt {font-weight: 300;}

.support-content .page-h3 {
    font-size: 25px;
    font-family: 'Lato-Regular';
    padding: 50px 0 25px 0;
    text-align: center;
}

.support-content .faq {
    margin: 25px 15px 0 15px;
    border-top: 2px solid #000;
}

.support-content .faq > ul > li {
    border-bottom: 1px solid #000;
}

.support-content .faq > ul > li > a {
    position: relative;
    display: block;
    padding: 5px 0 5px 45px;
}

.support-content .faq > ul > li > a:before {
    content: 'Q';
    font-size: 11px;
    font-family: 'Lato-Bold';
    position: absolute;
    top: 50%;
    left: 13px;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #000;
    line-height: 20px;
    text-align: center;
    color: #fff;
    margin: -10px 0 0 0
}

.support-content .cate {

    font-size: 11px;
}
:lang(ko) .support-content .cate {font-weight: 700;}
:lang(en) .support-content .cate {font-family: 'Lato-Bold';}
:lang(zh) .support-content .cate {font-weight: 700;}
:lang(ja) .support-content .cate {font-weight: 700;}

.support-content .tit {
    margin-top: 5px;
    font-size: 11px;
    line-height: 150%;
}

.support-content .txts {
    display: none;
    background: #f7f8f9;
    line-height: 150%;
    padding: 15px;
    font-size: 11px;
}

.download-content .page-h3 {
    font-size: 25px;
    font-family: 'Lato-Regular';
    padding: 50px 0 25px 0;
    text-align: center;
}

.download-content .sub-txt {
    text-align: center;
    line-height: 150%;
    margin: -15px 10px 0 10px;
}
:lang(ko) .download-content .sub-txt {font-weight: 300;}
:lang(en) .download-content .sub-txt {font-family: 'Lato-Light';}
:lang(zh) .download-content .sub-txt {font-weight: 300;}
:lang(ja) .download-content .sub-txt {font-weight: 300;}

.download-content .tb-list {
    margin-left: 15px;
    margin-right: 15px;
}

.download-content .tb-utils {
    margin-left: 15px;
    margin-right: 15px;
}

.download-content .tb-list tbody td.subject {
    text-align: left;
}

.download-content .tb-list tbody td.subject a {
    display: block;
}

.download-content .tb-list tbody td.subject strong {
    font-family: 'Lato-Bold';
    font-size: 11px;
    margin-right: 5px;
}

.download-content .tb-list tbody td.subject p {
    font-family: 'Lato-Light';
    font-size: 11px;
}

.download-content .tb-list tbody td.subject span {
    font-family: 'Lato-Light';
    font-size: 11px;
}

.download-content .tb-list .bt-full {
    width: 74px;
    font-family: 'Lato-Bold';
    font-size: 11px;
}

.service-center .page-h3 {
    font-size: 25px;
    font-family: 'Lato-Regular';
    padding: 50px 0 25px 0;
    text-align: center;
}

.service-center .sub-txt {
    text-align: center;
    line-height: 150%;
    margin: -15px 10px 0 10px;
}

.service-center .content {
    padding: 20px 15px 0;
}

.service-center .content img {
    width: 100%;
}

.service-center .content .info {
    margin-top: 25px;
    padding: 10px 10px 25px 30px;
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
}

.service-center .content .info dt {
    margin-top: 15px;
    line-height: 150%;
}

.service-center .content .info dd{
    margin-top: -18px;
    padding-left: 70px;
    line-height: 150%;
}

.service-center .page-h4 {
    font-size: 20px;
    font-family: 'Lato-Regular';
    padding: 50px 0 25px 0;
    text-align: center;
}

.service-center .notice-cscenter {
    padding: 0 20px;
    line-height: 24px;
    text-align: center;
}

/* about us */
.about-content .page-h3 {
    font-size: 25px;
    font-family: 'Lato-Regular';
    padding: 50px 0 25px 0;
    text-align: center;
}

.about-content .sub-txt {
    margin: -15px 10px 0 10px;
    text-align: center;
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .about-content .sub-txt {font-weight: 300;}
:lang(en) .about-content .sub-txt {font-family: 'Lato-Light';}
:lang(zh) .about-content .sub-txt {font-weight: 300;}
:lang(ja) .about-content .sub-txt {font-weight: 300;}

.about-content .introduce {
    text-align: center;
    padding: 25px 0 0 0
}

.about-content .introduce .t1 {
    font-size: 20px;
    font-family: 'Lato-Light';
    padding: 0 10px;
    word-break: break-word;
}

.about-content .introduce .t2 {
    font-size: 10px;
    margin-top: 5px;
    padding: 0 15px;
}

:lang(ko) .about-content .introduce .t2 {font-weight: 300;}
:lang(en) .about-content .introduce .t2 {font-family: 'Lato-Light';}
:lang(zh) .about-content .introduce .t2 {font-weight: 300;}
:lang(ja) .about-content .introduce .t2 {font-weight: 300;}

.about-content .introduce .t3 {
    margin-top: 20px;
    line-height: 150%;
    padding: 0 15px;
}

.about-content .introduce .t4 {
    font-size: 11px;
    line-height: 150%;
    margin: 15px 15px 0 15px;
}
:lang(ko) .about-content .introduce .t4 {font-weight: 300;}
:lang(en) .about-content .introduce .t4 {font-family: 'Lato-Light';}
:lang(zh) .about-content .introduce .t4 {font-weight: 300;}
:lang(ja) .about-content .introduce .t4 {font-weight: 300;letter-spacing:-1px;}

.about-content .introduce .mov {
    margin: 25px 15px 0 15px;
}

.about-content .introduce .innovation {
    margin-top: 60px;
    background: #e7e9eb;
    padding: 50px 0 25px;
}

.about-content .introduce .innovation .tit {
    font-size: 25px;
    font-family: 'Lato-Regular';
}

.about-content .introduce .innovation .it1 {
    font-size: 14px;
    line-height: 150%;
    margin-top: 20px;
    padding: 0 15px;
}
:lang(ko) .about-content .introduce .innovation .it1 {font-weight: 300;}
:lang(en) .about-content .introduce .innovation .it1 {font-family: 'Lato-Light';}
:lang(zh) .about-content .introduce .innovation .it1 {font-weight: 300;}
:lang(ja) .about-content .introduce .innovation .it1 {font-weight: 300;}

.about-content .introduce .innovation .it2 {
    font-size: 11px;
    margin-top: 10px;
    line-height: 150%;
    padding: 0 15px;
}
:lang(ko) .about-content .introduce .innovation .it2 {    font-weight: 300;}
:lang(en) .about-content .introduce .innovation .it2 {font-family: 'Lato-Light';}
:lang(zh) .about-content .introduce .innovation .it2 {    font-weight: 300;}
:lang(ja) .about-content .introduce .innovation .it2 {    font-weight: 300;}

.about-content .introduce .motto li {
    position: relative;
    margin: 60px 0;
}

.about-content .introduce .motto li:before {
    content: '';
    display: block;
    margin: 0 auto 15px auto;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.about-content .introduce .motto li.mt1:before {
    width: 62px;
    height: 56px;
    background-position: 0 -187px;
}

.about-content .introduce .motto li.mt2:before {
    width: 55px;
    height: 47px;
    background-position: 0 -260px;
}

.about-content .introduce .motto li.mt3:before {
    width: 55px;
    height: 36px;
    background-position: 0 -339px;
}

.about-content .introduce .motto strong {
    font-size: 13px;

}
:lang(ko) .about-content .introduce .motto strong {font-weight: 700;}
:lang(en) .about-content .introduce .motto strong {font-family: 'Lato-Bold';}
:lang(zh) .about-content .introduce .motto strong {font-weight: 700;}
:lang(ja) .about-content .introduce .motto strong {font-weight: 700;}

.about-content .introduce .motto p {
    font-size: 11px;
    line-height: 150%;
    margin-top: 5px;
    padding: 0 15px;
}

.about-content .ceo {
    padding: 25px 15px 250px 15px;
    background: url('../images/aboutus/img_pen.jpg') center bottom no-repeat;
    background-size: auto 247px;
}

.about-content .ceo img {
    width: 100%;
}

.about-content .ceo-msg {
    margin-top: 15px;
    font-size: 11px;
    line-height: 180%;
}
.about-content .ceo-msg strong{display:block;margin-top:20px;}
.about-content .ceo-msg strong img{width:100%;}

:lang(ko) .about-content .ceo-msg {font-weight: 300;}
:lang(en) .about-content .ceo-msg {font-family: 'Lato-Light';}
:lang(zh) .about-content .ceo-msg {font-weight: 300;}
:lang(ja) .about-content .ceo-msg {font-weight: 300;}

:lang(ko) .about-content .ceo-msg.title{font-size:24px;line-height:30px;color:#000;font-weight:900;}
:lang(en) .about-content .ceo-msg.title{font-size:24px;line-height:34px;color:#000;font-family: 'Lato-Bold';}
:lang(zh) .about-content .ceo-msg.title{font-size:24px;line-height:30px;color:#000;font-weight:900;}
:lang(ja) .about-content .ceo-msg.title{font-size:24px;line-height:30px;color:#000;font-weight:900;}

.about-content .tb-utils {
    margin-left: 15px;
    margin-right: 15px;
}

.about-content .tb-utils .col {
    margin-top: 0;
}

.about-content .tb-list {
    margin-left: 15px;
    margin-right: 15px;
}

.about-content .tb-list tbody td.subject {
    text-align: left;
}

.about-content .tb-list tbody td.subject a {
    display: block;
}

.about-content .tb-list tbody td.subject .txt {
    font-size: 11px;
    margin-bottom: 5px;
}
:lang(ko) .about-content .tb-list tbody td.subject .txt {    font-weight: 300;}
:lang(en) .about-content .tb-list tbody td.subject .txt {font-family: 'Lato-Light';}
:lang(zh) .about-content .tb-list tbody td.subject .txt {    font-weight: 300;}
:lang(ja) .about-content .tb-list tbody td.subject .txt {    font-weight: 300;}

.about-content .tb-list tbody td.subject .cate {
    font-size: 10px;

    margin-right: 10px;
}
:lang(ko) .about-content .tb-list tbody td.subject .cate {font-weight: 700;}
:lang(en) .about-content .tb-list tbody td.subject .cate {font-family: 'Lato-Bold';}
:lang(zh) .about-content .tb-list tbody td.subject .cate {font-weight: 700;}
:lang(ja) .about-content .tb-list tbody td.subject .cate {font-weight: 700;}

.about-content .tb-list tbody td.subject .date {
    font-size: 10px;
    font-family: 'Lato-Light';
}

.about-content .tb-view {
    margin-left: 15px;
    margin-right: 15px;
}

.about-content .tb-view img {
    width: 100%;
}

.about-content .tb-view p {
    font-size: 12px !important;
}

.about-content .tb-view span {
    font-size: 12px !important;
}
.about-content .paging2 {
    margin-left: 15px;
    margin-right: 15px;
}

.about-content .map-list {
    margin: 0 15px;
}

.about-content .map-list li {
    margin-top: 25px;
}

.about-content .map-list li .infos {
    background: #e3e4e8;
    padding: 20px;
}

.about-content .map-list li .tit {
    display: block;
    border-bottom: 1px solid #000;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 15px;
}

.about-content .map-list dl {
    position: relative;
    margin: 5px 0;
}

.about-content .map-list dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    display: inline-block;
    font-family: 'Lato-Regular';
    font-size: 11px;
}

.about-content .map-list dd {
    display: inline-block;
    margin: 0 0 0 70px;
    word-break: break-all;
    font-size: 11px;
    line-height: 150%;
}

.about-content .map-list img {
    width: 100%;
}

.about-content .map-list .txt {
    margin-top: 20px;
    font-size: 10px;
    line-height: 170%;
}

.about-content .contact-customer {
    position: relative;
    margin: 0 15px 0 15px;
    text-align: center;
    border: 5px solid #e7e9eb;
    box-sizing: border-box;
}

.about-content .contact-customer dl{margin:30px 0;}
.about-content .contact-customer dt{position:relative;font-size:12px;font-weight:700;margin-bottom:5px;}
.about-content .contact-customer dd{font-size:11px;line-height:150%; }
.about-content .contact-customer dd .mail{font-family: 'Lato-Regular';font-size:11px;}
.about-content .contact-customer dd .mail a{font-family: 'Lato-Regular';font-size:11px;}
.about-content .contact-customer .bt-more{position:static;top:auto;right:auto;font-size:0 !important;}
.about-content .contact-customer .bt-more:after{margin-left:0;}
.about-content .contact-customer .as-tit{display:inline-block;margin-bottom:10px;height:30px;line-height:30px;padding-left:30px;}
.about-content .contact-customer .as-tit:before{content:'';position:absolute;top:0;left:0;width:25px;height:31px;
    background: url('../images/icons.png') -289px -208px no-repeat;
    background-size: 375px 375px;
}

.about-content .notice-ascenter {padding: 25px 15px; font-size: 11px;}
.about-content .notice-ascenter .email {display: block;  color: #c50233;}
/*
.about-content .contact-customer .col {
    padding: 35px 0;
}

.about-content .contact-customer strong {
    font-weight: 700;
    font-size: 12px;
}

.about-content .contact-customer dl {
    margin-top: 10px
}

.about-content .contact-customer dt {
    font-size: 11px;
    font-family: 'Lato-Regular';
    display: inline-block;
}

.about-content .contact-customer dd {
    font-size: 11px;
    font-family: 'Lato-Regular';
    display: inline-block;
}

.about-content .contact-customer dd a {
    font-size: 11px;
    font-family: 'Lato-Regular';
    display: inline-block;
}
*/


.about-content .buy {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.about-content .buy .tit {

}
:lang(ko) .about-content .buy .tit {font-weight: 700;}
:lang(en) .about-content .buy .tit {font-family: 'Lato-Bold';}
:lang(zh) .about-content .buy .tit {font-weight: 700;}
:lang(ja) .about-content .buy .tit {font-weight: 700;}

.about-content .buy .addr {
    margin: 5px 0 10px 0;
    font-size: 11px;
}

.about-content .buy .tel {
    margin-right: 10px;
    font-size: 11px;
}

.about-content .buy .link {
    border-bottom: 1px solid #000;
    font-size: 11px;
}

.about-content .buy .use {
    margin-top: 5px;
    font-size: 11px;
}

.about-content .tab-subs {
    text-align: center;
}

.about-content .tab-subs li {
    width: 33.33%;
    display: inline-block;
}

.about-content .tab-subs a {
    border-left: 1px solid #ccc;
    display: block;
    font-family: 'Lato-Bold';
    font-size: 11px;
    padding: 5px 0;
}

.about-content .tab-subs li.active a {
    color: #c50233;
}

.about-content .tab-subs li:nth-child(3n+1) a {
    border-left: 0;
}

.about-content .global-seller {
}

.about-content .global-map-list {
    margin: 35px 15px 50px 15px;
}

.about-content .global-map-list img {
    width: 100%;
}

.about-content .seller {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.about-content .seller .nation {
    display: block;
    line-height: 17px;
    font-family: 'Lato-Regular';
    margin-bottom: 5px;
}

.about-content .seller .nation img {
    width: 17px;
    margin-right: 5px;
}

.about-content .seller .info {
    margin-top: 10px;
}

.about-content .seller .info:first-child {
    margin-top: 0px;
}

.about-content .seller .company {
    font-family: 'Lato-Bold';
    font-size: 11px;
    margin-right: 5px;
}

.about-content .seller .tel {
    font-family: 'Lato-Light';
    font-size: 11px;
}

.about-content .seller .link {
    display: block;
    margin-top: 5px;
}

.about-content .seller .link a {
    font-family: 'Lato-Light';
    font-size: 11px;
}

.about-content .history {
    padding: 25px 15px 0 15px;
}

.about-content .history-visual img {
    width: 100%;
}

.about-content .history-tabs{margin:10px 0 30px 0;text-align:center;border-bottom:1px solid #e3e4e8;}
.about-content .history-tabs li{display:inline-block;width:25%;}
.about-content .history-tabs a{position:relative;font-size:11px;display:block;padding:10px 0;letter-spacing:-1px;}
.about-content .history-tabs a.active{color:#c50233;}
.about-content .history-tabs a.active:after{content:'';position:absolute;bottom:0;left:0;width:100%;background:#c50233;height:2px;}
.about-content .history-con{position:relative;}
.about-content .history-con:before{content:'';position:absolute;top:0;left:20px;z-index:1;width:1px;height:100%;background:#e3e4e8;}
.about-content .history-section{display:none;}
.about-content .history-item{position:relative;padding:0 0 50px 0;margin:0 0 0 17px;}

.about-content .history-item:before {
    content: '';
    z-index: 2;
    background: #fff;
    position: absolute;
    top: 0;
    left: -1px;
    width: 5px;
    height: 5px;
    border: 2px solid #999;
}
.about-content .history-item h4{position:relative;top:-8px;font-size:20px;font-family: 'Lato-Regular';display:block;margin:0 0 0 25px;}
.about-content .history-item ul{margin-bottom:10px;}
.about-content .history-item li{font-size:11px;line-height:150%;padding:2px 0;margin:0 0 0 25px;}

:lang(zh) .about-content .history-item li, :lang(ja) .about-content .history-item li {
    font-weight: 300;
}
.about-content .history-item img{margin-left:20px;max-width:100%;}

.sy-people {
    text-align: center;
    margin: 55px 0 0 0;
}

.sy-people .diagram {
    margin: 0 55px;
}

.sy-people .diagram img {
    max-width: 100%;
}

.sy-people .people-txt {
    margin-top: 40px;
}

.sy-people .people-txt h4 {
    display: inline-block;
    padding-bottom: 3px;
    font-size: 12px;
    font-family: 'Lato-Regular';
}

.sy-people .people-txt h5 {
    display: block;
    padding: 5px 0;
    font-size: 15px;
}

.sy-people .people-txt1 h4 {
    color: #c50233;
    border-bottom: 1px solid #c50233;
}

.sy-people .people-txt2 h4 {
    color: #000;
    border-bottom: 1px solid #000;
}

.sy-people .people-txt3 h4 {
    color: #959dad;
    border-bottom: 1px solid #959dad;
}

.sy-people .people-txt strong {
    font-size: 15px;
    display: block;
    margin: 10px 0;
}

.sy-people .people-txt p {
    font-size: 13px;
    line-height: 150%;
    margin: 0 15px;
}

:lang(en) .sy-people .people-txt h4 {
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: 0;
}

:lang(ko) .sy-people .people-txt strong {
    font-weight: 400;
}

:lang(en) .sy-people .people-txt strong {
    font-family: 'Lato-Regular';
}
:lang(zh) .sy-people .people-txt strong {
    font-weight: 400;
}
:lang(ja) .sy-people .people-txt strong {
    font-weight: 400;
}

:lang(ko) .sy-people .people-txt p {
    font-weight: 300;
}

:lang(en) .sy-people .people-txt p {
    font-family: 'Lato-Light';
}

:lang(zh) .sy-people .people-txt p {
    font-weight: 300;
}
:lang(ja) .sy-people .people-txt p {
    font-weight: 300;
}

.buy-customer {
    background: #f5f5f6;
    overflow: hidden;
    position: relative;
    margin: 0 15px;
    padding: 35px 0 30px 0;
}

.buy-customer .tit {
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 20px;
}

.buy-customer dl {
    margin: 0 0 0 50px;
    padding: 5px 0;
}

.buy-customer dt {
    width: 45px;
    font-size: 11px;
    font-family: 'Lato-Regular';
    display: inline-block;
}

.buy-customer dd {
    font-size: 11px;
    font-family: 'Lato-Regular';
    display: inline-block;
}

/* member */
.member .bot {
    text-align: center;
    margin-top: 50px;
}

.member .bot img {
    width: 220px;
}

.member .bot p {
    margin-top: 10px;
    color: #e31839;
    line-height: 150%;
}

.member .member-tabs {
    border-bottom: 1px solid #000;
}

.member .member-tabs li {
    display: inline-block;
    width: 25%;
    text-align: center;
}

:lang(en) .member .member-tabs li, :lang(zh) .member .member-tabs li, :lang(ja) .member .member-tabs li {
    width: 50%;
}

.member .member-tabs a {
    font-size: 11px;
    position: relative;
    display: block;
    height: 18px;
    line-height: 18px;
    padding: 8px 0;
}

.member .member-tabs a:before {
    content: '';
    width: 1px;
    height: 18px;
    background: #e5e5e5;
    position: absolute;
    top: 8px;
    left: 0;
}

.member .member-tabs a.currented {
    color: #c50233;
}

.member .member-tabs li:first-child a:before {
    display: none;
}

.member .notic .textarea textarea {
    line-height: 200%;
}

.join {
    padding: 50px 0 0 0;
}

.join .page-h3 {
    position: relative;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}
:lang(ja) .join .page-h3 {
    letter-spacing: -1px;
}

.join .page-h3.error:before {
    content: '';
    display: block;
    margin: 0 auto 20px auto;
    width: 55px;
    height: 64px;
    background: url('../images/icons.png') -76px -312px no-repeat;
    background-size: 375px 375px;
}

.join .sub-txt {
    text-align: center;
    font-size: 11px;
    line-height: 150%;
    padding: 0 15px;
}
:lang(ko) .join .sub-txt {font-weight: 300;}
:lang(en) .join .sub-txt {font-family: 'Lato-Light';}
:lang(zh) .join .sub-txt {font-weight: 300;}
:lang(ja) .join .sub-txt {font-weight: 300;}

.join .sub-txt strong {

    color: #c50233;
}
:lang(ko) .join .sub-txt strong {font-weight: 700;}
:lang(en) .join .sub-txt strong {font-family: 'Lato-Bold';}
:lang(zh) .join .sub-txt strong {font-weight: 700;}
:lang(ja) .join .sub-txt strong {font-weight: 700;}

.join .join-box {
    border: 10px solid #e7e9eb;
    text-align: center;
    padding: 25px 20px;
    margin: 0 15px;
}

.join .join-box .welcome {
    font-size: 15px;
}
:lang(ko) .join .join-box .welcome {font-weight: 300;}
:lang(en) .join .join-box .welcome {font-family: 'Lato-Light';}
:lang(zh) .join .join-box .welcome {font-weight: 300;}
:lang(ja) .join .join-box .welcome {font-weight: 300;}

.join .join-box .type li {
    position: relative;
    width: 50%;
    display: inline-block;
}
.join .join-box .type li a{overflow:hidden;}
.join .join-box .type li:before {
    content: '';
    margin: 35px auto 15px auto;
    display: block;
    background: url('../images/icons.png') no-repeat;
    background-size: 375px 375px;
}

.join .join-box .type li:nth-child(1):before {
    width: 89px;
    height: 53px;
    background-position: -286px -322px;
}

:lang(ko) .join .join-box .type li:nth-child(2):before {
    width: 90px;
    height: 46px;
    background-position: -183px -329px;
}

:lang(ko) .join .join-box .type li:nth-child(3):before {
    width: 51px;
    height: 46px;
    background-position: -162px -269px;
}

:lang(en) .join .join-box .type li:nth-child(2):before {
    width: 51px;
    height: 46px;
    background-position: -162px -269px;
}
:lang(ja) .join .join-box .type li em{line-height:120%;display:block;position:relative;top:3px;}
:lang(ja) .join .join-box .type li:nth-child(2):before {
    width: 51px;
    height: 46px;
    background-position: -162px -269px;
}
.join .join-box .bt-full {
    width: auto;
    margin: 0 5px;
    display: block;
}

.join .join-box .check {
    margin-top: 45px;
}
:lang(ko) .join .join-box .check {font-weight: 300;}
:lang(en) .join .join-box .check {font-family: 'Lato-Light';}
:lang(zh) .join .join-box .check {font-weight: 300;}
:lang(ja) .join .join-box .check {font-weight: 300;}

.join .join-box .check p:first-child {
    margin-bottom: 5px;
}
:lang(ko) .join .join-box .check p:first-child {font-weight: 700;}
:lang(en) .join .join-box .check p:first-child {font-family: 'Lato-Bold';}
:lang(zh) .join .join-box .check p:first-child {font-weight: 700;}
:lang(ja) .join .join-box .check p:first-child {font-weight: 700;}

.join .join-steps {
    background: #f3f4f6;
    margin: 0 15px 20px 15px;
}

.join .join-steps li {
    position: relative;
    letter-spacing: -.5px;
    text-align: center;
    display: inline-block;
    width: 33.33%;
    line-height: 40px;
    font-size: 11px;
    color: #777;
}

.join .join-steps li:after {
    content: '';
    height: 5px;
    width: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform-origin: 70% 70%;
    transform-origin: 70% 70%;
}

.join .join-steps li.currented {
    color: #000;
}

.join .join-steps li:last-child:after {
    display: none;
}

.join .notic {
    padding: 0 15px;
}

.join .notic p {
    font-size: 11px;
    padding: 3px 0;
}
:lang(ko) .join .notic p {font-weight: 300;}
:lang(en) .join .notic p {font-family: 'Lato-Light';}
:lang(zh) .join .notic p {font-weight: 300;}
:lang(ja) .join .notic p {font-weight: 300;}

.join .notic .row {
    margin-top: 30px;
}

.join .notic .row li {
    margin-bottom: 15px;
}

.join .notic .row li:last-child {
    margin-bottom: 0;
}

.join .notic .check {
    display: block;
    margin-left: 0;
}

.join .join-btns {
    text-align: center;
    margin: 25px 50px 0 50px;
}

.join .join-btns li {
    display: inline-block;
    width: 45%;
    text-align: center;
    margin: 0 5px;
}

.join .join-btns li .bt-full {
    display: inline-block;
    width: 100%;
    max-width: 145px;
}

.join .join-btns li:first-child {
    text-align: right;
}

.join .join-btns li:last-child {
    text-align: left;
}

.join .join-btns.solo li {
    width: 100%;
    text-align: center;
    margin: 0;
}

.join .result-txts {
    text-align: center;
    margin-top: 15px;
}

.join .result-txts .mail {
    font-family: 'Lato-Regular';
}

.join .result-txts .mail input {
    padding: 5px 0;
    text-indent: 10px;
}

.join .result-txts .before {
    padding: 0 20px;
    line-height: 30px;
}

.join .result-txts .after {
    display: inline-block;
    padding: 5px 20px;
    background: #e7e9eb;
    text-align: center;
}

.join .join-links {
    margin: 45px 15px 0 15px;
}

.join .join-links li {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
}

.join .join-links a {
    display: block;
    border-right: 1px solid #ddd
}

.join .join-links span {
    display: block;
    font-size: 11px;
    margin-bottom: 5px;
    line-height: 150%;
    letter-spacing: -0.5px
}
:lang(ko) .join .join-links span {font-weight: 300;}
:lang(en) .join .join-links span {font-family: 'Lato-Light';}
:lang(zh) .join .join-links span {font-weight: 300;}
:lang(ja) .join .join-links span {font-weight: 300;}

.join .join-links em {
    font-size: 11px;
    color: #c50233;
    border-bottom: 1px solid #c50233;
}
:lang(ko) .join .join-links em {font-weight: 300;}
:lang(en) .join .join-links em {font-family: 'Lato-Light';}
:lang(zh) .join .join-links em {font-weight: 300;}
:lang(ja) .join .join-links em {font-weight: 300;}

.join .join-links li:last-child a {
    border-right: 0;
}

.join .join-links.solo li {
    width: 100%;
}

.join .auth-txt {
    text-align: center;
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .join .auth-txt {font-weight: 300;}
:lang(en) .join .auth-txt {font-family: 'Lato-Light';}
:lang(zh) .join .auth-txt {font-weight: 300;}
:lang(ja) .join .auth-txt {font-weight: 300;}

.join .auth-txt strong {
    display: block;
    font-size: 12px;
}
:lang(ko) .join .auth-txt strong {font-weight: 300;}
:lang(en) .join .auth-txt strong {font-family: 'Lato-Light';}
:lang(zh) .join .auth-txt strong {font-weight: 300;}
:lang(ja) .join .auth-txt strong {font-weight: 300;}

.join .auth-txt em {
    font-family: 'Lato-Light';
}

.join .safe-txt {
    text-align: center;
    margin: 25px 15px 0 15px;
}

.join .safe-txt .sub-txt {
    margin-bottom: 25px;
    padding: 0;
}

.join .safe-txt .safe-link {
    color: #c50233;
    font-size: 11px;
    display: inline-block;
    padding: 3px;
    border-bottom: 1px solid #c50233;;
}

.join .safe-txt .admin-txt {
    display: block;
    font-size: 11px;
    margin: 20px 0 30px 0;
}

.join .safe-txt .tip-txt {
    background: #e7e9eb;
    line-height: 180%;
    margin-bottom: 20px;
    font-size: 11px;
    padding: 15px 0;
}

.join .safe-txt .site-link {
    padding-right: 10px;
    position: relative;
    display: inline-block;
    font-size: 11px;
}

.join .safe-txt .site-link:after {
    content: '';
    height: 5px;
    width: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 0;
    margin: -5px 0 0 0;
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform-origin: 70% 70%;
    transform-origin: 70% 70%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.reg-forms {
    padding: 0 10px;
}

.reg-forms .regs {
    margin: 15px 0;
    overflow: hidden;
}

.reg-forms .tit {
    display: block;
    margin-bottom: 5px;
    padding: 0 5px;
}
:lang(ko) .reg-forms .tit {font-weight: 700;}
:lang(en) .reg-forms .tit {font-family: 'Lato-Bold';}
:lang(zh) .join .auth-txt strong {font-weight: 300;}
:lang(ja) .join .auth-txt strong {font-weight: 300;}

.reg-forms .sub-tit {
    display: block;
    margin-top: 15px;
    padding: 0 5px;
}
:lang(ko) .reg-forms .sub-tit {font-weight: 300;}
:lang(en) .reg-forms .sub-tit {font-family: 'Lato-Light';}
:lang(zh) .reg-forms .sub-tit {font-weight: 300;}
:lang(ja) .reg-forms .sub-tit {font-weight: 300;}

.reg-forms .input input {
    text-indent: 0;
}

.reg-forms .select select {
    padding-left: 0;
}

.reg-forms .row {
    position: relative;
    margin-bottom: 15px;
    font-size: 0;
}

.reg-forms .row .txt {
    font-size: 10px;
    margin-top: 5px;
}
:lang(ko) .reg-forms .row .txt {font-weight: 300;}
:lang(en) .reg-forms .row .txt {font-family: 'Lato-Light';}
:lang(zh) .reg-forms .row .txt {font-weight: 300;}
:lang(ja) .reg-forms .row .txt {font-weight: 300;}

.reg-forms .row .input {
    margin: 0 5px;
}

.reg-forms .row .select {
    margin: 0 5px;
}

.reg-forms .col {
    display: inline-block;
}

.reg-forms .guide {
    background: #f3f4f5;
    padding: 15px 10px;
    margin-top: 15px;
}

.reg-forms .guide p {
    font-size: 11px;
    line-height: 150%;
    position: relative;
    padding-left: 20px;
}

.reg-forms .guide .icon:before {
    content: '?';
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: #666;
    border-radius: 14px;
    text-align: center;
    line-height: 14px;
    color: #fff;

}
:lang(ko) .reg-forms .guide .icon:before {font-weight: 700;}
:lang(en) .reg-forms .guide .icon:before {font-family: 'Lato-Bold';}
:lang(zh) .reg-forms .guide .icon:before {font-weight: 700;}
:lang(ja) .reg-forms .guide .icon:before {font-weight: 700;}

.reg-forms .mix1 .col:first-child {
    width: 66.66%;
}

.reg-forms .mix1 .col:last-child {
    width: 33.33%;
}

.reg-forms .mix2 .col {
    width: 33.33%;
}

.reg-forms .mix3 .col:first-child {
    width: 33.33%;
}

.reg-forms .mix3 .col:last-child {
    width: 66.66%;
}

.reg-forms .mix4 .select {
    margin-right: 60px;
}

.reg-forms .mix4 button {
    border: 1px solid #000;
    width: 50px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

.reg-forms .select-item {
    margin-left: 5px;
}

.reg-forms .select-item li {
    margin: 0 5px 5px 0;
    padding-left: 10px;
    line-height: 25px;
    font-family: 'Lato-Light';
    font-size: 11px;
    display: inline-block;
    border: 1px solid #bbb;
    background: #f9f9f9;
}

.reg-forms .select-item .del {
    position: relative;
    font-size: 0;
    width: 25px;
    height: 25px;
}

.reg-forms .select-item .del:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: url('../images/icons.png') -79px -118px no-repeat;
    background-size: 375px 375px;
}

.login {
    padding: 50px 15px 0 15px;
}

.login .page-h3 {
    margin-bottom: 30px;
    font-family: 'Lato-Bold';
    font-size: 30px;
    text-align: center;
}

.login .login-form .input {
    margin-bottom: 20px;
}

.login .login-form .input:last-child {
    margin-bottom: 0;
}

.login .login-form .check {
    margin-top: 10px;
    margin-left: 0;
}

.login .login-btns {
    margin: 50px 0 0 0;
}

.login .login-btns li {
    display: inline-block;
}

.login .login-btns li:first-child {
    width: 35%;
}

.login .login-btns li:last-child {
    width: 65%;
}

.login .login-btns .bt-full {
    position: relative;
    display: block;
    width: auto;
}

.login .login-btns .bt-full.fb {
    background: #3c5b9a;
    margin-left: 10px;
}

.login .login-btns .bt-full.fb:before {
    content: '';
    position: relative;
    top: 2px;
    margin-right: 5px;
    display: inline-block;
    width: 6px;
    height: 11px;
    background: url('../images/icons.png') -293px -81px no-repeat;
    background-size: 375px 375px;
}

.login .login-links {
    text-align: center;
    margin-top: 20px;
}

.login .login-links li {
    margin: 0 5px;
    display: inline-block;
    border-bottom: 1px solid #000;
}

.login .login-links li a {
    font-size: 11px;
    display: block;
    padding: 3px;
}
:lang(ko) .login .login-links li a {font-weight: 300;}
:lang(en) .login .login-links li a {font-family: 'Lato-Light';}
:lang(zh) .login .login-links li a {font-weight: 300;}
:lang(ja) .login .login-links li a {font-weight: 300;}

.finds {
    padding: 50px 0 0 0;
    text-align: center;
}

.finds .page-h3 {
    position: relative;
    font-size: 20px;
    margin-bottom: 25px;
}

.finds .user {
    padding: 0 15px;
    margin-bottom: 15px;
    line-height: 150%;
}
:lang(ko) .finds .user {font-weight: 300;}
:lang(en) .finds .user {font-family: 'Lato-Light';}
:lang(zh) .finds .user {font-weight: 300;}
:lang(ja) .finds .user {font-weight: 300;}

.finds .user strong {

}
:lang(ko) .finds .user strong {font-weight: 700;}
:lang(en) .finds .user strong {font-family: 'Lato-Bold';}
:lang(zh) .finds .user strong {font-weight: 700;}
:lang(ja) .finds .user strong {font-weight: 700;}

.finds .sub-txt {
    position: relative;
    font-size: 13px;
    line-height: 150%;
    margin-bottom: 25px;
    padding: 0 15px;
}
:lang(ko) .finds .sub-txt {font-weight: 300;}
:lang(en) .finds .sub-txt {font-family: 'Lato-Light';}
:lang(zh) .finds .sub-txt {font-weight: 300;}
:lang(ja) .finds .sub-txt {font-weight: 300;}

.finds .sub-txt.fail {
    display: inline-block;
    font-size: 14px;
    padding-left: 20px;
}
:lang(ko) .finds .sub-txt.fail {font-weight: 700;}
:lang(en) .finds .sub-txt.fail {font-family: 'Lato-Bold';}
:lang(zh) .finds .sub-txt.fail {font-weight: 700;}
:lang(ja) .finds .sub-txt.fail {font-weight: 700;}

.finds .sub-txt.fail:before {
    content: '!';
    font-family: 'Lato-Bold';
    font-size: 11px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    border-radius: 13px;
    width: 13px;
    height: 13px;
    line-height: 13px;
    border: 1px solid #000;
}

.finds .find-tabs {
    margin: 0 15px 35px 15px;
}

.finds .find-tabs li {
    display: inline-block;
    width: 50%;
}

.finds .find-tabs a {
    padding: 10px 0;
    display: block;
    border-bottom: 1px solid #ddd;
    font-family: 'Lato-Light';
    font-size: 15px;
}

.finds .find-tabs a.currented {
    border-bottom: 1px solid #c50233;
    font-family: 'Lato-Bold';
}

.finds .find-form {
    padding: 0 10px;
}

.finds .find-form .row {
    font-size: 0;
    margin: 15px 0;
}

.finds .find-form .row .input {
    margin: 0 5px;
}

.finds .find-form .date .col {
    display: inline-block;
    width: 33.33%
}

.finds .find-form .result-num {

}
:lang(ko) .finds .find-form .result-num {font-weight: 300;}
:lang(en) .finds .find-form .result-num {font-family: 'Lato-Light';}
:lang(zh) .finds .find-form .result-num {font-weight: 300;}
:lang(ja) .finds .find-form .result-num {font-weight: 300;}

.finds .find-form .result-input {
    margin: 5px 0 25px 0;
    background: #e7e9eb;
    display: inline-block;
    padding: 5px 20px;
}

.finds .find-form .result-input input {
    background: none;
}

.finds .find-form .find-util {
    margin-top: 30px;
    padding: 0 15px;
}

.finds .find-form .find-util p {
    line-height: 150%;
    margin-bottom: 5px;
}
:lang(ko) .finds .find-form .find-util p {font-weight: 300;}
:lang(en) .finds .find-form .find-util p {font-family: 'Lato-Light';}
:lang(zh) .finds .find-form .find-util p {font-weight: 300;}
:lang(ja) .finds .find-form .find-util p {font-weight: 300;}

.finds .find-form .find-util a {
    display: inline-block;
    color: #c50233;
    border-bottom: 1px solid #c50233;
    padding: 3px
}

.finds .find-form .fail-result {
    margin-bottom: 25px;
    line-height: 150%;
}
:lang(ko) .finds .find-form .fail-result {font-weight: 300;}
:lang(en) .finds .find-form .fail-result {font-family: 'Lato-Light';}
:lang(zh) .finds .find-form .fail-result {font-weight: 300;}
:lang(ja) .finds .find-form .fail-result {font-weight: 300;}

.finds .find-form .tit-label {
    display: block;
    text-align: left;

}
:lang(ko) .finds .find-form .tit-label {font-weight: 300;}
:lang(en) .finds .find-form .tit-label {font-family: 'Lato-Light';}
:lang(zh) .finds .find-form .tit-label {font-weight: 300;}
:lang(ja) .finds .find-form .tit-label {font-weight: 300;}

.finds .find-form .find-inputs {
    margin-bottom: 30px;
}

.finds .find-form .find-inputs .input {
    margin: 15px 0;
}

.finds .find-form .find-code {
    line-height: 150%;
    margin-bottom: 25px;
}
:lang(ko) .finds .find-form .find-code {font-weight: 300;}
:lang(en) .finds .find-form .find-code {font-family: 'Lato-Light';}
:lang(zh) .finds .find-form .find-code {font-weight: 300;}
:lang(ja) .finds .find-form .find-code {font-weight: 300;}

:lang(ko) .finds .find-form .find-code strong {font-weight: 700;}
:lang(en) .finds .find-form .find-code strong {font-family: 'Lato-Bold';}
:lang(zh) .finds .find-form .find-code strong {font-weight: 700;}
:lang(ja) .finds .find-form .find-code strong {font-weight: 700;}

.finds .find-form .code-input {
    margin-bottom: 40px;
    display: block;
}

.finds .find-btns {
    margin-top: 40px;
    text-align: center;
}

.finds .find-btns li {
    display: inline-block;
    width: 45%;
    text-align: center;
    margin: 0 5px;
}

.finds .find-btns li .bt-full {
    display: inline-block;
    width: 100%;
    max-width: 145px;
}

.finds .find-btns li:first-child {
    text-align: right;
}

.finds .find-btns li:last-child {
    text-align: left;
}

.finds .find-btns.solo li {
    width: 100%;
    text-align: center;
    margin: 0;
}

.modify {
    padding: 50px 0 0 0;
}

.modify .page-h3 {
    position: relative;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}

.modify .welcome {
    text-align: center;
}

.modify .pw-re {
    text-align: center;
    margin: 0 15px;
    padding: 20px;
    border: 10px solid #e7e9eb;
}

.modify .pw-re .page-h4 {
    font-size: 15px;
    margin-bottom: 25px;
}
:lang(ko) .modify .pw-re .page-h4 {font-weight: 300;}
:lang(en) .modify .pw-re .page-h4 {font-family: 'Lato-Light';}
:lang(zh) .modify .pw-re .page-h4 {font-weight: 300;}
:lang(ja) .modify .pw-re .page-h4 {font-weight: 300;}

.modify .pw-re .sub-txt {
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .modify .pw-re .sub-txt {font-weight: 300;}
:lang(en) .modify .pw-re .sub-txt {font-family: 'Lato-Light';}
:lang(zh) .modify .pw-re .sub-txt {font-weight: 300;}
:lang(ja) .modify .pw-re .sub-txt {font-weight: 300;}

.modify .pw-re .pw {
    margin: 20px 50px 30px 50px;
}

.modify .pw-re .bts li {
    display: inline-block;
    width: 50%;
}

.modify .pw-re .bts .bt-full {
    display: block;
    width: auto;
    margin: 0 5px;
}

.modify .modify-btns {
    margin-top: 40px;
    text-align: center;
}

.modify .modify-btns li {
    display: inline-block;
    width: 45%;
    text-align: center;
    margin: 0 5px;
}

.modify .modify-btns li .bt-full {
    display: inline-block;
    width: 100%;
    max-width: 145px;
}

.modify .modify-btns li:first-child {
    text-align: right;
}

.modify .modify-btns li:last-child {
    text-align: left;
}

.modify .modify-btns.solo li {
    width: 100%;
    text-align: center;
    margin: 0;
}

.mtom {
    padding: 50px 0 0 0;
}

.mtom .page-h3 {
    position: relative;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}

.mtom .page-sub {
    font-size: 11px;
    line-height: 150%;
    text-align: center;
    margin-top: -15px;
    margin-bottom: 30px;
}

.mtom .reg-forms {
    padding: 0 15px;
}

.mtom .mtm-btns {
    margin-top: 40px;
    text-align: center;
}

.mtom .mtm-btns li {
    display: inline-block;
    width: 45%;
    text-align: center;
    margin: 0 5px;
}

.mtom .mtm-btns li .bt-full {
    display: inline-block;
    width: 100%;
    max-width: 145px;
}

.mtom .mtm-btns li:first-child {
    text-align: right;
}

.mtom .mtm-btns li:last-child {
    text-align: left;
}

.mtom .mtm-btns.solo li {
    width: 100%;
    text-align: center;
    margin: 0;
}

.outs {
    padding: 50px 0 0 0;
}

.outs .page-h3 {
    position: relative;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}

.outs .out-form {
    text-align: center;
    margin: 0 15px;
    padding: 20px;
    border: 10px solid #e7e9eb;
}

.outs .out-form .page-h4 {
    font-size: 15px;
    margin-bottom: 25px;
}
:lang(ko) .outs .out-form .page-h4 {font-weight: 300;}
:lang(en) .outs .out-form .page-h4 {font-family: 'Lato-Light';}
:lang(zh) .outs .out-form .page-h4 {font-weight: 300;}
:lang(ja) .outs .out-form .page-h4 {font-weight: 300;}

.outs .out-form .sub-txt {
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .outs .out-form .sub-txt {font-weight: 300;}
:lang(en) .outs .out-form .sub-txt {font-family: 'Lato-Light';}
:lang(zh) .outs .out-form .sub-txt {font-weight: 300;}
:lang(ja) .outs .out-form .sub-txt {font-weight: 300;}

.outs .out-form .user-info .input {
    margin-top: 20px;
}

.outs .out-form .end-txt {
    border-bottom: 1px solid #bbb;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.outs .out-form .end-txt .t1 {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 150%;
}

.outs .out-form .end-txt .t2 {
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .outs .out-form .end-txt .t2 {font-weight: 300;}
:lang(en) .outs .out-form .end-txt .t2 {font-family: 'Lato-Light';}
:lang(zh) .outs .out-form .end-txt .t2 {font-weight: 300;}
:lang(ja) .outs .out-form .end-txt .t2 {font-weight: 300;letter-spacing:-2px;}

.outs .out-form .end-txt2 {
    position: relative;
}

.outs .out-form .end-txt2:before {
    content: '';
    display: block;
    margin: 0 auto 20px auto;
    width: 55px;
    height: 64px;
    background: url('../images/icons.png') -82px -229px no-repeat;
    background-size: 375px 375px;
}

.outs .out-form .end-txt2 .t1 {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 150%;
}

.outs .out-form .end-txt2 .t2 {
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .outs .out-form .end-txt2 .t2 {font-weight: 300;}
:lang(en) .outs .out-form .end-txt2 .t2 {font-family: 'Lato-Light';}
:lang(zh) .outs .out-form .end-txt2 .t2 {font-weight: 300;}
:lang(ja) .outs .out-form .end-txt2 .t2 {font-weight: 300;}

.outs .out-form .out-check .check {
    margin: 0;
}

.outs .out-form .out-check .check input[type=checkbox] + label {
    padding-left: 0;
    height: auto;
    line-height: 120%;
}
:lang(zh) .outs .out-form .out-check .check input[type=checkbox] + label {
    line-height: 150%;
}

.outs .out-form .out-check .check input[type=checkbox] + label:before {
    display: block;
    margin: 0 auto 10px auto;
    position: static;
    top: auto;
    left: auto;
}

.outs .outs-btns {
    margin-top: 30px;
    text-align: center;
}

.outs .outs-btns li {
    display: inline-block;
    width: 45%;
    text-align: center;
    margin: 0 5px;
}

.outs .outs-btns li .bt-full {
    display: inline-block;
    width: 100%;
    max-width: 145px;
}

.outs .outs-btns li:first-child {
    text-align: right;
}

.outs .outs-btns li:last-child {
    text-align: left;
}

.outs .outs-btns.solo li {
    width: 100%;
    text-align: center;
    margin: 0;
}

.genuine-reg {
    padding: 50px 0 0 0;
    text-align: center;
}

.genuine-reg img {
    width: 100%;
}

.genuine-reg .page-h3 {
    position: relative;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}

.genuine-reg .page-h4 {
    font-size: 13px;
}

.genuine-reg .sub-txt {
    font-weight: 300;
    font-size: 11px;
    margin-top: 15px;
}

.genuine-reg .t1 {
    font-size: 11px;
    margin-bottom: 20px;
}
:lang(ko) .genuine-reg .t1 {font-weight: 300;}
:lang(en) .genuine-reg .t1 {font-family: 'Lato-Light';}
:lang(zh) .genuine-reg .t1 {font-weight: 300;}
:lang(ja) .genuine-reg .t1 {font-weight: 300;}

.genuine-reg .txt {
    font-size: 10px;
    margin: 10px 0 30px 0;
}

.genuine-reg .apply .bt-full {
    margin-top: 20px;
}

.genuine-reg .free-gift {
    margin: 70px 0 0 0;
}

.genuine-reg .free-gift strong {
    display: block;
    font-size: 20px;
}

.genuine-reg .free-gift p {
    font-size: 11px;
    line-height: 150%;
    margin: 15px 0;
}
:lang(ko) .genuine-reg .free-gift p {font-weight: 300;}
:lang(en) .genuine-reg .free-gift p {font-family: 'Lato-Light';}
:lang(zh) .genuine-reg .free-gift p {font-weight: 300;}
:lang(ja) .genuine-reg .free-gift p {font-weight: 300;}

.genuine-reg .free-gift span {
    font-size: 10px;
}
:lang(ko) .genuine-reg .free-gift span {font-weight: 300;}
:lang(en) .genuine-reg .free-gift span {font-family: 'Lato-Light';}
:lang(zh) .genuine-reg .free-gift span {font-weight: 300;}
:lang(ja) .genuine-reg .free-gift span {font-weight: 300;}

.genuine-reg .free-gift .gift {
    margin: 30px 0;
}

.genuine-reg .free-gift a {
    display: block;
    color: #c50233;
    margin-top: 5px;
    text-decoration: underline;
}

.genuine-reg .reg-tips {
    font-size: 11px;
    line-height: 150%;
    margin: 15px 0;
}
.genuine-reg .reg-tips a {
    display: block;
    color: #c50233;
    margin-top: 5px;
    text-decoration: underline;
}

.genuine-reg .serial-tips {
    margin: 0 15px 30px 15px;
    text-align: left;
}

.genuine-reg .serial-tips li {
    font-size: 11px;
    color: #c50233;
    line-height: 150%;
    padding: 5px 0;
}

.genuine-reg .sample-img {
    margin: 10px 0 0 5px
}

.genuine-reg .sample-img img {
    width: auto;
    max-width: 50%;
}

.genuine-reg .reg-forms {
    text-align: left;
}

.genuine-reg .reg-forms .tip {
    margin: 5px 0 0 5px;
    font-size: 11px;
}

.genuine-reg .reg-forms .mount .select {
    margin-right: 50px;
}

.genuine-reg .reg-forms .mount .helper {
    width: 40px;
    text-align: center;
    font-size: 11px;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 30px;
}

.genuine-reg .reg-forms .answer2 {
    margin-left: 10px;
}

.genuine-reg .reg-forms .answer2 .radio {
    position: relative;
    display: block;
    margin: 10px 0;
}

.genuine-reg .reg-forms .answer2 .etc .input {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 0;
}

.genuine-reg .reg-forms .answer2 .etc .input input {
    opacity: 1;
    position: static;
}

.genuine-reg .reg-forms .answer3 {
    margin-left: 10px;
}

.genuine-reg .reg-forms .answer3 .radio {
    width: 50%;
    margin: 10px 0;
}

.genuine-reg .reg-forms .zip .bt-line {
    width: 90px;
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    border: 1px solid #000;
}

.genuine-reg .reg-forms .zip .col {
    display: block;
    margin-top: 5px;
}

.genuine-reg .reg-success {
    text-align: center;
    margin: 0 15px;
    padding: 20px;
    border: 10px solid #e7e9eb;
}

.genuine-reg .reg-success .page-h4 {
    font-size: 15px;
    margin-bottom: 25px;
}
:lang(ko) .genuine-reg .reg-success .page-h4 {font-weight: 300;}
:lang(en) .genuine-reg .reg-success .page-h4 {font-family: 'Lato-Light';}
:lang(zh) .genuine-reg .free-gift span {font-weight: 300;}
:lang(ja) .genuine-reg .free-gift span {font-weight: 300;}

.genuine-reg .reg-success .sub-txt {
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .genuine-reg .reg-success .sub-txt {font-weight: 300;}
:lang(en) .genuine-reg .reg-success .sub-txt {font-family: 'Lato-Light';}
:lang(zh) .genuine-reg .reg-success .sub-txt {font-weight: 300;}
:lang(ja) .genuine-reg .reg-success .sub-txt {font-weight: 300;}

.genuine-reg .reg-success .user-info .input {
    margin-top: 20px;
}

.genuine-reg .reg-success .end-txt2 {
    position: relative;
    margin-bottom: 30px;
}

.genuine-reg .reg-success .end-txt2:before {
    content: '';
    display: block;
    margin: 0 auto 20px auto;
    width: 55px;
    height: 64px;
    background: url('../images/icons.png') -81px -150px no-repeat;
    background-size: 375px 375px;
}

.genuine-reg .reg-success .end-txt2 .t1 {
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .genuine-reg .reg-success .end-txt2 .t1 {font-weight: 700;}
:lang(en) .genuine-reg .reg-success .end-txt2 .t1 {font-family: 'Lato-Bold';}
:lang(zh) .genuine-reg .reg-success .end-txt2 .t1 {font-weight: 700;}
:lang(ja) .genuine-reg .reg-success .end-txt2 .t1 {font-weight: 700;}

.genuine-reg .reg-success .end-txt2 .t2 {
    font-size: 11px;
    line-height: 150%;
}
:lang(ko) .genuine-reg .reg-success .end-txt2 .t2 {font-weight: 300;}
:lang(en) .genuine-reg .reg-success .end-txt2 .t2 {font-family: 'Lato-Light';}
:lang(zh) .genuine-reg .reg-success .end-txt2 .t2 {font-weight: 300;}
:lang(ja) .genuine-reg .reg-success .end-txt2 .t2 {font-weight: 300;}

.genuine-reg .reg-success .end-txt2 .t2 span {
    color: #c70e38;
}

.genuine-reg .tb-list{margin:0 15px;}
.genuine-reg .tb-list tbody td{font-size:10px;}
.genuine-reg .bt-return{font-size:10px;}

.genuine-reg .genuine-return{border:10px solid #e7e9eb;padding:20px 0 20px 0;margin:0 15px;}
.genuine-reg .genuine-return h5{font-size:15px;font-weight:300;}
.genuine-reg .genuine-return p{font-size:11px;line-height:150%;margin:25px 0 0 0;}
.genuine-reg .genuine-return p:before{content:'';display:block;width:69px;height:81px;margin:0 auto;
    background: url('../images/icons.png') -224px -237px no-repeat;
    background-size: 375px 375px;margin-bottom:25px;
}
.genuine-reg .genuine-return .bts{margin-top:20px;}
.genuine-reg .genuine-return .bts a{margin:0 5px;}

.genuine-reg .service-info {
    margin: 70px 15px 0 15px;
    line-height: 150%;
}

.genuine-reg .service-info .t1 {
    font-size: 20px;
}

.genuine-reg .service-info .t2 {
    font-size: 13px;
    color: #c50233;
    margin: 15px 0;
}

.genuine-reg .service-info .t3 {
    font-size: 11px;
}

.genuine-reg .service-info .box {
    margin-top: 15px;
    padding: 20px 0;
    background: #e4e9ec;
}

.genuine-reg .service-info .box span {
    font-size: 14px;
}

.genuine-reg .service-info .box strong {
    font-weight: 700;
}


/* footer */
.sy-footer {
    margin-top: 75px;
    background: #292a2e;
}

.sy-footer .footer-inner {
    position: relative;
    padding: 15px 0 30px 0;
}

.sy-footer .util {
    position: relative;
    height: 15px;
}

.sy-footer .sns {
    position: absolute;
    top: 0;
    left: 15px;
}

.sy-footer .sns li {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

.sy-footer .sns a {
    display: block;
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    background: url('../images/icons.png?1') no-repeat;
    background-size: 375px 375px;
}

.sy-footer .sns a.b {
    background-position: -205px -158px
}

.sy-footer .sns a.f {
    background-position: -111px -119px
}

.sy-footer .sns a.i {
    background-position: -142px -120px
}

.sy-footer .sns a.t {
    background-position: -223px -159px
}

.sy-footer .sns a.y {
    width: 20px;
    background-position: -45px -138px
}

.sy-footer .policys {
    position: absolute;
    top: 0;
    right: 15px;
}

.sy-footer .policys li {
    display: inline-block;
    margin-left: 10px;
    letter-spacing: -1px;
}

.sy-footer .policys a {
    color: #d4d4d5;
    font-size: 9px;
    display: block;
    line-height: 15px;
}

.sy-footer .info {
    padding: 0 15px;
    margin-top: 20px;
}

.sy-footer .info .footer-logo {
    display: block;
    width: 84px;
}

.sy-footer .info .footer-logo img {
    width: 100%;
}

.sy-footer .info p {
    font-size: 11px;
    color: #d4d4d5;
    line-height: 150%;
    margin-top: 5px;
}
:lang(ko) .sy-footer .info p {font-weight: 300;}
:lang(en) .sy-footer .info p {font-family: 'Lato-Light';}
:lang(zh) .sy-footer .info p {font-weight: 300;}
:lang(js) .sy-footer .info p {font-weight: 300;}

.sy-footer .info p.copyright {
    margin: 10px 0 0 0;
}

.sy-footer .marks {
    width: 105px;
    margin-top: 10px;
}

.sy-footer .marks img {
    width: 100%;
}

.search-content {
    margin: 50px auto 0 auto;
}

.search-content .page-h3 {
    text-align: center;
    font-size: 20px;
}

.search-content .search-top {
    margin: 0 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
}

.search-content .search-top h4 {
    font-size: 22px;
    font-family: 'Lato-Light';
}

.search-content .search-top .num {
    font-size: 14px;
    position: absolute;
    bottom: 13px;
    left: 0;
}

.search-content .search-top .num em {
    color: #c50233;
}

.search-content .search-top .arrow2 {
    position: absolute;
    bottom: 13px;
    right: 0;
}

.search-content .paging {
    margin-top: 0;
}

.search-content .search-form {
    position: relative;
    margin: 10px 15px 0 15px;
    height: 35px;
}

.search-content .search-form span {
    display: block;
    margin-right: 40px;
}

.search-content .search-form input {
    width: 100%;
    border-bottom: 1px solid #000;
    height: 35px;
    font-size: 12px;
    text-indent: 5px;
}

.search-content .search-form button {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    font-size: 0;
}

.search-content .search-form button:before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
    background: url('../images/icons.png?1') -251px -160px no-repeat;
    background-size: 375px 375px;
}

.search-content .search-result-txt {
    font-size: 13px;
    text-align: center;
    margin: 15px 0 30px 0;
}

.search-content .search-result-txt strong {
    font-family: 'Lato-Bold';
    color: #c50233;
}

.search-content .search-group {
    margin-top: 90px;
}

.search-content .search-group:first-child {
    margin-top: 50px;
}

.search-content .search-group .srch-result {
    border-top: 1px solid #ccc;
}

.search-content .search-group .srch-result,
.search-content .search-group .tb-list,
.search-content .search-group .short-board-list {
    margin: 0 15px 25px 15px;
}

.search-content .search-group .tb-list tbody td.subject {
    text-align: left;
}

.search-content .search-group .tb-list tbody td.subject a {
    display: block;
}

.search-content .search-group .tb-list tbody td.subject strong {
    font-family: 'Lato-Bold';
    font-size: 11px;
    margin-right: 5px;
}

.search-content .search-group .tb-list tbody td.subject p {
    font-family: 'Lato-Light';
    font-size: 11px;
}

.search-content .search-group .tb-list tbody td.subject span {
    font-family: 'Lato-Light';
    font-size: 11px;
}

.search-content .search-group .tb-list .bt-full {
    width: 74px;
    font-family: 'Lato-Bold';
    font-size: 11px;
}

.fix-menu {
    position: fixed;
    top: 50%;
    right: 10px;
    -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;
    line-height: 110%;
}

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

.footer-content {
    margin: 50px 15px 0 15px;
}

.footer-content .page-h3 {
    text-align: center;
    font-size: 20px;
}

.footer-content .sub-txt {
    margin-top: 20px;
    text-align: center;
    font-size: 11px;
}

.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: 35px 0 0 0;
    border-top: 2px solid #404040;
    border-bottom: 1px solid #404040;
}

.footer-content .email-policy {
    padding: 15px 0;
}

.footer-content .email-policy .txt {
    font-size: 12px;
    line-height: 200%;
}

.footer-content .email-policy .date {
    display: block;
    color: #c50233;
}

.footer-content .email-policy .tit {
    font-size: 12px;
    display: block;
}

.footer-content .email-policy .list {
}

.footer-content .email-policy .list li {
    font-size: 12px;
    line-height: 200%;
}

.footer-content .policy-tb .first-txt {
    padding: 20px 0;
    border-bottom: 1px solid #101010;
    font-size: 12px;
    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: 10px 0 10px 25px;
    font-size: 12px;
}

.footer-content .policy-list .target:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 7px;
    margin-top: -5px;
    width: 9px;
    height: 9px;
    background: url('../images/icons.png?1') no-repeat;
    background-position: -255px -187px;
    background-size: 375px 375px;
}

.footer-content .policy-list .target.actived:before {
    background-position: -269px -187px;
}

: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: 15px;
}

.footer-content .policy-list .txts p {
    font-size: 12px;
    line-height: 200%;
}

.footer-content .policy-list .txts li {
    font-size: 12px;
    line-height: 200%;
}

.footer-content .policy-list .txts dl {
    font-size: 12px;
    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: 12px;
    line-height: 200%;
}

.footer-content .policy-list table {
    width: 100%;
}

.footer-content .policy-list table th {
    padding: 5px;
    background: #ddd;
    font-size: 12px;
    line-height: 200%;
    text-align: left;
    border: 1px solid #000;
}

.footer-content .policy-list table td {
    padding: 10px;
    font-size: 12px;
    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 {
    font-size: 12px;
}

.footer-content .terms-list div {
    font-size: 12px;
}

.footer-content .terms-list div ol {
}

.sy-layer {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1001;
    box-sizing: border-box;
}

.sy-layer .layer-inner {
    position: relative;
    padding: 45px 25px 45px 25px;
    border: 10px solid #e7e9eb;
    margin: 0 25px;
    background: #fff;
}

.sy-layer .close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 28px;
    height: 28px;
    font-size: 0;
}

.sy-layer .close:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px;
    background: url('../images/icons.png?1') -225px -183px no-repeat;
    background-size: 375px 375px;
}

.sy-layer .camera-list {
    font-size: 0;
}

.sy-layer .camera-list:after {
    display: block;
    clear: both;
    content: '';
}

.sy-layer .camera-list .camera-list-table {
    float: left;
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box;
}

.sy-layer .camera-list table {
    width: 100%;
    border: 1px solid #000;
}

.sy-layer .camera-list table + table {
    margin-top: 30px;
}

.sy-layer .camera-list th {
    color: #fff;
    padding: 5px;
    font-weight: 700;
    background: #c50233;
    border: 1px solid #c50233;
}

.sy-layer .camera-list td {
    padding: 7px;
    border: 1px solid #ccc;
}

.sy-layer .camera-list th, .sy-layer .camera-list td {
    text-align: center;
}

.sy-layer .camera-list .gray {
    background: #ddd;
}

.sy-layer .camera-list .grey {
    background: #eee;
}


.sy-layer .camera-list .col {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.sy-layer .camera-list dl {
    margin-bottom: 20px;
}

.sy-layer .camera-list dt {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 700;
}

.sy-layer .camera-list dd {
    font-size: 12px;
    line-height: 150%;
}

.standard-angle .standard-angle__title {
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: normal;
}

.standard-angle .standard-angle__text {
    padding: 10px 0;
    font-size: 12px;
    line-height: 20px;
}

:lang(en) .standard-angle .standard-angle__text {
    word-break: keep-all;
}

:lang(ko) .standard-angle .standard-angle__text {
    word-break: keep-all;
}

.standard-angle .standard-angle__list {
    padding: 15px 0;
}

.sy-layer .standard-angle__image {
    width: 100%;
}

.site-check {
    height: auto;
    padding: 30px 15px 0 15px;
    text-align: center;
    background: #fff;
}

.site-check .logo a {
    text-indent: -9999px;
    width: 70px;
    height: 21px;
    margin: 0 auto;
    background: url(../images/img_SAMYANG.svg) center center no-repeat;
    background-size: 70px 21px;
    display: inline-block;
}

.site-check .page-h3 {
    font-size: 18px;
    margin-top: 40px;
}

.site-check .txt {
    position: relative;
    font-size: 12px;
    line-height: 150%;
    padding-top: 70px;
}

.site-check .txt:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -24px;
    display: block;
    width: 30px;
    height: 25px;
    background: url('../images/icons.png') -345px -277px no-repeat;
    background-size: 375px 375px;
}

:lang(en) .site-check .txt strong {
    font-size: 14px;
}

.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: 13px;
    line-height: 150%;
}

.site-check .info li:before {
    content: '';
    width: 1px;
    height: 47px;
    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: 12px;
    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;
}