@charset "utf-8";
body {
	overflow-y:scroll;
}

#wrap{width:100%;height:100%;margin:0;padding:0;}

#header {
	width:100%; height:90px;
	position:absolute; 
	margin:0 auto;
	background: url("../image/topmenupatten.png");
	z-index:9999999;
}
.inner {
	width:100%;
	max-width:1400px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}
.show-default {display:block;}
.hide-default {display:none;}

/* header */
.header_box {
	width:100%;
	height:90px;
	border-bottom:1px solid #306071;
}
#logo {
	float:left;
	padding-top:10px;
	width:330px;
}
#logo a {
	display:block;
	height:60px;
	background:url("../image/logo2025.png") no-repeat center;
	background-size:100% auto;
	text-indent:-999999px;
}


/* util */
.util_wrap {
	position:absolute;
	right:-20px; top:40px;
	height:20px;
	line-height:20px;
	overflow:hidden;
	/*background:url(../image/slush.png) no-repeat center center;*/
	z-index:999999999999999;
}
 
.util {
	overflow:hidden;
	float:right;
}
.util li {
	float:left;
	display:block;
	font-size:24px;
	font-weight: bold;
	padding: 0 0px;
	margin-left:2px;
	margin-right:2px;
    color: #ff0000;
	border-radius: 3px;
	cursor: pointer;
	
}
.util li.langOn{background:#152445;}
.util li a{color:#ff0000;}
.util li.langOn a{color:#ff0000;}


@media(max-width:1400px){
.util_wrap {right:10px;}
 }
 /* gnb */
.gnb_wrap {
	position:absolute;
	right:100px;
	top:25px;
	padding:0;
	margin:0;
	margin-right: 40px;
}
.gnb > li {
	float:left;
	padding: 10px 45px;
	height:55px;
	position:relative;
}
.gnb > li > a {
	display:block;
	font-weight:500;
	color:#fff;
	font-size:18px;
	letter-spacing:-0.03em;
	line-height:1.5em;
	transition:color 0.2s;
	-webkit-transition:color 0.2s;
	-moz-transition:color 0.2s;
	-o-transition:color 0.2s;
}
.gnb > li.on > a,
.gnb > li:hover > a {
	color:#3a97b5;
}

.gnb_sub_wrap {
	position:absolute;
	width:200px;
	top:55px; left:50%;
	margin-left:-100px;
	overflow:hidden;
	height:0;
}
.gnb_sub_wrap::before {
	display:block;
	content:'';
	width:17px; height:12px;
	position:absolute;
	top:0; left:50%;
	margin-left:-9px;
	z-index:1;
}
.gsub {
	background:#3a97b5;
 
	padding:0px 0;
	text-align:center;
	margin-top:10px;
	box-shadow: 10px 4px 12px -4px rgba(0,0,0,0.56);
	 
}
.gsub li {
	margin:0px 0;
	font-size:1.13em;
	line-height:1.4em;
	padding:5px 0;
	border-top: 1px solid #61acc4;border-bottom:1px solid #00607f;
}

.gsub li:hover{background:#00607f}
.gsub li.last{border-bottom: 0px solid #61acc4;}
.gsub > li > a {
	color:#fff;
	
}
 
 
/* menu button */
.btn_gnb {
	width:30px; height:30px;
	position:absolute;
	display:none;
	right:20px; top:15px;
	border:0;
	border-radius:0;
	outline:0;
	padding:0;
	cursor:pointer;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-color:transparent;
	 
}
.btn_gnb span {
	display:block;
	height:3px;
	position:absolute;
	left:0; width:100%;
	top:50%; 
	margin-top:-1px;
	text-indent:-999999px;
	background:#265567;
}
.btn_gnb::before {
	display:block;
	content:'';
	height:3px;
	width:100%;
	position:absolute;
	top:2px;
	background:#265567;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
.btn_gnb::after {
	display:block;
	content:'';
	height:3px;
	width:100%;
	position:absolute;
	bottom:2px;
	background:#265567;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
}
.btn_gnb.on span {
	display:none;
	background:#000;
	 
}
.btn_gnb.on::before {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	top:50%;
	margin-top:-1px;
	background:#000;
	 
}
.btn_gnb.on::after {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	bottom:50%;
	background:#000;
	 
	margin-bottom:-2px;
}


@media all and (max-width:1425px) {
#logo {padding-left:30px;}
}

@media all and (max-width:1250px) {
 .gnb > li {padding:0 30px;}
.gnb_sub_wrap {width:180px;margin-left:-90px;}
}
@media all and (max-width:1122px) {
 .gnb > li {padding:0 20px;}
 .gnb_sub_wrap {width:160px;margin-left:-80px;}
}

@media all and (max-width:1009px) {
	/* gnb ��ȯ */
	#header {height:60px;}
	.header_box {height:60px;}
	#logo {width:150px; padding-top:8px; float:none; margin:0 auto;padding-left:0px;}
	#logo a {height:40px;}

 


	.btn_gnb {display:block;z-index:99999999;right:5px;}
 	/* gsub */
	.gnb_sub_wrap {position:relative; padding-top:0; width:auto; height:auto; top:auto; left:auto; margin:0; display:none;}
	.gnb_sub_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:0px; 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_box {
		position:fixed; 
		right:0px; 
		top:0px; 
		bottom:0; 
		background:#3a97b5; 
		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_box.opened  {
		transform:translate(0, 0);
		-webkit-transform:translate(0, 0);
		-moz-transform:translate(0, 0);
		-o-transform:translate(0, 0);
	}
 	.gnbArea {position:absolute; left:0; top:0; right:0; padding-top:60px;bottom:50px; overflow:auto; overflow-scrolling:touch; -webkit-overflow-scrolling:touch; -moz-overflow-scrolling:touch;}
	.gnb_wrap {position:relative; top:auto; right:auto;}
	.gnb > li {float:none; height:auto; margin:0; padding:0;border-bottom: 0px solid #61acc4;}
	.gnb > li > a {
		height:40px; line-height:40px; 
		font-size:1em; 
		padding:0 20px; 
		border-bottom:1px solid #68afc6;
		background:url("../image/plus.png") no-repeat 197px 10px;;
		 
	}
	.gnb > li:hover > a {
	color:#60ffff;
}
	.gnb > .active > a {
		background:url("../image/minus.png") no-repeat 197px 10px;
	}
	.gsub {
		background:#2e7991;
		width:auto;
		position:relative;
		padding:0px 0;
		border:0;
		margin:0;

		text-align:left;
	}
	.gsub li {
		font-size:1em;
		line-height:inherit;
		margin:0;
		border-bottom: 0px solid #61acc4;
	}
	.gsub li.last{border-bottom: 1px solid #68afc6;}
	.gsub a {
		display:block;
		font-size:0.98em;
		color:#fff;
		font-weight:300;
		line-height:30px;
		padding:0 30px;
		letter-spacing:-0.03em;
		background:url("../image/mobile_arrow.png") no-repeat 10px center;
		background-size:5px 9px;
	}

 .util_wrap {
	position:absolute;
	right:auto;left:0; top:7px;
	height:auto;
	line-height:20px;
	overflow:hidden;
	background:none;
	width:60px;

	}

.util li{padding: 0 6px;margin-bottom:4px;font-size:11px;}






}


 

@media all and (max-width:767px) {
	/* header */
	.gnb > li > a  {font-size:1.14em;}
	.gsub a {font-size:1em; line-height:25px;}

  }

 
@media all and (max-width:475px) {
	.bnb {text-align:center; font-size:0; border-bottom:1px solid #ddd;}
	.bnb li {font-size:10px; float:none; display:inline-block; width:auto; border-bottom:0;}
	.bnb li a {padding:0 10px;}

}

@media all and (max-width:375px) {
	.bnb li a {padding:0 5px;}

}

  
 
 
 
/*footer*/
#footer{clear:both;position:relative;width:100%;background:#2d3032; letter-spacing:-0.03em;}
 
.footerarea_in{clear:both;position:relative;margin: 0 auto; max-width:1400px;padding-top:20px;}
.footerarea_in .bottom_logo{float:left;margin-right:0px;width:25%;text-align:left;padding-left:2%;padding-top:3px;}
.footerarea_in .addr{float:left;width:73%;color:#7a7c7e;font-size:13px;line-height:150%;}
.footerarea_in .addr .bottomlink{height:30px;}
.footerarea_in .addr .bottomlink ul li{float:left; margin-right:6px;padding-top:3px;font-size:14px;}
.footerarea_in .addr .bottomlink ul li.first{padding-left:0;background:none;}
.footerarea_in .addr span{margin-right:10px;}
.footerarea_in .addr strong{color:#7a7c7e;}
.footerarea_in .addr span.telarea{color:#7a7c7e;margin-left:15px; }
.footerarea_in .addr p.cpyright{color:#7a7c7e;font-size:12px; letter-spacing:0px;}

 .blankclear{clear:both;height:10px;}
.footerarea_in .addr .bottomlink ul li{margin-right:30px;}
.footerarea_in .addr .bottomlink ul li a,
.footerarea_in .addr .bottomlink ul li a:hover{color:#fff;}


 /* personalarea */
.usemethod{display:none;overflow-x:hidden;z-index:9999;width:85%;height:600px;background:#fff;border:10px solid #f7f7f7;padding:20px;}
.usemethod ol li{list-style:none;}
.usemethod h4.sub_tit2{font-size:40px;color:#000;text-align:center;font-weight:500;line-height:50px; border-bottom: 1px solid #ccc;padding:30px;width:85%;margin: 0 auto 20px auto;}
.usemethod h4{font-size:16px;padding-left:20px;}
.usemethod p{ margin: 0 auto;width:85%;padding:5px 0 10px 20px;font-size:13px;line-height:20px;background: url(../image/icon2.html) no-repeat 0 15px;letter-spacing:-1px}
 
@media all and (max-width:600px ){
.footerarea_in .bottom_logo{float:none;margin-right:0px;width:94%;text-align:center;padding-left:3%;padding-right:3%;padding-top:0px;}
.footerarea_in .addr{float:none;width:100%;color:#7a7c7e;width:94%;padding-left:3%;padding-right:3%;margin-top:10px;border-top:1px solid #555;padding-top:10px;}

.footerarea_in .addr .bottomlink ul li{float:left;width:31%;margin-left:1%;margin-right:1%;text-align:center;font-size:13px;}
}