/* Written By MJS */
html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;color:#282828;}
img,fieldset{border:0;margin:0;padding:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
legend {display:none; visibility:hidden; height:0; line-height:0;}
caption {height:0;text-indent:-20000px;}
html,body{min-width:1120px;}
/* 나눔고딕 폰트 적용 */
@font-face{
font-family:ng;
src:url(../font/NanumGothic.eot);
src:local(※), url(../font/NanumGothic.woff) format(‘woff’)}
*{font-family:NanumGothic,'나눔고딕',ng,sans-serif}
.skip_menu {visibility:hidden; z-index:-10; position:absolute; margin:0; padding:3px; border:1px solid #cccccc; list-style:none; background:#fefefe; }
.skip_menu li {display:inline; padding-right:2em;}
.accessibility {visibility:hidden; overflow:hidden; position:absolute; height:0; font-size:0;}
.hidden {display:none;}
noscript p {display:none;}
.clear {clear:both; float:none; display:none; overflow:hidden; margin:0 !important; padding:0 !important; width:100%; line-height:0 !important; font-size:0 !important;}
/* IE 를 위한 홀리 핵 시작 */
*html .clear {height:1%;}
/* IE 를 위한 홀리 핵 마침 */
/*=================================== 상단 ===================================*/
/* 상단 컬러 100% 바 */
.color_bar{position:relative;float:left;width:100%;height:4px;z-index:-99999999;}
/* 로고 */
.logo{float:left;width:300px;height:50px;}
/* 상단 우측메뉴 */
.top_mn{position:absolute;right:0;top:40px;}
.top_mn ul{position:relative;float:left;}
.top_mn ul li{position:relative;float:left;height:26px;}
.top_mn ul li a,.top_mn ul li span{float:left;line-height:26px;font-size:12px;color:#7f7f7f;padding-left:20px;}
#zoom{position:absolute;top:0;right:0;width:32px;height:15px;margin-top:6px;}/* 글자크기 + - 버튼 */
#zoom a{float:left;margin-left:-1px;padding:0;}
a.top_fav{float:left;height:26px;line-height:26px;background:#999;color:#fff;font-size:12px;font-weight:600;padding:0 18px;margin-left:20px;}/* 즐겨찾기 */
/* 메뉴 */
.menu{position:absolute;right:0;top:0;}
.menu > ul{position:relative;float:left;width:1120px;border-right:1px solid #ccc;}
.menu > ul > li{position:relative;float:left;width:139px;height:58px;line-height:58px;border-left:1px solid #ccc;}
.menu > ul > li > a{position:relative;float:left;width:100%;display:block;text-align:center;font-size:16px;font-weight:600;color:#000;letter-spacing:-1px;padding-bottom:40px;}
.menu > ul > li > a:hover{color:#00aeef;}
.menu > ul > li > ul{display:none;}/* 마우스오버 시 나오는 메뉴 */
.menu > ul > li:hover ul{position:absolute;left:0;top:59px;width:139px;display:block;background:#00aeef;z-index:1000;}
.menu li li{display:inline-block;float:left;width:100%;border:none;background:none;text-align:center;}
.menu li li a{float:left;width:100%;display:block;font-weight:bold;color:#fff;height:30px;line-height:30px;cursor:pointer;}
.menu li li a:hover{color:#fff;font-weight:bold;background:#34ac46;}
.gnb_area {clear:both; position:relative; width:100%; height:58px; z-index:100;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#fff;}
#gnb {z-index:100; position:relative;text-align:center; width:1120px;height:58px; border-right:1px solid #cccccc !important; margin:0 auto;}
.gnb_area ul li {
position:relative;
display: block;
float: left;
margin: 0px 0 0 0;
line-height:58px;
}
.gnb_area ul li.step1 {
width: 139px;
border-left:1px solid #ccc;
}
.gnb_area ul li.step1.noback0 {
background:none;
}
.gnb_area .step1 a {
display:inline-block;width: 139px; text-align:center;font-size:16px;font-weight:600;color:#000;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;
}
.gnb_area .step1 a:link, .gnb_area .step1 a:visited {color:#000;}
.gnb_area .step1 a:hover {color:#00aeef;}
.gnb_area .step2 a {
}
.gnb_area .step2 a:link, .gnb_area .step2 a:visited {color:#ffffff;font-size:12px !important;}
.gnb_area .step2 a:hover {color: #ffffff;}
/* Sub Level Nav */
.gnb_area ul li ul {
width: 139px;
background:#00aeef;
margin: -1px 0 0 0;
padding: 0;
position: absolute;
top:59px;
left:0;
z-index:100;
}
.gnb_area ul li ul li {
display: block;
float: none;
width:138px;
padding:0;
text-align: center;
margin: 0;
z-index:100;
}
.gnb_area ul li ul li a{
float:left;width:100%;display:block;font-weight:bold;color:#ffffff;height:30px;line-height:30px;cursor:pointer;
}
.gnb_area ul li ul li a:hover{color:#fff;font-weight:bold;background:#34ac46;}
.gnb_area ul li ul li:last-child:not(li.arrow) {
border: 0;
}
/* Arrow */
.arrow {
background: url(../images/arrow.png) no-repeat;
border: 0;
position: absolute;
top: -10px;
left: 45px;
height: 0px;
width: 0px;
text-indent: -9999px;
margin:0px;
z-index:-10;
}
/* 글자수 점유율에 따른 메뉴 너비 정의
.gnb_area .mlen2 ,.gnb_area .mlen4 { width:50px;}
.gnb_area .mlen6 ,.gnb_area .mlen8 { width:80px;}
.gnb_area .mlen10 { width:100px;}
.gnb_area .mlen12 { width:110px;}
.gnb_area .mlen14 { width:125px;}
.gnb_area .mlen16 { width:140px;}
.gnb_area .mlen18 { width:155px;}
.gnb_area .mlen20 { width:170px;}
.gnb_area .mlen22 { width:185px;}
.gnb_area .mlen24 { width:200px;}
.gnb_area .mlen26 { width:215px;}
.gnb_area .mlen28 { width:230px;}
.gnb_area .mlen30 { width:245px;}
.gnb_area .mlen32 { width:260px;}
.gnb_area .mlen34 { width:275px;}
.gnb_area .mlen36 { width:300px;}
*/
/* 사이트맵 전체 메뉴 보기 레이아웃 */
.site_map_case {clear:both; position:relative; width:100%; z-index:999999;height:0px;}
.site_map_area {position:absolute; width:1120px;margin:0 0 0 -561px;left:50%;top:-40px; padding:0;z-index:400; background:url(../images/blank.gif);height:300px;}
#sitem {
float:left;
position:absolute;
top:39px;
padding:0px 0 0 0px;
text-align:center;
width:100%;
height:200px;
background:#ffffff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.site_map_area ul {
margin: 0 auto;
padding:0px;
}
.site_map_area ul li {
display: block;
float: left;
padding-top:12px;
margin: 0px 0 0 0;
}
.site_map_area ul li.step1 {
border-left:1px solid #ccc;
width:139px;
height:188px;
}
.site_map_area ul li.step1.noback0 {
background:none;
}
.site_map_area .step1 a {
color: #002a5e;;
font-size:14px; font-weight:bold;
}
.site_map_area .step1 a:link, .site_map_area .step1 a:visited {color:#000000;}
.site_map_area .step1 a:hover {color:#00aeef;}
.site_map_area .step2 a {
color: #6c0200;
font-size:12px; font-weight:normal;
}
.site_map_area .step2 a:link, .site_map_area .step2 a:visited {color:#000000;}
.site_map_area .step2 a:hover { color:#00aeef;}
/* Sub Level Nav */
.site_map_area ul li ul {
margin: 0px 0 0px -6px;
padding: 0 3px 5px 3px;
position: relative;
width: 100%;
}
.site_map_area ul li ul li {
display: block;
float: none;
width:100%;
padding: 6px 0;
text-align: center;
margin: 0;
}
/*=================================== 메인 ===================================*/
/* 메인비주얼 */
#imgList {position:absolute;width:20000px;left:0;top:0px;}
#imgList div{float:left;}
.arrow_wrap{position:absolute;width:100%;height:45px;left:0;top:152px;}
.arrow_w{position:relative;width:1120px;height:45px;margin:0 auto;}
a.ar_left{position:absolute;top:0;left:0;width:45px;height:45px;z-index:99999;}
a.ar_right{position:absolute;top:0;right:0;width:45px;height:45px;z-index:99999;}
/* 메인 중간 아이콘 6종 */
#icon6{position:relative;float:left;width:100%;height:160px;}
#icon6 ul{position:relative;float:left;width:1152px;margin-left:-16px;}
#icon6 ul li{position:relative;float:left;width:160px;height:160px;margin:0 16px;}
#icon6 ul li a{position:relative;float:left;width:100%;display:block;}
#icon6 ul li a p{position:absolute;width:100%;left:0;top:106px;line-height:20px;font-size:18px;font-weight:600;text-align:center;color:#333;}
.main_title{float:left;width:100%;height:28px;line-height:28px;font-size:26px;font-weight:600;color:#000;padding-left:40px;margin-bottom:20px;}
.main_title span{font-size:14px;font-weight:400;color:#aaa;margin-left:12px;}
.main_title2{float:left;width:100%;height:28px;line-height:28px;font-size:26px;font-weight:600;color:#fff;margin-bottom:20px;}
.main_title2 span{font-size:14px;font-weight:400;color:#fff;margin-left:12px;}
/* 공지사항, 구인구직 */
.board{position:relative;float:left;width:488px;padding:30px;background:#fff;border:1px solid #ccc;}
.board ul{float:left;}
.board ul li{float:left;width:100%;}
.board ul li a{float:left;width:388px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;}
.board ul li a:hover{text-decoration:underline;}
.board ul li span.date{float:left;line-height:30px;font-size:14px;padding-left:20px;vertical-align:middle;color:#aaa;}
.tt_bg01{background:url(../img/tt_icon_01.png) no-repeat}
.tt_bg02{background:url(../img/tt_icon_02.png) no-repeat}
a.more{position:absolute;right:30px;top:30px;}
/* 사진게시판 */
#rolling {position:relative;float:left;width:818px;padding:30px 0;border:1px solid #ccc;background:#fff;margin-top:20px;}
#rolling a#left {position:absolute;left:-1px;top:126px;z-index:20;}
#rolling a#right {position:absolute;right:-1px;top:126px;z-index:20;}
#rolling .roll_img {position:relative;width:700px;height:188px;margin-left:60px;overflow:hidden;}
#rolling .roll_img ul {position:absolute;left:0px;top:0px;}
#rolling .roll_img ul:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
#rolling .roll_img ul li {position:relative;float:left;width:240px;}
#rolling .roll_img ul li span {display:inline-block;width:218px;height:162px;overflow:hidden;border:1px solid #efefef;background:#f7f7f7;}
#rolling .roll_img ul li span img {width:218px;}
#rolling .roll_img ul li p{float:left;width:100%;margin-top:6px;line-height:16px;font-size:14px;text-align:center;color:#555;}
#rolling #control {text-align:center;}
/* 고객센터 */
#customer{position:relative;float:left;width:220px;height:237px;padding:30px;background:#de018f;margin:20px 0 0 20px;}
.cs_num{float:left;width:184px;padding:17px 0 0 36px;font-size:30px;letter-spacing:-2px;font-weight:bold;color:#fff600;background:url(../img/cs_icon.png) no-repeat;}
.cs_text{float:left;width:100%;font-size:14px;line-height:23px;font-weight:600;color:#fff;padding-top:14px;}
/*=================================== 하단 ===================================*/
/* 유관기관 */
#f_roll{position:relative;width:1120px;height:50px;margin:0 auto;}
#f_roll a{display:block;padding:0 3px;}
/* 하단 로고 */
.f_logo{float:left;width:280px;margin-top:26px;filter:alpha(opacity=40);opacity:0.4;-moz-opacity:0.7;}
/* 카피라이트 */
.copy{float:left;width:820px;text-align:left;font-size:12px;color:#8b8b8b;line-height:18px;}
/* 하단메뉴 */
.f_mn{float:left;width:100%;margin-bottom:20px;}
.f_mn ul{float:left;margin-top:2px;}
.f_mn ul li{float:left;border-left:1px solid #e0e0e0;padding-left:15px;margin-left:15px;}
.f_mn ul li:first-child{padding-left:0;margin-left:0;border-left:none;}
.f_mn ul li a{float:left;line-height:12px;font-size:13px;color:#fff;}
/* 맨위로 */
.top{position:absolute;right:0;top:20px;cursor:pointer;}
/*=================================== 서브 ===================================*/
/* 서브비주얼 */
#sub_visual{position:relative;width:100%;height:160px;overflow:hidden;z-index:-9999;}
.s_visual{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
/* 좌측 메뉴 */
.left{position:relative;float:left;width:100%;}
/* 좌측 타이틀 */
.left_title{position:absolute;top:-160px;left:0;width:100%;height:160px;line-height:160px;font-size:24px;font-weight:600;letter-spacing:-1px;color:#fff;text-align:center;background:#dd098c;}
/* 좌측 메뉴 리스트 */
.left_mn_w{float:left;width:158px;padding:15px 20px;border:1px solid #ccc;border-top:none;background:#f7f7f7;}
ul.left_mn{float:left;width:100%;}
ul.left_mn li{float:left;width:100%;line-height:40px;}
ul.left_mn li a{float:left;width:100%;display:block;font-size:16px;font-weight:600;color:#555;}
ul.left_mn li a:hover,ul.left_mn li a.selected{color:#dd098c;}
/* 좌측 고객센터 */
.left_bn{float:left;width:198px;}
.left_bn a{float:left;margin-top:1px;}
/* 서브컨텐츠 */
.sub_content{float:left;width:100%;min-height:600px;padding-bottom:60px;}
.page_title{float:left;width:100%;line-height:28px;padding-bottom:15px;font-size:26px;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0;margin-bottom:38px;}/* 페이지 타이틀 */
.navi{position:absolute;right:0;top:50px;}
.navi a{font-size:12px;letter-spacing:1px;}
.page{float:left;width:100%;}
/* 인사말 */
#greeting{float:left;width:100%;height:100%;background:url(../img/greeting.jpg) no-repeat 556px 0;}
#greeting p{float:left;width:516px;font-size:16px;line-height:24px;color:#555;text-align:justify;}
.gree_title{float:left;width:100%;line-height:24px;font-size:24px;text-align:left;color:#740a4b;font-weight:600;letter-spacing:-1px;margin-bottom:20px;}
/* CSS Document */
.content .history {overflow:hidden; padding-left:40px; width:100%px;}
.content .history:after {content:""; clear:both; display:block;}
.content .history h4 {float:left; display:block; padding:2px 0 4px 20px; border-bottom:1px solid #dfdfdf; width:80px; background:none; font-size:26px;line-height:26px;color:darkred;font-family:'tahoma','Nanum Gothic','나눔고딕';}
.content .history ul {float:left; display:block; margin-bottom:20px; padding-left:79px; border-left:1px solid #d2e1ae; width:460px; list-style:none;}
.content .history ul li {list-style-type:none;}
.content .history li span {float:left; display:block; margin-left:-60px; width:60px; color:#a06e00; font-weight:bold;}
*html .content .history li span {margin-left:-30px;} /*IE 5와 IE 6를 위한 규칙 */
.sitemap {float:left; padding-left:25px;}
.sitemap blockquote {float:left; padding:0 30px 20px 30px; width:170px;}
.sitemap blockquote h6 {margin:0; padding:0; background:none;}
.sitemap blockquote h6 img {margin-bottom:4px;}
.sitemap ul {text-align:left;}
.sitemap ul li {padding:3px 0 1px 14px; border-bottom:1px solid #efefef;background:url(../images/guide/stm_bu.gif) 2px 7px no-repeat;}
.content {}
.content p {padding-bottom:20px;}
.content ul, .content ol, .content dl {margin-left:10px; padding-bottom:10px;}
.content h4 {clear:both; display:block; margin-bottom:6px; padding:4px 0 8px 20px; color:#121212; font-weight:bold; font-size:14px; letter-spacing:-1px; background:url(../images/sub/h4_ico.gif) 0 5px no-repeat;}
.content h5 {clear:both; margin-bottom:4px; padding:4px 0 6px 24px; color:#048000; font-weight:bold; font-size:12px; letter-spacing:-1px; background:url(../images/sub/h5_ico.gif) 0 7px no-repeat;}
.content h6 {clear:both; margin-bottom:2px; color:#000; font-weight:bold; font-size:12px;}
ul.uls, ol.ols {margin-bottom:16px; padding-left:22px; list-style:outside;}
ul.uls li {list-style-type:disc; padding-bottom:6px;}
ol.ols li {list-style-type:decimal; padding-bottom:6px;}
ol.ols li ol li {list-style-type:disc;}
dl.dls {margin-bottom:16px;}
dl.dls dt {padding-left:14px; color:#2aa400; font-weight:bold; letter-spacing:-1px; background:url(../images/sub/dt_bu.gif) 0 46% no-repeat;}
dl.dls dd {padding:0 0 10px 20px;}
/* 탭메뉴 */
ul.tabs {float:left; margin-bottom:20px; margin-left:0; padding:0; width:100%; list-style:none; background:url(../images/sub/tabs_bg_line.gif) 0 100% repeat-x;}
ul.tabs li {float:left; margin:0 2px 0 0; list-style-type:none;}
ul.tabs a {float:left; padding:5px 10px 2px 10px; border:1px solid #b0b0b0; border-bottom:#96c2c4; background:#ffffff;}
ul.tabs a:link, ul.tabs a:visited {color:#2e7e6a;}
ul.tabs a:hover {color:#cccccc;}
ul.tabs a.active {padding-bottom:3px; border-color:#96c2c4; border-bottom:none; background:url(../images/sub/tabs_bg_on.gif) #ffffff 50% 0 repeat-x; font-weight:bold;}
ul.tabs:after {content:"."; clear:both; visibility:hidden; display:block; height:0;}
*html ul.tabs {height:1%} /* IE 5와 IE 6를 위한 규칙 */
*:first-child+html ul.tabs {min-height:1px;} /* IE 7를 위한 규칙 */
/* 테이블 */
.tbL {margin-bottom:20px; border-top:2px solid #81c8de; border-left:1px solid #e0e0e0;}
.tbL caption {line-height:0;}
.tbL th, .tbL td {margin:0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; color:#727272;}
.tbL th {color:#265268; padding:6px 7px 3px 7px; background:url(../images/sub/th_bg.gif) 0 100% repeat-x;}
.tbL td {padding:6px 6px 3px 6px;}
.tbL .spc {color:#565656; background:#f2f2f2;}
.tbL .algL {text-align:left;}
.tbH {margin-bottom:20px; border-top:2px solid #81c8de;}
.tbH caption {line-height:0;}
.tbH th, .tbH td {margin:0; border-bottom:1px solid #e0e0e0; color:#727272;vertical-align:middle;}
.tbH th {color:#265268; padding:4px 7px 3px 8px; border-right:1px dashed #dddddd; text-align:left;}
.tbH td {padding:6px 6px 3px 6px;}
.tbH input {margin:2px 1px;}
.textbox{border:solid 1px;border-color:#bababa;background-color:#FFFFFF;height:17px}
.textarea {border:solid 1px;border-color:#bababa;background-color:#FFFFFF;width:99%;}