@charset "euc-kr";
/* CSS Document */

@import url("../../common/css/nanumgothic.css");
* {font-family:'Nanum Gothic';}

/* Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,div,p,th,td{font-size:14px;color:#383d41}
body{background-color:#fff;}
img,fieldset,iframe{border:0 none}
li{list-style:none;vertical-align:top}
input,select,button{vertical-align:middle}
img{vertical-align:top}
em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#2f3743;text-decoration:none}
a:hover{color:#390;text-decoration:underline}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
caption{position:relative;visibility:hidden;height:0;font-size:0;line-height:0}
legend{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:0;height:0;padding:0;font-size:0;line-height:0}


h4 {margin-bottom:40px; font-size:18px; font-weight:800; color:#515151;  margin-top:40px; line-height:28px }
h4:first-child {margin-bottom:40px;}

h5 {font-size:14px; font-weight:bold; color:#515151; line-height:28px }


/* Common */
.skip(font-size:12px;)
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
.ir{display:block;overflow:hidden;position:relative;z-index:-1;/* height:11px; */font-size:11px;white-space:nowrap}
.entry-title{display:none}
.show{display:block}
.hide{display:none}

/* Layout */
#wrap{ width:100%; padding-top:104px }
#wrap a{ vertical-align:top }
#header_wrap{ width:100%; height:105px; position:absolute; top:0; background:url(../images/common/bg_header.gif) repeat-x 0 }
#header{ width:980px; height:65px; margin:0 auto; position:relative; top:0 }
#lnb_wrap { z-index:20; position:relative; top:0; height:40px; }
#lnb:after{ content:""; display:block; clear:both }
#lnb{ width:980px; margin:0 auto; height:40px; position:relative; top:0 }
#lnb li{ float:left; width: 125px; height:28px; padding:12px 0 0 10px }
#lnb li:first-child { width:200px; }
#lnb li:last-child  { background:none; padding-right:0; }
#lnb a { font-size:14px; color:#FFF; text-decoration:none }
#tm_wrap { width:100%; height:210px; background:url(../images/common/bg_lnb.gif) repeat-x; background-position:top; position:relative; display:none; }
#tm { width:980px; margin:0 auto; color:#FFF; position:relative; }
#tm a { font-size:12px; color:#308ebf; text-decoration:none }
#tm ul { float:left; position:absolute; }
#tm ul li { padding-top:6px; top:0; width:125px; height:191px; padding:15px 0 0 10px; position:relative; float:left }
#tm .menu:hover { background-color:#ecf8ff }
#tm .menu ul li { padding:0; margin:0; height:22px }
#tm .info { width:195px; margin-left:5px }

#gnb{position:absolute; top:4px; left:750px; z-index:30; font-size:12px}
#gnb li{float:left; padding-left:7px;}
#gnb li.first{background:none; padding-left:0}
#ci{position:absolute; top:122px; left:847px; z-index:30;}
#header h1{width:202px; height:33; margin:0; position:relative; top:21px; left:0; }
#header .lnb{position:absolute; top:47px; right:0; z-index:25;}
#container{position:relative;width:980px;margin:0 auto;text-align:left}
#container:after{display:block;clear:both;content:''}
#footer{width:100%; height:105px; margin:50px 0 0 0; background:url(/images/common/footer_bg.gif) repeat-x 0 0}
#footer .footer_wrap{width:980px; margin:0 auto; position:relative}
#footer .f_menu{position:absolute;top:9px;left:0}
#footer .f_menu ul{height:14px}
#footer .f_menu ul:after{content:"";display:block;clear:both}
#footer .f_menu li{float:left;padding-left:16px;background:url(/images/common/f_menu_bar.gif) no-repeat 8px 1px}
#footer .f_menu li.first{padding-left:0;background:none}
#footer .copyright{position:absolute;top:45px;left:0}
#footer .copyright address{margin-bottom:5px}
#footer .select_site{position:absolute;top:41px;right:0;width:430px;height:30px}
#footer .select_site:after{content:"";display:block;clear:both}
#footer .select_site select{width:147px;font-size:11px;color:#737373}
#footer .select_site select,#footer .select_site input{height:18px;margin-left:2px;line-height:18px}
#footer .select_site input{position:absolute;right:0;border:1px solid #d3d3d3}
#footer .select_site .area{width:78px}
#footer .select_site .mem{width:126px}
#footer .select_site form{display:inline;width:auto}
#footer .select_site div{position:relative;float:left;width:246px;padding-left:4px}
#footer .select_site div:first-child{width:180px;padding-left:0}

#visual_wrap{width:100%; height:468px; background:url(../images/common/bg_visual.gif) repeat-x 50% 100%}
#visual{width:980px; height:468px; margin:0 auto; position:relative;}

