@charset "utf-8";
@import url('//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

/* Reset */
 * {outline:0 !important;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;height:100%;}
/* html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size:10px;} */
html{-webkit-touch-callout:none; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size:10px;}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:12px; font-family:'NanumSquareRound', sans-serif;color:#727272;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
img{max-width:100%;max-height:100%;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
label{cursor: pointer; font-size:15px;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}
button{background:transparent;cursor:pointer;}
form{all: unset;}
 
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%; height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; border-radius: 5px; transition: all 0.5s; vertical-align:middle;padding:0 10px;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#f9f9f9; border-color:#ddd; color:#555; -webkit-appearance:none;font-size:12px;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#f9f9f9;border:1px solid #ddd;}
iframe{max-width:100%; max-height:100%;}

.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

.hidden{  overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}
.ellipsis2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 

.btn_wrap{display:block;font-size:0;margin-top:30px;}
.btn_wrap.left{text-align:left;}
.btn_wrap.center{text-align:center;}
.btn_wrap.right{text-align:right;}
.btn_wrap .btn{border-radius: 4px;margin:0;margin-left:10px;}
.btn_wrap .btn:first-of-type{margin-left:0;}
.btn_wrap .btn.fl_left{float: left;}
.btn{display: inline-block; vertical-align: middle; text-align: center; padding: 5px 10px; box-sizing:border-box; font-size: 12px; line-height: 1.6; font-weight: 700; color: #fff; border-radius: 25px; margin-top: -3px; box-sizing: border-box; background-color: #999999; word-break:keep-all;min-width:52px;max-width:100%;}
.btn_blue:hover, .btn_blue.on{background-color:#1294f2 !important;}
.btn_yellow:hover, .btn_yellow.on{background-color:#fba63c !important;}
.btn_orange:hover,.btn_orange.on{background-color:#ff7900 !important;}
.btn_gray:hover, .btn_gray.on{background-color:#999999 !important;}
.btn_red:hover, .btn_red.on{background-color:#eb5757 !important;}
.btn_green:hover, .btn_green.on{background-color:#29cc97 !important;}
.pop_open{cursor: pointer;}

.rara_pagin_wrap + .btn_wrap{margin: 0; display: inline-block; float: right; margin-top: -40px;}

.textarea_wrap textarea{width:100%;min-height:100px;padding:10px;resize:none;}

.select_wrap{display:inline-block;}
.select_wrap.right{float:right;}
.select_wrap select{width:100%;padding: 0 5px; box-sizing: border-box;display:inline-block;}
.select_wrap select + input {width:100%;margin-top: 5px;display:inline-block;}

.main_title{font-size: 19px; font-weight:900; color:#727272; position:relative;}
.main_title span{color:#f9904c;}
.sub_title{margin-bottom: 30px; padding:0 10px; font-size: 24px; font-weight:700; color:#727272; position:relative; }
.sub_title span.nav{display: inline-block; font-size: 14px; position: absolute; bottom: 0; right: 20px; font-weight: 500; color: #777;}

a.link:hover{text-decoration: underline;}

.chk_input{display: inline-block; width: 20px; height: 20px; box-sizing: border-box;}
.chk_input input{width: 100%; height: 100%; box-sizing: border-box;}
.chk_label_wrap{display: inline-block; min-width: 120px; box-sizing: border-box;margin:0 20px 20px 0;}
.chk_label_wrap label{margin-left:5px;}

.radio_label_wrap{display: inline-block;box-sizing: border-box; }
.radio_label_wrap label{margin-left:5px; vertical-align: middle;}
.radio_label_wrap input{width:15px; height:15px; box-sizing:border-box; vertical-align: middle;}

.text_input{display: inline-block; width: 100%; box-sizing: border-box;}
.text_input.right input{text-align: right;}
.text_input.center input{text-align: center;}
.text_input.text input{width:calc(100% - 20px);}
.text_input.button{display: inline-block; vertical-align: middle;}
.text_input.button input{width:calc(100% - 55px);border-radius: 4px 0 0 4px;vertical-align: middle;float: left;}
.text_input.button .btn{width:50px;border-radius: 0 4px 4px 0;padding: 5px 0;vertical-align: middle;margin: 0;height: 32px;line-height: 1.8;float: left;}
.text_input.wid200 input{max-width:200px;}
.text_input input{width: 100%; height: 100%; padding:0 5px; box-sizing: border-box;height:32px;}

.file_input label input {display: none;}
.file_input .btn{margin:0;}
.file_input input[type=text] {position: absolute;bottom: 1px;left: 1px;width: calc(100% - 82px);border: none;border-top: solid 1px #e9e9e9;border-radius: 0;background: #e9e9e9;padding: 0 10px;}
.rara_table tbody td .file_input{position: relative; font-size: 0; display: block;}
.rara_table tbody td .file_input .btn{width: 60px; border-radius: 4px 0 0 4px; padding: 5px 0; height: 32px; line-height: 2; vertical-align: middle; margin: 0; box-sizing: border-box; display: inline-block;}
.rara_table tbody td .file_input input[type=text]{width: calc(100% - 70px); height: 32px; display: inline-block; position: relative; vertical-align: middle; border-radius: 0 4px 4px 0; bottom:auto; left: auto;}

@media print {
	.page-divide {
		page-break-after: always; 
	}
	table, figure, .sector {
		page-break-inside: avoid;
	}      
}

/* 주문서출력 */
.print_wrap {display:none; width: 850px; background-color:#fff;}
.print_wrap * {line-height: 1.6;}
.order_wrap {padding: 50px 45px;}
.order_wrap .order_top{margin-bottom:30px;}
.order_wrap .order_top > h3{font-size:26px; font-weight: 900;}
.order_wrap .order_top > p{font-size:12px;}
.price_info{margin:30px 0;}
.price_info .price_table{display: table;}
.price_info .price_table > div{display: table-cell; font-size:12px;}
.price_info .price_table .price_tit{width:80px; font-weight: 700; line-height: 1.6;}
.price_info .price_table .price_txt{font-size:12px; line-height: 1.6;}
.delivery_wrap{margin-bottom:30px; display: table;}
.delivery_wrap .delivery_cell{display: table-cell; width:65%;}
.delivery_wrap .delivery_cell + .delivery_cell{width:auto;}
.delivery_wrap .delivery_cell .delivery_tit{margin-bottom:10px; font-weight: 700;font-size:12px; line-height: 1.6;}
.delivery_wrap .delivery_cell .delivery_txt{font-size:12px; line-height: 1.6;}
.order_table{table-layout: fixed;width:100%;border-top:solid 2px #333; border-bottom:solid 2px #333;}
.order_table th{font-weight: 700;font-size:12px;text-align:center;padding:10px 0;}
.order_table td{font-size:12px;text-align:center;padding:5px; line-height: 1.6;vertical-align: top;word-break:keep-all;}
.order_table td.left{text-align: left;}
.order_table td.right{text-align: right;}
.order_table td b{font-weight: 700;}
.order_bottom{text-align: center; margin-top:20px;}
.order_bottom div{font-weight: 700;font-size:12px; line-height: 1.6;}
.order_bottom div + div{font-weight: 500;}

@media print {
	#print_wrap {display: block;}
}

/* 로딩 */
.loading_dim{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; filter: alpha(opacity=50); z-index: 8000;}
.loading_wrap{z-index: 9999; display: block; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color:rgba(255,255,255,1); border-radius:10px; overflow: hidden; display: inline-block; box-sizing:border-box; padding:20px;  box-shadow: 3px 3px 3px 3px #dedede;}