@charset "utf-8";
@import url('layout_base.css');

/* 초기화 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,
input,select,textarea,button,label {margin:0; padding:0; outline:none; border:none; word-break:keep-all; -webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {display:block;}
dl,ul,ol,menu,li,dt,dd {list-style:none; border:none; }
body,div,p,li,a,th,td,input,label,select,textarea,button {font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', sans-serif; color:#3c3c3c; letter-spacing:-1px;}
input,select,textarea,button {vertical-align:middle; -webkit-border-radius:0;}
* {box-sizing:border-box; line-height:1;}
h1, h2, h3, h4, h5, h6, dt {font-weight:normal;}
button {border:0 none; background-color:transparent; cursor:pointer;}
label {vertical-align:middle; }
img {vertical-align:top; border:0;}
a {text-decoration:none;}
a:hover , a:active , a:visited {border: 0;}
b, strong {font-weight:600;}
address,em {font-style:normal; font-weight:normal;}
table {table-layout:fixed; border-collapse:collapse; border-spacing:0; width:100%;}
caption {overflow:hidden; height:0px; font-size:0px; line-height:0px; text-indent: -9000px;}
hr {display:none;}
html {overflow-y:scroll; font-size: 15px;}
i{font-style: normal;}

/*etc*/
.fl {float: left;}
.font12 {font-size: 14px; font-weight: 500;}
.font15 {font-size: 16px!important;}
.date_area {font-size: 15px; padding: 20px 0 0 10px; display: block;color: #777; letter-spacing: 0px;}
.slick-arrow {display: none!important;}
.min_h700 {min-height: 700px;}
.bottomFixed { position: fixed;}
.no_list {text-align: center!important; padding: 80px 0!important; font-size: 16px!important; border-top: 1px solid #f4f4f4;}
.pos_unset {position: unset!important;}

/*padding / margin*/
.pb20 {padding-bottom: 20px;}
.pb70 {padding-bottom: 70px!important;}
.pt10 {padding-top: 10px;}
.pt30 {padding-top: 30px!important;}
.ml120 {margin-left: 120px;}
.ml7 {margin-left: 7px;}
.mt10 {margin-top: 10px;}

/*width / height*/
.w170 {width: 170px;}
.h100 {height: 100px;}
.h170 {height: 170px;}

/*width*/
.select_w {width: calc(100% - 170px)!important;}

/*loading bg*/
.loading_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 999;}
.loading_bg .loading_icon {
	background: url('../img/loading01.gif') no-repeat 0 0 / 40px auto;
	width: 40px;height: 40px; display: block; text-indent: -9999px;position: absolute;top: calc(50% - 20px);left: calc(50% - 20px);z-index: 999;
}

/* 건너뛰기 링크(접근성) */
.skipnavi {position:absolute; left:0; top:-50px; text-indent:-9999px; font-size:0; width:100%; z-index:999; }
.skipnavi li a:focus,
.skipnavi li a:active {position:absolute; left:0; top:50px; display:block; width:100%; padding:5px 0; text-align:center; text-indent:0px; font-size: 1rem; font-weight:500; background:#f2f2f2;}
.hdd, legend {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden; position:absolute; left:0; top:0;}

/* text field */
input {border: 1px solid #eee;}
input[type="text"], 
input[type="search"], 
input[type="password"], 
input[type="tel"], 
input[type="number"], 
input[type="email"] {-webkit-appearance:none; height:36px; border-radius:4px; padding-left:10px; background: #f5faff; font-size:17px; vertical-align:middle;}
.textarea_style01 {width: 842px;
    height: 300px;
    border-radius: 4px;
    padding: 10px;
    background: #f5faff;
    font-size: 15px;
    vertical-align: middle;
    border: 1px solid #eaeaea;}
/* 파일첨부 형태 */
.file_input {position:relative; display:inline-block; font-size:0; vertical-align:middle; z-index:1;}
.file_input input[type=text] {float:left; width:200px; padding:0 10px; margin-right:10px; font-size:1rem;}
/* checkbox */
input[type=checkbox].css-checkbox {position:absolute; left:-9999px;}
input[type=checkbox].css-checkbox + label {display:inline-block; padding-left:28px; padding-bottom:5px; height:18px; background:url('../img/ico_checkbox.png') no-repeat 0 0 / 18px auto; line-height:1; font-size: 1.175rem;}
input[type=checkbox].css-checkbox:checked + label {background-position:0 100%;}
/* radio */
input[type=radio].css-radio {position:absolute; left:-9999px;}
input[type=radio].css-radio + label {display:inline-block; padding-left: 25px; height:19px; background:url('../img/ico_radio.png') no-repeat 0 0 / 19px auto; font-size:1.175rem; vertical-align: unset;}
input[type=radio].css-radio:checked + label {background-position:0 100%;}
/* select */
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; height:36px; line-height: 36px; padding:0 30px 0 10px; border: 1px solid #eee; background: #f5faff url(../img/ico_select.png) no-repeat right center / 18px auto; font-size: 17px;}
select::-ms-expand {display: none;}
/* textarea */
textarea.textBox_pc_width {-webkit-appearance:none; width:842px; padding:5px 10px; background: #f5faff; border:1px solid #eee; line-height:23px; resize:none; font-size:1rem;}
textarea.textBox_pc_width2 {-webkit-appearance:none; width:820px; padding:5px 10px; background: #f5faff; border:1px solid #eee; line-height:23px; resize:none; font-size:1rem;float: right;}
/* placeholder */
::-webkit-input-placeholder{color:#3c3c3c; font-weight:normal;}
:-ms-input-placeholder {color:#3c3c3c; font-weight:normal;}
/* ellipsis */
.ellipsis { display: block; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden; } /* 말줄임 */
td.ellipsis { display: table-cell; text-overflow: ellipsis; white-space: nowrap; -o-text-overflow: ellipsis; overflow: hidden; } /* 말줄임 */
.ellipsis1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 1행 말줄임 */
.ellipsis2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 2행 말줄임 */
.ellipsis3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal; word-wrap: break-word; word-break: break-all; overflow: hidden; } /* 3행 말줄임 */

html, body {height:100%;background: #f3f3f3;}

/* button */ 
.btn_wrap {    
	padding: 20px 0 0 0;
	font-size: 0;
}
.btn_wrap button + button {
    margin-left: 20px;
}
.btn_wrap button {
    width: calc( ( 60% - 20px ) / 2 );
}
.btn_share {
	width: 160px;
    height: 60px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #eaff40;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    margin-bottom: 60px;
}
.btn_share.share {background: #3c9c5f;}
.btn_share.share:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../img/ico_share.png) no-repeat 0 0 / 18px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}
.btn_keep {
    display: inline-block;
    text-align: center;
    height: 65px;
    line-height: 65px;
    border-radius: 4px;
    background: #ef6366;
    font-size: 17px;
    color: #fff;
}
.btn_goback {display: inline-block; width: 25px; margin-right: 10px; height: 19px; text-indent: -9000px; background: url(../img/ico_goback.png) no-repeat 0 0 / 11px auto;position: absolute;top: 20px;}
.btn_search {display: inline-block; width: 64px; height:36px; line-height: 36px; text-align: center; border-radius:4px;background: linear-gradient(132deg, #23d1c3 0%, #0a92ca 100%); font-weight: bold; font-size: 1.175rem; color: #fff;}
.btn_delete {display: inline-block; width: 64px; height:36px; line-height: 36px; text-align: center; border-radius:4px;background: #e85e5e; font-weight: bold; font-size: 15px; color: #fff;}
.btn_3d {display: inline-block; padding:5px 10px; line-height: 1; border-radius:12px; background: #0c95ca; color: #fff; box-shadow: 1.8px 3px 7.5px 0 rgba(8, 8, 9, 0.15);}
.btm_fixed {width: 160px; height:60px; text-align: center; font-weight: bold; font-size: 20px; color: #fff; border-radius: 5px; display: block; margin: 0 auto; margin-bottom: 60px;}
.btm_fixed.save {background: #3566ca;}
.btm_fixed.save:before {content:''; display: inline-block; width: 18px; height: 18px; background: url(../img/ico_save.png) no-repeat 0 0 / 18px; margin-right: 10px; position: relative; top:2px;}
.btm_fixed.next {background: #2badc1;}
.btm_fixed.next:before {content:''; display: inline-block; width: 18px; height: 18px; background: url(../img/ico_next.png) no-repeat 0 0 / 18px; margin-right: 10px; position: relative; top:2px;}
.btm_fixed.next.blue {background: #315fbc;}
.btm_fixed.recovery {background: #223e78;}
.btm_fixed.recovery:before {content:''; display: inline-block; width: 18px; height: 18px; background: url(../img/ico_recovery_w.png) no-repeat 0 0 / 18px; margin-right: 10px; position: relative; top:2px;}
.btm_fixed.list {background: #3566ca;}
.btm_fixed.list:before {content:''; display: inline-block; width: 18px; height: 18px; background: url(../img/ico_list.png) no-repeat 0 0 / 18px; margin-right: 10px; position: relative; top:2px;}
.btn_gray {display: inline-block; width:145px; height:42px; padding:0 10px; line-height: 42px; text-align: center; border-radius:4px; background:#eeeff4; font-size: 1.175rem;}
.btn_blue {display: inline-block; width:145px; height:42px; padding:0 10px; line-height: 42px; text-align: center; border-radius:4px; background:#4d7ed6; font-size: 1.175rem; color: #fff;}
.btn_green {display: inline-block; width:145px; height:42px; padding:0 10px; line-height: 42px; text-align: center; border-radius:4px; background:#308aad; font-size: 1.175rem; color: #fff;}
.btn_closePop {display: inline-block; width: 19px; height: 19px; background: url(../img/ico_closePop.png) no-repeat 0 0 / 19px auto; text-indent: -9000px;}
.btn_redX {display: inline-block; width: 20px; height: 20px; background: url(../img/ico_redX.png) no-repeat 0 0 / 20px auto; text-indent: -9000px;}
.btn_lightgreen {display: inline-block; min-width:100px; height:36px; line-height: 36px; text-align: center; border-radius:4px; background: #58b530; font-size: 1.175rem; color: #fff;}
.btn_pink {display: inline-block; min-width:100px; height:36px; line-height: 36px; text-align: center; border-radius:4px; background: #ef6366; font-size: 1.175rem; color: #fff;}
.btn_smallgray {display: inline-block; width: 64px; height: 25px; line-height: 25px; text-align: center; border-radius:4px; background: #648aab; font-size: 1rem; color: #fff;}
.btn_save {display: inline-block; background-color: #226f51; color: #fff; width: 62px; height: 35px; line-height: 35px; font-size: 15px; margin-left: 10px; border-radius: 5px;}

/*더보기 버튼*/
.more_list_btn_wrap {width: 100%; text-align: center;}
.more_list_btn { width: 50%; height: 40px; line-height: 40px; color: #222; font-size: 15px; text-align: center; border-radius: 100px; border: 1px solid #c3c3c3; background-color: #fff;}

/* header */
header {position:fixed; left: 0; top: 0; width:100%; height:60px; padding:0 20px; background: #032f87; z-index: 100; letter-spacing: 0;}
header .btn_gohome {position: absolute;top: 15px;left: 10px; background: #3566ca; padding: 0 15px; border-radius: 100px; line-height: 30px; height: 30px;color: #fff; z-index: 999;}
header .btn_sell {position: absolute;top: 15px;right:10px; background: #032f87; padding: 0 10px; border-radius: 100px; border: 1px solid #78859e; line-height: 30px; height: 30px;color: #fff;}
header .page_tit {
	width: 100%; font-weight: bold; padding-top:20px; font-size: 1.25rem; color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.08); text-align: center; position: relative;
}
.btn_search {
	display: inline-block;
	width: 64px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	background: #032f87;
	font-weight: bold;
	font-size: 1.05rem;
	color: #fff;
}
.btn_back {
	display: inline-block;
	position: absolute;
	top: 20px;
    width: 11px;
    height: 19px;
    text-indent: -9000px;
    background: url(../img/ico_subtop2.png) no-repeat 0 0 / 11px auto;
    bottom: 3px;
    z-index: 999;
    padding: 0 10px;
}
#search-select {font-size: 0.9rem;}

/* 메인화면 - 장터리스트 */
.empty_market_list {background-color: #fff;display: block; margin: 10px 0; padding: 210px 0; text-align: center; border-radius: 5px; color: #999;}
.market_list_wrap {width: 100%; margin: 15px 0; display: contents;}
.market_list_wrap li {width: calc(25% - 27px); margin: 20px 15px 20px 12px; display: inline-block;float: left; border-bottom: 1px solid #e4e4e4; padding-bottom: 25px; cursor: pointer;}
.market_order_wrap {position: relative;}
.market_order_wrap .thumbnail {width: 100%; height: 150px; background: #fff; text-align: center;}
.market_order_wrap .thumbnail img {width: auto; height: 100%; max-width: 100%;}
.market_order_wrap dt {margin-bottom: 13px;display: inline-block;text-overflow: ellipsis;overflow: hidden;width: 60%;}
.market_order_wrap .order-state {position: absolute; top: -4px; right: 0;}
.market_order_wrap .order-state span {width: max-content; padding: 5px 10px; font-size: 0.85rem; float: right; border-radius: 100px;}
.market_order_wrap .order-state .end {background: #6f8275; color: #f4f4f4;}
.market_order_wrap .order-state .cancel {background: #bb3d3d; color: #f4f4f4;}
.market_order_wrap .order-state .ing {background: #3c9c5f; color: #eaff40; padding: 5px 8px;}

.search_bar {}
.search_bar .holiday_sel {padding-bottom: 10px; font-size:0;}
.search_bar .holiday_sel select {width:calc( ( 100% - 10px ) / 2 );}
.search_bar .holiday_sel select + select {margin-left:10px;}
.search_bar .date_sel {font-size:0;}
.search_bar .date_sel input[type=text] {width:calc( ( 100% - 100px ) / 2 );}
input[type=text].datepicker {padding-right:30px; background:#e9f7fc url(../img/ico_calendar.png) no-repeat 100% 46% / 21px auto; font-size: 15px; background-position: right center;}
.search_bar .date_sel .gubun {display: inline-block; width:26px; text-align: center; font-weight: bold; font-size: 1rem; vertical-align: middle;}
.search_bar .date_sel .btn_search {margin-left: 10px;}
/* 테이블1 */
.table-top-gradi-border {
	box-sizing: border-box;
    display: inline-block;
    margin-left: 10px;
    width: calc(100% - 20px);
    border-style: solid;
    border-image: linear-gradient(to right, #23d2c3 0%, #0a91ca 100%);
    border-image-slice: 1;
    background: #effbf9;
    border-image-width: 2px 0 0 0;
}
.base_tbl {width:calc( 100% - 20px ); margin:0 auto 0; margin-top: -5px;}
.base_tbl thead th {padding:18px 0; border-bottom:1px solid #e1e1e1; background: #effbf9; font-size: 1.175rem;}
.base_tbl td {padding:20px 0; text-align: center; background: #fff; font-size: 1rem;}
.base_tbl tr:nth-child(2n) td {background: #fafafa;}
.base_tbl td.blue {font-weight: bold; font-size:1.175rem; color: #0a91ca;}
.base_tbl td.gray {font-weight: bold; font-size:1.175rem; color: #a0a0a0;}
.base_tbl td.red {font-weight: bold; font-size:1.175rem; color: #f64d4d;}

/* container */
#container {padding:0 0 60px; width: 960px; margin: 0 auto;}
.con_box {position: relative; padding: 10px 10px; width:100%; margin:15px auto 0; border-radius:5px; background: #fff;}
.con_box.full {height:calc( 100vh - 150px );}
.con_box.full2 {height:calc( 100vh - 140px );}
/*물품등록 부분*/
.con_box .info_txt {padding-top: 10px; font-size: 14px; line-height: 16px; color: #e04747; display: inline-block; letter-spacing: -1px; padding-left: 95px;}
.con_box .upload_img_wrap {width: 24%; height: 150px; background: #fff; text-align: center; border: 1px solid #ddd; float: left; margin-left: 12px; margin-bottom: 10px; position: relative;}
.con_box .upload_img_wrap:first-child {margin-left: 2px;}
.con_box .upload_img_wrap:nth-child(5) , .con_box .upload_img_wrap:nth-child(9) , .con_box .upload_img_wrap:nth-child(12) {margin-left: 0;}
.con_box .upload_img_wrap img {width: auto; height: 100%; max-width: 100%;}
.con_box .upload_img_wrap .img_upload_btn {width: auto; height: 100%; max-width: 100%;display: block; background: #fff url(../img/upload_icon.png) 50% / 30px no-repeat;}

/*물품상세*/
.main_sliding a img {width: auto; height: 320px; margin: 0 auto;}
.slick-dots li button:before {font-size: 45px!important;}
.ms_wrap {display: block; font-size: 15px;}
.ms_wrap li {padding: 10px 0 ; border-bottom: 1px solid #eee; }
.ms_wrap li:last-child {border-bottom: 0;}
.ms_wrap #txt_update {color: #222; line-height: 25px;}
.ms_wrap #who_name {color: #0a91ca; font-weight: 600; margin-left: 10px;}
.ms_wrap .red {color: #f64d4d;}

/*구매요청*/
.sub_title_ms {text-align: center; font-size: 1.3rem; padding: 50px 0 30px 0; font-weight: 500;}
.sub_title_ms .red {color: #f64d4d; font-weight: 600;}

/*판매 , 구매목록 텝*/
.tab_menu {
    position: relative;
    width: 100%;
    margin-top: 15px;
}
.tab_menu dt.t1 {
    left: 0;
}
.tab_menu dt {
    position: absolute;
    top: 0;
    width: 50%;
}
.tab_menu dt.on a {
    border: 1px solid #3c3c3c;
    border-bottom: none;
    background: #fff;
    color: #3c3c3c;
}
.tab_menu dt a {
    display: block;
    width: 100%;
    height: 65px;
    line-height: 65px;
    text-align: center;
    border-radius: 4px 4px 0 0;
    background: #b3bece;
    font-size: 18px;
    color: #fff;
}
.tab_menu dd {
	padding-top: 75px;
}
.tab_menu dt.t2 {
    left: 50%;
}
.tab_menu dd.hidetab {display: none;}

.market_horizon_list_wrap {width: calc(50% - 80px);margin: 15px 0;display: inline-block;float: left;}
.market_horizon_list_wrap:nth-child(odd) {margin-left: 160px;}
/* .market_horizon_list_wrap:last-child {padding-bottom: 60px;} */
.market_horizon_list_wrap li {width: 100%;margin: 0;border-bottom: 1px solid #e4e4e4;padding-bottom: 25px;display: inline-block;}
.market_horizon_order_wrap .image {width: 50%; height: 150px; background: #fff; text-align: center; float: left; padding: 0;}
.market_horizon_order_wrap .image img {width: auto; height: 100%; max-width: 100%;}
.market_horizon_order_wrap dt {margin-bottom: 10px; position: relative;}
.market_horizon_order_wrap .sell-state {float: right; padding: 0;}
.market_horizon_order_wrap .sell-state span {width: max-content; font-size: 1rem; margin: 40px 0 5px 0 ; float: right; letter-spacing: 0; clear: both;}
.market_horizon_order_wrap .sell-state .btn_wrap {padding: 0;}
.market_horizon_order_wrap .sell-state .btn_wrap button {border-radius: 100px; display: inline-block; cursor: pointer; padding: 5px 15px; width: auto; float: right; margin-left: 10px;}
.market_horizon_order_wrap .sell-state .btn_wrap button + button {margin-left: 10px;}
.market_horizon_order_wrap .sell-state .delete {background: #555; color: #f4f4f4;}
.market_horizon_order_wrap .sell-state .edit {background: #3c9c5f; color: #eaff40;}
.market_horizon_order_wrap .sell-state .share_cancel {background: #bb3d3d; color: #f4f4f4;}
.market_horizon_order_wrap .sell-state .detail_show {    
	width: max-content;
    font-size: 1rem;
    margin: 40px 0 0 0;
    float: right;
    letter-spacing: 0;
    clear: both;
    border: 1px solid #a5a5a5;
    border-radius: 3px;
    padding: 5px 15px;
	background-color: #fefff6;
}

/* 신청입력폼 */
.form_line {position: relative; font-size:0;}
.form_line + .form_line {padding-top: 10px;}
.form_line:after {content:''; display: block; clear:both;}
.form_line .tit_lbl {float: left; width:98px; line-height: 36px; font-size: 1.175rem; color: #a0a0a0;}
.form_line .tit_lbl.pilsoo:after {content:''; display: inline-block; width: 6px; height: 6px; border-radius:100%; background: #ef6366; margin-left: 7px; margin-top: 14px; vertical-align: top;}
.form_line .tit_lbl.to_middle {position: relative; top:23px;}
.form_line .tit_lbl.dark {color: #3c3c3c;}

.form_line .tit_lbl2 {float: left; width:70px; line-height: 36px; font-size: 1.175rem; color: #a0a0a0;}
.form_line .tit_lbl2.pilsoo:after {content:''; display: inline-block; width: 6px; height: 6px; border-radius:100%; background: #ef6366; margin-left: 7px; margin-top: 14px; vertical-align: top;}
.form_line .tit_lbl2.to_middle {position: relative; top:23px;}
.form_line .tit_lbl2.dark {color: #3c3c3c;}

.form_line .next_lbl {float: left; width: calc( 100% - 98px ); font-size: 1.175rem;}
.form_line .next_lbl_btn {float: left; width: calc( 100% - 185px ); font-size: 1rem; margin-right: 10px; margin-left: 10px;}
.form_line .next_lbl.with_btn {width: calc( 100% - 168px );}
.form_line .gray_output {float: left; height: 25px; line-height: 25px; margin-top: 6px; padding:0 15px; border-radius:13px;  background: #eee; font-size: 1rem; letter-spacing: 0;}
.form_line .gray_output.short {padding: 0 29px;}
.form_line .gray_output.right {float: right; font-size: 0.85rem;}
.form_line .gray_output.with_unit {width: calc( 100% - 126px ); text-align: center;}
.form_line .gray_output.with_unit + .unit {float: left; width:28px; text-align: right; line-height: 36px; font-size: 1.175rem;}
.form_line.picker {padding-top: 3px;}
.form_line.picker .datepicker {width:calc( ( 100% - 20px ) / 2  );}
.form_line.picker .gubun {display: inline-block; width:20px; text-align: center; font-weight: bold; font-size: 1rem; vertical-align: middle;}
.form_line .gubun {display: inline-block; text-align: center; }
.form_line .gray_output.long {width: calc( 100% - 98px );}
.form_line .output {float: left; width: calc( 100% - 98px ); line-height: 36px; font-size: 1.175rem;}
.form_line .output em {font-weight: bold; font-size: 1.2rem; color: #f64d4d;}
.form_line .btn_3d {position: absolute; top:8px; right:0px;}
.form_line .btn_3d.left {right:auto; left:40px;}
.form_line .gray_output .small {font-size: 0.85rem; letter-spacing: -1px;}
.form_line .value_num {font-size: 17px; line-height: 36px;}
.output_list {}
.output_list li {border-bottom:1px solid #eee;}
.output_list li:last-child {border-bottom:none;}
.output_list.reverse li {border-bottom:none;}
.output_list li .tit {float: left; width: 120px; height:50px; line-height: 50px; font-size: 1.1rem; color: #a0a0a0;}
.output_list li .tit.folding:after {content:''; display: inline-block; width: 16px; height: 16px; background: url(../img/ico_folding.png) no-repeat 0 0 / 16px; margin-left: 10px; vertical-align: top;position: relative; top:17px;}
.output_list.reverse li .tit.folding:after {transform:rotate(180deg);}
.output_list li .txt {float: left; width: calc(100% - 120px ); height:50px; line-height: 50px; font-size: 1.175rem;}
.output_list li .txt b {font-size: 1.2rem; letter-spacing: 0;}
.output_list li .txt .remain {color: #ef685a;}
.output_list li .txt .total {color: #223e78;}
.output_list li .txt .exhaust {color: #2badc1;}

/* fixed buttons */
.btm_fixedbox {position: fixed; left: 0; bottom: 0; width: 100%; padding:10px; text-align: center; background: #f3f3f3; font-size:0;}
.btm_fixedbox button + button {margin-left: 5px;}
.btm_fixedbox .btn_btm {display: inline-block; width:calc( ( 100% - 10px ) / 3 ); height:60px; line-height: 60px; border-radius:5px; background: #f64d4d; font-weight: bold; font-size: 1.185rem; color: #fff;}
.btm_fixedbox .btn_btm.red {background: #ef685a;}
.btm_fixedbox .btn_btm.green {background: #2badc1;}
.btm_fixedbox .btn_btm.blue {background: #4d7ed6;}
.btm_fixedbox .btn_btm.darkblue {background: #223e78;}
.btm_fixedbox .btn_btm span {display: inline-block; padding-left:25px; font-weight: bold; font-size: 1.185rem;}
.btm_fixedbox .btn_btm span.ic_delete {background: url(../img/ico_delete.png) no-repeat 0 50% / 16px;}
.btm_fixedbox .btn_btm span.ic_save {background: url(../img/ico_save.png) no-repeat 0 50% / 18px;}
.btm_fixedbox .btn_btm span.ic_confirm {background: url(../img/ico_pass.png) no-repeat 0 50% / 18px;}
.btm_fixedbox .btn_btm span.ic_return {background: url(../img/ico_return.png) no-repeat 0 50% / 18px;}
.btm_fixedbox .btn_btm span.ic_recovery {background: url(../img/ico_recovery_w.png) no-repeat 0 50% / 18px;}
/* 급여명세서 버튼*/
.btm_fixedbox .btn_btm.half {width:calc( ( 100% - 5px ) / 2 );}
.btm_fixedbox .btn_btm.lime {background: #2badc1;}
.btm_fixedbox .btn_btm.sky {background: #1694bd;}
.btm_fixedbox .btn_btm.purple {background: #9471ce;}
.btm_fixedbox .btn_btm span.ic_pwd {background: url(../img/ico_pwd.png) no-repeat 0 50% / 15px auto;}
.btm_fixedbox .btn_btm span.ic_find {background: url(../img/ico_find.png) no-repeat 0 50% / 15px auto;}
.btm_fixedbox .btn_btm span.ic_resend {background: url(../img/ico_resend.png) no-repeat 0 50% / 14px auto;}


/* popup 기본형태*/
.popup_base {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100;}
.pop_body {margin:0 auto; width: 450px; padding:0 20px; position: relative; top: 50%; transform:translateY(-50%); border-radius:5px; background: #fff;}
.pop_body .pop_tit {padding:15px 0; text-align:center; border-bottom:1px solid #eeeff4; font-weight: bold; font-size: 1.2rem;}
.pop_body .pop_tit.ic_confirm:before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: url(../img/ico_confirm.png) no-repeat 0 0 / 18px; position: relative; top: 2px;}
.pop_body .pop_tit.ic_recovery:before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: url(../img/ico_recovery.png) no-repeat 0 0 / 18px; position: relative; top: 2px;}
.pop_body .pop_tit.ic_alert:before {content: ''; display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: url(../img/ico_alert.png) no-repeat 0 0 / 18px; position: relative; top: 2px;}
.pop_body .btn_closePop {}
.pop_body .pop_cont {padding: 27px 0 0;}
.pop_body .pop_cont p {text-align: center; line-height: 1.5; font-size: 1.175rem;}
.pop_body .pop_cont p em {font-weight: bold; color: #ef685a;}
.pop_body .btn_wrap {padding:25px 0; text-align: center;}
.pop_body .btn_wrap button + button {margin-left:12px;}
.pop_body .btn_wrap button.half {width:calc( ( 100% - 12px ) / 2 );}

/*관리자 - 공지사항*/
.notice_list_wrap li {padding: 20px 15px; border-bottom: 1px solid #ddd; background-color: #fff; position: relative;}
.notice_list_wrap li a .date::after{
	background: url(../img/notice_list_icon.png) no-repeat 0 0 ; background-size: 6px; 
	content: ''; width: 6px; height: 12px; display: inline-block; position: absolute; right: -20px;
	margin-top: 2px;
}
.notice_list_wrap li a .date {color: #777;position: absolute; right: 40px;}
.notice_list_wrap li a .notice_h {display: inline-block; width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px;}
.notice_title {font-size: 18px; clear: both; display: block; line-height: 24px; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.notice_con {font-size: 16px; clear: both; display: block; line-height: 21px; padding-top: 8px; padding-bottom: 20px;}
.notice_name {font-size: 18px; display: inline-block; line-height: 21px; padding-top: 8px;}
.notice_date {font-size: 16px; display: inline-block; line-height: 21px; padding-top: 8px;}

.notice_pc_t {width: auto!important; padding-right: 20px;}

/*메인헤더*/
.wrapBox {position: relative; width: 960px; margin: 0 auto;}
#header {background-color: #fff; height: 130px;box-shadow: 0 2px 6px #ccc;}
#header h1 a {
	display: inline-block;vertical-align: top;padding: 20px 0 0 90px;line-height: 3.2;
	color: #000000;text-decoration: none;font-size: 20px;font-weight: 600;
	font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;background: url(../img/bg_logo.jpg) no-repeat 0 100%;
}
#header .lnb {border-top: 1px #ccc solid;}
#header .lnb h2 {overflow: hidden;visibility: hidden;margin: 0;padding: 0;width: 0;height: 0;line-height: 0;font-size: 0;}
#header .lnb ul {padding: 0;list-style: none;border-right: 1px solid #cccccc;}
#header .lnb ul li {display: block;float: left;width: 159px;text-align: center;font-weight: bold;border-left: 1px solid #cccccc;}
#header .lnb ul li:last-child {border-right: 1px solid #cccccc;}
#header .lnb ul li a {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 159px;
    height: 45px;
    line-height: 45px;
    letter-spacing: -0.1em;
    color: #000000;
    text-decoration: none;
    font-size: 15px;
    font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;
}
#header .lnb ul li.active a, #header .lnb ul li a:hover {background-color: #ffffff; color: #333;}
#header .shortcut {position: absolute;top: 0px;right: 0;}
#header .shortcut h2 {overflow: hidden;visibility: hidden;margin: 0;padding: 0;width: 0;height: 0;line-height: 0;font-size: 0;}
#header .shortcut ul.nth1 {margin: 0;padding: 0;list-style: none;}
#header .shortcut ul.nth1 li {float: left;width: 160px;background: #333;}
#header .shortcut ul.nth1 li a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 9px 7px 10px 7px;
    line-height: 0.95;
    text-align: center;
    font-size: 12px;
    font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;
}
#header .shortcut ul.nth1 li+li {padding-left: 1px;background: #333 url(../img/bg_part_vertical_01.png) no-repeat 0 50%;}
/*paging*/
.page-wrap {width: 100%;text-align: center; clear: both;}
.page-list {text-align: center;margin-top: 50px;display: inline-block;}
.page-list li {float: left;margin-right: 9px;}
.page-list .btn {text-indent: -9999px;}
.page-list li a {display: block;border: 1px solid #ddd;width: 34px;height: 34px;line-height: 32px;background: #fff;color: #222;padding: 0;text-decoration: none;}
.page-list li a:hover, .page-list li.on a {background-color: #0866b4; color: #fff;}
.page-list .btn-first:hover {background: #fff url(../img/btn_first.png) no-repeat center;}
.page-list .btn-last:hover {background: #fff url(../img/btn_last.png) no-repeat center;}
.page-list .btn-first {background: #fff url(../img/btn_first.png) no-repeat center;}
.page-list .btn-last {background: #fff url(../img/btn_last.png) no-repeat center;}


/* pagination */
.pagination{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.pagination.page-wrap {width: 100%;text-align: center; clear: both;margin-top: 25px;}
.pagination.page-wrap>span+span{margin-left:4px;}
.pagination.page-wrap .page-skip{display:inline-block; position: relative;}
.pagination.page-wrap .page-skip:after{content:'';display:block;clear:both;width:0;height:0;visibility:hidden;}
.pagination.page-wrap .page-skip a{float:left;position:relative;overflow:hidden;width:32px;height:32px;}
.pagination.page-wrap .page-skip a+a{margin-left:4px;}
.pagination.page-wrap .page-skip .btn>span{display:block; text-indent: -9999px; border:1px solid #cccccc;background-color:#fff; width:30px;height:30px;line-height:30px;font-size:12px;color:#000000;font-family:tahoma, sans-serif;text-decoration:none;text-align:center;}
.pagination.page-wrap .page-skip .btn .before{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../img/btn_first.png);background-repeat:no-repeat;}
.pagination.page-wrap .page-skip .btn.disable .before{color:#969696;background-color:#eeeeee;background-image:url(../img/btn_last.png);}
.pagination.page-wrap .page-skip .btn.prev .before{background-position:0 0;}
.pagination.page-wrap .page-skip .btn.next .before{background-position:0 -32px;}
.pagination.page-wrap .page-skip .btn.first .before{background-position:0 -64px;}
.pagination.page-wrap .page-skip .btn.last .before{background-position:0 -96px;}
.pagination.page-wrap .page-control{display:inline-block;}
.pagination.page-wrap .page-control:after{content:'';display:block;clear:both;width:0;height:0;visibility:hidden;}
.pagination.page-wrap .page-control a{float:left;border:1px solid #dddddd;background-color:#fff;width:30px;height:30px;line-height:30px;font-size:12px;color:#000000;font-family:tahoma, sans-serif;text-decoration:none;text-align:center;}
.pagination.page-wrap .page-control a+a{margin-left:4px;}
.pagination.page-wrap .page-control a.active{color:#ffffff;border-color:#0d47a1;background-color:#448aff;}
.pagination.page-wrap .page-control a:hover,
.pagination.page-wrap .page-control a:focus{color:#ffffff;border-color:#0d47a1;background-color:#448aff;}
.pagination.page-wrap .page-control a:active{color:#ffffff;border-color:#f4842d;background-color:#0d47a1;}

/*paging arrow set*/
.pagination.page-wrap .page-skip a.first::after {
	content: ''; display: inline-block; width: 13px; height: 11px; 
	position: absolute; top: 9px; left: 8px; background-image:url(../img/arrow_first.png);background-repeat:no-repeat; 
	}
.pagination.page-wrap .page-skip a.prev::after {
	content: ''; display: inline-block; width: 7px; height: 11px; 
	position: absolute; top: 9px; left: 12px; background-image:url(../img/arrow_prev.png);background-repeat:no-repeat; 
	}
.pagination.page-wrap .page-skip a.last::after {
	content: ''; display: inline-block; width: 13px; height: 11px; 
	position: absolute; top: 9px; left: 8px; background-image:url(../img/arrow_last.png);background-repeat:no-repeat; 
	}
.pagination.page-wrap .page-skip a.next::after {
	content: ''; display: inline-block; width: 7px; height: 11px; 
	position: absolute; top: 9px; left: 12px; background-image:url(../img/arrow_next.png);background-repeat:no-repeat; 
	}


/*footer*/
#footer {margin-top: 35px;padding: 20px 0; border-top: 1px solid #e5e5e5; clear: both; background-color: #fff;width: 100%; bottom: 0;}
#footer .inner-wrap { margin: 0 auto;padding-left: 200px;width: 930px;background: url(../img/footer_logo.jpg) no-repeat 8px 3px;}
#footer .supported h2 {overflow: hidden; visibility: hidden;margin: 0;padding: 0; width: 0; height: 0; line-height: 0;font-size: 0;}
#footer .supported ul {margin: 0; padding: 0; list-style: none;}
#footer .supported ul li {float: left; padding-right: 8px;font-size: 13px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#footer .supported ul li a {display: block; padding-top: 3px; height: 17px; line-height: .95; text-decoration: none;color: #000000;}
#footer .supported ul:after {content: '';display: block;clear: both; width: 0; height: 0; visibility: hidden;}
#footer .contacts {margin-top: 12px;}
#footer .contacts h2 {overflow: hidden; visibility: hidden;margin: 0;padding: 0;width: 0; height: 0; line-height: 0; font-size: 0;}
#footer .contacts address {font-style: normal;line-height: 20px;color: #646464; font-size: 12px; font-family: 'Nanum Gothic', 'Malgun Gothic', dotum, sans-serif;}
#footer .contacts address span {display: inline-block;}
#footer .contacts address span+span {margin-left: 8px;}
#footer .contacts address span strong {display: inline-block;color: #000;}
#footer .copyright { margin: 0; line-height: 16px;color: #989898;font-size: 11px;font-family: verdana, dotum, sans-serif;}

/*장터나라 사용자 확인 페이지*/
.con_box_pc {padding: 35px 50px!important; width: 50%!important;margin-top: calc(50% - 310px)!important;box-shadow: 3px 3px 50px rgb(224, 224, 224); margin-bottom: 150px;}
.con_box_pc h3 {font-size: 1.5rem;font-weight: 600;text-align: center;padding-bottom: 30px;border-bottom: 1px solid #f3f3f3;margin-bottom: 30px;}
.form_line .input_num_btn {width: calc(100% - 98px); font-size: 1rem;}
.user_page_btn {
    width: 123px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    background: #032f87;
    font-weight: bold;
    font-size: 1.05rem;
	color: #fff;
	position: relative;
	margin: 25px 0 13px 0;
	left: calc(12% - 75px);
}
.btn_miniDelete {
    position: absolute;
    left: 210px;
    top: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: url(../img/ico_redX.png) no-repeat center center / 18px auto;
    text-indent: -9000px;
}
.user_page_btn.confirm {
	    background: linear-gradient(132deg, #5789ef 0%, #032f87 100%);
}
.user_page_btn.create {
	    background: linear-gradient(132deg, #f55a89 0%, #dd0327 100%);
}

.user_page_btn.cancel {
    	background: linear-gradient(132deg, #55bd8c 0%, #226f51 100%);
}

/*terms 201130*/
.terms_title {padding: 15px 0; font-size: 14px; display: block; clear: both; padding-left: 10px;}
.terms_wrap {border: 1px solid #eee; border-radius: 10px; padding: 20px; background-color: #fffffa;}
.terms_wrap dt {font-weight: 600; padding-bottom: 7px; padding-top: 15px;}
.terms_wrap dt:first-child {padding-top: 0;}
.terms_wrap span {font-weight: normal; padding-left: 10px;}
.terms_wrap dd {font-size: 14px; padding-left: 13px;}

.phone_apply_ch {padding: 15px 0 20px 10px; border-bottom: 1px solid #eee;}
.phone_apply_ch input {margin-top: 2px;}
.phone_apply {font-size: 17px; padding-left: 5px;}

.con_box .info_txt2 {
    padding-top: 10px;
    font-size: 13px;
    line-height: 16px;
    color: #e04747;
    display: inline-block;
    letter-spacing: -1px;
}
.con_box .info_txt2:first-child {padding-top: 0;}

/*admin - pc*/
.admin_label , .admin_phone {width: 30%; display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-right: 20px; vertical-align: text-bottom;}
.admin_phone {vertical-align: bottom;}
.admin_ch_all {line-height: 36px; padding-left: 5px;}
.admin_ch_all label {font-size: 15px; margin-left: 10px; display: inline-block;}
.admin_list_h {border-bottom: 1px solid #999!important; background-color: #888!important;}
.admin_list_h span {display: inline-block; width: 30%; color:#fff; padding-left: 25px; font-weight: 800;}
.admin_list_h em {display: inline-block; float: right; color:#fff; padding-right: 55px; font-weight: 800;}
.h3_title {font-weight: 800; padding: 30px 0 0 10px;}
.admin_sell_list {width: 50%; float: left; margin-bottom: 15px; padding-top: 0!important;}
.admin_sell_list input {width: 170px;}
#image_list .btn_miniDelete {left: 200px!important; top: 7px!important;}

/*미디어쿼리*/
@media screen and (min-width:280px) {
	.main_info li.name {
		background: url(../img/ico_prota.png) no-repeat 0 50% / 15px;
		font-size: 1rem;
		padding: 8px 5px 5px 20px;
	}
	.main_info li select {
		width: 65%;
		height: 30px;
		line-height: 28px;
		margin-left: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 0.8rem;
		margin-top: -2px;
		padding: 0 30px 0 6px;
	}
	.gnb {
		font-size: 1rem;
	}
	select {font-size: 1rem;}
	.form_line .next_lbl {font-size: 13px;}
	.base_tbl thead th , .form_line .tit_lbl , .form_line .output , .form_line .gray_output.with_unit + .unit {font-size: 1rem;}
	input[type=radio].css-radio + label {font-size: 1.1rem;}
	.base_tbl td {font-size: 1rem;}
	.base_tbl td.blue {font-size: 1rem;}
	.base_tbl td.gray {font-size: 1rem;}
	.base_tbl td.red {font-size: 1rem;}
	.btn_search {font-size: 1rem;}
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] {padding-left: 5px;}
	input[type=text].datepicker {padding-right: 4px; font-size: 0.85rem; background: none; background-color: #e9f7fc;}	

	.btm_fixedbox .btn_btm span {display: inline-block; padding-left:20px; font-weight: bold; font-size: 1rem;}
	.btm_fixedbox .btn_btm span.ic_delete {background: url(../img/ico_delete.png) no-repeat 0 50% / 14px;}
	.btm_fixedbox .btn_btm span.ic_save {background: url(../img/ico_save.png) no-repeat 0 50% / 14px;}
	.btm_fixedbox .btn_btm span.ic_confirm {background: url(../img/ico_pass.png) no-repeat 0 50% / 14px;}
	.btm_fixedbox .btn_btm span.ic_return {background: url(../img/ico_return.png) no-repeat 0 50% / 14px;}
	.btm_fixedbox .btn_btm span.ic_recovery {background: url(../img/ico_recovery_w.png) no-repeat 0 50% / 14px;}
}

@media screen and (max-width:320px) {
	select {font-size: 1rem;}
	.form_line .gray_output.long {padding:0 10px; font-size: 0.5rem;}
	.small_sel {font-size: 0.85rem;}
	input[type=text].datepicker {
		padding-right: 30px;
		background: #e9f7fc url(../img/ico_calendar.png) no-repeat 100% 46% / 21px auto;
		font-size: 0.8rem;
		background-position: right center;
	}
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] {
		padding-left: 10px;
	}
	.form_line .next_lbl , .base_tbl td {
		font-size: 1rem;
	}
	.form_line .next_lbl_btn {float: left; width: calc( 100% - 180px ); font-size: 0.85rem; margin-right: 10px; margin-left: 10px;}
	.btm_fixedbox .btn_btm span.ic_confirm {
		background: url(../img/ico_pass.png) no-repeat 0 50% / 16px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_save {
		background: url(../img/ico_save.png) no-repeat 0 50% / 16px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_delete {
		background: url(../img/ico_delete.png) no-repeat 0 50% / 16px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_return {background: url(../img/ico_return.png) no-repeat 0 50% / 16px; line-height: 1;}
	.btm_fixedbox .btn_btm span.ic_recovery {
		background: url(../img/ico_recovery_w.png) no-repeat 0 50% / 16px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span {
		display: inline-block;
		padding-left: 25px;
		font-weight: bold;
		font-size: 1.1rem;
	}
	.base_tbl thead th , .form_line .tit_lbl , .form_line .output , .form_line .gray_output.with_unit + .unit {font-size: 1rem;}
	.base_tbl td.blue , .base_tbl td.gray , .base_tbl td.red {
		font-weight: bold;
		font-size: 1.1rem;
	}
	.base_tbl thead th {
		font-size: 1.1rem;
	}
	.search_bar .date_sel input[type=text] {
		width: calc( ( 100% - 90px ) / 2 );
	}
	.btn_search {
		width: 54px;
		font-size: 1rem;
	}
	
}

@media screen and (max-width:360px) {
	select {font-size: 1rem;}
	.form_line .gray_output.long {padding:0 10px; font-size: 0.85rem;}
	.small_sel {font-size: 0.95rem;}
	input[type=text].datepicker {
		padding-right: 30px;
		background: #e9f7fc url(../img/ico_calendar.png) no-repeat 100% 46% / 21px auto;
		font-size: 1rem;
		background-position: right center;
	}
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] {
		padding-left: 10px;
	}
	.form_line .next_lbl , .base_tbl td {
		font-size: 1.05rem;
	}
	.form_line .next_lbl_btn {float: left; width: calc( 100% - 164px ); font-size: 0.9rem; margin-right: 10px; margin-left: 10px;padding-left: 5px;}
	#search-select {width: 80px;padding-left: 5px;}
	.btm_fixedbox .btn_btm span.ic_confirm {
		background: url(../img/ico_pass.png) no-repeat 0 50% / 16px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_save {
		background: url(../img/ico_save.png) no-repeat 0 50% / 16px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_delete {
		background: url(../img/ico_delete.png) no-repeat 0 50% / 16px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_return {background: url(../img/ico_return.png) no-repeat 0 50% / 16px; line-height: 1;}
	.btm_fixedbox .btn_btm span.ic_recovery {
		background: url(../img/ico_recovery_w.png) no-repeat 0 50% / 16px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span {
		display: inline-block;
		padding-left: 25px;
		font-weight: bold;
		font-size: 1.1rem;
	}

	.base_tbl thead th , .form_line .tit_lbl , .form_line .output , .form_line .gray_output.with_unit + .unit {font-size: 1.1rem;}
	.base_tbl td.blue , .base_tbl td.gray , .base_tbl td.red {
		font-weight: bold;
		font-size: 1.15rem;
	}
	.base_tbl thead th {
		font-size: 1.15rem;
	}
	.search_bar .date_sel input[type=text] {
		width: calc( ( 100% - 100px ) / 2 );
	}
	.btn_search {
		display: inline-block;
		width: 64px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		border-radius: 4px;
		background: linear-gradient(132deg, #5789ef 0%, #032f87 100%);
		font-weight: bold;
		font-size: 1.05rem;
		color: #fff;
	}
	.main_info li select {
		width: 61%;
		height: 30px;
		line-height: 28px;
		margin-left: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 0.9rem;
		margin-top: -2px;
		padding: 0 30px 0 6px;
	}
}

@media screen and (min-width:540px) {	/* tablet */
	.main_info li.name {
		background: url(../img/ico_prota.png) no-repeat 0 50% / 15px;
		font-size: 1.2rem;
		padding: 8px 5px 5px 20px;
	}
	.main_info li select {
		width: 55%;
		height: 40px;
		line-height: 40px;
		margin-left: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 1rem;
		margin-top: -2px;
		padding: 0 30px 0 6px;
	}
	input[type=text].datepicker {
		padding-right: 30px;
		background: #e9f7fc url(../img/ico_calendar.png) no-repeat 100% 46% / 21px auto;
		font-size: 1rem;
		background-position: right center;
	}
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] {
		padding-left: 10px;
	}
	.form_line .next_lbl , .base_tbl td {
		font-size: 1rem;
	}
	.form_line .next_lbl_btn {float: left; width: calc( 100% - 184px ); font-size: 1rem; margin-right: 10px; margin-left: 10px;}
	.btm_fixedbox .btn_btm span.ic_confirm {
		background: url(../img/ico_pass.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_save {
		background: url(../img/ico_save.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_delete {
		background: url(../img/ico_delete.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span {
		display: inline-block;
		padding-left: 25px;
		font-weight: bold;
		font-size: 1.2rem;
	}

	.base_tbl td.blue , .base_tbl td.gray , .base_tbl td.red {
		font-weight: bold;
		font-size: 1.175rem;
	}
	.base_tbl thead th {
		font-size: 1.175rem;
	}
	
}

@media screen and (min-width:736px) {	/* tablet */
	.gnb {bottom: 20px;}
	.gnb li a {padding-top:75px; font-size: 1.25rem;}
	.gnb li.holiday a {background: url(../img/ico_gnb01.png) no-repeat 50% 0 / auto 66px;}
	.gnb li.draft a {background: url(../img/ico_gnb02.png) no-repeat 50%  0 / auto 66px;}
	.gnb li.pay a {background: url(../img/ico_gnb03.png) no-repeat 50%  0 / auto 66px;}
	.gnb li.reserve {margin-left: calc( 100% / 3 / 2 );}
	.gnb li.reserve a {background: url(../img/ico_gnb04.png) no-repeat 50%  0 / auto 66px;}
	.gnb li.info a {background: url(../img/ico_gnb05.png) no-repeat 50%  0 / auto 66px;}
	.main_header .logo {width: 150px; height: 50px; text-indent: -9000px; background: url(../img/logo_sh.png) no-repeat 0 0 / 150px;}
	.main_info li.name {
		background: url(../img/ico_prota.png) no-repeat 0 50% / 30px;
		font-size: 1.5rem;
		line-height: 56px;
		background-position: left center;
		padding: 0;
		padding-left: 40px;
		display: block;
		height: 60px;
		margin-bottom: 30px;
	}
	.main_info li select {
		width: 55%;
		height: 60px;
		line-height: 60px;
		margin-left: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 1.5rem;
		margin-top: -10px;
		padding: 0 30px 0 15px;
	}
	
	.main_info li.ing {
		padding: 0px 5px 0px 30px;
		background: url(../img/ico_ing.png) no-repeat 0 50% / 18px;
		margin-bottom: 20px;
		background-position: left center;
	}
	.main_info li {
		font-size: 1.5rem;
	}
	.main_info li.standby {
		padding: 0px 5px 0px 30px;
		background: url(../img/ico_standby.png) no-repeat 0 50% / 18px;
		background-position: left center;
	}
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] {
		padding-left: 10px;
	}
	input[type=text].datepicker {
		padding-right: 30px;
		background: #e9f7fc url(../img/ico_calendar.png) no-repeat 100% 46% / 21px auto;
		font-size: 1rem;
		background-position: right center;
	}
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] {
		padding-left: 10px;
	}
	.form_line .next_lbl , .base_tbl td {
		font-size: 1.1rem;
	}
	.form_line .next_lbl_btn {float: left; width: calc( 100% - 184px ); font-size: 1rem; margin-right: 10px; margin-left: 10px;}
	.btm_fixedbox .btn_btm span.ic_confirm {
		background: url(../img/ico_pass.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_save {
		background: url(../img/ico_save.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_delete {
		background: url(../img/ico_delete.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span {
		display: inline-block;
		padding-left: 25px;
		font-weight: bold;
		font-size: 1.2rem;
	}
	.base_tbl td.blue , .base_tbl td.gray , .base_tbl td.red {
		font-weight: bold;
		font-size: 1.175rem;
	}
	.base_tbl thead th {
		font-size: 1.175rem;
	}
	
}

@media screen and (min-width:1024px) {	/* tablet */
	.gnb {bottom: 20px;}
	.gnb li a {padding-top:75px; font-size: 1.25rem;}
	.gnb li.holiday a {background: url(../img/ico_gnb01.png) no-repeat 50% 0 / auto 66px;}
	.gnb li.draft a {background: url(../img/ico_gnb02.png) no-repeat 50%  0 / auto 66px;}
	.gnb li.pay a {background: url(../img/ico_gnb03.png) no-repeat 50%  0 / auto 66px;}
	.gnb li.reserve {margin-left: calc( 100% / 3 / 2 );}
	.gnb li.reserve a {background: url(../img/ico_gnb04.png) no-repeat 50%  0 / auto 66px;}
	.gnb li.info a {background: url(../img/ico_gnb05.png) no-repeat 50%  0 / auto 66px;}
	.main_header .logo {width: 180px; height: 65px; text-indent: -9000px; background: url(../img/logo_sh.png) no-repeat 0 0 / 180px;}
	.main_info li.name {
		background: url(../img/ico_prota.png) no-repeat 0 50% / 40px;
		font-size: 1.7rem;
		line-height: 61px;
		background-position: left center;
		padding: 0;
		margin-bottom: 50px!important;
		padding-left: 55px;
		display: block;
		height: 67px;
		margin-bottom: 30px;
	}
	.main_info li select {
		width: 52%;
		height: 67px;
		line-height: 67px;
		margin-left: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 1.5rem;
		margin-top: -10px;
		padding: 0 30px 0 15px;
	}
	.main_info li.ing {
		padding: 0px 5px 0px 30px;
		background: url(../img/ico_ing.png) no-repeat 0 50% / 18px;
		margin-bottom: 30px;
		background-position: left center;
	}
	.main_info li {
		font-size: 1.5rem;
	}
	.main_info li.standby {
		padding: 0px 5px 0px 30px;;
		background: url(../img/ico_standby.png) no-repeat 0 50% / 18px;
		background-position: left center;
	}
	input[type=text].datepicker {
		padding-right: 30px;
		background: #e9f7fc url(../img/ico_calendar.png) no-repeat 100% 46% / 21px auto;
		font-size: 1rem;
		background-position: right center;
	}
	input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] {
		padding-left: 10px;
	}
	.form_line .next_lbl , .base_tbl td {
		font-size: 1rem;
	}
	.form_line .next_lbl_btn {float: left; width: calc( 100% - 194px ); font-size: 1rem; margin-right: 10px; margin-left: 10px;}
	.btm_fixedbox .btn_btm span.ic_confirm {
		background: url(../img/ico_pass.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_save {
		background: url(../img/ico_save.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span.ic_delete {
		background: url(../img/ico_delete.png) no-repeat 0 50% / 18px;
		line-height: 1;
	}
	.btm_fixedbox .btn_btm span {
		display: inline-block;
		padding-left: 25px;
		font-weight: bold;
		font-size: 1.1rem;
	}
	.base_tbl thead th , .form_line .tit_lbl , .form_line .output , .form_line .gray_output.with_unit + .unit {font-size: 1.1rem;}
	.base_tbl td.blue , .base_tbl td.gray , .base_tbl td.red {
		font-weight: bold;
		font-size: 1.1rem;
	}
	.base_tbl thead th {
		font-size: 1.1rem;
	}
	
}

/*ie 핵*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
	// IE9+ CS
	.btn_search {background: #032f87;}
	.form_line .next_lbl_btn {width: 720px;}
  }