@charset "utf-8";
/*
Theme Name - Code Number : ww1504005 - WOOD-WHITE
*/

/* common */
html,body {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif; font-size:1em; color:#333; line-height:1.75;}
a {color:#333;}
a:hover,a:focus,a:active {text-decoration:none; color:inherit;}
hr {margin:0; border:none;}
#wrap * {word-break:keep-all;}
.roman,.list.listWide .tileTitle h3 {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.nbgL,.list.listWide .tileTitle .subTitle {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.container {width:100% !important; max-width:1600px; margin:0 auto; padding:0;}
.shareThis {position:relative; padding:30px 0 65px; text-align:center;}
.form-control,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"] {border:1px solid #d9d9d9; box-shadow:none; -webkit-appearance:none;}
.tile ul,.inshop ul {list-style:none;}
.btnTop {position:fixed; right:13px; bottom:13px; color:#fff; padding:10px 11px; border-radius:5px; width:2.5em; font-size:14px; text-align:right; text-decoration:none; z-index:99;}
.btnTop:hover,.btnTop:focus,.btnTop:active {color:#fff; text-decoration:none;}

/* Color setting */
#wrap .btn.btnPoint,#wrap .pagination a:hover,#wrap .pagination a:focus,#wrap .pagination a:active,#wrap .pagination .active a {color:#fff; border-color:#d9534d; background-color:#e55a54;}
#wrap .pagination .prev a:hover,#wrap .pagination .prev a:focus,#wrap .pagination .prev a:active,
#wrap .pagination .next a:hover,#wrap .pagination .next a:focus,#wrap .pagination .next a:active {color:#fff;}
#wrap .pointColor,#wrap .shopDone header h1:before,.related .tileTitle:after,.downFile h3,.infourl h3,.showDate h3,.searchResult .keyCode {color:#e55a54;}
#wrap .pointBg,#accNav a,.container .disPercent,.btnTop,.gotoHome a,.entry .swipe .indicator .active {background-color:#e55a54;}
#wrap .disPercent:before {border-color:transparent #e55a54 transparent transparent;}
#wrap .tabNav a:hover:before,#wrap .tabNav a:focus:before,#wrap .tabNav a:active:before,#wrap .tabNav .active a:before {border-color:#de2a23;}
#confirmLayer a,#confirmLayer .txt:before,#confirmLayer .close button:hover,#confirmLayer .close button:focus,#confirmLayer .close button:active,
#member input[type="checkbox"]:checked+.icoCheck,.searchWrap .searchCon button[type="submit"] {background-color:#e55a54;}
#confirmLayer a:hover,#confirmLayer a:focus,#confirmLayer a:active,#member .join_submit a:hover,#member .join_submit a:focus,#member .join_submit a:active,
#member input[type="submit"]:hover,#member input[type="submit"]:focus,#member input[type="submit"]:active,
#wrap .btnPoint:hover,#wrap .btnPoint:focus,#wrap .btnPoint:active {background-color:#d9534d;}

/* header */
#header {position:fixed; top:0; left:0; width:100%; height:60px; border-bottom:1px solid rgba(0,0,0,0.15); background:#fff; z-index:999;}
#gnb {margin:0; height:60px; border:none; border-radius:0; background:none; box-shadow:none; z-index:99;}
.navbar-header {position:relative; float:none; height:60px; z-index:99;}
.navbar-header h1 {float:left; width:120px; height:60px; margin:0 0 0 20px; padding:10px 0; font-size:0;}
.navbar-header img {height:100%; vertical-align:top;}
.navbar-header a {float:none; height:auto; padding:0;}
.navbar-header .navbar-toggle {position:relative; float:right; width:60px; height:60px; margin:0; padding:0; border:none; border-radius:0; z-index:9;}
.navbar-default .navbar-header .navbar-toggle:hover,.navbar-default .navbar-header .navbar-toggle:focus,.navbar-default .navbar-header .navbar-toggle:active {background-color:transparent;}
.navbar-header .navbar-toggle .bar {position:absolute; top:50%; left:50%; width:24px; height:2px; margin-left:-12px; background:#1e1e1e; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; transition:all 0.3s;}
.navbar-header .navbar-toggle .top {margin-top:-7px; transform:rotate(0); -webkit-transform:rotate(0);}
.navbar-header .navbar-toggle .mid {margin-top:-1px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.navbar-header .navbar-toggle .bottom {margin-top:5px; transform:rotate(0deg); -webkit-transform:rotate(0deg);}
.navbar-header .navbar-toggle:hover .top {width:12px; margin-top:6px; margin-left:-10px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.navbar-header .navbar-toggle:hover .mid {margin-top:-1px; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.navbar-header .navbar-toggle:hover .bottom {width:12px; margin-top:6px; margin-left:-2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.dimmedBody .navbar-toggle .top,.dimmedBody .navbar-toggle:hover .top {width:24px; margin-top:0; margin-left:-12px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.dimmedBody .navbar-toggle .mid,.dimmedBody .navbar-toggle:hover .mid {width:24px; margin-top:0; transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.dimmedBody .navbar-toggle .bottom,.dimmedBody .navbar-toggle:hover .bottom {width:24px; margin-top:0; margin-left:-12px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.heightHeader #gnb .navbar-collapse {display:none; position:fixed; top:60px; bottom:0; left:0; width:100%; padding:0; overflow-y:auto; border:none; background-color:#fff; box-shadow:none; z-index:9;}
.heightHeader #gnb .navbar-collapse .container {position:relative; min-height:100%; border-bottom:40px solid #fff; background:#e6e6e6;}
.heightHeader #gnb .navbar-nav {float:none; margin:0; padding:30px 0 80px;}
.heightHeader #gnb .navbar-nav li {float:none; text-align:center;}
.heightHeader #gnb .navbar-nav a {position:relative; padding:10px 0; font-size:20px; color:#1e1e1e; line-height:1.3; background:none;}
/*
.heightHeader #gnb .navbar-nav a:before,.heightHeader #gnb .navbar-nav a:before,.heightHeader #gnb .navbar-nav .on>a:before {position:absolute; top:50%; left:50%; width:6px; height:60px; margin-top:-28px; margin-left:-3px; background:#e55a54; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.heightHeader #gnb .navbar-nav a:hover:before,.heightHeader #gnb .navbar-nav a:focus:before,.heightHeader #gnb .navbar-nav .on>a:before,.heightHeader #gnb .navbar-nav .on>a:before,.heightHeader #gnb .navbar-nav .open>a:before {content:""; -webkit-animation-name:menuhover; -webkit-animation-duration:0.3s; animation-name:menuhover; animation-duration:0.3s;}
@-webkit-keyframes menuhover {
	from {transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	to {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
}
@keyframes menuhover {
	from {transform:rotate(90deg); -webkit-transform:rotate(90deg);}
	to {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
}
 */
.heightHeader #gnb .navbar-nav .dropdown-menu a:before {display:none;}
.heightHeader #gnb .navbar-nav a:hover,.heightHeader #gnb .navbar-nav .open>a,.heightHeader #gnb .navbar-nav .on>a {color:#e55a54;}
.heightHeader #gnb .navbar-nav .dropdown-menu {position:static; float:none; min-width:0; margin:0; padding:0; text-align:center; border:none; border-radius:0; background:none; box-shadow:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu a {padding:5px 0; font-size:16px;}
.heightHeader #gnb .navbar-nav .menuName {position:relative;}
/* 
.heightHeader #gnb .navbar-nav .dropdown .menuName:before {content:""; position:absolute; top:50%; left:100%; width:20px; height:1px; margin-left:15px; background:#1e1e1e; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transition:all 0.3s;}
.heightHeader #gnb .navbar-nav .dropdown .menuName:after {content:""; position:absolute; top:50%; left:100%; width:1px; height:20px; margin-top:-10px; margin-left:25px; background:#1e1e1e; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transition:all 0.3s;}
 */
.heightHeader #gnb .dropdown-menu a:hover,.heightHeader #gnb .dropdown-menu .open>a,.heightHeader #gnb .dropdown-menu .on>a {color:#e5635e; text-decoration:underline; background:none;}
.heightHeader #gnb .navbar-nav .dropdown>a:hover .menuName:before {transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.heightHeader #gnb .navbar-nav .dropdown>a:hover .menuName:after {transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.heightHeader #gnb .navbar-nav .open>a .menuName:before,.heightHeader #gnb .navbar-nav .open>a:hover .menuName:before {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.heightHeader #gnb .navbar-nav .open>a .menuName:after,.heightHeader #gnb .navbar-nav .open>a:hover .menuName:after {transform:rotate(270deg); -webkit-transform:rotate(270deg);}
.navbar-form {margin:0; padding:0; border:none;}
.searchWrap {display:none; position:fixed; top:0; left:0px; right:0px; bottom:0; width:100%; text-align:center; z-index:1200;}
.searchWrap .searchCon {position:absolute; left:5px; right:5px; top:160px; z-index:999; width:90%; max-width:530px; margin:auto; padding:10px 76px 10px 10px; border-radius:3px; background:#fff; text-align:right;}
.searchWrap .searchCon .form-control {width:100%; height:40px; border:0px; padding:10px; font-size:14px; -webkit-appearance:none; border:1px solid #ededed;}
.searchWrap .searchCon input.form-control {color:#333;}
.searchWrap .searchCon input.form-control::-webkit-input-placeholder {color:#999;}
.searchWrap .searchCon input.form-control:-moz-placeholder {color:#999;}
.searchWrap .searchCon input.form-control::-moz-placeholder {color:#999;}
.searchWrap .searchCon input.form-control:-ms-input-placeholder {color:#999;}
.searchWrap .searchCon button[type="submit"] {position:absolute; top:10px; bottom:10px; right:10px; width:56px; height:auto; padding:0; font-size:13px; color:#fff; border:none; border-radius:3px;}
.searchWrap .searchCon button .fa {display:none;}
.searchWrap .dimWrap {position:fixed; top:0; left:0; right:0; bottom:0; z-index:1; background:#000; opacity:0.8;}
#util {position:absolute; top:50%; right:50px; margin-top:-13px; text-align:center; font-size:0;}
#util .searchBtn {width:26px; height:26px; margin:0; padding:0; font-size:0; line-height:1; color:#e55a54; vertical-align:middle; border:none; background:url('../img/common/ico_util.png') 0 0 no-repeat; z-index:99;}
#util .searchBtn:hover,#util .searchBtn:focus,#util .searchBtn:active {background-position:-26px 0;}
#util ul {display:inline-block; margin:0; padding:0; list-style:none; vertical-align:middle;}
#util li {display:inline-block; vertical-align:middle;}
#util a {display:inline-block; width:26px; height:26px; color:#1e1e1e;}
#util .memberUtil {font-size:0;}
#util .memberUtil a {background:url('../img/common/ico_util.png') left top no-repeat;}
#util li li {display:block; margin:0; font-size:12px;}
#util li li a {display:block; width:auto; height:auto; color:#999; background:none; opacity:1;}
#util .mypage a {background-position:0 -26px;}
#util .cart a {background-position:0 -52px;}
#util .mypage a:hover,#util .mypage a:focus,#util .mypage a:active,#util .mypage .active {background-position:-26px -26px;}
#util .cart a:hover,#util .cart a:focus,#util .cart a:active,#util .cart .active {background-position:-26px -52px;}
#util .memberUtil .dropdown-menu {display:none; left:50%; min-width:0; width:100px; margin-top:10px; margin-left:-50px; padding:5px 0; border:none; box-shadow:0 0 5px rgba(0,0,0,0.15);}
#util .memberUtil .dropdown-menu a {padding:3px 14px;background:none;}
#util .memberUtil .dropdown-menu a:hover,#util .dropdown-menu a:focus,#util .dropdown-menu a:active {color:#666;}
#util .memberUtil .open .dropdown-menu {display:block;}
#util .headerSns {display:inline-block; vertical-align:middle;}
#util .headerSns .dropdown-menu {display:none; left:50%; float:none; min-width:0; width:120px; margin-top:10px; margin-left:-60px; text-align:center; border:none; box-shadow:0 0 5px rgba(0,0,0,0.15);}
#util .headerSns.open .dropdown-menu {display:block;}
#util .headerSns .fa {line-height:1.6;}
#util .headerSns a {width:30px; height:auto; padding:5px 0; text-align:center; font-size:17px; color:#1e1e1e; opacity:0.75;}
#util .headerSns a:hover,#util .headerSns a:focus {opacity:1;}
#util .snsGroup {width:26px; height:26px; padding:0; border:none; background:url('../img/common/ico_util.png') 0 100%;}
#util .snsGroup:hover,#util .snsGroup:focus,#util .open .snsGroup {background-position:-26px 100%;}
#content {margin-top:60px;}
.snsLink {text-align:center;}
.snsLink a {display:inline-block; margin:0 5px; vertical-align:middle; width:36px; height:36px; background:url('../img/common/ico_snslink.png') no-repeat; background-size:100% auto;}
#util .snsLink a {width:36px; height:36px; margin:0 10px 0 0;}
.snsLink .sns_facebook {background-position:0 -36px;}
.snsLink .sns_naver {background-position:0 0;}
.snsLink .sns_instagram {background-position:0 -72px;}
.mSns {display:none;}
.pSns {display:inline-block; vertical-align:middle;}

/* keyVisual */
.swipe {position:relative; width:100%; overflow:hidden;}
.swipe a {display:block; width:100%; height:100%;}
.swipe .indicator {position:absolute; bottom:15px; left:50%; z-index:9; width:60%; margin-left:-30%; margin-bottom:0; padding-left:0; text-align:center; list-style:none;}
.swipe .indicator li {display:inline-block; width:12px; height:12px; margin:0 5px; text-indent:-999em; border-radius:100%; background:#fff; cursor:pointer; opacity:0.5;}
.swipe .indicator .active {opacity:1;}
.swipe .swipeItem {position:relative; width:100%; overflow:hidden;}
.swipe .swipeItem:after {content:""; display:block; clear:both;}
.swipe .item {position:relative; float:left; overflow:hidden; width:100%; background-size:cover;}
.swipe .item video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.swipe .swipeControl {display:none; position:absolute; top:0; bottom:0; width:10%; color:#fff; text-align:center;}
.swipe .swipeControl.left {left:0;}
.swipe .swipeControl.right {right:0;}
.swipe .swipeControl .prev,.swipe .swipeControl .next {display:inline-block; position:absolute; top:50%; left:50%; z-index:5; width:30px; height:60px; margin-top:-28px; margin-left:-14px;}
.swipe .swipeControl .prev:before,.swipe .swipeControl .next:before,.swipe .swipeControl .prev:after,.swipe .swipeControl .next:after {content:""; position:absolute; left:0; width:100%; height:2px; background:#1e1e1e; transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transition:all 0.3s;}
.swipe .swipeControl .prev:before {top:50%; margin-top:-11px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.swipe .swipeControl .prev:after {bottom:50%; margin-bottom:-11px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.swipe .swipeControl .next:before {top:50%; margin-top:-11px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.swipe .swipeControl .next:after {bottom:50%; margin-bottom:-11px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.swipe .swipeControl.left:hover .prev:before,.swipe .swipeControl.left:focus .prev:before {margin-top:-1px; transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.swipe .swipeControl.left:hover .prev:after,.swipe .swipeControl.left:focus .prev:after {margin-bottom:-1px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.swipe .swipeControl.right:hover .next:before,.swipe .swipeControl.right:focus .next:before {margin-top:-1px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.swipe .swipeControl.right:hover .next:after,.swipe .swipeControl.right:focus .next:after {margin-bottom:-1px; transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.swipe .container {position:relative; z-index:1;}
.swipe .caption .main {margin:0 0 0.3em; font-size:32px; line-height:1.1;}
.swipe .caption .subMain {margin:0 0 0.5em; font-size:18px; line-height:1.3;}
.swipe .caption .sub {margin:0; font-size:13px; font-weight:normal; line-height:1.75; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; max-height:7em; -webkit-line-clamp:4;}
.entry .swipe {padding-bottom:40px;}
.entry .swipe .item {height:auto;}
.entry .swipe .item img {max-width:100%;}
.entry .swipe .indicator {bottom:10px;}
.entry .swipe .indicator li {width:10px; height:10px; margin:0 2px; border:none; background:#ccc;}
.entry .swipe .indicator .active {margin:0 2px;}
.entry .swipe .swipeControl {width:35px;}
.entry .swipe .swipeControl .prev,.entry .swipe .swipeControl .next {width:28px; height:55px; margin-top:-28px; margin-left:-14px; background:url('../img/common/btn_gall_arr.png') 0 0 no-repeat;}
.entry .swipe .swipeControl.left .prev {background-position:100% 0;}
.entry .swipe .swipeControl.right .next {background-position:100% 100%;}

.intro {margin-top:30px; margin-bottom:30px; text-align:center;}
.intro .img {width:80%; max-width:360px; margin:0 auto 20px; background-size:cover;}
.intro .txt {padding:0 15px; font-size:14px; line-height:1.75;}
#keyVisual .item {min-height:340px; height:340px;}

/* title position */
.titlePosition .container {width:auto; height:100%;}
.titlePosition .titleBox {display:table; position:static; width:100%; height:100%;}
.titlePosition .titleBox .titleCell {display:table-cell; padding:60px 35px; text-align:center; vertical-align:middle;}
.titlePosition .titleCell.pos_tl {text-align:left; vertical-align:top;}
.titlePosition .titleCell.pos_tc {text-align:center; vertical-align:top;}
.titlePosition .titleCell.pos_tr {text-align:right; vertical-align:top;}
.titlePosition .titleCell.pos_ml {text-align:left; vertical-align:middle;}
.titlePosition .titleCell.pos_mc {text-align:center; vertical-align:middle;}
.titlePosition .titleCell.pos_mr {text-align:right; vertical-align:middle;}
.titlePosition .titleCell.pos_bl {text-align:left; vertical-align:bottom;}
.titlePosition .titleCell.pos_bc {text-align:center; vertical-align:bottom;}
.titlePosition .titleCell.pos_br {text-align:right; vertical-align:bottom;}
.titlePosition.topBg .titleBox .titleCell {padding:30px 35px;}

/* tile */
.tile {overflow:hidden;}
.tile a {display:block;}
.tileImg {overflow:hidden;}
.imgWrap {background-size:cover;}
.tileTitle .title {margin:0; line-height:1.3;}
.tileTitle .subTitle {margin:0; font-size:12px; line-height:1.75;}

.news .tile {padding:10px;}
.news .tile a {display:block; width:100%; height:100%;}
.news .tile .box:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); opacity:0; transition:opacity 0.3s;}
.news .tileThumb {width:100%; height:100%; margin-bottom:-80px; padding-bottom:80px;}
.news .tile .box {display:table; position:relative; width:100%; height:100%; border:1px solid #ebebeb; background-size:cover;}
.news .tile .product {margin:0; padding:10px; font-size:14px; line-height:1.3;}
.news .tile .product .name {margin-bottom:0.5em; color:#969696; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; max-height:2.6em; -webkit-line-clamp:2;}
.news .tile .product .fixed {font-size:14px; color:#999; text-decoration:line-through;}
.news .tile .product .discount {font-size:inherit;}
.news .tile .product .disrate {font-size:14px; color:#969696;}
.news .tileTitle {display:table-cell; position:relative; padding:0 8px; text-align:center; vertical-align:middle; font-size:14px; line-height:1; opacity:0; z-index:1; transition:opacity 0.3s;}
.news .tileTitle ul {margin:0; padding:0; list-style:none;}
.news .tileTitle .category {color:#e55a54;}
.news .tileTitle .category:after {content:""; display:block; width:24px; height:1px; margin:15px auto; background:#6d6d6d;}
.news .tileTitle .title {font-weight:bold; line-height:1.3; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; max-height:2.6em; -webkit-line-clamp:2;}
.news .tileTitle .price {margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .tileTitle .price span {font-weight:bold;}
.news .tileTitle .viewProduct {max-width:140px; margin:15px auto 0; padding:7px 0; color:#e55a54; border:1px solid #e55a54; transition:all 0.3s;}
.news .tileTitle .viewProduct:hover {color:#fff; background-color:#e55a54;}
.linkTile a {display:block; position:relative; max-height:86px; padding:20px; font-size:18px; line-height:1.3; background:#f1f1f1;}

.about {}
.about .tile {padding:10px;}
.about .tile a {border:1px solid #ebebeb;}
.about .tileWrap {background:#fafafa;}
.about .tileImg {background-size:cover;}
.about .imgWrap {height:100%;}
.about .tileTitle {display:table; width:100%; max-height:320px; color:#969696;}
.about .titleWrap {display:table-cell; padding:15px; text-align:left; vertical-align:middle;}
.about .tileTitle .title {margin-bottom:0.3em; font-size:16px; font-weight:bold; max-height:2.6em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.about .tileTitle .summary {margin:0; font-size:13px; line-height:1.5; max-height:4.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.about .tileTitle .viewmore {display:inline-block; margin-top:20px; padding:8px 35px; text-align:center; font-size:12px; color:#3c3c3c; border:1px solid #1e1e1e; transition:all 0.3s;}
.about a:hover .viewmore,.about a:focus .viewmore {color:#fff; background:#1e1e1e;}

/* sub */
h3.searchResult {margin-bottom:30px; padding:0 20px; font-size:18px; text-align:center;}
.gotoHome {margin-top:80px; margin-bottom:340px; text-align:center;}
.gotoHome a {display:inline-block; padding:10px 30px; color:#fff;}
.gotoHome a:hover,.gotoHome a:focus,.gotoHome a:active {color:#fff;}
.gotoHome a .fa {margin-left:10px;}
.topBg {height:200px; min-height:200px; background-size:cover;}
.topBg .title {margin:0; font-size:50px; line-height:1.2;}
.topBg .subTitle {margin:0; font-size:14px; line-height:1.75;}
.topBg .bar {display:inline-block; width:50px; height:1px; margin:10px auto 15px; vertical-align:middle; background:#1e1e1e;}

.subFilter {position:relative; margin:15px 10px;}
.subFilter .filterBtn {display:block; width:100%; padding:5px; text-align:center; color:#e55a54; border:1px solid #cacaca; background:#fafafa;}
/*
.subFilter .filterGroup {display:none; float:none; position:absolute; top:100%; left:0; width:100%; min-width:0; margin:0; padding:0 10px; text-align:center; font-size:inherit; list-style:none; border:none; background:none; box-shadow:none; z-index:1;}
.subFilter.open .filterGroup {display:block;}
 */
.subFilter .filterGroup {float:none; width:100%; margin:0; padding:0; text-align:center; font-size:inherit; border:none; background:none; box-shadow:none;}
.subFilter .filterGroup li {border:1px solid #cacaca; border-top:none; background:rgba(255,255,255,0.9);}
.subFilter .filterGroup li a {display:block; padding:5px 0; color:#969696;}
.subFilter .filterGroup li a:hover,.subFilter .filterGroup li a:focus,.subFilter .filterGroup .active a {color:#e55a54; background:none;}

.list a {border:1px solid #f2f2f2;}
.list .tile {margin-bottom:20px; padding:0 10px;}
.list .tileTitle {padding:20px; border-top:1px solid #f2f2f2;}
.list .titleWrap {height:95px; overflow:hidden;}
.list .tileTitle h3 {margin:0 0 0.3em; font-size:16px; line-height:1.5; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; max-height:3em; -webkit-line-clamp:2;}
.list .tileTitle p {margin:0; font-size:12px; line-height:1.5; color:#969696; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; max-height:3em; -webkit-line-clamp:2;}
.list .tileTitle .detailview,.related .detailview {display:inline-block; margin-top:20px; padding:3px 25px; font-size:12px; color:#969696; border:1px solid #c6c6c6; transition:background-color 0.3s;}
.list a:hover .tileTitle,.list a:focus .tileTitle {background:#f2f2f2;}
.list a:hover .detailview,.list a:focus .detailview,.related a:hover .detailview,.related a:focus .detailview {color:#fff; border-color:#1e1e1e; background:#1e1e1e;}
.list .loadMore button {position:relative; width:100%; padding:0; text-align:left; line-height:1.3; font-size:20px; color:#fff; border:none; background:#1e1e1e; transition:background-color 0.3s;}
.list .loadMore button .btnTxt {display:block; position:relative; padding:30px;}
.list .loadMore button .arr {position:absolute; bottom:0; right:0; width:40%; background:url('../img/common/btn_arr_down.png') 0 100% no-repeat; background-size:100% auto; transition:background-position 0.3s;}
.list .loadMore button .blank {height:185px;}
.list .loadMore button:hover,.list .loadMore button:focus {background-color:#000;}
.list .loadMore button:hover .arr,.list .loadMore button:focus .arr {background-position:0 0;}
.list .loadMore.blankMore {margin:0; padding:0;}
.list .loadMore.blankMore .blank {display:none;}
.list.listDefault .tileTitle .summary {display:none;}
.list.listWide .titleWrap {height:auto;}
.list.listWide .tileTitle {padding:15px; color:#969696;}
.list.listWide .tileTitle h3 {line-height:1.3;}
.list.listWide .tileTitle .subTitle {font-size:13px;}
.list.listWide a:hover .tileTitle,.list.listWide a:focus .tileTitle,.list.listWide a:hover .summary,.list.listWide a:focus .summary {background:none;}
.list.listWide a:hover .detailview,.list.listWide a:focus .detailview {color:#fff; border-color:#1e1e1e; background:#1e1e1e;}
.list.listWide .loadMore {margin-bottom:10px;}
.list.listWide .loadMore.blankMore {margin-bottom:-10px;}
.list.listWide .loadMore button {position:static; padding:30px 0; text-align:center; font-size:20px; color:#969696; background:#fafafa;}
.list.listWide .loadMore button .btnTxt {position:static; height:auto !important; padding:0;}
.list.listWide .loadMore button .arr {display:none;}
.list.listWide .loadMore button:hover,.list.listWide .loadMore button:focus {color:#1e1e1e;}

.shopList .tile {margin-bottom:10px; padding:10px;}
.shopList .tile a {position:relative;}
.shopList .tileImg {border:1px solid #ebebeb;}
.shopList .tile .product {padding:10px; font-size:14px; line-height:1.3;}
.shopList .product .name {margin-bottom:0.5em; color:#969696; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; max-height:2.6em; -webkit-line-clamp:2;}
.shopList .product .fixed {font-size:14px;}
.shopList .product .discount {font-size:inherit;}
.shopList .product .disrate {font-size:14px; color:#969696;}
.shopList .overInfo {position:absolute; top:0; left:0; width:100%; font-size:12px; color:#fff; line-height:1.3; background:rgba(0,0,0,0.7); opacity:0; transition:opacity 0.3s;}
.shopList .overInfo .infoBox {display:table; width:100%; height:100%;}
.shopList .overInfo .cell {display:table-cell; padding:0 15px; text-align:center; vertical-align:middle;}
.shopList .overInfo .category {color:#e55a54;}
.shopList .overInfo .category:after {content:""; display:block; width:24px; height:1px; margin:7px auto; background:#6d6d6d;}
.shopList .overInfo .name {font-size:18px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; max-height:2.6em; -webkit-line-clamp:2;}
.shopList .overInfo .price {font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shopList .overInfo .viewproduct {max-width:100px; margin:15px auto 0; padding:3px 0; color:#e55a54; border:1px solid #e55a54; transition:all 0.3s;}
.shopList .loadMore button {position:relative; width:100%; padding:0; text-align:left; line-height:1.3; font-size:20px; color:#fff; border:none; background:#1e1e1e; transition:background-color 0.3s;}
.shopList .loadMore button span {position:absolute; top:30px; left:30px;}
.shopList .loadMore button .arr {top:auto; left:auto; bottom:0; right:0; width:40%; background:url('../img/common/btn_arr_down.png') 0 100% no-repeat; background-size:100% auto; transition:background-position 0.3s;}
.shopList .loadMore button:hover,.shopList .loadMore button:focus {background-color:#000;}
.shopList .loadMore button:hover .arr,.shopList .loadMore button:focus .arr {background-position:0 0;}
.shopList .overInfo .viewproduct:hover {color:#fff; background:#e55a54;}

.news .tile a:hover .box:before,.news .tile a:focus .box:before {opacity:1;}
.news .tile a:hover .tileTitle,.news .tile a:focus .tileTitle,.news .tile a:hover .viewProduct,.news .tile a:focus .tileTitle {color:#fff; opacity:1;}
.shopList .tile a:hover .overInfo,.shopList .tile a:focus .overInfo {opacity:1;}

/* info */
.member #member {margin-top:100px;}
.infoOutline {position:relative; padding:0;}
.innerOutline {position:relative; padding:40px 15px;}
.innerOutline #bbs,.innerOutline #shop,.innerOutline #member {max-width:1080px; margin:0 auto;}
.detail {position:relative; margin-bottom:20px; padding:60px 15px 0; border:1px solid #efefef; border-top:none;}
.shop .detail {background:#fff;}
.entry {position:relative; max-width:800px; min-height:300px; margin:0 auto; padding:0; line-height:1.75;}
.entry header {margin-bottom:30px;}
.bbs #bbs header {text-align:center;}
.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {margin:0 0 0.5em; font-size:20px; font-weight:normal; line-height:1.3;}
.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2 {margin:0; font-size:16px; font-weight:normal; line-height:1.75;}
.entry .pages {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
#bbs .board {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.shop #shop.shopView {max-width:800px; margin-bottom:0; padding:0;}
.shopView .dtCont {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
#shop.shopView .btnPoint {background-color:#de2a23;}
button.closer {position:absolute; top:0; right:0; width:40px; height:40px; text-indent:-9999em; border:none; background:#1e1e1e; transition:background-color 0.5s;}
button.closer:before,button.closer:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; margin-top:-1px; margin-left:-15px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:all 0.3s;}
button.closer:after {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
button.closer:hover:before,button.closer:focus:before {transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
button.closer:hover:after,button.closer:focus:after {transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#content button.closer.bottomCloser {bottom:0;}
.related {margin:0 5px;}
.related h3 {margin:30px 0 20px 5px; font-size:16px;}
.related .tile {width:50%; margin:0; padding:5px;}
.related .tile a {border:1px solid #f2f2f2;}
.related .tileTitle {position:relative; padding:25px 10px; border-top:1px solid #f2f2f2; background:#fff; transition:background-color 0.3s;}
.shop .related .tile h4,.shop .related .tile p {font-size:14px;}
.related .tile h4 {overflow:hidden; margin:0 0 0.5em; font-size:16px; font-weight:normal; line-height:1.3; text-overflow:ellipsis; white-space:nowrap;}
.related .tile h5,.related .tile p {overflow:hidden; margin:0; font-size:13px; font-weight:normal; color:#969696; line-height:1.75; height:1.75em; text-overflow:ellipsis; white-space:nowrap;}
.related .tile .date {display:none;}
.related .tileImg {height:140px;}
.related a:hover .tileTitle,.related a:focus .tileTitle {background-color:#f2f2f2;}

/* footer */
#footer {margin-top:10px; padding:0 10px; text-align:center; font-size:12px;}
#footer .footerInfo {padding:20px 10px; background:#fafafa;}
#footer p,#footer address {margin:0;}
#footer ul {margin:0; padding:0; list-style:none;}
.footerSns li {display:inline-block; margin:0 5px;}
#footer .footerInfo ul {max-width:500px; margin:10px auto;}
.footerInfo li {display:inline-block; margin:0 3px 5px; line-height:1.5;}
.footerInfo .m_block {display:block;}
#footer .footerLogo {width:100px; height:20px; margin:0 auto 20px;}

/* Media Queries */
@media screen and (min-width:360px) {
	.news {padding:0 10px;}
	.about {padding:0 10px;}
	.about .titleWrap {padding:30px;}
	.searchWrap .searchCon  {padding:15px 110px 15px 15px;}
	.searchWrap .searchCon .form-control {height:42px; padding:5px 15px; font-size:16px;}
	.searchWrap .searchCon button[type="submit"] {top:15px; bottom:15px; right:15px; width:80px; font-size:15px;}
	.subFilter {margin:15px 20px;}
	.list {padding:0 12px;}
	.list .tile {float:left; width:50%; padding:0 8px;}
	.list .tile:nth-of-type(2n+1) {clear:left;}
	.list.listWide .tile {float:none; width:100%;}
	.list.listWide a {position:relative; border:none; background:#fafafa;}
	.list.listWide .tileTitle {border:none;}
	.list.listWide .tileTitle {position:absolute; top:0; left:0; width:50%; height:100%;}
	.list.listWide .tileTitle .titleBox {display:table; width:100%; height:100%;}
	.list.listWide .tileTitle .cell {display:table-cell; vertical-align:middle;}
	.list.listWide .tileTitle h3 {display:block; text-overflow:ellipsis; white-space:nowrap;}
	.list.listWide .tileImg {float:right; width:50%; padding-left:10px;}
	.list.listWide .tile:nth-of-type(2n) .tileTitle {left:auto; right:0;}
	.list.listWide .tile:nth-of-type(2n) .tileImg {float:left; padding-right:10px; padding-left:0;}
	.shopList {padding:0 10px;}
	.shopList .tile {float:left; width:50%;}
	.shopList .tile:nth-of-type(2n+1) {clear:left;}
	.shopList .overInfo .name {font-size:14px;}
	.shopList .overInfo .price {font-size:12px;}
	.shopList .loadMore button span {top:15px; left:15px;}
	.linkTile a {max-height:none;}
	.related .tileTitle {padding:30px 15px;}
	#footer {padding:0 20px;}
}
@media screen and (min-width:480px) {
	.list.listWide .tileTitle h3 {display:-webkit-box; white-space:normal; font-size:22px;}
	.list.listWide .tileTitle {padding:30px;}
	.list.listWide .tileTitle .summary {max-height:4.5em; -webkit-line-clamp:3;}
	.footerInfo .m_block {display:inline;}
}
@media screen and (min-width:480px) and (max-width:767px) {
	.news {padding:0 12px;}
	.news .tile {float:left; width:50%; padding:8px;}
	.news .tile:nth-of-type(2n+1) {clear:left;}
	.about {padding:0 12px;}
	.about .tile  {padding:8px;}
	.about .tile a {position:relative; border:none; background:#fafafa;}
	.about .tile .tileTitle {border:none;}
	.about .tile .titleWrap {height:auto;}
	.about .tile .tileTitle {position:absolute; top:0; left:0; width:50%; height:100%;}
	.about .tile .tileTitle .titleBox {display:table; width:100%; height:100%;}
	.about .tile .tileTitle .cell {display:table-cell; vertical-align:middle;}
	.about .tile .tileTitle .title {font-size:24px;}
	.about .tile .tileImg {float:right; width:50%; padding-left:10px;}
	.about .tile:nth-of-type(2n) .tileTitle {left:auto; right:0;}
	.about .tile:nth-of-type(2n) .tileImg {float:left; padding-right:10px; padding-left:0;}
}
@media screen and (max-width:767px) {
	.mSns {display:block;}
	.pSns {display:none;}
}
@media screen and (min-width:768px) {
	#noticePop {top:80px;}
	.container {margin:auto; padding:0 15px;}
	#content {margin-top:80px;}
	#header {height:80px;}
	.navbar-header>.container {position:relative;}
	.navbar-header h1 {width:150px;}
	.navbar-header .navbar-toggle {display:block;}
	.navbar-header .navbar-toggle .bar {width:20px; margin-left:-10px;}
	.navbar-header .navbar-toggle:hover .top {margin-left:-10px;}
	.navbar-header .navbar-toggle:hover .bottom {margin-left:-2px;}
	.dimmedBody .navbar-toggle .top,.dimmedBody .navbar-toggle:hover .top {width:20px; margin-left:-10px;}
	.dimmedBody .navbar-toggle .mid,.dimmedBody .navbar-toggle:hover .mid {width:20px;}
	.dimmedBody .navbar-toggle .bottom,.dimmedBody .navbar-toggle:hover .bottom {width:20px; margin-left:-10px;}
	.navbar-nav {padding:0;}
	#gnb {position:absolute; top:50%; left:0; width:100%; margin-top:-30px;}
	.heightHeader #gnb .navbar-collapse {top:80px;}
	.heightHeader #gnb .navbar-nav {padding-bottom:100px;}
	.heightHeader #gnb .navbar-nav li {margin:15px 0;}
	.heightHeader #gnb .navbar-nav a {padding:15px 0; font-size:28px;}
	.heightHeader #gnb .navbar-nav a:before,.heightHeader #gnb .navbar-nav a:before,.heightHeader #gnb .navbar-nav .on>a:before {height:80px; margin-top:-35px;}
	.heightHeader #gnb .navbar-nav .dropdown-menu {margin:15px 0;}
	.heightHeader #gnb .navbar-nav .dropdown-menu li {display:inline-block; margin:0 15px; font-size:20px;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {font-size:inherit;}
	.heightHeader #gnb .navbar-nav .dropdown .menuName:before {width:30px;}
	.heightHeader #gnb .navbar-nav .dropdown .menuName:after {height:30px; margin-top:-15px; margin-left:30px;}
	#util {right:75px; margin-top:-18px;}
	#util .headerSns {margin:0 5px;}
	#util .headerSns li {margin:0 1px;}
	.searchWrap .searchCon  {padding:15px 125px 15px 15px;}
	.searchWrap .searchCon .form-control {height:50px; font-size:20px;}
	.searchWrap .searchCon button[type="submit"] {width:95px; padding:0 15px; text-align:left; font-size:16px;}
	.searchWrap .searchCon button[type="submit"] .fa {display:inline-block; float:right; font-size:27px;}
	#keyVisual .item {min-height:500px;}
	.swipe .swipeControl {display:block; width:8%;}
	.swipe .caption .main {font-size:60px;}
	.swipe .caption .subMain {font-size:20px;}
	.swipe .caption .sub {font-size:14px; max-height:10.5em; -webkit-line-clamp:6;}
	.titlePosition .titleBox .titleCell {padding:80px;}
	.intro {margin-top:45px; margin-bottom:45px;}
	.intro .txt {padding:0 40px; font-size:16px;}
	.news {margin:0 -10px; padding:0;}
	.news .tile {float:left; width:33.33%;}
	.news .tile.double {width:66.66%;}
	.news .tiletype02,.news .tiletype04,.news .tiletype05,.news .tiletype07,.news .tiletype10 {clear:left;}
	.news .tiletype03,.news .tiletype06 {margin-top:-33.33%;}
	.news .tileTitle .category:after {margin:10px auto;}
	.news .tileTitle .viewProduct {margin-top:10px; padding:5px 0;}
	.linkTile a {padding:30px; font-size:20px;}

	.about {padding:0; margin:0 -10px;}
	.about .tile a {border:none;}
	.about .tileImg {float:right; width:50%; padding-left:5px;}
	.about .tileTitle {float:left; width:50%; max-height:506px;}
	.about .titleWrap {padding:0 45px;}
	.about .right .tileImg {float:left; padding-left:0; padding-right:5px;}
	.about .right .tileTitle {float:right;}
	.about .tileTitle .title {font-size:30px;}
	.about .tileTitle .summary {font-size:14px; max-height:6em; -webkit-line-clamp:4;}
	.about .tileTitle .viewmore {margin-top:25px; padding:10px 45px; font-size:14px;}

	h3.searchResult {font-size:24px;}
	.innerOutline {padding:60px 15px;}
	.subFilter {max-width:none; margin:30px auto; padding:0;}
	.subFilter .filterBtn {display:none;}
	.subFilter .filterGroup {display:block; position:static; padding:0;}
	.subFilter .filterGroup li {display:inline-block; margin:0 3px; border:none; background:none;}
	.subFilter .filterGroup li a {min-width:80px; padding:5px 15px; border:1px solid #cacaca; background:#fafafa;}
	.subFilter .filterGroup li a:hover span,.subFilter .filterGroup li a:focus span,.subFilter .filterGroup .active a span {text-decoration:underline;}
	.list {margin:0 -8px; padding:0;}
	.list .tile {width:33.33%;}
	.list .tile:nth-of-type(2n+1) {clear:none;}
	.list .tile:nth-of-type(3n+1) {clear:left;}
	.list .tileTitle .detailview,.related .tileTitle .detailview {padding:6px 35px;}
	.list .loadMore button {font-size:30px;}
	.list.listWide .tileTitle {padding:0 45px;}
	.list.listWide .tileTitle h3 {font-size:30px;}
	.list.listWide .tileTitle .subTitle {font-size:14px;}
	.list.listWide .tileTitle .detailview {margin-top:25px; padding:10px 45px; font-size:14px;}
	.shopList {margin:0 -10px; padding:0;}
	.shopList .tile {width:33.33%; margin-bottom:15px;}
	.shopList .tile:nth-of-type(2n+1) {clear:none;}
	.shopList .tile:nth-of-type(3n+1) {clear:left;}
	.shopList .loadMore button {font-size:30px;}
	.shopList .overInfo {font-size:14px;}
	.shopList .overInfo .category:after {margin:12px auto;}
	.shopList .overInfo .name {font-size:24px;}
	.shopList .overInfo .price {font-size:16px;}
	.shopList .overInfo .viewproduct {max-width:120px; margin-top:12px; padding:5px 0;}
	.shopList .loadMore button span {top:30px; left:30px;}
	.shop .detail {border:1px solid #ebebeb;}
	.mainNews .shopList .tile {width:33.33%;}
	.mainNews .shopList .tile:nth-of-type(2n+1),.mainNews .shopList .tile:nth-of-type(4n+1) {clear:none;}
	.mainNews .shopList .tile:nth-of-type(3n+1) {clear:left;}
	.mainNews .shopList .tile.linkTile {clear:left; float:right;}
	.linkTile a {height:auto !important;}
	.entry {min-height:700px;}
	.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {font-size:28px;}
	.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2 {font-size:18px;}
	.shareThis {padding-bottom:80px;}
	.related {margin:0;}
	.related h3 {margin-left:0;}
	.related .relatedWrap {margin:0 -5px;}
	.related .tile {width:25%;}
	.member #member {margin-top:160px;}
	#footer {padding:0;}
	#footer .footerInfo {padding:50px 15px;}
	#footer .footerInfo ul {max-width:640px; margin-top:15px; text-align:center;}
}
@media screen and (min-width:1024px) {
	.heightHeader #gnb .navbar-collapse {border:none;}
	.intro {margin-top:50px; margin-bottom:50px;}
	.about .titleWrap {padding:0 80px;}
	.news .tileThumb {margin-bottom:-120px; padding-bottom:120px;}
	.news .tile .product {padding:20px; font-size:18px;}
	#keyVisual .item {min-height:620px;}
	.topBg {height:250px;}
	.topBg .title {font-size:72px;}
	.topBg .bar {width:100px;}
	.topBg .subTitle {font-size:16px;}
	.innerOutline {padding:80px 15px;}
	.news .tile.double {width:33.33%;}
	.news .tiletype02,.news .tiletype04,.news .tiletype05,.news .tiletype07,.news .tiletype10 {clear:none;}
	.news .tiletype04,.news .tiletype07,.news .tiletype10 {clear:left;}
	.news .tiletype03,.news .tiletype06 {margin-top:0;}
	.list .titleWrap {height:110px;}
	.list .tileTitle h3 {font-size:20px;}
	.list .tileTitle p {font-size:13px;}
	.list .tile {width:25%;}
	.list .tile:nth-of-type(3n+1) {clear:none;}
	.list .tile:nth-of-type(4n+1) {clear:left;}
	.list .loadMore button .blank {height:206px;}
	.list.listWide .tileTitle {padding:0 80px;}
	.shopList .tile {width:25%; margin-bottom:20px;}
	.shopList .tile:nth-of-type(3n+1) {clear:none;}
	.shopList .tile:nth-of-type(4n+1) {clear:left;}
	.shopList .tile .product {padding:20px; font-size:18px;}
	.shopList .overInfo .viewproduct {max-width:140px; padding:8px 0;}
	.detail {padding-top:80px;}
	button.closer {width:60px; height:60px;}
	.related .tileImg {height:230px;}
	.related .tileTitle {padding:30px;}
	.shop .related .tile h4,.shop .related .tile p {font-size:18px;}
}
@media screen and (min-width:1280px) {
	.heightHeader #gnb .navbar-collapse .container {border-width:100px;}
	.heightHeader #gnb .navbar-nav a {font-size:36px;}
	.heightHeader #gnb .navbar-nav a:before,.heightHeader #gnb .navbar-nav a:before,.heightHeader #gnb .navbar-nav .on>a:before {height:100px; margin-top:-45px;}
	.swipe .caption .main {font-size:80px;}
	.swipe .caption .subMain {font-size:24px;}
	.titlePosition .titleBox .titleCell {padding:100px 120px;}
	.intro .txt {font-size:18px;}
	.news .tile {clear:left; width:16.66%;}
	.news .tile.double {width:33.33%;}
	.news .tiletype03 {margin-left:16.66%;}
	.news .tiletype04 {margin-top:-33.33%; margin-left:50%;}
	.news .tiletype05 {margin-top:-16.66%; margin-left:50%;}
	.news .tiletype06 {margin-left:66.66%;}
	.news .tiletype08 {margin-top:-33.33%; margin-left:33.33%;}
	.news .tiletype09 {margin-top:-16.66%; margin-left:33.33%;}
	.news .tiletype10 {margin-top:-33.33%; margin-left:50%;}
	.news .tiletype11 {float:right; margin-top:-33.33%;}
	.news .tileThumb {margin-bottom:-80px; padding-bottom:80px;}
	.news .tiletype02,.news .tiletype04,.news .tiletype05,.news .tiletype07,.news .tiletype10 {clear:left;}
	.news .tiletype04,.news .tiletype07,.news .tiletype10 {clear:none;}
	.news .tiletype03,.news .tiletype06 {margin-top:-33.33%;}
	.news .tile .product {padding:10px 15px; font-size:14px;}
	.news .linkTile {float:right; margin-top:-16.66%;}
	.linkTile a {font-size:20px;}
	.about {padding:0;}
	.about .tileImg {padding-left:10px;}
	.about .tileTitle {max-height:615px;}
	.about .titleWrap {padding:0 80px;}
	.about .right .tileImg {padding-right:10px;}
	.about .tileTitle .title {font-size:50px;}
	.about .tileTitle .summary {font-size:16px;}
	.about .tileTitle .viewmore {padding:15px 75px;}
	.intro {margin-top:60px; margin-bottom:60px;}
	.intro .img {max-width:450px;}
	.subFilter .filterGroup li a {padding:5px 25px;}
	.list .titleWrap {height:125px;}
	.list .tileTitle {padding:35px;}
	.list .tileTitle h3 {font-size:24px;}
	.list .loadMore button .blank {height:251px;}
	.list.listWide .tileTitle h3 {font-size:50px;}
	.list.listWide .tileTitle .subTitle {font-size:16px;}
	.list.listWide .tileTitle .detailview { padding:15px 75px;}
	.shopList .product .name {float:left; width:55%; margin:0; padding-right:15px;}
	.shopList .product .price {float:right; width:45%; text-align:right;}
	.shopList .overInfo .name {font-size:30px;}
	.shopList .overInfo .viewproduct {margin-top:25px;}
	.shop #shop .shopInfo .thumb {padding-right:30px;}
	.shop #shop .shopInfo .infoWrap {padding-left:30px;}
	.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {font-size:34px;}
	.shop .related .tileTitle h4 {float:left; width:65%; margin:0; padding-right:15px;}
	.shop .related .tileTitle p {float:right; width:35%; text-align:right;}
}
@media screen and (min-width:1600px) {
	#keyVisual .item {height:860px; min-height:860px;}
	.swipe .caption .main {font-size:100px;}
	.news .tileThumb {margin-bottom:-55px; padding-bottom:55px;}
	.news .tile .product .name {float:left; width:40%;}
	.news .tile .product .price {float:right; width:60%; text-align:right;}
	.linkTile a {padding:30px; font-size:24px;}

	.about .tileTitle {max-height:775px;}
	.about .titleWrap {padding:0 140px;}
	.list.listWide .tileTitle {padding:0 140px;}
}
@media screen and (min-width:1720px) {
	.navbar-header h1 {margin-left:0;}
	.titlePosition .titleBox .titleCell,.titlePosition.topBg .titleBox .titleCell {padding-left:0; padding-right:0;}
}