/* Theme Name: Blog Shop Theme URI: http://www.bbsecommerce.com Author: BBS e-Theme Author URI: http://www.bbsetheme.com License: GNU General Public License, v3 License URI: http://www.gnu.org/licenses/gpl.html Description: Blog Shop은 BBS e-Commerce플러그인과 연동됩니다. 디자인 셀을 활용한 메인화면 구성, 쇼핑몰과 블로그 동시 운영, SEO기능 등 온라인 쇼핑몰 운영을 위한 필수기능이 탑재되어 있습니다. Version: 2.5.7 Tags: 반응형 레이아웃, 사용자 정의 색상, 사용자 정의 메뉴, 테마 옵션 본 테마는 워드프레스와 동일한 GPL 라이센스의 테마입니다. 임의대로 수정,삭제 후 이용하셔도 됩니다. 단, 재배포 시 GPL 라이센스로 재배포 되어야 하며, 원 제작자의 표기를 해주시기 바랍니다. 'Dailytime' WordPress Theme, Copyright 2015 BBS e-Theme(http://www.bbsetheme.com) 'Dailytime' is distributed under the terms of the GNU GPL [테마 수정 시 주의사항] 1. 워드프레스(Wordpress)의 업데이트 방식은 기존 테마/플러그인을 삭제 한 후 재설치 하는 방식입니다. 업데이트 시 모든 수정 사항이 초기화 되므로 테마를 수정하시는 경우, 차일드테마(Child Theme) 방식을 이용해 주시기 바랍니다. 2. 차일드테마(Child Theme)를 이용한 수정 방법 : https://codex.wordpress.org/ko:Child_Themes */ /* animation sets *********************************************************************************************************************************************/ @import url(./style-skin.css); /* Loading text*/ @-webkit-keyframes blink { 0% {opacity:0} 50% {opacity:1} 100% {opacity:0} } @keyframes blink { 0% {opacity:0} 50% {opacity:1} 100% {opacity:0} } #bbs_top_banner{ position: relative; } .close_top_banner{ position: absolute; right: 100px; top: 50%; transform: translateY(-50%); cursor: pointer; } .close_top_banner span.dashicons{ font-size: 40px; width: 40px; height: 40px; line-height: 40px; } /**********************************************************************************************************************************************/ /* common style */ div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button, textarea, select { font-family: "GmarketSansLight", Noto Sans KR, sans-serif; } .blind {display:none} .widthLimiter {margin:0 auto;width:1200px;} .refresher {clear:both;display:none;margin:0;padding:0;} a {color:#000000;text-decoration:none;} img {border:none} .err404Link {text-decoration:underline} .mainContent .contetn404 li{line-height:30px;font-size:13px;} .empty_filler { /*background-image :url(./images/empty_filler2.png), url(./images/empty_filler1.png);*/ background-repeat:no-repeat, repeat ; background-position:50% 0,0 0; background-size:contain,contain; } /* minimal reset*/ body {margin:0;padding:0;font-family: "GmarketSansLight", Noto Sans, NanumGothic, Nanum Gothic, sans-serif;/*overflow-x:hidden*/} .forceKorean {font-family: "GmarketSansLight", NanumGothic, Nanum Gothic, sans-serif;} #pageWrap {width:100%;height:100%;overflow:hidden} #pageBody {} #pageBody section {margin-bottom:70px;margin-top:1px;} #topBar {position:relative;margin:12px 0;min-height:73px;height:73px;} #topBar .siteLogo {position:absolute;left:12px;top:0;max-width:246px;} #topBar .siteLogo h1 {margin:0;padding:0;} #topBar .siteLogo h1 a {display:block;margin:0;padding:0;} #topBar .siteLogo h1 a img {width:auto;height:73px;} #topBar .topBanner {position:absolute;left:50%;margin-left:-254px;width:508px;height:73px} #topBar .topBanner a img {width:auto;height:73px;} #topBar .membersNav {position:absolute;right:12px;max-width:450px;} #topBar .membersNav > ul {float:left;margin:0;padding:0;background:#ffffff} #topBar .membersNav > ul > li {float:left;margin:0;padding:0 7px;text-decoration:none;line-height:73px;list-style:none;font-size:0.7em;} #topBar .membersNav > ul > li > a, #topBar .membersNav > ul > li > span {font-weight:500;color:#000000;text-decoration:none;cursor:pointer} #topBar .membersNav ul li a:hover, #topBar .membersNav ul li span:hover{color:#bd9d6c;} /*color*/ #topBar .membersNav > ul > li.mypageQuickWrap {position:relative;} #topBar .membersNav > ul > li.mypageQuickWrap .mypageQuick {display:none;position:absolute;left:50%;top:23px;z-index:18;margin:0 0 0 -55px;padding:0;width:110px;background-color:#ffffff;border:1px solid #121212;} #topBar .membersNav > ul > li.mypageQuickWrap .mypageQuick.active {display:block;} #topBar .membersNav > ul > li.mypageQuickWrap .mypageQuick li {margin:0;padding:0;height:29px;line-height:29px;text-align:center;list-style:none} #topBar .membersNav > ul > li.mypageQuickWrap .mypageQuick li a {display:block;width:100%;font-size:12px;} #topBar .membersNav > ul > li.mypageQuickWrap .mypageQuick li a:hover {color:#bd9d6c;;background-color:#121212;} #topBar .membersNav > ul > li.mypageQuickWrap .mypageQuick li.close{position:absolute;right:-1px;top:-27px;width:25px;height:25px;line-height:25px;border:1px solid #121212;border-bottom:none;cursor:pointer;background:#ffffff} #topBar .membersNav.withToggle > ul > li {line-height:25px;} .themeToggle {position:absolute;z-index:10;right:17px;bottom:0;width:180px;height:37px;} .themeToggle .toggleHandle {float: left;display:block;height:37px;cursor:pointer;transition:background-image 0.2s} .toggle {position:relative} .toggle .base {position:relative;z-index:1;width:160px;height:28px;border:1px solid #c8c8c8;border-radius:5px; background : -webkit-linear-gradient(top, rgb(244, 244, 244) 00%, rgb(220, 220, 220) 100%); background : -moz-linear-gradient(top, rgb(244, 244, 244) 00%, rgb(220, 220, 220) 100%); background : -o-linear-gradient(top, rgb(244, 244, 244) 00%, rgb(220, 220, 220) 100%); background : -ms-linear-gradient(top, rgb(244, 244, 244) 00%, rgb(220, 220, 220) 100%); background : -linear-gradient(top, rgb(244, 244, 244) 00%, rgb(220, 220, 220) 100%); box-shadow : 1px 2px 3px #e5e5e5 } .toggle .base div {position:relative;float:left;width:50%;height:28px;line-height:28px;font-size:12px;color:#666666;font-weight:bold;text-align:center;text-shadow:1px 1px 1px #ffffff;cursor:pointer} .toggle .base div .circle {position:absolute;top:0px;} .toggle .base .b1 .circle {left:10px;} .toggle .base .b2 .circle {right:10px;} .toggle .switch {position:absolute;left:0;top:34px;z-index:3;width:160px;height:34px;} .toggle .switch div {display:none;float:left;width:55%;height:34px;line-height:34px;font-size:12px;color:#ffffff;font-weight:bold;text-align:center;text-shadow:-1px -1px 1px #666; background : -webkit-linear-gradient(top, rgb(75, 75, 75) 00%, rgb(44, 44, 44) 100%); background : -moz-linear-gradient(top, rgb(75, 75, 75) 00%, rgb(44, 44, 44) 100%); background : -o-linear-gradient(top, rgb(75, 75, 75) 00%, rgb(44, 44, 44) 100%); background : -ms-linear-gradient(top, rgb(75, 75, 75) 00%, rgb(44, 44, 44) 100%); background : -linear-gradient(top, rgb(75, 75, 75) 00%, rgb(44, 44, 44) 100%); box-shadow : 1px 2px 3px #e5e5e5; box-sizing : border-box; } .toggle .switch div.active {display:block;} .toggle .switch div.active:after{position:absolute;top:50%;right:-6px;margin:-5px 0 0 0;content:"";display:block;width:10px;height:10px;background:linear-gradient(-45deg, #ededed, #e2e2e2); transform:rotate(135deg);z-index:1;} .toggle .switch div.blog.active:after{left:-6px;right:initial;} .toggle .switch .shop {position:absolute;left:-3px;top:-36px;padding:0 0 0 3px;border-radius:5px;} .toggle .switch .blog {position:absolute;right:-5px;top:-36px;padding:0 3px 0 0;border-radius:5px;} .toggle .switch div .check {position:absolute;top:2px;} .toggle .switch .shop .check {left:7px;} .toggle .switch .blog .check {right:7px;} .toggle .switch div .check i {font-size:18px} #siteNav-type1 {/*background:#121212;*/position:relative;} /*style-set*/ #siteNav-type1 * ul {margin:0;padding:0;} #siteNav-type1 * ul li {margin:0;padding:0;list-style:none;} #siteNav-type1 * ul li a {text-decoration:none;font-size:0.9em;} #siteNav-type1 .widthLimiter {position:relative} /*depth1*/ #siteNav-type1 .widthLimiter ul.siteNav {height:60px;line-height:60px;text-align:center} #siteNav-type1 .widthLimiter > ul.siteNav > li {display:inline-block;position:relative;padding:0 12px;} #siteNav-type1 .widthLimiter > ul.siteNav > li a {font-size:0.9em;font-weight:500;/*color:#ffffff;*/} /*style-set*/ #siteNav-type1 .widthLimiter > ul.siteNav > li a:hover {/*color:#bd9d6c;*/} /*style-set*/ /*depth2*/ #siteNav-type1 .widthLimiter ul.siteNav > li > ul:after,#mainNav-type1 .widthLimiter ul.mainNav > li > ul:after {position:absolute;top:0;left:50%;margin:0 0 0 -5px;content:"";display:block; border-right:5.5px solid transparent; border-left:5.5px solid transparent;} #siteNav-type1 .widthLimiter ul.siteNav > li > ul {display:none;position:absolute;left:50%;top:60px;z-index:16;padding:5px 0 0 0;margin-left:-100px;width:200px;box-shadow:0px 4px 2px rgba(0,0,0,0.26); /* background-image:url(./images/gnbDepth2Top.png); background-repeat:no-repeat; */ } #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li {position:relative;line-height:40px;border-bottom:1px solid #2a2a2a;/*background:#121212*/} /*style-set*/ #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li:last-child {border-bottom:none} #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li:hover {/*background:#bd9d6c;color:#ffffff;*/} /*style-set*/ #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li > a {display:block;padding:12px 20px;width:160px;line-height:18px;text-align:left;/*color:#bd9d6c;*/} /*style-set*/ #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li:hover > a {/*color:#ffffff;*/} /*style-set*/ /*depth3*/ #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li > ul {display:none;position:absolute;top:0;left:100%;z-index:19;box-shadow:2px 2px 5px rgba(0,0,0,0.56);} #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li > ul.showLeft {top:0;left:initial;right:100%;box-shadow:-2px 2px 5px rgba(0,0,0,0.56);} #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li > ul > li {line-height:40px;border-bottom:1px solid #2a2a2a;/*background:rgba(18,18,18,0.98)*/} /*style-set*/ #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li > ul > li:last-child {border-bottom:none} #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li > ul > li:hover {/*background:#bd9d6c;color:#ffffff;*/} /*style-set*/ #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li > ul > li > a {display:block;padding:12px 20px;width:160px;line-height:18px;text-align:left;/*color:#bd9d6c;*/} /*style-set*/ #siteNav-type1 .widthLimiter > ul.siteNav > li > ul > li > ul > li:hover > a {/*color:#ffffff;*/} /*style-set*/ #siteNav-type1 .layerIcons {position:absolute;right:0;top:0;margin:0;padding:0;} #siteNav-type1 .layerIcons li {position:relative;z-index:16;float:left;margin:0;padding:0;width:58px;height:58px;list-style:none;/*border:1px solid #2a2a2a;background-color:#121212*/} /*style-set*/ #siteNav-type1 .layerIcons li:first-child {border-right:none;} #siteNav-type1 .layerIcons li > a, #siteNav-type1 .layerIcons li > span {display:block;width:60px;height:100%;line-height:58px;text-align:center;/*color:#ffffff;*/font-size:1.5em;cursor:pointer} /*style-set*/ #siteNav-type1 .layerIcons li > a.active, #siteNav-type1 .layerIcons li > span.active i:before {/*color:#bd9d6c;*/} /*style-set*/ #siteNav-type1 .layerIcons li.cart a {position:relative;} #siteNav-type1 .layerIcons li.cart a .count {display:block;position:absolute;bottom:17px;right:17px;width:15px;height:15px;line-height:15px;font-size:9px;color:#ffffff;background:#c74c44;border-radius:50%} #siteNav-type1 .layerIcons li.search {} #siteNav-type1 .layerIcons li.search .searchFormBlock {display:none;position:absolute;right:0px;top:0;width:227px;height:57px;/*border:1px solid #121212;*/border-top:none;border-right:none;background:#ffffff;box-shadow:2px 2px 10px rgba(0,0,0, 0.56);} #siteNav-type1 .layerIcons li.search .searchFormBlock .toggle {display:none} #siteNav-type1 .layerIcons li.search .searchFormBlock .search-form {} #siteNav-type1 .layerIcons li.search .searchFormBlock .search-form input.field {float:left;display:block;margin:0;padding:0 10px;width:169px;height:58px;line-height:58px;border:none;} #siteNav-type1 .layerIcons li.search .searchFormBlock .search-form button[type="button"] {float:left;width:58px;height:58px;font-size:1.5em;border:none;background:#ffffff;cursor:pointer} #siteNav-type1 .layerIcons li.search .searchFormBlock .search-form button[type="button"] em {display:none;} #siteNav-type1 .layerIconsShopType {position: absolute;top:0;margin:0;padding:0;} #siteNav-type1 .layerIconsShopType li {position:relative;z-index:16;float:left;margin:0;padding:0;width:58px;height:58px;list-style:none;border:1px solid #2a2a2a} #siteNav-type1 .layerIconsShopType li:first-child {border-right:none;} #siteNav-type1 .layerIconsShopType li > a, #siteNav-type1 .layerIconsShopType li > span {display:block;width:60px;height:100%;line-height:58px;text-align:center;color:#ffffff;font-size:1.5em;cursor:pointer} #siteNav-type1 .layerIconsShopType li > a.active, #siteNav-type1 .layerIconsShopType li > span.active i:before {/*color:#bd9d6c;*/} #siteNav-type1 .layerIconsShopType li.shop-type {} #siteNav-type1 .layerIconsShopType li.shop-type .btn-top img {width: 58px;height: auto;} #siteNav-type1 .layerIcons li.openMenu {position:absolute;top:60px;right:0;z-index:15;width:58px;height:60px;background:#121212;border:1px solid #2a2a2a !important;border-top:none !important;} #siteNav-type1 .mainNavMoreWrap {display:none;position:absolute;top:121px;right:0;z-index:21;padding:20px;width:210px;background:#121212;box-shadow:2px 2px 10px rgba(0,0,0, 0.56);} #siteNav-type1 .mainNavMoreWrap .mainNavMore {} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li {position:relative;} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li:hover {color:#bd9d6c} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > a {display:block;padding:0 0 0 5px;line-height:30px;font-size:0.8em;color:#ffffff;border-bottom:1px solid #333333} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > .openChild {position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;font-size:0.8em;color:#ffffff;text-align:center;cursor:pointer;} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li:hover > a {color:#bd9d6c} /*depth2*/ #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul {display:none} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li {} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li:hover {color:#bd9d6c} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li > a {display:block;padding:0 0 0 10px;line-height:30px;font-size:0.7em;color:#ffffff;border-bottom:1px solid #333333} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li > a:before {content:'● '} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li:hover > a {color:#bd9d6c} /*depth3*/ #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li > ul {border-bottom:1px solid #333333} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li > ul > li {} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li > ul > li:hover {color:#bd9d6c} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li > ul > li > a {display:block;padding:0 0 0 13px;line-height:30px;font-size:0.7em;color:#ffffff;} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li > ul > li > a:before {content:'- '} #siteNav-type1 .mainNavMoreWrap .mainNavMore > li > ul > li > ul > li:hover > a {color:#bd9d6c} /**/ #siteNav-type2 {display:none;position:relative;z-index:13;width:100%;height:60px;background:#121212;position:relative;} #siteNav-type2 * ul {margin:0;padding:0;} #siteNav-type2 * ul li {margin:0;padding:0;list-style:none;} #siteNav-type2 * ul li a {text-decoration:none;font-size:0.9em;} #siteNav-type2 .openMenu {position:relative;float:left;margin-left:12px;width:58px;height:58px;line-height:58px;text-align:center;color:#ffffff;font-size:1.5em;cursor:pointer;border:1px solid #2a2a2a;} #siteNav-type2 .openMenu.active i:before {/*color:#bd9d6c;*/} .shopToggle {float:right;margin:0;padding:0;height:60px;} .shopToggle li {margin:0;padding:0;list-style:none} .themeToggleMobile {float:right;width:120px;height:60px;margin:0;padding:0;} .themeToggleMobile li {float:left;margin:0;padding:0;width:60px;height:60px;list-style:none;border:1px solid #2a2a2a;box-sizing:border-box;cursor:pointer} .themeToggleMobile .switchShop {margin:0;padding:0;background-image:url(./images/mToggle-shop.png);background-size:cover} .themeToggleMobile .switchBlog {margin:0;padding:0;background-image:url(./images/mToggle-blog.png);background-size:cover} .themeToggleMobile li.active {background-color:#CCB48E;border:none} #siteNav-type2 .dropDownMenu {/*display:none;*/position:absolute;left:12px;top:100%;padding:20px;width:210px;background-color:#121212} #siteNav-type2 .dropDownMenu .tabMenu {float:left;margin:0 0 30px 0;padding:0;} #siteNav-type2 .dropDownMenu .tabMenu li {float:left;margin:0;padding:0;width:104px;height:27px;line-height:27px;text-align:center;list-style:none;border-bottom:1px solid #ffffff;cursor:pointer} #siteNav-type2 .dropDownMenu .tabMenu li span {color:#666666;font-size:0.7em;} #siteNav-type2 .dropDownMenu .tabMenu li.active {border:1px solid #ffffff;border-bottom:none;} #siteNav-type2 .dropDownMenu .tabMenu li.active span {color:#ffffff} #siteNav-type2 .dropDownMenu .searchFormBlock {margin-bottom:35px;width:100%;height:39px;background:#4f4f4f;} #siteNav-type2 .dropDownMenu .searchFormBlock .toggle {display:none} #siteNav-type2 .dropDownMenu .searchFormBlock .search-form {} #siteNav-type2 .dropDownMenu .searchFormBlock .search-form input.field {float:left;display:block;margin:0;padding:0 10px;width:149px;height:100%;line-height:38px;border:none;background:#4f4f4f;} #siteNav-type2 .dropDownMenu .searchFormBlock .search-form button[type="submit"] {float:left;width:38px;height:38px;font-size:1.0em;border:none;background:#4f4f4f;cursor:pointer} #siteNav-type2 .dropDownMenu .searchFormBlock .search-form button[type="submit"] em {display:none} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab.tab1 {} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab.tab2 {display:none;} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab {clear:both;} /*depth1*/ #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav {} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li {position:relative;} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li:hover {/*color:#bd9d6c*/} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > a {display:block;padding:0 0 0 5px;line-height:30px;font-size:0.8em;color:#ffffff;border-bottom:1px solid #333333} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > .openChild {position:absolute;top:0;right:0;width:30px;height:30px;line-height:30px;font-size:0.8em;color:#ffffff;text-align:center;cursor:pointer;} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li:hover > a {/*color:#bd9d6c*/} /*depth2*/ #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul {display:none} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li {} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li:hover {/*color:#bd9d6c*/} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li > a {display:block;padding:0 0 0 10px;line-height:30px;font-size:0.7em;color:#ffffff;border-bottom:1px solid #333333} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li > a:before {content:'● '} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li:hover > a {/*color:#bd9d6c*/} /*depth3*/ #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li > ul {border-bottom:1px solid #333333} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li > ul > li {} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li > ul > li:hover {/*color:#bd9d6c*/} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li > ul > li > a {display:block;padding:0 0 0 13px;line-height:30px;font-size:0.7em;color:#ffffff;} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li > ul > li > a:before {content:'- '} #siteNav-type2 .dropDownMenu .siteNav-type2-forTab .mainNav > li > ul > li > ul > li:hover > a {/*color:#bd9d6c*/} /**/ #mainNav-type1 {position:relative;z-index:13;background:rgba(255,255,255,0.7);background-image:url(./images/gnbBg.png);box-shadow:0px 2px 5px rgba(0,0,0,0.26)} #mainNav-type1 * ul {margin:0;padding:0;} #mainNav-type1 * ul li {margin:0;padding:0;list-style:none;} #mainNav-type1 * ul li a {text-decoration:none;font-size:0.9em;} #mainNav-type1 .widthLimiter {} /*depth1*/ #mainNav-type1 .widthLimiter ul.mainNav {width:100%;min-height:60px;line-height:60px;text-align:center} #mainNav-type1 .widthLimiter ul.mainNav > li {display:inline-block;position:relative;padding:0 20px;} #mainNav-type1 .widthLimiter ul.mainNav > li > a {font-size:0.9em;font-weight:500;/*color:#000000;*/} /*style-set*/ #mainNav-type1 .widthLimiter ul.mainNav > li:hover > a {/*color:#bd9d6c;*/} /*style-set*/ /*depth2*/ #mainNav-type1 .widthLimiter ul.mainNav > li > ul {display:none;position:absolute;left:50%;top:55px;z-index:16;padding:5px 0 0 0;margin-left:-100px;width:200px;box-shadow:0px 4px 2px rgba(0,0,0,0.26); /* background-image:url(./images/gnbDepth2Top.png); background-repeat:no-repeat; */ } #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li {position:relative;line-height:40px;/*border-bottom:1px solid #2a2a2a;background:#121212*/} /*style-set*/ #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li:last-child {border-bottom:none} #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li:hover {/*background:#bd9d6c;color:#ffffff;*/} /*style-set*/ #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li > a {display:block;padding:12px 20px;width:160px;line-height:18px;text-align:left;/*color:#bd9d6c;*/} /*style-set*/ #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li:hover > a {/*color:#ffffff;*/} /*style-set*/ /*depth3*/ #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li > ul {display:none;position:absolute;top:0;left:100%;z-index:19;box-shadow:2px 2px 5px rgba(0,0,0,0.56);} #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li > ul.showLeft {top:0;left:initial;right:100%;box-shadow:-2px 2px 5px rgba(0,0,0,0.56);} #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li > ul > li {line-height:40px;/*border-bottom:1px solid #2a2a2a;*//*background:rgba(18,18,18,0.98)*/} /*style-set*/ #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li > ul > li:last-child {border-bottom:none} #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li > ul > li:hover {/*background:#bd9d6c;color:#ffffff;*/} /*style-set*/ #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li > ul > li > a {display:block;padding:12px 20px;width:160px;line-height:18px;text-align:left;/*color:#bd9d6c;*/} /*style-set*/ #mainNav-type1 .widthLimiter ul.mainNav > li > ul > li > ul > li:hover > a {/*color:#ffffff;*/} /*style-set*/ /*스크롤 해더 적용*/ #pageHead.headerFixed {position: fixed;top: 0;width: 100%;background: #fff;z-index: 100;border-bottom: 2px solid #efefef;} /*메인슬라이드*/ /*#mainSlider {margin:0 auto 50px;width:100%;min-height:242px;height:auto;max-height:460px;}*/ #mainSlider {margin:0 auto 50px;width:100%;height:auto;} #mainSlider ul {margin:0;padding:0;} /*#mainSlider ul li {margin:0;padding:0;min-height:242px;height:auto;max-height:460px;list-style:none;text-align:center;}*/ #mainSlider ul li {margin:0;padding:0;height:auto;list-style:none;text-align:center;} /*#mainSlider ul li img {display:block;width:100%;min-height:242px;height:auto;max-height:460px;}*/ #mainSlider ul li img {display:block;width:100%;height:auto;} #mainSlider .swiper-button-prev, #mainSlider .swiper-button-next{width:0px;height:0px;line-height:55px;text-align:center;/*color:#ffffff;background:rgba(0,0,0,0.7);*/cursor:pointer;} /*style-set*/ #mainSlider .swiper-button-next {background-image: none;right: 0;left: auto;} #mainSlider .swiper-button-prev {background-image: none;right: auto;left: 0;} #mainSlider .swiper-button-prev:before, #mainSlider .swiper-button-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 0px; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; text-shadow: 0 0 10px #333; } #mainSlider .swiper-button-prev:before{content: "\f104";} #mainSlider .swiper-button-next:before{content: "\f105";} #mainSlider .swiper-pagination {} #mainSlider .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;background: #000;margin-right: 5px;opacity: 0.8;border:3px solid #000;border-radius:0;cursor: pointer; } #mainSlider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;} #mainSlider.heightFree, #mainSlider.heightFree ul li, #mainSlider.heightFree ul li img{max-height:none;min-height:0;} /*revolutin slide height : noen;*/ .blockTitle {margin-top:0;padding:0;line-height:1.2em;text-align:center;font-weight:700;font-size:1.25em;/*text-transform: uppercase;*/} /*마크표시 기본 스타일*/ .itemImageWrap {display:block;position:relative;width:100%;height:100%;overflow:hidden;font-size:0.7em;color:#ffffff;} .itemImageWrap .iconList {position:absolute;float:left;left:0;top:0;z-index:10;margin:0;padding:0;width:100%;transition:opacity 0.3s} .itemImageWrap .iconList li {float:left;margin:2% 1.65%;width:30%;line-height:25px;list-style:none;text-align:center;} .itemImageWrap .iconList li.markSale {background:rgba(242,99,41,1)} .itemImageWrap .iconList li.markNew {background:rgba(18,18,19,1)} .itemImageWrap .iconList li.markBest {background:rgba(204,180,142,1)} .itemImageWrap .viewList {display:none;position:absolute;left:0;bottom:0;z-index:10;margin:0;padding:0;width:100%;background:#ffffff} .itemImageWrap .viewList li {position:relative;float:left;width:49.75%;list-style:none;text-align:center;background:rgba(63,63,63,1)} .itemImageWrap .viewList li:first-child {float:left;} .itemImageWrap .viewList li:last-child {float:right} .itemImageWrap .viewList li:hover {background:rgba(189,157,108,1)}/*color*//* bd9d6c*/ .itemImageWrap .viewList li a {line-height:31px;font-size:1em;color:#ffffff;text-decoration:none;} .itemImageWrap .viewList li a .fa {display:inline-block;margin:0 5px 0 0;line-height:31px;font-size:1.2em;/*text-shadow:-1px 1px 2px #9f9f9f*/} .itemImageWrap .viewList li a .fa-stack {margin:0 5px 0 0;} .itemImageWrap .viewList li a .fa-stack .fa.fontLayer1 {font-size:95%;color:#aaa;} .itemImageWrap .viewList li a .fa-stack .fa.fontLayer2 {font-size:85%;left:3px;top:-5px;} /*가격표시 기본 스타일*/ .itemInfoWrap {width:100%;text-align:center;} .itemInfoWrap .itemName {margin:10px 0 5px 0;padding:0 5%;width:90%;height:1.2em;line-height:1.2em;overflow:hidden;} .itemInfoWrap .itemName a {color:#000;font-size:13px;font-weight:normal;text-decoration:none;} .itemInfoWrap .itemExcerpt {line-height:1.4em;font-size:12px;color:#666;overflow:hidden} .itemInfoWrap .retailPrice {display:inline-block;margin-right:5px;font-size:0.7em;color:#000;font-weight:700;text-decoration:line-through} .itemInfoWrap .salePrice {display:inline-block;font-size:0.8em;color:#f06429;font-weight:700;} /*이미지 효과*/ .itemImageWrap.fade .itemImage {position:absolute;z-index:3;width:100%;height:auto;} .itemImageWrap.fade .itemImageAlt {position:absolute;z-index:1;width:100%;height:auto;} .itemImageWrap.layered .itemImage {position:absolute;z-index:1;width:100%;height:auto;} .itemImageWrap.layered .itemImageAlt {opacity:0;position:absolute;z-index:1;left:-100%;width:100%;height:auto;} .itemImageWrap.slide .itemImage {position:absolute;z-index:1;width:100%;height:auto;} .itemImageWrap.slide .itemImageAlt {position:absolute;z-index:1;left:-100%;width:100%;height:auto;} .itemImageWrap.puff .itemImage {position:absolute;z-index:3;width:100%;height:auto;} .itemImageWrap.puff .itemImageAlt {position:absolute;z-index:1;width:100%;height:auto;} /* ROWS */ /*orign for shop*/ .blockStyle1 {} .blockStyle1:after {clear:both;display:block;content:'';} .blockStyle1 > ul {float:left;margin:0;padding:0;width:100%;} .blockStyle1 > ul > li {float:left;margin-right:25px;width:350px;list-style:none;} .blockStyle1 > ul > li:last-child {margin-right:0;} .blockStyle1 > ul > li > a {display:block;position:relative;} .blockStyle1 > ul > li > a img {width:100%;height:auto;} .blockStyle1 > ul > li > a img.layer {position:absolute;left:0;top:0;} .blockStyle1 > ul > li > a img.layer:hover {/*-webkit-animation: fadeinRow1 0.5s; animation: fadeinRow1 0.5s;background-color:rgba(0,0,0,0.7);*/} /*style-set*/ .blockStyle2 {} .blockStyle2:after {clear:both;display:block;content:'';} .blockStyle2 > ul {float:left;margin:0;padding:0;width:100%;} .blockStyle2 > ul > li {float:right;margin-right:31px; margin-bottom:23px;padding:0;width:197px;height:328px;border:1px solid #e5e5e5;list-style:none;background:#ffffff;overflow:hidden} .blockStyle2 > ul > li:hover {border:1px solid #bd9d6c} /*color*/ .blockStyle2 > ul > li > .itemImageWrap {width:100%;height:262px;overflow:hidden;} .blockStyle2 > ul > li > .itemInfoWrap {width:100%;text-align:center} .blockStyle2 > ul > li > .itemInfoWrap .itemExcerpt {display:none} .blockStyle2 > ul > li:first-child {margin-right:0;margin-bottom:0;width:408px;height:681px} .blockStyle2 > ul > li:first-child > .itemImageWrap {width:100%;height:544px;overflow:hidden} .blockStyle2 > ul > li:first-child > .itemImageWrap .itemImage {width:100%;height:100%;} /*.blockStyle2 > ul > li:first-child > .itemInfoWrap .itemName {margin:25px 0 5px 0;padding:0 5%;width:90%;height:1.2em;overflow:hidden;}*/ .blockStyle2 > ul > li:first-child > .itemInfoWrap .itemName {margin: 35px 0 5px 0;padding: 0 5%;width: 90%;height: 1.7em;overflow: hidden;} .blockStyle2 > ul > li:first-child > .itemInfoWrap .itemExcerpt {margin:20px 0 10px 0;width:300px;height:8.2em;line-height:1.4em;} .blockStyle2 > ul > li:nth-child(1n+5) {;margin-bottom:0;} .blockStyle3 {width: 100%;} .blockStyle3:after {clear:both;display:block;content:'';} .blockStyle3 .wideItemList {width:88.4%;height: 100%;box-sizing:border-box} .blockStyle3 .wideItemList > .swiper-wrapper {margin:0;padding:0;width:100%;height:334px;} .blockStyle3 .wideItemList > .swiper-wrapper > .swiper-slide {margin:0 14px 23px;padding:0;width:248px !important;height:334px;border:1px solid #e5e5e5;list-style:none;background:#efefef} .blockStyle3 .wideItemList > .swiper-wrapper > .swiper-slide .itemImageWrap {} .blockStyle3 .wideItemList > .swiper-wrapper > .swiper-slide .itemImageWrap a {position:absolute;z-index:9999;display:block;width:100%;height:100%;line-height:190px;text-align:center;overflow:hidden;} .blockStyle3 .wideItemList > .swiper-wrapper > .swiper-slide .itemImageWrap a:hover {} .blockStyle3 .wideItemList > .swiper-wrapper > .swiper-slide .itemImageWrap a .itemImage {left:0;top:0;width:100%;height:auto;} .blockStyle3 .wideItemList > .swiper-wrapper > .swiper-slide .itemImageWrap a .itemImageAlt {width:100%;height:auto;} .blockStyle3 .wideItemList .swiper-button-prev, .blockStyle3 .wideItemList .swiper-button-next{width:55px;height:55px;line-height:55px;text-align:center;color:#ffffff;background:rgba(0,0,0,0.7);cursor:pointer;} .blockStyle3 .wideItemList .swiper-button-next {background-image: none;right: 0;left: auto;} .blockStyle3 .wideItemList .swiper-button-prev {background-image: none;right: auto;left: 0;} .blockStyle3 .wideItemList .swiper-button-prev:before, .blockStyle3 .wideItemList .swiper-button-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 53px; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; text-shadow: 0 0 10px #333; } .blockStyle3 .wideItemList .swiper-button-prev:before{content: "\f104";} .blockStyle3 .wideItemList .swiper-button-next:before{content: "\f105";} .blockStyle3 .wideItemList .swiper-pagination {} .blockStyle3 .wideItemList .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;background: #000;margin-right: 5px;opacity: 0.8;border:3px solid #000;border-radius:0;cursor: pointer; } .blockStyle3 .wideItemList .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;} .blockStyle3 .wideItemList > .nav span {display:block;position:absolute;z-index:6;top:134px;padding:0 0 0 0;width:55px;height:55px;line-height:55px;font-size:1.4em;text-align:center;color:#ffffff;background:rgba(0,0,0,0.7);cursor:pointer;} .blockStyle3 .wideItemList > .nav span.prev {left:0;} .blockStyle3 .wideItemList > .nav span.next {right:0;} .blockStyle4 {width:100%;z-index:1;} .blockStyle4 .infoSlide {height:350px;overflow:hidden} .blockStyle4 .infoSlide > .swiper-wrapper {margin:0;padding:0;width:100%;height:350px;} .blockStyle4 .infoSlide > .swiper-wrapper .swiper-slide {margin:0;padding:0;width:100%;height:100%;text-align:center;list-style:none} .blockStyle4 .infoSlide > .swiper-wrapper .swiper-slide .icon {display:block;margin:45px 0 ;line-height:1em;font-size:5em;color:#ffffff;} .blockStyle4 .infoSlide > .swiper-wrapper .swiper-slide .icon a {color:#ffffff;text-decoration:none} .blockStyle4 .infoSlide > .swiper-wrapper .swiper-slide dl {margin:0;padding:0;} .blockStyle4 .infoSlide > .swiper-wrapper .swiper-slide dl dt {margin:0;padding:0;text-align:center;font-size:2.5em;color:#ffffff} .blockStyle4 .infoSlide > .swiper-wrapper .swiper-slide dl dt a {color:#ffffff;text-decoration:none} .blockStyle4 .infoSlide > .swiper-wrapper .swiper-slide dl dd {margin:0;padding:0;text-align:center;font-size:1em;color:#ffffff} .blockStyle4 .infoSlide > .swiper-wrapper .swiper-slide dl dd a {color:#ffffff;text-decoration:none} .blockStyle4 .infoSlide .swiper-pagination {} .blockStyle4 .infoSlide .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;background: #000;margin-right: 5px;opacity: 0.8;border:3px solid #000;border-radius:0;cursor: pointer; } .blockStyle4 .infoSlide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;} .blockStyle5 {} .blockStyle5:after {clear:both;display:block;content:'';} .blockStyle5 .descript {margin:0 0 35px 0;padding:0 0 0 0;line-height:1.5em;color:#999999;font-size:0.9em;text-align:center;} .blockStyle5 > ul {float:left;margin:0;padding:0;width:100%;} .blockStyle5 > ul > li {float:left;margin-right:30px; margin-bottom:23px;padding:0;width:250px;height:445px;border:1px solid #e5e5e5;list-style:none;background-color:#ffffff} .blockStyle5 > ul > li:hover {border:1px solid #bd9d6c} /*color*/ .blockStyle5 > ul > li:nth-child(4n+4) {margin-right:0;} /*.blockStyle5 > ul > li:nth-child(1n+5) {margin-bottom:0;}*/ .blockStyle5 > ul > li > .itemImageWrap {width:100%;height:334px;overflow:hidden;} .blockStyle5 > ul > li > .itemInfoWrap {width:100%;text-align:center} .blockStyle5 > ul > li > .itemInfoWrap .itemExcerpt {margin:0 10px 5px;height:2.8em;} .blockStyle5 > ul > li > .itemInfoWrap .itemExcerpt a {text-decoration:none;color:#666;} .blockStyle5 > ul > li.empty_filler{display:none;} .blockStyle6 {} .blockStyle6:after {clear:both;display:block;content:'';} .blockStyle6 .triColumn {float:left;margin-right:25px;width:350px;} .blockStyle6 .triColumn:last-child {margin-right:0;} .blockStyle6 .triColumn > .blockTitle {padding-bottom:10px;text-align:left;border-bottom:1px solid #e5e5e5;} .blockStyle6 .triColumn > ul {margin:0;padding:0;width:100%;} .blockStyle6 .triColumn > ul > li {margin-right:0; margin-bottom:10px;padding:0;width:100%;height:118px;list-style:none;background:#ffffff} .blockStyle6 .triColumn > ul > li > .itemImageWrap {float:left;margin-right:10px;width:89px;height:118px;overflow:hidden;} .blockStyle6 .triColumn > ul > li > .itemImageWrap .itemImage {width:100%;height:auto;} .blockStyle6 .triColumn > ul > li > .itemInfoWrap {float:left;width:250px;text-align:left;} .blockStyle6 .triColumn > ul > li > .itemInfoWrap .itemName {margin:10px 0 5px 0;padding:0;width:90%;height:auto;line-height:1em;overflow:initial;} .blockStyle6 .triColumn > ul > li > .itemInfoWrap .itemName a {} .blockStyle6 .triColumn > ul > li > .itemInfoWrap .retailPrice {display:inline-block;margin: 0 10px 0 0;} .blockStyle6 .triColumn > ul > li > .itemInfoWrap .salePrice {display:inline-block} .blockStyle7 {} .blockStyle7:after {clear:both;display:block;content:'';} .blockStyle7 .banners {float:left;margin:0 8px 0 0;padding:0;width:546px;} .blockStyle7 .banners li {float:left;padding:0;width:268px;height:348px;list-style:none;overflow:hidden} .blockStyle7 .banners li:nth-child(1) {margin:0 10px 8px 0;} .blockStyle7 .banners li:nth-child(2) {margin:0 0 8px 0;} .blockStyle7 .banners li:nth-child(3) {margin:0 0 0 0;width:546px;height:270px;} .blockStyle7 .banners li a {display:block;width:100%;height:auto;} .blockStyle7 .banners li a img {width:100%;height:100%;} .blockStyle7 .forRevSlider {float:left;width:546px;height:626px;overflow:hidden} .blockStyle7 .forRevSlider .normalImage {display:block;width:100%;height:100%;text-align:center;background-size:cover;background-position:50% 50%;} .blockStyle7 .forRevSlider .normalImage img {width:auto;height:100%;text-align:center;opacity:0;} .blockStyle8 {width:100%;height:350px;background:rgba(0,0,0,0.7)} .blockStyle8 .blogRecent {height:350px;} .blockStyle8 .blogRecent .swiper-wrapper {margin:0;padding:0;} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide {margin:0;padding:0;width:100%;list-style:none;} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-title {color:#ffffff;text-align:center;} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-title a {color:#ffffff;text-align:center;text-decoration:none} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-content {text-align:center} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-content .excerpt {margin:35px 0 50px 0;width: 45%;height: 190px;line-height:1.7em;margin: 0 auto;overflow: hidden;font-size:0.9em;color:#ffffff;} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-content .thumbnail {margin:0 auto 10px;width:107px;height:107px;border:2px solid #ffffff;border-radius:50%;overflow:hidden} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-content .thumbnail img{width:100%;height:100%;} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-meta {font-size:0.85em;color:#ffffff;text-align:center;} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-meta .meta-author {} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-meta .meta-author a {color:#ffffff;text-decoration:none} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-meta .meta-date{} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .entry-meta .meta-date a {color:#ffffff;text-decoration:none} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .tags-list {text-align:center;} .blockStyle8 .blogRecent .swiper-wrapper .swiper-slide .tags-list a {display:inline-block;padding:0 5px;text-align:center;text-decoration:none;color:#ffffff;font-size:0.8em;background-color:rgba(0,0,0,0.3)} .blockStyle8 .swiper-pagination {} .blockStyle8 .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;background: #000;margin-right: 5px;opacity: 0.8;border:3px solid #000;border-radius:0;cursor: pointer; } .blockStyle8 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #fff;} .blockStyle9 {position:relative;} .blockStyle9:after {clear:both;display:block;content:'';} .blockStyle9 .blogRecentBox {margin:0;padding:0 0 2px 0;width:100%;height:431px;} .blockStyle9 .blogRecentBox > .swiper-wrapper {margin:0;padding:0;width:100%;} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide {margin-bottom:23px;padding:0;width:346.1px;height:390px !important;border:1px solid #e5e5e5;list-style:none;background:#ffffff;} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .postThumbnailWrap {position:relative;margin:0 0 20px 0;width:100%;height:139px;overflow:hidden;} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .postThumbnailWrap a {display:block;width:100%;height:100%;background-size:cover;background-position:50% 50%} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .postThumbnailWrap a .postThumbnail {/*position:relative;z-index:1;*/width:100%;height:auto;opacity:0;} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .postThumbnailWrap .readmore {display:none;position:absolute;z-index:3;left:0;top:50%;margin-top:-26px;width:100%;height:55px;background-color:rgba(0,0,0,0.7)} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .postThumbnailWrap .readmore a {display:block;text-align:center;line-height:55px;color:#ffffff;text-decoration:none;} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-header {margin:20px 20px;height: 47px;overflow: hidden} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-header .entry-title {} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-header .entry-title a {color:#121212;text-decoration:none} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-content {margin:0 30px 20px;width:auto;height:8em;line-height:1.6em;font-size:0.79em;color:#999999;overflow:hidden;} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-content a {color:#999999;text-decoration:none} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-meta {margin:0 30px;color:#999999} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-meta span {} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-meta span a {text-decoration:none;line-height:1.2em;font-size:13px;color:#bd9d6c} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-meta .readmore {float:left;width:auto;} .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-meta .readmore a {text-decoration:none;font-size:18px;font-weight:700;color:#bd9d6c;text-decoration:none;}/*color*/ .blockStyle9 .blogRecentBox > .swiper-wrapper > .swiper-slide > .entry-meta .date {float:right;width:auto;} .blockStyle9 .swiper-button-prev, .blockStyle9 .swiper-button-next{position:absolute;top:30px;background-image: none;left:auto;width:27px;height:27px;line-height:29px;text-align:center;color:#ffffff;border:1px solid #e5e5e5;background:rgba(255,255,255,0.7);cursor:pointer;} .blockStyle9 .swiper-button-next {right:0;} .blockStyle9 .swiper-button-prev {right:35px;} .blockStyle9 .swiper-button-prev:before, .blockStyle9 .swiper-button-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 20px; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; color:#726a68; } .blockStyle9 .swiper-button-prev:before{content: "\f104";} .blockStyle9 .swiper-button-next:before{content: "\f105";} .blockStyle10 {position:relative;} .blockStyle10 .sitesQuickLink {} .blockStyle10 .sitesQuickLink:after {clear:both;display:block;content:'';} .blockStyle10 .sitesQuickLink > .swiper-wrapper {margin:0; padding:0;width:100%;height:65px;} .blockStyle10 .sitesQuickLink > .swiper-wrapper > .swiper-slide {width:170px;list-style:none} .blockStyle10 .sitesQuickLink > .swiper-wrapper > .swiper-slide img {width:100%;height:auto;} .blockStyle10 .swiper-button-prev, .blockStyle10 .swiper-button-next{position:absolute;top:50%;margin:-13px 0 0 0;background-image: none;width:27px;height:27px;line-height:29px;text-align:center;color:#ffffff;border:1px solid #e5e5e5;background:rgba(255,255,255,0.7);cursor:pointer;} .blockStyle10 .swiper-button-next {right:-30px;} .blockStyle10 .swiper-button-prev {left:-30px;} .blockStyle10 .swiper-button-prev:before, .blockStyle10 .swiper-button-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 20px; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; color:#726a68; } .blockStyle10 .swiper-button-prev:before{content: "\f104";} .blockStyle10 .swiper-button-next:before{content: "\f105";} .blockStyle11 {padding:45px 0;background-color:#f1f1f1} .blockStyle11:after {clear:both;display:block;content:'';} .blockStyle11 ul {float:left;margin:0;padding:0;width:100%;} .blockStyle11 ul li {float:left;margin:0 25px 0 0;padding:5px;width:338px;list-style:none;border:1px solid #e5e5e5;background-color:#ffffff;} .blockStyle11 ul li:last-child {margin-right:0;} .blockStyle11 ul li a {text-decoration:none} .blockStyle11 ul li dl {position:relative;margin:0;padding:25px 0;background:#f1f1f1} .blockStyle11 ul li dt {margin:0 0 0 75px;padding:0;font-size:1.4em;color:#000000;font-weight:700;} .blockStyle11 ul li:hover dt {color:#bd9d6c} /*color*/ .blockStyle11 ul li dd {margin:0 0 0 75px;padding:0;font-size:0.9em;color:#666666} .blockStyle11 ul li dd:last-child {position:absolute;left:22px;top:22px;margin:0;padding:0;font-size:2.5em;color:#000} .blockStyle11 ul li:hover dd:last-child {color:#bd9d6c} /*color*/ /*origin for blog*/ .blockStyle12 {} .blockStyle12:after {clear:both;display:block;content:'';} .blockStyle12 ul {float:left;margin:0;padding:0;width:100%;} .blockStyle12 ul li {float:left;margin:0 30px 40px 0;padding:0;width:534px;height:203px;list-style:none;background:#f7f7f7} .blockStyle12 ul li:nth-child(2n+2) {margin-right:0;} .blockStyle12 ul li:nth-child(1n+3) {margin-bottom:0;} .blockStyle12 ul li dl {float:right;margin:0;padding:0;} .blockStyle12 ul li dl dt {float:right;margin:37px 20px 20px 0;padding:0;width:321px;font-size:18px;font-weight:700;/*text-transform: uppercase;*/height:26px;overflow:hidden;} .blockStyle12 ul li dl dd.thumbnail {float:left;margin:0 35px 0 0;padding:0;width:158px;height:203px;overflow:hidden;} .blockStyle12 ul li dl dd.thumbnail a {display:block;width:100%;height:100%;background-size:cover;background-position:50% 50%} .blockStyle12 ul li dl dd.thumbnail a img {width:100%;height:auto;opacity:0;} .blockStyle12 ul li dl dd.descript {float:left;margin:0;padding:0;width:321px;line-height:1.8em;font-size:13px;color:#999999} .blockStyle13 {} .blockStyle13:after {clear:both;display:block;content:'';} .blockStyle13 ul {float:left;margin:0;padding:0;width:100%;} .blockStyle13 ul li {position:relative;float:left;margin:0;padding:0;width:25%;height:319px;overflow:hidden;list-style:none;} .blockStyle13 ul li a {display:block;width:100%;height:100%;background-size:cover;background-position:50% 50%} .blockStyle13 ul li a img {width:100%;height:auto;opacity:0;} .blockStyle14 {} .blockStyle14:after {clear:both;display:block;content:'';} .blockStyle14 .descript {margin:0 0 40px 0;line-height:1.5em;color:#999999;font-size:13px;text-align:center;} .blockStyle14 ul {float:left;margin:0;padding:0;width:100%;} .blockStyle14 ul li {position:relative;float:left;margin:0 25px 25px 0;padding:0;width:348px;height:400px;border:1px solid #e6e6e6;list-style:none;} .blockStyle14 ul li:nth-child(3n+3) {margin-right:0;} .blockStyle14 ul li .postThumbnailWrap {width:100%;height:139px;overflow:hidden;} .blockStyle14 ul li .postThumbnailWrap a {display:block;width:100%;height:100%;background-size:cover;background-position:50% 50%} .blockStyle14 ul li .postThumbnailWrap a img {width:100%;height:auto;opacity:0;} .blockStyle14 ul li .entry-header {margin:30px 30px 20px;} .blockStyle14 ul li .entry-header .entry-title {margin:0 0 10px 0;height:25px;overflow:hidden;} .blockStyle14 ul li .entry-header .entry-title a {color:#121212;text-decoration:none} .blockStyle14 ul li .entry-content {margin:0 30px 30px;width:auto;height:8em;line-height:1.6em;font-size:13px;color:#999999;overflow:hidden} .blockStyle14 ul li .entry-content a {color:#999999;text-decoration:none} .blockStyle14 ul li .entry-meta {margin:0 30px;color:#999999} .blockStyle14 ul li .entry-meta span {} .blockStyle14 ul li .entry-meta span a {text-decoration:none;line-height:1.2em;font-size:13px;color:#bd9d6c} .blockStyle14 ul li .entry-meta .readmore {float:left;width:auto;} .blockStyle14 ul li .entry-meta .readmore a {text-decoration:none;font-size:18px;font-weight:700;color:#bd9d6c;text-decoration:none;}/*color*/ .blockStyle14 ul li .entry-meta .date {float:right;width:auto;} .blockStyle14 > ul > li.empty_filler {display:none;} .blockStyle15 {} .blockStyle15:after {clear:both;display:block;content:'';} .blockStyle15 .descript {margin:0 0 45px 0;padding:0 0 50px 0;line-height:1.5em;color:#999999;font-size:0.9em;text-align:center;border-bottom:1px solid #ebebeb} .blockStyle15 ul {float:left;margin:0;padding:0;width:100%;} .blockStyle15 ul li {position:relative;float:left;margin:0 25px 20px 0;padding:0;width:350px;height:320px;text-align:center;font-size:0.8em;color:#999999;list-style:none;} .blockStyle15 ul li:nth-child(3n+3) {margin-right:0;} .blockStyle15 ul li .partIcon {margin:0 auto 25px;width:112px;height:112px;line-height:112px;text-align:center;font-size:5em;color:#ffffff;border-radius:50%;background:#687787;} .blockStyle15 ul li .partTitle {font-size:18px;height:28px;overflow:hidden;} .blockStyle15 ul li .partDescript {margin:0 0 20px 0;line-height:1.5em;font-size:13px;height:80px;overflow:hidden;} .blockStyle15 ul li .partSns {} .blockStyle15 ul li .partSns span {} .blockStyle15 ul li .partSns span a {display:inline-block;width:24px;height:24px;line-height:26px;font-size:1em;color:#ffffff;border-radius:50%;background:#999999;} .blockStyle15 > ul > li.empty_filler {display:none;} .blockStyle16 {background:#2b333b} .blockStyle16:after {clear:both;display:block;content:'';} .blockStyle16 .blockWrap {width:100%;height:480px;overflow:hidden} .blockStyle16 dl {float:right;margin:0;padding:100px 55px 0;width:424px;height:100%;background:#2b333b} .blockStyle16 dl dt {margin:0 0 25px 0 ;padding:0 0 27px 0;color:#76a7d7;font-size:2em;font-weight:700;text-transform: uppercase;border-bottom:1px solid #6b7176;} .blockStyle16 dl dt .subTitle {display:block;color:#ffffff} .blockStyle16 dl dd{margin:0;padding:0;width:100%;height:12.6em;line-height:1.8em;font-size:0.9em;color:#ffffff;overflow:hidden} .blockStyle17 {} .blockStyle17:after {clear:both;display:block;content:'';} .blockStyle17 .quarterColumn {float:left;margin-right:30px;width:252px;} .blockStyle17 .quarterColumn:last-child {margin-right:0;} .blockStyle17 .quarterColumn > .blockTitle {padding-bottom:10px;text-align:left;border-bottom:1px solid #e5e5e5;} .blockStyle17 .quarterColumn > ul {margin:0;padding:0;width:100%;} .blockStyle17 .quarterColumn > ul > li {margin-right:0; margin-bottom:10px;padding:0;width:100%;height:118px;list-style:none;background:#ffffff} .blockStyle17 .quarterColumn > ul > li > .itemImageWrap {float:left;margin-right:10px;width:89px;height:118px;overflow:hidden;} .blockStyle17 .quarterColumn > ul > li > .itemImageWrap .itemImage {width:100%;height:auto;} .blockStyle17 .quarterColumn > ul > li > .itemInfoWrap {float:left;width:153px;text-align:left;} .blockStyle17 .quarterColumn > ul > li > .itemInfoWrap .itemName {margin:0px 0 5px 0;padding:0;width:90%;height:1em;line-height:1em;overflow:hidden;} .blockStyle17 .quarterColumn > ul > li > .itemInfoWrap .itemName a {font-weight:700;} .blockStyle17 .quarterColumn > ul > li > .itemInfoWrap .itemExcerpt {margin:0 0 5px 0;width:100%;height:5.4em;} .blockStyle17 .quarterColumn > ul > li > .itemInfoWrap .itemExcerpt a {color:#666666;text-decoration:none;} .blockStyle17 .quarterColumn > ul > li > .itemInfoWrap .retailPrice {display:inline-block;margin: 0 10px 0 0;} .blockStyle17 .quarterColumn > ul > li > .itemInfoWrap .salePrice {display:inline-block} .blockStyle17 .quarterColumn:last-child > ul {} .blockStyle17 .quarterColumn:last-child > ul li {padding:0 0 0 5px;height:auto;line-height:1.9em;border-bottom:1px solid #e5e5e5;} .blockStyle17 .quarterColumn:last-child > ul li a {color:#000000;font-size:14px;text-decoration:none;} .blockStyle17 .quarterColumn:last-child > ul li a em {padding:0 0 0 5px;font-size:0.8em;font-style:normal;color:#f26522} .blockStyle18 {} .blockStyle18:after {clear:both;display:block;content:'';} .blockStyle18 ul {float:left;margin:0;padding:0;width:100%;} .blockStyle18 ul li {position:relative;float:left;margin:0 25px 15px 0;padding:0;width:350px;height:270px;overflow:hidden;list-style:none;} .blockStyle18 ul li a {display:block;width:100%;height:100%;background-size:cover;background-position:50% 50%;} .blockStyle18 ul li a img {width:100%;opacity:0;} .blockStyle18 ul li:nth-child(3n+3) {margin-right:0;} .blockStyle18 ul li:nth-child(1n+4) {margin-bottom:0;} .blockStyle19 {background:#f3f3f3} .blockStyle19 .widthLimiter {padding:55px 0 ;} .blockStyle19 .widthLimiter:after {clear:both;display:block;content:'';} .blockStyle19 .quarterColumn {float:left;margin-right:30px;width:252px;} .blockStyle19 .quarterColumn:last-child {margin-right:0;} .blockStyle19 .quarterColumn > .blockTitle {padding-bottom:10px;text-align:left;font-size:1.5em;border-bottom:1px solid #e5e5e5;} .blockStyle19 .quarterColumn > ul {margin:0;padding:0;width:100%;} .blockStyle19 .quarterColumn > ul > li {margin-left:21px;padding:0;width:100%;height:auto;line-height:1.6em;color:#888;list-style:dotted;} .blockStyle19 .quarterColumn > ul > li a {text-decoration:none;color:#888;font-size:0.8em;} .blockStyle19 .quarterColumn:last-child > .tags-list {} .blockStyle19 .quarterColumn:last-child > .tags-list a {float:left;display:block;margin:0 5px 5px 0;padding:0 17px;line-height:37px;text-decoration:none;color:#888;font-size:0.8em;background:#ffffff} .blockStyle20 {} .blockStyle20:after {clear:both;display:block;content:'';} .blockStyle20 > ul {margin:0;padding:0;width:100%;} .blockStyle20 > ul > li {float:left;margin-right:25px; margin-bottom:10px;padding:0;width:350px;height:118px;list-style:none;background:#ffffff} .blockStyle20 > ul > li:nth-child(3n+3) {margin-right:0px;} .blockStyle20 > ul > li > .itemImageWrap {float:left;margin-right:10px;width:89px;height:118px;overflow:hidden;} .blockStyle20 > ul > li > .itemImageWrap .itemImage {width:100%;height:auto;} .blockStyle20 > ul > li > .itemInfoWrap {float:left;width:250px;text-align:left;} .blockStyle20 > ul > li > .itemInfoWrap .itemName {margin:0px 0 5px 0;padding:0;width:90%;height:1em;line-height:1em;overflow:hidden;} .blockStyle20 > ul > li > .itemInfoWrap .itemName a {font-weight:700;} .blockStyle20 > ul > li > .itemInfoWrap .itemExcerpt {margin:0 0 10px 0;width:100%;height:5.4em;line-height:1.4em;font-size:0.75em;color:#666;overflow:hidden} .blockStyle20 > ul > li > .itemInfoWrap .itemExcerpt a {text-decoration:none;color:#666;} .blockStyle20 > ul > li > .itemInfoWrap .retailPrice {display:inline-block;margin: 0 10px 0 0;} .blockStyle20 > ul > li > .itemInfoWrap .salePrice {display:inline-block} .blockStyle21{position:relative;} .blockStyle21 .whiteMask {position:absolute;z-index:999;left:0;top:0;width:100%;height:100%;background:#ffffff} .blockStyle21 .title{margin:0 0 35px 0;padding:0;text-align:center;} .blockStyle21 .title h2{margin-top:0;padding:0;line-height:1.2em;font-size:1.5em;font-weight:700;color:#000;} .blockStyle21 .title p{margin:0;padding:0 20%;line-height:1.5em;font-size:0.9em;color:#999999;} .blockStyle21 .content{position:relative;margin:0;padding:0;width:100%;overflow:hidden;} .blockStyle21 .content ul{margin:0;padding:0;list-style:none;overflow:hidden;} .blockStyle21 .content ul:after{content:"";display:block;clear:both;} .blockStyle21 .content ul li{float:left;width:24.9%;margin:0;padding:0 0.3%;} .blockStyle21 .content ul li:hover a .img .hover_img{top:0;} .blockStyle21 .content ul li a{text-decoration:none;} .blockStyle21 .content ul li .img{position:relative;margin:0;padding:0;overflow:hidden;} .blockStyle21 .content ul li .img img{display:block;width:100%;height:auto;border:none;} .blockStyle21 .content ul li .img .hover_img{position:absolute;top:100%;left:0;transition:all 0.4s;} .blockStyle21 .content ul li .info{margin:0;padding:16px 12px;border:1px solid #ddd; background:#fff;} .blockStyle21 .content ul li .info .name{display:block;margin:0 0 15px 0;height:44px;line-height:21px;font-size:18px;font-weight:bold;color:#000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;} .blockStyle21 .content ul li .info .price{display:block;font-size:18px;color:#a5b4be;} .blockStyle21 .content ul li .more{margin:0;padding:25px 12px;background:#fff;border:1px solid #ddd;border-top:none;} .blockStyle21 .content ul li .more a{display:inline-block;margin:0 6px;font-size:14px;color:#a5b4be;} .blockStyle21 .content ul button{position:absolute;top:30%;width:35px;height:35px;background:#000;color:#fff;border:none;font-size:18px;cursor:pointer; outline:none; opacity:0; transition:all 0.4s;} .blockStyle21 .content ul button.slick-prev3{left:0;} .blockStyle21 .content ul button.slick-next3{right:0;} .blockStyle21 .content ul:hover button{opacity:1;} .blockStyle22{padding:0 0 70px;overflow:hidden;} .blockStyle22 .widthLimiter{max-width:1100px;width:auto;} .blockStyle22 .title{margin:0 0 35px 0;padding:0;width:100%;text-align:center;} .blockStyle22 .title h2{margin-top:0;padding:0;line-height:1.2em;font-size:1.5em;font-weight:700;color:#000;} .blockStyle22 .title .design{position:relative;margin:0 auto 40px;display:none;width:30%;height:2px;background:#ddd;} .blockStyle22 .title p{margin:0;padding:0 24px;line-height:1.5em;font-size:0.9em; color:#999999;} .blockStyle22 .content_wrap{margin:0;padding:0;width:100%;} .blockStyle22 .content_wrap ul{margin:0;padding:0;list-style:none;} .blockStyle22 .content_wrap ul:after{content:"";display:block;clear:both;} .blockStyle22 .content_wrap ul li{position:relative;float:left;margin-right:0.6%;margin-bottom:5px;width:49.7%;min-height:144px;border-radius:200px;transition:all 0.4s;} .blockStyle22 .content_wrap ul li:nth-child(1), .blockStyle22 .content_wrap ul li:nth-child(1) .con_bg{background:#f05773;} .blockStyle22 .content_wrap ul li:nth-child(2), .blockStyle22 .content_wrap ul li:nth-child(2) .con_bg{background:#4d4294;} .blockStyle22 .content_wrap ul li:nth-child(3), .blockStyle22 .content_wrap ul li:nth-child(3) .con_bg{background:#f68527;} .blockStyle22 .content_wrap ul li:nth-child(4), .blockStyle22 .content_wrap ul li:nth-child(4) .con_bg{background:#a54a92;} .blockStyle22 .content_wrap ul li:nth-child(5), .blockStyle22 .content_wrap ul li:nth-child(5) .con_bg{background:#0caebf;} .blockStyle22 .content_wrap ul li:nth-child(6), .blockStyle22 .content_wrap ul li:nth-child(6) .con_bg{background:#1bbc9b;} .blockStyle22 .content_wrap ul li:after{position:absolute;top:100%;left:0;content:"";display:block;width:100%;height:100%;background:#fff;border-radius:200px;transition:all 0.4s;} .blockStyle22 .content_wrap ul li:nth-child(even){margin:0;} .blockStyle22 .content_wrap ul li .icon_wrap{position:absolute;top:0;display:block;width:144px;height:144px; text-align: center; border-radius:50%; background:rgba(0,0,0,0.1);transition:all 0.4s;} .blockStyle22 .content_wrap ul li:nth-child(odd) .icon_wrap{left:0;} .blockStyle22 .content_wrap ul li:nth-child(even) .icon_wrap{right:0;} .blockStyle22 .content_wrap ul li .icon_wrap i{line-height:144px;font-size:50px;color:#fff;} .blockStyle22 .content_wrap ul li .con_bg{position:absolute;top:50%;display:block;width:50%;height:100%;background:yellow;transition:all 0.4s;} .blockStyle22 .content_wrap ul li:nth-child(odd) .con_bg{right:0;} .blockStyle22 .content_wrap ul li:nth-child(even) .con_bg{left:0;} .blockStyle22 .content_wrap ul li .content{position:relative;margin:0;padding:20px 0;z-index:1;transition:all 0.4s;} .blockStyle22 .content_wrap ul li:nth-child(odd) .content{margin-left:160px;padding-right:49px;} .blockStyle22 .content_wrap ul li:nth-child(even) .content{text-align:right;margin-right:160px;padding-left:49px;} .blockStyle22 .content_wrap ul li .content h3{margin:0 0 12px 0;padding:0;} .blockStyle22 .content_wrap ul li .content h3 a{display:block;max-height:48px;line-height:23px;text-decoration:none;font-size:18px;font-weight:900;color:#fff;overflow: hidden;text-overflow: ellipsis;} .blockStyle22 .content_wrap ul li .content p{margin:0;padding:0;height:40px;font-size:15px;font-weight:bold;color:#fff;overflow:hidden;} .blockStyle23{} .blockStyle23 .widthLimiter{max-width:1100px;width:auto;} .blockStyle23 .widthLimiter:after{content:"";display:block;clear:both;} .blockStyle23 .content_l{float:left;margin:0 2% 0 0;padding:0;width:49%;} .blockStyle23 .content_l .title{margin:0 0 30px 0;padding:0;width:100%;} .blockStyle23 .content_l .title h2{margin:0 0 20px 0;padding:0;font-size:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;} .blockStyle23 .content_l .tab_wrap{margin:0;padding:0;width:100%;} .blockStyle23 .content_l .tab_wrap ul.tab_nav{margin:0;padding:0;list-style:none;} .blockStyle23 .content_l .tab_wrap ul.tab_nav:after{content:"";display:block;clear:both;} .blockStyle23 .content_l .tab_wrap ul.tab_nav li{float:left;width:165px;background:#fff;border-top:1px solid #ddd; border-left:1px solid #ddd;} .blockStyle23 .content_l .tab_wrap ul.tab_nav li a{display:block;margin:0 auto;text-decoration:none;width:80%;line-height:50px;font-size:15px;font-weight:bold;color:#85888a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:center;} .blockStyle23 .content_l .tab_wrap ul.tab_nav li.active{color:#bd9d6c;box-shadow:inset 0 3px #bd9d6c, 1px 5px 0 0 #fff;} .blockStyle23 .content_l .tab_wrap ul.tab_nav li:last-child{border-right:1px solid #ddd;} .blockStyle23 .content_l .tab_wrap .tab_content{display:none;margin:0;padding:14px 30px;border:1px solid #ddd;background:#fff;} .blockStyle23 .content_l .tab_wrap .tab_content#quality{display:block;} .blockStyle23 .content_l .tab_wrap .tab_content p{margin:0 0 20px 0;padding:0;line-height:24px;font-size:15px;color:#888;} .blockStyle23 .content_l .tab_wrap .tab_content ul{float:left;margin:0;padding:0;width:50%;list-style:none;} .blockStyle23 .content_l .tab_wrap .tab_content ul li{position:relative;padding:0 0 0 30px;line-height:33px;font-size:14px; color:#888;} .blockStyle23 .content_l .tab_wrap .tab_content ul li:after{position:absolute;top:5px;left:0;content:"\f00c";display:block;font: normal normal normal 14px/1 FontAwesome; width:20px; height:20px; line-height:20px; border-radius:50%;background:#bd9d6c;text-align:center;font-size:11px;color:#fff;text-indent:2px;} .blockStyle23 .content_l .tab_wrap .tab_content .img_wrap{position:relative;float:left;margin:0;padding:0;width:50%;overflow:hidden;text-align:right;} .blockStyle23 .content_l .tab_wrap .tab_content .img_wrap img{display:inline-block;max-width:100%;height:auto;} .blockStyle23 .content_r{float:left;margin:0;padding:0;width:49%;} .blockStyle23 .content_r .title{margin:0 0 30px 0;padding:0;width:100%;} .blockStyle23 .content_r .title h2{margin:0 0 20px 0;padding:0;font-size:30px;} .blockStyle23 .content_r .content_wrap{margin:0;padding:0;width:100%;} .blockStyle23 .content_r .content_wrap .con_item{margin:0 0 5px 0;padding:0;width:100%;} .blockStyle23 .content_r .content_wrap .con_item .item_title{position:relative;display:block;height:50px;line-height:50px;padding:0 60px 0 30px;background:#fff; font-size:15px;font-weight:bold;color:#888; border: 1px solid #ddd; border-radius:4px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;} .blockStyle23 .content_r .content_wrap .con_item .item_title:after{position:absolute;top:50%;right:23px;content:"";display:block;width:15px;height:1px;background:#ddd;} .blockStyle23 .content_r .content_wrap .con_item .item_title:before{position:absolute;top:50%;right:30px;margin-top:-7.5px;content:"";display:block;width:1px;height:15px;background:#ddd;} .blockStyle23 .content_r .content_wrap .con_item .item_title i{margin:0 10px 0 0; font-size:16px;} .blockStyle23 .content_r .content_wrap .con_item .item_content{display:none;margin:0;padding:30px;border:1px solid #ddd;background:#fff;border-radius:0 0 4px 4px;} .blockStyle23 .content_r .content_wrap .con_item .item_content p{margin:0;padding:0;font-size:15px;line-height:22px;color:#888;} .blockStyle23 .content_r .content_wrap .con_item.active .item_title{background:#bd9d6c;color:#fff;border:none;border-radius:4px 4px 0 0;} .blockStyle23 .content_r .content_wrap .con_item.active .item_title:before{display:none;} .blockStyle23 .content_r .content_wrap .con_item:first-child .item_content{display:block;} .blockStyle24{border-bottom:1px solid #ddd;} .blockStyle24 .widthLimiter{max-width:1100px;width:auto;} .blockStyle24 .title{margin:0 0 40px 0;padding:80px 0 0 0;text-align:center;} .blockStyle24 .title h2{margin:0 0 20px 0;padding:0;font-size:30px;letter-spacing:2px;font-weight:bold;color:#fff;} .blockStyle24 .title p{margin:0;padding:0 20%;line-height:20px;font-size:14px;color:#fff;} .blockStyle24 .content{margin:0;padding:0;width:100%;} .blockStyle24 .content .slider_wrap2{position:relative;margin:0;padding:60px 0 0 0;width:100%;} .blockStyle24 .content .slider_wrap2:after{content:"";display:block;clear:both;} .blockStyle24 .content .slider_wrap2 div{float:left;margin:0;padding:0;width:100%;} .blockStyle24 .content .slider_wrap2 div img{display:block;margin:0 auto;max-width:100%;height:auto;} .blockStyle24 .content .slider_wrap2 span{position:absolute;top:0;width:80px;height:38px;line-height:38px;background:#fff;border:1px solid #ddd;font-size:14px;outline:none;transition:all 0.4s;cursor:pointer;text-align:center;text-overflow:ellipsis;white-space:nowrap;word-break:normal;} .blockStyle24 .content .slider_wrap2 span:hover{background:#eee;} .blockStyle24 .content .slider_wrap2 span:hover:after{background:#eee !important;} .blockStyle24 .content .slider_wrap2 span.slick-next2{left:50%;border-left:none;} .blockStyle24 .content .slider_wrap2 span.slick-next2:after{position:absolute;top:-1px;left:100%;padding:12px 0;width:40px;text-align:center;content:"\f105"; font: normal normal normal 14px/1 FontAwesome;background:#fff;border:1px solid #ddd;transition:all 0.4s;} .blockStyle24 .content .slider_wrap2 span.slick-prev2{right:50%;} .blockStyle24 .content .slider_wrap2 span.slick-prev2:after{position:absolute;top:-1px;right:100%;padding:12px 0;width:40px;text-align:center;content:"\f104"; font: normal normal normal 14px/1 FontAwesome;background:#fff;border:1px solid #ddd;transition:all 0.4s;} /* END OF FRONT ****************************************************************************************************************************/ .subPage {} #sidebar {float:left;margin:50px 47px 100px 0;width:233px;} #sidebar h3 {margin:0;padding:0 0 0 18px;height:44px;line-height:44px;color:#ffffff;font-size:0.9em;} .mainContent.solo ~ #sidebar {display:none} .mainContent.withSidebar ~ #sidebar {display:block} .categoryNav {margin:0 0 20px 0;} .categoryNav .navTitle {background-color:#121212} .categoryNav ul {margin:0;padding:0;} .categoryNav ul > li {margin:0;padding:0;line-height:38px;list-style:none;} .categoryNav ul > li > a {display:block;padding:0 17px;height:38px;color:#666666;font-size:0.8em;text-decoration:none;border-bottom:1px solid #ebebeb;} .categoryNav ul > li.active > a, .categoryNav ul > li > a:hover {/*color:#bd9d6c*/}/*color*/ .categoryNav > ul.sideNav {border:1px solid #ebebeb;border-bottom: none;} .categoryNav > ul.sideNav > li {position:relative} .categoryNav > ul.sideNav > li:hover > a {/*color:#bd9d6c*/} .categoryNav > ul.sideNav > li > .openChild {position:absolute;top:0;right:0;width:38px;height:38px;line-height:38px;font-size:0.9em;color:#000000;text-align:center;cursor:pointer;} .categoryNav > ul.sideNav > li > ul {display:none} .categoryNav > ul.sideNav > li > ul > li {position:relative;} .categoryNav > ul.sideNav > li > ul > li:hover > a {/*color:#bd9d6c*/} .categoryNav > ul.sideNav > li > ul > li > a:before {content:'· ';font-size:35px;line-height:25px;letter-spacing:-3px;vertical-align:middle} .categoryNav > ul.sideNav > li > ul > li > ul {} .categoryNav > ul.sideNav > li > ul > li > ul > li {} .categoryNav > ul.sideNav > li > ul > li > ul > li > a {padding-left:25px;} .categoryNav > ul.sideNav > li > ul > li > ul > li > a:before {content:'- '} .priceFilterWrap {margin:0 0 20px 0;} .priceFilterWrap h3 {color:#ffffff;background-color:#d0d0d0} .priceFilterWrap .price_slider_wrap {padding:15px;line-height:1em;text-align:center;font-size:0.8em;border:1px solid #ebebeb;} .priceFilterWrap .price_slider_wrap:after {clear:both;display:block;content:'';} .priceFilterWrap .price_slider_wrap .filterPriceValues {padding:0 2px 0 0;width:60px;line-height:1em;text-align:right;font-size:0.75em;border:none;background:#ffffff;} .priceFilterWrap .price_slider_wrap .priceFilter {margin:8px 6px 10px;height:10px;} .noUi-target {border:1px solid #c6c6c6;border-radius:0 !important} .noUi-origin {background:#f06429;} .noUi-origin:last-child {background:#ffffff;} .noUi-horizontal .noUi-handle {left:-10px !important;top:-6px !important;width:20px !important;height:20px !important;border:1px solid #c6c6c6;border-radius:0;background-color:#ffffff;background-image:none;} .noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {content: "";display: block;position: absolute;height:0;width:0;background:none;left:0;top:0;} .priceFilterWrap .price_slider_wrap .biasFilter {width:74px;height:21px;line-height:21px;text-align:center;color:#ffffff;font-size:0.9em;border:none;background:#ccb48e;cursor:pointer} .bestProducts {margin:0 0 20px 0;} .bestProducts h3 {color:#ffffff;background-color:#d0d0d0} .bestProducts ul {margin:0;padding:5px 5px 0 5px;border:1px solid #ebebeb} .bestProducts ul li {overflow: hidden;margin-right:0; margin-bottom:10px;padding:0;width:100%;height:118px;list-style:none;background:#ffffff} .bestProducts > ul > li > .itemImageWrap {float:left;margin-right:10px;width: 50%;height:118px;overflow:hidden;} .bestProducts > ul > li > .itemImageWrap .itemImage {width:100%;height:auto;} .bestProducts > ul > li > .itemInfoWrap {float:left;width: calc(50% - 10px);text-align:left;} .bestProducts > ul > li > .itemInfoWrap .itemName {margin: 4px 0 0; font-size: 13px; padding: 0; width: 100%; height: auto; max-height: 94px; line-height: 1.2; overflow: initial;} .bestProducts > ul > li > .itemInfoWrap .itemName a {} .bestProducts > ul > li > .itemInfoWrap .retailPrice {display:inline-block;margin: 0 10px 0 0;} .bestProducts > ul > li > .itemInfoWrap .salePrice {display:inline-block} .recentlyPost {margin:0 0 20px 0;} .recentlyPost h3 {color:#ffffff;background-color:#d0d0d0} .recentlyPost ul {margin:0;padding:5px 5px 0 5px;border:1px solid #ebebeb} .recentlyPost ul li {margin-right:0; margin-bottom:10px;padding:0;width:100%;height:89px;overflow:hidden;list-style:none;background:#ffffff} .recentlyPost > ul > li > .itemImageWrap {float:left;margin-right:10px;width:89px;height:118px;} .recentlyPost > ul > li > .itemImageWrap {width:89px;height:89px;overflow:hidden;} .recentlyPost > ul > li > .itemImageWrap .itemImage {width:100%;height:auto;} .recentlyPost > ul > li > .itemInfoWrap {float:left;width:119px;text-align:left;height:89px;overflow:hidden;} .recentlyPost > ul > li > .itemInfoWrap .itemName {margin:10px 0 5px 0;padding:0;width:90%;height:51px;overflow:hidden;line-height:1em;} .recentlyPost > ul > li > .itemInfoWrap .itemName a {} .recentlyPost > ul > li > .itemInfoWrap .retailPrice {display:inline-block;margin: 0 10px 0 0;} .recentlyPost > ul > li > .itemInfoWrap .postDate {display:inline-block;font-size:11px;} .tagCloud {margin:0 0 20px 0;} .tagCloud h3 {color:#ffffff;background-color:#d0d0d0} .tagCloud .tags-list {margin:0;padding:5px;border:1px solid #ebebeb} .tagCloud .tags-list a {display: inline-block;border: 1px solid #E3E3E2;height: 28px;line-height: 26px;padding: 0 6px;margin: 0 1px 6px 0;vertical-align: top;border-radius: 3px;} .swiperSideBanner {position:relative;margin:0 0 20px 0 !important;width:233px;height:300px;overflow:hidden} .swiperSideBanner ul {margin:0;padding:0;} .swiperSideBanner ul li {margin:0;padding:0;width:233px;height:300px;list-style:none} .swiperSideBanner ul li a {} .swiperSideBanner ul li a img {width:100%;height:auto} .swiperSideBanner .pagination {position:absolute;z-index: 10;left:13px;bottom:13px;margin:0;width:200px;} .swiperSideBanner .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;background: #000;margin-right: 5px;opacity: 0.8;border:3px solid #000;cursor: pointer;} .swiperSideBanner .swiper-visible-switch {background: #aaa;} .swiperSideBanner .swiper-active-switch {background: #fff;} .sideBanner {width:233px;height:300px;overflow:hidden;margin-bottom:20px;} .sideBanner a {} .sideBanner a img {width:100%;height:auto;} /* END OF SIDEBAR ****************************************************************************************************************************/ .mainContent {margin-bottom:100px;} .mainContent.solo {width:100%;} .mainContent.withSidebar {float:right;width:820px;} .location a, .location span, .location i {display:inline-block;font-size:0.8em;color:#666666;text-decoration:none;} ul.location {margin:0;padding:0;width:100%;height:50px;} ul.location > li {float:left;margin:0;padding:0;height:50px;line-height:50px;list-style:none;} ul.location > li:after {content:'〉';margin:0 5px;font-size:11px;vertical-align:top;} ul.location > li:last-child:after {display:none} ul.location > li.subLocation {display: inline-block;font-size: 0.8em;color: #666666;text-decoration: none;} ul.location > li.haveChild {position:relative;padding:0 5px 0 0;} ul.location > li.haveChild span > a {font-size:1em;} ul.location > li.haveChild:after {margin:0 5px 0 25px;} ul.location > li.haveChild .catChilds {position:absolute;right:20px;top:50%;z-index:10;margin:-7.5px 0 0 0;width:15px;height:15px;line-height:15px;border:1px solid #ddd;border-radius:2px;} ul.location > li.haveChild:last-child .catChilds {right:-20px;} ul.location > li.haveChild .catChilds > button {display:block;margin:0;padding:0;width:100%;height:100%;line-height:15px;text-align:center;cursor:pointer;border:none} ul.location > li.haveChild .catChilds > button i {margin:0;line-height:15px;font-size:12px;text-align:center;} ul.location > li.haveChild .catChilds ul {display:none;position:absolute;margin:10px 0 0 -85px;padding:10px;width:170px;border:1px solid #dddddd;background-color:rgba(255,255,255,0.9);box-shadow:2px 2px 2px #999} ul.location > li.haveChild .catChilds ul li {margin:0;padding:0;line-height:20px;list-style:none;} ul.location > li.haveChild .catChilds ul li a {display:block;padding:0 5px;width:100%;line-height:20px;font-size:11px;box-sizing:border-box;} ul.location > li.haveChild .catChilds ul li a:hover {color:#ffffff;background-color:rgba(204,180,142,1);} .listBestProductList {margin:0 0 50px 0} .listBestProductList.type1 {} .listBestProductList.type2 {position:relative} .listBestProductList:after {display:block;clear:both;content:'';} .listBestProductList h4 {margin:0;width:25%;min-width:135px;height:44px;line-height:44px;text-align:center;font-size:15px;color:#ffffff;background-color:#d0d0d0} /*type1 - normal */ .listBestProductList.type1 > ul {float:left;margin:0;padding:0;width:100%;border:1px solid #ebebeb;} .listBestProductList.type1 > ul li {float:left;margin:0;padding:20px 0;width:20%;text-align:center;list-style:none;border-bottom:1px dotted #ebebeb;box-sizing:border-box;} .listBestProductList.type1 > ul li:nth-child(1n+6) {border-bottom:none} .listBestProductList.type1 > ul li .innerWrap {position:relative;height:221px;background-image:url(./images/dividePoint.png);background-repeat:repeat-y;background-position:100% 0;} .listBestProductList.type1 > ul li:nth-child(5n+5) .innerWrap {background:none} .listBestProductList.type1 > ul li .innerWrap .itemImageWrap{position:relative;margin:0 auto;width:124px;height:165px;overflow:hidden;} .listBestProductList.type1 > ul li .innerWrap .itemImageWrap img {left:0;top:0;} .listBestProductList.type1 > ul li .innerWrap .itemInfoWrap a {font-weight:500;} /*type2 - slide */ .listBestProductList.type2 > div {float:left;margin:0;padding:0;width:100%;border:1px solid #ebebeb;} .listBestProductList.type2 > div ul {float:left;margin:0;padding:0;width:100%;} .listBestProductList.type2 > div ul li {float:left;margin:0;padding:20px 0;width:20%;text-align:center;list-style:none;box-sizing:border-box;} .listBestProductList.type2 > div ul li .innerWrap {position:relative;height:221px;background-image:url(./images/dividePoint.png);background-repeat:repeat-y;background-position:100% 0;} .listBestProductList.type2 > div ul li .innerWrap .itemImageWrap{position:relative;margin:0 auto;width:124px;height:165px;overflow:hidden;} .listBestProductList.type2 > div ul li .innerWrap .itemImageWrap img {left:0;top:0;} .listBestProductList.type2 > div ul li .innerWrap .itemInfoWrap a {font-weight:500;} .listBestProductList.type2 > .swiper-button-prev, .listBestProductList.type2 > .swiper-button-next{position:absolute;top:0;background-image: none;left:auto;width:27px;height:27px;line-height:29px;text-align:center;color:#ffffff;border:1px solid #e5e5e5;background:rgba(255,255,255,0.7);cursor:pointer;} .listBestProductList.type2 > .swiper-button-next {right:0;} .listBestProductList.type2 > .swiper-button-prev {right:35px;} .listBestProductList.type2 > .swiper-button-prev:before, .listBestProductList.type2 > .swiper-button-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 20px; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; color:#726a68; } .listBestProductList.type2 > .swiper-button-prev:before{content: "\f104";} .listBestProductList.type2 > .swiper-button-next:before{content: "\f105";} .listCategoryList {margin:0 0 50px 0} .listCategoryList:after {display:block;clear:both;content:'';} .listCategoryList h4 {margin:0;width:25%;min-width:135px;height:44px;line-height:44px;text-align:center;font-size:15px;color:#ffffff;background-color:#121212} .listCategoryList ul {float:left;margin:0;padding:0;width:100%;border:1px solid #ebebeb;} .listCategoryList ul li {position:relative;float:left;margin:0;padding:0;width:25%;height:40px;text-align:center;list-style:none;border-bottom:1px dotted #ebebeb;box-sizing:border-box;} .listCategoryList ul li:nth-child(1n+5) {border-bottom:none} .listCategoryList ul li.active {background-color:#e5e5e5;} .listCategoryList ul li a {display:block;margin:13px 0 14px;width:100%;height:18px;font-size:14px;color:#666666;font-weight:500;text-decoration:none;background-image:url(./images/dividePoint.png);background-repeat:repeat-y;background-position:100% 0;} .listCategoryList ul li:nth-child(4) a {background:none} .listOptionWrap {float:left;margin:0;padding:8px 0;width:100%;border:1px solid #e5e5e5;background:#f0f0f0;} .listOptionWrap .listOption {margin:0 8px;padding:0;} .listOptionWrap .listOption li {margin:0 1px 0 0 ;padding:0 14px;height:27px;line-height:27px;list-style:none;color:#d4d4d4;border:1px solid #ddd;background-color:#ffffff;cursor:pointer} .listOptionWrap .listOption.right li a {color:#d4d4d4;} .listOptionPriceWrap {float: left;margin: 0 0 20px 0;padding: 8px 0;width: 100%;border: 1px solid #e5e5e5;border-top:none;} .listOptionPriceWrap .priceSearch {margin:0 8px;} .listOptionPriceWrap .priceSearch > h3 {float: left;margin: 0;font-size: 0.9em;font-size: 1.1em;margin-top: 10px;} .listOptionPriceWrap .priceSearch .priceSliderRight {float:right;} .listOptionPriceWrap .priceSearch .priceSliderRight .biasFilter {margin:20px 0 0 20px;float:left;width: 74px;height: 21px;line-height: 21px;text-align: center;font-size: 0.75em;border: none;cursor: pointer;} .listOptionPriceWrap .priceSearch .priceSliderRight .price_slider_wrap {float:left;font-size: 0.75em;} .listOptionPriceWrap .priceSearch .priceSliderRight .priceListFilter{margin: 8px 6px 10px;height: 10px;} .listOptionPriceWrap .priceSearch .price_slider_wrap {text-align:center;width:150px;} .listOptionPriceWrap .priceSearch .price_slider_wrap .listFilterPriceValues{padding: 0 2px 0 0;width: 60px;line-height: 1em;text-align: right;font-size: 0.75em;border: none;background: #ffffff;} .mainContent.solo .listOptionWrap {width:1100px;} .mainContent.solo .listOptionWrap .listOption {} .mainContent.withSidebar .listOptionWrap {} .mainContent.withSidebar .listOptionWrap .listOption {} .mainContent .listOptionWrap .listOption.left {float:left;} .mainContent .listOptionWrap .listOption.right {float:right;} .mainContent .listOptionWrap .listOption.left .orderType {float:left;font-size:0.7em;} .mainContent .listOptionWrap .listOption.left .orderType.active {font-weight:700;color:#000000} .mainContent .listOptionWrap .listOption.right .viewType {float:left;font-size:0.9em;} .mainContent .listOptionWrap .listOption.right .viewType.active {/*color:#f06429*/} .mainContent .listOptionWrap .listOption.right .viewType.active a {color:#f06429} .mainContent .listOptionWrap .listOption.right .perView {float:left;padding:0 0px;font-size:0.9em;overflow:hidden} .mainContent .listOptionWrap .listOption.right .perView select {padding:0 5px;width:100%;height:25px;line-height:27px;color:#666666;border:none;background:none;border-radius:0;vertical-align:top;} .mainContent .listEmptyGoods {width:100%;text-align:center;font-size:12px;padding:100px 0;} .mainContent .itemList {} .mainContent .itemList:after {clear:both;display:block;content:'';} .mainContent .itemList.blockType {float:left;margin:0;padding:0;width:100%;} .mainContent .itemList.blockType > li {float:left;margin-right:28px; margin-bottom:23px;padding:0;width:252px;height:400px;border:1px solid #e5e5e5;list-style:none;background-color:#ffffff} .mainContent .itemList.blockType > li:hover {border:1px solid #bd9d6c} /*color*/ .mainContent.solo .itemList.blockType > li {margin-right:27px;} .mainContent.solo .itemList.blockType > li:nth-child(4n+1) {margin-left:2px;} .mainContent.solo .itemList.blockType > li:nth-child(3n+3) {margin-right:27px;} .mainContent.solo .itemList.blockType > li:nth-child(4n+4) {margin-right:0;} .mainContent.withSidebar .itemList.blockType > li:nth-child(4n+1) {margin-left:0;} .mainContent.withSidebar .itemList.blockType > li:nth-child(4n+4) {margin-right:28px;} .mainContent.withSidebar .itemList.blockType > li:nth-child(3n+1) {margin-left:1px;} .mainContent.withSidebar .itemList.blockType > li:nth-child(3n+3) {margin-right:0;} .mainContent .itemList.blockType > li > .itemImageWrap {width:100%;height:250px;overflow:hidden;} .mainContent .itemList.blockType > li > .itemInfoWrap {width:100%;text-align:center} .mainContent .itemList.blockType > li > .itemInfoWrap .iconList, .mainContent .itemList.blockType > li > .itemInfoWrap .viewList {display:none} .mainContent .itemList.blockType > li > .itemInfoWrap .itemName {display:block;padding:0;width:auto;height:1.2em;overflow:hidden;} .mainContent .itemList.blockType > li > .itemInfoWrap .itemName a {color:#000;font-size:0.75em;font-weight:700;text-decoration:none;} .mainContent .itemList.blockType > li > .itemInfoWrap .itemExcerpt {margin:5px auto 10px;width:90%;height:4.2em;line-height:1.4em;font-size:0.7em;color:#666;overflow:hidden} .mainContent .itemList.blockType > li > .itemInfoWrap .retailPrice {font-size:0.8em;color:#000;font-weight:700;} .mainContent .itemList.blockType > li > .itemInfoWrap .salePrice {font-size:1em;color:#f06429;font-weight:700;} .mainContent .zineType {} .mainContent .itemList.zineType {margin:0;padding:0;width:100%;} .mainContent .itemList.zineType > li {position:relative;float:left;margin-bottom:20px;padding:0;width:100%;height:165px;border:1px solid #e5e5e5;list-style:none;background-color:#ffffff} .mainContent .itemList.zineType > li:hover {border:1px solid #bd9d6c} /*color*/ .mainContent .itemList.zineType > li > .itemImageWrap {width:124px;height:165px;overflow:hidden;} .mainContent .itemList.zineType > li > .itemImageWrap .iconList, .mainContent .itemList.zineType > li > .itemImageWrap .viewList {display:none} .mainContent .itemList.zineType > li > .itemInfoWrap {position:absolute;float:left;left:0;top:0;width:100%;height:100%;text-align:left;} .mainContent .itemList.zineType > li > .itemInfoWrap .iconList {display:block;position:absolute;float:left;left:130px;top:0;z-index:10;margin:0;padding:0;width:auto;} .mainContent .itemList.zineType > li > .itemInfoWrap .iconList li {float:left;margin:8px 4px 0 0 ;width:75px;line-height:25px;font-size:0.7em;color:#fff;list-style:none;text-align:center;} .mainContent .itemList.zineType > li > .itemInfoWrap .iconList li.markSale {background:rgba(242,99,41,1)} .mainContent .itemList.zineType > li > .itemInfoWrap .iconList li.markNew {background:rgba(18,18,19,1);} .mainContent .itemList.zineType > li > .itemInfoWrap .iconList li.markBest {background:rgba(204,180,142,1)} .mainContent .itemList.zineType > li > .itemInfoWrap .itemName {display:block;margin:40px 0 5px 135px;padding:0;width:auto;height:1.2em;overflow:hidden;} .mainContent .itemList.zineType > li > .itemInfoWrap .itemName a {color:#000;font-size:0.75em;font-weight:700;text-decoration:none;} .mainContent .itemList.zineType > li > .itemInfoWrap .itemExcerpt {margin:0 0 5px 135px;width:680px;max-width:100%;height:4.2em;line-height:1.4em;font-size:0.7em;color:#666;overflow:hidden} .mainContent .itemList.zineType > li > .itemInfoWrap .retailPrice {display:block;margin:0 0 0 135px;font-size:0.8em;color:#000;font-weight:700;text-decoration:line-through;} .mainContent .itemList.zineType > li > .itemInfoWrap .salePrice {display:block;margin:0 0 0 135px;font-size:1em;color:#f06429;font-weight:700;} .mainContent .itemList.zineType > li > .itemInfoWrap .viewList {display:block;position:absolute;right:6px;bottom:10px;z-index:10;margin:0;padding:0;width:auto;} .mainContent .itemList.zineType > li > .itemInfoWrap .viewList li {float:left;margin:0 4px 0 0 ;padding:0 30px;width:auto;list-style:none;text-align:center;background:rgba(63,63,63,1)} .mainContent .itemList.zineType > li > .itemInfoWrap .viewList li:hover {background:rgba(189,157,108,1)}/*color*//* bd9d6c*/ .mainContent .itemList.zineType > li > .itemInfoWrap .viewList li a {position:relative;line-height:31px;font-size:0.7em;color:#ffffff;text-decoration:none;} .mainContent .itemList.zineType > li > .itemInfoWrap .viewList li a .fa {display:inline-block;margin:0 5px 0 0;font-size:1.3em;text-shadow:-1px 1px 2px #9f9f9f} .mainContent .itemList.zineType > li > .itemInfoWrap .viewList li a .fa-stack {margin:0 3px 0 0;} .mainContent .itemList.zineType > li > .itemInfoWrap .viewList li a .fa-stack .fa.fontLayer1 {font-size:100%;color:#aaa;} .mainContent .itemList.zineType > li > .itemInfoWrap .viewList li a .fa-stack .fa.fontLayer2 {font-size:100%;left:3px;top:-3px;} /*best goods*/ .bestGoods {float:left;} .bestGoods:after {clear:both;display:block;content:'';} .bestGoods .entry-header {position:static;width:100%;} .bestGoods .entry-header .pageSubTitle {font-size:12px;font-weight:normal;color:#000000;} .bestGoods .entry-header .pageSubTitle em {font-size:14px;font-style:normal;/*color:#bd9d6c*/} .bestListWrap.bestTop {float:left;margin:0 0 30px 0;width:100%;background:url(./images/bg_best_list_pattern.png);} .bestListWrap.bestTop:after {clear:both;display:block;content:'';} .bestListWrap > .bestList {float:left;margin:0 0 30px 0;padding:0;} .bestListWrap > .bestList > li {position:relative;float:left;margin:30px 0 0 37px ;padding:15px;width:233px;height:405px;border:1px solid #ececec;list-style:none;box-sizing:border-box;background:#ffffff;} .bestListWrap > .bestList > li.best-big {margin:30px 0 0 30px;padding:40px 50px 0;width:520px;height:825px;} .bestListWrap > .bestList > li:nth-child(2n+3) {margin-left:15px;} .bestListWrap > .bestList > li:nth-child(1n+4) {margin-top:15px;} .bestListWrap > .bestList > li:hover {border:1px solid #bd9d6c} .bestListWrap.bestTop > .bestList > li.item-6 {display:none} .bestListWrap > .bestList > li .tag_best {display: block;position: absolute;left: -3px;top: -2px;z-index:12;padding: 19px 0 0;width: 49px;height: 34px;text-align: center;color: #fff;font-family: tahoma,dotum,sans-serif;font-size: 14px;text-shadow: 1px 1px 0 #1993cb;font-weight: bold;background:url(./images/best-b.png)} .bestListWrap > .bestList > li .tag_best em {font-size: 9px;text-shadow: 1px 1px 0 #1993cb;font-weight: normal;font-style:normal;} .bestListWrap > .bestList > li .itemName {margin:10px 0 10px 0;padding:0 0 0 15%;width:85%;height:20px;text-align:right;font-size:12px;font-weight:bold;overflow:hidden} .bestListWrap > .bestList > li.best-big .itemName {margin:0 0 20px 0;padding:0;width:100%;height:25px;text-align:center;font-size:1.17em;;overflow:hidden} .bestListWrap > .bestList > li .itemImageWrap {margin:0 0 25px 0;width:200px;height:266px;} .bestListWrap > .bestList > li.best-big .itemImageWrap {width:420px;height:559px;} .bestListWrap > .bestList > li.best-big > .itemInfoWrap .itemExcerpt {margin:0 10px 20px;height:4.2em;} .bestListWrap > .bestList > li.best-big > .itemInfoWrap .itemExcerpt a {text-decoration:none;color:#666;} .bestListWrap > .bestList > li > .itemInfoWrap .retailPrice {display:block;margin:0 10px;text-align:left;font-size:11px} .bestListWrap > .bestList > li > .itemInfoWrap .salePrice {display:block;margin:0 10px;text-align:left;font-size:14px;} .bestListWrap > .bestList > li.best-big > .itemInfoWrap .retailPrice {font-size:16px} .bestListWrap > .bestList > li.best-big > .itemInfoWrap .salePrice {font-size:28px;} .bestListWrap.bestBottom {margin:0 0 0 0;float:left;} .bestListWrap.bestBottom:after {clear:both;display:block;content:'';} .bestListWrap.bestBottom > .bestList > li {margin:30px 5px 0 /*!important*/;padding: 3px;width:210px;height:390px;} .bestListWrap.bestBottom > .bestList > li .tag_best {padding:10px 0 0;width:30px;height: 23px;font-size:9px;background:url(./images/best-s.png)} .bestListWrap.bestBottom > .bestList > li .itemName {padding:0 0 0 11%;width:89%;height:20px;text-align:right;font-size:12px;;overflow:hidden} .mainContent.searchPage {} .mainContent.searchPage .searchHeader {padding:25px 0 0 0;} .mainContent.searchPage .searchHeader > h2 {margin:0 0 15px 0;padding:0;} .mainContent.searchPage .searchHeader > div {padding:40px 0;width:100%;border-bottom:1px solid #dedede;background-color:#fcfcfc} .mainContent.searchPage .formWrap {margin:0 auto;width:652px;height:33px;border:3px solid #121212;background:#fcfcfc} /* .mainContent.searchPage .formWrap .pseudoSelect {position:relative;float:left;z-index:1;padding:0 5px;width:200px;height:33px;line-height:33px;border-right:1px solid #121212;box-sizing:border-box;} .mainContent.searchPage .formWrap .pseudoSelect .name {font-size:13px;cursor:pointer} .mainContent.searchPage .formWrap .pseudoSelect .name .fa.fa-angle-down {float:right;width:10px;height:33px;line-height:33px;text-align:center;} .mainContent.searchPage .formWrap .pseudoSelect .list{display:none;position:absolute;top:100%;left:-3px;margin:0;padding:5px;width:204px;border:3px solid #121212;box-sizing:border-box;background-color:#ffffff} .mainContent.searchPage .formWrap .pseudoSelect .list li {margin:0;padding:0;line-height:20px;font-size:12px;list-style:none} .mainContent.searchPage .formWrap .pseudoSelect .list li span {display:block;padding:0 5px;width:100%;color:#696f74;box-sizing:border-box;cursor:pointer} .mainContent.searchPage .formWrap .pseudoSelect .list li span:hover {color:#ffffff;background:#ccb48e;} .mainContent.searchPage .formWrap .pseudoSelect .list li ul {margin:0;padding:0;width:100%;} .mainContent.searchPage .formWrap .pseudoSelect .list li ul li {margin:0;padding:0;width:100%;list-style:none} .mainContent.searchPage .formWrap .pseudoSelect .list li ul li span {display:block;padding:0 0 0 10px;cursor:pointer} .mainContent.searchPage .formWrap .keyword {margin:0;padding:0 10px;width:365px;;height:33px;line-height:33px;border:none;box-sizing:border-box;} */ .mainContent.searchPage .formWrap .keyword {margin:0;padding:0 10px;width:565px;;height:33px;line-height:33px;border:none;box-sizing:border-box;} .mainContent.searchPage .formWrap .submit {float:right;width:85px;height:33px;line-height:33px;font-size:12px;color:#ffffff;border:none;background-color:#121212;cursor:pointer} .mainContent.searchPage .resultBlog {position:relative;margin:70px 0 0 0;padding:0;width:100%;} .mainContent.searchPage .resultBlog h3 {font-size:20px;} .mainContent.searchPage .resultBlog h3 span {font-size:13px;font-weight:normal} .mainContent.searchPage .resultBlog h3 span em {font-size:13px;color:#ccb48e;font-style:normal;font-weight:bold;} .searchMore {display:block;position:absolute;top:0;right:0;width:57px;height:20px;line-height:20px;text-align:center;font-size:11px;font-weight:normal;color:#656565; border: 1px solid #c6c7c7; background : -webkit-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -moz-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -o-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -ms-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); } .mainContent.searchPage .resultBlog article {position:relative;margin:0 0 10px 0;padding:0;width:100%;height:95px;} .mainContent.searchPage .resultBlog article .thumbnailWrap {position:absolute;left:0;top:0;margin:0;width:137px;height:95px;overflow:hidden;} .mainContent.searchPage .resultBlog article .thumbnailWrap a {display:block;position:relative;width:137px;height:95px;line-height:95px;} .mainContent.searchPage .resultBlog article .thumbnailWrap img {display:block;width:137px;height:auto} .mainContent.searchPage .resultBlog article .thumbnailWrap a .overCross {display:none;position:absolute;left:0;top:0;z-index:3;width:137px;height:95px;line-height:95px;text-align:center;color:#ffffff;font-size:60px;background-color:rgba(0,0,0,0.7)} .mainContent.searchPage .resultBlog article .thumbnailWrap a:hover .overCross {display:block;} .mainContent.searchPage .resultBlog article .contentWrap {padding:0 0 0 157px;width:100%;box-sizing:border-box} .mainContent.searchPage .resultBlog article .contentWrap.noThumbnail {padding:0;} .mainContent.searchPage .resultBlog article .contentWrap .entry-header {float:left;margin:0 0 3px 0;width:100%;height:26px;border-bottom:1px dashed #b5b5b5;} .mainContent.searchPage .resultBlog article .contentWrap .entry-header .entry-title {float:left;margin:0;font-size:14px;width: 432px;height: 23px;overflow:hidden;} .mainContent.searchPage .resultBlog article .contentWrap .entry-header .entry-title a {color:#131313;text-decoration:none} .mainContent.searchPage .resultBlog article .contentWrap .entry-header .entry-meta {float:right;height:1.8em;line-height:1.8em;font-size:12px;} .mainContent.searchPage .resultBlog article .contentWrap .entry-header .entry-meta span {display:inline-block;height:100%;line-height:1.8em;} .mainContent.searchPage .resultBlog article .contentWrap .entry-header .entry-meta span a {color:#c3c3c3;text-decoration:none} .mainContent.searchPage .resultBlog article .contentWrap .entry-header .entry-meta span:first-child:after {display:inline-block;margin:0 2px 0 5px;content:'+';font-size:9px;color:#c3c3c3} .mainContent.searchPage .resultBlog article .contentWrap .entry-content {clear:both;margin:0 0 5px 0;width:100%;height:3.2em;max-height:initial;line-height:1.6em;font-size:13px;overflow:hidden} .mainContent.searchPage .resultBlog article .contentWrap .entry-content a {color:#999999;text-decoration:none;} .mainContent.searchPage .resultBlog article .contentWrap .readmore {} .mainContent.searchPage .resultBlog article .contentWrap .readmore a {text-decoration:none;font-size:12px;font-weight:700;color:#bd9d6c;text-decoration:none;}/*color*/ .mainContent.searchPage .resultShop {margin:70px 0 0 0;} .mainContent.searchPage .resultShop h3 {font-size:20px;} .mainContent.searchPage .resultShop h3 span {font-size:13px;font-weight:normal} .mainContent.searchPage .resultShop h3 span em {font-size:13px;color:#ccb48e;font-style:normal;font-weight:bold;} /* END OF ITEM LIST ****************************************************************************************************************************/ .itemDetailPage {position:relative;} .itemDetailPage .entry-header {position:absolute;top:50px;right:0;width:520px;} .itemDetailPage .upperRow {float:left;margin:10px 0;width:100%;} .itemDetailPage .upperRow:after {clear:both;display:block;content:'';} .itemDetailPage .entry-header .item_name {margin:0;padding:0;font-size:1.2em;color:#bd9d6c;height:52px;overflow:hidden;}/*color*/ .itemDetailPage .entry-header .item_status {float:left;width:100%;margin:0 0 10px 0;} .itemDetailPage .entry-header .item_status:after {clear:both;display:block;content:'';} .itemDetailPage .entry-header .iconList {float:left;left:0;top:0;z-index:10;margin:0;padding:0;width:100%;font-size:0.7em;color:#ffffff;} .itemDetailPage .entry-header .iconList li {float:left;margin:2% 1.65% 2% 0;width:75px;line-height:25px;list-style:none;text-align:center;} .itemDetailPage .entry-header .iconList li.markSale {background:rgba(242,99,41,1)} .itemDetailPage .entry-header .iconList li.markNew {background:rgba(18,18,19,1)} .itemDetailPage .entry-header .iconList li.markBest {background:rgba(204,180,142,1)} .itemDetailPage .entry-header .item_excerpt {width:100%;height:5.6em;padding: 0 0 15px 0;line-height:1.3em;font-size:0.8em;color:#666666;/*border-bottom:1px solid #dad8d4;*/overflow:hidden} .itemDetailPage .upperRow .itemImages {float:left;width:518px;} .itemDetailPage .upperRow .itemImageViewport {position:relative;margin:0 0 10px 0;width:100%;height:auto;} .itemDetailPage .upperRow .itemImageViewport .nowLoaging {display:none;position:absolute;top:50%;left:50%;z-index:3;margin:-0.75em 0 0 -50px;width:100px;height:1.5em;font-weight:bold;color:#ffffff;font-family:sans-serif !important;text-shadow:0 0 3px #121212;opacity:0; -webkit-animation: blink 1s linear 1s infinite alternate; } .itemDetailPage .upperRow .preLoadBox {width:1px;height:1px;overflow:hidden;opacity:0;visibility:hidden} .itemDetailPage .upperRow .itemImageViewport img {display:block;width:100%;height:auto;border:1px solid #eaeeed} .itemDetailPage .upperRow .thumbnailListWrap {position:relative;margin:0 0 10px 0;width:100%;height:115px;border:1px solid #eaeeed;overflow:hidden} .itemDetailPage .upperRow .thumbnailList {width:460px;} .itemDetailPage .upperRow .thumbnailList ul {margin:0 0 0 0;padding:0;} .itemDetailPage .upperRow .thumbnailList li {margin:10px;padding:0;width:95px !important;height:95px !important;list-style:none;cursor:pointer;overflow:hidden} .itemDetailPage .upperRow .thumbnailList li img {width:100%;height:auto}/*height:auto;*/ .itemDetailPage .upperRow .thumbnailListWrap .swiper-button-prev, .itemDetailPage .upperRow .thumbnailListWrap .swiper-button-next {display:block;position:absolute;z-index:6;padding:0 0 0 0;width:25px;height:45px;line-height:45px;font-size:1.2em;text-align:center;color:#ffffff;background:rgba(0,0,0,0.3);cursor:pointer;} .itemDetailPage .upperRow .thumbnailListWrap .swiper-button-prev {left:0;} .itemDetailPage .upperRow .thumbnailListWrap .swiper-button-next {right:0;} .itemDetailPage .upperRow .thumbnailListWrap .swiper-button-prev:before, .itemDetailPage .upperRow .thumbnailListWrap .swiper-button-next:before { font: normal normal normal 30px/1.5 FontAwesome; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .itemDetailPage .upperRow .thumbnailListWrap .swiper-button-prev:before{content: "\f104";} .itemDetailPage .upperRow .thumbnailListWrap .swiper-button-next:before{content: "\f105";} .itemDetailPage .upperRow .snsShare {clear:both;margin-bottom:30px;padding:0;width:100%;text-align:right} .itemDetailPage .upperRow .snsShare li {display:inline-block;margin:0;padding:0;list-style:none;cursor:pointer} .itemDetailPage .upperRow .snsShare li #naver{ height: 25px; width: 25px; } .itemDetailPage .upperRow .snsShare li.mobile {display:none} .itemDetailPage .upperRow .salesDetail {float:right;margin-top:137px;width:520px;} .itemDetailPage .upperRow .salesDetail:after {clear:both;display:block;content:'';} .itemDetailPage .upperRow .item_info {margin:0 0 20px 0} .itemDetailPage .upperRow .item_info .item_info_table {margin-top:50px;padding:15px 0;width:100%;border-top:1px solid #dad8d4;border-bottom:1px solid #dad8d4} .itemDetailPage .upperRow .item_info .item_info_table th, .itemDetailPage .upperRow .item_info .item_info_table td {text-align:left;line-height:27px;font-size:0.8em;color:#999999} .itemDetailPage .upperRow .item_info .item_info_table td strong {font-size:1.2em;color:#000000} .itemDetailPage .upperRow .item_info .item_info_table td .salePrice strong {color:#f06429} .itemDetailPage .upperRow .item_info .item_info_table td .freeShipment {color:#f06429} .itemDetailPage .upperRow .item_info .item_options_table {margin: 0;padding:15px 0;width:100%;border-bottom:1px solid #dad8d4} .itemDetailPage .upperRow .item_info .item_options_table tbody {} .itemDetailPage .upperRow .item_info .item_options_table th, .itemDetailPage .upperRow .item_info .item_options_table td {line-height:45px;font-size:0.8em;color:#666666} .itemDetailPage .upperRow .item_info .item_options_table th {/*width:30%;*/width:110px; text-align:left;font-size:0.9em;} .itemDetailPage .upperRow .item_info .item_options_table td select {padding:0 10px;width:100%;height:39px;line-height:39px;border:1px solid #dad8d4;border-radius:3px;} .itemDetailPage .upperRow .item_info .item_options_table th.s_title{text-align:left;line-height:15px;font-weight:500;} .itemDetailPage .upperRow .selected_opt_list {margin:0;padding:0;border-bottom:1px solid #dad8d4} .itemDetailPage .upperRow .selected_opt_list li {margin-top:20px;padding:0;list-style:none} .itemDetailPage .upperRow .selected_opt_list li .opt_name, .itemDetailPage .upperRow .selected_opt_list li .opt_price { vertical-align: middle;font-size:0.9em;} .itemDetailPage .upperRow .selected_opt_list li .opt_name {float: left;width: 55%} .itemDetailPage .upperRow .selected_opt_list li .opt_price {float: right;margin:0 0 15px 0;width:45%;text-align:right;} .itemDetailPage .upperRow .selected_opt_list li .opt_price .count {float:left;margin:0;line-height:25px;vertical-align:top;} .itemDetailPage .upperRow .selected_opt_list li .opt_price .count span {float:left;margin:0 2px;padding:0;width:24px;height:23px;line-height:23px;font-weight:700;font-size:1.2em;text-align:center;color:#aaaaaa;border: 1px solid #c6c7c7;background-color: #FFF;cursor:pointer} .itemDetailPage .upperRow .selected_opt_list li .opt_price .count input[type=text] {float:left;margin:0;padding:0;width: 40px;height:25px;line-height:26px;text-align: center;border: 1px solid #c6c7c7;border-radius:0;} .itemDetailPage .upperRow .selected_opt_list li .opt_price .price {margin-right:5px;} .itemDetailPage .upperRow .selected_opt_list li .opt_price .opt_del {display: inline-block;width:24px;height:23px;line-height:23px;text-align:center;font-size:0.8em;color:#676767;border:1px solid #c6c7c7;cursor:pointer;} .itemDetailPage .upperRow .selected_opt_list li:after {display: block;clear: both;content: '';height: 0;} .itemDetailPage .upperRow .total_price {position:relative;margin:0 0 20px 0;padding:0;width:100%;text-align:right;font-size:0.8em;font-weight:700;color:#666666} .itemDetailPage .upperRow .total_price strong {font-size:2.2em;color:#f16329;margin-left:20px;} .itemDetailPage .upperRow .total_price .soldout {margin-top:50px;position:absolute;left:0;top:0;width:100%;height:35px;line-height:38px;text-align:center;font-size:1.2em;color:#ffffff;background-color:rgba(193,44,36,0.8);} .itemDetailPage .upperRow .order_btns {margin:40px 0;width:100%;} .itemDetailPage .upperRow .order_btns .order_btn {display:inline-block;margin:0;padding:0;height:38px;line-height:38px;text-align:center;font-family:'Noto Sans', 'NanumGothic', 'Nanum Gothic', sans-serif;font-weight:700;font-size:0.8em;color:#121212;border:1px solid #000000;background:none;cursor:pointer;box-sizing: border-box;text-decoration:none;transition:background 0.3s} .itemDetailPage .upperRow .order_btns .order_btn.orderDirect {width:270px;color:#ffffff;background:#121212} .itemDetailPage .upperRow .order_btns .order_btn.putInCart {width:120px} .itemDetailPage .upperRow .order_btns .order_btn.putInWish {width:120px;} .itemDetailPage .upperRow .order_btns .order_btn.putInWish i.fa{color:#f86277} .itemDetailPage .upperRow .order_btns .order_btn:hover, .itemDetailPage .upperRow .order_btns .order_btn.putInWish:hover i.fa, .itemDetailPage .upperRow .order_btns .order_btn:active, .itemDetailPage .upperRow .order_btns .order_btn.putInWish:active i.fa {background:#bd9d6c;color:#ffffff} .itemDetailPage .bannerRow {clear:both;margin:0 0 50px 0;width:100%;/*height:100px;*/} .itemDetailPage .bannerRow img {width:100%;} .itemDetailPage .bottomBannerRow {clear:both;margin:0 0 50px 0;width:100%;/*height:100px;*/} .itemDetailPage .bottomBannerRow img {width:100%;} .itemDetailPage .lowerRow {clear:both;margin:0 0 50px 0;border:1px solid #dad8d4;background:#f9f9f9} .itemDetailPage .lowerRow:after {clear:both;display:block;content:'';} .itemDetailPage .lowerRow .saleInfo {position:relative;min-height:190px;background:#f9f9f9;} .itemDetailPage .lowerRow .saleInfo .infoTabs {position:absolute;left:0;top:0;margin:0;padding:0;width:220px;height:100%;} .itemDetailPage .lowerRow .saleInfo .infoTabs li {margin:0;padding:0 0 0 15px;width:205px;height:45px;line-height:45px;font-size:0.9em;color:#666666;list-style:none;border-bottom:1px solid #dad8d4;background:#f9f9f9;cursor:pointer;} .itemDetailPage .lowerRow .saleInfo .infoTabs li.active {color:#121212;border-bottom-color:#121212; background:#ffffff;cursor:default} .itemDetailPage .lowerRow .infoData {margin-left:220px;padding:40px;min-height:190px;background:#ffffff} .itemDetailPage .lowerRow .infoData:after {clear:both;display:block;content:'';} .itemDetailPage .lowerRow .infoData .title {margin:0;padding:0;color:#222222} .itemDetailPage .lowerRow .infoData .content {font-size:0.9em;color:#666666} .cart_npay_btn {float:right;margin: 10px 0 0 0;} .npay-icon{ display:block;margin:0 auto; } .goodsRecommandsList {width:100%;height:260px;margin-bottom:100px;} .goodsRecommandsList .goodsRecommands {position:relative;width:100%;height:auto;float:left;width:49%;margin-right:2%;} .goodsRecommandsList .goodsRecommands .goodsRecommandsTabs {position:relative;z-index:1;float:left;margin:0 0 20px 0;padding:0;width:100%;height:47px;/*border-top:1px solid #dad8d4;*/border-bottom:1px solid #dad8d4;/*background:#f9f9f9;*/} .goodsRecommandsList .goodsRecommands .goodsRecommandsTabs li {position:relative;z-index:3;float:left;margin:-1px 0 0 -1px;padding:0;width:165px;height:47px;line-height:47px;text-align:center;list-style:none;border:1px solid #dad8d4;border-left:1px solid #fff;cursor:pointer} .goodsRecommandsList .goodsRecommands .goodsRecommandsTabs li.active{z-index:6;border:1px solid #dad8d4;border-bottom-color:#ffffff;background:#ffffff;cursor:default} .goodsRecommandsList .goodsRecommands .goodsOtherProducts {margin-top:10px;} .goodsRecommandsList .goodsRecommandsTabs {/*position:relative;*/position:absolute;left:0;top:0;clear:both;width:100%;background-color:#ffffff;} .goodsRecommandsList .goodsRecommandsItemListMini {margin:0;padding:0;width:100%;height:192px !important;} .goodsRecommandsList .goodsRecommandsItemListMini li {float:left;margin:0 4.5px;padding:0;width:123px;height:190px;list-style:none;border:1px solid #d9c7ab} .goodsRecommandsList .goodsRecommandsItemListMini li .itemImageWrap {width:100%;height:146px;} .goodsRecommandsList .goodsRecommandsItemListMini li .itemInfoWrap {} .goodsRecommandsList .goodsRecommandsItemListMini li .itemInfoWrap .itemName {margin:0;padding: 0 5%;width: 90%;height: 1em;line-height:1em;overflow: hidden;} .goodsRecommandsList .goodsRecommandsItemListMini li .itemInfoWrap .itemName a {font-size:11px;} .goodsRecommandsList .goodsRecommands .slideWrap {position:relative;z-index:1;width:100%;height:230px;overflow:hidden} .goodsRecommandsList .goodsRecommands .slideWrap .layer10 {z-index:10} .goodsRecommandsList .goodsRecommands .goodsTab2.swiper-button {display:none} .goodsRecommandsList .goodsRecommands .swiper-button-prev:before, .goodsRecommandsList .goodsRecommands .swiper-button-next:before { font: normal normal normal 26px/1 FontAwesome; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .goodsRecommandsList .goodsRecommands2 {position:relative;width:100%;height:auto;float:left;width:49%;} .goodsRecommandsList .goodsRecommands2 .goodsRecommandsTabs2 {position:relative;z-index:1;float:left;margin:0 0 20px 0;padding:0;width:100%;height:47px;/*border-top:1px solid #dad8d4;*/border-bottom:1px solid #dad8d4;/*background:#f9f9f9;*/} .goodsRecommandsList .goodsRecommands2 .goodsRecommandsTabs2 li {position:relative;z-index:3;float:left;margin:-1px 0 0 -1px;padding:0;width:165px;height:47px;line-height:47px;text-align:center;list-style:none;border:1px solid #dad8d4;border-left:1px solid #fff;cursor:pointer} .goodsRecommandsList .goodsRecommands2 .goodsRecommandsTabs2 li.active{z-index:6;border:1px solid #dad8d4;border-bottom-color:#ffffff;background:#ffffff;cursor:default} .goodsRecommandsList .goodsRecommands2 .goodsOtherProducts2 {margin-top:10px;} .goodsRecommandsList .goodsRecommandsTabs2 {/*position:relative;*/position:absolute;left:0;top:0;clear:both;width:100%;background-color:#ffffff;} .goodsRecommandsList .goodsRecommandsItemListMini2 {margin:0;padding:0;width:100%;height:192px !important;} .goodsRecommandsList .goodsRecommandsItemListMini2 li {float:left;margin:0 4.5px;padding:0;width:123px;height:190px;list-style:none;border:1px solid #d9c7ab} .goodsRecommandsList .goodsRecommandsItemListMini2 li .itemImageWrap {width:100%;height:146px;} .goodsRecommandsList .goodsRecommandsItemListMini2 li .itemInfoWrap {} .goodsRecommandsList .goodsRecommandsItemListMini2 li .itemInfoWrap .itemName {margin:0;padding: 0 5%;width: 90%;height: 1em;line-height:1em;overflow: hidden;} .goodsRecommandsList .goodsRecommandsItemListMini2 li .itemInfoWrap .itemName a {font-size:11px;} .goodsRecommandsList .goodsRecommands2 .slideWrap {position:relative;z-index:1;width:100%;height:230px;overflow:hidden} .goodsRecommandsList .goodsRecommands2 .slideWrap .layer10 {z-index:10} .goodsRecommandsList .goodsRecommands2 .goodsTab2.swiper-button {display:none} .goodsRecommandsList .goodsRecommands2 .swiper-button-prev:before, .goodsRecommandsList .goodsRecommands2 .swiper-button-next:before { font: normal normal normal 26px/1 FontAwesome; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .recommands {position:relative;clear:both;width:100%;height:auto;} .recommands .recommandsTabs {position:relative;z-index:1;float:left;margin:0 0 20px 0;padding:0;width:100%;height:47px;/*border-top:1px solid #dad8d4;*/border-bottom:1px solid #dad8d4;/*background:#f9f9f9;*/} .recommands .recommandsTabs li {position:relative;z-index:3;float:left;margin:-1px 0 0 -1px;padding:0;width:165px;height:47px;line-height:47px;text-align:center;list-style:none;border:1px solid #dad8d4;border-left:1px solid #fff;cursor:pointer} .recommands .recommandsTabs li.active{z-index:6;border:1px solid #dad8d4;border-bottom-color:#ffffff;background:#ffffff;cursor:default} .recommands .otherProducts {margin-top:10px;} .recommandsData {/*position:relative;*/position:absolute;left:0;top:0;clear:both;width:100%;background-color:#ffffff;} .itemListMini {margin:0;padding:0;width:100%;height:192px !important;} .itemListMini li {float:left;margin:0 4.5px;padding:0;width:110.8px;height:190px;list-style:none;border:1px solid #d9c7ab} .itemListMini li .itemImageWrap {width:100%;height:146px;} .itemListMini li .itemInfoWrap {} .itemListMini li .itemInfoWrap .itemName {margin:0;padding: 0 5%;width: 90%;height: 1em;line-height:1em;overflow: hidden;} .itemListMini li .itemInfoWrap .itemName a {font-size:11px;} .recommandsData .nav span {display:block;position:absolute;z-index:6;top:-60px;padding:2px 0 0 0;width:27px;height:27px;line-height:27px;text-align:center;color:#726a68;border:1px solid #e5e5e5;background:rgba(255,255,255,0.7);cursor:pointer;} .recommandsData .nav span.prev {right:50px;} .recommandsData .nav span.next {right:14px;} .recommands .slideWrap {position:relative;z-index:1;width:100%;height:230px;overflow:hidden} .recommands .slideWrap .layer10 {z-index:10} .recommands .swiper-button {display:block;position:absolute;z-index:6;top:31px;padding:2px 0 0 0;width:27px;height:27px;line-height:27px;text-align:center;color:#726a68;border:1px solid #e5e5e5;background:rgba(255,255,255,0.7);cursor:pointer;left:initial;} .recommands .swiper-button-prev {right:50px;} .recommands .swiper-button-next {right:14px;} .recommands .tab2.swiper-button {display:none} .recommands .swiper-button-prev:before, .recommands .swiper-button-next:before { font: normal normal normal 26px/1 FontAwesome; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } .recommands .swiper-button-prev:before{content: "\f104";} .recommands .swiper-button-next:before{content: "\f105";} /* EMBED*/ /*list*/ .reviewListWrap {margin:0;padding:0;} .reviewListWrap .reviewRow {margin:0 0 8px 0;padding:0;list-style:none;border-top:1px solid #d6d6d6} .reviewListWrap .reviewRow .reviewTitle {height:42px;line-height:42px;border-bottom:1px solid #d6d6d6;cursor:pointer} .reviewListWrap .reviewRow .reviewTitle span{display:inline-block;padding:0 5px;color:#999999;font-size:12px;} .reviewListWrap .reviewRow .reviewTitle .alignLeft {float:left;width:auto;height:100%;line-height:42px;} .reviewListWrap .reviewRow .reviewTitle .alignLeft span{float:left;width:auto;} .reviewListWrap .reviewRow .reviewTitle .alignLeft .statusIcon {color:#131313;font-size:14px} .reviewListWrap .reviewRow .reviewTitle .alignLeft .image {margin:4.5px 0;width:33px;height:33px;overflow:hidden;} .reviewListWrap .reviewRow .reviewTitle .alignLeft .image img {width:33px;height:33px;} .reviewListWrap .reviewRow .reviewTitle .alignLeft .entry-title {color:#131313;} .reviewListWrap .reviewRow .reviewTitle .alignRight {float:right;width:auto;height:100%;} .reviewListWrap .reviewRow .reviewTitle .alignRight .stars {color:#f16329;} .reviewListWrap .reviewRow .reviewTitle .alignRight .entry-author {font-weight:bold;color:#131313} .reviewListWrap .reviewRow .reviewTitle .alignRight .date.update {} .reviewListWrap .reviewRow .reviewTitle .alignRight .cell_question {width:56px;text-align:center;} .reviewListWrap .reviewRow .reviewContent {display:none;clear:both;padding:20px 10px;background-color:#f9f9f9;border-bottom:1px solid #d6d6d6;font-size:13px;} .reviewListWrap .reviewRow .reviewContent img {max-width:100%;} #review-write.sml, #qna-write.sml {padding: 4px 13px;height: 18px;line-height: 19px;font-size: 11px;letter-spacing: -1px;} .stars1:before {content:'\f005\f006\f006\f006\f006'} .stars15:before {content:'\f005\f123\f006\f006\f006'} .stars2:before {content:'\f005\f005\f006\f006\f006'} .stars25:before {content:'\f005\f005\f123\f006\f006'} .stars3:before {content:'\f005\f005\f005\f006\f006'} .stars35:before {content:'\f005\f005\f005\f123\f006'} .stars4:before {content:'\f005\f005\f005\f005\f006'} .stars45:before {content:'\f005\f005\f005\f005\f123'} .stars5:before {content:'\f005\f005\f005\f005\f005'} .reviewListWrap .reviewRow .reviewTitle .alignLeft .q_icon {font-weight: 700;} .reviewListWrap .reviewRow .reviewTitle .alignLeft .q_icon:after {content: ' '; } .reviewListWrap .reviewRow .reviewContent .qu_answer {position: relative;padding-right: 100px;padding: 15px 15px 15px 30px;text-indent: -30px;} .reviewListWrap .reviewRow .reviewContent .qu_answer .bb_date {margin-left:30px;font-size:11px;} .reviewListWrap .reviewRow .reviewContent .qu_answer strong:before {content: 'ㄴ';font-size: 11px;color: #999;position: relative;top: -2px;display: inline-block;font-weight: normal;text-indent: 0;} .reviewListWrap .reviewRow .reviewContent .qu_answer strong {margin-right:10px;} .reviewListWrap .reviewRow .reviewTitle .alignRight .bb_lock {display: inline-block;width: 14px;height: 11px;overflow: hidden;text-indent: 1000px;position: relative;top: 1px;background: url(./images/ic_sprite.png) -27px 0 no-repeat;} /*write*/ #review-write.sml, #qna-write.sml {margin-left:30px;} .writeFormWrap {} .writeFormWrap .writeTable {margin:0 0 50px 0;width:100%;} .writeFormWrap .writeTable th {padding:25px 0 0 0;text-align:left;color:#121212} .writeFormWrap .writeTable .stars {font-size:1.2em;color:#f06429} .writeFormWrap .writeTable .stars input, .writeFormWrap .writeTable .stars label {cursor:pointer} .writeFormWrap .writeTable .stars .starSelect { padding: 0 10px; width: 100%; height: 39px; line-height: 39px; border: 1px solid #dad8d4; border-radius: 3px; } .writeFormWrap .writeTable .inquireForms {padding:0 1%;width:98%;height:39px;line-height:39px;border:1px solid #dad8d4;border-radius:3px;} .writeFormWrap .writeTable textarea.inquireForms {padding:1%;height:7.3em;line-height:1.4em;font-family:'Noto Sans', 'NanumGothic', 'Nanum Gothic', sans-serif;font-size:1em;} .writeFormWrap .writeTable .uploadWrap {width:100%;height:41px;position:relative;} .writeFormWrap .writeTable .uploadWrap .inquireForms {width:81% !important} .writeFormWrap .writeTable .uploadWrap label {position:absolute;right:0;z-index:3;width:123px;height:39px; line-height:39px;text-align:center;font-weight:700;color:#121212;font-size:0.9em; border:1px solid #121212; background : -webkit-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(236, 236, 236) 100%); background : -moz-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(236, 236, 236) 100%); background : -o-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(236, 236, 236) 100%); background : -ms-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(236, 236, 236) 100%); background : -linear-gradient(top, rgb(255, 255, 255) 00%, rgb(236, 236, 236) 100%); cursor:pointer; } .writeFormWrap .writeTable .uploadWrap label i {font-size:1.6em;vertical-align:middle} .writeFormWrap .writeTable .uploadWrap #fileUpload {position:absolute;right:0;z-index:1;width:15%;height:39px;cursor:pointer;opacity:0;} .writeFormWrap .bb_btn_area {text-align:center;} .writeFormWrap .bb_btn_area .formBtn {display:inline-block;margin:0;padding:0;height:38px;line-height:38px;text-align:center;font-family:'Noto Sans', 'NanumGothic', 'Nanum Gothic', sans-serif;font-weight:700;font-size:0.8em;color:#121212;border:1px solid #000000;background:none;cursor:pointer;box-sizing: border-box;text-decoration:none;transition:background 0.3s} .writeFormWrap .bb_btn_area .formBtn.write {width:120px;color:#ffffff;background:#121212} .writeFormWrap .bb_btn_area .formBtn.cancel {width:120px;} .writeFormWrap .bb_btn_area .formBtn:hover, .writeFormWrap .bb_btn_area .formBtn:active {background:#bd9d6c;color:#ffffff} .writeFormWrap .writeTable .uploadWrap .fake_upload {display: inline-block;vertical-align: middle;margin: 0 !important;width: 90%;height: 40px;line-height: 40px;padding:0 5px;border-style: solid;border-color: #D3D3D3 #E9E9E9 #E9E9E9 #D3D3D3;border-width: 1px;background-color: #FAFAFA;float:left;} /**/ /* END OF ITEM DETAIL ****************************************************************************************************************************/ /*footer*/ #pageFoot {position:relative;background:#3a3637;} .footSection {} .footSection.footStyle1 {} .footSection.footStyle1:after {clear:both;display:block;content:'';} .footSection.footStyle1 .triColumn {float:left;margin:30px 25px 50px 0;width:350px;} .footSection.footStyle1 .triColumn:last-child {margin-right:0;} .footSection.footStyle1 .triColumn .blockTitle {text-align:left;color:#fff;} .footSection.footStyle1 .triColumn.column1 .descript {line-height:25px;font-size:12px;color:#ffffff;font-weight:400;/*text-indent:10px;*/word-break:keep-all} .footSection.footStyle1 .triColumn.column2 ul {float:left;margin: 0;padding:0;} .footSection.footStyle1 .triColumn.column2 ul li {margin:0 24px 0 0;padding:0;width:100%;height:25px;line-height:25px;overflow:hidden;list-style:none;} .footSection.footStyle1 .triColumn.column2 ul li a {font-size:12px;color:#ffffff;text-decoration:none} .footSection.footStyle1 .triColumn.column2 ul li a:before {content:"- "} .footSection.footStyle1 .triColumn.column3 .address {margin:0 0 15px 0;line-height:25px;font-size:13px;color:#ffffff} .footSection.footStyle1 .triColumn.column3 .phoneAndEmail {margin:25px 0} .footSection.footStyle1 .triColumn.column3 .phoneAndEmail .phone {display:block;color:#ffffff;text-decoration:none} .footSection.footStyle1 .triColumn.column3 .phoneAndEmail .email {display:block;color:#bd9d6c;font-size:13px;text-decoration:none} .footSection.footStyle1 .triColumn.column3 .ourSns {margin:0;padding:0;} .footSection.footStyle1 .triColumn.column3 .ourSns li {display:inline-block;margin:0;padding:0;width:36px;height:36px;border:1px solid transparent;border-radius:50%;list-style:none;overflow:hidden} .footSection.footStyle1 .triColumn.column3 .ourSns li a {display:block;padding:0 0 0 36px;width:100%;height:100%;background-color:transparent;overflow:hidden;} .footSection.footStyle1 .triColumn.column3 .ourSns li.twitter a {background-image:url(./images/sprite-sns.png);background-position:0 0;} .footSection.footStyle1 .triColumn.column3 .ourSns li.facebook a {background-image:url(./images/sprite-sns.png);background-position:-36px 0;} .footSection.footStyle1 .triColumn.column3 .ourSns li.googleplus a {background-image:url(./images/sprite-sns.png);background-position:-72px 0;} .footSection.footStyle2 {width:100%;height:40px;background:#222222;} .footSection.footStyle2 > ul {margin:0 auto;padding:2px 0 0 0;width:100%;height:inherit;text-align:center;line-height:100%;} .footSection.footStyle2 > ul > li {display:inline-block;margin:0;padding:0;width:auto;height:100%;line-height:100%;font-size:0.8em;color:#999999;list-style:none;} .footSection.footStyle2 > ul > li:after {display:inline-block;margin:0 5px 0 10px;content:"|";font-size:0.7em;} .footSection.footStyle2 > ul > li:last-child:after {content:''} .footSection.footStyle2 > ul > li a {line-height:40px;text-align:center;color:#999999;text-decoration:none} .footSection.footStyle3 {padding:10px 0;width:100%;background:#121212;} .footSection.footStyle3 > ul {margin:0 auto 20px;padding:0;width:750px;height:100%;text-align:center;} .footSection.footStyle3 > ul > li {display:inline-block;margin:0;padding:0;width:auto;height:100%;line-height:1.5em;font-size:0.8em;color:#999999;list-style:none;} .footSection.footStyle3 > ul > li:after {display:inline-block;margin:0 5px 0 10px;content:"|";font-size:0.7em;} .footSection.footStyle3 > ul > li:last-child:after {content:''} .footSection.footStyle3 > ul > li a {text-align:center;color:#999999;text-decoration:none} .footSection.footStyle3 .footCompanyInfo {width: 100%;color:#999999;margin: 0 auto;font-size:0.8em;line-height:25px;text-align:center;} .footSection.footStyle3 .footCopyright {width: 100%;color:#999999;margin: 0 auto 20px;font-size:0.8em;line-height:25px;text-align:center;} .footSection.footStyle3 > div.paymentMethod {text-align:center;} .goOnTop {position:fixed;right:0;bottom:0;z-index:10;width:55px;height:55px;line-height:55px;color:#ffffff;font-size:1.3em;text-align:center;background-color:rgba(37,36,36, 0.3);cursor:pointer;transition:background 0.3s} .goOnTop:hover {background-color:rgba(37,36,36, 1);} .goOnTop a {display:block;width:100%;height:100%;color:#ffffff;text-decoration:none} /*날개 배너*/ #skyBanner {right:0;min-width:60px;max-width:215px;} #skyBanner .openHandle {float:left;padding:0 0 0 0;width:60px;height:60px;line-height:60px;font-size:1.5em;text-align:center;color:#ffffff;background:rgba(0,0,0,1);cursor:pointer;} #skyBanner .skyContent {float:left;padding:0 15px 15px;width:125px;height:100%;background:rgba(0,0,0,1);} #skyBanner .skyTitle {margin:0;width:100%;height:60px;line-height:60px;text-align:center;font-size:0.8em;color:#ffffff;} #skyBanner .skyTitle em {color:red} #skyBanner .skyContent .skyRecentList {height:470px;overflow:hidden} #skyBanner .skyContent .skyRecentList .swiper-container {height:420px;overflow:hidden} #skyBanner .skyContent .skyRecentList .swiper-container .list {display:block !important;margin:0;padding:0;width:125px;} #skyBanner .skyContent .skyRecentList .swiper-container .list li {display:block;position:relative;margin:0 0 15px 0;padding:0;width:125px;height:125px !important;list-style:none;overflow:hidden;} #skyBanner .skyContent .skyRecentList .swiper-container .list li > img {width:125px;height:auto;} #skyBanner .skyContent .skyRecentList .swiper-container .list li:hover .skyOverInfo {position:absolute;left:0;top:0;padding:15px;width:100%;height:100%;font-size:13px;color:#ffffff;background:rgba(189,157,108,0.8);box-sizing:border-box;transition:background 0.3s} #skyBanner .skyContent .skyRecentList .swiper-container .list li:hover .skyOverInfo a .salePrice {display:block;font-weight:bold;color:#121212} #skyBanner .skyContent .skyRecentList .swiper-container .list li:hover .skyOverInfo a .itemName {display:block;color:#ffffff} #skyBanner .skyContent .skyRecentList .swiper-button-prev, #skyBanner .skyContent .skyRecentList .swiper-button-next{position:static;background-image:none;right:auto;left:auto;margin:0;width:49.9%;height:25px;line-height:25px;text-align:center;color:#ffffff;cursor:pointer;background-color:#2A2A2A} #skyBanner .skyContent .skyRecentList .swiper-button-next {float:left;} #skyBanner .skyContent .skyRecentList .swiper-button-prev {float:right;} #skyBanner .skyContent .skyRecentList .swiper-button-prev:before, #skyBanner .skyContent .skyRecentList .swiper-button-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 1.2em; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; text-shadow: 0 0 10px #333; } #skyBanner .skyContent .skyRecentList .swiper-button-prev:before{content: "\f107";} #skyBanner .skyContent .skyRecentList .swiper-button-next:before{content: "\f106";} #skyBanner .skyContent .skyBannerList {height:305px;} #skyBanner .skyContent .skyBannerList .swiper-container {height:264px;overflow:hidden} #skyBanner .skyContent .skyBannerList .swiper-container .list {margin:0;padding:0;width:100%;} #skyBanner .skyContent .skyBannerList .swiper-container .list li {margin:0 0 15px 0;padding:0;width:125px;height:249px !important;list-style:none} #skyBanner .skyContent .skyBannerList .swiper-container .list li img {width:auto;height:249px;} #skyBanner .skyContent .skyBannerList .swiper-button-prev, #skyBanner .skyContent .skyBannerList .swiper-button-next{position:static;background-image:none;right:auto;left:auto;margin:0;width:49.9%;height:25px;line-height:25px;text-align:center;color:#ffffff;cursor:pointer;background-color:#2A2A2A} #skyBanner .skyContent .skyBannerList .swiper-button-next {float:left;} #skyBanner .skyContent .skyBannerList .swiper-button-prev {float:right;} #skyBanner .skyContent .skyBannerList .swiper-button-prev:before, #skyBanner .skyContent .skyBannerList .swiper-button-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: 1.2em; font-weight:normal; text-rendering: auto; -webkit-font-smoothing: antialiased; text-shadow: 0 0 10px #333; } #skyBanner .skyContent .skyBannerList .swiper-button-prev:before{content: "\f107";} #skyBanner .skyContent .skyBannerList .swiper-button-next:before{content: "\f106";} #skyBanner .skyContent .skyBannerList .nav {float:left;width:100%;} #skyBanner .skyContent .skyBannerList .nav span {display:block;padding:0 0 0 0;width:25px;height:25px;line-height:25px;font-size:1em;text-align:center;color:#ffffff;cursor:pointer;} #skyBanner .skyContent .skyBannerList .nav span.prev {} #skyBanner .skyContent .skyBannerList .nav span.next {float:right;} #skyBanner .skyRecentList ul.list li .recent_remove{z-index:10000;position: absolute;margin:90px 0 0 90px;width:15px;height:15px;text-indent: -1000px;cursor: pointer;background: url(./images/btn_del.png) 0 0 no-repeat;background-color:red;} /*권장 브라우저 팝업*/ #browserRecommendPopup {display:none;position:fixed;left:0;top:0;z-index:20;width:100%;height:100%;background:rgba(0,0,0,0.7);} #browserRecommendPopup .popUpBox {position:absolute;left:50%;top:50%;margin:-194px 0 0 -357px;width:714px;height:388px;text-align:center;border-radius:5px;background:#ffffff;} #browserRecommendPopup .popUpBox h4 {margin:60px 0 15px 0;font-size:35px;} #browserRecommendPopup .popUpBox .comment {margin:0 0 35px 0;font-size:16px;color:#666666;font-weight:500;} #browserRecommendPopup .popUpBox .browserList {margin:0 0 50px 0;padding:0;} #browserRecommendPopup .popUpBox .browserList li {position:relative;display:inline-block;margin:0;padding:0;width:145px;height:133px;list-style:none;border:1px solid #efefef;background:no-repeat 50% 25%;} #browserRecommendPopup .popUpBox .browserList li.ie {background-image:url(./images/browserIE.png)} #browserRecommendPopup .popUpBox .browserList li.ff {background-image:url(./images/browserFF.png)} #browserRecommendPopup .popUpBox .browserList li.cr {background-image:url(./images/browserCR.png)} #browserRecommendPopup .popUpBox .browserList li.sfr {background-image:url(./images/browserSFR.png)} #browserRecommendPopup .popUpBox .browserList li a {position:absolute;left:18px;bottom:18px;display:block;width:107px;height:30px;line-height:30px;font-size:11px;color:#666666;font-weight:bold;text-decoration:none;border:1px solid #d7d7d7;border-bottom:4px solid #d7d7d7;border-radius:2px;background:url(./images/browserBtnBG.png)} #browserRecommendPopup .popUpBox .closer {position:absolute;right:0;top:0;width:120px;height:95px;color:#ffffff;border-top-right-radius:5px;background-color:#717171;} #browserRecommendPopup .popUpBox .closer .closeBtn {position:absolute;right:17px;top:19px;z-index:3;font-size:14px;cursor:pointer;} #browserRecommendPopup .popUpBox .closer .tri {position:absolute;left:0;top:0;z-index:1;border-top:95px solid transparent;border-left:120px solid #ffffff;} .oneDayPass {position:relative;bottom:-27px;width:100%;height:20px;line-height:20px;text-align:right;font-size:12px;font-weight:bold;color:#ffffff;} .oneDayPass label {line-height:20px;cursor:pointer} .oneDayPass label input {line-height:20px;vertical-align:top} .oneDayPass .closeBtn {padding:2px 5px;color:#666666;border-radius:2px;background:#ffffff;cursor:pointer} #WARN-IE {display:none;padding:10px 0;width:100%;height:auto;border:2px dotted gray;box-sizing:border-box;background-color:#ffffff} #WARN-IE .left {float:left;margin:30px 0 0 0;width:auto;} #WARN-IE .left h4 {margin:0 0 15px 0;font-size:20px;} #WARN-IE .comment {margin:0 0 35px 0;font-size:14px;color:#666666;font-weight:500;} #WARN-IE .browserList {float:right;margin:0;padding:0;} #WARN-IE .browserList li {position:relative;display:inline-block;margin:0;padding:0;width:145px;height:133px;list-style:none;border:1px solid #efefef;background:no-repeat 50% 25%;} #WARN-IE .browserList li.ie {background-image:url(./images/browserIE.png)} #WARN-IE .browserList li.ff {background-image:url(./images/browserFF.png)} #WARN-IE .browserList li.cr {background-image:url(./images/browserCR.png)} #WARN-IE .browserList li.sfr {background-image:url(./images/browserSFR.png)} #WARN-IE .browserList li a {position:absolute;left:18px;bottom:18px;display:block;width:107px;height:30px;line-height:30px;font-size:11px;color:#666666;text-align:center;font-weight:bold;text-decoration:none;border:1px solid #d7d7d7;border-bottom:4px solid #d7d7d7;border-radius:2px;background:url(./images/browserBtnBG.png)} #WARN-IE .oneDayPass {clear:both;position: static;width: 100%;height: 20px;line-height: 20px;text-align: right;font-size: 12px;font-weight: bold;color: #666666;} #WARN-IE .oneDayPass label {line-height:20px;cursor:pointer} #WARN-IE .oneDayPass label input {line-height:20px;vertical-align:middle} #WARN-IE .oneDayPass .closeBtn {padding:2px 5px;color:#fff;border-radius:2px;background-color:#666666;cursor:pointer} #WARN-IE .closer {position:absolute;right:0;top:0;width:120px;height:95px;color:#ffffff;border-top-right-radius:5px;background-color:#717171;} #WARN-IE .closer .closeBtn {position:absolute;right:17px;top:19px;z-index:3;font-size:14px;cursor:pointer;} #WARN-IE .closer .tri {position:absolute;left:0;top:0;z-index:1;border-top:95px solid transparent;border-left:120px solid #ffffff;} .border-radius { width: 300px; height: 100px; border: 10px solid green; border-radius: 15px; margin: 10px; } /*페이징*/ .pagination {float:right;margin:10px 0;width:auto} .pagination:after {clear:both;display:block;content:'';} .pagination .page-numbers {display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:#777777;font-size:0.8em;border:1px solid #e7e7e7;text-decoration:none;cursor:pointer;} .pagination .current, .pagination .page-numbers:hover {/*color:#f26329;border:1px solid #f26329;*/} /* BLOG THEME*/ /**************************************************************************************************************************************/ /* POST LIST */ /*list base style*/ .blog_list {margin:20px 0 0 0;padding:0;width:100%;} .blog_list article {margin:0 0 40px 0;padding:0;width:100%;height:250px;background:#f9f9f9} .blog_list article .thumbnailWrap {float:left;width:360px;height:250px;overflow:hidden} .blog_list article .thumbnailWrap a {display:block;position:relative;width:360px;height:250px;line-height:250px;} .blog_list article .thumbnailWrap img {display:block;width:360px;height:auto} .blog_list article .thumbnailWrap a .overCross {display:none;position:absolute;left:0;top:0;z-index:3;width:360px;height:250px;line-height:250px;text-align:center;color:#ffffff;font-size:60px;background-color:rgba(0,0,0,0.7)} .blog_list article .thumbnailWrap a:hover .overCross {display:block;} .blog_list article .contentWrap {float:left;padding:20px;width:420px} .blog_list article .contentWrap.noThumbnail {padding:20px;width:auto} .blog_list article .contentWrap .entry-meta {font-size:12px;} .blog_list article .contentWrap .entry-meta span {} .blog_list article .contentWrap .entry-meta span a {color:#c3c3c3;text-decoration:none} .blog_list article .contentWrap .entry-title {width:100%;height:1.2em;line-height:1.2em;overflow:hidden;} .blog_list article .contentWrap .entry-title a {color:#131313;text-decoration:none} .blog_list article .contentWrap .entry-content {margin:0 0 10px 0;width:100%;max-height:8em;line-height:1.6em;font-size:13px;overflow:hidden} .blog_list article .contentWrap .entry-content a {color:#999999;text-decoration:none;} .blog_list article .contentWrap .readmore {} .blog_list article .contentWrap .readmore a {text-decoration:none;font-size:18px;font-weight:700;color:#bd9d6c;text-decoration:none;}/*color*/ .mainContent .blog_top_bnn {display:block;width:100%;height:auto;margin-bottom:30px;} .mainContent .blog_top_bnn img {width:100%;height:auto;} /*default list*/ .blog_list.default {} .blog_list.default article {} .blog_list.default article .thumbnailWrap {} .blog_list.default article .thumbnailWrap a {} .blog_list.default article .thumbnailWrap img {} .blog_list.default article .thumbnailWrap a .overCross {} .blog_list.default article .thumbnailWrap a:hover .overCross {} .blog_list.default article .contentWrap {} .blog_list.default article .contentWrap.noThumbnail {} .blog_list.default article .contentWrap .entry-meta {} .blog_list.default article .contentWrap .entry-meta span {} .blog_list.default article .contentWrap .entry-meta span a {} .blog_list.default article .contentWrap .entry-title {} .blog_list.default article .contentWrap .entry-title a {} .blog_list.default article .contentWrap .entry-content {height:8em;max-height:initial;} .blog_list.default article .contentWrap .entry-content a {} .blog_list.default article .contentWrap .readmore {} .blog_list.default article .contentWrap .readmore a {} /*gallery list*/ .blog_list.gallery {} .blog_list.gallery article {height:auto;} .blog_list.gallery article .thumbnailWrap {float:none;width:100%;height:440px;} .blog_list.gallery article .thumbnailWrap a {width:100%;height:auto;max-height:100%;} .blog_list.gallery article .thumbnailWrap img {width:100%;} .blog_list.gallery article .thumbnailWrap a .overCross {width:100%;height:100%;line-height:440px;} .blog_list.gallery article .thumbnailWrap a:hover .overCross {} .blog_list.gallery article .contentWrap {float:none;padding:20px;width: 100%;box-sizing: border-box;} .blog_list.default article .contentWrap.noThumbnail {} .blog_list.gallery article .contentWrap .entry-meta {} .blog_list.gallery article .contentWrap .entry-meta span {} .blog_list.gallery article .contentWrap .entry-meta span a {} .blog_list.gallery article .contentWrap .entry-title {} .blog_list.gallery article .contentWrap .entry-title a {} .blog_list.gallery article .contentWrap .entry-content {} .blog_list.gallery article .contentWrap .entry-content a {} .blog_list.gallery article .contentWrap .readmore {} .blog_list.gallery article .contentWrap .readmore a {} /*masonry list*/ .blog_list.masonry {position:relative;height:auto;} .blog_list.masonry article {display:block;position:absolute;top:200%;left:50%;margin:0 0 23px 0;padding:0;width:273px;height:auto;background:none} .blog_list.masonry article .inner-wrap {margin:0 auto;width:250px;background:#f9f9f9;} .blog_list.masonry article .thumbnailWrap {float:none;width:100%;height:auto;} .blog_list.masonry article .thumbnailWrap a {display:block;position:relative;width:100%;max-height:440px;height:auto;} .blog_list.masonry article .thumbnailWrap img {display:block;width:100%;height:auto;} .blog_list.masonry article .thumbnailWrap a .overCross {display:none;position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7)} .blog_list.masonry article .thumbnailWrap a .overCross span {position:absolute;left:0;top:50%;z-index:3;margin-top:-20px;width:100%;height:40px;line-height:40px;color:#ffffff;font-size:60px;} .blog_list.masonry li:hover .thumbnailWrap a .overCross {display:block;} .blog_list.masonry article .contentWrap {float:none;width:100%;box-sizing:border-box;} .blog_list.masonry article .contentWrap .entry-meta {font-size:12px;} .blog_list.masonry article .contentWrap .entry-meta span {} .blog_list.masonry article .contentWrap .entry-meta span a {color:#c3c3c3;text-decoration:none} .blog_list.masonry article .contentWrap .entry-title {margin-bottom:10px;width:100%;height:1.2em;line-height:1.2em;overflow:hidden;} .blog_list.masonry article .contentWrap .entry-title a {color:#131313;font-size:16px;text-decoration:none} .blog_list.masonry article .contentWrap .entry-content {margin:0 0 10px 0;width:100%;max-height:initial;line-height:1.6em;font-size:12px;overflow:hidden} .blog_list.masonry article .contentWrap .entry-content a {color:#999999;text-decoration:none;} .blog_list.masonry article .contentWrap .readmore {} .blog_list.masonry article .contentWrap .readmore a {text-decoration:none;font-size:14px;font-weight:700;color:#bd9d6c;text-decoration:none;}/*color*/ .getMore {clear:both;display:block;margin:0 0 50px 0;width:100%;height:48px;line-height:48px;text-align:center;color:#ffffff;border:1px solid #f0f0f0;background:#121212;box-sizing:border-box;cursor:pointer} /* view */ .blogView {clear:both;/*margin-top:20px;*/margin-top:-10px;} .blogView .entry-header {margin:0 0 30px 0;} .blogView .entry-header .entry-title {margin-top:0;margin-bottom:0} .blogView .entry-header .entry-meta {font-size:12px;} .blogView .entry-header .entry-meta span {} .blogView .entry-header .entry-meta span a {color:#c3c3c3;text-decoration:none} .blogView .entry-content {padding-bottom:0px;border-bottom:1px solid #dbdbdb} .blogView .blogViewBottom {width:100%;/*height:70px;border-bottom:1px solid #121212;margin-bottom:30px;*/} .blogView .blogViewBottom:after {clear:both;display:block;content:'';} .blogView .tag-label {width:100%;float:left;padding:0;margin:15px 0 30px 0;color:#976868;font-size:14px;font-weight:bold;} .blogView .tag-label dt {float:left;margin:0;padding:0;width:55px;line-height:25px;} .blogView .tag-label dd {margin:0 0 20px 0;padding:0;} .blogView .tag-label dd a {display:inline-block;line-height:25px;color:#976868;text-decoration:none} .blogView .tag-label dd a:after {content:'·';display:inline;margin:0 5px;line-height:25px;font-size:9px;} .blogView .tag-label dd a:last-child:after {content:'';} .blogView .share-sns {float:right;margin-bottom:30px;} /**************************************************************************************************************************************/ .comment-form #comment_msg {display: none;text-align: center;margin-top: 35px;font-size: 11px;color: #F55555;padding: 10px;background: #FBFBFB;border: 1px solid #dadde1 !important;border-radius: 3px; box-shadow: inset 1px 3px 4px -3px #e9e9e9;} #POST-CONTENT .aligncenter { display: block; margin-left: auto; margin-right: auto; } #POST-CONTENT img, #DELIVERY-CONTENT img {display:inline-block;max-width:100%;height:auto;} #POST-CONTENT .comment-content img, #POST-CONTENT .entry-content img, #POST-CONTENT .entry-summary img, #DELIVERY-CONTENT .comment-content img, #DELIVERY-CONTENT .entry-content img, #DELIVERY-CONTENT .entry-summary img .wp-caption {max-width:100%;} .comment-content img[height], .entry-content img, .entry-summary img, #POST-CONTENT img[class*="align"], #POST-CONTENT img[class*="wp-image-"], #POST-CONTENT img[class*="attachment-"], #DELIVERY-CONTENT img[class*="align"], #DELIVERY-CONTENT img[class*="wp-image-"], #DELIVERY-CONTENT img[class*="attachment-"] {height:auto;} #POST-CONTENT img.size-full, #POST-CONTENT img.size-large, #POST-CONTENT .wp-post-image, #POST-CONTENT .post-thumbnail img, #DELIVERY-CONTENT img.size-full, #DELIVERY-CONTENT img.size-large, #DELIVERY-CONTENT .wp-post-image, #DELIVERY-CONTENT .post-thumbnail img {height:auto;max-width:100%;} .wp-caption img[class*="wp-image-"] {display:block;margin:0 auto;} #POST-CONTENT embed, #POST-CONTENT iframe, #POST-CONTENT object, #POST-CONTENT video, #DELIVERY-CONTENT embed, #DELIVERY-CONTENT iframe, #DELIVERY-CONTENT object, #DELIVERY-CONTENT video {margin-bottom: 24px;max-width: 100%;} dl.wp-caption{max-width:100%;} /**/ /* POST RULES */ .hentry .entry-content.blog_contents {padding:30px 0} .hentry .entry-content.blog_contents {line-height: 1.5em;font-family:'Nanum Gothic', Dotum, '돋움', Arial, sans-serif, FontAwesome;font-size: 14px;} /** * 2.0 Headings * ---------------------------------------------------------------------------- */ .hentry .entry-content.blog_contents h1 {font-size:2em;} .hentry .entry-content.blog_contents h2 {font-size:1.5em;} .hentry .entry-content.blog_contents h3 {font-size:1.17em;} .hentry .entry-content.blog_contents h4 {font-size:1em;} .hentry .entry-content.blog_contents h5 {font-size:0.83em;} .hentry .entry-content.blog_contents h6 {font-size:0.7em;} .hentry .entry-content.blog_contents h1 {line-height:1.4em;} .hentry .entry-content.blog_contents h2 {line-height:1.86em;} /*reservation Plugin*/ .hentry .entry-content.blog_contents h3 {line-height:1.16em;} .hentry .entry-content.blog_contents h4 {line-height:2.4em;} .hentry .entry-content.blog_contents h5 {line-height:2.83em;} .hentry .entry-content.blog_contents h6 {line-height:3.99em;} .hentry .entry-content.blog_contents h1:first-child, .hentry .entry-content.blog_contents h2:first-child, .hentry .entry-content.blog_contents h3:first-child, .hentry .entry-content.blog_contents h4:first-child, .hentry .entry-content.blog_contents h5:first-child, .hentry .entry-content.blog_contents h6:first-child { margin-top: 0; } /** * 3.0 Text Elements * ---------------------------------------------------------------------------- */ .hentry .entry-content.blog_contents address {font-style:italic;margin-bottom:24px;} .hentry .entry-content.blog_contents abbr[title], .hentry .entry-content.blog_contents acronym[title] {border-bottom:1px dotted #2b2b2b;cursor:help;} .hentry .entry-content.blog_contents b, .hentry .entry-content.blog_contents strong {font-weight:700;} .hentry .entry-content.blog_contents cite, .hentry .entry-content.blog_contents dfn, .hentry .entry-content.blog_contents em, .hentry .entry-content.blog_contents i {font-style:italic;} .hentry .entry-content.blog_contents mark, .hentry .entry-content.blog_contents ins {background:#fff9c0;text-decoration:none;} .hentry .entry-content.blog_contents p {margin-bottom:24px;} .hentry .entry-content.blog_contents code, .hentry .entry-content.blog_contents kbd, .hentry .entry-content.blog_contents tt, .hentry .entry-content.blog_contents var, .hentry .entry-content.blog_contents samp, .hentry .entry-content.blog_contents pre {font-family:monospace, serif;font-size:15px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.6;} .hentry .entry-content.blog_contents pre {margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word; border:1px solid rgba(0, 0, 0, 0.1); border-radius:3px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;} .hentry .entry-content.blog_contents code {padding:5px;display:block;font-family:"Courier New", Courier, monospace;line-height:1.2;border:1px solid #efefef;border-radius:3px;} .hentry .entry-content.blog_contents code:before {display:block;margin:0;padding:5px;content:'■Source';background:#efefef;border-radius:3px;} .hentry .entry-content.blog_contents blockquote, .hentry .entry-content.blog_contents q {-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none;} .hentry .entry-content.blog_contents blockquote:before, .hentry .entry-content.blog_contents blockquote:after, .hentry .entry-content.blog_contents q:before, .hentry .entry-content.blog_contents q:after {content:"";content:none;} .hentry .entry-content.blog_contents blockquote {margin:15px;padding:0 0 0 10px;/*color:#767676;*/font-size:19px;font-style:italic;line-height:1.8em;border-left:4px solid skyblue} .hentry .entry-content.blog_contents blockquote cite, .hentry .entry-content.blog_contents blockquote small {color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5;} .hentry .entry-content.blog_contents blockquote em, .hentry .entry-content.blog_contents blockquote i, .hentry .entry-content.blog_contents blockquote cite {font-style:normal;} .hentry .entry-content.blog_contents blockquote strong, .hentry .entry-content.blog_contents blockquote b {font-weight:400;} .hentry .entry-content.blog_contents small {font-size:smaller;} .hentry .entry-content.blog_contents big {font-size:125%;} .hentry .entry-content.blog_contents sup, .hentry .entry-content.blog_contents sub {font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline;} .hentry .entry-content.blog_contents sup {bottom:1ex;} .hentry .entry-content.blog_contents sub {top:.5ex;} .hentry .entry-content.blog_contents dl {margin-bottom:24px;} .hentry .entry-content.blog_contents dt {font-weight:bold;} .hentry .entry-content.blog_contents dd {margin-bottom:24px;} .hentry .entry-content.blog_contents ul, .hentry .entry-content.blog_contents ol {list-style:none;margin:0 0 24px 20px;} .hentry .entry-content.blog_contents ul {list-style:disc;} .hentry .entry-content.blog_contents ol {list-style:decimal;} .hentry .entry-content.blog_contents li > ul, .hentry .entry-content.blog_contents li > ol {margin:0 0 0 20px;} .hentry .entry-content.blog_contents del {color:#767676;} .hentry .entry-content.blog_contents hr {background-color:rgba(0, 0, 0, 0.1);border:0;height:1px;margin-bottom:23px;} /** * 4.0 Links * ---------------------------------------------------------------------------- */ .hentry .entry-content.blog_contents a {color:#282828; text-decoration:none} .hentry .entry-content.blog_contents a:link {text-decoration:none} .hentry .entry-content.blog_contents a:visited {text-decoration:none} .hentry .entry-content.blog_contents a:focus {outline:thin dotted;} .hentry .entry-content.blog_contents a:hover, .hentry .entry-content.blog_contents a:active {color:#777; text-decoration:none;outline:0;} /** * 5.0 Alignment * ---------------------------------------------------------------------------- */ .hentry .entry-content.blog_contents .alignleft { float: left; margin: 7px 24px 7px 0; } .hentry .entry-content.blog_contents .alignright { float: right; margin: 7px 0 7px 24px; } .hentry .entry-content.blog_contents .aligncenter { clear: both; display: block; margin: 7px auto; } .hentry .entry-content.blog_contents blockquote.alignleft, .hentry .entry-content.blog_contents blockquote.alignright { border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-top: 17px; width: 50%; } .hentry .entry-content.blog_contents blockquote.alignleft p, .hentry .entry-content.blog_contents blockquote.alignright p { margin-bottom: 17px; } /** * 6.0 Tables * ---------------------------------------------------------------------------- */ .hentry .entry-content.blog_contents .mceItemTable { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px 0 0 1px; border-collapse: separate; border-spacing: 0; font-size: 14px; line-height: 1.2857142857; margin-bottom: 24px; width: 100%; } .hentry .entry-content.blog_contents .mceItemTable th, .hentry .entry-content.blog_contents .mceItemTable caption { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-weight: 700; padding: 8px; text-align: left; text-transform: uppercase; vertical-align: baseline; } .hentry .entry-content.blog_contents .mceItemTable td { border: 1px solid rgba(0, 0, 0, 0.1); border-width: 0 1px 1px 0; font-family: Lato, sans-serif; font-size: 14px; padding: 8px; vertical-align: baseline; } /** * 7.0 Images * ---------------------------------------------------------------------------- */ .hentry .entry-content.blog_contents img { height: auto; max-width: 100%; vertical-align: middle; } .hentry .entry-content.blog_contents .wp-caption { background: transparent; border: none; color: #767676; margin: 0 0 24px 0; max-width: 100%; padding: 0; text-align: left; } .hentry .entry-content.blog_contents .wp-caption.alignleft { margin: 7px 14px 7px 0; } .hentry .entry-content.blog_contents .wp-caption.alignright { margin: 7px 0 7px 14px; } .hentry .entry-content.blog_contents .wp-caption.aligncenter { margin: 7px auto; } .hentry .entry-content.blog_contents .wp-caption-dt { margin: 0; } .hentry .entry-content.blog_contents .wp-caption .wp-caption-text, .hentry .entry-content.blog_contents .wp-caption-dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding: 0 10px 0 0; /* Avoid the caption to overflow the width of the image because wp-caption has 10px wider width */ text-align: left; } .hentry .entry-content.blog_contents .mceTemp + ul, .hentry .entry-content.blog_contents .mceTemp + ol { list-style-position: inside; } /** * 8.0 RTL * ---------------------------------------------------------------------------- */ .hentry .entry-content.blog_contents html .mceContentBody.rtl { direction: rtl; unicode-bidi: embed; } .hentry .entry-content.blog_contents .rtl ol, .hentry .entry-content.blog_contents .rtl ul { margin-left: 0; margin-right: 24px; } .hentry .entry-content.blog_contents .rtl .wp-caption, .hentry .entry-content.blog_contents .rtl tr th { text-align: right; } .hentry .entry-content.blog_contents .rtl td { text-align: right; } /** * 9.0 FORMS * ---------------------------------------------------------------------------- */ .hentry .entry-content.blog_contents input[type="text"], .hentry .entry-content.blog_contents input[type="password"], .hentry .entry-content.blog_contents select, .hentry .entry-content.blog_contents textarea {margin:0;padding:3px 5px 2px;line-height:20px;border:1px solid #A9A9A9} .hentry .entry-content.blog_contents input[type="reset"], .hentry .entry-content.blog_contents input[type="submit"], .hentry .entry-content.blog_contents button {margin:0;padding:3px 8px 2px;line-height:20px;font-family:'Nanum Gothic', Dotum, '돋움', Arial, sans-serif, FontAwesome;font-size:12px; border:1px solid #A9A9A9;border-radius:3px;cursor:pointer;box-sizing:border-box; background : -webkit-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -moz-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -ms-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -o-linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); background : -linear-gradient(top, rgb(255, 255, 255) 00%, rgb(240, 240, 240) 100%); } .hentry .entry-content.blog_contents input[type="reset"]:hover, .hentry .entry-content.blog_contents input[type="submit"]:hover, .hentry .entry-content.blog_contents button:hover { background : -webkit-linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); background : -moz-linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); background : -ms-linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); background : -o-linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); background : -linear-gradient(top, rgb(240, 240, 240) 00%, rgb(255, 255, 255) 100%); } /****************/ /* comment */ #comments {clear:both;width:100%;} #comments .comments-title {font-size:14px;} #comments .comment-list {margin:0 0 30px 0;} #comments .comment-list ol {margin:0;padding:0;} #comments .comment-list ol li.parent {margin:0 0 20px 0;padding:0;list-style:none} #comments .comment-list ol li.parent .comment-body {margin:0 0 5px 0} #comments .comment-list ol li.parent .comment-body .comment-author {} #comments .comment-list ol li .comment-body .comment-author .avatar-box {display:none} #comments .comment-list ol li .comment-body .comment-author .comment-wrap {position:relative;border:1px solid #dbdbdb} #comments .comment-list ol li > .comment-body .comment-author .comment-wrap .comment-meta { padding:0 0 0 20px;height:35px;line-height:35px;font-size:13px;color:#999;background:#121212;} #comments .comment-list ol li .comment-body .comment-author .comment-wrap .comment-meta span {} #comments .comment-list ol li .comment-body .comment-author .comment-wrap .comment-meta span.fn {color:#7c7c7c} #comments .comment-list ol li .comment-body .comment-author .comment-wrap .comment-meta span.fn:after {content:" | "} #comments .comment-list ol li .comment-body .comment-author .comment-wrap .comment-content {padding:0 20px;line-height:1.4em;font-size:13px;color:#999999;} #comments .comment-list ol li .comment-body .comment-author .comment-wrap .buttonBox {position:absolute;right:10px;top:0;height:35px;line-height:35px;font-size:12px;color:#ffffff;} #comments .comment-list ol li.parent .comment-body .comment-author .comment-wrap .buttonBox a {font-size:13px;color:#ffffff;text-decoration:none} /*2차*/ #comments .comment-list ol li.parent .children {margin:0 0 10px 0} #comments .comment-list ol li.parent .children ol {margin:0;padding:0;} #comments .comment-list ol li.parent .children ol li {margin:0;padding:0;list-style:none} #comments .comment-list ol li.parent .children ol li .comment-body {} #comments .comment-list ol li.parent .children ol li .comment-body .comment-author {} #comments .comment-list ol li.parent .children ol li .comment-body .comment-author .comment-wrap {border: none} #comments .comment-list ol li.parent .children ol li > .comment-body .comment-author .comment-wrap .comment-meta {padding:0 0 0 10px;border:1px solid transparent;background:none;} #comments .comment-list ol li.parent .children ol li .comment-body .comment-author .comment-wrap .comment-content {margin:0 0 0 10px;border:1px solid #dbdbdb;} #comments .comment-list ol li.parent .children ol li .comment-body .comment-author .comment-wrap .comment-content:after {display:block;content:" ";position:absolute;width:10px;height:12px;left:1px;top:36px;background:url(./images/commentbullet.png) no-repeat;} #comments .comment-list ol li.parent .children ol li .comment-body .comment-author .comment-wrap .buttonBox a {font-size:13px;color:#7c7c7c;text-decoration:none} /*3차*/ #comments .comment-list ol li.parent .depth-2.children ol li > .comment-body .comment-author .comment-wrap .comment-meta {padding:0 0 0 20px;} #comments .comment-list ol li.parent .depth-2.children ol li .comment-body .comment-author .comment-wrap .comment-content {margin:0 0 0 20px;} #comments .comment-list ol li.parent .depth-2.children ol li .comment-body .comment-author .comment-wrap .comment-content:after {left:11px;} #comments #respond {width:100%;} #comments #respond #reply-title {margin:0 0 0 0;width:100%;font-size:14px;color:#686868} #comments #respond #reply-title #cancel-comment-reply-link {} #comments #respond #reply-title a {color:#686868} #comments #respond .comment-notes {margin:0 0 0 0;font-size:12px;color:#686868} #comments #respond .writer-information-box {float:left;margin:0 0 20px 0;width:100%;} #comments #respond .writer-information-box .writer_info input {padding:0 10px;width:49%;height:45px;line-height:45px;color:#949494;border:1px solid #dadde1;background-color:#fafafa;box-sizing:border-box;} #comments #respond .writer-information-box .writer_info1 {} #comments #respond .writer-information-box .writer_info1 #author {float:left;} #comments #respond .writer-information-box .writer_info1 label {display:none} #comments #respond .writer-information-box .writer_info2 {} #comments #respond .writer-information-box .writer_info2 #email {float:right;} #comments #respond .writer-information-box .writer_info2 label {display:none} #comments #respond .comment-form {} #comments #respond .comment-form .logged-in-as {margin:0 0 15px 0;font-size:12px;color:#686868;text-decoration:none} #comments #respond .comment-form .logged-in-as a {font-size:12px;color:#686868;} #comments #respond .comment-form .comment-form-comment {margin:0;clear:both;line-height:1.4em;} #comments #respond .comment-form .comment-form-comment label {display:none} #comments #respond .comment-form .comment-form-comment label[for=private_ok] {display:inline;font-size:12px;} #comments #respond .comment-form .comment-form-comment textarea {padding:10px;width:100%;height:128px;color:#949494;border:1px solid #dadde1;background-color:#fafafa;box-sizing:border-box;} #comments #respond .comment-form .comment-form-comment #private_ok {width:1.2em;height:1.2em;vertical-align:bottom;border:1px solid blue} #comments #respond .comment-form .form-allowed-tags, #comments #respond .comment-form .form-allowed-tags span {font-size:12px;color:#949494;} #comments #respond .comment-form .form-submit {} #comments #respond .comment-form .form-submit:after {clear:both;display:block;content:'';} #comments #respond .comment-form .form-submit .submit {float:right;width:105px;height:45px;font-size:16px;color:#ffffff;font-family: 'Noto Sans', 'NanumGothic', 'Nanum Gothic', sans-serif;background:#121212;border:none;cursor:pointer;} /* //comment */ .wp-caption {} .wp-caption-text {} .sticky {} .gallery-caption {} .bypostauthor {} .alignright {} .alignleft {} .aligncenter {} #bbse_board fieldset {border:none} #bbse_board input[type=text] {} #bbse_board .btn_big_gray {padding:0 10px !important;line-height:25px !important}