@charset "EUC-KR";
@import url('fonts/fs_font.css');/* ³»ºÎ ÆùÆ®Àû¿ë½Ã */

/*** °øÅ뺯¼öÁöÁ¤ ***/
:root {
	/* ¼Óµµ */
	--layout-transition: 0.3s; /* ¸ð¼Ç¼Óµµ */
	--layout-radius-5: 5px; /* ¶ó¿îµå */
	--layout-radius-10: 10px; /* ¶ó¿îµå */
	--layout-radius-15: 15px; /* ¶ó¿îµå */

	/* ±âº»»ö»ó */
	--layout-col-default: #0e9765; /* ³ì»ö */
	--layout-col-white: #fff; /* Èò»ö */
	--layout-col-black: #111; /* °ËÁ¤ */
	--layout-col-green: #11b77a; /* ¹àÀº³ì»ö */
	--layout-col-green2: #bcfbe4; /* ¿¬Çѳì»ö */

	/* ·Î±×ÀÎ */
	--layout-login-bg: #f3faf7; /* ¹è°æ */
	--layout-login-text: #86ddbd; /* ¹è°æ */

	/* ¶óÀÎ */
	--layout-line-default: #ebebeb; /* 񃧯 */

	/* ¸Þ´º»ö»ó */
	--layout-menu-bg: #f5faf8; /* ¸Þ´º */

	/* ÅؽºÆ® */
	--layout-text-default: #616161; /* 񃧯 */
	--layout-text-black: #333; /* °ËÁ¤ */
	--layout-text-gray: #797979; /* ȸ»ö */
	--layout-text-gray2: #707775; /* ¿¬³ì */
	--layout-text-red: #fd5050; /* »¡°­ */
	--layout-text-orange: #f29f1c; /* ÁÖȲ */

	/* ¹è°æ */
	--layout-bg-blue: #ccd0d6; /* °³ÀÎÁ¤º¸ */
	--layout-bg-gnb: #f6f6f6; /* »ó´Ügnb */
	--layout-bg-gnb-ov: #e5e5e5; /* »ó´Ügnb */


	/*** ÄÁÅÙÃ÷ ***/
	/* ¹è°æ */
	--layout-bg-cont: #f5f7f8; /* ÄÁÅÙÃ÷ */
	--layout-subbg: #eaeef0; /* ¼­ºê¹è°æ */

	/*** Å×À̺í ***/
	--layout-table-th: #f5f7f9; /* th */
	--layout-table-td: #ddd; /* td */


	/*** ´ÙÅ©¸ðµå ***/
	--layout-dark-bg1: #222; /* ¿À¹ö½Ã ¹è°æ */
	--layout-dark-bg2: #333; /* ¸Þ´º¹è°æ */
	--layout-dark-bg3: #444; /* ±âº»¹è°æ */
	--layout-dark-bg4: #666; /* gnb¹è°æ */
	--layout-dark-text: #ccc; /* ±âº»ÅؽºÆ® */
	--layout-dark-text2: #aaa; /* ¼­ºêÅؽºÆ® */
	--layout-dark-border: #555; /* ¼± */
}

