@charset "utf-8";

.main > div:not(.main_visual,.login_con) {margin-top:140px;}
.main > div.main_product_slide {margin-top:86px;}
.main .big_tit {margin-bottom:88px;}

/* 메인 타이틀 모바일에서만 */
.main_motit {display:none; margin-bottom:24px; text-align:left;}
.main_motit h3 {font-size:26px;}

/* 메인비주얼 */
.main_visual {position:relative; width:100%; overflow:hidden;}
.main_visual .swiper-slide {position:relative; overflow:hidden;}
.main_visual .swiper-slide img {width:100%;}
.main_visual .txt {position:absolute; z-index:2; top:50%; left:50%; width:1200px; margin-left:-600px; color:#fff; font-size:56px; font-weight:800; transform:translateY(-50%);}
.main_visual .txt > span {display:block; margin-bottom:14px; font-size:22px; font-weight:600;}
.main_visual .txt > p {margin-top:-4px; color:rgba(255,255,255,.5);}
.main_visual.swiper-container-horizontal > .swiper-pagination-bullets {bottom:43px;}
.main_visual .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin:0 5px; border:1px solid #fff; border-radius:50%; background:transparent;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active {background:#fff;}

/* 메인 로그인시 */
.login_con {display:flex; width:1200px; padding:42px 0; margin:0 auto; justify-content:space-between; align-items:center; border-bottom:1px solid #111;}
.login_con .txt {font-size:32px; font-weight:700;}
.login_con .txt > strong {color:#CA2043;}
.login_con .txt br {display:none;}
.login_con .btns {padding-left:20px; text-align:right; flex-shrink:0;}
.login_con .btns a {display:inline-block; padding:18px 40px; color:#fff; font-size:22px; font-weight:700; border-radius:32px; background:#000;}
.login_con .btns a + a {margin-left:7px;}
.login_con .btns a:last-child {margin-right:0;}
.login_con .btns a:after {content:''; display:inline-block; width:28px; height:28px; margin-left:8px; vertical-align:middle; background-repeat:no-repeat; background-position:center; background-size:100%;}
.login_con .btns .login_btn:after {background-image:url(../images/ico/ico_btn_login.svg);}
.login_con .btns .mypg_btn {background-color:#CA2043;}
.login_con .btns .mypg_btn:after {background-image:url(../images/ico/ico_btn_mypg.svg);}
.login_con .btns .call_btn:after {background-image:url(../images/ico/ico_btn_call.svg);}

/* 메인 로그인 안했을때 */
.login_con.no_login .btns a:not(.login_btn) {display:none;}
.login_con.no_login .btns .login_btn {display:block;}
.login_con.no_login .txt {color:rgba(17,17,17,.3);}
.login_con.no_login .txt > strong {color:rgba(17,17,17,1);}

/* 메인 제품 리스트 */
.main_product_slide .product_slide_wrap .product_slide .swiper-slide {width:342px;}

[class^="main_banner0"] {max-width:1600px; margin:0 auto;}

/* 코지마 고객센터 */
.main_etcli ul {display:flex; justify-content:center;}
.main_etcli ul li {flex-grow:1;}
.main_etcli ul li a {display:block; width:100%; height:100%; text-align:center;}
.main_etcli ul li a:before {content:''; display:block; width:160px; height:160px; margin:0 auto 34px; border-radius:50%; background-color:#FAF7F3; background-repeat:no-repeat; background-position:center;}
.main_etcli ul li .txt .etc_tit {display:block; margin-bottom:9px; font-size:22px; line-height:1.64;}
.main_etcli ul li .txt p {color:#444; font-size:17px; line-height:1.65;}
.main_etcli ul li button {width:140px; height:48px; margin-top:32px; color:#fff; font-size:17px; font-weight:700; border-radius:32px; background:#443022; transition:background .2s ease;}
.main_etcli ul li.store a:before {background-image:url(../images/ico/ico_etc_store.svg);}
.main_etcli ul li.call a:before {background-image:url(../images/ico/ico_etc_call.svg);}
.main_etcli ul li.as a:before {background-image:url(../images/ico/ico_etc_as.svg);}

.main_etcli ul li a:hover:before {background-color:#FFF3F6;}
.main_etcli ul li a:hover button {background:#CA2043;}
.main_etcli ul li.store a:hover:before {background-image:url(../images/ico/ico_etc_store_on.svg);}
.main_etcli ul li.call a:hover:before {background-image:url(../images/ico/ico_etc_call_on.svg);}
.main_etcli ul li.as a:hover:before {background-image:url(../images/ico/ico_etc_as_on.svg);}

/* 미디어 배너 */
.big_banner {max-width:1920px; margin:0 auto; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.big_banner .youtube {position:relative; padding-top:56.25%;}
.big_banner .youtube iframe {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.big_banner .img {width:100%; overflow:hidden;}
.big_banner .img img {width:100%;}

/* 베스트 리뷰 */
.review .review_slide .swiper-slide {border-radius:12px; overflow:hidden; max-height:344px}
.review .review_slide .swiper-slide a {display:block; position:relative; width:100%; height:100%;}
.review .review_slide .swiper-slide a:after {content:''; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,0) 0%, rgba(0,0,0,.48) 100%);}
.review .review_slide .swiper-slide img {width:100%;}
.review .review_slide .swiper-slide .txt {position:absolute; z-index:2; bottom:0; left:0; width:100%; padding:0 48px 40px 24px; color:#fff;}
.review .review_slide .swiper-slide .txt > strong {display:block; margin-bottom:8px; font-size:20px; line-height:1.4;}
.review .review_slide .swiper-slide .txt > p {display:-webkit-box; max-height:80px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:4; -webkit-box-orient:vertical; font-size:14px; line-height:1.43;}
.review .review_slide .swiper-slide .txt .star_full {width:113px; margin-top:24px;}

.main_pop {position:fixed; z-index:9999; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8);}
.main_pop .main_pop_slide {position:relative; top:50%; width:828px; margin:0 auto; transform:translateY(-50%); overflow:hidden;}
.main_pop .main_pop_slide .main_popwrap {display:flex; justify-content:center; align-items:center;}
.main_pop .main_pop_slide .main_popwrap .swiper-slide {-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);}
.main_pop .main_pop_slide .main_popwrap .img {width:446px; margin-right:10px; flex-shrink:0;}
.main_pop .main_pop_slide .main_popwrap .img img {width:100%;}
.main_pop .main_pop_slide .main_popwrap .txt {color:#fff;}
.main_pop .main_pop_slide .main_popwrap .txt > p {margin-bottom:24px; font-size:20px; font-weight:700;}
.main_pop .main_pop_slide .main_popwrap .txt h3 {font-size:60px; font-family:'Montserrat';}
.main_pop .main_pop_slide .main_popwrap .txt > span {display:block; margin-top:4px; font-size:28px; font-weight:600;}
.main_pop .main_pop_slide .main_popwrap .txt a {display:block; width:195px; padding:14px 0; margin-top:58px; text-align:center; color:#fff; font-weight:700; background: #CA2043; box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.08);border-radius: 48px;}
.main_pop .main_pop_slide .popctrl_btn {position:absolute; z-index:1; bottom:10px; left:0; display:flex; width:164px; align-items:center;}
.main_pop .main_pop_slide .popctrl_btn .swiper-button-prev , 
.main_pop .main_pop_slide .popctrl_btn .swiper-button-next {position:static; width:30px; height:30px; margin-top:0; opacity:1; flex-shrink:0; border:1px solid rgba(255,255,255,.8); border-radius:50%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:100%; background-color:rgba(255, 255, 255, 0.1);}
.main_pop .main_pop_slide .popctrl_btn .swiper-button-prev {background-image:url(../images/ico/ico_main_pop_prev.svg)}
.main_pop .main_pop_slide .popctrl_btn .swiper-button-next {background-image:url(../images/ico/ico_main_pop_next.svg)}
.main_pop .main_pop_slide .popctrl_btn .swiper-button-prev.swiper-button-disabled, 
.main_pop .main_pop_slide .popctrl_btn .swiper-button-next.swiper-button-disabled {cursor:pointer; pointer-events:inherit;}
.main_pop .main_pop_slide .popctrl_btn .gbt {font-size:40px;  color:#fff;}
.main_pop .main_pop_slide .popctrl_btn .swiper-pagination-fraction {position:static; color:rgba(255, 255, 255, 0.6); font-size:24px; letter-spacing:.5px; line-height:1;}
.main_pop .main_pop_slide .popctrl_btn .swiper-pagination-fraction .swiper-pagination-current {color:rgba(255,255,255,1);}
.main_pop .close {position:absolute; z-index:1; top:30px; right:0; color:#fff; font-size:15px; font-weight:600;}
.main_pop .close:after {content:''; display:inline-block; width:40px; height:40px; border-radius:50%; vertical-align:middle; margin-left:16px; background:#fff url(../images/ico/ico_banner_close.svg) no-repeat center; background-size:100%;}



/*****************************************************************************************************************************************************************************************/
@media all and (max-width:1599px){
}

@media all and (max-width:1439px){	
	.login_con {width:calc(100% - 48px); padding:36px 0;}

	.main_product_slide .product_slide_wrap .more_probtn {display:none;}
}

@media all and (max-width:1199px){
	/* 메인비주얼 */
	.main_visual .txt {left:0; width:100%; padding:0 24px; margin-left:0;}	
	/*.main_visual .swiper-slide img {position:relative; left:50%; width:1600px; max-width:inherit; margin-left:-800px;}*/

	.login_con .txt {font-size:24px;}
	.login_con .btns a {font-size:18px; padding:16px 30px;}
	.login_con .btns a:after {width:24px; height:24px;}
}

@media all and (max-width:1024px){
	.main .big_tit {display:none;}

	.main_motit {display:block;}

	.main_visual .txt {font-size:44px;}
	.main_visual .txt > span {font-size:18px;}
	/*.main_visual .swiper-slide img {width:1400px; margin-left:-700px;}*/
	
	.login_con {width:100%; padding:18px 24px; border-bottom:0; background:#CA2043;}
	.login_con .txt {color:rgba(255,255,255,.5) !important; font-size:17px;}
	.login_con .txt br {display:block;}
	.login_con .txt > strong {color:#fff !important;}
	.login_con .btns a {padding:10px 16px; color:#CA2043; font-size:14px; background:#fff;}
	.login_con .btns a:after {width:20px; height:20px;}
	.login_con .btns .login_btn:after {background-image:url(../images/ico/ico_btn_login_red.svg);}
	.login_con .btns .mypg_btn:after {background-image:url(../images/ico/ico_btn_mypg_red.svg);}
	.login_con .btns .call_btn:after {background-image:url(../images/ico/ico_btn_call_red.svg);}
	.login_con .btns .mypg_btn {background-color:#fff;}
	
	/* 코지마 고객센터 */
	.main_etcli ul {display:block; padding:4px 20px; box-shadow:0px 4px 24px rgba(0,0,0,.08); border-radius:12px; background:#FFF;}
	.main_etcli ul li + li {border-top:1px solid #F3F3F3;}
	.main_etcli ul li a {display:flex; position:relative; padding:20px 0; text-align:left; align-items:center;}
	.main_etcli ul li a:after {content:''; position:absolute; z-index:1; top:50%; right:0; width:30px; height:30px; border-radius:50%; margin-top:-10px; background:#CA2043 url(../images/ico/ico_righr_arw.svg) no-repeat center; background-size:8px;}
	.main_etcli ul li a:before {flex-shrink:0; width:100px; height:100px; margin:0 24px 0 0; background-size:60px;}
	.main_etcli ul li .txt {padding-right:40px;}
	.main_etcli ul li .txt p {font-size:16px;}
	.main_etcli ul li .txt p br {display:none;}
	.main_etcli ul li button {display:none;}
	.main_etcli ul li .txt .etc_tit {margin-bottom:6px; font-size:20px;}
	
	.big_banner_con .main_motit {margin-bottom:24px;}
	.big_banner {overflow:hidden; max-width:100%;}
	
	.main .big_banner {width:calc(100% - 48px); border-radius:12px;}

	/* 메인 팝업 */
	.main_pop .main_pop_slide {width:560px; overflow:visible; padding:0 16px;}
	.main_pop .main_pop_slide .main_popwrap .txt h3 {font-size:50px;}
	.main_pop .main_pop_slide .main_popwrap .txt > p {margin-bottom:20px; font-size:16px;}	
	.main_pop .main_pop_slide .main_popwrap .txt > span {font-size:22px;}
	.main_pop .main_pop_slide .main_popwrap .txt a {width:180px; padding:12px 0; margin-top:38px;}
	.main_pop .main_pop_slide .main_popwrap .img {width:220px;}
	.main_pop .main_pop_slide .popctrl_btn {position:static; width:140px; margin-top:20px;}
	.main_pop .main_pop_slide .popctrl_btn .swiper-pagination-fraction {font-size:16px;}
	.main_pop .close {right:0; top:-40px; font-size:14px;}
	.main_pop .close:after {width:30px; height:30px; margin-left:8px;}
}

@media all and (max-width:768px){	
	.main > div.banner_slide {margin-top:66px;}
	.main > div:not(.main_visual,.login_con) {margin-top:70px;}
	.main > div.main_banner02 {margin-top:50px;}

	/* 베스트 리뷰 */
	.review .review_slide .swiper-slide .txt {padding: 0 16px 20px 16px;}
	.review .review_slide .swiper-slide .txt > strong {font-size:16px;}
	.review .review_slide .swiper-slide .txt > p {max-height:52px; font-size:12px; -webkit-line-clamp:3;}
	.review .review_slide .swiper-slide .txt .star_full {width:83px; height:20px; margin-top:8px;}

	/* 메인 팝업 */
	.main_pop .main_pop_slide {width:100%; max-width:100%;}
	.main_pop .main_pop_slide .main_popwrap {display:block; width:100%; max-width:100%; text-align:center;}
	.main_pop .main_pop_slide .main_popwrap .img {margin:0 auto;}
	.main_pop .main_pop_slide .main_popwrap .txt h3 {font-size:42px;}
	.main_pop .main_pop_slide .main_popwrap .txt a {margin:30px auto 0;}
	.main_pop .main_pop_slide .main_popwrap .txt > p {margin-bottom:8px; font-size:13px;}
	.main_pop .main_pop_slide .main_popwrap .txt > span {font-size:16px;}
	.main_pop .main_pop_slide .main_popwrap .txt a {width:150px; font-size:14px;}
	.main_pop .main_pop_slide .popctrl_btn {width:138px; margin:20px auto 0;}
	.main_pop .main_pop_slide .popctrl_btn .swiper-button-prev, 
	.main_pop .main_pop_slide .popctrl_btn .swiper-button-next {width:24px; height:24px;}
	.main_pop .main_pop_slide .popctrl_btn .swiper-pagination-fraction {font-size:14px;}
	.main_pop .main_pop_slide .popctrl_btn .gbt {font-size:30px}
	.main_pop .close {top:-30px; right:24px; font-size:13px;} 
	.main_pop .close:after {width:20px; height:20px;}

}

@media all and (max-width:640px){
	.main_motit h3 {font-size:22px;}

	.main_visual {z-index:2;}
	.main_visual .txt {z-index:50; top:inherit; bottom:78px; font-size:28px; transform:inherit;}
	.main_visual .txt > span {margin-bottom:12px; font-size:15px;}
	.main_visual .swiper-slide:after {content:''; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; opacity:.6; background:linear-gradient(to top, #000000 0%, rgba(0,0,0,0) 36.11%);}
	.main_visual .swiper-slide img {width:100%;margin-left:0px;left:0;}
	.main_visual.swiper-container-horizontal > .swiper-pagination-bullets {bottom:30px;}
	
	/* 코지마 고객센터 */
	.main_etcli ul li a:after {width:20px; height:20px; background-size:6px;}
	.main_etcli ul li a:before {width:64px; height:64px; margin:0 12px 0 0; background-size:32px;}
	.main_etcli ul li .txt .etc_tit {font-size:16px;}
	.main_etcli ul li .txt p {font-size:13px;}

	/* 메인 팝업 */
	.main_pop .main_popwrap {max-width:calc(100% - 48px);}
	.main_pop .main_popwrap .txt h3 {font-size:44px;}
	.main_pop .main_popwrap .txt > p {margin-bottom:10px; font-size:14px;}
	.main_pop .main_popwrap .txt > span {font-size:16px;}
	.main_pop .main_popwrap .txt a {width:154px; padding:10px 0;}
	.main_pop .main_popwrap .close {top:-40px; right:0;}
}

@media all and (max-width:480px){
	.login_con .btns {width:150px;}
	.login_con .btns a:not(.login_btn) + a {margin-top:7px;}
	.login_con.no_login .btns {width:auto;}
}

@media all and (max-width:375px){
	.login_con .txt br {display:none;}
}