@charset "utf-8";

.sub-tab {text-align:center; margin-bottom:50px;}
.sub-tab ul {display:flex; margin:0 -6px;}
.sub-tab ul li {flex:1; padding:0 6px;}
.sub-tab ul li a {display:block; border:1px solid #e5e5e5; font-size:18px; font-weight:300; line-height:48px;}
.sub-tab ul li.active a {color:#fff; background:#333; border-color:#333;}

.doc-tit-wrap {position:relative;}
.doc-tit-wrap .more {position:absolute; top:7px; right:15px; padding-right:17px; font-weight:300; line-height:1.5em; background:url("../images/arrow_right.png") 100% 50% no-repeat;}
.doc-tit-wrap .btn-pack.medium {position:absolute; top:-5px; right:0; min-width:120px;}

.doc-tit {font-size:22px; line-height:1.4em; margin-bottom:12px;}
.doc-tit small {font-size:16px; font-weight:300;}
.doc-tit.line {padding-bottom:12px; margin-bottom:38px; border-bottom:2px solid #ccc;}

.doc-cnt {margin-bottom:65px;}
.doc-cnt:last-child {margin-bottom:40px;}

.cs-inquiry {font-weight:300; line-height:1.65em;}
.cs-inquiry .box {padding:34px 40px; margin-bottom:20px; background:#f8f8f8;}
.cs-inquiry .box2 {padding:18px 40px; margin-bottom:60px; border:1px solid #e5e5e5;}
.cs-inquiry .box2 ul li {padding-left:.6em; text-indent:-.6em; margin-bottom:10px;}
.cs-inquiry .box2 ul li:last-child {margin-bottom:0;}
.cs-inquiry .btn-pack.xlarge {width:310px; height:60px; font-size:20px; line-height:58px;}
.cs-inquiry .btn-pack.xlarge.focus {font-weight:300;}

.bottom-review {position:relative; padding:39px 39px 85px; border:1px solid #e5e5e5; margin-bottom:140px;}
.bottom-review h2 {font-size:28px; line-height:1.2em; margin-bottom:24px;}
.bottom-review .more {position:absolute; top:32px; right:39px; width:100px; height:40px; text-align:center; line-height:38px; border:1px solid #e5e5e5; border-radius:10px;}

.spacial-detail {margin:30px 0 70px;}

.flash-store {margin-bottom:110px;}
.flash-store .contain {display:flex;}
.flash-store .title {width:320px; margin-right:20px; padding:35px 40px; background:#d85345 url("../images/flash_store_bg.jpg") 0 100% no-repeat; color:#fff;}
.flash-store .title .en {font-family:"Roboto",sans-serif; font-size:18px; font-weight:700; line-height:1.1em; margin-bottom:10px;}
.flash-store .title .ko {font-size:45px; font-weight:700; line-height:1.1em;}
.flash-store .content {flex:1 1 auto; min-width:0; width:1%;}
.flash-store .goods-list2 {border-top:2px solid #ccc;}
.flash-store .goods-list2 > ul > li {padding:29px 40px 29px 17px !important;}
.flash-store .goods-list2 .goods-item .prd-info2 {width:376px; padding-left:0; border-left:0;}
.flash-store .goods-item .prd-btns {left:0;}
.flash-store .goods-item .prd-icons {justify-content:flex-start; margin-left:-2px;}

.flash-time-sale {padding:100px 0; margin-bottom:100px; background:#f8f8f8;}
.flash-time-sale .contain {display:flex;}
.flash-time-sale .timesale {width:640px; height:400px; padding:30px 65px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; margin-right:31px; background:url("../images/time_sale_bg.jpg") 0 0 no-repeat;}
.flash-time-sale .timesale .inner {width:100%;}
.flash-time-sale .timesale .tit {margin-bottom:17px;}
.flash-time-sale .timesale .tit .en {font-family:"Roboto",sans-serif; font-size:45px; font-weight:700; line-height:1.1em;}
.flash-time-sale .timesale .tit .ko {font-size:24px; font-weight:500; line-height:1.4em;}
.flash-time-sale .timesale .time {padding:20px; border:1px solid #e5e5e5; font-size:30px; font-weight:700; line-height:1.25em;}
.flash-time-sale .timesale .time .box {padding:20px; border:1px solid #e5e5e5; background:#355a7d;}
.flash-time-sale .slider {position:relative; flex:1 1 auto; min-width:0; width:1%; background:#fff; padding:32px 40px;}
.flash-time-sale .slider h2 {font-size:24px; font-weight:500; line-height:1.2em; letter-spacing:-.02em; margin-bottom:17px;}
.flash-time-sale .slider .arrows {position:absolute; top:34px; right:45px; display:flex; border:1px solid #e5e5e5;}
.flash-time-sale .slider .arrows:before {content:""; position:absolute; top:50%; left:50%; width:1px; height:14px; background:#e5e5e5; margin-top:-7px;}
.flash-time-sale .slider .arrows a {width:28px; height:24px; background-position:50% 50%; background-repeat:no-repeat;}
.flash-time-sale .slider .arrows .prev {background-image:url("../images/slide2_prev.png");}
.flash-time-sale .slider .arrows .next {background-image:url("../images/slide2_next.png"); margin-left:1px;}

.flash-goods {margin-bottom:130px;}
.flash-goods:last-child {margin-bottom:30px;}
.flash-goods .head {text-align:center; margin-bottom:55px;}
.flash-goods .head h2 {font-family:"Roboto",sans-serif; font-size:45px; line-height:1.2em;}
.flash-goods .head p {font-size:28px; font-weight:700; line-height:1.2em;}
.flash-goods .nav {position:relative; padding:11px 17px; margin-bottom:55px; margin-top:-34px; border-top:2px solid #ccc; border-bottom:1px solid #e5e5e5;}
.flash-goods .nav ul {display:flex;}
.flash-goods .nav ul li a {display:block; min-width:106px; text-align:center; font-size:18px; font-weight:300; line-height:34px; padding:0 25px;}
.flash-goods .nav ul li.active a {color:#fff; font-weight:700; background:#d85345}
.flash-goods .nav .arrows {position:absolute; top:50%; right:14px; margin-top:-17px; display:flex;}
.flash-goods .nav .arrows:before {content:""; position:absolute; top:50%; left:50%; width:1px; height:18px; background:#e5e5e5; margin-top:-9px;}
.flash-goods .nav .arrows a {width:39px; height:34px; background-position:50% 50%; background-repeat:no-repeat;}
.flash-goods .nav .arrows .prev {background-image:url("../images/slide_prev.png");}
.flash-goods .nav .arrows .next {background-image:url("../images/slide_next.png"); margin-left:1px;}
.flash-goods .cont {padding:0 40px;}