@charset "utf-8";

.inner { max-width:1400px; margin:0 auto;}

/*
 * animate
 */

.animate { -webkit-transition:all .2s ease; transition:all .2s ease;}

/*
 * table
 */

.tbl_view { position:relative; margin-top:20px;}
.tbl_view:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_view table { border-top:1px solid #3b3b3b; width:100%; table-layout:fixed;}
.tbl_view table th,
.tbl_view table td { padding:10px; text-align:center; color:#222; font-weight:600; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.tbl_view table th { background:#f5f5f5;}
.tbl_view table .spec_td { color:#f6466e;}
.tbl_view table .tbl_ico { vertical-align:middle; width:15px; height:auto;}
.tbl_view table .notice span { display:inline-block; padding:0 6px; background:#838cd0; border-radius:2px; line-height:18px; color:#fff; font-size:11px;}
.tbl_view table .new { display:inline-block; padding:0 6px; background:#f6466e; border-radius:2px; line-height:18px; color:#fff; font-size:11px; vertical-align:middle; margin-left:5px;}

.tbl_data { position:relative; font-size:16px;}
.tbl_data .tbl_data_detail { font-size:15px; color:#7a7a7a;}
.tbl_data table { position:relative; border-collapse:separate; width:100%; table-layout:fixed; font-family:"GmarketSansLight", sans-serif;}
.tbl_data table th { position:relative; padding:15px 10px; border:1px solid #dcd6cc; width:14%; text-align:left; color:#222; background:#f7f7f6;}
.tbl_data table th i { position:absolute; top:50%; right:10px; display:inline-block; width:10px; height:10px; margin-top:-5px; background:url(../image/common/ico_tbl_data.png) no-repeat 50%;}
.tbl_data table td { padding:15px 10px; border:1px solid #dcd6cc; width:14%;}
.tbl_data .txt_if { font-size:15px; color:#999; min-height:180px; border-bottom:1px dashed #bba99a;}
.tbl_data .num_if { padding-top:15px; text-align:center; font-size:18px; color:#eb6524;}
.tbl_data .tbl_data_bottom { padding:30px 0;}
.tbl_data .tbl_data_bottom dt { padding:20px 0; text-align:center; font-size:18px; color:#fff; background:#eb6524;}
.tbl_data .tbl_data_bottom dt span { display:inline-block; padding:0 25px; vertical-align:middle;}
.tbl_data .tbl_data_bottom dd { padding:20px 0; color:#7a7a7a; font-size:15px;}
.tbl_data .tbl_data_bottom dd span { color:#eb6524;}
.tbl_data .tbl_data_bottom dd img { vertical-align:middle; margin-right:5px;}

.tbl_data2 { position:relative; font-size:14px;}
.tbl_data2 + .tbl_data2 { margin-top:1em;}
.tbl_data2 .tbl_data_detail { color:#7a7a7a;}
.tbl_data2 table { position:relative; border-collapse:separate; width:100%; font-size:12px;}
.tbl_data2 table th { position:relative; padding:.4em .2em; border:1px solid #dcd6cc; color:#222; background:#f7f7f6; font-size:.75em; white-space:nowrap;}
.tbl_data2 table td { padding:.4em .2em; border:1px solid #dcd6cc; font-size:.825em; white-space:nowrap;}
.tbl_data2 table td:nth-child(1) { width:8em;}
.tit_data2 { padding:.4em .2em; font-size:2em; text-align:center;}
.tit_data2 span { position:relative; line-height:1; z-index:2; padding:0 .5em; display:inline-block;}
.tit_data2 span:after { position:absolute; z-index:-1; content:""; background:#fddc00; bottom:0; left:0; width:100%; height:.5em;}

@media screen and (max-width:768px) {
.tbl_data table thead { display:none;}
.tbl_data table td { display:block; width:100%; padding:0;}
.tbl_data .txt_if { min-height:0; padding:15px;}
.tbl_data td:nth-child(1) .txt_if:before { content:"가맹비 : "; display:inline-block; font-size:15px; color:#000;}
.tbl_data td:nth-child(2) .txt_if:before { content:"교육비 : "; display:inline-block; font-size:15px; color:#000;}
.tbl_data td:nth-child(3) .txt_if:before { content:"이행보증금 : "; display:inline-block; font-size:15px; color:#000;}
.tbl_data td:nth-child(4) .txt_if:before { content:"간판, 인테리어 : "; display:inline-block; font-size:15px; color:#000;}
.tbl_data td:nth-child(5) .txt_if:before { content:"주방설비 : "; display:inline-block; font-size:15px; color:#000;}
.tbl_data td:nth-child(6) .txt_if:before { content:"주방집기 : "; display:inline-block; font-size:15px; color:#000;}
.tbl_data td:nth-child(7) .txt_if:before { content:"기타 : "; display:inline-block; font-size:15px; color:#000;}
.tbl_data .num_if { padding:15px;}
}

@media screen and (max-width:500px) {
.tbl_data2 { overflow-x:auto;}
.tbl_data2 table { font-size:8px;}
.tbl_data2.tbl_resp table { min-width:500px;}
.tbl_data2 table th { padding:.2em .1em; font-size:.5em;}
.tbl_data2 table td { padding:.2em .1em; font-size:.75em;}
.tbl_data2 table td:nth-child(1) { width:20%;}
.tit_data2 { font-size:1.5em;}
}

.bbs_info { text-align:left;}
.bbs_info em { color:#f6466e; font-weight:600;}

.tar { margin:10px 0;}
.tar, .tar .btn_d.btn_small {font-size:13px;}
.tar .fs1 { padding:8px 5px; border:1px solid #dadada; vertical-align:top; max-width:100%;}
.tar .btn_d.btn_small { text-decoration:none;}

.tbl_program { position:relative; margin-bottom:40px;}
.tbl_program:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_program table { width:100%; table-layout:fixed;}
.tbl_program table th,
.tbl_program table td { padding:15px 5px; text-align:left; font-size:12px; font-weight:300; border-bottom:1px dashed #d2d2d2;} 
.tbl_program table th {}
.tbl_program table .spec_td { color:#f6466e;}

.tbl_spec { position:relative;}
.tbl_spec:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_spec table { position:relative; border-top:1px solid #fff; width:100%; table-layout:fixed;}
.tbl_spec table tbody { width:100%;}
.tbl_spec table th { padding:9px 12px; border-right:1px solid #fff; border-bottom:1px solid #fff; font-size:13px; background:#2a93d5; color:#fff; text-align:left; font-weight:normal;}
.tbl_spec table td { padding:9px 12px; border-right:1px solid #fff; border-bottom:1px solid #fff; background:#63b8ed; color:#fff; font-size:13px; text-align:left;}

.tbl_write { position:relative;}
.tbl_write:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_write table { position:relative; border-top:1px solid #ccc; width:100%; table-layout:fixed;}
.tbl_write table tbody { width:100%;}
.tbl_write table th { padding:9px 12px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-size:13px; background:#f4f4f4; text-align:left; font-weight:normal;}
.tbl_write table td { padding:9px 12px; border-bottom:1px solid #ccc; font-size:13px; text-align:left;}

.tbl_modal { position:relative;}
.tbl_modal:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_modal table { position:relative; width:100%; table-layout:fixed;}
.tbl_modal table tbody { width:100%;}
.tbl_modal table tbody tr:hover { background:#feefee; cursor:pointer;}
.tbl_modal table th { padding:9px 12px; font-size:16px; font-weight:700; background:#414042; color:#fff; text-align:left; font-weight:normal;}
.tbl_modal table td { padding:9px 12px; font-size:16px; font-weight:700; text-align:left; border-bottom:1px solid #b2b2b3;}
.tbl_modal table tr .radio_td i { position:relative; display:inline-block; width:21px; height:21px; box-sizing:border-box; vertical-align:middle; border-radius:50%; border:1px solid #414042; background:#fff;}
.tbl_modal table .active .radio_td i:after { display:block; position:absolute; top:2px; left:2px; right:2px; bottom:2px; border-radius:50%; background:#414042; content:"";}

.tbl_join { position:relative; max-width:800px; margin:0 auto;}
.tbl_join:after { position:absolute; top:0; right:0; bottom:0; width:1px; background:#fff; content:""; display:block;}
.tbl_join table { position:relative; width:100%; table-layout:fixed;}
.tbl_join table th { padding:9px 12px; font-size:20px; font-weight:700; text-align:left; width:150px;}
.tbl_join table td { padding:9px 12px; font-size:16px; font-weight:700; text-align:left;}

.bbs_gallery { margin:10px 0; padding-top:10px; border-top:2px solid #3b3b3b; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.gallery_item { padding:10px;}
.gallery_item a { display:block;}
.gallery_item a .thumb { display:block; height:200px; margin-bottom:10px; background:#eee;}
.gallery_item a .date { display:block; font-weight:600; color:#444; margin-bottom:10px;}
.gallery_item a:hover .date { color:#f6466e;}

@media screen and (max-width:768px) {
.tbl_join table th { width:auto; font-size:16px;}
.tbl_join table td { font-size:14px;}
}
@media screen and (max-width:550px) {
.tbl_join table th { padding-bottom:0;}
.tbl_join table th,
.tbl_join table td { display:block;}
.tbl_join table td { border-bottom:1px solid #ccc;}
}

.tbl_mypage { position:relative;}
.tbl_mypage:after { position:absolute; top:0; right:-1px; bottom:0; width:2px; background:#fff; content:""; display:block;}
.tbl_mypage table { position:relative; width:100%; table-layout:fixed; border-top:5px solid #414042;}
.tbl_mypage table thead th { padding:9px 30px; font-size:18px; border-bottom:1px solid #59595c; background:#f1f2f2;}
.tbl_mypage table tbody th { padding:9px 30px; font-size:18px; font-weight:700; width:150px; white-space:nowrap;}
.tbl_mypage table tbody td { padding:9px 30px; font-size:18px; font-weight:200;}
.tbl_mypage table .border_tbody th { border-bottom:1px solid #59595c; border-right:1px solid #59595c;}
.tbl_mypage table .border_tbody td { border-bottom:1px solid #59595c; border-right:1px solid #59595c;}

.tbl_use_list { position:relative;}
.tbl_use_list table { position:relative; width:100%; table-layout:fixed; border-top:2px solid #2e2e2e;}
.tbl_use_list table th,
.tbl_use_list table td { height:60px; padding: 5px; border-bottom:1px solid #d5d5d5; font-weight:400;}
.tbl_use_list table td:first-child { word-break: break-all;}

@media screen and (max-width:1040px) {
.tbl_mypage table thead th { padding:9px 10px; font-size:16px;}
.tbl_mypage table tbody th { padding:9px 10px; font-size:16px; width:auto;}
.tbl_mypage table tbody td { padding:9px 10px; font-size:16px;}
}

@media screen and (max-width:768px) {
.tbl_mypage table thead th { padding:2px; font-size:14px;}
.tbl_mypage table tbody th { padding:2px; font-size:14px;}
.tbl_mypage table tbody td { padding:2px; font-size:14px;}
}

.tbl_list { position:relative;}
.tbl_list table { position:relative; width:100%; table-layout:fixed; border:1px solid #b3b5b8;}
.tbl_list table:first-child { position:relative; width:100%; border-bottom:none;}
.tbl_list table .btn_tbl { display:inline-block; padding:2px 10px; font-size:16px; color:#404042; background:#fff; border:1px solid #b9bbbd;}
.tbl_list table .btn_tbl_red { display:inline-block; padding:2px 10px; font-size:16px; color:#ed1b23; background:#fff; border:1px solid #b9bbbd;}
.tbl_list table .btn_tbl_red:hover { color:#fff; background:#ed1b23; border:1px solid #ed1b23;}
.tbl_list table .btn_tbl_grey { display:inline-block; padding:2px 10px; font-size:16px; color:#404042; background:#dcddde; border:1px solid #b9bbbd;}
.tbl_list table .btn_tbl_black { display:inline-block; padding:2px 10px; font-size:16px; color:#fff; background:#606164; border:1px solid #606164;}
.tbl_list table .bg_tr { background:#f1f1f2;}
.tbl_list table th,
.tbl_list table td { padding:0; font-size:16px;}
.tbl_list table th:after,
.tbl_list table td:after { content:""; display:block; clear:both;}
.tbl_list table td .basic_red { color:#be1d2c; padding-left:10px;}
.tbl_list table .right_td { display:block; float:right; height:30px; border-left:1px solid #b3b5b8;}
.tbl_list table .right_td * { vertical-align:middle;}
.tbl_list table .padding_td { display:inline-block; padding:5px 10px;}
.tbl_list table .ico_group { display:inline-block; width:30px; height:30px; vertical-align:middle; margin-right:5px; background:url(../image/content/ico_tbl_group.png) no-repeat 50%;}
.tbl_list table select { display:inline-block; height:30px; border:1px solid #b9bbbd; padding-left:10px; padding-right:10px;}
.tbl_list table .input_tbl_group { position:relative; display:inline-block; box-sizing:border-box; height:30px; border:1px solid #b9bbbd; margin-left:10px;}
.tbl_list table .input_tbl_group input[type=text] { border:none; padding:0 50px 0 10px; vertical-align:bottom; text-align:center;}
.tbl_list table .input_tbl_group .btn_tbl_grey { position:absolute; top:0; bottom:0; right:0; display:inline-block; padding:0 10px; border:none;}
.tbl_list table .input_tbl_group .btn_tbl_grey:hover { background:#444; color:#fff;}
.tbl_list table .ico_td_down { display:inline-block; width:30px; height:30px; margin-bottom:5px; background:url(../image/content/ico_tbl_share.png) no-repeat 50%;}
.tbl_list table a.right_td:hover { background:#fefefe;}

.bbs_view { border-top:1px solid #164a95; border-bottom:1px solid #aaa;}
.bbs_view .title { padding:15px 0; margin:0; text-align:center; font-size:20px; border-bottom:1px solid #164a95; background:#f7f7f7; font-weight:bold;}
.bbs_view .desc { padding:10px; margin:0; overflow:hidden; font-size:14px;}
.bbs_view .desc dl { clear:both; padding:0; margin:0;}
.bbs_view .desc dt { float:left; width:10%; padding:0; margin:0; color:#555;}
.bbs_view .desc dd { float:left; width:40%; padding:0; margin:0;}
.bbs_view .cont { clear:both; padding:15px 10px; margin:0; border-top:1px solid #ccc; min-height:300px; word-break:break-all;}
.bbs_view .cont img { max-width:100%;}
.bbs_view .attach { clear:both; padding:8px 10px; margin:0; border-top:1px solid #ddd; font-size:14px;}
.bbs_view .attach .tbl_ico { width:12px; height:auto; vertical-align:middle;}
.bbs_view_list { border-top:1px solid #ddd; color:#999; text-align:center; margin:20px 0; overflow:hidden;}
.bbs_view_list dl { clear:both; margin:0;}
.bbs_view_list dt,
.bbs_view_list dd { float:left; padding:0; margin:0; border-bottom:1px solid #ddd; line-height:40px;}
.bbs_view_list dt { width:20%; background:#f5f5f5; color:#555}
.bbs_view_list dd { width:80%;}
.bbs_view_list dd.subject { text-align:left; text-indent:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbs_view .reback { border-top:1px solid #164a95; background-color:#f7f7f7;}

.bbs_view .cont .img_frame img { min-width:auto;}

/*
 * position
 */

.pos_s { position:static;}
.pos_r { position:relative;}
.pos_a { position:absolute;}
.pos_f { position:fixed;}

/*
 * float
 */

.fl_n { float:none;}
.fl_l { float:left; padding:0 10px;}
.fl_r { float:right;}
.fl_c:after { display:block; clear:both; content:"";}

@media screen and (max-width: 768px) {
.clear_md,
.clear_lg { display:none;}
.clear_sm { display:block;}
}

@media screen and (max-width: 992px) {
.clear_sm,
.clear_lg { display:none;}
.clear_md { display:block;}
}

@media screen and (max-width: 1200px) {
.clear_sm,
.clear_md { display:none;}
.clear_lg { display:block;}
}

/*
 * float
 */

.dp_t { display:table;}
.dp_b { display:block; width:100%;}
.dp_ib { display:inline-block;}
.dp_n { display:none;}
.m_dp_b { display:none;}

.hdn { position:absolute; left:0; top:0; width:0; height:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; overflow:hidden;}
.tbl_resp_scroll { overflow-x:auto;}
.tbl_resp_scroll:after { display:none;}
.tbl_resp_scroll table { margin-right:-1px; border-right:1px solid #fff; overflow:hidden; table-layout:fixed;}

@media screen and (max-width:768px) {
   .m_dp_b { display:block; width:100%;}
   .m_dp_n { position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
   .m_hide { display:none;}
}

/*
 * form
 */

input[type=file] { display:inline-block !important;}
.input_text { display:inline-block; padding:10px 8px 8px 8px; border:1px solid #dfdfdf; box-sizing:border-box; width:100%; vertical-align:middle;}
.input_text[type=file] { padding:8px; font-size:13px;}
.input_text::placeholder { font-size:13px; color:#999;}
.input_tel { margin:0 -2px;}
.input_tel2 { margin:0 -2px;}
.input_tel3 { margin:0 -2px;}
.input_tel .btn { min-width:0;}
.input_tel li { width:25%; padding:0 2px; box-sizing:border-box; float:left;}
.input_tel2 li { width:35%; padding:0 2px; box-sizing:border-box; float:left;}
.input_tel3 li { width:33.33333%; padding:0 2px; box-sizing:border-box; float:left;}
.input_tel:after { content:""; clear:both; display:block;}

.input_tel strong { display:inline-block; padding-top:10px; padding-left:15px; font-weight:400; vertical-align:middle;}

.input_order_location { margin:0 -2px;}
.input_order_location .btn { min-width:0;}
.input_order_location li { width:70%; padding:0 2px; box-sizing:border-box; float:left;}
.input_order_location:after { content:""; clear:both; display:block;}
.input_order_location li:nth-child(1) { }


.w30 { width:30% !important;}
.w35 { width:35% !important;}

.form_bottom_block .input_text { margin-bottom:7px;}
.input_text2 { box-sizing:border-box; padding:8px 25px; font-size:16px; border:2px solid #a7a9aa;}
.input_text3 { box-sizing:border-box; max-width:110px; padding:8px 25px; font-size:16px; border:2px solid #a7a9aa;}
.select { box-sizing:border-box; vertical-align:middle; height:43px; width:100%; padding:5px 10px 5px 3px; margin:0; font-size:13px; color:#ccc; border:1px solid #d9d9d9; color:#777;}
.select2 { box-sizing:border-box; vertical-align:middle; padding:10px 25px; font-size:16px; border:2px solid #a7a9aa;}
.spec_select { display:block; float:right; box-sizing:border-box; vertical-align:middle; text-align:justify; text-align-last:right; padding:3px 10px 3px 3px; margin:0; border:none; color:#777;}
.spec_select:focus { outline:none;}
.textarea { box-sizing:border-box; width:100%; height:120px; padding:10px; margin:0; border:1px solid #d9d9d9; font-size:16px; resize:none; background:#fff;}
.textarea::placeholder { font-size:13px;}
.textarea:focus { background:#fff;}
.input_btn { position:relative; display:inline-block; box-sizing:border-box; vertical-align:bottom; border:1px solid #d9d9d9; font-size:16px; color:#777; cursor:pointer;}
.input_btn input { display:inline-block; padding:3px 35px 3px 5px; width:auto; text-align:center; border:none;}
.input_btn textarea { margin-top:-0.063rem; margin-left:-0.063rem; height:2.5rem; padding-right:5.625rem;}
.input_btn span { display:inline-block; width:16.875rem; padding:0.313rem 0.625rem;}
.input_btn .btn { position:absolute; top:-1px; right:0; bottom:0; z-index:1; margin:0; padding:0 5px; vertical-align:middle; background:#dcddde; border:none;}
.input_btn img { position:absolute; top:-0.063rem; right:-0.063rem; z-index:1;}
.dummy_pdf { display:none;}
.btn_mypage { display:inline-block; margin-left:10px; border-radius:19px; vertical-align:middle; padding:4px 10px; border:2px solid #be1d2c; color:#be1d2c; font-size:18px; font-weight:600;}
.btn_mypage:hover { color:#fff; background:#be1d2c;}

.log_input_text { margin-top:10px;}
.log_input_text input { display:block; padding:12px 20px; box-sizing:border-box; width:100%; font-size:16px; border:2px solid #565557;}

.log_input_check { position:relative;}
.log_input_check label { display:inline-block; padding:5px 0 5px 25px; color:#999; font-size:14px; background:url(../image/sub/bg_check.png) no-repeat left 50%; font-weight:400;}
.log_input_check label strong { color:#222;}
.log_input_check label input[type=checkbox] { display:none;}
.log_input_check label.active { background:url(../image/sub/bg_check_on.png) no-repeat left 50%;}

.form_group .log_input_check { margin:0 -10px;}
.form_group .log_input_check label { margin-left:10px; margin-right:10px;}

.log_input_radio {}
.log_input_radio label { display:inline-block; padding:10px 0; margin:0 5px; font-size:13px; color:#666;}
.log_input_radio label input[type=radio] { display:none;}
.log_input_radio label i { position:relative; display:inline-block; margin-right:10px; width:16px; height:16px; box-sizing:border-box; vertical-align:middle; border-radius:50%; border:1px solid #c4c4c4; background:#fff;}
.log_input_radio label.active i { border:1px solid #ff6312;}
.log_input_radio label.active i:after { display:block; position:absolute; top:2px; left:2px; right:2px; bottom:2px; border-radius:50%; background:#ff6312; content:"";}

.check_block { display:inline-block; vertical-align:middle;}
.check_block:after { clear:both; display:block; content:"";}
.check_block .check_title { float:left;}
.check_block .check_group { float:right;}
.check_block label { cursor:pointer; margin:3px 0;}

.img_radio { position:relative; display:inline-block; padding-left:30px; padding-right:10px;}
.img_radio:before { position:absolute; display:block; content:""; top:50%; left:0; width:20px; height:20px; margin-top:-10px; border-radius:50%; border:1px solid #5c5c5c; z-index:1;}
.img_radio:after { position:absolute; display:none; content:""; top:50%; left:6px; width:10px; height:10px; margin-top:-5px; border-radius:50%; background:#1064ea; z-index:2;}
.img_radio.active:after { display:block;}
.img_radio input { display:none;}

.img_check { position:relative; display:inline-block; padding-left:30px; padding-right:10px;}
.img_check:before { position:absolute; display:block; content:""; top:0; left:0; width:20px; height:20px; border-radius:2px; border:1px solid #5c5c5c; z-index:1;}
.img_check:after { position:absolute; display:none; content:""; top:0; left:0; width:21px; height:21px; background:url(../image/common/ico_checkbox.png) no-repeat 50% 50%; z-index:2;}
.img_check.active:after { display:block;}
.img_check input { display:none;}

.bg_form_resualt { padding:1.563rem 2.813rem; background:#f6f7f8; text-align:center; border-top:1px solid #164a95; border-bottom:1px solid #164a95;}
.bg_form_resualt:after { content:""; clear:both; display:block;}
.bg_form_resualt .form_box { padding-top:0.938rem;}
.form_box * { vertical-align:middle;}

input[readonly] { background:none !important; outline:none !important; border:1px solid transparent;}
input:read-only { background:none !important; outline:none !important; border:1px solid transparent;}

@media screen and (max-width:768px) {
.btn_mypage { border-radius:15px; padding:2px 5px; border:1px solid #be1d2c; font-size:14px;}
.btn_my_stat .btn_mypage { display:block; width:auto; text-align:center; margin-top:5px; margin-left:0;}
}

@media screen and (max-width:450px) {
.item_prod_bottom .btn { min-width: 130px;}
}

/*
 * button
 */

/* button Og */
.btn { display:inline-block; box-sizing:border-box; min-width:150px; margin:0; background:#594135; padding:17px 30px 15px 30px; border:1px solid #594135; color:#fff; font-size:16px; line-height:1; text-align:center; vertical-align:middle;}
.btn:hover { box-shadow:none;}
.btn:focus { box-shadow:none;}
.btn:active { box-shadow:0 3px 5px 0 rgba(0,0,0,.25);}
.btn_round { border-radius:100px;}
.btn i { display:inline-block; vertical-align:bottom; line-height:0; width:16px; margin-right:.5em;}
.btn img { margin-left:10px;}

/* button Color */
.btn_blue { background:#2a9ffd; color:#fff; box-shadow:0 1px 5px 0 rgba(42,159,253,.5);}
.btn_blue:hover { background:#2a9ffd; color:#fff; box-shadow:0 5px 10px 0 rgba(42,159,253,.5);}
.btn_blue:focus { background:#2a9ffd; color:#fff; box-shadow:0 5px 10px 0 rgba(42,159,253,.5);}

.btn_grey { background:#dcdcdc; border:1px solid #cdcdcd; color:#999;}
.btn_grey:hover, .btn_grey:focus { background:#dcdcdc; border:1px solid #cdcdcd; color:#999;}

.btn_stroke_orange { background:#fff; border:1px solid #ffc2a3; color:#ff6312;}
.btn_stroke_orange:hover, .btn_stroke_orange:focus { background:#fff; border:1px solid #ffc2a3; color:#ff6312;}

.btn_stroke_red { background:#fff; border:1px solid #ed4043; color:#ed4043;}
.btn_stroke_red:hover, .btn_stroke_red:focus { background:#fff; border:1px solid #ed4043; color:#ed4043;}

.btn_stroke { background:#fff; border:1px solid #594135; color:#594135;}
.btn_stroke:hover, .btn_stroke:focus { background:#fff; border:1px solid #594135; color:#594135;}

.btn_basket { color:#fff; background:#ff6312; border:1px solid #ff6312;}

.btn_naver { background:#fff; border:1px solid #36ac36; color:#36ac36;}
.btn_naver img { margin-right:5px; width:auto; height:13px; vertical-align:middle;}
.btn_naver:hover, .btn_naver:focus { background:#eee; border:1px solid #36ac36; color:#36ac36;}

.btn_kakao { background:#fae100; border:1px solid #b59d13; color:#483332;}
.btn_kakao img { margin-right:5px; width:auto; height:13px; vertical-align:middle;}
.btn_kakao:hover, .btn_kakao:focus { background:#fcff00; border:1px solid #483332; color:#483332;}

/* button Size */
.btn_xs { min-width:65px; margin:0; font-size:13px; padding:7px 10px 5px 10px;}
.btn_sm { min-width:60px; margin:0; font-size:13px; padding:15px 10px 13px 10px;}
.btn_lg { min-width:180px; margin:0; font-size:1.2em; padding:15px 30px;}
.btn_xl { min-width:200px; margin:0; font-size:16px; padding:19px 30px 16px;}

/* button Gradient */
.btn_blue.btn_grd { background-image:linear-gradient(-135deg, #2a9ffd 0%, #1976d2 100%); background-image:-webkit-linear-gradient(-135deg, #2a9ffd 0%, #1976d2 100%);}

.btn_group { padding:15px 0; font-size:0;}
.btn_group2 { padding:15px 0; margin:0 -4px; font-size:0;}
.btn_group2:after { content:""; clear:both; display:block;}
.btn_group2 li { width:50%; padding:0 4px; box-sizing:border-box; float:left;}
.btn_bottom_center { text-align:center; font-size:0;}
.btn_bottom_right { text-align:right;}
.btn_paging { text-align:center; font-size:0;}
.btn_paging a {}

.btn_block { padding-left:0; padding-right:0; display:block; width:100%;}

.input_tel .btn { min-width:0; margin-bottom:7px;}
.log_input_check .btn { min-width:0; position:absolute; top:50%; right:0; z-index:1; font-size:13px; margin-top:-18px; padding:8px 10px 6px 10px;}
.log_input_check + .log_input_check { padding-bottom:0;}


/*
 * form
 */

.form_group { margin-bottom:15px;}
.form_group label { font-size:14px; font-weight:400; color:#636262;}

.form_horizontal .form_group:before,
.form_horizontal .form_group:after { display:table; content:"";}

.form_horizontal .form_group:after { clear:both;}

fieldset { min-width:0; padding:0; margin:0; border:0;}
legend { display:block; width:100%; padding:0; margin-bottom:20px; font-size:1.2em; line-height:inherit; color:#333; border:0; border-bottom:1px solid #e5e5e5;}
label { display:inline-block; max-width:100%; margin-bottom:5px; font-weight:bold;}
input[type="search"] { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type="radio"],
input[type="checkbox"] { margin:4px 0 0; margin-top:1px \9; line-height:normal;}
input[type="file"] { display:block;}
input[type="range"] { display:block; width:100%;}
select[multiple],
select[size] { height:auto;}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
output { display:block; padding-top:7px; font-size:.8em; line-height:1.42857143; color:#555;}
.form_control { position:relative; line-height:1 !important; padding:4px 0; padding-left:120px;}
.form_control textarea { color:#777; font-size:13px; resize:none; height:100px; box-sizing:border-box;}
.form_control input { color:#777; height:40px; font-size:13px;}
.form_control .tit_form_control { position:absolute; display:inline-block; top:19px; left:0; padding-left:15px; font-size:13px; color:#666;}
.form_control .tit_form_control:before { content:""; position:absolute; top:50%; left:0; margin-top:-4px; width:4px; height:4px; background:#ff6312;}
.form_control .btn_sm { padding: 12px 10px 10px 10px; /* margin-top:10px; */ float: left;}
.form_control .input_order_location + input { margin-top:4px;}

input[type="search"] { -webkit-appearance:none;}

.radio,
.checkbox { position:relative; display:block; margin-top:10px; margin-bottom:10px;}
.radio label,
.checkbox label { min-height:20px; padding-left:20px; margin-bottom:0; font-weight:normal; cursor:pointer;}
.radio input[type="radio"],
.radio_inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox_inline input[type="checkbox"] { position:absolute; top:50%; margin-top:-5px; margin-left:-20px;}
.radio + .radio,
.checkbox + .checkbox { margin-top:-5px;}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] { cursor:not-allowed;}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label { cursor:not-allowed;}

.radio_inline + .radio_inline,
.checkbox_inline + .checkbox_inline { margin-top:0; margin-left:10px;}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { line-height:34px;}
}

@media (min-width: 1000px) {
.form_control .btn_sm { float: right;}
}
@media (min-width: 480px) {
.form_control .btn_sm { float: right;}

}
@media (min-width: 200px) {
.form_control .btn_sm { float: right;}
}

/* btn active */
.btn_active_blue.active { color:#fff; background:#2357c1; border:1px solid #154dbd;}
.btn_active_purple.active { color:#fff; background:#6925d2; border:1px solid #5413b9;}
.btn_active_green.active { color:#fff; background:#3cab35; border:1px solid #2c9f26;}
.btn_active_red.active { color:#fff; background:#ec1e1e; border:1px solid #cb0f0e;}
.btn_active_orange.active { color:#fff; background:#feae00; border:1px solid #eda002;}

.btn.btn_radius { border-radius:15px; padding:4px 15px}
.btn_lg.btn_radius { border-radius:23px; padding:10px 20px}

/*
 * label
 */

.lab_blue_trance { display:inline-block; padding:2px 10px; font-size:22px; color:#3366cc; border:1px solid #3366cc;}
.lab_blue { display:inline-block; padding:1px 6px; background:#4b4ae5; color:#fff; font-size:12px; border-radius:2px;}
.lab_green { display:inline-block; padding:2px 10px; background:#009855; color:#fff; font-size:18px;}
.lab_yellow { display:inline-block; padding:2px 10px; background:#ffcc00; color:#444; font-size:18px;}
.lab_red { display:inline-block; padding:2px 10px; background:#be1d2c; color:#fff; font-size:18px;}
.lab_brown { display:inline-block; padding:2px 10px; background:#594a40; color:#fff; font-size:18px;}

/*
 * border
 */

.bd_n { border:0;}
.bdt_n { border-top:0;}
.bdr_n { border-right:0;}
.bdb_n { border-bottom:0;}
.bdl_n { border-left:0;}

/*
 * img
 */

.m_h_100 img { max-width:100%; height:auto;}
.objectFit img { object-fit:cover; width:100%; height:100%;}

/*
 * icon
 */

.ico_label { text-align:center; margin-left:2px; font-size:0;}
.ico_label .ico { display:inline-block; padding:2px 3px 1px 3px; line-height:1; border:1px solid #313131; font-size:13px; font-weight:800; margin-left:2px;}
.ico_label .ico_red { color:#fff; background:#ff523b; border:1px solid #f2331a;}
.ico_label .ico_yellow { color:#fff; background:#ffa200; border:1px solid #f89e00;}
.ico_label .ico_green { color:#fff; background:#50a01f; border:1px solid #429112;}
.ico_label .ico_purple { color:#fff; background:#5f17e3; border:1px solid #5211cc;}
.ico_label .ico_blue { color:#fff; background:#3854df; border:1px solid #2541d0;}
.ico_label .ico_label .ico_border { background:none;}

.ico_req:after { display:block; float:right; color:#ff523b; content:"*";}

.no_data { padding:50px 0; text-align:center;}

/*
 * font
 */

/* font weight */
.fw200 { font-weight:200;}
.fw400 { font-weight:400;}
.fw600 { font-weight:600;}
.fw800 { font-weight:800;}

/* font size */
.fs0 { font-size:0;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs22 { font-size:22px;}

/* text color */
.t_c_white { color:#fff;}
.t_c_black { color:#000;}
.t_c_greyDeep { color:#555;}
.t_c_grey { color:#888;}
.t_c_greyLight { color:#999;}
.t_c_green { color:#0ca35a;}
.t_c_blue { color:#1e88e5;}
.t_c_red { color:#f22222;}
.t_c_yellow { color:#ffff00;}

/* background */
.bg_none { background:none;}
.bg_white { background:#fff !important; color:#444;}
.bg_black { background:#000; color:#444;}
.bg_greyDeep { background:#555; color:#fff;}
.bg_grey { background:#777; color:#444;}
.bg_greyLight { background:#999; color:#444;}
.bg_green { background:#0ca35a; color:#fff;}
.bg_blue { background:#1d50df; color:#fff;}
.bg_blueLight { background:#2a93d5; color:#fff;}
.bg_red { background:#f22222; color:#fff;}
.bg_yellow { background:#ffff00; color:#444;}

/*
 * grid
 */

.col_xs_dev, .col_sm_dev, .col_md_dev, .col_lg_dev, .col_xs_1, .col_sm_1, .col_md_1, .col_lg_1, .col_xs_2, .col_sm_2, .col_md_2, .col_lg_2, .col_xs_3, .col_sm_3, .col_md_3, .col_lg_3, .col_xs_4, .col_sm_4, .col_md_4, .col_lg_4, .col_xs_5, .col_sm_5, .col_md_5, .col_lg_5, .col_xs_6, .col_sm_6, .col_md_6, .col_lg_6, .col_xs_7, .col_sm_7, .col_md_7, .col_lg_7, .col_xs_8, .col_sm_8, .col_md_8, .col_lg_8, .col_xs_9, .col_sm_9, .col_md_9, .col_lg_9, .col_xs_10, .col_sm_10, .col_md_10, .col_lg_10, .col_xs_11, .col_sm_11, .col_md_11, .col_lg_11, .col_xs_12, .col_sm_12, .col_md_12,
.col_lg_12 { position:relative; min-height:1px; box-sizing:border-box;}

.col_xs_dev, .col_sm_dev, .col_md_dev, .col_lg_dev { float:left; width:20%;}


.col_xs_dev, .col_xs_1, .col_xs_2, .col_xs_3, .col_xs_4, .col_xs_5, .col_xs_6, .col_xs_7, .col_xs_8, .col_xs_9, .col_xs_10, .col_xs_11, .col_xs_12 { float:left;}
.col_xs_12 { width:100%;}
.col_xs_11 { width:91.66666667%;}
.col_xs_10 { width:83.33333333%;}
.col_xs_9 { width:75%;}
.col_xs_8 { width:66.66666667%;}
.col_xs_7 { width:58.33333333%;}
.col_xs_6 { width:50%;}
.col_xs_5 { width:41.66666667%;}
.col_xs_4 { width:33.33333333%;}
.col_xs_3 { width:25%;}
.col_xs_dev { width:20%;}
.col_xs_2 { width:16.66666667%;}
.col_xs_1 { width:8.33333333%;}

@media (min-width: 768px) {
.col_sm_dev, .col_sm_1, .col_sm_2, .col_sm_3, .col_sm_4, .col_sm_5, .col_sm_6, .col_sm_7, .col_sm_8, .col_sm_9, .col_sm_10, .col_sm_11, .col_sm_12 { float:left;}
.col_sm_12 { width:100%;}
.col_sm_11 { width:91.66666667%;}
.col_sm_10 { width:83.33333333%;}
.col_sm_9 { width:75%;}
.col_sm_8 { width:66.66666667%;}
.col_sm_7 { width:58.33333333%;}
.col_sm_6 { width:50%;}
.col_sm_5 { width:41.66666667%;}
.col_sm_4 { width:33.33333333%;}
.col_sm_3 { width:25%;}
.col_sm_dev { width:20%;}
.col_sm_2 { width:16.66666667%;}
.col_sm_1 { width:8.33333333%;}
}
@media (min-width: 992px) {
.col_md_dev, .col_md_1, .col_md_2, .col_md_3, .col_md_4, .col_md_5, .col_md_6, .col_md_7, .col_md_8, .col_md_9, .col_md_10, .col_md_11, .col_md_12 { float:left;}
.col_md_12 { width:100%;}
.col_md_11 { width:91.66666667%;}
.col_md_10 { width:83.33333333%;}
.col_md_9 { width:75%;}
.col_md_8 { width:66.66666667%;}
.col_md_7 { width:58.33333333%;}
.col_md_6 { width:50%;}
.col_md_5 { width:41.66666667%;}
.col_md_4 { width:33.33333333%;}
.col_md_3 { width:25%;}
.col_md_dev { width:20%;}
.col_md_2 { width:16.66666667%;}
.col_md_1_75 { width:13%;}
.col_md_1 { width:8.33333333%;}
}

@media (min-width: 1200px) {
.col_lg_dev, .col_lg_1, .col_lg_2, .col_lg_3, .col_lg_4, .col_lg_5, .col_lg_6, .col_lg_7, .col_lg_8, .col_lg_9, .col_lg_10, .col_lg_11, .col_lg_12 { float:left;}
.col_lg_12 { width:100%;}
.col_lg_11 { width:91.66666667%;}
.col_lg_10 { width:83.33333333%;}
.col_lg_9 { width:75%;}
.col_lg_8 { width:66.66666667%;}
.col_lg_7 { width:58.33333333%;}
.col_lg_6 { width:50%;}
.col_lg_5 { width:41.66666667%;}
.col_lg_4 { width:33.33333333%;}
.col_lg_3 { width:25%;}
.col_lg_dev { width:20%;}
.col_lg_2 { width:16.66666667%;}
.col_lg_1 { width:8.33333333%;}
}

/*
 * align
 */

.ta_l { text-align:left !important;}
.ta_c { text-align:center;}
.ta_r { text-align:right;}

.va_t { vertical-align:top;}
.va_m { vertical-align:middle;}
.va_b { vertical-align:bottom;}

.tal_l { text-align:justify; text-align-last:left;}
.tal_c { text-align:justify; text-align-last:center;}
.tal_r { text-align:justify; text-align-last:right;}

/*
 * padding
 */
.pd0 { padding:0px;}

.pdt0 { padding-top:0px;}

.pdt5 { padding-top:5px;}

.pdt10 { padding-top:10px;}

.pdt30 { padding-top:30px;}

.pdt60 { padding-top:60px;}

.pdt80 { padding-top: 80px;}

.pdr30 { padding-right:30px;}

.pdr40 { padding-right:40px;}

.pdr70 { padding-right:70px;}

.pdb0 { padding-bottom:0px;}

.pdb5 { padding-bottom:5px;}

.pdb10 { padding-bottom:10px;}

.pdb15 { padding-bottom:15px;}

.pdb20 { padding-bottom:20px;}

.pdb22 { padding-bottom:22px;}

.pdb25 { padding-bottom:25px;}

.pdb30 { padding-bottom:30px;}

.pdb40 { padding-bottom:40px;}

.pdb50 { padding-bottom:50px;}

.pdb55 { padding-bottom:55px;}

.pdb80 { padding-bottom:80px;}

.pdl10 { padding-left:10px;}

/*
 * margin
 */

.mgt0 { margin-top:0 !important;}
.mgt5 { margin-top:5px;}
.mgt10 { margin-top:10px;}
.mgt15 { margin-top:15px;}
.mgt20 { margin-top:20px;}
.mgt25 { margin-top:25px;}
.mgt30 { margin-top:30px;}
.mgt35 { margin-top:35px;}
.mgt40 { margin-top:40px;}
.mgt45 { margin-top:45px;}
.mgt50 { margin-top:50px;}
.mgt55 { margin-top:55px;}
.mgt60 { margin-top:60px;}
.mgt100 { margin-top:100px;}

.mgt_5 { margin-top:-5px;}
.mgt_10 { margin-top:-10px;}
.mgt_15 { margin-top:-15px;}
.mgt_20 { margin-top:-20px;}
.mgt_25 { margin-top:-25px;}
.mgt_30 { margin-top:-30px;}
.mgt_35 { margin-top:-35px;}
.mgt_40 { margin-top:-40px;}
.mgt_45 { margin-top:-45px;}
.mgt_50 { margin-top:-50px;}
.mgt_55 { margin-top:-55px;}
.mgt_60 { margin-top:-60px;}
.mgt_70 { margin-top:-70px;}
.mgt_75 { margin-top:-75px;}
.mgt_80 { margin-top:-80px;}
.mgt_100 { margin-top:-100px;}

.mgr0 { margin-right:0px;}
.mgr5 { margin-right:5px;}
.mgr10 { margin-right:10px;}
.mgr15 { margin-right:15px;}
.mgr20 { margin-right:20px;}
.mgr25 { margin-right:25px;}
.mgr30 { margin-right:30px;}
.mgr35 { margin-right:35px;}
.mgr40 { margin-right:40px;}
.mgr45 { margin-right:45px;}
.mgr50 { margin-right:50px;}
.mgr55 { margin-right:55px;}
.mgr60 { margin-right:60px;}
.mgr100 { margin-right:100px;}

.mgb0 { margin-bottom:0px;}
.mgb5 { margin-bottom:5px;}
.mgb10 { margin-bottom:10px;}
.mgb20 { margin-bottom:20px;}
.mgb25 { margin-bottom:25px;}
.mgb30 { margin-bottom:30px;}
.mgb35 { margin-bottom:35px;}
.mgb40 { margin-bottom:40px;}
.mgb45 { margin-bottom:45px;}
.mgb50 { margin-bottom:50px;}
.mgb55 { margin-bottom:55px;}
.mgb60 { margin-bottom:60px;}
.mgb100 { margin-bottom:100px;}

.mgb_5 { margin-left:-5px;}
.mgb_10 { margin-bottom:-10px;}
.mgb_15 { margin-bottom:-15px;}
.mgb_20 { margin-bottom:-20px;}
.mgb_25 { margin-bottom:-25px;}
.mgb_30 { margin-bottom:-30px;}
.mgb_35 { margin-bottom:-35px;}
.mgb_40 { margin-bottom:-40px;}
.mgb_45 { margin-bottom:-45px;}
.mgb_50 { margin-bottom:-50px;}
.mgb_55 { margin-bottom:-55px;}
.mgb_60 { margin-bottom:-60px;}
.mgb_70 { margin-bottom:-70px;}
.mgb_75 { margin-bottom:-75px;}
.mgb_80 { margin-bottom:-80px;}
.mgb_100 { margin-bottom:-100px;}

.mgl0 { margin-left:0px;}
.mgl5 { margin-left:5px;}
.mgl10 { margin-left:10px;}
.mgl15 { margin-left:15px;}
.mgl20 { margin-left:20px;}
.mgl25 { margin-left:25px;}
.mgl30 { margin-left:30px;}
.mgl35 { margin-left:35px;}
.mgl40 { margin-left:40px;}
.mgl45 { margin-left:45px;}
.mgl50 { margin-left:50px;}
.mgl55 { margin-left:55px;}
.mgl60 { margin-left:60px;}
.mgl70 { margin-left:70px;}
.mgl100 { margin-left:100px;}

.mgl_5 { margin-left:-5px;}
.mgl_10 { margin-left:-10px;}
.mgl_15 { margin-left:-15px;}
.mgl_20 { margin-left:-20px;}
.mgl_25 { margin-left:-25px;}
.mgl_30 { margin-left:-30px;}
.mgl_35 { margin-left:-35px;}
.mgl_40 { margin-left:-40px;}
.mgl_45 { margin-left:-45px;}
.mgl_50 { margin-left:-50px;}
.mgl_55 { margin-left:-55px;}
.mgl_60 { margin-left:-60px;}
.mgl_70 { margin-left:-70px;}
.mgl_75 { margin-left:-75px;}
.mgl_80 { margin-left:-80px;}
.mgl_100 { margin-left:-100px;}

@media screen and (max-width:768px) {
   .m_mgt5 { margin-top:5px;}
   .m_mgt10 { margin-top:10px;}
   .m_mgt15 { margin-top:15px;}
   .m_mgt20 { margin-top:20px;}
   .m_mgt25 { margin-top:25px;}
   .m_mgt30 { margin-top:30px;}
   .m_mgt35 { margin-top:35px;}
   .m_mgt40 { margin-top:40px;}
   .m_mgt45 { margin-top:45px;}
   .m_mgt50 { margin-top:50px;}
   .m_mgt55 { margin-top:55px;}
   .m_mgt60 { margin-top:60px;}
   .m_mgt100 { margin-top:1002020-02-12px;}

   
   .m_mgb5 { margin-bottom:5px;}
}

/*
 * width
 */

.w50 { width:50%;}
.w100 { width:100%;}

/*
 * height
 */

.h50 { height:50%;}
.h100 { height:100%;}