style24.front/src/main/webapp/ux/pc/css/main.css

@charset "utf-8";

/* swiper 변환 추가 css */
.swi-po_rel{position:relative;}
.version02{position:static;}
.ta_center{text-align:center;}
.swiper-button-prev.sbtn02_lb{pointer-events:none;}
.swiper-button-next.sbtn02_rb{pointer-events:none;}
.swiper-button-prev.sbtn02_lb::after{content:""; display:inline-block; width:29px; height:87px; background:url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
.swiper-button-next.sbtn02_rb::after{content:""; display:inline-block; width:29px; height:87px; background:url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat; position:relative; top:-50px; pointer-events:visible;}
.swiper-button-prev.sbtn03_lb::after{content:""; display:inline-block; width:29px; height:87px; background:url(/images/pc/ico_arr_lg.png) 0% 50% no-repeat;}
.swiper-button-next.sbtn03_rb::after{content:""; display:inline-block; width:29px; height:87px; background:url(/images/pc/ico_arr_lg.png) 100% 50% no-repeat;}
.slide-curb {display:inline-block; vertical-align:middle; font-size:0; margin-left:5px;}
.swiper-controls {position:relative; margin:0px; text-align:center; font-size:16px;}
.post-visual .slide-curb {position:absolute; top:5px; right:0;}
 
.main_visual .slide-curb-play {position:relative; display:none; width:8px;height:12px;font-size:0; cursor:pointer;}
.main_visual .slide-curb-play:after {content:""; position:absolute;top:0; left:0;  border:6px solid transparent; border-left:9px solid #888;border-right:0; cursor:pointer;}
.main_visual .slide-curb-pause {width:8px;height:12px;font-size:0;text-align:left;}
.main_visual .slide-curb-pause:after, 
.main_visual .slide-curb-pause:before {content:"";display:inline-block;width:2px;height:12px;background:#888;}
.main_visual .slide-curb-pause:before {float:right;}
.main_visual .swiper-controls .swiper-pagination {position: relative;width:auto;display: inline-block;}


/* 각버튼 테스트2 */
.btn_shape.active{
	border-left:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;
	border-right:1px solid #f5f5f5;border-top:1px solid #f5f5f5;
	background-color:#ffffff;
	position:relative;top:0;left:0;z-index:9;
}
.btn_shape.active:after{
	content:"";bottom:0px;right:0px;position:absolute;height:0px;width:0;padding:0px 0px 0px 0px;background:#222222;
	border-left:0px solid #ffffff;border-top:10px solid #222222;border-right:10px solid #f5f5f5;	
}
/* 각버튼 테스트2 종료 */
/*  각버튼 테스트  */
.test_btn{
	border-left:1px solid #0183fd;border-bottom:1px solid #0183fd;
	border-right:1px solid #0183fd;border-top:1px solid #0183fd;
	background-color:#0183fd;
	position:relative;top:0;left:0;z-index:9;
}
.test_btn:after{
	content:"";bottom:-1px;right:-1px;position:absolute;height:0px;width:0;padding:0px 0px 0px 0px;
	border-left:0px solid #0183fd;border-top:10px solid #0183fd;border-right:10px solid #ffffff;	
}	


/* main */
.main .dpnone {display:none;}
.main .swiper-pagination {margin:0; position:relative;}
.main .wrap .content {padding-top:60px; padding-bottom:60px; padding-left:70px; padding-right:70px;}
.main .wrap .content.wide {padding-left:0; padding-right:0;}
.main .wrap .content.wide:first-child{ padding:0px !important;}
.main .wrap .content .cont_head {color:#222222; font-size:40px; line-height:1; letter-spacing:-.025em;}

.main .post-visual .swiper-slide::before{display:none;}

.main_visual::before {content:'';display:block;width:100%; height:172px; position:absolute; top:-100px; left:0; background:#222222; z-index:-1;}
.post-visual .btn {font-weight:300; border:1px solid #a7a7a7;}
.post-visual .txtWrap{position:absolute; top:auto;bottom:100px;left:90px;right:auto;z-index:1; width: 85%;} 
.post-visual .txtWrap dl,
.post-visual .txtWrap dl + .btn {opacity:0; transition:all 200ms ease;}
.post-visual .txtWrap dl {color:#222; line-height:1; padding-bottom:40px;}
.post-visual .txtWrap dl.w,
.post-visual .txtWrap dl.w + .btn {color:#ffffff; border-color:#fff;}
.post-visual .txtWrap dt {font-size:18px; padding-bottom:20px; font-weight:200;}
.post-visual .txtWrap dd {font-size:62px; max-height:122px; line-height:1;font-weight:500; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.post-visual .txtWrap dd.txt_xs {font-size:18px;line-height:1;font-weight:200;padding:20px 0 0px 0; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; max-height:37px; overflow:hidden;}
.post-visual .vrt_txt{width: 500px;height: 20px;box-sizing: content-box;display: inline-block;text-align: left;font-size: 18px;color: #888888;position: absolute;left: -80%;bottom: 160px;position: relative;left: -65%;bottom: -160px;top: auto;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);white-space: nowrap;}
.post-visual.swiper-container {margin-left:-30px;}
.post-visual .swiper-pagination-bullets{bottom:0px;}
.post-visual .swiper-wrapper{width:100%;height:750px; height:auto; margin:0px auto;padding-bottom:65px;filter:drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));}
.post-visual .swiper-slide-active .txtWrap dl, 
.post-visual .swiper-slide-active .txtWrap dl + .btn {opacity:1;}
.post-visual .swiper-slide{width:auto;}
.post-visual .swiper-slide{
	max-width: 1120px;
    max-height: 700px;
    overflow: hidden;
}
.post-visual .swiper-button-next,
.post-visual .swiper-button-prev {display:inline-block; position:absolute; top:50%; transform:translateY(-50%);}
.main .post-visual .swiper-button-prev {margin-left:-610px; left:50%;}
.main .post-visual .swiper-button-next {margin-right:-628px; right:50%;}


/* 크롬일경우 */
.post-visual .swiper-slide {
	padding-left:30px;
	box-shadow:0 0px 30px rgba(0,0,0,0.20), 0 0px 30px rgba(0,0,0,0.20);
	position:relative;
	mask-image:
	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
	linear-gradient(white, white),
	linear-gradient(white, white);
	-webkit-mask-image:
	linear-gradient(to top right, transparent 49.5%, white 50.5%), 
	linear-gradient(to top left, transparent 49.5%, white 50.5%), 
	linear-gradient(white, white),
	linear-gradient(white, white);
    mask-size:86.6072% 0%, 13.3928% 21.4285%, 86.6072% 100%, 100% 78.5715%;
    -webkit-mask-size:86.6072% 0%, 13.3928% 21.4285%, 86.6072% 100%, 100% 78.5715%;
    mask-position:bottom left, bottom right, top left, top right;
    -webkit-mask-position:bottom left, bottom right, top left, top right;
    mask-repeat:no-repeat;
	-webkit-mask-repeat:no-repeat;

}
.post-visual .swiper-slide img{
	margin:0px auto;
	display:block;
	z-index:2;
	width: 100%;
    height: auto;
}
.post-visual .swiper-slide::before{
	box-shadow:0 -20px 20px -20px rgba(0,0,0,0.20);
	content:'';
	width:150px;
    height:120px;
}

/* 익스일경우 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {

	/* Enter your style code */
	.main .post-visual  {overflow:hidden;}
	.main .post-visual .swiper-slide {
		margin:0;
		box-shadow:none;
		padding-left:0;
	}

	.post-visual .vrt_txt {bottom:-120px !important;}
	.post-visual.swiper-container {margin-left:0px;}
	.main .post-visual .swiper-slide {padding-bottom:20px; mask-size:none;}
	.main .post-visual .swiper-slide::before {display:block;}
	.main .post-visual .swiper-slide img {box-shadow:0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);} 
	.main .post-visual .swiper-slide img::after{
		content:'';
		position:absolute;
		width:150px;
		height:150px;
		bottom:30px;
		right:30px;
		background:#fff;
		border:0px;
		box-sizing:border-box;
		transform:rotate(135deg);
		box-shadow:0 -25px 10px -7px rgba(0,0,0,0.20);
		background:linear-gradient(135deg, #fff 80px, transparent 0);
	}

	.main .post-visual .swiper-slide::before{
		content:'';
		position:absolute;
		width:224px;
		height:140px;
		bottom:-20px;
		right:-85px;
		border:0px;
		transform:rotate(135deg);
		box-shadow:inset 0 -30px 20px -30px rgba(0,0,0,0.20);
		box-shadow:inset 0px -60px 20px -50px rgba(0,0,0,0.20);
		background:#fff;
		background:linear-gradient(0deg, #fff 120px, transparent 0);
		z-index:1;
	}
	.main .post-visual .swiper-slide .vrt_txt {left:-50%;left:-354px;}
}

.post-visual .swiper-slide img::after{
    content:'';
    position:absolute;
    width:150px;
    height:150px;
    bottom:30px;
    right:30px;
    background:#fff;
    border:0px;
	box-sizing:border-box;
	transform:rotate(135deg);
    box-shadow:0 -25px 10px -7px rgba(0,0,0,0.20);
    background:linear-gradient(135deg, #fff 106px, transparent 0);
}
.post-visual .swiper-slide::after {
	content:'';
    position:absolute;
	top:0;
    bottom:15px;
    left:10px;
    width:100%;
    height:100%;
	z-index:-1;
}  

/* main_stylereport */
.main .wrap .content.main_stylereport {margin-top:20px;padding-bottom: 40px;}
.main_stylereport .cont_head {padding-bottom:60px;}
.main_stylereport .cont_body a {text-align:center;color:#222222;}
.main_stylereport .cont_body img {width:100%; height:auto; object-fit:cover;}
.main_stylereport .cont_body dt {font-size:24px; font-weight:300; margin:25px 0 17px 0; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden; line-height: 1.2;}
.main_stylereport .cont_body dd {font-size:16px; font-weight:200; line-height:26px; display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
@media screen and (max-width:1460px) {
	
}

/* main_trendy */
.main .wrap .content.main_trendy {background:#f5f5f5; margin-top:60px; margin-bottom:60px; padding-bottom: 10px;}
.main_trendy .cont_head {padding:60px 0 60px 0;}
.main_trendy .cont_body {position:relative; padding:0 60px;}
.main_trendy .cont_body dt {font-size:26px;font-weight:400;padding:28px 0 24px 0;}
.main_trendy .cont_body dd {font-size:16px;font-weight:200;padding:10px 0 0;}
.main_trendy .swiper-wrapper{padding-bottom:0px; min-height:670px;}
.main_trendy .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;}
.main_trendy .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12);}
.main_trendy .item_state {padding:0;}
.main_trendy .item_prod {width:100%;}
.main_trendy .swiper-controls {padding-bottom:80px;}
.main_trendy .swiper-pagination {margin-top:60px;}
.main_trendy .swiper-button-next, 
.main_trendy .swiper-button-prev {top:210px;}
.main_trendy .swiper-button-next {right:0px;}
.main_trendy .swiper-button-prev {left:-15px;}
@media screen and (max-width:1460px) {
	.main_trendy .swiper-wrapper {min-height:520px;}
}

/* main_it */
.main .wrap .content.main_it {position:relative; min-height:628px; padding-left:70px; padding-right:70px;}
.main_it::after {content:''; display:block; clear:both;}
.main_it .displayH {line-height:52px;}
.main_it .cont_head{float:left; position:relative; width:384px; height:auto; line-height:1.2; margin-top: -4px; margin-left:66px;}
.main_it .cont_head a {margin:22px 0;display:block;line-height:0;padding:0;}
.main_it .cont_head span{font-size:18px;font-weight:300;color:#888888;}
.main_it .cont_head a span::after{content:"";width:20px;height:13px;display:inline-block;background:url(/images/pc/ico_more_lg.png) 0% 0% no-repeat; background-position:10px 0px;}
.main_it .cont_body{position:relative;width:calc(100% - 503px);float:left;margin:0;}
.main_it .item_state {padding:0 0 60px;}
.main_it .item_prod {width:100%;}
.main_it .it_nav {position:absolute; left:-380px; top:195px; width:300px;}
.main_it .it_nav li {margin-top:26px;}
.main_it .it_nav li:first-child {margin-top:0;}
.main_it .it_nav li .btn.btn_link {display:inline-block; padding:0; border:none; color:#888888; font-size:20px; font-weight:200; line-height:1; transition:all 100ms ease;}
.main_it .it_nav li .btn.btn_link span::after {content:''; display:none;}
.main_it .it_nav li .btn.btn_link:hover{text-decoration:none;}
.main_it .it_nav li .btn.btn_link.active {color:#222222; font-weight:500;}
.main_it .it_nav li .btn.btn_link.active span {border-bottom:2px solid #222222;}
.main_it .it_item {display:none;}
.main_it .it_item::after {content:'';display:block;clear:both;}
.main_it .it_item.active {display:block;}
.main_it .swiper-slide {position:relative;}
@media screen and (max-width:1460px) {
	.main .wrap .content.main_it {padding-left:0; padding-right:0;}
}

/* main_2stage */
.bnnbox_crop {width:100%;}
.bnnbox_crop::after {content:''; clear:both; display:block;}
.bnnbox_crop > div {width: 100%;height: 230px;float: none;overflow: hidden;}
.bnnbox_crop > div > a > img {width: 100%; height: auto; margin: 0 auto;}
.bnnbox_crop > .bnn_half {float:left; width:50%;}
.bnnbox_crop > .bnn_half > a {display:block; position:relative; width:100%; height:0%; padding-top:26.0918%; overflow:hidden;}
.bnnbox_crop > .bnn_half > a img {position:absolute; left:50%; right:0; top:50%; bottom:auto; transform:translate(-50%, -50%); width:auto; height:100%;}
@media screen and (max-width:1460px) {
	
}

/* main_deal */
.main .wrap .content.main_deal {position:relative; width:100%; padding-top:0; padding-bottom:0; margin-top:60px; margin-bottom:60px; background:#444444;}
.main_deal::after {content:'';display:block;clear:both;}
.main_deal .displayH {line-height:1.3;}
.main_deal .cont_head{background:#444444;width:520px;height:auto;line-height:1.2;float:left;padding:100px 0px 0 140px;position:relative;}
.main_deal .cont_head p {color:#ffffff;}
.main_deal .cont_head a {margin:30px 0;display:block;line-height:0;padding:0; color:#ddd; font-size:16px; font-weight:200;}
.main_deal .cont_head a span::after{content:"〉";font-size:12px;padding-left:8px;}				
.main_deal .cont_body {width:calc(100% - 520px);float:left;background:#f5f5f5;padding-top:80px;padding-bottom:80px;padding-left:100px;padding-right:140px;}
.main_deal .deal_progress {width:266px; position:relative; margin:95px 0 40px;    overflow: visible;}
.main_deal .deal_progress .bar_bg {width:100%; height:4px; background:#fd4802;}
.main_deal .deal_progress .bar_current {background:#333; position:absolute; top:0; left:0; height:4px; z-index:2; max-width:100%;}
.main_deal .deal_progress .bar_current span {width: 62px; z-index: 3; position:absolute; right:-31px; top:-45px; background:#fd4802; padding:8px 10px; font-size:14px; color:#fff; font-weight:300; letter-spacing:0.1em;}
.main_deal .deal_progress .bar_current span:after {content:''; position:absolute; left:50%; bottom:-10px; border:5px solid transparent; transform:translateX(-50%); border-top:5px solid #fd4802;}
.main_deal .count .hotdeal:after {content:''; display:block; clear:both;}
.main_deal .count .count_tit {display:inline-block; color:#ffffff; font-size:16px; font-weight:500;}
.main_deal .count .count_time {position:relative; left:auto; width:100%;}
.main_deal .count .count_time span{float:left; position:relative; font-size:12px; font-weight:500; color:#888888; width:66px; margin-right:33px; text-align:center;}
.main_deal .count .count_time span:first-child::before,
.main_deal .count .count_time span:first-child::after{content:'';display:none;}
.main_deal .count .count_time span::before,
.main_deal .count .count_time span::after{content:''; display:inline-block; position:absolute; width:5px; height:5px; background:#ffffff; border-radius:100%;}
.main_deal .count .count_time span::before{top:-57px;left:-20px;}
.main_deal .count .count_time span::after{top:-44px;left:-20px;}
.main_deal .count #countdown{text-align:center; margin:auto; position:static; width:auto; top:auto; left:auto; transform:none;}
.main_deal .count #countdown::after, .main_deal #countdown #tiles::after {content:'';display:block;clear:both;}
.main_deal #countdown #tiles{position:relative; z-index:1;}
.main_deal #countdown #tiles span{float:left; display:inline; position:relative; width:66px; height:88px; background:url(/images/pc/ico_count_bg.png) no-repeat center; color:#ffffff; font-size:38px; font-weight:bold; text-align:center; letter-spacing:0.1em; text-indent:5px; padding:0; line-height:88px; margin-right:33px; z-index:1;}
#countdown span:nth-child(2) {margin:0;}
.main_deal #countdown #tiles span::before {content:''; position:absolute; left:2px; right:2px; top:50%; margin-top:-4px; border-top:2px solid #222; z-index:10; opacity:0.8;}
.main_deal .item_prod {width:100%;}
.main_deal .item_state {padding-left:0; padding-right:0;}
@media screen and (max-width:1460px) {
	.main_deal .cont_head {padding-left:70px;}
	.main_deal .cont_body {padding-right:70px;}
}

/* main_pick */
.main_pick .cont_head {padding-bottom:60px;}
.main_pick .cont_body {padding:0;position:relative;}
.main_pick .cont_body .post-pick-nav {width:1250px; height:auto; background:#ffffff;margin:0 auto; cursor:pointer; padding:0 20px;}
.main_pick .post-pick-nav .swiper-button-next, 
.main_pick .post-pick-nav .swiper-button-prev {position:absolute; top:50%; transform:translateY(-50%); width:13px; height:24px; margin:0; background-image:url('/images/pc/ico_arr_sm.png');}
.main_pick .post-pick-nav .swiper-button-prev {left:0;}
.main_pick .post-pick-nav .swiper-button-next {right:0;}
.main_pick .post-pick-nav .swiper-slide{width:auto; height:auto; text-align:center; cursor:pointer; /* border-bottom:2px solid transparent; */}
.main_pick .post-pick-nav .swiper-slide img {opacity:0.2; width: 100%; height:auto;}
.main_pick .post-pick-nav .swiper-slide.swiper-slide-thumb-active img{opacity:1; }
.main_pick .post-pick-for {margin-top:60px; box-sizing:border-box; border:1px solid #dddddd;}
.main_pick .post-pick-for::after {content:'';display:block; clear:both;}
.main_pick .post-pick-for .pick_look {float:left; width:38.2022%; background:#888888;}
.main_pick .post-pick-for .pick_look .swiper-slide{position:relative; width:100%}
.main_pick .post-pick-for .pick_look .swiper-slide a{display: inline-block; width: 100%; height: 100%;}
.main_pick .post-pick-for .pick_look .swiper-slide a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, transparent 100%);}
.main_pick .post-pick-for .pick_look .swiper-slide .text_box {position:absolute; left:0; right:0; bottom:130px; color:#fff; text-align:center; z-index: 1;}
.main_pick .post-pick-for .pick_look .swiper-slide .text_box .title {position:relative; display:block; display:-webkit-box; width:100%; max-height:112px; overflow:hidden; white-space:normal; overflow-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; font-size:46px; font-weight:500; line-height:56px;}
.main_pick .post-pick-for .pick_look .swiper-slide .text_box .sub_text {margin-top:25px; font-size:18px; font-weight:300; line-height:1.2;max-width: 600px;margin: 25px auto;text-align: center;overflow: hidden;white-space: normal;overflow-wrap: break-word;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main_pick .post-pick-for .pick_look .swiper-controls {position:absolute; left:0; right:0; width:100%; bottom:40px;}
.main_pick .post-pick-for .pick_look img{width:100%; height:auto;}
.main_pick .post-pick-for .pick_item {position: absolute;right: 0;width:61.7978%;padding: 47px 80px;top: 0;font-size:0;} 
.main_pick .post-pick-for .pick_item .item_prod {width:calc((100% - 40px) / 3); margin-left:20px;}
.main_pick .post-pick-for .pick_item .item_prod:first-child {margin-left:0;}
.main_pick .post-pick-for .pick_item .item_prod .item_state {padding:0;}
@media screen and (max-width:1460px) {
	.main_pick .post-pick-for .pick_item {padding:27px 50px;}
	.main_pick .post-pick-for .pick_item .item_prod {width:calc((100% - 60px) / 3); margin-left:30px;}
}


/* main_1stage */
.main_1stage .bnnbox{position:relative;}
.main_1stage .txtWrap{width: 445px; margin:0 auto; position:absolute; top:50%; left:31.25%; transform:translate(0, -50%);z-index:1; text-align:left;}
.main_1stage .txtWrap p{line-height: 1; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color:#222222; font-size:40px; font-weight:500; text-align:left; line-height:1.25;}
.main_1stage .txtWrap .btn{position:relative; width:160px; height:52px; border:1px solid #959899; margin:20px auto 0; text-align:center; font-weight:300;}
.main_1stage img {margin:0 auto;width:100%;}
.post-bnnWide .swiper-button-next {right:70px;}
.post-bnnWide .swiper-button-prev {left:70px;}
.post-bnnWide .swiper-button-disabled {display: none;}
@media screen and (max-width:1460px) {
	.main_1stage .txtWrap p{font-size:34px;}
}


/* main_recomm */
.main_recomm .cont_head {padding-bottom:50px;}
.main_recomm .cont_body {padding:0 70px;}
.main_recomm .sec_head {text-align:center;}
.main_recomm .tag_list {display:inline-block; text-align:center; vertical-align:top;}
.main_recomm .tag_list::after {content:''; clear:both; display:block;}
.main_recomm .tag_list button {float:left; margin-left:12px; transition:none;}
.main_recomm .tag_list button:first-of-type {margin-left:0}
.main_recomm .tag_list button.active {line-height:1; background:#222222; border-color:rgb(245 245 245); position:relative; border-left:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; border-right:1px solid #f5f5f5; border-top:1px solid #f5f5f5; color:#ffffff; border: 0; position:relative; top:0; left:0; z-index:9;}
.main_recomm .tag_list button.active:after{content:""; bottom:0px; right:0px; position:absolute; height:0px; width:0; padding:0px 0px 0px 0px; background:#222222; border-left:0px solid #ffffff; border-top:10px solid #222222; border-right:10px solid #ffffff;}	
.main_recomm .tagitem {display:none;}
.main_recomm .tagitem.active {display:block;}
.main_recomm .item_prod {width:100%;}
.main_recomm .item_state {width:100%; padding:0;}
.main_recomm .swiper-controls {margin-top:60px}
.main_recomm .swiper-button-next {right:60px;}
.main_recomm .swiper-button-prev {left:70px;}
@media screen and (max-width:1460px) {

}

/* main_foryou */	
.main .wrap .content.main_foryou {position:relative; display:block; width:100%; height:auto; margin-top:60px; padding:120px 140px; background-color:#f5f5f5;}
.main_foryou::after {content:''; display:block; clear:both;}
.main_foryou .cont_head{position:relative; position:absolute; left:140px; top:120px;}
.main_foryou .cont_head span{color:#888888; font-size:16px;}
.main_foryou .cont_body {position:relative; width:100%; min-height:490px; padding-left:30.6%;}
.fy_nav {position:absolute; left:0; top:22%; width:346px; height:auto; padding-bottom:50px;}
.fy_nav .btn_shape {width:100%; height:60px; padding:20px 115px 20px 30px; background:#fff; transition:none;}
.fy_nav .btn_shape div {display:inline-block; text-align:left; width:100%; line-height:1; vertical-align:top;}
.fy_nav .btn_shape div span {color:#888888; font-size:18px; font-weight:300; line-height:1;display: inline;}
.fy_nav .btn_shape div::after {content: ''; display: inline-block; clear: both;}
.fy_nav .btn_shape div .number { float: left; padding-right:25px; color:#222222; font-size:20px; font-weight:500;}
.fy_nav .btn_shape div .number + span {color:#888888; font-size:18px; font-weight:300; line-height:1.2;width: 151px;display: inline-block;overflow: hidden;white-space: normal;overflow-wrap: break-word;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.fy_nav .btn_shape + a {display:none;}
.fy_nav .btn_shape.active {position:relative; background:#222222; border-color:rgb(245 245 245);}
.fy_nav .btn_shape.active span {position:relative; color:#ffffff;}
.fy_nav .btn_shape.active + a {display:inline-block; font-size:14px; text-align:right;position:absolute;top:50%;right:45px;transform:translateY(-50%);color:#888888;z-index:10;} 
.fy_nav .btn_shape.active + a::after {content:'';width:7px;height: 14px;display:inline-block;position:absolute;top:50%;right: -13px;transform:translateY(-50%);background:url('/images/pc/ico_more_lg.png');background-repeat:no-repeat;background-position: 0px 50%;}
.fy_item {display:none; position:relative; width:100%; min-height:490px; background:rgba(0,0,0,0.5);}
.fy_item::after {content:'';display:block;clear:both;}
.fy_item.active {display:block;}
.fy_item .part {float:left; position:relative; min-height:1px;}
.fy_item .part .item_prod {float:left; width:100%; margin:0; padding:0;}
.fy_item .part .item_state {width:100%; margin:0; padding:0;}
.fy_item .part .itemPic {width:100%; margin:0;}
.fy_item .part {width:20%;}
.fy_item .part.lg {width:40%;}
.fy_item .part .item_state .itemInfo {display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:65%; height:auto; text-align:center; z-index:21;}
.fy_item .part .item_state:hover .itemInfo,
.fy_item .part .item_state:active .itemInfo,
.fy_item .part .item_state:focus .itemInfo {display:block;}
.fy_item .part .item_prod:hover .itemLink::after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 19;}
.fy_item .part .itemBrand,
.fy_item .part .itemName,
.fy_item .part .itemPrice {color:#ffffff; width:100%; max-width:none; word-break:keep-all;}
.fy_item .part .itemPercent {position:relative; left:auto; right:auto; padding:0; margin:0;}
.post-sug .swiper-slide ul li{position:relative; margin:12px 0 0; background-color:rgb(255 255 255);}
.post-sug .swiper-slide ul li:first-child {margin-top:0;}
.post-sug .swiper-controls {bottom:-50px;}
@media screen and (max-width:1460px) {
	.main .wrap .content.main_foryou {padding-left:70px; padding-right:70px;}
	.main_foryou .cont_head {left:70px;}
}


/* main_tv */	
.main .wrap .content.main_tv {padding-top:120px; padding-bottom:160px;}
.main_tv::before {content:'';z-index:-1;display:block;width:100%;height:520px;position:absolute;top:0;left:0;background:#444444;}
.main_tv .cont_head {padding-bottom:60px;}
.main_tv .cont_head p {color:#ffffff; font-size:42px;}
.post-tv {width:100%;height:760px; height:auto; margin:0px auto; padding-top:60px; padding-bottom:60px;}
.post-tv .swiper-slide {width:890px;}
.post-tv .swiper-slide .movbox {position:relative; width:100%; height:0; padding-top:56.1818%; overflow:hidden; transition:all 300ms ease; transform:scale(1); pointer-events: none;}
.post-tv .swiper-slide .movbox iframe {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:1; }
.post-tv .swiper-slide-active .movbox {transform:scale(1.24); pointer-events:auto;}
.post-tv .swiper-button-next,
.post-tv .swiper-button-prev{opacity:0.5;}
.post-tv .swiper-button-next:hover,
.post-tv .swiper-button-prev:hover{opacity:1; background-image:url('/images/pc/ico_slide_arrow_orange.png');}
.post-tv .swiper-button-next {right:140px;}
.post-tv .swiper-button-prev {left:140px;}
.main_tv .swiper-controls {margin-top:40px;}
@media screen and (max-width:1460px) {
	.post-tv .swiper-button-next {right:70px;}
	.post-tv .swiper-button-prev {left:70px;}

}


/* brand_main */
header .common_header.br_header::after {content:''; display:block; width:100%; height:585px; position:absolute; bottom:-485px; left:0; background:inherit; z-index:-1;}
header.minify .common_header.br_header::after {bottom:-565px;}
.container.brand_main .wrap {position:relative; width:100%; min-width:auto; max-width:auto; padding-left:0px; padding-right:0px;}
.brand_main .dpnone {display:none;}
.brand_main .swiper-pagination {margin:0; position:relative;}
.brand_main .wrap .content {padding-top:60px; padding-bottom:60px; padding-left:70px; padding-right:70px;}
.brand_main .wrap .content.wide {padding-left:0; padding-right:0;}
.brand_main .wrap .content.wide:first-child{/*background:#222222;*/ padding:0px !important;}
.brand_main .wrap .content .cont_head {color:#222222; font-size:40px; line-height:1; letter-spacing:-.025em;}
.brand_main .wrap .content .cont_body {position:relative;}
.brand_main .main_visual::before {display:none;}

.brand_main .swiper-button-next,
.brand_main .swiper-button-prev {top:50%; transform:translateY(-50%); color:transparent;}
.brand_main .swiper-pagination {position:relative; bottom:0; margin:60px 0 0; height:auto;}

.brand_main .swiper-slide .item_prod {width:100%;}
.brand_main .swiper-slide .item_prod .item_state {padding:0;}

/* brand_visual */
.brand_main .wrap .content.brand_visual {max-width:1920px; margin:auto; padding-left:200px;}

.brand_main .brand_visual {margin:0;}
.brand_main .brand_visual .swiper-button-prev {left:70px; opacity:0.5;}
.brand_main .brand_visual .swiper-button-next {right:70px; opacity:0.5;}
.brand_main .brand_visual .swiper-button-disabled {display: none;}
.brand_main .post-visual .swiper-container {margin-left:0;}
.brand_main .post-visual .swiper-wrapper {padding-bottom:0;}
.brand_main .post-visual .swiper-slide {position:relative; max-width:1520px; padding-left:23.6%; mask-size:86.6072% 0%, 9.3928% 21.4285%, 90.6072% 100%, 100% 78.5715%; -webkit-mask-size:86.6072% 0%, 9.3928% 21.4285%, 90.6072% 100%, 100% 78.5715%; /*transition:all 200ms ease;*/}
.brand_main .post-visual .swiper-slide img {width:1080px; margin:0;}
.brand_main .post-visual .swiper-slide .txtWrap {width: 30%; opacity:0; position:absolute; padding-left:0px; top:110px; bottom:auto; left:0px; right:auto; z-index:1;}
.brand_main .post-visual .txtWrap dt {font-size:0; padding-bottom:0;}
.brand_main .post-visual .swiper-slide-active {opacity:1 !important;}
.brand_main .post-visual .swiper-slide-active .txtWrap {animation-name: fade-in;animation-duration: 1.5s;animation-delay: 1s;animation-fill-mode: both;}

@keyframes fade-in {
	from {
	  opacity: 0;
	  left:0;
	  transform: translateY(100px);
	}
	to {
	  opacity: 1;
	  left:0;
	  transform: translateY(0);
	}
}

.brand_main .post-visual .swiper-slide-prev {opacity:0;}
.brand_main .post-visual .swiper-slide-next {opacity:1 !important; padding-left:0px; padding-right:440px;}
.brand_main .post-visual .swiper-controls {position:absolute; width:auto; bottom:100px; left:50%; padding-right:15px; z-index:10; margin-left:-780px;}
.brand_main .post-visual .swiper-controls .swiper-pagination {margin-top:0;}

/* brand_about */
.brand_main .wrap .content.brand_info {margin-top:20px;}
.brand_main .brand_info .cont_body {padding:80px 6.7%; background:#f5f5f5;}
.brand_main .brand_info .cont_body .brand_tit, .brand_main .brand_info .cont_body .brand_desc {float:left;}
.brand_main .brand_info .cont_body .brand_tit {width:20%; margin-right:2%;}
.brand_main .brand_info .cont_body .brand_desc {width:78%;}
.brand_main .brand_info .cont_body .brand_tit p {margin-bottom:30px; font-size:30px; font-weight:500;}
.brand_main .brand_info .cont_body .brand_tit a {background:url(/images/pc/ico_ic_btn.png) no-repeat right center; padding-right:20px; font-size:16px; color:#666;}
.brand_main .brand_info .cont_body .brand_desc .cate {margin-bottom:25px; font-size:20px; font-weight:500;}
.brand_main .brand_info .cont_body .brand_desc .desc {font-size:16px; font-weight:200; line-height:26px;}

/* brand_newitems */
.brand_main .wrap .content.new_item {margin-bottom: -120px;}
.new_item .cont_head {margin-bottom:60px;}
.new_item .cont_body {position:relative; padding:0 70px;}
.new_item .cont_body dt {font-size:26px;font-weight:400;padding:28px 0 24px 0;}
.new_item .cont_body dd {font-size:16px;font-weight:200;padding:10px 0 0;}
.new_item .swiper-wrapper{padding-bottom:0px; min-height:670px;}
.new_item .swiper-slide {width:calc((100% - 88px)/5 * 0.92); transition:all 200ms ease;}
.new_item .swiper-slide.scaleBig {width:calc((100% - 88px)/5 * 1.12);}
.new_item .item_state {padding:0;}
.new_item .item_prod {width:100%;}
.new_item .swiper-controls {padding-bottom:80px;}
.new_item .swiper-pagination {margin-top:60px;}
.new_item .swiper-button-next, 
.new_item .swiper-button-prev {top:250px;}
.new_item .swiper-button-next {right:0px;}
.new_item .swiper-button-prev {left:0px;}
@media screen and (max-width:1460px) {
	.new_item .swiper-wrapper {min-height:520px;}
}

/* brand_bestitems */
.brand_main .best_item .cont_head {margin-bottom:60px;}
.brand_main .best_item .cont_body {padding-left:70px; padding-right:70px;}
.brand_main .best_item .swiper-button-next {right:0px; margin-top:-120px;}
.brand_main .best_item .swiper-button-prev {left:0px; margin-top:-120px;}
@media screen and (max-width:1460px) {

}

/* brand_mditems */
.brand_main .md_item .cont_head {margin-bottom:60px}
.brand_main .md_item .cont_body {padding-left:70px; padding-right:70px;}
.brand_main .md_item .swiper-button-next {right:0px; margin-top:-120px;}
.brand_main .md_item .swiper-button-prev {left:0px; margin-top:-120px;}
@media screen and (max-width:1460px) {

}

/* brand_specialshop */
.brand_main .special_shop .cont_head {margin-bottom:60px;}
.brand_main .special_shop .cont_body {position:relative; background:#222;}
.brand_main .special_shop .spe_thumb {float:left; position:relative; width:38%;}
.brand_main .special_shop .spe_thumb img {width:100%; height:auto;}
.brand_main .special_shop .spe_thumb .swiper-container {height:100%;}
.brand_main .special_shop .spe_thumb .swiper-container .swiper-slide {position:relative;}
.brand_main .special_shop .spe_thumb .swiper-container .swiper-slide a {position:relative; display:block;}
.brand_main .special_shop .spe_thumb .swiper-container .swiper-slide a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:342px; background:linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 50%); z-index:2;}
.brand_main .special_shop .spe_thumb .swiper-container .swiper-slide .txtWrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:11;}
.brand_main .special_shop .spe_thumb .swiper-container .swiper-slide .txtWrap p {font-size:40px; line-height:1.2; color:#fff; font-weight:500;}
.brand_main .special_shop .spe_thumb .swiper-container .swiper-slide .txtWrap span {display:inline-block; margin-top:25px; color:#fff; font-size:18px; font-weight:300;}
.brand_main .special_shop .spe_pr_list {position:absolute; left:38%; top:50%; width:62%; transform:translateY(-50%); padding-left:100px;}
.brand_main .special_shop .spe_pr_list .swiper-slide {width:28%;}
.brand_main .special_shop .spe_pr_list .swiper-slide img {opacity:0.5;}
.brand_main .special_shop .spe_pr_list .swiper-slide.view img {opacity:1;}
.brand_main .special_shop .spe_pr_list .swiper-slide:last-child {opacity:1;}
.brand_main .special_shop .spe_pr_list .swiper-slide .itemLink > * {color:#fff;}
.brand_main .special_shop .spe_pr_list .slide_wrap .spe_sl {position:relative; padding:0 0 50px 0;}
.brand_main .special_shop .swiper-scrollbar {position:absolute; left:0; right:12%; bottom:0; margin:0; background:rgba(255,255,255,0.2) !important; height:2px;}
.brand_main .special_shop .swiper-scrollbar-drag {background:rgba(255,255,255,0.6) !important;}
.brand_main .special_shop .swiper-button-next {right:70px; opacity:0.5;}
.brand_main .special_shop .swiper-button-prev {left:70px; opacity:0.5;}
@media screen and (max-width:1460px) {

}

/* brand_lookbook */
.brand_main .br_lookbook .cont_head {margin-bottom:60px;}
.brand_main .br_lookbook .swiper-slide {width:auto; height:660px;}
.brand_main .br_lookbook .bt_lb_item {overflow: hidden;width: 100%;height: 660px;}
.brand_main .br_lookbook .swiper-slide img {width: auto; height:100%; max-width: 990px;height: 100%;display: block;}
.brand_main .br_lookbook .swiper-container {padding-top:60px;}
.brand_main .br_lookbook .swiper-slide .bt_lb_item:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.brand_main .br_lookbook .swiper-slide .bt_lb_item .item_picker {display: none;}
.brand_main .br_lookbook .swiper-slide-active .bt_lb_item {position:relative; height:618px; margin-top:-60px; transition:all 200ms ease;}
.brand_main .br_lookbook .swiper-slide-active .bt_lb_item:after {display:none;}
.brand_main .br_lookbook .swiper-slide-active .bt_lb_item .item_picker {display: block; position:absolute; transform:translate(-50%,-50%);}
.brand_main .br_lookbook .swiper-slide-active .bt_lb_item .item_picker .pick_descr {display:none; position:absolute; background:#fff; z-index:2;}
.brand_main .br_lookbook .swiper-button-next {right:70px; opacity:0.5;}
.brand_main .br_lookbook .swiper-button-prev {left:70px; opacity:0.5;}
.brand_main .br_lookbook .swiper-slide-prev img,
.brand_main .br_lookbook .swiper-slide-next img {transform: translate(-50%,-50%);left: 50%;top: 50%;position: relative;}
.brand_main .br_lookbook .swiper-pagination {margin-top:40px;}
@media screen and (max-width:1460px) {

}

/* brand_product */
.brand_main .wrap .content.brand_product {margin-bottom:60px;}
.brand_main .brand_product .cont_head {margin-bottom:60px;}
.brand_main .brand_product .itemsGrp {margin-left:-10px; margin-right:-10px;}
.brand_main .brand_product .btn_wrap {text-align:center; margin:0;}
.brand_main .brand_product .btn_wrap .btn {border:1px solid #a7a7a7; padding:15px 40px;}
.brand_main .brand_product .btn_wrap .btn span {font-weight:300;}
.brand_main .brand_product .btn_wrap .btn span:after {content:''; display:inline-block; margin-left:20px; width:7px; height:13px; background:url(/images/pc/ico_more_lg.png) no-repeat right center;}
@media screen and (max-width:1460px) {

}

/* brand_main_tv */	
.brand_main .wrap .content.main_tv {padding-top:120px; padding-bottom:160px;}
.brand_main .main_tv::before {background:#f5f5f5;}
.brand_main .main_tv .cont_head p {color:#222;}
@media screen and (max-width:1460px) {

}


/* 브랜드메인_룩북피커_팝업 */
.modal.br_lookbook_popup {max-width:585px; min-height:390px; padding:0;}
.modal.br_lookbook_popup .item_prod {width:100%;}
.modal.br_lookbook_popup .modal-header {margin:0;}
.modal.br_lookbook_popup .itemsGrp {margin-bottom:0;}
.modal.br_lookbook_popup .itemsGrp .item_prod {width:100%; overflow:hidden;}
.modal.br_lookbook_popup .itemsGrp .item_prod .item_state {display:table; padding-left:310px; padding-right:55px; padding-bottom:0; width:100%; min-height:390px;}
.modal.br_lookbook_popup .itemsGrp .item_prod .itemLink {display:table-cell; position:static; vertical-align:middle;}
.modal.br_lookbook_popup .itemsGrp .item_prod .itemPic {position:absolute; top:0; left:0; margin-bottom:0; width:260px; height:390px; padding:0; background:#f5f5f5;}
.modal.br_lookbook_popup .itemsGrp .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position:absolute; top:50%; left:50%; font-size:20px; color:#fff; background:rgba(0,0,0,.5); width:100%; height:100%; transform:translate(-50%, -50%); line-height:420px; z-index:99; text-align:center;}
.modal.br_lookbook_popup .itemsGrp .item_prod .itemBrand {margin:0px 0px 15px; font-size:14px; font-weight:300;}
.modal.br_lookbook_popup .itemsGrp .item_prod .itemName {margin:0px 0px 25px; font-size:18px; font-weight:300; line-height:28px; height:56px;}
.modal.br_lookbook_popup .itemsGrp .item_prod .itemPrice {font-size:26px; line-height:1; font-weight:500; margin:0;}
.modal.br_lookbook_popup .itemsGrp .item_prod .itemPrice_original {display:inline-block; margin-left:0; margin-bottom:10px; font-size:20px; font-weight:200;}
.modal.br_lookbook_popup .itemsGrp .item_prod .itemPercent {position:relative; font-size:26px; line-height:0.8; bottom:auto; left:auto;}
.modal.br_lookbook_popup .itemsGrp .item_prod .itemLink .btn {margin-top:40px; border:1px solid #a7a7a7; font-weight:300;}


/* brand_main :ie */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.brand_main .post-visual .swiper-slide {z-index:9; margin:0; box-shadow:none; padding-bottom:0; width: 1520px;}
	.brand_main .post-visual .swiper-slide:before {display:none;}
	.brand_main .post-visual .swiper-slide-active {z-index:8;}
	.brand_main .post-visual .swiper-slide-active:before {display:block;}
	.brand_main .post-visual .swiper-slide img {box-shadow:0px 0px 30px rgba(0,0,0,0.2), 0px 0px 30px rgba(0,0,0,0.2);} 
	.brand_main .post-visual .swiper-slide img::after{
		content:'';
		position:absolute;
		width:150px;
		height:150px;
		bottom:30px;
		right:30px;
		background:#fff;
		border:0px;
		box-sizing:border-box;
		transform:rotate(135deg);
		box-shadow:0 -25px 10px -7px rgba(0,0,0,0.20);
		background:linear-gradient(135deg, #fff 80px, transparent 0);
	}

	.brand_main .post-visual .swiper-slide::before{
		content:'';
		position:absolute;
		width:230px;
		height:120px;
		bottom:-50px;
		right:-78px;
		border:0px;
		transform:rotate(135deg);
		box-shadow:inset 0 -30px 20px -30px rgba(0,0,0,0.20);
		box-shadow:inset 0px -60px 20px -50px rgba(0,0,0,0.20);
		background:#fff;
		background:linear-gradient(0deg, #fff 104px, transparent 0);
		z-index:1;
	}   
	.main .post-visual .swiper-button-prev {margin-right:600px;}
	.main .post-visual .swiper-button-next {margin-left:595px;}
}