@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:#444; line-height:1.6; background-color:#FFF;font:14px/1.6 "Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕",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; }
#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 */
#footer {display: block;border-top:0px solid #DDD;}
#footmenu {padding:1px 0;margin:1px 0; height:28px; text-align:center;border-bottom:0px solid #DDD;background-color:#ddd;}
#footmenu a {list-style:none; line-height:normal;height:28px;line-height:28px;color:#444;font-size:10px;}
#footmenu li {list-style:none; line-height:normal;display:inline; padding:0px 1px 0 5px; white-space:nowrap;color:#999;}
#footmenu li.bar {color:#b4b4b4;padding:0px 1px 0 5px; font-size:10px;line-height:28px;}
#footmenu li.first{background:none; padding:0 1px 0 0;}

#footaddr {padding:5px 10px; margin:0 auto; height:120px; border-top:0px solid #DDD;overflow: hidden; background-color:#fff;}
#footaddr .photo {width:210px; height: 80px;text-align:left; float: left; padding-top: 5px; margin-right:20px; }
#footaddr dl {margin: 0; font-size:11px;}
#footaddr a {}
#footaddr dd {line-height: 16px; text-align:center;}
#footaddr .copy {}
#footaddr .bar {color:#b4b4b4;}

#header{margin: 0 auto;position: relative;text-align: left;width: 100%;background: rgba(0, 0, 0, 0) url("img/thbg.gif") repeat-x scroll 0 0;}
#hd_wrap {position:relative; height:110px; width:990px; margin:0px auto;}
#hd_wrap #HLeft {position: absolute;float:left;width:250px;height:70px;overflow: hidden;bottom:5px;}
#hd_wrap #HRight {position: absolute;float:right;width: 250px; height:70px; overflow: hidden;bottom:5px;right:0;}

#hd_wrap #HLeft img{max-height:60px;}
#hd_wrap #HRight img{max-height:60px;}


#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:#0066ff;font-weight: bold;padding: 0px 7px 0px 0px;}
#logbox ul li a{color:#484848;}

