@charset "utf-8";
#container{width:100%;}
.spot_navi{overflow:hidden;padding-bottom: 10px;margin-top:9px;background:url(http://arko.or.kr/images/main/vis_bg.gif) no-repeat;}
.spot_navi .visual{float:left}
.spot_navi ul{float:left;overflow:hidden;width:638px}
.spot_navi ul li{float:left}
.spot_navi ul li.i1{margin: 0 10px 10px 0}
.spot_navi ul li.i2{margin-right:10px}
.spot_navi ul li.i3{margin-right: 10px}
.spot_navi ul li.i4{margin-right:0}
.spot_navi ul li.i5{margin-bottom:0}
.spot_navi ul li.i6{}
.spot_navi ul li a{display:block;}

.con_notice{float:left;width:456px;height:167px;border:1px solid #d6d6d6;position: relative;margin: 0 10px 10px 0;}
.con_notice h2{color:#303030;padding-right:22px;border-bottom:1px solid #d6d6d6;font-size:16px;letter-spacing:-1px;padding:8px 22px 0 20px;height:27px}
.con_notice h2 img{padding: 8px 20px 0 20px;}
.con_notice ul{height: 90px;padding: 6px 0 0 20px;}
.con_notice ul li{line-height: 20px;height: 20px;vertical-align: top;font-weight: bold;font-size:14px;}
.con_notice ul li a{display:block;color:#191919}
.con_notice ul li.notice{}
.con_notice ul li.notice a{color: #022d60;}
.con_notice .set{padding:19px 20px;display:block;overflow:hidden;}
.con_notice .set span{width: 305px;float:left;line-height: 16px;}
.con_notice .set .img{float:left;width: 111px;margin-top:2px}
.con_notice .set .tit{color: #000000;font-weight: bold;font-size:14px;line-height:18px;position: relative}
.con_notice ul li a .col{color: #4b9cd0;}
.con_notice .btn_more{position: absolute;right: 18px;top: 9px;}

.con_businees{margin: 0 0 10px 0;}

.con_arkoing{float:left;width:456px;height:167px;border:1px solid #d6d6d6;position: relative;margin: 0 10px 0 0;}
.con_arkoing h2{color:#303030;padding-right:22px;border-bottom:1px solid #d6d6d6;font-size:16px;letter-spacing:-1px;padding:8px 22px 0 20px;height:27px;font-weight:600}
.con_arkoing h2 img{padding: 8px 20px 0 20px;}
.con_arkoing ul{height: 90px;padding: 6px 0 0 20px;}
.con_arkoing ul li{line-height: 20px;height: 20px;vertical-align: top;font-weight: bold;font-size:14px;}
.con_arkoing ul li a{display:block;color:#191919}
.con_arkoing ul li.notice{}
.con_arkoing ul li.notice a{color: #022d60;}
.con_arkoing .set{padding:19px 20px;display:block;overflow:hidden;}
.con_arkoing .set span{width: 305px;float:left;line-height: 16px;}
.con_arkoing .set .img{float:left;width: 111px;margin-top:2px}
.con_arkoing .set .tit{color: #000000;font-weight: bold;font-size:14px;line-height:18px;position: relative}
.con_arkoing ul li a .col{color: #4b9cd0;}
.con_arkoing .btn_more{position: absolute;right: 18px;top: 9px;}

.con_bodo{margin: 0}

.con_sns{float:left;width: 456px;border:1px solid #d6d6d6;position: relative;margin: 0 10px 0 0;}
.con_sns h2{height: 35px;border-bottom: 1px solid #d6d6d6;}
.con_sns h2 img{padding: 8px 20px 0 20px;}
.con_sns .sns_set{position: absolute;right: 19px;top: 7px;}
.con_sns .sns_set a{float:left;display:block;width: 22px;height: 21px;}
.con_sns .sns_set a span{visibility:hidden;position: absolute;top: -999em;}
.con_sns .sns_set .ico_1,
.con_sns .sns_set .ico_2,
.con_sns .sns_set .ico_3,
.con_sns .sns_set .ico_4{background: url(http://arko.or.kr/images/sns_ico.gif) no-repeat 0 0;}
.con_sns .sns_set .ico_1{}
.con_sns .sns_set .ico_2{background-position:-22px 0;}
.con_sns .sns_set .ico_3{background-position:-44px 0;}
.con_sns .sns_set .ico_4{background-position:right top;}
.con_sns ul{padding: 10px 0 0 18px;height: 90px;}
.con_sns ul li{float:left;width: 215px;}
.con_sns ul li a{display:block;overflow:hidden;line-height: 16px;}
.con_sns ul li a span{float:left;}
.con_sns ul li a .img{width: 60px;height: 80px;}
.con_sns ul li a .img img{border:1px solid #d6d6d6;}
.con_sns ul li a .id{color: #3e9ad6;width: 100px;font-weight: bold;}
.con_sns ul li a .titme{color: #000000;width: 48px;text-align: right;}
.con_sns ul li a .txt{color: #656461;width: 136px;}
.con_sns ul li a .link{color: #000000;width: 136px;text-decoration:underline;}

.con_infor{float:left;width: 456px;border:1px solid #d6d6d6;height: 136px;background: url(http://arko.or.kr/images/infor_bg.gif) no-repeat 282px 9px;}
.con_infor .set{padding: 17px 0 0 40px;overflow:hidden;width:400px}
.con_infor .p{padding-bottom: 10px;display:block;clear:both}
.con_infor div{float:none;clear:both;zoom:1}
.con_infor a{float:left;margin-right:5px}

.notice_tab{float:left;width:456px;height:167px;border:1px solid #d6d6d6;position:relative;height:167px;margin:0 0 10px 0;background:url(http://arko.or.kr/images/submain2/notice_tab_bgx.gif) repeat-x 0 0}
.notice_tab h2{color:#303030;float:left;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background-color:#f2f2f2;font-size:16px;letter-spacing:-1px;padding:8px 20px 0 18px;height:27px;font-weight:600}
.notice_tab h2.on{color:#000;background-color:#fff;border-bottom:1px solid transparent}
.notice_tab h2 img{padding:10px 0 0 19px}
.notice_tab .btn_more{position:absolute;right:0;top:0}

.notice_tab ul{position:absolute;left:20px;top:54px;width:430px}
.notice_tab ul li{line-height:20px;height:20px;vertical-align:top}
.notice_tab ul li a{display:block;overflow:hidden}
.notice_tab ul.bull li a{display:block;padding-left:10px;background:url(http://arko.or.kr/images/common/bull.gif) left 3px no-repeat}

.notice_tab ul li a.txt{float:left;width:355px}
.notice_tab ul li a .date{float:left;text-align:left;width:86px}

.notice_tab ul li a .col_green{color:#6a963b}
.notice_tab ul li a .col{color:#3594cc}
.notice_tab ul li a .col_red{color:#ff4646}
.notice_tab a.btn_more{display:none}
.notice_tab .on a.btn_more{display:block}


.popupzone{width:442px;height:210px;position:relative;z-index:0;}
.popupzone .ctrl{position: absolute;right:12px;top:10px;z-index:50;}
.popupzone .ctrl button{width: 10px;height: 20px;float:left;margin-right:1px;background-color: transparent;background-repeat: no-repeat;color: transparent;}
.popupzone .ctrl button span{font-size: 1px;position:absolute;z-index:60;visibility:hidden;overflow:hidden;width: 1px;height: 1px;}
.popupzone .ctrl button.popupzone_play{/* background-image: url(/images/popupzone_play.gif); */display:none;}
.popupzone .ctrl button.popupzone_stop{background-image: url(http://arko.or.kr/images/popupzone_stop.png);}

.popupzone .area{width:442px;height:210px;overflow:hidden;}
.popupzone .area ul{float:right;padding: 10px 37px 0 0;width: auto;}
.popupzone .area ul li{float:left;}
.popupzone .area ul li .num{z-index:260;position: relative;z-index:50;}
.popupzone .area ul li .view{position: absolute;z-index:10;top:0;left:0;display: none;}
.popupzone .area ul li.on .view{display: block; }
.popupzone .area ul li a{display: block;}



/* 메인추가 */
.notice_tab1{float:left;width:456px;height:167px;border:1px solid #d6d6d6;position:relative;height:167px;margin:0 0 10px 0;background:url(http://arko.or.kr/images/submain2/notice_tab_bgx.gif) repeat-x 0 0}
.notice_tab1 h2{color:#303030;float:left;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background-color:#f2f2f2;font-size:16px;letter-spacing:-1px;padding:8px 20px 0 18px;height:27px;font-weight:600}
.notice_tab1 h2.on{color:#000;background-color:#fff;border-bottom:1px solid transparent}
.notice_tab1 h2 img{padding:10px 0 0 19px}
.notice_tab1 .btn_more{position:absolute;right:0;top:0}

.notice_tab1 ul{position:absolute;left:20px;top:54px;width:430px}
.notice_tab1 ul li{line-height:20px;height:20px;vertical-align:top}
.notice_tab1 ul li a{display:block;overflow:hidden}
.notice_tab1 ul.bull li a{display:block;padding-left:10px;background:url(http://arko.or.kr/images/common/bull.gif) left 3px no-repeat}

.notice_tab1 ul li a.txt{float:left;width:355px}
.notice_tab1 ul li a .date{float:left;text-align:left;width:86px}

.notice_tab1 ul li a .col_green{color:#6a963b}
.notice_tab1 ul li a .col{color:#3594cc}
.notice_tab1 ul li a .col_red{color:#ff4646}
.notice_tab1 a.btn_more{display:none}
.notice_tab1 .on a.btn_more{display:block}


.notice_tab1 .set span{width: 305px;float:left;line-height: 16px;}
.notice_tab1 .set .img{float:left;width: 111px;margin-top:2px}
.notice_tab1 .set .tit{color: #000000;font-weight: bold;font-size:14px;line-height:18px;position: relative}
/* 메인추가 */

/* 메인 상단 배너 리뉴얼 추가 */
.spot_banner_wrap{background:#fafafa url(images/item_wrap_bg.png) repeat-x;height:402px;margin-bottom: 0px;overflow:hidden}
.spot_banner_con{position:relative;width:926px;margin:30px auto}
.spot_banner_button button{text-indent:-9999px;z-index:29}
.spot_banner_button button.arrow{position:absolute;top:146px;width:50px;height:50px;background:url(../images/item_btn.png) no-repeat;z-index:31;display:block}
.spot_banner_button button.arrow.prev{left:-30px;background-position:0 0}
.spot_banner_button button.arrow.next{right:-30px;background-position:0 -60px}
.spot_banner_button button.bg{position:absolute;top:0;width:100%;height:343px;background: transparent url(../images/item_btn_bg.png) repeat;cursor:pointer}
.spot_banner_button button.bg.prev{right:0;margin-right:926px}
.spot_banner_button button.bg.next{left:0;margin-left:926px}
.item_wrap{position:absolute;width:10000px}
.item_wrap:after{clear:both;display:block;content:""}
.item_wrap .item{float:left}
.item_wrap .item .detail{display:block;position:relative;height:343px}
.item_wrap .item .more{position:absolute;top:15px;right:15px}
.arko_bnr{position:absolute;top:107px;z-index:30}
/* 메인 상단 배너 리뉴얼 추가 */