@charset "utf-8";
/*
Theme Name - Code Number : 풍성한교회 - sw1703002
*/

/* common */
html,body {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif; font-size:1em; color:#333; line-height:1.75;}
body.bbs #bbs *,body.member #member * {font-family:inherit;}
a {color:#333;}
a:hover,a:focus,a:active {text-decoration:none; color:inherit;}
hr {margin:0; border:none;}
.container {max-width:1280px; width:auto; margin:0 auto; padding:0;}
.shareThis {position:relative; 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:magenta; background-color:lime;}
#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:lime;}
#wrap .pointBg,#accNav a,.shop .disPercent,.btnTop,.gotoHome a,.entry .swipe .indicator .active {background-color:lime;}
#wrap .disPercent:before {border-color:transparent lime transparent transparent;}
#wrap .tabNav a:hover:before,#wrap .tabNav a:focus:before,#wrap .tabNav a:active:before,#wrap .tabNav .active a:before {border-color:lime;}
#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:lime;}
#confirmLayer a:hover,#confirmLayer a:focus,#confirmLayer a:active,
#member input[type="submit"]:hover,#member input[type="submit"]:focus,#member input[type="submit"]:active,
#wrap .btnPoint:hover,#wrap .btnPoint:focus,#wrap .btnPoint:active {background-color:magenta;}

/* 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;}
.gnbLine {display:none;}
#gnb {margin:0; border:none; border-radius:0; background:none; box-shadow:none; z-index:99;}
.navbar-header {position:relative; float:none; height:60px; padding:10px 0; z-index:9;}
.navbar-header h1 {position:absolute; top:50%; left:50%; width:160px; height:40px; margin:-20px 0 0 -80px; 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 {display:block; float:none; position:absolute; top:50%; left:0; width:20px; margin:-12px 0 0 15px; padding:0; border:none; border-radius:0; z-index:9;}
.navbar-header .ql-toggle {display:block; position:absolute; top:0; right:0; width:60px; height:60px; font-size:0; border:none; background:none; background-size:30px auto; z-index:9;}
.icoMenu {display:block; width:100%; height:3px; margin:4px 0; background:lime;}
.icoMenu:last-of-type {margin-bottom:3px;}
.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%; overflow:auto !important; padding:0; border:none; box-shadow:none; z-index:99;}
.heightHeader #gnb .navbar-nav {float:none; margin:0; padding:0;}
.heightHeader #gnb .gnbHome {display:block; position:relative; height:64px; margin-left:50px; padding:15px 0; color:#fff;}
.heightHeader #gnb .gnbHome img {max-width:150px;}
.heightHeader #gnb .gnbClose,.qlClose {display:inline-block; position:absolute; top:0; left:0; width:50px; height:64px; padding:0; border:none; border-radius:100%; background:none;}
.qlClose {left:auto; right:0;}
.heightHeader #gnb .gnbClose:before,.qlClose:before {content:""; position:absolute; top:50%; left:50%; width:17px; height:2px; margin-top:-1px; margin-left:-7px; transform-origin:50% 50%; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); background:#1e1e1e;}
.heightHeader #gnb .gnbClose:after,.qlClose:after {content:""; position:absolute; top:50%; left:50%; width:17px; height:2px; margin-top:-1px; margin-left:-7px; transform-origin:50% 50%; -ms-transform-origin:50% 50%; -webkit-transform-origin:50% 50%; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background:#1e1e1e;}
.heightHeader #gnb .navbar-nav li {float:none;}
.heightHeader #gnb .navbar-nav a {position:relative; padding:10px 15px 10px 25px; font-size:15px; font-weight:normal; color:#333; white-space:normal; line-height:1.5; background:none;}
.heightHeader #gnb .navbar-nav a:hover, .heightHeader #gnb .navbar-nav .on>a, .heightHeader #gnb .navbar-nav .open>a {font-weight:bold;}
.heightHeader #gnb .navbar-nav .dropdown>a:before {content:""; position:absolute; top:20px; right:19px; width:12px; height:2px; background:#333;}
.heightHeader #gnb .navbar-nav .dropdown>a:after {content:""; position:absolute; top:15px; right:24px; width:2px; height:12px; background:#333;}
.heightHeader #gnb .navbar-nav .dropdown.open>a:after {display:none;}
.heightHeader #gnb .navbar-nav .dropdown.open {border-bottom:none; background:none;}
.heightHeader #gnb .navbar-nav .dropdown-menu {position:static; float:none; min-width:0; width:100%; padding:0; border-radius:0; border:none; box-shadow: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;}
.heightHeader #gnb .navbar-nav .menu-3rd {display:none; padding:0; list-style:none; 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 .headerSns {display:block; text-align:center;}
.quickLinks {position:fixed; top:0; bottom:0; right:-240px; width:240px; height:100%; background:#fff; z-index:99;}
.quickLinks .qlTitle {height:64px; margin:0; padding:20px 0 0 25px; font-size:17px;}
.quickLinks .qlList {margin:0; padding:0; list-style:none;}
.quickLinks .qlList a {display:block; padding:10px 15px 10px 25px; font-size:15px; line-height:1.5; color:#333;}
.quickLinks .qlList .txt {display:inline-block; margin-right:0.3em; vertical-align:middle;}
.quickLinks .qlList .img {display:inline-block; width:24px; vertical-align:middle; background-size:cover;}
.gnbDim,.qlDim {display:none; position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:99;}
.headerSns {display:none; margin:25px 0; padding:0; list-style:none;}
.headerSns li {display:inline-block; margin:0 12px;}
.headerSns li a {color:#969696;}
.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 {margin:25px 20px; font-size:0;}
#util .searchBtn {width:26px; height:26px; margin:0; padding:0; font-size: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; font-size:12px; border:none; box-shadow:0 2px 5px rgba(0,0,0,0.15);}
#util .dropdown-menu a {padding:3px 15px;}
#util .dropdown-menu:before {content:""; position:absolute; top:-10px; left:50%; width:0; height:0; margin-left:-5px; border-style:solid; border-width:5px; border-color:transparent transparent #fff transparent;}
#util .dropdown-menu a:hover,#util .dropdown-menu a:focus,#util .dropdown-menu a:active {color:#666;}
#util .open .dropdown-menu {display:block;}
.lang {margin:10px 0 0; padding:0; list-style:none; text-align:center; font-size:0;}
.lang li {display:inline-block; position:relative; padding:0 15px; vertical-align:top;}
.lang li:before {content:""; position:absolute; top:50%; left:0; width:0; height:12px; margin-top:-6px; border-left:1px solid #c0c0c0;}
.lang li:first-child:before {display:none;}
.lang li a {display:block; padding:5px; font-size:14px; opacity:0.6;}
.lang .active a {opacity:1;}
.menuName {position:relative;}
.menuName:after {display:none; content:""; position:absolute; top:100%; left:0; width:100%; height:2px; margin-top:2px; background:#d4d4d4;}
a:hover .menuName:after,.on>a .menuName:after,.open>a .menuName:after {display:block;}
/* 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: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 0 0.3em; font-size:36px; font-weight:normal; line-height:1.3;}
.swipe .caption .sub {margin:0; font-size:16px; font-weight:normal; line-height:1.75;}
.swipe .caption .lineBox {font-size:0;}
.swipe .caption .line {display:inline-block; width:25px; height:1px; margin-top:10px; margin-bottom:10px; vertical-align:top; background:#c18773; transition:width 0.3s;}
.swipe .caption .viewmore {font-size:12px;}
.entry .swipe {padding-bottom:40px;}
.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:405px; min-height:405px;}

/* 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 40px; 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 40px;}

.sectionTitle {padding:40px 15px 20px; text-align:center;}
.sectionTitle .main {margin:0; font-size:22px; line-height:1.3;}
.sectionTitle .sub {margin:0.3em 0 0; font-size:14px; line-height:1.5; color:#c18773;}
.sectionTitle .line {width:25px; height:1px; margin:10px auto 0; background:#c18773; transition:width 0.3s;}
.sectionTitle a:hover .line {width:40px;}

.mainSection .tileTitle .main {font-size:16px;}
.mainSection .tileTitle .sub {font-size:13px;}

.mainSwipe {padding-bottom:40px;}
.mainSwipe .swipeBox {overflow:hidden;}
.mainSwipe .swipeContents {width:80%; margin:0 auto; overflow:visible;}
.mainSwipe .swipe a {width:auto; margin:0 10px;}

.videoBanner a {display:block;}
.videoBanner .contentBox {background:none;}
.videoBanner .sectionTitle {padding-top:25px; padding-bottom:25px; text-align:left;}
.videoBanner .sectionTitle .main {color:#fff;}
.videoBanner .sectionTitle .sub {color:#fff;}
.videoBanner .bannerImg {position:relative; height:162px; background-size:cover;}
.videoBanner .field1 .bannerImg:before {content:""; position:absolute; top:50%; left:50%; width:60px; height:60px; margin-top:-30px; margin-left:-30px; border:3px solid #fff; border-radius:100%; opacity:0.6; transition:opacity 0.3s;}
.videoBanner .field1 .bannerImg:after {content:""; position:absolute; top:50%; left:50%; width:0; height:0; margin-top:-10px; margin-left:-5px; border-style:solid; border-width:10px 16px; border-color:transparent; border-left-color:#fff; opacity:0.6; transition:opacity 0.3s;}
.videoBanner .field1:hover .bannerImg:before,.videoBanner .field1:hover .bannerImg:after {opacity:0.8;}

.tileBanner {padding-top:50px;}
.tileBanner .sectionTitle {padding:0; text-align:left;}
.tileBanner .sectionTitle a {display:block; padding:25px 30px;}
.tileBanner .sectionTitle .main {color:#fff;}
.tileBanner .sectionTitle .sub {color:#fff;}
.tileBanner .tile .tileImg {padding-bottom:56.129%;}
.tileBanner .tile .tileTitle {padding:0 30px 30px;}
.tileBanner .tileTitle .sub {-webkit-line-clamp:4; max-height:7em;}

.tile .tileImg {height:0; margin-bottom:20px; padding-bottom:100%;}

.news {padding-bottom:20px;}
.news .tiles {padding:0 5px;}
.news .tile {float:left; width:50%; margin-bottom:35px; padding:0 5px;}
.news .tile:nth-of-type(2n+1) {clear:left;}
.loadMore {padding:15px 10px 50px; text-align:center; font-size:13px;}
.loadMore button {display:block; width:100%; padding:10px 0; color:#fff; font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif; border:none; background:#e0dfdc;}
.loadMore button .fa {margin-left:0.3em;}

#content.subPage {padding-top:60px;}

/* tile */
.tile {overflow:hidden;}
.tile a {display:block;}
.tileImg {position:relative; overflow:hidden; background-size:cover;}
.tileImg:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:0 solid #181818; transition:border-width 0.3s;}
a:hover .tileImg:after {border-width:5px;}
a:hover .tileTitle .main {color:#181818;}
.tileTitle .main {margin:0 0 0.5em; font-size:15px; font-weight:normal; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:color 0.3s;}
.tileTitle .sub {margin:0; font-size:13px; font-weight:normal; line-height:1.75; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:5.25em;}

.filterBox {max-width:800px; margin:0 auto;}
.subFilter {margin:0 10px 30px; font-size:14px;}
.innerOutline .subFilter {margin-left:auto; margin-right:auto;}
.subFilter .filterBtn {display:block; position:relative; padding:13px 15px; color:#181818; border:1px 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:14px 15px 12px; color:#a1a1a1; line-height:1; border-bottom:1px solid #f0f0f0;}
.subFilter .filterGroup>li>a span {display:inline-block; padding-bottom:3px; 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 {font-weight:bold; color:#181818; background:none;}
.subFilter .filterGroup>.active>a span,.subFilter .filterGroup>.active>a:hover span,.subFilter .filterGroup>.active>a:focus span {border-bottom:2px solid #181818;}

/* sub */
h3.searchResult {margin-top:80px; margin-bottom:50px; padding:0 20px; font-size:18px; text-align:center;}
.searchResult .sectionTitle {height:auto; padding-bottom:50px;}
.searchResult .sectionTitle .tit {margin:20px 0 0; font-size:18px; font-weight:normal;}
.gotoHome {margin-top:60px; margin-bottom:100px; text-align:center;}
.gotoHome a {display:inline-block; padding:10px 30px; color:#fff;}
.gotoHome a:hover,.gotoHome a:focus,.gotoHome a:active {color:#fff;}
.gotoHome a .fa {margin-left:10px;}
.topBg {background-size:cover;}
.topBg .title {margin:0 0 0.3em; font-size:24px; line-height:1.3;}
.topBg .subTitle {margin:0; font-size:12px; line-height:1.75;}
.topBg .titleBox {border-bottom:2px solid lime;}
.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:200px; min-height:200px; color:#fff;}
.topBg.bgFileUrl_crop .titleBox,.topBg[style*="background-image"] .titleBox {border-bottom:none;}

/* info */
.infoOutline {position:relative; margin-bottom:40px; padding:0;}
.innerOutline {position:relative; padding:0 15px 40px;}
.innerOutline #bbs,.innerOutline #shop,.innerOutline #member {max-width:800px; margin:0 auto;}
.innerOutline header {display:none;}
.bbs #bbs .panel-body {padding-left:0; padding-right:0;}
.detail {position:relative; padding-top:55px; padding-left:15px; padding-right:15px; border-bottom:1px solid #ebebeb;}
.entry {position:relative; max-width:800px; min-height:300px; 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:22px; font-weight:normal; line-height:1.3;}
.entry h2,.shop #shop.shopView h2,.bbs #bbs header h2 {margin:0; font-size:16px; font-weight:normal; line-height:1.75;}
.entry .pages {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
#bbs .board {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
.shop #shop.shopView {max-width:800px; margin-bottom:0; padding-top:0;}
.shopView .dtCont {font-family:'Pretendard','Noto Sans KR','Nanum Gothic','Microsoft YaHei',sans-serif;}
button.closer {position:absolute; top:0; right:0; width:40px; height:40px; padding:0; text-indent:-999em; border:none; background:url('../img/common/icon_layer_close.png') center center no-repeat; z-index:9;}
#content button.closer.bottomCloser {bottom:0;}
.related {max-width:1280px; margin:15px auto 0; padding:0 5px;}
.related h3 {margin:30px 0 20px 5px; font-size:16px; font-weight:normal;}
.related .tile {width:50%; margin:0 0 20px; padding:5px;}
.related .tile:nth-of-type(2n+1) {clear:left;}
.related .tile .tileImg {margin:0; padding:0;}
.related .tileTitle {position:relative; padding:10px 5px 0 0;}
.related .tile h4 {overflow:hidden; margin:0 0 0.5em; font-size:13px; font-weight:normal; line-height:1.3; white-space:nowrap; text-overflow:ellipsis;}
.related .tile h5 {overflow:hidden; margin:0; 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;}

/* footer */
#footer {padding:30px 15px; font-size:12px; line-height:1.5; text-align:center;}
#footer p,#footer address {margin:0;}
#footer a {color:inherit;}
#footer ul {margin:0; padding:0; list-style:none;}
#footer .copy {max-width:240px; margin:0 auto;}
.footerSns {margin-bottom:30px;}
.footerSns a {display:inline-block; width:32px; height:32px; margin:0 3px; line-height:32px; font-size:17px; color:#111; border-radius:100%; background:#fff;}
.footerInfo {margin-bottom:15px;}

/* 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;}
	.shareThis .btn {margin:0 3px;}
}
@media screen and (min-width:768px) {
	.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 .swipeControl {display:block;}
	.swipe .caption .main {font-size:42px;}
	.swipe .caption .sub {font-size:18px;}
	.swipe .caption .viewmore {font-size:14px;}
	.titlePosition .titleBox .titleCell {padding:80px;}
	.titlePosition.topBg .titleBox .titleCell {padding:60px;}
	.sectionTitle {padding:60px 15px 25px;}
	.sectionTitle .main {font-size:26px;}
	.mainSection .tileTitle .main {font-size:18px;}
	.mainSwipe {padding:0 30px 40px;}
	.mainSwipe .swipeContents {width:auto; margin:0;}
	.mainSwipe .swipeItem {width:auto !important;}
	.mainSwipe .swipe .item:nth-of-type(1) {width:50% !important; padding-right:10px;}
	.mainSwipe .swipe .item:nth-of-type(2) {width:25% !important; padding-left:5px; padding-right:5px;}
	.mainSwipe .swipe .item:nth-of-type(3) {width:25% !important; padding-left:10px;}
	.mainSwipe .swipe .item:nth-of-type(1) .tileImg {padding-bottom:67.742%;}
	.mainSwipe .swipe .item:nth-of-type(3) .tileImg {padding-bottom:72.222%;}
	.mainSwipe .swipe a {margin:0;}
	.videoBanner .bannerImg {height:180px;}
	.tileBanner {position:relative; padding-top:0;}
	.tileBanner .tiles {padding:50px 30px 0;}
	.tileBanner .tile .imgBox {float:left; width:50%; padding-right:10px;}
	.tileBanner .tile .tileImg {height:245px; margin-bottom:0; padding-bottom:0;}
	.tileBanner .tile .tileTitle {margin-left:50%; padding-left:10px;}
	.tileBanner .tileTitle .sub {-webkit-line-clamp:3; max-height:5.25em;}
	.tileBanner .sectionTitle {position:absolute; bottom:0; left:50%; right:0; margin-left:-10px;}
	.tile .tileImg {margin-bottom:25px;}
	.news {padding-bottom:30px;}
	.news .tiles {padding:0 25px;}
	.searchResult .sectionTitle .tit {margin-top:30px; font-size:20px;}
	.subFilter {margin-left:30px; margin-right:30px; margin-bottom:50px;}
	.loadMore button {padding:15px 0;}
	h3.searchResult {font-size:24px;}
	.topBg .title {font-size:32px;}
	.topBg .subTitle {font-size:14px;}
	.innerOutline {padding:0 30px 30px;}
	.infoOutline {margin-bottom:60px;}
	.detail {padding-top:70px; padding-left:30px; padding-right:30px;}
	.info .detail_wide header,.info .detail_wide .infourl,.info .detail_wide .downFile,.info .detail_wide .mods>div,.info .detail_wide .mods>h3.info, .detail_wide .mods>h4 {padding-left:30px; padding-right:30px;}
	button.closer {width:60px; height:60px;}
	.entry {min-height:700px;}
	.entry header {margin-bottom:40px;}
	.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {font-size:28px;}
	.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 .tile h5 {font-size:14px; height:auto; max-height:3.5em;}
	#footer .copy {max-width:none;}
}
@media screen and (min-width:1024px) {
	.titlePosition .titleBox .titleCell {padding:80px 100px;}
	.news .tile {width:25%; margin-bottom:45px;}
	.news .tile:nth-of-type(2n+1) {clear:none;}
	.news .tile:nth-of-type(4n+1) {clear:left;}
	.info .detail_wide header,.info .detail_wide .infourl,.info .detail_wide .downFile,.info .detail_wide .mods>div,.info .detail_wide .mods>h3.info, .detail_wide .mods>h4 {padding-left:15px; padding-right:15px;}
}
@media screen and (max-width:1279px) {
	.heightHeader #gnb .navbar-collapse {overflow:auto !important; background:#fff;}
	.heightHeader #gnb .navbar-nav a,.lang a {color:#333;}
	.menuLine {display:none;}
}
@media screen and (min-width:1280px) {
	#content.subPage {padding-top:0;}
	.menuLine {display:block; position:fixed; top:80px; left:0; width:100%; height:1px; background:#d0d0d0; z-index:2;}
	.contentBox {position:relative; background-color:#fff; z-index:3;}
	#header>.container {max-width:1920px;}
	#header {height:auto; box-shadow:none; z-index:1;}
	#gnb {height:auto; min-height:0;}
	.navbar-header {display:none;}
	.navbar-header h1 {left:0; margin-left:0;}
	.navbar-header .navbar-toggle {display:none;}
	.navbar-nav {padding:0;}
	.outline {padding:0 180px;}
	.heightHeader #gnb .gnbHome {height:80px; margin-bottom:25px; margin-left:0; padding-left:10px;}
	.heightHeader #gnb .gnbHome img {margin-top:10px; height:30px; max-width:none;}
	.heightHeader #gnb .navbar-collapse {position:static; width:auto; height:auto; background:none !important; z-index:99;}
	.heightHeader #gnb .navbar-collapse .gnbMenu {position:absolute; float:none; top:0; left:0; width:180px; height:auto; box-shadow:none;}
	.heightHeader #gnb .gnbClose,.qlClose {display:none;}
	.heightHeader #gnb .navbar-nav a {padding-left:15px;}
	.heightHeader #gnb .navbar-nav a:hover,.heightHeader #gnb .navbar-nav a:focus {background:none;}
	.heightHeader #gnb .navbar-nav li.on {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 .headerSns {display:none;}
	.heightHeader .gnbDim,.qlDim {display:none !important;}
	.quickLinks {position:absolute; float:none; top:0; right:0; bottom:auto; width:180px; height:auto;}
	.quickLinks .qlTitle {height:80px; margin-bottom:25px; padding-top:25px;}
	.lang {position:absolute; top:50%; right:100px; margin:-17px 0 0;}
	.lang li {padding:0 2px;}
	.lang li:before {border-left-color:inherit; opacity:0.6;}
	.swipe .caption .main {font-size:52px;}
	.swipe .caption .sub {font-size:19px;}
	.swipe .caption .line {width:50px;}
	#keyVisual .item {height:600px;}
	.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:310px;}
	.sectionTitle {height:195px; padding:70px 15px 0;}
	.sectionTitle .main {font-size:32px;}
	.sectionTitle .sub {font-size:15px;}
	.sectionTitle .line {width:50px;}
	.mainSection .tileTitle .main {font-size:20px;}
	.mainSection .tileTitle .sub {font-size:14px;}
	.mainSwipe {padding:0 0 65px;}
	.mainSwipe .swipe .item:nth-of-type(1) {padding-right:28px;}
	.mainSwipe .swipe .item:nth-of-type(2) {padding-left:14px; padding-right:14px;}
	.mainSwipe .swipe .item:nth-of-type(3) {padding-left:28px;}
	.tileBanner .tiles {padding:78px 0 0;}
	.tileBanner .tile .tileTitle {padding-top:30px; padding-left:20px;}
	.tileBanner .tile .imgBox {padding-right:20px;}
	.tileBanner .tile .tileImg {height:348px;}
	.tileBanner .sectionTitle {height:auto; margin-left:-20px;}
	.tileBanner .sectionTitle a {padding:38px 40px;}
	.videoBanner {position:relative;}
	.videoBanner .boxBg {display:block; position:absolute; top:0; left:0; width:50%; height:100%; background:#d79e81;}
	.videoBanner .container {position:relative;}
	.videoBanner .sectionTitle {display:block; position:absolute; top:0; bottom:0; right:100%; width:180px; height:100%; padding:0;}
	.videoBanner .sectionTitle .box {display:table; width:100%; height:100%;}
	.videoBanner .sectionTitle .cell {display:table-cell; vertical-align:middle; padding:0 25px;}
	.videoBanner .bannerImg {height:280px;}
	.tile .tileImg {margin-bottom:30px;}
	.tileTitle .sub {font-size:14px;}
	.news {padding-bottom:45px;}
	.news .tiles {margin-left:-10px; margin-right:-10px; padding-left:30px; padding-right:30px;}
	.news .tile {margin-bottom:55px; padding-left:10px; padding-right:10px;}
	.news .tileTitle .main {margin-bottom:0.8em;}
	.subFilter {margin:0 0 80px;}
	.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; font-size:14px;}
	.subFilter .filterGroup>li>a {min-width:80px; padding:15px 20px; color:#1e1e1e; border:1px solid #d3d3d3; border-left:none;}
	.subFilter .filterGroup>li:first-child>a {border-left:1px solid #d3d3d3;}
	.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:#1e1e1e;}
	.loadMore {padding:15px 0 50px;}
	.loadMore button {padding:20px 0;}
	.titlePosition .titleBox {padding-top:0;}
	.titlePosition .titleBox .titleCell {padding:80px;}
	.titlePosition.topBg .titleBox .titleCell {padding:60px 40px;}
	.searchResult .sectionTitle .tit {font-size:24px;}
	.infoOutline {margin-bottom:80px;}
	.innerOutline {padding:0 30px 80px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
	.detail {padding-top:80px; padding-left:30px; padding-right:30px; border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
	.entry h1,.shop #shop.shopView h1,.bbs #bbs header h1 {font-size:34px;}
	.gotoHome {margin-bottom:200px;}
	.topBg .title {font-size:38px;}
	.topBg .subTitle {font-size:16px;}
	.related {padding:0 30px;}
	.related .relatedWrap {margin:0 -5px;}
	.related h3 {margin-left:0;}
	.related .tileTitle {padding:20px 15px 0 0;}
	.related .tile h4 {font-size:16px;}
	.related .tile h5 {font-size:14px;}
	#footer {position:relative; padding:65px 0; font-size:14px;}
/* 
	.footerInfo {float:left; width:50%; margin-bottom:0; padding-right:100px; text-align:left;}
	#footer .copy {float:right; width:50%; padding-left:100px; text-align:right;}
	.footerSns {position:absolute; top:50%; left:50%; width:140px; margin-top:-16px; margin-left:-70px;}
 */
}
@media screen and (min-width:1760px) {
	.outline {padding:0 240px;}
	.heightHeader #gnb .gnbHome img {height:34px; margin-top:7px;}
	.heightHeader #gnb .gnbHome {padding-left:25px;}
	.heightHeader #gnb .navbar-nav a {padding-left:25px;}
	.heightHeader #gnb .navbar-collapse .gnbMenu,.quickLinks,.videoBanner .sectionTitle {width:240px;}
	.heightHeader #gnb .navbar-nav .dropdown>a:before {right:34px;}
	.heightHeader #gnb .navbar-nav .dropdown>a:after {right:39px;}
	#keyVisual .item {height:696px;}
	.titlePosition .titleBox .titleCell {padding:80px 120px;}
	.titlePosition.topBg .titleBox .titleCell {padding:60px 80px;}
	.topBg.bgFileUrl_crop,.topBg[style*="background-image"] {height:366px;}
	.news .tiles {margin-left:-21px; margin-right:-21px; padding-left:0; padding-right:0;}
	.news .tile {padding-left:21px; padding-right:21px;}
	.innerOutline #bbs,.innerOutline #shop,.innerOutline #member,.entry,.shop #shop.shopView {max-width:960px;}
	.info .detail_wide .pages>*,.info .detail_wide header,.info .detail_wide .infourl,.info .detail_wide .downFile,.info .detail_wide #shop.shopView header,.info .detail_wide #shop.shopView .shopInfo,.info .detail_wide #shop .tales .nav,.info .detail_wide #shop .goodnoti,.info .detail_wide #shop .goodqna {max-width:990px;} /* 본문 기본 사이즈. entry의 max-width값이 들어감 기본 1080+padding15+15 */
	.related {padding:0;}
}
@media screen and (min-width:1920px) {
	.outline {padding:0 320px;}
	.heightHeader #gnb .navbar-collapse .gnbMenu,.quickLinks,.videoBanner .sectionTitle {width:320px;}
	.heightHeader #gnb .navbar-collapse .gnbMenu {padding-left:75px; padding-right:50px;}
	.quickLinks  {padding-left:50px; padding-right:75px;}
	.videoBanner .sectionTitle .cell {padding-left:100px;}
}