@charset "utf-8";
/*
Theme Name - Code Number : GYM-GREY - gg1510002
*/
.pxnv {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.pxnv_b {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.pxnv_l {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}

.dinn {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.dinn_b,.topBg .title span {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.dinn_l {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.dinn_ull {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}

/* common */
html,body {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;font-size:1em; color:#303030; line-height:1.75;}
a {color:#303030;}
a:hover,a:focus,a:active {text-decoration:none; color:inherit;}
hr {margin:0; border:none;}
.container {max-width:1280px; width:auto; margin:0 auto; padding:0;}
.shareThis {position:relative; max-width:1080px; margin:40px auto 20px; padding:24px 0; text-align:center; background:#f0f0f0;}
.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:#e47f22; background-color:#ed8322;}
#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:#ed8322;}
#wrap .pointBg,#accNav a,.shop .disPercent,.btnTop,.gotoHome a,.entry .swipe .indicator .active {background-color:#ed8322;}
#wrap .disPercent:before {border-color:transparent #ed8322 transparent transparent;}
#wrap .tabNav a:hover:before,#wrap .tabNav a:focus:before,#wrap .tabNav a:active:before,#wrap .tabNav .active a:before {border-color:#ed8322}
#confirmLayer a,#confirmLayer .txt:before,#confirmLayer .close button:hover,#confirmLayer .close button:focus,#confirmLayer .close button:active,
#member input[type="radio"]:checked+.icoCheck,#member input[type="checkbox"]:checked+.icoCheck,.searchWrap .searchCon button[type="submit"] {background-color:#ed8322;}
#confirmLayer a:hover,#confirmLayer a:focus,#confirmLayer 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:#e47f22;}

/* header */
.sw_reverse {display:none;}
.mainPage .sw_reverse,.mainPage.dimmedBody .sw_default,.mainPage #header.fix .sw_default {display:block;}
.mainPage .sw_default,.mainPage.dimmedBody .sw_reverse,.mainPage #header.fix .sw_reverse {display:none;}
#header.fix {height:62px; transition:height 0.3s;}
#header.fix .navbar-header {height:62px; padding:10px 0;}
#header.fix .navbar-header h1 {top:-42px;}
.dimmedBody #header.fix .navbar-header h1 {top:10px;}
#header {position:fixed; top:0; left:0; width:100%; height:0; z-index:998;}
#gnb {margin:0; border:none; border-radius:0; background:none; box-shadow:none; z-index:99;}
.navbar-header {position:relative; width:100%; height:72px; padding:15px 0; transition:all 0.3s; z-index:999;}
.navbar-header h1 {position:absolute; top:15px; left:15px; width:120px; height:42px; margin:0; padding:0; font-size:0; transition:top 0.3s;}
.navbar-header img {height:100%; vertical-align:top;}
.navbar-header a {float:none; height:auto; padding:0;}
.navbar-header .navbar-toggle {display:block; position:absolute; top:50%; right:0; float:none; width:42px; height:42px; margin:-21px 15px 0 0; padding:0; border:none; border-radius:100%; background-color:#fff; z-index:9; transition:all 0.3s;}
.icoMenu {display:block; position:absolute; top:50%; left:50%; width:16px; height:2px; margin-left:-8px; margin-top:-1px; background:#303030; transition:all 0.3s;}
.icoMenu.top {margin-top:-7px;}
.icoMenu.bottom {margin-top:5px;}
.navbar-toggle:hover .top {margin-top:-9px;}
.navbar-toggle:hover .bottom {margin-top:7px;}
.dimmedBody .navbar-toggle .top {margin-top:-1px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.dimmedBody .navbar-toggle .mid {transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); opacity:0;}
.dimmedBody .navbar-toggle .bottom {margin-top:-1px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.navbar-default .navbar-header .navbar-toggle:hover,.navbar-default .navbar-header .navbar-toggle:active,.dimmedBody .navbar-default .navbar-header .navbar-toggle,#header.fix .navbar-default .navbar-header .navbar-toggle,body:not(.mainPage) .navbar-default .navbar-header .navbar-toggle {background:#303030;}
.navbar-toggle:hover .icoMenu,.navbar-toggle:active .icoMenu,.dimmedBody .navbar-toggle .icoMenu,#header.fix .navbar-toggle .icoMenu,body:not(.mainPage) .navbar-toggle .icoMenu {background:#fff;}
.navbar-nav {-ms-overflow-style:none; overflow: -moz-scrollbars-none;}
.navbar-nav::-webkit-scrollbar {display:none;}
.navbar-nav a {display:block;}
.heightHeader #gnb .navbar-collapse {position:fixed; top:0; bottom:0; right:-100%; width:100%; height:100%; overflow:auto; padding:72px 0 115px; border:none; background:#fff; box-shadow:none; z-index:99;}
.heightHeader #gnb .navbar-nav {float:none; height:100%; max-width:1080px; overflow:auto; margin:0 auto; padding:0 0 60px;}
.heightHeader #gnb .navbar-nav li {float:none;}
.heightHeader #gnb .navbar-nav a {padding:15px 20px; font-size:24px; color:#303030; background:none;}
.heightHeader #gnb .navbar-nav a:hover,.heightHeader #gnb .navbar-nav a:focus,.heightHeader #gnb .navbar-nav a:active,.heightHeader #gnb .navbar-nav .on>a,.heightHeader #gnb .navbar-nav .open>a {color:#ed8322; background:none;}
.heightHeader #gnb .navbar-nav .dropdown.open {border-bottom:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu {position:static; float:none; min-width:0; width:100%; margin:0; padding:0; border:none; border-radius:0; background:none; box-shadow:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu a {font-size:18px; padding:5px 20px; color:#505050;}
.heightHeader #gnb .navbar-nav .dropdown-menu a:hover,.heightHeader #gnb .navbar-nav .dropdown-menu a:focus,.heightHeader #gnb .navbar-nav .dropdown-menu a:active,.heightHeader #gnb .navbar-nav .dropdown-menu .on>a {color:#ed8322;}
.heightHeader #gnb .navbar-nav .menu-3rd {display:none; padding:0; list-style:none;}
.heightHeader #gnb .navbar-nav .open .open .menu-3rd {display:block;}
.heightHeader #gnb .onMenu {display:none;}
.heightHeader #gnb .on>.onMenu,.heightHeader #gnb .open>.onMenu {display:block;}
.heightHeader #gnb .on>.onMenu+a,.heightHeader #gnb .open>.onMenu+a {display:none;}
.gnbDim {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.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:#303030;}
.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;}
.headerInfos {position:absolute; left:0; bottom:0; width:100%; padding:30px 20px; color:#303030;}
.headerInfos .container {max-width:1080px; margin:0 auto;}
.headerInfos .copy {margin:0; font-size:12px; line-height:1.3;}
.headerInfos .utils {margin-bottom:10px;}
.headerInfos .headerSns {display:inline-block; margin:0 0 0 -5px; padding:0; vertical-align:middle; list-style:none;}
.headerInfos .headerSns li {display:inline-block; position:relative; top:1px; width:22px; text-align:center; vertical-align:middle;}
#util {display:inline-block; vertical-align:middle;}
#util .searchBtn {width:26px; height:26px; margin-left:-2px; padding:0; font-size:0; line-height:1; color:#ed8322; 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; font-size:0; list-style:none; vertical-align:middle;}
#util li {display:inline-block;}
#util a {display:inline-block; width:26px; height:26px; background:url('../img/common/ico_util.png') left top no-repeat;}
#util li li {display:block; font-size:12px;}
#util li li a {display:block; width:auto; height:auto; color:#999; background:none;}
#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 .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 2px 5px rgba(0,0,0,0.15);}
#util .dropdown-menu a {padding:3px 15px;}
#util .dropdown-menu:before {content:""; position:absolute; top:-10px; left:50%; width:0; height:0; margin-left:-5px; border-style:solid; border-width:5px; border-color:transparent transparent #fff transparent;}
#util .dropdown-menu a:hover,#util .dropdown-menu a:focus,#util .dropdown-menu a:active {color:#666;}
#util .open .dropdown-menu {display:block;}
.lang {margin:10px 0 0; padding:0; list-style:none; text-align:center; font-size:0;}
.lang li {display:inline-block; position:relative; padding:0 15px; vertical-align:top;}
.lang li:before {content:""; position:absolute; top:50%; left:0; width:0; height:12px; margin-top:-6px; border-left:1px solid #c0c0c0;}
.lang li:first-child:before {display:none;}
.lang li a {display:block; padding:5px; font-size:14px; opacity:0.6;}
.lang .active a {opacity:1;}
/* keyVisual */
.swipe {position:relative; width:100%; overflow:hidden;}
.swipe a {display:block; width:100%; height:100%;}
.swipe .indicator {position:absolute; bottom:0; left:50%; z-index:9; width:60%; margin-left:-30%; margin-bottom:0; padding-left:0; padding-bottom:20px; text-align:center; list-style:none; line-height:1;}
.swipe .indicator li {display:inline-block; margin:0 5px; text-indent:-999em; vertical-align:middle; border-radius:100%; border:3px solid rgba(0,0,0,0.12); cursor:pointer;}
.swipe .indicator li:before {content:""; display:block; width:2px; height:2px; border-radius:100%; background:#fff;}
.swipe .indicator .active {border-width:2px;}
.swipe .indicator .active:before {width:5px; height:5px;}
.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;}
.promotion .item {height:569px; min-height:569px;}
.swipe .item video {position:absolute; width:100%; height:102%; object-fit:cover;}
.swipe .swipeControl {display:none; position:absolute; top:0; bottom:0; width:68px; 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:48px; height:48px; margin-top:-24px; margin-left:-24px; background:url('../img/common/btn_kv_arr.png') no-repeat; background-size:96px 96px; opacity:0.8; transition:opacity 0.3s;}
.swipe .swipeControl:hover .prev,.swipe .swipeControl:hover .next {opacity:1;}
.swipe .swipeControl.left .prev {background-position:0 0;}
.swipe .swipeControl.right .next {background-position:0 100%;}
.swipe .caption {color:#fff;}
.swipe .caption .main {margin:0 0 0.2em; font-size:50px; font-weight:normal; line-height:1.1; overflow:hidden; max-height:5.5em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5;}
.swipe .caption .sub {margin:0; font-size:15px; font-weight:normal; line-height:1.5; overflow:hidden; max-height:3em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.entry .swipe {padding-bottom:40px;}
.entry .swipe .item {height:auto; min-height:0;}
.entry .swipe .item img {max-width:100%;}
.entry .swipe .indicator {bottom:10px; padding-bottom:0;}
.entry .swipe .indicator li {width:10px; height:10px; margin:0 2px; border:none; background:#ccc;}
.entry .swipe .indicator li:before {display:none;}
.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; background-size:100%;}
.entry .swipe .swipeControl.left .prev {background-position:100% 0;}
.entry .swipe .swipeControl.right .next {background-position:100% 100%;}

/* title position */
.titlePosition .container {position:relative; width:auto; height:100%; z-index:1;}
.titlePosition .titleBox {display:table; position:static; width:100%; height:100%; padding-top:72px; padding-bottom:72px;}
.titlePosition .titleBox .titleCell {display:table-cell; padding:20px; text-align:left; 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;}

/* tile */
.tile a {display:block; position:relative; width:auto;}
.tileImg {overflow:hidden; background-size:cover;}
.tileTitle .title {margin:0 0 0.5em; font-size:16px; line-height:1.3;}
.tileTitle .subTitle {margin:0; font-size:12px; line-height:1.75;}

.imgtrsf img,.list01 .tileImg img {transition:transform 2.5s; -webkit-transition:-webkit-transform 2.5s; -moz-transition:-moz-transform 2.5s; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1);}
.imgtrsf a:hover img,.list01 a:hover .tileImg img {transform:scale(1.1);}

/* main */
.mainSection {padding-left:20px; padding-right:20px;}
.mainSection .container {max-width:1080px;}
.sectionTitle {max-width:80%; margin:0 auto; padding-bottom:35px; text-align:center; line-height:1.3;}
.sectionTitle .line {display:inline-block; width:40px; height:3px; margin-bottom:15px; vertical-align:top; background:#ed8322;}
.sectionTitle .main {margin:0 0 0.5em; font-size:24px; line-height:1.1;}
.sectionTitle .sub {margin:0; font-size:12px; line-height:1.75; color:#484848; overflow:hidden; max-height:5.25em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.viewmore {display:block; margin-top:25px; padding:15px 0; text-align:center; font-size:12px; font-weight:bold; line-height:1; color:#fff; background:#303030; transition:background-color 0.3s; box-shadow:0 2px 4px -2px rgba(0,0,0,0.3);}
.viewmore .fa {position:relative; margin-left:3px;}
.viewmore:hover,a:hover .viewmore {background-color:#ed8322;}

.mainGrid {padding-top:60px; padding-bottom:60px; background:#00000a;}
.mainGrid .sectionTitle .main {color:#ed8322;}
.mainGrid .sectionTitle .sub {color:#909090;}
.mainGrid .tileBox {margin:0 -2px;}
.mainGrid .tile {float:left; width:50%; padding:2px;}
.mainGrid .tile.double {float:none; clear:left; width:100%;}
.mainGrid .tileTitle {position:absolute; top:0; left:0; width:100%; height:100%; padding:15px; color:#fff; line-height:1.3; background:rgba(0,0,0,0.25);}
.mainGrid .tileTitle .line {display:none;}
.mainGrid .tileTitle .main {margin:0 0 0.5em; font-size:12px; font-weight:normal; line-height:1.1;}
.mainGrid .tileTitle .sub {display:none; line-height:1.75;}
.mainGrid .tileTitle .category {position:absolute; bottom:15px; left:15px; margin:0; font-size:10px;}
.mainGrid .double .tileTitle .main {font-size:21px;}
.mainGrid .double .tileTitle .category {font-size:12px;}

.mainRound {padding:60px 0 50px;}
.mainRound .swipe .swipeControl {display:block;}
.mainRound .swipe .swipeControl .prev,.mainRound .swipe .swipeControl .next {top:40%; margin-top:-54px;}
.mainRound .swipe .swipeControl.left .prev {background-position:100% 0;}
.mainRound .swipe .swipeControl.right .next {background-position:100% 100%;}
.mainRound .tileImg {width:40%; margin:0 auto 18px; border-radius:100%;}
.mainRound .tileTitle {max-width:360px; margin:0 auto; padding:0 40px; text-align:center; line-height:1.3;}
.mainRound .tileTitle .main {margin:0; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainRound .tileTitle .sub {margin:0; font-size:11px; color:#909090; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainRound .tileTitle .summary {margin:0.5em 0 0; font-size:12px; color:#909090; line-height:1.75; overflow:hidden; height:5.25em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.mainRound .viewmore {display:none;}

.mainSwipe {overflow:hidden; background:#00000a;}
.mainSwipe .swipeContainer {padding-left:20px; padding-right:20px;}
.mainSwipe .swipe {overflow:visible;}
.mainSwipe .swipe .item a {background:#000;}
.mainSwipe .swipe .swipeControl {display:block;}
.mainSwipe .swipe .swipeControl.left {left:-20px;}
.mainSwipe .swipe .swipeControl.right {right:-20px;}
.mainSwipe .tileImg {position:relative; opacity:0.65; transition:opacity 0.5s;}
.mainSwipe .tileImg:before {display:none; content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:6px solid #ed8322; z-index:1;}
.mainSwipe a:hover .tileImg {opacity:1;}
.mainSwipe a:hover .tileImg:before {display:block;}
.mainSwipe .tileTitle {position:absolute; bottom:0; left:0; width:100%; padding:0 50px 30px 30px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5);}
.mainSwipe .tileTitle .main {margin:0 0 0.5em; font-size:28px; line-height:1.3;}
.mainSwipe .tileTitle .sub {margin:0; font-size:12px; line-height:1.75;}
.mainSwipe .tileTitle .info {margin:0; font-size:11px;}

.newsSwipe {background:#f5f2f0;}
.newsSwipe .swipeContainer {padding:45px 5px; overflow:hidden;}
.newsSwipe .swipeContents {width:80%; overflow:visible;}
.newsSwipe .item a {width:auto; margin:0 5px;}
.newsSwipe .item .tileTitle {padding-top:18px;}
.newsSwipe .item .tileTitle .main {margin:0 0 0.5em; font-size:15px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsSwipe .item .tileTitle .sub {margin:0; font-size:12px; line-height:1.75; color:#909090; height:3.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.newsSwipe .item .tileTitle .viewmore {display:none; margin-top:1em;}
.newsSwipe .item .tileImg {position:relative;}
.newsSwipe .item .tileImg:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #ed8322; transition:border-width 0.3s;}
.newsSwipe .item a:hover .tileImg:before {border-width:8px;}

.mainBanner {padding-top:60px; padding-bottom:60px;}
.mainBanner .tileImg {margin-bottom:30px;}
.mainBanner .tileTitle .sub {color:#484848;}
.mainBanner .sectionTitle {max-width:none; padding-bottom:0; text-align:left;}

/* sub */
.subMain {background-position:50% 0 !important; background-size:100% auto;}
.tileList {max-width:1080px;}
.tileList .tileTitle .main {margin:0 0 0.5em; font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif; font-weight:normal; line-height:1.3;}
.tileList .tileTitle .sub {margin:0; font-size:12px; line-height:1.75; color:#787878;}
.tileList .viewmore {width:120px;}
.tileList .loadMore button {width:100%; padding:15px 0; text-align:center; font-size:14px; line-height:1; border:none; box-shadow:0 2px 4px -2px rgba(0,0,0,0.3);}
.tileList .noticeNews {display:none;}

.subFilter {margin:0 20px 40px; font-size:14px;}
.subFilter .filterBtn {display:block; position:relative; padding:13px 15px; color:#181818; background:#fff;}
.subFilter .filterBtn:after {content:""; position:absolute; top:50%; right:15px; width:0; height:0; margin-top:-3px; border-width:6px; border-style:solid; border-color:transparent; border-top-color:#181818;}
.subFilter.open .filterBtn:after {margin-top:-9px; border-top-color:transparent; border-bottom-color:#181818;}
.subFilter .filterGroup {float:none; width:100%; min-width:0; margin:0; padding:0; border-radius:0; border:none; border-top:1px solid #f0f0f0; background:#fff;}
.subFilter .filterGroup>li>a {padding:13px 15px; color:#a1a1a1; line-height:1; border-bottom:1px solid #f0f0f0;}
.subFilter .filterGroup>li>a span {display:inline-block; padding-bottom:1px; vertical-align:top;}
.subFilter .filterGroup>li>a:hover,.subFilter .filterGroup>li>a:focus,.subFilter .filterGroup>.active>a,.subFilter .filterGroup>.active>a:hover,.subFilter .filterGroup>.active>a:focus {color:#181818; background:none;}
.subFilter .filterGroup>.active>a span,.subFilter .filterGroup>.active>a:hover span,.subFilter .filterGroup>.active>a:focus span {border-bottom:1px solid #181818;}

.list01 {background:#f0f0f0;}
.list01 .news {padding:0 10px;}
.list01 .tile {margin-bottom:20px; padding:0 10px;}
.list01 .tile a {box-shadow:0 2px 4px -2px rgba(0,0,0,0.3);}
.list01 .tileTitle {padding:20px; background:#fff;}
.list01 .tileTitle .main {font-size:14px;}
.list01 .tileTitle .viewmore {display:none;}
.list01 .noticeNews {display:block; margin-bottom:20px;}
.list01 .noticeNews .tile:last-of-type {position:relative;}
.list01 .noticeNews .tile:last-of-type .tileTitle:after {content:""; position:absolute; top:100%; margin-top:20px; left:0; width:100%; border-top:1px solid #dadada;}
.list01 .noticeNews .tileTitle .main {font-size:18px;}
.list01 .noticeNews .tileTitle .sub {font-size:13px;}
.list01 .loadMore {margin:20px 20px 60px;}
.list01 .loadMore button {background:#ed8322;}
.shop.list01 .noticeNews .tileTitle .main {display:block; height:auto; white-space:nowrap;}
.shop.list01 .tileList .tileTitle .sub,.shop.list01 .noticeNews .tileTitle .sub {display:block; text-overflow:ellipsis; white-space:nowrap; height:auto;}
.shop.list01 .price {font-size:12px; line-height:1.75; height:3.5em;}
.shop.list01 .price .fixed {color:#aaa; text-decoration:line-through;}

.list02 {background:#ed8322;}
.list02 .news {padding:0 10px;}
.list02 .tile {margin-bottom:60px; padding:0 10px;}
.list02 .tileTitle {width:70%; max-width:320px; margin:0 auto; text-align:center;}
.list02 .tileTitle .main {margin:0 auto; font-size:15px;}
.list02 .tileTitle .sub {margin:0; color:#484848;}
.list02 .tileTitle .viewmore {margin-left:auto; margin-right:auto; color:#fff;}
.list02 .tileTitle .viewmore:hover,.list02 a:hover .tileTitle .viewmore {color:#303030; background-color:#fff;}
.list02 .tileImg {width:60%; max-width:320px; margin:0 auto 18px; border-radius:100%; background-color:#fff;}
.list02 .loadMore {margin:0 20px 60px;}
.list02 .loadMore button {background:#fff;}
.list02 .topBg .title {color:#fff;}
.list02 .topBg .title span {color:#303030;}
.list02 .topBg .line {background:#fff;}

.list03 {background:#f0f0f0;}
.list03 .news {padding:0 20px;}
.list03 .tile {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #dadada;}
.list03 .tileTitle .main {font-size:18px;}
.list03 .tileTitle .sub {margin:0; color:#484848;}
.list03 .tileTitle .viewmore {color:#787878; background:#fff;}
.list03 .tileTitle .viewmore:hover,.list03 a:hover .tileTitle .viewmore {color:#303030; background-color:#ed8322;}
.list03 .tileImg {display:none;}
.list03 .loadMore {margin:0 20px 60px;}
.list03 .loadMore button {background:#ed8322;}

h3.searchResult {margin:0 0 0.5em; padding:0 20px; font-size:18px; text-align:center;}
.gotoHome {margin-top:60px; margin-bottom:100px; 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.titlePosition .container {height:auto;}
.topBg.titlePosition .titleBox {display:block; height:auto; padding-bottom:0;}
.topBg.titlePosition .titleBox .titleCell {display:block; padding:10px 20px 50px;}
.topBg.titlePosition .titleCell.pos_tl,.topBg.titlePosition .titleCell.pos_tc,.topBg.titlePosition .titleCell.pos_tr {padding-top:10px; padding-bottom:50px;}
.topBg.titlePosition .titleCell.pos_ml,.topBg.titlePosition .titleCell.pos_mc,.topBg.titlePosition .titleCell.pos_mr {padding-top:30px; padding-bottom:30px;}
.topBg.titlePosition .titleCell.pos_bl,.topBg.titlePosition .titleCell.pos_bc,.topBg.titlePosition .titleCell.pos_br {padding-top:50px; padding-bottom:10px;}
.topBg .title {margin:0 0 0.2em; font-size:50px; line-height:1.1;}
.topBg .subTitle {max-width:66.66%; margin:0; font-size:14px; line-height:1.75;}
.topBg .line {display:inline-block; width:40px; height:3px; margin-top:15px; vertical-align:top; line-height:1; background:#ed8322;}

/* info */
#content .infoOutline {position:relative; width:auto; padding:72px 0 0;}
#content .innerOutline {position:relative; padding:0 15px 40px;}
.innerOutline #bbs,.innerOutline #shop,.innerOutline #member {max-width:1080px; margin:0 auto;}
.detail {position:relative; padding-top:55px; padding-left:15px; padding-right:15px;}
.entry {position:relative; max-width:920px; min-height:300px; margin:0 auto; padding:0; line-height:1.75;}
.info .detail_wide .pages>*,.info .detail_wide header,.info .detail_wide .infourl,.info .detail_wide .downFile,.info .detail_wide #shop.shopView header,
.info .detail_wide #shop.shopView .shopInfo,.info .detail_wide #shop .tales .nav,.info .detail_wide #shop .goodnoti,.info .detail_wide #shop .goodqna {max-width:980px;} /* 본문 기본 사이즈. entry의 max-width값이 들어감 */
.entry header {margin-bottom:30px;}
.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {margin:0 0 0.3em; font-size:30px; text-align:center; line-height:1.3;}
.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2 {margin:0; font-size:14px; font-weight:normal; text-align:center; line-height:1.75;}
.entry,.entry .pages {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.bbs #bbs header {display:none;}
#bbs .board {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.shop #shop.shopView {max-width:920px; margin-bottom:0; padding-top:0;}
.shop #shop.shopView header {padding-bottom:0; border-bottom:none;}
.shopView .dtCont {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
button.closer {position:absolute; top:0; right:15px; width:42px; height:42px; padding:0; text-indent:-999em; border:none; border-radius:100%; background:#f0f0f0 url('../img/common/icon_layer_close.png') center center no-repeat; transition:background-color 0.5s; z-index:9; transition:all 0.3s;}
button.closer:hover,button.closer:focus {background-color:#eaeaea;}
#content button.closer.bottomCloser {bottom:0;}
.related {max-width:1080px !important; margin:0 auto 20px; padding:0 5px;}
.related h3 {margin:30px 0 20px 5px; font-size:16px;}
.related .tile {width:50%; margin:0; padding:0 5px;}
.related .tile a {border-radius:2px 2px 3px 3px; box-shadow:0 2px 5px -1px rgba(0,0,0,0.1);}
.related .tileTitle {position:relative; padding:20px;}
.related .tile h4 {overflow:hidden; margin:0 0 0.5em; font-size:14px; line-height:1.3; height:1.3em; white-space:nowrap; text-overflow:ellipsis;}
.related .tile h5 {overflow:hidden; margin:0; font-size:13px; font-weight:normal; color:#999; line-height:1.75; height:3.5em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

/* footer */
#footer {padding-top:35px; padding-bottom:35px; text-align:center; font-size:11px; color:#999; background:#1a1a1a;}
#footer .container {padding-left:15px; padding-right:15px;}
#footer p,#footer address {margin:0;}
#footer a {color:inherit;}
#footer ul {margin:0; padding:0; list-style:none;}
.footerLogo {width:160px; margin:0 auto 15px;}
.footerLogo img {max-width:100%;}
.footerSns li {display:inline-block; margin:0 3px; vertical-align:top; font-size:10px;}
.footerSns a:hover {text-decoration:underline;}
#footer .copy {margin:1em 0 0;}

/* Media Queries */
@media screen and (min-width:320px) {

}
@media screen and (min-width:360px) {
	.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;}
}
@media screen and (max-width:767px) {
	.heightHeader #gnb .navbar-nav .open .dropdown-menu {display:block !important;}
}
@media screen and (min-width:768px) {
	#header.fix {height:68px;}
	#header.fix .navbar-header {height:68px; padding:10px 0;}
	#header.fix .navbar-header h1 {top:-83px;}
	.dimmedBody #header.fix .navbar-header h1 {top:10px;}
	#header.fix .navbar-toggle {top:10px;}
	.navbar-header {height:83px; padding:35px 0 0;}
	.navbar-header h1 {top:35px; left:42px; width:160px; height:48px;}
	.navbar-header .navbar-toggle {width:48px; height:48px; top:35px; margin-top:0; margin-right:42px;}
	.heightHeader #gnb .navbar-collapse {padding:140px 60px 90px;}
	.heightHeader #gnb .navbar-nav a {padding:15px 0; font-size:48px; line-height:1;}
	.heightHeader #gnb .navbar-nav .dropdown-menu {position:absolute; top:2em; left:66.66%; width:33.33%;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {height:auto; padding:8px 0; font-size:24px;}
	.heightHeader #gnb .navbar-nav .menu-3rd a {padding-left:35px;}
	.heightHeader .gnbDim {display:none !important;}
	.headerInfos {padding:30px 60px;}
	.lang li {padding:0 2px;}
	.lang li:before {border-left-color:inherit; opacity:0.6;}
	.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;}
	.promotion .item {min-height:1024px;}
	.swipe .swipeControl {display:block; width:108px;}
	.swipe .swipeControl .prev, .swipe .swipeControl .next {width:72px; height:72px; margin-top:-36px; margin-left:-36px; background-size:144px 144px;}
	.swipe .caption .main {font-size:110px;}
	.swipe .caption .sub {font-size:30px;}
	.swipe .indicator {padding-bottom:40px;}
	.swipe .indicator li {width:16px; height:16px; border-width:6px; transition:border-width 0.2s;}
	.swipe .indicator li:before {width:4px; height:4px; transition:width 0.2s, height 0.2s;}
	.swipe .indicator li:hover,.swipe .indicator .active {border-width:3px;}
	.swipe .indicator li:hover:before,.swipe .indicator .active:before {width:10px; height:10px;}
	.titlePosition .titleBox {padding-top:118px; padding-bottom:118px;}
	.titlePosition .titleBox .titleCell {padding:20px 60px;}
	.topBg.titlePosition .titleBox .titleCell {padding:30px 60px 70px;}
	.topBg.titlePosition .titleCell.pos_tl,.topBg.titlePosition .titleCell.pos_tc,.topBg.titlePosition .titleCell.pos_tr {padding-top:30px; padding-bottom:70px;}
	.topBg.titlePosition .titleCell.pos_ml,.topBg.titlePosition .titleCell.pos_mc,.topBg.titlePosition .titleCell.pos_mr {padding-top:50px; padding-bottom:50px;}
	.topBg.titlePosition .titleCell.pos_bl,.topBg.titlePosition .titleCell.pos_bc,.topBg.titlePosition .titleCell.pos_br {padding-top:70px; padding-bottom:30px;}

	.mainSection {padding-left:60px; padding-right:60px;}
	.sectionTitle {padding-bottom:55px;}
	.sectionTitle .line {width:80px; height:6px; margin-bottom:25px;}
	.sectionTitle .main {font-size:36px;}
	.sectionTitle .sub {font-size:16px;}
	.viewmore {width:120px; padding:12px 0; font-size:13px;}
	.mainGrid {padding-top:100px; padding-bottom:100px;}
	.mainGrid .tileBox {margin:0 -6px;}
	.mainGrid .tile {width:25%; padding:6px;}
	.mainGrid .tile.double {float:left; clear:none; width:50%;}
	.mainGrid .tile2 {clear:left;}
	.mainGrid .tile4 {margin-top:-50%;}
	.mainGrid .tile5 {margin-top:-50%; margin-left:25%;}
	.mainGrid .tile6 {margin-top:-25%;}
	.mainGrid .tileTitle {padding:20px;}
	.mainGrid .tileTitle .main {font-size:14px;}
	.mainGrid .tileTitle .category {left:20px; bottom:20px; font-size:12px;}
	.mainGrid .double .tileTitle .main {font-size:24px;}
	.mainRound {padding-top:100px; padding-bottom:100px;}
	.mainRound .swipeContents {width:33.33%; margin:0; overflow:visible;}
	.mainRound .swipe .swipeControl {display:none;}
	.mainRound .tile a {margin-left:24px; margin-right:24px;}
	.mainRound .tileImg {width:auto;}
	.mainRound .tileTitle {max-width:none; padding:0;}
	.mainRound .tileTitle .main {margin-bottom:0.2em; font-size:18px;}
	.mainRound .tileTitle .sub {font-size:13px;}
	.mainRound .tileTitle .summary {margin-top:1.2em; font-size:14px;}
	.mainRound .viewmore {display:block; margin-left:auto; margin-right:auto;}
	.mainSwipe {position:relative;}
	.mainSwipe .swipeContainer {padding-left:60px; padding-right:60px;}
	.mainSwipe .swipe {position:static; width:50%;}
	.mainSwipe .swipe .swipeControl.left {left:0;}
	.mainSwipe .swipe .swipeControl.right {right:0;}
	.mainSwipe .tileTitle {padding:0 70px 30px 40px;}
	.mainSwipe .tileTitle .main {font-size:36px; word-break:keep-all;}
	.mainSwipe .tileTitle .sub {font-size:14px;}
	.mainSwipe .tileTitle .info {font-size:13px;}
	.newsSwipe .swipeContainer {padding:90px 15px 65px;}
	.newsSwipe .swipeContents {width:50%;}
	.newsSwipe .swipe .item:nth-of-type(2n+1) {clear:left;}
	.newsSwipe .item a {margin:0 15px;}
	.newsSwipe .item .tileTitle {padding-top:0;}
	.newsSwipe .item .tileTitle .sub {font-size:14px;}
	.newsSwipe .item.bigT {margin-bottom:55px;}
	.newsSwipe .item.bigT .tileTitle {padding-top:25px;}
	.newsSwipe .item.bigT .tileTitle .main {font-size:16px;}
	.newsSwipe .item.bigT .tileTitle .viewmore {display:inline-block;}
	.newsSwipe .item.smallT {margin-bottom:25px;}
	.newsSwipe .item.smallT .tileImg {float:left; width:105px;}
	.newsSwipe .item.smallT .tileTitle {margin-left:125px;}
	.newsSwipe .item.smallT .tileTitle .main {font-size:14px;}
	.mainBanner {padding-top:100px; padding-bottom:100px;}
	.mainBanner .tileImg {float:left; width:324px; margin-bottom:0;}
	.mainBanner .tileTitle {margin-left:324px; padding-left:36px;}

	.topBg .title {font-size:110px;}
	.topBg .subTitle {font-size:30px;}
	.topBg .line {width:80px; height:6px; margin-top:25px;}

	.tileList .tileTitle .main {height:2.6em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.tileList .tileTitle .sub {font-size:12px; height:5.25em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
	.tileList .loadMore button {padding:20px 0; font-size:16px;}
	.subFilter {margin:0 60px 60px;}
	.subFilter .filterGroup {display:block; position:static; border:none; border-top:none; text-align:center; font-size:0; box-shadow:0 1px 3px -1px rgba(0,0,0,0.1);}
	.subFilter .filterGroup li {display:inline-block; font-size:15px;}
	.subFilter .filterGroup>li>a {height:65px; padding:25px 20px 0; border:none;}
	.list01 .news {padding:0 50px;}
	.list01 .tile {float:left; width:33.33%;}
	.list01 .tileTitle .main {font-size:16px; height:1.3em; display:block; text-overflow:ellipsis; white-space:nowrap;}
	.list01 .noticeNews .tile {width:50%;}
	.list01 .noticeNews .tileTitle .main {font-size:22px; display:-webkit-box; height:2.6em; white-space:normal;}
	.list01 .noticeNews .tileTitle .sub {font-size:14px;}
	.list01 .noticeNews .tile:last-of-type .tileTitle:after {display:none;}
	.list01 .loadMore {margin:30px 60px 80px;}
	.list02 .news {padding:0 30px;}
	.list02 .tile {float:left; margin-bottom:80px; width:33.33%;}
	.list02 .tileImg {width:80%; max-width:none; margin-bottom:25px;}
	.list02 .tileTitle {width:80%; max-width:none;}
	.list02 .tileTitle .main {display:block; height:1.3em; font-size:18px; text-overflow:ellipsis; white-space:nowrap;}
	.list02 .tileTitle .sub {display:block; height:1.75em; text-overflow:ellipsis; white-space:nowrap;}
	.list02 .loadMore {margin:-20px 60px 80px;}
	.list03 .news {padding:0 30px;}
	.list03 .tile {float:left; margin-bottom:60px; width:33.33%; padding:0 30px; border-bottom:none; border-left:1px solid #dadada;}
	.list03 .tile:nth-of-type(3n+1) {clear:left; border-left:none;}
	.list03 .tileTitle .main {font-size:24px;}
	.list03 .loadMore {margin:30px 60px 80px;}

	#content .infoOutline {padding-top:90px;}
	#content .innerOutline {padding:0 15px 60px;}
	button.closer {right:42px; width:48px; height:48px;}
	h3.searchResult {font-size:24px;}
	.gotoHome {margin-top:80px;}
	.detail {padding-left:60px; padding-right:60px;}
	.entry {min-height:700px;}
	.entry header {margin-bottom:50px;}
	.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {font-size:42px;}
	.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2 {font-size:15px;}
	.shareThis {margin-top:60px; margin-bottom:40px;}
	.related {margin-bottom:60px;}
	.related .tile {width:25%;}
	.related .tileTitle {padding:30px 20px;}
	#footer {padding-top:52px; padding-bottom:52px; font-size:12px;}
	.footerSns li {margin:0 12px; font-size:12px;}
}
@media screen and (min-width:992px) {
	.container {padding:0;}
	.innerOutline {padding:60px 0 80px;}
}
@media screen and (min-width:1280px) {
	.container {width:auto;}
	#header.fix {height:54px; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2);}
	#header.fix .navbar-header {height:54px;}
	#header.fix .navbar-header h1 {top:0;}
	#header.fix #gnb .navbar-nav>li>a {padding-top:20px; padding-bottom:18px;}
	#header.fix #gnb .navbar-nav .dropdown-menu {top:54px; margin-top:0;}
	#header.fix #util .searchBtn {background-position:0 0;}
	.mainPage .heightHeader #gnb .navbar-nav>li>a {color:#fff;}
	.mainPage #header.fix #gnb .navbar-nav>li>a {color:#1e1e1e;}
	.mainPage .heightHeader #gnb .navbar-nav>li>a:hover,.mainPage .heightHeader #gnb .navbar-nav>li>a:focus,.mainPage .heightHeader #gnb .navbar-nav>li>a:active,.mainPage .heightHeader #gnb .navbar-nav>.on>a,.mainPage .heightHeader #gnb .navbar-nav>.open>a,
	.mainPage #header.fix #gnb .navbar-nav>li>a:hover,.mainPage #header.fix #gnb .navbar-nav>li>a:focus,.mainPage #header.fix #gnb .navbar-nav>li>a:active,.mainPage #header.fix #gnb .navbar-nav>.on>a,.mainPage #header.fix #gnb .navbar-nav>.open>a
	{color:#ed8322;}
	.mainPage #util .searchBtn,.mainPage #util .searchBtn:hover,.mainPage #util .searchBtn:focus,.mainPage #util .searchBtn:active {background-position:-52px 0;}
	.navbar-header {float:left; width:120px; height:94px; padding-top:23px;}
	.navbar-header h1 {top:23px;}
	.navbar-header .navbar-toggle {display:none;}
	#gnb {position:relative;}
	.heightHeader #gnb .navbar-collapse {position:static; float:right; width:auto; overflow:visible; margin-right:60px; padding:0; background:none !important;}
	.heightHeader #gnb .navbar-nav {overflow:visible; padding:0;}
	.heightHeader #gnb .navbar-nav>li {float:left;}
	.heightHeader #gnb .navbar-nav a {padding:42px 25px 38px; font-size:16px; transition:padding 0.3s;}
	.heightHeader #gnb .navbar-nav a:hover, .heightHeader #gnb .navbar-nav a:focus, .heightHeader #gnb .navbar-nav a:active, .heightHeader #gnb .navbar-nav .on>a, .heightHeader #gnb .navbar-nav .open>a {color:#ed8322;}
	.heightHeader #gnb .navbar-nav>li:last-child>a {padding-right:0;}
	.heightHeader #gnb .navbar-nav .dropdown-menu {position:absolute; top:100%; left:0; min-width:160px; width:auto; margin-top:-18px; padding:15px 0; background:#ed8322; transition:top 0.3s, margin-top 0.3s;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .submenuAll {display:none;}
	.heightHeader #gnb .navbar-nav li:last-child .dropdown-menu {left:auto; right:-35px;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {padding:8px 25px; font-size:15px; color:#fff; opacity:0.8;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a:hover,.heightHeader #gnb .navbar-nav .dropdown-menu a:focus,.heightHeader #gnb .navbar-nav .dropdown-menu a:active,.heightHeader #gnb .navbar-nav .dropdown-menu .on>a {color:#fff; opacity:1;}
	.headerInfos {left:auto; right:0; top:50%; bottom:auto; width:auto; margin-top:-14px; padding:0; line-height:1;}
	.headerInfos .utils {margin:0;}
	.headerInfos .copy {display:none;}
	.promotion .item {min-height:1080px; height:1080px;}
	.swipe .swipeControl {width:248px;}
	.swipe .caption .main {font-size:140px;}
	.titlePosition .titleBox .titleCell {padding:30px 100px;}
	.topBg.titlePosition .titleBox .titleCell {padding:50px 100px 100px;}
	.topBg.titlePosition .titleCell.pos_tl,.topBg.titlePosition .titleCell.pos_tc,.topBg.titlePosition .titleCell.pos_tr {padding-top:50px; padding-bottom:100px;}
	.topBg.titlePosition .titleCell.pos_ml,.topBg.titlePosition .titleCell.pos_mc,.topBg.titlePosition .titleCell.pos_mr {padding-top:75px; padding-bottom:75px;}
	.topBg.titlePosition .titleCell.pos_bl,.topBg.titlePosition .titleCell.pos_bc,.topBg.titlePosition .titleCell.pos_br {padding-top:100px; padding-bottom:50px;}

	.sectionTitle {max-width:64%; padding-bottom:75px;}
	.sectionTitle .main {font-size:42px;}
	.sectionTitle .sub {font-size:16px;}
	.mainGrid {padding-top:120px; padding-bottom:120px;}
	.mainGrid .tileBox {margin:0 -12px;}
	.mainGrid .tile {padding:12px;}
	.mainGrid .tileTitle {padding:40px; background:rgba(0,0,0,0.6); opacity:0; transition:opacity 0.5s;}
	.mainGrid .tileTitle .line {display:block; width:24px; height:1px; margin:25px 0; background:rgba(255,255,255,0.5);}
	.mainGrid .tileTitle .main {margin:0; font-size:18px;}
	.mainGrid .tileTitle .category {position:static; font-size:13px;}
	.mainGrid .double .tileTitle .line {width:48px;}
	.mainGrid .double .tileTitle .main {font-size:42px;}
	.mainGrid .double .tileTitle .sub {display:block; margin-bottom:2em; font-size:16px;}
	.mainGrid .double .tileTitle .category {font-size:13px;}
	.mainGrid a:hover .tileTitle {opacity:1;}
	.mainRound {padding-top:120px; padding-bottom:120px;}
	.mainRound .tile a {margin-left:40px; margin-right:40px;}
	.mainRound .tileImg {width:160px;}
	.mainRound .tileTitle .main {font-size:28px;}
	.mainRound .tileTitle .sub {font-size:14px;}
	.mainRound .tileTitle .summary {font-size:16px;}
	.mainSwipe .swipeContainer {width:1080px; margin:0 auto; padding:0;}
	.mainSwipe .tileTitle {padding:0 90px 60px 60px;}
	.mainSwipe .tileTitle .main {font-size:48px;}
	.mainSwipe .tileTitle .sub {font-size:16px;}
	.newsSwipe .swipeContainer {padding-left:25px; padding-right:25px;}
	.newsSwipe .swipeContents {width:33.33%;}
	.newsSwipe .swipe .item:nth-of-type(2n+1) {clear:none;}
	.newsSwipe .swipe .item.bigT {margin-bottom:25px;}
	.newsSwipe .swipe .item.smallT {float:none;}
	.mainBanner {padding-top:120px; padding-bottom:120px;}
	.mainBanner .tileImg {width:540px;}
	.mainBanner .tileTitle {margin-left:540px; padding-top:85px; padding-left:60px;}
	.mainBanner .tileTitle .main {font-size:48px;}
	.mainBanner .tileTitle .sub {max-height:8.75em; -webkit-line-clamp:5;}
	.mainBanner .tileTitle .viewmore {width:250px; margin-top:50px; padding:20px 0; font-size:16px;}

	.tileList .tileTitle .sub {font-size:14px;}
	.tileList .loadMore button {padding:25px 0; font-size:18px;}
	.subFilter {margin:0 0 80px;}
	.list01 .news {padding:0; margin:0 -12px;}
	.list01 .tile {margin-bottom:24px; padding:0 12px;}
	.list01 .tileTitle {padding:30px;}
	.list01 .tileTitle .main {font-size:18px;}
	.list01 .noticeNews {margin-bottom:48px;}
	.list01 .noticeNews .tileTitle {padding:35px 30px;}
	.list01 .noticeNews .tileTitle .main {font-size:26px;}
	.list01 .noticeNews .tileTitle .sub {font-size:16px;}
	.list01 .loadMore {margin:36px 0 100px;}
	.shop.list01 .price {font-size:14px;}
	.list02 .news {padding:0; margin:0 -12px;}
	.list02 .tile {margin-bottom:120px; padding:0 12px;}
	.list02 .tileImg {width:210px;}
	.list02 .tileTitle {width:80%; font-size:21px;}
	.list02 .loadMore {margin:-50px 0 100px;}
	.list03 .news {padding:0; margin:0 -50px;}
	.list03 .tile {margin-bottom:100px; padding:0 50px;}
	.list03 .tileTitle .main {font-size:28px;}
	.list03 .loadMore {margin:0 0 100px;}

	h3.searchResult {margin-bottom:0; font-size:36px;}
	.gotoHome {margin-top:120px;}
	.detail {padding-top:60px;}
	.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {font-size:54px;}
	.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2 {font-size:16px;}
	.related {margin-bottom:80px; padding:0 12px;}
	.related .tile {padding:0 12px;}
	.gotoHome {margin-bottom:200px;}
	.topBg .title {font-size:140px;}
	.topBg .line {margin-top:80px;}
	#footer {padding-top:72px; padding-bottom:72px;}
	#footer .container {position:relative;}
	.footerLogo {position:absolute; top:50%; left:0; margin-top:-23px;}
}
@media screen and (min-width:1300px) {
	.navbar-header h1 {left:0;}
	.navbar-header .navbar-toggle {margin-right:0;}
	button.closer {right:50%; margin-right:-640px;}
}
@media screen and (min-width:1440px) {
	.shareThis {margin-top:60px; margin-bottom:60px;}
	.related {padding:0;}
	.related h3 {margin-left:0;}
	.related .relatedWrap {margin:0 -12px;}
}