@charset "utf-8";
/*@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");*/
@import url("https://cdn.jsdelivr.net/npm/@openfonts/rubik_all@1.44.1/index.min.css");
@import url("https://cdn.jsdelivr.net/npm/@fontsource/playfair-display@4.5.12/index.min.css");
/**/
/* 초기화 */

:root {
  --main_bg:#ffffff;
  --main_color:#6F4A9B;
  --main_font_color:#232323;
  --main_font_name:'Rubik';
  --point_font_name: 'Playfair Display';
  --point_font_color: #6F4A9B;
  --point_bg_color:#6F4A9B;
  --point_bg_font_color:#ffffff;

  
}
html {overflow-y:scroll;height:100%;min-width:320px;}
body {margin:0;padding:0;font-size:0.75em;background:var(--main_bg);height:100%;color:var(--main_font_color);font-family:var(--main_font_name), -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
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}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none}
input:focus {outline:none;}
textarea, select {font-size:1em;font-family:var(--main_font_name), -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
textarea {border-radius:0;-webkit-appearance:none;line-height:160%;}
select {margin:0;background:none;border-radius:0px;}
select:focus {outline:none;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:var(--main_font_color);text-decoration:none}
ul,li,dl,dt,dd {list-style:none;padding:0;margin:0}
h1 {font-size:4em; font-family:var(--point_font_name);font-weight:500}
* {font-weight:300}
*, :after, :before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

}
/* 공통 스타일 */
.sub_image {margin:0% 1% 1% 1%; border-radius:30px; overflow:hidden; padding:10% 4% 0px 4%;height:450px;background-size:cover; background-position:center center; background-repeat:no-repeat;}
.sub_image p.sub_img_desc {font-size:2.6em;}
.fixbox { width:98%; max-width:1280px; margin:0px auto;}
.al {text-align:left;}
.ar {text-align:right}
.ac {text-align:center}

.mt-1 {margin-top:10px}

.section_space {display:block; width:100%; height:80px; overflow:hidden; float:none; clear:both;}
strong {font-weight:500;}
/* 팝업레이어 */
#hd_pop {position:absolute;z-index:100000;width:100%;height:0;background:rgba(0,0,0,0.7)}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;}
.hd_pops {position:relative; border:1px solid #e9e9e9;background:#fff;display:inline-block;min-width:250px;}
.hd_pops_con {}
.hd_pops_con img {width:100%;}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}


/* 텍스트 크기 조절 */
#text_size {display:block;height:48px;margin:0 10px 20px;padding:7px 20px;background:#e6e7e9;text-align:center}
#text_size h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#text_size button {display:inline-block;height:35px;width:35px;border:1px solid #cacaca;text-indent:-9999px}

#text_size #size_down {background:url('../img/fct_small.png') #f3f3f3 center no-repeat;background-size:auto 20px}
#text_size #size_def {background:url('../img/fct_basic.png') #f3f3f3 center no-repeat;background-size:auto 20px}
#text_size #size_up {background:url('../img/fct_large.png') #f3f3f3 center no-repeat;background-size:auto 20px}

#text_size #size_down.ft_status {background:url('../img/fct_small_x.png') #f3f3f3 center no-repeat;background-size:auto 20px}
#text_size #size_def.ft_status {background:url('../img/fct_basic_x.png') #f3f3f3 center no-repeat;background-size:auto 20px}
#text_size #size_up.ft_status {background:url('../img/fct_large_x.png') #f3f3f3 center no-repeat;background-size:auto 20px}

#text_size button.select {background:#fff;border-bottom:1px solid #bbb;
-webkit-box-shadow:0 0 5px rgba(100,80,100,0.2);
-moz-box-shadow:0 0 5px rgba(100,100,100,0.2);
box-shadow: 0 0 5px rgba(100,100,100,0.2)}
.ts_down2 {font-size:0.67em !important}
.ts_down1 {font-size:0.83em !important}
.ts_def {font-size:1em !important}
.ts_up1 {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}


