@import url('https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css');
body{font-family: 'Nanum Barun Gothic', sans-serif;font-weight:400;}
a,a:hover,a:active,a:focus{text-decoration:none;color:#333;}


.table-default{}
.table-default th,
.table-default td{font-size:1em;vertical-align:middle!important;padding:15px 8px!important;}
.table-default td small{font-size:0.9em;color:#ec7a8f;}
.table-default th{font-weight:400;width:200px;background-color:#f7f7f7;}
.table-default>tbody>tr:last-child>th,
.table-default>tbody>tr:last-child>td{border-bottom:1px solid #ddd;}


.table-v{color:#646464;border-top:1px solid #ddd;}
.table-v>thead>tr>th{background-color:#f9f9f9;border:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:700;vertical-align:middle;text-align:center;}
.table-v>tbody>tr>td{background-color:#fff;border-right:1px solid #efefef;border-bottom:1px solid #efefef;text-align:center;vertical-align:middle;}
.table-v>tbody>tr>td.text-left,
.table-v>tbody>tr>td.td-title{text-align:left!important;}
.table-v>tbody>tr>td:first-child{border-left:1px solid #efefef;}
.table-v:not(.table-rowspan)>tbody>tr:nth-child(even)>td{background-color:#fafafa;}
.table-v>tbody>tr.even>td{background-color:#fafafa;}
.table-v td.td-title{text-align:left!important;}

.input-group{border:1px solid #ddd;}
.input-group>textarea{width:100%;height:150px;resize:none;-webkit-appearance:none;border:0;padding:8px;}
.input-group>input{border:0;}
.input-group>.input-group-addon{border:0;background-color:#fff;}
.input-group.short{width:200px;}
.input-group.half{width:50%;}
.input-group.full{width:100%;}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{background-color:#456575;border-color: #395666;}

.btn-primary.btn-block{padding:15px 0;font-size:1.2em;}

/*.note-editing-area{font-family:'Spoqa Han Sans',Sans-serif!important;}*/
.note-editing-area img{max-width:100%;}

.tab-content{padding:8px;border:1px solid #e1e1e1;border-top:0;}
.tab-content .table{margin:0;}

ul{list-style-type:none;padding:0;margin:0;}
ul.hori>li{float:left;}
ul.hori:after{display:block;content:'';clear:both;}

input[type="text"],
input[type="password"],
textarea{box-shadow:none;-webkit-box-shadow:none;-webkit-appearance:none;outline:none;}
.input-group>.form-control{box-shadow:none;border-color:#ddd;}

.input-group-b{margin-bottom:12px;position:relative;}
.input-group-b>input{padding:15px 12px;height:52px;}
.input-group-b>input[readonly]{background-color:#fff;}
.input-group-b>input:focus{outline:0;}
.input-group-b>.input-group-addon:first-child{width:110px;position:relative;padding:6px 12px 6px 6px;}
.input-group-b>.input-group-addon:first-child:after{display:block;position:absolute;right:0;top:50%;margin-top:-26px;height:52px;line-height:52px;content:'\f054';font-family:Font Awesome\ 5 Free;font-weight:900;opacity:0.3;}

.modal .modal-header{background-color:#456575;color:#fff;padding-right:50px;position:relative;}
.modal .modal-header>.btn-close{position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;cursor:pointer;}
.modal .modal-header>.btn-close:before{display:inline;content:'\f00d';font-family:Font Awesome\ 5 Free;font-weight:900;}
.modal .modal-footer{background-color:#f1f1f1;}

.input-group{background-color:#fff;}
.input-group .notice{display:block;padding:10px;font-size:0.85em;color:#ed1c24;}

.rachel1{position:fixed;left:-9999px;}
.rachel1 + label{position:relative;padding-left:20px;padding-right:20px;cursor:pointer;display:inline-block;font-weight:400;margin:0;}
.rachel1 + label:before{display:block;content:'';position:absolute;left:0;top:2px;width:16px;height:16px;border:1px solid #c8c8c8;border-radius:2px;}
.rachel1:checked + label:before{background-color:#fabe00;border-color:#ebb000;color:#fff;font-size:10px;content:'\f00c';font-family:Font Awesome\ 5 Free;font-weight:900;text-align:center;line-height:14px;}
.rachel1[type="radio"] + label:before{border-radius:8px;}
.rachel1.solo + label{width:16px;height:16px;padding:0;}

.cart-list{}
.cart-list>li{display:table;width:100%;padding:10px 0;border-bottom:1px solid #e1e1e1;}
.cart-list>li:nth-child(odd){background-color:#fafafa;}
.cart-list>li>div{display:table-cell;vertical-align:middle;padding:0 10px;}
.cart-list>li>div.check{width:50px;text-align:center;}
.cart-list>li>div.check>.rachel{margin:0;}
.cart-list>li>div.image{width:100px;padding-right:15px;}
.cart-list>li>div.image>div{width:100%;padding-bottom:100%;background-size:cover;background-position:center;}
.cart-list>li>div.item{}
.cart-list>li>div.item strong{display:block;}
.cart-list>li>div.item p.options{margin:10px 0 0 0;font-size:0.85em;}
.cart-list>li>div.item p.options small{font-size:1em;opacity:0.4;padding-right:4px;}
.cart-list>li>div.qty{width:200px;text-align:center;}
.cart-list>li>div.qty input{text-align:center;}
.cart-list>li>div.dlvr{width:150px;text-align:center;}
.cart-list>li>div.price{width:150px;text-align:center;}
.cart-list>li>div.func{width:120px;text-align:right;}
.cart-list>li.head{padding:0;}
.cart-list>li.head>div{padding:10px 0;text-align:center;background-color:#efefef;}

#modal-searchAddr{}
#modal-searchAddr .input-group{border:0;}
#modal-searchAddr .input-group>input{border:1px solid #e1e1e1;border-right:0;}
#modal-searchAddr .input-group .btn{background-color:#333;color:#fff;border-color:#222;}
#modal-searchAddr .input-alert{text-align:center;padding:40px 0;}
#modal-searchAddr .input-alert span{font-size:3em;margin-bottom:10px;color:#222;}

.item-list{padding:10px 0;}
.item-list:after{display:block;content:'';clear:both;}
.item-list>li{float:left;width:25%;padding:0 10px;margin:10px 0;}
.item-list>li>a{display:block;border:1px solid #e1e1e1;padding:10px;transition:box-shadow 0.2s;}
.item-list>li>a:hover{box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.item-list>li>a .image{width:100%;padding-bottom:100%;margin-bottom:15px;background-size:cover;background-position:center;}
.item-list>li>a .info{text-align:center;font-size:1.2em;}
.item-list>li>a .info .item-name{font-size:0.9em;letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item-list>li>a .info .item-price{display:block;font-weight:700;}
.item-list>li>a .info .item-price>small{text-decoration:line-through;font-weight:400;padding-right:8px;opacity:0.6;}

.sub-page-nav{text-align:center;margin-bottom:60px;}
.sub-page-nav ul{display:inline-block;}
.sub-page-nav ul:after{display:block;content:'';clear:both;}
.sub-page-nav ul>li{float:left;}
.sub-page-nav ul>li>a{display:block;padding:15px 35px;border:1px solid #e1e1e1;border-right:0;font-size:1.1em;font-weight:700;}
.sub-page-nav ul>li:last-child{border-right:1px solid #e1e1e1;}
.sub-page-nav ul>li.active>a{background-color:#ed1c24;border-color:#ed1c24;color:#fff;}

.pagination{margin:0;}
.pagination>li>a{color:#ed1c24;}
.pagination>li.active>a{background-color:#ed1c24;color:#fff;border-color:#ed1c24;}

@media screen and (min-width:768px){

}

@media screen and (max-width:767px){
    .container.full{padding-left:0;padding-right:0;}

    .data-grid .wrap{padding:30px 15px;}

    .sub-page-nav{margin-bottom:40px;}
    .sub-page-nav ul{display:block;border-top:1px solid #e1e1e1;}
    .sub-page-nav ul>li{width:50%;}
    .sub-page-nav ul>li>a{padding:10px 0;font-size:0.9em;text-align:center;border-top:0;}
    .sub-page-nav ul>li:last-child{border-right:1px solid #e1e1e1;}
    .sub-page-nav ul>li:nth-child(2n){border-right:1px solid #e1e1e1;}

    .cart-list>li{display:block;}
    .cart-list>li>div{display:block;}
    .cart-list>li>div.image{width:100%;margin-bottom:10px;}
    .cart-list>li>div.item strong{text-align:center;}
    .cart-list>li>div.item p.options{margin:10px 0 20px 0;text-align:center;}
    .cart-list>li>div.qty{width:100%;}
    .cart-list>li>div.price{width:100%;text-align:right;margin:15px 0;font-weight:700;}
    .cart-list>li>div.func{display:none;width:100%;text-align:center;}

    .cart-list>li.head>div:not(.check){display:none;}
}


@media screen and (max-width:767px){
    .input-group.half{width:100%;}
    .input-group.mobile-full{width:100%;}

    .table-default:not(.not-responsive),
    .table-default:not(.not-responsive)>caption,
    .table-default:not(.not-responsive)>tbody,
    .table-default:not(.not-responsive)>tbody>tr,
    .table-default:not(.not-responsive)>tbody>tr>th,
    .table-default:not(.not-responsive)>tbody>tr>td{display:block;width:100%;}
    .table-default:not(.not-responsive)>tbody>tr>th{background-color:#fafafa;}
}