/* BASIC css start */
@import url('https://fonts.googleapis.com/css?family=Cardo|Rozha+One|Lora:400,700|Black+Han+Sans|Do+Hyeon|Nanum+Gothic:400,700,800|Nanum+Myeongjo:400,700,800|Noto+Serif+KR:200,300,400,500,600,700,900|Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');


/*메인 텍스트 크기 조정*/
#wrap.maindeco .item-list dd ul li.prd-consumer strike, #wrap.maindeco .item-list dd ul li.prd-price {	font-size: 18px}
#wrap.maindeco .item-list dd ul li.prd-price em {font-size: 15px}

/*메인에서 날개배너 높이 조절*/
.r_wing_wrap {top: 960px!important;}
.main_section {margin: 0 auto;font-size: 0;text-align: center;display:inline-block;width: 100%;}
#video{width:700px !important; display:inline-block;}
#video img{width:100%}

/*메인레이아웃 공통*/
#intDCP {float: unset;margin-top: -7px;}
.main_ban_wrap {width: 1400px; margin: 0 auto;margin-top: 90px;text-align: right;}
.main_ban_wrap h2 {font-size: 20px;	color:#c68e89;text-align: center;font-weight: 600; font-family: 'Montserrat', sans-serif;}
.main_ban_wrap h1 {font-size: 45px;	color:#333; text-align: center; font-weight: 300; font-family: 'Noto Serif KR', serif; padding-top:25px; letter-spacing:-0.7px;}
.main_ban_wrap > div {letter-spacing: 0px;word-spacing: 0px;width: 100%;margin-bottom: 5px;}
.main_ban_wrap > div a {margin-right: 5px;}

/*메인빅배너*/
.main_roll_right {width: 700px;display: inline-block;vertical-align: top;}
.main_roll_right .numberling {	position: absolute;	left: 40px;	bottom: 40px;z-index: 2;color: #fff;}
.main_roll_right .numberling span {	font-size: 15px;}
.main_roll_right .numberling span.all {left: 190px;	position: absolute;}
#mainBnr .swiper-button-next:after, #mainBnr .swiper-button-prev:after {font-family: inherit !important;font-size: 0}
#mainBnr .swiper-container {width: 100% !important;}
#mainBnr .swiper-wrapper img{width:100%;} 
#mainBnr .swiper-pagination-progressbar {width: 157px;	height: 2px;bottom: 47px !important;top: inherit;background: #d4d4d4 !important;left: 65px;}
#mainBnr .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #fff !important}
#mainBnr .swiper-pagination-bullet {cursor: pointer;opacity: 1 !important;width: 10px !important; height:10px !important;border-radius: 10px !important;background: #aaa !important;}
#mainBnr .swiper-pagination-bullet-active {	background: #000 !important;}
#mainBnr .swiper-button-prev {bottom: 43px !important;top: inherit !important;left: 265px;background: url(//skin.makeshop.co.kr/skin/boards/img/banner_arrow.png) no-repeat;width: 17px;	height: 10px;background-size: cover;background-position: 0;}
#mainBnr .swiper-button-next {bottom: 43px;	left: 290px;background: url(//skin.makeshop.co.kr/skin/boards/img/banner_arrow.png) no-repeat;	width: 17px;height: 10px;background-size: cover;background-position: -25px;}
#mainBnr .swiper-button-next, #mainBnr .swiper-button-prev {top: inherit !important;}
#mainBnr .swiper-button-next.swiper-button-disabled, #mainBnr .swiper-button-prev.swiper-button-disabled {	cursor: pointer !important;	pointer-events: inherit !important;}

/*탭 슬라이더 공통*/
.tab_common {width: 100% !important; margin-top:50px;}
.tab_common_wrap .swiper-scrollbar {display: none}
.tab_common_wrap ul.tabs {transform: unset !important;font-size: 0;text-align: center;padding: 25px 0 0;text-align: center;display: block;}
.tab_common_wrap ul.tabs li {width:270px !important; height: 48px; display: inline-block; border:1px solid #191919; margin:0 15px !important; border-radius:50px;}
.tab_common_wrap ul.tabs li a {width: 100% !important;line-height:48px;text-align: center; font-size: 18px; font-weight: 400;color: #232323; font-family: 'Noto Sans KR', serif;}
.tab_common_wrap ul.tabs li.swiper-slide-thumb-active {height: 48px;border: 1px solid #232323; background:#232323;}
.tab_common_wrap ul.tabs li.swiper-slide-thumb-active a {line-height:48px; font-weight:500; color:#fff; font-size:19px}
.tab_common_wrap .more_pro {display: none;border: 1px solid #d5d5d5;text-align: center;margin: 50px auto;height: 58px;line-height: 54px;width: 338px;}
.tab_common_wrap .more_pro a {padding: 20px;color: #636363;font-size: 15px;font-weight: 300;}
.tab_common .slick-list {}
.tab_common .swiper-pagination {bottom: inherit !important;text-align: right;position: absolute;right: 10px !important;left: inherit;}
.tab_common .swiper-wrapper {/*padding-left:65px; padding-right:65px;*/}
.tab_common .swiper-slide {margin-right: 0 !important;font-size: 0;}
.tab_common #B-tab1 {z-index: 9;background: #fff;}
.tab_common .slick-dots li {position: relative;display: inline-block;width: 23px;height: 23px;margin: 0 3px;padding: 0;cursor: pointer;background: #d0d0d0;border-radius: 100%;}
.tab_common .slick-dots li.slick-active {background: #94223e !important;}
.tab_common .slick-dots li button {font-size: 13px !important;color: #fff !important;width: 23px;height: 23px;line-height: 23px;display: inline-block;padding: 0 !important;}
.tab_common .slick-track {margin-top: 0; width:1400px !important;}
.tab_common .swiper-pagination-bullet:last-child {margin-right: 0;}
.tab_common .swiper-pagination-bullet-active {background: #94223e !important}
.tab_common .slick-dots li button:before {content: none !important;}
.tab_common .slick-dots {height: 30px;top: 0;text-align: right;}
.tab_common .slick-prev:before {content: '＜' !important;}
.tab_common .slick-next:before {content: '＞' !important;}
.tab_common .slick-prev, .tab_common .slick-next {width: 35px !important;height: 35px !Important;top: 45% !important;border: 1px solid #eee;width: 50px !important;height: 50px !Important;background: #fff;border-radius: 100%;}
.tab_common .slick-next {background-position: center !important;background: url(//skin.makeshop.co.kr/skin/boards/img/next_arr.png) no-repeat;right: 0 !important;}
.tab_common .slick-prev {background-position: center !important;background: url(//skin.makeshop.co.kr/skin/boards/img/prev_arr.png) no-repeat;left: 0 !important;}
.tab_common .slick-prev:before, .tab_common .slick-next:before {color: #aaa !important;font-size: 35px;line-height: 0.5 !important;font-size: 0}
.tab_common .slick-prev:hover, .tab_common .slick-prev:focus {background-color: #fff !important;background: url(//skin.makeshop.co.kr/skin/boards/img/prev_arr.png) no-repeat !important;background-position: center !important;}
.tab_common .slick-next:hover, .tab_common .slick-next:focus {background-color: #fff !important;background: url(//skin.makeshop.co.kr/skin/boards/img/next_arr.png) no-repeat !important;background-position: center !important;}


/* section common */
.section{margin-bottom:80px;}
.section h2{text-align:center; color:#222222; font-size:28px; font-weight:500; font-family:'Noto Sans KR', sans-serif; margin-bottom:40px; }
.sec_inner{/*width:1280px;*/ margin: 0 auto;}
.section .more_item{display:flex; align-items: center; justify-content: center;margin-top:60px}
.section .more_item a{display:flex; align-items:center; transition:all .2s; justify-content:center; gap:10px; border:1px solid #ccc; padding:20px 130px;}
.section .more_item a:hover{border-color: #000;}
.section .more_item a p{color:#000; font-size:15px; font-weight:500;}
.section .more_item a img{}

/* sec1 */
#sec1{width:100%;}
#sec1 .swiper{padding-bottom:120px;}
#sec1 .swiper ul{margin-left:calc((100% / 3) / 1);}
#sec1 .swiper ul li{transition:opacity .2s; width: calc(100% / 3); margin-right:30px !important;}
#sec1 .swiper>ul>li:not(.swiper-slide-active,.swiper-slide-next){opacity: .3;}
#sec1 .swiper ul li a{display:block; width:100%;}
#sec1 .swiper ul li a img{width:100%;}
#sec1 .swiper ul li .txt_area{padding-top:15px;}
#sec1 .swiper ul li .txt_area p{font-family:'Noto Sans KR', sans-serif; text-align:left;}
#sec1 .swiper ul li .txt_area p.big{color:#222; font-size:24px; font-weight:500; margin-bottom:8px;}
#sec1 .swiper ul li .txt_area p.small{color:#999999; font-size:16px; font-weight:400;}
#sec1 .swiper .btn_wrap{padding:30px; position:absolute; z-index:4; bottom:0; left:50%; transform:translateX(-50%); width:max-content; display:flex; align-items:center;}
#sec1 .swiper .btn_wrap>*{}
#sec1 .swiper .btn_wrap>ul{display:flex;align-items:center; gap:3px;}
#sec1 .swiper .btn_wrap>ul li:not(:has(.swiper-pagination)){border:1px solid #afafaf;}
#sec1 .swiper .btn_wrap>ul li>div:has(img){display:flex; align-items:center; justify-content:center; width:25px; height:25px;}
#sec1 .swiper .btn_wrap>ul li .swiper_prev{cursor:pointer;}
#sec1 .swiper .btn_wrap>ul li .swiper_prev img{}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination{position:unset; color:#afafaf; font-size:15px; display:flex; align-items:center; gap:1px;}
#sec1 .swiper .btn_wrap>ul li:has(.swiper-pagination){margin: 0 10px;}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span{display:inline-block; font-size:16px; font-weight:500; font-family: 'Jost', sans-serif;}
#sec1 .swiper .btn_wrap>ul li .swiper-pagination span.swiper-pagination-current{color: #000;}
#sec1 .swiper .btn_wrap>ul li .swiper_next{cursor:pointer;}
#sec1 .swiper .btn_wrap>ul li .swiper_next img{}
#sec1 .swiper .btn_wrap .control{margin-left:8px;}
#sec1 .swiper .btn_wrap .control a{cursor:pointer; display:flex; transition:all .1s; align-items:center; justify-content:center; width:25px; height:25px; border:1px solid #afafaf;}
#sec1 .swiper .btn_wrap .control a.clicked{background-color:rgb(233, 233, 233);}
#sec1 .swiper .btn_wrap .control a img{}



#sec2{margin-top:30px;}
#sec2 .sec2_top{}
#sec2 .sec2_top .sec_inner{}
#sec2 .sec2_top .sec_inner p.main_tit{font-family:'Noto Sans KR',sans-serif; font-size:34px; color:#191919; font-weight:500; text-align:center; padding-bottom:120px; position:relative;}
#sec2 .sec2_top .sec_inner p.main_tit::after{content: ""; display:block; position:absolute; width:1px; height:60px; background-color:#ddd; left:50%; transform:translateX(-50%); bottom:30px;}
#sec2 .sec2_top .sec_inner p.sub_tit{line-height:1.8; font-family:'Noto Sans KR', sans-serif; color:#888; font-size:18px; font-weight:400; text-align:center;margin-bottom:80px;}
#sec2 .sec2_bottom{width:100%;}
#sec2 .sec2_bottom a{display:block; width:100%;}
#sec2 .sec2_bottom a img{width:100%;}


#sec3{margin-top:30px;}
#sec3 .sec3_top{}
#sec3 .sec3_top .sec_inner li{display:inline-block; width:19.9%; border-right:1px solid #ddd;}
#sec3 .sec3_top .sec_inner li:first-child{border-left:1px solid #ddd;}
#sec3 .sec3_top .sec_inner p.main_tit{font-family:'Noto Sans KR',sans-serif; font-size:25px; color:#191919; font-weight:500; text-align:center; position:relative; }
#sec3 .sec3_top .sec_inner p.sub_tit{line-height:1.8; font-family:'Noto Sans KR', sans-serif; color:#888; font-size:20px; font-weight:400; text-align:center; padding-bottom:10px;}
#sec3 .sec3_bottom{width:100%;}
#sec3 .sec3_bottom a{display:block; width:100%;}
#sec3 .sec3_bottom a img{width:100%;}


/*이벤트*/
#event {border-top: 1px solid #e7e7e7; padding-top:100px; margin:100px 0; }
#event .planner {width: 1000px !important; display:inline-block; font-size:0;}
#event .planner li {display:inline-block; width:470px;	margin-left:30px; vertical-align:top;}
#event .planner li a {display: block;}
#event .planner a img {width: 100%}
#event .planner .info {text-align: left;padding-top: 25px}
#event .planner .info h4 {font-size: 20px;color: #222222; font-weight:500;}
#event .planner .info h4 em {color: #8247aa;font-weight: bold;font-size: 25px;letter-spacing: -1px;	font-family: 'Spoqa Han Sans';	padding-left: 7px;}
#event .planner .info p {font-size: 15px;font-weight: 300;	padding-top: 13px;line-height: 1.5;color: #565656;}
#event ul {margin: -40px 0;display: table;}
#event h2 {text-align: left;float: left;margin: 0;color: #24282c;font-weight: 800;letter-spacing: -1px;	font-size: 31px;font-family: 'NanumSquareRound',sans-serif;}


/* map */
#map { padding:30px 50px 16px; margin:0 auto; display:block;}
#map h3{ padding-top: 10px; margin:0 auto; display:block; font-weight:700; font-size:16px !important; color:#333;}
#map p{ padding:0 10px 10px; display:block; font-size:13px !important; color:#919191; }
#map a{display:block; padding-bottom:10px; font-size:13px; color:#919191;}  
#tabProduct .newCate_prod .slideList li #map { padding:30px 0px 16px 0; margin:0 auto; display:inline-block;  }
#tabProduct .newCate_prod .slideList li #map h3{ font-family: 'Nanum Gothic', sans-serif; padding-top: 10px; padding-bottom:5px; margin:0 auto; display:block; font-weight:700; font-size:20px; color:#333;}
#tabProduct .newCate_prod .slideList li #map p{ padding-left: 10px; padding-right: 10px; display:block; font-size:15px; color:#919191; }
#tabProduct .newCate_prod .slideList li #map a{ font-family: 'Nanum Gothic', sans-serif; display:block; padding-bottom:10px; font-size:13px; color:#919191;}  
#map1 { padding:30px 0px 16px 0; margin:0 auto; display:inline-block;  }
#map1 h3{ padding-top: 10px; margin:0 auto; display:block; font-weight:700; font-size:16px !important; color:#333;}
#map1 p{ padding:5px 10px 10px; display:block; font-size:13px !important; color:#919191; }
#map1 a{ font-family: 'Nanum Gothic', sans-serif; display:block; padding-bottom:10px; font-size:13px; color:#919191;}  

#container {margin-top:20px; align:center;margin:0 auto; width:1330px;}

.jb-h1 {font-size:20px; align:center; padding:0px 0 30px 0; color:#a38b77; font-weight:500; letter-spacing:-.3px; line-height:30px;}
.jb-h3 {font-size:34px; color:#191919;font-family: 'Noto Serif KR', sans-serif;}
.jb-h2 {font-size:21px; padding:20px 0 10px 0; color:#191919;margin-bottom:70px;font-family: 'Noto Serif KR', sans-serif; font-weight:300;}
.jb-h4 {font-family: 'Nanum Gothic', sans-serif; font-size:20px; padding:50px 0 10px 0; color:#bc6363; font-weight:700;}

/* BASIC css end */