@charset "utf-8"; #slide-container {display: none;} #header-container .content-header {display: none;} #content-container {margin: 0 auto; padding: 430px 0 0; 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: 670px; overflow: hidden;} #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 60; top: 50px; right: 500px; padding: 0 55px;} #visualArea .bx-wrapper .bx-controls a {display: block; width: 50px; height:50px; 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: -50px 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: -100px 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position: -150px 0;} #visualArea .visualText {position: absolute; z-index: 60; top: 230px; left: 500px; padding-top: 30px; width: 1000px;} #visualArea .visualText:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 66px; height: 4px; background-color: #ffffff;} #visualArea .visualText .item-01 {line-height: .9; font-size: 32px; color: #dedede;} #visualArea .visualText .item-02 {line-height: .9; font-size: 32px; color: #85a934; margin-top: 28px;} #visualArea .visualText .item-03 {line-height: .9; font-size: 13px; color: #d5d5d5; margin-top: 20px;} /* mainCont */ #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; position: relative; padding: 23px 25px; width: 300px; height: 140px; border-top: 4px solid #14acba; background-color: #ffffff;} #mainCont .latest-posts-notice h3 {margin: 0 0 22px 0; line-height: .9; font-size: 18px; color: #2b2b2b;} #mainCont .latest-posts-news {position: relative; float: left; padding: 25px; width: 300px; height: 136px; border-top: 4px solid #14acba; background-color: #f2f2f2;} #mainCont .latest-posts-news h3 {margin: 0 0 22px 0; line-height: .9; font-size: 18px; color: #2b2b2b;} /* 게시판탭 공통 */ .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;} .tab_list>ul>li>a {font-size: 18px; color: #999999;} .tab_list>ul>li>a span.over {color: #2b2b2b;} .tab_list>ul>li>ul {top: 40px;} .tab_list>ul>li>ul li {padding-right: 60px;} .tab_list>ul>li>ul li a {line-height: 25px; font-size: 13px; color: #333333;} .tab_list>ul>li>ul li span {line-height: 25px; font-size: 13px; color: #707070;} .tab_list>ul>li>ul li.more a {top: -40px; right: 0; width: 20px; height: 20px; background-image: url(./../../mycodyimages/m_btn_more.png);} #mainCont .shortcut {float: left; width: 300px; height: 186px; border-top: 4px solid #14acba; background-color: #ffffff;} #mainCont .shortcut h3 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .shortcut ul {list-style: none; margin: 0; padding: 0 0 0 15px;} #mainCont .shortcut ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .shortcut ul li {float: left; width: 90px; font-size: 12px; margin: 15px 0 0 0;} #mainCont .shortcut ul li a {display: block; height: 70px; color: #848484; text-align: center;} #mainCont .shortcut ul li a:focus, #mainCont .shortcut ul li a:hover {text-decoration: underline;} #mainCont .shortcut ul li a:before {content: ''; display: block; margin: 0 auto; width: 80px; height: 50px; background-image: url(./../../mycodyimages/m_content.png); background-repeat: no-repeat;} #mainCont .shortcut ul li.item-01 a:before {background-position: 0 0;} #mainCont .shortcut ul li.item-02 a:before {background-position: -80px 0;} #mainCont .shortcut ul li.item-03 a:before {background-position: -160px 0;} #mainCont .shortcut ul li.item-04 a:before {background-position: -240px 0;} #mainCont .shortcut ul li.item-05 a:before {background-position: -320px 0;} #mainCont .shortcut ul li.item-06 a:before {background-position: -400px 0;} /* 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;}