@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.4rem;}
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; }
table { table-layout:fixed; }
a,a:hover { color:inherit; text-decoration: 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:""; }
.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:#36af36; }
#faq-tabmenu li:hover{background-color:#36af36 !important; }
#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; }
.empty { text-align:center; color:gray; height:200px; line-height:200px; }
.readonly { background-color:#f1f1f1; }
.cursor { cursor:pointer; }

.clear-both:after { display:block; clear:both; content:""; }
#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;}

.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; }
.subtitle1 {font-weight:700;}

.f1 { font-size:0.8rem; }
.f2 { font-size:0.9rem; }
.f3 { font-size:1rem; }
.f3-1 { font-size:1.15rem; }
.f3-2 { font-size:1.3rem; }
.f4 { font-size:1.4rem; }
.f4-1 { font-size:1.7rem; }
.f5 { font-size:2rem; }
.f6 { font-size:2.5rem; }
.f7 { font-size:1.3rem; }

.p0 { padding:0; }
.p1 { padding:0.7rem; }
.p2 { padding:0.9rem; }
.p3 { padding:1.0rem; }
.p4 { padding:2.5rem; }
.p5 { padding:4.0rem; }

.pv1 { padding:0.7rem 0; }
.pv2 { padding:0.9rem 0; }
.pv3 { padding:1.0rem 0; }
.pv4 { padding:2.5rem 0; }
.pv5 { padding:4.0rem 0; }

.ph1 { padding:0 0.7rem; }
.ph2 { padding:0 0.9rem; }
.ph3 { padding:0 1.0rem; }
.ph4 { padding:0 2.5rem; }
.ph5 { padding:0 4.0rem; }

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

.m0 { margin:0; }
.m1 { margin:0.7rem; }
.m2 { margin:0.9rem; }
.m3 { margin:1.0rem; }
.m4 { margin:1.5rem; }
.m5 { margin:2.0rem; }

.mt0 { margin-top:0 !important; }
.mt1 { margin-top:0.7rem; }
.mt2 { margin-top:0.9rem; }
.mt3 { margin-top:1.0rem; }
.mt4 { margin-top:1.5rem; }
.mt5 { margin-top:2.0rem; }

.mr0 { margin-right:0; }
.mr1 { margin-right:0.7rem; }
.mr2 { margin-right:0.9rem; }
.mr3 { margin-right:1.0rem; }
.mr4 { margin-right:1.5rem; }
.mr5 { margin-right:2.0rem; }

.ml0 { margin-left:0; }
.ml1 { margin-left:0.7rem; }
.ml2 { margin-left:0.9rem; }
.ml3 { margin-left:1.0rem; }
.ml4 { margin-left:1.5rem; }
.ml5 { margin-left:2.0rem; }

.mb0 { margin-bottom:0 !important; }
.mb1 { margin-bottom:0.7rem; }
.mb2 { margin-bottom:0.9rem; }
.mb3 { margin-bottom:1.0rem; }
.mb4 { margin-bottom:1.5rem; }
.mb5 { margin-bottom:2.0rem; }

.mv1 { margin:0.7rem 0; }
.mv2 { margin:0.9rem 0; }
.mv3 { margin:1.0rem 0; }
.mv4 { margin:1.5rem 0; }
.mv5 { margin:2.0rem 0; }

.mh1 { margin:0 0.7rem; }
.mh2 { margin:0 0.9rem; }
.mh3 { margin:0 1.0rem; }
.mh4 { margin:0 1.5rem; }
.mh5 { margin:0 2.0rem; }

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

.vertical-middle { vertical-align:middle; }
.vertical-top { vertical-align:top; }
.vertical-bottom { vertical-align:bottom; }

.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: #333;font-size: 26px;font-weight: bold;line-height: 30px;}

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

.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 { width: 150px;} /* padding-top:40px;*/
.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:200px; }
.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% - 500px ); }

