@charset "utf-8";
@import "default.css";
@import "layout.css";

#main_zone{position:relative;width:1000px;height:370px;margin:0 auto}
.fl_main {position:relative;width:100%; height:615px; text-align:center;}
.html_main {position:relative;width:100%; height:615px;text-align:center;background:url('/images/main/bg_main.jpg') center top no-repeat; }
#topWrap {position:absolute; left:50%; top:10px; width:1000px; margin:0 0 0 -500px;;}
#footer{background:#142c4e}
/* 2016 플레시 대체 메뉴 */
.uiPc .html_main{display:none;}

.uiMobile .fl_main{display:none;}
.c_blue{color:#0066ff !important;}

.util_menu{position:absolute;right:20px;top:-19px;}
.util_menu li{float:left;padding:0 10px;background:url('/images/main/bg_bar.png') right 50% no-repeat;}
.util_menu li:last-child{background:none;}
.util_menu li a{font-size:11px;color:#768591;}

.m_menu{position:relative;top:28px;width:1030px;height:85px;background:url('/images/main/bg_gnb.png') no-repeat;}
.m_menu h1{position:absolute;left:60px;top:10px;}
.m_menu .gnb{position:absolute;left:174px;top:9px;}
.m_menu .gnb>li{float:left;padding:0 8px;}
.m_menu .gnb>li>a{display:block;height:29px;padding-top:11px;font-size:12px;color:#b0c7e0;font-weight:700;}
.m_menu .gnb>li.on>a{color:#fff;}
.m_menu .gnb>li>a:hover + .gnb_depth02{display:block;}

.gnb_depth02{display:none;position:absolute;top:40px;}
.gnb_depth02 li{float:left;padding:0 10px;background:url('/images/main/bg_bar.png') right 50% no-repeat;}
.gnb_depth02 li:last-child{background:none;}
.gnb_depth02 li a{display:block;height:22px;padding-top:8px;font-size:11px;color:#959595;}
.gnb_depth02 li.on a{color:#4e8cd0;}
.gnbsub02{margin-left:-60px;}
.gnbsub03{margin-left:-60px;}
.gnbsub04{margin-left:-60px;}
.gnbsub05{margin-left:-30px;}
.gnbsub06{right:10px;}

.top_search{position:absolute;left:882px;top:15px;}
.top_search input{border:none;width:96px;height:21px;background:transparent;}
.top_search a{display:inline-block;width:14px; height:17px;padding-top:4px;vertical-align:top;}

.rolling_cont{position:relative;width:1000px;height:410px;margin:66px auto 0;}
.roll_prev{position:absolute;left:0px;top:130px;z-index:55;}
.roll_next{position:absolute;right:0px;top:130px;z-index:55;}
.rolling_cont ul li{position:absolute;}
.rolling_cont ul li .c_wrap{position:relative;overflow:hidden;border-radius:50%;}
.rolling_cont ul li .c_wrap .dimm01{position:absolute;width:100%;height:100%;background:#000; opacity:.6;z-index:40;}
.rolling_cont ul li .c_wrap .dimm02{position:absolute;top:55%;left:0;width:100%;height:100%;background:#fff; opacity:.8;z-index:40;}
.rolling_cont ul li .c_wrap .c_txt{position:absolute;top:57%;width:270px;height:87px;left:50%;color:#000;margin-left:-135px;z-index:50;overflow:hidden;}
.rolling_cont ul li .c_wrap .rolling_more{position:absolute;bottom:20px;left:130px;z-index:50;}
.rolling_cont ul li.c03_left{left:0px;top:144px;z-index:5;width:169px;height:165px;background:url('/images/main/circle03l_off.png') no-repeat;}
.rolling_cont ul li.c02_left{left:34px;top:133px;z-index:15;width:213px;height:191px;background:url('/images/main/circle02l_off.png') no-repeat;}
.rolling_cont ul li.c01_left{left:107px;top:96px;z-index:25;width:312px;height:245px;background:url('/images/main/circle01l_off.png') no-repeat;}
.rolling_cont ul li.c_center{left:286px;top:0px;z-index:35;width:412px;height:404px;background:url('/images/main/circle_on.png') no-repeat;}
.rolling_cont ul li.c01_right{right:107px;top:96px;z-index:25;width:312px;height:245px;background:url('/images/main/circle01r_off.png') no-repeat;}
.rolling_cont ul li.c02_right{right:44px;top:133px;z-index:15;width:213px;height:191px;background:url('/images/main/circle02r_off.png') no-repeat;}
.rolling_cont ul li.c03_right{right:0px;top:144px;z-index:5;width:169px;height:165px;background:url('/images/main/circle03r_off.png') no-repeat;}

.rolling_cont ul li.c03_left .c_wrap{width:136px;height:136px;margin:6px 0 0 16px;}
.rolling_cont ul li.c02_left .c_wrap{width:154px;height:154px;margin:6px 0 0 35px;}
.rolling_cont ul li.c01_left .c_wrap{width:208px;height:208px;margin:7px 0 0 55px;}
.rolling_cont ul li.c_center .c_wrap{width:349px;height:350px;margin:27px 0 0 35px;}
.rolling_cont ul li.c01_right .c_wrap{width:208px;height:208px;margin:7px 0 0 49px;}
.rolling_cont ul li.c02_right .c_wrap{width:154px;height:154px;margin:6px 0 0 41px;}
.rolling_cont ul li.c03_right .c_wrap{width:136px;height:136px;margin:6px 0 0 17px;}

/* main */

.left_area{position:absolute;left:0;width:300px;height:360px}
.center_area{position:absolute;left:329px;height:270px;width:341px}
.right_area{position:absolute;right:0;height:360px;width:300px}

.main_co_box{position:relative}
.main_co_box .tit{overflow:hidden;zoom:1;margin:0 0 10px 0;border-bottom:1px solid #7bbd00}
.main_co_box .tit_line {border:0; background:url("/images/main/bg_main_tab.gif") repeat-x left bottom;}

.main_co_box .more{padding:0 10px 0 0;background:url('/images/common/btn_arrow_right.gif') no-repeat right center;color:#acacac}
.main_co_box .prev{position:absolute;left:0;top:50px; cursor:pointer;}
.main_co_box .next{position:absolute;right:0;top:50px; cursor:pointer;}
.main_co_box .prev2{position:absolute;left:0;top:50px; cursor:pointer;}
.main_co_box .next2{position:absolute;right:0;top:50px; cursor:pointer;}
.visual_wrap {position:relative; width:272px; height:81px; margin:0 0 20px 18px;overflow:hidden;zoom:1;}
.list_type05{position:absolute; left:0; top:0;}
.list_type05 li{float:left;margin:0 8px 0 0;text-align:center}
.list_type05 li .image{width:60px;height:60px}
.list_type05 li span{display:block;margin:7px 0 0 0;color:#666666}


.list_type06{position:relative}
.list_type06 li{padding:0 0 0 10px;background:url('/images/common/ico_bul01.gif') no-repeat 3px 7px}
.list_type06 li .date{position:absolute;right:0;color:#999999;font-size:11px;font-family:tahoma}
.list_type06 li a{color:#777777}

.tbl11{width:100%;position:relative;}
.tbl11 .devate_d{position:relative;height:85px;vertical-align:top}
.tbl11 td .btn_style06{position:absolute;right:0;top:40px;}
.tbl11 td .btn_style06 span{padding:15px 5px}
.tbl11 .devate{width:74px;height:19px;text-indent:-10px;background:url('/images/main/bg_label.gif') no-repeat 0 0;color:#ffffff}
.tbl11 .debate_var{position:relative;width:153px;height:12px;margin:10px 0 5px 0;background:url('/images/main/bg_opposite.gif') repeat-x left top}
.tbl11 .debate_var .agree{position:relative;left:0;background:url('/images/main/bg_agree.gif') repeat-x left top}
.tbl11 .debate_var .var{position:absolute;right:0;top:-4px}
*+html .tbl11 .debate_var .grey_6{margin:-5px 0 0 0}

.vision_wrap {overflow:hidden;}
.vision_pic {float:left; width:69px; padding:2px; border:1px solid #d6d6d6;}
.vision_txt {float:left; width:218px; margin-left:7px; padding-top:5px; color:#666666; font-size:11px;}
.vision_txt strong {color:#4e9a12}
.vision_txt p {margin-top:10px;}

.cyber_nf{overflow:hidden;zoom:1;height:27px;margin:0 0 8px 0;}
.cyber_nf li{float:left;}

.cyber_ca{margin:0 0 8px 0;/*background:url('/images/main/bg_main_tab.gif') repeat-x left bottom*/}
.cyber_ca li{float:left;margin:0 0 0 0}
.cyber_ca li.on{margin:0 0 0 0}

#tab_style12{margin:0 0 8px 0}
#tab_style12 li{margin:0 0 0 0}
.interview {height:123px;}
.jhj_wrap {height:137px;}
.make_jhj{overflow:hidden;zoom:1;width:132px;margin:5px 0 0 0;text-align:center;border:1px solid #b7b7b7}
.make_jhj li{display:block;height:23px;padding:10px 0 7px 0;color:#4e9a12;background:url('/images/common/bg_jhj.gif') repeat-x left bottom;border-bottom:1px solid #dcdcdc;font-weight:bold}
.make_jhj li .ico_bulloon{display:inline-block;width:51px;height:23px;margin:0 0 0 5px;padding:2px 0 0 0;background:url('/images/main/ico_balloon.png') no-repeat 0 0;color:#ffffff;font-weight:bold}


.add_area{position:relative;top:260px;left:329px;width:341px;height:86px;background:url('/images/main/bg_add_area.gif') no-repeat 0 0}
.banner_wrap {position:absolute;top:25px;left:30px; height:55px; width:281px; overflow:hidden;}
.add_area .banner_wrap  ul.roll_banner{position:absolute;top:0;left:0; width:1128px;}
.add_area .banner_wrap  ul.roll_banner li{float:left;margin:0 0 0 0; width:141px; text-align:center;}
.add_area .prev{position:absolute;left:10px;top:25px; cursor:pointer;}
.add_area .next{position:absolute;right:10px;top:25px; cursor:pointer;}