@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
	font-family: 'NanumGB';
	src: url('http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix');
	src: local('?'),
		 url('http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}


* {margin:0;padding:0}
body {color:#666;font-size:13px;line-height:1.7;font-family:"Nanum Gothic",AppleGothic,Tahoma,Sans-serif !important}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:NanumGB,"Nanum Gothic",AppleGothic,Tahoma,Sans-serif}
hr {display:none}
ul, ol, li {list-style-type:none;font-family:"Nanum Gothic",AppleGothic,Tahoma,Sans-serif}
fieldset{margin:0;padding:0;border:0}
legend,caption {display:none}
address, em, cite {font-style:normal}
input, button, textarea, select {font-size:1em;font-family:"Nanum Gothic",AppleGothic,Sans-serif}
button, textarea, input, object, select {display:inline-block;vertical-align:middle}
code, pre {font-size:1em}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}
.inptxt{height:18px;padding:7px 7px 0 7px;color:#666;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
:root .inptxt{padding:5px 7px 3px 7px}
input[type=file].inptxt{height:25px;padding:0 7px 0 7px;color:#767676;line-height:25px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
input[type=file].inptxt:focus,.inpTxt:focus, select:focus{border:1px solid #fabe02}
select:focus{outline:none}
.readonly{background:#f9f9f9}
.readonly:focus{border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
select{height:27px;padding:4px;color:#767676;font-size:12px;line-height:18px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
textarea{padding:5px;border:1px solid #bababa;line-height:1.167;_margin:-1px 0;resize:none}
img{border:0 none; font-size:0px; padding:0; margin:0;}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
table{*empty-cells:show;border-collapse:collapse}

/*type_css*/
a {color:#666;text-decoration:none;}
a:hover {color:#133984;text-decoration:none;}
.hidden{position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;font:0/0 Arial}
.hidden{*height:1%}

/* important css */
.w_center{width:1000px; margin:0 auto;}
.cursorp{cursor:pointer;}
.t_left {text-align:left !important}
.t_center {text-align:center !important}
.t_right {text-align:right !important}
.f_left {float:left !important}
.f_right {float:right !important}
.pdT1{padding-top:1px !important;}
.marT10{margin-top:10px !important;}
.marT20{margin-top:20px !important;}
.marT30{margin-top:30px;*padding:30px 0 0 0}
.marT50{margin-top:50px;*padding:30px 0 0 0}
.marL5{margin-left:5px !important;}
.marL20{margin-left:20px !important;}
.marL40{margin-left:40px !important;}
.marL50{margin-left:50px !important;}
.marL100{margin-left:100px !important;}
.marL150{margin-left:150px !important;}
.marR0{margin-right:0px !important;}
.center{ width:1000px; margin:0 auto;}
.dib{ display:inline-block; vertical-align:top;}

/* font css */
.gt_t15{ font-size:15px; font-weight:700; color:#333;}
.gt_t17{ font-size:17px; font-weight:700; color:#333;}
.gt_t15_{ font-size:15px; font-weight:700; color:#777;}
.gt_t17_{ font-size:17px; font-weight:700; color:#777;}




/*layout*/
#wrap{position:relative; width:100%; min-width:1000px; height:100%; background:url(/img/s_bg.gif) repeat-x;}

#wrap_main{position:relative;width:100%;height:100%; background:url(/img/main_bg.jpg) center top no-repeat fixed;}
#wrap_sub{position:relative; width:100%; height:100%;}

#main_fes{width:1000px; margin:0 auto;}
#main_fes dl{width:240px; display:inline-block; vertical-align:top; margin-right:9px;}
#main_fes dl dt{font-size:14px; font-weight:700; color:#333; padding-top:5px;}
#main_fes dl dd{font-size:13px; color:#999;}

#main_img{background:url(/img/main_img_bg.jpg) center top no-repeat; text-align:center;}
#main_bot{width:1000px; margin:0 auto; margin-top:30px;}
#main_bot .news dl{ line-height:20px;}
#main_bot .news dl dd span{ display:inline-block; margin-right:15px; color:#999;}
#main_bot .customer{ padding:0 20px 0 70px;}

#footer{border-top:2px solid #999; padding-top:20px; margin-top:30px;}
#footer .footer_hose{ /*width:295px;*/ width:240px;}
#footer .footer_com{ width:280px; color:#999; font-size:13px; line-height:20px;}
#footer .footer_hose p{ line-height:22px; font-size:14px; font-weight:700;}
#footer .footer_hose .copyright{font-size:12px; color:#999; padding-top:20px; line-height:18px;}

#sub_con{width:100%; background:url(/img/title_bg.gif) center top no-repeat; margin-bottom:60px;}

#sub_con .sub_left{width:180px; margin:40px 35px 0 0;}
#sub_con .sub_main{width:780px; margin-top:87px;}
#sub_con .sub_main .sub_page{ margin-top:65px;}

#facility ul{border-top:1px solid #CCC; border-right:1px solid #CCC;}
#facility ul li{ display:inline-block; vertical-align:top;}
#facility ul li a{ display:inline-block; border-bottom:1px solid #CCC; border-left:1px solid #CCC; width:388px; text-align:center; font-size:17px; font-weight:700; color:#999; line-height:40px; background-color:#ffffff;}
#facility ul li a:hover{ border-bottom:2px solid #336ea9; color:#333; text-decoration:none;}
#facility ul li .ov{ border-bottom:2px solid #336ea9; color:#333; text-decoration:none;}


#mile{ width:780px; border-top:3px solid #09C; border-right:1px solid #CCC; margin-top:15px;}
.mile_t1{ text-align:center; background-color:#666; color:#FFF; font-size:15px; font-weight:700; padding:5px; border-left:1px solid #CCC; border-bottom:1px solid #CCC;}
.mile_t2{text-align:center;  color:#666; font-size:13px; border-left:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px;}
.mile_t3{text-align:left;  color:#666; font-size:13px; border-left:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px;}
.mile_t4{text-align:center;  color:#666; background-color:#eee;  font-size:13px; border-left:1px solid #CCC; border-bottom:1px solid #CCC; padding:10px;}

#l_title{ background:url(/img/left_title.gif) no-repeat; width:180px; height:120px; font-size:25px; font-weight:700; color:#FFF; text-align:center; padding-top:55px; width:180px;}
#l_menu{ margin-bottom:60px;}
#l_menu ul li a{ display:block; border-bottom:1px solid #ddd; line-height:45px; text-align:center; color:#666; font-size:14px; text-decoration:none;}
#l_menu ul li a:hover,active{ color:#69aed2; text-decoration:none; font-weight:700;}
#l_menu ul li .s_ov{ color:#69aed2; font-weight:700;}

#fac_menu li{ display:inline-block; width:125px; line-height:30px; }
#fac_menu li a{ display:inline-block; background:url(/img/arrow_down.gif) left no-repeat; color:#999; font-size:14px; padding-left:20px;}
#fac_menu li a:hover{ display:inline-block; background:url(/img/arrow_down_ov.gif) left no-repeat; color:#333; font-size:14px; text-decoration:none; padding-left:20px;}


/*
팝업용 태그///////////////////////////////////////////////////////////////////
*/

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}