@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------*/
/* 1. Reset
/*-----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, span, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; color:inherit; font-family:'Noto Sans KR', '?��?', Dotum, sans-serif; font-size:14px; line-height:normal; vertical-align:baseline;}
figure, figcaption {display: block;}
table {border-collapse: collapse;}
ol, ul, li {list-style: none;}
a, a:hover {text-decoration: none;cursor:pointer;}
button {outline: 0; border: 0; background: 0; padding: 0;cursor:pointer;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
em {font-style: inherit;}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
@font-face {
	font-family: 'NanumGiBbeumBarkEum';
	font-style: normal;
	src: local('NanumGiBbeumBarkEum');
	src: local('NanumGiBbeumBarkEum.eot');	
	src: local('Nanum/NanumGiBbeumBarkEum.ttf'),
url('..//newch/inc/css/inc/font/Nanum/NanumGiBbeumBarkEum.woff2') format('woff2'),
url('..//newch/inc/css/inc/font/Nanum/NanumGiBbeumBarkEum.woff') format('woff'),
url('..//newch/inc/css/inc/font/Nanum/NanumGiBbeumBarkEum.eot') format('eot'),
url('..//newch/inc/css/inc/font/Nanum/NanumGiBbeumBarkEum.ttf') format('truetype');
}


@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 900;
    src: url(pre/Pretendard-Black.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 800;
    src: url(pre/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 700;
    src: url(pre/Pretendard-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 600;
    src: url(pre/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 500;
    src: url(pre/Pretendard-Medium.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 400;
    src: url(pre/Pretendard-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 300;
    src: url(pre/Pretendard-Light.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 200;
    src: url(pre/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
	font-family: 'Pretendard','Noto Sans KR', sans-serif;
    font-weight: 100;
    src: url(pre/Pretendard-Thin.woff) format('woff');
}

html, body {height: 100%;font-synthesis: none;}
.font-en {font-family: 'Roboto'; font-weight: 400;}

@media only screen and (max-width: 1024px) {/**pc?�서�?줄바�?*/
	br.pcbr {display: none;}
}
@media only screen and (min-width: 1024px) {/**모바?�에?�만 줄바�?*/
	br.mbr {display: none;}
}

