@charset 'utf-8';
@import '/css/font.css';
@import '/mobile/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], input[type=tel] { 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, a:focus, a:active { 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{padding:15px;}
.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-box{margin-bottom:20px;}
#faq-tabmenu li#tabOn { font-weight:500; color:#fff; background-color:#ea493e; }
#faq-tabmenu li { width:50%; margin-right:-1px; margin-bottom:-1px; }
#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:100px; line-height:100px; }

.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: 16px; height: 14px; line-height: 14px; margin-left: 2px; background: url(/images/icon/icon_required_mobile.gif) no-repeat; overflow: visible; }
.container { min-width:320px; max-width:720px;}


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

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

.tp4 > thead > tr > th,
.tp4 > tbody > tr > td,
.tp4 > tr > td  { padding:0rem 0.4rem; }

.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:#fff; font-weight:500; }

.f1 { font-size:0.8rem; }
.f2 { font-size:0.9rem; }
.f3 { font-size:1rem; }
.f3-1 { font-size:1.05rem; }
.f4 { font-size:1.25rem; }
.f5 { font-size:1.5rem; }
.f6 { font-size:1.75rem; }
.f7 { font-size:2.0rem; }

.p0 { padding:0; }
.p1 { padding:0.25rem; }
.p2 { padding:0.5rem; }
.p3 { padding:1.0rem; }
.p4 { padding:2.0rem; }
.p5 { padding:3.0rem; }
.p6 { padding:4.0rem; }

.pv1 { padding:0.25rem 0; }
.pv2 { padding:0.5rem 0; }
.pv3 { padding:1.0rem 0; }
.pv4 { padding:2.0rem 0; }
.pv5 { padding:3.0rem 0; }
.pv6 { padding:4.0rem 0; }

.ph1 { padding:0 0.25rem; }
.ph2 { padding:0 0.5rem; }
.ph3 { padding:0 1.0rem; }
.ph4 { padding:0 2.0rem; }
.ph5 { padding:0 3.0rem; }
.ph6 { 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.25rem; }
.m2 { margin:0.5rem; }
.m3 { margin:1.0rem; }
.m4 { margin:2.0rem; }
.m5 { margin:3.0rem; }
.m6 { margin:4.0rem; }

.mt1 { margin-top:0.25rem; }
.mt2 { margin-top:0.5rem; }
.mt3 { margin-top:1.0rem; }
.mt4 { margin-top:2.0rem; }
.mt5 { margin-top:3.0rem; }
.mt6 { margin-top:4.0rem; }

.mv1 { margin:0.25rem 0; }
.mv2 { margin:0.5rem 0; }
.mv3 { margin:1.0rem 0; }
.mv4 { margin:2.0rem 0; }
.mv5 { margin:3.0rem 0; }
.mv6 { margin:4.0rem 0; }

.mh1 { margin:0 0.25rem; }
.mh2 { margin:0 0.5rem; }
.mh3 { margin:0 1.0rem; }
.mh4 { margin:0 2.0rem; }
.mh5 { margin:0 3.0rem; }
.mh6 { margin:0 4.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; }

.bx-wrapper { border:none; margin-bottom:0; box-shadow:none; }
.bx-wrapper .bx-pager { bottom:30px; }

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

#GoodsList .output-skin02:last-of-type { border-bottom:none; }
.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 .goodsimage { position:relative; padding-top:100%; overflow:hidden; }
.output-skin02 .goodsimage:hover .pro_image { transform:scale(1.1); }
.output-skin02 .proimage { position:relative; width:100px; }
.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% - 100px ); }

