@charset "UTF-8";


/* content */
#contArea {position:relative; max-width:1484px; width:100%; padding:0 20px; margin:0 auto;}
#contArea.wide {max-width:100%; padding:0;}

.real-cont {padding-bottom:150px;}
.real-cont.none {padding-bottom:0;}

.real-cont.certification .type,
.real-cont.certification .wish-box,
.real-cont.certification .name  {
    display: none;
}

/* sub */
#subWrap {padding-top:200px;}
.page-56 #subWrap ,
.page-url-product--fc #subWrap {padding-top:0;}

.sub-vis {position:relative; width:100%; height:1000px; overflow:hidden;}
.sub-vis .content {position:absolute; top:50%; text-align:center; transform:translateY(-50%); left:0; padding:0 20px; width:100%; color:#fff; z-index:10}
.sub-vis .content .logo {margin-bottom:25px;}
.sub-vis .content h2 {font-size:32px; line-height:1.3em; font-weight:700; letter-spacing:-.04em; margin-bottom:35px;}
.sub-vis .content .tit {font-size:24px; line-height:1.7em; font-weight:800; margin-bottom:30px;}
.sub-vis .content .cnt {font-size:20px; line-height:1.6em; opacity:.80;}
.sub-vis .background {
	position:absolute; 
	top:0; 
	left:0;
	width:100%; height:100%;	
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	transform:scale(1.09);
    -ms-transform:scale(1.09); /* IE 9 */
    -moz-transform:scale(1.09); /* Firefox */
    -webkit-transform:scale(1.09); /* Safari and Chrome */
    -o-transform:scale(1.09); /* Opera */
	transition: all 2s ease-out 0s;
	transition-delay: 0.1s;
	z-index:0;
}
.sub-vis.load .background {
	transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}

body.page-56 .sub-vis {margin-bottom:165px;}
body.page-56 .sub-vis .content .inner {max-width:1040px;}
body.page-56 .sub-vis .content .logo {border-bottom:1px solid rgba(255,255,255,.30); padding-bottom:74px; margin-bottom:74px;}
body.page-56 .sub-vis .content h2 {font-size:50px;}
body.page-56 .sub-vis .content .cnt {margin-bottom:26px;}
body.page-56 .sub-vis .content .cnt:last-child {margin-bottom:0;}


body.page-url-product--fc .sub-vis .background {background-image:url('../img/sub/vis_product.jpg')} /* 반디스탠드 */
body.page-56 .sub-vis .background {background-image:url('../img/sub/vis_company.jpg')} /* 회사소개 - 지비스 텔라 */
body.page-url-inquiry--fc .sub-vis .background {background-image:url('../img/common/sub_vis3.jpg')} /* contact us */

.mouse-scroll {position:absolute; bottom:70px; left:50%; margin-left:-8px; width:16px; height:54px; background:url('../img/sub/scroll.png') 50% 50% no-repeat; animation: scrollDown .9s linear infinite alternate; z-index:10}


@keyframes scrollDown {
    from {
        bottom: 50px;
    }

    to {
        bottom: 70px;
    }
}
/*
html:lang(en) #slideVideo .ko {display: none;}
html:lang(ko) #slideVideo .en {display: none;}
*/
.product-image {display:flex; align-items:center; height:632px; color:rgba(255,255,255,.80); margin-bottom:190px; background:url('../img/sub/product_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.product-image .cnt {font-size:24px; line-height:1.5em; margin-bottom:25px;}
.product-image .cnt:last-child {margin-bottom:0;}

.shop-head {display:flex; margin-bottom:130px;}
.shop-image {width:50%; padding-right:50px;}
.shop-image .shopSlider {margin-bottom:56px;}
.shop-image .video-box {position:relative; max-width:840px; margin:0 auto; width:100%;}
.shop-image .video-btn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:64px; height:64px; background:url('../img/main/video_play.png') 50% 50% no-repeat; background-size:contain; z-index:10; transition:.3s;}
.shop-image .video-btn:focus {outline:0;}
.shop-image .video-btn.active {background-image:url('../img/main/video_pause.png'); opacity:0;}
.shop-image .video-box:hover .video-btn.active {opacity:.5;}
.shop-image .video-container {border-radius:20px; padding-bottom:85%;overflow:hidden;}
.shop-image .thumb {border-radius:20px; position:relative; padding-bottom:85%; overflow:hidden;}
.shop-image .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.shop-image .thumb:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #d5d5d5; border-radius:20px;}
.shop-image .shopNav .slick-list {margin:0 -6px;}
.shop-image .shopNav .slick-slide {padding:0 6px;}
.shop-image .shopNav .thumb {padding-bottom:84.4%;}
.shop-image .shopNav .slick-current .thumb:after {border-color:#000;}

.shop-info {width:50%; color:#000;}
.shop-info .box {padding-left:22px;}
.shop-info h2 {font-size:42px; line-height:1.4em; font-weight:700; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #000;}
.shop-info .detail-info {border-bottom:1px solid #dedede; padding-bottom:35px; margin-bottom:35px;}
.shop-info .detail-info .group {margin-bottom:12px; display:flex; align-items:center; font-size:18px; line-height:1.67em;}
.shop-info .detail-info .group:last-child {margin-bottom:0;}
.shop-info .detail-info .group .tit {width:174px; font-weight:700;}
.shop-info .detail-info .group .tit span {color:#e85151}
.shop-info .detail-info .group .info {flex:1 1 auto; min-width:0; width:1%; color:#5d5d5d;}
.shop-info .detail-info .group .price {color:#000; padding-left:24px;}
.shop-info .detail-info .group .line-price {text-decoration: line-through;}
.shop-info .detail-info .group .input {height:45px; border:1px solid #e1e1e1; width:100%;}
.shop-info .detail-info .group select.input {font-size:16px; line-height:1.4em; color:#959595; padding:4px 55px 4px 15px; background:#fff url('../img/sub/shop_select.png') 100% 50% no-repeat;}
.shop-info .detail-info .group .num-box {max-width:170px; width:100%; position:relative;}
.shop-info .detail-info .group .num-box .num-up,
.shop-info .detail-info .group .num-box .num-down {position:absolute; right:0; background-repeat:no-repeat; text-indent:-9999em; background-position:50% 50%; width:27px; border-left:1px solid #e1e1e1;}
.shop-info .detail-info .group .num-box .num-up {top:0; height:23px; background-image:url('../img/sub/num_up.png'); border-bottom:1px solid #e1e1e1;}
.shop-info .detail-info .group .num-box .num-down {bottom:0; height:22px; background-image:url('../img/sub/num_down.png');}
.shop-info .detail-info .group.delivery {align-items:flex-start;}
.shop-info .total-price dl {display:flex; justify-content:flex-end; align-items:center; font-size:24px; line-height:1.4em; font-weight:700; margin-bottom:50px;}
.shop-info .total-price dl dt {margin-right:70px;}
.shop-info .total-price dl dd strong {font-size:48px;line-height:1.4em;}
.shop-info .btns {display:flex; width: calc(100% + 12px); margin-left:-12px; margin-top: -12px;}
.shop-info .btns li {width:calc(33.333% - 12px); margin-left:12px; margin-top: 12px;}
/* .shop-info .btns li.buy {width:calc(69% - 13px);} */
.shop-info .btns li a {display:flex; align-items:center; justify-content:center; font-size:18px;line-height:1.4em;font-weight:700; color:#000; height:74px; border:1px solid #000; border-radius:10px;}
.shop-info .btns li a i {margin-right:10px;}
.shop-info .btns li a > p { display: flex; align-items: center; justify-content: center; text-align: center;} 
.shop-info .btns li a span { font-size:18px;line-height:1.4em;font-weight:700; width: min-content; }
.shop-info .btns li.buy a {background:#000; color:#fff;}
.shop-info .btns li.naver a {background:#00c300; border-color: #00c300; color:#fff;}
.shop-info .btns li.naver a img { vertical-align: middle; }
.shop-info .ko {display:none;}
/*html:lang(ko) .shop-info .ko {display:block;} */

.shop-menu {margin-bottom:80px;}
.shop-menu .inner {border-bottom:1px solid #000; padding-bottom:12px;}
.shop-menu ul {display:flex; justify-content:center; margin:0 -13px;}
.shop-menu ul li {text-align:center; padding:0 13px;}
.shop-menu ul li a {display:flex; height:50px; min-width:260px; align-items:center; justify-content:center;color:#888; font-size:18px; line-height:1.4em; background:#fff; border:1px solid #b2b2b2; border-radius:25px; padding:0 20px;}
.shop-menu ul li a.active, .shop-menu ul li.on a {background:#000; color:#fff;}

.shop-title {text-align:center; margin-bottom:80px; color:#000;}
.shop-title h3 {font-size:24px; line-height:1.4em; position:relative; padding-bottom:5px;display:inline-block;}
.shop-title h3:after {content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#000;}
.shop-title .cnt {margin-top:30px; font-size:24px; line-height:1.48em; color:#272727; font-weight:500;}
.shop-title .tit {font-size:42px; line-height:1.4em; font-weight:700; margin-top:30px;}


.shop-detail .group {border-bottom:1px solid #e9e9e9; padding-bottom:105px; margin-bottom:105px;}
.shop-detail .group:last-child {border-bottom:0; margin-bottom:0;}
.shop-detail .value-inner ul {display:flex; margin:0 -12px;}
.shop-detail .value-inner ul li {width:33.333%; padding:0 12px;}
.shop-detail .value-inner ul li .photo {position:relative;}
.shop-detail .value-inner ul li .pic {overflow:hidden; border-radius:20px;}
.shop-detail .value-inner ul li .pic img {width:100%;}
.shop-detail .value-inner ul li .content {position:absolute; top:60%; left:0; width:100%; padding:0 55px; color:#fff;}
.shop-detail .value-inner ul li dl dt {font-size:36px; line-height:1.4em;font-weight:700; margin-bottom:25px;}
.shop-detail .value-inner ul li dl dd {font-size:18px;line-height:1.67em; opacity:.80;}
.shop-detail .develop-inner {position:relative;}
.shop-detail .develop-inner .pic {overflow:hidden; border-radius:20px; height:385px; position:relative; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.shop-detail .develop-inner .info .photo {margin-bottom:50px; margin-right:350px;}
.shop-detail .develop-inner .slider-nav {position:absolute; top:0; right:0; width:326px; z-index:10; overflow:hidden;}
.shop-detail .develop-inner .slider-nav .develop-nav {margin-left:-176px;}
.shop-detail .develop-inner .slider-nav .pic {width:152px;}
.shop-detail .develop-inner .slider-nav .item {margin-left:24px; position:relative; width:auto; cursor: pointer;}
.shop-detail .develop-inner .slider-nav .num {position:absolute; top:50px; left:0; width:100%; z-index:2; text-align:center; font-size:20px ;line-height:1.4em; color:#fff;font-weight:700;}
.shop-detail .develop-inner dl {display:flex; margin-bottom:20px;}
.shop-detail .develop-inner dl dt {width:50%; font-size:30px ;line-height:1.53em; font-weight:700; color:#161616;}
.shop-detail .develop-inner dl dd {width:50%; padding-left:42px; font-size:18px; line-height:1.56em; color:#646464; opacity:.80;}
.shop-detail .develop-inner .control {display:flex; align-items:center; justify-content:flex-end;}
.shop-detail .develop-inner .control .slick-number {margin-right:30px; font-size:22px; line-height:1.4em; color:#151515; opacity:.80;}
.shop-detail .develop-inner .control .slick-number .num-current {font-weight:700; color:#000; padding-right:4px;}
.shop-detail .develop-inner .control .btns {display:flex; align-items:center;}
.shop-detail .develop-inner .control .btns .bar {width:1px; height:36px; width:2px; background:#000; opacity:.40; margin:0 24px;}
.shop-detail .develop-inner .control .btns .deve-prev,
.shop-detail .develop-inner .control .btns .deve-next {width:23px; height:45px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; font-size:0; text-indent:-9999em; border:0; background-color:#fff;}
.shop-detail .develop-inner .control .btns .deve-prev {background-image:url('../img/sub/shop_bt_prev.png');}
.shop-detail .develop-inner .control .btns .deve-next {background-image:url('../img/sub/shop_bt_next.png');}
.shop-detail .develop-inner .control .btns .deve-prev:focus,
.shop-detail .develop-inner .control .btns .deve-next:focus {outline:0;}
.shop-detail .product-slider-wrap {max-width:1075px; width:100%; margin:0 auto;}
.shop-detail .product-slider-wrap .slick-list {overflow:visible;}
.shop-detail .product-slider-wrap .item {opacity:.32;}
.shop-detail .product-slider-wrap .item.slick-current {opacity:1;}
.shop-detail .product-slider-wrap .pic {overflow:hidden; max-width:921px; margin:0 auto; width:100%; border-radius:20px;}
.shop-detail .product-slider-wrap .slick-arrow {position:absolute; top:50%; width:27px; height:43px; opacity:.30;transform:translateY(-50%); background-repeat:no-repeat; background-position:50% 50%; background-size:contain; z-index:20}
.shop-detail .product-slider-wrap .slick-arrow:hover {opacity:1;}
.shop-detail .product-slider-wrap .slick-arrow:before {display:none;}
.shop-detail .product-slider-wrap .slick-prev {left:0; background-image:url('../img/sub/shop_product_bt_prev.png');}
.shop-detail .product-slider-wrap .slick-next {right:0; background-image:url('../img/sub/shop_product_bt_next.png');}
.shop-detail .product-slider-wrap .text {margin-top:45px; text-align:center; font-size:32px; line-height:1.53em; font-weight:700; color:#121212}

html:lang(en) .shop-detail .value-inner ul li .content {top:auto; bottom:50px;}

.shop-detail-inner .group {padding:90px 0; background:#f6f6f6;}
.shop-detail-inner .group:nth-child(even) {background:none;}
.shop-detail-inner .title {display:flex; align-items:center; margin-bottom:40px;}
.shop-detail-inner .title .ico {width:87px; height:87px; margin-right:30px; border-radius:100%; background:#fff; overflow:hidden; box-shadow:10px 10px 20px rgba(0,0,0,.10);}
.shop-detail-inner .title h3 {flex:1 1 auto; min-width:0; width:1%; font-size:28px; line-height:1.3em; color:#121212; font-weight:700;}
.shop-detail-inner .title .fs45 {font-size:45px;}
.shop-detail-inner .info {padding-left:77px;}
.shop-detail-inner .ul-photo {display:flex; margin:0 -10px;}
.shop-detail-inner .ul-photo li {width:33.33333%; padding:0 10px;}
.shop-detail-inner .ul-photo li .tit {font-size:22px; line-height:1.4em; margin-top:40px; color:#121212; font-weight:700;}
.shop-detail-inner .ul-photo.type2 li {text-align:center;}
.shop-detail-inner .ul-photo.type2 li .pic {margin-bottom:20px;}
.shop-detail-inner .ul-photo.type3 {margin:0 -15px;}
.shop-detail-inner .ul-photo.type3 li {width:50%; padding:0 15px;}
.shop-detail-inner .ul-photo.type4 {margin:0 -11px;}
.shop-detail-inner .ul-photo.type4 li {width:50%; padding:0 11px; text-align:center;}
.shop-detail-inner .pic {border-radius:20px; overflow:hidden;}
.shop-detail-inner .pic img {width:100%;}
.shop-detail-inner .video-box {position:relative; max-width:840px; margin:0 auto; width:100%;}
.shop-detail-inner .video-btn {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:64px; height:64px; background:url('../img/main/video_play.png') 50% 50% no-repeat; background-size:contain; z-index:10; transition:.3s;}
.shop-detail-inner .video-btn:focus {outline:0;}
.shop-detail-inner .video-btn.active {background-image:url('../img/main/video_pause.png'); opacity:0;}
.shop-detail-inner .video-box:hover .video-btn.active {opacity:.5;}
.shop-detail-inner .video-container {border-radius:20px; overflow:hidden;}
.shop-detail-inner .text-cnt {text-align:center; margin-top:40px; font-size:22px;line-height:1.55em; color:#121212; font-weight:600;}
.shop-detail-inner .text-cnt p {font-size:inherit;line-height:inherit; font-weight:inherit;}

.tit_detail {font-size:24px; line-height:1.4em; color:#000; font-weight:800;}

#shopTabContent .tab-pane h2 {font-size:24px; line-height:1.4em; color:#000; font-weight:800; border-bottom:1px solid #000; padding:0 0 22px;}
.shop-return-inner {padding-bottom:50px;border-bottom:1px solid #e2e2e2;}
.shop-return-inner .group {padding:0 40px; margin-bottom:50px; font-size:18px; line-height:1.76em;}
.shop-return-inner .group:last-child {margin-bottom:0;}
.shop-return-inner h4 {border-bottom:1px solid #e2e2e2; font-size:20px ;line-height:1.4em;font-weight:600; padding-bottom:20px; margin-bottom:20px;}
.shop-return-inner ul li {text-indent:-.4em; padding-left:.4em;  color:#929292;}
.shop-return-inner ul li.coment {text-indent:-.8em; padding-left:.8em;}
.shop-return-inner dl {color:#040404; margin-bottom:25px;}
.shop-return-inner dl dt {font-weight:400;}


.sub-title {margin-bottom:80px; text-align:center;}
.sub-title h2 {font-size:50px; line-height:1.4em; color:#000; font-weight:700;}

.sub-tit {margin-bottom:60px; text-align:center;}
.sub-tit h2 {font-size:82px; line-height:1.4em;font-weight:800; color:#000;}

.pursuit-inner .inner {max-width:1560px;}
.pursuit-inner .group {border-bottom:1px solid #e9e9e9; padding-bottom:120px; margin-bottom:120px;}
.pursuit-inner .group:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.pursuit-inner .pursuit-box {text-align:center;}
.pursuit-inner .pursuit-box .box {border-radius:20px; overflow:hidden; height:639px; display:flex; align-items:center; justify-content:center; background:url('../img/sub/pursuit_bg.jpg') 50% 50% no-repeat; background-size:cover; margin-bottom:60px;}
.pursuit-inner .pursuit-box .box ul {display:flex;}
.pursuit-inner .pursuit-box .box ul li {margin:0 -20px;}
.pursuit-inner .pursuit-box .box ul li .circle {width:22rem; height:22rem; border-radius:100%; border:1px solid rgba(255,255,255,.60); background:rgba(255,255,255,.10); display:flex; align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;}
.pursuit-inner .pursuit-box .box ul li .ico {width:100%; line-height:0; margin-bottom:20px;}
.pursuit-inner .pursuit-box .box ul li .tit {font-size:24px; line-height:1.4em; font-weight:700; color:#fff;}
.pursuit-inner .pursuit-box .cnt {font-size:20px; line-height:1.7em; color:#565656;}
.pursuit-inner .value-box ul {display:flex; flex-wrap:wrap; justify-content:center; margin:0 -13px -60px;}
.pursuit-inner .value-box ul li {width:33.333333%; padding:0 13px; margin-bottom:60px;}
.pursuit-inner .value-box ul li .photo {position:relative; overflow:hidden; border-radius:20px;}
.pursuit-inner .value-box ul li .photo:after {content:"";position:absolute; top:0; left:0; width:100%; height:0; background:#1b1b1b; z-index:1; opacity:0; transition:.3s;}
.pursuit-inner .value-box ul li .pic {position:relative; padding-bottom:124.3%;}
.pursuit-inner .value-box ul li .pic img {position:absolute; top:0; left:0; width:100%; height:100%;}
.pursuit-inner .value-box ul li .num {position:absolute; top:60px; right:54px; color:#fff; font-size:22px; line-height:1.4em;font-weight:700; z-index:10;}
.pursuit-inner .value-box ul li .tit {position:absolute; bottom:100px; left:0; width:100%; padding:0 60px; color:#fff; font-size:45px; line-height:1.4em;font-weight:700;}
.pursuit-inner .value-box ul li .content {position:absolute; bottom:-100px; left:0; width:100%; padding:0 60px; color:#fff; z-index:-99999; opacity:0; transition:.3s;}
.pursuit-inner .value-box ul li .content dl dt {font-size:39px ;line-height:1.4em; font-weight:700; margin-bottom:30px;}
.pursuit-inner .value-box ul li .content dl dd {font-size:20px; line-height:1.7em; color:#c9c9c9; font-weight:500;}
.pursuit-inner .value-box ul li:nth-child(3) .num,
.pursuit-inner .value-box ul li:nth-child(3) .tit {color:#000;}
.pursuit-inner .value-box ul li:nth-child(5) .num,
.pursuit-inner .value-box ul li:nth-child(5) .tit {color:#000;}
.pursuit-inner .value-box ul li.active .photo:after {opacity:1; height:100%;}
.pursuit-inner .value-box ul li.active .num {color:#fff;}
.pursuit-inner .value-box ul li.active .content {opacity:1; z-index:9; bottom:100px;}

.location-map {margin-bottom:90px;}
.location-map ul {display:flex; margin:0 -13px;}
.location-map ul li {width:50%; padding:0 13px;}
.location-map ul li iframe {width:100% !important; height:614px !important;}

.location-inner {display:flex; justify-content: space-between}
.location-inner h3 {font-size:50px; line-height:1.4em; color:#151515; font-weight:700; margin-right:50px;}
.location-inner .info {width:100%; max-width:780px;}
.location-inner ul {border-top:2px solid #000;}
.location-inner ul li {border-bottom:1px solid #d1d1d1; padding:25px 50px; color:#272727;  font-size:18px ;line-height:1.4em;}
.location-inner ul li dl {display:flex;}
.location-inner ul li dl dt {width:190px; position:relative; padding-left:48px; font-weight:700;} 
.location-inner ul li dl dt:before {content:""; position:absolute; top:2px; left:0; width:20px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.location-inner ul li dl dd {flex:1 1 auto; min-width:0; width:1%;}
.location-inner ul li dl dt.addr:before {background-image:url('../img/sub/ico_addr.png');}
.location-inner ul li dl dt.tel:before {background-image:url('../img/sub/ico_tel.png');}
.location-inner ul li dl dt.mail:before {background-image:url('../img/sub/ico_mail.png');}

html:lang(en) .location-inner ul li dl dt {width:220px;}

.sub-head {background:#f6f6f6; padding:60px 0; margin-bottom:85px;}
.sub-head .inner {max-width:1560px; display:flex; align-items:center;}
.sub-head .info {flex:1 1 auto; min-width:0; width:1%;}
.sub-head .info .tit {font-size:45px; line-height:1.33em; font-weight:800; color:#111; margin-bottom:15px;}
.sub-head .info .cnt {font-size:20px ;line-height:1.6em; color:#636363; opacity:.80;}
.sub-head .img {width:740px; margin-left:50px;}

/* 검색 */
.board-search {margin-bottom:40px; display:flex; align-items:center; justify-content:space-between;}
.board-search .search {order:2; position:relative; max-width:405px; width:100%; border-bottom:2px solid #000;}
.board-search .search form {display:flex;}
.board-search .search hidden {display:flex;}
.board-search .input {font-size:18px; line-height:1.4em;}
.board-search select.input {width:140px; padding-left:0;}
.board-search select.input,
.board-search input.input {border:0; height:50px;}
.board-search input.input {flex:1 1 auto; min-width:0; width:1%; padding-right:50px;}
.board-search .bt-search {position:absolute; top:8px; right:0; font-size:0; line-height:0; text-indent:-9999em; width:23px; height:24px; background:url('../img/bbs/btn_search.png') 50% 50% no-repeat; background-size:contain; border:0;}
.board-search.type2 {justify-content:flex-end;}

.board-total {order:1; color:#151515; font-size:20px; line-height:1.4em; font-weight:700;}
.board-total span {color:#000}
.board-total strong {color:#034ea2}

.gallery-list ul {display:flex; flex-wrap:wrap; margin:0 -12px;}
.gallery-list ul li {width:25%; padding:0 12px; margin-bottom:80px;}
.gallery-list ul li a {display:block;}
.gallery-list ul li .photo {background:#f9f9f9; margin-bottom:20px; padding:35px 44px;}
.gallery-list ul li .thumb {position:relative; height:0; padding-bottom:136.5%; box-shadow:0 5px 15px rgba(0,0,0,.09); overflow:hidden;}
.gallery-list ul li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.gallery-list ul li a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04,1.04); -ms-transform:translate(-50%,-50%) scale(1.04,1.04); -webkit-transform:translate(-50%,-50%) scale(1.04,1.04);}
.gallery-list ul li .tit {font-size:20px; line-height:1.4em; font-weight:300; color:#151515}


.white-popup {background:#f9f9f9; max-width:520px; padding:40px;}
.showroom-box .slider .slick-list .slick-slide h3.title {display:none;}
.showroom-box .slider .slick-list .slick-slide {padding:20px;}
.showroom-box .slider .slick-list .slick-slide > p {position:relative; height:0; padding-bottom:136.7%; box-shadow:0 5px 15px rgba(0,0,0,.06); overflow:hidden;}
.showroom-box .slider .slick-list .slick-slide > p img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; min-height:100%; object-fit:contain; transition:0.3s;}
.slider-nav-thumbnails {display:none}
.showroom-box img {border:0;}
.showroom-box .slider .slick-list .slick-slide figcaption {margin-top:20px; padding-bottom:0;}
.showroom-box .slider .slick-list .slick-slide figcaption p {font-size:24px; line-height:1.4em; color:#151515; font-weight:500;}
.mfp-close {position:absolute; background:none !important; width:40px; height:40px;  top:-50px !important; right:0 !important; opacity:1 !important; font-size:0; line-height:0;}
.mfp-close:before,
.mfp-close:after {content:" "; position:absolute; top:50%; left:0; width:100%; height:2px; background:#fff; border-radius:2px;}
.mfp-close:before {transform:rotate(45deg);}
.mfp-close:after {transform:rotate(-45deg);}
.mfp-zoom-in.mfp-ready.mfp-bg {opacity:.50;}


.basic-board-list--fc {border-top:1px solid #151515;}
.basic-board-list--fc thead th, .webzine-board-list--fc thead th {background:#fff; font-size:20px; line-height:1.4em; font-weight:700; color:#151515;}
.basic-board-list--fc td, .webzine-board-list--fc td {font-size:18px; line-height:1.4em; color:rgba(21,21,21,.60);}
.basic-board-list--fc td.board-num--fc, .webzine-board-list--fc td.board-num--fc {font-weight:700; color:#151515;}
.basic-board-list--fc tbody td.board-subject--fc, .webzine-board-list--fc tbody td.board-subject--fc a {font-size:18px; line-height:1.4em; color:#151515;}

.board-wrap--fc {font-size:1.2rem}
.board-wrap--fc .board-view--fc {border-top:1px solid #151515;}
.board-wrap--fc .board-view--fc header {padding:36px 25px; border-bottom:1px solid #dedede; }
.board-wrap--fc .board-view--fc header h1 {font-size:1.6rem; color:#1a1a1a; font-weight:700;}
.board-wrap--fc .board-view--fc header address {font-size:1.1rem; color:rgba(26,26,26,.80);}
.board-wrap--fc .board-view--fc .board-conts--fc {font-size:1.1rem}
.board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:1.2rem}

.board-wrap--fc .file {border-top:1px solid #dedede;}
.board-wrap--fc .file ul li {border-bottom:1px solid #e0e0e0; padding:16px 0;}
.board-wrap--fc .file ul li:last-child {margin-bottom:0;}
.board-wrap--fc .file ul li dl {display:flex;}
.board-wrap--fc .file ul li dl dt {width:120px; color:#1a1a1a; font-size:18px; text-align:right; line-height:1.4em; padding-right:22px; position:relative;}
.board-wrap--fc .file ul li dl dt img {vertical-align:middle; margin-right:10px;}
.board-wrap--fc .file ul li dl dt:after {content:""; position:absolute; top:50%; right:0; margin-top:-6px; width:1px; height:12px; background:#151515; opacity:.20;}
.board-wrap--fc .file ul li dl dd { flex:1 1 auto; min-width:0; width:1%; padding-left:22px;}
.board-wrap--fc .file ul li dl dd a {color:#1a1a1a; font-size:18px;line-height:1.4em;}

.board-wrap--fc .board-view--fc .post-navi--fc li:first-child {border-top:1px solid #151515;}
.board-wrap--fc .board-view--fc .post-navi--fc li:not(:last-child) {border-top:1px solid #151515;}
.board-wrap--fc .board-view--fc .post-navi--fc li {border-bottom:1px solid #151515;}
.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc {background-position:26px 50%; padding:18px 0 18px 50px;}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc {background-position:26px 50%; padding:18px 0 18px 50px;}
.board-wrap--fc .board-view--fc .post-navi--fc li strong {color:#1a1a1a}
.board-wrap--fc .board-view--fc .post-navi--fc li span {color:rgba(21,21,21,.80); padding-right:20px;}
.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a {color:rgba(21,21,21,.80);}
.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a {color:rgba(21,21,21,.80);}


.board-paging {margin:50px auto 30px !important;}
.board-paging li {margin-left:2px;}
.board-paging li a {width:44px; height:44px; line-height:44px; font-size:15px; color:#303030; border-radius:100%;}
.board-paging li.on > a, .board-paging li:hover > a {color:#fff; border:0; background:#000;}


/* contact us */
.required {color:#ff002a;}
.mailform {border-bottom:1px solid #ccc;}
.mailform .group {margin:0 0 40px;}
.mailform .group.flex {display:flex; margin:0 -25px 40px;}
.mailform .group.flex .p-col {width:50%; padding:0 25px;}
.mailform .tit {margin-bottom:10px; color:#111; font-weight:600; font-size:22px; line-height:1.4em;}
.mailform .input {width:100%; height:50px; border:0;background-color:transparent; border-bottom:1px solid #000; font-size:18px; line-height:1.4em; color:#111;}
.mailform select.input {max-width:400px; width:100%;}
.mailform input.input:focus {border-bottom:1px solid #000;}
.mailform select.input:focus {border-bottom:1px solid #000;}
.mailform textarea.input {width:100%; height:273px; border:1px solid #000; border-radius:20px; font-size:18px; line-height:1.4em; padding:20px !important;}
.mailform .group.privacy textarea {background:#f9f9f9; height:146px !important; border:0 !important; padding:40px 20px 0 !important;}
.mailform + .buttons {margin-top:60px;}
.mailform .captcha {display:flex; align-items:center;}
.mailform .captcha a {margin:0 12px;}
.mailform .captcha a img {width:26px !important; height:26px !important; margin:0 !important; padding:0 !important;}
.mailform .captcha input {max-width:405px; width:100%; height:50px; border:0;background-color:transparent; border-bottom:1px solid #000; font-size:18px; line-height:1.4em; color:#111;}
.mailform .captcha .p_notice {display:none;}


/* 버튼 */
.buttons {margin:30px 0;}
.buttons:after {content:" "; display:block; clear:both;}
.buttons .cen {text-align:center;}
.buttons .cen .btn-pack {margin:0 2px;}
.buttons .fr {float:right;}
.buttons .fl {float:left;}
.buttons a {text-decoration:none;}
.buttons a,.buttons input {vertical-align:top;}
.buttons + .paginate {margin-top:20px;}

.btn-pack {display:inline-flex; justify-content:center; border-radius:16px; overflow:visible;position:relative;margin:0;padding:0 10px;background:#f2f2f2;color:#151515;border:1px solid #ddd;text-align:center;text-decoration:none !important;vertical-align:top;white-space:nowrap;cursor:pointer;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-pack.focus {background:#000; border:1px solid #000; color:#fff;}
.btn-pack.form-submit {width:223px; height:67px; background:#000; font-size:22px; line-height:67px; color:#fff;font-weight:700; border:0; padding:0 20px;}
.btn-pack.large {height:62px;padding:0 35px;  line-height:60px;font-size:18px; font-weight:700;}
.btn-pack.xlarge {min-width:222px; height:62px;padding:0 35px;  line-height:60px;font-size:18px; font-weight:700;}

.board-wrap--fc a {display:inline-block;}


/* 로그인 */
.sub-cont-section:last-of-type {padding-bottom:0;}
.section-cart-list--fc {position:relative;}
.section-cart-list--fc .scroll-text {position:relative; height:260px; z-index:-1; overflow:hidden;}
.section-cart-list--fc .scroll-text ul {display:flex; position:absolute; top:0; left:0; width:5000px}
.section-cart-list--fc .scroll-text ul li {animation: aniText 18s linear infinite; white-space: nowrap;}
@keyframes aniText {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-100%);
  }
}

body:not(.dep1-customer-gallery--fc) .subCommon--fc h2 {color:#111; font-size:55px; line-height:1.4em; font-weight:700; margin-top:0;}
.member-wrap--fc .login-form-wrap--fc input {height:65px; border-radius:20px; }
.member-wrap--fc .login-form-wrap--fc input[type="text"] {background-image:none;}
.member-wrap--fc .login-form-wrap--fc input[type="password"] {background-image:none;}
.member-wrap--fc .login-form-wrap--fc input[type="text"], .member-wrap--fc .login-form-wrap--fc input[type="password"] {padding-left:1.6rem;}
.member-wrap--fc .join-btn-wrap--fc ul li a {display:flex; align-items:center; justify-content:center; height:65px; border-radius:20px; font-size:20px ;line-height:1.4em; font-weight:700;}
.member-wrap--fc .join-btn-wrap--fc ul li a.btn-join {border-radius:36px; color:#111;}


.member-wrap--fc .join-btn-wrap--fc {margin:2.8125rem auto 60px;}

.category_list--fc li:nth-child(3),
.category_list--fc li:nth-child(7),
.category_list--fc li:nth-child(8) {display:none;}



.board-wrap--fc .board-view--fc .board-conts--fc ul {
    list-style: disc !important;
    list-style-position: inside !important;
    padding-left: 20px !important;
    margin: 10px 0 !important;
    line-height: 32px;
}

.board-wrap--fc .board-view--fc .board-conts--fc ul li {
    list-style-type: disc !important;
    display: list-item !important;
}

.board-wrap--fc .board-view--fc .board-conts--fc ol {
    list-style: decimal  !important;
    list-style-position: inside !important;
    padding-left: 20px !important;
    margin: 10px 0 !important;
}

.board-wrap--fc .board-view--fc .board-conts--fc ol li {
    list-style-type: decimal !important;
    display: list-item !important;
    line-height: 32px;
}

.real-cont.blog .board-wrap--fc .board-view--fc .board-conts--fc a {
    text-decoration: none;
}