.accordion-header {color:#fff;}

.clear:after {
	content: "";
	display: block;
	clear: both;
}
.wrap:after {
	content: "";
	display: block;
	clear: both;
}
/* form (input/select) */
sup{display:inline-block;width:8px;height:6px;margin:-10px 0 0 2px;font-size:0;line-height:0;vertical-align:middle;background:url(/newch/images/common/ico_import.gif) no-repeat 0 0}
.inputItem{position:relative;padding:12px 0;line-height:40px;font-size:16px;color:#323236;border-bottom:1px solid #eee;;box-sizing:border-box;}
.inputItem.bdl{border-left:1px solid #eee}
.inputItem .desc,
.inputItem .desc2{display:inline-block;margin-left:10px;color:#528ec2;vertical-align:top;}
.inputItem .insert{display:inline-block;margin: 1%;}
.inputItem span.pw_desc{font-size:15px;color:#005aab}

.inputItem strong{display:inline-block;width:125px;font-size:16px;font-weight:500;color:#333;vertical-align:top;}
.inputItem label{cursor:pointer;font-size:15px;color:#646464}
.inputItem input{width:140px;height:40px;padding-left:10px;font-size:14px;background:#fff;border:1px solid #dee1e4;font-family:'Lato','Noto Sans KR';vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0px;box-sizing:border-box;}
.inputItem input.iFull{width:calc(100% - 128px)}
.inputItem input::placeholder{color:#646464;font-family:'Lato','Noto Sans KR';}

.inputItem input[type="radio"]{display:inline-block;margin:-2px 7px 0 0;padding:0;width:20px;height:20px;vertical-align:middle;-webkit-appearance:none;border-radius:0;border:0;cursor:pointer }
.inputItem input[type="checkbox"]{display:inline-block;margin:0 10px 0 0;padding:0;width:18px;height:18px;vertical-align:middle;-webkit-appearance:none;border-radius:0;border:0;cursor:pointer }
.inputItem input[type="radio"]{background:url(/newch/images/common/bg_input.png) no-repeat -18px 0}
.inputItem input[type="checkbox"]{background:url(/newch/images/common/bg_input.png) no-repeat 0 0;}
.inputItem input[type="checkbox"]:checked{background-position:0 -18px;}
.inputItem input[type="radio"]:checked{background-position:-18px -20px;}

.inputItem select{overflow:visible;display:inline-block;width:80px;height:40px;color:#333;padding:5px 10px;border:0;font-family:'Lato','Noto Sans KR';vertical-align:top;font-size:14px;border-bottom:2px solid #323236;border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(/newch/images/common/selectbox_arrow_d.gif) no-repeat 100% 50%;box-sizing:border-box;}
.inputItem select.mypage{margin:20px 0;height:40px;text-align:center;font-size:15px;background:#fff;border:1px solid #333;box-sizing:border-box;}
.inputItem select option{color:#333}
.inputItem select::-ms-expand{display:none;}

.inputItem .iFile input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} 
.inputItem .iFile label{margin-left:10px;color:#fff;vertical-align:inherit;}
.inputItem .iFile .uploadName{display:inline-block;width:calc(100% - 142px);margin-right:-3px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.inputItem textarea{overflow-y:auto;width:calc(100% - 128px);min-height:300px;padding:15px;resize:none;font-family:'Lato', 'Noto Sans KR', Tahoma, Geneva, sans-serif;color:#333;border:1px solid #dee1e4;box-sizing:border-box;}

input[type="tel"]{width:calc((100% - 9px)/ 3);padding-left:0;color:#333;text-align:center}
input[type="date"],
input.calendar{width:100px;background:#fff url(/newch/images/common/bg_input_date.png) no-repeat 100% 50%}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button,
input.calendar::-webkit-clear-button,
input.calendar::-webkit-inner-spin-button{display:none;}
input[type="date"]::-webkit-calendar-picker-indicator,
input.calendar::-webkit-calendar-picker-indicator{width:26px;height:38px;color:transparent;cursor:pointer;background:transparent;}

@media screen and (max-width: 768px) {
.inputItem input.iFull {width: 100%; max-width: inherit;}
}
/****?�품 ?�세?�이지 - prod-detail****/

/**컬러 �?*/
.ColorW {color: #fff;}
.ColorB {color: #333;}
.mint {color: #28a9a9;}

/**860px ?�세?�이지 ?��?지 ?�기 지??*/
img.size_860 {width: 100%; max-width: 860px;}


/**?�세?�이지 본문 ?�작**/
.proddetail_wrap {
	position: relative;
	margin: 185px auto 0;
	color: #333 !important;
}
/*@media screen and (max-width: 1024px) {
	.proddetail_wrap {
		margin: 10% auto 0;
	}
}
@media screen and (max-width: 768px) {
	.proddetail_wrap {
		margin: 12% auto 0;
	}
}
@media screen and (max-width: 500px) {
	.proddetail_wrap {
		margin: 25% auto 0;
	}
}*/
.proddetail_wrap .Tit {
	margin: 0 5%;
}
.proddetail_wrap .Tit p {
	font-size: 26px;
	font-weight: 500;
}

.proddetail_wrap .section--00 .prod__mainimage img {
	width: 100%;
}

.proddetail_wrap .prod {
	margin: 2% 0 0;
	position: relative;
}
.proddetail_wrap .prod .prodtop_wrap {
	/*position: relative;*/
}
@media screen and (max-width: 1024px) {
	.prodtop_wrap .prod--main {
		max-height: 683px;
	}
}
@media screen and (max-width: 768px) {
	.proddetail_wrap .Tit p {	
		font-size: 20px;
	}
	.prodtop_wrap .prod--main {
		max-height: 512px;
	}
	.section--00 .page_title__wrap .overview_text {
		font-size:1.2em!important;
		line-height:1.5em!important;
	}
	.detail_plus {
		font-size: 0.9em !important;
	}
}
@media screen and (max-width: 500px) {
	.prodtop_wrap .prod--main {
		max-height: 333px;
	}
	.section--00 .page_title__wrap .overview_text {
		font-size:1.2em!important;
		line-height:1.5em!important;
	}
	.detail_plus {
		font-size: 0.9em !important;
	}
}


/**video**/	
.container_Video {
	position: relative;
	width: 100%;
	min-height: 57vw;
	max-height: 800px;
}
#video_pause {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
.btn_pause_area {
	position: absolute;
	left: 5%;
	bottom: 8%;
	z-index: 4;
}
#btn_pause {
  width: 92px;
  height: 92px;
  cursor: pointer;
}

/**sub-navigation**/
.pro_top_wrap .sub_navi {
	margin: 0 5%;
	height: 30px;
	position: relative;
}

.request_cj {margin:-2% 5% 2%; text-align:right;}
.request_cj>a {margin-left:25px;}

@media screen and (max-width: 768px) {
	.pro_top_wrap .sub_navi {
		margin: -1% 5% 5%;
		overflow-x: auto;
		overflow-y: hidden;
	}
}
.pro_top_wrap .sub_navi ul {
	display: table;
	width: 100%;
	white-space: nowrap;
}
.pro_top_wrap .sub_navi ul li {
	display: inline-block;
	
	font-weight: 300;
	margin: 0 10px;
	cursor: pointer;
}
.pro_top_wrap .sub_navi ul li a {font-size: 16px;}
@media screen and (max-width: 768px) {
	.pro_top_wrap .sub_navi ul li a {font-size: 14px;}
}
.pro_top_wrap .sub_navi ul li:first-child {
	margin-left: 0;
}
.pro_top_wrap .sub_navi ul > .active {
	font-weight: 600;
}
.pro_top_wrap .sub_navi ul li:last-child:after {
	content: '';
	margin-right: 0;
}
.pro_top_wrap .i_buy, .pro_top_wrap .i_inquire, .pro_top_wrap .i_inquire1 {
	font-size: 14px;
}
.pro_top_wrap .i_buyES {
	
}

@media screen and (max-width: 1400px) {
	.pro_top_wrap .i_buyES {
		right: 24% !important;
	}
	.pro_top_wrap .i_buy, .pro_top_wrap .i_inquire {
		right: 14%;
	}
}


@media screen and (max-width: 1024px) {
	.pro_top_wrap .i_buyES {
		right: 33% !important;
	}
	.pro_top_wrap .i_buy, .pro_top_wrap .i_inquire {
		right: 18%;
	}
}
@media screen and (max-width: 768px) {
	.pro_top_wrap .i_buy, .i_buy:before, .pro_top_wrap .i_inquire,  .i_inquire, .i_inquire1 {
		display: none; /*mobile-only*/
	}
}
.pro_top_wrap .i_buy:before {	
	content: '';
	/*background: url(/newch/images/fi-rr-credit-card.svg) no-repeat;*/
	background: url(/newch/images/naver.png) no-repeat;
	width: 20px;
	height: 22px;
	background-size: 20px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.pro_top_wrap .i_inquire:before {	
	content: '';
	background: url(/newch/images/fi-rr-edit-2.svg) no-repeat;
	width: 20px;
	height: 22px;
	background-size: 20px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

 .pro_top_wrap .i_inquire1:before {	
	content: '';
	background: url(/newch/images/fi-rr-call2.png) no-repeat;
	width: 20px;
	height: 22px;
	background-size: 20px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.request_cj>a:hover {
	opacity: 0.7;
}	
@media screen and (min-width: 769px) {/*mobile-only*/
	.mo--pro_bottom_wrap {
		display: none;
	}
}
@media screen and (max-width: 768px) {/*mobile-only*/
	.mo--pro_bottom_wrap {
		position: fixed;
		z-index: 5;
		left: 0;
		bottom: 50px;
		width: 100%;
	}
	.mo--pro_bottom_wrap .viewport {
		display: flex;
	}
	.mo--pro_bottom_wrap .viewport .buy--btn, .mo--pro_bottom_wrap .viewport .buy--btn2, .mo--pro_bottom_wrap .viewport .buy--btn3  {
		/*width: 120px;*/
		width: 100%;
		margin: 0 auto;
		background-color: #29a9a8;
		line-height: 45px;
		color: #fff;
		text-align: center;
		border-radius: 0px;
		box-shadow: 3px 3px 5px 0px #3333334a;
	}	
	 .mo--pro_bottom_wrap .viewport .buy--btn2,  .mo--pro_bottom_wrap .viewport .buy--btn3  {
		/*width: 120px;*/
		width: calc(100% - 1px);
		border-left:1px solid #fff;
	}
	.mo--pro_bottom_wrap .viewport .buy--btn:before {	
		content: '';
		/*background: url(/newch/images/fi-rr-credit-card-w.svg) no-repeat;*/
		background: url(/newch/images/naver1.png) no-repeat;
		width: 20px;
		height: 23px;
		background-size: 20px;
		display: inline-block;
		margin-right: 5px;
		vertical-align: middle;
	}
	.mo--pro_bottom_wrap .viewport .buy--btn2:before {	
		content: '';
		background: url(/newch/images/fi-rr-edit-2-w.svg) no-repeat;
		width: 20px;
		height: 23px;
		background-size: 20px;
		display: inline-block;
		margin-right: 5px;
		vertical-align: middle;
	}
	.mo--pro_bottom_wrap .viewport .buy--btn3:before {	
		content: '';
		background: url(/newch/images/fi-rr-call21.png) no-repeat;
		width: 20px;
		height: 23px;
		background-size: 20px;
		display: inline-block;
		margin-right: 5px;
		vertical-align: middle;
	}
}
.pro_top_wrap .i_share {
	font-size: 14px;
}
@media screen and (max-width: 768px) {
	.pro_top_wrap .i_share {
		font-size: 14px;
		top: 60%;
	}
}
.pro_top_wrap .i_share:before {
	content: '';
	background: url(/newch/images/fi-rr-link.svg) no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
	background-size: 18px;
}
@media screen and (max-width: 768px) {
	.pro_top_wrap .i_share:before {
		background-size: 14px;
		width: 16px;
		height: 18px;
		margin-right: 5px;
	}
}
.pro_top_wrap .i_share:hover {
	opacity: 0.7;
}

.pro_top_wrap .i_filter_area {
	position: absolute;
	top: 0.5%;
	right: 5%;
}
.pro_top_wrap .i_filter {
	cursor: pointer;
}


.prod_detail__wrap {
	position: relative;
	height: auto;
	padding-top: 100px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.prod_detail__wrap {padding-top: 70px;}
}

.prod_detail__wrap .section--00 {
	width: 100%;
}
.prod_detail__wrap .section--00 .prod__mainimage img {
	width: 100%;
}
.section--00 .page_title__wrap {
	position: relative;
	width: 100%;
	margin: 3% auto 11%;
	
}
@media screen and (max-width: 768px) {
	.section--00 .page_title__wrap {
		width: 90%;
	}
}
.section--00 .page_title__wrap .label__block {
	display: inline-block;
	margin-bottom: 1%;
	font-size: 20px;
	color: #999;
}
@media screen and (max-width: 768px) {
	.section--00 .page_title__wrap .label__block {
		font-size: 1em;
	}
}
.proddetail_wrap .prod__mainimage {
	width:100%; max-width:1200px; margin:0 auto 210px;
}
.section--00 .page_title__wrap .page__title {
	max-width: 980px;
	margin: 0 auto 50px !important;
	font-size: 48px !important;
	line-height: 64px;
	font-weight: 500;
	letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
	.section--00 .page_title__wrap .page__title {
		margin: 0 auto 30px !important;
		font-size: 2.5em !important;
		line-height: 46px;
	}
	.proddetail_wrap .prod__mainimage {
		margin:0 auto 130px;
	}
}
.section--00 .page_title__wrap .overview_text {
	max-width: 768px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	word-break: keep-all;
	line-height: 1.5em;
	color: #333!important;
	margin: 0 auto 20px !important;
	letter-spacing: -0.2px;
}
.detail_plus {
	max-width: 768px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.1em;
	font-weight: 400;
	word-break: keep-all;
	line-height: 36px;
	color: #777;
	margin: 0 auto;
	letter-spacing: 0px;
}
/*.section--00 .page_title__wrap .section__tit-Add {
	font-size: 12px;
	font-weight: 300;
	opacity: 0.7;
	margin-top: 5%;
}*/
.section__tit-Add {
	font-size: 12px !important;
	font-weight: 300 !important;
	margin-top: 5% !important;
}

/**sectionA--main**/
.sectionA--01, .sectionA--02, .sectionA--03, .sectionA--04, .sectionA--05, .sectionA--06, .sectionA--07, .sectionA--08 {
	position: relative;
	box-sizing: border-box;
	padding: 5% 2%;
	height: 683px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 768px) {
	.sectionA--01, .sectionA--02, .sectionA--03, .sectionA--04, .sectionA--05, .sectionA--06, .sectionA--07, .sectionA--08 {
		padding: 20% 0;
		height: 580px;
		display: flex;
		align-items: center;
	}
}

/**section--sub**/
.section--01, .section--02, .section--03, .section--04, .section--05, .section--06, .section--07, .section--08, .section--09, .section--10, .section--11, .section--12, .section--13, .section--14 {
	position: relative;
	box-sizing: border-box;
	padding: 5% 2%;
	height: 800px;
	color: #333;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 768px) {
	.section--01, .section--02, .section--03, .section--04, .section--05, .section--06, .section--07, .section--08, .section--09, .section--10, .section--11, .section--12, .section--13, .section--14 {
		height: 333px;
		margin-bottom: 350px;
	}
}

.contents_wrapA {
	width: 1100px;
	margin: 0 auto;
	text-align: left;					
}
@media screen and (max-width: 1024px) {
	.contents_wrapA {
		max-width: 880px;
	}
}
@media screen and (max-width: 768px) {
	.contents_wrapA {
		width: 90%;
		display: flex;
		align-items: flex-end;
	}
}
@media screen and (max-width: 500px) {
	.contents_wrapA {
		position: absolute;
		bottom: 8%;
		left: 5%;
		align-items: normal;
	}
}

.contents_wrap {
	width: 1300px;
	margin: 0 auto;
	text-align: left;					
}
@media screen and (max-width: 1024px) {
	.contents_wrap {
		max-width: 880px;
	}
}
@media screen and (max-width: 768px) {
	.contents_wrap {
		width: 90%;
		position: absolute;
		top: 110%;
		left: 5%;
		right: 5%;
		align-items: normal;
	}
}
.contents--R {
	margin-left: 59%;
}
.contents--L {
	margin-right: 59%;
}
@media screen and (max-width: 768px) {
	.contents_wrap .contents--R, .contents_wrap .contents--L {
		color: #333;
	}
	.contents--R {
		margin-left: 0;
	}
	.contents--L {
		margin-right: 0;
	}	
}
.section__title {
	margin-bottom: 24px;
	font-size: 35px;
	line-height: 46px;
	font-weight: 500;
}
@media screen and (max-width: 768px) {
	.section__title {
		font-size: 24px;
		line-height: 36px;
	}	
}
.contents_wrap p, .contents_wrapA p {
	font-size: 18px;
	font-weight: 400;
}
@media screen and (max-width: 768px) {	
	.contents_wrap p, .contents_wrapA p {		
		font-size: 14px;
	}
}

.section__btn--W {
	position: relative;
	display: block;
	margin: 20px auto 0 0;
	width: 180px;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border: solid 1px #fff;
}
.section__btn--B {
	position: relative;
	display: block;
	margin: 20px auto 0 0;
	width: 180px;
	color: #333;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border: solid 1px #333;
}
.section__btn--W:after {
	content: '';
    margin-left: 10px;
    background: url(/newch/images/fi-rr-angle-right-w.svg) no-repeat;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 40%;
}
.section__btn--B:after {
	content: '';
    margin-left: 10px;
    background: url(/newch/images/fi-rr-angle-right.svg) no-repeat;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 40%;
}
.section__btn--W:hover, .section__btn--B:hover {
	background: #fff;
	transition: 0.5s ease;
}

/**?�스?�레카페 tab**/
.section--tab .espre_logo {
	margin: 10% auto 7%;
}
.section--tab .espre_logo > img {
	max-width: 400px; 
	width: 60%;
}
.section--tab .espre_logo > p {
	margin-top: 30px; 
	font-size: 20px;
	color: #666;
	font-weight: 300;
}
.section--tab .warpper {}
.section--tab .tabs {
	display: flex;
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.section--tab .tabs {
		display: inline-block !important;
		overflow-x: scroll;
		white-space: nowrap;
	}
}
.section--tab .tab {
	cursor: pointer;
	padding: 1% 0;
	margin: 0 2px;
	width: calc(100% / 3);
	color: #999;
	font-weight: 300;
	font-size: 18px;
	border-bottom: 3px solid #eee;
}
@media screen and (max-width: 768px){
	.section--tab .tab {
		display: inline-block;
	}
}
.section--tab .tab:before {
	content: "";
	display: none;
	height: 2px;
	width: 100%;
	transform: scaleX(0);
	position: absolute;
	bottom: -1px;
	left: 0px;
	background-color: rgb(0, 0, 0);
	transform-origin: left center;
	transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
.section--tab .panels {
	width: 100%;
	max-width: 1920px;
	position: relative;
	overflow: hidden;
	padding: 70px 0;  
}
.section--tab .panels .cap_bpa {
	position: absolute;
	top: -5%;
	left: 45%;
	z-index: 2;
}
.section--tab .panels .cap_bpa img {
	max-width: 100px;
}
.section--tab .panel {
	display: none;
	animation: fadein .8s;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
}
.section--tab .panel > p {
	margin: 5% auto 10%;
}
.section--tab .panel > p > img {
	width: 90%;
}
@keyframes fadein {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
.section--tab .panel-type {
	width: 40%;
	max-width: 450px;
	display: inline-block;
	font-weight: 300;
	margin-right: 5%;
}
@media screen and (max-width: 1024px) {							
	.section--tab .panel-type {
		width: 100%;
		margin-right: 0;
	}						
}
@media screen and (max-width: 768px) {						
	.section--tab .panel-type {
		/*display: flex;*/
		max-width: 900px;
		letter-spacing: -0.6;
	}			
}
.section--tab .panel-type--img {
	position: relative;
	top: 0;
	left: 5%;
}
.section--tab .panel-type--img > img {
	height: 400px;
	width: auto;
}
.section--tab .panel-type--tit > p {
	font-size: 24px;
	line-height: 36px;
	margin: -45px auto 10px;
}
.section--tab .panel-type--tit > span {
	color: #666;
}
.section--tab .panel-type--tit > ul {
	display: flex; 
	margin-top: 20px;
}
.section--tab .panel-type--tit > ul > li {
	width: calc(100% / 2); 
	text-align: left;
}
.section--tab .panel-type--tit > ul > li:first-child {
	margin-right: 5%;
}
.section--tab .panel-type--tit  dl {
	width: 100%;
}
.section--tab .panel-type--tit  dl dt {
	width: 30%; 
	float: left; 
	height: 25px; 
	line-height: 25px;
	color: #ab7558; 
	font-weight: 600; 
	font-size: 12px;
}
.section--tab .panel-type--tit  dl dd {
	width: 70%; 
	float: right; 
	height: 25px; 
	line-height: 25px;
	color: #999; 
	font-weight: 400; 
	font-size: 12px;
}
.section--tab .panel-type--tit > ul .espre-bar-warp {
	width: 100%;
	height: 15px;
	line-height: 25px;
	background-color: #f3f3f3;
	border-radius: 50px;
	box-shadow: inset 2px 2px 0 0 #b9b9b9;
	margin-top: 5px;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .espre-bar {
	height: 3px;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .bar {
	height: 15px;
	background: #b9b6b4;
	border-radius: 50px;
	opacity: 0.3;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barte--01 {
	width: 50%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barte--02 {
	width: 80%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barte--03 {
	width: 70%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barte--04 {
	width: 70%;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barte--05 {
	width: 60%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bcolombia--01 {
	width: 90%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bcolombia--02 {
	width: 70%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bcolombia--03 {
	width: 90%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bcolombia--04 {
	width: 80%;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bcolombia--05 {
	width: 20%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bdecafe--01 {
	width: 20%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bdecafe--02 {
	width: 90%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bdecafe--03 {
	width: 60%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bdecafe--04 {
	width: 20%;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bdecafe--05 {
	width: 80%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bvanilla--01 {
	width: 40%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bvanilla--02 {
	width: 90%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bvanilla--03 {
	width: 60%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bvanilla--04 {
	width: 30%;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bvanilla--05 {
	width: 70%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barabica--01 {
	width: 60%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barabica--02 {
	width: 70%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barabica--03 {
	width: 70%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barabica--04 {
	width: 80%;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Barabica--05 {
	width: 50%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bmorning--01 {
	width: 20%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bmorning--02 {
	width: 100%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bmorning--03 {
	width: 60%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bmorning--04 {
	width: 20%;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bmorning--05 {
	width: 80%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bjamaica--01 {
	width: 80%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bjamaica--02 {
	width: 80%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bjamaica--03 {
	width: 80%; 
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bjamaica--04 {
	width: 90%;
}
.section--tab .panel-type--tit > ul .espre-bar-warp .Bjamaica--05 {
	width: 40%; 
}
.section--tab .panel-type--tit:after {
	border-right: 2px dotted #ddd;
	margin: 0 10px;
}

.section--tab .panel-map {
	position: relative; 
	width: 60%;
}
@media screen and (max-width: 1024px) {
	.section--tab .panel-map {
		width: 100%;
		height: 500px;
		margin-top: 10%;
	}	
}
@media screen and (max-width: 768px) {
	.section--tab .panel-map {
		height: 300px;
	}	
}
.section--tab .panel-map .mapimg {
	width: 100%; 
	height: 100%; 
	background: url('/newch/images/espre/map.png') no-repeat center; 
	background-size: 90%;
}	
@media screen and (max-width: 768px) {		
	.section--tab .panel-map .mapimg {
		background-position-y: 25%;
	}		
}
@media screen and (max-width: 768px) {		
	.section--tab .panel-map .mapimg span {
		font-size: 12px;
	}
}
.section--tab .mapimg > .pin_colombia {
	position: absolute; 
	bottom: 39%; 
	left: 21%; 
	font-weight: 500; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_colombia {
		bottom: 47%;
		left: 19%;
	}
}
.section--tab .mapimg > .pin_onduras {
	position: absolute; 
	bottom: 55%; 
	left: 13%; 
	font-weight: 500; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_onduras {
		bottom: 60%;
		left: 8%;
	}
}
.section--tab .mapimg > .pin_india {
	position: absolute; 
	bottom: 55%; 
	right: 32%; 
	font-weight: 500; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_india {
	}
}
.section--tab .mapimg > .pin_vietnam {
	position: absolute; 
	bottom: 50%; 
	right: 23%; 
	font-weight: 500; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_vietnam {
		bottom: 60%;
		right: 20%;
	}
}
.section--tab .mapimg > .pin_jamaica {
	position: absolute; 
	bottom: 50%; 
	left: 20%; 
	font-weight: 500; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_jamaica {
		bottom: 55%;
	}
}
.section--tab .mapimg > .pin_brasil {
	position: absolute; 
	bottom: 32%; 
	left: 26%; 
	font-weight: 500; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_brasil {
		bottom: 44%;
		left: 23%;
	}
}
.section--tab .mapimg > .pin_papua {
	position: absolute; 
	bottom: 35%; 
	left: 85%; 
	font-weight: 500; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_papua {
		bottom: 46%;
		left: 81%;
	}
}
.section--tab .mapimg > .pin_uganda {
	position: absolute; 
	bottom: 42%; 
	left: 52%; 
	font-weight: 500; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_uganda {
		bottom: 50%;
		left: 50%;
	}
}

.section--tab .mapimg > .pin_colombia:before, .section--tab .mapimg > .pin_onduras:before, .section--tab .mapimg > .pin_india:before, .section--tab .mapimg > .pin_vietnam:before, .section--tab .mapimg > .pin_jamaica:before, .section--tab .mapimg > .pin_brasil:before, .section--tab .mapimg > .pin_papua:before, .section--tab .mapimg > .pin_uganda:before {
	content:''; 
	position: absolute; 
	bottom: 88%; 
	left: 25%; 
	background: url('/newch/images/espre/coffeebeans.gif')no-repeat; 
	background-size: 20px; 
	width: 25px; 
	height: 55px;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > .pin_colombia:before, .section--tab .mapimg > .pin_onduras:before, .section--tab .mapimg > .pin_india:before, .section--tab .mapimg > .pin_vietnam:before, .section--tab .mapimg > .pin_jamaica:before, .section--tab .mapimg > .pin_brasil:before, .section--tab .mapimg > .pin_papua:before, .section--tab .mapimg > .pin_uganda:before {
		background-size: 15px;
		width: 15px; 
		height: 40px;
	}
}
.section--tab .mapimg > p {
	width: 70%; 
	position: absolute; 
	bottom: 7%; 
	right: 0; 
	left: 0; 
	margin: 0 auto; 
	font-weight: 300; 
	color: #666;
}
@media screen and (max-width: 768px) {
	.section--tab .mapimg > p {
		width: 90%;
		font-size: 12px;
		bottom: 13%;
	}
}
.section--tab .radio {
  display:none;
}
#one:checked ~ .panels #one-panel, #two:checked ~ .panels #two-panel, #three:checked ~ .panels #three-panel, #four:checked ~ .panels #four-panel, #five:checked ~ .panels #five-panel, #six:checked ~ .panels #six-panel, #seven:checked ~ .panels #seven-panel {
	display: flex;
}
@media screen and (max-width: 1024px) {
	#one:checked ~ .panels #one-panel, #two:checked ~ .panels #two-panel, #three:checked ~ .panels #three-panel, #four:checked ~ .panels #four-panel, #five:checked ~ .panels #five-panel, #six:checked ~ .panels #six-panel, #seven:checked ~ .panels #seven-panel {
		display: inline-block;
	}						
}
#one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab, #three:checked ~ .tabs #three-tab, #four:checked ~ .tabs #four-tab, #five:checked ~ .tabs #five-tab, #six:checked ~ .tabs #six-tab, #seven:checked ~ .tabs #seven-tab {
	color: #333;
	font-weight: 600;
	border-bottom: 3px solid #ab7558;
}

/**awards ?�워�?*/
.section--awards {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10% 0;
	color: #333;
	background: #eef0f5;
}
@media screen and (max-width: 768px) {
	.section--awards {
		display: inline-block;
		padding: 25% 0;
	}
}
.awards_tit {
	margin-left: 60px;
	max-width: 550px;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.awards_tit {
		width: 90%;
		margin: 10% auto 0;
		text-align: center;
	}
}
.awards_tit > h2 {
	margin-bottom: 24px;
	font-size: 30px;
	line-height: 46px;
	font-weight: 400;
}
.awards_tit > p {
	font-size: 16px;
	font-weight: 300;
	opacity: 0.7;
}

/**?�스???�니메이??*/
@media screen and (max-width: 768px) {
	.fadeInUp {
		opacity: 1;
		animation-fill-mode: both;
		animation-duration: 1s;
		animation-name: fadeInUp;
	}
}

/**구매문의**/
.buy_wrap {padding: 80px 0;}
.buy_wrap .buy {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.buy_wrap .buy {
		display: inline-block;
	}
}
.buy_wrap .buy_title__wrap {
	text-align: left;
	display: inline-block;
	margin-left: 5%;
}
@media screen and (max-width: 768px) {					
	.buy_wrap .buy_title__wrap {
		text-align: center;
		margin-left: 0;
	}
}
.buy_wrap .buy__title {
	font-size: 30px;
	line-height: 46px;
	font-weight: 400;
}
.buy_wrap .buy_sub {
	font-size: 18px;
	line-height: 30px;
	color: #999;
}
.buy_wrap .i_buy {
	display: block;
	margin: 20px auto 0 0;
	width: 180px;
	color: #fff;
	line-height: 45px;
	text-align: center;
	background: #28A9A9;
}
.buy_wrap .i_buy:before {
	content: '';
	background: url(/newch/images/buy_card_w.png) no-repeat;
	width: 21px;
	height: 20px;
	background-size: 20px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	.buy_wrap .i_buy {
		display: none;
	}
	.buy_wrap .i_buy:before {
		display: none;
	}
}
.buy_wrap .i_buy:hover {
	opacity: 0.7;
}

.detail_slide {
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1024px) {
	.detail_slide {
		max-height: 683px;
	}
}
@media screen and (max-width: 768px) {
	.detail_slide {
		max-height: 512px;
	}
}
@media screen and (max-width: 500px) {
	.detail_slide {
		max-height: 333px;
	}
}


/****slick slider****/	
.detail_slide .slider-wrap {
	width: 100%;
	margin: 0 auto;
}
.detail_slide .slider-wrap .slider {
	height: 100%;
}
.detail_slide .slider-wrap .slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	transition: opacity 400ms ease-in-out 0s;
}
.detail_slide .slick-dots {
	bottom: 0;
	height: 5px;
	background: #fafafa87;
}
.detail_slide .slick-dots li {
	position: relative;
	display: inline-block;
	width: 25%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	opacity: 1; 
}
.detail_slide .slick-dots li button:before {
	content: '';
	width: 100%;
	height: 5px;
}
.detail_slide .slick-dots li.slick-active button:before {
	background: #28A9A9;
}


.detail_slide .slick-prev {
	left: 4%;
}
.detail_slide .slick-next {
	right: 4%;
}
.detail_slide .slick-prev, .slick-next {
	width: 0;
	height: 0;
}
.detail_slide .slick-prev:hover, .slick-next:hover {
	opacity: 0.5;
}
.detail_slide .slick-prev:before {
	content: '';
	background: url(/newch/images/fi-rr-angle-left.svg)no-repeat;
	left: 5%;
}
.detail_slide .slick-next:before {
	content: '';
	background: url(/newch/images/fi-rr-angle-right.svg)no-repeat;
	right: 5%;
}
.detail_slide .slick-prev:before, .slick-next:before {
	position: absolute;
	font-family: none;
	width: 30px;
	height: 30px;
	color: #333;
	opacity: 1;
	top: 23%;
}


/**?�영?�팝?�재??*/	
.videoM {
	display: none;
	position: absolute;
	z-index: 9;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #333;
}
.videoM .videoM-content > video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@media screen and (min-width: 1024px) {
	.videoM .videoM-content > video {
		max-height: 990px;
	}
}
@media screen and (max-width: 1024px) {
	.videoM .videoM-content > video {
		max-height: 683px;
	}
}
@media screen and (max-width: 768px) {
	.videoM .videoM-content > video {
		max-height: 512px;
	}
}
@media screen and (max-width: 375px) {
	.videoM .videoM-content > video {
		max-height: 333px;
	}
}
.videoM--play-btn {
	background: url(/newch/images/play2x.png)no-repeat;
	width: 90px;
	height: 90px;
	position: absolute;
	top: 80%;
	left: 5%;
	z-index: 1;
	background-size: 90px;
	cursor: pointer;
}
.videoM--play-btn:hover + .Vhide {
	display: block;
	width: 160px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 0;
}
@media screen and (max-width: 1024px) {
	.videoM--play-btn:hover + .Vhide {
		display: none;
	}
}
.Vhide {
	display: none;
	position: absolute;
	z-index: 10;
	top: 74%;
	left: 3%;
}
.Vhide::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}
@media screen and (max-width: 768px) {
	.videoM--play-btn {
		background: url(/newch/images/play.png)no-repeat;
		width: 50px;
		height: 50px;
		background-size: 50px;
	}
}
.videoM--close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top: 5%;
	right: 5%;
	z-index: 11;
	background: #666;
	width: 45px;
	height: 45px;
	border-radius: 500px;
	text-align: center;
}
.videoM--close:hover, .videoM--close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/**spec ?�펙**/
.section--spec {
	position: relative;
}
.spec_wrap {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.spec_wrap {
		width: 90%;
	}
}

/**btn ?�운로드 버튼**/
.btn--wrap {
	width: 100%;
	padding: 0 0 5%;
}
/*.btn--wrap a {
	position: relative;
	display: inline-block;
	color: #333;
	border: 1px solid #333;
	border-radius: 5px;
	width: 150px;
	height: 60px;
	padding: 10px;
}
.btn--wrap .btn_ecal {
	margin-right: 7%;
}
.btn--wrap > a span:before {
	content: '';
	background: url(/newch/images/fi-rr-download.svg) no-repeat;
	padding-right: 20px;
	margin-right: 10px;
}
.btn--wrap > a span {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	font-family: 'vernada';
}
.btn--wrap > a span:last-child {
	display: block;
	color: #999;
	font-size: 14px;
	font-weight: 300;
	margin-left: 15px;
}
.btn--wrap a:before {
	content: '';
	width: 15px;
	height: 2px;
	background: #333;
	border-radius: 50px;
	margin-top: -1px;

	position: absolute;
	top: 50%;
	right: 85px;
	transition: all 0.3s ease;
}
.btn--wrap a:hover:before {
	width: 25px;
	right: 75px;
}
.btn--wrap a:after {
	content: "";
	width: 24px;
	height: 27px;
	background: url(/newch/images/fi-rr-angle-small-right.svg) no-repeat;

	position: absolute;
	top: 25%;
	right: 76px;
	transition: all 0.3s ease;
}
.btn--wrap a:hover:after {
	right: 66px;
}
.btn--wrap a:hover {
	box-shadow: 2px 3px 14px 2px #c1c1c1c1;
}*/


/**마�?�스?�버 ?? ?�더?�인--블랙**/
.btn-liner, .btn-linerW {
	position: relative;
	overflow: hidden;
	transition: .3s;
	padding-bottom: 5px;
}
.btn-liner:after {
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 0;
	bottom: 0;
	height: 1px;
	background: #333;
}
.btn-linerW:after {
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 0;
	bottom: 0;
	height: 1px;
	background: #eee;
}
.btn-liner:hover, .btn-linerW:hover {
	cursor: pointer;
}
.btn-liner:hover:after, .btn-linerW:hover:after {
	width: 100%;
	left: 0;
}

/**?�품�??�펙 ?�코?�언**/
.spec_wrap ul.spec-list {
	margin: 0 auto 20px;
}
.spec_wrap ul.spec-list > li {
	margin-bottom: 15px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
.spec_wrap ul.spec-list > li:last-child {
	margin-bottom: 200px;
}
.spec_wrap ul.spec-list > li .spec-tab {
	padding:15px 20px;
	cursor: pointer;
}
.spec_wrap ul.spec-list > li .spec-tab h3 {
	position: relative;
	font-size: 20px;
	font-weight: 400;
}
@media screen and (max-width: 850px) {
	.spec_wrap ul.spec-list > li .spec-tab h3 {
		font-size: 16px;
	}
}
.spec_wrap ul.spec-list > li .spec-tab h3:after {
	content: "";
	position: absolute;
	right: 0;
	top: 4px;
	color: #29a9a8;
	transition: all 0.3s ease-in-out;
	background: url(/newch/images/fi-rr-angle-down.svg) no-repeat;
	width: 15px;
	height: 15px;
}
.spec_wrap ul.spec-list > li.active h3:after {
	transform: rotate(180deg);
}
.spec_wrap ul.spec-list > li div.spec-answer {
	border-top: 1px solid #eee;
	padding: 20px; 
}
.spec_wrap ul.spec-list > li div.spec-answer > p {
	position: relative;
	display: block;
	font-weight: 600;
	line-height: 150%;
	padding-top: 10px;
	margin-bottom: 15px;
}
.spec_wrap ul.spec-list > li div.spec-answer > p:before {
	content: '·';
	margin-right: 5px;
}
.spec_wrap ul.spec-list > li div.spec-answer > p > span {
	font-family: 'Roboto'; 
	font-weight: 400;
	color: #666;
	margin-left: 20px;
}
.spec_wrap ul.spec-list > li div.spec-answer .ico_kc {
	margin-left: 35px;				
}
.spec_wrap ul.spec-list > li div.spec-answer .ico_kc:before {
	content: '';
	background: url(/newch/images/icokc.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 12px;
	left: 150px;
	width: 10px;
	height: 17px;				
}


/****service zone : ?�비??***/

/**?�비??공통**/
#service_list .servicelist_wrap {
	position: relative;
	margin: 8% auto 10%;
	color: #333 !important;
}
@media screen and (max-width: 1024px) {
	#service_list .servicelist_wrap {
		margin: 10% auto 0;
	}
}
@media screen and (max-width: 768px) {
	#service_list .servicelist_wrap {
		margin: 12% auto 0;
	}
}
@media screen and (max-width: 500px) {
	#service_list .servicelist_wrap {
		margin: 25% auto 0;
	}
}


#service_list .servicelist_wrap .title {
	margin: 30px auto 100px;
	text-align: center;
}
#service_list .servicelist_wrap .title h3 {
	font-size: 40px;
	font-weight: 400;
}
#service_list .servicelist_wrap .title h4 {
	font-size: 30px;
	font-weight: 300;
	margin: 0 5%;
}
#service_list .servicelist_wrap .title h5 {
	font-size: 24px;
	font-weight: 300;
}
#service_list .servicelist_wrap .title h6 {
	font-size: 18px;
	font-weight: 300;
	margin: 3% 5% 0;
}

@media screen and (max-width: 1024px) {
	#service_list .servicelist_wrap .title {
		margin: 30px auto 80px;
	}
}
@media screen and (max-width: 768px) {
	
	#service_list .servicelist_wrap .title h3 {
		font-size: 32px;
	}
	#service_list .servicelist_wrap .title h4 {
		font-size: 26px;
	}
	#service_list .servicelist_wrap .title h6 {
		font-size: 14px;
	}
}

/**service_tit**/
#service_list .servicelist_wrap > .Tit {
	margin: 0 5%;
}
#service_list .servicelist_wrap > .Tit > p {
	font-size: 24px;
	font-weight: 500;
}
/**service_navi**/
#service_list .servicelist_wrap .sub_navi {
	margin: 1% 5% 4%;
	position: relative;
}
@media screen and (max-width: 768px) {
	#service_list .servicelist_wrap .sub_navi {
		margin: 4% 5% 5%;
		overflow-x: scroll;
	}
}
#service_list .servicelist_wrap .sub_navi ul {
	display: table;
	width: 100%;
	white-space: nowrap;
}
#service_list .servicelist_wrap .sub_navi ul li {
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	margin: 0 10px;
	cursor: pointer;
}
#service_list .servicelist_wrap .sub_navi ul li:first-child {
	margin-left: 0;
}
#service_list .servicelist_wrap .sub_navi ul > .active {
	font-weight: 600;
}
#service_list .servicelist_wrap .sub_navi ul li:last-child:after {
	content: '';
	margin-right: 0;
}

/**?�비??메인**/
#service_list .servicelist_wrap .service {
	margin: 2% 0;
}
#service_list .servicelist_wrap .service > p {
	font-size: 18px;
	font-weight: 300;
	margin: 10% 5%;
	text-align: center;
}
#service_list .servicelist_wrap .service .service-cont {
	display: flex;
	justify-content: center;
	flex-direction: row;
}
@media screen and (max-width: 768px) {
	#service_list .servicelist_wrap .service > p {font-size: 14px; margin: 10% 5% 15%;}
	#service_list .servicelist_wrap .service .service-cont {
		display: block;
	}
}
#service_list .servicelist_wrap .service .service-cont .serv {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: calc(100% /3);
	height: 730px;
	color: #fff;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	#service_list .servicelist_wrap .service .service-cont .serv {			
		width: 100%;
		height: 330px;
	}
}
#service_list .service-cont .serv {
	flex: 1;
	height: 100%;
	transition: flex 0.8s ease;
}
#service_list .service-cont .serv:hover {
	flex: 2;
	background-position: center;
}
#service_list .service-cont .serv-1 {
	background: url('/newch/images/service_prod.png') no-repeat center center;
	background-size: cover;
}
#service_list .service-cont .serv-2 {
	background: url('/newch/images/service_guest.png') no-repeat center center;
	background-size: cover;
}
#service_list .service-cont .serv-3 {
	background: url('/newch/images/service_engin.png') no-repeat center center;
	background-size: cover;
}
#service_list .service-cont .serv-4 {
	background: url('/newch/images/service_faq.png') no-repeat center center;
	background-size: cover;
}
#service_list .servicelist_wrap .service .servicename p {		
	font-size: 24px;
	margin: 0 auto 10%;
	text-align: center;
}
#service_list .servicelist_wrap .service .service_btn {	
	position: relative;
	display: block;
	width: 170px;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 10px 25px;
}
#service_list .servicelist_wrap .service .service_btn:before {
	content: '';
	width: 15px;
	height: 2px;
	background: #fff;
	border-radius: 50px;
	margin-top: -1px;

	position: absolute;
	top: 50%;
	right: 40px;
	transition: all 0.3s ease;
}
#service_list .servicelist_wrap .service .service_btn:hover:before {
	width: 25px;
	right: 30px;
}
#service_list .servicelist_wrap .service .service_btn:after {
	content: '';
	width: 25px;
	height: 25px;
	background: url(/newch/images/fi-rr-angle-small-right-w.svg) no-repeat;

	position: absolute;
	top: 35%;
	right: 31px;
	margin-top: -6px;
	transition: all 0.3s ease;
}
#service_list .servicelist_wrap .service .service_btn:hover:after {
	right: 21px;
}
#service_list .servicelist_wrap .service .service_btn:hover {
	box-shadow: 0 0 20px #333;
	background: rgba(255, 255, 255, 0.10);
	transition: 0.7s ease;
}

#service_list .wrap {
    position: relative;
    margin: 0 5%;
}
/*#service_list section .bxSubTxt {
    padding: 0 0 45px;
    text-align: center;
    border-bottom: 1px solid #eee;
}
#service_list section .bxSubTxt a {
    margin-top: 25px;
}*/


/****brand zone : 브랜??***/

/**브랜??공통**/
#brand_list .brandlist_wrap {
	position: relative;
	margin: 8% auto 0;
	color: #333 !important;
}
@media screen and (max-width: 1024px) {
	#brand_list .brandlist_wrap {
		margin: 10% auto 0;
	}
}
@media screen and (max-width: 768px) {
	#brand_list .brandlist_wrap {
		margin: 12% auto 0;
	}
}
@media screen and (max-width: 500px) {
	#brand_list .brandlist_wrap {
		margin: 25% auto 0;
	}
}


#brand_list .brandlist_wrap .title {
	margin: 30px auto 100px;
	text-align: center;
}
#brand_list .brandlist_wrap .title h3 {
	font-size: 40px;
	font-weight: 400;
}
#brand_list .brandlist_wrap .title h4 {
	font-size: 30px;
	font-weight: 300;
	margin: 0 5%;
}
#brand_list .brandlist_wrap .title h5 {
	font-size: 24px;
	font-weight: 300;
}
#brand_list .brandlist_wrap .title h6 {
	font-size: 18px;
	font-weight: 300;
	margin: 3% 5% 0;
}

@media screen and (max-width: 1024px) {
	#brand_list .brandlist_wrap .title {
		margin: 30px auto 80px;
	}
}
@media screen and (max-width: 768px) {
	
	#brand_list .brandlist_wrap .title h3 {
		font-size: 32px;
	}
	#brand_list .brandlist_wrap .title h4 {
		font-size: 26px;
	}
	#brand_list .brandlist_wrap .title h6 {
		font-size: 14px;
	}
}

