@charset "utf-8";

@import url('reset.css');

body {background:#fff;}

/* 전체 */
#wrap {width:100%;}


.visual {background:url(../images/main/visual_dot.gif); height:270px; position:relative; border-top:solid 2px #1f3e77;}
.visual .firt {position:absolute; bottom:0px; left:0px;}
.visual .firt img {width:100%;}
.visual .cent {text-align:center; margin-top:30%;}
.visual .cent img {width:55%;}
.visual .last {position:absolute; bottom:0px; right:0px;}
.visual .last img {width:100%;}

.middle_icon {position:relative; height:160px;}
.middle_icon ul li a {float:left; width:33.3%; height:40px; padding-top:120px; background:#378ed5 url(../images/main/middle_icon1.png) center 20px no-repeat; text-align:center; color:#fff;}
.middle_icon ul li + li a {float:left; width:33.3%; height:40px; padding-top:120px; background:#75a738 url(../images/main/middle_icon2.png) center 20px no-repeat; text-align:center; color:#fff;}
.middle_icon ul li + li + li a {float:left; width:33.3%; height:40px; padding-top:120px; background:#51b7a9 url(../images/main/middle_icon3.png) center 20px no-repeat; text-align:center; color:#fff;}


.tab_list{height:222px; width:99%;background:url(../images/common/t_line.gif) left 50px repeat-x;}  
.tab_list ul {position:relative;margin:0;padding-left:30px; padding-top:10px;font-size:13px;list-style:none;*zoom:1; }  
.tab_list ul:after{display:block;clear:both;content:""}  
.tab_list li{float:left;margin-bottom:-1px;} 
.tab_list li span.date {float:right;} 
.tab_list li a {float:left;position:relative;color:#666;text-decoration:none;}  /* 탭매뉴 변경부분 */
.tab_list li a span{display:inline-block;padding:6px 9px 6px 5px;letter-spacing:-1px;cursor:pointer;}  
.tab_list li ul{display:none;position:absolute;top:40px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}  
.tab_list li ul:after{display:block;clear:both;content:""}  
.tab_list li li{float:none;position:relative;margin:0 0 8px 0;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:url(../images/common/gray_dott1.gif) left 10px no-repeat; padding-left:10px; }  
.tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}  
.tab_list li li a:hover,  
.tab_list li li a:active,  
.tab_list li li a:focus{color:#000 !important;text-decoration:underline}  
.tab_list li li.more {position:absolute;top:-50px;right:40px; background:none;}  
.tab_list .m1 > a {font-size:17px; line-height:18px;}
.tab_list .m2 > a {font-size:17px; line-height:18px; margin-left:10px; padding-left:10px; background:url(../images/common/line2.gif) left 7px no-repeat; }
.tab_list .m1 a, .tab_list.m2 .m2 a, .tab_list.m3 .m3 a, .tab_list.m4 .m4 a, .tab_list.m5 .m5 a, .tab_list.m6 .m6 a, .tab_list.m7 .m7 a, .tab_list.m8 .m8 a, .tab_list.m9 .m9 a, .tab_list.m10 .m10 a, .tab_list.m11 .m11 a, .tab_list.m12 .m12 a{margin-top:-1px;color:#18629f;}  
.tab_list.m1 .m1 a span, .tab_list.m2 .m2 a span, .tab_list.m3 .m3 a span, .tab_list.m4 .m4 a span, .tab_list.m5 .m5 a span, .tab_list.m6 .m6 a span, .tab_list.m7 .m7 a span, .tab_list.m8 .m8 a span, .tab_list.m9 .m9 a span, .tab_list.m10 .m10 a span, .tab_list.m11 .m11 a span, .tab_list.m12 .m12 a span{padding-top:7px; font-weight:bold; }  
.tab_list.m1 .m1 ul, .tab_list.m2 .m2 ul, .tab_list.m3 .m3 ul, .tab_list.m4 .m4 ul, .tab_list.m5 .m5 ul, .tab_list.m6 .m6 ul, .tab_list.m7 .m7 ul, .tab_list.m8 .m8 ul, .tab_list.m9 .m9 ul, .tab_list.m10 .m10 ul, .tab_list.m11 .m11 ul,  
.tab_list.m12 .m12 ul{display:block; margin-top:27px; margin-left:20px;}  

.cop_box {background:#f0f0f0; border-top:solid 1px #dadada; height:75px;position:relative;}
.cop_box .f_logo {position:absolute; left:10px; top:25px;}
.cop_box .copy_right {position:absolute; right:5px; top:15px;}
.cop_box .copy_right ul {overflow:hidden;}
.cop_box .copy_right ul li:first-child {padding-left:0px; margin-left:0px; background:none; }
.cop_box .copy_right ul li {float:left; background:url('/images/common/line.gif') left 6px no-repeat; padding-left:5px; margin-left:5px; color:#515151; font-size:13px;}



@media all and (max-width:420px) {
.visual .cent {text-align:center; margin-top:105px;}
.visual .cent img {width:55%;}

}
@media all and (min-width:421px) and (max-width:1024px) {
.visual .cent {text-align:center; margin-top:100px;}
.visual .cent img {width:48%;}

}
@media all and (min-width:1025px){
.visual .cent {text-align:center; margin-top:80px;}
.visual .cent img {width:45%;}

}