@charset 'utf-8';
@import '/css/font.local.css';
@import '/design/css/design.css';

/* ------------*/
/* Fxied       */
/* ------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button { margin:0; padding:0; }

fieldset, img { border:0 none; }
dl, ul, ol, menu, li { list-style:none; }
input, select, textarea { border:1px solid #cccccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input[type=checkbox], input[type=radio] { margin-right:3px; padding:0; width:15px; height:15px; border:none; box-shadow: none; }
input, select, textarea, button { vertical-align:middle; }
input[type=text], input[type=password], input[type=number] { padding:0 0.4rem; height:33px;}
input[data-readonly] { pointer-events:none; }
label { font-weight:inherit; }
select { padding:0.35rem; }
textarea { width:100%; padding:2px; resize:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
textarea[class*=SmartEditor] { width:99.9%; }
table { table-layout:fixed; }

a{
	color:inherit;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
:placeholder-shown {color:#999;}

input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-2px 3px 0 0 !important;}
input,select {vertical-align:middle; background:#fff;}
input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio}

input { 
    -webkit-border-radius:0; /* 紐⑥꽌由� �ㅽ��� �쒓굅 */ 
    -webkit-appearance:none; /* �명뭼�� 洹몃┝�� �쒓굅 */ 
}
input[type=�쓙ext��], 
input[type=�쓙el��], 
input[type=�쓕assword��], 
input[type=�쓊mail��], 
input[type=�쓘earch��], 
textarea { 
    -webkit-border-radius:0; /* 紐⑥꽌由� �ㅽ��� �쒓굅 */ 
     -webkit-appearance:none; /* �명뭼�� 洹몃┝�� �쒓굅 */ 
}

