@import url('//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');


body{font-family:'Open Sans', 'Noto Sans KR', sans-serif ;  color:#666 ;
margin:0 !important; padding:0 !important; font-size:14px ; line-height:180% ;}
p{font-size:14px ; line-height:180% ;}
#post_area{     line-height: 180% !important;    padding: 10px ;
    margin: 0 auto !important;    display: inline-block; }
#post_area img{max-width: 97%; height:auto !important; display: inline-block; object-position: center; object-fit: cover;}
#product-divs span{color:#666 ;}

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

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

img.max100ps{width: 100%; height: auto;}
.textareainfo{ width:98%; font-size:13px;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:'Open Sans', 'Noto Sans KR', sans-serif !important;}

input{display: inline-block; font-family:'Open Sans', 'Noto Sans KR', sans-serif !important;}
table{border-collapse:collapse !important;border-spacing:0 !impportant;empty-cell:show; font-size:14px !important;}  
th{font-size:13px !important;line-height: 180% !important;border-bottom:1px #ddd solid !important; background-color:#eee;}
td{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important;font-size:13px !important;border-color:#ddd solid !important; line-height: 180% !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:#666 !important;}
.t_01 td{border-bottom:1px #ddd solid; padding-left:5px !important;}

.board_bgcolor{background-color: #fff !important;}
.bbsnewf5 a:hover{color:#0056b3 !important}
a{text-decoration:none !important; color:#666;}
iframe{border:0;}
span.btn-somms img{padding:0; margin:0;}
.table_tle1, .formmail_title_bgcolor,
.formmail_cell_bgcolor{font-size:13px !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;}

.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%;}
.rwrite td:nth-child(2){width:70%;}

.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{border:0 !important;}
.qalist td{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important;padding:10px 0 !important; border:0 !important; font-size:13px !important;border-color:#ddd solid !important; line-height: 180% !important; border-bottom: 1px #eee solid !important;}
.qalist td.att_title{color:#fff !important;     padding: 10px 0;}


.newslist .board_desc, .newslist .board_bgcolor{border-top:1px #ddd solid !important; padding:10px !important;}
.newslist .webzine_type2 .webzine_type_img_td{width:30% !important;}
.newslist .webzine_type2 .webzine_type_img img{border:none !important; max-width: 100%;min-height: 100%; width: 240px;height: 180px; object-fit:cover; object-position:center; transition: .3s ease;}
.newslist .webzine_type2 .webzine_type_img img:hover{opacity: .6;}
.newslist .webzine_type2 .obj_value{line-height: 250%;}
.newslist .webzine_type2 .obj_name{background:transparent !important; border-right: 1px #eee solid !important;     color: #000;}
.newslist .webzine_type2 .webzine_type_text_td_left{width:70% !important; vertical-align: top;}
.newslist .news_title{ font-size:13px !important; color:#666 !important;}
.webzine_type2 dd {    height: 40px !important;}
.webzine_subject{border-top:0 !important;}
.webzine_type2 .webzine_type2_table_line{height: 50px !important; border:0 !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:14px !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: 120px !important;    height: 22px !important;    color: #666 !important;    border-radius: 15px;}
.search-divs{margin:30px 0; text-align: center}
.search-divs dl{border:0 !important;}








#txtbox_info{margin-bottom:10px !important; font-size:13px !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:13px !important; padding: 5px 0 !important; text-align: center; color:#222; font-weight: 400 !important;}
.h3tit{font-size:14px !important; font-weight:600; color:#333; } 
#total_order{background:none !important; border:none !important; font-size:12px;}
input[type="text" i]{border:0 !important; padding:8px !important; margin: 0;}
input[type="text"]{padding:8px !important; border:0 !important; background: #fff;}
.est_cate_cell{padding-right: 5px;}
.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;}
#search_table input[type="text"]{background: #f1f1f1 !important}

.mem1-s1 input[type="text"]{background:#fff !important;}
.member_txt table td input[type="text"]{background: #f1f1f1;}
.t_m1 input[type="text"]{background:#f1f1f1 !important;}

.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;}


.sub-mm-s{clear: both; width: 100%; text-align: center;}
.sub-mm-s ul li{display: inline-block; padding:0 15px;}
.sub-mm-s ul li a{color:#999;}


/*회원관리*/
.mem1{width:100%; margin-bottom:30px; padding:0 15px;}
.mem1-s1{width:96%; padding:20px; background-color:#f1f1f1; 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:0;}
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:0;}

.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:13px !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:#666 !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:13px !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 0 10px;}
.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:'Open Sans', 'Noto Sans KR', sans-serif ; font-size: 13px ;}
#post_area span{font-family:'Open Sans', 'Noto Sans KR', sans-serif !important;}
.list_title{background:none !important; }
.list_title td{background:#666; color:#fff !important; padding:10px 0 !important;}

.formcss{font-family:'Open Sans', 'Noto Sans KR', sans-serif; width:100%;}
.formcss td{padding:10px 0; border-bottom:1px #eee solid;}
.formcss td:nth-child(1){width:15%;}
.formcss td:nth-child(2){width:85%;}

.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: 820px){
.m-gap80px{display: none;}

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

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){
.pbrnone br{display: none;}
p{letter-spacing: -0.02em;}

td.paging{width: 100% !important; text-align: center;}  

.t_01 select{width:98%;}

.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%;}


.webzine_type2 .webzine_type_text_td_left{padding:0 !important;}
.newslist .webzine_type2 .webzine_type_text_td_left{width:100% !important; }
.newslist .webzine_type2 .webzine_type_img_td{width:100% !important;}
.newslist .webzine_type2 .webzine_type_img img{width: 100% !important; }
.newslist .webzine_type2 .webzine_type_img_td,
.newslist .webzine_type2 .webzine_type_text_td_left{display: block; width: 100% !important;}

.newslist .webzine_type2 dl{margin-bottom: 50px;}


.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]{width:98% !important;}
.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;}


}


/*페이지 로딩*/
#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;}