@c-h-a-r-s-e-t "utf-8";

#slide-container{display: none;}
#header-container .content-header{display: none;}
#content-container{margin: 0 auto; padding-top: 480px; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;}

#visualArea{position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 585px; overflow: hidden;}
#visualArea .visualText{position: absolute;z-index: 60;top: 220px;left: 500px;width: 1000px;}
#visualArea .visualText .item-00{line-height: 30px; font-size: 18px;color: #016930;letter-spacing:-2px;font-weight: bold;}
#visualArea .visualText .item-01{line-height: 39px; font-size: 35px;color: #5B5B5B;letter-spacing:-2px}
#visualArea .visualText .item-01 .wbr{display:block}
#visualArea .visualText .item-01 strong{color:#4B7BD6;font-size: 32px;}
#visualArea .visualText .item-02{line-height: 20px; font-size: 18px;color: #5B5B5B;letter-spacing:-0.5px; margin-top: 8px;}

#mainCont{position: relative; z-index: 2;}
#mainCont:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}

#mainCont .latest-posts-notice{float:left;width:320px}
#mainCont .latest-posts-notice .tab_list>ul>li>ul li.tabboard-nodata{color:#000;text-align: center;height:113px;padding-top: 30px;padding-right:0}
#mainCont .latest-posts-notice .tab_list>ul>li>ul li{height:28px;border-bottom: 1px solid #e0e0e0;}
#mainCont .latest-posts-notice .tab_list>ul>li>ul li a:before{position: absolute;left: 0;content:"-"}
#mainCont .latest-posts-notice .tab_list>ul>li>ul li a{padding-left: 10px;}
#mainCont .latest-posts-notice  .tab_list>ul>li>ul li.more{height:auto;border-bottom:0}
#mainCont .latest-posts-notice  .tab_list>ul>li>ul li.more a{padding-left:0}
#mainCont .latest-posts-notice  .tab_list>ul>li>ul li.more a:before{content:""}

