@charset "utf-8";

/* mvisual-wrap */
.mvisual-wrap{position:relative;}
/*.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;}


 .mvisual-wrap{position:relative;}
/* .mvisual-wrap{position:relative; height:300px; }
.mvisual-wrap .mvisual-slide{position:absolute; overflow:hidden; height:100%;left:50%;margin-left:-480px; top:0; width:960px;}
.mvisual-wrap .mvisual-slide .item img {height:300px} */
.mvisual-wrap .mvisual-slide .item img {width:100%}



/* msec-banner */
.msec-banner{overflow:hidden;margin-top:210px; 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-banner{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:552px; position:relative;}
.msec-chart .lank-box{border:1px solid #dedede; position:relative; height:500px;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;}
.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;/*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:110%;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:0; 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;}
.msec-chart .lank-trd .btxt{font-weight:bold; letter-spacing:-0.03em; color:#333; font-size:13px; line-height:125%; padding-top:18px;/*font-family: 'ng';*/}
.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:110%;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 .img_in:after{width:40px; height:32px;  position:absolute; left: 0px; top:-10px; display:block; content:""}
.msec-chart .lank-trd li:nth-child(1) a .img .img_in:after { background:url(../_Img/Main/rank-02.png)no-repeat center center ;}
.msec-chart .lank-trd li:nth-child(2) a .img .img_in:after{ background:url(../_Img/Main/rank-03.png)no-repeat center center ;}
.msec-chart .lank-trd li:nth-child(3) a .img .img_in:after{ background:url(../_Img/Main/rank-04.png)no-repeat center center ;}
.msec-chart{padding:0 10px; margin-top:30px}
.msec-chart h3{font-size:20px; height:42px}

.msec-chart .fl, .msec-chart .fr{width:49%}
.msec-chart .lank-box{width:auto; height:auto; overflow:hidden; padding:0}
.msec-chart .lank-top .img img{ width:180px}
.msec-chart .lank-top .img{height:200px}

/* .msec-chart .lank-top{width:46%; height:auto;box-sizing:border-box; padding:30px 2%; position:relative;} */
/* .msec-chart .lank-trd{width:50%; height:auto;box-sizing:border-box; padding:30px 2%;} */

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


.msec-chart{padding:0 10px; margin-top:30px}
.msec-chart h3{font-size:20px; height:32px}
.msec-chart .fl, .msec-chart .fr{float:none; width:auto; height:auto; padding-top:30px;}
/* .msec-chart .fl, .msec-chart .fr{float:none; width:auto; height:auto;} */
/* .msec-chart .fr{padding-top:30px;} */

.msec-chart .goods:after{display:none;}
.msec-chart .lank-top .img img{ width:200px}
.msec-chart .lank-top .img{height:220px}
.msec-chart .lank-box{width:auto; height:auto; overflow:hidden; padding:0}
.msec-chart .lank-top{float:left; width:45%; height:auto; position:relative; box-sizing:border-box; padding:50px 35px;}
.msec-chart .lank-trd{float:right; width:50%; height:auto;box-sizing:border-box; padding:50px 35px;}

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

.msec-chart .lank-top .btxt{ font-size:18px;}
.msec-chart .lank-top .stxt{ font-size:15px;}
.msec-chart .lank-top .ctxt{ font-size:16px;}
.msec-chart .lank-top .ztxt{ font-size:17px;}


.msec-chart .lank-trd .btxt{ font-size:16px;}
.msec-chart .lank-trd .stxt{ font-size:16px;}
.msec-chart .lank-trd .ctxt{ font-size:16px;}


.msec-chart{margin-top:0 ;padding:0; position:relative; border-bottom:1px solid #dedede}
/* .msec-chart h3{padding:20px 10px 0 10px; font-size:18px} */
.msec-chart h3{padding:20px 10px 0 10px; font-size:25px;}
/* .msec-chart .fl, .msec-chart .fr{float:left; width:50%; height:auto; position:relative;} */
/* .msec-chart .fr{padding-top:0;} */
.msec-chart .fr{background:#f4f6f9;}

.msec-chart .lank-top .img img{ width:100%; max-width:500px;}
.msec-chart .lank-top .img{height:auto;width:80%; max-width:500px; padding-bottom:25px;}
.msec-chart .lank-top a .img:after {left:0px;}

/* .msec-chart:after{background:#f4f6f9; width:50%; height:100%; position:absolute; left:50%; top:0; display:block; content:""; z-index:-1} */
/* .msec-chart:before{background:##dedede; width:1px; height:100%; position:Absolute ; left:50%; top:0; display:block; content:"";} */
/* .msec-chart .fr h3{ text-align:right;} */

.msec-chart .lank-box{border:none;}
.msec-chart .lank-top{float:none; width:auto; padding:20px 5px;height:auto;}
.msec-chart .lank-trd{float:none; width:auto; padding:20px 10px}

.msec-chart .lank-top a .img:after{ width:50px; height:40px; background:url(../_Img/Main/rank-01.png) no-repeat left top ; left:0; top:0; background-size:50px auto}

.msec-chart .lank-top .btxt{display:none;}
.msec-chart .lank-top .stxt{font-weight:bold; padding:0 5px; color:#333; letter-spacing:-0.03em; height:40px; overflow:hidden; font-size:15px;  margin-top:10px;}
.msec-chart .lank-top .ctxt{font-weight:500; color:#808080; letter-spacing:-0.03em;font-size:14px; line-height:110%;margin-top:6px;}
.msec-chart .lank-top .ztxt{font-weight:bold; color:#c62828; letter-spacing:-0.03em; margin-top:6px;line-height:15px;}


.msec-chart .lank-trd li{padding-left:95px; padding-right:0;margin-top:29px; position:relative; height:auto; min-height:90px;}
.msec-chart .lank-trd li:first-child{margin-top:0;}
.msec-chart .lank-trd li .img{ position:absolute; left:0; top:0; width:45%; height:auto;}
.msec-chart .lank-trd li .img img{width:100% ; max-width:80px}
.msec-chart .lank-trd .btxt{font-weight:bold; letter-spacing:-0.03em; color:#333; font-size:12px; line-height:125%; padding-top:0px; height: 45px; overflow: hidden;}
.msec-chart .lank-trd .stxt{font-weight:500; color:#808080; font-size:12px; line-height:110%; margin-top:5px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.msec-chart .lank-trd .ctxt{font-weight:600; color:#c62828; font-size:15px; line-height:100%;margin-top:5px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.msec-chart .goods .lank-top:after{display:none;}
.msec-chart .goods:after{display:none;}




.msec-chart .lank-trd{float:none; width:auto; padding:20px 5px}
.msec-chart .lank-trd li{padding-left:35%; padding-right:0;margin-top:29px; position:relative; min-height:50px;}
/* .msec-chart .lank-trd li:first-child{margin-top:0;height:82px;} */
.msec-chart .lank-trd li:first-child{margin-top:0;height:auto;}
.msec-chart .lank-trd li .img{ position:absolute; left:0; top:0; width:30%; height:auto; text-align:right;}
.msec-chart .lank-trd li .img .img_in{ position:relative; display:inline-block;}

.msec-chart .lank-trd .stxt{margin-top:5px;}
.msec-chart .lank-trd .ctxt{margin-top:5px;}

.msec-chart .lank-trd li a .img .img_in:after{ background-size:24px auto !important; background-position:left top !important}
.msec-chart .lank-top a .img:after{ width:40px; height:30px; background:url(../_Img/Main/rank-01.png) no-repeat left top ; left:0; top:0; background-size:36px auto}




/* 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; height:360px; font-size:0}
.msec-preorder .item{margin:0 15px;  }

.msec-preorder  span{display:block;text-align:center;}
.msec-preorder .img {overflow:hidden;position:relative;}
.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';*/}
.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-preorder{height:auto;padding:40px 10px ;margin-top:40px;}
.msec-preorder .more{display:none;}
.msec-preorder .preorder-slide{height:auto; margin:0 20px}

.msec-preorder .btxt{font-size:15px;padding-top:20px; height:36px; overflow:hidden}
.msec-preorder .stxt{font-size:18px;}
.msec-preorder .ctxt{font-size:22px;}

.msec-preorder .rtxt{width:36px; height:4px; font-size:9px; line-height:36px ;border-width:3px !important;}
.msec-preorder .ltxt{width:36px; height:36px; font-size:9px; line-height:36px ;border-width:3px !important;}

.msec-preorder .preorder-ctrl  a{background-size:14px auto !important; top:42%;}
.msec-preorder .preorder-ctrl .prev {left:5px }
.msec-preorder .preorder-ctrl .next {right:5px;}


.msec-preorder .preorder-ctrl  a{top:38%;}

.msec-preorder{margin-top:0}
.msec-preorder h3{text-align:left; height:40px;}

.msec-preorder .preorder-ctrl  a{top:38%;}

.msec-preorder h3{text-align:left; font-size:25px;}

.msec-preorder .rtxt{width:36px; height:36px; font-size:9px; line-height:36px ;border-width:3px !important;}
.msec-preorder .ltxt{width:36px; height:36px; font-size:9px; line-height:36px ;border-width:3px !important;}

.msec-preorder .btxt{font-size:14px; height:36px; overflow:hidden;padding-top:15px;}
.msec-preorder .stxt{font-size:14px; letter-spacing:-0.03em;}
.msec-preorder .ctxt{font-size:19px;}

.msec-preorder .preorder-ctrl  a{top:38%;}


.msec-preorder .preorder-ctrl  a{top:34%;}



/* msec-md */
.msec-md{ position:relative; height:1000px; 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 -1.5%; position:relative; z-index:9001}
.msec-md .item{margin:0 1.5% 34px 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{font-weight:bold; letter-spacing:-0.03em; color:#333; font-size:14px; line-height:130%; padding-top:30px;/*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-md{height:auto;  padding: 60px 10px 0 10px;}
.msec-md .more{display:none;}

.msec-md .btxt{font-size:15px; padding-top:15px; height:36px; overflow:hidden}
.msec-md .stxt{font-size:18px; margin-top:6px}
.msec-md .ctxt{font-size:22px; margin-top:6px;}

.msec-md .rtxt{width:30px; height:30px; font-size:9px; line-height:30px ;border-width:3px !important;}
.msec-md .ltxt{width:36px; height:36px; font-size:9px; line-height:36px ;border-width:3px !important;}

.msec-md .msec-con{margin:0 -1.5%}
.msec-md .item{float:left; width:30.33333%; margin:0 1.5% 6% 1.5%; min-height:auto}

.msec-md .item.first{display:none;}
.msec-md .item.trd{display:block;}


.msec-md{height:auto;  padding: 40px 10px 0 10px;}

.msec-md h3{text-align:left; height:40px;}

.msec-md .btxt{font-size:15px; padding-top:15px; height:45px; overflow:hidden}
.msec-md .stxt{font-size:18px; margin-top:6px}
.msec-md .ctxt{font-size:22px; margin-top:6px;}


.msec-md .msec-con{margin:0 -1.5%}
.msec-md .item{float:left; width:47%; margin:0 1.5% 0 1.5%;}

.msec-md h3{text-align:left; font-size:25px;}


.msec-md .btxt{font-size:12px;}
.msec-md .stxt{font-size:14px;}
.msec-md .ctxt{font-size:16px;}










/* 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){}
.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;}




.msec-link .item{width:33.333333%; height:240px; float:left}
.msec-link .img { width:130px; height:130px; top:50px ; right:30px;}

.msec-link .stxt{padding-right:120px}


.msec-link{height:auto;}
.msec-link .item{ height:auto;float:left; width:33.33333%;text-align:center; padding-bottom:10px;}
.msec-link .img { position:relative; width:auto; height:auto; left:auto; top:auto; right:auto;}
.msec-link .img img{width:60%}
.msec-link .item a{height:auto;}
.msec-link .btxt{font-weight:bold; font-size:27px ; line-height:120%; letter-spacing:-0.01em; padding-top:15px;}
.msec-link .btxt i{font-weight:bold; font-size:13px; line-height:120%;}
.msec-link .btxt:after{left:50%;margin-left:-10px;}
.msec-link .stxt{padding-right:0;line-height:120%;}
.msec-link .stxt i{display:block;}





.msec-link .item{width:auto; height:auto; float:none;text-align:center;}

.msec-link .item a{height:auto;}
.msec-link .item a img{width:100%;}
.msec-link .item:nth-child(1) .img, .msec-link .item:nth-child(3) .img{ right:auto; left:20px; }

.msec-link .item:nth-child(1) .stxt, .msec-link .item:nth-child(3) .stxt{padding-right:0}

.msec-link .btxt{padding-top:0;}
.msec-link .btxt:after{left:0; margin:0;}
.msec-link .img { width:110px; height:110px; top:35px ; right:20px; position:absolute;}
.msec-link .img img{width:100%;}

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