@charset "UTF-8";
* { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
html {scroll-behavior:smooth;-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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; }

img { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html, body { font-family: "SUIT", "sans-serif"; min-width: 360px; line-height: 1.2; font-size: 10px; color: #1c1c1b; word-break: keep-all; word-wrap: break-word; -ms-touch-action: manipulation; touch-action: manipulation; }

a { font-family: "SUIT", "sans-serif"; color: inherit; line-height: 1.2; text-decoration: none; }

a:active, a:focus, a:hover { outline: 0; text-decoration: none; color: inherit; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.hide { font-size: 0; text-indent: -9999em; overflow: hidden; width: 0; height: 0; overflow: hidden; visibility: hidden; line-height: 0; }

input[type="text"], input[type="password"], textarea, input[type="button"], input[type='submit'], button, input[type='search'] { font-family: "SUIT", "sans-serif"; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea, input[type="button"], input[type='submit'], button, input[type='search'] { border-radius: 0; border: none; }

select:focus, input:focus, textarea:focus, button:focus { outline: none; }

/* serif */
.serif {font-family: bigmoore, serif !important; font-weight: 400; font-style: normal}

/** grid **/
.grid_wrap {max-width:1440px;padding:0 20px;margin:0 auto;}
.grid {
    display: grid;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 16px;
}
.grid .grid_item.pc_col_12 {
    grid-column: span 12;
}
.grid .grid_item.pc_col_11 {
    grid-column: span 11;
}
.grid .grid_item.pc_col_10 {
    grid-column: span 10;
}
.grid .grid_item.pc_col_9 {
    grid-column: span 9;
}
.grid .grid_item.pc_col_8 {
    grid-column: span 8;
}
.grid .grid_item.pc_col_7 {
    grid-column: span 7;
}
.grid .grid_item.pc_col_6 {
    grid-column: span 6;
}
.grid .grid_item.pc_col_5 {
    grid-column: span 5;
}
.grid .grid_item.pc_col_4 {
    grid-column: span 4;
}
.grid .grid_item.pc_col_3 {
    grid-column: span 3;
}
.grid .grid_item.pc_col_2 {
    grid-column: span 2;
}
.grid .grid_item.pc_col_1 {
    grid-column: span 1;
}

.grid .grid_item.pc_col_11.pc_start_1 {
    grid-column: 1 / span 11;
}
.grid .grid_item.pc_col_11.pc_start_2 {
    grid-column: 2 / span 11;
}
.grid .grid_item.pc_col_10.pc_start_1 {
    grid-column: 1 / span 10;
}
.grid .grid_item.pc_col_10.pc_start_2 {
    grid-column: 2 / span 10;
}
.grid .grid_item.pc_col_10.pc_start_3 {
    grid-column: 3 / span 10;
}
.grid .grid_item.pc_col_9.pc_start_1 {
    grid-column: 1 / span 9;
}
.grid .grid_item.pc_col_9.pc_start_2 {
    grid-column: 2 / span 9;
}
.grid .grid_item.pc_col_9.pc_start_3 {
    grid-column: 3 / span 9;
}
.grid .grid_item.pc_col_9.pc_start_4 {
    grid-column: 4 / span 9;
}
.grid .grid_item.pc_col_8.pc_start_1 {
    grid-column: 1 / span 8;
}
.grid .grid_item.pc_col_8.pc_start_2 {
    grid-column: 2 / span 8;
}
.grid .grid_item.pc_col_8.pc_start_3 {
    grid-column: 3 / span 8;
}
.grid .grid_item.pc_col_8.pc_start_4 {
    grid-column: 4 / span 8;
}
.grid .grid_item.pc_col_8.pc_start_5 {
    grid-column: 5 / span 8;
}
.grid .grid_item.pc_col_7.pc_start_1 {
    grid-column: 1 / span 7;
}
.grid .grid_item.pc_col_7.pc_start_2 {
    grid-column: 2 / span 7;
}
.grid .grid_item.pc_col_7.pc_start_3 {
    grid-column: 3 / span 7;
}
.grid .grid_item.pc_col_7.pc_start_4 {
    grid-column: 4 / span 7;
}
.grid .grid_item.pc_col_7.pc_start_5 {
    grid-column: 5 / span 7;
}
.grid .grid_item.pc_col_7.pc_start_6 {
    grid-column: 6 / span 7;
}
.grid .grid_item.pc_col_6.pc_start_1 {
    grid-column: 1 / span 6;
}
.grid .grid_item.pc_col_6.pc_start_2 {
    grid-column: 2 / span 6;
}
.grid .grid_item.pc_col_6.pc_start_3 {
    grid-column: 3 / span 6;
}
.grid .grid_item.pc_col_6.pc_start_4 {
    grid-column: 4 / span 6;
}
.grid .grid_item.pc_col_6.pc_start_5 {
    grid-column: 5 / span 6;
}
.grid .grid_item.pc_col_6.pc_start_6 {
    grid-column: 6 / span 6;
}
.grid .grid_item.pc_col_6.pc_start_7 {
    grid-column: 7 / span 6;
}
.grid .grid_item.pc_col_5.pc_start_1 {
    grid-column: 1 / span 5;
}
.grid .grid_item.pc_col_5.pc_start_2 {
    grid-column: 2 / span 5;
}
.grid .grid_item.pc_col_5.pc_start_3 {
    grid-column: 3 / span 5;
}
.grid .grid_item.pc_col_5.pc_start_4 {
    grid-column: 4 / span 5;
}
.grid .grid_item.pc_col_5.pc_start_5 {
    grid-column: 5 / span 5;
}
.grid .grid_item.pc_col_5.pc_start_6 {
    grid-column: 6 / span 5;
}
.grid .grid_item.pc_col_5.pc_start_7 {
    grid-column: 7 / span 5;
}
.grid .grid_item.pc_col_5.pc_start_8 {
    grid-column: 8 / span 5;
}
.grid .grid_item.pc_col_4.pc_start_1 {
    grid-column: 1 / span 4;
}
.grid .grid_item.pc_col_4.pc_start_2 {
    grid-column: 2 / span 4;
}
.grid .grid_item.pc_col_4.pc_start_3 {
    grid-column: 3 / span 4;
}
.grid .grid_item.pc_col_4.pc_start_4 {
    grid-column: 4 / span 4;
}
.grid .grid_item.pc_col_4.pc_start_5 {
    grid-column: 5 / span 4;
}
.grid .grid_item.pc_col_4.pc_start_6 {
    grid-column: 6 / span 4;
}
.grid .grid_item.pc_col_4.pc_start_7 {
    grid-column: 7 / span 4;
}
.grid .grid_item.pc_col_4.pc_start_8 {
    grid-column: 8 / span 4;
}
.grid .grid_item.pc_col_4.pc_start_9 {
    grid-column: 9 / span 4;
}
.grid .grid_item.pc_col_3.pc_start_1 {
    grid-column: 1 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_2 {
    grid-column: 2 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_3 {
    grid-column: 3 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_4 {
    grid-column: 4 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_5 {
    grid-column: 5 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_6 {
    grid-column: 6 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_7 {
    grid-column: 7 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_8 {
    grid-column: 8 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_9 {
    grid-column: 9 / span 3;
}
.grid .grid_item.pc_col_3.pc_start_10 {
    grid-column: 10 / span 3;
}
.grid .grid_item.pc_col_2.pc_start_1 {
    grid-column: 1 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_2 {
    grid-column: 2 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_3 {
    grid-column: 3 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_4 {
    grid-column: 4 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_5 {
    grid-column: 5 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_6 {
    grid-column: 6 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_7 {
    grid-column: 7 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_8 {
    grid-column: 8 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_9 {
    grid-column: 9 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_10 {
    grid-column: 10 / span 2;
}
.grid .grid_item.pc_col_2.pc_start_11 {
    grid-column: 11 / span 2;
}
.grid .grid_item.pc_col_1.pc_start_1 {
    grid-column: 1 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_2 {
    grid-column: 2 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_3 {
    grid-column: 3 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_4 {
    grid-column: 4 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_5 {
    grid-column: 5 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_6 {
    grid-column: 6 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_7 {
    grid-column: 7 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_8 {
    grid-column: 8 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_9 {
    grid-column: 9 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_10 {
    grid-column: 10 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_11 {
    grid-column: 11 / span 1;
}
.grid .grid_item.pc_col_1.pc_start_12 {
    grid-column: 12 / span 1;
}

/** Font **/
h1 { font-size: 11.6rem;display:hidden;}

h2 { font-size: 9.6rem; line-height:1.1 }

h3 { font-size: 7.6rem; line-height:1.1 }

h4 { font-size: 4.8rem; line-height:1.2 }

h5 { font-size: 3.2rem; line-height:1.2 }

h6 { font-size: 2.4rem; line-height:1.4 }

button {font-size:1.8rem;line-height:1.6}

caption { font-size: 1.4rem; line-height: 1.6 }

/** Font Family **/
.font_kr { font-family: "SUIT", "sans-serif" !important; }

.font_pop { font-family: "Poppins", "sans-serif" !important; }

/** Font weight **/
.fw_r { font-weight: 400; }

.fw_m { font-weight: 500; }

.fw_sb { font-weight: 600; }

.fw_b { font-weight: 700; }


/*** Color ***/
.bg_black {background-color:#1C1C1B !important}

.bg_white {background-color:#FFFFFF !important}

.c_point {color:#DBF068 !important}

.c_black {color:#1C1C1B !important}

.c_white {color:#FFFFFF !important}

.c_red {color:#D72222 !important}

.c_yellow {color:#FFC107 !important}

.c_green {color:#26A769 !important}

.c_blue {color:#0036B1 !important}

/* Alert Text */
.txt_alert { position: relative; /* padding-left: 20px; */ margin-top: 8px; font-size: 1.4rem; font-weight: 500; line-height: 20px;letter-spacing: 0;}

.txt_alert::before { content: ""; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; /* background-image: url("../images/icon/ico_forms.svg"); */ }

.txt_alert.error { color: #D72222; }

.txt_alert.error::before { background-position: -16px -64px; }

.txt_alert.success { color: #26A769; }

.txt_alert.success::before { background-position: 0px -64px; }

.blind { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; text-indent: -9999px; border: 0; clip: rect(0, 0, 0, 0); }

.w_full { width: 100% !important; }

.w_half { width: 50% !important; }

/**  Align **/
.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; }

.row_horizen { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; }

.row_vertical { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; }

.justify_content_start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify_content_end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify_content_center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }

.align_items_start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.align_items_center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; }

.align_items_end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; }

.txt_left { text-align: left !important; }

.txt_right { text-align: right !important; }

.txt_center { text-align: center !important; }

/* Icon */
*[class*="ico_"] { display: inline-block; position: relative; vertical-align: middle; }

*[class*="ico_"]::before { content: ""; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }

/* filter로 색상 변경 */
*[class*="ico_"].white { -webkit-filter: invert(95%) sepia(22%) saturate(0%) hue-rotate(327deg) brightness(109%) contrast(101%); filter: invert(95%) sepia(22%) saturate(0%) hue-rotate(327deg) brightness(109%) contrast(101%); }

/* 사이즈별 */
*[class*="ico_48"] { width: 48px; height: 48px; }

*[class*="ico_32"] { width: 32px; height: 32px; }

*[class*="ico_26"] { width: 26px; height: 26px; }

*[class*="ico_16"] { width: 16px; height: 16px; }

/********* 유형별 *********/

/* Element 아이콘 */
*[class*="ico_el"]::before { background-image: url("../images/icon/ico_elements.svg"); background-size: auto; }

.ico_el_zoom::before { background-position: 0 0; }

.ico_el_zoom.white::before { background-position: 0 0; }

.ico_el_zoom.gray::before { background-position: -24px 0; }

.ico_el_zoom.blue::before { background-position: -48px 0; }

.ico_el_write::before { background-position: 0 0; }

.ico_el_write.white::before { background-position: 0 -48px; }

.ico_el_write.gray::before { background-position: -16px -48px; }

.ico_el_write.blue::before { background-position: -32px -48px; }

/* Form 아이콘 */
*[class*="ico_frm"]::before { background-image: url("../images/icon/ico_forms.svg"); background-size: auto; }

.ico_frm_zoom::before { background-position: -3px 0; }

.ico_frm_zoom.white::before { background-position: -3px 0; }

.ico_frm_zoom.gray::before { background-position: -27px 0; }

.ico_frm_zoom.blue::before { background-position: -51px 0; }

.ico_frm_ch::before { background-position: 0 -24px; }

.ico_frm_ch-check::before { background-position: -24px -24px; }

.ico_frm_ch-dis::before { background-position: -48px -24px; }

.ico_frm_ch-dis-check::before { background-position: -72px -24px; }

.ico_frm_rd::before { background-position: -96px -24px; }

.ico_frm_rd-check::before { background-position: -120px -24px; }

.ico_frm_rd-dis::before { background-position: -144px -24px; }

.ico_frm_rd-dis-check::before { background-position: -168px -24px; }

.ico_frm_clip::before { background-position: 0 0; }

.ico_frm_clip.white::before { background-position: 0 -48px; }

.ico_frm_clip.gray::before { background-position: -16px -48px; }

.ico_frm_clip.blue::before { background-position: -32px -48px; }

.ico_frm_success::before { background-position: 0px -64px; }

.ico_frm_error::before { background-position: -16px -64px; }

.ico_frm_down::before { background-position: -32px -64px; }

.ico_frm_up::before { background-position: -48px -64px; }

.ico_user::before { background-image: url("../images/icon/ico_user.svg"); }

.ico_user_square::before { background-image: url("../images/icon/ico_user_square.svg"); }

.ico_user_circle::before { background-image: url("../images/icon/ico_user_circle.svg"); }

.ico_user_octagon::before { background-image: url("../images/icon/ico_user_octagon.svg"); }

.ico_user_tag::before { background-image: url("../images/icon/ico_user_tag.svg"); }

.ico_arr_left::before { background-image: url("../images/icon/ico_arr_left.svg"); }

.ico_arr_right::before { background-image: url("../images/icon/ico_arr_right.svg"); }

.ico_arr_up::before { background-image: url("../images/icon/ico_arr_up.svg"); }

.ico_arr_down::before { background-image: url("../images/icon/ico_arr_down.svg"); }

.ico_arr_circle_left::before { background-image: url("../images/icon/ico_arr_circle_left.svg"); }

.ico_arr_circle_right::before { background-image: url("../images/icon/ico_arr_circle_right.svg"); }

.ico_arr_circle_up::before { background-image: url("../images/icon/ico_arr_circle_up.svg"); }

.ico_arr_circle_down::before { background-image: url("../images/icon/ico_arr_circle_down.svg"); }

.ico_arr_sort::before { background-image: url("../images/icon/ico_arr_sort.svg"); }

.ico_arr_replace::before { background-image: url("../images/icon/ico_arr_replace.svg"); }

.ico_chev_left::before { background-image: url("../images/icon/ico_chev_left.svg"); }

.ico_chev_right::before { background-image: url("../images/icon/ico_chev_right.svg"); }

.ico_chev_up::before { background-image: url("../images/icon/ico_chev_up.svg"); }

.ico_chev_down::before { background-image: url("../images/icon/ico_chev_down.svg"); }

.ico_chev_circle_left::before { background-image: url("../images/icon/ico_chev_circle_left.svg"); }

.ico_chev_circle_right::before { background-image: url("../images/icon/ico_chev_circle_right.svg"); }

.ico_chev_circle_up::before { background-image: url("../images/icon/ico_chev_circle_up.svg"); }

.ico_chev_circle_down::before { background-image: url("../images/icon/ico_chev_circle_down.svg"); }

.ico_rotate_left::before { background-image: url("../images/icon/ico_rotate_left.svg"); }

.ico_rotate_right::before { background-image: url("../images/icon/ico_rotate_right.svg"); }

.ico_undo::before { background-image: url("../images/icon/ico_undo.svg"); }

.ico_redo::before { background-image: url("../images/icon/ico_redo.svg"); }

.ico_refresh_01::before { background-image: url("../images/icon/ico_refresh_01.svg"); }

.ico_refresh_02::before { background-image: url("../images/icon/ico_refresh_02.svg"); }

.ico_cart::before { background-image: url("../images/icon/ico_cart.svg"); }

.ico_store::before { background-image: url("../images/icon/ico_store.svg"); }

.ico_delivery::before { background-image: url("../images/icon/ico_delivery.svg"); }

.ico_money_01::before { background-image: url("../images/icon/ico_money_01.svg"); }

.ico_money_02::before { background-image: url("../images/icon/ico_money_02.svg"); }

.ico_card::before { background-image: url("../images/icon/ico_card.svg"); }

.ico_box_01::before { background-image: url("../images/icon/ico_box_01.svg"); }

.ico_box_02::before { background-image: url("../images/icon/ico_box_02.svg"); }

.ico_barcode::before { background-image: url("../images/icon/ico_barcode.svg"); }

.ico_discount::before { background-image: url("../images/icon/ico_discount.svg"); }

.ico_wallet::before { background-image: url("../images/icon/ico_wallet.svg"); }

.ico_monitor::before { background-image: url("../images/icon/ico_monitor.svg"); }

.ico_mobile::before { background-image: url("../images/icon/ico_mobile.svg"); }

.ico_responsive::before { background-image: url("../images/icon/ico_responsive.svg"); }

.ico_printer::before { background-image: url("../images/icon/ico_printer.svg"); }

.ico_mouse::before { background-image: url("../images/icon/ico_mouse.svg"); }

.ico_airpods::before { background-image: url("../images/icon/ico_airpods.svg"); }

.ico_airdrop::before { background-image: url("../images/icon/ico_airdrop.svg"); }

.ico_watch::before { background-image: url("../images/icon/ico_watch.svg"); }

.ico_mike::before { background-image: url("../images/icon/ico_mike.svg"); }

.ico_mike_slash::before { background-image: url("../images/icon/ico_mike_slash.svg"); }

.ico_gallery::before { background-image: url("../images/icon/ico_gallery.svg"); }

.ico_image::before { background-image: url("../images/icon/ico_image.svg"); }

.ico_video_01::before { background-image: url("../images/icon/ico_video_01.svg"); }

.ico_video_02::before { background-image: url("../images/icon/ico_video_02.svg"); }

.ico_video_03::before { background-image: url("../images/icon/ico_video_03.svg"); }

.ico_camera::before { background-image: url("../images/icon/ico_camera.svg"); }

.ico_music::before { background-image: url("../images/icon/ico_music.svg"); }

.ico_music_list::before { background-image: url("../images/icon/ico_music_list.svg"); }

.ico_play::before { background-image: url("../images/icon/ico_play.svg"); }

.ico_play_previous::before { background-image: url("../images/icon/ico_play_previous.svg"); }

.ico_play_next::before { background-image: url("../images/icon/ico_play_next.svg"); }

.ico_play_circle::before { background-image: url("../images/icon/ico_play_circle.svg"); }

.ico_pause::before { background-image: url("../images/icon/ico_pause.svg"); }

.ico_pause_circle::before { background-image: url("../images/icon/ico_pause_circle.svg"); }

.ico_backward::before { background-image: url("../images/icon/ico_backward.svg"); }

.ico_forward::before { background-image: url("../images/icon/ico_forward.svg"); }

.ico_stop_circle::before { background-image: url("../images/icon/ico_stop_circle.svg"); }

.ico_volume::before { background-image: url("../images/icon/ico_volume.svg"); }

.ico_volume_mute::before { background-image: url("../images/icon/ico_volume_mute.svg"); }

.ico_volume_cross::before { background-image: url("../images/icon/ico_volume_cross.svg"); }

.ico_home::before { background-image: url("../images/icon/ico_home.svg"); }

.ico_search::before { background-image: url("../images/icon/ico_search.svg"); }

.ico_menu::before { background-image: url("../images/icon/ico_menu.svg"); }

.ico_switcher::before { background-image: url("../images/icon/ico_switcher.svg"); }

.ico_edit::before { background-image: url("../images/icon/ico_edit.svg"); }

.ico_del::before { background-image: url("../images/icon/ico_del.svg"); }

.ico_add::before { background-image: url("../images/icon/ico_add.svg"); }

.ico_minus::before { background-image: url("../images/icon/ico_minus.svg"); }

.ico_close::before { background-image: url("../images/icon/ico_close.svg"); }

.ico_close_square::before { background-image: url("../images/icon/ico_close_square.svg"); }

.ico_info_circle::before { background-image: url("../images/icon/ico_info_circle.svg"); }

.ico_danger::before { background-image: url("../images/icon/ico_danger.svg"); }

.ico_setting::before { background-image: url("../images/icon/ico_setting.svg"); }

.ico_bookmark::before { background-image: url("../images/icon/ico_bookmark.svg"); }

.ico_heart::before { background-image: url("../images/icon/ico_heart.svg"); }

.ico_location::before { background-image: url("../images/icon/ico_location.svg"); }

.ico_gps::before { background-image: url("../images/icon/ico_gps.svg"); }

.ico_map::before { background-image: url("../images/icon/ico_map.svg"); }

.ico_global::before { background-image: url("../images/icon/ico_global.svg"); }

.ico_email::before { background-image: url("../images/icon/ico_email.svg"); }

.ico_reply::before { background-image: url("../images/icon/ico_reply.svg"); }

.ico_lock::before { background-image: url("../images/icon/ico_lock.svg"); }

.ico_unlock::before { background-image: url("../images/icon/ico_unlock.svg"); }

.ico_filter::before { background-image: url("../images/icon/ico_filter.svg"); }

.ico_filter_square::before { background-image: url("../images/icon/ico_filter_square.svg"); }

.ico_file::before { background-image: url("../images/icon/ico_file.svg"); }

.ico_share::before { background-image: url("../images/icon/ico_share.svg"); }

.ico_calendar::before { background-image: url("../images/icon/ico_calendar.svg"); }

.ico_flag::before { background-image: url("../images/icon/ico_flag.svg"); }

.ico_send_01::before { background-image: url("../images/icon/ico_send_01.svg"); }

.ico_send_02::before { background-image: url("../images/icon/ico_send_02.svg"); }

.ico_memo_01::before { background-image: url("../images/icon/ico_memo_01.svg"); }

.ico_memo_02::before { background-image: url("../images/icon/ico_memo_02.svg"); }

.ico_noti_01::before { background-image: url("../images/icon/ico_noti_01.svg"); }

.ico_noti_02::before { background-image: url("../images/icon/ico_noti_02.svg"); }

.ico_call::before { background-image: url("../images/icon/ico_call.svg"); }

.ico_calling::before { background-image: url("../images/icon/ico_calling.svg"); }

.ico_clock::before { background-image: url("../images/icon/ico_clock.svg"); }

.ico_timer::before { background-image: url("../images/icon/ico_timer.svg"); }

.ico_over_menu::before { background-image: url("../images/icon/ico_over_menu.svg"); }

.ico_insta::before { background-image: url("../images/icon/ico_insta_b.svg"); }

/* Button */
button { vertical-align: middle; border: 0; background: none; white-space: nowrap; outline: none; cursor: pointer; }

.btn { display: inline-block; overflow: visible; position: relative; margin: 0; padding: 0 1.6rem; font-size: 1.4rem; font-weight: 500; line-height: 24px; vertical-align: middle; border: 0; border-radius: 4px; background: none; white-space: nowrap; outline: none; cursor: pointer; -moztransition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.btn:not(.btn_icon) i[class*="ico_"] { margin-right: 8px; }

.btn_xl { min-height: 56px; font-size: 1.8rem; line-height: 26px; letter-spacing: -0.63px; }

.btn_xl.btn_icon { width: 56px; height: 56px; padding: 1.2rem; }

.btn_lg { min-height: 50px; font-size: 1.6rem; line-height: 26px; letter-spacing: -0.56px; }

.btn_lg.btn_icon { width: 50px; height: 50px; padding: 0 1.6rem; }

.btn_md { min-height: 44px; font-size: 1.4rem; line-height: 26px; letter-spacing: -0.49px; }

.btn_md.btn_icon { width: 44px; height: 44px; padding: 6px; }

.btn_sm { min-height: 38px; font-size: 1.4rem; font-weight: 400; line-height: 24px; letter-spacing: -0.49px; }

.btn_sm.btn_icon { width: 38px; height: 38px; padding: 0.4rem; }

.btn_xs { min-height: 32px; font-size: 1.2rem; font-weight: 400; line-height: 24px; letter-spacing: -0.42px; }

.btn_primary { color: #fff !important; border: 1px solid #1C1C1B; background-color: #1C1C1B; }

.btn_primary:hover { color: #1c1c1b !important; background-color: transparent; }

.btn_secondary { color: #fff !important; border: 1px solid #1C1C1B; background-color: #1C1C1B; }

.btn_secondary:hover { color: #1c1c1b !important; background-color: transparent; }

.btn_normal { color: #525252 !important; border: 1px solid #F0F0F0; background-color: #F0F0F0; }

.btn_normal:hover { border-color: #DBDBDB; background-color: #DBDBDB; }

.btn_border { color: #0f62fe; border: 1px solid #0f62fe; background-color: #fff; }

.btn_border:hover { background-color: rgba(15, 98, 254, 0.051); }

.btn_border_white { color: #1C1C1B !important; border: 1px solid #1C1C1B; background-color: #fff; }

.btn_green { color: #fff !important; border: 1px solid #26A769; background-color: #26A769; }

.btn_green:hover { border-color: #21925c; background-color: #21925c; }

.btn_white { color: #666666 !important; border: 1px solid #fff; background-color: #fff; }

.btn_disabled { color: #999999 !important; border: 1px solid #F0F0F0; background-color: #F0F0F0; }

.btn_disabled i::before { -webkit-filter: brightness(0) saturate(100%) invert(63%) sepia(11%) saturate(2%) hue-rotate(314deg) brightness(95%) contrast(85%); filter: brightness(0) saturate(100%) invert(63%) sepia(11%) saturate(2%) hue-rotate(314deg) brightness(95%) contrast(85%); }

.btn_disabled:hover { border: 1px solid #F0F0F0; background-color: #F0F0F0; }

.btn_disabled.btn_border { border-color: #DBDBDB; background-color: transparent; }

.btn_disabled.btn_border:hover { border-color: #DBDBDB; background-color: #fff; }

.btn_radius { border-radius: 100px; }

.btn.btn_icon { vertical-align: top; }

.btn.btn_icon i { vertical-align: top; }

.btn.btn_icon i[class*="ico_16"] { margin: 0.4rem; }

.btn_group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.btn_group button + button { margin-left: 0.8rem; }

.btn_group.row_vertical button + button { margin-left: 0; margin-top: 0.8rem; }

label.btn { -ms-flex-preferred-size: auto; flex-basis: auto; width: auto; line-height: 38px; }

label.btn_xl { line-height: 56px; }

label.btn_lg { line-height: 50px; }

label.btn_md { line-height: 44px; }

label.btn_sm { line-height: 38px; }

label.btn_xs { line-height: 32px; }

a.btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* Toggle Button*/
.btn_toggle { display: inline-block; position: relative; height: 26px; }

.btn_toggle label { display: inline-block; position: relative; width: 46px; height: 26px; border-radius: 13px; background: #DBDBDB; -moztransition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }

.btn_toggle label:after { content: ""; display: block; position: absolute; top: 2px; left: 2px; width: 22px; height: 22px; border-radius: 100%; background: #fff; z-index: 2; -moztransition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.btn_toggle input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 5; cursor: pointer; }

.btn_toggle input:checked + label { background: #1C1C1B; }

.btn_toggle input:checked + label:after { left: 22px; }

.btn_toggle input:disabled + label { background-color: #DBDBDB !important; }

.btn_toggle_group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.btn_toggle_group > * + * { margin-left: 0.4rem; }

.btn_toggle_txt { font-size: 1.4rem; }

.btn_toggle.disabled label { background-color: #F0F0F0 !important; }

.btn_toggle_sm { height: 16px; }

.btn_toggle_sm label { height: 16px; width: 32px; font-size: 1.2rem; }

.btn_toggle_sm label::after { width: 12px; height: 12px; }

.btn_toggle_sm input:checked + label:after { left: 18px; }

/* File Uploader */
/* .file_uploader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } */

.file_uploader label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #1c1c1b; width:140px; }

.file_uploader .file_item_list { display:flex; gap:16px; flex-wrap: wrap; margin-top: 8px; }

.file_uploader .img_file_item + .file_item_list { margin-top: 16px;}

.file_uploader .input_file { display: none; }

.file_uploader .file_name { position: relative; }

.file_uploader .file_name input { display: block; overflow: hidden; word-break: break-all; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; min-width: 244px; min-height: 44px; padding:0 58px 0 16px; font-size: 1.6rem; font-weight: 500; color: #5E5E5E; border: 0; border-radius: 4px; background-color: #F0F0F0; }

.file_uploader .file_name input + .input_delete { position: absolute; top: 50%; right: 16px; z-index: 10; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 26px; height: 26px; cursor: pointer; }

.file_uploader .file_name input + .input_delete{background: url("/resources/images/icon/ico_delete.svg") center/contain no-repeat;}

/* .file_uploader .file_name input + .input_delete::after { width: 12px; }

.file_uploader .file_name input + .input_delete::before { width: 12px; }

.file_uploader .file_name input + .input_delete:hover::after, .file_uploader .file_name input + .input_delete:hover::before { background-color: #1F1F1F; } */

.file_uploader_desc { font-size: 1.2rem; color: #666666; line-height: 18px; }

.file_uploader_desc + .file_uploader { margin-top: 8px; }

/* .file_uploader + .txt_alert { margin-top: 8px; } */
.file_uploader.disabled label{background-color: #F7F7F7;color: #999999 !important;}
.file_uploader.disabled .ico_attach::before{background-image: url("/resources/images/icon/ico_attach_gray.svg");}

.input_delete::before { content: ""; position: absolute; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 1px; background-color: #999999; }

.input_delete::after { content: ""; position: absolute; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); height: 1px; background-color: #999999; }

/* Checkbox Button 
.input_check { display: none; }
.input_check_wrap { display: inline-block; position: relative; }
.input_check + label { display: inline-block; position: relative; min-height: 22px; padding-left: 28px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1.6rem; line-height: 2.2rem; cursor: pointer; }
.input_check + label::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; border:1px solid #1c1c1b;border-radius:100%;background:#fff}
.input_check:hover label::after, .input_check + label:hover::after {content:"";display:block;width:22px;height:22px;position:absolute;top:0;left:0;background:url("/resources/images/icon/ico_16_check_b.svg") no-repeat center;background-size:16px}
.input_check:checked + label::before { background:#1C1C1B url("/resources/images/icon/ico_16_check_w.svg") no-repeat center;background-size:16px }
.input_check:checked:hover label::after, .input_check:checked + label:hover::after, .input_check:disabled:hover label::after, .input_check:disabled + label:hover::after {content:none}
.input_check:disabled + label { cursor:default; color:#999}
.input_check:disabled + label::before{border-color:#999;background:#fff url("/resources/images/icon/ico_16_check_g.svg") no-repeat center;background-size:16px}
.input_check[disabled][checked] + label::before {border-color:#BFBFBF;background:#BFBFBF url("/resources/images/icon/ico_16_check_w.svg") no-repeat center;background-size:16px}
*/

/* Checkbox Button */
.input_check { display: none; }
.input_check_wrap { display: inline-block; position: relative; }
.input_check_wrap > span {display:inline-block;vertical-align:top;}
.input_check + label {display: inline-block;position:relative; min-height: 22px; padding-left: 28px; font-size: 1.6rem; line-height: 2.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.input_check + label::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height:20px; text-align: center;border:1px solid #1c1c1b;border-radius:100%;background:#fff}
.input_check:hover label::after, .input_check + label:hover::after {display:block;content:"";width:6px;height:6px;border-radius:100%;position:absolute;left:8px;top:8px;background:#1C1C1B}
.input_check:disabled:hover label::after, .input_check:disabled + label:hover::after {content:none}
.input_check:checked + label::before {background:#1C1C1B}
.input_check:disabled + label {cursor: default;color:#999}
.input_check:disabled + label::before {border-color:#999;background:#fff}
.input_check[disabled][checked] + label::before {border-color:#BFBFBF;background:#BFBFBF}

/* Radio Button */
.input_radio { display: none; }
.input_radio_wrap { display: inline-block; position: relative; }
.input_radio_wrap > span {display:inline-block;vertical-align:top;}
.input_radio_wrap.type_list > span {display:block;}
.input_radio_wrap.type_list > span + span {margin:12px 0 0 0;}
.input_radio + label {display: inline-block;position:relative;font-weight:600; min-height: 22px; padding-left: 28px; font-size: 1.6rem; line-height: 2.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; }
.input_radio + label::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height:20px; text-align: center;border:1px solid #1c1c1b;border-radius:100%;background:#fff}
.input_radio:hover label::after, .input_radio + label:hover::after {content:"";display:block;width:6px;height:6px;border-radius:100%;position:absolute;left:8px;top:8px;background:#1C1C1B}
.input_radio:disabled:hover label::after, .input_radio:disabled + label:hover::after {content:none}
.input_radio:checked + label::before {background:#1C1C1B}
.input_radio:disabled + label {cursor: default;color:#999}
.input_radio:disabled + label::before {border-color:#999;background:#fff}
.input_radio[disabled][checked] + label::before {border-color:#BFBFBF;background:#BFBFBF}

/* SelectBox */
.select_box { display: inline-block; position: relative; max-width: 100%; min-width: 160px; vertical-align: top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.select_box_value { position: relative; -moztransition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; height: 48px; padding: 14px 4.8rem 14px 2rem; border: 1px solid #76777A; border-radius: 100px; background: #fff; cursor: pointer; }

.select_box_value > span { display: block; overflow: hidden; word-break: break-all; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; line-height: 2rem; font-weight:500; color:#1C1C1B}

.select_box_value.disabled { background-color: #F7F7F7; }

.select_box_value::after { content: ''; display: block; position: absolute; right: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; background: url("/resources/images/icon/ico_16_arrow_down_b.svg") no-repeat center;background-size:16px;-moztransition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}

.select_box_list { display: none; position: absolute; top: 52px; width: 100%; padding: 0; border: 1px solid #76777A; border-radius: 4px; background: #fff; z-index: 11; }

.select_box_list::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.051); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.051); }

.select_box_list > ul { padding: 4px 0; }

.select_box_list li:not(.list-group_opt) { position: relative; width: 100%; height: 38px; padding: 0px 2rem; line-height: 38px; border: none; -moztransition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; outline: none; cursor: pointer; }

.select_box_list li:not(.list-group_opt) > span { display: block; overflow: hidden; word-break: break-all; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; height: 100%; font-size: 1.6rem; font-weight: 500; color: #1C1C1B; }

.select_box_list li:not(.list-group_opt):hover { background-color: #F0F0F0; }

.select_box_list li:not(.list-group_opt):hover span {  }

.select_box_list.list-group .list_tit { height: 36px; padding: 0.8rem 1.2rem 0.8rem; font-size: 1.4rem; font-weight: 500; }

.select_box_list.list-group > ul > li { height: auto; }

.select_box_list.list-group .list-group_opt > ul > li { position: relative; height: 38px; padding: 0px 1.2rem 0px 23px; line-height: 38px; border: none; -moztransition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; outline: none; }

.select_box_list.list-group .list-group_opt + li { margin-top: 0.8rem; padding-top: 0.8rem; border-top: 1px solid #F0F0F0; }

.select_box.on .select_box_list { display: block;border-color:#1C1C1B}

.select_box.on .select_box_value { border-color: #1C1C1B; border-radius:4px}

.select_box.on .select_box_value::after { -webkit-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); }

.select_box.disabled .select_box_value { background-color: #F7F7F7; border-color:#dbdbdb}

.select_box.disabled .select_box_value span { color: #999999; }

.select_box.disabled .select_box_value::after {background-image:url("/resources/images/icon/ico_16_arrow_down_g.svg");}

.select_box.disabled .select_box_list { display: none; }

.select_box.disabled.on .select_box_value { border-color: #dbdbdb; }

.select_box.disabled.on .select_box_value::after { -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); }

.select_box.overflow_menu .select_box_value { width: 34px; height: 34px; padding: 5px; background-position: center; background-repeat: no-repeat; }

.select_box.overflow_menu .select_box_value::after { position: static; -webkit-transform: translate(0); transform: translate(0); width: 100%; height: 100%; background-image: url("../images/icon/ico_over_menu.svg"); background-position: center; }

.select_box.overflow_menu.on .select_box_value::after { -webkit-filter: invert(27%) sepia(97%) saturate(3854%) hue-rotate(217deg) brightness(101%) contrast(99%); filter: invert(27%) sepia(97%) saturate(3854%) hue-rotate(217deg) brightness(101%) contrast(99%); }

/* Table SelectBox */
.tbl_select_box { background-color: #fff; }

.tbl_select_box.disabled { background-color: #F7F7F7 !important; }

.tbl_select_box.on .select_box_arr::after { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.tbl_select_box .select_box_value { width: 100%; padding-right: 36px; }

.tbl_select_box .select_box_value:disabled { background-color: #F7F7F7 !important; }

.tbl_select_box .select_box_arr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tbl_select_box .select_box_arr::after { content: ""; display: block; position: absolute; top: 50%; right: 12px; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); width: 16px; height: 16px; background-image: url("../images/icon/ico_forms.svg"); background-position: -32px -64px; }

select { min-width: 80px; color: gray !important; background-color: transparent !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; }

/* Input */
.input_group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 360px; }

.input_group i + input { margin-left: 0; }

.input_group > * + * { margin-left: 0.8rem; }

.input_group > * + i { margin-left: 0; }

.input_group button:not(.btn_icon) { padding-left: 1.6rem; padding-right: 1.6rem; }

.input_group.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.input_group.vertical .txt_alert { margin-top: 0.4rem; }

.input_group[class*="input_icon"] { position: relative; }

.input_group[class*="input_icon"] > i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.input_group.input_icon_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.input_group.input_icon_left input { padding-left: 36px; }

.input_group.input_icon_left i { left: 8px; }

.input_group.input_icon_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.input_group.input_icon_right input { padding-right: 36px; }

.input_group.input_icon_right i { right: 12px; }

.input_group.with_btn { width:100%; }

.input_group.with_btn input { min-width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

.input_text { width: 100%; height: 48px; padding: 0px 20px; font-size: 1.6rem;font-weight:500;border: 1px solid #76777A; border-radius: 100px; -moztransition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; color:#1f1f1f}

.input_text:disabled { color: #999999; background-color: #F7F7F7; border:1px solid #dbdbdb}

.input_text + .input_text { margin-left: 0.8rem; }

.input_text.input_error { border: 1px solid #D72222;}

.input_text.input_success { border: 1px solid #26A769;}

.input_writing_group { display: inline-block; position: relative; width: 360px; height: 160px; padding: 1.2rem 1.2rem 4rem 1.2rem; border: solid 1px #DBDBDB; border-radius: 3px; background-color: #fff; outline: none; }

.input_writing_group textarea { width: 100%; height: 100%; font-size: 1.4rem; resize: none; }

.input_writing_group.disabled .input_writing { background-color: #F7F7F7; color: #999999; }

.input_writing_group.disabled .txt_count { display: none; }

.input_writing_group .txt_count { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: absolute; bottom: 12px; right: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.input_writing_group .txt_count > * { font-size: 1.4rem; }

.input_writing_group .txt_count .current { color: #0f62fe; }

.input_writing_group .txt_count .current.zero { color: #999999; }

.input_writing_group .txt_count .total { color: #1a1818; }

.input_writing_group .txt_count span { margin: 0 2px; }

/* Tab Menu */
.tab_cont { padding: 1.6rem; border-radius: 4px; background-color: #F7F7F7; }

.tab_cont_item { display: none; font-size: 1.4rem; line-height: 24px; letter-spacing: -0.49px; }

.tab_cont_item:first-child { display: block; }

.tab_menu { display: inline-block; vertical-align: top; width: 100%; }

.tab_menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }

.tab_menu ul .tab_list { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; scroll-snap-align: start; }

.tab_menu ul .tab_list:first-child > button { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.tab_menu ul .tab_list:last-child > button { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.tab_menu ul .tab_list + .tab_list { margin-left: -1px; }

.tab_menu ul .tab_list > button { display: block; position: relative; height: 38px; padding: 0 1.6rem; text-align: center; white-space: nowrap; cursor: pointer; -moztransition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.tab_menu ul .tab_list > button span { font-size: 1.4rem; color: #999999; line-height: 36px; }

.tab_menu ul .tab_list.current > button { border-color: #0f62fe; z-index: 1; }

.tab_menu ul .tab_list.current > button span { font-weight: 500; color: #0f62fe; }

.tab_menu.text_tab { position: relative; }

.tab_menu.text_tab li:not(:last-child)::after { content: ""; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: calc(100% - 22px); background-color: #DBDBDB; z-index: 2; }

.tab_menu.contain_tab li > button { border: 1px solid #d6dae1; }

.tab_menu.contain_tab + .tab_cont { margin-top: 8px; }

.tab_menu.line_tab { position: relative; }

.tab_menu.line_tab::after { content: ""; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; height: 2px; background-color: #DBDBDB; }

.tab_menu.line_tab + .tab_cont { margin-top: -2px; }

.tab_menu.line_tab .tab_bar { position: absolute; bottom: 0px; left: 0; width: 100%; height: 2px; background: #0f62fe; z-index: 1; -moztransition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

.tab_menu.vertical_tab { position: relative; width: auto; }

.tab_menu.vertical_tab .tab_bar { position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #0f62fe; z-index: 2; -moztransition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

.tab_menu.vertical_tab::after { content: ""; display: block; position: absolute; left: 0; top: 0px; width: 2px; height: 100%; background-color: #DBDBDB; z-index: 1; }

.tab_menu.vertical_tab > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.tab_menu.vertical_tab > ul li { display: block; min-width: 180px; }

.tab_menu.vertical_tab > ul li button { width: 100%; text-align: left; }

.tab_menu.vertical_tab > ul li.current button { background-color: #f3f7ff; }

.fix_tab_wrap .tab_menu { width: 100%; }

.fix_tab_wrap .tab_menu > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.fix_tab_wrap .tab_menu > ul li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; }

.fix_tab_wrap .tab_menu > ul li, .fix_tab_wrap .tab_menu > ul li > button { width: 100%; }

.fix_tab_wrap .tab_cont { width: 100%; }

.vertical_tab_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; }

.vertical_tab_wrap .tab_cont { width: calc(100% - 188px); margin-left: 8px; }

/* Table */
tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; }

tbody button, td button, tfoot button, th button, thead button, tr button { background-color: transparent; }

th, td { padding: 0 1.6rem 0; font-size: 1.4rem; font-weight: 400; color: #1F1F1F; line-height: 19px; vertical-align: middle; white-space: nowrap; }

th > *, td > * { font-size: 1.4rem; color: #1F1F1F; }

th { background-color: #FAFAFA; }

.tbl { border: 1px solid #DBDBDB; }

.tbl thead { vertical-align: bottom; }

.tbl thead th, .tbl thead td { padding-top: 10px; padding-bottom: 10px; font-weight: 500; color: #868686; line-height: 15.5px; border-bottom-width: 0; background-color: #FAFAFA; }

.tbl thead th { position: relative; font-weight: 500; text-align: left; }

.tbl thead .bg_primary th, .tbl thead .bg_primary td { color: #fff; }

.tbl tbody { vertical-align: inherit; border-top: 1px solid #DBDBDB; }

.tbl > :not(caption) > * > * { padding: 1.2rem 1.6rem; border-bottom-width: 1px; border-right-width: 1px; border-color: #DBDBDB; }

.tbl_divider { border-color: #1F1F1F !important; }

.tbl_vert_th { width: 203px; }

.tbl_line { border: 0; }

.tbl_line thead th { background-color: transparent; }

.tbl_line > :not(caption) > * > * { border-right-width: 0; }

.tbl_striped { border: none; }

.tbl_striped thead th { background-color: #fff; }

.tbl_striped tbody tr:nth-child(odd) td { background-color: #FAFAFA; }

.tbl_striped tbody tr:nth-child(even) td { background-color: #fff; }

.tbl_striped > :not(caption) > * > * { border-right-width: 0; }

.tbl .td_cont { width: 578px; min-width: 578px; white-space: normal; }

.tbl tr.merged_row th, .tbl tr.merged_row td { border-top: 1px solid #DBDBDB; }

.tbl_primary { background-color: #0f62fe; }

.tbl_primary th, .tbl_primary td { color: #fff !important; }

.tbl_col_check { width: 56px; }

.tbl_btn_area { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tbl_btn_area .right { margin-left: auto; }

/* Accordion */
.accordion_list {margin-top: 60px;}

.accordion_heading {border:1px solid #dbdbdb; border-bottom:0; font-weight: 500; cursor: default; overflow: hidden;}

.accordion_heading:first-child { border-radius: 4px 4px 0 0; }

.accordion_heading:last-child { border-bottom: 1px solid #e2e5ea; border-radius: 0 0 4px 4px;}

.accordion_heading .input_check + label { font-weight: 600;}

.accordion_tit { padding: 19px 24px;font-weight: 500;color: #1f1f1f; }

.accordion_tit.input_check_wrap{display: block;}

.accordion_arr{width: 40px;height: 40px; position: absolute; top: 50%; right: 16px; transform: translateY(-50%);background: url("../images/icon/ico_40_arrow_down.svg") center/contain no-repeat;transition: transform 250ms;}

.accordion_cont { display: none; position: relative; padding: 2.4rem; border-top:1px solid #dbdbdb; font-size: 1.6rem; font-weight: 400; color: #1f1f1f; line-height: 1.63; background-color: #F7F7F7; }

.accordion_heading.on .accordion_arr{transform: translateY(-50%) rotate(180deg);}

.accordion_list.terms_box .input_check_wrap {padding:20px 24px; border:0;}
.accordion_list.terms_box .term_list { padding:0; background:none; word-break: break-all;}
.accordion_list.terms_box .term_list .tit { margin-top: 16px;font-weight: 500;word-break: break-all; }

/* Pagination */
.pagination { display: inline-block; padding: 0; list-style: none; }

.pagination li { display: inline; text-align: center; /* 화살표 */ /* 화살표말고 텍스트 */ }

.pagination li .page_link, .pagination li > a { font-family:"APHQ";display: block; float: left; min-width: 40px; height: 40px; margin: 0 0.4rem 0 0; padding: 0; font-size: 1.8rem; font-weight: 400; color: #1F1F1F; line-height: 38px; border-radius: 100%; }
.pagination li .page_link, .pagination li > a > span {line-height:40px;}

.pagination li .page_link:active, .pagination li > a:active { outline: none; background-color: #F0F0F0;}

.pagination li .page_link:hover, .pagination li > a:hover { background-color: #F0F0F0; -moztransition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

.pagination li:last-child a { margin-right: 0; }

.pagination li.active:not(.arr) a { border-color: #0f62fe; background-color: #0f62fe; cursor: default; }

.pagination li.active:not(.arr) a span { color: #fff; }

.pagination li.arr:not(.active) a { color: #999999; border-color: #F0F0F0; background-color: #F0F0F0; cursor: default; }

.pagination li.arr:not(.arr_text) a::before { background-size: 16px; background-repeat: no-repeat; -webkit-filter: invert(64%) sepia(0%) saturate(32%) hue-rotate(228deg) brightness(94%) contrast(95%); filter: invert(64%) sepia(0%) saturate(32%) hue-rotate(228deg) brightness(94%) contrast(95%); }

.pagination li.arr.active a::before { -webkit-filter: none; filter: none; }

.pagination li.arr.arr_text a { width: auto; padding: 0 0.8rem; }

/* Swiper Pagination */
.swiper-pagination-bullet { background-color: #DBDBDB; opacity: 1; cursor: pointer; }

.swiper-pagination-bullet-active { width: 16px; border-radius: 8px; background-color: #0f62fe; -moztransition: width 0.3s ease-out 0s; -webkit-transition: width 0.3s ease-out 0s; transition: width 0.3s ease-out 0s; }

.pagination_number { width: 45px; height: 24px; line-height: 24px; border-radius: 4px; background-color: #666666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pagination_number > * { padding: 0 0.8rem; font-size: 1.2rem; }

.pagination_number_current { color: #fff; }

.pagination_number_total { position: relative; color: #BFBFBF; }

.pagination_number_total::before { content: ""; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 9px; background-color: #BFBFBF; }

/* DataTable Pagination */
.dataTables_paginate .paginate_button:hover { cursor: default; }

.dataTables_paginate .paginate_button.previous a, .dataTables_paginate .paginate_button.next a { width: auto; padding: 0 0.8rem; }

/* Progress bar */
.progress_wrap { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; width: 500px; }

.progress_ratio { min-width: 25px !important; font-family: "Poppins", "sans-serif"; }

.progress_back { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); overflow: hidden; width: 500px; height: 8px; border-radius: 100px; background-color: #F0F0F0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.progress_back_sm { height: 4px; }

.progress_back_md { height: 8px; }

.progress_back_lg { height: 16px; }

.progress_back_xlg { height: 24px; }

.progress_back + .progress_back { margin-top: 1.6rem; }

.progress_bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 0%; height: 100%; padding-right: 0.8rem; color: #fff; border-radius: 100px; background-color: #0f62fe; }

.progress_bar .hidden { visibility: hidden; opacity: 0; }

.progress_bar_red { background-color: #D72222; }

.progress_bar_yellow { background-color: #FFC107; }

.progress_bar_green { background-color: #26A769; }

.progress_bar_blue { background-color: #0036B1; }

.progress_label { margin-top: 0.4rem; text-align: center; }

.progress_label p { display: inline-block; font-size: 1.2rem; color: #525252; line-height: 26px; vertical-align: middle; }

.progress_label p + p { position: relative; padding-left: 0.8rem; margin-left: 0.8rem; }

.progress_label p + p::after { content: ""; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 12px; background-color: white; }

input::-webkit-input-placeholder{/* Chrome/Opera/Safari */color: #999;}
input::-moz-placeholder{/* Firefox 19+ */color: #999;}
input:-ms-input-placeholder{/* IE 10+ */color: #999;}
input:-moz-placeholder{/* Firefox 18- */color: #999;}
input::placeholder{color: #999;}
textarea::-webkit-input-placeholder{/* Chrome/Opera/Safari */color: #999;}
textarea::-moz-placeholder{/* Firefox 19+ */color: #999;}
textarea:-ms-input-placeholder{/* IE 10+ */color: #999;}
textarea:-moz-placeholder{/* Firefox 18- */color: #999;}
textarea::placeholder{color: #999;}

.text_br {display:block}

*::-webkit-scrollbar{
    /*  스크롤바 막대 너비 설정 */
    width: 6px;
    height: 6px;
}

/* 스크롤바 막대 설정*/
*::-webkit-scrollbar-thumb{
    /* 스크롤바 막대 높이 설정    */
    height: 17%;
    background-color: rgba(196, 198, 200, 1);
    /* 스크롤바 둥글게 설정    */
    border-radius: 100px;
}

/* 스크롤바 뒷 배경 설정*/
*::-webkit-scrollbar-track{
    background-color: rgba(233, 236, 239, 1)
}

/* 영문 페이지 */
body.en { font-family: "sans-serif";}
body.en * {font-family:"sans-serif", "SUIT"}
body.en a { font-family: "sans-serif";}
body.en input[type="text"], body.en textarea, body.en input[type="button"], body.en input[type='submit'], body.en button, body.en input[type='search'] {font-family: "sans-serif"}
body.en .serif {font-family: bigmoore, serif !important; font-weight: 400; font-style: normal}

/*closed 팝업*/
.closd_popup_ko {
    position: relative;
    background: url('../images/error/260128_popup_ko.png') no-repeat center center;
    background-size: 100% auto;
    background-color: #f0ece9;
}
.closd_popup_ko > a,
.closd_popup_eng > a {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
    width: 332px;
    display: block;
}
.closd_popup_eng {
    position: relative;
    background: url('../images/error/260128_popup_eng.png') no-repeat center center;
    background-size: 100% auto;
    background-color: #f0ece9;
}