/*怨듭슜*/
.strong { font-weight:500; }
.font-bold { font-weight:bold; }
.gray { color:#888; }
.green { color:#449e2f; }
.red { color:#c31313; }
.hide { display:none; }
.float-left { float:left; }
.float-right { float:right; }
.content:after { display:block; clear:both; content:""; }
.list-float>li { float:left; }
.list-float:after { display:block; clear:both; content:""; }
.clear-both:after { display:block; clear:both; content:""; }
.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.list-notice { background-color:#e7e7e7!important; font-weight:bold; }
#faq-tabmenu li#tabOn { font-weight:500; color:#fff; background-color:#007FAA; }
#faq-tabmenu li#tabOn a { color:#fff; text-decoration:none;}
em.error { background-color:#ff5555; color:#fff; font-size:12px;}
.label-new { font-weight:normal; font-size:10px; padding:0px 5px; }
.ls1 { letter-spacing:-1px; }
.fontsize16 { font-size:16px !important; }
.fontsize18 { font-size:18px !important; }
.fontsize25 { font-size:25px !important; }
.fontsize28 { font-size:28px !important; }
.fontsize30 { font-size:30px !important; }


/*由ъ뒪�� : �댁슜�놁쓬*/
.empty { text-align:center; color:gray; height:200px; line-height:200px; }

/*湲곕낯 �⑺띁*/
#container:after { display:block; content:""; clear:both; }

/*�꾩닔 �쒖떆*/
span.required { display: -moz-inline-stack; display: inline-block; position: relative; width: 26px; height: 14px; line-height: 14px; margin-left: 2px; background: url(/images/icon/icon_required.gif) no-repeat; overflow: visible; }

/*�뚯씠釉� 蹂대뜑, �щ갚, �ㅽ���*/
.tb > tr > td,
.tb > thead > tr > th,
.tb > tbody > tr > th,
.tb > tfoot > tr > th,
.tb > thead > tr > td,
.tb > tbody > tr > td,
.tb > tfoot > tr > td {border:1px solid #ccc;}

.tbn > tr > td,
.tbn > thead > tr > th,
.tbn > tbody > tr > th,
.tbn > tfoot > tr > th,
.tbn > thead > tr > td,
.tbn > tbody > tr > td,
.tbn > tfoot > tr > td { border:1px solid #ccc;	border-right:none; border-left:none;}

.tbn2 > tr > td,
.tbn2 > thead > tr > th,
.tbn2 > tbody > tr > th,
.tbn2 > tfoot > tr > th,
.tbn2 > thead > tr > td,
.tbn2 > tbody > tr > td,
.tbn2 > tfoot > tr > td { border:1px solid #f1f1f1;	border-right:none; border-left:none;}

.tp1 > thead > tr > th,
.tp1 > tbody > tr > td,
.tp1 > tfoot > tr > td,
.tp1 > tr > td  { padding:0.6rem; }

.tp2 > thead > tr > th,
.tp2 > tbody > tr > td,
.tp2 > tfoot > tr > td,
.tp2 > tr > td  { padding:1rem; }

.tp3 > thead > tr > th,
.tp3 > tbody > tr > td,
.tp3 > tfoot > tr > td,
.tp3 > tr > td  { padding:1.5rem }

.even > tr:nth-of-type(even) > td,
.even > tbody > tr:nth-of-type(even) { background-color:#f9f9f9; }
.even > thead > tr > th { background-color:#f4f4f4; border-bottom:1px solid #aaa; } 

.subtitle { background-color:#f1f1f1; font-weight:500; }

/*�고듃�ъ씠利� , �щ갚 */
.f1 { font-size:0.8rem; }
.f2 { font-size:0.9rem; }
.f3 { font-size:1rem; }
.f4 { font-size:1.3rem; }
.f5 { font-size:1.5rem; }
.f6 { font-size:2.0rem; }
.f7 { font-size:2.5rem; }
.f8 { font-size:3rem; }
.f9 { font-size:3.5rem; }
.f10 { font-size:1.2rem; }

.p0 { padding:0; }
.p1 { padding:0.5rem; }
.p2 { padding:0.7rem; }
.p3 { padding:1.0rem; }
.p4 { padding:1.5rem; }
.p5 { padding:2.0rem; }
.p6 { padding:2.5rem; }
.p7 { padding:3.0rem; }

.pv1 { padding-top:0.5rem; padding-bottom:0.5rem; }
.pv2 { padding-top:0.7rem; padding-bottom:0.7rem; }
.pv3 { padding-top:1.0rem; padding-bottom:1.0rem; }
.pv4 { padding-top:1.5rem; padding-bottom:1.5rem; }
.pv5 { padding-top:2.0rem; padding-bottom:2.0rem; }
.pv6 { padding-top:2.5rem; padding-bottom:2.5rem; }
.pv7 { padding-top:3.0rem; padding-bottom:3.0rem; }

.ph1 { padding-left:0.5rem; padding-right:0.5rem; }
.ph2 { padding-left:0.7rem; padding-right:0.7rem; }
.ph3 { padding-left:1.0rem; padding-right:1.0rem; }
.ph4 { padding-left:1.5rem; padding-right:1.5rem; }
.ph5 { padding-left:2.0rem; padding-right:2.0rem; }
.ph6 { padding-left:2.5rem; padding-right:2.5rem; }
.ph7 { padding-left:3.0rem; padding-right:3.0rem; }

.pl0 { padding-left:0 }
.pr0 { padding-right:0 }
.pt0 { padding-top:0 }
.pb0 { padding-bottom:0 }

.m0 { margin:0; }
.m1 { margin:0.5rem; }
.m2 { margin:0.7rem; }
.m3 { margin:1.0rem; }
.m4 { margin:1.5rem; }
.m5 { margin:2.0rem; }
.m6 { margin:2.5rem; }
.m7 { margin:3.0rem; }

.mt1 { margin-top:0.5rem; }
.mt2 { margin-top:0.7rem; }
.mt3 { margin-top:1.0rem; }
.mt4 { margin-top:1.5rem; }
.mt5 { margin-top:2.0rem; }
.mt6 { margin-top:2.5rem; }
.mt7 { margin-top:3.0rem; }
.mt8 { margin-top:6.0rem; }

.mv1 { margin-top:0.5rem; margin-bottom:0.5rem; }
.mv2 { margin-top:0.7rem; margin-bottom:0.7rem; }
.mv3 { margin-top:1.0rem; margin-bottom:1.0rem; }
.mv4 { margin-top:1.5rem; margin-bottom:1.5rem; }
.mv5 { margin-top:2.0rem; margin-bottom:2.0rem; }
.mv6 { margin-top:2.5rem; margin-bottom:2.5rem; }
.mv7 { margin-top:3.0rem; margin-bottom:3.0rem; }

.mh1 { margin-left:0.5rem; margin-right:0.5rem; }
.mh2 { margin-left:0.7rem; margin-right:0.7rem; }
.mh3 { margin-left:1.0rem; margin-right:1.0rem; }
.mh4 { margin-left:1.5rem; margin-right:1.5rem; }
.mh5 { margin-left:2.0rem; margin-right:2.0rem; }
.mh6 { margin-left:2.5rem; margin-right:2.5rem; }
.mh7 { margin-left:3.0rem; margin-right:3.0rem; }

.ml0 { margin-left:0; }
.mr0 { margin-right:0; }
.mt0 { margin-top:0; }
.mb0 { margin-bottom:0; }

.b1 { border:1px solid #ccc; }
.b2 { border:2px solid #ccc; }
.bb1 { border-bottom:1px solid #ccc; }
.bt1 { border-top:1px solid #ccc; }
.br1 { border-right:1px solid #ccc; }
.bl1 { border-left:1px solid #ccc; }
.bt0 { border-top:none; }
.br0 { border-right:none !important; }
.bl0 { border-left:0 !important; }
.bb0{ border-bottom:0 !important; }

/*�щ씪�대뜑 湲곕낯 �명똿*/
.bx-wrapper { border:none; margin-bottom:0; box-shadow:none; }
.bx-wrapper .bx-pager { bottom:30px; }

/*寃뚯떆�� 湲곕낯 �믪씠*/
.board-content { min-height:350px; }

/* ------------*/
/* Shop       */
/* ------------*/
.line-through { text-decoration:line-through; }
.money { color:#ea493e; font-weight:bold; }

.output-skin01 .thumb-wrapper:hover .sticbtn { display:block; }
.output-skin01 .sticbtn { position:absolute; bottom:10px; left: calc(50% - 90px); background-color:#fff; border:1px solid #e9e9e9; border-radius:50px; display:none; }
.output-skin01 .sticbtn a { font-size:14px; color:#333; display:inline-block; padding:5px; font-weight:normal; }
.output-skin01 .goods-icon { min-height:17px; line-height:12px; }
.output-skin01 .bullet { position:absolute; top:0; left:5px; z-index:999; }
.output-skin01 .goods-icon { height:20px; line-height:20px;}

.output-skin02:after { display:block; clear:both; content:""; }
.output-skin02 .sticbtn { position:absolute; bottom:0; left: calc(50% - 114px); background-color:#333; border-radius:5px 5px 0 0; display:none; }
.output-skin02 .sticbtn a { color:#fff; }
.output-skin02 .goodsNum { width:50px; height:120px; line-height:120px; color:gray }
.output-skin02 .goodsMoney { padding-top:40px; width: 150px;}
.output-skin02 .goodsimage { position:relative; padding-top:100%; overflow:hidden; }
.output-skin02 .goodsimage:hover .pro_image { transform:scale(1.1); }
.output-skin02 .proimage { position:relative; width:120px; }
.output-skin02 .pro_image { position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s; }
.output-skin02 .goods-title { display:block; }
.output-skin02 .goodsicon { height:17px; line-height:12px; }
.output-skin02 .bullet { position:absolute; top:-3px; left:0px; z-index:999; }
.output-skin02 .propart { float:left; width:calc( 100% - 480px ); }
.output-skin02 .probtn { position:relative; width:160px; }

.zoom-img { width:50%; }
.zoom-img img { max-width:100%; }
.basic-info { width:47%; }
.small-img li { width:20%; padding:1px; box-sizing:border-box; }
.small-img li img { opacity:0.7; }

.detail-bottom .detail-naver { width:297px; }
.detail-bottom .detail-etc { width:50%; }
.detail-bottom .detail-btn { width:50%; }
.detail-bottom .detail-btn a { width:30.33333%; margin-right:1.5%;  }
.detail-bottom .detail-btn a:nth-of-type(3) { margin-right:0; }
.detail-etc { background-color:#f1f1f1; height:46px; }
.detail-etc2 { background-color:#f1f1f1; }
.markup { position:absolute; top:-3px; left:5px; }


#category-box > ul > li { width:20%; }
#category-box > ul > li > a { display:inline-block; width:100%; font-size:16px; }
#category-box > ul { border:2px solid #ccc; overflow:hidden; }
#category-box > ul > li { border:1px solid #ccc; border-top:none; border-right:none; margin-bottom:-1px; margin-left:-1px; }

.pay-table tr td { position:relative; }
.calc-icon { position:absolute; left:-14px; top:50%; transform:translateY(-15px); }

.starRating { width: 68px; vertical-align: middle; }
.starRating, .starRating span { text-align: left; display: inline-block; height: 12px; background: transparent url(/shop/images/goods/icoFiveStar.gif) no-repeat; overflow: hidden; }
.starRating span { font-size: 0; line-height: 0; vertical-align: top; text-indent: -100px; background-position: 0 -12px; }

.icon-box { font-size:40px; }
#mypage-menu ul li { width:calc( 33% - 18px); height:160px; box-sizing:border-box; border:1px solid #d7d7d7; background-color:#fafafa; transition:0.3s; border-radius:20px; padding:10px; margin:10px;}
#mypage-menu ul li:hover { background-color:#fffbea; }
#mypage-menu ul li:hover i { color:#FCA749; }
#mypage-menu ul li i { transition:0.3s; }
.event-content { border-bottom:1px solid #dfdfdf; cursor:pointer; border-right:1px solid ;}
.catebox {border: 2px solid #c386e6;overflow: hidden; margin: 10px 0; }
.catebox a {font-size:17px;}
.catelistmenu { float: left; text-align:center; display: inline-block; transition:0.3s; width: 20%;  padding: 15px 0px; border-right: 1px solid #ccc;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} /*margin: 0px 0px -1px -1px; */
.catelistmenu:hover { background-color:#c386e6; color:#fff; }
.cateOncolor, .cateOncolor:hover { background: #c386e6; color: #FFF; font-weight: normal; }
.tinyimage { width: 100px; height: 100px; border: 1px solid #ccc; margin: 0 2px 2px 0px; }
.option-ea-box { border:1px solid #ccc; border-radius:10px; }

.mem-level-pay:hover .level-pop { display:block }
.level-pop { width:200px; display:none; position:absolute; background-color:#fff; }

#cate-tabmenu li { width:150px; text-align:center; margin-right:5px; }
#cate-tabmenu li a { display:inline-block; border-radius:5px; border:1px solid #ea493e;  width:100%; height:100%; color:#ea493e; }
#cate-tabmenu #tabOn { background-color:#ea493e; border-radius:5px; color:#fff; }
#cate-tabmenu #tabOn a { color:#fff; text-decoration:none;}

.cloud-zoom-gallery { width: calc( 20% - 3px ); position:relative; padding-top:calc( 20% - 3px ); }
.cloud-zoom-gallery img { width:100%; position:absolute; top:0; height:100%; }

/*�쇳븨紐� 寃���*/
#shop-top { margin-bottom:10px; margin-top:40px;}
#shop-top .search_input{ color: #555; border: 0; outline: 0; background: #f1f1f1; width:150px; height:45px; padding:0px 15px; border-radius:25px 0px 0px 25px; caret-color:transparent; line-height: 50px; font-weight:normal; transition: 0.3s; font-size:15px; }
#shop-top .search_icon{ height: 45px; width: 50px; background: #f1f1f1; float: right; display: flex; justify-content: center; align-items: center; border-radius: 0px 25px 25px 0px; color:#000; text-decoration:none; }
.search-box { position:relative; }
.hover_border { position:absolute; left:15px; right:40px; bottom:10px; transform:scaleX(0); transition:0.3s; background-color:#000; height:1px; }
.search-box:hover .hover_border { transform:scaleX(1);  }
#shop-top .search-box:hover .search_input { width:220px; }
#shop-top .search-box input:focus { outline:none; width:220px;   }
.search-box input:focus ~ .hover_border { transform:scaleX(1);  }

.goods_search_select { width:100px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; background: url('/design/images/sub/select_arrow.png') no-repeat 98% 50%; }
.goods_search_select::-ms-expand { display: none; }
.search_box_top { width:80%; text-align:right;}
.top_search { text-align:right; }
.top_search div { display:inline-block; }


/*援щℓ�꾧린*/
.reviews-img { display:inline-block; width:118px; height:118px; overflow:hidden; }
.reviews-img img { transition:0.3s; }
.review-tr:hover img { transform:scale(1.1); }

/* �쇳븨紐� �곹뭹�꾧린 */
.reviewList li { width:50%; height:122px; cursor:pointer; }
.reviewList li:hover { background-color:#f1f1f1; }
.review-info { width:45%; height:500px; }
.review-img { width:55%; text-align:center; height:500px; overflow:hidden; }

/* ------------------*/
/* Board(�쇰컲,�ы넗)  */
/* ------------------*/
.board-light { color:#f06f1c; }

.thumb-wrapper { position:relative; padding-top:80%; overflow:hidden; }
.thumb:hover .thumb-image { transform:scale(1.1); }
.proimage { position:relative; }
.thumb-image { position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s; }
.thumb-wrapper2 { position:relative; padding-top:20%; overflow:hidden; width:30%; margin-right:30px;}

.private-content { overflow-y:auto; height:75px; }

/*濡쒓렇��*/
.login-table { margin:0 auto; }
.login-tip { width: }

label[for=membership] { font-size:16px; font-weight:500; color:#FD4637; vertical-align:middle; }
label[for=agreement] { font-size:16px; font-weight:500; color:#FD4637; vertical-align:middle; }
#agreement { width:18px; height:18px; }
#membership { width:18px; height:18px; }

.faq-show { margin-top: 20px; background-color:#f1f1f1; border-radius:10px; }

/* ------------------*/
/* SMS �곷떞臾몄쓽  */
/* ------------------*/
.sms_page td { padding:2px; }

/* ------------------*/
/* �곗륫 �듬찓��  */
/* ------------------*/
#familyBox {position:fixed; top:25%; right:0; width:56px;  z-index:99999;transform:translateY(-50%)}
#familyTogleBT {position:absolute;left:-125px; cursor: pointer; width:46px; height:46px; background:url('/design/images/left_right/rquick_open.png');bottom:-265px}
#familyTogleBT.quick_on:hover{background:url('/design/images/left_right/rquick_open_h.png')}
#familyTogleBT.quick_off:hover{background:url('/design/images/left_right/rquick_close_h.png')}
#familyTogleBT.quick_off{background:url('/design/images/left_right/rquick_close.png')}

#familyBox2 {position:relative;}
#familyBox3 ul li {display:inline-block;}
#familyBox2 .right_quick {overflow:hidden; border-radius:15px;  position:absolute; top:30%; right:30px;  width:88px; text-align:center; z-index:9999999999; box-shadow:none; } 
#familyBox2 .quick_top{position:absolute; right:55px; top:-50px; z-index:999999; width:57px;}
#familyBox2 .right_quick .quick2_list > li > a > img{width:40px;}

.today #slider-next a, .today #slider-prev a{background:#f4f6f9 !important;}
#familyBox2 .right_quick .quick2_list h3{color:#fff; margin-top:10px; line-height:30px; }
#familyBox2 .right_quick .quick2_list h3 span{font-weight:300;}
#familyBox2 .right_quick .quick2_list  > li {padding:0 10px; background:#f4f6f9;  }
#familyBox2 .right_quick .quick2_list  > li.today_view{padding:15px 10px !important;}

#familyBox2 .right_quick .quick2_list  > li.quick_title a{border:none; padding:10px 0;}
#familyBox2 .right_quick .quick2_list  > li > a { text-decoration:none; text-align:center; display:block; font-size:13px; }
#familyBox2 .right_quick .quick2_list  > li > a p{ color:#333; border-bottom:1px solid #e5e5e5; padding:20px 0px; }
#familyBox2 .right_quick .quick2_list  > li > a:hover p{color:#dd4b26;}
#familyBox2 .right_quick .quick2_list  > li > a:hover  img{transform: translateY(-10px); transition: 0.7s;}


/*
#familyBox2 .right_quick .quick2_list  > li.quick_menu{height:95px;}
#familyBox2 .right_quick .quick2_list  > li.quick_menu:hover{background:#313131; border-left:1px solid #313131; border-right:1px solid #313131; } 
#familyBox2 .right_quick .quick2_list  > li.quick_menu:hover a{border-bottom:1px solid #313131; }
#familyBox2 .right_quick .quick2_list  > li.quick_menu:hover a p{color:#fff; border-bottom:1px solid #313131; } */
#familyBox2 .right_quick .quick2_list  > li.today_view:hover{background:#f4f6f9 !important;}
#familyBox2 .right_quick .quick2_list  > li.quick_title, #familyBox2 .right_quick .quick2_list li:last-child{padding:0; }
#familyBox2 .right_quick .quick2_list  > li.quick_title > a{background:#dd4b26; display:block; }
#familyBox2 .right_quick .quick2_list  > li:last-of-type > a { border-bottom:none; }
#familyBox2 .right_quick .quick2_list  > li:last-child a{background:#2076a7; color:#fff; border:0; padding:10px 0;}
#familyBox2 .right_quick .quick2_list li p { font-size:14px;}
#familyBox2 .right_quick ul li i { margin-right:3px;font-size:16px;}
#familyBox2 .right_quick ul li #divbx_today a:hover i { color:#d3591e }

#familyBox2 .right_quick .quick2_list > li.quick_menu img{margin-bottom:7px; width:35px;}
#familyBox2 .right_quick .quick2_list > li.quick_menu .quick_icon02{display:none;}
#familyBox2 .right_quick .quick2_list > li.quick_menu:hover .quick_icon01{display:none;}
#familyBox2 .right_quick .quick2_list > li.quick_menu:hover .quick_icon02{display:inline-block; }


.fixinner {  position: fixed !important;top: 120px !important;}



/* ------------*/
/* Design Team */
/* ------------*/
html { font-size:15px; background-color:#fff; }
/*body { font-size:1rem; color:#333; font-family:'Noto Sans KR',dotum,'�뗭�',sans-serif; }*/
body { font-size:1rem; color:#000; font-family:'Noto Sans Korean', 'Noto Sans KR', 'Malgun Gothic','留묒� 怨좊뵓','�뗭�',Dotum,'援대┝',Gulim,Tahoma,Verdana,Geneva,sans-serif,Apple Gothic,AppleGothic; }
.opensans { font-family: 'Open Sans', sans-serif; letter-spacing: -0.02em; }


#wrapper { width:100%; min-width:1200px; }
#back-top { position:fixed; right:50px; bottom:50px;  display:inline-block;  }
#back-top a { display:inline-block; width:60px; height:60px; line-height:58px; border-radius:30px; color:#fff; background-color:#955B43; text-decoration:none; }
#back-top a:hover { background-color:#888; }

.tb { border-width:1px; border-style:solid; border-color:#ccc; }

/* 硫붿씤 而щ윭 �ㅽ��� */
.bt2-main { border-top:2px solid #555; font-size:17px; }
.b2-main { border:2px solid #555; font-size:17px; }
.fc-main { color:#000; }
.hover-main:hover { background-color:#f1f1ff; }
.hover-main:hover td { background-color:#f1f1ff; }

/*==========================================================
硫붿씤 湲곕낯 而щ윭-踰꾪듉��
==========================================================*/
.maincolor {background:#ea493e; border:1px solid #ea493e; color:#fff;} /*硫붿씤而щ윭 踰꾪듉*/
.maincolor:hover {color:#fff;}
.graycolor {background:#fff; border:1px solid #ccc; color:#666;} /*�뚯깋 �쇱씤 踰꾪듉*/
.graycolor:hover {color:#666;}
a:hover,a:active,a:focus{color:#333; text-decoration:none;}
.deletecolor {background:#989898; border:1px solid #989898; color:#fff;} /*�뚯깋 諛깃렇�쇱슫��*/
.deletecolor:hover {color:#fff;}
.deletecolor2 {background:#5f5f5f; border:1px solid #5f5f5f; color:#fff;} /*�뚯깋 諛깃렇�쇱슫��*/
.deletecolor2:hover {color:#fff;}
.btstyle {border-radius:5px;}
.btlg {padding:15px 50px; font-size:19px;} /*踰꾪듉 �볦씠-諛붾줈援щℓ*/
.btmd {padding:14px 20px; font-size:19px;} /*踰꾪듉 �볦씠 愿��ъ긽��*/
.subcolor {background:#fff; border:1px solid #ea493e; color:#ea493e;}/*硫붿씤 �쇱씤 踰꾪듉*/
.subcolor:hover {color:#ea493e;}

/*�쇳븨紐� 踰꾪듉 - 援щℓ,�λ컮援щ땲*/
.buy_btn { display: inline-block;  background: transparent;  text-transform: uppercase; color: #fff; transition: all 0.7s ease-out;  background:linear-gradient(270deg, rgba(234,73,62,0.9), rgba(255,163,32.9), rgba(234,73,62,1), rgba(234,73,62,1));  background-position: 1% 50%;  background-size: 300% 300%;  text-decoration: none;  border: none;  border: 1px solid rgba(234,73,62,1);}
.buy_btn:hover { color: #fff;  border: 1px solid rgba(223,190,106,0);  color: $white;  background-position: 99% 50%; }
.cart_btn { display: inline-block;  background: transparent;  text-transform: uppercase; color: #ea493e; transition: all 0.7s ease-out;  background:linear-gradient(270deg, rgba(255,255,255,0.5), rgba(255,234,234,0.7), rgba(255,255,255,1), rgba(255,255,255,1));  background-position: 1% 50%;  background-size: 300% 300%;  text-decoration: none; border: none;  border: 1px solid rgba(234,73,62,1);}
.cart_btn:hover { color: #fff;  border: 1px solid rgba(223,190,106,0);  color: #ea493e;  background-position: 99% 50%; border: 1px solid rgba(234,73,62,1);}
.prev_btn { display: inline-block;  background: transparent;  text-transform: uppercase; color: #666; transition: all 0.7s ease-out;  background:linear-gradient(270deg, rgba(255,255,255,0.5), rgba(238,238,238,0.7), rgba(255,255,255,1), rgba(255,255,255,1));  background-position: 1% 50%;  background-size: 300% 300%;  text-decoration: none; border: none;  border: 1px solid rgba(204,204,204,1);}
.prev_btn:hover { color: #fff;  border: 1px solid rgba(204,204,204,1);  color: #666;  background-position: 99% 50%; border: 1px solid rgba(204,204,204,1);}


/*硫붿씤 怨좉컼�쇳꽣*/
#customer { background-color:#f1f1f1; }

/* �덊봽�� 硫붾돱媛� �덈뒗 �쒕툕�섏씠吏� */
#sub-content-wrapper-left { float:left; width:calc(100% - 200px);  }
#sub-content-left { border-left:1px solid #dfdfdf; min-height:800px; }
#sub-content-left img { max-width:100%; }
#left { float:left; width:200px; }

/* �덊봽�� 硫붾돱媛� �녿뒗 �쒕툕�섏씠吏� */
#sub-content { min-height:800px; }
#sub-content img { max-width:100%; }

/*�덊봽�몃찓��*/
.sub-menu-title { background-color:#fff; color:#333; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:150px; padding-top:50px; }
.sub-menu { border-left:1px solid #dfdfdf; }
.sub-menu > li { border-bottom:1px solid #dfdfdf; }
.sub-menu > li > a { display:block; color:#888; }
.sub-menu > li > a.on { background-color:#a5a8b2; color:#fff; }
.sub-menu > li > a:hover { background-color:#a5a8b2; color:#fff; }
.bx-wrapper img { display:inline-block; }

/*�곷떒諛�*/
#top-bar { background:#eee; height:46px;}
#top-bar a { color:#666666; }
#top-bar span{color:#666; margin:0 10px;}
#logo-box>div { width: 33.333333%; height:130px; }

/*gnb*/
/*#nav { background-color:#006ab6; }
#gnb > li { width:16.66666667%; position:relative; }
#gnb > li > a { width:100%; display:inline-block; color:#fff; }
.lnb { position:absolute; width:100%; display:none; z-index:9999999; }
.lnb > li > a { display:inline-block; width:100%; background-color:#f1f1f1; } */
.content {min-width:1200px; max-width:1500px; margin:0 auto;}

/*怨좎떆�뺣낫*/
.product-title{font-size:21px; font-weight:700; margin-bottom:10px;}
.product-title span {font-size:16px;  font-weight:400; color:#999; margin-left:10px;}
.product-info {width:100%; border-top:2px solid #0d2d4f; word-break:break-all;}
.product-info td, .board_table01 th {font-size:16px; color:#666; padding:12px 12px 12px 25px; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; vertical-align:middle;}
.product-info td:first-child, .board_table01 th:first-child {border-left:0;}
.product-info th {font-weight:500; background:#fafafa; text-align:center;}
.product-info .title {text-align:left;}

/*footer*/
#footer { background-color:#3c3c3c; }


/*�뚯씠釉� �ㅽ궓 01*/
.table-skin01 { width:100%; }
.table-skin01 > thead > tr > th { background-color:#f1f1f1; }
.table-skin01 > tr > td,
.table-skin01 > thead > tr > th,
.table-skin01 > tbody > tr > th,
.table-skin01 > tfoot > tr > th,
.table-skin01 > thead > tr > td,
.table-skin01 > tbody > tr > td,
.table-skin01 > tfoot > tr > td {border:1px solid #ccc; padding:15px;}


.table-skin02 { width:100%; }
.table-skin02 > thead > tr > th { background-color:#f1f1f1; }
.table-skin02 > tr > td,
.table-skin02 > thead > tr > th,
.table-skin02 > tbody > tr > th,
.table-skin02 > tfoot > tr > th,
.table-skin02 > thead > tr > td,
.table-skin02 > tbody > tr > td,
.table-skin02 > tfoot > tr > td {border:1px solid #ccc; padding:10px;}

/*��*/
.tab-menu { width:100%; box-sizing:border-box; }
.tab-menu li { box-sizing:border-box; }
.tab-menu li:last-of-type { border-right:none; }
.tab-menu.l6 li { width: 16.6666666%; }
.tab-menu.l3 li { width: 33.33333333%; }
.tab-menu li a { display:inline-block; width:100%; background-color:#f7f7f7; text-align:center; border-bottom:1px solid #ea493e; font-size:17px;}
.tab-menu li a.on { background:#fff; color:#ea493e; border:1px solid #ea493e; border-bottom:0;}
.tab-menu li a:hover {color:#ea493e; }

.popup-title { background:#333; padding:8px; margin:0 0 5px 0; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;}
.address_list { overflow:hidden; width:100%; padding-top:2px; margin-bottom:0; }
.address_list .address_tip { display:inline-block; float:left; width:36px; height:16px; margin-top:0px; border:1px solid #d4e2ef; border-radius:1px; font-size:11px; line-height:16px; color:#008bd3; text-align:center; letter-spacing:-1px; }
.address_list .address_info { overflow:hidden; padding-left:5px; }
.address_list .address_info a, .address_list .address_info a:hover { color:none; text-decoration:none; }
.address_lists { width:100%; height:200px; margin-top:-20px; overflow-y:auto; }
#pageApi { height:55px }
#pageApi .pagination { margin:10px 0 0; }
.btn-lg { margin:0 5px; }
.tip { color:#333; margin-top:3px; }


@import 'design.css';

.faq-show p, .faq-show p span{font-size:1.1rem !important;}