/* BASIC css start */ #contentWrapper{width:100% !important} /* ¼½¼Ç °øÅë */ section{margin-bottom:100px; width:100%; } section .sec_inner{width: 1860px; margin: 0 auto;} section h2{font-family: 'Montserrat','Noto Sans KR', serif;font-size: 40px; font-weight: 300;text-align: center;margin-bottom: 30px;} /* sec1 */ #sec1{position: relative;} #sec1 .swiper{width: 100%;} #sec1 .swiper-wrapper{width: 100%; } #sec1 .swiper-slide{ width: 100%; } #sec1 .swiper-slide img{width:100%;} #sec1 .swiper_btn_prev{ position:absolute; left:50% !important; top:50%; transform:translate(-850px,-50%); z-index:4; cursor:pointer} #sec1 .swiper_btn_next{position:absolute; right:50% !important; top:50%; transform:translate(850px,-50%);z-index:4; cursor:pointer} #sec1 .swiper-pagination{transform:translateY(-10px)} #sec1 .swiper-pagination-bullet{background-color:#fff !important; margin:0 6px; opacity:1 !important} #sec1 .swiper-pagination-bullet-active{background-color:#000 !important; } /* sec2 */ #sec2{} #sec2 .sec_inner{background-color: #fff;} #sec2 h2{} #sec2 .sec2_cont{width: 100%;} #sec2 .sec2_cont ul{width: 100%; display: flex; justify-content: space-between;} #sec2 .sec2_cont ul li{width: 450px; height: auto;} #sec2 .sec2_cont ul li>div{width: 100%;} #sec2 .sec2_cont ul li .img_sec{height: 610px;} #sec2 .sec2_cont ul li .img_sec a{display: block; width: 100%; height: 100%;} #sec2 .sec2_cont ul li .img_sec a img{width: 100%;height: 100%; object-fit: cover;} #sec2 .sec2_cont ul li .info_sec{padding:35px 30px; text-align: center;} #sec2 .sec2_cont ul li .info_sec h3{font-family: 'Montserrat','Noto Sans KR', serif; font-size: 21px; color: #000; margin-bottom: 20px;font-weight: 700;} #sec2 .sec2_cont ul li .info_sec p{font-family: 'Noto Sans KR', sans-serif;font-weight: 400; font-size: 12px;color: #606060; line-height: 1.6;} /* sec3 */ #sec3{} #sec3 a{display: block; width: 100%;} #sec3 a img{width: 100%;} /* timesale */ #timesale {width:1760px;margin:0 auto 50px;} #timesale .timesale {width:250px;display:inline-block;vertical-align:top;} #timesale .time-prd {width:1500px;display:inline-block;} #timesale .timesale h3 {text-align:left;font-size:30px;margin-bottom:15px;font-weight:bold;} #timesale .timesale p {text-align:left;font-size:20px;color:#999999;} #timesale .timesale .time-icon {line-height:45px;vertical-align:middle;margin-right:10px;} .countdown-timer-wrapper {width:500px;display:flex;margin:20px 0;} .countdown-timer-wrapper .timer {text-align: center;} .countdown-timer-wrapper .timer .timer-wrapper {display: inline-block;width: 50px; } .countdown-timer-wrapper .timer {font-size: 35px;font-weight: bold;color: #000;display: inline-block;letter-spacing : -1px;text-align:left;} .countdown-timer-wrapper .timer .timer-wrapper .text {font-size: 30px;display: inline-block;color: #000;letter-spacing : -1px;width:10px;text-align:center;} #timesale .item_list1 {margin-right:25px;} #timesale .item_list1:nth-child(4) {margin-right:0px;} /* sec4 */ #sec4 {} #sec4 .sec_inner{position:relative;width:1760px} #sec4 .swiper{ width: 100%; height: 100%; margin-left: auto; margin-right: auto;} #sec4 .swiper-slide {display:block;width:100%;} #sec4 .swiper-slide li {width:calc(90% / 5);float:left;height:500px;margin:0 1%} #sec4 .swiper-slide li .tumb {width:100%;} #sec4 .swiper-slide li .tumb img {width:100%;} #sec4 .swiper_btn_prev{top: 50%; left: -45px; transform: translateY(-50%);position: absolute;z-index:10} #sec4 .swiper_btn_next{top: 50%; right: -45px;transform: translateY(-50%);position: absolute;z-index:10} /* sec5 */ #sec5{} #sec5 h2{} #sec5 .sec5_cont{width: 100%; min-width: 1860px;} #sec5 .sec5_cont .swiper{} #sec5 .sec5_cont .swiper ul{width: 100%;} #sec5 .sec5_cont .swiper ul li{width: 940px; height: 600px; } #sec5 .swiper-slide{transform: scale(.9);transition: all .4s;filter: brightness(.5);} #sec5 .swiper-slide.swiper-slide-active{opacity: 1 !important; transform: scale(1);filter: brightness(1);} #sec5 .swiper_btn_prev{position: absolute; top: 50%; transform: translate(-580px,-50%); left: 50%;z-index: 10;cursor: pointer;} #sec5 .swiper_btn_next{position: absolute; top: 50%; transform: translate(580px,-50%); right: 50%;z-index: 10; cursor: pointer;} /* sec6 */ #sec6{} #sec6 ul{display: flex; justify-content: center} #sec6 ul li{margin:0 10px;} #sec6 ul li:first-child{margin-left:0 !important} #sec6 ul li:last-child{margin-right:0 !important} /* sec7 */ #sec7{} #sec7 h2{} #sec7 .sec7_ban{width: 100%;} #sec7 .sec7_ban ul{width: 100%;} #sec7 .sec7_ban ul li{width: 100%;} #sec7 .sec7_ban ul li a{display: block;width: 100%;} #sec7 .sec7_ban ul li a img{width: 100%;} #sec7 .swiper-pagination-bullet{background-color:#000 !important;} /* sec8 */ #sec8{} #sec8 .sec_inner{} #sec8 .sec_inner h2{} #sec8 .sec8_cont{height: 865px; width: 100%;} #sec8 .sec8_cont>div{float: left; height: 100%;} #sec8 .sec8_cont .sec8_L{width: 650px;margin-right: 50px;} #sec8 .sec8_cont .sec8_L .swiper{width: 100%;} #sec8 .sec8_cont .sec8_L .swiper ul{width: 100%;} #sec8 .sec8_cont .sec8_L .swiper ul li{width: 100%;} #sec8 .sec8_cont .sec8_L .swiper ul li a{display: block;width: 100%;} #sec8 .sec8_cont .sec8_L .swiper ul li a img{width: 100%;} #sec8 .sec8_cont .sec8_L .swiper .swiper_btn_prev{ position:absolute; top:50%; left: 20px; z-index:4; cursor:pointer} #sec8 .sec8_cont .sec8_L .swiper .swiper_btn_next{position:absolute; top:50%; right: 20px; z-index:4; cursor:pointer} #sec8 .sec8_cont .sec8_L .swiper .swiper-pagination{transform:translateY(-5px)} #sec8 .sec8_cont .sec8_L .swiper .swiper-pagination-bullet{background-color:#fff !important;margin:0 5px;} #sec8 .sec8_cont .sec8_R{width: 1160px;} #sec8 .sec8_cont .sec8_R ul{width: 100%; height: 100%;} #sec8 .sec8_cont .sec8_R ul li{float: left;margin-right: 30px;width:190px;height:310px;} #sec8 .sec8_cont .sec8_R ul li:nth-child(5n){margin-right: 0 !important;} #sec8 .sec8_cont .sec8_R .tumb img { height:190px;} #sec8 .sec8_cont .sec8_R .item_list2 .info {padding:15px 0 10px!important;} /* sec9*/ #sec9{} #sec9 .sec9_ban{width: 100%;} #sec9 .sec9_ban ul{width: 100%;} #sec9 .sec9_ban ul li{width: 100%;} #sec9 .sec9_ban ul li a{display: block;width: 100%;} #sec9 .sec9_ban ul li a img{width: 100%;} #sec9 .swiper .swiper-pagination-bullet{background-color:#fff !important;} /* sec10 */ #sec10{} #sec10 .sec_inner{position:relative;width:1760px} #sec10 .swiper{} #sec10 .swiper ul{} #sec10 .swiper ul li{} #sec10 .swiper_btn_prev{top: 50%; left: -45px; transform: translateY(-50%);position: absolute;z-index:10} #sec10 .swiper_btn_next{top: 50%; right: -45px;transform: translateY(-50%);position: absolute;z-index:10} /* sec11 */ #sec11{background-color: #000;} #sec11 .sec_inner{width: 1760px !important;} #sec11 .sec_inner ul{width: 100%; display: flex; justify-content: space-between;padding: 70px 0;} #sec11 .sec_inner ul li{display: inline-block;} #sec11 .sec_inner ul li .photo{} #sec11 .sec_inner ul li .photo a{} #sec11 .sec_inner ul li .photo a img{} #sec11 .sec_inner ul li .text{padding-top: 25px;} #sec11 .sec_inner ul li .text h3{ font-family: 'Montserrat','Noto Sans KR', sans-serif; font-size: 18px; font-weight: 700;color: #fff;} #sec11 .sec_inner ul li .text p{margin: 10px 0 30px;font-family: 'Noto Sans KR', sans-serif; font-size: 12px;color: #939393;} #sec11 .sec_inner ul li .text .view{ font-family: 'Montserrat','Noto Sans KR', sans-serif; font-size: 11px; font-weight: 500; color: #686868; text-decoration: underline;} /* sec12 */ #sec12{} #sec12 .sec_inner{} #sec12 .sec_inner>div{float: left;width: 905px;} #sec12 .sec_inner>div:first-child{margin-right: 50px;} #sec12 .sec_inner>div h2{text-align: left; line-height: 48px;position: relative;} #sec12 .sec_inner>div h2 a{font-size: 14px; position: absolute; right: 0; top: 50%;font-family: 'Montserrat','Noto Sans KR', sans-serif; transform: translateY(-50%);font-weight:500} #sec12 .sec_inner>div h2 a span{display:inline-block; transform:translateY(-1.6px)} #sec12 .sec_inner>div ul{} #sec12 .sec_inner>div ul li{float: left;margin-right:15px;height:370px;} #sec12 .sec_inner>div ul li:nth-child(4n){margin-right:0 !important} #sec12 .item_list2 .tumb {height:215px;} /* sec13 */ #sec13{display:none} #sec13 h2{} #sec13 .sec13_cate{} #sec13 .sec13_cate ul{text-align: center;} #sec13 .sec13_cate ul li{display: inline-block; margin: 0 15px;} #sec13 .sec13_cate ul li a{border-bottom: 3px solid #fff; font-family: 'Montserrat','Noto Sans KR', sans-serif; color:#bfbfbf; font-size: 18px; font-weight: 700; letter-spacing: -.3px;transition: color .5s, border-color .3s} #sec13 .sec13_cate ul li.on>a{border-color:#000 !important; color: #000 !important;} #sec13 .sec13_prd{margin-top: 40px;} #sec13 .sec13_prd>div{display: none;} #sec13 .sec13_prd>div.show{display: block;} #sec13 .sec13_prd>div .swiper{} #sec13 .sec13_prd>div .swiper ul{} #sec13 .sec13_prd>div .swiper ul li{width: 940px; height: 590px;} #sec13 .sec13_prd>div .swiper ul li a{display: block;width: 100%; height: 100%;overflow:hidden} #sec13 .sec13_prd>div .swiper ul li a img{width: 100%; object-fit: cover;} #sec13 .swiper-slide{transition: filter .5s;} #sec13 .swiper-slide-duplicate,#sec13 .swiper-slide-prev, #sec13 .swiper-slide-next{filter: brightness(.5);} #sec13 .swiper-slide-active{ filter: brightness(1);} #sec13 .swiper_btn_prev{position: absolute; top: 50%; transform: translate(-570px,-50%); left: 50%;z-index: 10;cursor: pointer;} #sec13 .swiper_btn_next{position: absolute; top: 50%; transform: translate(570px,-50%); right: 50%;z-index: 10; cursor: pointer;} /* sec14 */ #sec14{margin-bottom:140px;} #sec14 .sec_inner{width: 1760px !important;} #sec14 .sec_inner>div{float: left;} #sec14 .sec14_L{width: 380px;} #sec14 .sec14_L h2{text-align: left !important;line-height:1.1} #sec14 .sec14_L p{font-family: 'Montserrat','Noto Sans KR', sans-serif; font-size: 16px;color: #000; font-weight: 400; margin-top: 40px;} #sec14 .sec14_R{width: 1380px;} .dn {display:none;} /* BASIC css end */