@charset "utf-8";

/* mvisual-wrap */
.mvisual-wrap{position:relative; height:500px; }
.mvisual-wrap .mvisual-slide{position:absolute; overflow:hidden; height:100%;left:50%;margin-left:-1000px; top:0; width:2000px;}
.mvisual-wrap .mvisual-slide .item{text-align:center;}
.mvisual-wrap .mvisual-slide .item img{display:inline-block;}


.mvisual-wrap .slick-dots{position:absolute;left:0; bottom:40px; text-align:center; height:25px;}
.mvisual-wrap .slick-dots ul{display:inline-block;vertical-align:top; height:12px; padding:7px 15px;background:rgba(0,0,0,0.4) ; border-radius:25px 25px;}
.mvisual-wrap .slick-dots li{display:inline-block;vertical-align:top; width:12px;margin:0 2px; border:none; height:12px; border-radius:100%;padding:0;}
.mvisual-wrap .slick-dots button{width:12px; height:12px; border-radius:100%; background:rgba(255,255,255,0.5);border:none;padding:0;}
.mvisual-wrap .slick-active button {background:#f24949}
.mvisual-wrap .slick-dots button:before{display:none;}



/* msec-banner */
.msec-banner{overflow:hidden;margin-top:20px; height:auto;overflow:hidden; height:150px;}
.msec-banner .item a{display:block; }
.msec-banner .item a img{width:100%}
.msec-banner .slick-dots{position:absolute;left:50px; bottom:34px; text-align:left; height:7px;}
.msec-banner .slick-dots ul{display:inline-block;vertical-align:top; height:7px; padding:0;; }
.msec-banner .slick-dots li{display:inline-block;vertical-align:top; width:7px;margin:0 5px 0 0;border:none; height:12px; border-radius:100%;padding:0;}
.msec-banner .slick-dots button{width:7px; height:7px; border-radius:100%; border:none;padding:0; background:rgba(255,255,255,0.3) ;}
.msec-banner .slick-active button {background:rgba(255,255,255,1);}
.msec-banner .slick-dots button:before{display:none;}

	


/* msec-chart */
.msec-chart{margin-top:60px; overflow:hidden;}
.msec-chart h3{font-size:24px; letter-spacing:-0.03em; color:#333; font-weight:bold;line-height:110%; height:52px;}
.msec-chart .fl, .msec-chart .fr{width:48.5%;  height:600px; position:relative;}
.msec-chart .lank-box{border:1px solid #dedede; position:relative; height:84%;box-sizing:border-box; padding:39px 6px 0 29px}

.msec-chart .lank-top{float:left; width:44%; height:415px;}
.msec-chart .lank-trd{float:right; width:46%; height:415px;}

.msec-chart .lank-top a{display:block; position:relative;text-align:center;}
.msec-chart .lank-top span{display:block;text-align:center;}
.msec-chart .lank-top .img{height:270px;  position:relative; display:inline-block; vertical-align:top; text-align:center;}
.msec-chart .lank-top .img img{display:inline-block;width:240px;}
.msec-chart .lank-top .btxt{font-weight:bold; letter-spacing:-0.03em; color:#333; font-size:15px; line-height:110%;}
.msec-chart .lank-top .stxt{font-weight:400; color:#333; font-size:14px; line-height:120%; margin-top:10px;text-align:left;/*font-family: 'ng';*/}
.msec-chart .lank-top .ctxt{font-weight:300; color:#808080; font-size:13px; line-height:110%;margin-top:20px;}
.msec-chart .lank-top .ztxt{font-weight:600; color:#c62828; font-size:18px; line-height:0px;margin-top:20px;}

.msec-chart .lank-top a .img:after{ width:50px; height:40px; background:url(../_Img/Main/rank-01.png)no-repeat center center ; position:absolute; left:0; top:-20px; display:block; content:""}


.msec-chart .lank-trd a{display:block;}
.msec-chart .lank-trd span{display:block;text-align:left;}
.msec-chart .lank-trd li{padding-left:130px; padding-right:5px;margin-top:29px; position:relative; height:120px;}
.msec-chart .lank-trd li:first-child{margin-top:0;}
.msec-chart .lank-trd li .img{ position:absolute; left:0; top:0; width:120px; height:130px;border: 1px solid #e5e5e5;}
.msec-chart .lank-trd li .img img{ width:120px;}
.msec-chart .lank-trd .btxt{letter-spacing:-0.03em; color:#333; font-size:13px; line-height:125%; /*font-family: 'ng';*/overflow: hidden;
			text-overflow: ellipsis;line-height: 1.2;max-height: 75px;white-space: normal;}
.msec-chart .lank-trd .stxt{font-weight:300; color:#808080; font-size:13px; line-height:110%; margin-top:10px;}
.msec-chart .lank-trd .ctxt{font-weight:600; color:#c62828; font-size:15px; line-height:5px;margin-top:10px;}

.msec-chart .goods:after{background:#f4f6f9; width:299px; height:100%; position:absolute; left:0; top:0; display:block; content:""; z-index:-1}

.msec-chart .lank-trd li a .img:after{ width:40px; height:32px;  position:absolute; left:0; top:-10px; display:block; content:""}
.msec-chart .lank-trd li:nth-child(1) a .img:after { background:url(../_Img/Main/rank-02.png)no-repeat center center ;}
.msec-chart .lank-trd li:nth-child(2) a .img:after{ background:url(../_Img/Main/rank-03.png)no-repeat center center ;}
.msec-chart .lank-trd li:nth-child(3) a .img:after{ background:url(../_Img/Main/rank-04.png)no-repeat center center ;}




/* msec-preorder */
.msec-preorder{ position:relative; height:580px;margin-top:80px; box-sizing:border-box; padding:80px 75px}
.msec-preorder:after{ position:absolute;background:#fafafa;left:50%;margin-left:-1000px;top:0; width:2000px; height:100%; z-index:-1; display:block; content:""}

.msec-preorder h3{font-size:24px;height:60px;font-weight:600; color:#333333;letter-spacing:-0.02em; text-align:center;}
.msec-preorder a{display:block; padding-bottom:2px;}
.msec-preorder .more{position:absolute; height:10px; right:75px; line-height:10px;top:90px; font-weight:600; font-size:14px; letter-spacing:-0.03em; width:52px;}
.msec-preorder .more:after{position:absolute; right:0; width:7px; height:10px ; top:0; display:block; content:"";background:url(../_Img/Main/more-arrow.png) no-repeat center center }
.msec-preorder .more span{display:block; padding-right:10px;}
.msec-preorder .preorder-slide{margin:0 -15px;overflow:hidden; font-size:0}
.msec-preorder .item{margin:0 15px;}

.msec-preorder  span{display:block;text-align:center;}
.msec-preorder .img {overflow:hidden;position:relative;border-radius:120px;}
.msec-preorder .img img{width:100%}
.msec-preorder .btxt{font-weight:bold; letter-spacing:-0.03em; color:#333; font-size:14px; line-height:130%; padding-top:30px;/*font-family: 'ng';*/height:83px;text-align:left;}
.msec-preorder .stxt{font-weight:300; color:#808080; font-size:13px; line-height:110%; margin-top:10px;}
.msec-preorder .ctxt{font-weight:600; color:#c62828; font-size:15px; line-height:110%;margin-top:10px;}

.msec-preorder .rtxt{position:absolute;background:#fff; right:0; bottom:0; width:50px; height:50px; border:5px solid #cecece; color:#ccc; border-radius:100%; line-height:50px; text-align:center; font-weight:600; font-size:12px;}
.msec-preorder .ltxt{position:absolute;background:#fff; left:0; bottom:0; width:50px; height:50px; border:5px solid #cecece; color:#ccc; border-radius:100%; line-height:50px; text-align:center; font-weight:600; font-size:12px;}

.msec-preorder .rtxt.poster, .msec-preorder .ltxt.poster{border:5px solid #7daeff; color:#7daeff;letter-spacing:-0.02em;}
.msec-preorder .ltxt.d-day, .msec-preorder .rtxt.d-day{border:5px solid #f27349; color:#f27349;}

.msec-preorder .preorder-ctrl  a{display:block; position:absolute; top:247px; width:21px; height:40px;}
.msec-preorder .preorder-ctrl .prev{background:url(../_Img/Main/newitem-prev.png) no-repeat; left:0;}
.msec-preorder .preorder-ctrl .next{background:url(../_Img/Main/newitem-next.png) no-repeat; right:0;}


	


/* msec-md */
.msec-md{ position:relative;  box-sizing:border-box; padding:80px 0}

.msec-md h3{font-size:28px;height:52px;font-weight:600; color:#333;letter-spacing:-0.02em; text-align:center;}
.msec-md a{display:block; padding-bottom:2px;}
.msec-md .more{position:absolute; height:10px; right:0; line-height:10px;top:90px; font-weight:600; font-size:14px; letter-spacing:-0.03em; width:52px;}
.msec-md .more:after{position:absolute; right:0; width:7px; height:10px ; top:0; display:block; content:"";background:url(../_Img/Main/more-arrow.png) no-repeat center center }
.msec-md .more span{display:block; padding-right:10px;}

.msec-md .msec-con{overflow:hidden;margin:0 4.5%; position:relative; z-index:9001}
.msec-md .item{margin:0 1.5% 0 1.5% ; float:left; width:22%; min-height:400px;}
.msec-md .item.first{min-height:auto;margin:0 1.5% 0 1.5% ;}
.msec-md .item.trd{display:none;}
.msec-md .first-slide .item {width:auto;float:left; overflow:hidden; margin:0;}
.msec-md .first-slide .item a{display:block; border:1px solid #dfdfdf ; overflow:hidden; height:398px;}
.msec-md .first-slide .item a img{width:100%;}

.msec-md .first-slide .slick-dots{position:absolute;right:15px; top:20px; text-align:right;  height:7px; z-index:9999}
.msec-md .first-slide .slick-dots ul{display:inline-block;vertical-align:top; height:7px; padding:0;; }
.msec-md .first-slide .slick-dots li{display:inline-block;vertical-align:top; width:7px;margin:0 0 0 6px;border:none; height:12px; border-radius:100%;padding:0;}
.msec-md .first-slide .slick-dots button{width:7px; height:7px; border-radius:100%; border:none;padding:0; background:#a8aaaf ;}
.msec-md .first-slide .slick-active button {background:#f24949;}
.msec-md .first-slide .slick-dots button:before{display:none;}


.msec-md  span{display:block;text-align:center;}
.msec-md .img{border:1px solid #dfdfdf; position:relative;}
.msec-md .img img{width:100%;}
.msec-md .btxt{ letter-spacing:-0.03em; color:#333; font-size:14px; line-height:130%; padding-top:10px;text-align:left;/*font-family: 'ng';*/}
.msec-md .stxt{font-weight:300; color:#808080; font-size:13px; line-height:110%; margin-top:10px;}
.msec-md .ctxt{font-weight:600; color:#c62828; font-size:15px; line-height:110%;margin-top:10px;}


.msec-md .rtxt{position:absolute;background:#fff; left:3px; top:3px; width:30px; height:30px; border:5px solid #cecece; color:#ccc; border-radius:100%; line-height:30px; text-align:center; font-weight:600;  font-size:12px;}
.msec-md .rtxt.best{border:5px solid #f24949; color:#f24949;}
.msec-md .rtxt.new{border:5px solid #f2ae49; color:#f2ae49;}
.msec-md .rtxt.d-day{border:5px solid #f27349; color:#f27349;}
	







/* msec-link */
.msec-link{ position:relative; height:240px;}
.msec-link:after{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; display:block; content:""}

.msec-link .msec-con{overflow:hidden}
.msec-link .item{width:33.333333%; height:240px; float:left}
.msec-link .item a{ position:relative; box-sizing:border-box; height:240px; display:block;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.msec-link .item a:hover{background:rgba(0,0,0,0.05)}
.msec-link .item:nth-child(2){background:#404040}
.msec-link .item:nth-child(2) a:hover{background:rgba(0,0,0,0.05)}

.msec-link .img {border-radius:100%; position:absolute; right:40px; top:40px; width:160px; height:160px;}
.msec-link .img img{width:100%;}
.msec-link .btxt{display:block;font-weight:400;letter-spacing:-0.03em; color:#fff; font-size:18px; line-height:130%; padding-bottom:30px; position:relative;}
.msec-link .btxt i{display:block; font-weight:bold}
.msec-link .btxt:after{width:20px; height:1px ; background:rgba(255,255,255,0.3); position:Absolute; left:0; bottom:15px; display:block; content:""}
.msec-link .stxt{display:block;font-weight:300; color:#999; font-size:14px; line-height:130%;  padding-right:200px;}

/* 메인 슬라이드 화살표 by 87parkjw */
.main-prev {position: absolute; top: 225px; left: -200px; font-size: 50px; z-index: 9000; color: #d32f2f;}
.main-next {position: absolute; top: 225px; right: -200px; font-size: 50px; z-index: 9000; color: #d32f2f;}
.main-prev:hover, .main-next:hover {color: #F5D0A9;}