@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/* 초기화 셋팅 */
body, div, p, a, img, ul, ol, li, table, tr, td, th, h1, h2, h3, h5, span, dl, dd, dt {margin:0; padding:0;}
html{overflow-y:scroll;}
ul {list-style:none;}
img {border:0;}

/* Basic Set-기본셋팅 */ 

body {width:100%; height:100%; background:#f1f1f1; font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; }
table {font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; border-collapse:collapse; }
a {text-decoration:none; }
a:visited, a:hover {text-decoration:none; }

.history {}
.history h3 { font-size:27px; color:#083580; letter-spacing:-1px}
.history h4 {font-size:16px; color:#000000; margin-top:5px;} 
.history tr th{background:#ecf1f9; color:#093783; text-align:center; padding:7px; border-bottom:solid 1px #d0d0d0;border-top:solid 1px #d0d0d0;}
.history tr td{border-bottom:solid 1px #d0d0d0;padding:7px;border-top:solid 1px #d0d0d0;}

.st_1 { background:#f0f3fa; padding:15px;margin-top:20px; line-height:20px;}
.st_2 { background:#f0f8fa; padding:15px; margin-top:20px; line-height:20px;}
.st_3 { background:#f3faf0; padding:15px; margin-top:20px; line-height:20px;}
.st_4 { background:#faf6f0; padding:15px; margin-top:20px; line-height:20px;}

.st_5 h4{background:url(/img/icon3.jpg)  no-repeat 0 2px ; padding-left:20px; color:#0a3987; font-size:15px ;margin-top:50px;}
.st_5 span{ line-height:23px;}

/* 구조  */
#header {;width:100%; position:relative; height:110px; background:url(/img/header_back.jpg) repeat-x center top; min-width:1100px; }
#header:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#container { position:relative; width:1100px; height:665px; margin:0 auto;  }
#container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#sub_container {width:100%; position:relative; min-width:1100px; padding-bottom:30px; }
#sub_container:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#footer {width:100%; position:relative;min-width:1100px;background:#fff;}

#topmenu {width:1100px; position:relative; margin:0 auto; height:110px;}
#topmenu:after {content:""; height:0; clear:both; display:block; visibility:hidden; }	

.calendar tr th{text-align:center; background:#6a8ec9; padding:5px; color:#FFFFFF; border-right: solid 1px #93a7c9}
.calendar tr td{background:#FFFFFF; border:solid 1px #ccc;height:100px; vertical-align:top; width:100px; font-weight:600}
.calendar tr td a{width:95px; float:left; padding:5px 10px;}
.calendar tr td a.red{color:#FF0000}
.calendar tr td a.blue{ color:#0000FF}
.calendar tr td a.schedule{font-weight:normal; background:#4faa64; color:#FFFFFF; padding:10px;}
.day{text-align:center; font-size:22px; padding:10px; color:#0a3987; font-weight:600}

.logo {float:left; }

.tm {float:right; padding-top:8px; }
.tm:after {content:""; height:0; clear:both; display:block; visibility:hidden; }	
.tm p {float:left; }

/*navi*/
.navi {width:690px; position:absolute; right:0px; top:40px; height:70px}
.smenu ul {width:607px; position:absolute;top:40px; }
.smenu ul:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
.smenu ul li { }
.smenu ul.menu01 {padding:14px 0 7px 10px ;height:190px;width:145px; margin-left:0px; line-height:28px;background:#333333}
.smenu ul.menu01 a{color:#FFFFFF;}
.smenu ul.menu02 {padding:14px 0 7px 10px ;height:190px;width:145px; margin-left:50px;  line-height:28px;background:#333333}
.smenu ul.menu02 a{color:#FFFFFF;}
.smenu ul.menu03 {padding:14px 0 7px 10px ;height:190px;width:145px;margin-left:105px; line-height:28px;background:#333333}
.smenu ul.menu03 a{color:#FFFFFF;}
.smenu ul.menu04 {padding:14px 0 7px 10px ;height:190px;width:145px; margin-left:175px; line-height:28px;background:#333333}
.smenu ul.menu04 a{color:#FFFFFF;}
.smenu ul.menu05 {padding:14px 0 7px 10px ;height:90px;width:145px; margin-left:230px; line-height:28px;background:#333333}
.smenu ul.menu05 a{color:#FFFFFF;}
.smenu ul.menu06 {padding:14px 0 7px 10px ;height:190px;width:145px; margin-left:330px; line-height:28px;background:#333333}
.smenu ul.menu06 a{color:#FFFFFF;}
.smenu ul.menu07 {padding:14px 0 7px 10px ;height:90px;width:145px; margin-left:470px; line-height:28px;background:#333333}
.smenu ul.menu07 a{color:#FFFFFF;}
.smenu ul.menu08 {padding:14px 0 7px 10px ;height:50px;width:145px; margin-left:490px; line-height:28px;background:#333333}
.smenu ul.menu08 a{color:#FFFFFF;}
.smenu ul.menu09 {padding:14px 0 7px 10px ;height:90px;width:145px; margin-left:540px; line-height:28px;background:#333333}
.smenu ul.menu09 a{color:#FFFFFF;}


a.ssmenu:link, a.ssmenu:visited, a.ssmenu:active {text-decoration:none; padding:5px 10px; font-size:13px;color:#333; }
a.ssmenu ul li :hover {color:#093782; }


.simplemodal-close {background:url(img/btn_close.png) no-repeat; width:24px; height:24px; display:inline; z-index:5200; position:absolute; top:17px; right:20px; cursor:pointer;}
.popup {width:300px;border:2px solid #333;}
.pop-header {width:100%;position:relative;height:65px;background:#626262;}
.pop-header h1 {padding-left:20px;color:#fff;line-height:65px; font-weight:600;font-family: Nanum Gothic, "나눔고딕",dotum;}
.pop-content {clear:both;background:#fff;}
.content-inbox {padding:30px;}


#vs {width:390px; height:524px; float:left; }
#mainContent1 {width:425px;float:left;margin-left:20px; }
#mainContent2 {width:245px;float:left;margin-left:20px; }
.mainphoto{border:solid 1px #dadada;margin-bottom:20px; height:523px; background:#fff}
.mainphoto h4{font-size:20px; border-bottom:#e6e6e6 solid 1px; padding:15px ; margin-top:0px;}
.mainphoto h4 a{color:#000000}
.mainphoto  ul {margin-top:-15px;}
.mainphoto  ul li{background:url(/img/icon.jpg) 0 12px no-repeat; padding:4px 10px 4px 10px; line-height:20px; margin-left:20px; position:relative  }
.mainphoto  ul li a{color:#333333}
.mainphoto  ul li span{color:#3d6dba; position:absolute; right:15px;}

div.cont { float:left; width::243px; height:143px; border:1px solid #dadada;margin-bottom:20px; background:#fff}
div.cont:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
div.cont p {float:left}

dl.notice {float:left;  }
dl.notice dd {padding:6px 0 0 10px; }
dl.notice dd div.lt ul li {background:url(/img/icon2.jpg) 0 11px no-repeat; padding:4px 10px 4px 10px; }
dl.notice dd div.lt ul li a {color:#777770; font-size:14px; }
dl.notice dd div.lt ul li span.date {display:inline-block; color:#777770; float:right; display:none}

#thum_wrap {width:100%; position:relative; border-top:1px solid #ddd}
#thum_wrap:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#thum {width:927px;margin:0 auto; padding:25px 0}
#thum:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

/* tail */

#tail {width:1100px; position:relative; margin:0 auto;color:#555555; }
#tail label{position:absolute; top:50px; right:0px;}
#tail selected{font-family:'Nanum Gothic', '나눔고딕', 'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333;}
#tail:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#tail p.foot {float:left; margin-right:15px }
#tail p.copy {font-size:13px; line-height:1.6em; padding-top:25px;  }
#tail p.copy span {display:inline-block; padding-right:12px; color:#555555}
#tail p.copy span b{}
#tail p.copy span a{color:#555555; }

/*sub content*/

#subContent {width:1100px;  position:relative; margin:0 auto; }
#subContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#bbsContent {width:1070px;  position:relative; margin:20px auto 0 auto; padding:0; background:#fff; padding:15px}
#bbsContent:after {content:""; height:0; clear:both; display:block; visibility:hidden; }


.subvs{}

/*sub left*/
#left {width:200px; position:relative; float:left; margin-right:30px; background:#FFFFFF}
#left .tit{width:200px; color:#ac8156;  text-align:left;  }
#left ul li {border-bottom:1px solid #dcdcdc; color:#515151;  font-size:14px;}
#left ul li a {width:100%; height:100%; display:block; color:#515151; font-size:14px; padding:10px 0 10px 0px; color:#888888; font-weight:600}
#left ul li a:hover {color:#fff; font-weight:bold; background:#454545;  font-weight:600; }
#left ul li a.on {color:#fff; font-weight:bold; background:#454545; font-weight:600;}

.lcs {}
.lcs:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

.lcs p {float:left}

/*content*/

#content {width:870px; position:relative; float:left;background:#FFFFFF}
#content:after {content:""; height:0; clear:both; display:block; visibility:hidden; }

#content div.sub_tit {border-bottom:1px solid #dcdcdc; margin:20px 30px 20px 30px; height:30px; padding-bottom:15px;}
#content div.sub_tit:after {content:""; height:0; clear:both; display:block; visibility:hidden; }
#content div.sub_tit p {float:left}

#content div.sub_tit .s_tit{font-size:25px; color:#000000; font-weight:bold; letter-spacing:-1px; }
#content div.sub_tit .sub_nav {float:right; margin-top:10px;}
#content div.sub_tit .sub_nav img { vertical-align:middle}
/*sub_con*/

div.sub_con {padding:0px 30px 60px 30px; min-height:400px}