/* 중간 레이아웃 */
#wrapper {z-index:99;padding-top:92px;width:100%;}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#container {position:relative;min-height:300px}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.2em;font-weight:bold;height:50px;padding:10px 10px 10px 0;line-height:30px;border-bottom:1px solid #d9dee9;background:#fff;color:#333}
#container_title a {font-weight:bold;padding:7px 10px 7px 15px;font-size:1.8em;vertical-align:sub}

.top {position:relative}
.btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.btn_top {text-align:right;padding:1%;}
.btn_top li {display:inline-block}
.btn_top a,.btn_top .btn_submit {padding:0 10px;line-height:30px}
.btn_top .btn_cancel,.btn_top .btn_b01 {display:inline-block;background:#fff;border:1px solid #dedede; border-radius:5px;color:#0b0b0b;text-decoration:none;vertical-align:middle}

/* 하단 레이아웃 */
#ft {background:#efefef;padding:70px 0px; margin:0px;}
#ft h5 {font-size:1.15em; font-weight:600;padding-bottom:10px;}
#ft p {margin:0;padding:10px 0;line-height:1.4em;font-size:1.12em;color:#7D7D7D;font-weight:400;word-break:break-word}
#ft .fixbox {display:flex; justify-content:space-between; align-items:start}
#ft .ft_logo {flex:0 0 330px;}
#ft .ft_logo .logo {padding-bottom:10px;}
#ft .ft_contact {flex:1 1;padding:0px 30px;}
#ft .ft_sns {flex:1 1;}
#ft .ft_sns ul li {float:left;padding:4px 8px 4px 0px;}
#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
#device_change {display:block;line-height:40px;margin-bottom:40px;border:1px solid #dddfe2;background-color:#f1f3f6;background:linear-gradient(to bottom, #fefeff, #f1f3f6);border-radius:3px;color:#777;font-size:1em;text-decoration:none;text-align:center}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;padding:1px 2px;margin-right:10px;border:1px solid #08ae8f;background:#17bb9c;color:#fff;border-radius:1px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha {width:213px;height:55px;overflow:hidden}
#rc-imageselect, .g-recaptcha {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0}

/*단축키일람 */
.cke_sc {text-align:right}
.btn_cke_sc {background:#333;color:#fff;padding:5px;border:none}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%;font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close {background:#333;padding:5px;border:none;color:#fff}

/* 버튼 */
.btn {display:inline-block;padding:0 5px;height:30px;line-height:30px}
a.btn01 {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */
.btn_submit {height:30px;line-height:30px;padding:0 10px;border:1px solid var(--main_color);border-radius:3px;background:var(--main_color);color:#fff;cursor:pointer}
.full_btn_submit {width:100%;height:40px;line-height:35px;padding:0 10px;color:#fff;cursor:pointer;border:1px solid var(--main_color);background:#3598dc}

a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01, .btn_b01 {display:inline-block;background:#fff;border:1px solid #dedede;color:#0b0b0b;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02, .btn_b02 {display:inline-block;background:var(--main_color);padding:0 10px;border:1px solid var(--main_color);color:#fff;text-decoration:none;vertical-align:middle; border-radius:5px;}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;padding:0 10px;border:1px solid #dedede;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_b05, .btn_b05 {display:inline-block;background:#fff;border:1px solid #6F4A9B;color:#6F4A9B;text-decoration:none;vertical-align:middle;border-radius:5px;font-weight:400;}
a.btn_b05:hover, .btn_b05:hover {}
a.btn_admin, .btn_admin {display:inline-block;color:#232323;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:var(--main_color);}
.btn_admin:hover, a.btn_admin:hover i {color:var(--main_color);}


/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;border:1px solid #d9dee9}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}
.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding:0;font-weight:normal;text-align:center;border-bottom:1px solid #d9dee9;background:#fff}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {line-height:1.4em;border-top:1px solid #ecf0f1;color:#666;word-break:break-all;background:#fff}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important;color:#777;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:99% center !important}
textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:99.3% 93% !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:150px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 체크박스 */
.all_chk {position:relative}
.all_chk label, .bo_chk label {display:inline-block;height:19px;padding-left:30px;background:url('../img/input_chk.png') no-repeat 0 -19px;vertical-align:top}
.all_chk label {width:120px}
.bo_chk label.click_on, .all_chk label.click_on {background:url('../img/input_chk.png') no-repeat 0 0}
.bo_chk input, .all_chk input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;outline:0;z-index:9}

.td_chk, .td_chk_all {position:relative}
.td_chk_all label,
.td_chk label {display:inline-block;margin:10px !important;padding:0;width:19px;height:19px;background:url('../img/input_chk.png') no-repeat 0 -19px;vertical-align:top}
.td_chk label.click_on,
.td_chk_all label.click_on {background:url('../img/input_chk.png') no-repeat 0 0}
.td_chk input,
.td_chk_all input {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;outline:0;z-index:9}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {margin:0 10px 10px}

.new_win .win_ul {margin:0 0 10px 1px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;width:33.333%;margin-left:-1px;text-align:center;background:#fff}
.new_win .win_ul li a {display:block;padding:10px 0;color:#667287;border:1px solid #dedede}
.new_win .win_ul .selected {position:relative;border:1px solid #1ec679;color:#009c54;z-index:5}
.new_win .win_ul .selected a {font-weight:bold;background:#17bb9c;color:#fff}

.new_win .win_desc {padding:10px 0;margin:10px 0;font-size:0.92em;font-weight:bold;color:#364154;background:#dfe3ea;text-align:center}
.new_win .frm_info {display:block;margin:3px 0 0 0;text-align:right;font-size:0.92em;color:#707e8b}
.new_win .win_total {text-align:left;margin:10px 0;background:#deefd8;border:1px solid #ccdebe;padding:10px 15px}
.new_win .win_total span {display:inline-block;font-size:0.92em;color:#3c763d}
.new_win .win_total span.win_total_r {float:right}

.new_win .win_btn {text-align:center;margin-bottom:10px}
.new_win .memo_view_opt {background:#f7f7f9;padding:10px;border:1px solid #d9dee9;border-top:0;text-align:left}
.new_win .memo_view_opt:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .memo_view_opt .btn_right {float:right;margin-left:5px}
.new_win .memo_view_btn {margin:25px 0;text-align:center}
.new_win .btn_close {border:1px solid #ccc;padding:0 10px;border-radius:3px;background:#fff;color:#000;cursor:pointer}
.new_win .btn_submit {height:40px}

.win_btn {text-align:center;margin-bottom:10px}
.win_btn .btn_close {color:#000;text-decoration:none;vertical-align:middle;cursor:pointer;padding:10px}
.win_btn .btn_submit {height:38px;display:inline-block;background:#3598dc;padding:0 10px;border:1px solid #2085cb;color:#fff;text-decoration:none;vertical-align:bottom;cursor:pointer}


/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input {padding:5px;border:1px solid #dfdfdf;background:#fff;color:#000;vertical-align:middle}
.form_01 textarea, .frm_input {padding:10px;border:1px solid #dfdfdf;background:#fff;color:#000;vertical-align:middle;border-radius:3px}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}


/* 기본 리스트 */
.list_01 ul {border:1px solid #d9dee9}
.list_01 li {position:relative;padding:10px 15px;border-bottom:1px solid #dfdfdf;background:#fff;border-radius:3px;list-style:none}
.list_01 li:last-child {border-bottom:0}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {padding:20px 0;color:#666;text-align:center}

/* 쪽지 리스트 */
.list_02 ul {border:1px solid #d9dee9}
.list_02 li {position:relative;border-bottom:1px solid #d9dee9;background:#fff;list-style:none}
.list_02 li:last-child {border-bottom:0}
.list_02 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_02 li:hover {background:#f9f9f9}
.list_02 li.empty_li {padding:20px 0;text-align:center;color:#666}

.list_03 ul {border-top:1px solid #d9dee9}
.list_03 li {position:relative;padding:10px;border-bottom:1px solid #d9dee9;background:#fff;list-style:none}
.list_03 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_03 li:hover{background:#f9f9f9}
.list_03 li.empty_li {padding:20px 0;text-align:center;color:#666}

/* 폼 리스트 */
.form_01 h2 {margin:0 0 10px;font-size:1.167em}
.form_01 li {margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input {float:right}
.form_01 textarea {width:100%;height:100px}
.form_01 .frm_label {display:inline-block;width:130px}

.form_inpt div {margin-bottom:5px}
.form_inpt .frm_input {width:100%;height:40px}

/* 검색결과 색상 */
.sch_word {color:#ff5757}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;line-height:20px;font-weight:normal}
.sv_wrap .sv {z-index:1000;width:100px;display:none;margin:5px 0 0;font-size:0.92em;background:#333;text-align:left;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content: "";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;width:100px;margin:0;padding:0 10px;line-height:30px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333;font-weight:bold}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:20px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {display:inline-block}
.pg .pg_page, .pg_current {float:left;display:inline-block;min-width:30px;height:30px;line-height:28px;margin:4px;padding:0 5px;font-size:1.083em;vertical-align:middle;background:#efefef;border:1px solid #efefef;border-radius:30px;}
.pg a {display:block;color:var(--main_font_color);}
.pg a:hover {background:var(--main_color);color:#ffffff}
.pg .pg_current {background:var(--main_color);color:#fff;font-weight:500}
.pg .pg_start {margin-right:10px}
.pg .pg_prev {margin-right:10px;margin-left:-11px}
.pg .pg_end {margin-left:10px}
.pg .pg_next {margin-left:10px;margin-right:-11px}


/* content style */
.main_article {display:flex; justify-content:space-between; align-items:center; width:96%; margin:0px auto;}
.main_article.fix {max-width:1280px;}
.main_article .main_subject {flex:0 0 35%; font-size:2.2em; color:#232323;font-weight:600; padding:65px 50px 0px 30px; background:url(/theme/onh01/img/quote.png) no-repeat 0 0;min-height:107px;}
.main_article .main_desc {flex:1 1 65%;font-size:1.8em;line-height:140%; padding-top:50px}
.main_article strong {font-weight:500;padding:0px 0px 20px 0px; display:inline-block;}
.article_space {padding:0px;margin:0px;height:80px;clear:both;display:block;float:none;overflow:hidden;}

.box {display:flex; justify-content:flex-start; align-items:stretch;width:100%; margin:0 auto;}
.box.box_st01 {margin:16px auto};
.box.fix {max-width:1280px;}
.box.box_st01.f_end {flex-direction:row-reverse;}
.box.fix {  max-width:1280px;}
.box.box_st01 div {flex:1 1 50%;min-height:372px;}
.box.box_st01 div.box01 {background:#ffffff;background-repeat: no-repeat; background-position: top center;background-size:cover;}
.box.box_st01 div.box01 {background-size:cover;}
.box.box_st01 div.box02 {background:#efefef;padding:4.5%}
.box.box_st01 h3 {font-size:3.4em; font-weight:500;padding-bottom:8px;}
.box.box_st01 p.point_desc {font-size:2em; color:var(--main_color); word-break:normal;padding-bottom:24px; word-break:normal;}
.box.box_st01 p.desc {font-size:1.5em; color:var(--main_font_color); word-break:normal;}

.box.box_st03 {justify-content:stretch;flex-wrap:nowrap;box-sizing:border-box;padding:4% 0px}
.box.box_st03 div.box01 {flex:1 1;text-align:center; padding:1%;}
.box.box_st03 div.box01 .icon {height:80px;display:flex;justify-content:center; align-items:end}
.box.box_st03 div.box01 .txt {padding:20px 0px; color:#ffffff; font-weight:500;font-size:1.8em;}
.box.box_st03 div.box01 .con {color:#ffffff; font-size:1.6em;}



/*box3col */
.box3col {width:100%;margin:0px auto; display:flex; justify-content:stretch; align-items:stretch;}
.box3col .box01 {flex:0 1 33%; text-align:left;position:relative;height:846px; display:flex;justify-content:center; align-items:center;transition:opacity 0.3s ease;flex-wrap:wrap;}
.box3col .box01 .txt {position:relative;display:block;font-family:var(--point_font_name); font-size:3.4em; color:#fff; text-align:center; width:100%;z-index:10; font-weight:600;padding:2%;}
.box3col .box01 .con {display:block; font-size:2em;margin:0px auto 0px auto; color:var(--main_font_color); text-align:center; width:100%;padding:2%; transition:margin 0.2s ease;position:absolute; width:100%;opacity:0;}
.box3col input, .box3col textarea {border:1px dashed #aeaeae;margin:2px; background:transparent;text-align:center; color:#232323;box-shadow:none; position:relative; z-index:2; width:100%;}

.box3col .box01.suitable01 {}
.box3col .box01.suitable01::before {background:url(/theme/onh01/img/suitable01.png) no-repeat center center; background-size:cover;content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1; opacity:1;}
.box3col .box01.suitable02::before {background:url(/theme/onh01/img/suitable02.png) no-repeat center center; background-size:cover;content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1; opacity:1;}
.box3col .box01.suitable03::before {background:url(/theme/onh01/img/suitable03.png) no-repeat center center; background-size:cover;content:""; position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:1; opacity:1;}
.box3col .box01:hover::before {opacity:0.2;transition:opacity 0.4s ease;}
.box3col .box01:hover .txt {color:var(--main_font_color);}
.box3col .box01:hover .con {color:var(--main_font_color); margin-top:180px; transition:margin 0.4s ease;display:block;opacity:1}
/*box 4 col */
.box4col {width:98%;margin:0px auto; display:flex; justify-content:space-between; align-items:stretch;}
.box4col .box01 {flex:0 1 23%; text-align:left;}
.box4col .box01 .icon {display:block; font-size:1.4em; text-align:left; height:50px;}
.box4col .box01 .txt {display:block; font-size:1.65em; color:var(--main_color); text-align:left; font-weight:600; padding:15px 0px 15px 0px}
.box4col .box01 .con {display:block; font-size:1.3em; color:var(--main_font_color); text-align:left;}

.box4col.notice01 {flex-wrap:wrap}
.box4col.notice01 .box01 {flex:0 1 23%;margin:1%;flex-wrap:wrap;text-align:center; border:1px solid #dfdfdf; padding:5% 0px}
.box4col.notice01 .box01 .icon {text-align:center; color:#cfcfcf;padding-bottom:20px; font-size:2.4em;}
.box4col.notice01 .box01 .con {text-align:center; color:var(--main_font_color);font-size:1.4em;}
.notice_desc {font-size:1.8em; text-align:center;}

.box4col.notice02 {flex-wrap:wrap}
.box4col.notice02 .box01 {flex:0 1 23%;margin:1%;flex-wrap:wrap;text-align:center;background:#efefef;padding:3% 2% 7% 2%}
.box4col.notice02 .box01 .icon {text-align:center; color:var(--main_font_color);padding-bottom:20px; font-size:2.4em;}
.box4col.notice02 .box01 .con {text-align:center; color:var(--main_font_color);font-size:1.4em;}

.box2col {width:98%; margin:0px auto; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap}
.box2col.revers {flex-direction:row-reverse;}
.box2col .box01 {flex:0 1 48%; text-align:center;}
.box2col .box01 .icon {display:block; font-size:1.4em; text-align:left;}
.box2col .box01 .txt {display:block; font-size:1.4em; color:var(--main_color);}
.box2col .box01 .con {display:block; font-size:1.1em; color:var(--main_font_color);}


.box2col.method {width:98%; margin:0px auto; display:flex; justify-content:stretch; align-items:stretch; flex-wrap:wrap;}
.box2col.method .box01 {flex:1 1; text-align:center;background:#f6f6f6; padding:3%;}
.box2col.method:nth-child(odd) .box01:nth-child(odd) {background:#efefef;}
.box2col.method:nth-child(even) .box01:nth-child(even) {background:#efefef;}

.box2col.method .box01 .num {display:block; font-size:3.2em; text-align:left; color:var(--main_color);opacity:0.7;font-weight:600}
.box2col.method .box01 .txt {display:block; font-size:1.8em; color:var(--main_font_color); text-align:left; font-weight:500; padding:14px 0px}
.box2col.method .box01 .con {display:block; font-size:1.6em; color:var(--main_font_color); text-align:left;line-height:170%;}
.box2col .box01.check_point { background:#eaeaea}
.box2col .check_point li {text-indent:-16px; padding-left:30px;}
.box2col .check_point li:before {display:inline-block; content:"\f058"; font-family: 'Font Awesome 6 Pro'; font-weight:900; padding:0px 5px; font-size:0.85em;}
.red_point {color:#D52A2A}
/* medical staff */
.staff_box {position:relative;width:96%; margin:0px auto;}
.staff_box .dr_pic {position:absolute;top:-150px; left:0px; width:100%; z-index:1;text-align:center;}
.staff_box .dr_pic img {width:90%;max-width:492px;}

.box_st02 {display:inline-flex; justify-content:space-between; align-items:stretch; width:100%; padding:16px 0px}
.box_st02 > div {flex:0 0 38%; position:relative; z-index:2}
.box_st02 .box01 {padding-left:80px;}
.box_st02 h3 {font-size:1.4em; font-weight:500;padding-bottom:10px;}
.box_st02 li {font-size:1.3em;padding:6px 0px 6px 24px;margin:0px; text-indent:-6px;}
.box_st02 li:before {content:"-";display:inline-block;padding-right:5px;}
.box1_gray {border-radius:20px; background:#f0f0f0; box-shadow:0 0 30px rgba(0, 0, 0, 0.3); z-index:5;position:relative; margin:170px auto 0px auto; text-align:center; padding:4%;width:100%;}
#ctt .box1_gray h2 {font-weight:500; font-size:3.3em;padding-bottom:6px;}
#ctt .box1_gray h5 {font-weight:400; font-size:2em;padding-bottom:40px;}
.box1_gray h6 {font-weight:300; font-size:2em;padding-bottom:40px;}
.box1_gray p {font-size:1.4em;padding:6px 0px;margin:0px;}
.box1_gray strong {font-weight:500;}


/* content mid section */
.mid {background:url(/theme/onh01/img/mid_bg.png) no-repeat center center; background-size:cover; width:100%; padding:5% 0px;}

.video-container {
  width:100%;
  position:relative;
  height:0;
  padding-bottom:56.25%;
  
}

.video-container iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.fix {max-width:1280px;}
#ctt h2 {font-size:3.6em;text-align:center; padding:0 0 15px 0}
#ctt h5 {font-size:1.8em; text-align:center; font-weight:600; color:var(--main_color);}
.flexbox {display:flex;}
.flexbox select {flex:2 2;border:1px solid #aeaeae;}

.flexbox input {flex:8 8;}

.index_service h2 {font-size:3.8em;text-align:center; padding:0 0 5px 0}
.index_service h5 {font-size:1.6em; text-align:center; font-weight:600; color:var(--main_color);}

.box2col.iService {display:flex;justify-content:stretch;}
.box2col.iService .box01 {background:#F4F5F9;background-size:cover;flex:1 1; padding:3%;}
.box2col.iService h3 {font-size:2.6em; color:var(--main_color);text-align:left;font-weight:500;padding-bottom:10px}
.box2col.iService li {font-size:1.5em; color:var(--main_font_color);text-align:left; text-indent:-15px;padding:5px 0px 10px 30px; line-height:160%;}
.box2col.iService li:before {display:inline-block; content:"\f058"; font-family: 'Font Awesome 6 Pro'; font-weight:400; padding:0px 5px; font-size:0.85em;}

.box2col.iService.revers {flex-direction:row-reverse}

.bar {background:url('/theme/onh01/img/bar_bg.png') no-repeat center center;background-size:cover;padding:50px 0px;text-align:center;}
.bar p {text-align:center; font-size:2.4em; font-family:var(--point_font_name); color:#fff; width:98%; margin:0px auto; line-height:180%;}
.bar p.logo {padding-top:50px;}

.index_map {position:relative;}
.opening_info {background-color:rgba(0,0,0,0.7); width:35%; position:absolute; top:55px; right:5%;padding:30px}
.opening_info:after {display:block; content:""; clear:both;}
.opening_item {padding-top:30px;}
.opening_info p {color:#ffffff; font-size:1.4em; font-weight:300;padding-bottom:10px;line-height:140%;}
.opening_info p i {font-size:1.8em; padding-bottom:10px}
.index_map iframe {border:0px;margin:0px;padding:0px;height:725px;}
.pc {display:block}
.mobile {display:none;}
.pc_inline {display:inline-block;}
.mobile_inline {display:none;}
 

.quick {position:fixed; right:20px; top:30%; z-index:9999;}
.quick ul {border-radius:10px;background:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.15)}
.quick ul li {border-bottom:1px solid #cfcfcf;width:52px;text-align:center;height:48px; line-height:48px; padding:0px;}
.quick ul li img {width:24px;}
.quick ul li:last-child {border-bottom:0px;}
.quick #top {padding:8px 0px; text-align:center;}


.quick_m {display:none;position:fixed; bottom:0px; left:0px; width:100%;top:auto; background:#ffffff;box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.quick_m ul {display:flex;border-radius:0px; justify-content:stretch; align-items:center}
.quick_m ul li {flex:1 1 16.6%;text-align:center;padding:0px 0px; vertical-align:middle;line-height:48px; height:48px;}
.quick_m ul li img {width:24px;}


@media(max-width:1280px) {
  
}
@media(max-width:1024px) {
  
  .pc {display:none}
  .mobile {display:block;}
  .pc_inline {display:none;}
  .mobile_inline {display:inline-block;}
  .quick_m {display:block;}
  h1 {font-size:2.6em;}
  #hd_pop {position:absolute;z-index:100000;width:100%;height:0;background:rgba(0,0,0,0.7);}
  #hd_pops {position:relative;display:block; }
  
  .sub_image { padding:8% 4% 0px 4%;height:200px;}
  .sub_image p.sub_img_desc {font-size:1.8em;}

  .index_service h2 {font-size:3em;padding-bottom:5px}
  .index_service h5 {font-size:1.4em;}
  .box.box_st01 div.box02 {height:auto;min-height:auto;}
  .box2col.iService {flex-wrap:wrap;}
  .box2col.iService .box01 {flex:1 1 100%;min-height:350px}
  .box2col.iService h3 {font-size:2em;padding-bottom:10px}
  .box2col.iService li {font-size:1.4em; text-indent:-15px;padding:5px 0px 5px 30px; line-height:160%;}
  .box2col.iService li:before {display:inline-block; content:"\f058"; font-family: 'Font Awesome 6 Pro'; font-weight:400; padding:0px 5px; font-size:0.85em;}
  
  .bar p {font-size:2em;word-break:normal}
  
  .index_map iframe {height:500px;}
  .opening_info {position:relative; width:100%; top:0; right:0px;}
  .opening_item {float:left; width:50%;}
  .opening_item:after {display:block;content:"";clear:both;}
  
  
  .section_space {height:70px}
  
  .box3col {flex-wrap:wrap}
  .box3col .box01 {flex:0 1 100%;}
  .box3col .box01 .txt { font-size:3em; }
  .box3col .box01 .con {}
  .box3col .box01 {height:500px}
  
  #ctt h2 {font-size:3em;padding-bottom:5px;}
  #ctt h5 {font-size:1.4em; }
  
  .box4col {flex-wrap:wrap;width:90%}
  .box4col .box01 {flex:0 1 48%; text-align:left;}
  .box4col .box01 .icon { height:40px;}
  .box4col .box01 .icon img {width:32px;}
  .box4col .box01 .txt {font-size:1.4em; padding:10px 0px 5px 0px}
  .box4col .box01 .con {padding-bottom:20px}
  
  .box4col.notice01 {flex-wrap:wrap}
  .box4col.notice01 .box01 {flex:0 1 48%;}
  .box4col.notice01 .box01 .icon {padding-bottom:5px; font-size:2em; height:40px}
  .box4col.notice01 .box01 .con {font-size:1.3em;padding:0px 10px}
  
  
  .box4col.notice02 .box01 {flex:0 1 48%;margin:1%;padding:7% 2% 7% 2%}
  .box4col.notice02 .box01 .icon {padding-bottom:0px; font-size:2em; height:40px}
  .box4col.notice02 .box01 .con {font-size:1.3em;}


  .notice_desc {font-size:1.4em; padding:8px;}
  
  
  .box2col.method {width:100%;}
  .box2col.method .box01 {flex:1 1 100%; padding:3%;}
  .box2col.method:nth-child(odd) .box01:nth-child(odd) {background:#efefef;}
  .box2col.method:nth-child(even) .box01:nth-child(even) {background:#f6f6f6;}
  .box2col.method:nth-child(even) .box01:nth-child(odd) {background:#efefef;}

  .box2col.method .box01 .num { font-size:4em;}
  .box2col.method .box01 .txt {font-size:1.6em; padding:14px 0px}
  .box2col.method .box01 .con {font-size:1.6em; line-height:160%}
  .box2col .box01.check_point { background:#eaeaea}
  .box2col .check_point li {text-indent:-12px;}
  .box2col .check_point li:before {display:inline-block; content:"\f058"; font-family: 'Font Awesome 6 Pro'; font-weight:900; padding:0px 5px; font-size:0.75em;}
  
  .staff_box {position:relative;width:96%; margin:0px auto;}
  .staff_box .dr_pic {position:relative;top:0px}
  
  .box_st02 {display:inline-flex; justify-content:space-between; align-items:stretch; width:100%; padding:0px 0px; flex-wrap:wrap;}
  .box_st02 > div {flex:0 0 100%; padding:20px 0px 0px 0px}
  .box_st02 h3 { padding-bottom:5px;}
  .box_st02 .box01 {padding-left:0px;}

  .box1_gray { margin:0 auto 0px auto; text-align:center; padding:4%;width:100%;}
  #ctt .box1_gray h2 { font-size:2.4em;padding-bottom:10px;}
  #ctt .box1_gray h5 {font-size:1.8em;padding-bottom:20px;}
  .box1_gray h6 {font-size:1.8em;padding-bottom:20px;}
  .box1_gray p {font-size:1.3em;padding:3px 0px;margin:0px;}
  .box1_gray strong {font-weight:500;}
  .quick.pc {display:none;}

}
@media(max-width:850px) {
  .main_article {display:flex; flex-wrap:wrap}
  
  .main_article .main_subject {flex:0 0 100%;padding:1%; font-size:2.2em; color:#232323; padding:65px 50px 0px 30px; background:url(/theme/onh01/img/quote.png) no-repeat 0 0;min-height:107px;}
  .main_article .main_desc {flex:1 1 100%;padding:1%;font-size:1.6em; padding-top:20px}
  
  .box {display:flex; flex-wrap:wrap}

  
  
  .box.box_st01 div {flex:1 1 100%;min-height:300px;}
  
  
  .box.box_st01 h3 {font-size:2.6em; font-weight:500;padding-bottom:8px;}
  .box.box_st01 p.point_desc {font-size:1.8em; color:var(--main_color); word-break:normal;padding-bottom:14px;}
  .box.box_st01 p.desc {font-size:1.4em;}
  
  .box.box_st03 div.box01 .icon {height:60px;}
  .box.box_st03 .icon img {width:48px}
  .box.box_st03 div.box01 .txt {font-size:1.4em; height:70px}
  .box.box_st03 div.box01 .con {font-size:1.1em;}
  
  #ft .fixbox {flex-wrap:wrap;}
  #ft .ft_logo {flex:0 0 100%; padding:0px 30px 30px 30px}
  
  
}
@media(max-width:700px) {
  .box.box_st03 div.box01 .icon {height:40px;}
  .box.box_st03 .icon img {width:32px}
  .box.box_st03 div.box01 .txt {font-size:1.1em; height:70px}
  .box.box_st03 div.box01 .con {font-size:0.9em;}
  #ft {padding:50px 0px}
  #ft .ft_contact {
    flex:1 1 100%;
  }
  #ft .ft_sns {flex:1 1 100%; padding:30px 30px 0px 30px}
  
  .opening_info {position:relative; width:100%; top:0; right:0px;}
  .opening_item {float:left; width:100%;}
  .opening_item:after {display:block;content:"";clear:both;}
  .index_map iframe {height:300px;}
  .section_space {height:40px}
}
@media(max-width:330px) {
  
}