@charset "euc-kr";


body.main #header {border-bottom:0 none; padding-bottom:0}
body.main #container {margin-top:-60px; width:100%}

.main-content .new-product .list-basic > ul > li.active > div > a > strong,
.main-content .new-product .list-basic > ul > li.active > div > a > span {position:static; left:auto; margin-left:0; width:auto; padding-left:15px; padding-right:15px}
.main-content .new-product .list-basic > ul > li.active > div > a > strong {top:auto; font-weight:700; font-size:14px; font-size:1.4rem; padding-top:8px; padding-bottom:12px}
.main-content .new-product .list-basic > ul > li.active > div > a > span {top:auto; font-size:14px; font-size:1.4rem; padding-bottom:4px; height:17px; line-height:19px;}
.main-content {width:1000px;margin:0 auto; padding-bottom:50px}
.main-content .gnb {margin-bottom:1px}

.main-visual {position:relative; width:100%; height:460px; margin-bottom:1px}
.main-visual .holder {overflow:hidden}
.main-visual .pic {height:100%; text-align:center; background-position:center top; background-repeat:no-repeat}
.main-visual .pic.pc {display:block}
.main-visual .pic.mobile {display:none; background-size:cover}
.main-visual .btns {position:absolute; left:0; top:0; z-index:4; width:100%; height:60px; overflow:visible}
.main-visual .btns .inset {position:relative; width:1000px; height:100%; margin:0 auto}
.main-visual .btns .btn {position:absolute;  top:240px; width:40px; height:40px; border-radius:50%; background:url(/assets/images/etc/bg-btn-mainvisual.png) center center no-repeat; background:rgba(0,0,0,0.50)}
.main-visual .btns .btn em {display:block; height:100%; width:100%; text-indent:-9999px; cursor:pointer}
.main-visual .btns .left {left:30px}
.main-visual .btns .right {right:30px}
.main-visual .btns .left em {background:url(/assets/images/etc/btn-mainvisual-left.png) 50% 50% no-repeat}
.main-visual .btns .right em {background:url(/assets/images/etc/btn-mainvisual-right.png) 50% 50% no-repeat}
.main-visual .btns .disable {opacity:0.50; cursor:default}
.main-visual .holder {position:relative; height:100%; overflow:hidden}
.main-visual .holder .item {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; opacity:0}
.main-visual .holder .item0 {z-index:2; opacity:1;}
.main-visual .holder .item a {display:block; position:relative; width:1020px; height:100%; margin:0 auto;}
.main-visual .holder .item .text {position:absolute; left:0; top:0; width:100%; height:100%; text-align:center}
.main-visual .holder .item .text em {display:inline-block; width:0; height:100%; vertical-align:middle}
.main-visual .holder .item .text p {display:inline-block; *display:inline; *zoom:1; vertical-align:middle}
.main-visual .holder .item .text p *{line-height:100%}
.main-visual .holder .item .text p strong {display:block; padding-bottom:30px; margin-bottom:25px; position:relative; font-family:"Noto Sans", "Gotham Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:50px; font-weight:normal}
.main-visual .holder .item .text p strong:after {content:""; display:block; clear:both; position:absolute; left:50%; bottom:0; height:4px; width:50px; margin-left:-25px; background:#000}
.main-visual .holder .item .text p span {font-family:"Noto Sans", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:14px}

.main-content .new-product {border-top:1px solid #dedede; padding-top:50px; overflow:hidden}
.main-content .new-product h2 {text-align:center; font-family:"Noto Sans"; font-size:16px; font-weight:700; margin-bottom:8px}
.main-content .new-product .list-basic {overflow:hidden}
.main-content .new-product .list-basic ul li {display:none; margin-bottom:30px}
.main-content .new-product .list-basic ul li.list1,
.main-content .new-product .list-basic ul li.list2,
.main-content .new-product .list-basic ul li.list3,
.main-content .new-product .list-basic ul li.list4 {display:block}
.main-content .new-product .list-basic.list-open ul li {display:block !important}
.main-content .new-product {margin-bottom:50px}
.main-content .content {*zoom:1}
.main-content .content:after {content:""; display:block; clear:both}
.main-content .content .sns {float:left; width:50%}
.main-content .content .others {float:right;width:50%;height: 520px;}
.main-content .content div {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.main-content .content div a {display:block;box-sizing:border-box;padding: 32px;height:100%;text-decoration:none;color: #fff;}
.main-content .content div h2 {font-family:"Noto Sans";font-weight:700;font-size:14px;margin-bottom:13px;color: inherit;}
.main-content .content div p {
	position:relative;
	font-size:22px;
	font-weight:400;
	line-height:135%;
	padding-top: 24px;
	color: inherit;
}
.main-content .content div p:after {content:"";display:block;position:absolute;left:0;top: 0px;width:20px;height:1px;font-size:0;overflow:hidden;background-color: #fff;}
.main-content .content div p span {
	display:block;
	font-size: 15px;
	font-weight: 300;
	line-height: 135%;
	padding-top: 17px;
	color: inherit;
}
.main-content .content .notice {background-position:right top}
.main-content .content .sns {height:520px;background-size: cover;}
.main-content .content .sns a,
.main-content .content .sns a *,
.main-content .content .cf a,
.main-content .content .cf a * {color:#000}
.main-content .content .sns p:after,
.main-content .content .cf p:after {background:#fff}
.main-content .content .sns p span {font-family:"Noto Sans";}
.main-content .content .others div {height: 50%;}
.main-content .content .notice {float:left; width:50%}
.main-content .content .cf {float:right; width:50%}

.layerPopup { 
	position:absolute;
    top: 50px;
    left: 50px;
	margin:0;
	padding:0;
	overflow:hidden; 
}

.layerPopup img.mobile { display:none; }
.layerPopup .linkArea {background-color:#000;color:#fff;padding:10px;text-align:right;font-size:13px;margin-top:-3px;}
.layerPopup .linkArea label {color:#fff;}
.layerPopup .linkArea input[type=checkbox] { vertical-align:middle;margin-right:10px; }

.layerPopup.static {
	display:none;
}

[data-locale=en_US] .layerPopup.en_US ,
[data-locale=en_CA] .layerPopup.en_CA ,
[data-locale=fr_CA] .layerPopup.fr_CA ,
[data-locale=es_MX] .layerPopup.es_MX {display:block;z-index: 999;}

/* 占쎈뜆�좑옙�꾨솚占쏙옙 獄쏆꼷�놂옙占� */
@media screen and (max-width: 768px) {
}

@media screen and (max-width:1000px){
	.main-content {width:auto}
	.main-visual .btns .inset {width:100%}
	.main-visual .holder .item a {width:auto; overflow:hidden}
	.main-content .new-product .list-basic > ul > li.active > div > a > strong,
	.main-content .new-product .list-basic > ul > li.active > div > a > span {font-size:13px; font-size:1.3rem}
}
@media screen and (max-width:800px){ /* 768 ~ 800 */

}

@media screen and (max-width:767px){ /* width under 768 */
	.main-content .new-product .list-basic ul li {width:50%}
	.main-content .new-product .list-basic ul li.list3,
	.main-content .new-product .list-basic ul li.list4 {display:none}

	.layerPopup { width:100% !important;left:0 !important; }
	.layerPopup iframe {width:100%;}
	.layerPopup img {display:none;}
	.layerPopup img.mobile {display:block;position:relative;width: 100%;}
	.layerPopup .linkArea {position:relative;right:0}

	.layerPopup .mobile_none + .linkArea {display:none;}
}

@media screen and (max-width:640px){
	.main-content .content .sns,
	.main-content .content .others {float:none;width:100%;height: 100vw;}
	.main-content .content div p {font-size:20px;padding-top: 20px;}
	.main-content .content div p span {padding-top: 14px;}

}
@media screen and (max-width:500px){
}
@media screen and (max-width:480px){
	.main-content .new-product {border-top:0 none}
	.main-visual {height:570px}
	.main-visual .btns .btn {top:498px}
	.main-visual .btns .btn.right {right:auto; left:90px}

	.main-visual .holder .item .text p {position:absolute; left:30px; bottom:100px; text-align:left}
	.main-visual .holder .item .text p strong {padding-bottom:20px; margin-bottom:15px; font-size:24px}
	.main-visual .holder .item .text p strong:after {left:0; margin-left:0}
	.main-visual .pic.mobile {display:block}
	.main-visual .pic.pc {display:none}

}
@media screen and (max-width:479px){
	.main-content .content .notice,
	.main-content .content .cf {float:none; width:100%}
}
@media screen and (max-width:320px){
}