.tab_list{position: relative;}
.tab_list>ul{list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li{float: left; line-height: .9;}
.tab_list>ul:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.tab_list>ul>li>a{float: left; line-height: inherit;}
.tab_list>ul>li>a span{display: block; font-weight: bold; line-height: inherit; letter-spacing: -1px;}
.tab_list>ul>li>ul{position: absolute; left: 0; right: 0; list-style: none; margin: 0; padding: 0;}
.tab_list>ul>li>ul li{position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tab_list>ul>li>ul li a{text-decoration: none;}
.tab_list>ul>li>ul li a:focus,
.tab_list>ul>li>ul li a:hover{text-decoration: underline;}
.tab_list>ul>li>ul li span{position: absolute; right: 0; top: 0;}
.tab_list>ul>li>ul li.more{position: static;}
.tab_list>ul>li>ul li.more a{display: block; position: absolute; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; background-position: 0 0;}

.tab_list>ul>li+li:before{content: '/'; float: left; width: 32px; color: inherit; text-align: center; vertical-align: top; color: #ebd7b5;}
.tab_list>ul>li>a{font-size: 16px; color: #7D7D7D;}
.tab_list>ul>li>a span.over{color: #000;}
.tab_list>ul>li>ul{top: 51px;}
.tab_list>ul>li>ul li{padding-right: 75px;}
.tab_list>ul>li>ul li a{line-height: 28px; font-size: 13px; color: #666666;}
.tab_list>ul>li>ul li span{line-height: 28px; font-size: 13px; color: #666666;}
.tab_list>ul>li>ul li.more a{top: -51px; right: 0; width: 24px; height: 24px; background-image: url(./../../mycodyimages/m_btn_more.png);}


#mainCont .popup-zone{float: left; width:320px;margin-left:20px}
.popup-zone .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a{background-image: url(./../../mycodyimages/popupzone_panel.png);}

#mainCont .shortcut:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#mainCont .shortcut{margin-bottom:30px}
#mainCont .shortcut li{position:relative;float:left;width:270px;height:115px;padding:25px 25px 20px;color:#fff;background-image: url(./../../mycodyimages/bg_shortcut_item.png);background-repeat: no-repeat;}
#mainCont .shortcut li.item-02{background-position: -340px 0;}
#mainCont .shortcut li.item-03{background-position: -680px 0;}
#mainCont .shortcut li .more{position:absolute;left:25px;bottom:20px;font-size:13px;font-weight:bold;color:#fff}
#mainCont .shortcut .item-title{font-size:13px;color:#fff36a;font-weight:bold;line-height: 0.9;margin-bottom:5px}
#mainCont .shortcut dl dt{font-size:18px;font-weight:bold;letter-spacing:-1.5px;}
#mainCont .shortcut dl dd{font-size:13px;line-height:20px;letter-spacing:-1px;margin-top:5px}

#mainCont .shortcut .bx-wrapper .bx-controls a{display: block; width: 39px; height: 57px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 0;}
#mainCont .shortcut .bx-wrapper .bx-controls .bx-controls-direction a{position: absolute; top:52px; background-repeat: no-repeat;}
#mainCont .shortcut .bx-wrapper .bx-controls .bx-controls-direction .bx-prev{left: -52px; background-position: 0 0;}
#mainCont .shortcut .bx-wrapper .bx-controls .bx-controls-direction .bx-next{right: -52px; background-position: -39px 0;}
#mainCont .shortcut .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active{display: none;}
#mainCont .shortcut .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop{display: none;}
#mainCont .shortcut .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start{display: none;}

#mainCont .photo-gallery{float: left; position: relative; width: 320px; height: 195px;margin-left:20px}
#mainCont .photo-gallery h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#mainCont .miniBox{position: static !important;}
#mainCont .miniBox .miniGallery-container h2{display: none; height:195px; overflow:hidden;}
#mainCont .miniBox .miniGallery-container ul{list-style: none; margin: 0; padding: 0; height: auto;}
#mainCont .miniBox .miniGallery-container ul li{float: none; width: 320px; height:195px; position:relative;}
#mainCont .miniBox .miniGallery-container ul li .thumb{width: 100%; height: 195px;}
#mainCont .miniBox .miniGallery-container ul li .thumb a{display: block; position: relative; width: 100%; height: 100%; padding-top:0;}
#mainCont .miniBox .miniGallery-container ul li .thumb a img{vertical-align: top;}
#mainCont .miniBox .miniGallery-container ul li .title{position: absolute; right: 10px; bottom: 10px; left: 10px; width: auto; text-align: left; background-color: rgba(0,0,0,0.8)}
#mainCont .miniBox .miniGallery-container ul li .title a{display: block; background-image:url(''); text-align:left; margin: 0; padding: 10px 0 0 8px; height: 26px; line-height: .9; font-size: 14px; color: #fff; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainCont .miniBox .miniGallery-container ul li .title a:focus,
#mainCont .miniBox .miniGallery-container ul li .title a:hover{text-decoration: underline;}
#mainCont .miniBox .miniGallery-container a.more{display: block; padding-top:0; position: absolute; top: auto; bottom: 10px; right: 10px; width: 36px; height: 36px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more_gallery.png) no-repeat 0 0;}

.nh-atype09 .miniGallery-container .noData{height: 195px; display: block; background-color: #fbfbfb; font-size: 14px;}
.nh-atype09 .miniGallery-container .noData p {font-size: 14px; padding-top: 80px;}

								
/*메인 팝업존 농협주유소 스타일 추가*/
.popup_Id_325136949 div{border:0px !important;}
.popup_Id_325136949 h5 {padding:28px 0 5px 24px !important;font-weight:bold;}
.popup_Id_325136949 p {padding:0px 0 0 48px !important;font-weight:bold;line-height:1.8 !important;letter-spacing:-1px;}