@charset "utf-8"; #slide-container {display: none;} #header-container .content-header {display: none;} #content-container {margin: 0 auto; padding: 474px 0 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: 474px; overflow: hidden;} #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 60; top: 60px; left: 500px; padding: 0 25px;} #visualArea .bx-wrapper .bx-controls a {display: block; width: 26px; 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 {position: absolute; z-index: 60; top: 100px; left: 500px; width: 1000px;} #visualArea .visualText .item-01 {font-size: 35px; color: #37396b;} #visualArea .visualText .item-02 {line-height: 22px; font-size: 15px; color: #333333; margin-top: 20px;} #visualArea .visualText .button-area {margin-top: 60px;} #visualArea .visualText .button-area a+a {margin-left: 10px;} /* mainCont */ #mainCont {} .container-01 {position: relative; height: 60px; padding: 25px;} .container-01:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background: url(./../../mycodyimages/m_content_01.png) repeat-x 0 0;} .container-01 ul {list-style: none; margin: 0 auto; padding: 0; width: 1000px;} .container-01 ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .container-01 ul li {float: left; width: 230px; margin-right: 20px;} .container-01 ul li a {display: block; vertical-align: top; padding-left: 80px; height: 60px; background-image: url(./../../mycodyimages/m_content_02.png); background-repeat: no-repeat;} .container-01 ul li a:focus *, .container-01 ul li a:hover * {text-decoration: underline;} .container-01 ul li a .title {display: block; font-size: 14px; line-height: 28px; color: #333333;} .container-01 ul li a .summary {display: block; font-size: 12px; line-height: 14px; color: #666666;} .container-01 ul li a .summary .wbr {display: inline-block; vertical-align: top;} .container-01 ul li.item-01 a {background-position: 0 0;} .container-01 ul li.item-02 a {background-position: 0 -60px;} .container-01 ul li.item-03 a {background-position: 0 -120px;} .container-01 ul li.item-04 a {background-position: 0 -180px;} .container-02 {width: 1000px; margin: 30px auto 0 auto;} .container-02:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .container-02 .latest-posts {float: left; padding: 18px 30px ; width: 440px; height: 194px; background-color: #f2f2f2;} /* 게시판탭 공통 */ .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 {margin-right: 38px; border-bottom: 1px solid #bababa;} .tab_list>ul>li {margin-bottom: -1px;} .tab_list>ul>li+li {margin-left: 28px;} .tab_list>ul>li>a {font-size: 18px; color: #666666;} .tab_list>ul>li>a span {height: 27px; border-bottom: 3px solid transparent;} .tab_list>ul>li>a span.over {color: #3c6096; border-bottom-color: #3c6096;} .tab_list>ul>li>ul {top: 50px;} .tab_list>ul>li>ul li {padding-right: 60px; padding-left: 8px;} .tab_list>ul>li>ul li:before {content: ''; display: block; position: absolute; top: 14px; left: 0; width: 3px; height: 3px; background-color: #4f4e4d} .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: #333333;} .tab_list>ul>li>ul li.more {border: 0 none;} .tab_list>ul>li>ul li.more a {top: -48px; right: 0; width: 28px; height: 28px; background-image: url(./../../mycodyimages/m_btn_more.png);} .container-02 .container-03 {float: right;} .container-02 .container-03 ul li {float: left; width: 250px;} .container-02 .container-03 ul li a {display: block; padding-top: 160px; height: 70px; text-align: center; background-image: url(./../../mycodyimages/m_content_03.png); background-repeat: no-repeat;} .container-02 .container-03 ul li a:focus, .container-02 .container-03 ul li a:hover {text-decoration: underline;} .container-02 .container-03 ul li.item-01 a {font-size: 17px; color: #333333; font-weight: bold; background-position: 0 0;} .container-02 .container-03 ul li.item-02 a {font-size: 17px; color: #ffffff; font-weight: bold; background-position: 0 -230px;} .container-04 {float: left; width: 1000px; margin: 0 auto;} .container-04:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .container-04 ul li {float: left; width: 250px;} .container-04 ul li a {display: block; text-align: center; background-image: url(./../../mycodyimages/m_content_03.png); background-repeat: no-repeat;} .container-04 ul li a:focus, .container-04 ul li a:hover, .container-04 ul li a:focus *, .container-04 ul li a:hover * {text-decoration: underline;} .container-04 ul li a .title {display: block; font-size: 16px; color: #ffffff;} .container-04 ul li a .summary {display: block; margin-top: 8px; font-size: 12px; line-height: 18px; color: #ffffff;} .container-04 ul li a .summary .wbr {display: inline-block; vertical-align: top;} .container-04 ul li.item-01 a {padding: 130px 30px 0 30px; height: 100px; background-position: 0 -460px;} .container-04 ul li.item-02 a {height: 230px; line-height: 230px; font-size: 18px; color: #333333; font-weight: bold; background-position: 0 -690px;} .container-04 ul li.item-03 a {padding: 130px 30px 0 30px; height: 100px; background-position: 0 -920px;} .container-04 ul li.item-04 a {padding: 130px 30px 0 30px; height: 100px; background-position: 0 -1150px;}