/*** °øÅë ***/
/* ÀÎDz½ºÅ¸ÀÏ */
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="file"],input[type="date"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="time"],input[type="number"], select {height:40px;padding:0 20px;border:1px solid var(--layout-line-default);background:var(--layout-col-white);border-radius:10px;font-size:1.6rem;color:var(--layout-text-col-900);}
input[type="date"]{position:relative;padding:0 15px 0 20px;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display:none;}
/*input[type="date"]::-webkit-calendar-picker-indicator {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background:transparent;z-index:1;cursor: pointer;}
input[type="date"]:after {content:'';position:absolute;top:50%;right:20px;z-index:0;width:17px;height:15px;background:var(--layout-col-white);margin-top:-9px;}*/
input:focus,select:focus,textarea:focus {border:1px solid #1a5286;}
select {padding:0 42px 0 20px;background:url("/images/fs/icon/expand_more_FILL0_wght400_GRAD0_opsz24.svg") no-repeat right 16px center var(--layout-col-white);cursor: pointer;}
textarea {padding:15px;border:1px solid var(--layout-line-default);}
button {vertical-align:middle;transition: var(--layout-transition);}


/*** ·Î±×ÀÎ ***/
/* ·Î±×ÀÎ */
.login_box {display: flex;flex-direction:column;width:100vw;height: 100vh;}
.login_box .top {height: 50vh;padding:45px 40px;background: url("/images/fs/login/bg.png") no-repeat center center / cover;}
.login_box .top a {display: flex;align-items: flex-end;}
.login_box .top a img {width: 136px;filter: brightness(100);}
.login_box .top a span {display:inline-block;line-height:1;margin:0 0 -2px 10px;font-size:1.4rem;font-weight:300;color:var(--layout-login-text);}
.login_box .center {height: 50vh;background: var(--layout-login-bg);}
.login_box .center .hbox {display: flex;flex-direction: column;transform: translateY(-285px);text-align: center;}
.login_box .center .hbox h2 {margin-bottom:20px;font-size:5rem;font-weight:600;color:var(--layout-col-white);}
.login_box .center .hbox p {margin-bottom:40px;font-size:1.7rem;color:var(--layout-col-white);}
.login_box .center .hbox .box {display:flex;flex-direction:column;width:clamp(0px,100%,700px);margin:0 auto;padding:10rem 14rem;background: var(--layout-col-white);box-shadow: 0 0 40px rgba(7,53,36,0.07);text-align: left;}
.login_box .center .hbox .box [class^="login_"] {}
.login_box .center .hbox .box .login_pw {margin-top:30px;}
.login_box .center .hbox .box [class^="login_"] label {display: block;margin-bottom:5px;font-size:1.7rem;font-weight:500;color:var(--layout-col-black);}
.login_box .center .hbox .box [class^="login_"] input {display: block;width: 100%;height: 50px;}
.login_box .center .hbox .box [class^="login_"] button {display: grid;place-items:center;width: 100%;height:50px;margin-top:20px;background: var(--layout-col-default);font-size:1.7rem;color:var(--layout-col-white);border-radius:10px;}


/*** »ó´Ü ***/
.header {position:relative;z-index:11;display: flex;align-items: center;height: 85px;padding:0 30px;border-bottom:1px solid var(--layout-line-default);background: var(--layout-col-white);}
	/* ·Î°í */
	.header .logo {display: block;}
	.header .logo img {width: 116px;}
	/* ¸Þ´º */
	.header .menu_box {margin-left:73px;}
	.header .menu_box .menu_1dep {display: flex;height: 100%;}
	.header .menu_box .menu_1dep img {filter: invert(40%);}
	.header .menu_box .menu_1dep li .menutitle a {position:relative;display: flex;flex-direction: column;justify-content: center;align-items: center;width:160px;height: 100%;text-decoration: none;color:var(--layout-text-default);transition: var(--layout-transition);}
	.header .menu_box .menu_1dep li .menutitle a:before {content:"";position: absolute;left: 50%;top:0;background: var(--layout-col-green);width:0;height: 4px;border-radius: 0 0 4px 4px;transition: var(--layout-transition);}
	.header .menu_box .menu_1dep li .menutitle a img {margin-bottom:8px;transition: var(--layout-transition);}
	.header .menu_box .menu_1dep li .submenu {display:none;position: relative;z-index: 10;width:160px;padding:30px 0;border-radius:0 0 10px 10px;background: url("/images/fs/bg.png") no-repeat right bottom var(--layout-col-green);}
	.header .menu_box .menu_1dep li .submenu li {margin-top:14px;}
	.header .menu_box .menu_1dep li .submenu li:first-child {margin-top:0;}
	.header .menu_box .menu_1dep li .submenu li a {display:block;padding:0 15px;font-size:1.4rem;color: var(--layout-col-green2);text-decoration: none;text-align: center;}
	.header .menu_box .menu_1dep li .submenu li a:is(:hover,:active,:focus) {font-weight:700;color:var(--layout-col-white);}
	.header .menu_box .menu_1dep li.on .menutitle a:before {left:0;width: 100%;}
	.header .menu_box .menu_1dep li.on .menutitle a {background: var(--layout-menu-bg);font-weight: 700;color:var(--layout-col-green);}
	.header .menu_box .menu_1dep li.on .menutitle a img {filter: invert(40%) sepia(63%) saturate(1946%) hue-rotate(130deg) brightness(95%) contrast(101%);}
	/* °³ÀÎÁ¤º¸, ´ÙÅ©¸ðµå, ´Ù±¹¾î, ·Î±×¾Æ¿ô */
	.header .top-menu-right {display: flex;align-items:center;margin-left:auto;gap:13px;}
	.header .top-menu-right img {filter: invert(40%)}
	.header .top-menu-right .information_box {display: flex;align-items: center;gap:10px;margin-right: 13px;}
	.header .top-menu-right .information_box .img {display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;background:var(--layout-bg-blue);border-radius: 100%;}
	.header .top-menu-right .information_box .img img {width: 32px;filter: invert(100%);}
	.header .top-menu-right .information_box .con {display: flex;flex-direction:column;gap:2px;}
	.header .top-menu-right .information_box .con > strong {font-size:1.7rem;color:var(--layout-text-black);}
	.header .top-menu-right .information_box .con > span {display: block;font-size:1.4rem;}
	.header .top-menu-right .information_box .con > span img {width: 14px;filter: invert(40%);vertical-align: middle;margin-top:-2px;}
	.header .top-menu-right .information_box .con > span span {color:var(--layout-text-gray);}
	.header .top-menu-right .dark a {display:grid;place-items:center;height:40px;padding:0 11px;background: var(--layout-bg-gnb);border-radius: var(--layout-radius-10);transition: var(--layout-transition);}
	.header .top-menu-right .dark a img {}
	.header .top-menu-right .dark a:is(:hover,:active,:focus) {background: var(--layout-bg-gnb-ov);}
	.header .top-menu-right .lang {position: relative;}
	.header .top-menu-right .lang .open {display:flex;align-items:center;gap:5px;height:40px;padding:0 11px;background: var(--layout-bg-gnb);border-radius: var(--layout-radius-10);transition: var(--layout-transition);}
	.header .top-menu-right .lang .open:is(:hover,:active,:focus) {background: var(--layout-bg-gnb-ov);}
	.header .top-menu-right .lang .open > img {}
	.header .top-menu-right .lang .open span > img {width: 17px;transition: var(--layout-transition);}
	.header .top-menu-right .lang.on .open span > img {transform: rotate(180deg);}
	.header .top-menu-right .lang .lang_open {display:none;position: absolute;left:0;top:40px;width:100%;padding:5px 0;background: var(--layout-col-white);border-radius: var(--layout-radius-10);border:1px solid var(--layout-line-default);}
	.header .top-menu-right .lang .lang_open li {}
	.header .top-menu-right .lang .lang_open li a {display:block;padding:5px 12px;font-size:1.4rem;}
	.header .top-menu-right .logout {}
	.header .top-menu-right .logout a {display:grid;place-items:center;height:40px;padding:0 11px;background: var(--layout-bg-gnb);border-radius: var(--layout-radius-10);transition: var(--layout-transition);}
	.header .top-menu-right .logout a:is(:hover,:active,:focus) {background: var(--layout-bg-gnb-ov);}
	@media only screen and (max-width:1649px){
		.header .menu_box {margin-left:43px;}
		.header .menu_box .menu_1dep li .menutitle a {width:120px;}
		.header .menu_box .menu_1dep li .submenu {width:120px;}
	}
	@media only screen and (max-width:1399px){
		.header .menu_box {margin-left:23px;}
		.header .menu_box .menu_1dep li .menutitle a {width:110px;}
		.header .menu_box .menu_1dep li .submenu {width:110px;}
	}


/***************/
/*** ´ÙÅ©¸ðµå ***/
/***************/
/*** °øÅë ***/
/* ÀÎDz½ºÅ¸ÀÏ */
body.dark-mode input[type="text"],
body.dark-mode input[type="password"],
body.dark-mode input[type="email"],
body.dark-mode input[type="tel"],
body.dark-mode input[type="search"],
body.dark-mode input[type="url"],
body.dark-mode input[type="file"],
body.dark-mode input[type="date"],
body.dark-mode input[type="datetime-local"],
body.dark-mode input[type="month"],
body.dark-mode input[type="week"],
body.dark-mode input[type="time"],
body.dark-mode input[type="number"],
body.dark-mode select {border:1px solid var(--layout-dark-border);background:var(--layout-dark-bg3);color:var(--layout-dark-text);}
body.dark-mode input:focus,select:focus,textarea:focus {border:1px solid #1a5286;}
body.dark-mode select {background:url("/images/fs/icon/expand_more_FILL0_wght400_GRAD0_opsz24.svg") no-repeat right 16px center var(--layout-dark-bg3);}
body.dark-mode textarea {border:1px solid var(--layout-dark-border);}
body.dark-mode input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:var(--layout-dark-text);}
body.dark-mode input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:var(--layout-dark-text);}
body.dark-mode input::-moz-placeholder,textarea::-moz-placeholder {color:var(--layout-dark-text);}


