/****************************************/
/* Name: DESIGN WAVE
/* PART: SUB CONTENTS
/* Author: Kim Bo Reum
/****************************************/



.main_visual_slider-container {overflow: hidden;}

/*========== sub common ==========*/
.engFont_serif {font-family: 'Source Serif Pro', 'Noto Serif KR', serif !important;}
.engFont_sans-serif {font-family:'Carbel', sans-serif;}

a.discover_btn {font-family:'Carbel', sans-serif; font-weight:900; font-size:16px; color:#212529; border-bottom:2px solid #e4c7a2; padding-bottom:5px;}

span.wish-button {text-indent: -999999999px; display:block; width: 14px; height: 13px; background-image: url(../_img/icon/wish.png); background-size: 100%; background-repeat: no-repeat; background-position: center; cursor: pointer;}
span.wish-button.on {background-image: url(../_img/icon/wish-on.png);}

span.share-button {text-indent: -999999999px; display:block; width: 14px; height: 13px; background-image: url(../_img/icon/share.png); background-size: 100%; background-repeat: no-repeat; background-position: center; cursor: pointer;}



@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 980px) {
    a.discover_btn {font-size: 14px;}
}


/*========== collection_title ==========*/
.collection_title {margin-top:92px; padding:70px 0 40px 0;}
.collection_title p {text-align:center; margin-bottom:0; font-size: 25px; padding-bottom: 20px}
.collection_title p span {position:relative; padding:0 60px 0 66px; font-family:'Carbel', sans-serif; font-weight:900; letter-spacing:6px; font-size:12px;}
.collection_title p span::before {position:absolute; top:5px; left:0; width:45px; height:2px; background:#e4c7a2; content:'';}
.collection_title p span::after {position:absolute; top:5px; right:0; width:45px; height:2px; background:#e4c7a2; content:'';}
.collection_title h2 {text-align:center; font-size:95px; color:#000; margin-bottom:0; margin-top:-20px; line-height: 1.5}


@media screen and (max-width: 1200px) {
    .collection_title {padding: 40px 0 20px 0}
    .collection_title p {padding-bottom: 0}
    .collection_title p span {font-size: 11px}
    .collection_title h2 {font-size: 75px;}
	
	
}

@media screen and (max-width: 900px) {
    .collection_title h2 {font-size: 65px;}
    .collection_title p {font-size: 21px;}
}

@media screen and (max-width: 768px) {
    .collection_title h2 {font-size: 55px;}
}


/*========== collection_desc ==========*/
.collection_desc {padding:100px 0;}
.collection_desc p {font-family:'Carbel','Noto Sans KR', sans-serif; font-size:18px; color:#212529;}
.collection_desc p.big {font-size:36px; line-height:1.5; letter-spacing: -1px; padding-bottom:20px}
.collection_desc p.big strong {font-weight: 500}
.collection_desc.mid-text p {text-align:center;}

@media screen and (max-width: 1200px) {
    .collection_desc {padding: 50px 0; box-sizing: border-box;}
    .collection_desc.mid-text {padding-left: 20px; padding-right: 20px;}
    .collection_desc p.big {font-size: 35px;}
}

@media screen and (max-width: 980px) {
    .collection_desc p {font-size: 14px;}
    .collection_desc p.big {font-size: 25px;}
    .collection_desc p.big br {display: none;}
}

@media screen and (max-width: 767px) {
    .collection_desc.mid-text {padding-left: 15px; padding-right: 15px;}
}



/*========== pics_wrapper ==========*/
.pics_wrapper {position:relative; width:100%; overflow:hidden;}
.pics_wrapper .collection_deco_pics {position:relative; box-sizing:border-box; overflow:hidden; max-height:810px;}
.pics_wrapper .collection_deco_pics::after {display:block; content:'';}
.pics_wrapper .collection_deco_pics span {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; overflow:hidden;}
.pics_wrapper .collection_deco_pics span img {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:auto; height:100%;}

.pics_wrapper .collection_deco_pics.left {float:left; width:30%;}
.pics_wrapper .collection_deco_pics.left::after {padding-bottom:142.5%;}
.pics_wrapper .collection_deco_pics.left span img {left:0}

.pics_wrapper .collection_deco_pics.right {float:right; width:70%;}
.pics_wrapper .collection_deco_pics.right span {padding-left:100px; }
.pics_wrapper .collection_deco_pics.right::after {padding-bottom:61%;}

.pics_wrapper .collection_full_img {width: 100%; box-sizing: border-box; padding: 0 170px;}
.pics_wrapper .collection_full_img img {width: 100%;}

@media screen and (min-width: 2000px) {
  	.pics_wrapper .collection_deco_pics.left span img {left:50%;}
  	.pics_wrapper .collection_deco_pics.right span img {width:100%; height:auto;}
	
}

@media screen and (max-width: 1200px) {
    .pics_wrapper .collection_deco_pics.right span {padding-left: 50px;}
	.pics_wrapper .collection_full_img {padding: 0 20px}
}





/*========== collection_type ==========*/
.collection_type {position:relative;}

#collection_type-slider {width:100%;}
#collection_type-slider .swiper-slide {position:relative; width:100%; background:#fff;}
#collection_type-slider .collection_type_thumbNail {position:absolute; top:0; left:0; width:57%; max-height: 787px; box-sizing:border-box; padding-right: 100px;}
#collection_type-slider .collection_type_thumbNail::after {display:block; content:''; padding-bottom:80%;}
#collection_type-slider .collection_type_thumbNail span {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; overflow:hidden; padding-right: 100px}
#collection_type-slider .collection_type_thumbNail span img {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:100%; height:auto;}
#collection_type-slider .collection_type_desc {float:right; width:610px; min-height:650px; box-sizing:border-box; padding-left:140px; padding-top:80px; background:#fff;}
#collection_type-slider .collection_type_desc h4 {color:#212529; font-size:45px; margin-bottom:0 }
#collection_type-slider .collection_type_desc p {font-family:'Carbel', sans-serif; font-size:16px; color:#212529; margin:30px 0; opacity: 0; transition: .2s;}
#collection_type-slider .swiper-slide-active .collection_type_desc p {opacity: 1;}

.collection_type-slider_control {position:absolute; top:20px; left:50%; z-index:1; padding:0 80px; margin-left:110px;}
.collection_type-slider_control .collection_type-button {position:absolute; top:5px; width:49px; height:12px; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.collection_type-slider_control .collection_type-button.collection_type-prev {left:0; background-image:url(../_img/icon/slider_btn-prev.png);}
.collection_type-slider_control .collection_type-button.collection_type-next {right:0; background-image:url(../_img/icon/slider_btn-next.png);}
.collection_type-slider_control .collection_type-pagination {font-family:'Carbel', sans-serif; color:#212529; font-size:14px; font-weight:900;}

@media screen and (max-width: 1400px) {
  #collection_type-slider .collection_type_thumbNail span img {height:100%; width:auto;}
}

@media screen and (max-width: 1200px) {
    #collection_type-slider {overflow: hidden;}
    #collection_type-slider .collection_type_thumbNail {position: relative; top:auto; left :auto; padding-right: 0; width:100%;}
    #collection_type-slider .collection_type_thumbNail::after {display: none;}
    #collection_type-slider .collection_type_thumbNail span {position: relative; top: auto; left: auto; padding-right: 0;}
    #collection_type-slider .collection_type_thumbNail span img {top:auto; left:auto; transform:translate(0,0); -webkit-transform:translate(0,0); width:100%; height: auto;}

    #collection_type-slider .collection_type_desc {width: 100%; min-height: auto; padding-left: 0; padding: 50px 0 100px 0;}
    #collection_type-slider .collection_type_desc h4 {font-size: 45px;}
    #collection_type-slider .collection_type_desc p {font-size: 14px;}

    .collection_type-slider_control {top:auto; margin-left: -95px; bottom: 50px;}
}



/*========== collection_product ==========*/
.collection_product {width:100%; overflow:hidden; background:url(../_img/sub/collection_product-bg.jpg) repeat-x center top; padding-top:210px; margin-bottom: 80px}
.collection_product.premium_ver {background: none; padding-top: 0}

.collection_product-head {margin-bottom:80px;}
.collection_product-head p {text-align:center; font-size:75px; color:#212529;}
.collection_product-head ul {width:100%; text-align:center; font-size:0; position: relative; z-index: 11;}
.collection_product-head ul li {position:relative; display:inline-block; font-size:18px; font-family:'Source Serif Pro', serif; color:#555; margin:0 25px; cursor:pointer; font-weight:600; padding-bottom: 7px;}
.collection_product-head ul li.active {color:#212529;}
.collection_product-head ul li.active::after {position: absolute; bottom:0; left:50%; margin-left: -45px; width:90px; height:2px; background: #e4c7a2; content: '';}

.product_list {position:relative;}

@media screen and (max-width: 1200px) {
    .collection_product {padding-top: 60px !important;}
    .collection_product-head p  {font-size:55px}
}

@media screen and (max-width: 980px) {
    .collection_product-head {margin-bottom: 40px;}
    .collection_product-head p  {font-size:45px; margin-bottom: 0}
    .collection_product-head ul li {font-size: 16px;}

}


/*========== next_collection ==========*/
.next_collection {position: relative; width:100%; overflow: hidden; padding: 80px 0;}
.next_collection .next_collection-bg {position:absolute; top:0; width:50%; height: 100%; overflow: hidden;}
.next_collection .next_collection-bg::after {display:block; content:''; padding-bottom:50%;}
.next_collection .next_collection-bg span {position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; overflow:hidden;}
.next_collection .next_collection-bg span img {position:relative; top:50%; left:50%; width:auto; height:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.next_collection .next_collection-bg#left-bg {left: 0}
.next_collection .next_collection-bg#right-bg {right: 0}
.next_collection #next_collection-title {background: #fff; width:670px; height:250px; margin: 0 auto; position: relative; z-index: 1}
.next_collection #next_collection-title a {display: table; width: 100%; height: 100%;}
.next_collection #next_collection-title a .inner-title {display: table-cell; vertical-align: middle;}
.next_collection #next_collection-title a .inner-title h4 {text-align:center; color:#212529; font-size:55px;}
.next_collection #next_collection-title a .inner-title p {text-align: center; font-family:'Carbel', sans-serif; font-size:14px; margin: 0; letter-spacing: 3px; color:#555}
.next_collection #next_collection-title a .inner-title p img {transition: .3s}
.next_collection #next_collection-title a:hover img {padding-left: 20px; }


@media screen and (min-width: 2000px) {
    .next_collection .next_collection-bg span img {width:100%; height: auto;}
}

@media screen and (max-width: 1200px) {
    .next_collection {padding: 50px 40px; box-sizing: border-box;}
    .next_collection #next_collection-title a .inner-title h4 {font-size: 45px;}
    .next_collection #next_collection-title a .inner-title p {font-size: 11px;}
}


@media screen and (max-width: 980px) {
    .next_collection #next_collection-title {width: 100%; height: 200px;}
}



/*=======================================
=============== 상품타입 =================
/*======================================*/

/*========== product_wrap ==========*/
.product_wrap {width: 100%; overflow: hidden; margin-top: 92px; padding: 70px 0 100px 0;}
.product_wrap .collection_product-head ul li {font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight: 400;}
.product_wrap .collection_product-head ul li a {color:#aaa; }
.product_wrap .collection_product-head ul li.on a {color:#333;}
.product_wrap .collection_product-head ul li.on::after {position: absolute; bottom:0; left:50%; margin-left: -45px; width:90px; height:2px; background: #111; content: '';}

.product_wrap .entry_wrapper {width: 100%; box-sizing: border-box; /*padding: 70px 25px;*/ border:1px solid #ededed; background: #fff; position:relative; transition: .3s;}
.product_wrap .entry_wrapper span.wish-button {position:absolute; right:30px; top: 40px;}
.product_wrap .entry_wrapper .entry-thumb {padding:30px;}
.product_wrap .entry_wrapper .entry-thumb img {height: auto;}
.product_wrap .entry_wrapper .entry-desc {/*position:absolute; top:0; left: 0;*/ width: 100%; height: 100%; box-sizing: border-box; padding: 0 5px;}
.product_wrap .entry_wrapper .entry-desc .inner-desc {display:table; height: 100%; width: 100%; }
.product_wrap .entry_wrapper a {padding:20px 0; background:transparent; border:0; width: 100%; height: 100%;}
.product_wrap .entry_wrapper .entry-desc .inner-desc p {color:#212121; text-align:center; font-family:'Carbel', sans-serif; margin-bottom: 0;}
.product_wrap .entry_wrapper .entry-desc .inner-desc p img {transition: .3s;}
.product_wrap .entry_wrapper .entry-desc .inner-desc p strong {font-size:19px; color:#333; font-weight: 400; line-height: 1.4;}
.product_wrap .entry_wrapper:hover {border:1px solid #e4c7a2;}
/*
.product_wrap .entry_wrapper:hover .entry-desc {opacity: 1;}
.product_wrap .entry_wrapper:hover .entry-desc .inner-desc img {padding-left: 20px;}
*/



/*=============================================
=============== 상품상세페이지 =================
/*=============================================*/
.product_detail_page {margin-top: 92px; width: 100%; overflow: hidden;}

.product_detail-half {width:50%; height: 100%;float: left; box-sizing: border-box;}
.product_detail-half .inner_wraps {position:relative; width:600px; box-sizing: border-box;}
.product_detail-half#pics {}
.product_detail-half#pics .inner_wraps {float:right; display: table; height: 100%;}

.product_detail-half#pics .inner_wraps .vertical_arr_warp {}
.product_detail-half#pics .inner_wraps .vertical_arr_warp .vertical_inner {}

.product_detail-half#info {position:relative; background: url(../_img/sub/collection_product-bg.jpg) repeat-y top left; padding:70px 100px; padding-right: 0; overflow-y:scroll; -ms-overflow-style: none; -ms-overflow-style: none; scrollbar-width: none;}
.product_detail-half#info::-webkit-scrollbar {display: none;}
.product_detail-half#info .inner_wraps {float: left;}

@media screen and (max-width: 1200px) {
    .product_detail-half#info {padding-right:50px}
    .product_detail-half .inner_wraps {width: 100%;}
}


@media screen and (max-width: 980px) {
    .product_detail_page {height: auto !important;}
    .product_detail-half {width: 100%;}

    .product_detail-half#pics {padding-bottom: 50px;}
    .product_detail-half#pics .inner_wraps {display:block; float: none; height:auto;}

    .product_detail-half#info {padding:50px 20px;}
}



/*pics*/
.vertical_align-wrap {display:table-cell; vertical-align: middle; width: 100%; height: 100%; overflow: hidden;}

.product_name {width:100%; overflow: hidden;}
.product_name p {text-align: center; font-family:'Carbel', sans-serif; font-size:14px;}
.product_name h5 {text-align: center; font-size: 35px; color:#000; font-family:'Carbel', sans-serif;}

.product_pic {width:600px; margin:20px 0 30px 0; overflow: hidden;}
.product_pic .product_pic-slide {}
.product_pic .product_pic-slider .swiper-slide {background: #fff; text-align: center;}
.product_pic .product_pic-slider .swiper-slide img {width:80%; height: auto; margin: 0 auto; display: block;}

.product_pic-slider_control {position:relative; padding:0 80px; width: 190px; box-sizing: border-box; margin: 0 auto;}
.product_pic-slider_control .product_pic-button {position:absolute; top:5px; width:49px; height:12px; background-position:center; background-repeat:no-repeat; cursor:pointer;}
.product_pic-slider_control .product_pic-button.product_pic-prev {left:0; background-image:url(../_img/icon/slider_btn-prev.png);}
.product_pic-slider_control .product_pic-button.product_pic-next {right:0; background-image:url(../_img/icon/slider_btn-next.png);}
.product_pic-slider_control .product_pic-pagination {font-family:'Carbel', sans-serif; color:#212529; font-size:14px; font-weight:900;}

.product_pic-info {width: 100%; overflow: hidden;}
.product_pic-info p {text-align: center; margin:10px 0;}
.product_pic-info p.order_num {color:#111; font-size:18px; }
.product_pic-info p.notice_txt {color:#a3a3a3;}

@media screen and (max-width: 980px) {
    .product_name h5 {font-size:25px;}

    .product_pic {width: 100%; margin: 0}
    .vertical_align-wrap {display: block; vertical-align: initial; height: auto}
    .product_pic .product_pic-slider .swiper-slide img {width: 50%;}
}

@media screen and (max-width: 768px) {
    .product_pic .product_pic-slider .swiper-slide img {width: 80%;}
}


/*info*/
.over_scroll_wrap {/*width:100%; height: 100%; box-sizing: border-box; padding: 100px; padding-right: 0; overflow-y: scroll;*/}
.product_infoBox {width:100%; position:relative; margin:50px 0;}
.product_infoBox:first-of-type {margin-top: 0;}
.product_infoBox .infoBox-title {}
.product_infoBox .infoBox-title p {position:relative; font-size:30px; color:#000;}
.product_infoBox .infoBox-title p::after {position: absolute; left: -60px; top: 23px; width: 45px; height: 2px; background: #e4c7a2; content: '';}
.product_infoBox .infoBox-title .product_utility_btns {position:absolute; top:17px; left:220px;}
.product_infoBox .infoBox-title span {float:left; margin-left: 15px;}

.product_infoBox .infoBox-desc {width:100%; height:210px; overflow-y: scroll;}
.product_infoBox .infoBox-desc::-webkit-scrollbar {background-color:#f5f1ee; width:15px;}
.product_infoBox .infoBox-desc::-webkit-scrollbar-track {background-color:#f5f1ee; border-radius:20px;}
.product_infoBox .infoBox-desc::-webkit-scrollbar-thumb {background-color:#babac0; border-radius:16px; border:5px solid #f5f1ee;}

.product_infoBox .infoBox-ship {width:100%;}
.product_infoBox .infoBox-ship p {}
.product_infoBox .infoBox-ship p strong {display: block;}

.product_infoBox ul {width:100%; overflow: hidden;}
.product_infoBox ul li {position:relative; margin: 15px 0; font-family:'Carbel', sans-serif; padding-left: 200px; font-size: 14px;}
.product_infoBox ul li span {position:absolute; top:2px; left: 0; color:#000; text-transform:uppercase; font-weight: 600}
.product_infoBox>p {font-family:'Carbel', sans-serif; font-size:16px; color:#333}

@media screen and (max-width: 980px) {
    .product_infoBox .infoBox-title p {font-size: 25px;}
    .product_infoBox .infoBox-title p::after {top:19px; left:-50px}
}


.proce_bar {background:#fff; border-top:1px solid #ddd; width:100%; padding: 13px 0; display: flex;}
.proce_bar p {font-size:16px; color:#111; float:left; padding-top:27px;}
.proce_bar p span {position:relative; padding-right:10px; margin-right:10px; font-size:20px; font-weight:600;}
.proce_bar p span::after {position:absolute; right:0; top:6px; width:1px; height:13px; background:#ddd; content:'';}
.proce_bar p em {font-style:inherit; font-size:13px; padding-left:5px;}
.proce_bar .button_wraps {float:right; }
.proce_bar .button_wraps .set {float: left;}
.proce_bar .button_wraps .set #shop_btns {float: left;}
.proce_bar .button_wraps .set button {width:200px; height:45px; line-height:45px; border:0px; text-align:center; color:#fff; display:block; margin:5px 0; font-size:14px; font-family:'Carbel', sans-serif;}
.proce_bar .button_wraps .set button.buy {background:#111111; margin-bottom: 0}
.proce_bar .button_wraps .set button.cart {background:#e4c7a2; margin-top: 0}
.proce_bar #sit_sel_option {float: left; margin-top: 27px; margin-left: 10px; position: relative; }
.proce_bar #sit_sel_option #sit_opt_added .num_input {width: 35px;}
.proce_bar #sit_sel_option::after {position:absolute; right:0; top:6px; width:1px; height:13px; background:#ddd; content:'';}

@media screen and (max-width: 980px) {
    .proce_bar {height: auto;}
	.proce_bar .container {padding: 0 15px; width: 100%; max-width:none;}
    .proce_bar .button_wraps {float: none;}
    .proce_bar .button_wraps .set {float: right;}
    .proce_bar .button_wraps .set button {}
    .proce_bar .button_wraps .set button.cart {}
    .proce_bar .button_wraps #sit_sel_option {float: right !important;}
    .proce_bar .button_wraps #sit_sel_option input[type='text'] {width:50px}
    .proce_bar .button_wraps #sit_sel_option ul li {width: auto !important;}
	.proce_bar p {padding-top: 0}
	.proce_bar #sit_sel_option {margin-top: 0}

}

@media screen and (max-width: 768px) {
	.proce_bar .button_wraps .set {width: 100%; float: left; box-sizing: border-box; padding-left: 300px; position: relative;}
	.itemform-naverpay {position: absolute; top: 0; left: 0; margin-right: 0}
	.proce_bar .button_wraps .set #shop_btns {width: 100%;} 
	.proce_bar .button_wraps .set button {width: 100%;}
}


@media screen and (max-width: 640px) {
	.proce_bar .button_wraps .set {padding-left: 0; }
	.proce_bar #sit_sel_option {margin-left: 0}
	.itemform-naverpay {position: relative; top: auto; left: auto; margin: 10px auto;}
}



/**
 * 소개, 소식
 */
.sub_page_title {display:table; width:100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.sub_page_title .inner_wrapper {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.sub_page_title#process_page {background-image: url(../_img/sub/process_head-bg.jpg);}
.sub_page_title#designer_page {background-image: url(../_img/sub/designer_head-bg.jpg);}
.sub_page_title p {color:#fff}
.sub_page_title h2 {color:#fff;}

.sub_page_main {width:100%; margin: 100px 0; overflow: hidden;}

@media screen and (max-width: 768px) {
    .sub_page_main {margin-bottom: 0}
}


/*제작과정*/
.processBox {width:50%; padding: 1%; box-sizing: border-box; float: left; overflow: hidden;}
.processBox .process_pics {position: relative; width: 100%; overflow: hidden; box-sizing: border-box;}
.processBox .process_pics img {width: 100%;}
.processBox .process_desc {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); box-sizing: border-box; display: table;}
.processBox .process_desc:hover {opacity: 1; transition: .3s;}
.processBox .process_desc .inner_desc {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.processBox .process_desc .inner_desc dl {width:100%; box-sizing: border-box; padding: 0 30px}
.processBox .process_desc .inner_desc dl dt {color:#fff; font-size: 25px; text-align: center;}
.processBox .process_desc .inner_desc dl dd {text-align: center; color:#fff; padding-top:15px;}
.processBox .process_desc .inner_desc dl dd a {display:block; width:200px; height:45px; line-height:45px; text-align:center; line-height:45px; color:#fff; display:block; margin:50px auto 0 auto; font-size:14px; font-family:'Carbel', sans-serif; background:#e4c7a2;}
.processBox .process_name {width:100%; padding: 20px 0}
.processBox .process_name p {text-align: center; font-size: 21px; color:#141414}
.processBox .process_name p span {font-size:35px; padding-right: 10px;}


@media screen and (max-width: 980px) {
    .processBox .process_name p {font-size: 17px;}
    .processBox .process_name p span {font-size: 25px}
}

@media screen and (max-width: 768px) {
    .processBox {width: 100%;}
}


/*제작과정포인트*/
.process_detail_desc {margin-bottom: 100px;}
.process_detail_desc a {width:200px; height:45px; line-height:45px; text-align:center; line-height:45px; color:#fff; display:block; margin:0 auto; font-size:14px; font-family:'Carbel', sans-serif; background:#e4c7a2;}
.process_detail_desc .container {width: 1100px}
.process_detail_desc p {text-align: center; font-size:15px; line-height: 1.7}

.pics_wrap {position:relative; width:100%; overflow: hidden; margin: 80px 0}
.pics_wrap .detail_pic {float:left}
.pics_wrap .detail_desc {float: left; width:480px; height:650px; background:url(/_img/sub/collection_product-bg.jpg) no-repeat top left; display:table; margin-top: 50px;}
.pics_wrap .detail_desc .inner-detail_desc {display: table-cell;vertical-align: middle; width: 100%; height: 100%; box-sizing: border-box; padding: 0 80px; overflow: hidden;}
.pics_wrap .detail_desc .inner-detail_desc span {position:relative; padding-left:80px; font-family:'Carbel', sans-serif; margin-left: -80px; font-weight:900; letter-spacing:6px; font-size:12px;}
.pics_wrap .detail_desc .inner-detail_desc span::before {position:absolute; top:5px; left:0; width:60px; height:2px; background:#e4c7a2; content:'';}
.pics_wrap .detail_desc .inner-detail_desc p {text-align: left;}
.pics_wrap .detail_desc .inner-detail_desc h6 {font-size:35px; font-weight: 600; color:#141414; line-height: 1.7; margin-bottom: 15px;}


@media screen and (max-width: 1200px) {
    .process_detail_desc .container {width: 100%; max-width: 100%}
    .pics_wrap .detail_pic {width: 40%;}
    .pics_wrap .detail_desc {width: 60%;}
}

@media screen and (max-width: 980px) {
    .pics_wrap .detail_desc {height: auto;}
    .pics_wrap .detail_desc .inner-detail_desc {padding: 50px;}

}

@media screen and (max-width: 768px) {
    .pics_wrap .detail_pic {width: 100%;}
    .pics_wrap .detail_pic img {width: 100%}
    .pics_wrap .detail_desc {position:absolute; top: 0; right: 0; width: 85%}

}



/*디자이너*/
.designer_wrapper {position:relative; width: 100%; overflow: hidden; margin: 100px 0}
.designer_wrapper .designer_info {float:left; width: 100%;}
.designer_wrapper .designer_info .inner_container {width: 50%; float:left; padding-top: 50px;}
.designer_wrapper .designer_info .inner_container .designer-name {}
.designer_wrapper .designer_info .inner_container .designer-name span {position:relative; padding:0 80px; font-family:'Carbel', sans-serif; margin-left: -80px; font-weight:900; letter-spacing:6px; font-size:12px;}
.designer_wrapper .designer_info .inner_container .designer-name span::before {position:absolute; top:5px; left:0; width:60px; height:2px; background:#e4c7a2; content:'';}
.designer_wrapper .designer_info .inner_container .designer-name h3 {font-size:65px; font-weight: 600; color:#141414; line-height: 1.2; margin-bottom: 15px;}
.designer_wrapper .designer_info .inner_container .designer-intro {position:relative; width: 100%; padding:100px 0; min-height: 490px; background:url(/_img/sub/collection_product-bg.jpg) no-repeat top left;}
.designer_wrapper .designer_info .inner_container .designer-intro::after {position: absolute; height: 100%; right:-80px; top:0; width: 240%; background:url(/_img/sub/collection_product-bg.jpg) no-repeat top left; content: ''}
.designer_wrapper .designer_info .inner_container .designer-intro p {position:relative; z-index: 9; font-size:15px; line-height: 1.7;}
.designer_wrapper .designer_pic {position: absolute; top: 0; left: 50%; width: 600px; padding-left: 80px; box-sizing:border-box; overflow: hidden; z-index: 1}
.designer_wrapper .designer_pic img {width: 100%;}
.designer_wrapper:first-of-type {margin-top: 0;}
.designer_wrapper:nth-of-type(2n) .designer_info .inner_container {float: right;}
.designer_wrapper:nth-of-type(2n) .designer_pic {right:50%; left: auto; padding-left: 0; padding-right: 80px;}
.designer_wrapper:nth-of-type(2n) .designer_info .inner_container .designer-name span::before {left:auto; right:0;}
.designer_wrapper:nth-of-type(2n) .designer_info .inner_container .designer-intro::after {right:auto; left:-80px;}


@media screen and (max-width: 1200px) {
    .designer_wrapper .container {float:left; width: 50%}
    .designer_wrapper .designer_info .inner_container {width: 100%}
    .designer_wrapper .designer_info .inner_container .designer-name {margin-left: 30px;}
    .designer_wrapper .designer_info .inner_container .designer-name h3 {font-size:55px}
    .designer_wrapper .designer_info .inner_container .designer-intro {}
    .designer_wrapper .designer_info .inner_container .designer-intro::after  {right:-180px}
    .designer_wrapper .designer_pic {float:right; position: relative; top: auto; left: auto; padding-left: 50px; width: 50%}

    .designer_wrapper:nth-of-type(2n) .designer_pic {right: auto; float: left; padding-right: 50px;}
    .designer_wrapper:nth-of-type(2n) .container {float: right;}
    .designer_wrapper:nth-of-type(2n) .designer_info .inner_container .designer-name {margin-left: 0}
}

@media screen and (max-width: 980px) {
    .designer_wrapper .designer_info .inner_container .designer-name h3 {font-size:45px}
    .designer_wrapper .designer_info .inner_container .designer-intro {padding:70px 0; min-height: 400px}
    .designer_wrapper .designer_pic {padding-left: 0}
    .designer_wrapper:nth-of-type(2n) .designer_pic {padding-right: 0}

}

@media screen and (max-width: 768px) {
    .designer_wrapper .container {width: 100%;}
    .designer_wrapper .designer_info .inner_container {padding-top: 20px;}
    .designer_wrapper .designer_info .inner_container .designer-intro {min-height: auto; padding: 50px 0}
    .designer_wrapper .designer_pic {width: 85%}

}



/*히스토리*/
.history {position:relative; width:100%; overflow:hidden; box-sizing: border-box; margin-top: 92px;}
.history-slider {width: 100%; height: 100%; overflow: hidden;;}
.history-slider .swiper-slide {position: relative; background: #fff; overflow: hidden; height: 100%; width: 100%;}
.history_pics {position: absolute; left: 0; top: 0; max-width: 35%; height: 100%; overflow: hidden;}
.history_pics img {width: auto; height: 100%; position:relative; top:50%; left: 50%; transform: translate(-50%, -50%);}
.history_info {display:table; width: 100%;}
.history_info .inner-history_info {width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.history_info .container {box-sizing: border-box; padding-left: 400px;}
.history_info .history-title {}
.history_info .history-title span {}
.history_info .history-title span {position:relative; padding:0 80px; font-family:'Carbel', sans-serif; margin-left: -80px; font-weight:900; letter-spacing:6px; font-size:12px;}
.history_info .history-title span::before {position:absolute; top:5px; left:0; width:60px; height:2px; background:#e4c7a2; content:'';}
.history_info .history-title h5 {font-size:35px; color:#212121; margin:20px 0; font-weight: 600}
.history_info .history-desc {width:100%; height: 100%;overflow: hidden;}
.history_info .history-desc .inner_history-desc {width:100%; height: 100%; display: table-cell; vertical-align: middle;}
.history_info .history-desc p {font-size:15px; line-height: 1.7; color:#212529;}

#history_controller {width:100%; position: absolute; top:50%; margin-top: -26px;left: 0; z-index: 1555;}
#history_controller .history_control {padding: 0 10px; cursor: pointer;}
#history_controller .history-prev {float: left}
#history_controller .history-next {float: right}



@media screen and (max-width: 1500px){
    .history_pics {position: relative; top: auto; left: auto; max-width: 45%; float: left;}
    .history_info {float:left; width: 55%;}
    .history_info .container {padding-left:80px; max-width: 100%}
}

@media screen and (max-width: 1200px) {
    .history_info .container {padding-left: 30px;}
}

@media screen and (max-width: 980px) {
    .history {height: auto !important}
    .history_pics {max-width:100%; float:none; height: auto !important}
    .history_pics img {width: 100%; height: auto;  top:auto; left: auto; transform: translate(0,0);}
    .history_info {float:none; width:100%; height: auto !important}
    .history_info .inner-history_info {height: auto; padding: 50px 0;}
    .history_info .history-title h5 {font-size: 25px;}

    #history_controller {display: block; margin-top: 0; top: 300px;}
}



/*=============================================
=============== 로그인페이지 =================
/*=============================================*/

.login {width:500px; margin:200px auto; overflow: hidden;}
.login h2 {color:#212121; text-align: center; line-height: 1; font-size:110px;}
.login ul.login_input {width:100%; overflow: hidden; margin: 40px 0;}
.login ul.login_input li {position:relative;; width: 100%; overflow: hidden; border-top: 1px solid #ddd; padding: 30px 0; padding-left: 140px;}
.login ul.login_input li:first-of-type {border-top:0;}
.login ul.login_input li span {position: absolute; top: 50%; left: 0; margin-top: -10px; font-size: 12px; letter-spacing: 2px; color:#999; padding: 0 15px;}
.login ul.login_input li input {width: 100%; border:0; font-size: 14px; color:#212121; font-family:'Carbel', sans-serif;}

.login #login_btn_wrap {width: 100%; text-align: center; overflow: hidden}
.login #login_btn_wrap a {display: inline-block; width: 200px; height: 45px; text-align: center; line-height: 45px; color:#fff; font-family:'Carbel', sans-serif; margin: 0 5px; text-transform: uppercase;}
.login #login_btn_wrap a.btn-login {background: #e4c7a2}
.login #login_btn_wrap a.btn-join {background: #111;}

.login ul#find_mody {width: 100%; text-align: center; overflow: hidden; margin-top: 30px;}
.login ul#find_mody li {display: inline-block; padding: 0 20px; position: relative; font-size: 14px;}
.login ul#find_mody li::after {position: absolute; top: 3px; left: 0; width: 1px; height: 15px; background: #ddd; content: ''}
.login ul#find_mody li:first-of-type::after {display: none;}
.login ul#find_mody li a {color:#333;}

@media screen and (max-width: 980px) {
    .login {width: 100%; box-sizing: border-box; padding: 0 20px; margin: 150px 0 80px 0}
    .login h2 {font-size: 65px;}
}

@media screen and (max-width: 750px) {
    .login #login_btn_wrap a {width:49%; margin-left:2%; margin-right: 0;float: left;}
    .login #login_btn_wrap a.btn-join  {margin-left: 0;}

}

/*=============================================
=============== 공지사항 =================
/*=============================================*/
.board_box_wrap {width: 100%; overflow: hidden}

.board_box {position:relative; float: left; width:49%; margin-left: 2%; border:1px solid #dedede; box-sizing: border-box; margin-bottom: 2%; padding:50px; transition: .3s;}
.board_box:first-of-type {margin-left: 0;}
.board_box a {display: block; width:100%; height: auto; text-decoration: none;}
.board_box span.bbs_category {color:#e4c7a2; display:block; font-size: 15px; font-weight: 500;}
.board_box span.date {color:#888; margin-top: 30px; display:block; font-size: 15px; font-weight: 500;}
.board_box h6 {color:#212121; line-height: 1.5; margin-top: 10px; word-break: break-all; transition: .3s; line-height:1.3; height: 57px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all;}
.board_box p {font-size: 15px; color:#999; line-height: 1.5; word-break: break-all; transition: .3s; }

.board_box .thumb {position:relative; width:100%; height:255px; border:3px; overflow:hidden; transition:.3s; margin-bottom: 20px;}
.board_box .thumb::after {display:block; padding-bottom:100%; content:'';}
.board_box .thumb span  {position:absolute; top:0; left:0; width:100%; height:100%;}
.board_box .thumb span img {position:relative; top:0; left:0; bottom:0; right:0; width:100%; height:auto; transform:translate(0, 0); -webkit-transform:translate(0, 0); transition:.3s; cursor:pointer;}

.board_box:hover {border:1px solid #e4c7a2; background: #fafafa;}
.board_box:hover h6 {color:#000;}
.board_box:hover h6 span {box-shadow: inset 0 0 0 #fff, inset 0 -7px 0 #e4c7a2; transition: .3s}
.board_box:hover p {color:#222;}
.board_box:hover .thumb {box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.board_box:hover .thumb span img {transform:scale(1.1,1.1); transition:.3s;}


@media all and (min-width:640px){
	 .board_box:nth-of-type(2n+1) {margin-left: 0;}
}


@media all and (max-width:640px){
	.board_box {width: 100%; margin-left: 0}

}


/*FAQ*/
ul#my-accordion {width: 100%; overflow: hidden; box-sizing: border-box; background: #fff; border-top: 2px solid #333; border-bottom: 2px solid #333;}
ul#my-accordion > li {position: relative; width: 100%; box-sizing: border-box; border-bottom: 1px solid #dfdfdf;}
ul#my-accordion li .acc_head {position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 25px; cursor: pointer; background: url(/_img/utility/arrow-down.png) no-repeat top 30px right 25px; background-size: 15px;}
ul#my-accordion li .acc_head p {font-size: 15px; color: #212121; margin-bottom: 0}
ul#my-accordion li .acc_head span {color: #e4c7a2; font-size: 17px; font-weight: 800; text-align: center; box-sizing: border-box; padding-right: 5px;}
ul#my-accordion li .acc_content {position: relative; width: 100%; overflow: hidden; box-sizing: border-box; padding: 10px; padding-top: 0; background: #fff;}
ul#my-accordion li .acc_content p {width: 100%; background: #f8f8f8; box-sizing: border-box; padding: 25px; font-size: 15px; color: #333; overflow: hidden;}

ul#my-accordion li.acc_active .acc_head {background: url(/_img/utility/bar.png) no-repeat top 30px right 25px; background-size: 15px;}
ul#my-accordion li.acc_active .acc_head p {color: #e4c7a2; font-weight: 600;}



/*========== 매장안내  ==========*/
#sub04_04 {position: relative; box-sizing: border-box; padding: 0; padding-left: 380px;  margin-bottom:0px; margin-top: 92px}
#map_wrap {width:100%; height: 100%; overflow: hidden;}
#factory_list {position: absolute; top: 0; left: 0; width: 380px; height: 100%;background:url(../_img/sub/collection_product-bg.jpg) repeat center top;}
#factory_list .global_factory {width:100%; height: 600px; overflow: hidden; overflow-y:scroll; border-top: 1px solid #ddd;}
#factory_list .global_factory dl {width:100%; padding: 30px 25px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
#factory_list .global_factory dl dt {font-size: 19px; font-weight: 600; color:#212121; margin-bottom: 10px;}
#factory_list .global_factory dl dd {font-size: 16px; color:#555; padding-left: 20px; background: url('/_img/icon/dingbat_address.png') no-repeat left top 2px; }



/*=============================================
				프리미엄
=============================================*/
.premium_pdts_wrap {width: 100%; overflow: hidden; margin-bottom: 100px; padding: 0 170px; box-sizing: border-box;}
.premium_pdts {position: relative; width: 100%; overflow: hidden; box-sizing: border-box; background: url(/_img/sub/collection_product-bg.jpg) no-repeat center; background-size: cover;}
.premium_pdts .swiper-wrapper {height: auto !important;}
.premium_pdts .pics {position: relative; padding-bottom: 60%; width: 50%; height: auto; overflow: hidden; float: left;}
.premium_pdts .pics img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.premium_pdts .collection_desc {width: 50%; float: left;   position: relative; padding-bottom:53%; background: url(/_img/sub/collection_product-bg.jpg) no-repeat center; background-size: cover;}
.premium_pdts .collection_desc .desc_wrap {position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; padding:0 80px; height: 100%; display: table;}
.premium_pdts .collection_desc .desc_wrap .inner_arr {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.premium_pdts:nth-of-type(2n) .pics, .premium_pdts:nth-of-type(2n) .collection_desc  {float: right;}

.premium_slider_control {position: relative; box-sizing: border-box; z-index: 1; width: 100%; overflow: hidden; margin-bottom: 20px;}
.premium_slider_control .premium_slider-pagination {font-family: 'Carbel', sans-serif; color: #212529; font-size: 14px; font-weight: 900; float: left; width: auto; margin: 0 15px;}
.premium_slider_control .premium_slider-button {width:49px; height:22px; background-position:center; background-repeat:no-repeat; cursor:pointer; float: left;}
.premium_slider_control .premium_slider-button.premium_slider-prev {background-image:url(../_img/icon/slider_btn-prev.png);}
.premium_slider_control .premium_slider-button.premium_slider-next {background-image:url(../_img/icon/slider_btn-next.png);}


@media all and (max-width:1600px){
	.premium_pdts_wrap {padding: 0 50px;}
}


@media all and (max-width:1200px){
	.premium_pdts_wrap {padding: 0;}
	.premium_pdts .collection_desc .desc_wrap {padding: 0 40px}
}

@media all and (max-width:980px){
	.premium_pdts_wrap  {margin-bottom: 0}
	.premium_pdts .pics, .premium_pdts .collection_desc {width: 100%;}
	.premium_pdts .pics {padding-bottom: 80%}
	.premium_pdts .collection_desc {padding: 40px 20px;}
	.premium_pdts .collection_desc .desc_wrap {display: block; position: relative; top: auto; left: auto; padding: 0}

}