@charset "utf-8"; #slide-container {display: none;} #header-container .content-header {display: none;} #content-container {margin: 0 auto; padding: 684px 0 0 0; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;} /* 이동버튼 */ .btn.goto {position: relative; padding-right: 30px;;background:#fff;border-radius: 4px;} .btn.goto span {padding-top: 10px; width: 130px; height: 26px; font-size: 16px; color: #000;} .btn.goto span:before {content: ''; display: block; position: absolute; top: 11px; right: 23px; width: 1px; height: 15px; background-color: #555;} .btn.goto span:after {content: ''; display: block; position: absolute; top: 18px; right: 16px; width: 15px; height: 1px; background-color: #555;} .btn.goto:focus,.btn.goto:hover {background:#49b264} .btn.goto:focus,.btn.goto:hover span {color:#fff} .btn.goto:hover span:before,.btn.goto:hover span:after{background:#fff} /* visualArea */ #visualArea {position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 684px; overflow: hidden;} /* bxslider 페이지 */ #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 70; left: 500px; bottom: 34px; width: 1000px; text-align: center;} #visualArea .bx-wrapper .bx-controls .bx-pager:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #visualArea .bx-wrapper .bx-controls .bx-pager {display: inline-block; vertical-align: top;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item {display: inline-block; vertical-align: top; margin-top: 6px; margin-bottom: 6px;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item+.bx-pager-item {margin-left: 4px;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {display: block; width: 65px; height: 10px; overflow: hidden; text-indent: -999em; background-color: #ffffff;border-radius: 10px;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {background-color: #32a13c;} /* bxslider 시작 정지 */ #visualArea .bx-wrapper .bx-controls .bx-controls-auto {display: none; margin-left: 5px;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item {} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a {display: block; width: 17px; height: 17px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_visual_panel.png); background-repeat: 0 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: 0 0;} #visualArea .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item .bx-start {background-position: -17px 0;} #visualArea .visualText {position: absolute; z-index: 60; bottom: 100px; left: 500px; width: 1000px; text-align: center;} #visualArea .visualText .item-01 {display:none;font-size: 48px; color: #ffffff; line-height: 68px;} #visualArea .visualText .item-01 strong {display: block; font-size: 75px; font-weight: normal;} #visualArea .visualText .item-02 {display:none;font-size: 20px; color: #ffffff; margin-top: 48px;} #visualArea .visualText .item-03 {display:none;font-size: 15px; color: #cecece; margin-top: 16px;} #visualArea .visualText .button-area {margin-top: 60px;} #visualArea .visualText .button-area a+a {margin-left: 10px;} /* mainCont */ #mainCont {} /* 최근게시물 */ #mainCont .latest-posts {padding-top: 45px; height: 225px; width: 1000px; margin: 0 auto;} #mainCont .latest-posts:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} /* 최근게시물 공지사항 */ #mainCont .latest-posts .latest-posts-notice {float: left; position: relative; width: 420px;} #mainCont .latest-posts .latest-posts-notice h2 {margin: 0 0 20px 0; line-height: 28px; font-size: 18px; color: #3c6096;} /* .tab_list {} .tab_list>ul {list-style: none; margin: 0; padding: 0;} .tab_list>ul>li>a {display: none;} .tab_list>ul>li>ul {list-style: none; margin: 0; padding: 0;} .tab_list>ul>li>ul li {line-height: 25px;} .tab_list>ul>li>ul li:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .tab_list>ul>li>ul li img {vertical-align: middle;} .tab_list>ul>li>ul li a {display: inline-block; max-width: 260px; line-height: inherit; font-size: 13px; color: #333333; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .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 {float: right; line-height: inherit; font-size: 13px; color: #333333;} .tab_list>ul>li>ul li.more a {display: block; position: absolute; top: 0; right: 0; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;} */ /* 게시판탭 공통 */ .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: #999999;} .tab_list>ul>li>a {font-size: 22px;; color: #999999;} .tab_list>ul>li>a span.over {color: #32a13c;font-size: 22px;} .tab_list>ul>li>ul {top: 36px;} .tab_list>ul>li>ul li {padding-right: 60px; line-height: 34px; font-size: 16px; color: #333333;} .tab_list>ul>li>ul li a {line-height: inherit; font-size: inherit; color: inherit;} .tab_list>ul>li>ul li span {line-height: inherit; font-size: inherit; color: inherit;} .tab_list>ul>li>ul li.more a {top: -42px; right: 0; width: 28px; height: 28px; background-image: url(./../../mycodyimages/m_btn_more.png);} /* 최근게시물 포토갤러리 */ #mainCont .latest-posts .latest-posts-gallery {float: right; position: relative; width: 520px;} #mainCont .latest-posts .latest-posts-gallery h2 {margin: 0 0 20px 0; line-height: .9; font-size: 22px; color: #32a13c;} .miniBox {} .miniBox .miniGallery-container.skin_005 h2 {display: none;} .miniBox .miniGallery-container.skin_005 ul {list-style: none; margin: 0; padding: 0; height: auto;} .miniBox .miniGallery-container.skin_005 ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .miniBox .miniGallery-container.skin_005 ul li {float: left; width: 160px; height: auto;} .miniBox .miniGallery-container.skin_005 ul li+li {margin-left: 20px;} .miniBox .miniGallery-container.skin_005 ul li .thumb {display: block; width: 100%; height: 115px;} .miniBox .miniGallery-container.skin_005 ul li .thumb a {display: block; width: 100%; height: 100%;} .miniBox .miniGallery-container.skin_005 ul li .thumb a img {vertical-align: top;} .miniBox .miniGallery-container.skin_005 ul li .title {display: block; margin-top: 4px; line-height: 24px;} .miniBox .miniGallery-container.skin_005 ul li .title a {display: block; margin: 0; width: 100%; line-height: inherit; font-size: 16px; color: #333333; text-decoration: none; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .miniBox .miniGallery-container.skin_005 ul li .title a:focus, .miniBox .miniGallery-container.skin_005 ul li .title a:hover {text-decoration: underline;} .miniBox .miniGallery-container.skin_005 a.more {display: block; position: absolute; top: -42px; right: 0; width: 28px; height: 28px; text-indent: -999em; overflow: hidden; background: url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;} /* 특산물 */ #mainCont .specialties {position: relative; height: 450px;} /* #mainCont .specialties:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background: url(./../../mycodyimages/m_content_01.png) no-repeat 50% 0;}*/ #mainCont .specialties .section-head {display:none;padding-top: 80px; text-align: center;} #mainCont .specialties .section-head .title {font-weight: normal; font-size: 40px; color: #333333;} #mainCont .specialties .section-head .subtitle {margin: 24px 0 0 0; font-size: 15px; color: #666666;} #mainCont .specialties .section-body {text-align: center; margin: 40px auto 0 auto; width: 1000px;position: absolute;bottom: 102px;} #mainCont .specialties .section-body .subject {margin: 0; color: #ffffff; font-size: 19px; font-weight: bold;} #mainCont .specialties .section-body .summary {margin: 16px 0 0 0; color: #ffffff; font-size: 14px; line-height: 25px;} #mainCont .specialties .section-body .btn.goto {margin-top: 20px;background: #32a13c;} #mainCont .specialties .section-body .btn.goto span{color:#fff} #mainCont .specialties:after{content:"";width:2000px;height:450px;position:absolute;top:0;left:50%;margin-left:-1000px;background:url(./../../mycodyimages/m_content_shopping.png) no-repeat;z-index: -1;} /* 신용사업 */ #mainCont .financial-products {position: relative; height: 540px;} #mainCont .financial-products:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; bottom: 0; left: -500px; width: 2000px; background-color: #fafafa;} #mainCont .financial-products .section-head {padding-top: 80px; text-align: center;} #mainCont .financial-products .section-head .title {font-weight: normal; font-size: 40px; color: #333333;} #mainCont .financial-products .section-head .subtitle {margin: 24px 0 0 0; font-size: 15px; color: #666666;} #mainCont .financial-products ul {list-style: none; margin: 80px auto 0 auto; padding: 0; width: 1000px;} #mainCont .financial-products ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .financial-products ul li {float: left;} #mainCont .financial-products ul li+li {margin-left: 62px;} #mainCont .financial-products ul li a {display: block; padding-top: 170px; width: 150px; font-weight: bold; font-size: 18px; color: #666666; text-align: center; background-image: url(./../../mycodyimages/m_content_02.png); background-repeat: no-repeat;} #mainCont .financial-products ul li a:focus, #mainCont .financial-products ul li a:hover {text-decoration: underline;} #mainCont .financial-products ul li.item-01 a {background-position: 0 0;} #mainCont .financial-products ul li.item-02 a {background-position: -150px 0;} #mainCont .financial-products ul li.item-03 a {background-position: -300px 0;} #mainCont .financial-products ul li.item-04 a {background-position: -450px 0;} #mainCont .financial-products ul li.item-05 a {background-position: -600px 0;} #mainCont .specialties .section-body .btn.goto span:before,#mainCont .specialties .section-body .btn.goto span:after{background-color:#fff}