@charset "utf-8"; #slide-container {display: none;} #header-container .content-header {display: none;} #content-container {margin: 0 auto; padding-top: 355px; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;} /* visualArea */ #visualArea {position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 585px; overflow: hidden;} #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 60; top: 267px; right: 500px; padding: 0 26px;} #visualArea .bx-wrapper .bx-controls a {display: block; width: 25px; height: 23px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-direction a {position: absolute; top: 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {left: 0; background-position: 0 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-direction .bx-next {right: 0; background-position: -25px 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active {display: none;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-stop {background-position: -50px 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position: -75px 0;} #visualArea .visualText {display:none;position: absolute; z-index: 60; top: 90px; left: 500px; width: 1000px;} #visualArea .visualText .item-01 {line-height: .9; font-size: 20px;color: #5f5f5f; font-weight: bold;} #visualArea .visualText .item-01 strong {display: block; line-height: .9; font-size: 40px; color: #715a1b; margin-top: 8px;} #visualArea .visualText .item-02 {line-height: 20px; font-size: 14px; color: #5d5c5c; margin-top: 20px; font-weight: bold;} /* mainCont */ #mainCont {position: relative; z-index: 2;} #mainCont:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} /* 최근개시물 */ #mainCont .latest-posts {float: left; padding: 20px; width: 460px; height: 190px; background-color: #5c442d; background-color: rgba(22,32,64,0.7);} /* 게시판탭 공통 */ .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: #ebd7b5;} .tab_list>ul>li>a span.over {color: #ffb300;} .tab_list>ul>li>ul {top: 36px;} .tab_list>ul>li>ul li {padding-right: 60px;} .tab_list>ul>li>ul li a {line-height: 25px; font-size: 13px; color: #ffffff;} .tab_list>ul>li>ul li span {line-height: 25px; font-size: 13px; color: #ffffff;} .tab_list>ul>li>ul li.more a {top: -36px; right: 0; width: 20px; height: 20px; background-image: url(./../../mycodyimages/m_btn_more.png);} .tab_list>ul>li>ul .tabboard-nodata {color:#fff;} /* 팝업존 */ #mainCont .popup-zone {float: left; width:250px;} /* 포토존 */ #mainCont .photo-gallery {float: left; position: relative; width: 250px; height: 230px;} #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;} #mainCont .miniBox .miniGallery-container ul {list-style: none; margin: 0; padding: 0; height: auto;} #mainCont .miniBox .miniGallery-container ul li {float: none; width: 250px; height: 230px; position:relative;} #mainCont .miniBox .miniGallery-container ul li .thumb {width: 250px; height: 230px;} #mainCont .miniBox .miniGallery-container ul li .thumb a {display: block; position: relative; width: 100%; height: 100%;} #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; background-color: #000000; text-align: left; background-color: rgba(0,0,0,0.8)} #mainCont .miniBox .miniGallery-container ul li .title a {display: block; margin: 0; padding: 10px 0 0 8px; height: 26px; line-height: .9; font-size: 14px; color: #ffffff; 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; 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;} /* 바로가기 1 */ #mainCont .shortcut-01 {float: right; width: 250px;} #mainCont .shortcut-01:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .shortcut-01 li {vertical-align: top;} #mainCont .shortcut-01 li a {display: block; padding: 44px 0 0 35px; height: 71px; line-height: 22px; color: #24594f; background-color: #dbe3de; background-image: url(./../../mycodyimages/m_content.png); background-repeat: no-repeat;} #mainCont .shortcut-01 li a:focus *, #mainCont .shortcut-01 li a:hover * {text-decoration: underline;} #mainCont .shortcut-01 li a .title {display: block; font-size: 13px;} #mainCont .shortcut-01 li a .subtitle {display: block; font-size: 16px;} #mainCont .shortcut-01 li.item-01 a {background-position: 0 0;} #mainCont .shortcut-01 li.item-02 a {background-position: 0 -115px;} /* 바로가기 2 */ #mainCont .shortcut-02 {float: left;} #mainCont .shortcut-02:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .shortcut-02 li {float: left;} #mainCont .shortcut-02 li a {display: block; padding: 20px 0 0 66px; width: 184px; height: 70px; line-height: 24px; background-image: url(./../../mycodyimages/m_content.png); background-repeat: no-repeat;} #mainCont .shortcut-02 li a:focus *, #mainCont .shortcut-02 li a:hover * {text-decoration: underline;} #mainCont .shortcut-02 li a .title {display: block; font-size: 16px;} #mainCont .shortcut-02 li a .subtitle {display: block; font-size: 13px;} #mainCont .shortcut-02 li.item-01 a {background-color: #e4e4e4; background-position: 0 -230px;} #mainCont .shortcut-02 li.item-01 a .title {color: #404040;} #mainCont .shortcut-02 li.item-01 a .subtitle {color: #636363;} #mainCont .shortcut-02 li.item-02 a {background-color: #f7f7f7; background-position: 0 -320px;} #mainCont .shortcut-02 li.item-02 a .title {color: #404040;} #mainCont .shortcut-02 li.item-02 a .subtitle {color: #636363;} #mainCont .shortcut-02 li.item-03 a {background-color: #e8ad22; background-position: 0 -410px;} #mainCont .shortcut-02 li.item-03 a .title {color: #ffffff;} #mainCont .shortcut-02 li.item-03 a .subtitle {color: #ffffff;} #mainCont .shortcut-02 li.item-04 a {background-color: #359683; background-position: 0 -500px;} #mainCont .shortcut-02 li.item-04 a .title {color: #ffffff;} #mainCont .shortcut-02 li.item-04 a .subtitle {color: #ffffff;} /* menu-extension */ #mainCont .menu-extension {float: left;position: relative; margin-top:20px;} #mainCont .menu-extension h3 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .menu-extension ul {list-style: none; margin: 0; padding: 0;background-color:#f7f4f3} #mainCont .menu-extension ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .menu-extension ul li {position:relative;float: left; padding: 25px 0 0 90px;width:160px;background: url(./../../mycodyimages/m-icon.png) no-repeat} #mainCont .menu-extension ul li + li:before {content:"";display:block;width:1px;height:58px;background-color:#dedede;position:absolute;top:25px;left:0} #mainCont .menu-extension ul li a {position:relative;display: block;height: 85px;background-color:#f7f4f3} #mainCont .menu-extension ul li a .title {display: block; line-height:.9; font-size: 16px; color: #585858;letter-spacing:-0.5px;font-weight:bold;padding-bottom:10px} #mainCont .menu-extension ul li a .summary {display: block; line-height: 18px; font-size: 13px;color:#666666;letter-spacing:-0.5px} #mainCont .menu-extension ul li a .summary span {display: block; } #mainCont .menu-extension ul li a:focus *, #mainCont .menu-extension ul li a:hover * {text-decoration: underline;} #mainCont .menu-extension ul li.item-01 {background-position: 20px 25px;} #mainCont .menu-extension ul li.item-02 {background-position:-230px 25px;} #mainCont .menu-extension ul li.item-03 {background-position:-480px 25px;} #mainCont .menu-extension ul li.item-04 {background-position:-730px 25px;} /* 템플릿변경 C-A */ #content-container{width: 1000px !important;}