@charset "utf-8";
/*
Theme Name - Code Number : 와이즈산전 - sg1507015
*/

/* common */
.f_bold {font-family:"Myriad_bold","NBG_bold"; font-weight:normal;}
div#noticePop {top:60px; z-index: 998;}
html,body {font-family:"Myriad","Tahoma","NBG","Apple SD Gothic","Malgun Gothic",Arial,"돋움",Dotum,sans-serif; font-size:1em; color:#333; line-height:1.75;}
body{background:#f8f8f8;}
a {color:#333;}
a:hover,a:focus,a:active {text-decoration:none; color:inherit;}
hr {margin:0; border:none;}
.container {max-width:1280px; margin:0 auto; padding:0;}
.shareThis {position:relative; padding:30px 0 65px; text-align:center;}
.form-control,input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"] {border:1px solid #d9d9d9; box-shadow:none; -webkit-appearance:none;}
.tile ul,.inshop ul {list-style:none;}
.btnTop {position:fixed; right:13px; bottom:13px; color:#fff; padding:10px 11px; border-radius:5px; width:2.5em; font-size:14px; text-align:right; text-decoration:none; z-index:99;}
.btnTop:hover,.btnTop:focus,.btnTop:active {color:#fff; text-decoration:none;}
/* Color setting */
#wrap .btn.btnPoint,#wrap .pagination a:hover,#wrap .pagination a:focus,#wrap .pagination a:active,#wrap .pagination .active a {color:#fff; border-color:#e36d0b; background-color:#e36d0b;}
#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:#e36d0b;}
#wrap .pointBg,#accNav a,.container .disPercent,.btnTop,.gotoHome a {background-color:#e36d0b;}
#wrap .disPercent:before {border-color:transparent #e36d0b transparent transparent;}
#wrap .tabNav a:hover:before,#wrap .tabNav a:focus:before,#wrap .tabNav a:active:before,#wrap .tabNav .active a:before {border-color:#e36d0b}
#confirmLayer a,#confirmLayer .txt:before,#confirmLayer .close button:hover,#confirmLayer .close button:focus,#confirmLayer .close button:active,
#member input[type="checkbox"]:checked+.icoCheck,.searchWrap .searchCon button[type="submit"] {background-color:#e36d0b;}
#confirmLayer a:hover,#confirmLayer a:focus,#confirmLayer a:active,#member .join_submit a:hover,#member .join_submit a:focus,#member .join_submit a:active,
#member input[type="submit"]:hover,#member input[type="submit"]:focus,#member input[type="submit"]:active,
#wrap .btnPoint:hover,#wrap .btnPoint:focus,#wrap .btnPoint:active {background-color:#e36d0b;}
#wrap * {word-break:keep-all;}

.ellip {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipMulti {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}

/* header */
#header {position:fixed; top:0; left:0; width:100%; background:#242424; box-shadow:0 0 2px rgba(0,0,0,0.2); z-index:999;}
#gnb {margin:0; border:none; border-radius:0; background:none; box-shadow:none; z-index:99;}
.navbar-header {position:relative; height:60px; padding:5px 0; z-index:9;}
.navbar-header h1 {position:absolute; left:50%; width:120px; height:50px; margin:0 0 0 -60px; padding:0; font-size:0;}
.navbar-header img {height:100%; vertical-align:top;}
.navbar-header a {float:none; height:auto; padding:0;}
.navbar-header .navbar-toggle {position:absolute; top:50%; left:0; width:20px; margin:-11px 0 0 15px; padding:0; border:none; border-radius:0; z-index:9;}
.navbar-default .navbar-header .navbar-toggle:hover,.navbar-default .navbar-header .navbar-toggle:focus,.navbar-default .navbar-header .navbar-toggle:active {background:none;}
.navbar-nav a {display:block;}
.heightHeader #gnb .navbar-collapse {position:fixed; top:0; bottom:0; left:-240px; width:240px; height:100%; padding:0; border:none; box-shadow:none; z-index:99;}
.heightHeader.right #gnb .navbar-collapse {right:-240px; left:auto;}
.heightHeader #gnb .navbar-nav {margin:0; padding:0;}
.heightHeader #gnb .gnbHome {display:block; position:relative; height:60px; 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 {border-bottom:1px solid rgba(0,0,0,0.2);}
.heightHeader #gnb .navbar-nav a {padding:15px 20px; font-size:15px; font-weight:normal; color:#333; white-space:normal; background:url('../img/common/ico_arr_nav.png') 205px 50% no-repeat;}
.heightHeader #gnb .navbar-nav .dropdown-menu  a:hover .subMenuName:after, .heightHeader #gnb .navbar-nav .dropdown-menu  a:focus .subMenuName:after, .heightHeader #gnb .navbar-nav .dropdown-menu  a:active .subMenuName:after{display:block;}
.heightHeader #gnb .navbar-nav .dropdown>a {background:url('../img/common/ico_arr_nav_down.png') 200px 50% no-repeat;}
.heightHeader #gnb .navbar-nav .dropdown.open {border-bottom:none;}
.heightHeader #gnb .navbar-nav .dropdown.open>a {background-image:url('../img/common/ico_arr_nav_up.png');}
.heightHeader #gnb .navbar-nav .dropdown-menu {position:static; float:none; min-width:0; width:100%; padding:0; border-radius:0; border-top:1px solid rgba(0,0,0,0.2); box-shadow:none; background:#f5f5f5; border-bottom:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu .dropdown-3rd {border-bottom:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu a {font-size:14px; color:#555; background-image:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName {display:inline-block; position:relative; padding-left:15px;}
.heightHeader #gnb .navbar-nav .dropdown-menu .subMenuName:before {content:""; display:inline-block; position:absolute; top:50%; left:0; width:7px; height:1px; margin-top:-1px; background:#d1d1d1;}
.heightHeader #gnb .navbar-nav .dropdown .dropdown>a {position:relative; background:none;}
.heightHeader #gnb .navbar-nav .dropdown .dropdown>a:before {content:""; position:absolute; top:50%; right:26px; width:10px; height:0; margin-top:-1px; border-top-width:2px; border-top-style:solid; border-top-color:inherit;}
.heightHeader #gnb .navbar-nav .dropdown .dropdown>a:after {content:""; position:absolute; top:50%; right:30px; width:0; height:10px; margin-top:-5px; border-left-width:2px; border-left-style:solid; border-left-color:inherit;}
.heightHeader #gnb .navbar-nav .dropdown .dropdown.open>a:after {display:none;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{border-color:inherit;}
.heightHeader #gnb .navbar-nav .menu-3rd {display:none; padding:0; list-style:none; border-top:1px solid rgba(0,0,0,0.2); background:#f0f0f0;}
.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 .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:none; position:absolute; top:50%; margin-top:-16px; right:36px; text-align:center;}
.gnbDim {display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:99;}
.headerSns {margin:0; padding:0; list-style:none;}
.headerSns li {display:inline-block; margin:0 12px;}
.headerSns li a {font-size:20px; color:#434343;}
.headerSns li a:hover{color:#e36d0b;}
.lang {margin:0; padding:30px 0; list-style:none; font-size:0; text-align:center; line-height:1.3;}
.lang li {display:inline-block; vertical-align:middle;}
.lang a {display:block; position:relative; padding:5px 30px; font-size:16px; color:inherit;}
.lang a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:rgba(0,0,0,0.2);}
.lang li:first-child a:before {display:none;}
.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;}
.icoMenu {display:block; width:100%; height:2px; margin:4px 0; background:#fff;}
#util {position:absolute; top:50%; right:15px; margin-top:-13px; font-size:0;}
#util .searchBtn {width:26px; height:26px; margin:0; padding:0; line-height:1; 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;}

/* keyVisual */
/* #content{padding-top:60px;} */
.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:2; 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:lime; cursor:pointer; opacity:0.5;}
.swipe .indicator .active {opacity:1;}
.swipe .swipeItem {position:relative; width:100%; overflow:hidden;}
.swipe .swipeItem:after {content:""; display:block; clear:both;}
.swipe .item {position:relative; float:left; overflow:hidden; width:100%; background-size:cover;}
.swipe .item video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.swipe .swipeControl {display:none; position:absolute; top:0; bottom:0; width:10%; color:#fff; text-align:center; z-index:3;}
.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 .container {position:relative; z-index:1;}
.swipe .caption .main {margin:0; font-size:28px; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.1; max-height:2.2em;}
.swipe .caption .lineBox{margin: 1px 0 13px; font-size:0; line-height:1;}
.swipe .caption .line{display:inline-block; width:250px; height:2px; background:#fff;}
.swipe .caption .sub {margin:1.3em 0 0; font-size:16px; line-height:1.5; font-weight:normal; letter-spacing:0.05em; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; max-height:3em;}
.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%;}
#keyVisual .item {height:440px; min-height:440px;}
/* title position */
.titlePosition .container {width:auto; height:100%;}
.titlePosition .titleBox {display:table; position:static; width:100%; height:100%; padding-top:60px;}
.titlePosition .titleBox .titleCell {display:table-cell; padding:60px 20px; text-align:center; vertical-align:middle;}
.titlePosition.topBg .titleBox .titleCell {padding-top:40px; padding-bottom:40px;}
.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 {overflow:hidden;}
.tile a {display:block;}
.tileImg {overflow:hidden; position:relative;}
.tileTitle .title {margin:0 0 0.5em; font-size:16px; line-height:1.3;}
.tileTitle .subTitle {margin:0; font-size:14px; line-height:1.5;}

/* sub */
h3.searchResult {margin-top:80px; margin-bottom:50px; padding:0 20px; font-size:18px; text-align:center; margin:0; margin-top:35px;}
.gotoHome {margin-bottom:100px; text-align:center; margin-top:35px;}
.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:60px; min-height:60px; background-size:cover;}
.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:280px; min-height:280px;}
/* 
.topBg .titleBox {border-bottom:2px solid lime;}
.topBg .title {margin:0 0 0.3em; font-size:30px; line-height:1.3;}
.topBg .subTitle {margin:0; font-size:14px; line-height:1.75;}
.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:280px; min-height:280px; color:#fff;}
.topBg.bgFileUrl_crop .titleBox,.topBg[style*="background-image"] .titleBox {border-bottom:none;}
 */

/* info */
.infoOutline {position:relative; width:auto; padding:0; margin-top:30px; margin-bottom: 35px;}
.innerOutline {position:relative; padding:0 15px 40px;}
.innerOutline #bbs,.innerOutline #shop,.innerOutline #member {max-width:1080px; margin:0 auto;}
.detail {position:relative; padding-top:50px; padding-left:15px; padding-right:15px; border-bottom:1px solid #ebebeb; background:#fff;}
.entry {position:relative; max-width:800px; min-height:700px; margin:0 auto; padding:0; line-height:1.75;}
.entry header {margin-bottom:25px;}
.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {margin:0 0 0.5em; font-size:20px; line-height:1.3;}
.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2 {margin:0; font-size:18px; font-weight:normal; line-height:1.5;}
.entry .pages {font-family:"Myriad","NBG","Malgun Gothic",Arial,"돋움",Dotum,sans-serif;}
/*#content .entry .pages p,#content .entry .pages li,#content .entry .pages blockquote {font-size:16px;}*/
#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:#e36d0b 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;}
.related {margin:0 5px;}
.related h3 {margin:30px 0 20px 5px; font-size:16px;}
.related .tile {width:50%; margin:0 0 20px; padding:5px;}
.related .tile:nth-of-type(2n+1) {clear:left;}
.related .tileTitle {position:relative; padding:15px 5px 0 0;}
.related .tile h4 {overflow:hidden; margin:0 0 0.5em; font-size:16px; line-height:1.3; white-space:nowrap; text-overflow:ellipsis;}
.related .tile h5 {overflow:hidden; margin:0; font-size:14px; font-weight:normal; color:#999; line-height:1.5; height:3em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

/* bbs */
.bbs .innerOutline{padding-top:35px;}

/* shortCut */
.shortTitle{text-align:center; padding:36px 0 36px;}
.shortTitle .img{width:22px; height:22px; margin:0 auto; margin-bottom:13px; background-image:url('../img/common/qq.png'); background-size:22px 22px;}
.shortTitle .main{margin:0; padding-bottom:15px; font-size:20px; letter-spacing:0.05em; line-height:1.3; color:#242424; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shortTitle .main .text{border-bottom:2px solid #242424; padding-bottom:2px;}
.shortTitle .sub{margin:0 auto; padding:0 15px; font-size:16px; letter-spacing:0.01em; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; max-height:4.5em;}

.shortCut {overflow:hidden;margin-top:10px;}
.shortCut .swipeContents {width:68%; margin:0 auto; overflow:visible;}
.shortCut .shortcutWrap {margin-left:-68%;}
.shortCut .swipeItem {overflow:visible;}
.shortCut .item {float:left;}
.shortCut .item:first-of-type a{margin:0 10px 0 0;}
.shortCut .item:nth-of-type(2) a{margin:0 5px;}
.shortCut .item:last-of-type a{margin:0 0 0 10px;}
.shortCut a{display:block; position:relative;}
.shortCut a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; transition:box-shadow 0.3s;}
.shortCut a:hover:before ,.shortCut a:focus:before {box-shadow:inset 0 0 0 5px rgba(0,0,0,0.3);}
.shortCut .tileImg {opacity:1; transition:opacity 0.3s;}
.shortCut .tileTitle {padding:14px 15px 14px; text-align:center; background:#252525;}
.shortCut .tileTitle .main {margin:0; font-size:14px; line-height:1.5; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.shadowLine{margin:45px 0 40px; text-align:center; font-size:0; line-height:1;}
.shadowLine img{max-width:100%;}

.wide a{display:block; position:relative;}
.wide a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; transition:box-shadow 0.3s;}
.wide a:hover:before , .wide a:focus:before {box-shadow:inset 0 0 0 5px rgba(0,0,0,0.3);}
.wide .wideImg{height:180px; background-size:cover;}
.wide .wideTxt{padding:20px 15px; text-align:center; background:#252525;}
.wide .wideTxt .main{margin:0 0 0.3em; font-size:20px; line-height:1.5; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.wide .wideTxt .sub{margin:0; font-size:15px; color:#fff; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.5; max-height:3em;}

.category{padding:0 3px 35px;}
.categoryTitle{text-align:center; padding:0 15px 40px;}
.categoryTitle .main{margin:0; font-family:"Myriad_bold", "NBG_bold"; font-size:20px; color:#1e1e1e; letter-spacing:0.05em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.categoryTitle .sub{margin:0; font-family:"Myriad_light", "NBG_light"; font-size:20px; color:#1e1e1e; letter-spacing:0.05em; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.category .piece01, .category .piece02{margin-bottom:10px; text-align:center;}
.category .piece01 a, .category .piece02 a{display:block; position:relative; padding:22px 15px; background:#fff;}
.category .piece01 a:before, .category .piece02 a:before, .category .piece02 a:hover:before , .category .piece02 a:focus:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; transition:box-shadow 0.3s;}
.category .piece01 a:hover:before , .category .piece01 a:focus:before, .category .piece02 a:hover:before , .category .piece02 a:focus:before {box-shadow:inset 0 0 0 5px rgba(0,0,0,0.3);}
.category .piece01 .pieceIcon, .category .piece02 .pieceIcon{width:28px; height:28px; margin:0 auto; margin-bottom:10px; background-size:28px 28px;}
.category .piece01 .main, .category .piece02 .main{margin:0 0 0.5em; font-size:20px; letter-spacing:0.05em; line-height:1.3; color:#1e1e1e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.category .piece01 .sub, .category .piece02 .sub{margin:0; font-size:16px; letter-spacing:0.01em; color:#3e3e3e; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; height:4.5em;}
.category .piece02{clear:both;}

.category .recent .tile{float:left; width:50%; margin-bottom:10px;}
.category .recent .tile.one, .category .recent .tile.three{padding-right:5px;}
.category .recent .tile.two, .category .recent .tile.four{padding-left:5px;}
.category .recent .tile a{position:relative;}
.category .recent .tile a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; transition:box-shadow 0.3s;}
.category .recent .tile a:hover:before , .category .recent .tile a:focus:before {box-shadow:inset 0 0 0 5px rgba(0,0,0,0.3);}
.category .recent .tile .tileImg{height:120px;}
.category .recent .tile .tileTitle{padding:14px 15px 14px; text-align:center; background:#252525;}
.category .recent .tile .main{margin:0; font-size:14px; letter-spacing:0.05em; line-height:1.5; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* sub */
.menuTitle{padding-top:35px; text-align:center;}
.menuTitle .main, .bbs #bbs header h1 {margin:0; font-family:"Myriad_bold", "NBG_bold"; font-size:18px; color:#1e1e1e; letter-spacing:0.05em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menuTitle .sub{margin:0; font-family:"Myriad_light", "NBG_light"; font-size:16px; color:#1e1e1e; letter-spacing:0.05em; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
.breadCrumb {margin:25px 10px 0; text-align:left; font-size:14px; line-height:1;}
.breadCrumb .container {width:auto;}
.breadCrumb .outliner {position:relative;}
.breadCrumb .outliner:before {content:""; position:absolute; top:50%; left:0; right:0; height:8px; margin-top:-4px; background:#ffc550;}
.breadCrumb .breadCrumbBox {display:inline-block; position:relative; padding-right:15px; vertical-align:middle; background:#f8f8f8; z-index:1;}
.breadCrumb .current {color:#ffc550;}
.breadCrumb .fa {margin-left:5px; margin-right:5px;}


.newsWrap{padding:35px 3px 35px;}
.main .newsWrap{padding:0 3px 35px;}
.news {padding-bottom:25px;}
.main .news {padding-bottom:0;}
.news .tile{float:left; width:50%; margin-bottom:10px; padding:0 5px;}
.news .tile.widthDouble{width:100%;}
.news .tile a{position:relative;}
.news .tile a:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; transition:box-shadow 0.3s;}
.news .tile a:hover:before , .news .tile a:focus:before {box-shadow:inset 0 0 0 5px rgba(0,0,0,0.3);}
.news .tile .tileImg{height:100px; background-size:cover;}
.news .tile .tileTitle{padding:14px 15px 14px; text-align:center; background:#252525;}
.news .tile .main{margin:0; font-size:13px; letter-spacing:0.05em; line-height:1.5; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list01 .news .tile:nth-of-type(2n+1) {clear:left;}
.list01 .news .tile.widthDouble {width:50%;}
.list01 .news .tile .tileImg {height:140px;}
.list01 .news .tile .tileTitle {height:66px;}
.list01 .news .tile .tileTitle .box {display:table; width:100%; height:100%;}
.list01 .news .tile .tileTitle .cell {display:table-cell; vertical-align:middle;}
.list01 .news .tile .tileTitle .main {white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; max-height:3em;}
.loadMore {text-align:center;}
.loadMore button{position:relative; width: 40px; height: 40px; text-indent: -9999em; border: none; background:none;}
.loadMore button:before{content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; margin-top:-1px; margin-left:-10px; background:#c0c0c0;}
.loadMore button:after{content:""; position:absolute; top:50%; left:50%; width:2px; height:20px; margin-top:-10px; margin-left:-1px; background:#c0c0c0;}
.loadMore button:hover:before , .loadMore button:hover:after {background-color:#aaa;}
.loadMore button:hover {border:2px solid #aaa;}

.news.list02 .tile {padding:0 5px;}
.news.list02 .tileImg {height:0; padding-bottom:60%;}

.subFilter {margin:0 12px 35px; font-size:15px;}
.subFilter .filterBtn {display:block; position:relative; padding:10px 15px; color:#181818; border:2px solid #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; box-shadow:0 0 2px rgba(0,0,0,0.2);}
.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;}
.infoOutline .subFilter {margin-left:15px; margin-right:15px;}
.innerOutline .subFilter {margin-left:0; margin-right:0;}
#content .subFilter {z-index:99;}
.infoOutline .entry .pages p,.infoOutline .entry .pages li {font-size:16px;}

/* footer */
#footer{overflow:hidden; background:#242424; color:rgba(156,155,155,0.5); font-size:13px; text-align:center; line-height:1.5;}
#footer a{color:inherit;}
#footer p,#footer address {margin:0;}
#footer ul {margin:0 auto; padding:0; list-style:none;}
#footer .footerInfoWrap{padding:20px 10px;}
.footerInfo li {display:inline-block; font-size:13px; letter-spacing:0.1em;}
.footerInfo li.address{display:block; margin-right:0;} 
#footer .lineBox{margin:0; font-size:0; line-height:1;}
#footer .line{display:inline-block; width:100%; height:1px; background:rgba(255,255,255,0.3);}
#footer .footerSnsWrap{padding:15px 10px 15px;}
.footerSns li {display:inline-block; width:26px; height:26px; margin:0 2px; color:#242424; background:#4b4b4b;}
.footerSns2 li.naverBlog{background: url('../img/common/naver_blog.png') 50% 50% no-repeat; background-size: 26px 26px;}
.footerSns2 li.naverCafe{background: url('../img/common/naver_cafe.png') 50% 50% no-repeat; background-size: 26px 26px;}
.footerSns2 a{display:block; width:100%; height:100%;}

#footer .copyWrap{padding:20px 10px;}

/* custom org */
#custom_org {position:relative; text-align:center; font-size:0; line-height:1.3; word-break:keep-all;}
#custom_org ul {position:relative; margin:0; padding:0; list-style:none;}
#custom_org>ul {margin:0 -150px;}
#custom_org li {position:relative; margin:0;}
#custom_org li>span {display:block; width:180px; margin:0 auto; padding:15px 5px; border:5px solid #fff; border-radius:0 10px; background:#f7f8f9; box-shadow:0 0 1px rgba(0,0,0,0.4);}
#custom_org>ul>li:nth-child(1)>span {width:200px; color:#fff; background-color:#ed1c24;}
#custom_org>ul>li>ul {margin-top:320px;}
#custom_org>ul>li>ul>li {display:inline-block; width:140px; margin:0 5px; vertical-align:top;}
#custom_org>ul>li>ul>li>ul>li {margin-top:15px;}
#custom_org>ul>li>ul>li>span {width:auto; color:#888;}
#custom_org>ul>li>ul>li>span strong {display:block; color:#333;}
#custom_org>ul>li>ul>li>ul>li>span {width:auto; padding:8px 5px; border:none; border-radius:0;}
#custom_org>ul>li>ul>li:nth-child(1)>span,#custom_org>ul>li>ul>li:nth-child(2)>span,#custom_org>ul>li>ul>li:nth-child(3)>span,#custom_org>ul>li>ul>li:nth-child(4)>span {width:180px;}
#custom_org>ul>li>ul>li:nth-child(1),#custom_org>ul>li>ul>li:nth-child(3) {position:absolute; top:-320px; right:50%; width:auto; margin-right:-240px;}
#custom_org>ul>li>ul>li:nth-child(2),#custom_org>ul>li>ul>li:nth-child(4) {position:absolute; top:-320px; left:50%; width:auto; margin-left:-240px;}
#custom_org>ul>li>ul>li:nth-child(1) {margin-top:30px;}
#custom_org>ul>li>ul>li:nth-child(2) {margin-top:60px;}
#custom_org>ul>li>ul>li:nth-child(3) {margin-top:120px;}
#custom_org>ul>li>ul>li:nth-child(4) {margin-top:170px;}

#custom_org>ul>li>ul:before {content:""; position:absolute; top:-320px; left:50%; height:320px; border-left:1px dashed #cacaca;}
#custom_org>ul>li>ul>li:before {content:""; position:absolute; bottom:100%; left:50%; height:30px; border-left:1px dashed #cacaca;}
#custom_org>ul>li>ul>li:nth-child(1):before,#custom_org>ul>li>ul>li:nth-child(3):before {display:block; bottom:50%; left:auto; right:100%; width:60px; height:auto; border-left:none; border-bottom:1px dashed #cacaca;}
#custom_org>ul>li>ul>li:nth-child(2):before,#custom_org>ul>li>ul>li:nth-child(4):before {display:block; bottom:50%; left:100%; width:60px; height:auto; border-left:none; border-bottom:1px dashed #cacaca;}
#custom_org>ul>li>ul>li:after {content:""; position:absolute; bottom:100%; left:50%; width:150px; margin-bottom:30px; border-bottom:1px dashed #cacaca;}
#custom_org>ul>li>ul>li:nth-child(1):after,#custom_org>ul>li>ul>li:nth-child(2):after,#custom_org>ul>li>ul>li:nth-child(3):after,#custom_org>ul>li>ul>li:nth-child(4):after,#custom_org>ul>li>ul>li:last-child:after {display:none;}
#custom_org>ul>li>ul>li>ul>li:before {content:""; position:absolute; bottom:100%; left:50%; height:15px; border-left:1px dashed #cacaca;}

/* Media Queries */
@media screen and (max-width:1199px) {
	#custom_org>ul {margin:0 -80px;}
	#custom_org>ul>li>ul>li {width:120px;}
	#custom_org>ul>li>ul>li:after {width:130px;}
}
@media screen and (max-width:979px) {
	#custom_org>ul {margin:0 auto;}
	#custom_org>ul>li>ul {max-width:660px; margin-left:auto; margin-right:auto; padding:10px 0; background:#e8ebee; box-shadow:0 0 1px rgba(0,0,0,0.4);}
	#custom_org>ul>li>ul>li {width:140px; margin:10px; box-shadow:0 0 1px rgba(0,0,0,0.4);}
	#custom_org>ul>li>ul>li>ul>li {margin-top:0;}
	#custom_org>ul>li>ul>li>span {border-radius:0; border:none; box-shadow:none;}
	#custom_org>ul>li>ul>li>ul>li>span {box-shadow:none; border-top:1px dashed #cacaca; background:#fff;}
	#custom_org>ul>li>ul>li>ul>li:before {display:none;}
	#custom_org>ul>li>ul>li:before,#custom_org>ul>li>ul>li:after {display:none;}
}
@media screen and (max-width:539px) {
	#custom_org {max-width:320px; margin:0 auto;}
	#custom_org>ul>li:nth-child(1)>span {margin:0;}
	#custom_org>ul>li>ul {margin-top:0; padding:0 0 0 30px; background:none; box-shadow:none;}
	#custom_org>ul>li>ul>li {display:block; width:150px; margin-top:30px; margin-left:60px;}
	#custom_org>ul>li>ul>li:nth-child(1),#custom_org>ul>li>ul>li:nth-child(2),#custom_org>ul>li>ul>li:nth-child(3),#custom_org>ul>li>ul>li:nth-child(4) {position:relative; top:auto; bottom:auto; left:auto; right:auto; width:180px; margin:30px 0 0 30px;}
	#custom_org>ul>li>ul:before {top:-30px; left:30px; height:400px;}
	#custom_org>ul>li>ul>li:nth-child(1):before,#custom_org>ul>li>ul>li:nth-child(2):before,#custom_org>ul>li>ul>li:nth-child(3):before,#custom_org>ul>li>ul>li:nth-child(4):before {left:auto; right:100%; width:30px; border-top:none;}
	#custom_org>ul>li>ul>li:before,#custom_org>ul>li>ul>li:after {display:block;}
	#custom_org>ul>li>ul>li:before {bottom:auto; top:30px; bottom:-30px; left:-30px; width:30px; height:auto; border-left:none; border-top:1px dashed #cacaca;}
	#custom_org>ul>li>ul>li:after {top:30px; left:-30px; bottom:-60px; width:auto; margin-bottom:0; border-bottom:none; border-left:1px dashed #cacaca;}
	#custom_org>ul>li>ul>li:nth-child(5):before {left:-60px; width:60px;}
}
@media screen and (min-width:320px) {

}
@media screen and (min-width:360px) { 
	/* .shareThis .btn {margin:0 3px;} */
	.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;}
	.swipe .caption .main{font-size:32px;}
	.wide .wideImg{height:210px;}
	.categoryTitle .main{font-size:21px;}
	.categoryTitle .sub{font-size:21px;}
	.category .recent .tile .tileImg{height:140px;}
	.menuTitle .main,.bbs #bbs header h1{font-size:21px;}
	.menuTitle .sub{font-size:18px; margin-top:5px;}
	.news .tile .tileImg{height:140px;}
	.list01 .news .tile .tileImg {height:165px;}
	#footer .footerInfoWrap{padding:20px 15px 15px;}
	#footer .footerSnsWrap{padding:15px 15px;}
	#footer .copyWrap{padding:10px 15px 20px;}
}
@media screen and (min-width:480px) {
	.wide .wideImg{height:250px;}
	.category .recent .tile .tileImg{height:180px;}
	.news .tile .tileImg{height:180px;}
	.list01 .news .tile .tileImg {height:225px;}
}

@media screen and (min-width:640px) {
	.category .recent .tile .tileImg{height:240px;}
	.news .tile .tileImg{height:240px;}
	.list01 .news .tile .tileImg {height:300px;}
}
@media screen and (min-width:768px) {
	div#noticePop {top:80px;}
	.navbar-header{float:none;}
	.navbar-toggle{display:block;}
	.navbar-nav{float:none;}
	.navbar-nav>li{float:none;}
	.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;}
	.gotoHome{margin-top:50px;}
	#keyVisual .item {height:520px;}
	.swipe .swipeControl {display:block;}
	.swipe .caption .main {font-size:48px;}
	.swipe .caption .lineBox{margin: 1px 0 38px;}
	.swipe .caption .line{width:320px;}
	.swipe .caption .sub {font-size:18px;}
	.titlePosition .titleBox .titleCell {padding:80px 100px;}
	.titlePosition.topBg .titleBox .titleCell {padding-top:60px; padding-bottom:60px;}
	.main .swipe .indicator li{width:14px; height:14px; margin:0 10px;}
	h3.searchResult {font-size:24px; margin-top:60px;}
	/* #content{padding-top:80px;} */
	.shortTitle {padding: 60px 0 60px;}
	.shortTitle .img {width: 38px; height: 38px; margin-bottom: 18px; background-size: 38px 38px;}
	.shortTitle .main{padding-bottom:27px; font-size:28px;}
	.shortTitle .sub{padding: 0 174px; font-size:16px;}
	.shortCut{overflow:visible;}
	.shortCut .swipeContents {width:33.33%; margin:0;}
	.shadowLine{margin:57px 0 50px;}
	.wide .wideTxt .sub{font-size:16px;}
	.category{padding:0 37px 80px;}
	.categoryTitle{padding:0 15px 57px;}
	.categoryTitle .main{font-size:30px;}
	.categoryTitle .sub{font-size:30px;}
	.category .piece01, .category .piece02{width:50%;}
	.category .piece01{float:left; padding-right:10px;}
	.category .piece02{clear:none; float:right;}
	.category .recent .tile.widthDouble{width:50%;}
	.category .recent .tile.one{clear:left; padding-right:10px;}
	.category .recent .tile.two, .category .recent .tile.five{padding-right:0;}
	.category .recent .tile.three , .category .recent .tile.six{padding-left:0;}
	.category .recent .tile.two {margin-top:-199px; padding-left:0;}
	.category .recent .tile.three{width:25%; padding-right:10px;}
	.category .recent .tile.four{width:25%; padding-left:0; padding-right:10px;}
	.category .recent .tile.five{width:25%;}
	.category .recent .tile .tileImg{height:141px;}
	.category .recent .tile.heightDouble .tileImg{height:340px;}
	.category .piece01 .sub, .category .piece02 .sub{font-size:16px;}
	.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:340px;}
	.topBg .title {font-size:36px;}
	.topBg .subTitle {font-size:16px;}
	.menuTitle{padding-top:60px;}
	.menuTitle .main,.bbs #bbs header h1{font-size:30px;}
	.menuTitle .sub{font-size:20px; margin-top:10px;}
	.breadCrumb {margin-top:40px; font-size:12px;}
	.newsWrap{padding:60px 37px 80px;}
	/* .newsWrap{padding:76px 0 80px;} */
	.main .newsWrap{padding:0 0 80px;}
	.news {margin:0 -5px; padding-bottom:80px;}
	.main .news {padding-bottom:0;}
	.news .tile.widthDouble{width:50%;}
	.news .tile.three {margin-top:-186px;}
	.news .tile.four{width:25%;}
	.news .tile.five{width:25%;}
	.news .tile .tileImg{height:128px;}
	.news .tile.heightDouble .tileImg{height:313px;}
	.list01 .news .tile {width:25%;}
	.list01 .news .tile:nth-of-type(2n+1) {clear:none;}
	.list01 .news .tile:nth-of-type(4n+1) {clear:left;}
	.list01 .news .tile.widthDouble,.list01 .news .tile.three,.list01 .news .tile.four,.list01 .news .tile.five {width:25%; margin-top:0;}
	.list01 .news .tile .tileImg,.list01 .news .tile.heightDouble .tileImg {height:160px;}
	.subFilter {margin-bottom:60px; margin-left:0; margin-right:0;}
	.infoOutline{margin-top:60px; margin-bottom:60px;}
	.innerOutline {padding:0 15px 60px;}
	.entry header {margin-bottom:40px;}
	.entry h1,.shopView h1,.bbs #bbs header h1 {font-size:28px;}
	.entry h2,.shopView h2,.bbs #bbs header h2 {font-size:20px;}
	.shareThis {padding-bottom:80px;}
	.related .tile {width:25%; margin-bottom:0;}
	.related .tile:nth-of-type(2n+1) {clear:none;}
	.related .tileTitle {padding:15px 10px 0 0;}
	.related h3 {font-size:18px;}
	.related .tile h5 {font-size:15px; height:auto; max-height:3.5em;}
	.bbs .innerOutline{padding-top:60px; padding-left:30px; padding-right:30px;}
	#footer {font-size:14px;}
	#footer .footerInfoWrap{padding: 30px;}
	#footer ul{max-width:600px;}
	.footerInfo li {margin-right:15px; letter-spacing:0.1em;}
	.footerSns li{width:32px; height:32px; margin:0 4px; font-size:20px;}
	.footerSns2 li.naverBlog{background-size: 32px 32px;}
	.footerSns2 li.naverCafe{background-size: 32px 32px;}
	#footer .copyWrap{padding:30px;}
	#footer .copyright{letter-spacing:0.2em;}
	/* .shareThis .btn {width:60px; height:60px; margin:0 8px;} */
}
@media screen and (min-width:992px) {
	.container {padding:0;}
	.shadowLine{margin:80px 0 70px;}
	.shadowLine.s2{margin:80px 0 60px;}
	.categoryTitle{padding:0 15px 70px;}
	.category{padding:0 47px 80px;}
	.category .piece01{margin-bottom:20px; padding-right:20px;}
	.category .piece01 a, .category .piece02 a{padding:40px 30px 34px;}
	.category .recent .tile{margin-bottom:20px;}
	.category .recent .tile.one{padding-right:20px;}
	.category .recent .tile.two{margin-top: -229px;}
	.category .recent .tile.four{padding-right:20px;}
	.category .recent .tile.three{padding-right:20px;}
	.category .recent .tile.heightDouble .tileImg{height:390px;}
	.category .recent .tile .tileImg{height:161px;}
	.newsWrap {padding: 60px 47px 80px;}
	/* .newsWrap{padding: 76px 0 80px;} */
	.main .newsWrap{padding: 0 0 80px;}
	.news {margin:0 -10px;}
	.news .tile{margin-bottom:20px; padding:0 10px;}
	.news .tile.three{margin-top:-233px;}
	.news .tile .tileImg{height:165px;}
	.news .tile.heightDouble .tileImg{height:398px;}
	.list01 .news .tile .tileImg,.list01 .news .tile.heightDouble .tileImg{height:205px;}
	.loadMore button {width: 60px; height: 60px;}
	.loadMore button:before {width:30px; height:3px; margin-top:-2px; margin-left:-15px;}
	.loadMore button:after {width:3px; height:30px; margin-top:-15px; margin-left:-2px;}
	.subFilter {margin-bottom:60px;}
	.infoOutline .subFilter {margin-left:0; margin-right:0;}
	.innerOutline {padding:60px 0 80px;}
}
@media screen and (max-width:1199px) {
	.heightHeader #gnb .navbar-collapse {background:#fff;}
	.heightHeader #gnb .navbar-nav a,.lang a {color:#333;}
	.heightHeader #gnb .navbar-nav .dropdown-menu {background-color:#fafafa;}
	.heightHeader #gnb .navbar-nav .open .dropdown-menu {display:block !important;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .menu-3rd {background-color:#f0f0f0;}
}
@media screen and (min-width:1200px) {
	#header>.container {position:relative;}
	#header {height:auto; background:#242424;}
	#gnb {height:auto;}
	.navbar-header {position:static; width:auto; height:auto; padding:0; background:none;}
	.navbar-header h1 {left:0; height:70px; margin-left:0; }
	.navbar-header .navbar-toggle {display:none;}
	.navbar-nav {padding:0;}
	.navbar-nav .dropdown .fa-chevron-down {display:none;}
	.heightHeader #gnb .navbar-collapse {position:static; width:auto; height:auto; margin-left:120px; margin-right:60px; text-align:center; background:none !important; z-index:99;}
	.heightHeader #gnb .gnbHome {display:none;}
	.heightHeader #gnb .navbar-nav li {display:inline-block; vertical-align:top; border:none;}
	.heightHeader #gnb .navbar-nav li.on {background:none;}
	.heightHeader #gnb .navbar-nav .submenuAll {display:none;}
	.heightHeader #gnb .navbar-nav a {padding:25px 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 {position:absolute; top:100%; left:50%; width:180px; min-width:0; margin-left:-90px; padding:8px 0; border:none; background:#fff;}
	.heightHeader #gnb .navbar-nav .dropdown-menu li {display:block;}
	.heightHeader #gnb .navbar-nav .dropdown-menu .submenuAll {display:none;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a {height:auto; padding:8px 20px;}
	.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%; width:160px; padding:8px 0; border:none; background:none; box-shadow:inset 2px 0 4px rgba(0,0,0,0.1);}
	.heightHeader #gnb .navbar-nav .menu-3rd a {padding-left:35px;}
	.heightHeader #gnb .navbar-nav .menu-3rd .subMenuName:before {display:block; left:-12px; height:0; border-top:1px solid #d4d4d4; border-color:inherit;}
	.heightHeader .gnbDim {display:none !important;}
	#util {position:absolute; top:50%; right:0; font-size:0; margin:-13px 0 0 0; z-index:99;}
	.lang {position:absolute; top:50%; right:70px; margin-top:-15px; padding:0;}
	.lang a {padding:5px 15px;}
	.heightHeader .headerSns {display:block;}
	#keyVisual .item {height:620px;}
	.swipe .caption .main {font-size:54px;}
	.swipe .caption .line{width:420px;}
	.swipe .caption .sub {font-size:20px;}
	.titlePosition .titleBox {padding-top:70px;}
	.titlePosition.topBg .titleBox .titleCell {padding-top:80px; padding-left:80px;}
	.shortTitle .main {font-size:32px;}
	.shortTitle .main .text{padding-bottom:3px;}
	.shortTitle .sub{font-size:18px;}
	.category{padding:0 55px 80px;}
	.categoryTitle .main{font-size:36px;}
	.categoryTitle .sub{font-size:36px;}
	.newsWrap{padding:76px 55px 80px;}
	.main .newsWrap{padding:0 0 80px;}
	.category .piece01 a,.category .piece02 a{padding:56px 30px 50px;}
	.category .recent .tile.two{margin-top:-271px;}
	.category .recent .tile .tileImg{height:203px;}
	.category .recent .tile.heightDouble .tileImg{height:474px;}
	.subFilter .filterBtn {display:none;}
	.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; margin:5px; font-size:16px;}
	.subFilter .filterGroup>li>a {min-width:85px; padding:10px 15px; color:#333; border:none; background:#fff;}
	.subFilter .filterGroup>li>a span {padding:0; border:none;}
	.subFilter .filterGroup>.active>a span, .subFilter .filterGroup>.active>a:hover span, .subFilter .filterGroup>.active>a:focus span {border:none;}
	.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:#fff; background:#ffc550;}
	.topBg {height:80px; min-height:80px;}
	.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:440px;}
	.topBg .subTitle {font-size:20px;}
	.menuTitle{padding-top:76px;}
	.menuTitle .main,.bbs #bbs header h1{font-size:36px;}
	.menuTitle .sub{font-size:24px; margin-top:10px;}
	.news .tile.three{margin-top:-274px;}
	.news .tile .tileImg{height:206px;}
	.news .tile.heightDouble .tileImg{height:480px;}
	.list01 .news .tile .tileImg,.list01 .news .tile.heightDouble .tileImg{height:250px;}
	.bbs .innerOutline{padding-top:76px;}
	h3.searchResult {margin-top:76px;}
}
@media screen and (min-width:1280px) {
	.container {width:auto;}
	.heightHeader #gnb .navbar-nav a {font-size: 16px; padding: 30px 25px;}
	.heightHeader #gnb .navbar-nav .dropdown-menu a{font-size:16px;}
	.heightHeader #gnb .navbar-nav > li:nth-child(5) .menu-3rd{left:100%; right:auto;} 
	#keyVisual .item {height:730px;}
	.titlePosition .titleBox .titleCell {padding:100px 120px;}
	.shortCut .tileTitle {padding:24px 15px 22px;}
	.shortCut .tileTitle  .main {font-size:20px; padding-bottom:2px;}
	.shortCut .tileTitle .main .text{padding-bottom:4px;}
	.wide .wideImg{height:360px;}
	.wide .wideTxt{padding:30px 15px 27px;}
	.wide .wideTxt .main{font-size:20px;}
	.wide .wideTxt .main .text{padding-bottom:3px;}
	.wide .wideTxt .sub{font-size:18px;}
	.category{padding:0 70px 80px;}
	.category .piece01 a, .category .piece02 a{padding: 52px 30px 65px;}
	.category .piece01 .pieceIcon, .category .piece02 .pieceIcon {width: 48px; height: 48px; margin-bottom: 22px; background-size: 48px 48px;}
	.category .piece01 .main, .category .piece02 .main{font-size:20px;}
	.category .piece01 .sub, .category .piece02 .sub{font-size:18px;}
	.category .recent .tile.two{margin-top:-325px;}
	.category .recent .tile .tileImg{height:239px;}
	.category .recent .tile.heightDouble .tileImg{height:564px;}
	.category .recent .tile .tileTitle{padding:20px 15px 20px;}
	.category .recent .tile .main {font-size:17px;}
	.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:500px;}
	.breadCrumb {margin-top:70px;}
	.newsWrap{padding: 76px 70px 80px;}
	.main .newsWrap{padding: 0 0 80px;}
	.news .tile.three{margin-top:-276px;}
	.news .tile .tileImg{height:190px;}
	.news .tile.heightDouble .tileImg{height:466px;}
	.news .tile .tileTitle{padding:20px 15px 20px;}
	.news .tile .main {font-size:17px;}
	.list01 .news .tile .tileImg,.list01 .news .tile.heightDouble .tileImg{height:270px;}
	.list01 .news .tile .tileTitle {height:90px;}
	.loadMore button{width: 80px; height: 80px;}
	.loadMore button:before {width:40px; height:4px; margin-top:-2px; margin-left:-20px;}
	.loadMore button:after {width:4px; height:40px; margin-top:-20px; margin-left:-2px;}
	.infoOutline{margin-top:70px; margin-bottom:70px;}
	.detail {padding-top:60px; border: 1px solid #ebebeb;}
	.entry h1,.shopView h1,.bbs #bbs header h1 {font-size:34px;}
	.entry h2,.shopView h2,.bbs #bbs header h2 {font-size:22px;}
	.related .tileTitle {padding:20px 15px 0 0;}
	.related h3 {font-size:20px;}
	.related .tile h4 {font-size:18px;}
	.related .tile h5 {font-size:16px;}
}
@media screen and (min-width:1440px) {
	.titlePosition.topBg .titleBox .titleCell {padding-left:0; padding-right:0;}
	.newsWrap{padding: 76px 0 80px;}
	.main .newsWrap{padding: 0 0 80px;}
	.category{padding:0 0 80px;}
	.news .tile.three{margin-top:-326px;}
	.news .tile .tileImg{height:240px;}
	.news .tile.heightDouble .tileImg{height:565px;}
	.list01 .news .tile .tileImg,.list01 .news .tile.heightDouble .tileImg {height:305px;}
	.related {margin:0;}
	.related h3 {margin-left:0;}
	.related .relatedWrap {margin:0 -5px;}
}