#quick-menu { left:50%; margin-left:530px; text-align:center }
#quick-menu ul { width:100px; font-size:12px; line-height:30px; margin:0 auto; color:#FFF; text-align:center; background-color:#3f79a2; padding:10px; }
#quick-menu ul li { border-bottom:solid 1px #FFF }
#quick-menu ul a { color:#FFF }

.slidesjs-pagination {position:absolute; right:20px; bottom:12px; margin:0; z-index:20; list-style:none}
.slidesjs-pagination li {float: left; margin: 0 4px;}
.slidesjs-pagination li a {
	display: block;
	width: 21px;
	height: 0;
	padding-top: 21px;
	background: url(../images/common/pagination.png) 0 0;
	float: left;
	overflow: hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-position: 0 -21px}
.slidesjs-pagination li a:hover {background-position: 0 -42px}

.slidesjs-previous {position:absolute; right:200px; bottom:12px; width:10px; height:21px; background:url(../images/common/slideprev.png) no-repeat; z-index:30}
.slidesjs-next {position:absolute; right:180px; bottom:12px; width:10px; height:21px; background:url(../images/common/slidenext.png) no-repeat; z-index:30}

.main_con{padding:50px 0 50px 0;}
.sub_con{padding:30px 0 40px 0;}

#notice{position:relative; float:left; width:460px; min-height:150px; height:auto !important; height:400px; margin-right:50px}
#notice ul{width:460px; margin-top:24px; padding-top:10px; line-height:18px; border-top:1px solid #c2c2c2;}
#notice ul:after{content:"";display:block;clear:both;}
#notice li{padding:0;}
#notice li.first{padding-left:0}
#notice ul li{padding:6px 0;line-height:15px;color:#999;background:none;}
#notice ul li a{display:inline-block;padding-left:11px;color:#767676;vertical-align:middle;background:url(/images/common/bullet1.gif) no-repeat 0 6px}
#notice ul li a img{display:inline-block;margin:-1px 0 0 2px;line-height:16px}
*:first-child+html #notice ul li a img{margin-top:-2px}
#notice div.more{margin:0 0 10px}

#board{position:relative; float:left; width:460px; min-height:150px; height:auto !important; height:400px}
#board ul{width:460px; margin-top:24px; padding-top:10px; line-height:18px; border-top:1px solid #c2c2c2;}
#board ul:after{content:"";display:block;clear:both;}
#board li{padding:0;}
#board li.first{padding-left:0}
#board ul li{padding:6px 0;line-height:15px;color:#999;background:none;}
#board ul li a{display:inline-block;padding-left:11px;color:#767676;vertical-align:middle;background:url(/images/common/bullet1.gif) no-repeat 0 6px}
#board ul li a img{display:inline-block;margin:-1px 0 0 2px;line-height:16px}
*:first-child+html #board ul li a img{margin-top:-2px}
#board div.more{margin:0 0 10px}

#photo{position:relative; float:left; top:50px; width:460px; min-height:150px; height:auto !important; height:400px; margin-right:50px}
#photo ul{width:460px; padding-top:10px; line-height:18px; border-top:1px solid #c2c2c2;}
#photo ul:after{content:"";display:block;clear:both;}
#photo li{float:left;}
#photo li.first-child{padding-left:0}
#photo ul li{padding:6px 34px 6px 0; line-height:15px; color:#999; background:none;}
#photo ul li:last-child{padding:6px 0;}
#photo ul li a{color:#767676;}
#photo p{line-height:30px;}
#photo .more{position:absolute; top:6px; right:8px; margin:0 0 10px}

#mLink{position:relative; float:left; top:50px; width:460px; min-height:150px; height:auto !important; height:400px;}
#mLink p{width:460px; border-bottom:1px solid #c2c2c2;}

#popupzone {position:absolute; left:0; top:50px;}
#pzone{position:relative;width:100%}
#pzone:after{content:"";display:block;visibility:hidden;clear:both}
#pzone li img{display:block}
*:first-child+html #pzone li img{display:inline !important;vertical-align:top}
#pzone .pzone_menu{position:absolute;top:94px;right:5px;height:15px;line-height:15px;z-index:5}
#pzone .pzone_menu:after{content:"";display:block;clear:both}
#pzone .pzone_menu span{display:block;float:left}
#pzone .pzone_menu span a{vertical-align:top}

#linkzone {position:absolute; left:220px; top:50px;}


