@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

@font-face {
    font-family: 'SF_HambakSnow';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



body{font-family:'Noto Sans KR', 'Roboto', sans-serif !important;  color:#333 !important;
margin:0 !important; padding:0 !important; font-size:16px !important; line-height:180% !important;}

#post_area{ line-height:180%  !important; }
#post_area img{max-width: 97%; height:auto !important; object-fit: cover;object-position: center;}
#product-divs span{color:#333 !important;}

h1,h2,h3,h5,h6{font-family:'Noto Sans KR', 'Roboto', sans-serif !important;}
b,strong{font-family:'Noto Sans KR', 'Roboto', sans-serif !important;}
textarea{font-family:'Noto Sans KR', 'Roboto', sans-serif !important; color:#333 !important;border: 1px #ddd solid !important; min-height: 200px;}
hr{display: inline-block; margin:0 !important; padding:0 !important; border:0 !important;}
hr.gap20pxs{height:20px;}
hr.gap30pxs{height:30px;}

hr.gap10px{height: 10px;    width: 100%;}
hr.gap30px{height: 30px;    width: 100%;}
hr.gap50px{height: 50px;    width: 100%;}
hr.gap80px{height: 80px;    width: 100%;}
hr.gap100px{height: 100px;    width: 100%;}

img.max100ps{width: 100%; height: auto;}
.textareainfo{ width:98%; font-size:15px;line-height:180%; 
height:500px;border:1px #ddd solid !important;padding:10px !important; background:#f1f1f1;}

.container, 
.container-fluid{clear: both;}

.radio, .checkbox{display: inline-block !important;}
img{border:none;max-width:100%; height:auto;}
select{padding:8px !important; font-family:'Noto Sans KR', 'Roboto', sans-serif !important;}

input{display: inline-block; font-family:'Noto Sans KR', 'Roboto', sans-serif !important;}
table{border-collapse:collapse !important;border-spacing:0 !impportant;empty-cell:show; font-size:16px !important;}  
th{font-size:15px !important;line-height: 180% !important;border-bottom:1px #ddd solid !important; background-color:#eee;}
td{font-family:'Noto Sans KR', 'Roboto', sans-serif !important;font-size:15px !important;border-color:#ddd solid !important; line-height: 180% !important; padding:10px 0 !important;}
input#border{padding:8px !important; border:1px #ddd solid !important;}

ul{margin:0 !important; padding:0 !important;}
ul li{list-style: none !important;}
.board_bgcolor{background-color:#ddd !important;}
.t_01 td{border-bottom:1px #ddd solid; padding-left:5px !important;}

.board_bgcolor{}
.bbsnewf5 a:hover{color:#0056b3 !important}
a{text-decoration:none !important; color:#333;}
iframe{border:0;}
span.btn-somms img{padding:0; margin:0;}
.table_tle1, .formmail_title_bgcolor,
.formmail_cell_bgcolor{font-size:15px !important;}
a.btsok {  color: #333;    font-weight: 600;    padding: 3px 25px;    border: 1px #666 solid;    display: inline-block;    margin-top: 10px;}
td.board_admin_bgcolor table img{width:auto !important;}
td.board_admin_bgcolor,td.board_admin_bgcolor table td{border-bottom:none !important;}
.board_desc{padding-left: 10px !important}
.rwrite{width: 100%; border:1px #ddd solid !important;}
.rwrite input[type="text" i]{margin:0 !important;}
.rwrite table{max-width:100%;}
.rwrite table td{border:none !important;}
.rwrite td{padding:5px !important;}
.rwrite table iframe{border:none !important;}
.rwrite td:nth-child(1){width:30%; border-bottom: 1px #eee solid;}
.rwrite td:nth-child(2){width:70%;  border-bottom: 1px #eee solid;}

.m-gap{clear:both;width: 100%;}
.m-gap100pxs{clear:both; height:100px;}
.font-size-30{font-size:30px;}
.font-dark-grey{color:#222;}
.font-grey-999{color:#999;}

.qalist td{font-family:'Noto Sans KR', 'Roboto', sans-serif !important;font-size:16px !important;border-color:#ddd solid !important; line-height: 180% !important; border-bottom: 1px #ddd solid !important;}
.qalist td.att_title{color:#fff !important;}


/*카테고리*/
.category-css{display: inline-block; width: 100%; padding-bottom: 30px; padding-left: 20px; }
.category-css table td{text-align: left;}
.category-css table td b , .category-css table img{display: none;}
.category-css select{font-size:16px !important; line-height: 180% !important}

.category-css select::-ms-expand {display: none;}
.category-css .selectdiv {  position: relative;    float: left;  min-width: 200px;}

.category-css .selectdiv:after {
  content: '<>';
  font: 17px "Consolas", monospace;
  color: #333;
    -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;    top: 18px;
  padding: 0 0 2px;  border-bottom: 1px solid #999;  
  position: absolute;
  pointer-events: none;
}

.category-css .selectdiv select {
  -webkit-appearance: none;  -moz-appearance: none;
  appearance: none;  display: block;
  width: 100%;  max-width: 320px;  height: 50px;
  float: right;  margin: 5px 0px;
  padding: 0px 24px;  font-size: 16px;  line-height: 1.75;
  color: #333;  background-color: #ffffff;
  background-image: none;  border: 1px solid #cccccc;  -ms-word-break: normal;
  word-break: normal;
}

 select{  padding: 8px !important; border:1px #ddd solid !important;}



/*검색*/
.search-divs .product_search_side_nav .text {     border: 0 !important;    background: #fff; border:1px #ddd solid !important;
    padding: 3px !important;    width: 70% !important;    height:30px !important;    color: #666 !important;  border-radius: 20px; }
.search-divs{margin:30px 0; text-align: center}
.search-divs dl{border:0 !important;}








#txtbox_info{margin-bottom:10px !important; font-size:15px !important;}

.content_malls{width:100% !important;}
#content, #page2{width:100% !important;}
.table_cont2{text-align:center;}
.t_01{border-top:1px #666 solid !important; font-size:12px !important;}
th.table_tle1{font-size:15px !important; padding: 5px 0 !important; text-align: center; color:#222; font-weight: 400 !important;}
.h3tit{font-size:16px !important; font-weight:600; color:#333; } 
#total_order{background:none !important; border:none !important; font-size:12px;}
input[type="text" i]{border:1px #ddd solid !important; padding:8px !important; margin: 2px;}
table td input[type="text"]{padding:8px !important; border:1px #ddd solid !important; -webkit-padding-before:5px !important;-webkit-padding-after:5px !important;}
table td.est_cate_cell{padding-right: 5px;}
table td.est_btn_cell{padding-left:5px;}
.member_border{border:1px #ddd solid !important; padding:8px !important; margin: 2px;}
#search_table{text-align: center;    margin: 30px auto 30px;}



.rlydivs table{width: 100%; }
.rlydivs table td{padding:8px !important; font-size: 13px !important;}

.rlydivs textarea{display: inline-block; width:98%; height: 80px; margin-bottom: 30px;}
.board_comment_bgcolor{border-top:1px #ddd solid; }
.board_comment_bgcolor td{font-size: 12px !important;padding:8px !important;}





/*회원관리*/
.mem1{width:100%; margin-bottom:30px;}
.mem1-s1{width:96%; padding:20px; background-color:#f1f1f1; border:1px #ddd solid; margin-bottom:10px; }
.mem1 h1{font-size:18px; padding:10px 0; font-weight:600; color:#333;}
.mem1-s1 span{display:inline-block; padding:0 5px; vertical-align: middle; }
.mem1-s1 br{display:none;}
.mem1-s2{width:100%;}
.mem1-s2 a{display:inline-block;vertical-align: top; }
.t_m1 td:nth-child(1){width:20% !important;}


.com_member_secede_pw{padding:2px !important;}
.mem1 input[type="text"],.mem1 input[type="password"],.mem1 input[type="email"]  {padding:8px; border:1px #ddd solid;}
textarea{padding:5px !important; line-height:160% !important; 
background-color:#f1f1f1;}

.table_cont1 input[type="text"],.mem1 input[type="password"],.mem1 input[type="email"]  {padding:8px; border:1px #ddd solid;}

.tios{padding-bottom: 10px !important;padding-top: 10px !important; background: none !important;  font-weight: 600;
color: #222;padding-left: 0 !important;font-size: 14px !important;}
.t_m1{border-top: 1px solid #666 !important;}
.t_m1 td{padding:8px !important;}


#dl1 dt{margin-bottom: 10px !important;background:none !important; padding-left: 0 !important;}
#dl2 dt{background:none !important; font-size:15px !important; color:#333 !important;}
#dl2 dd{padding:0 !important; background:none !important; }




/*온라인 쇼핑몰*/
#product_list_sort{clear:both !important; width:100% !important; padding:10px 10px 20px 0 !important; font-size: 12px; text-align: right;}
#product_list a{color:#999;}
.box2{clear:both !important; width:100% !important; margin:10px 0 !important;
background:none !important;}

#product_list span{color:#333 !important;}
#page{padding-top:10px !important; clear:both !important;}

#product-divs{width:100%;}

.bbsnewf5 { padding: 5px 0 10px !important;}

#product_content{width:100% !important;}
#order_count{padding:2px !important; border:1px #ddd solid !important;}
.div-btn-area{width:100%;clear:both; padding:10px 0 !important; margin:10px 0 !important; text-align:center;}
.div-btn-area img{max-width:100%;}
.div-btn-area a{display:inline-block; padding:0 2px 0 0;}
.div-btn-area a:hover{opacity:.8 !important;}
.product_tle{color:#000 !important; background:none !important;     font-size: 16px;
    font-weight: 600;}

#product_img {    padding: 0 !important;    width: 45% !important;
    text-align: center;    display: inline-block;    float: left;}
#product_info {    width: 50% !important;    float: right;    display: inline-block;}
#product_img div img {    width: 100%;    max-width: 500px !important;    height: auto;}

#product_info td{font-size:15px !important; padding:8px 0; border-bottom:1px #eee solid;}
.produce-2u-img div a{font-size:12px !important;}
.board_output_gallery_subject{display:inline-block;}
.produce-2u-img img:hover { opacity: .6;}
#product-divs{width:100%;}
#product-divs span{display:inline-block; width:25%; padding:0px;margin:0;;text-align:center; float:left;}
#product-divs span ul{width:100%; margin:0 auto 30px !important;}
#product-divs span ul li{list-style:none; }




#product_img #nail{display:none;}
#nail,#nail_txt{width:100% !important;text-align: center; padding:5px 0 !important; font-size: 12px;}
#nail img{width:50px;}
#product-views{clear:both; margin:50px 0; width:100%;}
#product-views img{max-width:100%; height:auto;}
#product-views div{margin:10px 0; width:100%;  height:auto; min-height:100px;padding:0 15px;}
.product_tle {    color: #333 !important;   padding-bottom:10px;  font-size: 16px;    font-weight: 600;    border-bottom: 1px #666 solid;}

#product-views div h3{padding-top: 30px; font-size:1.5em; width:100%; color:#222;  font-weight:600;}
.product-views-1{border-top:2px #666 solid;}
.product-views-2{border-top:1px #ddd solid;}
.product-views-3{border-top:1px #ddd solid; }

.btninput{color:#222; font-weight:400; padding:5px 15px; border:1px #666 solid; display:inline-block; font-size: 15px; background:#fff;}
a.btnsto{color:#333; font-weight:400; padding:5px 15px; border:1px #666 solid; display:inline-block; margin-top:10px;font-size: 15px;}
a.btsok{color:#333; font-weight:400; padding:5px 25px; border:1px #666 solid; display:inline-block; margin-top:10px;     font-size: 14px;}
a.btscancel{color:#333; font-weight:400; padding:5px 25px; border:1px #666 solid; display:inline-block; margin-top:10px;}

a.btnsto:hover, a.btscancel:hover, a.btsok:hover,.btninput:hover{background:#eee;}


.good-flist{clear:both; width:100%;}
.good-flist ul{width:25%; display:inline-block; float:left; margin-bottom:50px !important;}
.good-flist ul li{list-style:none; text-align:center;}
.good-flist ul li img{max-width:92%; height:auto; width:100%;}
.good-flist ul li img:hover{opacity:0.6;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#product_list ul li img:hover{opacity:0.6;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;
-ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}



.bx_product_result .no_result{background:none !important; padding:0 !important; margin:0 !important;}
.bx_product_result .more_result{width:100% !important; padding: 10px 0 !important;}
.bx_product_result .more_result2, .bx_center,
.bx_product_result .range{width:100% !important; padding: 10px 0 !important;}
.bx_product_result .text{padding: 10px !important; height:25px !important;}
.bx_product_result .result_product{background-position: left 15px !important;}
.bx_center{padding:0 !important;}
.result_list .txt_info{width:50% !important;}
.result_list .price{padding:0 !important;}



/*고객지원*/
.board,.board a:link,.board_description{font-family:'Noto Sans KR', 'Roboto', sans-serif !important; font-size: 14px !important;}
#post_area span{font-family:'Noto Sans KR', 'Roboto', sans-serif !important;}
.list_title{background:none !important; }
.list_title td {
    background: #ddd;
    color: #333 !important;
    padding: 10px 0 !important;
}
.board.qalist .bbsnewf5 {text-align: center;}
.board.qalist .bbsnewf5 a {font-size: 16px!important;color: #333 !important; }
.list_title td  font,.board_bgcolor font {color: #333 !important; font-size: 15px!important;}
.formcss{font-family:'Noto Sans KR', 'Roboto', sans-serif; width:100%;}
.formcss td{padding:10px 0; border-bottom:1px #eee solid;}
.formcss td:nth-child(1){width:20%;}
.formcss td:nth-child(2){width:80%;}

.formmail_cell_bgcolor table tbody tr:first-child td:nth-child(1){display:none !important;}
.formmail_cell_bgcolor table td{text-align:left !important;}

.formcss input[type="text"]{padding:5px; border:1px #ddd solid; }
.formcss textarea{padding:5px; border:1px #ddd solid; width:100%;}

p.gapbars{width:100%; height:30px;}

.board_output{background:none !important;}


/*--------------------------------------------------------*/
@media screen and (max-width: 1024px){
    body {font-size: 15px!important; line-height: 1.8!important;}
    p {font-size: 15px!important;}
    th,td,.qalist td,,.list_title td font, .board_bgcolor font,.board.qalist .bbsnewf5 a,.table_tle1, .formmail_title_bgcolor, .formmail_cell_bgcolor {font-size: 14px !important; line-height: 1.5!important;}
}

@media screen and (max-width: 820px){
.m-gap80px{display: none;}

.rwrite input[type="text" i]{max-width:90%;}
.rwrite td:nth-child(1){width:40%;}
.rwrite td:nth-child(2){width:60%;}
input#border{width: 90%;}

input[type="text" i]{margin-bottom:5px;}
/*p.brnone br{display:none;}*/

.result_list .txt_info{display:block; width:100% !important; font-size:11px !important; padding:0 !important; height:auto !important; text-align:center !important;}
.result_list .subject{padding:0 !important; text-align:center !important;}
}  

@media (max-width: 768px){
    body {font-size: 15px!important;}
td.paging{width: 100% !important; text-align: center;}  
.formcss input[type="text"]{width:80%;}
.t_01 select{width:80%;}

.t_m1 .member_border{width:100% !important;padding:5px !important; display:inline-block; margin:3px 0; } 
.t_m1 td:nth-child(1){width:30% !important; font-size:12px !important;letter-spacing:-0.06em;}
.t_m1 td{line-height:180%;}
.t_m1 .member_txt{width:100%;}
.mem1-s1 br{display:block;}

.mem1-s1{margin:0 0 10px 0; text-align: center;}
.mem1-s2{text-align: center;}
.mem1-s1 br{display:none;}
.mem1-s1 span{display:block !important;font-weight:400;line-height: 160%; margin:8px;}
.mem1-s1 span input[type="text"], .mem1 span input[type="password"], .mem1 span input[type="email"]
{width:98%;}


.mem1-s1{width:92%; margin:0 auto;}

.t_01 th{padding:0 !important;border-right: 1px solid #CFCFCF !important;}
.t_01 th:last-child{border-right:none !important;}
.t_01 input[type="text" i]{max-width:98% !important; width: 80%;}
.mboo{display:none !important;}
#dl2 dt{padding-left:5px !important;}
#dl2 dd{padding:0 0 0 10px !important;}


#dl1 dd{margin:0 !important;}
#txtbox_info { margin-bottom: 5px !important;}
.toparr{display: none;}  

 body {font-size: 14px!important; line-height: 1.8!important;}
    p {font-size: 14px!important;}
    th,td,.list_title td font, .board_bgcolor font,.qalist td,.board.qalist .bbsnewf5 a,.table_tle1, .formmail_title_bgcolor, .formmail_cell_bgcolor {font-size: 13px !important;}



}


@media (max-width: 575px){
    body {font-size: 13px!important;}
    p {font-size: 13px!important;}
    th,td,.list_title td font, .board_bgcolor font,.qalist td,.board.qalist .bbsnewf5 a,.table_tle1, .formmail_title_bgcolor, .formmail_cell_bgcolor {font-size: 12px !important;line-height: 1.3!important;}

}

/*페이지 로딩*/
#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; opacity: .7; background-color: #fff; z-index: 9999999999999999; text-align: center; } 
#loading-image { position: absolute; top: 50%; left: 50%; z-index: 100; margin-left:-45px; } 
#loading-image span {display: inline-block; padding:10px; background: #fff;margin:0 auto;}
#loading-image span p{font-size: 11px !important;}