/*** ·Î±×ÀÎ ***/
/* ·Î±×ÀÎ */
body.dark-mode .login_box .center {background: var(--layout-dark-bg3);}
body.dark-mode .login_box .center .hbox .box {background: var(--layout-dark-bg4);box-shadow: 0 0 40px rgba(7,53,36,0.07);}
body.dark-mode .login_box .center .hbox .box [class^="login_"] label {color:var(--layout-dark-text);}
body.dark-mode .login_box .center .hbox .box [class^="login_"] button {background: var(--layout-col-default);color:var(--layout-col-white);}


/*** »ó´Ü ***/
body.dark-mode {}
body.dark-mode .header {background: var(--layout-dark-bg2);border-bottom:1px solid var(--layout-dark-border);}
body.dark-mode .header .menu_box .menu_1dep img {filter: invert(70%);}
body.dark-mode .header .menu_box .menu_1dep li .menutitle a {color: var(--layout-dark-text);}
body.dark-mode .header .menu_box .menu_1dep li.on .menutitle a {background: var(--layout-dark-bg1);}
/* °³ÀÎÁ¤º¸, ´ÙÅ©¸ðµå, ´Ù±¹¾î, ·Î±×¾Æ¿ô */
body.dark-mode .header .top-menu-right img {filter: invert(70%)}
body.dark-mode .header .top-menu-right .information_box .img {background:var(--layout-dark-bg4);}
body.dark-mode .header .top-menu-right .information_box .con > strong {color:var(--layout-dark-text);}
body.dark-mode .header .top-menu-right .information_box .con > span {color:var(--layout-dark-text2);}
body.dark-mode .header .top-menu-right .information_box .con > span img {filter: invert(70%);}
body.dark-mode .header .top-menu-right .information_box .con > span span {color:var(--layout-dark-text2);}
body.dark-mode .header .top-menu-right .dark a {background: var(--layout-dark-bg4);}
body.dark-mode .header .top-menu-right .dark a:is(:hover,:active,:focus) {background: var(--layout-dark-bg1);}
body.dark-mode .header .top-menu-right .lang .open {background: var(--layout-dark-bg4);}
body.dark-mode .header .top-menu-right .lang .open:is(:hover,:active,:focus) {background: var(--layout-dark-bg1);}
body.dark-mode .header .top-menu-right .lang .lang_open {background: var(--layout-dark-bg3);border:1px solid var(--layout-dark-border);color:var(--layout-dark-text);}
body.dark-mode .header .top-menu-right .logout a {background: var(--layout-dark-bg4);}
body.dark-mode .header .top-menu-right .logout a:is(:hover,:active,:focus) {background: var(--layout-dark-bg1);}