@charset "utf-8";

/*@import url("../../lib/css/base.css");*/
@import url("/css/new/base.css");

/* @font-face{
	font-family:"Nanum Gothic";
	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'),
	url('../../font/NanumPen.ttf') format('truetype');
	url('../../font/NanumGothic.svg#NanumGothic') format('svg')
	src:local(※), url('../../font/NanumGothic.woff') format('woff');
} */

@font-face{
 font-family:"Nanum Gothic";
 src:url('/font_new/NanumGothic.eot');
 src:url('/font_new/NanumGothic.eot?#iefix') format('embedded-opentype'),
 url('/font_new/NanumGothic.woff') format('woff'),
 url('/font_new/NanumGothic.ttf') format('truetype'),
 url('/font_new/NanumPen.ttf') format('truetype'),
 url('/font_new/NanumGothic.svg#NanumGothic') format('svg');
 src:local(※), url('/font_new/NanumGothic.woff') format('woff');
}

input {-webkit-border-radius:1px; -webkit-appearance:none;}
input::-webkit-input-placeholder{line-height:16px;}

#skipNavi {position: absolute; margin: 0 auto; width: 998px; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index: 20; background:#eee; border:1px solid #ccc;}
#skipNavi a:active, #skipNavi a:focus{
position: absolute; padding-top: 0.5em; width: 998px; height: 2em; top: 10.5em; text-align: center; color: #000; font-weight:bold; background: #eee; border: 1px solid #ccc; outline: 0;}

#skipNavigation {position: absolute; left: 0; top: 0; width: 100%; z-index: 10000;}
#skipNavigation a {display: block; position: absolute; left: 0; top: -10px; width: 100%; height: 1px; margin-bottom: -1px; background: #f2f2f2; font-size: 0; text-align: center; font-weight: bold; color: #444;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {position: absolute; left: 0; top: 0; height: 20px; padding: 4px; font-size: 15px;}

/* hidden word */
.hidden_word {position:absolute; overflow:hidden; width:0; height:0; font-size:0;}

#header{height:135px; border-bottom:2px solid #0f95f2;}
#header .h_wrap{width:1100px; margin:0 auto;}
#header .h_wrap .h_top{overflow:hidden;}
#header .h_wrap .h_top h1{float:left; margin-top:20px; margin-left:245px;}
#header .h_wrap .h_top h1 a img{width:163px; height:40px;}
#header .h_wrap .h_top .main_h_title{float:left; margin-top:22px;}
#header .h_wrap .h_top .util_navi{float:right; margin-top:31px;}
#header .h_wrap .h_top .util_navi ul{overflow:hidden;}
#header .h_wrap .h_top .util_navi ul li{float:left; height:14px; line-height:14px; background:url(/images/header/util_navi_li_bg.gif) no-repeat right; padding-right:16px; margin-right:16px;}
#header .h_wrap .h_top .util_navi ul li a{height:14px;}
#header .h_wrap .h_top .util_navi ul li.first a{background:url(/images/header/util_navi_f_li_bg.gif) no-repeat left; padding-left:17px;}
#header .h_wrap .h_top .util_navi ul li.last{margin-right:0; padding-right:0; background:none;}
#header .h_wrap .h_top .util_navi ul li span, .util_navi ul li a{margin-right:5px; font-family:Nanum Gothic; font-size:13px; color:#353535;}
#header .h_wrap .h_top .util_navi ul li a img{vertical-align:top; }
#header .side_menu{display:none;}

.side_menu a img{width:27px; height:24px;}

