@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic.eot);
  src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.woff) format('woff'),
       url(../font/NanumGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic bold';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic.eot);
  src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.woff) format('woff'),
       url(../font/NanumGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic extrabold';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic.eot);
  src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.woff) format('woff'),
       url(../font/NanumGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Barun Gothic UltraLight';
	font-style: normal;
	font-weight: 200;
	src: url(../font/NanumBarunGothicUltraLight.eot);
	src: local('Nanum Barun Gothic UltraLight'),
		local('Nanum Barun Gothic UltraLight'),
		url(../font/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothicUltraLight.woff) format('woff'),
		url(../font/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Barun Gothic Light';
	font-style: normal;
	font-weight: 300;
	src: url(../font/NanumBarunGothicLight.eot);
	src: local('Nanum Barun Gothic Light'),
		local('Nanum Barun GothicLight'),
		url(../font/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothicLight.woff) format('woff'),
		url(../font/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Barun Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(../font/NanumBarunGothic.eot);
	src: local('Nanum Barun Gothic'),
		local('Nanum Barun Gothic'),
		url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothic.woff) format('woff'),
		url(../font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Barun Gothic Bold';
	font-style: normal;
	font-weight: 700;
	src: url(../font/NanumBarunGothicBold.eot);
	src: local('Nanum Barun Gothic Bold'),
		local('Nanum Barun GothicBold'),
		url(../font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumBarunGothicBold.woff) format('woff'),
		url(../font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
	font-family: 'Nanum Square';
	src: url(../font/NanumSquare.eot);
	src: url(../font/NanumSquare.eot?#iefix) format('embedded-opentype'),
		url(../font/NanumSquare.woff) format('woff'),
		url(../font/NanumSquare.ttf) format('truetype');
}

@font-face {
	font-family: 'malgun gothic';
	src: url(../font/malgun.eot);
	src: url(../font/malgun.eot?#iefix) format('embedded-opentype'),
	src: url(../font/malgun.woff) format('woff'),
	src: url(../font/malgun.ttf) format('truetype');
}

/* 메인 상단 고정형 팝업 */
.roof { /*display:none;*/ position:relative; width:100%; height:100px; background:#231916; z-index:9; overflow:hidden; }
.roof span { width:100%; height:100%; display:block; position:relative; left:50%; margin-left:-960px; }
.roof span img { height:100%; }
.roof .roof_close { position:absolute; top:28px; right:20px; z-index:9; }
.roof .roof_close a { font-size:36px; color:#fff; }

@media all and (max-width:1024px){
	.roof span { margin-left:-760px; }
}

@media all and (max-width:640px){
	.roof { height:80px; }
	.roof span { margin-left:-630px; }
	.roof .roof_close { top:20px; }
}

@media all and (max-width:460px){
	.roof { height:60px; }
	.roof span { margin-left:-450px; }
	.roof .roof_close { top:10px; right:0; }
	.roof .roof_close img { width:60%; }
}

/* 상단 해더 */
#wrap { position:relative; width:100%; min-width:320px; }

header.layout { position:relative; width:100%; height:182px; }
header.layout:before { content:""; display:block; position:absolute; top:126px; left:0; width:100%; height:1px; border-top:1px solid #EAEAEA; z-index:9; }
	h1.logo { position:relative; text-align:center; height:127px; padding-top:18px; z-index:3; }

	.tnb { position:absolute; top:55px; right:112px; font-size:0; z-index:3; }
	.tnb li { position:relative; display:inline; margin:0 15px; }
	.tnb li a { font-size:12px; color:#747474; letter-spacing:-1px; }
	.tnb li a:hover { color:#DADADA; }
	.tnb li:first-child { margin-left:0; }
	.tnb li:last-child { margin-right:0; }
	.tnb li:after { content:""; display:block; position:absolute; top:-9px; left:-15px; width:1px; height:11px; border-right:1px solid #DADADA; }
	.tnb li:first-child:after { display:none; }

	.searchBtn { position:absolute; top:48px; right:60px; z-index:3; }
	.searchBtn a:hover { opacity:0.5; }
	.searchBtn a img { vertical-align:top; }

	.snsLink { position:absolute; top:48px; right:0; font-size:0; z-index:3; }
	.snsLink li { display:inline; }
	.snsLink li:hover { opacity:0.5; }

	.gnb { position:relative; margin:0 auto; width:100%; max-width:1200px; text-align:center; font-size:0; z-index:3; }
	.gnb a { position:relative; display:inline-block; width:20%; padding:17px 0; font-size:17px; color:#323231; }
	.gnb a:first-child { margin-left:0; }
	.gnb a:last-child { margin-right:0; }
	.gnb a:hover { color:#ffa800; }
	.gnb a:after { content:""; display:block; position:absolute; top:17px; left:0; width:1px; height:19px; border-right:1px solid #B2B2B2; }
	.gnb a:first-child:after { display:none; }

	.gnbOpen, .cartOpen { display:none }

	header.layout:after { content:""; position:absolute; width:100%; max-width:100%; height:182px; top:0; left:0; z-index:2; background:#fff; }
	.snb { position:absolute; top:-182px; width:100%; height:200px; border-top:1px solid #EAEAEA; background:#fff; z-index:1; padding-top:30px; padding-left:180px; }
	.snb > ul { position:relative; max-width:1200px; margin:0 auto;  }
	.snb > ul > li { position:relative; width:20%; float:left; text-align:left; }
	.snb > ul > li ul { width:100%; }
	.snb > ul > li ul li { line-height:28px; }
	.snb > ul > li ul li a { font-size:14px; color:#323231; }
	.snb > ul > li ul li a:hover { color:#ffa800; }

	@media all and (max-width:1024px){
	header.layout { height:167px; }
	header.layout:before { display:none; }
		h1.logo { padding-top:60px; }

		.tnb { width:calc(100% - 99px); height:35px; top:0; left:0; border-bottom:1px solid #DADADA; }
		.tnb li { display:inline-block; width:25%; height:100%; text-align:center; margin:0; }
		.tnb li a { display:block; width:100%; height:100%; line-height:35px;}
		.tnb li:after { top:11px; left:0; height:11px; }

		.searchBtn { top:5px; height:30px; border-bottom:1px solid #DADADA; }

		.snsLink { top:5px; right:0; height:30px; border-bottom:1px solid #DADADA; }

		.gnbOpen { display:block; position:absolute; top:70px; left:0; /*background:url("../img/common/cate.gif") no-repeat center; background-size:100%;*/ padding:15px; z-index:10; }
		.gnbOpen i { font-size:2.5em; }
		.gnb { display:none; }

		.cartOpen { display:block; position:absolute; top:70px; right:0; /*background:url("../img/common/cart.gif") no-repeat center; background-size:100%;*/ padding:15px; z-index:10; }
		.cartOpen i { font-size:2.5em; }
		.cartOpen .cart-count { position:absolute; top:15px; right:10px; width:15px; height:15px; font-size:10px; text-indent:0px; line-height:13px; color:#fff; text-align:center; background:red; border:1px solid red; border-radius:15px; z-index:9; }
	}

	/*카테고리*/
	.menu {display:none;position:fixed;top:0;height:100%;;z-index:99999;-webkit-backface-visibility: hidden;width:100%}
	.menu .menu_wr{left:-260px;width:260px;height:100%;/*overflow-y:auto;*/background:#fff;padding:15px;position:relative;z-index:199919;
	 -webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4));
		-moz-box-shadow: 0 0 5px rgba(55,55,5,0.4));
			 box-shadow: 0 0 5px rgba(55,55,5,0.4);}
	.menu .menu_close {position:absolute;top:0;left:260px;width:40px;height:40px;background:#000;color:#fff;font-size:20px;border:0;z-index:199999}
	.cate_bg{background:rgba(0,0,0,0.3);height:100%;width:100%;z-index:99999;position:absolute;top:0;left:0}

	.cate_tab:after {display:block;visibility:hidden;clear:both;content:""}
	.cate_tab li{float:left;;width:33.333%;text-align:center;font-size:0.92em}
	.cate_tab a{display:block;border-bottom:1px solid #bbb;padding:10px 0;color:#666;}
	.cate_tab .selected{border-bottom:1px solid #000;color:#000}

	#hd_sch {text-align:center;padding:0 0 10px}
	#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
	#hd_sch .sch_inner {position:relative;}
	#hd_sch #sch_str {width:100%;height:35px;background:#fff;border:1px solid #ccc;;padding-left:10px;padding-right:40px;color:#000}
	#hd_sch .sch_submit {position:absolute;top:0;right:0;width:40px;height:35px;;border:0;border-radius:0 3px 3px 0;cursor:pointer;background:none;font-size:15px;color:#333}

	.cate a {display:block;color:#333;padding: 0 10px;border-bottom:1px solid #efefef;}
	.cate li{position:relative;line-height:40px;}
	.cate li button{position:absolute;top:0;right:0;background:url;border:0;width:30px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
	.cate li button.ct_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}

	.sub_cate{display:none}
	.sub_cate a{border-bottom:1px solid #efefef;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
	.sub_cate2 a{padding-left:40px;background-position:31px 17px}
	.sub_cate3 a{padding-left:50px;background-position:41px 17px}
	.sub_cate4 a{padding-left:60px;background-position:51px 17px}

	/* 오늘 본 상품 */
	#stv{position:relative;}
	#stv h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
	#stv_ul{padding:10px 0}
	#stv_ul:after {display:block;visibility:hidden;clear:both;content:""}
	#stv_ul li{float:left;width:33.333%}
	#stv_ul li img{width:100%;height:auto}
	#stv_pg {display:block;text-align:center;margin: 0;line-height:20px}
	.stv_item {display:none;padding: 3px;word-break:break-all}
	#stv_btn{position:relative}
	#up{position:absolute;top:0px;left:5px;background:url(../img/btn_prev.gif) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
	#down{position:absolute;top:0px;right:5px;background:url(../img/btn_next.gif) no-repeat 50% 50%;width:30px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
	#stv .li_empty{text-align:center;padding:50px 0;color:#666;}

/* 메인페이지 */
.visual { position:relative; width:100%; overflow:hidden; z-index:0; }
	.visual .swiper-container li img { width:100%; max-height:519px; }
		.visualPagination { position:absolute; width:100%; bottom:37px !important; z-index:9; text-align:center; }
		.visualPagination span { display:inline-block; width:13px; height:13px; margin-right:9px; cursor:pointer; text-indent:-99999px; font-size:0; }
		.visualPagination span:last-child { margin-right:0; }
		.visualPaginationOff { background:url("../img/main/visoff.png") no-repeat; }
		.visualPaginationOn { background:url("../img/main/vison.png") no-repeat; }

		@media all and (max-width:1366px){
			.visual .swiper-container { width:140%; left:-20%; }
			.visualPagination { bottom:30px !important; }
		}

		@media all and (max-width:640px){
			.visual .swiper-container { width:130%; left:-15%; }
			.visualPagination { bottom:25px !important; }
		}

		@media all and (max-width:450px){
			.visual .swiper-container { width:150%; left:-25%; }
			.visualPagination { bottom:20px !important; }
		}

		.visual-pagination-current { display:block; position:absolute; top:17px; left:25px; }
		.visual-pagination-total { display:block; position:absolute; top:45px; left:45px; opacity:0.6; }

#content { position:relative; width:100%; }
	/* 베스트 */
	.bestList { clear:both; position:relative; margin:0 auto; max-width:1200px; width:100%; }
	.bestList h2 { margin:38px 0 26px 0; font-size:24px; color:#000; font-family: 'Nanum Barun Gothic'; font-weight:normal; }
	.bestList ul { position:relative; width:100%; }
	.bestList ul li { float:left; position:relative; width:30%; margin-right:3.333%; margin-bottom:40px; }
	.bestList ul li:last-child { margin-right:0; }
	.bestList ul li mark { position:absolute; top:0; left:17px; z-index:9; background:none; }
	.bestList ul li p { width:100%; max-height:334px; overflow:hidden; border:1px solid #eee; }
	.bestList ul li p img { width:100%; height:auto !important; }
	.bestList ul li cite { display:inline-block; width:88.764%; padding:25px 0 0 20px; font-size:16px; color:#2f2f2f; word-break:break-all; font-style:normal; line-height:22px; }
	.bestList ul li span { display:inline-block; width:88.764%; padding:15px 0 0 20px; font-size:24px; color:#f86767; word-break:break-all;  line-height:100%; font-family:"Nanum Gothic"; font-weight:bold; }

	@media all and (max-width:1366px){
		.bestList { width:90%; margin:0 5%; }
	}
	@media all and (max-width:640px){
		.bestList ul li { float:none; width:100%; margin-right:0; margin-bottom:10%; }
	}

	/* 제품 슬라이드 */
	.productList { clear:both; position:relative; width:100%; padding:48px 0; overflow:hidden; background:#F8F8F8; }
	.productList > div { position:relative; margin:0 auto; width:100%; max-width:1200px; overflow:hidden; }
	.productList .productControlPrev { position:absolute; top:calc(50% - 25px); left:50%; margin-left:-680px; width:50px; height:50px; background:red url("../img/main/prodLeft.png") no-repeat; cursor:pointer; z-index:9; }
	.productList .productControlNext { position:absolute; top:calc(50% - 25px); right:50%; margin-right:-680px; width:50px; height:50px; background:url("../img/main/prodRight.png") no-repeat; cursor:pointer; z-index:9; }
	.productList li { position:relative; width:48%; }
	.productList li img { width:100%; }

	@media all and (max-width:1366px){
		.productList > div { width:90%; }
	}
	@media all and (max-width:640px){
		.productList ul li { float:none; width:100%; }
	}

	/* 기타제품 */
	.etcList { clear:both; position:relative; margin:0 auto; max-width:1200px; width:100%; min-height:350px; }
	.etcList h2 { margin:40px 0 30px 0; font-size:24px; color:#000; font-family: 'Nanum Barun Gothic'; font-weight:normal; }
	.etcList ul { position:relative; margin:0 auto; max-width:1200px; width:100%; }
	.etcList ul li { float:left; position:relative; width:22.91%; margin-right:2.786%; margin-bottom:40px; }
	.etcList ul li:last-child { margin-right:0; }
	.etcList ul li p { width:100%; max-height:270px; overflow:hidden; border:1px solid #eee; }
	.etcList ul li p img { width:100%; height:auto !important; }
	.etcList ul li cite { display:inline-block; width:88.764%; padding:15px 0 0 20px; font-size:17px; color:#343434; word-break:break-all; font-style:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.etcList ul li span { display:inline-block; width:88.764%; padding:15px 0 0 20px; font-size:24px; color:#242424; word-break:break-all;  line-height:100%; font-weight:bold; }

	@media all and (max-width:1366px){
		.etcList { width:90%; }
		.etcList ul li cite { font-size:14px; }
		.etcList ul li span { font-size:20px; padding-top:5px; }
	}
	@media all and (max-width:1024px){
		.etcList { width:90%; margin:0 5%; }
	}
	@media all and (max-width:640px){
		.etcList ul li { float:left; width:48%; margin-right:4%; margin-bottom:10%; }
		.etcList ul li:nth-child(2n) { margin-right:0; }
	}

	/* 신상품더보기 */
	.newList { clear:both; position:relative; margin:0 auto; max-width:1200px; width:100%; height:53px; border:1px solid #DFDFDF; text-align:center; }
	.newList a { display:block; width:100%; height:100%; font-size:18px; line-height:50px; color:#343434; }
	.newList a:hover { color:#DFDFDF; }

	@media all and (max-width:1366px){
		.newList { width:90%; margin:0 5%; }
	}

	/* 찾아오시는길 */
	.directions {position:relative; width:100%; height:327px; margin-top:200px; background:url("../img/main/midBg.jpg") no-repeat; text-align:center; line-height:326px; }
	.directions a:hover img { border:1px solid #C0BCBB; }

	@media all and (max-width:1366px){
		.newList { width:90%; margin:0 5%; }
	}

	/* 메인 하단 뉴스외 컨텐츠 */
	.main aside { position:relative; margin:63px auto 0 auto; max-width:1200px; width:100%; }
	.main aside section.news { float:left; position:relative; width:25.416%; margin-right:1.667%; }
	.main aside section.news p { font-size:25px; color:#464342; font-weight:bold; font-family:"arial"; }
	.main aside section.news article { padding:14px 0 14px 10px; border-bottom:1px dotted #C7C7C7; }
	.main aside section.news article h1 a { width:100%; display:inline-block; font-size:12px; color:#727272; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:18px; }
	.main aside section.news article time { font-size:11px; color:#bdbdbd; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

	.main aside section.banner { float:left; position:relative; width:37.083%; margin-right:1.667%; }
	.main aside section.banner p:first-child { margin-bottom:15px; }
	.main aside section.banner p img { width:100%; }

	.main aside section.cf { float:right; position:relative; width:34.166%; height:271px; }

	@media all and (max-width:1366px){
		.main aside { width:90%; margin:63px 5% 0 5%; padding-bottom:430px; }
		.main aside section.news{ width:48%; margin-right:4%; }

		.main aside section.banner { float:none; position:absolute; width:100%; top:300px; margin-right:0; }
		.main aside section.banner p { float:left; width:48%; }
		.main aside section.banner p:first-child { margin-bottom:0; margin-right:4%; }

		.main aside section.cf { width:48%; }
	}

	@media all and (max-width:640px){
		.main aside { padding-bottom:600px; }
		.main aside section.banner p { float:none; width:100%; }
		.main aside section.banner p:first-child { margin-bottom:15px; }
	}

	@media all and (max-width:450px){
		.main aside { padding-bottom:0; }
		.main aside section.news { float:none; width:100%; margin-right:0; margin-bottom:20px; }
		.main aside section.banner { position:relative; width:100%; top:0; margin-bottom:20px;  }
		.main aside section.cf { float:none; width:100%; }
	}

	/* 인스타그램 */
	.instagram { clear:both; position:relative; margin:0 auto; max-width:1200px; width:100%; }
	.instagram h2 { display:inline-block; padding-top:50px; }
	.instagram h2 a{width:100%; height:100%; display:block;}
	.instagram h2 var { margin-left:15px; font-size:18px; color:#464342; font-style:normal; font-weight:500; vertical-align:middle; }
		#instagram_data { margin-top:15px; overflow:hidden; white-space:nowrap; }
		#instagram_data p { display:inline-block; background:#ddd; width:155px; height:155px; margin-right:15px; }
		#instagram_data p:last-child { margin-right:0; }
		#instagram_data p img { width:100%; height:100%; }

	@media all and (max-width:1366px){
		.instagram { width:90%; margin:0 5%; }
	}

/* 하단정보 */
footer.layout { clear:both; position:relative; width:100%; margin-top:75px; }
	.shopinfo { position:relative; width:100%; height:240px; padding:30px 0; background:#F2F2F2; }
	.shopinfo ul { position:relative; margin:0 auto; max-width:1200px; width:100%; }
		.cscenter { float:left; width:24%; height:180px; padding-left:3%; font-size:13px; color:#3d3d3d; font-family:"malgun gothic"; }
		.cscenter dfn { display:block; font-size:18px; color:#323232; font-weight:bold; font-family:"Nanum Square"; font-style:normal; margin-bottom:15px; }
		.cscenter strong { display:block; font-size:27px; color:#282828; font-family:"arial"; font-style:normal; margin-bottom:28px; padding-bottom:28px; }
		.cscenter strong:after { content:""; position:absolute; top:95px; left:35px; width:22px; height:1px; background:#000; }

		.bank { float:left; width:26%; height:180px; padding-left:4.5%; border-left:1px solid #C9C9C9; border-right:1px solid #C9C9C9; font-size:13px; color:#3d3d3d; font-family:"malgun gothic"; line-height:22px; }
		.bank dfn { display:block; font-size:18px; color:#323232; font-weight:bold; font-family:"Nanum Square"; font-style:normal; margin-bottom:18px; }

		.guide { float:left; width:48%; height:180px; padding-left:3.75%; }
		.guide dfn { display:block; font-size:18px; color:#323232; font-weight:bold; font-family:"Nanum Square"; font-style:normal; margin-bottom:48px; margin-left:10px; }
		.guide dl { float:left; position:relative; width:45.373%; height:77px; }
		.guide .qna dl { background:url("../img/common/qna.png") no-repeat; margin-right:2%; }
		.guide .order dl { background:url("../img/common/order.png") no-repeat; }
		.guide dl dt { margin:10px 0 0 90px; font-size:13px; color:#878787; }
		.guide dl dt strong { font-size:16px; color:#666; font-family:"Nanum Square"; margin-right:5px; }
		.guide dl dd { margin:11px 0 0 90px; font-size:13px; color:#626262; }
		.guide a:hover dl { opacity:0.5; }

	@media all and (max-width:1024px){
		.shopinfo { height:400px; }
		.shopinfo ul { width:90%; margin:0 5%; }
		.cscenter { float:left; width:48%; padding-left:0; margin-bottom:40px; }
		.cscenter strong:after { left:0; }
		.bank { float:right; width:48%; border-right:0; margin-bottom:40px; }
		.guide { float:none; width:100%; padding-left:0; }
		.guide dfn { margin-bottom:20px; margin-left:0; }
	}

	@media all and (max-width:450px){
		.shopinfo { height:500px; }
		.cscenter { font-size:11px; }
		.cscenter strong { font-size:22px; }
		.guide dl { float:none; width:100%; }
		.guide .qna dl { margin-right:0; margin-bottom:20px; }
	}

	.fnb { clear:both; width:100%; height:48px; background:#232323; }
	.fnb ul { max-width:1200px; width:100%; margin:0 auto; }
	.fnb ul li { float:left; margin-left:15px; }
	.fnb ul li:after { content:"/"; margin-left:15px; font-size:13px; color:#fff; font-family:"malgun gothic"; }
	.fnb ul li:last-child:after { display:none; }
	.fnb ul li a { display:inline-block; padding:15px 0; font-size:13px; color:#fff; font-family:"malgun gothic"; }

	@media all and (max-width:1024px){
		.fnb { overflow-x:scroll; overflow-y:hidden; }
		.fnb ul { width:750px; }
	}

	.copyright { clear:both; position:relative; margin:30px auto; max-width:1200px; width:100%; }
		h2.logo { float:left; width:9.5%; margin-right:4.5%; }
		h2.logo img { width:100%; }
		address { display:block; float:left; width:67%; word-break:keep-all; padding-bottom:30px; }
		address span { display:inline-block; margin-right:15px; font-size:13px; color:#8a8a8a; font-family:"malgun gothic"; line-height:20px; font-style:normal; }
		.copyright p { display:block; float:right; width:19%; text-align:right; }
		.copyright p img { vertical-align:top; }

	@media all and (max-width:1366px){
		.copyright { width:90%; }
	}

	@media all and (max-width:640px){
		.copyright { width:90%; }
		h2.logo { width:25%; margin-right:5%; }
		h2.logo img { width:100%; }
		.copyright p { float:none; width:25%; text-align:left; position:relative; top:-70px }
		.copyright p img { width:100%; }
	}

/* 서브페이지 */
.subVisual { position:relative; width:100%; overflow:hidden; }
.subVisual p { position:relative; width:100%; }
.subVisual img { width:100%; }
	@media all and (max-width:1366px){
		.subVisual p { left:-12.5%; }
		.subVisual img { width:125%; }
	}
	@media all and (max-width:1024px){
		.subVisual p { left:-50%; }
		.subVisual img { width:170%; }
	}
	@media all and (max-width:640px){
		.subVisual p { left:-75%; }
		.subVisual img { width:200%; }
	}
	@media all and (max-width:450px){
		.subVisual p { left:-159%; }
		.subVisual img { width:300%; }
	}

.lnb { position:relative; margin:0 auto; max-width:1200px; width:100%; height:45px; background:#231916; font-size:0; text-align:center; padding:0 130px; }
.lnb li { position:relative; display:inline-block; width:25%; height:100%; line-height:45px; }
.lnb li:after { content:""; position:absolute; top:17px; left:0; width:1px; height:12px; background:#635C5A; }
.lnb li:first-child:after { display:none; }
.lnb li a { display:block; width:100%; height:100%; font-size:16px; color:#fff; }
.lnb li a:hover, .lnb li.currentLnb a { color:#ffa800; }
	@media all and (max-width:1366px){
		.lnb { padding:0; }
	}
	@media all and (max-width:640px){
		.lnb { height:35px; }
		.lnb li { line-height:35px; }
		.lnb li:after { top:11px; }
		.lnb li a { font-size:11px; }
	}

.page_info { position:relative; margin:45px auto 35px auto; max-width:1200px; width:100%; height:40px; }
	.page_info h2.title { position:absolute; font-size:40px; color:#362f2c; font-weight:normal; }
	.page_info .navigation { position:absolute; bottom:0; right:0; font-size:0; }
	.page_info .navigation li { display:inline; }
	.page_info .navigation li:after { content:">"; margin:0 15px 0 10px; vertical-align:1px; font-size:12px; color:#666; font-family:"Nanum Gothic"; }
	.page_info .navigation li:last-child:after { display:none; }
	.page_info .navigation li a { font-size:14px; color:#666; }
	.page_info .navigation li.currentNavigation a { color:#333; }

	@media all and (max-width:1366px){
		.page_info { width:90%; }
	}
	@media all and (max-width:640px){
		.page_info { height:60px; }
		.page_info .navigation { top:50px; left:0; right:none; }
	}

.container { clear:both; position:relative; margin:0 auto; max-width:1200px; width:100%; }
.container_sub { border:1px solid #E5E5E5; padding:80px 0 150px; }
.container_g5 { border-top:1px solid #E5E5E5; /*border-bottom:1px solid #E5E5E5; */padding:30px 0 50px; }
#register, #gnu_content { border:1px solid #E5E5E5; padding-left:5%; padding-right:5%; }
	@media all and (max-width:1366px){
		.container { width:90%; }
	}

	.container h3.headline { clear:both; font-size:34px; color:#333; text-align:center; font-weight:normal; word-break:keep-all; }
	.container h3.headline u { text-decoration:none; color:#f05700; }
	.container h4.subtitle { font-size:16px; color:#444040; text-align:center; font-weight:normal; line-height:26px; margin-top:6px; word-break:keep-all;  }

	/* 서브페이지 공용 */
	.sub #content { max-width:1200px; margin:0 auto; }
		@media all and (max-width:1366px){
			/*.sub .container { padding-left:5%; padding-right:5%; }*/
		}

	/* instagram */
	.insta-box {  
		position: relative;  
		width: 155px;  
		height: 155px;  
		float: left;  
		margin-right: 15px;  
	}  
	.insta-box:last-child {  
		margin-right: 0;  
	}  
	.image-layer {  
		overflow: hidden;  
		width:100%;
		height: 100%;  
	}  
	.image-layer img {  
		max-width: 100%;  
	}  
	.caption-layer {  
		display: none;  
		position: absolute;  
		top: 0;  
		background: rgba(255,255,255,0.8);  
		height:calc(100% - 5px);
		width:calc(100% - 5px);
		padding: 10px;  
		box-sizing: border-box;  
		font-size: 12px;  
		color: #333;  
		line-height:16px;
		overflow:hidden;
	}  
	.insta-caption {
		width:100%;
	}
	.insta-likes {  
		float: right;  
	}  

	/* 회사소개 */
	#company { padding-left:3%; padding-right:3%; }
	#company .page { position:relative; width:100%; margin-top:70px; }
	#company .page figure { position:absolute; top:0; left:0; margin:0; width:42.314%; }
	#company .page figure p { margin-bottom:15px; }
	#company .page figure p img { width:100%; vertical-align:top; }
	#company .page article { position:relative; padding:63px 0 63px 48.908%; font-size:16px; color:#444040; line-height:30px; word-break:keep-all; margin-bottom:120px; }
	#company .page article i { font-style:normal; color:#ffa800; font-weight:bold; }
	#company .page article strong { font-size:16px; color:#444040; }
	#company .research { width:100%; margin-top:80px; font-size:0; text-align:center; }
	#company .research li { display:inline-block; margin:0 15px; }
	/*
	#company .research li:first-child { margin-left:0; }
	#company .research li:last-child { margin-right:0; }
	*/
	@media all and (max-width:1366px){
		#company .research li { margin-bottom:30px; }
	}
	@media all and (max-width:1024px){
		#company .page figure { position:relative; width:100%; }
		#company .page figure p { display:inline-block; width:48%; margin-right:4%; }
		#company .page figure p:last-child { margin-right:0; }
		#company .page article { width:100%; padding:0; }
	}
	@media all and (max-width:450px){
		#company .page figure { position:relative; width:100%; }
		#company .page figure p { width:100%; margin-right:0; }
	}

	/* 연혁 */
	#history { background:url("../img/sub/history/history.jpg") no-repeat; background-position:center 200px; }
	#history h4.subtitle { padding-bottom:270px; }
		.histree { position:relative; width:100%; margin-top:35px; padding-bottom:135px; }
		.histree:before { content:""; position:absolute; top:0; left:calc(50% - 2.5px); width:5px; height:100%; background:red; z-index:-1; }
		.histree dl.byyear { clear:both; position:relative; width:50%; padding:35px 0; }
		.histree dl.byyear:nth-child(1n) { left:50%; }
		.histree dl.byyear:nth-child(1n) dt.year { margin-left:-9px; text-indent:58px; font-size:26px; color:#f05c08; font-weight:bold; background:url("../img/sub/history/bullit.png") no-repeat left 5px; }
		.histree dl.byyear:nth-child(1n) dd.month { margin-left:70px; margin-top:15px; line-height:30px; }
		.histree dl.byyear:nth-child(1n) dd.month dt { clear:left; float:left; width:45px; font-size:20px; color:#f05c08; font-weight:bold; text-align:right; word-break:keep-all; }
		.histree dl.byyear:nth-child(1n) dd.month dd { float:left; margin-left:15px; font-size:16px; color:#444040; }
		
		.histree dl.byyear:nth-child(2n) { left:0; }
		.histree dl.byyear:nth-child(2n) dt.year { margin-right:-9px; padding-right:58px; text-align:right; font-size:26px; color:#f05c08; font-weight:bold; background:url("../img/sub/history/bullit.png") no-repeat right 5px; }
		.histree dl.byyear:nth-child(2n) dd.month { margin-right:70px; margin-top:15px; line-height:30px; margin-left:0; }
		.histree dl.byyear:nth-child(2n) dd.month dt { clear:right; float:right; width:45px; font-size:20px; color:#f05c08; font-weight:bold; text-align:left; word-break:keep-all; }
		.histree dl.byyear:nth-child(2n) dd.month dd { float:right; margin-right:15px; font-size:16px; color:#444040; }

		@media all and (max-width:1024px){
			.histree { width:80%; left:20%; }
			.histree:before { left:0%; }
			.histree dl.byyear { width:100%; }
			.histree dl.byyear:nth-child(1n) { left:0; }
			.histree dl.byyear:nth-child(1n) dt.year { margin-left:-6px; text-indent:58px; font-size:26px; color:#f05c08; font-weight:bold; background:url("../img/sub/history/bullit.png") no-repeat left 5px; }
			.histree dl.byyear:nth-child(1n) dd.month { margin-left:70px; margin-top:15px; line-height:30px; }
			.histree dl.byyear:nth-child(1n) dd.month dt { clear:left; float:left; width:45px; font-size:20px; color:#f05c08; font-weight:bold; text-align:right; }
			.histree dl.byyear:nth-child(1n) dd.month dd { float:left; margin-left:15px; font-size:16px; color:#444040; }
			
			.histree dl.byyear:nth-child(2n) dt.year { margin-right:0; padding-right:0; text-align:left; background-position:left 5px; margin-left:-6px; text-indent:58px; }
			.histree dl.byyear:nth-child(2n) dd.month { margin-right:0; margin-left:0; margin-left:70px; }
			.histree dl.byyear:nth-child(2n) dd.month dt { clear:left; float:left; text-align:right; }
			.histree dl.byyear:nth-child(2n) dd.month dd { float:left; margin-right:0; margin-left:15px; }
		}

		@media all and (max-width:640px){
			.histree { width:90%; left:10%; padding-bottom:200px; }
			.histree dl.byyear:nth-child(1n) dt.year { text-indent:38px; }
			.histree dl.byyear:nth-child(1n) dd.month { margin-left:50px; }
		}

		@media all and (max-width:450px){
			.histree { width:95%; left:5%; padding-bottom:35px; }
			.histree dl.byyear:nth-child(1n) dt.year { text-indent:38px; }
			.histree dl.byyear:nth-child(1n) dd.month { margin-left:30px; }
			.histree dl.byyear:nth-child(1n) dd.month dt { float:none; text-align:left; }
			.histree dl.byyear:nth-child(1n) dd.month dd { float:none; margin-left:0; }
		}

	#history .company_info { position:relative; max-width:925px; width:80%; height:200px; margin:75px auto 0 auto; }
	#history .company_info table:nth-child(1),
	#history .company_info table:nth-child(2),
	#history .company_info table:nth-child(3) { position:relative; width:50%; float:left; border-top:1px solid #E5E5E5; font-size:13px; color:#636363; }

	#history .company_info table:nth-child(2),
	#history .company_info table:nth-child(3) { border-right:1px solid #E5E5E5; }

	#history .company_info table:nth-child(1) th,
	#history .company_info table:nth-child(2) th { width:20%; border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; background:#F3F3F3; font-weight:bold; line-height:40px; }

	#history .company_info table:nth-child(1) td,
	#history .company_info table:nth-child(2) td { width:30%; border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; text-indent:25px; }

	#history .company_info table:nth-child(3) { clear:left; position:relative; width:100%; border-top:0; border-right:1px solid #E5E5E5; }
	#history .company_info table:nth-child(3) th { width:19.9%; border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; background:#F3F3F3; font-weight:bold; line-height:40px; }
	#history .company_info table:nth-child(3) td { width:80.1%; border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; padding-left:25px; }
	
		@media all and (max-width:640px){
			#history .company_info { width:80%; height:370px; }
			#history .company_info table:nth-child(1) { border-right:1px solid #E5E5E5; }
			#history .company_info table:nth-child(1),
			#history .company_info table:nth-child(2) { width:100%; float:none; }
			#history .company_info table:nth-child(2) { border-top:0; }
			#history .company_info table:nth-child(1) th,
			#history .company_info table:nth-child(2) th,
			#history .company_info table:nth-child(3) th { width:30%; }
			#history .company_info table:nth-child(1) td,
			#history .company_info table:nth-child(2) td,
			#history .company_info table:nth-child(3) td { width:70%;  }
		}

	/* 연구소 */
	#lab { text-align:center; }
	#lab figure { position:relative; display:inline-block; margin-top:60px;  margin-bottom:100px; }
	#lab figure img { width:100%; max-width:926px; }
	#lab figure figcaption { position:absolute; bottom:0; width:100%; height:38.684%; padding:0 5%; background:rgba(0, 0, 0, 0.8); font-size:16px; color:#fff; text-align:center; line-height:26px; z-index:1; }
	#lab figure figcaption dfn { display:inline-block; margin:35px 0 25px; font-size:28px; color:#fff; font-style:normal; }
	#lab .network { margin:30px 0 165px 0; }
	#lab .cert { position:relative; margin:0 auto; width:100%; max-width:1100px; font-size:0; margin-top:65px; }
	#lab .cert li { display:inline-block; width:25%; margin-bottom:50px; }
	
		@media all and (max-width:1024px){
			#lab figure figcaption { position:relative; background:rgba(0, 0, 0, 1); padding-bottom:5%; }
			#lab .network { margin:30px; 0; margin-bottom:100px;}
			#lab .network img { width:80%; }
			#lab .cert { margin-top:35px; }
			#lab .cert li img { width:100%; margin-bottom:30px; }
			#lab .cert li { width:30%; margin:0 3% 20px 3%; }
		}
		@media all and (max-width:640px){
			#lab .cert li { width:50%; }
		}


	#lab .research { width:100%; margin-top:80px; font-size:0; text-align:center; }
	#lab .research li { display:inline-block; margin:0 15px; }

	/* 찾아오시는 길 */
	#direction { padding-bottom:0; } /* 찾아오시는길은 하단 여백 없음 */
	#direction h4.subtitle { padding-bottom:60px; }
	#direction .root_daum_roughmap { position:relative; margin:0 auto; width:100% !important; }

	/* 카페매장안내 */
	#cafe .cafe_slide { position:relative; width:100%; max-width:845px; margin:75px auto 0 auto; overflow:hidden; }
	#cafe .cafe_slide .swiper-slide img { width:100%; }
	#cafe .cafe_slide_btns { position:absolute; bottom:3.821%; width:100%; text-align:center;  z-index:9; }
	#cafe .cafe_slide_btns li { display:inline-block; width:15%; /*width:126px; height:74px;*/ margin-right:10px; border:3px solid #fff; overflow:hidden; }
	#cafe .cafe_slide_btns li:hover, #cafe .cafe_slide_btns li.currentCafeBtn { border:3px solid #F5302A; }
	#cafe .cafe_slide_btns li:last-child { margin-right:0; }
	#cafe .cafe_slide_btns li img { width:100%; }

	#cafe .cafe_located { position:relative; width:100%; max-width:845px; margin:30px auto 20px auto; font-size:28px; color:#333; }
	#cafe .cafe_amenity { margin-left:10px; }
	#cafe .cafe_amenity abbr { margin-right:5px; }

	#cafe table.cafe_info { position:relative; width:100%; max-width:845px; margin:0 auto; border-top:1px solid #E5E5E5; font-size:13px; color:#636363; }
	#cafe table.cafe_info th { width:calc(20% - 1px); border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; background:#F3F3F3; font-weight:bold; line-height:40px; }
	#cafe table.cafe_info td { width:calc(80% - 1px); border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; text-indent:25px; }

	#cafe h6.cafe_map { position:relative; width:100%; max-width:845px; margin:40px auto 20px; font-size:18px; color:#333; }
	#cafe .root_daum_roughmap { position:relative; width:100%; max-width:845px; margin:0 auto; }
	
		@media all and (max-width:1366px){
			#cafe { padding-left:5%; padding-right:5%; }
		}