@charset "utf-8";

@font-face {
    font-family: 'GmarketSans';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 500;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
} 
@font-face {
    font-family: 'GmarketSans';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
} 



/**** main common : 메인 공통 *****/
.main_wrap {position:relative; padding-top:95px; background:#191919;}
.main_wrap .main_title {font-size:60px; color:#fff; text-align: center; font-family: 'GmarketSans'; font-weight: 700; text-transform: uppercase; letter-spacing: 0;}
.main_wrap .main_title:before {display: block;  width: 1px; height: 80px; background: #fff; content: ""; margin:0 auto 5px;}
.main_wrap .main_title:after {display: inline-block;  width: 24px; height: 6px; background: #b48e5e; content: ""; margin-top:30px; margin-right:-33px; margin-left:9px;}
.main_wrap .main_cont {padding:145px 0;}
.main_wrap .main_bg {position:absolute; left:0; top:95px; width:100%; height:100%; background:url('../images/index/main_bg.png'); z-index:10;}


/**** main_slide *****/
.main_wrap .main_slide {position:relative; z-index: 11;}
.main_wrap .main_slide .swiper-slide  {max-height:100vh; opacity:1; background-position: center center; background-size: cover; text-align: right;}
.main_wrap .main_slide .swiper-slide.s01 {background-image:url('../image/index/main_slide01.jpg'); }
.main_wrap .main_slide .swiper-slide.s02 {background-image:url('../image/index/main_slide02.jpg'); }
.main_wrap .main_slide .swiper-slide.s03 {background-image:url('../image/index/main_slide03.jpg'); }
.main_wrap .main_slide .swiper-slide .slide_txt {color:#fff; width:1000px; position:absolute; z-index: 10; left:120px; bottom:0px; text-align: left;}
.main_wrap .main_slide .swiper-slide .slide_txt h3 {font-size:70px; margin:10px 0; font-weight:300; font-family: 'GmarketSans';}
.main_wrap .main_slide .swiper-slide .slide_txt h3 b {font-weight:700;}
.main_wrap .main_slide .swiper-slide .slide_txt p {font-family:'GmarketSans'; font-size:30px; line-height:1em; font-weight:300; margin-top:45px;}
.main_wrap .main_slide .swiper-slide .slide_txt p:after {display: block;  width: 30px; height: 1px; background: #fff; content: ""; margin-top:30px;}
.main_wrap .main_slide .swiper-pagination {z-index: 10; width:60px; bottom:227px; left:30px;}
.main_wrap .main_slide .swiper-pagination-bullet {display:block; width:40px; border-radius:0; height:8px; margin:0 0 9px 0 !important;  background: linear-gradient(to right, #5e5e5e, #434343) !important; opacity:1;}
.main_wrap .main_slide .swiper-pagination-bullet-active {width:100%;  background: #fff !important; opacity:1 !important; margin-top:-1.5px !important;}
.main_wrap .main_slide .visual_nav_wrap {position:absolute; z-index: 14; left:470px; bottom:10px;}
.main_wrap .main_slide .visual_nav_wrap button {display:inline-block; width:60px; height:70px; line-height:65px; font-size:30px; color:#fff; text-align: center; cursor: pointer;}

.main_wrap .main_slide .case_banner {position:absolute; z-index: 15; right:80px; bottom:45px; width:260px; padding:30px 40px; background:#f0eee5; border-radius:20px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3); text-align: left;}
.main_wrap .main_slide .case_banner h6 {position:relative; font-size:28px; font-family:'GmarketSans'; font-weight:700;cursor:pointer;}
.main_wrap .main_slide .case_banner h6 a {text-align: right; width:100%; position:absolute; right:0px; top:0px; padding:3px 10px;}
.main_wrap .main_slide .case_banner p {font-weight:300; font-size:15px; margin-bottom:15px;}
.main_wrap .main_slide .case_banner b {font-weight: 500;}
.main_wrap .main_slide .case_banner .case_img {position:relative; display:block; width:100%; padding-top:87%; background-size:cover; background-position:center;}
.main_wrap .main_slide .case_banner .case_img a {position:absolute; right:0; bottom:0; width:20px; height:60px; line-height:60px; background:#292929; text-align: center;color:#fff; }
.main_wrap .main_slide .case_banner.close {width:200px; padding:20px 40px 17px; border-radius:40px; background:#151311; box-shadow: none;}
.main_wrap .main_slide .case_banner * {transition:0.1s ease all;}
.main_wrap .main_slide .case_banner.close * {transition:0.1s ease all;}
.main_wrap .main_slide .case_banner.close h6 {font-size:18px; color:#ede2d8;cursor:pointer;}
.main_wrap .main_slide .case_banner.close h6 .hide_btn {right: -7px; top: -2px; padding: 0px;}
.main_wrap .main_slide .case_banner.close h6 .hide_btn svg {transform: rotate(180deg)}
.main_wrap .main_slide .case_banner.close p,
.main_wrap .main_slide .case_banner.close .case_img {display: none;}
.main_wrap .main_slide .visual_bg {position:relative; width:calc(100% - 70px); padding-top:40%; margin-left:70px; background-size:cover;background-position: center;}
.main_wrap .main_slide .visual_bg:after {content:''; position:absolute; display:block; left:-70px; top:0; z-index: 12; width:100%; height:100%; background:url('../images/index/main_bg.png'); z-index:10;}
.main_wrap .main_slide .visual_bg:before {content:''; position:absolute; left:0; bottom:0; display:block; background:#191919; width:755px; height:155px;}
/***** main_product *****/
.main_wrap .main_product {position:relative; z-index: 13;}
.main_wrap .main_product .main_title {margin-bottom:90px;}
.main_wrap .main_product .main_product_filter {position:absolute; width:100%; top:300px; left:0; line-height:20px; color:#fff; margin:30px 0 20px;}
.main_wrap .main_product .main_product_filter .all_icon {display:inline-block; vertical-align: top; width:40px; height:40px; padding:8px 0; border-radius:50%; border:1px solid rgba(255,255,255,0.3); text-align: center; font-size:14px; text-transform: uppercase;}
.main_wrap .main_product .main_product_filter .dot_icon {float:right; padding:8px 0;}
.main_wrap .main_product .main_product_filter .filter_group {position:relative; z-index: 10; display:inline-block; vertical-align: top; overflow: hidden; min-height:40px; height:40px; border:1px solid rgba(255,255,255,0.3); border-radius:20px; padding:8px 40px 8px 19px; margin:0 5px; background: #191919;}
.main_wrap .main_product .main_product_filter .filter_group.open {/*padding-right:20px;*/}
.main_wrap .main_product .main_product_filter .option_wrap {display:inline-block; vertical-align: top; width:calc(100% - 80px); overflow: hidden; }
.main_wrap .main_product .main_product_filter .open {height:auto;}
.main_wrap .main_product .main_product_filter .filter_group {transition:0.3s ease all;}
.main_wrap .main_product .main_product_filter .filter_group .cont_check {margin-top:1px; margin-bottom:6px;}
.main_wrap .main_product .main_product_filter .filter_group.fg_rum .hide {padding-left:71px;}
.main_wrap .main_product .main_product_filter .filter_group.fg_deco {width: calc(60% - 50px);}
.main_wrap .main_product .main_product_filter .filter_group.fg_rum {width:calc(40% - 90px);}
.main_wrap .main_product .main_product_filter .filter_group .more_btn {position:absolute; display: inline-block; vertical-align: top; margin-top:8px; width:20px; height:20px; line-height:7px; border-radius:50%; background:#454647; color:#fff; text-align: center; cursor: pointer; right:15px; top:1px;}
.main_wrap .main_product .main_product_filter .filter_group.open .more_btn svg {transform: rotate(180deg)}
.main_wrap .main_product .main_product_filter .filter_group .more_btn svg {font-size:10px;}
.main_wrap .main_product .main_product_filter .filter_group .cont_check {font-size:14px; color:#fff; font-weight:200; vertical-align: top;}
.main_wrap .main_product .main_product_filter .filter_group .cont_check .checkmark {top:4px; border-radius:2px;}
.main_wrap .main_product .main_product_filter .filter_group .cont_check input:checked ~ .checkmark {background: #0074ff; }
.main_wrap .main_product .main_product_filter .filter_group b {display:inline-block; font-size:14px; color:#fff; margin-right:10px; font-weight:200; float:left; width:63px;}
.main_wrap .main_product .main_product_filter .filter_group b:after {content:''; display:inline-block; vertical-align: top; margin-top:3px; margin-left: 13px; width:1px; height:17px; background:rgba(255,255,255,0.2);}
.main_wrap .main_product .main_product_filter .filter_group.click{cursor: pointer;}

.main_wrap .main_product .total_info {font-size:16px; opacity:0.7; color:#fff; font-weight:200; margin-bottom:-17px;}
.main_wrap .main_product .total_info b {font-weight:400;}
.main_wrap .main_product .swiper-product {overflow: hidden;}
.main_wrap .main_product .swiper-product .swiper-slide {overflow: hidden;}
.main_wrap .main_product .swiper-product a {display:block; width:calc(80%/6); float:left; margin-right:4%; margin-top:35px;}
.main_wrap .main_product .swiper-product a:nth-child(6n) {margin-right:0;}
.main_wrap .main_product .swiper-product a .pro_img {display:block; position: relative; padding-top:100%; background-color:#fff; background-size:cover;background-position: center;}
.main_wrap .main_product .swiper-product a .pro_img em {position:absolute; background:#ef5152; color:#fff; right:0px; top:0px; text-align: center; width:30px; height:30px; line-height:25px; font-weight:bold;}
.main_wrap .main_product .swiper-product a h6 {font-size:18px; color:#fff; font-family:'GmarketSans'; font-weight:500; margin:12px 0 2px; }
.main_wrap .main_product .swiper-product a p {font-weight:200; color:#fff;width: 90%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.main_wrap .main_product .swiper-product a p span {opacity:0.8;}
.main_wrap .main_product .swiper-product a p span:last-child {opacity:1;}
.main_wrap .main_product .swiper-product a p b {font-weight: inherit;}
.main_wrap .main_product .product_btn {}
.main_wrap .main_product .product_btn a {position:absolute; bottom:35%; font-size:120px; color:#fff; cursor: pointer;}
.main_wrap .main_product .product_btn .swiper-prev {left:-90px;}
.main_wrap .main_product .product_btn .swiper-next {right:-90px;}
.main_wrap .main_product .swiper-pagination-dot {display:none; text-align: center; margin-top:50px;}
.main_wrap .main_product .swiper-pagination-dot .swiper-pagination-bullet,
.main_wrap .main_product .swiper-pagination-dot .swiper-pagination-bullet-active {background:#fff; }


/***** main_catalog *****/
.main_wrap .main_catalog {position:relative; background:#fff; width:calc(100% - 100px); overflow:hidden; z-index: 13;}
.main_wrap .main_catalog .container {max-width:none; width:100%; position:relative; overflow:hidden; padding-left:calc(50% - 1200px/2);}
/*.main_wrap .main_catalog .swiper-catalog {width:calc(1200px + 50% - 600px + 100px - 30px)}*/
.main_wrap .main_catalog .swiper-catalog {width:40%; height:100%; float:left; }
.main_wrap .main_catalog .swiper_catalog_img {width:60%; float:left; overflow: hidden;}
.main_wrap .main_catalog .swiper-catalog-img {width:120%;}
.main_wrap .main_catalog .swiper-slide-active .slide_txt {display:block;}
.main_wrap .main_catalog .slide_txt h5 {font-size:22px; font-weight:200;}
.main_wrap .main_catalog .slide_txt h5 img {display:block;}
.main_wrap .main_catalog .slide_txt h3 {margin-top:30px; font-size:60px; font-family: 'GmarketSans'; font-weight:300;}
.main_wrap .main_catalog .slide_txt h3 span {display: block; font-size:inherit; font-family:inherit; font-weight:700;}
.main_wrap .main_catalog .catalog_img {display:block; width:100%; padding-top:137%; background-size:cover; background-position:center;}
.main_wrap .main_catalog .catalog_nav_wrap {position:relative; z-index: 3; margin-top:40px;}
.main_wrap .main_catalog .catalog_btn {display: inline-block; vertical-align: top;}
.main_wrap .main_catalog .catalog_btn a { cursor: pointer;}
.main_wrap .main_catalog .catalog_nav_wrap .view_more {display: block; width:55px; height:55px; line-height:50px; color:#fff; background:#000; text-align: center; font-size:30px; margin-top:40px;}
.main_wrap .main_catalog .catalog_nav_wrap .view_more svg {transform: rotate(0)}
.main_wrap .main_catalog .catalog_nav_wrap .view_more:hover svg {transform: rotate(360deg); transition:1s ease all;}

.main_wrap .main_catalog .catalog-pagination {display: inline-block; vertical-align: top; margin:3px 15px; width:auto;}
.main_wrap .main_catalog .catalog-pagination span {font-size:24px; font-family:'GmarketSans'; font-weight:200;}
.main_wrap .main_catalog .catalog-pagination .swiper-pagination-current {font-weight:500;}
.main_wrap .main_catalog .bottom_txt {position:absolute; bottom:0; padding-left:0;}
.main_wrap .main_catalog .bottom_txt h6 {display:inline-block; font-size:30px; font-family:'GmarketSans'; text-transform: uppercase;}
.main_wrap .main_catalog .bottom_txt p {font-size:20px; font-weight:200;}
.main_wrap .main_catalog .bottom_txt h6:after {display: inline-block;  width: 24px; height: 6px; background: #d31f2f; content: ""; margin-top:30px; margin-left:6px;}
.main_wrap .main_catalog .catalog_btn a.catalog-prev {margin-right:30px;}
.main_wrap .main_catalog .catalog_btn a.catalog-next {margin-right:15px;}
.main_wrap .main_catalog .catalog-pagination .swiper-pagination-current {margin-right: 10px;}
.main_wrap .main_catalog .catalog-pagination .swiper-pagination-total {margin-left: 10px;}

/***** main_record *****/
.main_wrap .main_record {}
.main_wrap .main_record .main_title img {display: block; margin:0 auto 10px; width:250px;}
.main_wrap .main_record .main_title:after {background:#9568f0;}
.main_wrap .main_record ul {overflow: hidden; margin-top:45px; border-left:1px solid rgba(255,255,255,0.3);}
.main_wrap .main_record ul li {width:25%; float:left; text-align: center; color:#fff; padding:85px 15px; border-right:1px solid rgba(255,255,255,0.3);}
.main_wrap .main_record ul li img {}
.main_wrap .main_record ul li h6 {margin:35px 0; font-family: 'GmarketSans'; font-weight:500; font-size:16px; color:#9e6dff;}
.main_wrap .main_record ul li h4 {font-size:20px; font-family: 'GmarketSans'; font-weight:700; letter-spacing: 0;}
.main_wrap .main_record ul li h4 em {font-size:60px; margin-right:5px;}
.main_wrap .main_record ul li h4:after {display: block;  width: 30px; height: 6px; background: #464646; content: ""; margin:25px auto;}
.main_wrap .main_record ul li p {font-size:15px; font-weight:200; opacity:0.6;}

 
/***** main_case *****/
.main_wrap .main_case {position:relative; z-index: 11; width:calc(100% - 170px); margin-left:100px;}
.main_wrap .main_case h4 {position:absolute; transform: rotate(90deg); font-size:84px; font-family: 'GmarketSans'; font-weight:700; color:#fff; opacity:0.6; z-index: 10; left:-360px; top:330px; text-transform: uppercase; line-height:0.9em;}
.main_wrap .main_case .swiper-case {overflow: hidden; padding-right:30px;}
.main_wrap .main_case .case_info {background:#f1eee7; position:absolute; right:-30px; bottom:50px; width:620px; overflow: hidden; border-radius:10px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3);}
.main_wrap .main_case .case_info .case_txt {width:370px; position:relative; display:block; float:left; padding:40px 50px; box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.3); z-index: 13;}
.main_wrap .main_case .case_info .case_txt h6 {font-size:36px; font-family:'GmarketSans'; font-weight:700;}
.main_wrap .main_case .case_info .case_txt p {font-weight:200; font-size:15px; height:105px;}
.main_wrap .main_case .case_info .case_txt p b {font-weight: 500;}
.main_wrap .main_case .case_info .case_txt em {}
.main_wrap .main_case .case_info .case_txt em:after {display: inline-block; vertical-align: middle;  width: 40px; height: 1px; background: #000; content: ""; margin-left:10px;}
.main_wrap .main_case .case_info .case_img {position:relative; display:block; float:right; width:250px; height:250px; background-size:cover; background-position:center;}
.main_wrap .main_case .case_picture {padding-top:48%; background-size:cover; background-position:center;}
.main_wrap .main_case .case_picture:after {content:''; position:absolute; display:block; left:-100px; top:0; z-index: 12; width:100%; height:100%; background:url('../images/index/main_bg.png');}

.main_wrap .main_case .case_nav_wrap {position:absolute; bottom:50px; right:200px; z-index: 11; background:rgba(0,0,0,0.6); font-size:0; word-spacing: 0;}
.main_wrap .main_case .case_nav_wrap button {display:inline-block; width:50px; height:50px; line-height:50px; font-size:25px; color:#fff; text-align: center; cursor: pointer;}


button {background:transparent; border:0; outline: none;}

/***** main_news *****/
.main_wrap .main_news {}
.main_wrap .main_news * {position:relative; z-index: 11;}
.main_wrap .main_news .main_title {position:relative;}
.main_wrap .main_news .main_title:after {background:#f5db00;}
.main_wrap .main_news .dot_icon {position:absolute; bottom:0px; right:0;}
.main_wrap .main_news ul {overflow:hidden;}
.main_wrap .main_news ul li {width:27.333%; float:left; margin-top:70px; padding-top:45px; border-top:2px solid #fff; color:#fff; margin-right:9%;}
.main_wrap .main_news ul li:last-child {margin-right:0;}
.main_wrap .main_news ul li h6 .title_txt {max-width:calc(100%) - 40px; font-size:30px; font-family:'GmarketSans'; font-weight:bold; }
.main_wrap .main_news ul li h6 .new_icon {display: inline-block; vertical-align:top; width:25px; height:25px; line-height:24px; margin-left:7px; margin-top:2px; border-radius:50%; background:#ff006c; font-size:14px; font-weight:400; color:#fff; text-align: center;}
.main_wrap .main_news ul li p {height:60px; margin:20px 0 30px; overflow:hidden;  font-size:22px; font-weight:300;white-space: normal; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word; }
.main_wrap .main_news ul li .img_thum {display:block; padding-top:50%; background-size:cover; background-position:center;  background-color: #dde6e9;}



/***** main_about *****/
.main_wrap .main_about {position:relative; z-index: 13; overflow:hidden; height:820px; background:#fff;}
.main_wrap .main_about .view_more {display:block; font-size:12px; text-transform: uppercase; font-family: 'GmarketSans';}
.main_wrap .main_about .view_more svg {display:inline-block; vertical-align: bottom; width:17px; height:17px; margin-bottom:-12px; margin-right:10px; border-radius:50px; border:2px solid #000; padding:10px; transition: 0.3s ease all;}
.main_wrap .main_about .view_more:hover svg {margin-right:5px;}
.main_wrap .main_about .left_box {float:left; width:50%; height:100%; padding-left:calc(50% - 1630px/2);}
.main_wrap .main_about .right_box {float:left; width:50%; height:100%;}
.main_wrap .main_about .about_company {height:100%; padding-top:200px; background-image:url(../images/index/main_about_bg.png); background-position:right bottom; background-repeat: no-repeat;}
.main_wrap .main_about .about_company .company_logo {margin-bottom:10px;}
.main_wrap .main_about .about_company h4 {font-size:90px; font-weight:900; font-family: 'GmarketSans';}
.main_wrap .main_about .about_company p {font-size:20px; font-weight:300;}
.main_wrap .main_about .about_company .view_more {margin-top:100px;}
.main_wrap .main_about .about_contact {height:50%; padding:60px; background:#5a29bd;}

.main_wrap .main_about .about_contact ul {}
.main_wrap .main_about .about_contact ul li {margin-bottom:15px; font-size:24px; font-weight:500; color:#fff;display:inline-block; }
.main_wrap .main_about .about_contact ul li:nth-child(1),
.main_wrap .main_about .about_contact ul li:nth-child(4) {width:100%; }
.main_wrap .main_about .about_contact ul li:nth-child(2),
.main_wrap .main_about .about_contact ul li:nth-child(3) {width:250px; }
.main_wrap .main_about .about_contact ul li em {display:block; opacity:0.5; font-size:18px; font-weight:200;}

.main_wrap .main_about .about_contact .view_more {color:#fff; margin-top:30px;}
.main_wrap .main_about .about_contact .view_more svg {border-color:#fff;}
.main_wrap .main_about .about_qna {height:50%; padding:100px 60px; background-color:#eaeae7;  background-image:url(../images/index/about_qna_bg.png); background-size:auto 100%; background-position:right bottom; background-repeat: no-repeat;}
.main_wrap .main_about .about_qna h5 {font-size:40px; margin-bottom:170px;}


.en .main_wrap .main_about .about_contact {padding: 35px 50px;}
.en .main_wrap .main_product .main_product_filter .filter_group b {width: 72px;}
.en .main_wrap .main_product .main_product_filter .option_wrap {width: calc(100% - 90px);}
.en .main_wrap .main_product .main_product_filter .filter_group.fg_rum b {width: 80px;}