@charset "utf-8";

@import url("common.css");
@import url("board.css");
@import url("contents.css");
@import url("main.css");
@import url("member.css");
body { font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb','¸¼Àº °íµñ', 'Malgun Gothic', "Dotum", "Gulim", Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; color:#3e3e3e; background:#fff; }
body#main { font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb','¸¼Àº °íµñ', 'Malgun Gothic', "Dotum", "Gulim", Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; color:#3e3e3e; background: #fff url('../img/common/header_bg.gif') repeat-x top;  }
body#sub { font-family:'NanumGothic', '³ª´®°íµñ','NanumGothicWeb','¸¼Àº °íµñ', 'Malgun Gothic', "Dotum", "Gulim", Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; color:#3e3e3e; background: #fff url('../img/common/header_bg.gif') repeat-x top; }

/* Layout */
#wrap { position:relative; width:100%;  }
body#main #header { position:relative; width:980px; height:134px; margin:0 auto;}
body#sub #header { position:relative; width:980px; height:134px; margin:0 auto; }
#main_container { position:relative;width:100%;height:225px;overflow:hidden;border-top:1px solid #cccccc; }
#main_container_in { width:980px;height:225px;margin:0 auto 0; background:url('../img/main/main_container_bg.gif') no-repeat left top;}
#container { position:relative;width:980px;overflow:hidden;margin:0 auto; background: url('../img/common/container_bg.gif') repeat-y top;}
#container_in { width:980px; margin:0 auto; }
#leftcolumn { position:relative; float:left; width:200px; display:inline; padding-bottom:50px; margin-right:0; }
#rightcolumn { float:right; width:780px; display:inline; padding-bottom:50px; }
#footer { width:auto; margin:0 auto; color:#c9c9c9;border-top:1px solid #c3c3c3;padding-bottom:10px;background:#f3f3f3;}

#footer_banner { position:relative; width:100%; height:55px; background:#fff; border-top:1px solid #464d5d; }
#footer_banner .banner_in { position:relative; width:980px; height:55px; margin:0 auto; }


#quick{position:absolute; top:100px; right:0;width:78px;}
#quick .quick_body{width:78px;height:260px;padding-top:5px;background:url('../img/common/quick_bg.gif') repeat-y;border-bottom:1px solid #c3c3c3;}
#quick .quick_body li{clear:both;margin-bottom:0;text-align:center;}
#quick .quick_body .tit{position:absolute; top:0; right:0; }

#sub_visual{position:relative;width:100%;height:170px;}
#sub_visual .sub_visual_in{width:980px;margin:0 auto;}
.sub_visual_bg1{background: url('../img/common/sub_visual_bg.jpg') repeat-y top center; }
.sub_visual_bg2{background: url('../img/common/sub_visual_bg2.jpg') repeat-y top center; }
.sub_visual_bg3{background: url('../img/common/sub_visual_bg3.jpg') repeat-y top center; }
.sub_visual_bg4{background: url('../img/common/sub_visual_bg4.jpg') repeat-y top center; }
.sub_visual_bg5{background: url('../img/common/sub_visual_bg5.jpg') repeat-y top center; }
.sub_visual_bg6{background: url('../img/common/sub_visual_bg6.jpg') repeat-y top center; }
.sub_visual_bg7{background: url('../img/common/sub_visual_bg7.jpg') repeat-y top center; }
.sub_visual_bg8{background: url('../img/common/sub_visual_bg2.jpg') repeat-y top center; }
.sub_visual_bg9{background: url('../img/common/sub_visual_bg2.jpg') repeat-y top center; }



#content { position:relative;width:760px; margin:0; padding:0 0 0 20px; display:inline; float:left; }
.content_in { clear:both; width:660px; font-size:12px;color:#4a4a4a; text-align:justify; min-height:500px;margin-top:30px;  }

/*************** Header ****************/
#header h1 { position:absolute; top:14px; left:5px;z-index:10; }
.top_event{position:absolute; top:0; left:195px;}

/* gnb */
#gnb { position:relative;z-index:10;  }
#gnb .global { position:absolute; top:33px; right:0; }
#gnb .global li { float:left; padding:0 10px; background:url('../img/common/gnb_bar.gif') no-repeat right 0.3em; }
#gnb .global li.last { padding-right:0; background:none; }
#gnb .global li a { font-size:12px; color:#000; }
#gnb .global li a:hover { color:#a50e23; }

/* lnb 
#lnb { position:absolute; top:70px; left:0; width:980px;height:78px;z-index:1; overflow:hidden;} 
#lnb ul { list-style-type:none; margin:0;width:980px;position: relative;} 
#lnb ul li { float:left; margin-left:0;  } 
#lnb ul li.first { margin-left:0; }
#lnb ul li a { color:#fff;line-height:30px; padding:0 20px 0 20px;display:block; }
#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:37px;width:100%; } 
#lnb ul li:hover ul { display:block; }
#lnb ul li:hover ul li { float:left !important;  padding:7px 0 8px 0 !important;margin:0 20px 0 0; }
#lnb ul li:hover ul li.first {  }
#lnb ul li:hover ul li.last { }
#lnb ul li:hover ul li a { color: #555;line-height:1.8em !important; font-size:12px;padding:0 !important; } 
#lnb ul li:hover ul li a:hover, #lnb ul li a:hover { color:#fff; font-weight:600; }

#Lm1 { left: 0 !important;padding-left:10px; }
#Lm2 { left: 0 !important;padding-left:206px; }
#Lm3 { left: 0 !important;padding-left:303px; }
#Lm4 { left: 0 !important;padding-left:599px; }
#Lm5 { left: 0 !important;padding-left:795px; }
*/

/* LNB */
#lnb { position:absolute; top:70px; left:0; width:980px; margin:0; height:78px;overflow:hidden;}
#lnb ul { padding:0; width:980px;}
#lnb ul li { margin:0; display:inline; }
#lnb ul li a.first{margin-left:0;}
#lnb ul li a { float:left;margin-left:2px; font-size:14px;padding:0 40px; font-weight:bold;width:auto; text-align:center; line-height:33px;height:33px; color:#fff; display:inline-block;vertical-align:top; letter-spacing:0;}
#lnb ul li a:hover, #lnb ul li a:focus { color:#223f7b; display:inline; text-decoration:none; background:url(../img/common/bg_lnb_on.gif) repeat-x center top;}
#lnb ul li a.current { color:#223f7b; text-decoration:none;  border-bottom: none !important;background:url(../img/common/bg_lnb_on.gif) repeat-x center top;line-height:33px; }

#lnb li ul { position:absolute; top:37px; left:0; font-size:12px; font-weight: normal; height: 22px; line-height: 22px; visibility: hidden; }
#lnb li li {float: left; margin:0 10px 0 0;padding: 0 0 0 8px; background:url(../img/common/bg_lnb2_on.gif) no-repeat 0 9px;}
#lnb li li.first{float: left;margin:0 10px 0 0;padding: 0 0 0 8px;}
#lnb li li a {color: #555; white-space: nowrap;font-size:12px;font-weight: normal;background:none;padding:0;height:20px;letter-spacing:-0.05em; line-height: 22px; }
#lnb li li a:hover, #lnb li li a:active, #lnb li li a:focus, #lnb li li a.current { color: #223f7b !important; background:none;line-height: 22px;font-weight: bold;}

#Lm1 { left: 15px !important; }
#Lm2 { left: 165px !important; }
#Lm3 { left: 325px !important; }
#Lm4 { left: 395px !important; }
#Lm5 { left: 655px !important; }
#Lm6 { left: 825px !important; }
#Lm7 { left: 725px !important; }



/*************** SNB *******************/
#snb_tit { clear:both;width:196px; height:70px;line-height:65px; text-align:center; font-size:22px; font-weight:normal;color:#fff;background:#3962bc ;}
#snb { position:relative;width:196px; }
#snb ul { width:196px; margin:0 auto;}
#snb li {border-bottom:1px solid #cccccc;}
#snb li a {text-align:left; line-height:41px; display:block; overflow:hidden; white-space:nowrap; padding:0 0 0 16px; font-size:13px; color:#202020; }
#snb li a:hover, #snb li a:active, #snb li a:focus, #snb li.current a {color:#3962bc; font-weight:600; }

#snb .dep3 { width:100%; padding:5px 0 10px 0;border-top:none !important;border-bottom:1px solid #b7b7b7;background:url('../img/common/bg_snb2.gif') repeat-y; }
#snb .dep3 li {border-top:none !important;border-bottom:none !important;background:url('../img/common/bg_snb2_on.gif') no-repeat 20px 12px;}
#snb .dep3 li a {text-align:left; line-height:28px; background:none; padding:0 0 0 30px; font-size:12px; color:#333333; font-weight:normal; }
#snb .dep3 li a:hover, #snb .dep3 li a:active, #snb .dep3 li a:focus,
#snb .dep3 li.current a {border-top:none;color:#333333; font-weight:600; }
.snb_bann{clear:both;padding-top:120px;margin-left:10px;}
.snb_bann li{margin-bottom:6px;}

/* locaticon */
.location { position:relative; width:760px;height:68px;border-bottom:2px solid #b7b7b7;}
.location fieldset { position:relative; padding:25px 0 0 0; z-index:10; }
.location .location_tit { float:left;font-size:22px; font-weight:600;}
.location .location_txt { float:right; z-index:10; }
.location .location_txt p { text-align:right; font-size:12px; color:#404040; }
.location .location_txt span { font-weight:600; }

/*************** Footer ****************/
.ftbody .ftmenu { width:auto;overflow:hidden;padding-bottom:5px;}
.ftbody .ftmenu .ftmenu_in{ margin:0 0 0 0;}
.ftbody .ftmenu .ftmenu_in ul li { float:left; width:auto; padding:0 12px; font-size:11px; text-align:center; margin-left:1px;background:url('../img/common/ftmenu_bar.gif') no-repeat 0 5px;  }
.ftbody .ftmenu .ftmenu_in ul li.first { width:auto; margin-left:0; padding:0 12px 0 0;background:none;}
.ftbody .ftmenu .ftmenu_in ul li a { color:#000; }
.ftbody { position:relative; width:980px; margin:0 auto 0; padding:0 0 10px; display:block; overflow:hidden; }
.ftbody .ftlogo { float:left; width:200px; padding:15px 0 0 10px; }
.ftbody .ftcopy { float:left; width:740px; padding-top:15px; }
.ftbody .ftcopy .copyright { }
.ftbody .ftcopy .copyright p { clear:both; color:#555; line-height:1.4em; font-size:11px; }

.bannerRolling { clear:both; position:relative; display:inline-block; padding-top:0; width:100%;}
.roll_btn { float:left;width:190px; text-align:left; padding-top:0; height:50px;}
.roll_btn ul{padding:13px 0 0 10px;}
.roll_btn ul li { float:left;padding-bottom:10px; }

.jCarouselLite { float:right; width:780px;overflow:hidden;padding:7px 0 0 0;margin-left:0; }
.jCarouselLite li { display:inline; margin-left:10px; }
.jCarouselLite img { width:183px; height:38px; border:1px solid #cdcdcd; }



/* all banner */
#all_banner { display:none; position:absolute; top:-153px;left:0;border:2px solid #1e9ad5; overflow:hidden; background:#fff; z-index:99999; }
#all_banner .all_banner_box { width:978px; height:200px; }
#all_banner .all_banner_in { padding:22px 0 12px; width:880px; margin:0 auto; }
#all_banner .all_banner_in ul { display:inline-block; clear:both; width:100%; margin-bottom:10px; }
#all_banner .all_banner_in li { float:left; margin:5px 5px; }
#all_banner .all_banner_in li img { border:1px solid #ccc; width:183px; height:38px;}
#all_banner .close_btn { position:absolute; top:0; right:0; }