@charset "utf-8";

/* layout */
#wrap {width:100%; min-width:1200px; position:relative; margin:0 auto;}
#headerwrap {width:100%; position:relative; top:0; z-index:999999; background:#fff;  border-bottom:2px solid #000; }
.container {width:100%;	position:relative; margin:0 auto; overflow:hidden; z-index:1;}
.inner {width:1300px; position:relative; margin-left:auto; margin-right:auto;}
.s-inner {width:1300px; position:relative; margin-left:auto; margin-right:auto;}
#footerwrap {width:100%; clear:both; position:relative; margin:0 auto; background:#1f1f1f; overflow:hidden; padding:40px 0 30px;}


/* 타블렛 가로 */
@media all and (max-width:1399px) {	
#wrap {min-width:320px;}
.inner {width:98%;}
.s-inner {width:96%;}
}

@media all and (max-width:976px) {
	#wrap { font-size: 13px; } 
}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	.s-inner {width:94%;}
	.inner {width:94%;}
}

@media screen and (max-width:640px) {
	#wrap { font-size: 2.0vw; }
}

@media screen and (max-width:568px) {
	#wrap { font-size: 2.2vw; }
}

@media screen and (max-width:480px) {
	#wrap { font-size: 2.5vw; }
}



/*header top*/
#headertop {position:relative; width:100%; height:40px; background:#fff; }
#headertop .tmenu {float:right; margin-right:20px;}
#headertop .tmenu li {float:left; font-size:13px; font-weight:400; padding:0 15px 0 20px;line-height:40px; }

#headertop .tmenu li:last-child {padding-right:0;}
#headertop .tmenu li.ico1 {background:url(/images/common/ico1.png) no-repeat center left;}
#headertop .tmenu li.ico3 {background:url(/images/common/ico3.png) no-repeat center left;}
#headertop .tmenu li a {color:#000;}
#headertop .franbtn {float:right; font-size:14px;  line-height:40px; background:#ffce62 url(/images/common/t_ico.png) no-repeat 19px; padding:0 20px 0 42px; height:40px;}
#headertop .franbtn a {color:#3e3a39;}
#headertop .franbtn a span {font-size:16px;}


/* header */
.h_box {height:115px;}
#logo {position:absolute; top:5px; left:0; width:120px;}
#logo a {display:block;	height:74px; background:url("/kr/images/common/logo.png") no-repeat center; background-size:100% auto; text-indent:-999999px;}

.btn_call {display:none;}
.btn_call img {width:100%;}

