@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 메인, 서브 공통사용 클래스 */
@import url(/css/common.css);
@import url(/css/button.css);
@import url(/css/tabstyle.css);

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button{margin:0; padding:0;}

body{margin:0 auto; color:#333; line-height:1.6; text-align:center; background-color:#FFF;font:12px/1.5 '돋움',Dotum,AppleGothic,sans-serif;}
table, table td{font-size:12px; font-family:"돋움", Dotum, AppleGothic, Sans-serif;}

li{list-style:none;}
hr{display:none;}
form,button{border:0; vertical-align:top;}
img {border:0;}
em, address{font-style:normal;}
/*
input, select{font-size:12px; line-height:15px; font-family:"돋움", Dotum, AppleGothic, Sans-serif; vertical-align:middle;}
*/
a{color:#2f2f2f; text-decoration:none;outline: none;}
a:visited {color:#6E4987;}
a:active{color:#2f2f2f;}
a:hover{text-decoration:none;/*underline;*/}
a.visit {color:#2f2f2f !important; text-decoration:none; }
a.visit:visited {color:#2f2f2f !important;}
a.visit:active{color:#2f2f2f !important;}
a.visit:hover{text-decoration:none;/*underline;*/}
a strong{letter-spacing:-1px;}

a.rollover img { border:0pt none; display:inline;}
a.rollover img.over { display:none;}
a.rollover:hover { border:0pt none;}
a.rollover:hover img { display:none;}
a.rollover:hover img.over { display:inline;}

#wrap_index { margin:0 auto; text-align:center; background-color:#FFF;}
#wrap { margin:0 auto; text-align:center;}
#wrap_pop { margin:10 auto; text-align:left; }
#header, #main, #footer {margin: 0 auto;position: relative;text-align: left;width: 990px;}

/* print */
#header_print, #main_print, #main_pdf, #footer_print {margin: 0 auto;position: relative;text-align: left;width: 710px;}
#header_print #hd_wrap {position:relative; height:85px; width:100%; margin: 0 auto;}
#header_print #hd_wrap #HLeft {float:left;width:200px;overflow: hidden; padding-top:10px;height:79px;}
#header_print #hd_wrap #HCenter {position: absolute;width:100%;float:left;text-align:center;padding-top:5px;}
#header_print #hd_wrap #HRight {float:right;width:200px; height:79px; overflow: hidden;bottom:0; padding-top:30px;}
#header_print #hd_wrap #HLeft h1{padding-top:3px;padding-left:10px;}
#main_pdf #viewWrap .viewTitle {overflow: hidden; _height:1%; margin:10px 0 10px 0; }
#main_pdf #viewWrap .viewConts{position: relative; overflow: hidden; padding: 10px 0 0; font-size: 10.5pt; line-height: 1.3; font-family:'굴림',Gulim,AppleGothic,Sans-serif;}

/* @print menu */
#Pmenu {margin: 0; padding: 0; list-style: none; height: 37px; padding-left: 5px; padding-right: 5px; background: #3b5998; }
#Pmenu li { height:39px;  float: left; display: block; background: none; position: relative;margin: 0 5px;overflow: hidden;}
#Pmenu li a {font-weight: bold; line-height: 39px; text-decoration: none;  color: #FFFFFF; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 1px; }

/* footer */
#footmenu {padding:10px 0;margin:10px 0; height:18px; text-align:center;border:0px solid #DDD;background-color:#DDD;}
#footmenu a {list-style:none; line-height:normal;}
#footmenu li {list-style:none; line-height:normal;}
#footmenu ul li {display:inline; padding:2px 1px 0 15px; line-height:14px; white-space:nowrap; letter-spacing:-1px;}
#footmenu ul li.first{background:none; padding:0 1px 0 0;}
#footmenu ul li a{font-weight: bold;}
#footaddr {padding:0; margin:0 auto; height:120px; border-top:0px solid #DDD;overflow: hidden; }
#footaddr .photo {width:230px; height: 80px;text-align:left; float: left; padding-top: 5px; margin-right:30px; }
#footaddr dl {margin-top: 5px; font-size:11px;}
#footaddr a {}
#footaddr dd {line-height: 20px; }
#footaddr .copy {}
#footaddr .bar {color:#b4b4b4;}

#header{width:990px;z-index:200; border-bottom:0px solid #DDD;background-color:#FFF;}
#hd_wrap {position:relative; height:80px; width:990px; margin:0px auto;}
#hd_wrap #HLeft {position: absolute;float:left;width:240px;height:60px;overflow: hidden;bottom:5px;}
#hd_wrap #HRight {position: absolute;float:right;width: 240px; height:60px; overflow: hidden;bottom:5px;right:0;}

#hd_top {position:relative; height:24px; width:990px; margin:0px auto;}
#hd_top #HLeft {float:left;width: 40%;overflow: hidden; padding-top:0px;}
#hd_top #HRight {float:right;width: 60%;overflow: hidden;padding-top:0px;}
#logbox {
	text-align: left;
	clear: both;
	float: right;
	height: 20px;
	padding: 5px 10px 0px;
	overflow: hidden;
}
#logbox ul li {float:left;padding: 0px 7px 0px 5px;background:url("/images/sub/menu_line.gif") no-repeat scroll right 2px transparent;font-size:11px;letter-spacing:-1px;}
#logbox ul li.bg_none {background:none repeat scroll 0 0 transparent;padding: 0px 0px 0px 5px;}
#logbox ul li.day {color:#9b9b9b;font-weight: bold;padding: 0px 7px 0px 0px;}
#logbox ul li a{color:#484848;}

#TSbox{position: relative;float:left;width:100%;height:30px;background-color: #f7f7f7;padding:5px 0;}
#TSbox .tkbox{position: relative;float:left;overflow: hidden;padding-top:3px;}
#TSbox .ttl{float:left;margin-left:10px;width:100px;overflow: hidden;height: 20px;color:#f13737;font-weight: bold;background:url("img/arrow_r.gif") no-repeat scroll right 5px transparent}
#TSbox .tconts{float:left;width:500px;overflow: hidden;height: 20px;padding-left:10px;}
#TSbox .ticker {width: 100%;height:18px;top:0px;overflow: hidden;margin:0px;padding:0px;list-style: none;}
#TSbox #ticker_01 {padding: 0;}
#TSbox .ticker li {height: 18px;padding: 0px;margin: 0px 0px;}
#TSbox .ticker li a{color:#333;text-decoration: none; font-size:12px;}
#TSbox .ticker li a:hover{color:#0000cc;}

.search {float: right;overflow: hidden;margin: 0;position: relative;z-index: 2;}
.search form {position: relative;float:left;background: none repeat scroll 0 0 #FFF;display: block;height: 24px;border:#dcdcdc solid 2px;}
.search .keyword {background: none repeat scroll 0 0 #FFF;border: 0 none;color: #888888;float: left;font-size: 11px;height: 20px;margin: 2px 0 0 5px;padding: 0px 0 0 3px;width: 200px;}
.search .keyword:focus {color: #222222;font-size: 12px;font-weight: bold;}
.search .sbtn {float: right;right: -2px;top:-2px;padding: 0;position: absolute;overflow: hidden;}
#SearchBox2 .input_text {
	border-top:3px solid #d5d5d5;
	border-right:0px solid #d5d5d5;
	border-bottom:3px solid #d5d5d5;
	border-left:3px solid #d5d5d5;
	font-size:15px;
	height:24px;
	width:204px;
	line-height:24px;
	padding:0px 2px 2px;
}

#Topmenu {position:relative;margin:0 auto;width:990px;height:73px;overflow: hidden;background-color: #FFF;}
#Topmenu .Topbar {position: absolute; width:100%;height:5px;top:0;display: block; margin: 0; padding: 0; border:0px solid red;background-color: #494949;z-index:999;}/*background:url("/images/inews/mbar.gif") repeat-x scroll transparent;}*/
/* @group core nav menu */
#Tmenu {position: relative; margin: 0; padding:0 5px; list-style: none; height: 40px; border-bottom:1px solid #b9b9b9;}
#Tmenu li { float: left; list-style: none; display: block; background: none; position: relative; z-index: 999; margin: 0;text-align:center;}
#Tmenu li.mfirst {margin:0 2px 0 10px;}
#Tmenu li a {display: block;font-size:15px; font-weight: 800;font-family:"Malgun Gothic", "맑은 고딕",'Nanum Gothic',"나눔고딕";letter-spacing: 0;.letter-spacing: 0; line-height: 40px; text-decoration: none;  color: #696969;margin:0;padding: 0px 15px; _width: 78px; _padding: 0; _text-align: center;_border: 0px;_display: block;}
#Tmenu li a:hover, #Tmenu li a.hov, #Tmenu li a.hovx {color: #FFF;background-color:#ed1c24;}
#Tmenu li a.hot {background-color: #f13737; color: #FFF;}

/* @group subnav */
#Tmenu ul {position: absolute; left:-75%;display: none; margin: 0; padding: 0; border:0;padding-bottom: 3px;min-width:500px;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:5px;}
#Tmenu ul li {float: left;display:inline; text-align: center; padding:0 2px;margin:0;white-space:nowrap;_margin:0;_padding:0;}
#Tmenu ul li a {display: block; height: 20px; line-height: 20px; padding: 0px 7px;margin:5px 0; color: #666; text-transform:  uppercase; color: #797979; font-size:12px;font-weight: normal;border-top: 0px solid #FFF; _width:70px; _margin:7px 5px;_padding:0;_border: 0px;_text-align: center; letter-spacing: 0px;}
#Tmenu ul li a:hover, #Tmenu ul li a.hov , #Tmenu ul li a.hovx {border: 0;text-decoration: none; color: #FFF; font-weight: normal; letter-spacing: 0px; _border: 0px;background-color:#717171;}

* html #Tmenu ul { margin: 0 0 0 -2px; }
/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.mainbx {position: relative;width:990px;margin:0 auto;padding:0px;border-bottom: 1px solid #DDD;clear: both;}
.mbx_t1 {width:100%;display: block;overflow: hidden;}
.mbx_t1:after {clear: both;content: "";display: block;}
.mbx_t1 li {padding-right: 20px;position: relative;width:290px;display: inline;float: left;margin: 0;}
.mbx_t1 li a {cursor: pointer;}
.mbx_t1 li.f {margin-left: 0;padding-left: 0px;width:470px;}
.mbx_t1 li.e {margin-right: 0;padding-right: 0px;}

.mbx_t3 {width:100%;display: block;overflow: hidden;}
.mbx_t3:after {clear: both;content: "";display: block;}
.mbx_t3 li {padding-right: 20px;position: relative;width:290px;display: inline;float: left;margin: 0;}
.mbx_t3 li a {cursor: pointer;}
.mbx_t3 li.f {margin-left: 0px;padding-left: 15px;width:273px;}
.mbx_t3 li.e {margin-right: 0;padding-right: 15px;width:273px;}


.mbx_t2 {line-height: 18px;width: 100%;height: 228px;display: block;overflow: hidden;}
.mbx_t2:after {clear: both;content: "";display: block;}
.mbx_t2 li {display: inline;float: left;margin: 0;padding: 0 10px;position: relative;width:240px;}
.mbx_t2 li a {cursor: pointer;}
.mbx_t2 li.f {margin-left: 0;padding-left: 0px;width:470px;}
.mbx_t2 li.e {margin-right: 0;padding-right: 0px;}

.linebx {position: relative;border:1px solid #FFF;background-color:#FFF;padding:9px;margin: 10px auto;clear: both;}
.linebx_d {position: relative;border:1px solid #DDD;background-color:#FFF;padding:4px;margin: 0 auto;clear: both;}


/*메인 컨텐츠 3단 레이아웃*/
#main{z-index:100;clear: both;display: block;}/*overflow: hidden;*/
#main .contsBox {float:left;width: 660px;overflow: hidden;clear: both;border-top: 0px solid #DDD;}
#main .contsBoxCenter {float:left;overflow: hidden;padding-right:15px;}
#main .contsBoxLeft {float:left;width:220px;overflow: hidden;padding-right:20px;border-right: 0px solid #DBDBDB;}
#main .contsBoxRight {float:right; width:400px; overflow: hidden;}

#main .contsBoxLeft2 {float:left;width:230px;overflow: hidden;padding-right:10px;border-right: 0px solid #DBDBDB;}
#main .contsBoxRight2 {float:right; width:402px; overflow: hidden;padding-right:13px;}
#main .contsRight {float:right; width: 300px; overflow: hidden;padding: 10px 14px;border:1px solid #DDD;background-color:#f1f1f1;}

#main .conts1Box {position: relative;float:left;clear: both;width:100%;}
#main .conts1Left {float:left;width: 600px;overflow: hidden;}
#main .conts1Right {float:right; width: 365px; overflow: hidden;padding: 0;border:0px solid #DDD;background-color:#FFF;}

/*서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCtsLeft {float:left;width: 230px;overflow: hidden;}
#main #subCtsCenter {float:left;width: 580px;margin-left: 10px;_margin-left: 8px;overflow: hidden;}
#main #subCtsRight {float:right;width: 250px; padding-top:10px;padding-left:19px;}
#main #subCtsRight2 {float:right;width: 250px; min-height:1500px;overflow: hidden;}/*background-color: #EFEFEF; } pdf page*/
#main #subCtsRight3 {float:right;width: 250px; min-height:900px;overflow: hidden;background-color: #EFEFEF;margin-top:55px;border:1px solid #DDD; } /*pdf ho page*/

/*서브메뉴 컨텐츠 2단 레이아웃*/
#main #subCtsMain {float:left;width: 700px; padding-top: 10px; padding-right: 20px; overflow: hidden;border-right:1px solid #DDD;}
#main #subCtsMain2 {float:right;width: 740px;overflow: hidden;border-left:1px #DDD solid;min-height:580px;padding-bottom:20px;padding-left:15px;}

/*커뮤니티 서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCommLeft {float:left;width: 90px;overflow: hidden;}
#main #subCommCenter {float:left;width: 640px;margin-left: 10px;_margin-left: 8px;overflow: hidden;}
#main #subCommRight {float:right;width: 200px;overflow: hidden;}

/* 포토갤러리 */
.photo_viewtype2smll {clear:both;overflow:hidden;background:#FFFFCC; margin-bottom:5px; width:240px;}
.photo_viewtype2smll .big_list { float:left; width:232px; padding:4px; overflow:hidden; background:#E88686;}
.photo_viewtype2smll .big_list .photo { position:relative;overflow:hidden; width:232px; height:125px;}
.photo_viewtype2smll .big_list .ptxta { position:relative; width:232px; height:30px;}
.photo_viewtype2smll .big_list .ptxta a {position:absolute; z-index:20;  bottom:5px; left:5px; display:block;color:#000000; font-size:12px;color:#fff; cursor:pointer}

.photo_viewtype2smll ul { float:right; background:#E88686; width:240px; margin:0px; }
.photo_viewtype2smll ul li { display:inline; float:left; width:75px; height:55px; margin:2px;}
.photo_viewtype2smll ul li.f{margin-left:3px;}
.photo_viewtype2smll ul li a { border:2px solid #E88686; display:block;}
.photo_viewtype2smll ul li a:hover { border:2px solid #3366FF;}


/*연혁*/
.historyview th {padding:15px 10px 8px 3px;empty-cells:show;}
.historyview td {padding:8px 10px 8px 3px;empty-cells:show;}
.historyview td.his {padding:10px 10px 8px 3px;empty-cells:show;}
.historyview h1 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
}

.historyview h2 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

#menuMap {
    clear: both;
    overflow: hidden;
	position:relative;
	background-color: #FFF;
    margin: 0 13px 0 0;
	border:1px solid #ddd;
	padding: 5px 0;


}
#menuMap a {
    color:#2f2f2f;

}
#menuMap .secmap {
    float: left;
    font-size: 11px;
    letter-spacing: -1px;
    line-height: 14px;
    padding-left: 15px;
	padding-top: 15px;
    width: 111px;
	min-height:105px;
}
#menuMap .fst_secmap {
    padding-left: 17px;
}
#menuMap .secmap h1 {
    color: #000000;
    float: left;
	font-size: 11px;
	background-color:#64a2c9;
	width:100%;
}
#menuMap .secmap h1 a {color:#FFF;}
#menuMap .secmap .listmap {
    clear: both;
    overflow: hidden;
    width: 100%;
}
#menuMap .secmap .listmap li {
    float: left;
    margin-top: 4px;
    width: 100%;
}
#menuMap .secmap .link_txt {
    color: #606060;
    float: left;
}
#menuMap .secmap .sitemap {
    display: inline-block;
    float: left;
    height: 12px;
    margin: 0 0 0 2px;
    text-indent: -9999px;
    width: 16px;
}

.research{
	margin: 0 auto;
	width:745px;
}
.research ._title{color:#b12126;font-size:34px;line-height:46px;font-weight:bold;letter-spacing:-1px;font-family: "Malgun Gothic", "맑은 고딕",NanumGothic, "나눔고딕";padding:20px;text-align:center;}
.research ._conts{background-color:#f5f5f5;color:#444;font-size:14px;line-height:24px;letter-spacing:-1px;font-family: "Malgun Gothic", "맑은 고딕",NanumGothic, "나눔고딕";padding:20px;margin:10px auto;text-align:left;}

.research ._userinfo{background-color:#f5f5f5;color:#444;font-size:14px;line-height:24px;letter-spacing:-1px;font-family: "Malgun Gothic", "맑은 고딕",NanumGothic, "나눔고딕";padding:20px;margin:10px auto;text-align:left;}

.research .ul li {float:left;letter-spacing:0;padding: 2px 5px 0px;font-size:13px;}

.research table {
	width:100%;
	border:0 none;
	margin:0 auto;
}
.research table th, .jbox table td {
	padding:5px 0px 5px 3px;empty-cells:show;
}
.research table th {
	font-size:13px;
	letter-spacing:-1px;
	text-align:left;
	white-space:nowrap;
	width:100px;
}
.research table th.normal {
	color:#7D7D7D;
	font-weight:normal;
}
.research table td {
	font-size:13px;
	padding-bottom:5px;
}
.research table td .input_text {
	border:1px solid #CCCCCC;
	font-size:14px;
	font-weight:bold;
	height:18px;
	line-height:14px;
	padding:3px 2px 1px;
}
.research table td .input_text.focus {
	border:1px solid #59A509;
}

.research .askform {border-bottom: 1px solid #DDD;padding-bottom:10px;}
.research .askform table th {
	color:#444;font-size:16px;line-height:24px;letter-spacing:0;font-family: "Malgun Gothic", "맑은 고딕",NanumGothic, "나눔고딕";padding:10px;text-align:left;
}
.research .askform table td {
	color:#444;font-size:14px;line-height:24px;letter-spacing:0;font-family: "Malgun Gothic", "맑은 고딕",NanumGothic, "나눔고딕";padding:0px 15px;text-align:left;
}

.mag {position:relative; clear: both;display: block;margin:0;padding: 15px 15px;}
.mag a {display: block;}
.mag dt {float:left; width:160px; height:210px; margin-right:10px;overflow: hidden;display: block;}
.mag dt img {vertical-align:top; width:160px; min-height:210px;}
.mag dd {height:210px;overflow: hidden;padding:0px;font-family:"Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕",Dotum, "돋움", AppleGothic, Sans-serif;}