.zoom-img img { max-width:100%; }
.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-btn a { width:31.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:30px; }
#mypage-menu ul li { width:calc( 50% - 10px); margin:5px;box-sizing:border-box; background-color:#f1f1f1; transition:0.3s; border-radius:20px; padding:15px 10px 25px; }
.event-content { border-bottom:1px solid #dfdfdf; cursor:pointer; }
.catebox { overflow: hidden; margin: 10px 0; border: 1px solid #ccc; border-top: 2px solid #333; }
.catelistmenu { float: left; display: inline-block; width: 33.33333%; text-indent: 10px; padding: 8px 0px; border: 1px solid #ccc; border-top: none; border-right: none; margin: 0px 0px -1px -1px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.cateOncolor, .cateOncolor:hover { background: #515a69; color: #FFF; font-weight: normal; }
.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 { display:block; padding-top:90%; position:relative; }
.cloud-zoom img { position:absolute; top:0; width:100%; height:100%; }

.cloud-zoom-gallery { float:left; padding-top:20%; position:relative; width:calc( 20% - 1%); margin:0.5%; }
.cloud-zoom-gallery img { position:absolute; top:0; width:100%; height:100%; border:1px solid #ccc; box-sizing:border-box; }

.cloud-zoom-lens { display:none!important; }
.cloud-zoom-big { display:none!important; }

/* ------------------*/
/* 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; }

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

/*·Î±×ÀÎ*/
.login-table { margin:0 auto; }
.login-tip { width: }
.faq-show { margin-top: 20px; background-color:#f1f1f1; border-radius:10px; }

/* ------------------*/
/* SMS »ó´ã¹®ÀÇ  */
/* ------------------*/
.sms_page td { padding:2px; }

/* ------------*/
/* ¸ð¹ÙÀÏ Äü¸Þ´º */
/* ------------*/
.copy-quick { width:100%; background-color:#1b3569;}
.copy-quick li { width:25%; text-align:center; }
.copy-quick li a { display:inline-block; width:100%; text-align:center; padding:15px 5px; color:#fff; }
.copy-quick li a i { display:block; font-size: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; }

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

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

/* ¸ÞÀÎ Ä÷¯ ½ºÅ¸ÀÏ */
.bt2-main { border-top:1px solid #555; }
.b2-main { border:2px solid #555; }
.fc-main { color:#555; }
.hover-main:hover { background-color:#f1f1ff; }

/*¸ÞÀÎ °í°´¼¾ÅÍ*/
#customer { background-color:#f1f1f1; }


/* ·¹ÇÁÆ® ¸Þ´º°¡ ¾ø´Â ¼­ºêÆäÀÌÁö */
#sub-content img { max-width:100%; }

/*¸ð¹ÙÀÏ Çì´õ*/

.left-gnb{padding:10px 14px;}
.left-gnb > li{border-radius:10px; margin-bottom:10px; overflow:hidden; border:1px solid #eee; box-shadow: 0px 1px 10px rgb(0,0,0,0.05);}
.left-gnb > li.menuOn p .left_arrow_01{display:none;}
.left-gnb > li.menuOn p .left_arrow_02{display:inline-block !important;}
.left-gnb > li:first-child .left-menu-title{border-top:none;}
.left-gnb > li p .left_arrow_02{display:none;}
.left-gnb > li p img{width:17px; float:right}

.left-gnb-btn { position:relative; width:50px; height:70px; float:left; }
.left-gnb-btn .menu { position:absolute; top:15px; left:10px; }
.logo-box { position:relative; width:calc( 100% - 100px ); height:70px; padding-top:10px; float:left; }
.phone-btn { position:relative; height:70px; width:50px; float:left; }
.phone-btn .phone { position:absolute; top:0px; right:10px; font-size:50px; color:333; }
.gnb-simple { display:block; }


#header .nav { position:relative; float:left; width:100%; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#header .navMenu { overflow:inherit; position:relative; z-index:1; bottom:0; left:0; width:100%; height:100%; overflow:inherit; }
#header .navSlider { width:100%; max-width:720px; height:40px; top:0; left:0; z-index:10; display:table; }
#header .navSlider li { height:50px; font-size:15px; color:#333; font-weight:500; line-height:40px; display:table-cell; white-space:nowrap; word-spacing:-3px; text-align:center; }
#header .navSlider li:first-child a { margin-left:10px; }
#header .navSlider li a { margin-right:15px; }

#sidemenu_bg { width:100%; z-index:999999998; overflow-y:auto; top:0; left:0; margin-left:-100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; }
#sidemenu { display:none; float:left; top:0; position:fixed; width:320px; z-index:999999999; overflow-y:auto; margin-left:-100%; height:100%; background:#fff; }

.login-bar .login-info { color:#333; font-weight:500; padding:15px 10px;display:block; overflow:hidden; }
.login-bar .login-info .login-join { float:left; font-size:15px; font-weight:bold; letter-spacing:-2px; line-height:20px; }
.login-bar .login-info .login-close { float:right; padding-top:7px; font-size:20px; line-height:20px; color:#333; }
.login-bar .login-info .login-close img{margin-top:5px;}
.login-bar .login-menu {  overflow:hidden; }
.login-bar .login-menu div { float:left; width:25%; padding:10px;  }
.login-bar .login-menu a { color:#666; font-weight:300; letter-spacing:-2px; font-size:14px;}
.login-bar .login-menu i { padding-left:3px; }

.left-gnb > li.menuOn p { color: #3498f8;}
.left-menu-title { background-color:#fff; padding:15px;  font-weight:500; font-size:16px;}
.left-sub-menu { display:none;  }
.left-sub-menu li {background:#fff;  overflow:hidden; }
.left-sub-menu li:last-of-type { border-bottom:none; }
.left-sub-menu li a { display:block;  padding:10px 13px; font-size:15px;}
.left-category li{width:50%; float:left;}
.login-btn-box {margin-bottom:10px; padding:0 10px; }
.login-btn-box div { width:49%; height:40px; border-radius:20px;margin-right:2%;}
.login-btn-box div a { display:inline-block; width:100%;  }
.login-btn-box div:last-child{margin-right:0;}

.logout {background: #ffc000;  border:1px solid #ffc000;  color:#fff; }
.logout a:hover{color:#fff;}
.login { background: #ffc000;  border:1px solid #ffc000;  color:#fff; }
.login a:hover{color:#fff;}
.join { background-color:#fff; border:1px solid #ffc000; color:#ffc000; }
.join a:hover{color:#ffc000;}
.mypage {background-color:#fff; border:1px solid #ffc000; color:#ffc000; }

#mypage-menu table tr td{background:#fff; padding:15px 0;}

.left_cs{padding:15px 14px;}
.left_cs span{font-size:16px; }
.left_cs .left_num{font-size:27px; font-weight:600; color:#3498f8; margin-bottom:10px;}
.left_cs .cs_time{font-size:14px; color:#666;}
.left_cs .left_cs_button {margin-top:20px; }
.left_cs .left_cs_button a{border:1px solid #ccc; background:#fff; padding:7px 10px; width:130px; display:inline-block; text-align:center;}
.left_cs .left_cs_button a:first-child{margin-right:5px;}
.left_cs .left_cs_button a:hover{background:#333; color:#fff;}


/*==========================================================
¼­ºê¸Þ´º
==========================================================*/
.info-item {position:relative; border-bottom:1px solid #dfdfdf; height:45px; border-right:1px solid #dfdfdf; }
.info-item:last-of-type { border-right:none; }
.info-item > a {display:block; position:relative; font-size:15px; line-height:45px; color:#333; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.info-item a:hover, .info-item a:focus{text-decoration:none; }
.info-item .toggle-box {position:absolute; display:block; width:20px; height:20px; right:10px; top:12px; }
.info-item.active, .lnbWrap .lnb .info-item:hover {color:#eb6100; }

.info-item .toggle-box-btn span img {position:absolute; display:block; width:20px; height:20px; right:0; top:12px;}

.opened-menu {display:none; position:absolute; top:45px; left:0; width:100%; padding:0; font-size:0.85em; background:#f9f9f9; z-index:5; }
.opened-menu .menu-item {font-size:15px;  border-top:0; padding:0 20px; line-height:44px; display:block; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.opened-menu .menu-item:hover {color:#3498f8;}
.opened-menu .menu-item.active {  color:#3498f8; }


/*¼­ºêÆäÀÌÁö °øÅë*/
#location { color:#888; }
.sub-title { font-size:22px;text-align:center;font-weight:bold;margin-bottom:10px;}

/*»ó´Ü¹Ù*/
#top-bar { background-color:#fff;}
#top-bar a { color:#666666; }
#logo-box>div { width: 33.333333%; height:130px; }

/*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:10px;}

.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%; border:1px solid #dfdfdf; box-sizing:border-box; }
.tab-menu li { border-right:1px solid #dfdfdf; box-sizing:border-box; }
.tab-menu li:last-of-type { border-right:none; }
.tab-menu.l6 li { width: 25%; }
.tab-menu.l3 li { width: 33.33333333%; }
.tab-menu li a { display:inline-block; width:100%; background-color:#f5f5f5; text-align:center; }
.tab-menu li a.on { background:#f06f1c url(/design/images/sub/tab_back.png) center bottom no-repeat; color:#fff; }
.tab-menu li a:hover { background:#f06f1c url(/design/images/sub/tab_back.png) center bottom no-repeat; color:#fff; }

.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; }
.tip { color:#0000ff; margin-top:3px; }


/*==========================================================
¸ÞÀÎ ±âº» Ä÷¯-¸®´º¾ó
==========================================================*/
.maincolor {background:#0963b9; border:1px solid #0963b9; color:#fff;} /*¸ÞÀÎÄ÷¯ ¹öÆ°*/
.maincolor:hover {color:#fff;}
.subcolor {background:#fff; border:1px solid #0963b9; color:#0963b9;}/*¸ÞÀÎ ¶óÀÎ ¹öÆ°*/
.subcolor:hover {color:#0963b9;}
.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:Æ÷ÀÎÆ®»ö»ó Å׵θ®, ±¸¸Å»ó´ã/ ±ÛÀÚ : Æ÷ÀÎÆ®»ö»ó*/
#board-top{background:#f6f6f6; padding:15px; margin-bottom:20px;}