@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);  

body {font-family:³ª´®°íµñ,NanumGothic,Malgun Gothic,¸¼Àº°íµñ,±¼¸²,µ¸¿ò; background-color:#fff;}

body,table ,div, ul, li, td { margin:0 auto; padding:0; text-align:left; font-size:12px; line-height:18px;}


/*main*/
img {border:0}
td {margin:0 auto; padding:0; text-align:left; font-size:12px; line-height:18px; }
input {font-size:12px;font-family:³ª´®°íµñ,NanumGothic,Malgun Gothic,¸¼Àº°íµñ,±¼¸²,µ¸¿ò;color:555555}
input#border {font-size:12px;font-family:³ª´®°íµñ,NanumGothic,Malgun Gothic,¸¼Àº°íµñ,±¼¸²,µ¸¿ò;color:666666;border:1 solid #C4C4C4}
textarea#border {font-size:12px;font-family:³ª´®°íµñ,NanumGothic,Malgun Gothic,¸¼Àº°íµñ,±¼¸²,µ¸¿ò;color:666666;border:1 solid #C4C4C4}
select {color:333333;font-size:12px;font-family:³ª´®°íµñ,NanumGothic,Malgun Gothic,¸¼Àº°íµñ,±¼¸²,µ¸¿ò;}
.sub_txt {color:000000;background:f7f7f7}

div {clear:both;}

li {list-style:none;}

a {font-size:11px;text-decoration:none;margin:0;}
a:link {color:#444;}
a:visited {color:#444;}
a:hover {color:#777;text-decoration:underline;}



/* Äü¸Þ´º */
#sky {
 position: absolute;
 width: 74px;
 left: 50%;
 top: 520px;
 margin-left: 575px;
 height: auto;
 z-index: 20;
}
#sky .quick_menu { }
#sky .quick_menu li a {
 text-align: center;
 width: 100%;
 height: 70px;
 margin:3px auto;
 display: block;
 outline-style: none;
 text-decoration: none;
 -webkit-transition-property: all;
 -o-transition-property: all;
 transition-property: all;
 -webkit-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 transition-duration: 0.5s;
 -webkit-transition-timing-function: ease-in-out;
 -o-transition-timing-function: ease-in-out;
 transition-timing-function: ease-in-out;
 -webkit-transition-delay: 0s;
 -o-transition-delay: 0s;
 transition-delay: 0s;
 background-color: hsla(0,0%,100%,0.00);
}
/*
#sky .quick_menu li a:hover {
 color: #3A3A3A;
 background-color: #F7F7F7;
}
*/




/* ÃÖ»ó´Ü¸Þ´º */
#wrap1 {width:100%; padding:0; margin:0 auto; position:relative;}

#wrap1 #ttop_glo #ttmenu { width:1120px; height:33px; padding:0; margin:0 auto;}
#wrap1 #ttop_glo #ttmenu ul {height:33px; list-style:none; margin:0; padding:0; float:right;}
#wrap1 #ttop_glo #ttmenu ul li {margin:0; padding:0; float:left;}
#wrap1 #ttop_glo #ttmenu ul .link_top {margin-right:37px; padding:3px 0 0 0; float:left; text-align:right; font-size:11px; text-decoration:none; }
#wrap1 #ttop_glo { width:100%; height:33px; padding:0; margin:0 auto; text-align:center; background:#222;}

#wrap1 #logo { width:100%; height:130px; margin:0 auto; padding:0; text-align:center; background:#222;}
#wrap1 #logo img {margin:-13px auto 0; padding:0; text-align:center;}


/* ¸ÞÀÎ ¸Þ´º¹Ù(½½¶óÀ̵å Àû¿ë) */
#menu0 {width:100%; height:60px; margin:0 auto; padding-bottom:0px; background:#fb551b; opacity:0.9; z-index:98; position:relative; padding-top:0px; min-width:1050px;}

#DB_navi24 *{margin:0;padding:0;list-style:none;}
#DB_navi24 img{border:0}
#DB_navi24 a{text-decoration:none }
#DB_navi24 {position:relative;font:17px "³ª´®°íµñ"; color:#2b4ca6; width:100%; font-weight:600;letter-spacing:1px;}
#DB_navi24 .DB_wrap {position:relative;width:1120px/*widthÀý¹Ý*/; left:50%; margin-left:-560px; height:35px;}

#DB_navi24 .DB_wrap .DB_main{float:left;margin-top:0px;}
#DB_navi24 .DB_wrap .DB_main li {float:left;width:auto;height:100%; text-align:center;}
#DB_navi24 .DB_wrap .DB_main li a{color:#fff;display:block;width:auto;height:60px;}
/*
#DB_navi24 .DB_wrap .DB_main li a:hover{filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8}
*/
#DB_navi24 .DB_wrap .DB_main li.DB_select{}
#DB_navi24 .DB_mask {position:relative; width:100%;height:185px/*¼­ºê¸Þ´ºÀüü³ôÀÌ*/;overflow:hidden; padding-top:0px;}
#DB_navi24 .DB_mask .DB_move{position:relative; width:100%;height:100%; background:#fff; height:182px;top:-182px/*À§·Î ¸Þ´º¼û±â±â*/;border-bottom:3px solid #eb3826;}
#DB_navi24 .DB_mask .DB_move .DB_subSet{position:relative;width:1120px;/*widthÀý¹Ý*/ left:50%;margin-left:-560px;padding-top:10px;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul{float:left; width:auto; padding:0 0px 0 0px; height:130px; text-align:left; border-right:0px solid #c8c8c8; }
#DB_navi24 .DB_mask .DB_move .DB_subSet ul:first-child{margin-left:0px}/*ºñÇ¥ÁØÀΰæ¿ì li¿¡ Ŭ·¡½º·Î Àû¿ë*/
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li{height:25px;width:100%;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li a{ font:13px "³ª´®¹Ù¸¥°íµñ";display:block;padding:5px 10px 5px;color:#3f3f3f;letter-spacing:-0.5px; text-align:center;}
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li a:hover{color:#fff;letter-spacing:-0.5px;  }
#DB_navi24 .DB_mask .DB_move .DB_subSet ul li.DB_select a{color:#fff;background:#eb3826; letter-spacing:-0.5px;}


/* ½½¶óÀ̵å */
#wrap1 #main_visual {width:100%; height:611px; margin:-60px auto 0 auto; padding:0; clear:both;}

/* ¸ÞÀιè³Ê */
#wrap1 #main_banner {width:100%; height:192px; margin:0 auto; padding:0; background-color:#dedede; border-top:1px #ccc solid;}
#wrap1 #main_banner #ban {width:1120px; margin:3px auto 0 auto; padding:0;}
#wrap1 #main_banner #ban ul {margin:0; padding:0; list-style:none; overflow:hidden;}
#wrap1 #main_banner #ban ul li {margin:0px; padding:0; float:left; }


/* ¸ÞÀιè³Ê */
#wrap1 #main_banner2 {width:100%; height:150px; margin:0 auto; padding:0; background-color:#fff;}
#wrap1 #main_banner2 #ban {width:1120px; margin:3px auto 0 auto; padding:0;}
#wrap1 #main_banner2 #ban .ul1 {margin:30px 0 0 10px; padding:0; list-style:none; overflow:hidden;}
#wrap1 #main_banner2 #ban ul li {margin:0 auto; padding:0; float:left; }
#wrap1 #main_banner2 #ban ul li.ban {margin-right:36px; float:left; }



/* ¼­ºê */
#wrap1 #sub_bg1 {display:block; overflow:hidden;}

#wrap1 #sub_bg1 #sub_bg2  #sub_contents {width:1120px; margin:0 auto; padding:20px 0 0; position:relative; table-layout: fixed;}

#wrap1 #sub_bg1 #sub_bg2  #sub_contents #content_box { width:1120px; }
#wrap1 #sub_bg1 #sub_bg2  #sub_contents #content_box #box_area { width:1120px; margin:20px auto 0 auto; padding:0; position:relative;}

#wrap1 #sub_bg1 #sub_bg2  #sub_contents #content_box #box_area .left_area {width:230px; margin:0 40px 30px 0; padding:0; list-style:none; float:left; }
#wrap1 #sub_bg1 #sub_bg2  #sub_contents #content_box #box_area .left_area li {margin:0; padding:0; float:top; }
#wrap1 #sub_bg1 #sub_bg2  #sub_contents #content_box #box_area .left_area li a {font-size:14px; color:#333; text-decoration:none; margin-left:30px; line-height:38px; font-weight:bold; font-family:³ª´®°íµñ,NanumGothic,Malgun Gothic,¸¼Àº°íµñ,±¼¸²,µ¸¿ò;}
#wrap1 #sub_bg1 #sub_bg2  #sub_contents #content_box #box_area .left_area li a:hover {font-size:14px; color:#777; text-decoration:underline; margin-left:30px; font-weight:bold; }
#wrap1 #sub_bg1 #sub_bg2  #sub_contents #content_box #box_area .left_area .menu { padding:0; float:top; height:38px; line-height:38px; border-bottom:1px #ccc solid; background:url(/bizdemo36845/img/daol/sub_li_bg.gif) no-repeat; }
#wrap1 #sub_bg1 #sub_bg2  #sub_contents #content_box #box_area .left_area .last { padding:0; float:top; margin-bottom:50px; height:38px; line-height:38px; border-bottom:1px #ccc solid; background:url(/bizdemo36845/img/daol/sub_li_bg.gif) no-repeat;}

#wrap1 #sub_bg1 #sub_bg2 #sub_contents #content_box #box_area .right_area {width:1120px; margin:0 0 90px 0; padding:0; float:left; list-style:none;}
#wrap1 #sub_bg1 #sub_bg2 #sub_contents #content_box #box_area .right_area li {font-size:11px; color:#666; margin:0; padding:0; text-align:left; float:top;}
#wrap1 #sub_bg1 #sub_bg2 #sub_contents #content_box #box_area .right_area .cont_area { margin:40px auto; padding:0; text-align:left; float:top;} 
#wrap1 #sub_bg1 #sub_bg2 #sub_contents #content_box #box_area .right_area li .sitemap_tit {width:185px; height:30px; background-color:#e8e8e8; padding:10px 0 0 20px; text-align:left; font-size:14px; font-weight:bold; color:#444; float:left;}
#wrap1 #sub_bg1 #sub_bg2 #sub_contents #content_box #box_area .right_area li .sitemap_txt {width:1090px; height:30px; border-bottom:1px #e8e8e8 solid; margin-bottom:25px; padding:15px 0 0 25px; text-align:left; float:left;} 

#wrap1 #sub_bg1 #sub_bg2 #sub_contents #content_box #box_area .right_area li .img_slarea { width:770px; border:1px #ddd solid; padding-top:20px; padding-bottom:25px; margin-bottom:20px;}

#wrap1 .line {width:1100px; margin:15px auto; padding:0;}

#wrap1 .main_pro {width:1100px; margin:40px auto; padding:0;}

/* ÇÏ´Ü */
#wrap1 #footer {width:100%; height:110px; margin:0 auto; background:url(/bizdemo36845/img/daol/footer_bg.gif) repeat-x; clear:both;}
#wrap1 #footer #info {width:1120px; margin:0 auto; padding:0; clear:both;}


/* ¼­ºê¸Þ´ºÀÇ ½ºÅ¸ÀÏ°ª2 */
.fontff {color:#f2f2f2; padding-left:10px; padding-right:10px; height:30px; line-height:30px;}
.fontff span {color:#979094; font-weight:normal;}
.fontff a {color:#f2f2f2;text-decoration:none; padding-left:10px; padding-right:10px;}
.fontff a:link {color:#065587;text-decoration:none; padding-left:10px; padding-right:10px;}
.fontff a:visited {color:#065587; text-decoration:none; padding-left:10px; padding-right:10px;}
.fontff a:hover {color:#222; text-decoration:underline; padding-left:10px; padding-right:10px;}