#TSbox{clear: both;position: relative;width:100%;height:25px;background-color: #f7f7f7;padding:5px 0;overflow: hidden;}
#TSbox .tkbox{position: relative;float:left;overflow: hidden;padding-top:3px;}
#TSbox .ttl{float:left;margin-left:10px;width:110px;overflow: hidden;height: 20px;color:#f13737;font-weight: bold;background:url("img/arrow_r.gif") no-repeat scroll right 8px transparent}
#TSbox .tconts{float:left;width:500px;overflow: hidden;height: 20px;padding-left:10px;}
#TSbox .ticker {width: 100%;height:20px;top:0px;overflow: hidden;margin:0px;padding:0px;list-style: none;}
#TSbox #ticker_01 {padding: 0;}
#TSbox .ticker li {height: 20px;padding: 0px;margin: 0px 0px;}
#TSbox .ticker li a{line-height: 20px;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: 26px;border:#dcdcdc solid 1px;}
.search .keyword {background: none repeat scroll 0 0 #FFF;border: 0 none;color: #888888;float: left;font-size: 11px;height: 22px;margin: 2px 0 0 5px;padding: 0px 0 0 3px;width: 260px;}
.search .keyword:focus {color: #222222;font-size: 12px;font-weight: bold;}
.search .sbtn {float: right;right: -1px;top:-1px;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:26px;
	width:204px;
	line-height:26px;
	padding:0px 2px 2px;
}
.ShortURL {display:none;background: none repeat scroll 0 0 #FFF;border: 1px solid #DDD;color: #888888;float: left;font-size: 11px;height: 28px;margin: 0;padding: 0 7px;width: 125px;}

#Topmenu {position:relative;margin:0 auto;width:990px;background-color: #FFF;z-index:999;}
#Tmenu {position: relative; margin: 0; padding:0; list-style: none; height: 40px; border-bottom:0px solid #b9b9b9;background-color: #1e4f99;}/* a21418 */
#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;letter-spacing: 0;.letter-spacing: 0; line-height: 40px;height: 40px; text-decoration: none;  color: #fff;margin:0;padding: 0px 13px; _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:#a21418;}
#Tmenu li a.hot {background-color: #f13737; color: #FFF;}

#Tmenu ul {position: absolute; left:0;list-style: none;display: none; margin: 0; padding: 0; border:0;padding-bottom: 3px;background-color: #FFF;border:1px solid #a21418;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:0px;}
#Tmenu ul li {width:138px;float: left;text-align: left; padding:0 2px;margin:0;white-space:nowrap;_margin:0;_padding:0;}
#Tmenu ul li a {display: block; height: 22px; line-height: 22px; padding: 0px 5px 0 10px;margin:4px 0; color: #444; text-transform:  uppercase; font-size:12px;font-weight: normal;border-top: 0px solid #FFF; _width:120px; _margin:5px 0px;_padding:0;_border: 0px; letter-spacing: 0px;}
#Tmenu li a:hover, #Tmenu li a.hov, #Tmenu li a.hovx {color: #FFF;background-color:#a21418;}
#Tmenu li a.hot {background-color: #f13737; color: #FFF;}

* 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;padding-top:3px;}
.mbx_t1:after {clear: both;content: "";display: block;}
.mbx_t1 li {padding-right: 3px;position: relative;width:198px;display: inline;float: left;margin: 0;}
.mbx_t1 li a {cursor: pointer;}
.mbx_t1 li.f {margin-left: 0;padding-left: 0px;}
.mbx_t1 li.e {margin-right: 0;padding-right: 0px;}

.mbx_t1 dl {position:relative;clear: both;display: block;overflow: hidden;margin:0;height:200px;border:0px solid #ececec;width:100%;}
.mbx_t1 dl dt {position:absolute;text-align:left;clear: both;bottom:0;left:0;width:100%;height:50px;padding-top:20px;overflow: hidden;background: url("/images/jose/mbx_gr.png") repeat scroll 0 0 transparent;z-index:99;}
.mbx_t1 dl dt h3 {padding:5px 8px;}
.mbx_t1 dl dt a {font-size:16px;line-height:20px;color:#fff;display: block;letter-spacing:-1px;height:40px;padding:0;overflow: hidden;}
.mbx_t1 dl dd {clear: both;overflow: hidden;}
.mbx_t1 dl dd.img {position:relative; float:left; margin:0;z-index:1;width:100%;}
.mbx_t1 dl dd.img a {display: block;border:0px solid #DDD; height:210px;overflow: hidden;}
.mbx_t1 dl dd.img img{width:100%;min-height:200px;}
.mbx_t1 dl dd a {height:37px;color:#4d6866;display: block;}

.mbx_t3 {display: block;overflow: hidden;border:0px solid #DDD;}
.mbx_t3:after {clear: both;content: "";display: block;}
.mbx_t3 li {padding-right: 10px;position: relative;display: inline;float: left;margin: 0;width:235px;}
.mbx_t3 li a {cursor: pointer;}
.mbx_t3 li.f {margin-left: 0px;padding-left: 0px;}
.mbx_t3 li.e {margin-right: 0;padding-right:0px;}

.mbx_t4 {display: block;overflow: hidden;border:0px solid #DDD;padding-top:0px;}
.mbx_t4:after {clear: both;content: "";display: block;}
.mbx_t4 li {padding-right: 10px;position: relative;display: inline;float: left;margin: 0;width:235px;}
.mbx_t4 li a {cursor: pointer;}
.mbx_t4 li.f {margin-left: 0px;padding-left: 0px;}
.mbx_t4 li.f1 {margin-left: 0px;padding-left: 0px;}
.mbx_t4 li.e {margin-right: 0;padding-right:0px;}

.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:15px;margin: 0 auto;clear: both;}

.h1conts {padding:10px 20px;text-align:center;margin:0 auto;}
.h1conts:after {clear: both;content: "";display: block;}
.h1conts h3 {font-size: 22px; width:280px; height:60px;line-height:60px;margin:0 auto;overflow: hidden;display: block;border-radius: 30px;-wekikit-border-radius: 30px;background-color:#2b84b9;	text-align:center;color:#FFF;}

.h1txt {padding:10px 20px;text-align:center;margin:0 auto;}
.h1txt:after {clear: both;content: "";display: block;}
.h1txt li {padding: 3px;margin: 0;font-size:22px;font-weight: 500;}


.h1rbox h3 {font-size: 22px; width:280px; height:99px;line-height:99px;margin:0 auto;overflow: hidden;display: block;border-radius: 10px;-wekikit-border-radius: 10px;background-color:#eee;	text-align:center;color:#444;}

/*메인 컨텐츠 3단 레이아웃*/
#main{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 .conts0Left {float:left;width: 600px;overflow: hidden;}
#main .conts0Right {position: relative;float:right; width: 380px; height:533px;padding: 0;border:5px solid #1a1a1a;background-color:#444;}

#main .conts1Left {position: relative;float:left;width: 690px;}
#main .conts1sLeft {float:left;width: 480px;overflow: hidden;padding-right:10px;}
#main .conts1sRight {float:right; width: 180px; overflow: hidden;padding: 10px 10px;border:0px solid #DDD;background-color:#FFF;}

#main .conts1Right {float:right; width: 290px;padding: 0;background-color:#FFF;}
#main .conts1Right:after {clear: both;content: "";display: block;}

/*서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCtsLeft {float:left;width: 100px;overflow: hidden;background-color:#f7f7f7;padding-right:0px;}
#main #subCtsCenter {float:left;width: 620px; padding: 5px 5px; overflow: hidden;border-left:0px solid #DDD;border-right:1px solid #DDD;background-color:#fff;}
#main #subCtsRight {float:right;width: 250px; padding-top:5px;padding-left:0px;background-color:#fff;}
#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 #subCtsLeft2 {float:left;width: 230px;overflow: hidden;background-color:#fff;padding-right:0px;}
#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;}

.scroll-img {position:relative;border: 0px solid red;width: 100%;height:48px;overflow: hidden;font-size: 0;background-color:#fff;}
.scroll-img ul {margin: 0;height:48px;width: 100%;}
.scroll-img ul li {float:left;display: inline-block;margin: 0px;padding:0 8px;}
.scroll-img ul li a {display: block; border: 0px solid #DDD;}
.scroll-img ul li a img{width:125px;}

/*연혁*/
.historyview {width:100%;padding:0;margin:0;display: block;}
.historyview .hyear {padding:10px 20px;}
.historyview .hyear p {font-size: 18px;font-weight: bold;float:left; width:90px; height:90px; margin:0;overflow: hidden;display: block;border-radius: 45px;-wekikit-border-radius: 45px;background-color:#2b84b9;	line-height:90px;text-align:center;color:#fff;}
.historyview .hyear_td {padding:10px 20px;border-bottom:1px solid #DDD;width:100%;}
.historyview .h_tb {width:100%;padding:0;margin:0;}
.historyview .hmonth {padding:0px 10px 20px;text-align:center;line-height:2;font-size:16px;font-weight:800;width:75px;}
.historyview .his {padding:0px 10px 20px;text-align:left;line-height:2;}
.historyview .his2 {padding:0px 10px 20px;text-align:left;line-height:2;}


#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;
}
.banner_v2{font-size:0;display: block;}
.banner_v2 img{max-width:100%;}