@charset "utf-8";
/*-------------------------------------------------
Title       : default
Name        : wise-plus
Create date : 2026-01
-------------------------------------------------*/

/*---------- font ----------*/
/* Pretendard GOV" */
@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 900;
  src:url(../fonts/PretendardGOV-Black.woff) format('woff')
}
@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 800;
  src:url(../fonts/PretendardGOV-ExtraBold.woff) format('woff')
}
@font-face { /* nav, h1~h3 */
	font-family: 'Pretendard GOV';
	font-weight: 700;
  src:url(../fonts/PretendardGOV-Bold.woff) format('woff')
}
@font-face { /* logo, h4~h5, content bold,*/
	font-family: 'Pretendard GOV';
	font-weight: 600;
  src:url(../fonts/PretendardGOV-SemiBold.woff) format('woff')
}
@font-face { /* form, */
	font-family: 'Pretendard GOV';
	font-weight: 500;
  src:url(../fonts/PretendardGOV-Medium.woff) format('woff')
}
@font-face { /* content,  */
	font-family: 'Pretendard GOV';
	font-weight: 400;
  src:url(../fonts/PretendardGOV-Regular.woff) format('woff')
}
@font-face { /* content,  */
	font-family: 'Pretendard GOV';
	font-weight: 300;
  src:url(../fonts/PretendardGOV-Light.woff) format('woff')
}
@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 200;
  src:url(../fonts/PretendardGOV-ExtraLight.woff) format('woff')
}
@font-face {
	font-family: 'Pretendard GOV';
	font-weight: 100;
  src:url(../fonts/PretendardGOV-Thin.woff) format('woff')
}

/*---------- Reset ----------*/
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, img, 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; word-break: keep-all; box-sizing: border-box;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
html, body {font-size: 16px; letter-spacing: -.03em; padding: 0; margin: 0; min-width: 1400px;}
body {line-height: 1; font-family: 'Pretendard GOV', sans-serif;}
ol, ul {	list-style: none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {	border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;}

/* focus 탭키관련 */
:focus {outline: 0;}
/*
:focus {outline: 1px solid #fff; box-sizing: border-box; box-shadow: 0 0 0 2px inset #246beb; border-radius: .2em;}
:focus:not(:focus-visible) {outline: none !important; box-shadow: none !important;}
input:focus, select:focus, textarea:focus {outline: 1px solid #246beb; box-shadow: none;}*/
/* drag */
::selection { background-color: rgba(0,0,0, .05);}

/* align */
.ta_l {text-align:left !important;}
.ta_c {text-align:center !important;}
.ta_r {text-align:right !important;}
.va_t {vertical-align:top !important;}
.va_m {vertical-align:middle !important;}
.va_b {vertical-align:bottom !important;}

/* border-no */
.bd_n {border: none !important;}
.bd_n_t {border-top: none !important;}
.bd_n_b {border-bottom: none !important;}
.bd_n_l {border-left: none !important;}
.bd_n_r {border-right: none !important;}

/* float */
.fr {float: right !important;}
.fl {float: left !important;}

/* show hide */
.show, .block {display:block !important;}
.hide {display:none !important;}

/* clear */
.clear {display: block !important; min-height: 1% !important;}
.clear::after {content: " "; height: 0; display: block; visibility: hidden; clear: both;}

/* overflow */
.ov_hidden {overflow-x: hidden !important; overflow-y: hidden !important;}
.ov_hidden_y {overflow-y: hidden !important;}
.ov_hidden_x {overflow-x: hidden !important;}
.ov_scroll {overflow: scroll !important;}
.ov_scroll_y {overflow-y: scroll !important;}
.ov_scroll_x {overflow-x: scroll !important;}

/* display */
.d_ib {display: inline-block !important;}
.d_i {display: inline !important;}
.d_b {display: block !important;}
.d_n {display: none !important;}
.noflex {display: block !important;}

/* heigh */
.h100p {height: 100% !important; min-height: 680px;}

.h-auto {height: auto !important; min-height: 680px;}

/*---------- root ----------*/
:root {

  /* color */
  --white: #ffffff;
  --black: #292F4A;
  --gray: #6F7386;
  --lightgray: #999999;
  --darkgray:#333333;
  --blue: #1B53E3;
  --darkblue: #3054B2;
  --lightblue: #6EBDFF;
  --red: #FF6161;
  --yellow:#FFE100;
  --green: #00B050;
  --indigo: #0E2344;

  /* text */
  --text-hdline-lg: 2.5rem;
  --text-hdline-md: 2rem;
  --text-hdline-sm: 1.0625rem;
  --text-content-1: 1.75rem;
  --text-content-2: 1.5rem;
  --text-content-3: 1.25rem;
  --text-content-4: 1.0625rem;/* conatent basic */
  --text-content-5: .875rem;
  --text-content-6: .75rem;
    /* transition */
  --transition-1: all .1s ease-in-out;
  --transition-2: all .2s ease-in-out;
  --transition-3: all .3s ease-in-out;
  --transition-4: all .4s ease-in-out;

}

/*---------- text ellipsis ----------*/
.text_el_1 {text-overflow: ellipsis; white-space:nowrap; word-wrap:normal; width:100px; overflow:hidden;}/* line1 */
.text_el_2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 1.8em; -webkit-line-clamp: 2;}/* line2 */
.text_el_3 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 4.2em; -webkit-line-clamp: 3;}/* line3 */
.text_el_4 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 5.6em; -webkit-line-clamp: 4;}/* line4 */

