@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

*{margin:0;padding:0;outline:0;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div:after,
section:after,
ul:after{content:'';display:block;clear:both;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"].form-check,
select,button{}
address{font-style:normal;}
form{display:block;}
table{width:100%;border-collapse:collapse;}
caption{display:none;}
a{text-decoration:none;color:#4E6895;transition:.3s;}
button{border:0;background-color:inherit;cursor:pointer;}
img{line-height:1;font-size:0;}
svg{vertical-align:middle;line-height:1;display:inline-block;position:relative;top:-1px;}
html{font-size:16px;}
body{line-height:1.6;background:#fff;}
li{list-style:none;}
fieldset{border:0;}

.full{width:100%;}

.list{display:block;margin-left:-.5rem;margin-right:-.5rem}
.list > li{float:left;padding-left:.5rem;padding-right:.5rem;padding-bottom:.5rem;line-height:1;}

.list.list-column-1{width:100%;float:none;clear:both;margin-left:0!important;margin-right:0!important}
.list.list-column-1 > li{width:100%;float:none;clear:both;padding-left:0rem!important;padding-right:0rem!important}
.list.list-column-3 > li{width:33.33333%}
.list.list-column-3 > li:nth-child(3n+1){clear:both;float:left;}
.list.list-column-4 > li{width:25%}
.list.list-column-4 > li:nth-child(4n+1){clear:both;float:left;}
.list.list-column-5 > li{width:20%}
.list.list-column-5 > li:nth-child(5n+1){clear:both;float:left;}

.item{text-align:center;border-radius:.3rem;background-color:#fff;padding:1rem;transition:.3s;cursor:pointer}
.item .item__head{height:130px;display:flex;align-items:center;justify-content:center}
.item .item__head img{transition:.3s;}
.item .item__body div{font-size:.88rem;color:#777;line-height:1.6}
.item .item__body div b{color:#333}
.item .item__body div img{position:relative;top:.2rem}
/*.item:hover{box-shadow: 0 0 11px rgba(33,33,33,.1); }*/
.item:hover .item__head img{transform:scale(1.1);}

.btn{display:inline-block;border:1px solid #ddd;text-align:center;background-color:#fff;font-size:.9rem;padding:.5rem 1rem;width:auto!important;transition:.3s;}
.btn:hover{opacity:.8}
.btn.btn-wide{padding-left:2rem;padding-right:2rem;min-width:100px}
.btn.btn-primary{background-color:#FF0090;color:#fff;border-color:#FF0090;}
.btn.btn-dark{background-color:#121212!important;color:#fff!important;border-color:#121212!important;}

.btn.btn-full{width:100%!important;}

.btn.btn-mini{font-size:.7rem;padding:.1rem .3rem}
.btn.btn-small{font-size:.8rem;padding:.3rem .6rem}
.btn.btn-large{font-size:1.1rem;padding:1rem 2rem}

.text-center{text-align:center!important}
.text-right{text-align:right!important}

.text-primary{color:#FF0090!important;}

.hide{display:none}
body{font-family: "Noto Sans KR", sans-serif;font-size:1rem}
#wrapper{width:100%;margin:0 auto;padding:30px 0}
.container{width:100%;min-width:1220px;max-width:1220px;margin:0 auto}

#header-row1{padding:1.1rem 0;position:fixed;left:0;top:0;width:100%;z-index:9999;background-color:rgba(255,255,255,.98);box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);}
#header-row1 .container{display:flex;align-items:center;position:relative}
#header-row1 #brand,
#header-row1 #gnb,
#header-row1 #acc{flex:auto}
#header-row1 #gnb{text-align:center;}

#header-row1 #acc{display:flex;justify-content:flex-end;width:370px;white-space:nowrap}

#brand img{height:50px;position:relative;top:-.2rem}

#acc > ul > li{display:inline-block;margin-left:1rem}
#acc > ul > li > a{font-size:1rem}
#acc > ul > li > a i{font-size:1.3rem;}

#gnb{width:100%;}
#gnb > ul > li{display:inline-block;margin:0 1.1rem;}
#gnb > ul > li > a{font-size:1.1rem;font-weight:600;position:relative;transition:.3s;}
#gnb > ul > li > a:before{content:'';position:absolute;top:-.5rem;width:10%;height:3px;background-color:transparent;transition:.3s;}
#gnb > ul > li > a:hover:before{content:'';width:100%;height:3px;background-color:#FF0090;}

#account{position:absolute;right:0;top:-1rem;display:none;}
#account > ul > li{display:inline-block;}
#account > ul > li > a{font-size:.8rem}

#contents img{width:100%}

#footer-row1{border-top:1px solid #ddd;border-bottom:1px solid #dfdfdf;padding:.6rem 0;}
#footer-row2{font-size:.77rem;color:#888;padding:2rem 0}

#footer-row2 .container{display:flex;align-items:center;}
#footer-row2 .container #footer-brand,
#footer-row2 .container #siteInfo,
#footer-row2 .container #callCenter{flex:0 1 auto;}

#footer-row2 .container #footer-brand img{height:50px;}
#footer-row2 .container #siteInfo{padding-left:50px;width:100%;}
#footer-row2 .container #callCenter{display:flex;justify-content:flex-end;width:500px;flex-direction:column;text-align:right;}
#footer-row2 .container #callCenter span{color:#888;font-size:.7rem;display:block;}
#footer-row2 .container #callCenter strong{color:#FF0090;font-weight:700;font-size:2rem;margin-top:-.5rem}
#footer-row2 .container #callCenter h3{font-weight:700;color:#121212;}

#footer-nav{text-align:center;}
#footer-nav > ul > li{display:inline-block;margin:0 1rem}
#footer-nav > ul > li > a{font-size:.8rem;color:#777}
#footer-nav > ul > li > a:hover{color:#121212;}

.visual{display:flex;background:url(./img/visual.jpg) no-repeat center center;background-size:cover;height:300px;align-items:center;justify-content:center;}
.visual h1{margin:0;margin-top:50px;font-size:3rem}
.visual h1 a:hover{color:#121212;}

#promotion{position:relative;height:550px;background:url(./img/promotion.jpg) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;}
#promotion .container{position:relative;z-index:2;color:#fff;text-align:center;}
#promotion:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}

#promotion .container .span-small{color:rgba(255,255,255,.9);font-size:1.5rem;display:block;margin-top:1rem}
#promotion .container h1{font-size:4.7rem;display:block;margin-top:-.3rem;letter-spacing:-1px;}
#promotion .container h1 small{font-size:3rem;position:relative;top:-2.3rem;}
#promotion .container .thin{font-weight:200;}
#promotion .container .btn{border:1px solid rgba(255,255,255,.2);display:inline-block;padding:1rem 2rem;text-align:center;background-color:rgba(255,255,255,.2);width:220px;font-size:1.2rem;margin-top:1rem;border-radius:200px;color:#fff;transition:.5s;}
#promotion .container .btn:hover{color:#121212;background-color:rgba(255,255,255,.9);}
#promotion .container strong{font-weight:500!important}

#pagination{text-align:center;margin:1rem 0}


.table{border-top:2px solid #121212;}
.table thead th,
.table tbody td{padding:1rem;border-bottom:1px solid #dfdfdf;white-space:nowrap;font-size:.8rem;vertical-align:middle!important}
.table tbody td{color:#333;}
.table tbody tr{transition:.3s;}
.table tbody tr:hover{background-color:#f8f8f8;}
.table tbody img{border:1px solid #dfdfdf;}
.table tbody a{font-weight:500;font-size:.9rem}

.table-info{padding:1rem 0;text-align:right;font-size:.8rem;color:#777}

.board-btns{padding-bottom:1rem}
.board-btns a{display:inline-block;border:1px solid #ddd;text-align:center;padding:.5rem 1rem;font-size:.8rem;transition:.3s;}
.board-btns a:hover{background-color:#f4f4f4;}

.table .badge{background-color:#FF0090;color:#fff;font-size:.75rem;text-align:center;display:inline-block;border-radius:100px;padding:.2rem .5rem}


.board-heading td{padding:1rem 0}
#board-view{margin:50px 0}


#goods_spec th{width:30%!important;text-align:left!important}
#goods_spec td{text-align:left!important}
#goods_spec td,
#goods_spec th{padding:.5rem!important}
#itemTitle{font-weight:600;font-size:2rem}


.web-path{border-bottom:1px solid #ddd;border-top:1px solid #ddd;display:none;}
.web-path a{display:inline-block;padding:1rem;font-size:1rem}

.detail-title{border-bottom:1px solid #121212;font-size:1.8rem;display:block;padding-bottom:.5rem;}

#contents {padding:3rem 0!important}
#contents p{}
#contents img,
#besong img{max-width:100%;width:auto!important}
#besong{text-align:center}

.detail-board th,
.detail-board td{padding:.5rem!important;font-size:1rem!important;white-space:nowrap}

#contents-wrapper #contents td > div{padding:2rem}
#contents-wrapper #contents td > div:hover,
#contents-wrapper #contents{background:transparent!important}


.textbox font{font-family: "Noto Sans KR", sans-serif!important;font-size:1rem}
.textbox table{width:100%!important}

input.line{padding:.4rem;float:right;text-align:center!important}

.field{clear:both;margin-bottom:1rem;}
.form-input{border:1px solid #dfdfdf;padding:1rem;font-size:1rem}

.field label{display:none}
.field .form-input{width:100%;}

.loginWrap{width:500px;margin:0 auto;background-color:#fff;border:1px solid #ddd;padding:2rem;text-align:center;padding-top:2rem;padding-bottom:5rem;margin-top:3rem}

.login-logo{margin-bottom:2rem}
.login-nav a{display:inline-block;margin:0 .5rem;color:#555;}

.nav-tab{margin-bottom:1rem}
.nav-tab > ul{display:flex;text-align:center;justify-content:space-between}
.nav-tab > ul > li{flex:1 1 auto;width:50%;}
.nav-tab > ul > li > a{display:block;padding:.7rem 1rem;background-color:#f1f1f1;border:1px solid #dfdfdf;}
.nav-tab > ul > li:nth-child(1) > a{border-right:0;}
.nav-tab > ul > li.active > a{background-color:#fff;border-bottom:1px solid transparent;}



.joinWrap{width:500px;margin:0 auto;background-color:#fff;border:1px solid #ddd;padding:2rem;text-align:center;padding-top:2rem;padding-bottom:2rem;margin-top:3rem}
.joinWrap h2{font-size:1rem;margin-bottom:.5rem;text-align:left;}
.joinWrap textarea,
.joinWrap .scroll{background-color:#f9f9f9!important;color:#444;padding:1rem!important;font-size:.8rem!important;line-height:1.6;}

#joinForm input[type=text],
#joinForm input[type=password]{border:1px solid #dfdfdf;padding:.3rem;font-size:1rem}
#joinForm table table table td{padding:.5rem;}
#joinForm label,
#joinFOrm td{font-family: "Noto Sans KR", sans-serif!important;font-size:.72rem!important;vertical-align:middle!important;}

.form-group{display:flex;justify-content:space-between}
.form-group input,
.form-group input + a{flex:1 1 auto;}
.form-group input{width:100%;}
.form-group input + a{width:100px!important;}

.form-zipcode{display:flex;}
.form-zipcode input{width:50px;margin-right:.3rem}


#joinForm table table table .memberCols2 td{padding-left:0!important}

.zip-top{padding-top:0!important}
.zip-top input + input{margin-top:.3rem!important}

.noline{font-size:.9rem}


.otable td{vertical-align:middle!important;font-size:.8rem!important;line-height:1.7}
.otable input[type="text"]{border:1px solid #dfdfdf;padding:.5rem;font-size:1rem}
.otable .airpod-padding-none td{padding:.5rem}
.otable input.lineBig{width:50%!important}



#deliWrap .otable td{border-bottom:1px solid #efefef!important;}
#deliWrap .otable td  table tr:last-child td{border-bottom:0!important}

#quick2{padding-top:3rem}
#quick2 .container{display:flex;justify-content:space-between}
#quick2 .col{width:25%;border:1px solid #dfdfdf;padding:1rem 2rem;flex:1 1 auto;margin-left:1rem;text-align:center;cursor:pointer;transition:.3s;}
#quick2 .col:hover{border-color:#000;color:#121212}
#quick2 .col p{font-size:.76rem;color:#777;line-height:1.4;margin-top:.2rem}

.media{display:flex;align-items:center;}
.media .media__head,
.media .media__body{flex:0 1 auto}
.media .media__body{padding-left:1rem;text-align:left;}


.ttable th,
.ttable td{padding:.5rem;font-size:1rem;vertical-align:middle}


.qtable td{padding:.5rem}
.qtable input{border:1px solid #dfdfdf!important;padding:.5rem;font-size:1rem}

#blnCookie_move table table table td{}