@charset "euc-kr";
/* CSS Document */
/* main visual */
#main_visual{position:relative;width:100%; height:429px; min-width:980px; border-bottom:2px #454545 solid}
#main_visual .visual_box{position:relative; z-index:4;width:980px;height:429px; margin:0 auto;}
#main_visual .visual_box .tit{float:left;padding-top:25px}
#main_visual .visual_box .play_box{position:absolute;top:300px;left:0px;z-index:100}
#main_visual .visual_rolling{position:absolute;top:0;left:0;width:100%;height:429px;}
#main_visual .visual_rolling li{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:429px;text-indent:-99999px}
#main_visual .visual_rolling li.i01{background:url("../img/i_images/main/visual_01.jpg") no-repeat center top}
#main_visual .visual_rolling li.i02{background:url("../img/i_images/main/visual_02.jpg") no-repeat center top; opacity:0.0; visibility:hidden; }

#main_visual .visual_rolling li.i04{background:url("../img/i_images/main/visual01.jpg") no-repeat center top}
#main_visual .visual_rolling li.i05{background:url("../img/i_images/main/visual02.jpg") no-repeat center top; opacity:0.0; visibility:hidden; }
#main_visual .visual_rolling li.i06{background:url("../img/i_images/main/visual03.jpg") no-repeat center top; opacity:0.0; visibility:hidden; }

#main_contentbox {position:relative; width:980px; margin:0 auto; height:244px; z-index:6; background:url(../img/i_images/main/contentback.png) no-repeat;}
#main_contentbox .main_content_lbox {float:left; width:980px; margin-top:20px; margin-left:20px;}
#main_contentbox .main_cont01_box {width:325px; margin-top:30px; float:left}
#main_contentbox .main_cont02_box {width:325px; margin-top:30px; float:left}
#main_contentbox .main_cont03_box {width:330px; margin-top:30px; float:left;}
#main_contentbox .main_cont04_box {width:350px; float:right; margin-top:30px;}

/* Á¦Ç°¼Ò°³, ±Û·Î¹ú ³×Æ®¿öÅ© */
#product_network {width:980px; margin:0 auto;}
#product_network .leftbox {width:690px; float:left}
#product_network .titlebox {height:35px;}
#product_network .btn_more {float:right; width:50px;}
#product_network .btn_more2 {float:right; width:22px;}
#product_network .rightbox{float:right; width:270px;}
/* ȸ»ç¼Ò°³ ¸µÅ©, ±âŸ ÄÁÅÙÃ÷ ¸µÅ© */
#cominfo_link {width:100%; min-width:980px; margin-top:0px; padding-bottom:35px; display:inline-block}
.cominfo_box {width:980px; padding-top:30px; margin:0 auto}
.cominfo_box .leftbox {width:690px; float:left}
.cominfo_box .leftbox .link01 {float:left; width:215px;}
.cominfo_box .leftbox .link02 {float:left; margin-left:22px; margin-right:22px; width:215px;}
.cominfo_box .leftbox .stitleimg {padding-top:16px; padding-bottom:18px; font-size:16px; font-weight:bold; color:#333}
.cominfo_box .leftbox .infotext {line-height:150%; color:#666666}
.cominfo_box .rightbox{float:right; width:270px;}
.cominfo_box .rightbox .stitleimg {padding-bottom:10px; font-size:16px; font-weight:bold; color:#333}
.cominfo_box .rightbox .linkimg01 {float:left; line-height:0px; border-right:#000 solid 1px; border-bottom:#000 solid 1px;}
.cominfo_box .rightbox .linkimg02 {float:left; line-height:0px; border-bottom:#000 solid 1px;}
.cominfo_box .rightbox .linkimg03 {float:left; line-height:0px; border-right:#000 solid 1px;}
.cominfo_box .rightbox .linkimg04 {float:left; line-height:0px;}
/* °Ô½ÃÆÇ ºÎºÐ, °í°´¼¾ÅÍ */
#board_cs {width:980px; margin:0 auto; padding-top:30px;}
#board_cs .leftbox {width:690px; float:left}
#board_cs .leftbox .stitleimg {padding-bottom:10px; font-size:16px; font-weight:bold; color:#333}
#board_cs .leftbox .newsnotice {float:left; width:335px;}
#board_cs .leftbox .titlebox {height:35px;}
#board_cs .leftbox .btn_more {float:right; width:22px;}
#board_cs .leftbox .agency {float:right; width:335px;}
#board_cs .rightbox{float:right; width:270px;}
#board_cs .rightbox .titlebox {height:35px;}
#board_cs .rightbox .stitleimg {padding-bottom:10px; font-size:16px; font-weight:bold; color:#333}
.btn_more {float:right; width:22px;}

.agency_listbox {width:258px; height:60px; padding:8px 0 0 8px; border:#CCC solid 1px;}
.board_cs_box {width:335px; height:70px; border:#CCC solid 1px;}
.clearfix {ZOOM: 1}
.clearfix:after {DISPLAY: block; CLEAR: both; CONTENT: ""}
#notice-list {POSITION: relative; margin-left:10px; TEXT-ALIGN:left; WIDTH: 270px; FLOAT:left}
#notice-list UL {MARGIN-TOP: 0px}
#notice-list LI {WIDTH: 260px}
#notice-list LI A { PADDING-LEFT: 6px; padding-top:3px; padding-bottom:3px; LETTER-SPACING: -1px; DISPLAY: block; MARGIN-BOTTOM: 3px; BACKGROUND: url(../img/i_images/layout/list_dotimg.gif) no-repeat 0px 50%; FLOAT: left; COLOR: #666; FONT-SIZE: 13px}
#notice-list LI A:hover {COLOR: #ea0061}
#notice-list LI SPAN {DISPLAY: block; FLOAT: right; COLOR: #a5a5a5; FONT-SIZE: 12px; padding-top:2px; padding-right:25px;}