/*---------- text color ----------*/
.text_blue {color: var(--blue) !important;}
.text_black {color: var(--black) !important;}
.text_gray {color: var(--darkgray) !important;}
.text_red {color: var(--red) !important;}
.text_green {color: var(--green) !important;}
.text_orange {color: var(--orange) !important;}
.text_white {color: var(--white) !important;}
.text_deepceruleanblue {color: var(--deepceruleanblue) !important;}

/*---------- button ----------*/
button[type=button], input[type=submit], input[type=button] {cursor: pointer; transition: var(--transition-4);}
button[type=button]:disabled, input[type=submit]:disabled, input[type=button]:disabled {cursor: default;}
button[type=button], button[type=submit], input[type=submit], input[type=button] {cursor: pointer !important; transition: var(--transition-4);}
button[type=button]:hover, button[type=submit]:hover, input[type=submit]:hover, input[type=button]:hover, .btn:hover {cursor: pointer !important;}
button[type=button]:disabled, button[type=submit]:disabled, input[type=submit]:disabled, input[type=button]:disabled {cursor: default !important;}
button[type=button]:disabled:hover, button[type=submit]:disabled:hover, input[type=submit]:disabled:hover, input[type=button]:disabled:hover {opacity: 1 !important;}

.btn_wrap {margin: 2rem 0;}
.btn {border: 0; text-align: center; letter-spacing: -0.02em; display: inline-block; vertical-align: top; padding: 0 1em; color: #fff; background: #3776FE; font-size: 1rem; border-radius: .4rem;; white-space: nowrap; transition: var(--transition-2); box-sizing: border-box;}
/*.btn:focus { outline-offset: -0.4rem;  outline: 2px solid rgba(255, 255, 255, 0.9);transition: none;}*/

.btn_lg {height: 50px; line-height: 55px; padding: 0 1em; font-size: 1em;}
.btn_md {height: 38px; line-height: 38px; padding: 0 1em; font-size: .9em;}
.btn_sm {height: 28px; line-height: 28px; padding: 0 .4em; font-size: .8em;}
.btn_xsm {height: 1.5em; line-height: 1.3em; padding: 0 .4em; font-size: .8em; }

.btn.primary {background: #3776FE; border: 1px solid #3776FE; color: var(--white);}
.btn.primary:hover {background-color: #1D56BC; border-color: #1D56BC;}
.btn.primary:active {background-color: #16408D; border-color: #16408D;}
.btn.primary:disabled {background-color: #D8D8D8; border-color: #D8D8D8; color: #717171; cursor: default;}

.btn.white {background: #fff; border: 1px solid #ccc; color: var(--black);}
.btn.white:hover {background-color: #f9f9f9; border-color: #aaa;}
.btn.white:active {background-color: #f4f4f4; border-color: #aaa;}
.btn.white:disabled {background-color: #f4f4f4; border-color: #aaa; color: #999; cursor: default;}


.btn.darkblue {background: #0B1F65; border: 1px solid #0B1F65; color: var(--white);}
.btn.darkblue:hover {background-color: #0b194c; border-color: #0b194c;}
.btn.darkblue:active {background-color: #020820; border-color: #020820;}
.btn.darkblue:disabled {background-color: #D8D8D8; border-color: #D8D8D8; color: #717171; cursor: default;}

.search-group .item.search {flex: 1; align-items: center;}
.btn.btn_sch {position: relative; width:34px; height: 34px; background-color: var(--darkblue); border-radius: 50%; padding: 0;}
.btn.btn_sch:hover {background-color: var(--blue);}
.btn.btn_sch::after {width: 14px; height: 14px; background: url(../img/img_reset.png) 0 0 no-repeat; background-size: cover; display:block; margin: 0 auto; content: ''; }

/*---------- form ----------*/
input, select, textarea {border: 1px solid #D6E5FA; padding: 0 8px; border-radius: 4px;font-size: var(--text-content-5); color: #666; font-weight: 400; box-sizing: border-box; height: 36px; line-height: 34px; box-sizing: border-box;}
input {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
input::-ms-clear {display: none;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;}
input::placeholder {color: #a7a7a7;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/img_select_bg.png); background-position: calc(100% - 5px) 8px; background-size: 16px; background-repeat: no-repeat; padding: 0 24px 0 8px;}
select::-ms-expand {display: none;}
input[type=radio], input[type=checkbox] {height: 18px; width: 18px; border: 1px solid #ccc; padding: 0; background-color: #ffffff;}
input[type=checkbox] {border-radius: 4px;}
input[type=radio]:checked, input[type=checkbox]:checked {background-color: #246beb; border-color: #246beb;}
input[type=checkbox]:checked {background-image: url(../img/img_check_wh.png); background-position: 50% 50%; background-size: 10px 10px; background-repeat: no-repeat;}
input[type=radio]:disabled, input[type=checkbox]:disabled {background-color: #ddd; border-color: #ddd;}

/*---------- h1~h4 ----------*/
h1 {}
h2 {text-align: left; color: var(--black); font-weight: 700; font-size: var(--text-hdline-md); margin-bottom: 1.2em;}
h2 > span {font-size: 1.125rem; display: block; margin-top: .25rem; color: var(--lightgray); font-weight: 400;}
h3 {font-size: var(--text-content-1); color: var(--black); font-weight: 600; padding-left: 30px; position: relative; margin: 2em 0 .5em;}
h3::before {width: 18px; height: 25px; left: 0; top: 2px; position: absolute; background: url(../img/img_h3.png) 0 0 no-repeat; background-size: cover; content:'';}
h4 {font-size: 1em; color: var(--black); font-weight: 600;}
h5 {}

.noscroll {overflow: hidden; height: 100%;}

/***** responsive *****/
@media screen and (max-width: 1280px) {

}