@charset "utf-8";

@font-face {
  font-family:'KoPubWorldDotum';
  src: local('KoPubWorldDotum'),
			 url('/storybook/css/fonts/KoPubWorld/KoPubWorldDotumMedium.eot?#iefix') format('embedded-opentype'),
			 url('/storybook/css/fonts/KoPubWorld/KoPubWorldDotumMedium.woff') format('woff'),
			 url('/storybook/css/fonts/KoPubWorld/KoPubWorldDotumMedium.woff2') format('woff2'),
			 url('/storybook/css/fonts/KoPubWorld/KoPubWorldDotumMedium.ttf') format('truetype');
}
*{box-sizing: border-box;}
body, input, textarea {font-family:'KoPubWorldDotum',sans-serif;border: none;word-break: keep-all;-webkit-appearance: none;color:#525252; font-size: 14px; line-height: 1.6; box-sizing: border-box;-webkit-overflow-scrolling: touch;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0 ;}
body, input, textarea, select, button, table { margin:0; padding:0; }
html, body {padding:0; margin:0 ; background:#fff;}
img, fieldset { border:0 }
em, address { font-style:normal }
ul, li {list-style:none; display:inline-block}
a{color:#525252}
a, a:hover, a:active, a:focus, a:visited { text-decoration:none; }

/* unit */

.d_ib {display: inline-block;}
.d_if {display: inline-flex;}
.d_b {display: block;}
.d_n {display: none;}

.ov_h {overflow: hidden;}
.ov_a {overflow: auto;}
.fl_l {float: left;}
.fl_r {float: right;}

.pos {position: relative;}
.pos_a {position: absolute;;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}

.mr_a {margin-right: auto;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.ml_a {margin-left: auto;}
.ml5 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}

.pa5 {padding: 5px;}
.pa10 {padding: 10px;}
.pa15 {padding: 15px;}
.pa20 {padding: 20px;}
.pa30 {padding: 30px;}

.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pl10 {padding-left: 10px;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb60 {padding-bottom:60px!important;;}
.pb70 {padding-bottom:70px!important;;}
.pr10 {padding-right: 10px;}

.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;} .w45 {width:45%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width: 100%;}

.h40 {height: 40px;}

.bg_wh {background: #ffff;}
.bg_bk {background: #303030;}
.bg_gy {background: #757575;;}
.bg_lgy {background: #f5f5f5;}
.bg_red {background: #e5362c;}
.bg_lbl {background: #f6f9fb;}
.bg_yel {background: #ffb533;;}

.bdrs_2 {border-radius: 2px;}
.bdrs_100 {border-radius: 100px;}

.bd_gy {border: 1px solid #ccc;}
.bd_lgy {border: 1px solid #eee;}
.bd_lbl {border: 1px solid #c5d2d9;}
.bdt_bk {border-top: 1px solid #303030;}
.bdt_gy {border-top: 1px solid #ccc;}
.bdt_lgy {border-top: 1px solid #eee;}
.bdb_gy {border-bottom: 1px solid #ccc;}
.bdb_lgy {border-bottom: 1px solid #eee;}
.bdb_lbl {border-bottom: 1px dashed #c5d2d9;}
.bdl_n {border-left: none;}
.bdr_n {border-right: none;}
.bdw_1 {border-width: 1px; }
.bdw_2 {border-width: 2px; }
.bdw_3 {border-width: 3px; }
.bds_ds {border-style: dashed;}

.bxsh {box-shadow: 0 0 10px #ccc;}

.txt_center {text-align: center;}
.txt_left {text-align: left;}
.txt_right {text-align: right;}

.lh_20 {line-height: 20px;}
.lh_30 {line-height: 30px;}
.lh_40 {line-height: 40px;}

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

.wob_k {word-break: keep-all;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;}

.text_gray {color: #666;}
.text_lgr {color: #929292;}
.text_red {color: #e5362c;}
.text_yellow {color: #ffb533;}
.text_lightred {color: #ff2222;}
.text_blue{color: #516cc3;}
.text_darkblue{color: #383a46;}
.text_mint{color: #00fffc;}

.tt_u {text-transform: uppercase;}

.fw_b {font-weight: bold;}
.fw_n {font-weight: normal;}
.fz_0 {font-size: 0px;}
.fz_12 {font-size: 12px;}
.fz_14 {font-size: 14px;}
.fz_16 {font-size: 16px;}

.cur_p {cursor: pointer;}

.trf_r90 {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}

/* style */
[class*="btn"].sm {padding:2px 4px;}
[class*="btn"].mid {padding:5px 10px;}
[class*="btn"].lar {padding:8px 16px;}
[class*="btn"].hov:hover {background-color: #000; border: 1px solid #000; color: #fff;transition: .3s; }
[class*="btn"].fa-times {border-radius: 100%; padding: 0; text-align: center;}
[class*="btn"].fa-times.sm {width: 24px; height: 24px; line-height: 24px;}
[class*="btn"].fa-times.mid {width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
.btn_bk {background-color: #303030; border: 1px solid #303030; color: #fff; }
.btn_gy {background-color: #eee; border: 1px solid #eee; color: #303030;}
.btn_wh {background-color: #fff; border: 1px solid #303030; color: #303030;}
.btn_wh.active {background-color: #303030; border: 1px solid #303030; color: #fff;}

input {height: 40px; line-height: 40px;background: #f5f5f5;}
input[type="text"] { appearance:none; padding: 0 10px;}
input[type="text"]:placeholder {color: #ccc;}

input[type="checkbox"] {display: none;}
input[type="checkbox"] + label.fas::before {text-align: center; border:1px solid #ccc; background: #fff; color: #fff; width: 24px; height: 24px; line-height: 24px; display: inline-block; border-radius: 2px;}
input[type="checkbox"] + label.fas.bdrs_100::before {border-radius: 100%;}
input[type="checkbox"] + label.fas.bg_yellow::before {background-color: transparent; color: transparent;}
input[type="checkbox"] + label.fas.sm {font-size: 12px; line-height: 20px;}
input[type="checkbox"] + label.fas.sm::before {width: 20px; height: 20px;}

input[type="checkbox"]:checked + label.fas::before {background: #303030;border-color: #303030; }
input[type="checkbox"]:checked + label.fas.bdrs_100::before {color: #303030; background: #fff;border-color: #303030; }
input[type="checkbox"]:checked + label.fas.bg_yellow::before {background-color: #ffb533; color: #fff;}

input[type="checkbox"] + label.btn {border:1px solid #ccc; background: #fff;display: inline-block;text-align: center;}
input[type="checkbox"] + label.btn.mid {padding:5px 10px;}
input[type="checkbox"]:checked + label.btn {background: #303030;border-color: #303030; color: #fff;}
input[type="checkbox"][disabled] + label.btn {background: #eee;border-color: #eee; color: #fff;}

input[type="radio"] {display: none;}
input[type="radio"] + label.btn {border:1px solid #ccc; background: #fff; line-height: 24px; display: inline-block; }
input[type="radio"] + label.btn.sm {line-height: 24px; padding-left: 5px; padding-right: 5px;}
input[type="radio"] + label.btn.mid {line-height: 30px; padding-left: 10px; padding-right: 10px;}
input[type="radio"]:checked + label.btn {background: #303030;border-color: #303030; color: #ffff;text-align: center;}

input[type="radio"] + label.fas{background-color: transparent}
input[type="radio"] + label.fas::before {text-align: center; border:1px solid #ccc; background: #fff; color: #fff; width: 24px; height: 24px; line-height: 24px; display: inline-block; border-radius: 2px;}
input[type="radio"] + label.fas.bdrs_100{border-radius: inherit; }
input[type="radio"] + label.fas.bdrs_100::before {border-radius: 100%;}
input[type="radio"] + label.fas.bg_yellow::before {background-color: transparent; color: transparent;}
input[type="radio"]:checked + label.fas::before {background: #303030;border-color: #303030; }
input[type="radio"]:checked + label.fas.bdrs_100::before {color: #303030; background: #fff;border-color: #303030; }
input[type="radio"]:checked + label.fas.bg_yellow::before {background-color: #ffb533; color: #fff;}

input[type='range']{padding:0;border:0;-webkit-appearance:none;width:270px;height:35px;background:transparent}
input[type='range']::-webkit-slider-thumb{-webkit-appearance:none}
input[type='range']:focus{outline:none}
input[type='range']::-webkit-slider-runnable-track{margin:10px 5px; width:100%; height:5px; cursor:pointer; animate:.2s; background:#ddd; border-radius:3px}
input[type='range']::-webkit-slider-thumb{-webkit-appearance:none; margin-top:-10px; width:24px; height:24px; background:#fff; border-radius:12px; box-shadow:0 1px 6px rgba(0,0,0,0.5); cursor:pointer}
input[type='range']:focus::-webkit-slider-runnable-track{background:#cca5ce}
input[type='range']::-ms-track{margin:0 5px; border-width:15px 0; width:260px; height:5px; cursor:pointer; animate:.2s; background:transparent; border-color:transparent; color:transparent}
input[type='range']::-ms-fill-lower{background:#ddd; border-radius:3px}
input[type='range']::-ms-fill-upper{background:#ddd; border-radius:3px}
input[type='range']::-ms-thumb{margin:-1px 2px 0; width:24px; height:24px; background:#fff; border:0; border-radius:12px; box-shadow:0 1px 6px rgba(0,0,0,0.5); cursor:pointer}
input[type='range']:focus::-ms-fill-lower{background:#cca5ce}
input[type='range']:focus::-ms-fill-upper{background:#ddd}
input[type='range']::-moz-range-track{margin:20px 5px 0;width:260px;height:5px;cursor:pointer;animate:.2s;background:#ddd;border-radius:3px}
input[type='range']::-moz-range-thumb{width:24px;height:24px;background:#fff;border:0;border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,0.5);cursor:pointer}

.ordered_list_style > .list {display: list-item;list-style: decimal; margin-left: 10px;}
.list_style > .list {position: relative; padding-left: 10px;}
.list_style > .list::before {content: '·'; position: absolute; top: 0; left: 0; width: 10px;}

/* 날짜 입력 */
.st_date{position: relative;}
.st_date::before {position: absolute; top: 50%; margin-top: -7px; right: 10px; display: none;}
input[type='date']{cursor: pointer;}

/* 팝업 */
.pop {display: none;}
.pop .pop_bg {position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);  top:0; left: 0;display: flex;justify-content: center; align-items: center; z-index: 100;}
.pop .pop_wrap { width: 500px; max-height: 80vh; background-color: #fff;}
.pop .pop_wrap > .pop_top {padding: 10px;}
.pop .pop_wrap > .pop_body {overflow: auto; max-height: calc(80vh - 97px);}
.pop .pop_wrap > .pop_bottom {border-top:1px solid #eee; background: #fff;}

.pop.pop_alert .pop_wrap, .pop.pop_confirm .pop_wrap { width: 400px;}
.pop.pop_alert .pop_wrap > .pop_body, .pop.pop_confirm .pop_wrap > .pop_body {min-height: 50px;}


.pop_zipcode {position: absolute;}
.pop_zipcode .pop_body {min-height: 50vh;position: relative; overflow: hidden!important;}
.pop_zipcode .pop_body > div{position: absolute!important;}

.pop.pop_loading > .pop_bg > .pop_wrap { background: transparent; color: #fff; text-align: center;}
.pop.pop_loading > .pop_bg > .pop_wrap .pop_top > a{float:right; color:#fff; font-size:25px; background: none;}
.pop.pop_loading > .pop_bg > .pop_wrap .pop_body {overflow: hidden;}
.pop.pop_loading > .pop_bg > .pop_wrap .pop_body > h3 {color: #fff; font-weight: normal;}
.loading_cube{width: 200px; height: 200px; margin: 10px auto;zoom : 0.3; position: relative;}
.loading_cube > div {position: absolute; width: 80px; height: 80px;
	-ms-animation: loading_cube 1s cubic-bezier(0.2,0.8,0.2,0.8) infinite;
	-moz-animation: loading_cube 1s cubic-bezier(0.2,0.8,0.2,0.8) infinite;
	-webkit-animation: loading_cube 1s cubic-bezier(0.2,0.8,0.2,0.8) infinite;
	-o-animation: loading_cube 1s cubic-bezier(0.2,0.8,0.2,0.8) infinite;
	animation: loading_cube 1s cubic-bezier(0.2,0.8,0.2,0.8) infinite}

@-webkit-keyframes loading_cube {
	0%{-ms-transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}
	100%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
	0%{-ms-transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}
	100%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes loading_cube {
	0%{-ms-transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}
	100%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-ms-keyframes loading_cube {
	0%{-ms-transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}
	100%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes loading_cube {
	0%{-ms-transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}
	100%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes loading_cube {
	0%{-ms-transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}
	100%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-o-keyframes loading_cube {
	0%{-ms-transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}
	100%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@keyframes loading_cube {
	0%{-ms-transform:scale(1.4);-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4)}
	100%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}

.loading_cube > div:nth-of-type(1){top:10px;left:10px;background:#fff;opacity:.9;-ms-animation-delay:0;-moz-animation-delay:0;-webkit-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.loading_cube > div:nth-of-type(2){top:10px;left:110px;background:#fff;opacity:.8;-ms-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}
.loading_cube > div:nth-of-type(3){top:110px;left:10px;background:#fff;opacity:.7;-ms-animation-delay:.3s;-moz-animation-delay:.3s;-webkit-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}
.loading_cube > div:nth-of-type(4){top:110px;left:110px;background:#fff;opacity:.6;-ms-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}

.loading_chart {position:relative;margin:20px auto;width:162px;height:162px;border-radius:50%;background-color:transparent;border:2px solid #fff; box-sizing:border-box}
.loading_chart *{box-sizing:border-box}
.loading_chart.gt-50 {border-color:#00ff00}
.loading_progress {position:absolute;border-radius:50%;left:calc(50% - 81px);top:calc(50% - 81px);width:160px;height:160px;clip:rect(0, 162px, 162px, 81px)}
.loading_progress .loading_progress_fill {position:absolute;border-radius:50%;left:calc(50% - 80px);top:calc(50% - 80px);width:162px;height:162px;clip:rect(0, 80px, 160px, 0);background:transparent; border:2px solid #00ff00;transform:rotate(0deg)}
.gt-50 .loading_progress {clip:rect(0, 81px, 162px, 0)}
.gt-50 .loading_progress .loading_progress_fill {clip:rect(0, 162px, 162px, 81px);border:2px solid rgba(255,255,255,1)}

.loading_percents {position:absolute;border-radius:50%;left:calc(50% - 160px/2);top:calc(50% - 160px/2);width:160px;height:160px;text-align:center;display:table}
.loading_percents span {display:inline-block;font-size:60px;line-height:160px;font-weight:300;margin-left:7px;color:#00ff00}
.loading_percents > div {display:table-cell;vertical-align:middle}
.loading_percents > div .per_num {display:inline-block;font-size:50px;line-height:48px;color:#00ff00;margin-left:10px}
.loading_percents > div .per {display:inline-block;font-size:18px;font-weight:normal;color:#00ff00}

/* 미리보기 */
.flipbook .shadow, .flipbook.shadow{-webkit-box-shadow: 0 4px 10px #666;-moz-box-shadow: 0 4px 10px #666;-ms-box-shadow: 0 4px 10px #666;-o-box-shadow: 0 4px 10px #666;box-shadow: 0 4px 10px #666;}
.flipbook .odd .gradient {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	background: -webkit-gradient(linear,right top,left top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.15)));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);
	background-image: -moz-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);
	background-image: -ms-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);
	background-image: -o-linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);
	background-image: linear-gradient(right,rgba(0,0,0,0) 95%,rgba(0,0,0,0.15) 100%);}
.flipbook .even .gradient {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
	background: -webkit-gradient(linear,left top,right top,color-stop(0.95,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,0.2)));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
	background-image: -o-linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
	background-image: linear-gradient(left,rgba(0,0,0,0) 95%,rgba(0,0,0,0.2) 100%);
}
.flipbook .next-button, .flipbook .previous-button {width: 22px;height: 100%;position: absolute;top: 0;}
.flipbook .previous-button {left:-22px; -webkit-border-radius:15px 0 0 15px; -moz-border-radius:15px 0 0 15px; -ms-border-radius:15px 0 0 15px; -o-border-radius:15px 0 0 15px; border-radius: 15px 0 0 15px;}
.flipbook .next-button {display:block; right:-22px; -webkit-border-radius:0 15px 15px 0; -moz-border-radius:0 15px 15px 0; -ms-border-radius:0 15px 15px 0; -o-border-radius: 0 15px 15px 0; border-radius:0 15px 15px 0;}
.flipbook .previous-button-hover,.flipbook .next-button-hover {background-color: rgba(0,0,0,0.2);}
.flipbook .next-button-hover,.flipbook .next-button-down {background-image: url('/storybook/img/ico/arrows.png'); background-position:-38px center; background-repeat: no-repeat;}
.flipbook .previous-button-hover,.flipbook .previous-button-down {background-image: url('/storybook/img/ico/arrows.png'); background-position:-4px center; background-repeat: no-repeat;}

/* layout */
.content {max-width: 1140px; margin: auto;}
.content.pb60 ~ .btn_wrap {position: fixed; bottom: 0; width: 100%; background-color: #fff; z-index: 9;}

header {overflow: hidden; padding: 10px 0; border-bottom: 1px solid #f5f5f5; width:100%; background: #fff; z-index: 50;}
header a > img {height: 50px;float: left;padding-right: 10px;width: auto;}
header .header_txt {line-height: 50px; }

footer {background: #f5f5f5;}
footer .content {overflow: hidden; padding: 20px;}
footer .f_logo {width: 100px; float: right;}
footer .f_logo > img{width: 100%;}
footer .txt {width: calc(100% - 130px ); float: right; margin-left: 30px}
footer .txt p + p::before {content: '|'; padding: 0 5px; color: #dedede}

aside {width: 25%; float: left;}
article {width: calc(75% - 10px); float: left; background: #f5f5f5; margin-left: 10px; border:1px solid #ccc;}

a.btn_top {position: fixed;bottom: 10%;right: 10px;border: 1px solid #2b2b2b;width: 40px;height: 40px; text-align: center;display: none;background-color: rgba(255,255,255,0.5);}
a.btn_top > i {line-height: 40px;}

/* 반응형 */
.pc_block {display: block;}
.pc_dib {display: inline-block;}
.pc_dif {display: inline-flex;}

.m_block {display: none;}
.m_dib {display: none;}
.m_dif {display: none;}

/* datepicker */
.ui-datepicker {border-radius:0; padding:10px; box-shadow:0 1px 5px rgba(0,0,0,0.3); z-index:9999 !important; border:1px solid #e6e6e6 !important; background:#fff; width:auto; margin-top:5px}
.ui-datepicker .ui-widget-header {border:0;background:#fff;margin:0 0 10px !important; position: relative;}
.ui-datepicker .ui-datepicker-header > a {position:absolute; width:28px; height:28px; display:block; top:50%; margin-top:-14px;}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-prev {left:5px; background-image: url('/img/assets/ico/arrow_pre_off.png');}
.ui-datepicker .ui-datepicker-header > a.ui-datepicker-next {right:5px; background-image: url('/img/assets/ico/arrow_next_off.png');}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-title {text-align:center;}
.ui-datepicker .ui-datepicker-header > .ui-datepicker-title > select.ui-datepicker-month,
.ui-datepicker .ui-datepicker-header > .ui-datepicker-title > select.ui-datepicker-year {margin:0 2px; padding:3px 6px; height:30px; border-radius:0; cursor:pointer; background-color:#fff; color:#777; display:inline-block; width:100px; font-size:15px; border:1px solid #e6e6e6;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {left:5px; border:0; border-radius:0; cursor:pointer; background-color:#f2ede7;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {right:5px; border:0; border-radius:0; cursor:pointer; background-color:#f2ede7;}
.ui-datepicker .ui-datepicker-header .ui-icon {display:none;}
.ui-datepicker .ui-datepicker-calendar th {font-size:12px; color:#9b928b; font-weight:normal;}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default {border:0; padding:6px 5px 4px; background:#f5f5f5; color:#777; text-align:center; display:block; width: 30px; font-size: 14px;}
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover {border:0; background:#e6e6e6;}
.ui-datepicker .ui-datepicker-calendar td .ui-state-active {border:0;	background:#303030;	color:#fff;}
/* datepicker */




/* 미디어쿼리 */
@media (max-width: 1140px){
	header a > img {height: 40px; padding-left: 10px; }
	header .header_txt {height: 40px;display: flex;flex-wrap: wrap;align-items: center;line-height: 1.4;word-break: keep-all;}

	.content.pb60 ~ .btn_wrap {padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 768px){

	.st_date::before {right: 3px; display: block; background-image: none;}

	.pop > .pop_bg > .pop_wrap { width: 300px;}

	.pop.pop_alert > .pop_bg > .pop_wrap { width: 300px;}

	.pop.pop_layer > .pop_bg > .pop_wrap { width: 100% !important; height: 100%; max-height: 100%;}
	.pop.pop_layer > .pop_bg > .pop_wrap > .pop_body {overflow: auto; height: calc(100% - 103px); max-height: inherit;}
	.pop.pop_layer > .pop_bg > .pop_wrap > .pop_bottom {width: 100%; position: fixed; bottom: 0;}

	/* layout */

	footer .content {overflow: hidden; padding: 20px; font-size: 12px;}
	footer .f_logo {width: 100%;  text-align: center; margin-top: 20px;}
	footer .f_logo > img{width: 50%; max-width: 80px;}
	footer .txt {width: 100%; float: right; margin-right: 0;}
	footer .txt ul, footer .txt li{display: block; width: 100%; }
	footer .txt p {display: block; text-align: center;}
	footer .txt p + p::before {content: ''; padding: 0;}

	aside {width: 100%;}
	article {width: 100%;margin-left: 0px; margin-top: 20px;}

	.content.pb60 ~ .btn_wrap {padding-left: 10px; padding-right: 10px;}

	.pc_block{display: none;}
	.pc_dib{display: none;}
	.m_block {display: block;}
	.m_dib {display: inline-block;}
}

@media (max-width: 400px){

	/* layout */
	footer .txt p {text-align: left;}



}