@charset "utf-8"; #content-container {margin: 0 auto; padding:0; overflow: visible !important; width: 1000px; height: auto !important; min-height: 0 !important;} #slide-container {display: none;} #header-container .content-header {display: none;} #visualArea {position: absolute; z-index: 1; top: 0; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1000px; height: 487px; overflow: hidden;} #visualArea .bx-wrapper .bx-controls {position: absolute; z-index: 60; bottom: 20px; left: 500px; padding: 0 0 0 36px;} #visualArea .bx-wrapper .bx-controls:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #visualArea .bx-wrapper .bx-controls .bx-controls-direction {display: none;} /* bxslider 페이지 */ #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 .bx-pager-item {float: left; margin-top: 3px; margin-bottom: 3px;} #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: 10px; height: 10px; overflow: hidden; text-indent: -999em; background-color: #b8b8b8; border-radius: 5px;} #visualArea .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {width: 30px; background-color: #619cd7;} /* bxslider 시작 정지 */ #visualArea .bx-wrapper .bx-controls .bx-controls-auto {position: absolute; top: 50%; left: 12px; margin-top: -8px;} #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: 16px; height: 16px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/bg_slider_panels.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: -16px 0;} #visualArea .visualText {position:absolute;z-index:60;top:335px;left:500px;color:#fff} #visualArea .visualText .item-01 {margin: 0;} #visualArea .visualText .item-01 strong {font-size:30px} #visualArea .visualText .item-02 {margin:5px 0 0 0;font-size:16px} #mainCont {padding-top: 487px;} #mainCont .shopping-area-container {position: absolute; z-index: 1; top: 0; right: 0; width: 400px; height: 568px;} #mainCont .shopping-area {position: absolute; right: 0; bottom: 0; left: 0;} /* shortcut */ #mainCont .shortcut {background-color: Red;} #mainCont .shortcut h2 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .shortcut ul {margin: 0; padding: 0;} #mainCont .shortcut ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .shortcut ul li {float: left; list-style: none; width: 50%;} #mainCont .shortcut ul li .wrap {display: block; padding: 135px 20px 0 20px; height: 65px; line-height: 22px; font-size: 14px; color: #ffffff; text-align: center;} #mainCont .shortcut ul li a {text-decoration: none;} #mainCont .shortcut ul li a:focus, #mainCont .shortcut ul li a:hover {text-decoration: underline;} #mainCont .shortcut ul li a * {text-decoration: inherit;} #mainCont .shortcut ul li {background-image: url(./../../mycodyimages/m_shortcut.png); background-repeat: no-repeat;} #mainCont .shortcut ul li.item-01 {background-color: #49489b; background-position: 0 0;} #mainCont .shortcut ul li.item-02 {background-color: #1f87be; background-position: 0 -200px;} #mainCont .shortcut ul li.item-03 {background-color: #49489b; background-position: 0 -400px;} #mainCont .shortcut ul li.item-04 {background-color: #1f87be; background-position: 0 -600px;} /* hot-item */ #mainCont .hot-item {position: relative; width: 400px; min-height: 200px; background-color: #ffffff;} #mainCont .hot-item .item-display {margin: 0; padding: 0;} #mainCont .hot-item .item-display:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .hot-item .item-display .item {float: left; position: relative; width: 200px; height: 200px; list-style: none;} #mainCont .hot-item .item-display .item .thumbnail {margin: 0 auto; width: 200px; height: 200px; overflow: hidden;} #mainCont .hot-item .item-display .item .thumbnail .images {display: block; width: 100%; height: 100%;} #mainCont .hot-item .item-display .item .thumbnail .images img {border: 0 none; vertical-align: top; width: 100%; height: 100%;} #mainCont .hot-item .item-display .item .item-body {display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; padding: 76px 0 0 0; text-align: center; background-color: #00a5a6;} #mainCont .hot-item .item-display .item:hover .item-body {display: block;} #mainCont .hot-item .item-display .item .item-body .data-head {padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffffff;} #mainCont .hot-item .item-display .item .item-body .data-head .title {line-height: 24px; font-size: 16px; color: inherit; text-decoration: none;} #mainCont .hot-item .item-display .item .item-body .data-head .title:focus, #mainCont .hot-item .item-display .item .item-body .data-head .title:hover {text-decoration: underline;} #mainCont .hot-item .item-display .item .item-body .data-body {display: none;} #mainCont .hot-item .item-display .item .item-body .data-foot .price {display: inline-block; vertical-align: top; line-height: 24px; font-size: 14px; color: #ffffff;} #mainCont .hot-item .item-display .item .item-body .data-foot .price span[class*=price-]:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .hot-item .item-display .item .item-body .data-foot .price .head {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .hot-item .item-display .item .item-body .data-foot .price .value {float: left; line-height: inherit;} #mainCont .hot-item .item-display .item .item-body .data-foot .price .unit {float: left; line-height: inherit;} #mainCont .hot-item .item-display .item .item-body .data-foot .price .price-selling {display: block; line-height: inherit;} #mainCont .hot-item .item-display li:nth-child(1) .item-body {background-color: #00a5a6;} #mainCont .hot-item .item-display li:nth-child(1) .item-body {background-color: #96cb6c;} #mainCont .hot-item .item-display li:nth-child(1) .item-body {background-color: #385d9b;} #mainCont .hot-item .item-display li:nth-child(1) .item-body {background-color: #7472c9;} #mainCont .hot-item .no-data {display: table; width: 100%; height: 200px; background-color: #ffffff;} #mainCont .hot-item .no-data p {display: table-cell; margin: 0; padding: 0; font-size: 16px; color: #999999; vertical-align: middle; text-align: center;} /* best-item */ #mainCont .best-item {position: relative; padding: 24px 0; height: 120px; background-color: #619cd7;} #mainCont .best-item .item-display {margin: 0; padding: 0;} #mainCont .best-item .item-display:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .best-item .item-display .item {float: left; width: 115px; list-style: none;} #mainCont .best-item .item-display .item .thumbnail {margin: 0 auto; width: 75px; height: 75px; border-radius: 38px; overflow: hidden;} #mainCont .best-item .item-display .item .thumbnail .images {display: block; width: 100%; height: 100%;} #mainCont .best-item .item-display .item .thumbnail .images img {border: 0 none; vertical-align: top; width: 100%; height: 100%;} #mainCont .best-item .item-display .item .item-body {margin-top: 8px; padding: 0 10px; text-align: center;} #mainCont .best-item .item-display .item .item-body .data-head {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffffff;} #mainCont .best-item .item-display .item .item-body .data-head .title {line-height: 18px; font-size: 14px; color: inherit; text-decoration: none;} #mainCont .best-item .item-display .item .item-body .data-head .title:focus, #mainCont .best-item .item-display .item .item-body .data-head .title:hover {text-decoration: underline;} #mainCont .best-item .item-display .item .item-body .data-body {display: none;} #mainCont .best-item .item-display .item .item-body .data-foot .price {display: inline-block; vertical-align: top; line-height: 18px; font-size: 14px; color: #ffffff;} #mainCont .best-item .item-display .item .item-body .data-foot .price span[class*=price-]:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .best-item .item-display .item .item-body .data-foot .price .head {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .best-item .item-display .item .item-body .data-foot .price .value {float: left; line-height: inherit;} #mainCont .best-item .item-display .item .item-body .data-foot .price .unit {float: left; line-height: inherit;} #mainCont .best-item .item-display .item .item-body .data-foot .price .price-selling {display: block; line-height: inherit;} #mainCont .best-item .bx-wrapper .bx-controls a {display: block; width: 15px; height: 25px; overflow: hidden; text-indent: -999em; background-image: url(./../../mycodyimages/m_smallprd_direction.png); background-repeat: 0 0;} #mainCont .best-item .bx-wrapper .bx-controls .bx-controls-direction a {position: absolute; top: 50%; margin-top: -12px; z-index: 60;} #mainCont .best-item .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {left: 18px; background-position: 0 0;} #mainCont .best-item .bx-wrapper .bx-controls .bx-controls-direction .bx-next {right: 18px; background-position: 0 -25px;} #mainCont .best-item .no-data {display: table; width: 100%; height: 100%;} #mainCont .best-item .no-data p {display: table-cell; margin: 0; padding: 0; font-size: 16px; color: #ffffff; vertical-align: middle; text-align: center;} #mainCont .boardArea {height:257px;background:url(./../../mycodyimages/bg_left_bar.gif) no-repeat 0 50%} #mainCont .boardArea {width:1000px;margin:0 auto} #mainCont .boardArea:after {content:'';display:block;clear:both} #mainCont .boardArea .leftArea {float:left;width:300px} #mainCont .boardArea .leftArea > div {height:88px;padding:20px 0;position:relative} #mainCont .boardArea .leftArea > div:first-child {margin-bottom:1px} #mainCont .boardArea .leftArea h3 {font-size:20px;color:#385d9b} #mainCont .boardArea .leftArea p {font-size:14px;color:#323232;margin-top:7px} #mainCont .boardArea .leftArea ul {margin-top:5px} #mainCont .boardArea .leftArea ul:after {content:'';display:block;clear:both} #mainCont .boardArea .leftArea ul > li {float:left;margin-left:2px} #mainCont .boardArea .leftArea ul > li:first-child {margin-left:0} #mainCont .boardArea .leftArea a.btnBanking {display:inline-block;padding:0 10px;background:url(./../../mycodyimages/bg_btn_black.gif) repeat-x 0 0;height:20px;line-height:18px;border:1px solid #484848;color:#fff;font-size:12px;text-decoration: none;} #mainCont .boardArea .leftArea a.btnBanking:focus, #mainCont .boardArea .leftArea a.btnBanking:hover{text-decoration: underline;} #mainCont .boardArea .leftArea a.btnMore {position:absolute;top:20px;right:10px;background:url(./../../mycodyimages/m_btn_more.png) no-repeat 0 0;width:30px;height:30px;text-indent:-99999px;overflow:hidden} #mainCont .boardArea .MidArea {float:left;width:298px;height:257px;background:#fff;border-left:1px solid #dadada;border-right:1px solid #dadada;position:relative} #mainCont .boardArea .MidArea .wizard_func_area {position:static !important} #mainCont .boardArea .MidArea .popupWrap {width:100%;position: relative;} #mainCont .boardArea .MidArea .popupWrap .pop_btnAll {float: none;position: absolute;top: 0;left: 0;display:none} #mainCont .boardArea .MidArea .popupWrap .pop_btn {float: none;position: absolute;top:20px;right:20px} #mainCont .boardArea .MidArea .popupWrap .pop_btn:after {content:'';display:block;clear:both} #mainCont .boardArea .MidArea .popupWrap .pop_btn a {float:left;width: 20px; height: 20px; text-indent: -999em; overflow: hidden; background-image: url(./../../mycodyimages/m_btn_more.png); background-repeat: no-repeat;} #mainCont .boardArea .MidArea .popupWrap .pop_btn a.pre {margin-left: -1px; background-position: 0 0;} #mainCont .boardArea .MidArea .popupWrap .pop_btn a.next {margin-left: -1px; background-position: -20px 0;} #mainCont .boardArea .MidArea .popupWrap ul {clear:both;margin-top:0 !important} #mainCont .boardArea .MidArea .popupWrap .pop_btn #popupStopView {float: left; margin-left: -1px;} #mainCont .boardArea .MidArea .popupWrap .pop_btn #popupStopView a {background-position: -40px 0;} #mainCont .boardArea .MidArea .popupWrap .pop_btn #popupStartView {float: left; margin-left: -1px;} #mainCont .boardArea .MidArea .popupWrap .pop_btn #popupStartView a {background-position: -60px 0;} #mainCont .boardArea .MidArea .bx-wrapper .bx-controls{top: auto; right: auto; bottom: 25px; left: 30px;} #mainCont .boardArea .rightArea {float:left;width:370px;height:198px;background:#fff;padding:30px 0 20px 30px;} /* 게시판탭 공통 */ .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: 8px;} .tab_list>ul>li>a {font-size: 18px; color: #999999;} .tab_list>ul>li>a span.over {color: #323232;} .tab_list>ul>li>ul {top: 36px;} .tab_list>ul>li>ul li {padding-right: 60px; border-top: 1px solid #dadada;} .tab_list>ul>li>ul li a {line-height: 36px; font-size: 13px; color: #323232;} .tab_list>ul>li>ul li span {line-height: 24px; font-size: 13px; color: #323232;} .tab_list>ul>li>ul li.more {border: 0 none;} .tab_list>ul>li>ul li.more a {top: -41px; right: 0; width: 30px; height: 30px; background-image: url(./../../mycodyimages/m_btn_more.png);} #mainCont .mainInfoArea {position:relative;padding:35px 0;} #mainCont .mainInfoArea:before {content:'';display:block;position: absolute;z-index:-1;top:0;bottom:0;left:-500px;width:2000px;background:#f6f3ea;border-top:1px solid #ddd;border-bottom:1px solid #ddd;} #mainCont .mainInfoArea:after {content:'';display:block;clear:both} #mainCont .mainInfoArea > div {float:left;position:relative} #mainCont .mainInfoArea h3 {font-size:18px;color:#323232;margin-bottom:10px} #mainCont .mainInfoArea .mainSchedule {width:300px} #mainCont .mainInfoArea .mainSchedule p {font-size:14px;line-height:20px;} #mainCont .mainInfoArea .mainSchedule a.btnMore {position:absolute;top:0;right:10px;width:30px;height:30px;background:url(./../../mycodyimages/bg_btn_more2.png) no-repeat 0 0;text-indent:-99999px;overflow:hidden} #mainCont .mainInfoArea .mainMagazine {width:240px;padding:0 30px} #mainCont .mainInfoArea .mainMagazine .summary {display: block;line-height:20px;font-size:14px;color: #323232;} #mainCont .mainInfoArea .mainMagazine .summary .wbr{display: block;} #mainCont .mainInfoArea .mainMagazine {float: left; width:270px; padding-right: 400px;} #mainCont .mainInfoArea .mainMagazine ul {position: absolute; right: 0; top: 0;} #mainCont .mainInfoArea .mainMagazine ul:after {content:'';display:block;clear:both} #mainCont .mainInfoArea .mainMagazine ul li {float:left;} #mainCont .mainInfoArea .mainMagazine ul li+li{margin-left:12px} #mainCont .mainInfoArea .mainMagazine ul li a {display:block;width:84px;height:83px;background:url(./../../mycodyimages/bg_icon_menu2.png) no-repeat 0 0;} #mainCont .mainInfoArea .mainMagazine ul li.menu01 a {background-position:0 0} #mainCont .mainInfoArea .mainMagazine ul li.menu02 a {background-position:-96px 0} #mainCont .mainInfoArea .mainMagazine ul li.menu03 a {background-position:-192px 0} #mainCont .mainInfoArea .mainMagazine ul li.menu04 a {background-position:-288px 0} #mainCont .mainInfoArea .mainMagazine ul li a .text {display: none; padding-top: 24px; width: 84px; height: 60px; line-height: 18px; font-size: 16px; color: #ffffff; text-align: center; border-radius: 42px; background-color: #385d9b;} #mainCont .mainInfoArea .mainMagazine ul li a .text .wbr {display: block;} #mainCont .mainInfoArea .mainMagazine ul li a:focus .text, #mainCont .mainInfoArea .mainMagazine ul li a:hover .text {display: block;} /* #mainCont .mainGallery h3 {font-size:16px; color: #323232;} */ #mainCont .mainGallery h3 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mainCont .mainGallery .miniBox h2 {display: none;} #mainCont .mainGallery .miniBox ul {height: 200px;} #mainCont .mainGallery .miniBox ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #mainCont .mainGallery .miniBox ul li {float: left; position: relative; padding: 30px 30px 30px 275px; width: 50%; height: 200px; text-align: left; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #mainCont .mainGallery .miniBox ul li .thumb {display: block; position: absolute; top: 0;left: 0; width: 245px; height: 200px;} #mainCont .mainGallery .miniBox ul li .thumb img {width: 100%; height: 100%;} #mainCont .mainGallery .miniBox ul li .title {display: block; width: auto;} #mainCont .mainGallery .miniBox ul li .title a {margin:0 !important; line-height: 24px; font-size: 16px; font-weight: bold; color: #00a5a6; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} #mainCont .mainGallery .miniBox ul li .title a:hover {text-decoration: underline;} #mainCont .mainGallery .miniBox ul li .date {display: block; line-height: 24px; font-size: 13px; color: #969696;} #mainCont .mainGallery .miniBox ul li .contents {display: block; margin-top: 24px; max-height: 66px; line-height: 22px; font-size: 13px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis;} #mainCont .mainGallery .miniBox ul li .contents a {text-decoration: none;} #mainCont .mainGallery .miniBox ul li .contents a:hover {text-decoration: underline;} #mainCont .mainGallery .miniBox a.more {position: absolute; top: 24px; right:16px; text-indent:-99999px; overflow: hidden; width: 24px; height: 24px; background: url(./../../mycodyimages/bg_btn_more3.png) no-repeat 50% 50%;} #mainCont .mainGallery .miniBox a.more {display: none;} #mainCont .menuLink {position:relative;padding:65px 0;} #mainCont .menuLink:before {content:'';display:block;position: absolute;z-index:-1;top:0;bottom:0;left:-500px;width:2000px;background-color:#f5f5f5;} #mainCont .menuLink ul {background:url(./../../mycodyimages/bg_gubun_bar.png) no-repeat 0 50%} #mainCont .menuLink ul:after {content:'';display:block;clear:both} #mainCont .menuLink ul > li {float:left;width:190px;height:58px;background:url(./../../mycodyimages/bg_icon_menu.png) no-repeat 0 0;padding:5px 0 0 0;margin-left:70px} #mainCont .menuLink ul > li:first-child {margin-left:25px} #mainCont .menuLink ul > li.icon01 {background-position:130px 0} #mainCont .menuLink ul > li.icon02 {background-position:-124px 0} #mainCont .menuLink ul > li.icon03 {background-position:-382px 0} #mainCont .menuLink ul > li.icon04 {background-position:-640px 0} #mainCont .menuLink ul li .title{font-size:16px;color:#323232;} #mainCont .menuLink ul li a {font-size:16px;color:#323232;display:block;text-decoration:none;} #mainCont .menuLink ul li a:focus, #mainCont .menuLink ul li a:hover{text-decoration:underline;} #mainCont .menuLink ul li a span {display:inline-block;text-decoration:inherit;padding-right:13px;font-size:12px;background:url(./../../mycodyimages/bg_icon_arrow.png) no-repeat 100% 4px}