@charset "utf-8"; #slide-container {display: none;} #header-container .content-header {display: none;} #content-container {margin: 0 auto; padding: 480px 0 0 0; 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: 480px; overflow: hidden;} /* bxslider 페이지 */ #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 70; left: 500px; bottom: 24px; 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: 50px; height: 5px; overflow: hidden; text-indent: -999em; background-color: #ffffff;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {background-color: #3f3835;} /* bxslider 시작 정지 */ #visualArea .bx-wrapper .bx-controls .bx-controls-auto {display: inline-block; 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 {display:none;position: absolute; z-index: 60; top: 230px; left: 500px; width: 1000px; text-align: right;} #visualArea .visualText .item-01 {font-size: 22px; color: #ffffff;} #visualArea .visualText .item-02 {font-size: 36px; color: #fff; margin-top: 8px; line-height: 56px;} #visualArea .visualText .item-02 strong {display: block; font-size: 50px; color: #32a13c; font-weight: normal;} #visualArea .visualText .button-area {margin-top: 60px;} #visualArea .visualText .button-area a+a {margin-left: 10px;} #mainCont:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .latest-posts {float: left; padding: 45px; width: 410px; height: 170px;} /* 게시판탭 공통 */ .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 {margin-left: 32px;} .tab_list>ul>li>a {font-size: 18px; color: #666666;} .tab_list>ul>li>a span.over {color: #1e4c72;} .tab_list>ul>li>ul {top: 40px;} .tab_list>ul>li>ul li {padding-right: 60px; line-height: 25px; font-size: 13px; 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: -44px; right: 0; width: 28px; height: 28px; background-image: url(./../../mycodyimages/m_btn_more.png);} #mainCont .event-calendar {float: left; position: relative; padding: 0 0 0 230px; width: 270px; height: 260px;} #mainCont .event-calendar h2 {position: absolute; top: 0; left: 0; padding-top: 170px; width: 200px; height: 90px; line-height: .9; font-size: 16px; color: #ffffff; text-align: center; background: url(./../../mycodyimages/m_content_01.png) no-repeat 0 0;} #mainCont .event-calendar .wizard_func_area {padding-top: 28px; width: 270px;} #mainCont .event-calendar .wizard_func_area #flonttimetable-container {position: static;} #mainCont .financial-products {float: left;position: relative;margin: 0 auto;padding: 40px 0 0 550px;width: 430px;height: 470px;} #mainCont .financial-products:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; left: -500px; width: 2000px; height: 100%; background: url(./../../mycodyimages/m_content_02.png) no-repeat 50% 0;} #mainCont .financial-products .section-head .title {font-size: 30px; color: #333333; font-weight: normal;} #mainCont .financial-products .section-head .subtitle {margin-top: 12px; font-size: 14px color: #333333;} #mainCont .financial-products ul {list-style: none;margin: 43px 0 0 0;padding: 0;width: 450px;} #mainCont .financial-products ul li {position: relative; padding-left: 90px; vertical-align: top;} #mainCont .financial-products ul li:before {content: ''; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; width: 70px; height: 70px; background-image: url(./../../mycodyimages/m_content_03.png); background-repeat: no-repeat;} #mainCont .financial-products ul li+li {margin-top: 56px;} #mainCont .financial-products ul li a {display: block;} #mainCont .financial-products ul li a:focus, #mainCont .financial-products ul li a:hover {text-decoration: underline;} #mainCont .financial-products ul li a strong {display: block; font-size: 16px; color: #333333;} #mainCont .financial-products ul li a span {display: block; margin-top: 4px; font-size: 14px; color: #666666;} #mainCont .financial-products ul li.item-01:before {background-position: 0 0;} #mainCont .financial-products ul li.item-02:before {background-position: 0 -70px;} #mainCont .financial-products ul li.item-03:before {background-position: 0 -140px;} #mainCont .quick-Menu {float: left; margin: 0 auto; padding-top: 60px; width: 1000px;} #mainCont .quick-Menu .section-head .title {font-size: 35px; font-weight: normal; color: #333333; text-align: center;} #mainCont .quick-Menu .section-head .subtitle {margin-top: 8px; font-size: 16px; color: #666666; text-align: center;} #mainCont .quick-Menu ul {list-style: none; margin: 60px 0 0 0; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;} #mainCont .quick-Menu ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .quick-Menu ul li {float: left; position: relative; width: 25%; height: 200px; border-bottom: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; box-sizing: border-box;} #mainCont .quick-Menu ul li a {display: block; position: absolute; z-index: 2; top: -1px; right: -1px; bottom: -1px; left: -1px; padding-top: 40px; font-size: 15px; font-weight: bold; color: #666666; text-align: center;} #mainCont .quick-Menu ul li a:before {content: ''; display: block; margin: 0 auto; width: 100px; height: 100px; background-image: url(./../../mycodyimages/m_content_04.png); background-repeat: no-repeat;} #mainCont .quick-Menu ul li a:focus, #mainCont .quick-Menu ul li a:hover {color: #ffffff; background-color: #ff9600;} #mainCont .quick-Menu ul li a:focus:before, #mainCont .quick-Menu ul li a:hover:before {background-image: url(./../../mycodyimages/m_content_04_over.png);} #mainCont .quick-Menu ul li.item-01 a:before {background-position: 50% 0;} #mainCont .quick-Menu ul li.item-02 a:before {background-position: 50% -100px;} #mainCont .quick-Menu ul li.item-03 a:before {background-position: 50% -200px;} #mainCont .quick-Menu ul li.item-04 a:before {background-position: 50% -300px;} #mainCont .quick-Menu ul li.item-05 a:before {background-position: 50% -400px;} #mainCont .quick-Menu ul li.item-06 a:before {background-position: 50% -500px;} #mainCont .quick-Menu ul li.item-07 a:before {background-position: 50% -600px;} #mainCont .quick-Menu ul li.item-08 a:before {background-position: 50% -700px;} #mainCont .e-book {float: left; position: relative; margin: 0px auto 0 auto; padding: 40px 0; width: 1000px;} #mainCont .e-book:before {content: ''; display: block; position: absolute; z-index: -1; top: 0; left: -500px; width: 2000px; height: 100%; background-color: #80afc7} #mainCont .e-book:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .e-book .section-head {float: left; width: 220px;} #mainCont .e-book .section-head .title {font-size: 40px; color: #ffffff; font-weight: normal;margin-top: 22px;} #mainCont .e-book .section-head .subtitle {display:none;margin-top: 8px; font-size: 12px; color: #1d536e;} #mainCont .e-book ul {float: right; list-style: none; margin: 0; padding: 0;} #mainCont .e-book ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .e-book ul li {float: left;} #mainCont .e-book ul li+li {margin-left: 60px;} #mainCont .e-book ul li a {display: block; padding-top: 52px; width: 120px; height: 68px; line-height: .9; font-size: 15px; font-weight: bold; color: #2c566d; text-align: center; background-image: url(./../../mycodyimages/m_content_05.png); background-repeat: no-repeat; background-position: 0 0;} #mainCont .e-book ul li a:focus, #mainCont .e-book ul li a:hover {background-position: 0 -120px; color:#fefefe} #flonttimetable-container table tbody tr td.today a {color: #666666;background-color: #dae9fc;}