/**brand_tit**/
#brand_list .brandlist_wrap > .Tit {
	margin: 0 5%;
}
#brand_list .brandlist_wrap > .Tit > p {
	font-size: 24px;
	font-weight: 500;
}

/**brand_navi**/
#brand_list .brandlist_wrap .sub_navi {
	margin: 1% 5% 4%;
	position: relative;
}
@media screen and (max-width: 768px) {
	#brand_list .brandlist_wrap .sub_navi {
		margin: 4% 5% 5%;
		overflow-x: scroll;
	}
}
#brand_list .brandlist_wrap .sub_navi ul {
	display: table;
	width: 100%;
	white-space: nowrap;
}
#brand_list .brandlist_wrap .sub_navi ul li {
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	margin: 0 10px;
	cursor: pointer;
}
#brand_list .brandlist_wrap .sub_navi ul li:first-child {
	margin-left: 0;
}
#brand_list .brandlist_wrap .sub_navi ul > .active {
	font-weight: 600;
}
#brand_list .brandlist_wrap .sub_navi ul li:last-child:after {
	content: '';
	margin-right: 0;
}

/**브랜??메인**/
#brand_list .brandlist_wrap .brand {
	margin: 5% auto 0;
}
@media screen and (max-width: 1024px) {
	#brand_list .brandlist_wrap .brand {
		margin: 15% 0;
	}
}
@media screen and (max-width: 768px) {
	#brand_list .brandlist_wrap .brand {
		margin: 25% 0;
	}
}
#brand_list .brandlist_wrap .brand > p {
	font-size: 18px;
	font-weight: 300;
	margin-top: 100px;
	text-align: center;
}
#brand_list .brandlist_wrap .brand .brand-cont {
	display: flex;
	justify-content: center;
	flex-direction: row;
}
@media screen and (max-width: 768px) {
	#brand_list .brandlist_wrap .brand .brand-cont {
		display: block;
	}
}
#brand_list .brandlist_wrap .brand .brand-cont .serv {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: calc(100% /3);
	height: 730px;
	color: #fff;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	#brand_list .brandlist_wrap .brand .brand-cont .serv {			
		width: 100%;
		height: 330px;
	}
}
#brand_list .brandlist_wrap .brand .brandname p {		
	font-size: 24px;
	margin: 10% 5% 0;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#brand_list .brandlist_wrap .brand .brandname p {		
		font-size: 14px;
	}
}
#brand_list .brandlist_wrap .brand .brand_btn {	
	position: relative;
	display: block;
	width: 170px;
	border: 1px solid #fff;
	border-radius: 5px;
	padding: 10px 25px;
}
#brand_list .brandlist_wrap .brand .brand_btn:before {
	content: '';
	width: 15px;
	height: 2px;
	background: #fff;
	border-radius: 50px;
	margin-top: -1px;

	position: absolute;
	top: 50%;
	right: 40px;
	transition: all 0.3s ease;
}
#brand_list .brandlist_wrap .brand .brand_btn:hover:before {
	width: 25px;
	right: 30px;
}
#brand_list .brandlist_wrap .brand .brand_btn:after {
	content: '';
	width: 25px;
	height: 25px;
	background: url(/newch/images/fi-rr-angle-small-right-w.svg) no-repeat;

	position: absolute;
	top: 35%;
	right: 31px;
	margin-top: -6px;
	transition: all 0.3s ease;
}
#brand_list .brandlist_wrap .brand .brand_btn:hover:after {
	right: 21px;
}
#brand_list .brandlist_wrap .brand .brand_btn:hover {
	box-shadow: 0 0 20px #333;
	background: rgba(255, 255, 255, 0.10);
	transition: 0.7s ease;
}

