

/* header
--------------------*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600&display=swap');

header {position:relative;z-index:9998;width:100%;height:100px;
	/* background-color:rgba(164,0,39,0.7); */
	/*background-image:url("../images/header-bg.png");
	background-repeat:no-repeat;
	background-position:center 0;*/
	}
#subpage header {}
[class*='header__wrap'] {margin:0 auto; width:100%;}
	*+ html [class*='header__wrap'] {position:relative; }
[class*='header__wrap'] h1 {}
	*+ html [class*='header__wrap'] h1 {}
[class*='header__wrap'] h1 a {position:relative; height:56px;width:238px; display:block;font-size:0;margin:0 auto;} /*¸ÞÀÎÅ¸ÀÌÆ² Å©±â*/
	*+ html [class*='header__wrap'] h1 a {}
[class*='header__wrap'] h1 a img{max-width:100%}

.header__wrap__h1 {width:100%;margin:0 auto;position:relative;z-index:9999}
	.header__wrap__h1 h1 {position:absolute;top:40px;left:70px;text-align:center;}

	/* gnb */

	.gnb {width:100%;padding-top:0;position:absolute;top:95px;left:0;
		background-image:url("../images/gnb-bg.png");background-position:0 -74px;background-repeat:repeat-x;
		-webkit-box-shadow:4px 8px 5px -10px rgba(0,0,0,0.75);
		-moz-box-shadow:4px 8px 5px -10px rgba(0,0,0,0.75);
		box-shadow:4px 8px 5px -10px rgba(0,0,0,0.75);
		}

		*+ html .gnb {position:absolute;top:0;padding-top:0;}
	.gnb.selected {background-position:0 -75px;}

	.gnb-ul{display: inline-block; width: auto;}
		*+ html .gnb-ul {display:inline;}
	.gnb-menu {float:left;}

		*+ html .gnb-menu {position:relative;}

	.gnb-menu > a {display:block;text-align:center;font-size:21px;color:#000;font-weight:500;height:75px;line-height:58px; text-decoration:none;
		/*background-image:url("../commons/images/gnb-menu.jpg");*/background-position:0 22px;background-repeat:no-repeat;

-webkit-transition: all 0.15s ease 0s;
   -moz-transition: all 0.15s ease 0s;
	-ms-transition: all 0.15s ease 0s;
	 -o-transition: all 0.15s ease 0s;
		transition: all 0.15s ease 0s;
		}

	.gnb-menu > a:hover,
	.gnb-menu > a:focus {color:#;}
	.gnb-menu.focus > a {color:#;}

	.gnb-menu.manager-ver > a {color:#fc7934}
	.gnb-menu.manager-ver > a:hover,
	.gnb-menu.manager-ver > a:focus {color:#;}


/*new menu (all 2nd menu down)
===============================*/
.sub-nav {display:block;text-align:center;height:0;visibility:hidden;}
.gnb-ul .sub-nav {height:auto;visibility:visible;padding-top:10px;padding-bottom:0px;
-webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		display:none;
		}
.gnb.selected .sub-nav{display:block;}
.gnb-menu.over .sub-nav {background-color:#c6ddea;}
.sub-nav__box__list a{display:block;width:100%;padding:7px 0;color:#000;font-size:14px;font-size:1.4rem;}
.gnb-menu.over .sub-nav .sub-nav__box__list a {color:#fff}
.gnb-menu.over .sub-nav .sub-nav__box__list a:hover,
.gnb-menu.over .sub-nav .sub-nav__box__list a:focus {color:#fcffa9;}

.sub-nav__box__list a span {padding-left:8px; padding-right:8px; /*background-image:url("../images/gnb_bul.png");background-position:0px 8px;background-repeat:no-repeat;*/}


/* ±ÕÀÏ »çÀÌÁîÀÇ °æ¿ì ½ÃÀÛ */	/*ÁÂ¿ìÆø*/
	.gnb-ul {display:block;width:1200px;margin:0 auto;padding-left:0;}
	.gnb.two_type .gnb-menu {width:50%;}
	.gnb.three_type .gnb-menu {width:33.33%;}
		*+ html .gnb.three_type .gnb-menu {width:33%;}
	.gnb.four_type .gnb-menu {width:25%;}
	.gnb.five_type .gnb-menu {width:20%;}
		*+ html .gnb.five_type .gnb-menu {width:19%}
	.gnb.six_type .gnb-menu {width:16.66%;}
		*+ html .gnb.six_type .gnb-menu {width:16%;}
	.gnb.seven_type .gnb-menu {width:14.2%;}
		*+ html .gnb.seven_type .gnb-menu {width:14%;}
	.gnb.eight_type .gnb-menu {width:12.5%;}
	.gnb.nine_type .gnb-menu {width:11.09%;}
		*+ html .gnb.nine_type .gnb-menu {width:11%;}
	.gnb.ten_type .gnb-menu {width:10%;}
	.gnb.eleven_type .gnb-menu {width:9.09%;}
		*+ html .gnb.eleven_type .gnb-menu {width:9%;}
	.gnb.twelve_type .gnb-menu {width:8.3%;}
		*+ html .gnb.twelve_type .gnb-menu {width:8%;}

	.gnb.thirty_type .gnb-menu {width:7.5%;}
		*+ html .gnb.thirty_type .gnb-menu {width:7%;}
/**/
.gnb-menu > a {display:block;width:101%;text-align:center;}

/* ±ÕÀÏ »çÀÌÁîÀÇ °æ¿ì ³¡ */

/* 2Â÷¸Þ´º ±ÕÀÏ ¹Ú½º µðÀÚÀÎ Àû¿ë½Ã */
.gnb-ul {display:table;/*border-right:1px solid #bac7be;*/}
.gnb-menu {display:table-cell;float:none;vertical-align:top;background-color:#fff;
-webkit-transition: all 0.1s ease 0s;
   -moz-transition: all 0.1s ease 0s;
	-ms-transition: all 0.1s ease 0s;
	 -o-transition: all 0.1s ease 0s;
		transition: all 0.1s ease 0s;}
.gnb-menu.over {background-color:#fff;
}
.gnb-menu.over .sub-nav {background-color:transparent;}
.gnb-menu.over > a {color:#;}
.sub-nav{}
.selected .sub-nav{margin-top:0;}

/* 2Â÷¸Þ´º º¸´õÀû¿ë*/
.gnb-menu:first-child {}
.gnb-menu {border-left:1px solid #bac7be;}
	.gnb-menu:last-child {border-right:1px solid #bac7be}
.gnb-menu > a {
	display: block;
	position: relative;
	text-align: center;
	margin-left:-1px;overflow:hidden;
	margin-top:-75px;
	}
.gnb.selected .gnb-menu > a {border-bottom:1px solid #d3d3d3}

/* ¾È¾ç°ø°í gnb »õ·Î¿î ¹æ½Ä */
.gnb-layer-top {
	position: absolute;
	width: 930px;
	left: 50%;
	top: -76px;
	margin-left: -330px;
}
.gnb-layer-top__ul__li {float:left;background-image:url('../images/gnb-layer-top__ul__li.png');background-position:0 center;background-repeat:no-repeat;}
	.gnb-layer-top__ul__li:first-child {background-image:none;}

	.gnb-layer-top__ul {display:block;width:100%;margin:0 auto;}
	.gnb.two_type .gnb-layer-top__ul__li {width:50%;}
	.gnb.three_type .gnb-layer-top__ul__li {width:33.33%;}
		*+ html .gnb.three_type .gnb-layer-top__ul__li {width:33%;}
	.gnb.four_type .gnb-layer-top__ul__li {width:25%;}
	.gnb.five_type .gnb-layer-top__ul__li {width:20%;}
	.gnb.six_type .gnb-layer-top__ul__li {width:16.66%;}
		*+ html .gnb.six_type .gnb-layer-top__ul__li {width:16%;}
	.gnb.seven_type .gnb-layer-top__ul__li {width:14%;}
	.gnb.eight_type .gnb-layer-top__ul__li {width:12.5%;}
	.gnb.nine_type .gnb-layer-top__ul__li {width:11.09%;}
		*+ html .gnb.nine_type .gnb-layer-top__ul__li {width:11%;}
	.gnb.ten_type .gnb-layer-top__ul__li {width:10%;}
	.gnb.eleven_type .gnb-layer-top__ul__li {width:9.09%;}
		*+ html .gnb.eleven_type .gnb-layer-top__ul__li {width:9%;}
	.gnb.twelve_type .gnb-layer-top__ul__li {width:8.3%;}
		*+ html .gnb.twelve_type .gnb-layer-top__ul__li {width:8%;}

	.gnb.thirty_type .gnb-layer-top__ul__li {width:7.5%;}
		*+ html .gnb.thirty_type .gnb-layer-top__ul__li {width:7%;}
/**/
.gnb-layer-top__ul__li > a {display:block;width:100%;text-align:center;height:100px;line-height:100px;font-size:16px;font-weight:500;color:#3d3d3d;}

	/*ie7*/
	*+ html .header__wrap__h1 h1 {width:169px;top:51px;}
	*+ html .gnb {position:absolute;top:122px;}
	*+ html .gnb-ul {display:block;}
	*+ html .gnb-menu {display:block;float:left;}
	*+ html .gnb-menu.over {background-color:transparent}
	*+ html .gnb-menu.over .sub-nav {background-color:transparent;}
	*+ html .gnb-menu.over > a {}
	*+ html .gnb-menu:first-child {border-left:0px solid #bbbbbb}
	*+ html .gnb-menu {border-right:0px solid #bbbbbb}
	*+ html .gnb-menu > a {width:100%;margin-left:0;}
	*+ html .over.gnb-menu .sub-nav .sub-nav__box__list a {color:#000;}
	*+ html .over.gnb-menu .sub-nav .sub-nav__box__list a:hover,
	*+ html .over.gnb-menu .sub-nav .sub-nav__box__list a:focus {color:#000;text-decoration:underline;}

.gnb-layer {height:0;overflow:hidden;position:absolute;top:0;background-color:#f3f3f4;z-index:9999;width:100%;
	background-position:0 -15px;
-webkit-transition: all 0.2s ease 0s;
   -moz-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	 -o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;}
.selected .gnb-layer {height:auto;
	/*background-image:url("../images/gnb-layer.png");
	background-repeat:repeat-x;
	background-position:0 0;*/
	border-bottom:1px solid #bac7be;
	}
.selected .gnb-menu > a {	}
.selected .gnb-ul .sub-nav {padding-top:10px;padding-bottom:10px;}

	*+ html .gnb-layer {display:none;}
	*+ html .selected .gnb-layer {display:block;}


/* skip to Content */
.skiptoContent {position:absolute;height:0;top:-60px;left:50%;margin-left:-490px;z-index:9999;font-size:11px;font-size:1.1rem;}
	.skiptoContent div {position:relative;height:25px;padding-top:5px;width:1200px;margin:0 auto;text-align:center;}
	.skiptoContent div {width:60%;background-color:#fff;border:1px solid #ccc;border-top:0;}
	.skiptoContent {left:0;margin-left:0;width:100%;}
	.skiptoContent strong {position:absolute;top:0;margin:0;padding:0;height:0;width:0;left:-9999px;visibility:hidden;}
		.skiptoContent span.skip_item01 a {width:173px;height:20px;text-indent:-9999px;overflow:hidden;
			background-image:url("../images/go_to_sbj.gif");background-repeat:no-repeat;background-position:0 0;display:inline-block; vertical-align:middle;
			}
		*+ html .skiptoContent span.skip_item01 a {display:inline;}
		.skiptoContent span.skip_item01 a:focus {background-image:url("../images/go_to_sbj_on.gif");}
	.skiptoContent span.skip_item02 a {display:inline-block;padding-right:10px;vertical-align:middle;}
		*+ html .skiptoContent span.skip_item02 a {display:inline;}
	.skiptoContent span.skip_item02 a:focus {font-weight:bold;}
	.skiptoContent span {vertical-align:middle;}
	#wrap {min-height:500px;position:relative;z-index:1;}
	* html #wrap {height:500px;}

.hidden_word{position:absolute;top:0;left:-9999px;text-indent:-9999px;display:block;font-size:0;}


/* language */
.top-nav__fav2__select_design {background-image:url("../images/top-nav__fav2__select_design-bul.jpg");
	background-position:left center;
	padding-left:6px;background-color:transparent;border:0;}
	.top-nav__fav2__select_design select {vertical-align:top;height:37px;font-weight:bold;color:#c03c61;text-align:left;}
	.top-nav__fav2__select_design select:hover {cursor:pointer}
	.top-nav__fav2 .top-sel-btn {display:inline-block;padding:3px 7px;background-color:#9f9f9f;border-radius:4px;color:#fff;height:19px;line-height:19px;vertical-align:middle;}
		*+ html .top-nav__fav2 .top-sel-btn {display:inline;}
/* top-nav */
.top-nav{position:absolute;top:35px;right:0;width:100%;}
.top-nav__box{margin:0 auto;width:100%;position:relative;height:0;z-index:99;}

.top-nav__fav {position:absolute;top:0;left:0;display:none;}
	*+ html .top-nav__fav {display:inline;}
	.top-nav__fav a {display:block;width:40px;height:33px;line-height:33px;background-color:#245d39;text-align:center;}
	.top-nav__fav a img {vertical-align:middle;}


	.open-top-btn {border:1px solid #e5e5e5;border-top:0;border-left:0;display:inline-block;
		vertical-align:top;height:20px;width:20px;padding:8px;
		}
		*+ html .open-top-btn {display:inline;}
		.open-top-btn:hover,
		.open-top-btn:focus {background-color:#fff;border:1px solid #e5e5e5;border-top:0;border-bottom:1px solid #fff;
			display:inline-block;border-left:0;
		vertical-align:top;height:20px;width:20px;padding:8px;}
		*+ html .open-top-btn:hover {display:inline;}
		*+ html .open-top-btn:focus {display:inline;}
.top-nav__fav2 {position:absolute;top:0px;right:55px;height:32px;line-height:32px;}
.top-nav__fav2 > a {display:inline-block; height:23px;line-height:23px;color:#000;padding:0 7px 0 12px;
	background-image:url("../images/gnb_dot.jpg");
	background-position:left center;
	background-repeat:no-repeat;
	font-size:10px;font-size:1.0rem;
	/* font-family:'Nanum Gothic'; */
	font-weight:700;
	}
	.top-nav__fav2 > a:first-child{background-image:none;padding-left:0px;}
	.top-nav__fav2 > a:nth-child(2){background-image:none;}
	*+ html .top-nav__fav2 > a {display:inline;}
	.top-nav__fav2 span {padding-left:10px;color:#333;}
	.top-nav__fav2 img {vertical-align:middle;}

.top-nav__fav2 > a.go_e{border:1px solid #ddd;padding:0 3px;height:20px;line-height:20px;color: #fffee7;background-color: rgba(163,163,163,0.3);}
.top-nav__fav2 > a.go_e:hover{opacity:0.9;}

.top-nav__fav3 {position:absolute;top:0;right:0;font-size:0;display:none;}

/*fontsize*/

.fontsize {display:none;background-color:#286840;vertical-align:middle;height:32px;line-height:33px;padding-left:10px;padding-right:10px;border-bottom: 1px solid #358954;}
#screenSize {display:inline-block;vertical-align:top;}
.fontsize h3 {display:inline-block;color:#fff;font-size:10px;vertical-align:middle;padding-left:5px;padding-right:5px;font-family:'Nanum Gothic';
	font-weight:700;}
.fontsize_list li {float:left;}
.fontsize_list li a {vertical-align:middle;display:inline-block;height:19px;}

*+ html .fontsize {display:inline;}
*+ html #screenSize {display:inline;}
*+ html .fontsize h3 {display:inline;}
*+ html .fontsize_list li a {display:inline;}

.fontsize_list li a img {vertical-align:top;}
span.font-size-box {margin-left: 5px;padding-left:10px;}
	span.size-realtime {height:32px;line-height:32px;vertical-align:top;color:#fff;padding-left:4px;padding-right:4px;}
	.lte-ie8 .font-size-box {display:none;} /*ie8*/

.lte-ie8 .fontsize {display:none;}

/*¸ð¹ÙÀÏ ´Ý±â ¹öÆ°*/
.mobile_on_off a {display:none;}


/*mobile gnb*/
.mobile_top_nav{display:none;}
#gnb_nav_mobile{height:auto;display:none;}
.mobile_sub_menu{display:none;}
.mobile_busi_btn{display:none;}
.foot_mobile{display:none;}

.resol{background-color:#fff;padding:10px;font-weight:bold;color:#000;border:3px solid red;position:fixed;bottom:0;right:0;z-index:9999;}

@media screen and (min-width:1px) and (max-width:768px) {
	.mobile_on_off a {display:block;}
}


.lang { padding-right: 20px; display:inline-block;background-color:#245d39;height:32px;line-height:32px;vertical-align:middle;border-bottom: 1px solid #2b6e43;}
.lang li {white-space:nowrap;float:left;margin-left:10px;}
.lang li a { font-size: 11px;  display: inline-block; background-repeat: no-repeat; background-position: 0 center; padding-left: 22px; vertical-align:middle; height:18px;line-height:18px;}
*+ html .lang li a {display:inline;}
.lang li.lang_kor > a { background-image: url("../images/lang_kor.png"); color:#fff;}
.lang li.lang_eng > a { background-image: url("../images/lang_eng.png"); color:#fff; }
.lang li.lang_jpn > a { background-image: url("../images/lang_jpn.png"); color:#fff; }
.lang li.lang_cn > a { background-image: url("../images/lang_cn.png"); color:#fff; }




@media screen and (min-width:1px) and (max-width:1600px) {

	.mobile_none{display:none;} /*mobile*/

	[class*="header__wrap"] {width:100%;}
	header{width:100%;
	-webkit-box-shadow: 0 4px 14px -12px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 4px 14px -12px rgba(0,0,0,0.75);
		box-shadow: 0 4px 14px -12px rgba(0,0,0,0.75);
	}
	.header_in{width:100%}
	#gnb{background-image:none;}	
	
	.top-nav__box {width:100%}
	.header__wrap__h1 {width:100%;background-color: #fff;}

	.gnb{width:70%;padding-left:0px;left:50%;transform:translate(-50%);}
	.gnb-menu > a {background-image:none;white-space:nowrap;}
	.gnb .gnb-ul {width:100%;padding-left:0;padding-right:0;}

	.header__wrap__h1 h1{left:10px;}
	.top-nav__fav2{right:5px;}

}

@media screen and (min-width:1px) and (max-width:1200px) {
	.header__wrap__h1 h1 {left:5px;width:auto;}
	[class*="header__wrap"] h1 a {width:169px;margin-left:5px;height:auto;}
	.top-nav{display:block !important;top:0;}
	.gnb {top:119px;}
	.gnb-menu > a {}
	.gnb .sub-nav__box {width:100%}
	.gnb .sub-nav__box__ul {width:100%;padding-left:0;background-image:none;}
	.gnb .sub-nav__box__list {width:auto;float:none;padding:0;}
	.gnb .sub-nav__3rd {left:100%;padding-left:0;width:100%;min-height:1px;position:relative;top:0;left:0;display:none !important;
		background-color:#eee;
		}
	.gnb .sub-nav {overflow:visible;}
	.top-search {top:30px;}
	.m_se_btn {width:237px;}
	.main_search_box {right:0;top:0;}
	.gnb .sub-nav__box > h2 {display:none;}
	.gnb .gnb-menu .sub-nav__box {background-image:none !important;}
	.gnb-link-box {display:none;}
	.gnb .gnb-menu{position:relative;}

	header{padding-bottom:0px;box-shadow:0 0 0 0 rgba(0,0,0,0.75);}

	header h1{top:12px;}
	.m_t_wrap{width:100%;}

	.gnb-layer {top:-30px;}
	.gnb-layer-top {top:-40px;}
	.gnb-layer-top {left:0;width:100%;margin-left:0px;}
	.gnb-layer-top__ul__li > a {height:40px;line-height:40px;white-space:nowrap;font-size:14px;}
}

@media screen and (min-width:769px) and (max-width:850px) {

	/*gnb*//*big*/
	#gnb_nav_mobile ul{display:table;width:100%;border-top:2px solid #eee;}
	#gnb_nav_mobile li{display:table-cell;} /*big*/
	#gnb_nav_mobile li:first-child{border-top:0px}


}
@media screen and (min-width:1px) and (max-width:880px) {


	header{overflow:visible;position:fixed;border-bottom:1px solid #333}

	.header__wrap__h1 h1 {position:relative;top:0;left:0;width:100%;text-align:center;padding-top:10px;}
	header h1 a {width: 130px !important;background-size:100% auto;}
	[class*="header__wrap"] h1 a {margin:0 auto;height:auto;}
	[class*="header__wrap"] {height:100px;background-color:#fff;}

	.main_slide-top {padding-top:50px;}

	.sub-page-container.wrap {padding-top: 90px;}
	.gnb {display:none;}
	.top-nav {z-index:10000}
	.top-nav__fav2 {top:56px;left:5px;}
	.top-nav__fav2 > a {color:#000;padding: 0 3px;background-image:none;}

	.font-size-box h3 {color:#000}
	.top-nav__fav2 span.font-size-box {color:#6387a3;border:1px solid #6387a3}
	.font-size-box a {background-color:#fff}


	.big_a{display:block;padding:10px 10px 10px 20px;background-image:url("../images/pattern.png");background-repeat:repeat;background-position:0 0;font-size:17px;font-weight:bold;color:#424789;border-top:2px solid #d5d5ec}
	.sub_nav ul:after{content:' ';clear:both;visibility:hidden;display:block;}
	.sub_nav ul{margin-bottom:-3px;position:relative;overflow:hidden;}
	.sub_nav li{float:left;width:50%;background-image:url("../images/gnb_dotted.png");background-repeat:repeat-x;background-position:0 bottom;}
	.sub_nav a{color:#424789;font-size:14px;font-weight:bold;display:block;padding:10px 10px 0px 20px;min-height:25px;}

	#depth1.dp1 .depth01 .sm_01 a, #depth1.dp2 .depth01 .sm_02 a, #depth1.dp3 .depth01 .sm_03 a, #depth1.dp4 .depth01 .sm_04 a, #depth1.dp5 .depth01 .sm_05 a, #depth1.dp6 .depth01 .sm_06 a, #depth1.dp7 .depth01 .sm_07 a, #depth1.dp8 .depth01 .sm_08 a, #depth1.dp9 .depth01 .sm_09 a, #depth2.dp1 .depth02 .sm_01 a, #depth2.dp2 .depth02 .sm_02 a, #depth2.dp3 .depth02 .sm_03 a, #depth2.dp4 .depth02 .sm_04 a, #depth2.dp5 .depth02 .sm_05 a, #depth2.dp6 .depth02 .sm_06 a, #depth2.dp7 .depth02 .sm_07 a, #depth2.dp8 .depth02 .sm_08 a, #depth2.dp9 .depth02 .sm_09 a, #depth3.dp1 .depth03 .sm_01 a, #depth3.dp2 .depth03 .sm_02 a, #depth3.dp3 .depth03 .sm_03 a, #depth3.dp4 .depth03 .sm_04 a, #depth3.dp5 .depth03 .sm_05 a, #depth3.dp6 .depth03 .sm_06 a, #depth3.dp7 .depth03 .sm_07 a, #depth3.dp8 .depth03 .sm_08 a, #depth3.dp9 .depth03 .sm_09 a, #depth4.dp1 .depth04 .sm_01 a, #depth4.dp2 .depth04 .sm_02 a, #depth4.dp3 .depth04 .sm_03 a, #depth4.dp4 .depth04 .sm_04 a, #depth4.dp5 .depth04 .sm_05 a, #depth4.dp6 .depth04 .sm_06 a, #depth4.dp7 .depth04 .sm_07 a, #depth4.dp8 .depth04 .sm_08 a, #depth4.dp9 .depth04 .sm_09 a, #depth5.dp1 .depth05 .sm_01 a, #depth5.dp2 .depth05 .sm_02 a, #depth5.dp3 .depth05 .sm_03 a, #depth5.dp4 .depth05 .sm_04 a, #depth5.dp5 .depth05 .sm_05 a, #depth5.dp6 .depth05 .sm_06 a, #depth5.dp7 .depth05 .sm_07 a, #depth5.dp8 .depth05 .sm_08 a, #depth5.dp9 .depth05 .sm_09 a, #depth6.dp1 .depth06 .sm_01 a, #depth6.dp2 .depth06 .sm_02 a, #depth6.dp3 .depth06 .sm_03 a, #depth6.dp4 .depth06 .sm_04 a, #depth6.dp5 .depth06 .sm_05 a, #depth6.dp6 .depth06 .sm_06 a, #depth6.dp7 .depth06 .sm_07 a, #depth6.dp8 .depth06 .sm_08 a, #depth6.dp9 .depth06 .sm_09 a, #depth7.dp1 .depth07 .sm_01 a, #depth7.dp2 .depth07 .sm_02 a, #depth7.dp3 .depth07 .sm_03 a, #depth7.dp4 .depth07 .sm_04 a, #depth7.dp5 .depth07 .sm_05 a, #depth7.dp6 .depth07 .sm_06 a, #depth7.dp7 .depth07 .sm_07 a, #depth7.dp8 .depth07 .sm_08 a, #depth7.dp9 .depth07 .sm_09 a, #depth8.dp1 .depth08 .sm_01 a, #depth8.dp2 .depth08 .sm_02 a, #depth8.dp3 .depth08 .sm_03 a, #depth8.dp4 .depth08 .sm_04 a, #depth8.dp5 .depth08 .sm_05 a, #depth8.dp6 .depth08 .sm_06 a, #depth8.dp7 .depth08 .sm_07 a, #depth8.dp8 .depth08 .sm_08 a, #depth8.dp9 .depth08 .sm_09 a{background-image:none;color:#000;text-decoration:underline;}

	/*header*/
	header{height:auto;padding-bottom:0px;}
	header.selected {height:100%}
	#mainpage header{padding-bottom:0px;}
	header h1{position:relative;top:0;left:0;padding-top:12px;margin:0 auto;}

	.skiptoContent div{text-align:left;}

	.top_item1{background-color:transparent;top:15px;}
	.top_item1 a, .top_item1 span{color:#333;font-size:12px;padding:2px 7px;background-image:none;}
	.top_item1 a{padding:0;}
	.top_item1 a.top_link_item2{padding:0px 7px;}
	.top_item1 a.top_link_item3{padding:0px 7px;}
	.top_item1 a.top_link_item4{padding:0px 7px;}
	.top_item1 a:hover{color:#000;}
	.top_item1 li{background-image:none;padding:0;}

	/*¸ÞÀÎ°Ë»ö*/
	.main_search_box{top:30px;right:5px;z-index:9;}

	/*gnb*/
	#gnb_go{display:none;}
	.mobile_top_nav{display:block;}

	.top_wrap{z-index:1;}
	.top_nav{z-index:9999;position:absolute;top:58px;display:none;right:5px}

	/*¸ð¹ÙÀÏ ¸Þ´º*/
	.gnb-ul {padding-left:0;}

	.top-search {top:41px;}
	.mobile_top_nav{}

	.mobile_top_nav{position:relative;z-index:9999;max-height:100%;position:fixed;top:0;left:0px;width:0;
		display:block;
		background-image: url("../images/opa.png");
		background-repeat:repeat;
		background-position:0 0;
		}
	.mobile_top_nav.selected {height:100%;overflow:auto;width:100%;left:0px;}
	.mobile_top_nav .m_s_btn{position:absolute;top:-40px;right:10px;display:block;width:28px;height:28px; display:none;/* */}
		.mobile_top_nav .m_s_btn img{width:100%;}
	.mobile_top_nav .m_open_btn {position:absolute;top:32px;left:15px;display:block;width:28px;height:28px;overflow:hidden;border-radius:3px;}
		.mobile_top_nav .m_open_btn img{width:100%;}
	.mobile_top_nav__in{
		left:-320px;
		width: 320px;
	    position: fixed;
	    top: 0;
	    height: 100%;
		background-color: #fff;
		-webkit-transition: all 0.3s ease 0s;
		   -moz-transition: all 0.3s ease 0s;
			-ms-transition: all 0.3s ease 0s;
			 -o-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;
		overflow:auto;
	}
	.mobile_top_nav.selected .mobile_top_nav__in {
		left:0;
			-webkit-box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);
		box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);

	}
	.font-size-box {display:none;}
	.gnb-menu > a {width:auto;margin-top:0;}
	#gnb_nav_mobile{
		opacity:0;position:relative;padding-top:63px;z-index:9999;background-color:#fff;
		border-top:1px solid #d1d1d6;
		background-color:#fff;

		}

	#gnb_nav_mobile li.gnb-menu > a {width:auto;display:block;padding:0px 10px 0px 20px;height:38px;line-height:38px;background-image:url("../images/gnb_dotted.png");background-repeat:repeat-x;background-position:0 bottom;
		font-size:17px;font-weight:800;color:#222;text-align:left;
		border-top:1px solid #d1d1d6;
		background-color:transparent;
	}
	#gnb_nav_mobile li.sub-nav__box__list:first-child{}
	#gnb_nav_mobile li.sub-nav__box__list > a{border-top:1px solid #d1d1d6;padding:0px 10px 0px 25px;width:auto;height: 38px;line-height: 38px;font-weight:bold;display:block;}
	#gnb_nav_mobile .gnb-menu:first-child {border-left:0px;}
	.selected .sub-nav {border-top:0px;}
	#gnb_nav_mobile li.gnb-menu .sub-nav {height:0;overflow:hidden;}
		/*ºÒÄÑÁü*/
		#gnb_nav_mobile li.gnb-menu.on .sub-nav{height: auto;visibility: visible;}
		#gnb_nav_mobile li.gnb-menu.on > a {color:#000;}
		#gnb_nav_mobile .sub-nav__box__list.on > a {color:#000}
		#gnb_nav_mobile .sub-nav__box__list.on > a span {color:#000}


		#gnb_nav_mobile .gnb-menu {
			background-image:url('../images/mobile-bul-minus.png');
			background-repeat:no-repeat;
			background-position:95% 20px;
			background-size:14px auto;
			border-left:0;
		}

		#gnb_nav_mobile .gnb-menu.selected,
		#gnb_nav_mobile .gnb-menu.on {
			background-image:url('../images/mobile-bul-plus.png');
			background-position:95% 13px;
		}
	/*3rd*/
	#gnb_nav_mobile .sub-nav__3rd__ul {}
	#gnb_nav_mobile .sub-nav__3rd__ul li {}
	#gnb_nav_mobile .sub-nav__3rd__ul a {padding-left:45px;
		background-image:url("../images/nav-3rd-bul.png");background-repeat:no-repeat;background-position:34px 12px;
		background-size:6px auto;padding-bottom:5px;padding-top:5px
	}
	#gnb_nav_mobile .sub-nav__3rd a {color:#666;border-bottom:0px;font-size:13px;font-weight:normal;width:auto;
		display:block;text-decoration:none;text-align:left;
	}
	#gnb_nav_mobile .sub-nav__3rd li:first-child {border-top:0px;}
	#container {padding:10px}

	#gnb_nav_mobile .gnb-menu.nav-item.on .sub-nav{height:auto;    visibility: visible;}
	#gnb_nav_mobile .gnb-menu.nav-item.on > a {color:#000;}
	#gnb_nav_mobile .sub-nav__box__list.on > a span {color:#000;}
	#gnb_nav_mobile .sub-nav__3rd .on a {color:#000;font-weight:bold;}
	#gnb_nav_mobile .sub-nav__3rd  a.on{color:#000;font-weight:bold;}

	.selected .gnb-ul .sub-nav {padding-top:0;padding-bottom:0;}

	.main_search_box{background-color:transparent}
	.m_se_btn{width:150px;}
	.search_btn_top{width:32px}

	.top-nav__box {
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;

		}

	.top-nav{left:-320px;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	}
	.top-nav.selected {left:0;top:10px;}

	/*¸ð¹ÙÀÏ ¸Þ´º ´Ý±â*/

	.mobile-close {position:fixed;left:-30px;top:14px;opacity:0;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;}

	.mobile_menu_open .mobile-close {left:275px;z-index: 10000;opacity:1;}
	.mobile-close a{font-size:0;width:25px;height:25px;text-indent:-9999px;display:block;
		background-image:url("../images/mobile-close.jpg");background-position:center center;background-repeat:no-repeat;
	}

	.mobile_top_nav.selected .mobile-close {opacity:1;left:285px;}


	/*gnb ¹æ½Äº¯°æ*/
	.top-nav {border-top:1px solid #cbcbcb;width:320px;border-bottom:0;border-top:0;}
	.top-nav__fav2 {top:0;width:155px;left:0;padding-left:10px;background-color:#fff;padding-top:46px;padding-top:0;}
	.top-search {top:10px;left:10px;width:243px;}
	.top-search__in {border:1px solid #e0e0e0;padding-right:0;text-align:right;}
	/*
	.gnb {opacity:0;background-color:#fff;top:136px;width:100%;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;}

	*/
	.gnb-ul {width:100%;display:block;padding-right:0;border-right:0;border-bottom:1px solid #d1d1d6}
	.gnb-menu {width:100%;display:block;border-right:0px;}
	.gnb-menu > a {text-align:left;line-height:30px;height:30px;padding-left:15px;}
	.selected .gnb-menu > a {border-bottom:0px;}
	.sub-nav{width:auto;border:0;background-color: #f7f7f7;text-align:left;}
	.gnb-menu.over .sub-nav {border:0px solid #a82923;background-color: #96705d;}
	.sub-nav__box__list a span {color:#666666;font-size:17px;background-position:0 center;}

	#gnb_nav_mobile li.gnb-menu.selected .sub-nav{height:auto;visibility:visible;display:block;}

	.mobile_menu_open {}

	#gnb_nav_mobile.selected {display:block;opacity:1;}
	.gnb.selected {display:block;opacity:1;}
	.top-nav.selected {display:block;opacity:1;}
	.top-nav__fav {display:none;}
	.top-nav__fav1 {display:block;}
	.top-nav__fav2 {line-height:1.6;}
	.fontsize {display:none;}
	.lang {background-color:#eee;border-bottom:0;margin-right:55px;padding-right:5px;}
	.lang li a {font-size:0;}
	.top-nav__fav2 > a {font-size:12px;}

	.main-visual {padding-top:51px;}

	
}
@media screen and (min-width:769px) and (max-width:1200px) {
	.skiptoContent{width:95%;}
}

@media screen and (min-width:1px) and (max-width:768px) {
	.skiptoContent{display:none;}
	.skiptoContent div{text-align:left;}
}





/* footer */
.footer { background-color: #fff; width: 100%; min-height: 170px; overflow: hidden; border-top:1px solid #bbb}
.footer_in { width: 1200px; margin: 0 auto;  position: relative; }
.footer_logo { float: left; padding-top:29px; padding-bottom: 39px; ; width: 220px; /*height: 100%;*/text-align: center; box-sizing:border-box; }
.footer_logo  .address { margin-top: 20px;}
.footer_logo  .address  span { display: block; margin-top: 3px; }

.policyarea { float: left; padding-left:40px; width: 880px; }
.policyarea  .policy_list   {padding: 15px 0;}
.policyarea  .policy_list  li { float: left; background-image: url("../images/foot_bar.png"); background-repeat: no-repeat; background-position: left center; padding-left: 10px; margin-left: 10px; }
.policyarea  .policy_list  li:first-child  { margin-left: 0; padding-left: 0; background-image: none; }
.policyarea .policy_list li:last-child {background-image:none;}
.policyarea  .policy_list  li a { color: #aaa;  font-size: 12px; font-weight: bold; vertical-align:top;}
.policyarea  .policy_list  li:last-child  a { color: #2600ff}

.contacts { padding-top: 30px; color: #aaa;}
.contacts  li { font-size:14px; display: inline-block;  margin-right: 14px;  font-weight: 700;   line-height: 1.6 }
.contacts  li:first-child { margin-left: 0; }
.rights { margin-top: 10px; color: #aaa; font-size: 10px;  font-weight: 700;   text-transform: uppercase; }

#foot_bannerzone { position: absolute; top: 18px; right: 0; width:206px;  }
#foot_bannerzone  h4 { font-size: 14px; font-weight: bold; color: #fff; position:absolute;top:0;left:-63px;   }
#foot_bannerzone   span { position: absolute; }
#foot_bannerzone   span.banner_more { top: 27px; left: -63px;  }

#foot_bannerzone  .listwrap2 {position:relative; left:0; overflow:hidden;}
#foot_bannerzone  .listwrap2 li {float:left;width:162px;height:43px;}
#foot_bannerzone  .listwrap2 li a {width:162px;height:43px;}
#foot_bannerzone  .listwrap2 li a img {width:100%;}
#foot_bannerzone  .b_next2 {  top: 0; right: 0; }
#foot_bannerzone  .b_prev2{  top: 0; left: 0; }
#foot_bannerzone  .b_start {left:-29px;top:27px;}
#foot_bannerzone  .b_pause { left:-45px;top:27px; }
#foot_bannerzone  span a { display: block; }
.foot_banner_list { margin-top: 0px; width: 150px; height: 44px; overflow: hidden; }
.listwrap2   li img { width: 160px; height: 45px; border: 1px solid #286932;}
.foot_banner_wrap {position: absolute;     top: 0;     width: 162px;     height: 45px;     overflow: hidden;     left: 22px;} 
