@font-face {
	font-family:"nanum";
	src:url("../../fonts/NanumGothic.eot");
	src:url("../../fonts/NanumGothic.eot?#iefix") format("embedded-opentype"),
	    url("../../fonts/NanumGothic.woff") format("woff");
}
@font-face {
	font-family:"nanumB";
	src:url("../../fonts/NanumGothicBold.eot");
	src:url("../../fonts/NanumGothicBold.eot?#iefix") format("embedded-opentype"),
	    url("../../fonts/NanumGothicBold.woff") format("woff");
}
@font-face {
	font-family:"nanumEB";
	src:url("../../fonts/NanumGothicExtraBold.eot");
	src:url("../../fonts/NanumGothicExtraBold.eot?#iefix") format("embedded-opentype"),
	    url("../../fonts/NanumGothicExtraBold.woff") format("woff");
}

/* header */
#header_wrap {width: 100%;}
#header_wrap:after {display: block; content: ''; clear: both;}
#header_wrap.search {}
.header_line {width: 100%; height: 4px;}
.header_line li {float: left; width: 80%; height: 4px; background: #75b428;}
.header_line li:first-child {width: 20%; background: #02569f;}
header {width: 100%; margin: 0 auto; position: relative;}
.header_top {position: relative; width: 100%; height: 76px; padding: 0 2%; box-sizing:border-box; border-bottom: 1px solid #d6d6d6;}
.header_top h1 {position: absolute; top: 20px; left: 50%; margin-left: -110px;}
.header_top h1 a {display: block;}
.header_top h1 a img {width: 200px;}
.left_menu {display: block; width: 30px;  position: absolute; left: 2%; top: 25px;}
.left_menu > img {width: 100%;}
.h_search_btn {display: block; width: 35px; position: absolute; right: 2%; top: 25px;}
.h_search_btn > img {width: 100%;}

#nav {}
#gnb {width: 100%; padding: 0 3%; height: 50px; box-sizing:border-box; border-bottom: 1px solid #d6d6d6;}
#gnb > li {float: left; height: 50px; width: 15.5%; background: url(../images/gnb_li_bg.jpg) 0 center no-repeat;} 
#gnb > li:hover a {border-bottom: 3px solid #1275cb;}
#gnb > li.on a {border-bottom: 3px solid #1275cb;}
#gnb > li:first-child {width: 22.5%; background: none;}
#gnb > li:last-child {}
#gnb > li a {display: block; box-sizing:border-box; font-size: 18px; font-family: nanumB; line-height: 47px; text-align: center;}
#gnb > li a:hover {color:#1275cb;}


#black_bg {display: none; position: absolute; top: 0; left: 0;  z-index: 1000; width: 100%; height: 100%; background: url(../images/black_bg.png) 0 0 repeat;}
#slidemenu {position: absolute; top: 0; left: -100%; z-index: 1000; width: 80%; background: #fff; box-shadow: 10px 10px 10px rgba(0,0,0,0.2)}
.slidemenu_top {height: 60px; border-bottom: 1px solid #d6d6d6; position: relative;}
.home_btn {display: block; width: 30px; position: absolute; top: 17px; left: 20px;}
.home_btn img {width: 100%;}
.close_btn {display: block; width: 30px; position: absolute; top: 17px;  right: 20px;}
.close_btn img {width: 100%;}
#slidemenu h3 {padding: 15px 20px; background: #079ae8; font-family: nanumB; font-size: 24px; color:#fff;}
#leftmenu {}
#leftmenu > li {border-bottom: 1px solid #c8c8c8;}
#leftmenu > li > a {display: block; padding: 12px 20px; box-sizing:border-box; font-family: nanumB; font-size: 16px; color:#fff; background: url(../images/leftmenu_li_bg.jpg) 90% center no-repeat #42474a;}
#leftmenu > li > .sub_leftmenu {display: none;}
#leftmenu > li > .sub_leftmenu > li {border-top: 1px solid #c8c8c8; }
#leftmenu > li > .sub_leftmenu > li:firstc-child {border-top: 0;}
#leftmenu > li > .sub_leftmenu > li > a {display: block; padding: 10px 20px 10px 30px; background: url(../images/left_menu_dot.jpg) 20px center no-repeat #f9f9f9; box-sizing:border-box;}
#leftmenu > li > .sub_leftmenu > li:hover > a {background: url(../images/left_menu_dot_on.jpg) 20px center no-repeat f9f9f9; color:#f26522; font-family: nanumB;} 
#leftmenu > li > .sub_leftmenu > li > ul {border-top: 1px solid #e5e5e5;}
#leftmenu > li > .sub_leftmenu > li > ul > li {border-top: 1px solid #e5e5e5;}
#leftmenu > li > .sub_leftmenu > li > ul > li a {display: block; padding: 8px 20px 8px 30px; background: #ffffff; box-sizing:border-box;}
#leftmenu > li > .sub_leftmenu > li > ul > li:first-child {border-top: 0;}

/* footer */
#footer_wrap {width: 100%; background: #656c73;}
footer {width: 100%; padding: 20px 3%; box-sizing:border-box; font-size: 12px;}
.footer_menu {}
.footer_menu li {float: left;}
.footer_menu li:first-child a {color:#fbff8c; border-left: 0; padding-left: 0; margin-left: 0;}
.footer_menu li a {margin-left: 7px; padding-left: 7px; border-left: 1px solid #fff; font-size: 12px; font-family: nanumB; color:#fff;}
.footer_con {margin-top: 10px;}
.footer_con li {float: left; color:#dedede;}
.footer_con li:first-child {padding-left: 0; margin-left: 0; border: 0;}
.copy {margin-top: 3px; color:#dedede;}
a.pc_link {float: right; display: block; margin-top: 10px; width: 93px; height: 30px; line-height: 30px; text-align: center; background: #000; color:#fff; font-size: 13px;}

.sns_wrap {width:160px; height:30px; float:left; margin-top:10px; }
.sns_wrap li {width:30px; height:30px; float:left; }
.sns_wrap li a {}
.sns_wrap li a img {width:100%; }


.search_all_wrap {width: 100%;}
.search_all {width: 100%; margin: 20px 0; padding: 0 2%; box-sizing:border-box; position: relative;}
.search_all .search_all_form {width: 100%; height: 40px; margin: 0 auto; border: 3px solid #02569f;}
.search_keyword {display: block; float: left; margin-top: 8px; padding-left: 10px; width: 90px; box-sizing:border-box; background: url(/images/search_tit_bg.jpg) 100% center no-repeat; font-family: nanumB;}
.search_all #searchKeywordTot {vertical-align: top; width: 60%; height: 40px; border: 0; padding: 0 10px; box-sizing:border-box;}
.search_all .serach_img_btn {width: 40px; height: 40px; position: absolute; top: 3px; right: 3px;}

.search_detail_wrap {width: 100%; padding: 15px 0; background: url(/images/mobile/search_header_bg.jpg) 0 0 repeat; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; margin: 0 0 10px;}
.search_detail {width: 100%; padding: 0 2%; box-sizing:border-box; }
.search_detail_tit {display: block; padding-bottom: 5px; float: left; font-size: 16px; font-family: nanumB;}
.search_detail ul {width: 100%; float: left;}
.search_detail ul li {padding: 5px 0; line-height: 1.5em; font-size: 12px;}
.search_detail ul li .tit {display: block; float: left; width: 25%; padding-left: 10px; box-sizing:border-box; font-size: 14px; font-family: nanumB; background: url(/images/search_detail_tit.jpg) 0 center no-repeat;}
.search_detail input.input {width: 100px; border: 1px solid #272727; height: 27px; line-height: 27px; padding: 0 5px; box-sizing:border-box; vertical-align: top;}
.search_detail .search_right {float: left; width: 75%;}
a.detail_btn {display: inline-block; background: #5e5e5e; width: 35px; height: 22px; margin-bottom: 5px; line-height: 22px; text-align: center; color:#fff; font-size: 12px; border: 1px solid #272727;}
a.detail_btn.ml7 {}

.search_menu_wrap {width: 100%; padding: 0 2%; box-sizing:border-box;}
.search_menu {width: 100%; margin: 0 auto; border-right: 1px solid #5b5e5f;}  
.search_menu li {width: 32%; margin-bottom: 5px; margin-left: 2%; height: 35px; float: left;}
.search_menu li:nth-child(3n+1) {margin-left: 0;}
.search_menu li.on {background: #0473d3;;}
.search_menu li.on a {background: #0473d3;}
.search_menu li:first-child {}
.search_menu li a {display: block; height: 35px; border-left: 1px solid #5b5e5f; background: #5e5e5e; font-size: 16px; font-family: nanumB; color:#fff; text-align: center; line-height: 35px;}

#search_container {width: 100%; padding: 0 2% 30px; box-sizing:border-box;}
#search_contents {width: 100%; margin: 0 auto;}
.subcontents_contop {margin: 5px 0 10px; padding: 15px; box-sizing:border-box; width: 100%; border: 1px solid #e4ebf5; border-bottom: 1px solid #94a6b5; text-align: center; 
background: url(/images/sub/table_topcon_bg.jpg) 0 0 repeat;}
.subcontents_contop h3 {padding: 0 0 10px; font-size: 16px; font-family: nanumB; line-height: 1.5em;}
.subcontents_contop p {} 
.subcontents_contop p b {color:#FF3C07; font-family: nanumB;}
.subcontents_contop p b.under_linke {text-decoration: underline; color:#1B77C6;}
.subcontents_contop span {display: block; padding-top: 15px; text-align: center; font-family: nanumB;}
.subcontents_contop a > img {width: 100%;}
.subcontents_contop.search {font-size: 16px;}
.subcontents_contop.search strong {font-family: nanumB; color:#F45A10;}
.search_con {}
.search_con h3 {padding: 10px; background: #fafafa; font-size: 16px; font-family: nanumB; border-top: 1px solid #515151; border-bottom: 1px solid #515151;}
.search_con ul {}
.search_con ul li {padding: 10px; border-bottom: 1px solid #e2e2e2; box-sizing:border-box;}
.search_con ul li a {display: block; font-family: nanumB;}
.search_con ul li a:hover {text-decoration: underline;}
.search_con ul li p {padding: 5px 0; width: 100%; height:40px; overflow: hidden;}
.kw_path_date {color:#767676;}
.all_search_more {float: right; padding-right: 20px; margin-top: -35px;}
.all_search_more b {font-family: nanumB;}
.all_search_more a {margin-left: 3px; width: 20px; height: 20px;}
.all_search_more a > img {vertical-align: top;}


#paging {width: 100%; padding: 20px 0 30px;}
#paging:after {display: block; content: ''; clear: both;}
#paging {text-align: center;}
#paging a {vertical-align: top; display: inline-block; width: 30px; height: 30px; line-height: 28px; text-align: center; border: 1px solid #e9eff7; background: #ffffff; box-sizing:border-box; 
font-size: 12px;}
#paging a.num {background: #fff; font-size: 12px; color:#444444; font-family: nanumB;}
#paging a.on {border: 1px solid #2b77bc; background: #2b77bc; color:#fff;}
#paging a.prev {margin-right: 5px;}
#paging a.next {margin-left: 5px;}
#paging a img {vertical-align: top;}