@charset "utf-8";
/* Web Designer yoon 121220 */
@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');

/* Reset */
html {-webkit-font-smoothing:antialiased;}
body {font-family:'Noto Sans Korean', 'Noto Sans KR', 'Dotum', '돋움', 'Arial', sans-serif; font-size:12px; font-weight:400; color:#666666; line-height:1.5;}

/* standard style 정의 */
html{overflow-y:scroll}
body {margin:0px; }
div, p, dl, dt, dd, table, th, td, form, fieldset, adddress {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
ul, ol, li {margin:0; padding:0;}
ul li {list-style:none;}
a {text-decoration:none;}
em {font-style:normal;}
img,input {vertical-align:middle;}
img, fieldset {border:0;}
hr, legend {display:none;}
td, th, dd, div {color:#777;}
.input {color:#444; padding:6px 2px; border:1px solid #dadada; }
.input_btn {border-right:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); border-top:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); background:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':'' ); border-left:expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':''); border-bottom: expression( (this.type=='checkbox'||this.type=='radio'||this.type=='file'||this.type=='image')?'':'');}
textarea {line-height:1.5em; padding:6px 2px; color:#444; overflow:hidden; overflow-y:auto; overflow-X:hidden; border:1px solid #dadada;}
input.text,
select.text,
textarea.text {border:#ddd 1px solid; outline:0; background:#fff; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text {padding:0 10px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}

/* 링크 관련 */
a {color:#666666; text-decoration:none;}
a,area {outline:none;}
*,*:before,*:after {box-sizing:border-box; margin:0; padding:0;}

/* png24 관련 */
.png24 {tmp:expression(setPng24(this)); position:relative;}

/* 기본 레이아웃 관련 */
#wrap {position:relative; width:1100px; margin:0 auto; z-index:8; max-width:100%;}
#header {position:relative; width:1100px; margin:0 auto 30px; z-index:9; *margin-top:-2px; *zoom:1; max-width:100%;}
#header:after {content:""; display:block; clear:both;}
#container {position:relative; width:1100px; margin:0 auto;*zoom:1; max-width:100%;}
#container:after {content:""; display:block; clear:both;}
#contain {position:relative; width:1100px; margin:0 auto; margin-top:16px;*zoom:1; max-width:100%;}
#contain:after {content:""; display:block; clear:both;}
#footer{position:relative; display:inline-block; width:1100px; margin:70px auto 40px; text-align:center; max-width:100%;}

/* footer */
.footer {position:relative; display:block; width:1100px; margin:70px auto; clear:both; max-width:100%;}
.footer .inner {position:relative;}
.footer .links { z-index:9; position:absolute; top:0; right:20px; display:flex; gap:25px;}
.footer .links a {font-size:15px; font-weight:500; line-height:20px; color:#ccc;}
.footer .links a strong {color:#fed502;}
.footer .address {position:relative; padding-top:70px; display:flex; flex-wrap:wrap; gap:0 20px; font-size:15px; font-weight:300;}
.footer .address:before {content:""; position:absolute; top:0; left:0; width:313px; height:32px; background:#fff; mask:url('/images/logo.png') no-repeat 0 0 / contain; -webkit-mask:url('/images/logo.png') no-repeat 0 0 / contain;}
.footer .address strong {font-weight:500;}
.footer .address ul {display:flex; gap:0 20px; flex-wrap:wrap; margin:10px 0 20px; width:100%;}

/* top */
.logo {position:relative; margin-top:20px; float:left;}

/* header - GNB */
#gnb {position:absolute; top:37px; right:30px;}
#gnb:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#gnb li {float:left; display:inline; padding-left:54px;}
#gnb li.on ul {display:block; position:absolute; padding-top:14px;}
#gnb li ul {display:none; position:relative; overflow: hidden;}
#gnb li ul:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#gnb li ul li {height:12px; float:left; display:inline; overflow:hidden; padding:0 6px;}
#gnb li .m1 {top:25px; left:0px; background:url('/images/smenu_bg.gif') left top no-repeat; width:460px; height:40px; padding-left:55px;}
#gnb li .m2 {top:25px; left:0px; background:url('/images/smenu_bg.gif') left top no-repeat; width:460px; height:40px; padding-left:132px;}
#gnb li .m3 {top:25px; left:80px; background:url('/images/smenu_bg.gif') left top no-repeat; width:460px; height:40px; padding-left:137px;}
#gnb li .m4 {top:25px; left:180px; background:url('/images/smenu_bg.gif') left top no-repeat; width:460px; height:40px; padding-left:155px;}
#gnb li .m5 {top:25px; left:280px; background:url('/images/smenu_bg.gif') left top no-repeat; width:460px; height:40px; padding-left:150px;}
#gnb li .m6 {top:25px; left:350px; background:url('/images/smenu_bg.gif') left top no-repeat; width:460px; height:40px; padding-left:200px;}
#gnb li .m7 {top:25px; left:400px; background:url('/images/smenu_bg.gif') left top no-repeat; width:460px; height:40px; padding-left:300px;}
#gnb li a {outline:none;}
#gnb li ul li a {height:12px; overflow:hidden; outline:none;}
#gnb li ul li a.on2 img,
#gnb li ul li a:focus img {margin-top:-20px;}

/* main */
.mswf {margin-top:25px; float:left;}
.right_con {margin-top:25px; background:url('/images/right_bar_bg.gif') top left no-repeat; width:200px; height:455px; float:right;}
.right_con ul {padding:33px 0 0 25px;}
.item_img {padding:25px 0 20px 0;}
.item_tx {padding-top:10px;  color:#999; line-height:1.4em;}
.item_tx span {font-size:14px; color:#333; font-weight:bold;}
.customer_01 {}
.customer_02 {padding:25px 0 0 5px;}
.customer_03 {}

/* sub */
.contents {margin:30px 0px; float:left; width:850px; text-align:center;}
.contents_product {position:relative; display:block;  clear:both; margin:40px 0 0 30px; width:100%;}
.client {width:630px; text-align:center; clear:both;}
.client li {float:left; padding:0 30px 50px 0; vertical-align:middle;}
.client li.none {padding:0px;}
.smenu {margin-top:25px; background:url('/images/right_bar_bg.gif') top left no-repeat; width:220px; height:455px; float:right;}
.smenu dl {padding:33px 0 0 25px;}
.smenu dd {padding-top:12px;}
.smenu dd.none {padding-top:25px;}

.contents2 {margin:40px 100px 0 100px; width:780px; *zoom:1;}
.contents2:after {content:""; display:block; clear:both;}
.pro_img {text-align:center;}
.arrow_left {position:absolute; top:144px; left:100px;}
.arrow_right {position:absolute; top:144px; right:100px;}

.thumb {padding-top:20px;}
.thumb li {float:left; padding-right:7px; *padding-right:3px;}
.thumb li.none {padding:0px;}


.stit {position:relative; font-size:32px; color:#222; font-weight:700; line-height:21px; padding-left:24px; margin-bottom:70px; width:100%; text-align:center;}

.slideshow{height:465px; overflow:hidden; width:850px; float:left;}
.panel{display:none; height:465px; overflow:hidden; width:780px;}
.panel.first{display:block;}
.panel-wrapper{height:465px; margin:0; overflow:hidden; padding:0; position:relative; width:780px;}

.mvisual {position:relative;max-width:800px; margin:0 auto; border-radius:10px; padding:0 20px;}
.mvisual .slick-slide {position:relative; font-size:0; height:600px; max-height:calc(100vh - 100px);}
.mvisual .slick-slide > div {height:inherit;}
.mvisual .slick-slide img {width:100%; height:100%; object-fit:cover;}
.mvisual .slick-arrow {position:absolute; top:50%; width:50px; height:50px; background: url('/images/arrow_01.gif') no-repeat 50% 50%; border:0px; margin-top:-50px; font-size:0; z-index:1;}
.mvisual .slick-prev {left:0px;}
.mvisual .slick-next {right:0px; transform:scaleX(-1);}
.mvisual .slick-dots {position:absolute; bottom:30px; left:0; width:100%; display:flex; justify-content:center; gap:12px;}
.mvisual .slick-dots button {display:block; font-size:0; width:14px; height:14px; background:#fff; opacity:.62; border-radius:50%;}
.mvisual .slick-dots .slick-active button {opacity:1;}
/* this controls the position of the slider numbers */
#slider_links{clear:both; left:670px; position:absolute; top:445px; z-index:9;}
#slider_links a{width:12px; height:12px; float:left; background-color:#D0D0D0; display:block; color:#D0D0D0; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:1px; line-height:1em; list-style:none; text-align:center; margin-right:5px;}			
#slider_links a.activeSlide {color:#A20000; background:#A20000;}

.mcon1 {position:relative; margin:10px auto;}
.mcon1 .imgfit {display:block; width:200px; height:160px; border-radius:10px; margin:10px auto; max-width:100%;}
.mcon1 .txt {display:block;padding-top:20px; text-align:center; color:#333; font-weight:700; line-height:1.5em;}
.mcon1 .txt .tt {font-size:15px; margin-bottom:15px;}
.mcon1 .txt p {font-size:12px; font-weight:500;}

/* 게시판 목록 */
table {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.fl {float:left !important;}
.fr {float:right !important;}

.board_list {border-top:#333 1px solid;}
.board_list th,
.board_list td {height:36px; font-size:13px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .w1 {width:90px;}
.board_list .w2 {width:120px;}
.board_list .w3 {width:130px;}

.board_top {display:flex; justify-content:space-between; margin-bottom:40px;}
.board_top .total {font-size:16px; color:#666; line-height:40px;}
.board_top .total strong {color:#273a58; font-weight:600;}

.board_bottom {position:relative;display:inline-block;width:100%;text-align:center; margin-top:30px;}
.board_bottom .btns {overflow:hidden; margin-top:10px;}
.board_bottom .btns .btn {display:inline-block; width:100px; height:35px; line-height:35px; background:#666; font-size:13px; color:#fff; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn_l {color:#666;   border:#666 1px solid; background:#fff;}
.board_bottom .paging {text-align:center; font-size:0; margin-top:50px;}
.board_bottom .paging a {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#666; vertical-align:top; margin:0 1px;}
.board_bottom .paging a.on {background:#333; color:#fff;}
.board_bottom .paging .nums {margin:0 3px;}
.board_bottom .paging .arrow {background:none !important; letter-spacing:-2px; font-family:'nanum gothic'; font-size:12px;}
.search_wrap {text-align:center; font-size:0; margin-top:10px;}
.search_wrap .text,
.search_wrap .btn {display:inline-block; vertical-align:top; height:35px; line-height:33px; font-size:12px;}
.search_wrap .text {border:#ddd 1px solid;}
.search_wrap select.text {width:140px;}
.search_wrap input.text {width:250px; margin:0 10px;}
.search_wrap .btn {width:70px; color:#333; border:#333 1px solid; text-align:center; background:#fff;}

/* 게시판 상세 */
.board_in {border-top:#222 2px solid;font-size:12px;}
.board_in th,
.board_in td {text-align:left; padding:5px; border-bottom:#ddd 1px solid; word-break:break-all;}
.board_in td {color:#666;}
.board_in thead th {font-size:1.5em; color:#333; font-weight:500; line-height:30px; padding:10px 10px; text-align:center;}
.board_in thead td {position:relative; padding:0 160px 0 90px;}
.board_in thead td em {position:absolute; top:0; left:0; color:#333; line-height:40px;}
.board_in thead td a {display:inline-block; vertical-align:top; color:#898989; line-height:60px;}
.board_in thead td .date {position:absolute; top:0; right:0; color:#898989; line-height:60px;}
.board_in tbody td {padding:20px 0;}
.board_in tfoot td {position:relative; padding-left:80px; line-height:26px;}
.board_in tfoot td em {position:absolute; top:10px; left:10px;}
.board_in tfoot td a {display:block;}
.board_write .w1 {width:140px; }
.board_write tbody td {padding:10px;width:100%;text-align:left;}
.board_write tbody th {color:#022; font-weight:500; text-align:center; background:#eff7ff; width:190px;}

/* Align */
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

/*  상품 */
.imgfit {overflow:hidden;}
.imgfit img {width:100%;  object-fit:cover;}
.product_list {display:flex; flex-wrap:wrap; gap:20px; justify-content:center;}
.product_list * {color:#000; line-height:1;}
.product_list li {display:block; position: relative; width:calc((100% - 60px)/4);border:1px solid #e1e1e1; }
.product_list li .imgfit {display:block; width:100%; overflow:hidden;}
.product_list li .imgfit img {width:100%; }
.product_list li .tit {width:100%; padding:5px 10px; border-top:1px solid #e1e1e1; font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.product_list li .txt {width:100%; padding:5px 10px; }
.product_list .money {width:100%; text-align:right;font-size:22px; font-weight:700;}

.product_slide {position:relative; display:block; margin:30px 15px;}
.product_slide .slick-slide {padding:0 15px;}
.product_slide a,
.product_slide span {display:block;}
.product_slide .imgfit {display:block; width:500px; height:400px; border-radius:10px; margin:0px auto;}
.product_slide .txt {padding-top:20px; text-align:center; color:#333; font-weight:700; line-height:1.5em;}
.product_slide .txt .tt {font-size:20px; margin-bottom:15px;}
.product_slide .txt p {font-size:15px; font-weight:500;}
.product_slide .slick-slide {padding:0 10px;}
.product_slide .slick-arrow {position:absolute; z-index:999; top:50%; width:56px; height:56px; border:#d7d7d7 1px solid; border-radius:50%; background:url('/images/arrow_01.gif') no-repeat 50% 50%; font-size:0;}
.product_slide .slick-prev {left:82px;}
.product_slide .slick-next {right:10px; transform:scaleX(-1);}
.product_slide .slick-dots { display: none; position:absolute; bottom:-20px; left:0; width:100%; display:flex; justify-content:center; gap:8px;}
.product_slide .slick-dots li button {display:block; width:12px; height:12px; background:#fff; border-radius:50%; font-size:0;}
.product_slide .slick-dots li.slick-active button {background:#fff;}

.gall_slide_area {position:relative; display:block; margin-top:0px; border:0px;}
.gall_slide_area .gall_slide {position:relative; margin:10px auto;}
.gall_slide_area .gall_slide .imgfit {display:block; width:600px; height:500px; border-radius:10px; margin:0px auto;}
.gall_slide_area .gall_slide .txt {display:inline-block; width:100%; padding-top:0px; text-align:center; line-height: initial;}
.gall_slide_area .gall_slide .txt .tt {display:inline-block; width:100%; margin-bottom:10px;  font-size:20px; color:#333;font-weight:700; }
.gall_slide_area .gall_slide .txt p {font-size:15px;}
.gall_slide_area .slick-slide > div {font-size:0;}
.gall_slide .slick-arrow {position:absolute; top:50%; width:50px; height:50px; background: url('/images/arrow_01.gif') no-repeat 50% 50%; border:0px; margin-top:-25px; font-size:0; z-index:1;}
.gall_slide .slick-prev {left:10px;}
.gall_slide .slick-next {right:10px; transform:scaleX(-1);}
.gall_slide_nav {margin:16px -7px 0;}
.gall_slide_nav .imgfit {display:block; width:140px; height:110px; border-radius:10px; margin:10px auto;}
.gall_slide_nav .slick-slide {padding:0 15px; opacity:.5;}
.gall_slide_nav .slick-slide > div img { }
.gall_slide_nav .slick-current {opacity:1; transition:.2s linear; transition-delay:.5s;}

/* 상세 */

.info_wrap {width:100%; position:relative; margin-top:90px;}
.info_wrap .gall_info {width:100%;  text-align:center; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid;}
.info_wrap .gall_info .tt {font-size:20px; color:#222; font-weight:700; line-height:25px;}
.info_wrap .gall_info .con {margin-top:50px;font-size:15px;  }

.info_wrap .detail_area{width:100%; position:relative; margin-top:90px;}
.info_wrap .tit {position:relative; font-size:20px; color:#1e9c76; font-weight:700; line-height:1; margin:60px 0 20px;}
.info_wrap .point {top:-170px;}
.info_wrap .tit .onpoint {top:-200px;}

.tabs {display:flex; justify-content:center; align-items:center; margin-bottom:40px; width:100%;}
.tabs li {width:120px; border:#ff9b00 1px solid; border-left:0;}
.tabs li:first-child {border-left:#ff9b00 1px solid;}
.tabs li a {display:block; font-size:14px; color:#ff9b00; font-weight:700; line-height:34px; height:36px; text-align:center;}
.tabs li.on a {color:#fff; background:#ff9b00;}


.checks {display:flex; gap:10px; margin-bottom:10px;}
.checks label.check {width:calc((100% - 20px)/2); display:flex; gap:10px; align-items:center;}
label.check {position:relative; display:inline-block; vertical-align:top; line-height:20px; padding-left:22px; margin:10px 0px;}
label.check input {display:none;}
label.check i {position:absolute; top:2px; left:0; width:16px; height:16px; border:#999 1px solid;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#ef790b; transition:.2s linear; transform:translate(-50%,-50%);}
label.check input:checked + i:before {width:8px; height:8px;}

.radios {display:flex;  flex-wrap:wrap; gap:10px 20px; margin-bottom:10px;}
.radios label.radio {display:flex; gap:10px; align-items:center;}
label.radio {position:relative; display:inline-block; vertical-align:top; line-height:20px; padding-left:22px;}
label.radio input {display:none;}
label.radio i {position:absolute; top:2px; left:0; width:16px; height:16px; border:#999 1px solid; border-radius:50%;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#ef790b; transition:.2s linear; transform:translate(-50%,-50%); border-radius:50%;}
label.radio input:checked + i:before {width:8px; height:8px;}

.yak_area {padding-top:30px; font-weight:500; line-height:20px;}
.yak_area p {margin-bottom:10px;}
.yak_area .radios {justify-content:center;}
.yak_area .cont {font-size:12px; color:#000; line-height:20px; border:#ddd 1px solid;  background:#fff; padding:10px; border-radius:5px; height: 100px; overflow-y: scroll;}
.yak_area .cont.size{height: 280px;}

.w100p {width:100% !important;}

.apply_wrap .text.w3 {width:calc((100% - 76px)/3);}
.apply_wrap .flex {display:flex;}
.apply_wrap .flex span {width:38px;  line-height:30px; text-align:center;}
.btn_submit {border:0;background:#ff9b00 !important;color:#fff !important;cursor:pointer;}

.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:rgba(0,0,0,.6);}
.popup .outbox {position:absolute; top:50%; left:50%; width: 870px; max-width:calc(100vw - 40px);  background:#fff; border-radius:10px; padding:50px 40px; transform:translate(-50%,-50%); box-shadow: rgba(0, 0, 0, .13) 5px 5px 32px;}
.popup .btn_close {position:absolute; top:0; right:0; width:50px; height:50px; font-size:0;}
.popup .btn_close:before,
.popup .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:32px; height:2px; margin-left:-16px; background:#1d1d1b;}
.popup .btn_close:before {transform:rotate(45deg);}
.popup .btn_close:after {transform:rotate(-45deg);}
.pop_vote .inbox {position:relative; display:inline-block;}
.pop_vote .img img {width:100%; height:500px; object-fit:cover;}
.pop_vote .txt {position:relative; display:inline-block;  line-height:1.2em;}
.pop_vote .txt .tit {font-size:25px; color:#222; font-weight:500; margin-bottom:20px;  line-height:1.2em; }
.pop_vote .txt p {font-size:15px; color:#555;  font-weight: 500; }


/* 팝업레이어 */

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.mo_vw {display: none !important;}