@charset "euc-kr";


@font-face {
  font-family: "NanumGothic";
  src: url("../fonts/NanumGothic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NanumGothic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumGothic.otf") format("opentype"), /* Open Type Font */
    url("../fonts/NanumGothic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumGothic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "NanumGothicBold";
  src: url("../fonts/NanumGothicBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/NanumGothicBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/NanumGothicBold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/NanumGothicBold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/NanumGothicBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html{ margin:0px; padding:0px; overflow-y: scroll; -webkit-text-size-adjust:none; 

-ms-content-zooming: none;
-ms-touch-action: pan-x pan-y;
} 
body {font-family:'NEXON Lv2 Gothic',  Sans-serif;  border-collapse:collapse; margin:0px; padding:0px; width:100%; -webkit-text-size-adjust:none; zoom:1; background-color:#fff;}
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px;}
img { border:none; margin:0px; padding:0px; vertical-align:top;}
ol, ul {margin:0px; padding:0px; list-style:none;}
div, li, dl, dt, dd, form, iframe, p, a, span{margin:0px; padding:0px; list-style:none; vertical-align:top;}
label {vertical-align: middle;}
table, th, td {margin:0px; padding:0px; border-collapse:collapse;}
input, textarea {margin:0px; padding:0px; }
select{font-family:'NEXON Lv2 Gothic',  Sans-serif;  }
a{text-decoration:none;}

.wrap{}

.bak_opn{opacity:0.3; width:100%; height:100%; float:left; position:absolute; top:0; left:0; 
background-color:#000; z-index:999999999999999999999999999999999; display:none;}

.head{width:100%;  float:left; position:fixed; top:0;left:0; z-index:9; height:47px; border-bottom:1px solid #eeeeee;}
.top_m{width:100%; height:47px; float:left; padding-top:6px; background-color:#ffffff; text-align:center;}
.menu_btn_img{position:absolute; top:0; left:0; width:41px;}
.ser_btn_img{position:absolute; top:0; right:39px; width:39px;}

.ser_btn_img2{position:absolute; top:0; right:5px; width:39px; z-index:1;}
.cart_count_num{width:auto; height:auto; float:left; padding:2px 5px 2px 5px; background-color:#53a8ff; color:#fff; font-size:10px; position:absolute; top:2px; right:4px; z-index:2; border-radius:5px;}



.category_btns{width:100%; height:41px; float:left; background-color:#fff;}
.category_btns li{width:auto; height:41px; float:left; line-height:41px; padding:0 13px 0 13px; font-size:14px; color:#4d4d4d; letter-spacing:1px;}

.menu_clo{position:absolute; top:0; font-size:20px; right:0; padding:10px; color:#bdbdbd; margin-top:5px;}

#owl-demo{display: block; width: 100%; height:41px;	float:left; background-color:#fff;}
.item{width:100%; height:41px; float:left; line-height:41px; padding:0 13px 0 13px; font-size:14px; color:#4d4d4d; letter-spacing:1px; float:left; text-align:center;}


.owl-theme .owl-controls{position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.owl-dots1{width:100%; height:auto; float:left; margin:5px 0 5px 0;}
.owl-dot1{width:10px; height:10px; background-color:#869791; float:left; margin-left:5px; border-radius:50px;  text-align:center;}
.owl-dots1 .active{background-color:#495f57;}

.owl-page{width:100%; height:auto; float:left; margin:5px 0 5px 0;}
.owl-page{width:10px; height:10px; background-color:#869791; float:left; margin-left:5px; border-radius:50px;  text-align:center;}
.owl-pagination .active{background-color:#495f57;}

.sli_no_btn{width:100%; float:left; height:35px; background-color:#fff; border-bottom:1px solid #bebebe;}
.sli_no_btn li{width:33.33333333333%; float:left; height:35px; line-height:35px; text-align:center; font-size:12px;}

.con_m{width:100%; height:auto; float:left; margin-top:94px;}
.main_roll{width:100%; height:auto; float:left;}

.best_item{width:100%; height:auto; float:left; margin-bottom:0px; margin-left:0; line-height:35px;}
.best_item ul.tit_name{width:100%; height:auto; float:left; border-bottom:0px solid #969595; max-width:400px;}
.title-img {width:85%; margin-left:2%; }
.best_item ul.tit_name li{font-size:16px; font-weight:bold; padding-left:0px; color:#3a403f; padding-bottom:0px;}
.best_item ul.best_list{width:100%; height:auto; float:left;}
.best_item ul.best_list li{width:32.3333333333333%; cursor:pointer; float:left; margin:10px 0.5% 0 0.5%; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #e2e2e2;}
.sang_text{width:100%; text-align:center; color:#737373; font-size:12px; float:left; line-height:15px; letter-spacing:-1px; padding-bottom:3px;}

.m_list{width:100%; height:auto; float:left; padding:0 0 5px 0;}
.m_list ul.main_m_img{width:94%; height:auto; float:left; margin:0 3% 10px 3%;}
.m_list ul.main_m_img li{width:100%; height:auto; float:left;}
.m_list ul.main_m_img li.new_infoma{width:94%; height:40px; float:left; line-height:18px; padding:5px 3% 0 3%; font-size:12px; background-color:#fff;}

.m_list2{width:100%; height:auto; float:left; background-color:#eeeeee; padding:15px 0 5px 0;}
.m_list2 ul.main_m_img2{width:94%; height:auto; float:left; margin:0 3% 10px 3%;}
.m_list2 ul.main_m_img2 li{width:100%; height:auto; float:left;}
.m_list2 ul.main_m_img2 li.new_infoma{width:94%; height:40px; float:left; line-height:18px; padding:5px 3% 0 3%; font-size:12px; background-color:#fff;}

.m_list ul.main_m_img3{width:100%; height:120px; float:left; border-bottom:1px dotted #cdcdcd;}
.m_list ul.main_m_img3-2{width:100%; height:auto; float:left; border-bottom:1px dotted #cdcdcd; margin-bottom:20px; }

.wra_lis{position:relative; padding-left: 130px; min-height: 115px; padding-right: 10px;}
.wra_lis2{position:relative; padding-left: 4%;  height:auto; width:96%; }
.wra_lis2 .list_img{width:90%; height:auto; float:left; position:absolute; left:10px; top:15px; border-radius:10px; border:1px solid #dedede;}



/*¸ñ·Ï2°³¾¿º¸±â º°µµ µðÀÚÀÎ ½ÃÀÛ*/
/*.m_list ul.main_m_img3-t{width:100%; height:220px; float:left; border-bottom:1px dotted #cdcdcd;min-width:140px;}*/
/* 22.04.15 webist - °¶·¯¸®Çü css ³ôÀÌ °íÁ¤ Ç®±â. */
.m_list ul.main_m_img3-t{width:100%; /*height:220px;*/ padding-bottom:20px; float:left; border-bottom:1px dotted #cdcdcd;min-width:140px;}
.wra_lis-t{position:relative;  min-height:150px; padding:5px 0 0 15px;  }
.list_img-t{width:150px; height:150px; float:left; position:absolute; left:10px; top:15px; border-radius:5px; 
border:1px solid #dedede;}
.goods_inner4-t{padding:5px 5px 0 0; font-size:13px; float:left; clear:both;}
/*¸ñ·Ï2°³¾¿º¸±â º°µµ µðÀÚÀÎ ³¡*/

/* main gallery col3x3 - 2022-03-04 */
.prd_gall_col3 {width:100%; height:auto; padding:20px 10px 0; box-sizing:border-box;}
.prd_gall_col3 li {float:left; width:33.33%; text-align:center; box-sizing:border-box;}
.prd_gall_col3 li a {display:block; /*width:100%; height:100%; border:1px solid #eee;*/box-sizing: border-box; padding:2%;}
.prd_gall_col3 li span {display:block; width:100%; overflow:hidden; border-radius:10px;}
.prd_gall_col3 li span img {width:100%;}
.prd_gall_col3 li em {display:block; padding:10px 0; font-style:normal;}

/* main banner - 2022-03-04 */
.banner_wrap {float:left; width:100%; height:auto; margin-top:20px; padding:0 10px; box-sizing:border-box;}
.banner_wrap img {width:100%;}
.banner_wrap .bn-slider-wrap {width:100%; height:auto; position:relative; border-radius:10px; overflow:hidden;}
.banner_wrap .bn-slider-wrap .bn-slider {}
.banner_wrap .bn-slider-wrap .slider-page {display:inline-block; padding:4px 10px; background-color:rgba(0,0,0,.5); border-radius:50px; font-size:11px; color:#fff; position:absolute; bottom:14px; right:14px; z-index:1;}
.banner_wrap .bn-long {width:100%; height:auto; margin-top:30px;}
.banner_wrap .bn-long h3 {font-size:16px;}
.banner_wrap .bn-long .bn-item {width:100%; height:auto; margin-top:10px; border-radius:10px; overflow:hidden;}


.list_img{width:110px; height:110px; float:left; position:absolute; left:10px; top:4px; border-radius:10px; border:1px solid #dedede;}
.goods_inner{padding:18px 5px 0 0; font-size:14px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.goods_inner2{width:100%; height:auto; float:left; margin-top:10px; position:relative;}
.goods_inner3{padding:5px 5px 0 0; line-height:15px; font-size:12px; color:#666; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.goods_inner4{padding:5px 5px 0 0; font-size:14px;}






.besong_ban{width:46px; height:14px; float:left; padding-top:2px; letter-spacing:-1px; border:1px solid red; font-size:11px; text-align:center; color:red;}
.besong_ban2{width:52px; height:17px; float:left; line-height:17px; border:1px solid blue; font-size:12px; text-align:center; color:blue;}
.snag_pyng{float:right; font-size:12px; color:#666;}

.persent{width:30px; height:21px; border-radius:50px; float:left; border:1px solid red; color:red; font-size:12px; text-align:center; padding-top:9px;}
.minus{float:left; font-size:12px; text-decoration: line-through; color: #666; padding:5px 0 0 6px; line-height:10px;}
.won_pris{float:left; font-size:16px; color:#000; font-weight:bold; -webkit-text-stroke-width:.02em; line-height:16px; padding-left:6px;}

.list_text_sty001{float:right; font-size:11px; text-decoration: line-through; color:#9e9e9e;}
.list_text_sty002{float:right; font-size:13px; color:#000; font-weight:bold;-webkit-text-stroke-width:.02em;}
.list_text_sty003{position:absolute; left:0; top:0; width:60px; height:44px; float:left; margin-left:10px;}
.list_text_sty004{width:60px; height:30px; float:left; background-color:#f10e49; text-align:center; line-height:30px; color:#fff;}
.list_text_sty005{font-size:20px; font-weight:bold;-webkit-text-stroke-width:.02em;}
.list_text_sty006{width:60px; height:14px; float:left; background-color:#454c5f; font-size:11px; color:#fff; text-align:center; line-height:14px; letter-spacing:-1px;}

.top_menu_slid{width:100%; height:auto; float:left; background-color:#fff; border-bottom:1px solid #cdcdcd;}
#sync2{width:100%; height:35px; float:left;}
#sync2 .owl-item{width:33.33333333333%; float:left; height:35px; text-align:center;  cursor:pointer;}
#sync2 .synced .item {width:100%; float:left; height:33px; color:#ff5001; font-weight:bold;-webkit-text-stroke-width:.02em; border-bottom:2px solid #ff5001; 
}

#sync1 .item{padding:0;}


#main_viw { width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;border-bottom:3px solid #efeded; }
#main_viw ul.viw_ul { width:100%; position:absolute; top:0; left:0; overflow:hidden; }
#main_viw ul.viw_ul li.btn_page { float:left; width:100%;}




#main_meu_v{width:100%; height:41px; float:left; margin-top:6px; border-bottom:3px solid #efeded;}

#sync1 .item{padding:0;}

#main_meu_v .on{color:#3ac0f6; margin:0 1% 0 1%; font-weight:bold;-webkit-text-stroke-width:.03em; border-bottom:3px solid #3ac0f6; float:left; width:96%; height:33px;}

.ui-loader{display:none;}

/*ÇÏ´Ü*/
.footer{width:100%; height:auto; float:left; border-top:0px solid #c6c6c6; color:#000; font-size:11px; text-align:center; padding:8px 0 8px 0; margin-top:5px; 
 margin-bottom:25px;}
.footer2{width:90%; height:auto; margin:0 auto; font-size:11px; text-align:left; margin-bottom:25px;}

.footer3{width:100%; height:auto; float:left; background-color:#fff7e0;  font-size:11px; margin-bottom:25px; margin-top:20px;}
.fot_top{float:left; width:100%; font-size:11px; color:#333;}
.saup{text-decoration:underline;}


/*µðÅ×ÀÏÆäÀÌÁö*/
.pro_detail{width:100%; height:auto; float:left; margin-top:43px; background-color:#fff;}
.pro_img{width:100%; height:auto; float:left; text-align:center;}


.pro_sangse{width:100%; height:auto; float:left;}
.pro_sangse ul.pro_name{width:100%; height:40px; float:left; border-top:1px solid #909090; border-bottom:1px solid #c3c3c3;}
.pro_sangse ul.pro_name li{width:100%; float:left; height:40px;}
.title_name{float:left; line-height:40px; font-size:12px; color:#333333; padding-left:5%;}
.title_name2{float:right; line-height:40px; font-size:12px; color:#333333; padding-right:2%; font-weight:bold;-webkit-text-stroke-width:.02em; color:#339024;}


.pro_sangse ul.pro_con{width:100%; height:auto; float:left; border-bottom:1px solid #c3c3c3;}
.pro_sangse ul.pro_con2{width:100%; height:30px; float:left; border-bottom:1px solid #909090;}

.pro_sangse ul.detail_btn{width:100%; height:auto; float:left; margin:10px 0;}
.pro_sangse ul.detail_btn li:first-child{width:31%; float:left; margin:0 2% 0 0;}
.pro_sangse ul.detail_btn li{width:31%; float:left; margin:0 2% 0 0;}
.pro_sangse ul.detail_btn li.tt{width:33%; float:left; margin:0 1% 0 0;}

.pro_text1{width:25%; float:left; height:30px; line-height:30px; font-size:12px; color:#333333; font-weight:bold;-webkit-text-stroke-width:.02em; padding-left:5%;}
.pro_text2{width:65%; float:right; height:30px; padding-right:5%; text-align:right; line-height:30px; font-size:12px; color:#333333; font-weight:bold;-webkit-text-stroke-width:.02em;}
.pro_text3{width:65%; float:right; height:30px; padding-right:5%; text-align:right; line-height:30px; font-size:12px; color:#333333;}

.pro_text4{width:65%; float:right; height:30px; padding-right:5%; text-align:right; line-height:30px; font-size:14px; color:red; font-weight:bold;-webkit-text-stroke-width:.02em;}
#pro_ga1{display:none;}

.sel_cho{width:70%; float:right; height:24px; border:1px solid #909090; margin-top:3px;}
.sel_cho2{width:40%; float:right; height:20px; border:1px solid #909090; margin-top:4px; text-align:center;}
.sel_cho3{width:30px; float:right; height:20px; border:1px solid #909090; margin-top:4px; text-align:center;}



.shop_btn{width:100%; height:38px; float:left; border:1px solid #d3d1d3; cursor:pointer; background-image: -webkit-linear-gradient(bottom, #dedede 50%, #dadada 50%); color:#fff; font-size:14px;-webkit-text-stroke-width:.02em; border-radius:2px;}
.shop_btn2{width:100%; height:38px; float:left; border:1px solid #3ac0f6; cursor:pointer; background-image: -webkit-linear-gradient(bottom, #28afe6 50%, #26a9de 50%); color:#fff; font-size:14px;-webkit-text-stroke-width:.02em; border-radius:2px;}

#tabs{width:100%; height:auto; float:left; margin-top:15px;}
#tabs ul.de_butn{width:100%; height:auto; float:left;}
#tabs ul.de_butn li{float:left; width:33.3333333333333%; height:42px; background:url('../new_images/teb_bg.png') repeat-x;}

#tabs ul.de_butn li a{width:100%; height:42px; float:left; text-decoration:none; outline-style:none;  line-height:40px; color: #000; font-size:12px; text-align:center;}

#tabs2{width:100%; height:auto; float:left; margin-top:15px;}
#tabs2 ul.de_butn{width:100%; height:auto; float:left;}
#tabs2 ul.de_butn li{float:left; width:25%; height:42px; background:url('../new_images/teb_bg.png') repeat-x;}

#tabs2 ul.de_butn li a{width:100%; height:42px; float:left; text-decoration:none; outline-style:none;  line-height:40px; color: #000; font-size:12px; text-align:center;}

.ui-state-default a:visited {color: #000; text-decoration: none;}
.ui-state-active a:visited {color: #000; text-decoration: none;}
.ui-state-active a{background:#fff; width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:12px; color: #000; text-decoration:none; outline-style:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #717171; border-top:1px solid #717171;  border-bottom:1px solid #fff; border-left:1px solid #717171;}

#tabs1{width:100%; height:auto; float:left; margin-top:5px;}
/*
#tabs1 ul.de_butn1{width:100%; height:auto; float:left;}
#tabs1 ul.de_butn1 li{float:left; width:33.3333333333333333333333333%; height:42px; background:url('../new_images/teb_bg.png') repeat-x;}

#tabs1 ul.de_butn1 li a{width:100%; height:42px; float:left; text-decoration:none; outline-style:none;  line-height:40px; color: #000; font-size:12px; text-align:center;}

#tabs1 ul.de_butn1 li a.onclick{background:#fff; width:100%; height:42px; float:left; line-height:42px; text-align:center; font-size:12px; color: #000; text-decoration:none; outline-style:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #717171; border-top:1px solid #717171;  border-bottom:1px solid #fff; border-left:1px solid #717171;}
*/
#tabs1 ul.de_butn1{width:100%; height:auto; clear:both; display:flex;}
#tabs1 ul.de_butn1 li{flex: 0 25%; height:42px; background:url('../new_images/teb_bg.png') repeat-x;}
#tabs1 ul.de_butn1 li a{width:100%; height:42px; float:left; text-decoration:none; outline-style:none;  line-height:40px; color: #000; font-size:12px; text-align:center;}
#tabs1 ul.de_butn1 li a.onclick{background:#fff; width:100%; height:42px; float:left; line-height:42px; text-align:center; font-size:12px; color: #000; text-decoration:none; outline-style:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #717171; border-top:1px solid #717171;  border-bottom:1px solid #fff; border-left:1px solid #717171;}




#tabs3{width:100%; height:auto; float:left; margin-top:15px;}
#tabs3 ul.de_butn3{width:100%; height:auto; float:left;}
#tabs3 ul.de_butn3 li{float:left; width:50%; height:42px; background:url('../new_images/teb_bg.png') repeat-x;}

#tabs3 ul.de_butn3 li a{width:100%; height:42px; float:left; text-decoration:none; outline-style:none;  line-height:40px; color: #000; font-size:12px; text-align:center;}





.bon_img{width:94%; height:30px; float:left; text-align:center; border-radius:3px; color:#fff; background-color:#aaaaaa; line-height:30px; margin:10px 3% 10px 3%; font-size:12px; }

.back_btn{position:fixed; bottom:60px; right:15px; width:25px; 
margin-top:30px;color:#6f6f6f;
height:26px; padding:7px 0 0 10px; float:right; font-size:17px;
background-color:#fff; opacity:1; z-index:9; border-radius:20px; 
border:1px solid #b4b4b4; z-index:99999999999999999999; }

.top_btn{position:fixed; bottom:60px; right:15px; width:35px; 
height:31px; padding:4px 0 0 0; text-align:center; float:left; 
font-size:12px; background-color:#fff; opacity:.7; 
z-index:99999999999999999999; border-radius:20px; border:1px solid #b4b4b4;}


.plus_img{position:fixed; bottom:60px; right:10px; width:25px; 
height:26px; color:#6f6f6f; padding:7px 0 0 10px; float:left; 
font-size:15px; background-color:#fff; opacity:1; z-index:9; 
border-radius:20px; border:1px solid #b4b4b4;}


.besong{width:96%; height:auto; float:left; padding:2%; font-size:12px;}
.besong img{width:100%;}
.sang_f{width:100%; height:auto; float:left; margin:15px 0 15px 0;}
.sang_f ul.sang_q{width:94%; height:auto; float:left; border-top:1px solid #e5e5e5; padding:7px 3% 3px 3%;}
.sang_f ul.sang_q li{width:100%; height:auto; float:left;}
.sang_f ul.sang_q li.wrt_jung{font-size:12px; color:#919191;}
.text_q{ font-size:11px; width:auto; padding:0 5px 0 5px; height:20px; float:left; text-align:center; line-height:20px; color:#fff; background-color:#f10e49; border-radius:50px; font-weight:bold;-webkit-text-stroke-width:.02em;}
.text_q2{ font-size:12px; float:left; font-size:12px; height:20px; line-height:20px; font-weight:bold;-webkit-text-stroke-width:.02em; padding-left:5px;}
.text_q3{ font-size:12px; float:left; font-size:12px; height:20px; line-height:20px; font-weight:bold;-webkit-text-stroke-width:.02em; padding-left:5px; color:#339423;}
.text_q4{font-size:12px; color:#919191; float:left; padding:5px 0 0 25px;}
.text_q5{font-size:12px; color:#5e5e5e; float:left; padding:5px 0 0 25px;}
.text_q6{font-size:12px; color:#919191; float:left; padding:3px 0 0 5px;}
.text_q7{font-size:12px; color:#919191; float:left; width:50%;}


.sang_f ul.sang_q2{width:100%; height:auto; float:left;}
.sang_f ul.sang_q2 li{width:94%; height:auto; float:left; padding:0 3% 0 3%;}
.sang_f ul.sang_q2 li.dap_q{width:94%; float:left; height:auto; background-color:#f2f2f2; padding:7px 3% 7px 3%; margin-top:10px;}

.sang_f ul.sang_q3{width:100%; height:auto; float:left; padding-bottom:7px}
.sang_f ul.sang_q3 li{width:94%; height:auto; float:left; padding:0 3% 0 3%;}

.sang_f ul.mun_btn{width:98%; height:auto; float:left; margin:0 2% 10px 0;}
.mun_btn_in{width:100px; height:29px; float:right; border:1px solid #b40432; background-color:#fff; color:#b40432; border-radius:3px; font-weight:bold;-webkit-text-stroke-width:.02em; font-size:12px; text-align:center; line-height:29px; text-decoration:none;}

.sang_f ul.pa_num{width:100%; height:auto; float:left; text-align:center;}

.del_btn{float:right; width:50px; height:19px; border:1px solid #b40432; text-decoration:none; text-align:center; font-size:12px; line-height:19px; background-image: -webkit-linear-gradient(bottom, #b40432 50%, #d6063c 50%); color:#fff; border-radius:3px;}


.sang_f ul.qna_stl{width:100%; float:left; height:auto; border-top:1px solid #e5e5e5; position:relative; padding-bottom:10px;}
.sang_f ul.qna_stl li.q_stl1{float:left; font-size:30px; position:absolute; left:0; color:#f10e49; width:auto; height:auto; text-align:top; padding-left:5px;}
.sang_f ul.qna_stl li.q_stl2{float:left; width:85%; font-size:12px; font-weight:bold; -webkit-text-stroke-width:.02em; padding-top:10px; margin-left:40px;}
.sang_f ul.qna_stl li.q_stl3{width:85%; float:left; margin-left:40px; padding-top:5px;}
.qn_text_st1{font-size:12px; color:#919191; float:left;}
.qn_text_st2{font-size:12px; color:#339423; float:right; font-weight:bold; -webkit-text-stroke-width:.02em;}
.sang_f ul.qna_stl_1{display:none; width:100%; height:auto; float:left; padding-bottom:10px;}
.sang_f ul.qna_stl_1 li.q_stl4{width:85%; float:left; margin-left:40px; font-size:12px; color:#5e5e5e; line-height:20px;}
.sang_f ul.qna_stl_1 li.q_stl5{width:100%; float:left; padding-top:5px; font-size:12px; color:#5e5e5e; padding-top:13px; line-height:20px; position:relative;}
.qn_text_st3{font-size:12px; color:#919191; float:left; margin-left:40px; width:85%;}
.qn_text_st4{font-size:12px; color:#000; float:left; margin-left:40px; width:85%;}


/*Æ˾÷½ºÅ¸ÀÏ*/
.ex_sang{width:100%; height:auto; float:left; margin-top:79px;}
.ex_top_tit{width:100%; height:35px; float:left; border-bottom:1px solid #aaacad; background-color:#f9f9f9; text-align:center; font-size:15px; line-height:35px; color:#333333; font-weight:bold;-webkit-text-stroke-width:.02em;}

.pop_mo{width:100%; height:auto; float:left;}
.pop_mo ul.pop_text_in{width:100%; height:36px; float:left;}
.pop_mo ul.pop_text_in li{float:left; font-size:12px; height:36px; line-height:36px;}
.mo_name{width:20%; padding-left:3%; color:#666666;}
.mo_con{width:77%; color:#333333;}

.mo_text{width:90%; float:left; height:24px; float:left; border:1px solid #cccccc; margin-top:6px; padding:0;}
.mo_text2{width:90%; float:left; height:100px; float:left; border:1px solid #cccccc; margin-top:6px; padding:0;}

.pop_mo ul.pop_text_in2{width:100%; height:auto; float:left;}
.pop_mo ul.pop_text_in2 li{float:left; font-size:12px;}
.mo_name2{width:20%; padding-left:3%; color:#666666; height:36px; line-height:36px;}

.pop_mo ul.mo_ok_can{width:100%; height:auto; float:left;}
.pop_mo ul.mo_ok_can li{float:left; width:46%; margin:15px 2% 0 2%}
.star_jum{margin-top:2px;}

/*¿ÞÂʸ޴º*/
.gong_menu{width:100%; height:auto; float:left;}
.gong_menu ul.gong_menu_top{width:84%; padding:13px 8% 0 8%; height:64px; float:left; border-bottom:1px solid #000;}
.gong_menu ul.gong_menu_top li{width:33.33333333333333333%; float:left; height:auto; text-align:center;}

.left_top_text{width:100%; float:left; height:auto; color:#000; font-size:12px; text-align:center; padding-top:5px;}

.gong_menu ul.catego_menu{width:100%; height:auto; float:left;}
.gong_menu ul.catego_menu li{width:100%; height:45px; float:left; border-bottom:1px solid #f3f3f3;}
.gong_menu ul.catego_menu li a{width:92%; height:45px; float:left; font-size:16px; color:#000; line-height:45px; padding-left:8%;}
.dong_gi{width:3px; height:3px; float:left; border:1px solid #fff; border-radius:50px; margin:18px 5px 0 0;}

.gong_menu ul.login_helo{width:100%; height:auto; float:left;}
.gong_menu ul.login_helo li{font-size:14px; color:#000; width:100%; height:auto; text-align:center; padding:10px 0 10px 0;}

.gong_menu ul.login_helo2{width:100%; height:auto; float:left;}
.gong_menu ul.login_helo2 li{width:94%; height:40px; padding-left:6%; float:left; line-height:40px; font-size:14px; border-top:1px solid #b3b3b3; cursor:pointer;}

.left_menu_top{width:100%; height:43px; float:left; background-color:#f10e49; position:absolute; top:0; left:0;  z-index:999;}
.left_menu_login{width:57px; height:27px; float:left; border:1px solid #fff; text-align:center; line-height:27px; color:#fff; font-size:12px; text-decoration:none; border-radius:3px; margin:8px 0 0 8px;}
.left_x{width:18px; height:18px; float:right; margin:12px 5px 0 0;}

.menu_00{width:100%; height:auto; float:left;}
.menu_00 ul.menu_o1{width:100%; height:auto; float:left;}
.menu_00 ul.menu_o1 li.menu_o2{width:100%; height:auto; float:left;}
.s_menu_o{width:92%; height:45px; float:left; border-bottom:1px solid #d4d4d4; line-height:45px; font-size:16px; color:#000; padding-left:8%;}
.menu_00 ul.menu_o1 li.menu_o2 ul.m_menu_01{width:100%; height:auto; float:left;}
.menu_00 ul.menu_o1 li.menu_o2 ul.m_menu_01 li.m_menu_02{width:100%; height:auto; float:left;}
.m_menu_03{width:90%; height:30px; float:left; border-bottom:1px solid #f3f3f3; line-height:30px; font-size:14px; padding-left:10%;}
.o_hwa{float:right; margin-right:15px;}


/*¸®½ºÆ®ÆäÀÌÁö*/
.mo_list2{width:100%; height:auto; float:left; margin-top:73px; background-color:#fff;}
.mo_list{width:100%; height:auto; float:left;}
.nav_total{width:100%; height:40px; float:left; line-height:40px; text-align:center; color:#828282; border-bottom:1px solid #828282;}
.list_nav{float:right; padding-right:10px; font-size:12px;}
.list_total{float:right; padding-right:10px; font-size:12px;}


.pro_list{width:100%; height:150px; float:left; border-bottom:1px solid #d2d2d2;}
.pro_list ul.img_pro{width:120px; height:120px; float:left; margin-top:15px; margin:15px 0 0 10px;}
.pro_list ul.img_pro li img{border:1px solid #dedede;}

.pro_list ul.pro_detai{float:left; position:absolute; margin:15px 0 0 145px;}
.pro_list ul.pro_detai li.fon_sty{width:100%; height:30px; float:left; font-size:12px; font-weight:bold; -webkit-text-stroke-width:.02em; color:#000;}
.pro_list ul.pro_detai li.fon_sty2{width:100%; float:left; font-size:14px; color:#000; padding-top:10px;}
.pro_list ul.pro_detai li.fon_sty3{width:100%; float:left; font-size:14px; color:#000; padding-top:5px;}
.pro_list ul.pro_detai li.fon_sty4{width:100%; float:left; font-size:12px; color:#000; padding-top:5px;}

.jrgo{width:65px; height:20px; float:left; background-image: -webkit-linear-gradient(bottom, #b40432 50%, #d6063c 50%); text-align:center; line-height:19px; color:#fff;}

.more_a{width:100%; height:auto; float:left;}
.more_a2{text-decoration:none; width:94%; height:30px; float:left; margin:0 3% 15px 3%; text-align:center; line-height:30px; border:1px solid #c3c3c3; font-size:12px; color:#000; border-radius:3px;}
.more_a3{text-decoration:none; width:94%; height:30px; float:left; margin:10px 3% 15px 3%; text-align:center; line-height:30px; border:1px solid #c3c3c3; font-size:12px; color:#000; border-radius:3px;}
.more_a4{text-decoration:none; width:94%; height:30px; float:left; margin:0 3% 15px 3%; text-align:center; line-height:30px; border:1px solid #c3c3c3; font-size:12px; color:#000; border-radius:3px;}

.more_a_1{width:100%; height:auto; float:left; margin-top:10px;}


/*·Î±×ÀÎ*/
.login{width:90%; height:auto; float:left; margin:20px 5% 0 5%;}
.login ul.login_from{width:100%; height:auto; float:left;}
.login ul.login_from li{width:100%; float:left; height:40px; position:relative; line-height:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #bdbdbd; border-radius:3px;}
.lo_text_sty{width:20%; float:left; height:40px; padding-left:3%; line-height:40px; font-size:12px; color:#969696; font-weight:bold; -webkit-text-stroke-width:.02em;}
.lo_fom_sty{float:left; width:65%; height:24px; padding-left:1%; margin-top:7px; border:0; outline-style:none; line-height:24px;}

.login ul.jadong{width:100%; height:45px; float:left;}
.login ul.jadong li{width:100%; float:left; height:45px; line-height:45px; text-align:center; font-size:12px; color:#969696;}

.login ul.jadong li input[type='checkbox']{
	-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:19px; height:19px; border:1px solid #c8c8c8; background:#fff; vertical-align:middle;
}

.login ul.jadong li input[type='checkbox']:checked{background:#fff url('../new_images/ico_check.png') center center no-repeat;}
.lo_fom_sty2{width:100%; float:left; color:#fff; height:40px; font-weight:bold; -webkit-text-stroke-width:.02em; background-image: -webkit-linear-gradient(bottom, #d6083d 50%, #f10e49 50%); border:1px solid #d6083d; border-radius:3px; cursor:pointer; font-size:14px;}
.lo_fom_sty3{width:100%; float:left; color:#fff; height:40px; font-weight:bold; -webkit-text-stroke-width:.02em; background-image: -webkit-linear-gradient(bottom, #b40432 50%, #d6063c 50%); border:1px solid #d6083d; border-radius:3px; cursor:pointer; font-size:14px;}



.lo_fom_sty3_naver{width:100%; float:left; color:#fff; height:40px; font-weight:bold; -webkit-text-stroke-width:.02em; background-color:#1ec800; border:1px solid #1eb400; border-radius:3px; cursor:pointer; font-size:14px;}
.lo_fom_sty3_kako{width:100%; float:left; color:#3c1e1e; height:40px; font-weight:bold; -webkit-text-stroke-width:.02em; background-color:#ffeb00; border:1px solid #d1c100; border-radius:3px; cursor:pointer; font-size:14px;}
.lo_fom_sty3_face{width:100%; float:left; color:#fff; height:40px; font-weight:bold; -webkit-text-stroke-width:.02em; background-color:#3b5998; border:1px solid #204798; border-radius:3px; cursor:pointer; font-size:14px;}
.lo_fom_sty3_google{width:100%; float:left; color:#555555; height:40px; font-weight:bold; -webkit-text-stroke-width:.02em; background-color:#fff; border:1px solid #d9d9d9; border-radius:3px; cursor:pointer; font-size:14px;}

/*ÁÖ¹®*/
.jumun1{width:95%; height:32px; float:left; padding-left:5%; background-color:#707070; line-height:32px; font-size:12px; color:#fff; text-align:left; font-weight:bold; -webkit-text-stroke-width:.02em;}
.jumun1s{width:100%; height:32px; float:left; line-height:32px; font-size:12px; color:#000; text-align:left; border-bottom:1px solid #000;}

.jumun2{width:100%; height:auto; float:left; border-bottom:1px solid #d7d7d7; padding-bottom:10px;}
.jumun2 ul.jumun_name{width:100%; height:32px; float:left;}
.jumun2 ul.jumun_name li{width:97%; height:32px; float:left; line-height:32px; color:#000; font-size:12px; font-weight:bold; -webkit-text-stroke-width:.02em; padding-left:3%;}

.jumun2 ul.jumun_img{width:55px; height:55px; float:left; margin-left:10px;}
.jumun2 ul.jumun_img li{width:55px; height:55px; float:left; border:1px solid #dbdbdb;}

.jumun2 ul.jumun_info{ float:left; padding-left:10px;}
.jumun2 ul.jumun_info li.panme{font-size:14px; font-weight:bold; -webkit-text-stroke-width:.02em; color:#000;}
.jumun2 ul.jumun_info li.panme2{font-size:12px; font-weight:bold; -webkit-text-stroke-width:.02em; color:#9c9c9c; padding-top:5px;}

.jumun2 ul.jumun_info2{width:100%; float:left;}
.jumun2 ul.jumun_info2 li{margin-right:10px;}

.su_ry{width:60px; height:22px; float:right; font-size:12px; margin-top:5px; border:1px solid #d7d7d7; border-radius:3px;}
.su_ry2{width:65px; height:24px; float:right; font-size:12px; margin:5px 0 0 5px; border:1px solid #000;  background-image: -webkit-linear-gradient(top,  #2c2c2c 10%, #797979 90%); color:#fff; border-radius:3px;}
.su_ry3{width:40px; height:24px; float:right; font-size:12px; margin:5px 10px 0 10px; border:1px solid #000;  background-image: -webkit-linear-gradient(top,  #2c2c2c 10%, #797979 90%); color:#fff; border-radius:3px;}
.su_ry4{width:65px; height:24px; float:right; font-size:12px; margin:2px 0 0 5px; border:1px solid #000;  background-image: -webkit-linear-gradient(top,  #2c2c2c 10%, #797979 90%); color:#fff; border-radius:3px;}
.su_ry5{width:95%; height:52px; float:left; margin-right:5%; font-size:12px; border:1px solid #000;  background-image: -webkit-linear-gradient(top,  #2c2c2c 10%, #797979 90%); color:#fff; border-radius:3px;}
.su_ry6{width:65px; height:24px; float:right; font-size:12px; margin:5px 0 0 5px; border:1px solid #000;  background-image: -webkit-linear-gradient(top,  #0a008f 10%, #1001d2 90%); color:#fff; border-radius:3px;}
.su_ry7{width:35px; height:22px; float:right; font-size:14px; margin:4px 0 0 0; color:#000; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry8{width:35px; height:22px; float:right; font-size:14px; margin:4px 0 0 0;  color:#000; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}

.su_ry9{width:35px; height:22px; float:right; font-size:14px; margin:4px 0 0 0; color:#000; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry10{width:35px; height:22px; float:right; font-size:14px; margin:4px 0 0 0;  color:#000; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}


.total_ge{width:100%; height:auto; float:left; background-color:#efefef; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.total_ge ul li.hap1{width:100%; float:left; height:34px;}
.total_ge ul li.hap2{width:100%; float:left; height:40px; border-top:1px solid #d7d7d7;}

.hap_sty1{float:left; font-size:12px; padding-left:10px; height:34px; line-height:34px;  font-weight:bold; -webkit-text-stroke-width:.02em; }
.hap_sty2{float:right; font-size:12px; padding-right:10px; height:34px; line-height:34px;  font-weight:bold; -webkit-text-stroke-width:.02em; }

.hap_sty3{float:left; font-size:12px; padding-left:10px; height:40px; line-height:40px; color:#39a128; font-weight:bold; -webkit-text-stroke-width:.02em; }
.hap_sty4{float:right; font-size:12px; padding-right:10px; height:40px; line-height:40px; color:#39a128; font-weight:bold; -webkit-text-stroke-width:.02em; }

.jumun3{width:100%; height:auto; float:left; padding-bottom:5px;}
.jumun3 ul{width:100%; height:auto; float:left; margin-top:5px;}
.jumun3 ul li{float:left;}
.jumun3 ul li.ju1_fom{width:20%; height:30px; padding-left:3%; font-size:12px; line-height:30px; color:#9c9c9c;}
.jumun3 ul li.ju2_fom{width:77%; height:30px; line-height:30px; font-size:12px;}
.jumun3 ul li.ju3_fom{width:77%; height:60px; line-height:30px; font-size:12px;}

.jumun3 ul li.ju4_fom{width:27%; height:30px; padding-left:3%; font-size:12px; line-height:30px; color:#9c9c9c;}
.jumun3 ul li.ju5_fom{width:70%; height:30px; line-height:30px; font-size:12px;}

.jumun3 ul li.ju6_fom{width:33%; height:30px; padding-left:3%; font-size:12px; line-height:30px; color:#9c9c9c;}
.jumun3 ul li.ju7_fom{width:64%; height:30px; line-height:30px; font-size:12px;}

.jumun3 ul li.ju8_fom{width:33%; height:60px; padding-left:3%; font-size:12px; line-height:30px; color:#9c9c9c;}
.jumun3 ul li.ju9_fom{width:64%; height:60px; line-height:30px; font-size:12px;}

.jumun3 ul li.ju10_fom{width:77%; height:auto; font-size:12px;}
.jumun3 ul li.ju11_fom{width:20%; height:auto; padding-left:3%;}
.jumun3 ul li.ju12_fom{width:77%; height:55px; line-height:55px; font-size:12px;}

.jumun3 ul li.ju13_fom{width:23%; height:30px; padding-left:3%; font-size:12px; line-height:30px; color:#9c9c9c;}
.jumun3 ul li.ju14_fom{width:74%; height:30px; line-height:30px; font-size:12px;}

.jumun3 ul li.ju15_fom{width:74%; height:20px; line-height:20px; font-size:12px; margin-left:26%;}





.fom_style1{width:90%; float:left; height:24px; border:1px solid #dbdbdb; margin-top:2px; border-radius:3px;}
.fom_style2{width:27%; float:left; height:24px; border:1px solid #dbdbdb; margin-top:2px; border-radius:3px;}
.fom_style3{width:27%; float:left; height:25px; cursor:pointer; background-image: -webkit-linear-gradient(top,  #2c2c2c 10%, #797979 90%); border:1px solid #000; margin:2px 0 0 10px; border-radius:3px; color:#fff; font-size:11px;}
.fom_style4{width:90%; float:left; height:50px; border:1px solid #dbdbdb; margin-top:2px; border-radius:3px;}
.fom_style5{width:27%; float:left; height:24px; border:0; margin-top:2px; text-align:right;}
.fom_style6{width:95%; float:right; height:50px; border:1px solid #dbdbdb; margin-top:2px; border-radius:3px;}
.fom_style7{width:59%; float:left; height:24px; border:1px solid #dbdbdb; margin-top:2px; border-radius:3px;}




.fom_style2_s{width:27%; height:24px; border:1px solid #dbdbdb; margin-top:2px; border-radius:3px;}
.fom_style3_s{width:27%; height:25px; cursor:pointer; background-image: -webkit-linear-gradient(top,  #2c2c2c 10%, #797979 90%); border:1px solid #000; margin:2px 0 0 10px; border-radius:3px; color:#fff; font-size:11px;}






.jung_bar{width:10px; float:left; text-align:center; height:30px; line-height:30px;}

.dong_il{float:right; margin-right:10px;}

.dong_il input[type='checkbox']{
	-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:17px; height:17px; border:1px solid #c8c8c8; background:#fff; vertical-align:middle;
}
.dong_il input[type='checkbox']:checked{background:#fff url('../new_images/ico_check.png') center center no-repeat;}

.ju_ok_btn{width:94%; height:auto; float:left; margin:10px 3% 10px 3%;}

.ju_text_styl{width:100%; height:auto; float:left; font-size:12px; padding:10px 0 10px 0;}

/*ȸ¿ø°¡ÀÔ*/
.i_dong{width:100%; float:left; text-align:center; padding:10px 0 10px 0;}

.i_dong input[type='checkbox']{
	-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
	width:17px; height:17px; border:1px solid #c8c8c8; background:#fff; vertical-align:middle;
}
.i_dong input[type='checkbox']:checked{background:#fff url('../new_images/ico_check.png') center center no-repeat;}

.ju_text_sty2{width:94%; height:auto; float:left; font-size:12px; margin:15px 3% 15px 3%; padding:10px 3% 10px 3%; background-color:#f5f5f5; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #959595; border-radius:10px;}
.ju_text_sty2 ul.in_bor{width:90%; height:auto; float:left; background-color:#fff; border-radius:10px; padding:15px 5% 15px 5%;}
.ju_text_sty2 ul.in_bor li{float:left;}
.ju_text_sty2 ul.in_bor li.mem_guc{width:100%; font-size:16px;}
.ju_text_sty2 ul.in_bor li.mem_guc2{width:100%; font-size:12px; letter-spacing:-1px; padding-top:10px;}
.ju_text_sty2 ul.in_bor li.mem_guc3{width:100%; height:auto; background-color:#f5f5f5; border-radius:10px; margin-top:10px; text-align:center; padding:10px 0 10px 0;}

/*°Ë»öÆäÀÌÁö*/
.search_wrap{width:100%; height:auto; float:left;}

.sear_fom{width:94%; height:31px; float:left; background-color:#f10e49; padding:6px 3% 6px 3%;}
.sear_fom ul{width:100%; height:auto; float:left;}
.sear_fom ul li.ser_in_fom{width:80%; float:left; height:31px; background-color:#fff;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #fc636a; border-radius:3px;}
.sear_fom ul li.ser_in_fom2{width:17%; float:left; height:31px; margin-left:3%; font-size:12px; text-align:center; line-height:31px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #fdc3d2; border-radius:3px; color:#fff;}

.ser_sty_in{width:70%; float:left; height:28px; border:0; padding:0; margin-left: 5%;}
.clin{width:20px; padding:5px 5px 6px 5px; float:right;}
.clin2{width:20px; padding:5px 7px 6px 3px; float:right;}

.sear_list, .sear_list ul{width:100%; height:auto; float:left;}
.sear_list ul li{width:100%; height:35px; float:left; border-bottom:1px solid #e5e5e5; line-height:35px;}
.sear_t1{font-size:14px; font-weight:bold; -webkit-text-stroke-width:.02em; padding:0 10px 0 15px; font-style:italic; color:#939393;}
.sear_t2{font-size:14px; }
.sear_t3{font-size:12px; float:right; color:#999999;}
.sear_t4{float:right; width:11px; height:6px; padding:13px 10px 0 8px;}


/*Ä«Å×°í¸®*/
.fir_ca{width:100%; height:auto; float:left; border-top:1px solid #cdcdcd; margin-top:15px;}
.fir_ca ul{width:100%; height:auto; float:left;  border-left:1px solid #cdcdcd;  border-bottom:1px solid #cdcdcd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.fir_ca ul li{width:50%; float:left; height:30px; padding-left:5%; margin-bottom:-1px; font-size:12px; color:#363636; cursor:pointer; line-height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-right:1px solid #cdcdcd ;border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.haws1{float:left;}
.haws2{float:right; padding-right:10px; color:#cacaca; padding-top:3px;}
.cat_ope{width:100%; height:30px; float:left; line-height:30px; text-align:center; font-size:12px; font-weight:bold; -webkit-text-stroke-width:.02em; color:#121212; letter-spacing:-1px; background-color:#fafafa; cursor:pointer;}
.ui-btn-inner{display:none;}


/*ÄíÆù¸®½ºÆ®*/
.coupon_list{width:100%; height:auto; float:left; background-color:#edecf1; padding-bottom:10px;}
.coupon_list ul{width:94%; height:100px; float:left; margin:10px 3% 0 3%; border:1px solid #b8b8ba;}
.coupon_list ul li.cou_tits{width:75%; float:left; padding-left:5%; height:100px; background-color:#fff; border-right:3px dotted #cdcdcd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.cou_text1{width:100%; height:auto; float:left; font-size:20px; color:#3ac0f6; font-weight:bold; -webkit-text-stroke-width:.02em; padding:10px 0 5px 0;}
.cou_text2{width:100%; height:auto; float:left; font-size:12px; color:#000; padding:0 0 5px 0;}
.cou_text3{width:100%; height:auto; float:left; font-size:12px; color:#000; font-weight:bold; -webkit-text-stroke-width:.02em;}
.coupon_list ul li.cou_down{width:25%; float:left; height:83px; background-color:#f1f1f1; text-align:center; padding-top:17px; cursor:pointer;}
.coupon_list ul li.cou_down2{width:25%; float:left; height:75px; background-color:#f1f1f1; text-align:center; padding-top:25px;}

.coupon_list2{width:100%; height:auto; float:left; background-color:#edecf1; padding-bottom:10px;}
.coupon_list2 ul{width:94%; height:100px; float:left; margin:10px 3% 0 3%; border:1px solid #b8b8ba;}
.coupon_list2 ul li.cou_tits{width:75%; float:left; padding-left:5%; height:100px; background-color:#fff; border-right:3px dotted #cdcdcd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.coupon_list2 ul li.cou_down{width:25%; float:left; height:83px; background-color:#f1f1f1; text-align:center; padding-top:17px; cursor:pointer;}
.coupon_list2 ul li.cou_down2{width:25%; float:left; height:75px; background-color:#f1f1f1; text-align:center; padding-top:25px;}
.coupon_list2 ul li.cou_down3{width:25%; float:left; height:63px; background-color:#f1f1f1; text-align:center; padding-top:37px;}
.coupon_list2 ul li.cou_down4{width:25%; float:left; height:90px; background-color:#f1f1f1; text-align:center; padding-top:10px;}


.namday2{color:#3ac0f6; font-size:24px; font-weight:bold; -webkit-text-stroke-width:.02em;}
.namday3{color:#3ac0f6; font-size:12px; font-weight:bold; -webkit-text-stroke-width:.02em;}

.pay_pon{width:100%; height:auto; float:left; background-color:#f8f8f8; margin-top:5px; border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.pay_pon ul{width:100%; height:auto; float:left; padding:10px 0 10px 0; border-bottom:1px dotted #c0c0c0;}
.pay_pon ul li.chk_won{width:29%; float:left; padding-left:5%; font-weight:bold; -webkit-text-stroke-width:.02em; font-size:14px; color:#343434; line-height:20px;}
.pay_pon ul li.cou_chocou{width:61%; height:auto; padding-left:5%; float:left;}
.pay_pon ul li.chk_won2{width:95%; float:left; padding-left:5%; font-weight:bold; -webkit-text-stroke-width:.02em; font-size:14px; color:#343434; line-height:20px;}


.sou_tit_n{width:100%; height:auto; float:left;  font-size:12px; font-weight:bold; -webkit-text-stroke-width:.02em; }
.sou_tit_n2{width:100%; height:auto; float:left;  font-size:12px; color:#999999;  padding-top:5px;}

input[type='radio'].ckck{vertical-align:middle;}
input[type='radio'].ckck{background:#F9F9F9; border:solid 2px #323232; border-radius:15px; height:20px; width:20px; -webkit-appearance:none;}
input[type='radio'].ckck:checked{background:#F9F9F9; border:solid 2px #323232; border-radius:15px;}
input[type='radio'].ckck:checked:after{content:' ';display:block; width:10px; height:10px; background:#3ac0f6; position:relative; top:3px; left:3px; border-radius:15px;}



#book{position:fixed; width:100%; height:100%; float:left;  z-index:8; background-color:#fff;  -webkit-overflow-scrolling: touch;  overflow: auto;}


/*°Ô½ÃÆǸ®½ºÆ®*/
.m_notice_list{width:100%; height:auto; float:left; padding:15px 0 5px 0;}
.m_notice_list ul.m_notice_list2{width:94%; height:auto; float:left; margin:0 3% 10px 3%;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box; 
box-sizing: border-box;
border-radius: 2px;
}

.m_notice_list ul.m_notice_list2 li.noti_list2{width:96%; height:auto; float:left; background-color:#f8fff7; border:1px solid #cacbcd; padding:10px 2% 10px 2%;}
.gong_icon{width:30px; height:30px; float:left; color:#fff; background-color:#41bb2d; font-size:16px; text-align:center; line-height:30px; border-radius:50px;}
.noti_tit{width:85%; float:left; margin-left:10px; font-size:14px; color:#1d2323; letter-spacing:-1px; line-height:18px;}
.noti_da{width:100%; float:left; color:#9c9c9c; font-size:12px; padding-top:2px; letter-spacing:-1px;}

.gong_icon2{width:30px; height:auto; float:left; color:#41bb2d; font-size:16px; text-align:center; font-weight:bold; -webkit-text-stroke-width:.02em;}


.noti_view{width:100%; height:auto; float:left;}
.noti_view ul.view_tit{width:100%; height:auto; float:left; background-color:#f9f9f9; border-bottom:1px solid #e7e7e7;}
.noti_view ul.view_tit li.view_tit2{width:94%; padding:10px 3% 10px 3%; height:auto; float:left; border-bottom:1px solid #e1e1e1;}
.view_text_sty1{width:88%; height:auto; float:left; margin-left:2%;}
.view_text_sty2{width:100%; height:auto; float:left; font-size:14px; font-weight:bold;-webkit-text-stroke-width:.02em; color:#222222; line-height:18px;}
.view_text_sty3{width:100%; height:auto; float:left; font-size:12px; color:#9a9a9a; padding-top:5px;}

.noti_view ul.view_con{width:94%; height:auto; float:left; padding:10px 3% 10px 3%;}
.noti_view ul.view_con li{ color:#666666; font-size:12px;}
.noti_view ul.view_con li img{width:100%;}

.m_notice_list ul.m_noti_no{width:100%; height:auto; float:left;}
.m_notice_list ul.m_noti_no li{width:100%; height:auto; float:left; text-align:center; font-size:12px; padding:20px 0 20px 0;}




.noti_view ul.deta_foot_btn{width:100%; height:auto; float:left; padding-bottom:15px; }
.noti_view ul.deta_foot_btn li{width:100%; height:auto; float:left; text-align:center;}



.pri_btn{width:31.333333333333%; height:30px; float:left; margin:0 1% 0 1%; border:1px solid #29771c; background-image: -webkit-linear-gradient(top,  #318f21 10%, #41bb2d 90%); color:#fff; border-radius:3px; font-weight:bold; -webkit-text-stroke-width:.02em; font-size:12px;}

.det_de2{width:100%; height:auto; float:left;}

/*´õº¸±â*/
.thestl{width:100%; height:auto; float:left; }
.the_id{width:100%; height:40px; float:left; background-color:#fff;}
.the_id li{width:48%; float:left; line-height:40px; padding-left:2%; font-size:14px;}
.the_id li.bar_the{border-right:1px solid #dddddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.the_id2{width:100%; height:40px; float:left; background-color:#fff; border-top:1px solid #dddddd; }
.the_id2 li{width:48%; float:left; line-height:40px; padding-left:2%; font-size:14px;}
.the_id2 li.bar_the{border-right:1px solid #dddddd; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.the_ti1{color:#343434; letter-spacing:-1px; float:left;padding-right:5px;}
.the_ti2{color:#f16214; letter-spacing:-1px; float:left;}

.icthe{padding:9px 0 0 0; color:#666666; float:left; width:30px;}
.icthe2{padding:9px 15px 0 0; color:#cbcbcb; float:right;}
.icthe3{padding:5px 0 0 3px; color:#666666; float:left; width:27px;}
.icthe4{padding:7px 0 0 3px; color:#666666; float:left; width:27px;}
.icthe5{padding:9px 5px 0 0; color:#cbcbcb; float:right;}
.icthe6{padding:9px 9px 0 0; color:#cbcbcb; float:right;}

.the_id3{width:100%; height:auto; float:left; background-color:#fff; margin-top:15px;}
.the_id3 ul{width:100%; height:auto; float:left;}
.the_id3 li{width:97%; height:40px; line-height:40px; float:left; padding-left:3%; font-size:14px;}

.the_id3 li.the_btns{width:97%; height:40px; line-height:40px; float:left; padding-left:3%; font-size:14px; border-bottom:1px solid #dddddd;}
.sang_nomo{width:100%; height:auto; float:left; text-align:center; font-size:12px; padding:50px 0 50px 0;}

.app_icon{width:100%; height:auto; float:left; margin-top:15px;}
.app_icon ul{width:50%; height:auto; float:left; cursor:pointer;}
.app_icon ul li{width:100%; height:auto; float:left; text-align:center; font-size:12px;}
.app_icon ul li.app_tit{font-size:12px; padding-top:5px;}

.lock_div{width:94%; height:auto; float:left; margin:10px 3% 0 3%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:1px solid #000; border-radius:3px;}
.lock_div ul.jam{width:100%; height:40px; float:left; border-bottom:1px solid #000;}
.lock_div ul.jam li{width:100%; height:40px; float:left; text-align:center; line-height:40px; font-size:14px;  font-weight:bold; -webkit-text-stroke-width:.02em; color:#000;}
.lock_div ul.jam2{width:100%; height:auto; float:left;}
.lock_div ul.jam2 li{width:100%; height:auto; float:left; text-align:center;}
.lokstyl{width:80%; height:25px; float:left; margin:10px 10% 10px 10%; padding:0;}
.lokstyl2{width:80%; height:30px; float:left; cursor:pointer; margin:0 10% 10px 10%; padding:0; font-size:12px; background-image: -webkit-linear-gradient(top,  #2c2c2c 10%, #797979 90%); color:#fff; border-radius:3px; border:#000;}


.dongi{width:100%; height:auto; float:left;}
.dongi th{padding:5px 0 5px 0; background-color:#f6f9ff; text-align:center;}
.dongi td{padding:5px 0 5px 0; text-align:center;}


/*°ü·Ã»óÇ°*/
.optioby{width:100%; float:left; padding:10px 0 10px 0; font-size:16px; font-weight:bold; color:#000;}
.leration_lists{width:100%; height:auto; float:left;}
.leration_lists ul{width:100%; float:left;}
.leration_lists ul li{width:23%; height:150px; float:left; text-align:center; margin:0 1% 0 1%; line-height:14px;}

.re_fontstylesd{width:25%; height:auto; float:left; font-size:12px; color:#000; padding-top:5px;}
.re_fontstylesd2{font-size:12px; color:#6c6c6c; font-weight:bold;}
.re_fontstylesd3{width:100%; height:auto; float:left; text-align:center; padding-bottom:3px;}
.leration_lists ul li a{ text-decoration:none; font-size:12px; color:#6c6c6c;}
.leration_lists ul li a:hover{text-decoration:underline; font-size:12px; color:#6c6c6c;}


/*¿É¼Ç »õ·Î¿î ½ºÅ¸ÀÏ*/


.sel_cho3ss{
-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
width:30px; float:left; height:33px; border:1px solid #909090; text-align:center;}
.su_ry9ss{
-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
width:35px; height:35px; float:left; font-size:14px; color:#000; cursor:pointer; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry10ss{
-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
width:35px; height:35px; float:left; font-size:14px; color:#000; cursor:pointer; margin-left:15px; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}

.sel_cho3s{

-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
	  -webkit-border-radius: 0;
width:30px; float:left; height:33px; border:1px solid #909090; text-align:center;}
.su_ry9s{
-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-border-radius: 0;
width:35px; height:35px; float:left; font-size:14px; color:#000; cursor:pointer; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry10s{
-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
	  -webkit-border-radius: 0;
width:35px; height:35px; float:left; font-size:14px; color:#000; cursor:pointer; margin-left:15px; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}


.sel_cho3sss{
-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;
width:30px; float:left; height:28px; border:1px solid #909090; text-align:center;}

.su_ry9sss{

-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;

width:30px; height:30px; float:left; font-size:14px; color:#000; cursor:pointer; background-color:#fff; border-left:0; border-right:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}
.su_ry10sss{

-webkit-appearance:none;
	-o--appearance:none;
	-moz-appearance:none;
	appearance:none;

width:30px; height:30px; float:left; font-size:14px; color:#000; cursor:pointer; background-color:#fff; border-right:0; border-left:1px solid #909090; border-top:1px solid #909090; border-bottom:1px solid #909090;}


.newfonsy0{font-size:14px; padding:10px 0 10px 0;} 

.newfonsy1{font-size:14px; font-weight:bold;  -webkit-text-stroke-width:.02em;} 
.newfonsy2{font-size:14px; color:#6c6c6c; padding:5px 0 5px 0;}
.newfonsy3{ font-weight:bold;  -webkit-text-stroke-width:.02em;}
.newfonsy4{text-decoration:line-through;}
.newfonsy5{color:red;font-weight:bold;  -webkit-text-stroke-width:.02em;}
.newfonsy6{width:80%; height:30px; background-color:#fff; border:1px solid #000;}
.newfonsy7{font-size:14px;} 
.newfonsy8{font-size:16px; padding:10px 0 10px 0;}
#pro_ga1{display:none;}

#field2 div{border-bottom:1px solid #909090; padding-bottom:10px;}

#field div{border-bottom:1px solid #909090; padding-bottom:10px;}


.newcart{width:100%; height:auto; float:left;}
.newcart ul{width:100%; height:auto; float:left;}
.newcart ul li{float:left;}
.newcart ul li.sum_imgs{width:100%; height:auto; position:relative;}
.cart_names{position:absolute; left:70px; top:10px; right:10px;}
.cart_names2{font-size:14px; padding-top:10px; word-break:break-all;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}






/*°¶·¯¸®°Ô½ÃÆÇ*/
.m_list3{width:100%; height:auto; float:left;}
.m_list3 ul{width:100%; height:auto; float:left;}

.cardstyes{border:1px solid #666666; width:80%; height:25px; font-size:12px;}
.cardstyes2{border:1px solid #666666; width:80%; height:60px; font-size:12px;}
.ok_btn_sty3{width:100px; height:30px;  background-color:#343434; border:0; color:#fff; font-weight:bold; cursor:pointer;}







.new_cart_design{width:98%; height:auto; margin:15px 1% 0 1%; float:left; border:1px solid #adadad; border-radius:5px;}


.new_cart_design2 td{line-height:23px; font-size:12px;}


.jangba1{width:30px; height:25px; text-align:center; border:1px solid gray; -webkit-appearance:none; -o--appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}
.jangba2{width:30px; height:27px; font-size:12px; outline:none;  border:0; background-color:#fff; color:#3f3f3f; vertical-align:top; cursor:pointer; -webkit-appearance:none; -o--appearance:none; -moz-appearance:none; appearance:none; border-radius:0;}
.new_cart_design3 ul li.sangs_tolp{text-align:right;}


.new_cart_design4{width:100%; height:auto; float:left; margin:10px 0 10px 0;}
.new_cart_design4 ul{width:100%; height:auto; float:left;}
.new_cart_design4 ul li{float:left; width:100%; text-align:right; font-size:12px; line-height:20px;}

.log_sty_inp3{font-size:12px;  color:#7e7e7e;}


.bma_fon_sty_p{}
.bma_fon_sty_p s {color:#999;}

.bma_fon_sty_p2{font-size:14px;}
.bma_fon_sty_p3{float:right; padding-right:10px;font-size:15px;}


/*»óÇ°ÀÇ Ãß°¡¿É¼Ç°¡* »óÇ°»ó¼¼°Å*/
.add_p {color:blue; font-size:10px; }

#basicPrice s{font-size:13px; color:#999;}
#detail_price{font-size:14px;}

#detail_price s{font-size:11px; color:#666;}


/*
* 22.04.03 webist add - sns share
*/
.detail_share {position:relative; color:#fff; border:none; background:none; padding:0; margin:0; vertical-align: middle; cursor:pointer;}
.detail_share svg.sharebtns {fill:#999;}
.detail_share svg.shareico {width:28px; height:28px;}
.detail_share .share_detail {position:absolute; width:92px; padding:10px; right:0; border:1px solid #ddd; display:none; border-radius:3px; background:#fff}
.detail_share .share_detail:after {border-color: #ffffff transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; right:5px; position: absolute; top: -7px; width: 0; z-index: 1; }
.detail_share .share_detail:before {border-color: #dddddd transparent; border-style: solid; border-width: 0 6px 8px 6.5px; content: ''; display: block; right:5px; position: absolute; top: -8px; width: 0; z-index: 0;}
.detail_share .share_detail li { display:inline-block; font-size:0;}
.detail_share .share_detail a {color:#fff; font-size:0}


/*
* 22.04.15 webist add - ÀϽÃÇ°Àý
*/
div.empty_ico { text-align:center; font-size:0; line-height:0; float:left; vertical-align:bottom; }
div.empty_ico > span { display:inline-block; padding:2px 4px; border-radius:2px; border:1px solid #ff0000; color:#ff0000; font-size:12px; line-height:12px; }
span.empty_ico { display:inline-block; padding:3px 7px; border-radius:2px; border:1px solid #ff0000; color:#ff0000; font-size:12px; line-height:12px; margin-left:1px; vertical-align:top; }
.main_m_img3 div.empty_ico { padding-top:5px;}
.prd_gall_col3 li { position:relative;}
span.empty_ico.thubm { display:inline-block; position:absolute; background:#fff; top:10px; right:10px; width:auto; border-radius:2px !important;}



/*
 * 22.06.02 webist add - product list
*/
ul.prd_list { }
ul.prd_list * { box-sizing:border-box; }
ul.prd_list .prd_title { font-size:15px; font-weight:600;  }
ul.prd_list .prd_adv { padding:5px 0; font-size:12px; height:2.6em; display:block;  overflow:hidden; text-overflow:ellipsis; line-height:1.2; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; color:#9d9d9d; }
ul.prd_list .prd_price { font-size:14px; font-weight:600; color:#333; padding:10px 0 0 0; }
ul.prd_list .prd_price del { font-weight:normal; font-size:.9em; color:#666}
ul.prd_list.prd_list_0 { display:flex; flex-direction:column; flex-wrap:nowrap; }
ul.prd_list.prd_list_0 > li { width:100%; display:block; border-bottom:1px dotted #cdcdcd; padding:10px; }
ul.prd_list.prd_list_0 > li > a { width:100%; display:flex; flex-direction:row; flex-wrap:nowrap; }
ul.prd_list.prd_list_0 .imgwrap { flex:1 30%; min-width:112px; max-width:240px; margin-right:10px;}
ul.prd_list.prd_list_0 .prd_picture { border:1px solid #dedede; border-radius:10px; overflow:hidden; }
ul.prd_list.prd_list_0 .prd_picture img { width:100%; }
ul.prd_list.prd_list_0 .textwrap { flex:1 70%; display:flex; flex-direction:column; flex-wrap:nowrap; }
ul.prd_list.prd_list_0 .list_thumb { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; padding-top:10px; }
ul.prd_list.prd_list_0 .list_thumb .list_thumbs { display:flex;  width:35px; height:35px; border-radius:8px; margin-right:4px; font-size:7px; box-sizing:border-box; overflow:hidden;}
ul.prd_list.prd_list_0 .list_thumb .list_thumbs img { width:100%; height:100%;}
ul.prd_list.prd_list_0 .list_thumb .list_thumbs.list_thumb_txts { border:1px solid #ddd; align-items:center; text-align:center; word-break:break-all; text-decoration:none; color:#333;}
ul.prd_list.prd_list_0 .list_thumb .other_txt {display:flex; align-items:center;}
ul.prd_list.prd_list_1 { display:flex; flex-direction:row; flex-wrap:wrap; padding:1em; }
ul.prd_list.prd_list_1 > li { flex:1 50%; width:50%; }
ul.prd_list.prd_list_1 > li:nth-child(odd) {padding:0 .5em 1em 0; }
ul.prd_list.prd_list_1 > li:nth-child(even) {padding:0 0 1em .5em; }
ul.prd_list.prd_list_1 .prd_picture { border:1px solid #dedede; border-radius:10px; overflow:hidden; }
ul.prd_list.prd_list_1 .prd_picture img { width:100%; }
ul.prd_list.prd_list_1 .prd_title { padding-top:.5em;}
ul.prd_list.prd_list_1 .prd_price { padding:0;}
ul.prd_list.prd_list_1 .list_thumb { display:flex; flex-direction:row; flex-wrap:nowrap; padding-top:10px; }
ul.prd_list.prd_list_1 .list_thumb .list_thumbs { display:flex;  width:35px; height:35px; border-radius:8px; margin-right:4px; font-size:7px; box-sizing:border-box; overflow:hidden;}
ul.prd_list.prd_list_1 .list_thumb .list_thumbs img { width:100%; height:100%;}
ul.prd_list.prd_list_1 .list_thumb .list_thumbs.list_thumb_txts { border:1px solid #ddd; align-items:center; text-align:center; word-break:break-all; text-decoration:none; color:#333;}
ul.prd_list.prd_list_1 .list_thumb .other_txt {display:flex; align-items:center;}



/*
 * 22.06.15 mobile index
 */
ul.main_hot_product { padding:20px 10px 0; box-sizing:border-box; }
ul.main_hot_product * { box-sizing:border-box; }
ul.main_hot_product .prd_title { font-size:15px; font-weight:600; }
ul.main_hot_product .prd_adv { padding:5px 0; font-size:12px; height:2.65em; display:block;  overflow:hidden; text-overflow:ellipsis; line-height:1.2; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; color:#9d9d9d; }
ul.main_hot_product .prd_price { font-size:14px; font-weight:600; color:#ff6600; padding:10px 0 0 0; }
ul.main_hot_product .prd_price del { font-weight:normal; font-size:.9em; color:#666}
ul.main_hot_product.main_hot_product_0 { display:flex; flex-direction:column; flex-wrap:nowrap; }
ul.main_hot_product.main_hot_product_0 > li { width:100%; display:block; border-bottom:1px dotted #cdcdcd; padding:10px 0 10px 0; }
ul.main_hot_product.main_hot_product_0 > li > a { width:100%; display:flex; flex-direction:row; flex-wrap:nowrap; }
ul.main_hot_product.main_hot_product_0 .imgwrap { flex:1 34.33%; min-width:112px; max-width:240px; margin-right:10px;}
ul.main_hot_product.main_hot_product_0 .prd_picture { border:1px solid #dedede; border-radius:10px; overflow:hidden; }
ul.main_hot_product.main_hot_product_0 .prd_picture img { width:100%; }
ul.main_hot_product.main_hot_product_0 .textwrap { flex:1 65.67%; display:flex; flex-direction:column; flex-wrap:nowrap; }
ul.main_hot_product.main_hot_product_0 .list_thumb { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-end; padding:10px 0 10px 0; }
ul.main_hot_product.main_hot_product_0 .list_thumb .list_thumbs { display:flex;  width:35px; height:35px; border-radius:8px; margin-right:4px; font-size:7px; box-sizing:border-box; overflow:hidden;}
ul.main_hot_product.main_hot_product_0 .list_thumb .list_thumbs img { width:100%; height:100%;}
ul.main_hot_product.main_hot_product_0 .list_thumb .list_thumbs.list_thumb_txts { border:1px solid #ddd; align-items:center; text-align:center; word-break:break-all; text-decoration:none; color:#333;}
ul.main_hot_product.main_hot_product_0 .list_thumb .other_txt {display:flex; align-items:center;}
ul.main_hot_product.main_hot_product_0 div.empty_ico { text-align:left; margin-top:10px;}
ul.main_hot_product.main_hot_product_1 { display:flex; flex-direction:row; flex-wrap:wrap; padding:1em; }
ul.main_hot_product.main_hot_product_1 > li { flex:0 33.33%; width:33.33%; padding-bottom:1em;}
ul.main_hot_product.main_hot_product_1 > li > a { display:block; margin:2%; }
ul.main_hot_product.main_hot_product_1 .prd_picture { border:1px solid #dedede; border-radius:10px; overflow:hidden; }
ul.main_hot_product.main_hot_product_1 .prd_picture img { width:100%; }
ul.main_hot_product.main_hot_product_1 .prd_title { padding-top:.25em; text-align:center;}
ul.main_hot_product.main_hot_product_1 .prd_price { padding:0;}
ul.main_hot_product.main_hot_product_1 .list_thumb { display:flex; flex-direction:row; flex-wrap:nowrap; padding-top:10px; }
ul.main_hot_product.main_hot_product_1 .list_thumb .list_thumbs { display:flex;  width:35px; height:35px; border-radius:8px; margin-right:4px; font-size:7px; box-sizing:border-box; overflow:hidden;}
ul.main_hot_product.main_hot_product_1 .list_thumb .list_thumbs img { width:100%; height:100%;}
ul.main_hot_product.main_hot_product_1 .list_thumb .list_thumbs.list_thumb_txts { border:1px solid #ddd; align-items:center; text-align:center; word-break:break-all; text-decoration:none; color:#333;}
ul.main_hot_product.main_hot_product_1 .list_thumb .other_txt {display:flex; align-items:center;}
ul.main_hot_product.main_hot_product_1 div.empty_ico { width:100%; text-align:center; margin-top:0px;}
@media screen and (max-width:480px){
	ul.main_hot_product.main_hot_product_1 > li { flex:0 50%; width:50%; }
	ul.prd_list.prd_list_1 > li:nth-child(odd) {padding:0 .5em 1em 0; }
	ul.prd_list.prd_list_1 > li:nth-child(even) {padding:0 0 1em .5em; }
}


/*
 * 22.06.30 search.php search_result.php
 */
.tit_row { display: flex; justify-content: space-between; flex-direction: row; clear: both; padding: 10px 0; }
.search_title { font-size:14px; padding-left:15px; }
.tit_row button { border:none; background:none; cursor:pointer; color:#999; padding:3px 5px; }
.empty {position:relative; display:block; clear:both; padding:3em 0; }
.empty p.ico { width:50%; margin-left:25%; }
.empty p.ico svg {opacity:.1}
.empty p.txt {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-weight:600; color:#666}
.search_keyword {}
ul.search_keyword li { display:flex; justify-content:space-between; height:auto;}
ul.search_keyword a { flex:1 auto; padding:5px 0 5px 15px;}
ul.search_keyword a svg {fill:#a0a0a0; width:1.25em; vertical-align:middle}
ul.search_keyword button { border:none; background:none; cursor:pointer;}
ul.search_keyword button span { font-size:0; text-indent:-9999px;}
ul.search_keyword button svg path { stroke:#a34747 }

/*
* 22.10.16 webist add - mypage_addrs.php , my_addrs.php
*/
hr.row { float:left; border:0; padding-top:10px; }
h3.pop_tit { padding:10px; font-size:16px; }
.table_wrap { position:relative; box-sizing:border-box; clear: both; padding-top:10px;}
.table_wrap.pop { padding:0 10px; }
table.addr_table { clear:both; margin-top:0.75em; margin-bottom:0.75em; border-collapse:collapse; border-spacing:0; width:100%;  max-width:100%; border-top:1px solid #b2b2b2; font-size:12px;}
table.addr_table thead th { position:relative; border-bottom:1px solid #b2b2b2; padding:10px 0; }
table.addr_table thead th:before { content:''; width:1px; top:10px; bottom:10px; right:0; display:block; position:absolute; background:#b2b2b2;}
table.addr_table thead th:last-child:before { display:none; }
table.addr_table tbody td { text-align:center; border-bottom: 1px dotted #b2b2b2; padding:10px;}
table.addr_table tbody td.left { text-align:left; }
table.addr_table tbody td.empty { padding:80px 0;}
table.addr_table tbody td button { padding:2px 5px; cursor:pointer; border-radius:5px; vertical-align:middle; font-size:12px; }
table.addr_table tbody td button.btn-modify { margin-right:3px; background-color:#00c73c; color:#fff; border:1px solid #00c73c; }
table.addr_table tbody td button.btn-delete { background-color:#c71e1e; color:#fff; border:1px solid #c71e1e; }
table.addr_table tbody td button.btn-modify:hover { background-color:#00972d; border:1px solid #00972d; }
table.addr_table tbody td button.btn-delete:hover { background-color:#a50e0e; border:1px solid #a50e0e; }
table.addr_table tbody td button.btn-select { background-color:#333; color:#fff; border:1px solid #333; }
table.addr_table tbody td button.btn-select:hover { background-color:#000; color:#fff; border:1px solid #000; }
table.addr_table tbody td span.red { display:inline-block; padding:2px 10px; font-size:11px; background:#ff6600; border-radius:3px; color:#fff; }


@media screen and (max-width:760px){
	table.addr_table, table.addr_table thead, table.addr_table tbody, table.addr_table th, table.addr_table td, table.addr_table tr{ display:block; }
	table.addr_table thead tr {position: absolute;top: -9999px;left: -9999px;}
	table.addr_table tbody tr {border: 1px solid #ccc; }
	table.addr_table tbody td { position:relative; border: none; border-bottom: 1px solid #eee;  display:flex; text-align:left; }
	table.addr_table tbody td:before { white-space: nowrap; content:attr(data-title); flex:0 10%; text-align:right; margin-right:20px; }
}


.addr_btns { text-align:right; }
.addr_btns button { padding:8px 40px; font-size:12px; cursor:pointer; background-color: #343434; color:#fff; border:1px solid #343434; border-radius:5px; vertical-align:middle; }
.addr_btns button:hover { background-color: #000; border:1px solid #000; }
#addr_modal_pop { box-sizing:border-box; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99; }
#addr_modal_pop * { box-sizing:border-box;}
#addr_modal_pop .modal_pop_inner { width:644px; height:484px; position:absolute; left:50%; top:50%; margin-left:-322px; margin-top:-242px; background:#fff; z-index:2; border-radius:5px; box-sizing:border-box;  padding:20px;}
#addr_modal_pop .modal_background { position:absolute; z-index:1; background:#000; opacity:.5; left:0; right:0; top:0; bottom:0;}
#addr_modal_pop .modal_header h3 { padding:5px 10px 10px; border-bottom:2px solid #333; }
#addr_modal_pop .modal_footer { border-top:2px solid #333; }
#addr_modal_pop .modal_footer .btns { padding-top:20px; text-align:right; }
#addr_modal_pop .modal_footer .btns button { padding:8px 40px; border-radius:5px; vertical-align:middle; font-size:12px; cursor:pointer; border:1px solid #000;}
#addr_modal_pop .modal_footer .btns button.btn-cancle { background-color: #bebebe; color:#fff; border:1px solid #bebebe;}
#addr_modal_pop .modal_footer .btns button.btn-cancle:hover { background-color:#a99d9d; color:#fff; border:1px solid #a99d9d; }
#addr_modal_pop .modal_footer .btns button.btn-submit { background-color: #343434; color:#fff; border:1px solid #343434;}
#addr_modal_pop .modal_footer .btns button.btn-submit:hover { background-color: #000; color:#fff; border:1px solid #000; }
#addr_modal_pop .modal_float { position:absolute; right:20px; top:20px; }
#addr_modal_pop .modal_float button { width:40px; height:40px; position:relative; cursor:pointer; border:none; background:none;}
#addr_modal_pop .modal_float button span { position: absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip-path:polygon(0 0, 0 0, 0 0); }
#addr_modal_pop .modal_float button:before { content:''; width:2px; height:30px; background:#333; position:absolute; left:16px; top:3px; transform:rotate(45deg); }
#addr_modal_pop .modal_float button:after { content:''; width:2px; height:30px; background:#333; position:absolute; left:16px; top:3px; transform:rotate(-45deg);}
#addr_modal_pop .addr_row { padding:10px 10px; border-bottom:1px solid #ccc; }
#addr_modal_pop .addr_row:last-child { border-bottom:none; }
#addr_modal_pop .addr_row label { display:inline-block; width:80px; text-align:right; font-size:12px; vertical-align:middle; padding-right:20px; box-sizing:border-box;  }
#addr_modal_pop .addr_row label.inline { width:auto; }
#addr_modal_pop .addr_row input[type=text] { padding:8px 10px; border:1px solid #ccc; border-radius:5px; vertical-align:middle; box-sizing:border-box; font-size:12px; }
#addr_modal_pop .addr_row input[type=checkbox] + label { display:inline-block; cursor: pointer; padding:0;}
#addr_modal_pop .addr_row input[type=checkbox] { display: none;}
#addr_modal_pop .addr_row input[type=checkbox] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:0; padding-right:5px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
#addr_modal_pop .addr_row input[type=checkbox] + label:active:before { transform:scale(0);}
#addr_modal_pop .addr_row input[type=checkbox]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
#addr_modal_pop .addr_row input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;}
#addr_modal_pop .addr_row input[type=checkbox]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}
#addr_modal_pop .addr_row input.zonecode { width:120px; }
#addr_modal_pop .addr_row input.w100 { width:500px; }
#addr_modal_pop .addr_row button { padding:8px 10px; border:1px solid #000; border-radius:5px; vertical-align:middle; font-size:12px; cursor:pointer; background:#343434; color:#fff;  }
#addr_modal_pop .addr_row button:hover { background:#000; }
@media screen and (max-width:760px){
	#addr_modal_pop .modal_pop_inner { width:90%; left:5%; margin-left:0; height:auto; top:10%; margin-top:0;}
	#addr_modal_pop .addr_row label { display:block; text-align:left; padding:3px 0; }
	#addr_modal_pop .addr_row input.w100 { width:100%; }
}
@media screen and (max-width:400px){
	#addr_modal_pop .modal_pop_inner { width:90%; left:5%; margin-left:0; height:auto; top:5%; margin-top:0;}
	
}
/*
* 22.04.16 webist add - order_sheet.php ¹è¼ÛÁö 
*/
.del_type_wrap { display:block; padding:5px 10px; }
.del_type_wrap .row { padding:3px 0; }
.del_type_wrap input[type=radio] + label { display:inline-block; cursor: pointer; padding:0; margin-right:10px;}
.del_type_wrap input[type=radio] { display: none;}
.del_type_wrap input[type=radio] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:5px; padding-right:0px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
.del_type_wrap input[type=radio] + label:active:before { transform:scale(0);}
.del_type_wrap input[type=radio]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
.del_type_wrap input[type=radio]:disabled + label:before { transform: scale(1); border-color: #aaa;}
.del_type_wrap input[type=radio]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}
.del_type_wrap button { padding:3px 10px; font-size:12px; border:1px solid #ccc; background:#fff; border-radius:3px; cursor:pointer;}
.del_type_wrap button:hover { background:#f1f1f1; }

.receiver_del_wrap {display:inline-block; padding-left:10px; line-height: 18px; padding-top: 5px; }
.receiver_del_wrap input[type=checkbox] + label { display:inline-block; cursor: pointer; padding:0; margin-right:10px;}
.receiver_del_wrap input[type=checkbox] { display: none;}
.receiver_del_wrap input[type=checkbox] + label:before { content:"\2714"; border:1px solid #ccc; border-radius:3px; display: inline-block; width:16px; height:16px; padding-left:5px; padding-right:0px; padding-bottom:4px; margin-right:6px; vertical-align: baseline; color: transparent; transition: .2s;}
.receiver_del_wrap input[type=checkbox] + label:active:before { transform:scale(0);}
.receiver_del_wrap input[type=checkbox]:checked + label:before { background-color:#fff; border-color:#313a46; color: #333;}
.receiver_del_wrap input[type=checkbox]:disabled + label:before { transform: scale(1); border-color: #aaa;}
.receiver_del_wrap input[type=checkbox]:checked:disabled + label:before {  transform: scale(1);  background-color:#9bad9b;  border-color:#9bad9b;}

.btn-delivery-modify { float:right; display:inline-block; text-decoration:none; padding:3px 10px; border:1px solid blue; line-height:1; vertical-align:middle; 
margin-bottom:0px; border-radius:5px; color:#333; margin-top:-18px; margin-right:5px; font-size:12px;}
.btn-delivery-modify:hover { background:#f1f1f1 }

ul.webist_table { display:flex; height:auto; position:relative;}
ul.webist_table li.ju1_fom { flex: 0 20%;  height: auto; position:relative;}
ul.webist_table li.ju2_fom { flex: 0 77%;  height: auto; position:relative;}
ul.webist_table li.ju2_fom select { width:90%; padding:5px 10px; border:1px solid #ccc; border-radius:3px;}
.btn-new { padding:3px 10px; cursor:pointer; background:#f1f1f1; color:#333; border:1px solid #ccc; border-radius:3px; }

.m_list5{background:#f9f9f9; width:100%; padding:2px 0; float:left;  border-top:1px dotted #cacbcd; border-bottom:1px dotted #cacbcd; position:relative; margin-bottom:10px; cursor:pointer;}