.output-skin02 .probtn { position:relative; width:80px; }
.output-skin02 .propart-t{font-size:22px;}
.output-skin02 .propart:hover .propart-t{color:#ea493e;}
.output-skin02 .probtn ul li:hover{color:#ea4932;}
.shop-call{font-size:18px;  border: 1px solid #f24735;transition:0.3s;}
.shop-call:hover{color:#fff; background:#f24735;}
/* .output-skin02 .search-box{display:none !important;} */

.output-skin03:hover a p {color:#ea493e;}
.output-skin03 .thumb-wrapper:hover .sticbtn { display:block; }
.output-skin03 .sticbtn { position:absolute; bottom:10px; left: calc(50% - 90px); background-color:#fff; border:1px solid #e9e9e9;  display:none; }
.output-skin03 .sticbtn a { font-size:13px; color:#333; display:inline-block; padding:5px; font-weight:normal; }
.output-skin03 .goods-icon {display:none; min-height:17px; line-height:12px; }
.output-skin03 .bullet { position:absolute; top:5px; left:5px; z-index:999; }
.output-skin03 .goods-icon {} /* height:20px; line-height:20px;*/
.output-skin03 .pro-title {font-size:1.3rem; padding-bottom:0;}
.output-skin03 .main-tit-m{font-size:20px; font-weight:600; padding:15px 15px 5px 15px; background:#fff; }
.output-skin03 .money{font-size:18px; color:#999; background:#fff; padding: 0 15px 15px 15px;}
.output-skin03 .thumb-wrapper{border-radius: 0 !important;}


.thumb-wrapper { position:relative; padding-top:80%; overflow:hidden; border-radius:10px; overflow:hidden;}
.output-skin01:hover .thumb-image { transform:scale(1.1); }
.output-skin01:hover .pro-name{color:#f49321;}
.output-skin03:hover .thumb-image { transform:scale(1.1); }
.output-skin03:hover .pro-name{color:#f49321;}
.proimage { position:relative; }
.thumb-image { position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s; }

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


.zoom-img { width:42%; }
.zoom-img img { max-width:100%; }
.basic-info { width:55%; float:right;}
.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:30%; }
.detail-bottom .detail-btn { width:70%; }
.detail-bottom .detail-btn a {width:160px; margin-left:5px;}
.detail-bottom .detail-btn .new-btn-df{display:inline-block; width: 80px !important; height: 56px; line-height:52px; text-align: center; background: #fff;border: 1px solid #ea493e;color: #ea493e; border-radius:5px;}/*입고알림*/
.detail-bottom .detail-btn .new-btn-df:hover{background: #ea493e;border: 1px solid #ea493e;color: #fff;}
.detail-etc { background-color:#f1f1f1; height:46px; }
.detail-etc2 { background-color:#f1f1f1; }
.markup { position:absolute; top:-3px; left:5px; }

.btn-danger{border-color: #ea493e !important;}
.btn-danger:hover, .btn-danger:focus { background-color: #c12e2a;}
.btn-danger:hover {background-color: #ea493e;border-color: #ea493e;}

/*검색페이지(테마포함) +상품 리스트*/
.search-tm .output-skin02 .proimage{width:200px;}
.search-tm .output-skin02 .propart{width:calc(100% - 500px);}
.search-tm .output-skin02 .goodsMoney {width: 150px;}
.search-tm .output-skin02 .probtn {width: 100px !important;}

#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( 25% - 60px); height:185px; box-sizing:border-box; background-color:#f1f1f1; transition:0.3s; border-radius:20px; padding:10px; margin:30px; }
#mypage-menu ul li:hover { background-color:#fd96a9;}
#mypage-menu ul li:hover p:last-of-type{color:#333;}

#mypage-menu ul li:hover i { color:#ee244a; }
#mypage-menu ul li i { transition:0.3s; }
.event-content { border-bottom:1px solid #dfdfdf; cursor:pointer; }
.catebox { overflow: hidden; margin: 10px 0 20px 0; /* border:1px solid #ccc; */ border-top: 2px solid #de2b48; }
.catelistmenu { float: left; display: inline-block; transition:0.3s; width: 20%; text-indent: 10px; padding: 10px 0px; border: 1px solid #ccc; border-top: none; border-right: none; /* margin: 0px 0px -1px -1px; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.catebox a:nth-child(5n){border-right:1px solid #ccc;}
.catelistmenu:hover { background-color:#de2b48; color:#fff; }
.cateOncolor, .cateOncolor:hover { background: #de2b48; 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 { border-radius:10px; border:1px solid #337ab7; margin-right:5px; }
#cate-tabmenu li a { display:inline-block; width:100%; height:100%; color:#337ab7; }
#cate-tabmenu #tabOn { background-color:#337ab7;  }
#cate-tabmenu #tabOn a { color:#fff; text-decoration:none; }

.cloud-zoom-gallery { width: calc(( 100% - 20px ) /5); position:relative; padding-top:calc( 20% - 3px ); }
.cloud-zoom-gallery:last-of-type .tinyimage{margin-right: 0 !important;}
.cloud-zoom-gallery img { width:100%; position:absolute; top:0; height:100%; }


/*구매후기*/
.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); }

/* ------------------*/
/* Board(일반,포토)  */
/* ------------------*/
.board-light { color:#de2b48; }

.thumb-wrapper { position:relative; padding-top:80%; overflow:hidden; }
.g-skin:hover .thumb-image { transform:scale(1.1); }
.g-skin:hover .g-title{color:#54aa00}
.proimage { position:relative; }
.thumb-image { position:absolute; top:0; left:0; width:100%; height:100%; transition:0.5s; }

.private-content { overflow-y:auto; height:150px; }
.private-content p{font-size:16px;}


/*로그인*/
.login-table { margin:0 auto; }
.login-tip { width: }

label[for=membership] { font-size:20px; font-weight:500; color:#FD4637; vertical-align:sub; }
label[for=agreement] { font-size:20px; font-weight:500; color:#FD4637; vertical-align:sub; }
#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:0px; right:-342px; width:347px; height:100%; z-index:99999}
#familyTogleBT {position:absolute; top:27%;left:-95px; cursor: pointer;}
#familyTogleBT2 {position:absolute; top:calc(27% + 170px);left:-95px; cursor: pointer;}
#familyBox2 {position:relative; left:0px; width:216px; height:100%; padding-top:10px; background:#f7f7f7; border-left:5px solid #dff783;}
#familyBox2 .sms-bg {display:inline-block; margin-left:10px}
#familyBox3 {width:176px; min-height:256px; margin-left:10px; background:url(/design/images/left_right/sms_bodybg.jpg) repeat-y;  text-align:center; overflow:hidden}
#familyBox3 ul li {display:inline-block; margin:0 auto;}
#familyBox3 ul li span {font-size:16px; color:#45aef2; font-weight:600; margin-bottom:4px;}
#familyBox3 ul li h3 {font-size:11px; font-weight:normal; color:#666;}
#quick-sms {display:inline-block; width:140px;}
#quick-sms form {border-top:1px dotted #d1d1d1; padding-top:5px; margin-top:10px;}
#quick-sms p span {width:45px; display:block; float:left; line-height:25px; padding-bottom:3px; margin:3px 0px; text-align:left; font-size:12px; font-weight:600; color:#444;}
#quick-sms p input {width:90Px; margin:3px 0;color:#666; line-height:25px; height:25px; font-size:11px;}
#quick-sms textarea {width:140px; margin:5x 0; height:70px; padding:5px; color:#666;}
#quick-sms .captcha {margin-top:6px; width:140px; border-top:1px dotted #d1d1d1; padding-top:5px;}
#quick-sms .captcha span {width:140px;padding:5px 0; font-size:12px; font-weight:600; padding-bottom:5px; color:#444; display:block; float:left;}
#quick-sms .captcha img {width:65px; height:23px;}
#quick-sms .captcha input {float:right; width:70px; line-height:25px; height:25px; font-weight:600; margin:0; background:#fff5f7; color:#666;}
#quick-sms .policy {text-align:center; margin:4px auto;}
#quick-sms .policy img {float:left;  margin-top:3px; font-size:12px; display:block;}
#quick-sms .policy span {float:right; margin-top:3px; font-size:12px; letter-spacing:-2px;}
#quick-sms .sms-btn {display:block; text-align:center; margin:15px auto 0px;}
#familyBox2 .banner {display:block; margin:15px auto 0px;}
#familyBox2 .banner a {display:block; font-size:14px; padding:12px 0px; text-indent:28px; border-top:1px solid #d1d1d1; color:#333}
#familyBox2 .banner .fa {margin-right:10px}
-*/


#familyBox {position:fixed; top:0px; right:-346px; width:347px; height:100%; z-index:99999}
#familyTogleBT {position:absolute; top:48%;left:-50px; cursor: pointer; width:46px; height:46px; background:url('/design/images/left_right/rquick_close.png')}
#familyTogleBT.quick_on:hover{background:url('/design/images/left_right/rquick_close_h.png')}
#familyTogleBT.quick_off:hover{background:url('/design/images/left_right/rquick_open_h.png')}
#familyTogleBT.quick_off{background:url('/design/images/left_right/rquick_open.png')}

#familyTogleBT2 {position:absolute; top:calc(27% + 170px);left:-95px; cursor: pointer;}
#familyBox2 {position:relative; left:0px; width:216px; height:100%;  background:#fff; border-left:1px solid #ccc;}
#familyBox2 .sms-bg {display:inline-block; margin-left:10px}
#familyBox3 {width:176px; min-height:256px; margin-left:10px; background:url(/design/images/left_right/sms_bodybg.jpg) repeat-y;  text-align:center; overflow:hidden}
#familyBox3 ul li {display:inline-block; margin:0 auto;}
#familyBox3 ul li span {font-size:16px; color:#45aef2; font-weight:600; margin-bottom:4px;}
#familyBox3 ul li h3 {font-size:11px; font-weight:normal; color:#666;}
#quick-sms {display:inline-block; width:140px;}
#quick-sms form {border-top:1px dotted #d1d1d1; padding-top:5px; margin-top:10px;}
#quick-sms p span {width:45px; display:block; float:left; line-height:25px; padding-bottom:3px; margin:3px 0px; text-align:left; font-size:12px; font-weight:600; color:#444;}
#quick-sms p input {width:90Px; margin:3px 0;color:#666; line-height:25px; height:25px; font-size:11px;}
#quick-sms textarea {width:140px; margin:5x 0; height:70px; padding:5px; color:#666;}
#quick-sms .captcha {margin-top:6px; width:140px; border-top:1px dotted #d1d1d1; padding-top:5px;}
#quick-sms .captcha span {width:140px;padding:5px 0; font-size:12px; font-weight:600; padding-bottom:5px; color:#444; display:block; float:left;}
#quick-sms .captcha img {width:65px; height:23px;}
#quick-sms .captcha input {float:right; width:70px; line-height:25px; height:25px; font-weight:600; margin:0; background:#fff5f7; color:#666;}
#quick-sms .policy {text-align:center; margin:4px auto;}
#quick-sms .policy img {float:left;  margin-top:3px; font-size:12px; display:block;}
#quick-sms .policy span {float:right; margin-top:3px; font-size:12px; letter-spacing:-2px;}
#quick-sms .sms-btn {display:block; text-align:center; margin:15px auto 0px;}
#familyBox2 .banner {display:block; margin:15px auto 0px;}
#familyBox2 .banner a {display:block; font-size:14px; padding:12px 0px; text-indent:28px; border-top:1px solid #d1d1d1; color:#333}
#familyBox2 .banner .fa {margin-right:10px}



.quick_title{ padding-bottom:20px;}
.quick_title p{font-size:25px; color:#fff;  font-weight:300;}
.quick_title p span{font-size:25px; color:#fff; }

.quick_cs {padding:20px; background: linear-gradient(to right, rgba(65,165,85,1), rgba(37,121,202,1)); }
.quick_cs img{float:left; }
.quick_cs h2{margin-bottom:10px; font-size:25px; color:#fff;}
.quick_cs .quick_cs_num{font-size:25px; color:#fff45c; font-weight:600;}
.quick_cs span{color:#666; font-size:17px;}

.right_quick01 {padding:20px; }
.right_quick01 a{width:100%; display:block;  background:#fff; border:1px solid #ccc; padding:10px 20px; margin-bottom:5px;}
.right_quick01 a:focus{background:#fff;color:#333;}
.right_quick01 a:hover{background:#333; color:#fff;}

.right_quick01 a i{width:20px; }



/* ------------*/
/* Design Team */
/* ------------*/
html { font-size:14px; background-color:#fff; }
body { font-size:1rem; color:#333; font-family:'Noto Sans KR',dotum,'돋움',sans-serif; }

#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:#000; 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:18px !important;}
.b2-main { border:2px solid #555; }
.fc-main { color:#000; font-size:26px; font-weight:700; line-height:30px; }
.hover-main:hover { background-color:#f1f1ff; }
.hover-main:hover td { background-color:#f1f1ff; }

/*메인 고객센터*/
#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:700px; } */
#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; }

/*서브페이지 공통*/
#sub-content{padding:30px 0 0 0 !important;}
#location { color:#888; }
.sub-title {text-align:center; font-size:40px; font-weight:600; color:#242424;}

/*상단바*/
/* #top-bar a { color:#fff; margin:0 10px;} */
/* #logo-box>.top-search { width: calc(100% - 580px); height:130px; padding-left:10%; padding-right:10%;}
#logo-box>.top-search form{width:100%;} */


.selectBox02 {position:relative;display:inline-block; height:52px; font-size:19px; width:160px; margin-right:-4px; border-right:none; vertical-align:middle; }
.selectBox02 .txt {display:block; height:52px; font-size:16px; width:160px; margin-right:-4px; background:url('/design/images/arrowdown.png') 130px center no-repeat; border:2px solid #54aa00; box-sizing:border-box; border-right:none; vertical-align:top; line-height:47px; overflow:hidden; text-align:left; padding:0 15px 0 10px;}
.selectBox02 label {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.selectBox02 select {position:absolute;left:0;top:0;display:block;width:160px;  padding-left:10px;height:50px;opacity:0;filter: alpha(opacity=0);z-index:10;
    appearance:none; /* 기본 스타일 없애기 */
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none
}
.selectBox02 select option{ font-size:15px; }
.selectBox02  span{font-size:15px;}
.content {min-width:1200px; max-width:1500px; margin: 0 auto;}


@media (max-width:1500px) {
.content { width:100%; padding-right:4% !important; padding-left:4% !important; margin: 0 auto; }
.customer-kakao div { padding:17px 15px;}
.bank_txt{letter-spacing:-1px !important;}

}

@media (max-width:1400px) {
#logo-box>.top-search{padding-left:0; padding-right:0;}
}

@media (max-width:1280px) {
.content { width:100%; padding-right:2% !important; padding-left:2% !important;  }
.customer-content br.pc_no{display:block;}

}





/*footer*/
#footer { background-color:#37322E; }


/*테이블 스킨 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: calc(100% / 5); }
.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 #de2b48; font-size:17px;}
.tab-menu li a.on { background:#fff; color:#de2b48; border:1px solid #de2b48; border-bottom:0;}
.tab-menu li a:hover {color:#de2b48; }


.qna_answer {
    display: none;
}
.faq-tab-list ul li h3{font-size:20px !important;}
.faq-tab-list ul li img{ margin-bottom:10px;}
.faq-tab-list ul li div img{display:block;}
/*고시정보*/
.product-title{font-size:21px; font-weight:700; margin-bottom:10px; text-align:left;}
.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;  text-align:left;}
.product-info td:first-child, .board_table01 th:first-child {border-left:0;}
.product-info th {font-weight:500; background:#fafafa;}
.product-text {font-size:16px;text-align:left;}

.whish_btn{background:#fff; width:80px !important; height:56px; text-align:center; }/*관심상품*/
.whish_btn img{ max-width:40px !important; width:40px !important;}
.whish_btn img.whish_icon02{display:none;}
.whish_btn:hover img.whish_icon01{display:none;}
.whish_btn:hover img.whish_icon02{display:inline-block;}


/*==========================================================
메인 기본 컬러-리뉴얼
==========================================================*/
.maincolor {background:#ea493e; border:1px solid #ea493e; color:#fff;} /*메인컬러 버튼*/
.maincolor_sp{background:#f87308; border:1px solid #f87308; color:#fff;}
.maincolor:hover, .maincolor:active, .maincolor:focus {color:#fff; background:#ea493e; border:1px solid #ea493e !important;}
.subcolor {background:#fff; border:1px solid #ea493e; color:#ea493e;}/*메인 라인 버튼*/
.subcolor:hover {color:#ea493e;}
.graycolor {background:#fff; border:1px solid #ccc; color:#666;} /*회색 라인 버튼*/
.main-textcolor {color:#ea493e;} /*텍스트*/
.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;}
.btlg {padding:15px 50px; font-size:19px;} /*버튼 넓이-바로구매*/
.btstyle {border-radius:5px;} /*버튼 라운딩-바로구매*/
.btstyle2 {border-radius:50px;}
.btstyle3 {border-radius:10px;} /*faq 라운딩*/
.gray-bt {border:1px solid #d8d8d8; color:#333;} /*버튼2:포인트색상 테두리, 구매상담/ 글자 : 포인트색상*/


@import 'design.css';