#snb{float:left;position:relative; top:0; line-height:12px !important}
#snb h2{font-size:25px; font-weight:800; margin:25px 0 27px 15px;}
#snb .navi{margin-bottom:20px; border-top:1px solid #056c9c;}
#snb .navi li{background:url(../images/common/bg_snb.gif); font-size:17px; letter-spacing:-0.1em; word-spacing:5px; border-bottom:1px solid #DCDCDC;}
#snb .navi li.on{background:url(../images/common/bg_snb_on.gif);}
#snb .navi li.on a{color:#FFF;}
#snb .navi li a{display:block;width:190px; height:30px;color:#000;padding:20px 15px 0 15px;}
#snb .navi li a:hover{background:url(../images/common/bg_snb_on.gif); color:#FFF; text-decoration:none;}
#snb .navi li ul{padding:6px 0;background:#f6f6f6}
#snb .navi li li{padding-left:19px;border:0;font-size:11px;line-height:1.4em;background:url(../images/common/bullet1.gif) no-repeat 10px 10px;}
#snb .navi li.active2{font-weight:bold}

#snb .quick{width:220px;}
#snb .quick:after{content:""; display:block; clear:both}
#snb .quick li{margin-bottom:21px;}

.crumb{position:absolute; top:30px; right:0; z-index:10; height:30px; }
.crumb{color:#767676; padding-left:14px; background:url(../images/common/crumb_home.gif) no-repeat 0 5px}
.crumb a{color:#767676}
.crumb .btn_print{position:relative; top:-1px; padding-left:10px}

#s_title{height:52px; margin-top:12px; border-bottom:1px solid #056c9c; position:relative}
#s_title h3{float:left; font-size:28px; font-weight:900; color:#2582c4; }

#tnb {height:50px; border-bottom:1px solid #DCDCDC;}
#tnb ul li{float:left;}
#tnb ul li:after{content:""; display:block; clear:both}

#content_wrap{float:right; width:700px; overflow:hidden; position:relative;}
#content{position:relative;min-height:350px;height:auto !important;height:350px;}
#content.normal{margin-top:50px;}
#content.narrow{margin-top:25px;}
#content p{line-height:27px; text-align:justify; }

 /* table */
table,td,th {padding:0; margin:0; border-spacing:0}

table.border {clear: both; border-top: 2px solid #3f79a2; border-bottom: 1px solid #c2c2c2;}

table.border th {padding-top:6px;padding-bottom:6px;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;background:#f7f7f7;text-align:center}

table.border td {padding-top:7px;padding-bottom:7px;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2; line-height: 18px;}
table.border td.th2	{padding-top:7px;padding-bottom:7px;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2; background: #f7f7f7;}
table.border td.form_type{padding-top:2px;padding-bottom:2px;border-right:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;}
table.border td.bar{padding-top:6px;padding-bottom:5px;border-right:none;border-bottom:1px solid #E6E6E6;}
table.border td.bbar{padding-top:6px;padding-bottom:5px;border-right:none;border-bottom:none;}
table.border td.val {padding-left: 10px;}

table.border .no_rline{border-right:none;}
table.border .no_bline{border-bottom:none;}
textarea.board {height: 250px; width: 615px;}

.atotal {width:100%;background:#FDFDFD;padding-top:10px; margin-bottom:5px; float:left}
.atotal .tleft {float:left;}
.atotal .tleft select {width:99px;}
.atotal .tright {float:right;}
.atotal .tright select {width:72px;}

.aCenter {text-align: center;}
.aRight {text-align:right;}

.img-title {position:absolute; left:16px; top:0 padding:1px 10px; boarder:1px solide #333; background:#666; color:#FFF; font-weight:bold }

/* list style */
.h5_ul,.h6_ul,.h7_ul,.h8_ul{padding:0}
.h5_ul li,.h6_ul li,.h7_ul li,.h8_ul li{margin-bottom:3px}
.h5_ul{margin:0 0 20px 5px}
.h6_ul{margin:0 0 20px 24px}
.h7_ul{margin:0 0 20px 24px}
.h8_ul{margin:0 0 20px 50px}
.h5_ul li{margin-top:10px; padding-left:22px; background:url(../images/common/bul_h5.gif) no-repeat 0 7px; line-height:27px; }
.h5_ul li li,.h6_ul li{margin-top:10px; padding-left:18px;background:url(../images/common/bul_h6.gif) no-repeat 0 3px}
.h5_ul li li li,.h6_ul li li,.h7_ul li{margin-top:10px; padding-left:13px;background:url(../images/common/bul_h7.gif) no-repeat 0 5px}
.h5_ul li li li li,.h6_ul li li li,.h7_ul li li{margin-top:10px; padding-left:0;background:none}
.h5_ul .h6_ul,.h6_ul .h7_ul,.h7_ul .h8_ul{margin-bottom:3px}
.h6_ul .h7_ul,.h7_ul .h8_ul,.h8_ul ul{margin-left:0}
.h5_ul .h6_ul{margin-left:-2px}

.m_news{width:302px; float:left; margin-right:50px}
.m_news ul{position:relative; *zoom:1}
.m_news ul:after{content:""; display:block; clear:both}
.m_news ul li{float:left; padding-left:22px; background:url(../images/main/m_news_bar.gif) no-repeat 11px 0}
.m_news ul li.first{padding-left:0; background:none}
.m_news ul ul{position:absolute; width:100%; left:0; top:33px; display:none}
.m_news ul li li{float:none; padding:0; background:none; width:100%; _width:302px}
.m_news ul li.active ul{display:block}

.m_news .news_list{font-size:11px;}
.m_news .news_list li{background:url(../images/common/dash1.gif) repeat-x 0 100%;overflow:hidden; padding:6px 0;*zoom:1}
.m_news .news_list li:after{content:""; display:block; clear:both}
.m_news .news_list li a{float:left; background:url(../images/common/bullet1.gif) no-repeat 0 6px; padding-left:11px; color:#767676}
.m_news .news_list li .date{float:right; color:#999999}
.m_news .news_list li.more{position:absolute; top:-33px; right:0; width:48px; height:14px; padding:0}
.m_news .news_list li.more a{padding:0; top:0; background:none; padding:0}

.m_quick{float:left; width:300px}
.m_quick h2{margin-bottom:16px}
.m_quick ul {*zoom:1}
.m_quick ul:after{content:""; display:block; clear:both}
.m_quick ul li{float:left}


.select{display:inline-block; *display:inline; position:relative; background:#fff;border:0; line-height:normal; vertical-align:middle; *zoom:1}
.select *{ margin:0; padding:0; font-size:11px; cursor:pointer}
.select .my_value{ overflow:visible; position:relative; top:0; left:0; z-index:2; border:1px solid #d3d3d3; background:transparent; color:#666; text-align:left; line-height:19px; _line-height:normal}
.select .my_value.selected{ font-weight:bold}
.select.open .my_value,.select .my_value.outLine{/* border:1px solid #999*/}
.select button.my_value{width:144px; height:23px;margin:0;padding:0; text-indent:0; *text-indent:-2px;border:0}
.select button.my_value img {position:relative;margin:-1px 0 0 1px}
.select div.my_value{ height:18px}
.select ul{ overflow:hidden;position:absolute;left:2px;*left:-2px;width:100%;border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; 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.open ul.i_list{ left:0}
.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;}
.select li a{ display:block; height:18px; background:#fff; color:#767676; line-height:18px; text-indent:8px;}
.select li.hover *{ background:#999; color:#fff}
.select_go{border:1px solid #d3d3d3}
.select select{width:162px}
*:first-child+html .select select{display:inline-block;margin:2px 3px 0 0}
/* Àüü¸Þ´º */
.mw{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%; z-index:99; display:none}
.mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.mw .fg{position:absolute;top:50%;left:50%;width:961px;height:502px;margin:-250px 0 0 -480px;background:url(../images/totalmenu/tm_bg.png) no-repeat 0 0; z-index:99}
.total_menu .btn_close{position:absolute; bottom:20px; right:20px}
.total_menu .tm{padding:53px 0 0 47px;}
.total_menu .tm .depth1{position:relative; *zoom:1}
.total_menu .tm .depth1:after{content:""; display:block; clear:both}
.total_menu .tm .depth1 li{margin:8px 0 15px 0; float:left; width:135px; margin-right:18px; line-height:10px; font-size:14px; letter-spacing:-1px;}
.total_menu .tm .depth1 li a{color:#2F3743;}
.total_menu .tm .depth2 li{float:none; width:auto; margin-right:0; margin-bottom:4px;}
.total_menu .tm .depth2 li a{font-size:11px; font-weight:bold; color:#4f7b19;}
.total_menu .tm .depth1 strong{margin-bottom:15px; display:block}
.total_menu .tm .depth3{margin:8px 0;display:none}
.total_menu .tm .depth3 li a{padding-left:5px; background:url(/images/common/arrow_green1.gif) no-repeat 0 3px; font-size:11px; font-weight:normal; color:#666666; letter-spacing:-2px;}
.total_menu .tm .depth1 li.t_mypage{margin-right:0}

/*.total_menu .tm .depth1 li.t_member{position:absolute; right:30px; top:184px; margin-right:0}
.total_menu .tm .depth1 li.t_custom{position:absolute; right:30px; top:298px; margin-right:0}*/
.total_menu .tm .depth1 li.t_member{position:absolute; left:765px; top:0; margin-right:0}
.total_menu .tm .depth1 li.t_custom{position:absolute; left:765px; top:150px; margin-right:0}

.map {width: 653px; height: 400px; border: 1px solid #ABABAB;}