@charset "utf-8";
/* Layout */
#wrap {width:100%; margin:0 auto;background-color:#fff}
#top_tab_wrap {position:relative; z-index:10; width:100%; height:32px; background:url(../../images/common/bg/top_bg.gif) 0 0 repeat-x;}
#header {position:relative; z-index:100; width:100%; height:153px; background:url(../../images/common/bg/header_bg.jpg) 0 0 repeat-x;}
#container{width:980px; margin:0 auto;}
#container:after{content:""; display:block; clear:both;}
	.snb{float:left; width:194px; padding-top:38px;}
	.content{position:relative;float:left; width:745px; border-left:1px solid #c8caeb; padding:0 0 100px 40px; min-height: 445px;}
#footer_wrap {width:100%;height:112px;background-color:#f6f6f6;border-top:1px solid #c8caeb}
#footer{width:980px; margin:0 auto;}
/* top_tab_wrap */
#top_tab_wrap .tab_menu {width:1130px;height:32px;font-size:12px;margin:0 auto;z-index:110;}
#top_tab_wrap .tab_menu ul {width:1130px;height:32px;}
#top_tab_wrap .tab_menu ul li {float:left;}
#top_tab_wrap .tab_menu ul li a {width:122px; height:20px; color:#6e6e6e; padding-top:10px; border-right:1px solid #d2d2d2; display:block; text-align:center;}
#top_tab_wrap .first a {border-left:1px solid #d2d2d2;}
#top_tab_wrap .tab_menu ul li a.on {height:21px; border:1px solid #9e9e9e; border-bottom:none; background:#fff; color:#3a3a3a; margin-left:-1px}
/* header */
#header .header_box {position:relative; width:980px; height:153px; margin:0 auto; z-index:9}
#header .header_box h1 {position:absolute; top:40px; left:50%; margin-left:-110px;z-index:4}
#header .nav_d {position:absolute;right:0;top:30px;z-index:8}
#header .nav_d  a.bt_login,#header .nav_d a.bt_allnav{display:inline-block;text-align:center;height:22px;line-height:22px;border:1px solid #bdbdbd;background-color:#f7f7f7;color:#666;font-family:Dotum,"돋움"; font-size:11px;}
#header .nav_d .bt_login{width:74px;margin-right:6px}
#header .nav_d .bt_allnav{width:86px}
#header .nav_d .name{font-family:Gulim,"굴림";color:#333;margin-right:10px}
#header .depth2_bg {position:absolute; top:152px; left:0; width:100%; height:200px;overflow:hidden;z-index:2;}
#header .depth2_bg .bg {width:100%; height:200px; background:#38305d;filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90;}
/*total menu*/
#header .allmenu_bg {display:none; position:fixed; top:0px; left:0; z-index:100; width:100%; height:340px; background:#48397f;z-index:100}
#header .total_menu {position:absolute; z-index:130; top:-71px; left:-890px; width:980px; height:347px; background:#48397f; border-left:1px solid #514a81; border-right:1px solid #514a81; display:none;}
#header .total_menu .top_logo {width:980px;height:69px;background:#48397f;}
#header .total_menu .top_logo .logo {position:relative;top:17px;left:10px;}
#header .total_menu .close {position:absolute;top:23px;left:940px;}
#header .total_menu dt {width:244px; float:left;background:#4b3e83;position:relative; padding:6px 0;}
#header .total_menu dt a {color:#d9d5ff;font-size:16px;font-family: 'NanumGothic_r';}
#header .total_menu dd a {color:#c5c1ec;line-height:30px;}
#header .total_menu .depth{width:244px;height:268px;border-right:1px solid #514a81;float:left; text-align:center;}
#header .total_menu .depth dt{margin-bottom:10px; border-bottom:1px solid #514a81; border-top:1px solid #514a81;}
#header .total_menu .depth dd a{font-family:Dotum,"돋움"; font-size:12px;}
#header .total_menu .depth dd a:hover{text-decoration:underline}
#header .total_menu .end{border-right:0;}
#header .total_menu .mb20{margin-bottom:20px}
/*gnb_wrap*/
#gnb_wrap{z-index:5}
#gnb_wrap .nav ul{width:980px; padding:122px 0 0 0; position:absolute;}
#gnb_wrap .nav ul:after{content:""; display:block; clear:both;}
#gnb_wrap .nav ul li {float:left; z-index:20;}
#gnb_wrap .nav ul li h2 {width:240px; height:30px; display:block;}
#gnb_wrap .nav ul li h2 a {width:240px; height:30px; display:block; font-size:15px; font-family: 'NanumGothic_b'; color:#e6dcff; background:url(../../images/main/gnb_bar.jpg) 100% 4px no-repeat; text-align:center; z-index:20;}
#gnb_wrap .nav ul li h2 a:hover{width:240px;}
#gnb_wrap .nav ul li h2 a.last {background:none;}
#gnb_wrap .nav ul li .depth2 {display:none;height:190px;padding:10px 0 0 50px; border-left:1px solid #544d84;width:189px; }
#gnb_wrap .nav ul li .depth2 dd {text-align:left;margin-top:10px}
#gnb_wrap .nav ul li .depth2 dd a {color:#afaae3; }
#gnb_wrap .nav ul li .depth2 dd a:hover {color:#fff;}
#gnb_wrap .nav ul li .depth2_last {border-right:1px solid #544d84;}
#gnb_wrap .nav ul li .depth2:hover{background-color:#463e71;}

#visual{width:100%; margin:0 auto;width:auto!important}
#visual .img_main{ max-width:1920px; margin:0 auto; position:relative;height:470px; overflow:hidden;background:url(../../images/main/visual.jpg) no-repeat top center}
/*메인컨텐츠영역*/
#container .news,#container .visit,#container .go{float:left;margin:50px 0 100px 0;*padding-bottom:100px}
#container .visit h3,#container .go h3{font-size:15px;padding-bottom:10px}
#container .news{position:relative;width:304px;margin-right:30px}
#container .news h3{font-size:13px;color:#444;font-family: 'NanumGothic_b';border-bottom:1px solid #c2c2c2;padding-bottom:10px;line-height:14px}
#container .news ul{padding-top:18px}
#container .news ul li{position:relative;background:url(../../images/main/bul_dot_g.gif) no-repeat 0 50%;padding-left:10px;font-family:Dotum,"돋움";margin-bottom:4px}
#container .news ul li a:hover{text-decoration:underline;color:#8156f0}
#container .news ul li span{position:absolute;right:0}
#container .news .bt_more{position:absolute;right:0;top:0}
#container .visit{width:280px;margin-right:30px}
#container .go{width:310px}
/*footer*/
#footer > ul{padding:25px 0;clear:both;display:block}
#footer > ul .fl a{float:left}
#footer > ul .fl .logo{margin-right:60px}
#footer > ul .fl .address{float:left;width:450px;color:#666; font-size:10px; color:#979696; font-family: 'NanumGothic_b'; line-height:140%;}
#footer > ul .fl .address .copy {margin-top:5px; color:#7b7b7b}

#footer .sbHolder{position:relative}
#footer .sbSelector{display:block;border:1px solid #dadada;color:#878787;width:198px;height:24px;line-height:24px;text-indent:23px;background:#fff url(../../images/main/ico_sel.gif) right 4px no-repeat}
#footer .sbHolder .sbOptions{position:absolute;width:200px;bottom: 25px;background-color: #fff;border-top: 1px solid #dadada}
#footer .sbHolder .sbOptions li{border:1px solid #dadada;border-top:0}
#footer .sbHolder .sbOptions a{display:block;height:24px;line-height:24px;text-indent:23px}
#footer .sbHolder .sbOptions a:hover{color:#7064de}

/*sub*/
/*------------------------------------------------공통CSS:START--------------------------------------------------------*/
.img_subtop{ max-width:1920px; margin:0 auto;height:145px; overflow:hidden; position:relative}
.img_subtop img{ position:absolute; left:50%; margin-left:-960px}

/** 서브왼쪽 메뉴 **/
.snb h2{font-family: 'NanumGothic_b'; font-size:24px; color:#3a3a3a; margin-bottom:28px;}
.snb li{margin-bottom:4px;}
.snb li a{display:block; width:184px; height:20px; font-family: 'NanumGothic_b'; font-size:13px; color:#807f84; padding:4px 0 0 10px;}
.snb li a:hover{background:url(../../images/common/bg/bg_snb_over.jpg) no-repeat 0 0; color:#fff; text-decoration:none;}
.snb li a.on{background:url(../../images/common/bg/bg_snb_over.jpg) no-repeat 0 0; color:#fff; text-decoration:none;}
/** 서브 컨텐츠영역 **/
/* 서브타이틀 */
.sub_tit{margin-bottom:30px;}
.sub_tit .path{padding:18px 0 10px 0; text-align:right;}
.sub_tit .path a,.path strong{font-family:Gulim,"굴림"; font-size:12px; color:#696969;}
.sub_tit h3{font-family: 'NanumGothic_b'; font-size:24px; color:#715fba; padding-bottom:8px;}
.sub_tit em{font-family: 'NanumGothic_b'; color:#989898; padding-top:10px;display:block}

.content .search_box{position:relative;margin-top:12px;height:32px;margin:0 auto;width:430px;padding-bottom:20px}
.content .search_box .btn_search{display:block; float:left; margin-left:10px;*margin-left:4px}
.content .search_box .btn_search a{ position:absolute; right:25px; top:4px}


/* input,select스타일,버튼,페이징등등 */
input{font-family:Dotum;fon-size:12px;color:#333}
.input_st01{width:280px;border:1px solid #d4d4d4;padding:7px 0 7px 4px;font-family:Dotum;fon-size:12px;color:#767676}
.input_st02{width:97%;background-color:#ebebeb;border:1px solid #dbdbdb;border-width:2px 0 0 2px;padding:3px 0 3px 4px}
.input_st03{width:300px;background-color:#ebebeb;border:1px solid #dbdbdb;border-width:2px 0 0 2px;padding:3px 0 3px 4px;margin-right:6px}
.page_wrap {position:relative;width:100%; text-align:center;}
.paginate{padding-top:24px;}
.paginate a {display:inline-block;width:8px;height:15px; padding:0 9px 0 2px; color:#333; font-family:Dotum,"돋움";}
.paginate a:hover {font-weight:bold;color:#f42a5e;}
.paginate a.on {font-weight:bold;color:#f42a5e; text-decoration:underline;}
.paginate a.prev{display:inline-block;width:15px;height:15px;margin-right:9px;padding:0px;background:url(../../images/common/btn/btn_prev.jpg) no-repeat;
                 text-indent:-9999px;}
.paginate a.next{display:inline-block;width:15px;height:15px;padding:0px;background:url(../../images/common/btn/btn_next.jpg) no-repeat;
                 text-indent:-9999px;}
.page_wrap .btn_write{position:absolute;right:0;top:24px}
.select{position:relative;width:112px; background:#fff; line-height:normal; vertical-align:middle; *zoom:1;display:block; float:left}
.select *{ margin:0; padding:0; font-size:12px; font-family:Tahoma, Sans-serif; cursor:pointer}
.select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #d4d4d4; background:transparent; color:#666; text-align:left; line-height:19px; _line-height:normal;}
.select.open .my_value,
.select .my_value.outLine{ border:1px solid #999}
.select button.my_value{ width:100%; height:31px; *padding-left:5px; text-indent:5px; *text-indent:0}
.select div.my_value{ height:19px; text-indent:8px}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:29px; border:1px solid #9970eb; border-left:1px solid #fff; background:#fff}
.select .arrow{ position:absolute; width:0; height:0; top:12px; right:6px; border-top:5px solid #9970eb; border-left:5px solid #fff; border-right:5px solid #fff; font-size:0; line-height:0}
.select ul{ overflow:hidden; position:absolute; top:30px; left:0; width:100%; border:0; border-top:1px solid #bababa; border-bottom:1px solid #dadada; background:#fff; list-style:none}
.select ul.a_list{ display:none}
.select.open ul.a_list{ display:block}
.select ul.i_list{ left:-2000%}
.select li{ overflow:hidden; position:relative; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space:nowrap}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px}
.select li label{ position:absolute; top:0; left:0; width:100%; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px}
.select li a{ display:block; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px; *text-indent:6px; text-decoration:none;text-align:left}
.select li.hover *{ background:#999; color:#fff}

.btns_l{position:absolute;left:0;top:10px}
.btns_r{text-align:right;padding-top:10px}
.btn_r2{float:right;width:144px}
.btn03{display:block;background:url('../../images/common/btn/bg_btn02.jpg') no-repeat 0 0;padding:5px 8px 7px 12px;font-family:Dotum,"돋움";
       font-weight:bold;color:#715dc8; width:76px; border:0;}
.btn03:hover{text-decoration:none}
.top10{top:10px !important}
.btn_bg_l{display:inline-block;height:24px;background:url(../../images/common/bg/bg_btn.jpg) no-repeat;padding-left:14px;line-height:25px;font-family:Dotum;color:#715dc8;cursor:pointer}
.btn_bg_l:hover,.btn_bg_r:hover{text-decoration:none}
.btn_bg_r{display:inline-block;height:24px;background:url(../../images/common/bg/bg_btn.jpg) no-repeat 100% -28px;padding-right:14px;line-height:25px;font-family:Dotum;color:#715dc8;cursor:pointer}
/*게시판스타일*/
.board_list{width:740px}
.board_list th,.board_list td{font-family:Dotum; border:1px solid #cacaca; height:34px; text-align:center; color:#666;}
.board_list th{background-color:#e6e4f4; font-weight:bold; color:#715fba;border-bottom:0}
.board_list td a:hover{text-decoration:underline}
.board_view{width:740px;border-left:1px solid #cacaca}
.board_view th,.board_view td{font-family:Dotum,"돋움"; border-bottom:1px solid #cacaca;border-right:1px solid #cacaca;text-align:center; color:#666;padding:8px 0}
.board_view th{background-color:#e6e4f4; font-weight:bold; color:#715fba}
.board_view .line{border-top:1px solid #cacaca}
table .tleft{text-align:left;padding-left:14px;}
td.txt_box{padding:14px;}
td.txt_box p{margin-bottom:20px; line-height:160%;}
td.edit_box{padding:0}
.input_txt{width:97%;background-color:#ebebeb;border:1px solid #dbdbdb;border-width:2px 0 0 2px;padding:3px 0 3px 4px}

/*비밀번호 팝업*/
.pass_box{position:absolute;width:290px;border:1px solid #b3b3b3;background:#fff;text-align:left;padding:18px 0 12px 30px}
.pw_box{position:absolute;width:280px;height:93px;background:url(../../images/sub/bg_pw.jpg) no-repeat;text-align:center;font-family:Dotum,"돋움";padding-top:24px}
.pw_box .input_pw{width:154px;padding:4px;border:1px solid #bcbcbc}
.pw_box .btn_pw{margin:16px 0 0 30px}
.pw_box .btn_pw .bt_cancel{color:#787878}

/*비밀글 password*/
#pass {position:absolute; top:81px; z-index:20; width:300px; margin:0 auto; text-align:left;}
.pass_box{ position:absolute; width:290px; border:1px solid #b3b3b3; background:#fff; text-align:left; padding:18px 0 12px 30px; }

/*------------------------------------------------공통CSS:END--------------------------------------------------------*/

/*campany*/
.camp_img{float:left;margin-right:30px;padding-bottom:200px;overflow:hidden;display:block}
.campany_txt {line-height:18px;}

/*objective*/
ul.objective_list {background:url(../../images/sub/objective_img.jpg) no-repeat 100% 50%; height:260px;}
ul.objective_list li {font-size:15px; padding-top:22px; letter-spacing:-1px; line-height:22px; font-weight:bold;}
ul.objective_list li strong {font-size:16px; color:#7366b9; margin-right:10px;}
ul.objective_list li span {padding-left:35px;}

/*manage*/
ul.manage_list {padding:10px 0 0 65px;}
ul.manage_list li {font-size:18px; padding-top:27px; letter-spacing:-1px; font-weight:bold;}
ul.manage_list li strong {font-size:20px; color:#b786f4; margin-right:10px;}
ul.manage_list li span {padding-left:35px;}

/*study01*/
.hello_img {padding-top:7px;}
.study_img{float:left;margin-right:30px}
p.study01_tit {font-size:18px; color:#5e75cc; font-weight:bold; line-height:28px; letter-spacing:-1px; padding-top:4px;}
ul.study01_list {padding-top:22px; letter-spacing:-1px;}
ul.study01_list li {background:url(../../images/sub/basics_bullet01.gif) no-repeat 0 50%; padding-left:8px;}

/*study02*/
.study_img02 {padding-top:30px;}

/*study03*/
ul.study03_box01 {line-height:20px; width:425px; height:78px; border:1px solid #d0d0d0; padding:38px 0 0 120px; margin-bottom:20px; background:url(../../images/sub/study03_box01.jpg) no-repeat 22px 50%;}
ul.study03_box02 {line-height:20px; width:425px; height:68px; border:1px solid #d0d0d0; padding:48px 0 0 120px; margin-bottom:20px; background:url(../../images/sub/study03_box02.jpg) no-repeat 22px 50%;}
ul.study03_box03 {line-height:20px; width:425px; height:88px; border:1px solid #d0d0d0; padding:28px 0 0 120px; margin-bottom:20px; background:url(../../images/sub/study03_box03.jpg) no-repeat 22px 50%;}
ul.study03_box03 span { padding-left:16px;}

/*responsibility*/
.table_area {width:710px; clear:both; padding:40px 0 0 25px;}
.table_area img{float:left;margin-right:40px}
.board_list02{width:560px;}
.board_list02 th,.board_list02 td{font-family:Dotum; border:1px solid #cacaca; height:34px; text-align:left; color:#666; padding-left:20px;}
.board_list02 th{background-color:#e6e4f4; font-weight:bold; color:#715fba;}
.board_list02 ul {padding:10px 0; line-height:18px;}
/*login*/
.login_wrap{position:relative; width:487px; height:186px; background:url('../../images/sub/bg_login.jpg') no-repeat 0 0; margin:0 auto; padding:18px 0 0 30px;}
.login_wrap .txt_login{font-size:14px; font-weight:bold; color:#686868; padding-bottom:48px;}
.login_form:after{content:""; display:block; clear:both;}
.login_form .img_logo{float:left; width:110px;margin-left:20px}
.login_form table{position:relative; float:left; width:210px; margin-top:8px;}
.login_form table th{width:56px; text-align:left; padding-bottom:7px;}
.login_form table td{padding-bottom:7px;}
.login_form table td .input_login{width:136px; padding:6px 0 6px 8px; border:1px solid #bdbdbd;}
.login_form .bt_login{float:left;margin-top:8px}
.login_search{position:absolute; right:28px; top:10px; z-index:2;}
.impt{font-family:Dotum,"돋움";}


/* -- Form Styles ------------------------------- */
form {	
	margin:0;
	padding:0;
}

div.fieldset {
	border: 1px solid #cacaca;
	margin:10px 0;
	padding:20px 10px;
}

div.fieldset span.legend {
	position:relative;
	background-color:#FFF;
	padding:3px;
	top:-30px;
	font:700 14px Arial, Helvetica, sans-serif;
	color:#715fba;
}

div.flash {
	width:715px;
	margin:10px 5px;
	border-color:#D9E4FF;

	-moz-border-radius-topleft :5px;
	-webkit-border-top-left-radius :5px;
    -moz-border-radius-topright :5px;
    -webkit-border-top-right-radius :5px;
    -moz-border-radius-bottomleft :5px;
    -webkit-border-bottom-left-radius :5px;
    -moz-border-radius-bottomright :5px;
    -webkit-border-bottom-right-radius :5px;
}

div.flashView{
	width:300px;
}

/*파일첨부*/
.flashView{position:relative;overflow:hidden;clear:both}
.flashView input{float:left;margin-right:5px;*padding-left:0;*padding-right:0}
.flashView object{position:absolute;left:0;top:0;filter:alpha(opacity=0);-moz-opacity::0;-moz-opacity:0;opacity:0;width:76px;height:27px}