/* header_2 */
#header_2{height:135px; border-bottom:2px solid #0f95f2;}
#header_2 .h_wrap{width:1100px; margin:0 auto;}
#header_2 .h_wrap .h_top{overflow:hidden;}
#header_2 .h_wrap .h_top h1.two{float:left; margin-top:22px; margin-left:0;}
#header_2 .h_wrap .h_top h1.two a img{width:163px; height:40px;}
#header_2 .h_wrap .h_top .util_navi{float:right; margin-top:31px;}
#header_2 .h_wrap .h_top .util_navi ul.two{overflow:hidden;}
#header_2 .h_wrap .h_top .util_navi ul.two li{float:left; height:14px; background:url(/images/header/util_navi_li_bg.gif) no-repeat right; line-height:14px; padding-right:13px; margin-right:13px;}
#header_2 .h_wrap .h_top .util_navi ul.two li a{height:14px;}
#header_2 .h_wrap .h_top .util_navi ul.two li.first a{background:url(/images/header/util_navi_f_li_bg.gif) no-repeat left; padding-left:17px;}
#header_2 .h_wrap .h_top .util_navi ul.two li.last{margin-right:0; padding-right:0; background:none;}
#header_2 .h_wrap .h_top .util_navi ul.two li span, .util_navi ul li a{margin-right:5px; font-family:Nanum Gothic; font-size:13px; color:#353535;}
#header_2 .h_wrap .h_top .util_navi ul.two li a img{vertical-align:top;}
#header_2 .h_wrap .h_top .h2_search{position:relative; float:left; width:296px; margin:25px 0 0 90px; border:2px solid #1668cc;}
#header_2 .h_wrap .h_top .h2_search input[type="text"]{width:100%; border:none; height:29px; padding-left:6px;}
#header_2 .h_wrap .h_top .h2_search input[type="image"]{position:absolute; top:0; right:-2px;}
#header_2 .side_menu{display:none;}
#header_2 .h_wrap .h_top .header_two{float:left; margin-top:22px; margin-left:20px;}