#brand_list .wrap {
    position: relative;
    margin: 0 5%;
}



/****event zone : ?�벤??***/

/**?�벤??공통**/
#event_list .eventlist_wrap {
	position: relative;
	margin: 8% auto 10%;
	color: #333 !important;
}
	@media screen and (max-width: 1024px) {
		#event_list .eventlist_wrap {
			margin: 10% auto 0;
		}
	}
	@media screen and (max-width: 768px) {
		#event_list .eventlist_wrap {
			margin: 12% auto 0;
		}
	}
	@media screen and (max-width: 500px) {
		#event_list .eventlist_wrap {
			margin: 25% auto 0;
		}
	}
#event_list .eventlist_wrap > p {
	font-size: 18px;
	font-weight: 300;
	margin-top: 100px;
	text-align: center;
}
#event_list .eventlist_wrap .title {
	margin: 30px auto 100px;
	text-align: center;
}
#event_list .eventlist_wrap .title h3 {
	font-size: 40px;
	font-weight: 400;
}
#event_list .eventlist_wrap .title h4 {
	font-size: 30px;
	font-weight: 300;
	margin: 0 5%;
}
#event_list .eventlist_wrap .title h5 {
	font-size: 24px;
	font-weight: 300;
}
#event_list .eventlist_wrap .title h6 {
	font-size: 18px;
	font-weight: 300;
	margin: 3% 5% 0;
}

