/*폰트!*/
/* ************************************** *
 * Font
 * ************************************** */
/* NotoSansKR */
@font-face {
font-family: "NotoSansKR";
font-style: normal;
font-weight: 300;
src: url("../font/NotoSansKR-Light.eot");
src: local("?"), url("../font/NotoSansKR-Light.woff") format("woff"),
    url("../font/NotoSansKR-Light.otf") format("opentype");
}

@font-face {
font-family: "NotoSansKR";
font-style: normal;
font-weight: 400;
src: url("../font/NotoSansKR-Regular.eot");
src: local("?"), url("../font/NotoSansKR-Regular.woff") format("woff"),
    url("../font/NotoSansKR-Regular.otf") format("opentype");
}

@font-face {
font-family: "NotoSansKR";
font-style: normal;
font-weight: 500;
src: url("../font/NotoSansKR-Medium.eot");
src: local("?"), url("../font/NotoSansKR-Medium.woff") format("woff"),
    url("../font/NotoSansKR-Medium.otf") format("opentype");
}

@font-face {
font-family: "NotoSansKR";
font-style: normal;
font-weight: 700;
src: url("../font/NotoSansKR-Bold.eot");
src: local("?"), url("../font/NotoSansKR-Bold.woff") format("woff"),
    url("../font/NotoSansKR-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px;font-family: "NotoSansKR";background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: "NotoSansKR";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: "NotoSansKR";font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: "NotoSansKR";font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.frm_input {border:1px solid #DDDDDD;height: 52px;width: 100%;padding:0 15px;border-radius:8px}
.frm_input:disabled, .frm_input:read-only {background:#ECECEC;}

.container {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
}
.container2 {width: 100%;max-width: 1520px;margin: 0 auto;}

.green {
    color: #2BAE66;
}
.green_bg {background-color: #2BAE66;}

.btn_01 {background: #2BAE66;color: #fff;border-radius: 10px;display: inline-block;width: 100%;height: 60px;line-height: 58px;text-align: center;font-size: 1.21em;font-weight: 700;}
.btn_02 {border:1px solid #2BAE66;color: #2BAE66;border-radius: 10px;display: inline-block;width: 100%;height: 60px;line-height: 58px;text-align: center;font-size: 1.21em;font-weight: 700;}

.alert_text {font-size: 0.92em;font-weight: 500;color: #FF1515;}

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

table {width: 100%;border-collapse: collapse;}
table td.empty_table {padding:100px 0 !important;}

/* 페이징 */
.pager_box {display: flex;align-items: center;justify-content: center;}
.pager_box a {font-size: 1.07em;color: #BEBEBE;font-weight: 500;margin-right: 50px;}
.pager_box a.on {color: #000;}
.pager_box a:last-child {margin-right: 0;}

/* select */
select {-webkit-appearance:none; /* 크롬 화살표 없애기 */-moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none; /* 화살표 없애기 */background: url("/images/down_arr_b.png") no-repeat 88% 50%;min-width: 136px;height: 37px;}

#main {width: 100%;max-width: 1920px;min-width: 1520px;overflow: hidden;margin: 0 auto;}

/* top menu */
.consult_rigit_title {font-size: 2.14em;font-weight: 700;}
.consult_right_path_box {display: flex;align-items: center;padding:15px 30px;border-radius:25px;background: #F9F9F9;border: 1px solid #ddd;margin-top: 30px;}
.consult_right_path_box .path_box {padding-left: 45px;background: url("/images/path_right_arr.svg") no-repeat 18px 50%;}
.consult_right_path_box .path_box:first-child {padding-left: 0;background: none;}
.path_box a {font-size: 1.07em;color: #666666;font-weight: 500;}
.path_box img {position: relative;top:-1px;}
.path_end a {color: #2BAE66;text-decoration: underline;}

/* 왼쪽메뉴 */
.consult_inner {display: flex;align-items: flex-start;justify-content: space-between;}
.consult_left {width:100%;max-width: 260px;}
.cl_title_box {padding:25px 0;display: flex;align-items: center;justify-content: center;border-radius: 15px;border:2px solid #2BAE66;font-size: 1.57em;font-weight: 700;color: #2BAE66;}

.cl_menu_wrap {border-radius: 15px;border:1px solid #D0D0D0;overflow: hidden;margin-top: 10px;;}
.cl_menu_top a {padding:20px 0;display: flex;align-items: center;justify-content: center;font-size: 1.14em;font-weight: 500;background: url("/images/down_arr_pd.svg") no-repeat 90% 50% #fff;}
.cl_menu_top.on a {background: url("/images/up_arr_pd.svg") no-repeat 90% 50% #2BAE66;color: #fff;}
.cl_menu_top a.arrow_no {background: #fff;}
.cl_menu_top.on a.arrow_no {background: #2BAE66;}
.cl_menu_top + .cl_menu_box {display: none;}
.cl_menu_top.on + .cl_menu_box {display: block;}

.cl_menu_list > li > a {padding:13px 0;display: flex;align-items: center;justify-content: center;border-bottom: 1px dashed #D0D0D0;font-size: 1.14em;font-weight: 500;transition: 0.3s;}
.cl_menu_list > li > a.onon {color: #2BAE66;transition: 0.3s;}
.cl_menu_list > li > a.on {color: #2BAE66;transition: 0.3s;}
.cl_menu_list > li:last-child a {border-bottom:none;}

/* 오른쪽 */
.consult_right { width: 100%; max-width: 1220px;}

/* 달력 */
.cal_select_btn_wrap {display: flex;align-items: center;justify-content: center;margin-top: 50px;}
.cal_select_btn_wrap a {width: 100%;max-width: 360px;height: 60px;background: #2BAE66;color: #fff;line-height: 58px;text-align: center;border-radius: 10px;font-size: 1.28em;font-weight: 700;}

.cal_head {display: flex;align-items: center;justify-content: center;margin-bottom: 40px;}
.cal_head button {background: none;border: none;}
.cal_head span {margin: 0 50px;display: inline-block;font-size: 1.78em;font-weight: 700;}

.cal_week {display: flex;background: #E2EAE6;}
.cal_week > div {width: calc(100% / 7);padding:15px 0;text-align: center;font-size: 1.14em;font-weight: 500;}
.cal_week > div:first-child {color: #FC4C4E;}

.cal_wraps .cal_days:last-of-type p {border-bottom: none;}
.cal_days {display: flex;}
.cal_days > .day {width: calc(100% / 7);height: 98px;border: 1px solid #EEEEEE;border-right: none;border-bottom: none;cursor: pointer;}
.cal_days > .day.off {color: #E7E7E7;cursor: auto;}
.cal_days > .day:first-child {border-left: none;}
.cal_wraps .cal_days > .day.active {color: #000;border: 1px solid #2CAE66;}
.cal_days > .day > p:first-child {font-weight: 500;font-size: 1.14em;overflow-x: hidden; text-wrap: nowrap; text-overflow: ellipsis;padding:10px; }
.cal_days > .day > p.holi {color:#FC4C4E;}
.cal_days > .day > p.holi > .holi-tit {font-size:12px;}
.cal_alert_text {font-size: 0.92em;color: #FF1515;margin-top: 20px;}
.comprehensive_txt {margin-top:10px; font-weight:500;}
.comprehensive_txt > p { font-size:13px;}
.comprehensive_txt > p.green { margin-top:6px; color :#2BAE66; }

/* 헤더 */
.head_top {background-color: #F5F5F5;display: flex;align-items: center;}
.head_top_inner {display: flex;justify-content: flex-end;}
.head_top_inner > .hd_top_menu {position: relative;padding:10px 15px;}
.head_top_inner > .hd_top_menu.bell_box {padding-left: 0;padding-right: 0;}
.head_top_inner > .hd_top_menu > a {font-size: 0.85em;position: relative;font-weight: 500;position: relative;position: relative;}
.head_top_inner > .hd_top_menu > a.bell {padding-right:20px;}
.head_top_inner > .hd_top_menu > a.bell .bell_on {width: 6px;height: 6px;border-radius: 6px;background: #E04949;display: inline-block;position: absolute;top: 0;right: 12px;}
.head_top_inner > .hd_top_menu::after {content:"";width:1px;height: 12px;background-color: #D8D8D8;position: absolute;top: 50%;right: 0;transform:translateY(-50%);}
.head_top_inner > .hd_top_menu:last-child {padding-right: 0;margin-right: 0;}
.head_top_inner > .hd_top_menu:last-child:after {display: none;}
.sub_menus_list {position: absolute;top:43px;left: 0px;padding:15px;border-radius: 12px;border: 1px solid #2CAE66;background: #fff;width: 140%;display: none;z-index: 1000;}
.sub_menus_list > a {font-size: 0.92em;font-weight: 500;margin-bottom: 10px;display: inline-block;}
.sub_menus_list > a:hover {color: #2BAE66;}
.sub_menus_list > a:last-child {margin-bottom: 0px;}

.head_mid_inner {padding:30px 0;text-align: center;}

.head_bottom_inner {display: flex;align-items: center;justify-content: space-between;}
.head_bottom_inner .hb_left_box_wrap > a {font-size: 1.2em;font-weight: 700;padding:20px 0 30px;display: block;}
.hb_left_box {display: flex;}
.hb_left_box div.hb_left_box_wrap:nth-child(2n) > a {padding: 20px 60px 30px;}

.hb_left_box_wrap {position: relative;}
.hb_left_box_wrap .hb_left_menu {position: absolute;left: 0;top:60px;z-index: 1000;width: 100%;border-radius: 0 0 0 30px;background: #2BAE66;padding:25px 0 30px;display: none; }

.hb_left_box_wrap .hb_left_menu2 {border-radius: 0 0 30px 30px;}
.hb_left_menu_list > li {margin-bottom:20px;position: relative;}
.hb_left_menu_list > li:last-child {margin-bottom:0;}
.hb_left_menu_list > li > a {text-align: center;display: block;color: #fff;font-size: 1.21em;font-weight: 700;}
.hb_left_menu_list > li > a span {display: inline-block;position: relative;}
.hb_left_menu_list > li > a span > i {width: 0px;height: 2px;position:absolute;bottom:-3px;left: 0;background: #fff;}
.hb_left_menu_list > li > a img {position: relative;top:-1px;margin-left: 5px;}

.hb_right_menu {position: absolute;top: -25px;left: 100%;width: 100%;background: #2BAE66;padding: 20px 0;border-radius:0 30px 30px 30px; max-width: 147px;display: none;}
.hb_left_menu2 .hb_right_menu {max-width: 182px;right: -182px;}
.hb_right_menu_list > li {margin-bottom: 20px;}
.hb_right_menu_list > li:last-child {margin-bottom: 0;}
.hb_right_menu_list > li > a {display: block;text-align: center;font-size: 1.21em;font-weight: 700;color: #fff;}
.hb_right_menu_list > li > a span {position: relative;}
.hb_right_menu_list > li > a span > i {width: 0px;height: 2px;position:absolute;bottom:-3px;left: 0;background: #fff;}

.menu_arr {width: 10px;margin-left: 5px;position: relative;top:-1px}

.hb_right_box a {font-size: 1.21em;font-weight: 700;padding: 20px 0 30px;display: block;}

/* 푸터 */
.footer {padding: 100px 0;}
.footer_inner {text-align: center;}
.foot_logo img {width: 91px;height: auto;}
.foot_menu_box {display: flex;justify-content: center;align-items: center;margin-top: 40px;}
.foot_menu_box a {font-weight: 700;text-decoration: underline;margin-right: 20px;}
.foot_menu_box a:last-child {margin-right: 0;}
.foot_info {margin-top: 30px;}
.foot_info address {font-style: normal;}
.foot_info address p:last-child {margin-top: 5px;}
.foot_info address p span {width: 1px;display: inline-block;height:10px;background-color: #707070;margin: 0 10px;}

.bottom_fix {position: fixed;bottom:40px;right: 40px;z-index: 100;}

/* 페이징 */
.page_area {display: flex;align-items: center;justify-content: center;}
.page_number {display: flex;align-items: center;justify-content: center;margin: 0 20px;}
.page_number li {margin-right: 30px;}
.page_number li:last-child {margin-right: 0;}
.page_number li a {font-size: 16px;color: #BEBEBE;font-weight: 500;}
.page_number li a.act {color: #000;font-weight: 700;}

.page_arr {
    width: 2rem;
    height: 2.2rem;
}
.page_first {background:url(/adm/images/prev_double.png) no-repeat center;margin-right:.2rem;}
.page_prev {background:url(/adm/images/prev_arrow.png) no-repeat center;}
.page_next {background:url(/adm/images/next_arrow.png) no-repeat center;margin-right:.2rem;}
.page_end {background:url(/adm/images/next_double.png) no-repeat center;}

.empty {padding: 20px 0;text-align: center;color: #000;font-size: 1.07em;color: #888;}
.empty_tables {padding: 20px 0;text-align: center;color: #000;font-size: 1.07em;color: #888;}

@media(max-width:1260px){
    .container{
        padding:0 20px;
    }
}