@charset "utf-8";

.relaproduct-slider {padding-bottom:60px; position:relative; text-align:center; padding-top:20px;}
.relaproduct-slider-wrap ul:after {content:""; display:block; clear:both;}
.relaproduct-slider-item {width:100%; float:left; padding:0 10px;}
.relaproduct-slider-wrap .UIslider-item { width: 100%; }
.relaproduct-slider-wrap .UIslider-item .UIslider-box{ text-align: left;}
.relaproduct-slider-wrap .UIslider-item a{ width: 50%; text-align: center; vertical-align:top;}
.relaproduct-slider-itemimg img {width:120px;}
.relaproduct-slider-itemtxt {padding-top:25px;}

.relaproduct-slider .slider-indicator { display: inline-block;}
.relaproduct-slider-btn {display:none; position:absolute; width:13px; top:90px; z-index:10;}
.relaproduct-slider-btn img {width:100%;}
.relaproduct-slider-btn.prev {left:0;}
.relaproduct-slider-btn.next {right:0;}




.tablet .relaproduct-slider {padding:0 30px 50px 30px;}
.tablet .relaproduct-slider .UIslider-item { padding-top: 20px; vertical-align: top;}
.tablet .relaproduct-slider .UIslider-item a{vertical-align: top;}
.tablet .relaproduct-slider .slider-pagerbox {bottom:0;}
.tablet .relaproduct-slider-wrap {margin:0 -12px;}
.tablet .relaproduct-slider-wrap .UIslider-item a{ width: 25%;}
.tablet .relaproduct-slider-itemtxt {padding-top:0;}

.tablet .relaproduct-slider-item {width:25%; padding:0 12px;}
.tablet .relaproduct-slider-btn {display:block;}




.web .relaproduct-slider {border-bottom:none; padding:0 0 60px 0;}
.web .relaproduct-slider-wrap {margin:0;}
.web .relaproduct-slider-wrap .UIslider-item a{ width: 20%;}

.web .relaproduct-slider-item {width:20%;}
.web .relaproduct-slider-itemimg img {width:180px; max-width:180px;}
.web .relaproduct-slider-itemtxt {padding-top:10px;}
.web .relaproduct-slider-btn {top:110px;}

@charset "utf-8";

.evenablist {padding-bottom:0;}
@charset "utf-8";

.custom-eventthumb {max-width:1200px;}
.custom-eventthumb .com-image {margin:0 auto;}