@media screen and (max-width: 1024px) {
	#event_list .eventlist_wrap .title {
		margin: 30px auto 80px;
	}
}
@media screen and (max-width: 768px) {
	
	#event_list .eventlist_wrap .title h3 {
		font-size: 32px;
	}
	#event_list .eventlist_wrap .title h4 {
		font-size: 26px;
	}
	#event_list .eventlist_wrap .title h6 {
		font-size: 14px;
	}
}

/**event_tit**/
#event_list .eventlist_wrap > .Tit {
	margin: 0 5%;
}
#event_list .eventlist_wrap > .Tit > p {
	font-size: 24px;
	font-weight: 500;
}
/**event_navi**/
#event_list .eventlist_wrap .sub_navi {
	margin: 1% 5% 4%;
	position: relative;
}
@media screen and (max-width: 768px) {
	#event_list .eventlist_wrap .sub_navi {
		margin: 4% 5% 5%;
		overflow-x: scroll;
	}
}
#event_list .eventlist_wrap .sub_navi ul {
	display: table;
	width: 100%;
	white-space: nowrap;
}
#event_list .eventlist_wrap .sub_navi ul li {
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	margin: 0 10px;
	cursor: pointer;
}
#event_list .eventlist_wrap .sub_navi ul li:first-child {
	margin-left: 0;
}
#event_list .eventlist_wrap .sub_navi ul > .active {
	font-weight: 600;
}
#event_list .eventlist_wrap .sub_navi ul li:last-child:after {
	content: '';
	margin-right: 0;
}
#event_list .wrap {
    position: relative;
    margin: 0 5%;
}