/* gnb */
.gnb_wrap {	position:absolute; top:30px; right:0 }
.gnb > li {	float:left;	height:67px; position:relative; font-family: 'Montserrat', sans-serif;}
.gnb > li > a {	display:block; color:#212121; font-size:17px; line-height:24px; letter-spacing:0; font-weight:800; letter-spacing:0;

	padding:0 50px; /**/
}
.gnb > li:first-child a {background: none;}
.gnb > li.on > a,
.gnb > li:hover > a {color:#d70010;}

.gsub_wrap {position:absolute; width:180px;	top:55px; left:50%;	margin-left:-90px;	overflow:hidden; height:0; box-shadow: -5px 5px 5px -5px rgba(0,0,0, 0.3);}
.gsub_wrap::before {	display:block;	content:'';	width:20px; height:8px;
	background:url("/images/common/arrow_top.png") no-repeat center 0;
	position:absolute;
	top:4px; left:50%;
	margin-left:-10px;
	z-index:1;
}

.gsub {	background:#fff; border-top:5px solid #d70010;	text-align:center; margin-top:13px;}
.gsub li {	font-size:15px;	line-height:40px; font-family: "NanumBarunGothic",'나눔바른고딕','나눔고딕',sans-serif;}
.gsub li a {display:block; width:100%; color:#686868; padding:5px 0;}
.gsub li a:hover {/*color:#424242; text-decoration:underline;*/background:#d70010; font-weight:500; color:#fff;}

/* menu button */
.btn_gnb {width:28px; height:28px; position:absolute; display:none; right:1%; top:25px;}
.btn_gnb span {	display:block;	height:2px;	position:absolute;	left:0; width:100%;	top:50%; margin-top:-1px;	text-indent:-999999px;	background:#231f20;}/* middle line */
.btn_gnb::before {	display:block;	content:'';	height:2px;	width:100%;	position:absolute;	top:4px;	background:#231f20;
	transition:all 0.3s;	-webkit-transition:all 0.3s;	-moz-transition:all 0.3s;
}
.btn_gnb::after {display:block;content:'';height:2px;width:100%;position:absolute;bottom:4px;background:#303030;
	transition:all 0.3s;	-webkit-transition:all 0.3s;	-moz-transition:all 0.3s;
}
.btn_gnb.on span {	display:none;}
.btn_gnb.on::before {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	top:50%;
	margin-top:-1px;
}
.btn_gnb.on::after {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	bottom:50%;
	margin-bottom:-1px;
}


@media all and (max-width:1399px) {
	#logo {width: 120px; top:25px;}
	#logo a {height: 74px;}
	
	.gnb_wrap {}
	.gnb > li > a {font-size: 18px; padding:0 45px;}
}

/* 타블렛 가로 */
@media all and (max-width:1099px) {
	#headertop {display:none;}
	
	#headerwrap {height:75px;}
	/* gnb 전환 */
	#header {height:75px;}
	.h_box {height:75px;}
	#logo {width:150px; top:12px; left:50%; margin-left:-70px;}
	#logo a {height:65px; background:url("/kr/images/common/logo_2.png") no-repeat center; background-size:100% auto; text-indent:-9999px;}
	.btn_gnb {display:block;}
	
	.gnb_wrap {margin-right: 0;}

	/* gsub */
	.gsub_wrap {position:relative; padding-top:0; width:auto; height:auto; top:auto; left:auto; margin:0; display:none;}
	.gsub_wrap::before {display:none;}
	/* gnb layout for mobile */
	html.no-scroll {position:fixed; left:0; top:0; right:0; bottom:0; overflow:hidden;}
	.gnb_blind {position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.6); z-index:99999;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	.mb_gnb_frame {	position:fixed; right:0; top:75px;bottom:0; background:#fff; width:220px;z-index:9999999;
		transform:translate(220px, 0);
		-webkit-transform:translate(220px, 0);
		-moz-transform:translate(220px, 0);
		-o-transform:translate(220px, 0);
		transition:transform 0.3s ease;
		-webkit-transition:-webkit-transform 0.3s ease;
		-moz-transition:-moz-transform 0.3s ease;
		-o-transition:-o-transform 0.3s ease;
	}
	.mb_gnb_frame.opened  {
		transform:translate(0, 0);
		-webkit-transform:translate(0, 0);
		-moz-transform:translate(0, 0);
		-o-transform:translate(0, 0);
	}

	.gnb_scroll {position:absolute; left:0; top:0; right:0; bottom:50px; overflow:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch;}
	.gnb_wrap {position:relative; top:0; right:auto;width:100%;}
	.gnb > li {float:none; height:auto; margin:0; padding:0;}
	.gnb > li > a {	height:50px; line-height:50px; font-size:16px; padding:0 20px; color:#333; letter-spacing:-.07em; font-weight:500; border-bottom:1px solid #e5e5e5;}
	.gnb > .active > a {background-position:90% -35px;}
	.gsub {	background:#d70010;	width:auto;	position:relative;padding:0px 0;border:0;margin:0;text-align:left; padding:20px 0; box-shadow:0 5px 5px #b2b2b2;}
	.gsub li {	font-size:1em;line-height:inherit;margin:0;}
	.gsub a {display:block;font-size:14px;color:#fff;line-height:30px;padding:0 20px;letter-spacing:-0.03em;}
	.gsub > li > a {color:#fff; padding:0px;}
	.gsub > li > a:hover {color:#fff; text-decoration:underline;}

	.btn_call {display:block; position:absolute; top:0; left:-10px;  width:75px; height:75px; background:#d70010;}

}

@media all and (max-width:767px) {
	#headerwrap {height:65px;}
	#headerwrap .inner {width:100%;}
	/* gnb 전환 */
	#header {height:65px;}
	.h_box {height:65px;}
	#logo {width:150px; top:13px; left:50%; margin-left:-60px;  }
	#logo a {height:37px; background:url("/kr/images/common/logo_1.png") no-repeat center; background-size:100% auto; text-indent:-9999px;}
	
	.btn_gnb {top:20px; right:5%;}
	.btn_call {left:0px;  width:65px; height:65px; }
	
	.mb_gnb_frame {top:65px;}
}



/*footer*/
#footerWrap {font-family:"NanumBarunGothic",'나눔바른고딕','나눔고딕',sans-serif; position:relative; width:100%;  color:#6e6e6e; border-top:1px solid #ddd; padding-top:30px; margin-top:30px;}
#footerWrap .flogo {text-align:center;}
#footerWrap .flogo img {width:295px;}
#footerWrap .copywrap {margin-top:30px; text-align:center; background:#ededed; border-top:1px solid #ddd; padding:20px 0;}
#footerWrap .copywrap .f-link li {display:inline-block; margin:0 10px;} 
#footerWrap .copywrap .f-info li {display:inline-block; line-height:1.667em; margin:0 9px;}
#footerWrap .copywrap .copyright li span {font-weight:bold}

#footerWrap .copymenu {width:1300px; margin: 0 auto; overflow:hidden; position:relative;}
#footerWrap .copymenu ul li{display:inline-block; float:left; padding:0px 15px; text-align:left;}
#footerWrap .copymenu ul li 
.copymenut {margin-bottom:5px; background:url("/kr/images/sub/titlebar.jpg") no-repeat left; text-align:left; padding-left:10px; line-height:30px; font-size:20px; font-weight:100; color:#000;}
.copymenut span{font-weight:600;}
.copymenut1{line-height:30px; font-size:20px; text-align:left}
.copymenut1 span{font-size:13px;}
.copymenut2 {font-weight:200; font-size:13.5px; line-height:22px;}
.copymenut3 {font-weight:400; font-size:13.5px; line-height:22px; text-transform:uppercase;}
.copymenut3 a{color:#000;}
.copymenut3 a:hover{color:red;}




@media screen and (max-width:1399px){
	#footerWrap .flogo img {width:205px;}
	#footerWrap .copywrap .f-info {width:80%; margin:0 auto;}

#footerWrap .copymenu {width:100%; margin: 0 auto; overflow:hidden; position:relative;}
#footerWrap .copymenu ul li{display:inline-block; float:left; padding:0px 20px; text-align:left; width:auto;  border:0px solid #ddd;  box-sizing:border-box; }
#footerWrap .copymenu ul li:first-child{display:none;}

}

@media screen and (max-width:1024px){
	#footerWrap {padding:5% 0;}
	#footerWrap .flogo img {width:135px;}
	#footerWrap .copywrap .f-link li { margin:0 0;}
	#footerWrap .copywrap .f-link img {width:80%;}
	#footerWrap .copywrap {margin-top:5%;}
	
	#footerWrap .copywrap .f-info li {display:inline-block;margin:0 5px;}
#footerWrap .copymenu ul li{display:inline-block; float:left; padding:0px 15px; text-align:left;  margin-top:25px;  box-sizing:border-box; }

	

}