@charset "utf-8";
@import url("common.css" );
@import url("table.css" );
@import url("contents.css" );
/* @import url("master.css" ); */

html,body{width:100%;height:100%;}

#container {
    /*-- width:auto !important; --*/
    _text-align:center;
	width:100%;
	_min-width:1000px;
	min-height:100%;
	position:relative;
	padding: 0px;
	margin:0 auto;
}

/*html #container{ width:expression(document.body.clientWidth > 1000 ? this.width = '100%' : '1000');}*/

#header{float:left;width:100%;height:100px;position:relative;margin:0;padding:0;background:url(../images/common/top_bg.png) 0 0 repeat-x;}

#contentArea {max-width:1200px; height:100%;position:relative;margin:0 auto;padding:0;}

/************* top styles ****************/

.topWrap{width:1200px;margin:0 auto;padding:0;}
.topWrap .topLoginArea{float:left;width:100%;height:40px;color:#FFFFFF;}
.topWrap .topLoginArea .loginBox{float:right;width:350px;height:40px;color:#FFFFFF;}
.topWrap .topLoginArea ul li{float:left;width:250px;height:40px;padding:10px 0 0 0;}
.topWrap .topLoginArea ul li.btn{float:right;width:70px;height:30px;font-weight:bold;text-align:center;background:#00B0EC;cursor:pointer;cursor:hand}


.topLoadArea .logoArea{float:left;width:238px;border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;text-align:center;cursor:pointer;cursor:hand;padding:10px 0;}
.topLoadArea .roadArea{float:right;width:500px;text-align:right;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:14px;color:#434343;margin:20px 0 0 0;}
.topLoadArea .roadArea span{padding:0 10px 0 10px;}
.topLoadArea .roadArea span.blue{color:#004c9d;}


#middle_sub{float:left;width:100%;_height:1035px;margin:0 auto ;padding:0;text-align:left;position:relative;}

#LeftArea{width:240px;position:absolute;left:0px;top:0;z-index:3;min-height:100%;text-align:left;overflow:hidden;background:url(../images/common/bg_left.png) 0 0 repeat-y;}

#Content{max-width:960px;overflow:hidden;margin:0;padding:0;text-align:left;min-height:985px;position:relative;left:240px;top:0;height:auto !important;}
#contentsArea{max-width:910px;position:relative;overflow:hidden;margin:0 0 0 50px;min-height:985px;}

#Footer{width:100%; height:110px;;float:left;margin:0;padding:0;}
#Footer #footerbg{padding:0;margin:0 auto;width:100%;height:100%;background:#313131;}
#Footer .footerIn{padding:0;margin:0 auto;width:1200px;height:100%;}
#Footer .footerIn .logo{float:left;width:120px;padding:0 0 0 25px;}
#Footer .footerIn .address_main{float:left;width:670px;margin:40px 0 0 0;color:#FFFFFF;}


/* Title */
/* h1 style  -----------------------------------------------------------------*/
.titleH1 {float:left;width:100%;overflow:hidden;margin:0 0 40px 0;padding:0;z-index:2;border-bottom:1px solid #E2E2E2;}
.titleH1 h1{float:left;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:33px;font-weight:bold;color:#313131;letter-spacing:-1px;height:90px;line-height:90px;}

.titleInputH1 {float:left;width:100%;overflow:hidden;margin:0 0 15px 0;padding:0;z-index:2;border-bottom:1px solid #E2E2E2;}
.titleInputH1 h1{float:left;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:33px;font-weight:bold;color:#313131;letter-spacing:-1px;height:90px;line-height:90px;}

.stitle1 {float:left;width:100%;height:64px;border-bottom:1px solid #CDCDCD;margin:-30px 0 25px 0;}
.stitle1 h1{float:left;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:18px;font-weight:bold;color:#3a5795;letter-spacing:-1px;line-height:64px;padding:0 0 0 5px;}

.ntitle1 {float:left;width:100%;height:30px;margin:0px 0 10px 0;}
.ntitle1 h1{float:left;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:18px;font-weight:bold;color:#3a5795;letter-spacing:-1px;line-height:30px;padding:0 0 0 5px;}
.ntitle1 .tit {height:30px; background:url(../images/ico_bul.gif) no-repeat 0 5px;}

/* skip Area */
#topSkip , #bottomSkip{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}


/* 서브 메뉴 시작 ******************************************************************/

/* Left menu -----------------------------------------------------------------*/

#subMenu {padding: 0px;line-height:20px;margin:0;font-style:normal;}

#subMenu h1 {color: #555;font-size: 18px;text-align:left;padding:0;}

/* #subMenu .depth1 {text-align:left;	padding:0x;_border-bottom:1px solid #D8D8D8;background:#F2F2F2;}
#subMenu .depth1 a:link, #subMenu .depth1 a:visited {color: #434343;}
#subMenu .depth1 a:hover, #subMenu .depth1 a:active {color: #434343;text-decoration:underline;}


#subMenu .depth1 span {display: block;padding: 0px 0 1px 12px;margin-right: 0px;}
#subMenu .depth1 span.Lopen {}
#subMenu .depth1 span.Lclosed {} */

#subMenu .nav {width:240px;text-align:left;	padding:0x;_border-bottom:1px solid #D8D8D8;background:#F2F2F2;}
/* #subMenu .nav a:link, #subMenu .depth1 a:visited {width:240px;float:left;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:15px;font-weight:bold;color:#fff;}
#subMenu .nav a:hover, #subMenu .depth1 a:active {width:240px;float:left;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:15px;font-weight:bold;color:#fff;} */


#subMenu .nav span {padding: 0px 0 1px 12px;margin-right: 0px;}
#subMenu .nav span.Lopen {}
#subMenu .nav span.Lclosed {}
#subMenu .node {display: block;padding: 0px 0 1px 12px;margin-right: 0px;background:url(../images/common/left_menu.png) 0 0 repeat-y;}
#subMenu .node {display:block; height:50px; line-height:50px; border-bottom:1px dotted #e6d5d7;}
#subMenu .node span {width:240px;float:left;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:15px;font-weight:bold;color:#fff;font-style:normal;}
/*-----2depth---*/


#subMenu .menu{
	padding: 5px 0 5px 0;
	width:240px;
	border-bottom:1px solid #D8D8D8;
	background:#F2F2F2;
}
#subMenu .menu li span{
	background-image: url(../images/common/bullet_left_bar.gif);
	background-repeat: no-repeat;
	background-position: 25px 16px;
	
	color: #434343;
	height:35px;
	line-height:35px;
	padding:0 0 0 40px;
}

#subMenu .menu .link span, #subMenu .menu .child span {color: #434343;font-size: 14px;font-weight:normal;}
#subMenu .menu .hover span {color: #2F80BB;font-size: 14px;text-decoration:none;}

#subMenu .li.on .menu {display:block;}
#subMenu .menu {display:none;}

/* #subMenu .depth2 li span a:link, #subMenu .depth2 li span a:visited {color: #434343;font-size: 14px;}
#subMenu .depth2 li span a:hover, #subMenu .depth2 li span a:active {color: #2F80BB;font-size: 14px;text-decoration:none;}

#subMenu .depth2 li span.Lclosed {

background: url("../tmp/images/bullet/bullet_left_sub_closed.gif") no-repeat 10px 8px;
padding: 3px 3px 2px 20px;
word-wrap: break-word;
}

#subMenu .depth2 li span.Lopen {

background: url("../tmp/images/bullet/bullet_left_sub_open.gif") no-repeat 10px 8px;
padding: 3px 3px 2px 20px;
word-wrap: break-word;
} */

#subMenu_bottom_line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2E3E3;
}

/* 서브 메뉴 끝 */

/* errorPage */
.errorPage {width:100%; height:220px; background:url(../images/bg_error.png) no-repeat 0 0;}
.errorPage .sorry {font-size:14px; padding:15px 0 15px 25px;}
.errorPage .wrong {padding-left:25px; line-height:17px;}
.errorPage .wrong span {display:block; margin-top:12px;}

/* error_ui */
.error_ui {background:url(../images/img_error.jpg) no-repeat right 0; padding:10px;}
.error_ui h1 {font-size:29px;font-weight:bold;color:#000;}
.error_ui .para01 {margin-top:20px;font-size:13px;font-weight:bold;color:#000;}
.error_ui .para02 {margin-top:40px; padding-top:35px; font-size:29px; border-top:1px dotted #c7cab7;}
.error_ui .para03 {margin-top:20px;}
.error_ui .block, .error_ui .block_m {display:block;}
.error_ui .btn_g {margin-top:100px; padding-top:30px; text-align:center; border-top:1px solid #ddd;font-weight:bold;}
.error_ui .btn_back, .error_ui .btn_home {padding:0 7px; height:36px; line-height:36px; color:#fff; display:inline-block;}
.error_ui .btn_back {background:#4e4e4e;}
.error_ui .btn_home {background:#448310;}

@media all and (min-width:768px) {
	/* error_ui */
	.error_ui {position:absolute; top:50%; left:50%; margin:-223px 0 0 -345px; width:690px; height:446px; padding:0;}
	.error_ui .para02 {margin:40px 210px 0 0;}
	.error_ui .block_m {display:inline;}
	.error_ui .btn_g {padding:40px 0; background:#f8f8f8;}
	.error_ui .btn_back, .error_ui .btn_home {width:164px;}
	.error_ui .btn_home {margin-left:30px;}
}

.print_ui {width:770px; margin:0 auto;}
.print_ui .had {position:relative; padding-top:20px; height:90px; text-align:left; border-bottom:5px solid #f8f8f8;}
.print_ui .had .colA img {float:left; margin-right:50px;}
.print_ui .had .colA p {font-size:20px; font-family:'NanumGothic-Bold'; color:#999;vertical-align:middle;}
.print_ui .had .colA em {display:block; font-size:28px; font-family:'NanumGothic-Bold'; color:#2356b4;}
.print_ui .had .colB {position:absolute; right:0; top:20px;}
.print_ui .insert_html .btn_abs {display:none !important;}
.print_ui .insert_html .tb.m_only {display:none !important;}
.print_ui .insert_html .tb.d_only {display:block !important;}
.print_ui .tb_list {margin-top:0 !important;}
.print_ui .tb_list .tb {border-top:2px solid #373E48; position:relative;}
.print_ui .tb_list .tb th, .tb_list .tb td {font-size:14px; padding:10px 0 10px 0;}
.print_ui .tb_list .tb th {border-bottom:1px solid #969696; background:#f6fbde url(../images/th_line.gif) no-repeat 0 50%;}
.print_ui .tb_list .tb th:first-child {background-image:none;}
.print_ui .tb_list .tb td {border-bottom:1px solid #e1e1e1;}
.print_ui .tb_list .tb td.al {padding-left:8px;}
.print_ui .ntitle1 {float:left;width:100%;height:30px;margin:0px 0 10px 0;}
.print_ui .ntitle1 h1{float:left;font-family:'Nanum Gothic','나눔고딕','돋움',Dotum,Helvetica,sans-serif;font-size:18px;font-weight:bold;color:#3a5795;letter-spacing:-1px;line-height:30px;padding:0 0 0 5px;}
.print_ui .ntitle1 .tit {height:30px; background:url(../images/ico_bul.gif) no-repeat 0 5px;}

.print_ui .bbsList{border-top:2px solid #2D2D2D;}
.print_ui .bbsList thead th{height:50px;text-align:center;font-family:'Nanum Gothic','나눔고딕','돋움',,Dotum,Helvetica,sans-serif;font-size:14px;color:#2d2d2d;border-bottom:1px solid #8E8E8E;background:#F8F8F8;line-height:50px;}
.print_ui .bbsList thead th{background:#F4F4F4;}/* W3C ǥ��*/
.print_ui .bbsList tbody td{height:39px;text-align:center;font-family:'Nanum Gothic','나눔고딕','돋움',,Dotum,Helvetica,sans-serif;font-size:12px;color:#2D2D2D;background:#FFFFFF;border-bottom:1px solid #E0DDDD;}

.print_ui .bbsList tbody td a:link{color:#0051a2; text-decoration:none;}
.print_ui .bbsList tbody td a:visited{color:#626262; text-decoration:none;}
.print_ui .bbsList tbody td a:hover, a:active{color:#23568D; text-decoration:underline;}

.print_ui .bbsList thead th.noneline{border-right:0;}
.print_ui .bbsList tbody td span.txt_underline{font-weight:bold;text-decoration:underline;}

.print_ui .bbsInput{border:1px solid #C4CBD4;margin:0 0 10px 0;}
.print_ui .bbsInput tbody th {height:40px;padding:0;text-align:center;vertical-align:middle;background:#F7F7F7;font-size:14px;color:#333333;border-bottom:1px solid #C4CBD4;border-right:1px solid #C4CBD4;line-height:45px;}
.print_ui .bbsInput tbody td{padding:0 0 0 18px;background:#FFFFFF;border-bottom:1px solid #C4CBD4;border-right:1px solid #C4CBD4;font-size:14px;color:#383838;}
.print_ui .bbsInput tbody td ul li{float:left; margin:0 30px 0 0;}
.print_ui .bbsInput tbody tr:last-child th,.bbsInput tbody tr:last-child td{border-bottom:0;}

/* popLayer2 */
.popMask2 {position:absolute; left:0; top:0; z-index:9999; background-color:#000; display:none;}
.popLayer2 {position:fixed; display:none; z-index:10000; border:1px solid #454a57; background:#fafafa;}

.popLayer2 .pop_header {position:relative; height:40px; padding-left:15px; color:#fff; font-size:16px; line-height:40px;}
.popLayer2 .pop_header {background:url(../images/bg_h_pop.png) repeat-x 0 0;}
.popLayer2 .pop_header .closed {position:absolute; top:11px; right:15px; width:16px; height:16px;}
.popLayer2 .pop_header .closed {background:url(../images/btn_pop_clse.png) no-repeat 0 0;}
.popLayer2 .area_pop {padding:20px; max-height:600px; overflow:auto;}
.popLayer2 .area_pop .tbl_srh td {background:#fff;}
.popLayer2 .area_pop .tbl_srh th {font-weight:bold;}
.popLayer2 .tabPop li {float:left; width:50%; text-align:center;}
.popLayer2 .tabPop li a {display:block; height:28px; line-height:28px; border:1px solid #333;}
.popLayer2 .tabPop li a.on {background:#333; color:#fff; /* font-family:'NanumGothic-Bold'; */ font-weight:bold;}
.popLayer2 .pop_footer {text-align:center; height:50px;}
.popLayer2 .pop_footer .btns {padding-top:17px;}