/**?�벤??메인**/
#event_list .eventlist_wrap .event {
	margin: 2% 0;
}
#event_list .eventlist_wrap .event > p {
	font-size: 18px;
	font-weight: 300;
	margin-top: 100px;
	text-align: center;
}


/**Scroll Animation (sa, ?�크�??�니메이??**/
.sa {opacity: 0;transition: all .5s ease;}/* Scroll Animation (sa, ?�크�??�니메이?? */	
.sa-up {transform: translate(0, 100px);}/* ?�래?�서 ?�로 ?�이????*/	
.sa-down {transform: translate(0, -100px);}/* ?�에???�래�??�이????*/	
.sa-right {transform: translate(-100px, 0);}/* ?�쪽?�서 ?�른쪽으�??�이????*/	
.sa-left {transform: translate(100px, 0);}/* ?�른쪽에???�쪽?�로 ?�이????*/	
.sa-rotateL {transform: rotate(180deg);}/* ?�쪽?�로 ?�전?�면???�이????*/	
.sa-rotateR {transform: rotate(-180deg);}/* ?�른쪽으�??�전?�면???�이????*/	
.sa-scaleUp {transform: scale(.5);}/* ?�아�??�태?�서 커�?면서 ?�이????*/	
.sa-scaleDown {transform: scale(1.5);}/* 커진 ?�태?�서 ?�아지면서 ?�이????*/

.sa.show {opacity: 1; transform: none;}


html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
}