@charset "utf-8";
/* CSS Document */
/*main*/
ul, li {list-style:none;}
a:hover {text-decoration:none;}
#wrap_main {width:100%; height:430px; margin:0; padding:0; background:url(../images/common/top_bg.jpg) repeat-x top; border-bottom:1px solid #e5e5e5;}
#main_con {width:100%; background:url(../images/main/main_bg.jpg) no-repeat top; margin:0px auto; padding:0; line-height:100%; font-family:"Noto Sans KR", sans-serif; font-size:14px;}
#main_virtual {width:980px; height:370px; padding-top:125px; margin:0 auto; font-size:0;}
#main_quick_wrap {width:100%; padding:0; margin:0; vertical-align:top; border-bottom:1px solid #dedede;}
#main_quick {width:980px; margin:0 auto; padding:20px 0;}
#main_quick ul {padding:0; width:calc(100% + 42px); margin:0 -21px; overflow:hidden;}
#main_quick ul li {float:left; width:14.2857%; text-align:center;}
#main_quick ul li a {display:block; font-size:15px;}
#main_quick ul li a span {display:block;}
#main_quick ul li a span.icon {width:101px; height:101px; background:no-repeat center center; margin:0 auto; line-height:100%;}
#main_quick ul li a span.txt {margin-top:10px; color:#333; line-height:120%; font-weight:bold;}
#main_quick ul li a:hover span.txt {color:#264493;}
#main_quick ul li a span.icon-1 {background-image:url('../images/main/icon1.png');}
#main_quick ul li a:hover span.icon-1 {background-image:url('../images/main/icon1_on.png');}
#main_quick ul li a span.icon-2 {background-image:url('../images/main/icon2.png');}
#main_quick ul li a:hover span.icon-2 {background-image:url('../images/main/icon2_on.png');}
#main_quick ul li a span.icon-3 {background-image:url('../images/main/icon3.png');}
#main_quick ul li a:hover span.icon-3 {background-image:url('../images/main/icon3_on.png');}
#main_quick ul li a span.icon-4 {background-image:url('../images/main/icon4.png');}
#main_quick ul li a:hover span.icon-4 {background-image:url('../images/main/icon4_on.png');}
#main_quick ul li a span.icon-5 {background-image:url('../images/main/icon5.png');}
#main_quick ul li a:hover span.icon-5 {background-image:url('../images/main/icon5_on.png');}
#main_quick ul li a span.icon-6 {background-image:url('../images/main/icon6.png');}
#main_quick ul li a:hover span.icon-6 {background-image:url('../images/main/icon6_on.png');}
#main_quick ul li a span.icon-7 {background-image:url('../images/main/icon7.png');}
#main_quick ul li a:hover span.icon-7 {background-image:url('../images/main/icon7_on.png');}
.mt20 {margin-top:20px !important;}
#main_bottom_box{width:100%; clear:both; padding:0px; margin:0px;}
#main_bottom_in_box{clear:both; padding:0px; margin:0px; width:980px; margin:0px auto; overflow:hidden;}
#main_news {float:left; width:350px; height:180px; padding:30px 30px 30px 0; position:relative; border-right:1px solid #dedede;}
#main_news h2 {padding:4px 0; font-size:17px; margin:0; padding:0; font-weight:bold;}
#main_news .more {position:absolute; top:30px; right:30px;}
#main_news div.con {margin-top:10px;}
#main_news ul{ clear:both;float:left;list-style:none; width:100%;padding:0px;margin:0px;}
#main_news ul li{float:left; width:100%; padding:0px; margin:0px; height:24px; line-height:24px;}
#main_news ul li a {display:block;}
#main_news ul li .suj {display:inline-block; max-width:calc(100% - 30px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#main_news ul li .suj::before {content:"ㆍ"; font-weight:bold; font-size:16px;}
#main_news ul li .date {display:none;}
#main_news ul li a img {display:inline-block; margin-left:3px; margin-top:8px; vertical-align:top;}

#main_banner {float:left; width:calc(100% - 350px); height:180px; background:url('../images/main/mb_bg.jpg') repeat-x left bottom;}
#main_banner ul {width:100%; overflow:hidden; margin:0; padding:0;}
#main_banner ul li {float:left; width:33.333333%; height:180px; border-right:1px solid #d2d2d2; padding:25px 20px;}
#main_banner ul li dl {margin:0; position:relative; width:100%; height:100%;}
#main_banner ul li dl dt {font-size:17px; color:#333; line-height:120%;}
#main_banner ul li dl dd.txt {margin-top:10px; word-break:keep-all; line-height:120%;}
#main_banner ul li dl dd.link {text-align:right; position:absolute; bottom:0; right:0; width:100%;}
#main_banner ul li dl dd.link a {display:inline-block; background:#777; color:#fff; padding:6px 12px; font-size:12px;}
#main_banner ul li dl dd.link a:hover {background-color:#224099;}