.complete {text-align:center;}
.complete-con {padding:60px 0;}
.complete-tit {display:block; font-size:40px;}
.complete-box {background:#f7f7f7; height:60px; margin:0 auto 30px ;max-width:340px; padding-top:20px;}
.complete-boxtxt {display:inline-block; color:#106ea8; font-size:16px; font-family:arb, sans-serif;}
.complete-btn {border-top:1px solid #e4e4e4; padding-bottom:60px;}
.complete-btn button {width:auto; padding-right:10px; padding-left:10px;}

.web .complete-con {padding:80px 0;}
.web .complete-tit {font-size:50px;}
.web .complete-box {max-width:400px; padding-top:17px; margin-bottom:40px;}
.web .complete-box strong {padding-right:10px; display:inline-block; vertical-align: middle;}
.web .complete-boxtxt {font-size:20px;}
.web .complete-des {line-height:22px;}
.web .complete-btn {padding-bottom:80px;}

/*20160701 new Cushion event start*/
.gnb {padding-bottom:0;}
#main img, .custom-eventthumb img {width: 100%;}
/* video */

.newissue-cont {height:auto;}
.newissue-cell {width:90%; margin-left: 5%;text-align: center;margin-bottom: 60px;}
.newissue-video {margin-top:0;}

/* layout */

.width1100 {position:relative;max-width:1800px;margin:0 auto;}
.pc_img{position:relative; max-width:1100px;margin:0 auto;}
.mobile_img {display:none; position:relative;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.register, .m-register {
    background-color: #29aae2;
    border: medium none;
    color: white;
    padding: 7px 33px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 20px;
    cursor: pointer;
    top: 0px;
    position: relative;
}

.free {
    background-color: #f7931e;
    border: medium none;
    color: white;
    padding: 7px 33px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 20px;
    cursor: pointer;
}

/* contents */
.f02 .detailBtn {display:block;position: absolute; top:88.2%; left:11%; width:11.5%; height:3.92%; text-indent:-9999em;}
.f02 .detailBtn2{display:block;position: absolute; top:88.2%;left:77.68%;width:11%; height:3.92%; text-indent:-9999em;}

.f04 .fb,.f04 .ig  {display:block;position: absolute; top:94.5%; left:85.5%; width:3.5%; height:4%; text-indent:-9999em;}
.f04 .ig {left:89.9%;}

.f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
.f05 .register {display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

.f06 .store{display:block;position: absolute; top:67.5%; left:71.8%; width:5.5%; height:6%; text-indent:-9999em;}

.f07 .FAQ{display:block;position: absolute; top:74.5%; left:43.8%; width:12.5%; height:10%; text-indent:-9999em;}

.f08 .inquiry{display:block;position: absolute; top:74.5%; left:43%; width:14%; height:11.5%; text-indent:-9999em;}

.link {display:block;position:absolute;width:14.8%;height:4.9%;text-indent:-9999em;overflow:hidden;background:gold; filter:alpha(opacity=0); opacity:0;}
.pc_img .link01 {bottom:18%;left:27.8%;}
.pc_img .link02 {bottom:18%;right:28.1%;}

.login-wrapper {margin-bottom:60px;}
.login-wrapper .com-image {margin:0 -15px;}
.loginform {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e4e4e4;}
.loginform-inp .mbsform-label label {padding-left:0;}
.loginbtn {background-color:#8cd3ff; width:100%; padding:17px 0;}
.loginbtn span {padding-top:33px; display:inline-block; background:url('/sg/en/resource/img/components/membership/login-btnico.gif') no-repeat center top;}
.login-linkwrap {padding-bottom:20px;}
.login-link {padding-bottom:20px; text-align:center;}
.login-link .com-link {padding-bottom:6px; }
.login-warning {margin-top:-15px; padding-bottom:20px;}

.tablet .login-wrapper {padding-left:78px; padding-right:78px;}
.tablet .loginbox-left {padding-top:40px; background:url('/sg/en/resource/img/components/membership/login-formbg.gif') no-repeat center top;}
.tablet .loginform {position:relative; border-bottom:none; margin-bottom:0;}
.tablet .loginform-inp {padding-right:112px;}
.tablet .loginbtn {position:absolute; right:0; top:0; width:102px; height:102px;}
.tablet .login-linkwrap {text-align:center;}
.tablet .login-link {display:inline-block; padding-right:20px; padding-left:20px;}
.tablet .login-wrapper .com-image {margin:0;}
.tablet .login-warning {padding-bottom:0; padding-left:150px; margin-top:0;}

.web .login-wrapper {padding-left:0; padding-right:0; position:relative;}
.web .loginbox-left {width:52%; padding:0; position:absolute; height:100%; min-height:285px;}
.web .loginbox-leftwrap {display:table; width:100%; height:100%;}
.web .loginbox-leftwrap2 {display:table-cell; vertical-align:middle;}
.web .loginbox-right {width:100%; padding-left:52%;}
.web .loginform {padding-bottom:70px; margin-left:8%; margin-right:8%;}
.web .login-wrapper .mbsform-input {padding-left:120px;}
.web .login-linkwrap {padding-bottom:0; margin-bottom:-20px;}
.web .login-warning {position:absolute; padding-left:120px;}


#jiathis_weixin_share p img{width:auto;}
.media .icon-play {position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;font-size: 42px;color: #fff;margin: -0.5em 0 0 -0.5em;-webkit-transition: color .2s ease-out;-moz-transition: color .2s ease-out;-o-transition: color .2s ease-out;transition: color .2s ease-out;}

.box {
    width: 40%;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;
}

.popup-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    opacity: 50;
    z-index: 900;
    display:none;
}
.popup-overlay:target {
    opacity: 1;
}

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 64%;
    position: relative;
    margin: 30% auto;
    top: -125px;
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #06D85F;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
    margin-top: 5%;
}
.popup .obj { height:200px; margin-top: 35px;}


@media screen and (max-width: 700px){

}
@media only all and (max-width: 1260px){
    .popup .obj {height: 300px;margin-top: 10px; }
}
@media only all and (max-width: 1023px){
    .newissue-detail {padding:0;}
    .popup .obj {height: 130px;}
}

@media only all and (max-width: 1100px){
    .newissue-section{background-size:100%;}
    .popup .obj {height: 300px;}
}
@media only all and (max-width: 1023px){
    .newissue-cell{left:50%;}
}

@media only all and (max-width: 639px){
    .width1100 {background-image:none;}
    .newissue-cell {width: 100%;margin-left:0;}
    .newissue-detail {padding:0;}
    .pc_img {display:none;}
    .mobile_img {display:block;}
    .mtem {margin-top:-1.4em;}
    .link {width:46.5%;height:6%;}
    .newissue-cell{left:0;}
    .newissue-detail.addnew {background:#e8e7f2;}

    .f02 .detailBtn{top:44.5%; left:10.5%; width:26.5%; height:0.92%;}
    .f02 .detailBtn2{top:80.5%; left:62.68%; width:26.5%; height:1.6%;}

    .f04 .fb,.f04 .ig  {display:block;position: absolute; top:92.8%; left:81.68%; width:4%; height:2%; text-indent:-9999em;}
    .f04 .ig {left:88.10%;}

    .f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
    .f05 .register{display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

    .f06 .store{display:block;position: absolute; top:77.5%; left:54.8%; width:13.5%; height:5%; text-indent:-9999em;}

    .f07 .FAQ{display:block;position: absolute; top:87%; left:32.8%; width:34.5%; height:6%; text-indent:-9999em;}

    .f08 .inquiry{display:block;position: absolute; top:84.5%; left:28%; width:44%; height:10.5%; text-indent:-9999em;}

    .m-register, .free {padding: 7px 20px;font-size: 13px;margin: 4px 10px;}
    .m-register {font-size: 14px;}

    .mobile_img .link01 {bottom:26%;left:50%; margin-left:-23.5%;}
    .mobile_img .link02 {bottom:6.37%;right:50%; margin-right:-23.5%;}
    .box{ width: 70%; }
    .popup {width: 90%;top: -55px;}
    .popup .obj {height: 420px;margin-top: 10px; }
    .loginform {padding-bottom: 5px;margin-bottom: 5px;}

}
/*20160701 new Cushion event end*/

@charset "utf-8";

.evelist {padding-top:30px;}
.evelist-item {padding-bottom:30px;}
.evelist-itemimg img {width:100%;}
.evelist-itemtxt {padding:0 15px;}
.evelist-itemtxt .tit {padding-bottom:30px; background:url('/sg/en/resource/img/components/common/titbg-smallline.gif') no-repeat left bottom;}
.evenlist-nolist {padding:0 15px 60px; text-align:center;}
.evenlist-nolist-table {border-bottom:1px solid #e4e4e4; height:200px; width:100%; display:table;}
.evenlist-nolist-tablecell {width:100%; height:100%; display:table-cell; vertical-align:middle;}


.tablet .evelist-item {padding-bottom:40px;}
.tablet .evelist-item a {display:block; position:relative;}
.tablet .evelist-item:after {content:""; display:block; clear:both;}
.tablet .evelist-itemimg {width:320px;}
.tablet .evelist-itemimg img {width:320px; height:320px;}
.tablet .evelist-itemtxt {position:absolute; left:0; bottom:0; width:100%; padding:0 0 0 340px;}
.tablet .evenlist-nolist {padding-left:0; padding-right:0;}


.web .evelist-wrap {margin-left:-60px;}
.web .evelist-wrap:after {content:""; display:block; clear:both;}
.web .evelist-item {padding-bottom:60px; float:left; width:50%; padding-left:60px;}
.web .evelist-itemtxt .tit {max-height:140px;}
.web .evenlist-nolist {padding-bottom:80px; margin-left:60px; max-width:1200px;}
@charset "utf-8";

.eventreview {padding-bottom:60px;}
.eventreview .circlebtn-wrap {padding-bottom:0;}
.eventreview:after {content:""; display:block; clear:both;}
.eventreview-tit {padding-bottom:20px;}
.eventreview-titnum {padding-left:35px; margin-left:15px; background:url('/sg/en/resource/img/components/common/subcon-titbg.gif') no-repeat left center;}

.eventreview-wrap {border-top:1px solid #e4e4e4;}
.eventreview-list {border-bottom:1px solid #e4e4e4; padding:20px 0;}
.eventreview-listtop {padding-bottom:10px;}
.eventreview-listtop-date {padding-left:35px; margin-left:20px; background:url('/sg/en/resource/img/components/common/subcon-titbg.gif') no-repeat left center;}

.eventreview-form-bottom:after {content:""; display:block; clear:both;}
.eventreview-form-bottom .quadbtn {width:100%; }
.eventreview-form-sns {float:left; padding:10px 0;}
.eventreview-form-sns a {padding-right:7px;}
.eventreview-form-sns a img {width:32px;}
.eventreview-form-counter .counter {float:right; padding-top:17px; padding-bottom:15px;}
.eventreview-form-btnwrap {float:left; width:100%; margin:0 -5px;}
.eventreview-form-btnwrap:after {content:""; display:block; clear:both;}
.eventreview-form-btnwrap .quadbtn {width:50%; float:left; padding:0 5px;}

.mycomment {position:relative; padding-bottom:80px;}
.mycomment-btnwrap {position:absolute; bottom:18px; width:100%; text-align:center;}


/* apply event */
.eventreview-apply-btnwarp {text-align:center; max-width:300px; margin:0 auto;}
.eventreview-apply-btnwarp .quadbtn {width:195px; margin:5px;}

/* off-line event */
.offevent-step {padding-top:50px;}
.offevent-step.step1 {padding-top:0;}

.offevent-tit {padding-right:25px; background:url('/sg/en/resource/img/components/common/subcon-titbg.gif') no-repeat right top}
.offevent-line {padding-bottom:20px;}
.offevent-label {padding-bottom:7px; display:block;}

.offevent-joinfri .input-group {padding:7px 0;}
.offevent-joinfri .subselect {padding-left:20px;}
.offevent-joinfri .subselect-jqList { width:110px; display:inline-block; vertical-align: middle; padding-right:10px;}

.offevent-wall {background-color:#f7f7f7; padding:15px 20px;}
.offevent-wall .input-group {padding-top:7px;}

.tablet .eventreview-list {padding:30px 0;}

.tablet .eventreview-form-bottom .quadbtn {width:auto; }
.tablet .eventreview-form-sns {padding-bottom:0;}
.tablet .eventreview-form-counter {float:right; padding-top:10px;}
.tablet .eventreview-form-counter .counter{float:none; padding-right:20px; padding-top:0;}
.tablet .eventreview-form-btnwrap {margin:0; width:auto; float:none; display:inline-block; vertical-align:middle;}
.tablet .eventreview-form-btnwrap .quadbtn {width:100px; padding:0 0 0 10px;}

.tablet .eventreview-list.mycomment {padding-bottom:30px; padding-right:160px;}
.tablet .eventreview-list .mycomment-btnwrap {width:auto; right:0; top:50%; margin-top:-23px;}
.tablet .eventreview-list .mycomment-btn {margin-left:20px; padding-left:0; padding-right:0;}

.tablet .eventreview-apply-btnwarp {max-width:500px;}

.tablet .offevent-line {padding-bottom:10px;}
.tablet .offevent-list .offevent-line {position:relative;}
.tablet .offevent-list .offevent-label {position:absolute; left:0; top:13px; }
.tablet .offevent-list .offevent-label.overline {top:2px; }
.tablet .offevent-list .input-group {margin-left:150px; }
.tablet .offevent-list .label-essential {width:113px; display:inline-block;}
.tablet .offevent-joinfri {position:relative; padding-top:20px;}
.tablet .offevent-joinfri .subselect {position:absolute; bottom:-8px; left:150px;}

.web .eventreview {padding-bottom:80px;}

.web .offevent-wrap {margin-left:-60px;}
.web .offevent-wrap:after {content:""; display:block; clear:both;}
.web .offevent-wrap .circlebtn-wrap {float:left; width:100%;}
.web .offevent-step {padding-top:60px; padding-left:60px; float:left;}
.web .offevent-step.step1 {padding-top:60px; width:50%}
.web .offevent-step.step2 {width:50%}
.web .offevent-step.step3 {width:100%}
.web .offevent-step.step4 {width:100%}

.web .offevent-joinfri {padding-top:30px;}
.web .offevent-joinfri .subselect {left:170px;}


.tbl-offevent {width:100%; padding-bottom:60px;}
.tbl-offevent .col {float:none; display:block;}
.tbl-offevent .tbl-body {width:100%;}
.tbl-offevent .tbl-row {position:relative; padding-left:33px; margin-bottom:20px;}
.tbl-offevent .tbl-row:after {content:""; display:block; clear:both;}
.tbl-offhead {width:40%; float:left; border-top:1px solid #e4e4e4}
.tbl-offhead .col {background:#f7f7f7;}
.tbl-offhead .col-1 {display:none;}
.tbl-offhead .col-4 {padding-top:7px; padding-bottom:6px; min-height:50px; max-height:50px; display:table; width:100%;}
.tbl-offhead .col-4 span {display:table-cell; vertical-align: middle;}
.tbl-offbody {width:60%; float:left; border-top:1px solid #e4e4e4}
.tbl-offbody .col-1 {position:absolute; left:0; top:50%; margin-top:-6px; border-bottom:0; padding:0;}

.tablet .tbl-offbody {width:100%; border-top:none;}
.tablet .tbl-offevent .tbl-row {padding:0; margin:0;}
.tablet .tbl-offevent .tbl-row .col-1 {border-bottom:1px solid #e4e4e4;}
.tablet .tbl-offevent .col {float:left;}
.tablet .tbl-offevent .col-1 {width:10%; position:static; margin:0;}
.tablet .tbl-offevent .col-2 {width:15%;}
.tablet .tbl-offevent .col-3 {width:50%;}
.tablet .tbl-offevent .col-4 {width:25%;}

.offevent-step .joinagree {padding-top:0; padding-bottom:50px;}
.joinagree-tit {display:block; background:url('/sg/en/resource/img/components/common/subcon-titbg.gif') no-repeat right top;}
.joinagree-body {margin:13px 0;  height:165px; border:1px solid #000; overflow:auto; position:relative;}
.joinagree-body.jsoverscroll { overflow: auto;}
.joinagree-bodycon {padding:15px; overflow:hidden;}
.joinagree .radio-wrap {padding-top:15px;}
.joinagree .radio-wrap span {padding-right:30px; display:inline-block;}

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

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

@charset "utf-8";

.custom-evenewstit {padding-top:30px; padding-bottom:30px;}
.custom-evenewstit-left {padding:10px 90px 10px 0; display:inline-block; background:url('/sg/en/resource/img/components/school-of-k-beauty/sokbvwtit-bg.gif') no-repeat right 20px}
.custom-evenewstit-left-date {padding-bottom:10px;}
.custom-evenewstit-right {padding-top:30px;}


.tablet .custom-evenewstit {display:table; width:100%;}
.tablet .custom-evenewstit:after {content:""; display:block; clear:both;}
.tablet .custom-evenewstit-left {display:table-cell; width:260px;}
.tablet .custom-evenewstit-right {display:table-cell; padding:0; text-align:right;}
.tablet .custom-evenewstit-right-tit {padding-top:20px;}


.web .custom-evenewstit {padding-top:40px; padding-bottom:40px;}
.web .custom-evenewstit-left {padding-right:100px;}
.web .custom-evenewstit-left-date {padding-bottom:10px;}
@charset "utf-8";

.newslist-searchinput {position:relative;}
.newslist-searchinput .input-group {padding-right:56px;}
.newslist-searchinput-btn {position:absolute; right:0; top:0; width:46px;}
.newslist-searchinput-btn img {width:100%;}



.tablet .newslist-search {margin:0 auto; width:646px;}
.tablet .newslist-search:after {content:""; display:block; clear:both;}
.tablet .newslist-search .subselect {width:180px; float:left; margin-right:10px}
.tablet .newslist-searchinput {width:396px; float:left}


.tbl-newslist {width:100%; padding-bottom:60px;}
.tbl-newslist .tbl-head {display:table; width:100%;}
.tbl-newslist .tbl-head .col {float:none; display:table-cell; vertical-align:middle;}
.tbl-newslist .tbl-head .col-1 {display:none;}
.tbl-newslist .col-1 {display:none;}
.tbl-newslist .col-2 {width:65%;}
.tbl-newslist .col-3 {width:35%;}
.tbl-newslist .tbl-row .col-2 {text-align:left;}

.tbl-closelist .col-2 {width:45%;}
.tbl-closelist .col-3 {width:55%;}

.tablet .tbl-newslist .tbl-head .col-1 {display:table-cell;}
.tablet .tbl-newslist .col-1 {display:block; width:10%;}
.tablet .tbl-newslist .col-2 {width:70%;}
.tablet .tbl-newslist .col-3 {width:20%;}
.tablet .tbl-closelist .col-2 {width:65%;}
.tablet .tbl-closelist .col-3 {width:25%;}
@charset "utf-8";

.relaproduct-slider {padding-bottom:60px; position:relative; text-align:center; padding-top:20px;}
.relaproduct-slider-wrap ul:after {content:""; display:block; clear:both;}
.relaproduct-slider-item {width:100%; float:left; padding:0 10px;}
.relaproduct-slider-wrap .UIslider-item { width: 100%; }
.relaproduct-slider-wrap .UIslider-item .UIslider-box{ text-align: left;}
.relaproduct-slider-wrap .UIslider-item a{ width: 50%; text-align: center; vertical-align:top;}
.relaproduct-slider-itemimg img {width:120px;}
.relaproduct-slider-itemtxt {padding-top:25px;}

.relaproduct-slider .slider-indicator { display: inline-block;}
.relaproduct-slider-btn {display:none; position:absolute; width:13px; top:90px; z-index:10;}
.relaproduct-slider-btn img {width:100%;}
.relaproduct-slider-btn.prev {left:0;}
.relaproduct-slider-btn.next {right:0;}




.tablet .relaproduct-slider {padding:0 30px 50px 30px;}
.tablet .relaproduct-slider .UIslider-item { padding-top: 20px; vertical-align: top;}
.tablet .relaproduct-slider .UIslider-item a{vertical-align: top;}
.tablet .relaproduct-slider .slider-pagerbox {bottom:0;}
.tablet .relaproduct-slider-wrap {margin:0 -12px;}
.tablet .relaproduct-slider-wrap .UIslider-item a{ width: 25%;}
.tablet .relaproduct-slider-itemtxt {padding-top:0;}

.tablet .relaproduct-slider-item {width:25%; padding:0 12px;}
.tablet .relaproduct-slider-btn {display:block;}




.web .relaproduct-slider {border-bottom:none; padding:0 0 60px 0;}
.web .relaproduct-slider-wrap {margin:0;}
.web .relaproduct-slider-wrap .UIslider-item a{ width: 20%;}

.web .relaproduct-slider-item {width:20%;}
.web .relaproduct-slider-itemimg img {width:180px; max-width:180px;}
.web .relaproduct-slider-itemtxt {padding-top:10px;}
.web .relaproduct-slider-btn {top:110px;}

@charset "utf-8";

.custom-eventthumb {max-width:1200px;}
.custom-eventthumb .com-image {margin:0 auto;}

.complete {text-align:center;}
.complete-con {padding:60px 0;}
.complete-tit {display:block; font-size:40px;}
.complete-box {background:#f7f7f7; height:60px; margin:0 auto 30px ;max-width:340px; padding-top:20px;}
.complete-boxtxt {display:inline-block; color:#106ea8; font-size:16px; font-family:arb, sans-serif;}
.complete-btn {border-top:1px solid #e4e4e4; padding-bottom:60px;}
.complete-btn button {width:auto; padding-right:10px; padding-left:10px;}

.web .complete-con {padding:80px 0;}
.web .complete-tit {font-size:50px;}
.web .complete-box {max-width:400px; padding-top:17px; margin-bottom:40px;}
.web .complete-box strong {padding-right:10px; display:inline-block; vertical-align: middle;}
.web .complete-boxtxt {font-size:20px;}
.web .complete-des {line-height:22px;}
.web .complete-btn {padding-bottom:80px;}

/*20160701 new Cushion event start*/
.gnb {padding-bottom:0;}
#main img, .custom-eventthumb img {width: 100%;}
/* video */

.newissue-cont {height:auto;}
.newissue-cell {width:90%; margin-left: 5%;text-align: center;margin-bottom: 60px;}
.newissue-video {margin-top:0;}

/* layout */

.width1100 {position:relative;max-width:1800px;margin:0 auto;}
.pc_img{position:relative; max-width:1100px;margin:0 auto;}
.mobile_img {display:none; position:relative;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.register, .m-register {
    background-color: #29aae2;
    border: medium none;
    color: white;
    padding: 7px 33px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 20px;
    cursor: pointer;
    top: -2px;
    position: relative;
}

.free {
    background-color: #f7931e;
    border: medium none;
    color: white;
    padding: 7px 33px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 20px;
    cursor: pointer;
}

/* contents */
.f02 .detailBtn {display:block;position: absolute; top:88.2%; left:11%; width:11.5%; height:3.92%; text-indent:-9999em;}
.f02 .detailBtn2{display:block;position: absolute; top:88.2%;left:77.68%;width:11%; height:3.92%; text-indent:-9999em;}

.f04 .fb,.f04 .ig  {display:block;position: absolute; top:91%; left:85.5%; width:3.5%%; height:5%; text-indent:-9999em;}
.f04 .ig {left:89.9%;}

.f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
.f05 .register {display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

.f06 .store{display:block;position: absolute; top:63.5%; left:71.8%; width:5.5%; height:6%; text-indent:-9999em;}

.f07 .FAQ{display:block;position: absolute; top:70%; left:44.8%; width:11%; height:10%; text-indent:-9999em;}

.f08 .inquiry{display:block;position: absolute; top:76.5%; left:43%; width:14%; height:10.5%; text-indent:-9999em;}

.link {display:block;position:absolute;width:14.8%;height:4.9%;text-indent:-9999em;overflow:hidden;background:gold; filter:alpha(opacity=0); opacity:0;}
.pc_img .link01 {bottom:18%;left:27.8%;}
.pc_img .link02 {bottom:18%;right:28.1%;}

.login-wrapper {margin-bottom:60px;}
.login-wrapper .com-image {margin:0 -15px;}
.loginform {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e4e4e4;}
.loginform-inp .mbsform-label label {padding-left:0;}
.loginbtn {background-color:#8cd3ff; width:100%; padding:17px 0;}
.loginbtn span {padding-top:33px; display:inline-block; background:url('/sg/en/resource/img/components/membership/login-btnico.gif') no-repeat center top;}
.login-linkwrap {padding-bottom:20px;}
.login-link {padding-bottom:20px; text-align:center;}
.login-link .com-link {padding-bottom:6px; }
.login-warning {margin-top:-15px; padding-bottom:20px;}

.tablet .login-wrapper {padding-left:78px; padding-right:78px;}
.tablet .loginbox-left {padding-top:40px; background:url('/sg/en/resource/img/components/membership/login-formbg.gif') no-repeat center top;}
.tablet .loginform {position:relative; border-bottom:none; margin-bottom:0;}
.tablet .loginform-inp {padding-right:112px;}
.tablet .loginbtn {position:absolute; right:0; top:0; width:102px; height:102px;}
.tablet .login-linkwrap {text-align:center;}
.tablet .login-link {display:inline-block; padding-right:20px; padding-left:20px;}
.tablet .login-wrapper .com-image {margin:0;}
.tablet .login-warning {padding-bottom:0; padding-left:150px; margin-top:0;}

.web .login-wrapper {padding-left:0; padding-right:0; position:relative;}
.web .loginbox-left {width:52%; padding:0; position:absolute; height:100%; min-height:285px;}
.web .loginbox-leftwrap {display:table; width:100%; height:100%;}
.web .loginbox-leftwrap2 {display:table-cell; vertical-align:middle;}
.web .loginbox-right {width:100%; padding-left:52%;}
.web .loginform {padding-bottom:70px; margin-left:8%; margin-right:8%;}
.web .login-wrapper .mbsform-input {padding-left:120px;}
.web .login-linkwrap {padding-bottom:0; margin-bottom:-20px;}
.web .login-warning {position:absolute; padding-left:120px;}


#jiathis_weixin_share p img{width:auto;}
.media .icon-play {position: absolute;top: 50%;left: 50%;width: 1em;height: 1em;font-size: 42px;color: #fff;margin: -0.5em 0 0 -0.5em;-webkit-transition: color .2s ease-out;-moz-transition: color .2s ease-out;-o-transition: color .2s ease-out;transition: color .2s ease-out;}

.box {
    width: 40%;
    margin: 0 auto;
    background: rgba(255,255,255,0.2);
    padding: 35px;
    border: 2px solid #fff;
    border-radius: 20px/50px;
    background-clip: padding-box;
    text-align: center;
}

.popup-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    opacity: 50;
    z-index: 900;
    display:none;
}
.popup-overlay:target {
    opacity: 1;
}

.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 64%;
    position: relative;
    margin: 30% auto;
}

.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #06D85F;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
    margin-top: 5%;
}
.popup .obj { height:200px; margin-top: 35px;}


@media screen and (max-width: 700px){

}
@media only all and (max-width: 1260px){
    .popup .obj {height: 300px;margin-top: 10px; }
}
@media only all and (max-width: 1023px){
    .newissue-detail {padding:0;}
    .popup .obj {height: 130px;}
}

@media only all and (max-width: 1100px){
    .newissue-section{background-size:100%;}
    .popup .obj {height: 300px;}
}
@media only all and (max-width: 1023px){
    .newissue-cell{left:50%;}
}

@media only all and (max-width: 639px){
    .width1100 {background-image:none;}
    .newissue-cell {width: 100%;margin-left:0;}
    .newissue-detail {padding:0;}
    .pc_img {display:none;}
    .mobile_img {display:block;}
    .mtem {margin-top:-1.4em;}
    .link {width:46.5%;height:6%;}
    .newissue-cell{left:0;}
    .newissue-detail.addnew {background:#e8e7f2;}

    .f02 .detailBtn{top:48%; left:11%; width:25.5%; height:1.92%;}
    .f02 .detailBtn2{top:90%; left:63%; width:25.5%; height:1.6%;}

    .f04 .fb,.f04 .ig  {display:block;position: absolute; top:95.8%; left:80.68%; width:5.8%; height:1.8%; text-indent:-9999em;}
    .f04 .ig {left:88.10%;}

    .f05 .free {display:block;position: absolute; top:30.9%; left:33%; width:16.3%; height:2.7%; text-indent:-9999em;}
    .f05 .register{display:block;position: absolute; top:30.9%; left:54.5%; width:12.3%; height:2.7%; text-indent:-9999em;}

    .f06 .store{display:block;position: absolute; top:69.5%; left:54.8%; width:11.5%; height:5%; text-indent:-9999em;}

    .f07 .FAQ{display:block;position: absolute; top:86.5%; left:33.8%; width:31.5%; height:5%; text-indent:-9999em;}

    .f08 .inquiry{display:block;position: absolute; top:83%; left:25%; width:50%; height:6%; text-indent:-9999em;}

    .m-register, .free {padding: 7px 20px;font-size: 13px;margin: 4px 10px;}
    .m-register {font-size: 14px;}

    .mobile_img .link01 {bottom:26%;left:50%; margin-left:-23.5%;}
    .mobile_img .link02 {bottom:6.37%;right:50%; margin-right:-23.5%;}
    .box{ width: 70%; }
    .popup {width: 90%;top: -55px;}
    .popup .obj {height: 420px;margin-top: 10px; }
    .loginform {padding-bottom: 5px;margin-bottom: 5px;}

}
.sample-event {display: none;}
/*20160701 new Cushion event end*/

/* 230511 header 추가 */
.ly-subcontent .custom-evenewstit{display:none}
.custom-eventheader {border-bottom:1px solid #ededed}
.custom-eventheader-logo a{display:flex;justify-content:center;align-items:center;height:120px}
@media (max-width: 640px) {
	.custom-eventheader-logo a{height:90px}
        .custom-eventheader-logo a img {height: 25px;}
}

/* 240520 공통 영역 수정 */
.com-subshare {display: none}
.overlay .dialog-notice .btn-submit,
.overlay .dialog-notice .btn-cancel {display: grid; line-height: 1.2; align-content: center; justify-content: center;}
.overlay .dialog-notice .btn-submit {background-color:#6691ff;}