@charset "utf-8";
/*
Theme Name - Code Number : HEADPHONE-GREY - hg1511002
*/

/* common */
div#noticePop {top:50px;}
html,body {font-family:"NBG","Apple SD Gothic","Malgun Gothic",Arial,"돋움",Dotum,sans-serif; font-size:1em; color:#333; line-height:1.75; background:#f7f7f7;}
a {color:#333;}
a:hover,a:focus,a:active {text-decoration:none; color:inherit;}
hr {margin:0; border:none;}
.NBG_light {font-family:"NBG_light","Malgun Gothic",Arial,"돋움",Dotum,sans-serif; font-weight:normal;}
.container {max-width:1080px; width:auto; margin:0 auto; padding:0;}
.shareThis {position:relative; padding:30px 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;}
/*
.touchActive {position:relative;}
.touchActive:after {content:""; display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.1);}
 */
/* 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:#f2af0e; background-color:#fdb813;}
#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:#fdb813;}
#wrap .pointBg,#accNav a,.container .disPercent,.btnTop,.gotoHome a,.swipe .indicator .active,.entry .swipe .indicator .active {background-color:#fdb813;}
#wrap .disPercent:before {border-color:transparent #fdb813 transparent transparent;}
#wrap .tabNav a:hover:before,#wrap .tabNav a:focus:before,#wrap .tabNav a:active:before,#wrap .tabNav .active a:before {border-color:#fdb813}
#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:#fdb813;}
#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,button.closer:hover,button.closer:focus,button.closer:active {background-color:#f2af0e;}

/* header */
#header {position:fixed; top:0; left:0; width:100%; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.2); z-index:999;}
#header>.container {max-width:1440px;}
#gnb {margin:0; border:none; border-radius:0; background:none; box-shadow:none; z-index:99;}
.navbar-header {float:none; position:relative; height:50px; padding:5px 0; z-index:9;}
.navbar-header h1 {position:absolute; left:15px; width:90px; height:40px; margin:0; padding:0; font-size:0;}
.navbar-header img {height:100%; vertical-align:top;}
.navbar-header a {float:none; height:auto; padding:0;}

#header .navbar-toggle {display:block; position:absolute; top:50%; right:0; width:50px; height:50px; margin:-25px 0 0 0; padding:15px; border:none; border-radius:0; background:none; z-index:999;}
.icoMenu {position:absolute; left:50%; top:50%; width:22px; height:2px; margin-left:-11px; background:#fff; transition:all 0.3s ease-in;
	transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	-webkit-transform-origin:50% 50%;
}
.icoMenu.lineTop {margin-top:-8px;}
.icoMenu.lineMid {margin-top:-1px;}
.icoMenu.lineBottom {margin-top:6px;}
.navbar-toggle:hover .icoMenu.lineTop {margin-top:-9px;}
.navbar-toggle:hover .icoMenu.lineBottom {margin-top:7px;}
.dimmedBody .icoMenu.lineMid {display:none;}
.dimmedBody .icoMenu.lineTop {
	margin-top:-1px;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
}
.dimmedBody .icoMenu.lineBottom {
	margin-top:-1px;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.dimmedBody .navbar-toggle:hover .icoMenu {margin-top:-1px;}

.navbar-nav a {display:block;}
.heightHeader #gnb .navbar-collapse {position:fixed; top:50px; bottom:0; left:-100%; width:100%; padding:0 0 40px; border:none; box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.1); z-index:99;}
.heightHeader.right #gnb .navbar-collapse {right:-100%; left:auto;}
.heightHeader #gnb .navbar-nav {float:none; margin:0; padding:20px 0 60px;}
.heightHeader #gnb .gnbHome {display:block; position:relative; padding:18px 0 18px 50px; color:#fff; background-image:url('../img/common/ico_nav_close.png'); background-position:200px 50%; background-repeat:no-repeat;}
.heightHeader #gnb .homeIco {display:inline-block; position:absolute; top:0; bottom:0; left:0; width:45px; background:url('../img/common/ico_home.png') 20px 50% no-repeat;}
/* .heightHeader #gnb .gnbClose {display:inline-block; position:absolute; top:0; bottom:0; right:0; width:60px; padding:0; border:none; background:none;} */
.heightHeader #gnb .navbar-nav li {float:none;}
.heightHeader #gnb .navbar-nav a {padding:15px 30px; font-size:15px; font-weight:normal; color:#333; white-space:normal;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background:none;}
.heightHeader #gnb .navbar-nav .currentLine {position:relative;}
.heightHeader #gnb .navbar-nav .currentLine:after {display:none; content:""; position:absolute; top:100%; left:0; width:100%; height:0; margin-top:1px; border-bottom:1px solid #333; border-bottom-color:inherit;}
.heightHeader #gnb .navbar-nav .on>a .currentLine:after {display:block;}
.heightHeader #gnb .navbar-nav .dropdown-menu {float:none; min-width:0; width:100%; padding:0; border-radius:0; border:none; box-shadow:none; background:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu .dropdown-3rd {border-bottom:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu a {padding:5px 30px; font-size:12px; color:#555; background-image:none;}
.heightHeader #gnb .navbar-nav .menu-3rd {display:none; padding:0; list-style:none;}
.heightHeader #gnb .navbar-nav .open a {background-color:transparent;}
.heightHeader #gnb .navbar-nav .open .open .menu-3rd {display:block;}
.heightHeader #gnb .navbar-nav .menu-3rd li:last-child {border-bottom:none;}
.heightHeader #gnb .navbar-nav .menu-3rd a {padding-left:35px;}
.heightHeader #gnb .navbar-nav .menu-3rd a:before {content:"-"; margin-right:5px;}
.heightHeader #gnb .navbar-nav .menu-3rd .subMenuName:before {background:#d4d4d4;}
.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;}
.heightHeader .headerSns {display:block; text-align:center;}
/* .gnbDim {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99;} */
.headerSns {display:none; margin:0 0 0 30px; padding:0; list-style:none;}
.headerSns li {float:left; margin-left:1em; font-size:1.2em; line-height:1.3;}
.headerSns li:first-child {margin-left:0;}
.headerSns li a {color:#999;}
.headerCopy {max-width:12em; margin:12px 0 0 30px; font-size:12px; color:#999;}
.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:45px; font-size:0; margin-top:-13px; z-index:99;}
#util .searchBtn {width:26px; height:26px; margin:0; padding:0; font-size:0; line-height:1; color:#fdb813; 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 10px; padding:0; list-style:none; font-size:0;}
.lang li {display:inline-block; position:relative; vertical-align:middle;}
.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 20px; 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: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:10px; height:10px; margin:0 2px; text-indent:-999em; border-radius:100%; background:#ccc; box-shadow:0 0 2px rgba(255,255,255,0.1); cursor:pointer;}
.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%; height:370px; background-size: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:28px; height:55px; margin-top:-28px; margin-left:-14px; background:url('../img/common/btn_kv_arr.png') no-repeat;}
.swipe .swipeControl.left .prev {background-position:0 0;}
.swipe .swipeControl.right .next {background-position:0 100%;}
.swipe .swipeControl.left:hover .prev,.swipe .swipeControl.left:focus .prev,.swipe .swipeControl.left:active .prev {background-position:-28px 0;}
.swipe .swipeControl.right:hover .next,.swipe .swipeControl.right:focus .next,.swipe .swipeControl.right:active .next {background-position:-28px 100%;}
.swipe .caption {padding-bottom:40px; text-align:center;}
.swipe .caption .main {margin:0 0 0.5em; font-size:14px; line-height:1.3;}
.swipe .caption .sub {display:inline; margin:0; font-size:37px; line-height:1.3; border-bottom:2px solid rgb(255, 255, 255);}
.swipe .caption .summary {display:none; margin:2em 0 0; font-size:15px; line-height:1.75; color:#5e615c;}
.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%;}

/* title position */
.titlePosition .container {width:auto; height:100%;}
.titlePosition .titleBox {display:table; position:static; width:100%; height:100%; padding-top:50px;}
.titlePosition .titleBox .titleCell {display:table-cell; padding:60px 20px; 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 15px;}

/* tile */
.sections {max-width:1080px; margin:0 auto; padding:0 15px;}
.sectionTitle {padding:50px 0 30px; text-align:center;}
.sectionTitle .main {margin:0; font-size:27px; font-weight:normal; line-height:1.3;}
.sectionTitle .sub {margin:0; font-size:12px; line-height:1.75; color:#595959;}
.sectionTitle .main:before {content:""; display:block; width:40px; height:2px; margin:0 auto 15px; background:#f7c331;}

/* .tile {overflow:hidden;} */
.tile a {display:block;}
.tileImg {position:relative; overflow:hidden; background-size:cover;}
.tileTitle {position:relative;}
.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;}
.tileTitle .readmore {margin:0.5em 0 0; font-size:12px; color:#fdb813;}
.tileTitle .readmore .fa {margin-left:0.5em; transition:margin-left 0.3s ease-in;}
a:hover .tileTitle .readmore .fa {margin-left:1em;}
.tileTitle .date {margin:0; font-size:11px; color:#a6a6a6;}
.news .tileImg {overflow:visible;}

.shortCut .tile {position:relative; margin-bottom:10px; background:#fff;}
.shortCut .tile:last-of-type {margin-bottom:0;}
.shortCut .tile .tileImg {float:left; width:50%;}
.shortCut .tile .tileTitle {position:absolute; top:0; bottom:0; left:50%; width:50%; padding:15px;}
.shortCut .tile .tileTitle .main {margin:0 0 0.3em; font-size:14px; line-height:1.3; height:1.3em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.shortCut .tile .tileTitle .sub {margin:0; font-size:12px; line-height:1.75; color:#808080; height:5.25em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.shortCut .tile.right .tileImg {float:right;}
.shortCut .tile.right .tileTitle {left:0;}

.listSection {margin-top:15px;}
.news.noticeNews,.newsLine,.searchResult .listSection .news.noticeNews,.searchResult .listSection .newsLine {display:none;}
.newsLine {height:0; margin:15px 0 30px; border-top:1px solid #e7e7e7; border-bottom:1px solid #fff;}
.list02 .news.noticeNews,.list03 .news.noticeNews,.list02 .newsLine,.list03 .newsLine {display:block;}

.list01 .tile {margin-bottom:30px;}
.list01 .tileTitle {width:65%; max-width:280px; margin:15px auto;}
.list01 .tileTitle .main {margin:0 0 0.3em; font-size:20px; line-height:1.3; /* text-shadow:1px 1px rgba(255,255,255,0.15); */ max-height:2.6em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.list01 .tileTitle .sub {position:relative; margin:0; padding-left:35px; font-size:12px; line-height:1.75; color:#808080; max-height:5.25em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; transition:padding-left 0.3s ease-in;}
.list01 .tileTitle .sub:before {content:""; position:absolute; top:5px; left:0; width:25px; height:1px; background:#fdb813; transition:width 0.5s ease-in;}
.list01 .tileTitle .readmore,.list01 .tileTitle .date {display:none;}
.list01 .tileImg {/* box-shadow:inset 0 -100px 200px -100px rgba(255, 255, 255, 0.8); */ transition:opacity 0.3s ease-in;}
.list01 a:hover .tileImg {opacity:0.7;}
.list01 a:hover .tileTitle .sub {padding-left:55px;}
.list01 a:hover .tileTitle .sub:before {width:45px;}

.list02 .tile {margin-bottom:15px;}
.list02 .tileTitle {padding:15px; background:#fff;}
.list02 .tileTitle .main {margin:0 0 0.3em; font-size:16px; line-height:1.3;}
.list02 .tileTitle .sub {margin:0.5em 0 0.2em; font-size:12px; line-height:1.75; color:#808080;}
/* 
.list02 .tileImg:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #fff; opacity:0; transition:opacity 0.3s ease-in;}
.list02 a {transition:box-shadow 0.3s ease-in;}
.list02 a:hover {box-shadow:0 0 10px rgba(0,0,0,0.15);}
.list02 a:hover .tileImg:after {opacity:1;}
 */
.list02 .tileImg {transition:opacity 0.3s ease-in;}
.list02 a:hover .tileImg {opacity:0.7;}
.list02 .loadMore {margin-top:0; padding-top:20px; border-top:none;}

.list03 .tile {margin-bottom:15px;}
.list03 .tileTitle {padding:15px; background:#fff;}
.list03 .tileTitle .main {margin:0 0 0.3em; font-size:16px; line-height:1.3;}
.list03 .tileTitle .sub {margin:0.5em 0 0.2em; font-size:12px; line-height:1.75; color:#808080;}
/* 
.list03 .tileImg:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid #fff; opacity:0; transition:opacity 0.3s ease-in;}
.list03 a {transition:box-shadow 0.3s ease-in;}
.list03 a:hover {box-shadow:0 0 10px rgba(0,0,0,0.15);}
.list03 a:hover .tileImg:after {opacity:1;}
 */
.list03 .tileImg {transition:opacity 0.3s ease-in;}
.list03 a:hover .tileImg {opacity:0.7;}
.list03 .loadMore {margin-top:0; padding-top:20px; border-top:none;}

.list04 .tile {margin-bottom:15px;}
.list04 .tile a {position:relative;}
.list04 .tileImg {float:left; width:50%; transition:opacity 0.3s ease-in;}
.list04 .tileTitle {position:absolute; top:0; bottom:0; left:50%; width:50%; padding:15px; background:#fff;}
.list04 .tileTitle .main {display:inline-block; position:relative; max-width:100%; margin:0 0 0.2em; font-size:14px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list04 .tileTitle .sub {margin:0.5em 0 0.2em; font-size:12px; line-height:1.75; color:#808080; height:3.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.list04 .bigTile .tileImg {float:none; width:auto;}
.list04 .bigTile .tileTitle {position:static; width:auto;}
.list04 .bigTile .tileTitle .sub {display:block; height:auto;}
.list04 .reverseTile .tileImg {float:right;}
.list04 .reverseTile .tileTitle {left:0;}
/* 
.list04 .tileTitle .main:after {content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#fdb813; transition:width 0.3s ease-in;}
.list04 a:hover .tileTitle .main:after {width:100%;}
 */
.list04 a:hover .tileImg {opacity:0.7;}
.list04 .loadMore {margin-top:0; padding-top:20px; border-top:none;}

.thumbImg {display:none;}
.list05 .tileImg {display:none;}
.list05 .thumbImg {margin:10px 0; transition:opacity 0.3s ease-in;}
.list05 .thumbTile .thumbImg {display:block;}
.list05 .tileTitle {padding:30px 0; border-top:1px solid #8c8c8c;}
.list05 .tileTitle .main {margin:0 0 0.3em; font-size:16px; line-height:1.3;}
.list05 .tileTitle .sub {margin:0.5em 0 0.2em; font-size:12px; line-height:1.75; color:#808080; max-height:7em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; transition:color 0.3s ease-in;}
.list05 .tile:nth-of-type(1) .tileTitle {padding-top:30px; border-top:none;}
.list05 a:hover .tileTitle .sub {color:#000;}
.list05 a:hover .thumbImg {opacity:0.7;}

.loadMore {margin-top:40px; padding-top:20px; padding-bottom:40px; text-align:center; border-top:2px solid #474747;}
.loadMore.blankMore {margin-top:0; border-top:none;}
.loadMore button {padding:15px 60px; font-size:12px; color:#fff; border:none; background:#1a1a1a;}
.loadMore button .fa {position:relative; left:0; margin-left:0.5em; transition:left 0.3s ease-in;}
.loadMore button:hover .fa {left:0.5em;}

.mainBanner {margin-top:50px; background:#ededed;}
.mainBanner a {display:block;}
.mainBanner .tileImg {float:left; width:40%; min-height:85px;}
.mainBanner .tileTitle {float:left; width:60%; padding-top:15px; padding-left:20px;}
.mainBanner .tileTitle .main {margin:0; font-size:12px; font-weight:normal; line-height:1.5;}
.mainBanner .tileTitle .sub {display:none; font-size:12px; line-height:1.75; color:#666; overflow:hidden; max-height:3.5em; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mainBanner .tileTitle .viewnow {margin:0.3em 0 0; font-size:12px; color:#fdb813; transition:color 0.3s, background-color 0.3s;}
.mainBanner .tileTitle .viewnow .fa {margin-left:0.5em;}
.mainBanner a:hover .tileTitle .viewnow {color:#fff; background-color:#fdb813;}

.subFilter {font-size:14px;}
.subFilter .filterBtn {display:block; position:relative; padding:13px 15px; color:#f7c331; background:#262626;}
.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:#f7c331;}
.subFilter.open .filterBtn:after {margin-top:-9px; border-top-color:transparent; border-bottom-color:#f7c331;}
.subFilter .filterGroup {float:none; width:100%; min-width:0; margin:0; padding:0; border-radius:0; border:none; border-top:1px solid #f0f0f0;}
.subFilter .filterGroup>li>a {padding:13px 15px; color:#727272; 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:#1e1e1e; background:none;}
.subFilter .filterGroup>.active>a span,.subFilter .filterGroup>.active>a:hover span,.subFilter .filterGroup>.active>a:focus span {border-bottom:1px solid #1e1e1e;}

/* sub */
h3.searchResult {margin-top:45px; margin-bottom:45px; padding:0 20px; font-size:18px; text-align:center; line-height:1.3;}
.gotoHome {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 {height:240px; background-size:cover;}
.topBg .cell {display:table-cell; text-align:center; vertical-align:middle;}
.topBg .title {margin:0 0 0.3em; font-size:34px; line-height:1.3;}
.topBg .subTitle {margin:0; font-size:12px; line-height:1.75;}

/* info */
.bbs .listSection {padding-bottom:40px;}
.info .infoOutline {width:auto; max-width:none; padding:0;}
.innerOutline {position:relative; padding:0 15px 40px;}
.innerOutline #bbs,.innerOutline #shop,.innerOutline #member {max-width:1080px; margin:0 auto;}
.detail {position:relative; padding-top:60px; padding-bottom:45px; padding-left:15px; padding-right:15px;}
.entry {position:relative; max-width:800px; min-height:700px; margin:0 auto; padding:0; line-height:1.75;}
.entry header {margin-bottom:30px;}
.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {margin:1em 0 1em; text-align:center; font-size:32px; line-height:1.3;}
.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2 {margin:0; text-align:center; font-size:14px; font-weight:normal; line-height:1.75; color:#5a5a5a;}
.entry .pages {font-family:"NBG","Malgun Gothic",Arial,"돋움",Dotum,sans-serif;}
#bbs .board {font-family:"NBG","Malgun Gothic",Arial,"돋움",Dotum,sans-serif;}
.shop #shop.shopView {max-width:800px; margin-bottom:0; padding:60px 0 0;}
.shopView .dtCont {font-family:"NBG","Malgun Gothic",Arial,"돋움",Dotum,sans-serif;}
button.closer {position:absolute; top:0; right:0; width:40px; height:40px; padding:0; text-indent:-999em; border:none; background:#fdb813 url('../img/common/icon_layer_close.png') center center no-repeat; transition:background-color 0.5s; z-index:9;}
#content button.closer.bottomCloser {bottom:0;}
.relatedBox {background:#f8f8f8;}
.related {max-width:1080px; margin:0 auto; padding:20px 5px;}
.related h3 {margin:30px 0 20px 5px; font-size:16px;}
.related .tile {width:50%; margin:0; padding:5px;}
.related .tile a {border-radius:3px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.1); transition:box-shadow 0.3s ease-in;}
.related .tile a:hover,.related .tile a:focus {box-shadow:0 1px 10px rgba(0,0,0,0.2);}
.related .tileTitle {position:relative; padding:20px; background:#fff;}
.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 0 1em; font-size:12px; font-weight:normal; color:#999; line-height:1.75; height:3.5em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.related .tile .date {display:block; font-size:12px; color:#a8a8a8;}
#content.info {padding-top:50px;}
.info .infoBox {position:relative; max-width:1600px; margin:0 auto; background:#fff; box-shadow:0 0 35px rgba(0,0,0,0.1);}
.info .detail_full .pages .mods.mods_wide, .info .detail_full .related {max-width:1080px;}
.info .detail_wide {max-width:1080px; margin-left:auto; margin-right:auto;}
.info .detail_full .detail_wide {max-width:none;}

/* 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;}
.footerSns li {display:inline-block; margin:0 3px; vertical-align:top; font-size:10px;}
.footerSns a:hover {text-decoration:underline;}
.footerInfo li {display:inline-block; margin-right:15px;}
#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;}
	.shortCut .tile .tileTitle {padding:25px 20px;}
}
@media screen and (min-width:768px) {
	div#noticePop {top:60px;}
	.navbar-header h1 {left:45px;}
	#header .navbar-toggle {right:30px;}
	.heightHeader #gnb .navbar-collapse {padding-bottom:60px;}
	.heightHeader #gnb .navbar-nav {padding:25px 0 75px;}
	.heightHeader #gnb .navbar-nav a {padding:18px 60px; font-size:20px;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {padding:10px 60px; font-size:16px;}
	.headerSns,.headerCopy {margin-left:60px;}
	.headerSns li {margin-left:1.5em; font-size:1.5em;}
	.headerCopy {margin-top:25px;}
	#util {right:80px;}
	.lang {margin-left:40px;}
	.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;}
	.swipe .item {height:660px;}
	.swipe .swipeControl {display:block;}
	.swipe .caption {padding-bottom:60px;}
	.swipe .caption .main {font-size:18px;}
	.swipe .caption .sub {font-size:70px;}
	.swipe .caption .summary {display:block; font-size:15px;}
	.titlePosition .titleBox .titleCell {padding:80px 45px;}
	.titlePosition.topBg .titleBox .titleCell {padding:60px 45px;}

	.sectionTitle {padding:90px 0 55px;}
	.sectionTitle .main {font-size:30px;}
	.sectionTitle .sub {font-size:14px;}
	.sectionTitle .main:before {width:60px; margin-bottom:28px;}
	.tileTitle .readmore {margin-top:1em;}

	.shortCut .tile {float:left; width:33.33%; margin-top:50px; margin-bottom:0; padding:0 10px; background:none;}
	.shortCut .tile .tileImg {float:none; width:auto;}
	.shortCut .tile .tileTitle {position:static; width:auto; padding:30px; background:#fff;}
	.shortCut .tile .tileTitle .main {font-size:16px;}
	.shortCut .tile .tileTitle .sub {font-size:13px;}
	.shortCut .tile.right {margin-top:0;}
	.shortCut .tile.right .tileImg {float:none;}

	.listSection {margin-top:60px;}
	.newsLine {margin:45px 10px;}

	.list01 .news {padding-top:100px;}
	.list01 .tile {float:left; width:50%; margin-bottom:40px; padding:0 10px;}
	.list01 .tile:nth-of-type(2n+1) {clear:left; margin-top:-100px;}
	.list01 .tileTitle {width:auto; max-width:none; margin:20px 50px;}
	.list01 .tileTitle .main {font-size:23px;}
	.list01 .tileTitle .sub {padding-left:45px; padding-right:30px; font-size:13px; height:5.25em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
	.list01 .tileTitle .sub:before {width:30px; height:2px;}
	.list01 a:hover .tileTitle .sub {padding-left:65px;}
	.list01 a:hover .tileTitle .sub:before {width:50px;}

	.list02 .news {padding-top:30px;}
	.list02 .tile {float:left; width:33.33%; margin-bottom:20px; padding:0 10px;}
	.list02 .tile:nth-of-type(3n+1) {clear:left;}
	.list02 .tile:nth-of-type(3n+2) {margin-top:-30px;}
	.list02 .tileTitle {padding:25px;}
	.list02 .tileTitle .main {height:1.3em; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.list02 .tileTitle .sub {height:3.5em; margin-bottom:1.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.list02 .news.noticeNews {padding-top:0;}
	.list02 .news.noticeNews .tile {width:50%; margin:0;}
	.list02 .news.noticeNews .tile:nth-of-type(3) {display:none;}
	.list02 .news.noticeNews .tile .main {font-size:28px;}

	.list03 .news {padding-top:35px;}
	.list03 .tile {float:left; width:25%; margin-bottom:20px; padding:0 10px;}
	.list03 .tile:nth-of-type(4n+1) {clear:left;}
	.list03 .tile:nth-of-type(4n+2),.list03 .tile:nth-of-type(4n) {margin-top:-35px;}
	.list03 .tileTitle .main {height:1.3em; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.list03 .tileTitle .sub {height:3.5em; margin-bottom:1.5em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.list03 .news.noticeNews {padding-top:0;}
	.list03 .news.noticeNews .tile {width:33.33%; margin:0;}
	.list03 .news.noticeNews .tile .main {font-size:20px;}

	.list04 .tile {position:relative; float:left; width:50%; margin-bottom:20px; padding:0 10px; z-index:2;}
	.list04 .tile:nth-of-type(4n+1) {clear:left;}
	.list04 .tile:nth-of-type(12n+6),.list04 .tile:nth-of-type(12n+7) {clear:left;}
	.list04 .tile:nth-of-type(12n+8) {top:-20px; margin-top:-50%;}
	.list04 .tileTitle {padding:18px 20px;}
	.list04 .tileTitle .main {font-size:15px;}
	.list04 .tileTitle .sub {height:auto; max-height:5.25em; -webkit-line-clamp:3;}
	.list04 .bigTile {margin-bottom:0;}
	.list04 .bigTile .tileImg {height:0 !important; padding-top:100%; padding-bottom:20px;}
	.list04 .bigTile .tileTitle {padding:25px 40px;}
	.list04 .bigTile .tileTitle .main {font-size:22px;}
	.list04 .bigTile .tileTitle .sub {height:3.5em; margin-top:1em;}
	.list04 .tile04,.list04 .tile07,.list04 .tile12 {z-index:1;}
	.list04 .tile04 .tileImg,.list04 .tile07 .tileImg,.list04 .tile12 .tileImg {position:relative; overflow:visible;}
	.list04 .tile04 .tileImg:before,.list04 .tile07 .tileImg:before,.list04 .tile12 .tileImg:before {content:""; position:absolute; top:0; bottom:0; right:100%; width:200%; margin-right:20px; background:#fff;}
	.list04 .tile07 .tileImg:before {left:200%; right:auto; margin-right:0; margin-left:20px;}

	.list05 .news {margin-left:-10px; margin-right:-10px;}
	.list05 .tile {float:left; position:relative; width:25%; padding:0 20px; font-size:12px; border-left:1px solid #ededed;}
	.list05 .tile:nth-of-type(1) .tileTitle,.list05 .tile:nth-of-type(2) .tileTitle,.list05 .tile:nth-of-type(3) .tileTitle,.list05 .tile:nth-of-type(4) .tileTitle {padding-top:0; border-top:none;}
	.list05 .tile:nth-of-type(4n+1) {clear:left; border-left:none;}
	.list05 .tile:before {content:""; position:absolute; top:100%; left:-1px; width:1px; height:3px; background:#ededed;}
	.list05 .tile:nth-of-type(4n+1):before {background:none;}
	.list05 .tileTitle {padding:22px 0 40px;}
	.list05 .tileTitle .main {font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.list05 .tileTitle .sub {max-height:none;}
	.list05 .thumbTile .tileTitle .sub {height:3.5em; -webkit-line-clamp:2;}
	.list05 .tile04 .tileTitle .main,.list05 .tile05 .tileTitle .main,.list05 .tile06 .tileTitle .main,.list05 .tile12 .tileTitle .main {height:2.5em; display:-webkit-box; -webkit-box-orient:vertical; white-space:normal; -webkit-line-clamp:2;}
	.list05 .tile01 .tileTitle .sub,.list05 .tile03 .tileTitle .sub,.list05 .tile06 .tileTitle .sub,.list05 .tile11 .tileTitle .sub {height:8.7em; -webkit-line-clamp:5;}
	.list05 .tile05 .tileTitle .sub,.list05 .tile10 .tileTitle .sub,.list05 .tile12 .tileTitle .sub {height:7em; -webkit-line-clamp:4;}
	.list05 .tile04 .tileTitle .sub {height:12.25em; -webkit-line-clamp:7;}
	.list05 .tile08 .tileTitle .sub {height:10.5em; -webkit-line-clamp:6;}
	.list05 .tile04,.list05 .tile05,.list05 .tile07 {margin-top:-8.2em;}
	.list05 .tile02,.list05 .tile03,.list05 .tile09 {margin-top:-9.6em;}
	.list05 .tile08 {margin-top:-3em;}
	.list05 .tile10 {margin-top:0; padding-bottom:0.5em;}
	.list05 .tile11 {margin-top:-2.1em; padding-bottom:0.9em;}
	.list05 .tile12 {margin-top:-2.9em; padding-bottom:1.7em;}
	.list05 .tile.tile01,.list05 .tile.tile02,.list05 .tile.tile03,.list05 .tile.tile04 {margin-top:0;}

	.loadMore {margin:60px 10px 0; padding-top:30px; padding-bottom:80px;}
	.loadMore button {padding-left:120px; padding-right:120px; font-size:13px;}

	.mainBanner {margin-top:90px;}
	.mainBanner .sections {padding:0 25px;}
	.mainBanner .tileImg {width:50%;}
	.mainBanner .tileTitle {width:50%; padding:35px 0 0 30px;}
	.mainBanner .tileTitle .main {margin-bottom:0.5em; font-size:18px;}
	.mainBanner .tileTitle .sub {display:block; display:-webkit-box;}
	.mainBanner .tileTitle .viewnow {display:inline-block; margin-top:0.7em; padding:10px 20px; vertical-align:top; line-height:1; border:1px solid #fcaf17;}

	.subFilter {background:#262626;}
	.subFilter .filterGroup {display:block; position:static; border:none; border-top:none; text-align:center; font-size:0; background:none; box-shadow:none;}
	.subFilter .filterGroup li {display:inline-block; font-size:15px;}
	.subFilter .filterGroup>li>a {height:65px; padding:25px 20px 0; border:none;}
	.subFilter .filterGroup>li>a:hover, .subFilter .filterGroup>li>a:focus {color:#dadada;}
	.subFilter .filterGroup>.active>a, .subFilter .filterGroup>.active>a:hover, .subFilter .filterGroup>.active>a:focus {color:#fcaf17;}
	.subFilter .filterGroup>.active>a span, .subFilter .filterGroup>.active>a:hover span, .subFilter .filterGroup>.active>a:focus span {border-bottom-width:2px; border-bottom-color:#fcaf17;}

	h3.searchResult {margin-top:60px; margin-bottom:60px; font-size:24px;}
	.topBg {height:380px;}
	.topBg .title {font-size:46px;}
	.topBg .subTitle {font-size:14px;}
	.bbs .listSection {padding-bottom:60px;}
	#content.info {padding-top:60px;}
	.innerOutline {padding:0 15px 60px;}
	button.closer {width:52px; height:52px;}
	.detail {padding-top:70px; padding-bottom:60px;}
	.entry h1,.shopView h1,.bbs #bbs header h1 {font-size:40px;}
	.related {padding:40px 10px;}
	.related .tile {width:25%; padding:0 5px;}

	#footer {padding-top:52px; padding-bottom:52px; font-size:12px;}
	.footerSns li {margin:0 12px; font-size:12px;}
}
@media screen and (min-width:992px) {
	.list05 .tileTitle {border-width:2px;}
	.list05 .tile04 .tileTitle .sub {height:17.2em; -webkit-line-clamp:10;}
	.list05 .tile08 .tileTitle .sub {height:12.25em; -webkit-line-clamp:7;}
	.list05 .tile04, .list05 .tile05, .list05 .tile07 {margin-top:-14.7em;}
	.list05 .tile02, .list05 .tile03, .list05 .tile09 {margin-top:-16.3em;}
	.list05 .tile08 {margin-top:-4.2em;}
	.innerOutline {padding:60px 0 80px;}
	.titlePosition .titleBox {padding-top:60px;}
}
@media screen and (min-width:1280px) {
	.container {width:auto; max-width:1080px;}
	.swipe .item {height:880px;}
	.swipe .caption {padding-bottom:100px;}
	.swipe .caption .main {font-size:18px;}
	.swipe .caption .sub {font-size:70px; border-width:3px;}
	.swipe .caption .summary {font-size:18px;}
	.titlePosition .titleBox .titleCell {padding:100px 0;}
	.titlePosition.topBg .titleBox .titleCell {padding:60px 0;}

	.sections {padding:0;}
	.sectionTitle {padding:120px 0 75px;}
	.sectionTitle .main {font-size:40px;}
	.sectionTitle .sub {font-size:16px;}
	.sectionTitle .main:before {width:80px; margin-bottom:40px;}

	.shortCut {margin-left:-10px; margin-right:-10px;}
	.shortCut .tile {margin-top:60px;}
	.shortCut .tile .tileTitle {padding:40px 35px;}
	.shortCut .tile .tileTitle .main {font-size:15px;}
	.shortCut .tile .tileTitle .sub {font-size:14px;}

	.listSection {margin-top:100px;}
	.newsLine {margin:60px 0;}

	.list01 .news {margin-left:-20px; margin-right:-20px; padding-top:210px;}
	.list01 .tile {margin-bottom:50px; padding:0 20px;}
	.list01 .tile:nth-of-type(2n+1) {margin-top:-210px;}
/*	.list01 .tileTitle {height:176px; margin:-25px 100px 0;}*/
	.list01 .tileTitle {height:176px; margin:20px 100px 0;}
/*	.list01 .tileTitle .main {font-size:35px;}*/
	.list01 .tileTitle .main {font-size:30px;}
	.list01 .tileTitle .sub {padding-left:60px; padding-right:20px; font-size:14px;}
	.list01 .tileTitle .sub:before {width:40px;}
	.list01 a:hover .tileTitle .sub {padding-left:80px;}
	.list01 a:hover .tileTitle .sub:before {width:60px;}

	.list02 .news {margin-left:-10px; margin-right:-10px; padding-top:60px;}
	.list02 .tile:nth-of-type(3n+2) {margin-top:-60px;}
	.list02 .tileTitle {padding:35px 40px;}
	.list02 .tileTitle .main {font-size:22px;}
	.list02 .tileTitle .sub {font-size:14px;}
	.list02 .news.noticeNews .tile .main {font-size:32px;}

	.list03 .news {margin-left:-10px; margin-right:-10px; padding-top:70px;}
	.list03 .tile:nth-of-type(4n+2),.list03 .tile:nth-of-type(4n) {margin-top:-70px;}
	.list03 .tileTitle {padding:35px 30px;}
	.list03 .tileTitle .main {font-size:20px;}
	.list03 .tileTitle .sub {font-size:14px;}
	.list03 .news.noticeNews .tile .main {font-size:24px;}

	.list04 .news {margin-left:-10px; margin-right:-10px;}
	.list04 .tileTitle {padding:45px 40px;}
	.list04 .tileTitle .main {font-size:22px;}
	.list04 .tileTitle .sub {margin-bottom:1em; font-size:14px;}
	.list04 .bigTile .tileTitle {padding:50px 60px;}
	.list04 .bigTile .tileTitle .main {font-size:32px;}

	.list05 .news {margin-left:-40px; margin-right:-40px;}
	.list05 .tile {padding-left:40px; padding-right:40px;}
	.list05 .tile10 {padding-bottom:0.75em;}
	.list05 .tile11 {padding-bottom:1em;}
	.list05 .tileTitle {padding-bottom:65px;}
	.list05 .tileTitle .main {font-size:19px;}
	.list05 .tileTitle .sub {font-size:13px;}
	.list05 .thumbImg {margin:20px 0;}

	.loadMore {margin:70px 0 0; padding-top:40px; padding-bottom:100px;}
	.loadMore button {font-size:15px;}

	.mainBanner {margin-top:120px;}
	.mainBanner .sections {padding:0;}
	.mainBanner .tileImg {width:520px;}
	.mainBanner .tileTitle {float:none; margin-left:520px; padding:80px 0 0 20px;}
	.mainBanner .tileTitle .main {font-size:21px;}
	.mainBanner .tileTitle .sub {font-size:13px;}
	.subFilter .filterGroup>li>a {height:80px; padding-top:34px;}

	h3.searchResult {margin-top:100px; margin-bottom:100px; font-size:32px;}
	.topBg {height:440px;}
	.topBg .title {font-size:52px;}
	.topBg .subTitle {font-size:15px;}
	.bbs .listSection {padding-bottom:100px;}
	.detail {padding-top:80px; padding-bottom:80px;}
	button.closer {width:64px; height:64px;}
	.entry h1,.shopView h1,.bbs #bbs header h1 {font-size:38px;}
	.entry h2,.shopView h2,.bbs #bbs header h2 {font-size:16px;}
	.related {padding:60px 0;}
	.related .relatedWrap {margin:0 -10px;}
	.related .tile {padding:0 10px;}
	.related .tileTitle {padding:30px;}
	.related .tile h4 {margin-bottom:1em; font-size:16px;}
	.related .tile h5 {font-size:13px;}

	#footer {padding-top:72px; padding-bottom:72px;}
}
@media screen and (max-width:1439px) {
	.heightHeader #gnb .navbar-collapse {overflow-y:auto !important; background:#fff !important;}
	.heightHeader #gnb .navbar-nav a:hover,.heightHeader #gnb .navbar-nav .open>a,.heightHeader #gnb .navbar-nav .on>a {color:#fcaf17 !important;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {color:#a6a6a6 !important;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a:hover,.heightHeader #gnb .navbar-nav .dropdown-menu a:focus,.heightHeader #gnb .navbar-nav .dropdown-menu .on>a {color:#3e3e3e !important; background:none;}
	.heightHeader #gnb .navbar-nav .dropdown-menu {position:static; background:none !important;}
	.heightHeader #gnb .navbar-nav .menu-3rd {background:none !important;}
	.heightHeader #gnb .navbar-nav .open .dropdown-menu {display:block !important;}
}
@media screen and (min-width:1440px) {
	div#noticePop {top:70px;}
	.container {padding:0;}
	#header>.container {position:relative; padding:0 30px;}
	#header {height:auto; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2);}
	#header .navbar-toggle {display:none;}
	#gnb {height:auto;}
	.lang li a {font-size:13px;}
	.navbar-header {position:static; float:left; width:auto; height:60px; background:none;}
	.navbar-header h1 {position:static; width:auto; height:50px; max-width:120px; margin:0;}
	.heightHeader #gnb .navbar-nav {float:right; margin-right:180px; padding:0;}
	.navbar-nav .dropdown .fa-chevron-down {display:none;}
	.heightHeader #gnb .navbar-collapse {position:static; width:auto; height:auto; padding:0; background:none !important; box-shadow:none; -webkit-box-shadow:none; z-index:99;}
	.heightHeader #gnb .gnbHome {display:none;}
	.heightHeader #gnb .navbar-nav>li {float:left; border:none;}
	.heightHeader #gnb .navbar-nav li.on {background:none;}
	.heightHeader #gnb .navbar-nav a {padding:20px; font-size:15px; background:none;}
	.heightHeader #gnb .navbar-nav .dropdown>a {background:none;}
	.heightHeader #gnb .navbar-nav .dropdown.open {border-bottom:none;}
	.heightHeader #gnb .navbar-nav .dropdown.open>a {background:none;}
	.heightHeader #gnb .navbar-nav .dropdown-menu {min-width:160px; padding:20px 0; border:none; background:#fff;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {height:auto; padding:8px 20px; font-size:14px;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName {display:inline-block; position:relative; padding-left:0;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName:before {display:none;}
	.heightHeader #gnb .navbar-nav .menu-3rd {position:absolute; top:0; left:100%; min-width:160px; padding:5px 0; border:none; background:#fff; box-shadow:inset 4px 0 0 0 rgba(0,0,0,0.2);}
	.heightHeader #gnb .navbar-nav>li:last-child .menu-3rd {left:auto; right:100%; box-shadow:inset -4px 0 0 0 rgba(0,0,0,0.2);}
	.heightHeader #gnb .navbar-nav .menu-3rd a:before {display:none;}
	.heightHeader #gnb .navbar-nav .menu-3rd .subMenuName:before {display:block; left:-12px;}
	#util {right:0;}
	.lang {position:absolute; top:50%; right:25px; margin:-9px 0 0;}
	.lang li a {padding:0 6px; font-size:12px;}
	.lang li:before {margin-top:-8px;}
}
@media screen and (min-width:1920px) {
	.swipe .item {height:1080px;}
}