.search_m {display:none; position:absolute; top:24px; right:15px;}
.h_search {float:left;display:block; margin:0 auto; margin-top:24px; margin-left:43px; position:relative; width:250px; height:18px; padding:5px 45px 5px 10px; border:2px solid #096abb; font-size:14px;}
.h_search .h_t {position:absolute; top:6px; left:10px; margin:1px 16px 0 0;}
.h_search .search {margin:0 0 0 73px;}
.h_search .search input {width:100%; height:18px;  border:none;}
.h_search .hs_btn {position:absolute; top:-1px; right:-1px;}
.h_search .hs_btn input {width:63px; height:29px; background:url(/images/header/h2_s_btn.gif) no-repeat; border:none; font-size:0; cursor:pointer;}

.m_header_on .h_search {display:block;}






.lnb{overflow:hidden; position:relative; width:100%; height:54px;  z-index:2000; margin-top:0px; border-top:1px solid #dbdbdb;}
.lnb_bg{position:absolute; top:54px; left:0; width:100%; height:214px; background-color:#fff; }
.lnb > ul{width:1100px; height:270px; margin:0 auto; position:relative; z-index:500;}
.lnb > ul > li{float:left; height:260px; margin:0; padding:0;}
.lnb > ul > li > a{font-size:18px; color:#252525; background:url() no-repeat right 19px;}
.lnb > ul > li > a, .lnb_all a{display:inline-block; text-align:center; width:183px; height:54px; line-height:54px; font-weight:bold;}
.lnb > ul > li.active > a, .lnb_all a.active, .lnb_all a.active2 {color:#0f95f2 !important;}
.lnb > ul > li.active > a.on{color:#0f95f2;}
.lnb .on{color:#0f95f2;}
.lnb > ul > li > ul {display:none; width:183px; height:184px; padding:9px 0 20px 0;}
.lnb ul li ul li{width:130px; float:left;}
.lnb > ul > li > ul.active {}
.lnb > ul > li > ul.active li a {}
.lnb > ul > li > ul.active > li.active > a {font-weight:bold; color:#018ad5; letter-spacing:-2px;}
.lnb > ul > li > ul.l_list_1 {background:#eef4fa;}
.lnb > ul > li > ul.l_list_2 {background:#dee9f5;}
.lnb > ul > li > ul.l_list_3 {background:#eef4fa;}
.lnb > ul > li > ul.l_list_4 {background:#dee9f5;}
.lnb > ul > li > ul.l_list_5 {background:#eef4fa;}
.lnb > ul > li > ul.l_list_6 {background:#dee9f5;}
.lnb > ul > li > ul.last   li a {display:block; overflow:visible; width:auto; padding:0;}
.lnb > ul > li > ul > li a {display:inline-block; width:130px; height:17px; font-size:14px; ;margin:0; padding:11px 0 0 22px;
								overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#353535; text-align:left; letter-spacing:-2px;}
.lnb > ul > li > ul.last > li a {width:183px; height:306px; border-left:1px solid #fff; text-indent:-9999px;}
.lnb > ul > li > ul.last.active > li a {}
.lnb > ul > li.l_title1.on > a{color:#0f95f2;}
.lnb > ul > li.l_title2.on > a{color:#0f95f2;}
.lnb > ul > li.l_title3.on > a{color:#0f95f2;}
.lnb > ul > li.l_title4.on > a{color:#0f95f2;}
.lnb > ul > li.l_title5.on > a{color:#0f95f2;}
.lnb > ul > li.l_title6.on > a{color:#0f95f2;}


#footer{background:#f4f4f4;}
#footer .f_wrap{overflow:hidden; width:1100px; margin:0 auto; padding-bottom:17px;}
#footer .f_wrap .f_logo{float:left; margin-top:34px;}
#footer .f_wrap .f_text{float:left; margin-left:23px;}
#footer .f_wrap .f_text ul{overflow:hidden;}
#footer .f_wrap .f_text ul li{float:left; background:url(/images/footer/f_li_bg.gif) no-repeat right; padding-right:11px; margin-right:11px; font-family:Dotum; font-size:13px; color:#6a6a6a;}
#footer .f_wrap .f_text ul li.last{background:none; padding-right:0;}
#footer .f_wrap .f_text .top_list{margin-top:17px;}
#footer .f_wrap .f_text .address{margin-top:6px;}
#footer .f_wrap .f_text .address p{margin-top:6px;}




/* drawer */
.dmm{position:fixed;top:0;left:0;right:0; height:10000px;background-color:rgba(0, 0, 0, 0.7);z-index:6000}
#naviMenu{position:fixed;top:0;left:-1000px;max-width:335px; z-index:7000; width:100%; min-height:800px;  overflow:hidden;background:#fff;background-size:335px 1px;}
#naviMenu>div{position:absolute;top:0;left:0;overflow:auto; width:100%;}
#naviMenu .gnb{z-index: 1}
#naviMenu .gnb, #naviMenu .gnbHome{position:absolute;left:0;width:140px;height:56px;}
#naviMenu .gnb a, #naviMenu .gnbHome a{display:block;height:25px;font-size:13px;color:#888;text-align:center;background:url('/images/common/ico_menu_off.png') no-repeat 27px 18px; background-size:22px 22px;}
#naviMenu .on .gnb a{color:#0f77da;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background-image:url('/images/common/ico_menu_on.png');background-color:#fff;}
#naviMenu .gnbHome{top:0; background:#cfcfcf; border-right:1px solid #717171;}
#naviMenu .gnbHome a{height:36px; padding:18px 0 0 16px; font-size:20px; color:#353535; font-weight:bold;}
#naviMenu .sitemap{position:absolute;top:0px; left:141px;width:194px; height:56px; background-color:#414141;}
#naviMenu .sitemap a {display:block; height:36px; background:url('/images/common/left_sitemap.png') no-repeat 25px 19px; background-size:22px 22px; padding:18px 0 0 0; font-size:18px; font-weight:bold; color:#fff; text-align:center;}
#naviMenu .menuCtg li.menu_1 > .t_a_line > a {/* background:url('/images/common/ml_title_icon_1.png') no-repeat 13px 11px; */ background-size:29px 29px;}
#naviMenu .menuCtg li.menu_2 > .t_a_line > a {/* background:url('/images/common/ml_title_icon_2.png') no-repeat 13px 11px; */ background-size:29px 29px;}
#naviMenu .menuCtg li.menu_3 > .t_a_line > a {/* background:url('/images/common/ml_title_icon_3.png') no-repeat 13px 11px; */ background-size:29px 29px;}
#naviMenu .menuCtg li.menu_4 > .t_a_line > a {/* background:url('/images/common/ml_title_icon_4.png') no-repeat 13px 11px; */ background-size:29px 29px;}
#naviMenu .menuCtg li.menu_5 > .t_a_line > a {/* background:url('/images/common/ml_title_icon_5.png') no-repeat 13px 11px; */ background-size:29px 29px;}
#naviMenu .menuCtg li.menu_6 > .t_a_line > a {/* background:url('/images/common/ml_title_icon_6.png') no-repeat 13px 11px; */ background-size:29px 29px;}
#naviMenu .menuCtg > li:nth-child(2) .gnb{top:56px;}
#naviMenu .menuCtg > li:nth-child(3) .gnb{top:133px;}
#naviMenu .menuCtg > li:nth-child(4) .gnb{top:210px;}
#naviMenu .menuCtg > li:nth-child(5) .gnb{top:287px;}
#naviMenu .menuCtg > li:nth-child(6) .gnb{top:364px;}
#naviMenu .menuCtg > li:nth-child(2) .gnb a{top:56px;background-position:0 0}
#naviMenu .menuCtg > li:nth-child(3) .gnb a{top:133px;background-position:0 -75px}
#naviMenu .menuCtg > li:nth-child(4) .gnb a{top:210px;background-position:0 -150px}
#naviMenu .menuCtg > li:nth-child(5) .gnb a{top:287px;background-position:0 -225px}
#naviMenu .menuCtg > li:nth-child(6) .gnb a{top:364px;background-position:0 -300px}
#naviMenu .closeArea{position:relative; height:56px;}
#naviMenu .close{width:16px;height:16px;position:absolute;top:20px;right:15px;background:url('/images/common/bg_btn.png') no-repeat 0 0; background-size:16px 16px;cursor:pointer; z-index:6000;}
#naviMenu .t_a_line {overflow:hidden;}
#naviMenu .mnTit{float:left;width:61%; height:20px; padding:15px 7% 15px 16%;border-bottom:1px solid #e1e1e1; color:#454545; font-size:18px;}
#naviMenu span.arrow {cursor:pointer; float:left; width:16%; height:20px; padding:15px 0;border-bottom:1px solid #e1e1e1;background:url('/images/common/ml_down_arrow.png') no-repeat center;}
#naviMenu .on > .t_a_line{background-color:#065b96;}
#naviMenu .on > .t_a_line > .mnTit{float:left; font-weight:bold; color:#fff;}
#naviMenu .on > .t_a_line > span.arrow {background:url('/images/common/ml_up_arrow.png') no-repeat center;}
#naviMenu .mnTit + ul{display:none;}
#naviMenu .on > .mnTit + ul{display:block;border-bottom:1px solid #e1e1e1;}
#naviMenu .side_sub{display:none;}
#naviMenu .side_sub li a{display:block; padding:20px 0 20px 78px; background:url('/images/common/mm_li_bg.gif') no-repeat 58px 28px; font-size:16px; border-bottom:1px solid #fff; color:#454545;}
#naviMenu .side_sub li a:hover{color:#007dd4; font-weight:bold;}
#naviMenu .side_sub li a.active {color:#007dd4; font-weight:bold;}
#naviMenu .side_sub li > ul > li a {padding:7px 0 7px 60px; background:url(/images/kor/sub/list_icon_1.gif) no-repeat 50px 13px;}
#naviMenu .side_sub li > ul > li a.active {color:#197FC7; font-weight:bold;}
#naviMenu .subTit{display:block;padding:13px 35px;background:url('/images/common/bg_bu.png') no-repeat 94% -330px;background-size:15px 450px;color:#707070;line-height:16px;}
#naviMenu .on > .subTit{color:#0f77da;background-position:94% -380px}
#naviMenu .on > .side_sub{display:block; /* background:url('/images/common/side_sub_bg.gif'); */ border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb;}
#naviMenu .on > .side_sub li{background-color:#f4f4f4;}
#naviMenu .subNo > .subTit{background-image:none}
#naviMenu .sideMn{margin:15px 15px 30px 15px;border:solid 1px #ddd;overflow:hidden}
#naviMenu .sideMn li{float:left;width:50%;}
#naviMenu .sideMn li a{display:block;padding:15px 5px 15px 27px;color:#707070;font-size:12px;white-space:nowrap;background:url('/images/common/ico_menu02.png') no-repeat;background-size:20px 500px;letter-spacing:-1px;line-height:14px;}
#naviMenu .sideMn li.mn01 a{background-position:7px 15px;border-right:solid 1px #ddd;}
#naviMenu .sideMn li.mn02 a{background-position:7px -35px;}
#naviMenu .sideMn li.mn03 a{background-position:7px -85px;border-top:solid 1px #ddd;border-right:solid 1px #ddd;}
#naviMenu .sideMn li.mn04 a{background-position:7px -135px;border-top:solid 1px #ddd;}
#naviMenu .sideMn li.mn05 a{background-position:7px -185px;border-right:solid 1px #ddd;}
#naviMenu .sideMn li.mn06 a{background-position:7px -235px;}
#naviMenu .sideMn li.mn07 a{background-position:7px -285px;}
#naviMenu .sideMn li.mn08 a{background-position:7px -335px;border-right:solid 1px #ddd;border-top:solid 1px #ddd;}
#naviMenu .sideMn li.mn09 a{background-position:7px -385px;border-top:solid 1px #ddd;}
#naviMenu .sideMn li.tel a{background-position:7px -435px;border-bottom:solid 1px #ddd;}
#naviMenu .sideMn li.tel{width:100%;overflow:hidden}
#naviMenu .sideMn li.tel .telNum{float:right;margin-right:35px;}
#naviMenu .sideMn li.mn05 a{padding:8px 5px 8px 30px;}
#naviMenu .sideMn li{display:none}
#naviMenu .sideMn.mn1 li:nth-child(1), #naviMenu .sideMn.mn1 li:nth-child(2), #naviMenu .sideMn.mn1 li:nth-child(3), #naviMenu .sideMn.mn1 li:nth-child(4){display:block}
#naviMenu .sideMn.mn2 li:nth-child(4){display:block}
#naviMenu .sideMn.mn3 li:nth-child(5), #naviMenu .sideMn.mn3 li:nth-child(8), #naviMenu .sideMn.mn3 li:nth-child(9){display:block}
#naviMenu .sideMn.mn4 li:nth-child(5), #naviMenu .sideMn.mn4 li:nth-child(6), #naviMenu .sideMn.mn4 li:nth-child(7){display:block}
#naviMenu .sideMn.mn5 li:nth-child(3), #naviMenu .sideMn.mn5 li:nth-child(10), #naviMenu .sideMn.mn5 li:nth-child(11), #naviMenu .sideMn.mn5 li:nth-child(12){display:block}
#naviMenu .sideMn.mn6{display:none}
#naviMenu .sideMn.mn2 li{width:100%}
#naviMenu .sideMn.mn2 li.mn04 a{border-top:none}
#naviMenu .sideMn.mn4 li:nth-child(7) a{border-bottom:none}
#naviMenu .sideMn.mn5 li.mn03 a{border-top:none}
#naviMenu .gnb + ul{display:none}
#naviMenu .on .gnb + ul{display:block}
#naviMenu .guide_link {width:auto; margin-left:0;}
#naviMenu .guide_link ul {padding:5% 3%;}


.select_box_1 {padding:12px 0 12px 20px;}
.select_box_1 span.select select {width:72%; height:28px; border:1px solid #d7d7d7;}
.select_box_1 p {margin-bottom:7px;}

.select_box_1 span.select2 select {width:30%; height:28px; border:1px solid #d7d7d7; background: #0c4f7f;color: #fff;}
.select_box_1 span.select2 input {width:50%; height:28px; border:1px solid #d7d7d7;}

@media only screen and (max-width:1100px) {

	#header{width:auto;}
	#header_2{width:1100px; height:auto;}
	#header .h_wrap{width:auto; padding:0 3%;}
	#header_2 .h_wrap{width:auto; padding:0 3%;}
	#header .h_wrap .h_top h1{float:none; width:165px; margin:0 auto; margin-top:20px;}
	#header_2 .h_wrap .h_top h1.two{margin-left:60px; margin-bottom:15px;}
	#header_2 .h_wrap .h_top .h2_search{float:none; width:300px; margin:25px auto;}
	#header .h_wrap .h_top .util_navi{display:none;}
	#header_2 .h_wrap .h_top .util_navi{display:none;}
	#header .h_wrap .h_top .main_h_title{float:right; }

	#footer{width:auto;}
	#footer .f_wrap{width:auto; height:auto; padding:22px 3%;}
	#footer .f_wrap .f_logo{float:none; margin-top:0;}
	#footer .f_wrap .f_text{float:none; margin-left:0;}

	.lnb{width:1100px;}
	
	.search_m {display:block;}
	.h_search{clear:both; display:none; float:none; width:auto; margin-bottom:15px; margin-left:0;}


	
}

@media only screen and (max-width:768px) {

	#header{width:auto; height:85px;}
	#header_2{width:auto; height:auto;}
	.lnb{display:none;}
	#footer{width:auto;}

	/* 모바일 메뉴 */
	#header .side_menu {display:block; position:absolute; top:28px; left:10px;}
	#header_2 .side_menu {display:block; position:absolute; top:28px; left:10px;}
	#header_2 .h_wrap .h_top h1.two{float:none; width:163px; margin:20px auto;}
	#header_2 .h_wrap .h_top .header_two{display:none;}

	#header .h_wrap .h_top .main_h_title{display:none;}
}

@media only screen and (max-width:640px) {

	#header .h_wrap .h_top h1.two{float:left; margin-right:0;}
	#header .h_wrap .h_top h1 a img{/*width:120px; height:29px;*/}
	#header .h_wrap .h_top h1.two a img{width:auto; height:29px;}
	#header .h_wrap .h_top .main_h_title img{/*width:120px; height:27px;*/}
	
}


@media only screen and (max-width:480px) {



}


@media only screen and (max-width:320px) {

	.wrap{width:320px;}


}