@import url('reset.min.css');
@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css);
@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');

*{
	box-sizing:border-box;
}

body { font-family: 'SUIT', sans-serif; margin:0;font-size:14px;}

a{color:#000;text-decoration:none;}

.btn{display:inline-block;padding:12px 20px;color:#676767;
    background-color:#e1e1e1;
    border-radius:6px;
    font-weight:500;
}

.btn-default{
	background-color:#fff;border:1px solid #e1e1e1;color:#888;
	font-weight:400;
}

.btn-submit{
	padding:16px 30px;
	font-size:1.2em;font-weight:500;
}

.btn-primary{
	background-color:#65aac2;
	color:#fff;
}

.btn-sm{
	padding:8px 15px;font-size:0.85em;
}

.btn-block{
	display:block;
	text-align:center;
}

.hide{display:none!important;}
.throw-away{position:fixed;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;}
.text-left{text-align:left!important;}
.text-center{text-align:center!important;}
.text-right{text-align:right!important;}

.container{width:1200px;padding:0 15px;margin:0 auto;}
.container.no-padding{padding:0;}
.border-hard{border-bottom:1px solid #e1e1e1;margin-bottom:20px;}
.note-editing-area img{max-width:100%;}

.mg-b-10{margin-bottom:10px!important;}
.mg-b-15{margin-bottom:15px!important;}
.mg-b-20{margin-bottom:20px!important;}
.mg-b-30{margin-bottom:30px!important;}
.mg-b-40{margin-bottom:40px!important;}

.pagination{display:flex;justify-content:center;margin-top:40px;}
.pagination>li{}
.pagination>li>a{display:flex;min-width:30px;height:30px;padding:0 10px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;color:#999;transition:color .3s;}
.pagination>li>a:hover{color:#555;background-color:#f8f8f8;}
.pagination>li.active>a{border-color:#4588e9;color:#4588e9;font-weight:500;}

.rachel{display:inline-block;position:relative;margin-right:24px;margin-bottom:0;font-weight:400;color:#333;min-height:1em;}
.rachel>input{opacity:0;width:0;height:0;position:fixed;left:-9999px;top:-9999px;}
.rachel>span{display:inline-block;position:relative;vertical-align:text-top;padding-left:24px;line-height:18px;}
.rachel>span:before{display:block;content:'';width:16px;height:16px;border-radius:16px;border:1px solid #DBDBDB;position:absolute;left:0;top:0;margin-top:0;background-color:#ECECEC;}
.rachel>span:after{display:block;content:'';width:10px;height:10px;border-radius:10px;background-color:#002B7C;position:absolute;left:4px;top:4px;transform:scale(0);transition:transform .4s;}
.rachel>input:checked + span:before{border-color:#002B7C;background-color:#fff;}
.rachel>input:checked + span:after{transform:scale(1);}
.rachel .check-addon{display:none;margin-top:6px;padding-left:24px;}
.rachel .check-addon.sm{font-size:0.85em;color:#888;}
.rachel>input:checked + span +.check-addon{display:block;}
/*.rachel>input[type="radio"] + span:before{border-radius:1.2em;background-size:70%;}*/
.rachel.sq>span:before{border-radius:4px;transition:background-color .2s;}
.rachel.sq>span:after{width:8px;height:4px;border-radius:0;background-color:transparent;border-left:2px solid #fff;border-bottom:2px solid #fff;left:4px;transform:scale(0);}
.rachel.sq>input:checked + span:before{background-color:#305ACE;border-color:#305ACE;}
.rachel.sq>input:checked + span:after{transform:rotate(-45deg) scale(1);}
.rachel .input-box-wrap{margin-bottom:0;margin-left:10px;display:none;}
.rachel>input:checked + span + .input-box-wrap{display:inline-flex;}

.input{display:inline-flex;flex-wrap:wrap;}
.input.block{display:flex;}
.input.full{width:100%;display:flex;}
.input>.head-title{display:block;width:100%;margin-bottom:6px;color:#888;}
.input>.head-title>small{display:block;margin-top:8px;font-size:0.85em;color:#aaa;}
.input>.title{display:flex;align-items:center;padding:0 10px;color:#8c9298;}
.input>.addon{display:flex;align-items:center;padding:0 10px;color:#8c9298;}
.input>input{flex:1;width:100%;height:40px;padding:0 15px;border:1px solid #ddd;appearance:none;-webkit-appearance:none;transition:border-color .3s;margin-left:-1px;background-color:#fff;transition:border .3s;font-size:1em;border-radius:0;}
.input>input:focus{outline:none;border-color:#888;z-index:1;}
.input>input[readonly]{background-color:#f2f2f2;}
.input>textarea{width:100%;flex:1;height:300px;line-height:1.4em;border:1px solid #ddd;resize:vertical;padding:15px;transition:border .3s;font-size:1em;border-radius:0;appearance:none;-webkit-appearance:none;font-family: 'Spoqa Han Sans Neo', 'sans-serif';}
.input>textarea:focus{outline:none;border-color:#888;z-index:1;}
.input>.select{position:relative;border:1px solid #efefef;margin-left:-1px;background-color:#fff;}
.input>.select.full{width:100%;}
.input>.select:after{display:block;content:'';width:6px;height:6px;border-left:2px solid #aaa;border-bottom:2px solid #aaa;position:absolute;right:6px;top:12px;transform:rotate(-45deg);}
.input>.select>select{width:100%;height:38px;padding:0 30px 0 10px;border:0;appearance:none;-webkit-appearance:none;background-color:#fff;}
.input>.select>select:focus{outline:none;}
.input>a{display:flex;align-items:center;height:40px;padding:0 15px;background-color:#333;color:#fff;margin-left:6px;}

.btn-move-swiper{display:block;width:30px;height:40px;background-position:center;background-repeat:no-repeat;background-size:40%;transition:background-color .5s;outline:none!important;z-index:200;cursor:pointer;}
.btn-move-swiper.swiper-button-disabled{opacity:0.2;}
.btn-move-swiper:hover{background-color:#f1f1f1;}
.btn-move-swiper.btn-prev{background-image:url('../img/assets/btn_chevron_left.png');}
.btn-move-swiper.btn-next{background-image:url('../img/assets/btn_chevron_right.png');}

.table-a{width:100%;border-top:1px solid #eee;}
.table-a>caption{text-align:left;padding-bottom:15px;font-size:1.2em;color:#888;}
.table-a>tbody>tr>th{padding:25px 8px;border-bottom:1px solid #eee;width:120px;background-color:#fff;color:#8c9298;vertical-align:middle;word-break:keep-all;}
.table-a>tbody>tr>td{padding:25px 8px;border-bottom:1px solid #eee;background-color:#fff;vertical-align:middle;}
.table-a>tbody>tr>td a{word-break:break-word;}
.table-a.vertical>tbody>tr>th,
.table-a.vertical>tbody>tr>td{vertical-align:middle;}
.table-a>tbody>tr>td.empty{padding:60px 0;text-align:center;color:#aaa;}

.table-v{width:100%;}
.table-v>thead>tr>th{padding:15px 8px;background-color:#232326;color:#aaa;text-align:center;}
.table-v>tbody>tr>td{padding:25px 8px;vertical-align:middle;text-align:center;background-color:#fff;border-bottom:1px solid #eaeaea;transition:background-color .3s;}
.table-v .td-num{width:80px;}
.table-v .td-check{width:60px;}
.table-v .td-check .rachel{margin:0;}
.table-v .td-type{width:90px;}
.table-v .td-date{width:120px;}
.table-v .td-btn{width:120px;}
.table-v .td-name{width:120px;}
.table-v .td-amount{width:140px;}
.table-v>tbody>tr.click>td:not(.no-click){cursor:pointer;}
.table-v>tbody>tr.click:hover>td{background-color:#f1f1f1;}
.table-v>tbody>tr.hover:hover>td{background-color:#f1f1f1;}
.table-v>tbody>tr>td.empty{padding:60px 0;text-align:center;color:#aaa;}

.pop{display:none;justify-content:center;align-items:center;background:rgba(0,0,0,0.7);z-index:500;position:fixed;left:0;top:0;width:100%;height:100%;padding:40px 0;}
.pop>.pop-inner{background-color:#fff;max-height:calc(100vh - 80px);min-width:500px;}
.pop>.pop-inner>.pop-title{height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efefef;}
.pop>.pop-inner>.pop-title>h4{padding:0 15px;font-size:1.2em;}
.pop>.pop-inner>.pop-title>.btn-close{position:relative;display:block;width:30px;height:30px;margin-left:15px;margin-right:15px;cursor:pointer;}
.pop>.pop-inner>.pop-title>.btn-close:before{display:block;content:'';width:20px;position:absolute;left:5px;top:15px;border-top:1px solid #888;transform:rotate(45deg);}
.pop>.pop-inner>.pop-title>.btn-close:after{display:block;content:'';width:20px;position:absolute;left:5px;top:15px;border-top:1px solid #888;transform:rotate(135deg);}
.pop>.pop-inner>.pop-content{padding:20px 15px;max-height:calc(100% - 110px);overflow-y:scroll;}
.pop>.pop-inner>.pop-footer{height:50px;padding:0 15px;text-align:center;}
.pop>.pop-inner>.pop-footer .btn{margin:0 6px;}
.pop.full-height{padding-left:20px;padding-right:20px;}
.pop.full-height>.pop-inner{height:calc(100vh - 80px);}
.pop.w-500>.pop-inner{width:500px;}
.pop.open{display:flex;}

.campaign-list{display:flex;flex-wrap:wrap;padding:0 10px;margin:0 -15px;}
.campaign-list>.campaign{width:50%;padding:0 10px;margin-bottom:40px;}
.campaign-list>.campaign.soldout{opacity:0.4;}
.campaign-list>.campaign>a{display:block;}
.campaign-list>.campaign>a>.image{position:relative;padding-bottom:70%;background-size:cover;background-position:center;margin-bottom:12px;border-radius:12px;background-color:#e1e1e1;}
.campaign-list>.campaign>a>.image>.soldout{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,0.5);color:#fff;font-size:1.2em;}
.campaign-list>.campaign>a h5{font-size:1em;font-weight:400;margin-bottom:12px;}
.campaign-list>.campaign>a .price{display:flex;justify-content:space-between;}
.campaign-list>.campaign>a .price>.discount{font-size:1.2em;display:inline-block;font-weight:300;color:#d43f3a;margin-right:20px;}
.campaign-list>.campaign>a .price>.discount>span.orig-price{text-decoration:line-through;color:#b2b2b2;display:inline-block;margin-right:10px;}
.campaign-list>.campaign>a .price>.discount>small{font-size:0.75em;display:inline-block;padding-left:2px;}
.campaign-list>.campaign>a .price>strong{font-size:1.2em;font-weight:700;}
.campaign-list>.campaign>a .price>strong>small{display:inline-block;padding-left:2px;font-size:0.85em;font-weight:400;}

/*
.item-list{display:flex;flex-wrap:wrap;}
.item-list>.item{width:25%;padding:0 10px;margin-bottom:30px;}
.item-list>.item>a{display:block;}
.item-list>.item>a .image{overflow:hidden;}
.item-list>.item>a .image img{width:100%;transition:transform .3s;}
.item-list>.item>a .info{padding:12px 0;text-align:center;}
.item-list>.item>a .info strong{display:block;font-size:1.3em;line-height:1.6em;font-weight:400;}
.item-list>.item>a .info .summaryLine{margin-bottom:10px;font-size:0.85em;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.item-list>.item>a .info p.price{margin-top:10px;font-weight:700;font-size:1.4em;}
.item-list>.item>a .info p.price>small{display:inline-block;margin-right:12px;color:#aaa;font-weight:300;text-decoration:line-through;}
.item-list>.item:hover>a .image img{transform:scale(1.2);}
.item-list>.empty{width:100%;padding:60px 0;text-align:center;font-size:1.4em;font-weight:300;color:#aaa;}
.item-list[data-col="3"]>.item{width:33.333333%;}
.item-list[data-col="4"]>.item{width:25%;}
.item-list[data-col="5"]>.item{width:20%;}
*/

@media screen and (min-width:768px){
	.hidden-md{display:none!important;}
	.visible-xs{display:none!important;}
}

@media screen and (max-width:1199px){
	.container{width:1000px;}
}

@media screen and (max-width:992px){
	.container{width:768px;}
}

@media screen and (max-width:767px){
	.container{width:100%;}

	.campaign-list>.campaign>a h5{font-size:0.9em;letter-spacing:-.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.campaign-list>.campaign>a .price>.discount{font-size:0.85em;}
	.campaign-list>.campaign>a .price>.discount>span.orig-price{display:block;margin-right:0;margin-bottom:5px;}
	.campaign-list>.campaign>a .price>strong{font-size:1em;}

	.pop{padding:40px 20px;}
	.pop>.pop-inner{min-width:auto;width:100%;}
	.pop.w-500>.pop-inner{width:100%;}
}

@media screen and (max-width:479px){
	.table-a>tbody>tr>th{width:90px;}
	.btn{padding:9px 15px;}
	.btn-submit{padding:12px 15px;}
}

/* textarea, input도 body와 동일한 폰트 적용 */
textarea,
input {
  font-family: 'SUIT', sans-serif;
}