@charset "utf-8";

@import url("common.css");
@import url("board.css");
@import url("contents.css");
@import url("main.css");
@import url("jsSelect.css");

body { font-family:'NanumGothic', 'Nanum Gothic', '��������','NanumGothicWeb', "Dotum", "Gulim", Tahoma, Geneva, sans-serif;font-size:12px; line-height:18px; color:#4a4a4a; background:#fff; }
body#main { font-family:'NanumGothic', 'Nanum Gothic', '��������','NanumGothicWeb', "Dotum", "Gulim", Tahoma, Geneva, sans-serif;font-size:12px; line-height:18px; color:#4a4a4a;background:url(../img/main/header_bg.gif) repeat-x;}
body#sub { font-family:'NanumGothic', 'Nanum Gothic', '��������','NanumGothicWeb', "Dotum", "Gulim", Tahoma, Geneva, sans-serif;font-size:12px; line-height:18px; color:#4a4a4a; background:url(../img/common/bg.jpg) repeat-x;}

/* Layout */
#wrap { position:relative; width:100%; }
body#main #header { position:relative; width:100%;height:141px; margin:0; z-index:100;}
#header { position:relative; width:100%;height:182px; margin:0; z-index:100;}
#main_container { width:100%; overflow:hidden;}
#main_container #container_in { }

#container {clear:both;position:relative;width:100%;margin:0;}
#container_in { width:980px; margin:0 auto; }

#footer {clear:both;width:auto; margin:0 auto; height:120px;background:#f2f2f2;overflow:hidden; }
#footer_banner { clear:both;width:100%; height:31px; margin-top:0; border-top:#d2d2d2 solid 1px;border-bottom:#d2d2d2 solid 1px;overflow:hidden;}


#leftcolumn { position:relative; float:left; width:230px; display:inline; padding-bottom:50px; margin-right:0; }
#rightcolumn { float:right; width:750px; display:inline;padding-bottom:50px;}
#content { width:750px; margin:0; overflow:hidden; padding:0 0;margin-left:0;}
.content_in { clear:both; width:100%; font-size:12px; color:#000; text-align:justify; min-height:500px; padding-top:20px;padding-bottom:50px; }

/* Header */
#header h1 { position:absolute; top:18px; left:0; }

/* gnb */
#gnb { position:relative; }
#gnb .member { float:right; margin-top:15px;padding-right:70px;}
#gnb .member li { float:left; padding:0 2px; }
#gnb .member li .tbinput {width:120px; height:19px; padding:0 2px; border:#abadb3 solid 1px;background:#fff;font-size:11px;}
#gnb .member li select, #gnb .member li  input, #gnb .member li  img { vertical-align:middle;}

#gnb .global { position:absolute; top:12px; right:0; }
#gnb .global li { float:left; padding:0 8px;background:url(../img/common/global_line.gif) no-repeat center left; }
#gnb .global li.first { background:none; }
#gnb .global li a { font-size:12px; color:#585858; }
#gnb .global li select { width:auto;font-size:12px; height:22px; border:#c7c7c7 solid 1px;background:#fff; }
#header .head_frame { position:relative; display:block; width:980px; height:100%;margin:0 auto; z-index:100000; }

/*
.lnb { position:absolute; left:0; top:93px; width:980px; z-index:100010; }
.lnb:after { display:block; content:""; clear:both; }
.lnb li { position:relative; display:block; float:left;padding:0 0 0 0; text-align:left;}
.lnb li .btn_area { }

.lnb li .btn_area { display:inline-block; width:110px;height:60px;line-height:60px; overflow:hidden;font:bold 16px  'Nanum Gothic','��������';}
.lnb li.first .btn_area { display:inline-block; width:130px;height:60px;line-height:60px; overflow:hidden;font:bold 16px  'Nanum Gothic','��������';}
.lnb li.last .btn_area { display:inline-block; width:100px;height:60px;line-height:60px; overflow:hidden;font:bold 16px  'Nanum Gothic','��������';}

.lnb li a { display:block;height:90px;line-height:normal; font-size:16px;font-weight:600;}
.lnb li ul { position:absolute; left:0; top:50px; width:100%; height:auto; padding:10px 0 0 0; }
.lnb li ul li { clear:both;display:block; float:none;text-align:center;padding:0 0 0 0;width:135px; }
.lnb li ul li a { padding:5px;height:auto; line-height:17px;font-size:12px; color:#fff; letter-spacing:-1px;background:none;font-weight:normal;}
.lnb li:hover a img, .lnb li a:focus img { margin-top:-50px; }
.lnb li:hover a, .lnb li a:focus  { color:#18398c;background:url('../img/common/lnb_bl.png') no-repeat bottom center;}

.lnb li:hover ul {background:#074d92;}
.lnb li:hover ul li a { color:#fff !important;background:none;}
.lnb li:hover ul li a:hover, .lnb li:hover ul li a:focus{ color:#ffc000  !important;background:none;}
.lnb li ul li a:focus{ color:#ffc000  !important;background:none;}
.blind { }

/*
#lnb3 .btn_area { display:inline-block;width:150px; height:90px;padding:0 0;text-align:center;}
#Lm2 li{width:122px;padding:0 14px;}
#Lm2 li a { padding:5px 0 !important;height:auto; line-height:17px;font-size:12px; color:#fff; letter-spacing:-1px;background:none;font-weight:normal;}
#lnb5 .btn_area { display:inline-block;width:110px; height:90px;padding:0 0;text-align:center;}
#Lm4 li{width:105px;}


#lnb { position:absolute; top:93px;left:0;width:980px; height:76px; z-index:1100; overflow:hidden; }
#lnb ul { list-style-type:none; margin:0; width:100%; }
#lnb ul li { float:left; position:relative; }
#lnb ul li.first { margin-left:0; }
#lnb ul li a {display:block; overflow:hidden;height:44px;}
#lnb ul li:hover > a { color:#fff; text-shadow:none; }
#lnb ul li.current { color:#fff; text-shadow:none; }
#lnb ul li.current  > a { color:#fff; text-shadow:none; }
#lnb ul li ul { display:none;position:absolute; top:40px; left: 0;  width:600px;padding-top:10px; }
#lnb ul li:hover ul { display:block; padding:0; margin:0; width:600px; }
#lnb ul li:hover ul li { float:left !important; margin:0 10px 0 0; }
#lnb ul li:hover ul li a { color:#222; font-size:12px; line-height:27px !important; background:url(../img/common/lnb_bl.gif) no-repeat 0 1.0em; padding-left:8px; }
#lnb ul li:hover ul li a:hover, #lnb ul li a:hover { color:#084897; font-weight:600; }
#lnb li:hover a img, #lnb li a:focus img, #lnb li.current a img { margin-top:-44px; }
#Lm1 { left: 0 !important; }
#Lm2 { left: 0 !important; }
#Lm3 { left: 10px !important; }
#Lm4 { left: 0 !important; }
#Lm5 { left: 0 !important; }
*/

#lnb {position:absolute; top:93px; left:0; width:980px; height:83px; overflow:hidden;}
#lnb ul { height:auto; display: inline-block; width:100%; font-size:12px;}
#lnb li { float: left; display: inline; margin-right:0; }
#lnb li a{line-height:44px;display:block;padding:0 0;color:#fff;overflow:hidden;height:44px;}
#lnb li ul { position: absolute;width:auto; top:45px; left: 0; font-size: 12px; font-weight: normal; overflow: hidden; line-height: 22px; visibility: hidden;background:none;padding-top:13px;  }
#lnb li ul li { margin:0 10px 0 0; padding:0 0 0;float: left; display: inline;}
#lnb li ul li a { color: #555; white-space: nowrap; padding: 0 8px 0 8px;height:22px;line-height:22px !important; font-size:13px;line-height:normal;}
#lnb li ul li a:hover, #lnb li ul li a:active, #lnb li ul li a:focus,
#lnb li ul li.current a { color: #3e3e3e !important;font-weight: bold; }
#lnb li:hover a img, #lnb li a:focus img, #lnb li.current a img { margin-top:-44px; }
#Lm1 { left: 20px !important; }
#Lm2 { left: 210px !important; }
#Lm3 { left: 440px !important; }
#Lm4 { left: 540px !important; }
#Lm5 { left: 540px !important; }
#Lm6 { left: 870px !important; }

/*
#sub_visual{width:100%;height:141px;background:url(../img/common/sub_visual_bg.jpg) repeat-x top center;}
*/
#sub_visual{width:100%;height:142px; text-align:center;}

/* snb */
#snb_tit { width:200px; height:133px;margin:0 0;overflow:hidden;}
#snb_tit p { text-align:left;}
#snb { position:relative;width:200px;padding:0 0;}
#snb ul { width:200px; margin:0 0;border-bottom:1px solid #dfdfdf; }
#snb li { }
#snb li a { line-height:normal; display:block; overflow:hidden;padding:16px 10px 16px 34px; font-weight:600;font-size:14px;color:#707070;text-align:left;background:url('../img/common/bg_snb_off.gif') no-repeat 0 0; }
#snb li a:hover, #snb li a:active, #snb li a:focus,
#snb li.current a {background:url('../img/common/bg_snb_on.gif') no-repeat 0 0;color:#292929; font-weight:600; }

#snb .dep3 { width:100%; padding:0 0 10px 0;border-top:none !important;border-bottom:none !important;background:url('../img/common/bg_snb2_all.gif') repeat-y 0 0;  }
#snb .dep3 li {border-top:none !important;border-bottom:none !important;}
#snb .dep3 li a {border-top:none !important;border-bottom:none !important; line-height:32px; background:none; padding:0 0 0 35px; font-size:12px; color:#707070; font-weight:normal;background:url('../img/common/bg_snb2_off.gif') no-repeat  center left; }
#snb .dep3 li a:hover, #snb .dep3 li a:active, #snb .dep3 li a:focus,
#snb .dep3 li.current a {background:url('../img/common/bg_snb2_on.gif') no-repeat center left;border-top:none;color:#292929; font-weight:600; }


/* locaticon */
.location { position:relative; width:760px;height:115px;}
.location fieldset { position:relative;padding:0 0 0 0; }
.location .location_tit {clear:both;margin-top:40px;background:url('../img/common/location_bl1.gif') no-repeat 0 6px;padding-left:26px;font-weight:600;}
.location .location_tit p { font-size:28px;font-weight:600; line-height:33px;font-weight:normal !important; color:#262626; }
.location .location_txt { clear:both;}
.location .location_txt p { text-align:left; font-size:12px; color:#404040; padding-top:13px;font-weight:normal;}
.location .location_txt span {color:#404040; }
.location .location_txt span.home{color:#404040;}
.location .location_tit .txt{padding-top:10px;}


/* Footer */
.ftbanner { position:relative; width:980px; margin:0 auto; }
.ftbanner p.ft_tit { float:left;padding-top:0; }
.ftbanner ul { float:left; width:847px; display:inline-block;padding-top:0; }
.ftbanner li { float:left; line-height:31px; }
.ftbanner li a { padding:0 10px;line-height:31px;color:#333; font-weight:600; font-size:11px; }
.ftbanner li.last a { background:none; padding:0 0 0 10px; }

.ftbody { position:relative; width:980px; margin:0 auto; padding:20px 0; display:block; }
.ftbody .ftlogo { float:left; display:inline; width:145px; }
.ftbody .ftcopy { float:left; display:inline; width:608px; }
.ftbody .ftcopy .ftmenu { clear:both; width:100%; display:inline-block; margin-bottom:7px; }
.ftbody .ftcopy .ftmenu li { float:left; margin-left:10px; }
.ftbody .ftcopy .ftmenu li a { font-size:0.9em; font-weight:600; color:#555; }
.ftbody .ftcopy .ftmenu li.first { margin-left:0; }
.ftbody .ftcopy .copy_txt { line-height:1.6em; color:#666; font-size:11px; }
.ftbody .ftlink { float:right; display:inline; width:217px; }
.ftbody .ftlink select { border:1px solid #e9e9e9; width:148px; height:19px; }
.ftbody .ftlink select, .ftbody .ftlink input, .ftbody .ftlink img { vertical-align:middle; }
.ftbody .ftlink img { margin-left:5px; }


/* ��ü�޴� */
.directMenuWrap { display:none; position:absolute; width:844px; height:138px; top:129px; left:50%; margin-left:-490px; background:#74d2dc; opacity:0.8; z-index:999999; }
.directMenu ul { clear:both; width:100%; display:inline-block; }
.directMenu ul li { float:left; width:160px; height:138px; border-left:1px solid #9aeaf2; }
.directMenu ul li.first { width:199px; border-left:none; }
.directMenu ul li.last { width:161px; }
.directMenu ul li ul { padding:13px 0 0 20px; }
.directMenu ul li ul li { clear:both; border-left:none; width:140px; height:auto;  }
.directMenu ul li ul li a { color:#222; padding-left:8px; background:url(../img/common/all_bl.gif) no-repeat 0 0.5em; line-height:1.6em !important; font-size:12px; font-weight:600; }
.directMenu ul li ul li a:hover { color:#084897; }

/* go_select */
.go_select { position:absolute; top:10px; right:20px; }
.go_select select {width:150px; border:1px solid #e8e8e8; height:21px; line-height:21px;letter-spacing: -2px; }
.go_select input {position:relative; left:-4px;}
.go_select input, .go_select select {vertical-align:middle; margin-top:2px;}