@charset "euc-kr";
/* NHN Web Standardization Team (http://html.nhndesign.com/) YHJ 100500 */ 

/* Type Selector */
*{margin:0; padding:0; font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim, AppleGothic, Sans-serif; font-size:12px; color:#818181;}
body{position:relative; text-align:left; background:url(../images/bg_body.jpg) repeat-x;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
li{list-style:none;}
a{text-decoration:none; color:#616161;}

a:hover, a:active, a:focus{text-decoration:none;}
textarea{overflow:auto;} 
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 
.clear{clear:both}

/* Layout Selector */
#wrap{position:relative; width:950px; margin:3px 0 0 30px; text-align:left; background:url(../images/bg_head.jpg) no-repeat 25% 0.5%;}
#header{position:relative; width:928px; margin:0 0 0 20px; z-index:100;}
#container{margin-left:20px;}
#container{min-width:740px; max-width:1200px;}
/* Class Selector */
.input_text{}
.input_check{}
.input_radio{} 
textarea{text-align:left; padding:13px; line-height:15px; border:none; color:#464646; background-color:#f5f5f5;}
/* ¸Þ´º¸¦ °Ç³Ê ¶Ù°í ÆäÀÌÁö º»¹®À¸·Î ÀÌµ¿ÇÏ±â */
#skip {width:100%; z-index:1;}
#skip a {display:block; padding:0 10px; height:0; overflow:hidden; color:#FFF; text-align:center}
#skip a:hover, #skip a:focus, #skip a:active {background:#F93; height:auto}
#skip ul.skip_list{width: 0px; height: 0px; overflow: hidden;}
/* Header */
#gnb{padding-left:600px;}
#gnb ul.menu{float:left;}
#gnb ul.menu li{float:left; padding-right:10px;}
.gnb_text{padding-top:3px;}
/*ÀüÃ¼¸Þ´º */
#gnb #menu_all ul{position:absolute; left:0; top:0; display:block; overflow:hidden; width:980px; z-index:10; }
#gnb #menu_all #menu_all_list{display:none; width:980px; padding:0px 0 0 5px; height:600px; top:0px; left:0px; z-index:10; background:url(../images/all_menu_bg01.gif) no-repeat left 0;}
#gnb #menu_all #menu_all_list li{float:left; display:inline;}
#gnb #menu_all #menu_all_list li img{vertical-align:bottom;}
#gnb #menu_all #menu_all_list li ul{position:relative; padding:1px 0 0 4px; width:140px;}
#gnb #menu_all #menu_all_list li ul li{padding-left:8px; word-spacing:-5px;}
#gnb #menu_all #menu_all_list li ul li ul li{padding:1px 0 0 5px; margin-left:3px; line-height:12px; color:#464646; width:138px; background:url(../images/dot_all_m.gif) no-repeat 0 30%;}
#gnb #menu_all #menu_all_list #list1{height:600px; width:126px; text-align:left;}
#gnb #menu_all #menu_all_list #list1 li ul li a:hover{font-weight:bold; color:#8d23c9; letter-spacing:-1px;}
#gnb #menu_all #menu_all_list #list1 li.list1_1{}
#gnb #menu_all #menu_all_list #list1 li.list1_1 ul{margin-top:4px;}
#gnb #menu_all #menu_all_list #list1 li.list1_2{display:block; padding-top:20px;}
#gnb #menu_all #menu_all_list #list1 li.list1_2 ul{margin-top:4px;}
#gnb #menu_all #menu_all_list #list2{height:600px; left:-10px; line-height:11px;}
#gnb #menu_all #menu_all_list #list2 li ul li a:hover{font-weight:bold; color:#428c00; letter-spacing:-1px;}
#gnb #menu_all #menu_all_list #list2 li img{vertical-align:bottom;}
#gnb #menu_all #menu_all_list #list2 li.list2_1{margin-top:2px;}
#gnb #menu_all #menu_all_list #list2 li.list2_2{margin-top:0px;}
#gnb #menu_all #menu_all_list #list2 li.list2_3{margin-top:0px;}
#gnb #menu_all #menu_all_list #list2 li.list2_4{margin-top:0px;}
#gnb #menu_all #menu_all_list #list2 li.list2_5{margin-top:0px;}
#gnb #menu_all #menu_all_list #list2 li.list2_6{margin-top:0px;}
#gnb #menu_all #menu_all_list #list3{height:600px;}
#gnb #menu_all #menu_all_list #list3 li ul li a:hover{font-weight:bold; color:#428c00; letter-spacing:-1px;}
#gnb #menu_all #menu_all_list #list3 li.list3_1{margin-top:3px;}
#gnb #menu_all #menu_all_list #list3 li.list3_2{margin-top:3px;}
#gnb #menu_all #menu_all_list #list3 li.list3_3{margin-top:3px;}
#gnb #menu_all #menu_all_list #list3 li.list3_4{margin-top:3px;}
#gnb #menu_all #menu_all_list #list3 li.list3_5{margin-top:3px;}
#gnb #menu_all #menu_all_list #list3 li.list3_6{margin-top:3px;}
#gnb #menu_all #menu_all_list #list4{height:600px;}
#gnb #menu_all #menu_all_list #list4 li ul li a:hover{font-weight:bold; color:#428c00; letter-spacing:-1px}
#gnb #menu_all #menu_all_list #list4 li.list4_1 ul{margin-top:4px; padding-bottom:20px;}
#gnb #menu_all #menu_all_list #list4 li.list4_2{}
#gnb #menu_all #menu_all_list #list4 li.list4_3{padding:10px 0 0 15px;}
#gnb #menu_all #menu_all_list #list4 li.list4_3 a:hover{font-weight:bold; color:#428c00; border-bottom:1px solid #636363; letter-spacing:-2px}
#gnb #menu_all #menu_all_list #list5{height:600px;}
#gnb #menu_all #menu_all_list #list5 li ul li a:hover{font-weight:bold; color:#4f77ec; letter-spacing:-1px;}
#gnb #menu_all #menu_all_list #list5 li.list5_1{margin-top:4px;}
#gnb #menu_all #menu_all_list #list5 li.list5_2{padding-top:7px;}
#gnb #menu_all #menu_all_list #list5 li.list5_3{padding-top:7px;}
#gnb #menu_all #menu_all_list #list5 li.list5_4{padding-top:7px;}
#gnb #menu_all #menu_all_list #list5 li.list5_5{padding-top:7px;}
#gnb #menu_all #menu_all_list #list6{height:600px; letter-spacing:-1px;}
#gnb #menu_all #menu_all_list #list6 li ul li a:hover{font-weight:bold; color:#8d23c9; letter-spacing:-2px;}
#gnb #menu_all #menu_all_list #list6 li.list6_1{margin-top:4px;}
#gnb #menu_all #menu_all_list #list6 li.list6_2{padding-top:10px;}
#gnb #menu_all #menu_all_list #list6 li.list6_3{padding-top:10px;}
.b_close{position:absolute;	top:515px; left:828px;} 
/*·Î°í */
#header h1{position:absolute; display:block; top:20px; left:-160px; height:44px; margin-left:470px;}
*html #header h1{position:absolute; display:block; left:-590px; height:44px; margin:0;}/*IE 6*/
#header #bm_top_img{clear:both; float:left; margin:5px 0 0 10px; height:52px;}
#header #bm_top_img ul li{float:left;}
.bm_top1{margin:0;}
.bm_top2{margin-left:2px;}
.bm_top3{margin-left:250px;}
.bm_top4{margin-left:5px;}
.bm_top5{margin-left:0px;}
.bm_top6{margin-left:15px;}
#lnb{position:relative; width:908px; margin:0; padding:0; z-index:7;}
#lnb #menu{ float:left; width:950px; padding-left:20px; background:url(../images/bg_inb.gif) no-repeat;}
#lnb ul li{position:relative; display:inline; float:left;}
#lnb ul li.bar{padding:9px 0 0 0;}
#lnb ul li span{display:none;}
#lnb ul li ul{position:absolute; line-height:11px; top:43px; left:0px; height:12em; padding:2px 0 0 1px; overflow:hidden;}
#lnb ul li ul li{margin-left:0px; }
#lnb #sub1{display:none; width:120px; left:3px; padding-top:6px; background:url(../images/lnb_menu_bg1_1.gif) no-repeat left top; }
#lnb #sub2{display:none; width:120px; left:3px; padding:6px 0 0 3px; background:url(../images/lnb_menu_bg2.gif) no-repeat left top; z-index:20;}
#lnb #sub3{display:none; width:580px; padding:0 5px 5px 0;  margin-left:3px; background:url(../images/lnb_menu_bg3.gif) no-repeat left top; z-index:20;}
#lnb #sub3 li{ z-index:20;}
#lnb #sub3 li ul{position:absolute; top:-13px; margin:8px 0px 0 7px; line-height:10px;}
#lnb #sub3 li ul li{padding:4px 0 3px 0px;}
#lnb #sub3 li ul.sub_in3_1{left:0px; width:120px;}
#lnb #sub3 li ul.sub_in3_2{left:107px; width:120px;}
#lnb #sub3 li ul.sub_in3_3{left:383px; width:120px;}
#lnb #sub3 li ul.sub_in3_4{left:485px; width:120px;}
#lnb #sub3 li ul.sub_in3_5{left:283px; width:120px;}
#lnb #sub3 li ul.sub_in3_6{left:193px; width:120px;}
#lnb #sub4{display:none; width:235px; left:3px; margin:0; background:url(../images/lnb_menu_bg4.gif) no-repeat left top; z-index:20;}
#lnb #sub4 li{ z-index:20;}
#lnb #sub4 li ul{position:absolute; top:-13px; margin:8px 0px 0 7px; line-height:10px;}
#lnb #sub4 li ul li{padding:4px 0 3px 0px;}
#lnb #sub4 li ul.sub_in4_1{left:0px; width:120px;}
#lnb #sub4 li ul.sub_in4_2{left:107px; width:120px;}
#lnb #sub5{display:none; width:235px; left:3px; padding-top:3px; margin:0; background:url(../images/lnb_menu_bg4.gif) no-repeat left top; z-index:20;}
#lnb #sub5 li{ z-index:20;}
#lnb #sub5 li ul{position:absolute; top:-13px; margin:8px 0px 0 7px; line-height:10px;}
#lnb #sub5 li ul li{padding:4px 0 3px 0px;}
#lnb #sub5 li ul.sub_in5_1{left:0px; width:120px;}
#lnb #sub5 li ul.sub_in5_2{left:107px; width:120px;}
#lnb #sub6{display:none; width:120px; left:3px; padding-top:6px; margin:0; background:url(../images/lnb_menu_bg1_1.gif) no-repeat left top; z-index:20;}
#lnb #menu #sub3 li ul li a:hover{color:#428c00; font-weight:bold; letter-spacing:-1px;}
#lnb #menu #sub4 li ul li a:hover{color:#4f77ec; font-weight:bold; letter-spacing:-1px;}
#lnb #menu li ul li a{color:#5b5b5b; font-size:11px;}
#lnb #menu li ul li a:hover{color:#8d23c9; font-size:11px; font-weight:bold; letter-spacing:-1px}
.s_list_tit{}
.s_list{width:100px; margin:0 0 0 5px; padding:5px 0 3px 8px; background:url(../images/lnb_menu_line.gif) no-repeat 0 bottom ;}

.scut{position:absolute; top:340px; left:680px;}
.scut li{float:left;}
/* Áñ°ÜÃ£±â¸Þ´º */
#menu_bookmark{overflow:hidden; float:left; display:inline; margin:0px 0 20px 18px; background:url(../images/box_bk_bg.gif) repeat-x;}
#menu_bookmark ul li{float:left;}
#menu_bookmark ul li ul li{clear:both;padding:0 3px 0 4px;width:100px;margin:0}
.bm_menu{margin-top:10px; width:117px;}
.bm_list ul{margin:0 0 0 2px; font-family: Dotum;color:#797979;}
.bm_list li{line-height:14px;background:url(../images/bm_dot.gif) no-repeat left center ; text-indent: 6px;}
.bm_list li a{color:#797979;}
.bm_list li a:hover{color:#b146fa; font-weight:bold; letter-spacing:-1px}
.bm_bar{margin:20px 0 0 0;}
li.bm_tit{position:relative;height:42px;background:url(../images/bm_line.gif) no-repeat center 90%}
li.bm_tit span{position:absolute; left:75px; top:20px;}
li.bm_line{background:url(../images/bm_line.gif) no-repeat left center ;height:8px;}

/*
#menu_bookmark{overflow:hidden; float:left; display:inline; margin:0px 0 20px 18px; background:url(../images/box_bk_bg.gif) repeat-x;}
#menu_bookmark ul li{float:left;}
#menu_bookmark ul li ul li{clear:both; padding:0 3px; width:100px;}
.bm_menu{margin-top:10px; width:117px;}
.bm_list{margin:0 0 0 3px; font-family: Dotum; color:#797979;}
.bm_list li{line-height:15px; background:url(../images/bm_dot.gif) no-repeat left center ; text-indent: 8px;}
.bm_list li a{color:#797979;}
.bm_list li a:hover{color:#b146fa; font-weight:bold; letter-spacing:-1px}

.bm_menu02{width:117px;}

.bm_bar{margin:20px 0 0 0;}
li.bm_tit{position:relative;}
li.bm_tit span{position:absolute; left:75px; top:20px;}
*/

/* container */
#container{clear:both; width:950px; position:relative}
/* content1 ºñÀü */
#container #containerLeft{float:left; width:621px; position:relative}
#container #containerLeft #sRap{position:relative; height:361px;}
#container #containerLeft #sRap #box_img1{float:left; background:url(../images/content_box1_left.gif) no-repeat; width:10px; height:361px}
#container #containerLeft #sRap #box_img2{float:left; background:url(../images/content_box_img.gif) no-repeat; width:34px; height:361px}
#container #containerLeft #sRap #box_img3{float:left; background:url(../images/content_box_right.gif) no-repeat; width:9px; height:361px}
#container #containerLeft #sRap #content1{float:left; position:relative; height:350px; width:283px; background:url(../images/content_box1_bg.gif) repeat-x;}
#container #containerLeft #sRap #content1 #tel{margin:0; width:283px; height:138px; background:url(../images/tel_bg.gif) no-repeat;}
#container #containerLeft #sRap #content1 #tel h3{padding-left:10px;}
#container #containerLeft #sRap #content1 #tel ul{margin-top:10px;}
#container #containerLeft #sRap #content1 #tel ul li{padding:2px 0 0 15px; background:url(../images/dot1.gif) no-repeat 60% 50%;}
#container #containerLeft #sRap #content1 #tel ul li span{margin:0; padding-left:40px; color:#8d8d8d;}
#container #containerLeft #sRap #content1 #pr{
float:left; margin:7px 0 0 0px; width:283px; height:135px; background:url(../images/content_box2_bg.gif) no-repeat;}
#container #containerLeft #sRap #content1 #pr h3{padding-left:20px;}
#container #containerLeft #sRap #content1 #pr ul{padding:10px 0 0 10px;}
#container #containerLeft #sRap #content1 #pr ul li{width:88px; float:left; margin-right:0; padding-left:0;}
#container #containerLeft #sRap #content1 #pr ul li span{padding-top:5px; font-size:11px; color:#727373;}
#container #containerLeft #sRap #content1 #pr ul img{width:87px; height:61px}
/* content2 ¹Ì¼Ç */
#container #containerLeft #sRap #content2{float:left; width:281px; position:relative; height:350px; background:url(../images/content_box1_bg.gif) repeat-x;}
#container #containerLeft #sRap #content2 h2 {margin-bottom:8px}
#container #containerLeft #sRap #content2 #news{clear:both; height:140px}
#container #containerLeft #sRap #content2 #news img{vertical-align:middle}
#container #containerLeft #sRap #content2 #news .tab_article .tablink {float:left;white-space: nowrap;}
#container #containerLeft #sRap #content2 #news .tab_article .tablinkline {float:left; border-bottom:1px solid #cdcdcd; width:79px; height:25px}
#container #containerLeft #sRap #content2 #news .tab_article .art_list{position:absolute; top:95px; left:0px; width:280px}
#container #containerLeft #sRap #content2 #news .tab_article .art_list li{line-height:19px}
#container #containerLeft #sRap #content2 #news .tab_article .more{position:absolute; top:-35px; right:10px}
#container #containerLeft #sRap #content2 #notice{clear:both; height:130px; background:url(../images/mainNoticeBg.gif) no-repeat; width:282px}
#container #containerLeft #sRap #content2 #notice .tab_article{position:absolute; right:5px; top:205px}
#container #containerLeft #sRap #content2 #notice .tab_article .tablink {float:left;white-space: nowrap;}
#container #containerLeft #sRap #content2 #notice .tab_article .tablinkline {float:left; height:27px}
#container #containerLeft #sRap #content2 #notice .tab_article .art_list{position:absolute; top:30px; left:-120px; width:254px}
#container #containerLeft #ad{height:51px;background:url(../images/maingAdBg.gif) no-repeat;}
#container #containerLeft #ad .ad_btn{float:left; width:11px; height:40px; padding:7px 0 0 2px;}
#container #containerLeft #ad .ad_list{float:left; padding:8px 0 0 2px}
#container #containerLeft #ad .ad_list li{float:left; margin-left:5px}
.banner_in{padding:6px 0 0 7px;}
/* content3 colgroup */
#container #colgroup{float:left; margin-left:22px; width:272px; position:relative;}
#container #colgroup #aside{height:127px; margin-bottom:17px}
#container #colgroup #aside .top{ background:url(../images/asideBox1.gif) no-repeat; height:12px; font-size:0px;}
#container #colgroup #aside .bottom{background:url(../images/asideBox3.gif) no-repeat; height:12px; font-size:0px; line-height:0px;}
#container #colgroup #aside .content{background:url(../images/asideBox2.gif) repeat-y; padding:0 0 0 10px; height:110px; vertical-align:top;}
#container #colgroup #aside .content h3{border-bottom:1px solid #e7e7e7; background:none; margin:0; padding:0; height:20px}
#container #colgroup #aside .content ul{float:left; margin:5px 0 0 3px ; padding:0}
#container #colgroup #article{margin:8px 0 0 0; _margin:7px 0 0 0; height:158px; _height:130px}
#container #colgroup #article ul{float:left; width:120px;}
#container #colgroup #article .box{float:right; position:absolute; right:10px}
#container #colgroup .siteLink {height:51px; width:271px; background:url(../images/siteLinkBg.gif) no-repeat; clear:both; padding:6px 0 0 10px;}
#container #colgroup .siteLink dd{float:left; margin-top:4px}
#container #colgroup .siteLink dd img{margin:-2px 0 0 3px}
h2{padding:10px 0 0 3px;}
h3{padding:10px 0 0 15px; background:url(../images/dot_tit.gif) no-repeat 5% 100%;}

.footer_space{clear:both;}
#footer{background:#f4f6f7; height:90px; width:96%; padding:10px 0 0 55px; margin-top:20px} 
#footer h2{float:left;}
#footer .address{float:left; margin-left:45px; margin-right:10px}
#footer .address p{clear:both; font-size:11px; padding-top:5px}
#footer .address li{float:left}

/* Footer */
/* #footer{float:left; width:100%; background-color:#f4f6f7; margin:30px 0 0 0;}  */
/*
#footer{ position:relative; clear:both; width:100%; background-color:#f4f6f7; margin:30px 0 0 0;} 
#footer #f_in{width:950px; margin:20px 0 0 30px; text-align:left;}
#footer #f_in ul{margin:10px 0 0 0;}
#footer #f_in ul li{float:left;}
#footer ul li ul li{clear:both; width:500px;}
*/
.f_logo{padding:30px 0 0 10px;}
.f_cont{padding-left:10px;}
.f_text{width:485px; font-size:11px;}
.f_side{padding:30px 0 0 5px;}
