@charset "utf-8";

html {min-width:280px;height:100%;}
body {height:100%;overflow:auto;overflow-y:auto;min-width: 1180px;}
body.fixed {position:fixed;}

/* focus style */
a {-webkit-transition:all .3s;transition:all .3s;}
button:focus-visible,
a:focus-visible,
select:focus-visible,
input:focus-visible{outline:1px solid #000;box-shadow:0 0 4px 2px rgb(0 0 0 / 50%);z-index:1;}
::selection {/*background:#006ce6;*/background:rgba(0, 108, 230, 0.3);}
::-moz-selection {background:rgba(0, 108, 230, 0.3);}
.promise input.input_style:focus-visible{outline:none;border-color: var(--color-orange-800);box-shadow:none;z-index:1;}

.ri::before {font-family:'remixicon';font-weight:normal;}

#wrap {position:relative;width:100%;overflow:hidden;}
#container {position:relative;margin-top:104px;z-index:1;}

/* inner */
.inner {position:relative;width:var(--pc-width-inner);margin:0 auto;}
.inner::after {display:block;clear:both;content:''}

/* s_search_box */
.s_search_box {width:295px;height:48px;}
.s_search_box input {float:left;color:var(--color-white);font-size:16px;font-weight:600;width:calc(100% - 55px);height:100%;padding:0 23px;background-color:var(--color-white-alpha20);border:2px solid var(--color-primery-300);border-radius:48px;}
.s_search_box input::-webkit-input-placeholder {color:var(--color-white);}
.s_search_box button {position:relative;width:55px;height:100%;color:var(--color-white);background-color:var(--color-red-500);border-radius:0 48px 48px 0;}
.s_search_box button::before {content:'\f0d1';font-size:var(--font-size-32);position:absolute;left:9px;top:2px;line-height: 1.5;}
.s_search_box button.ri.reset::before {content:'\f064';}
.s_search_box.base_type {position:relative;height:64px;padding-right:113px;}
.s_search_box.base_type input {width:100%;padding:0 34px;border-radius:64px 0 0 64px;font-size:var(--font-size-20);}
.s_search_box.base_type input,
.s_search_box.base_type input::-webkit-input-placeholder {color:#A0A0A0;}
.s_search_box.base_type button {position:absolute;right:0;top:0;width:145px;border-radius:64px;text-align:center;background-color:var(--color-purple-100);}
.s_search_box.base_type button::before {display:none;}
.s_search_box.base_type button span {position:relative;display:inline-block;line-height:64px;font-size:var(--font-size-22);letter-spacing:0;font-weight:700;padding-left:43px;}
.s_search_box.base_type button span::before {content:'';position:absolute;left:0;top:50%;width:28px;height:28px;margin-top:-14px;background:url('../images/layout/icon_search.svg') center no-repeat;background-size:auto 100%;}
.s_search_box .btn_search {width:145px;border-radius:64px;background-color:var(--color-purple-100);}
.s_search_box.type_con {width:670px;position: relative;}
.s_search_box.type_con input {width:calc(100% - 145px);padding:0 145px 0 32px;font-size:20px;font-weight:400;background-color:var(--color-white);}
.s_search_box.type_con input,
.s_search_box.type_con input::-webkit-input-placeholder {color:var(--color-gray-700);}
.s_search_box.type_con button {width:145px;background-color:var(--color-primery-300);margin-left: -145px;border-radius: var(--radius-extraLarge);}
.s_search_box.type_con button.ri {font-size: var(--font-size-24);padding-left: 20px;}
.s_search_box.type_con button::before {left:17px;top:0;}
.s_search_box.type_con button.ri.reset {position: absolute; right: -10px;padding-left: 30px;}
.search_group .s_search_box.type_con {width: 484px;}
.search_group .s_search_box.type_con button.ri {padding-left: 0;width: 74px;margin-left: -75px;border-radius:0 48px 48px 0;}
.search_group .s_search_box.type_con button.ri.reset {border-radius: 48px;width: 65px;right: 40px;}

/* header */
body.show-modal #header {z-index:inherit;}
#header {left:0;top:0;width:100%;height:104px;color:var(--color-white);z-index:2;}
#header h1 {position:absolute;left:0;top:34px;font-family:var(--font-jalnan);font-size:35px;}
#header h1 .jr {color:#FFCB5A;}
#header h1 .career {color:#FF9123;}
#header .head_util {position:absolute;right:-4px;top:30px;z-index:2;}
#header .head_util button {position:relative;width:56px;height:56px;line-height:56px;color:var(--color-white);}
#header .head_util button + button {margin-left:14px;}
#header .head_util button::before {font-size:var(--font-size-40);}
/*#header .head_util .btn_login::before {content:'\f274';} */
#header .head_util .btn_login {width:auto;font-size:22px;font-weight:700;;}
#header .head_util .btn_allMenu::before {content:'\ef3e';}
#header .head_util .btn_search::before {content:'\f0d1';}
#header .head_util .user_info {display:inline-block;margin-left:35px;margin-right:4px;}
#header .head_util .btn_user {width:auto;position:relative;padding-right:31px;}
#header .head_util .btn_user::before {content:'\ea4e';position:absolute;right:0px;top:2px;font-size:24px;}
#header .head_util .btn_user .user_img {width:56px;height:56px;border-radius:50%;overflow:hidden;background-color:#d9d9d9;}
#header .head_util .btn_user .user_img img {width:100%;height:100%;object-fit:cover;}
#header .search_box {display:none;position:absolute;left:0;top:104px;width:100%;padding:32px 0;background-color:var(--color-blue-900);}
#header .search_box .search_box_wrap {position:relative;width:948px;margin:0 auto;}
#header .search_box .s_search_box {display:inline-block;width:calc(100% - 87px);vertical-align:top;}
#header .search_box .s_search_box input {background-color:var(--color-white);}
#header .search_box .btn_search_close {float:right;width:64px;height:64px;line-height:64px;border-radius:64px;background-color:var(--color-black-alpha20);}
#header .search_box .btn_search_close::before {content:'\f4c8';font-size:30px;color:var(--color-white-alpha50);}
#header #gnb {float:right;margin:36px 289px 0 0;}
#gnb > ul > li {position:relative;float:left; }
#gnb > ul > li > a {display:block;text-align:center;padding:0 29px;height:47px;line-height:47px;font-size:var(--font-size-22);font-weight:700;border-radius:25px 25px 0 0;}
#gnb > ul > li > a span {letter-spacing:0;}
#gnb > ul > li > a:hover,
#gnb > ul > li.on > a {margin-top:2px;padding:0 45px;font-size:var(--font-size-18);}
#gnb > ul > li.gnb_1depth1 > a:hover,
#gnb > ul > li.gnb_1depth1.on > a {background-color:var(--color-blue-200);}
#gnb > ul > li.gnb_1depth2 > a:hover,
#gnb > ul > li.gnb_1depth2.on > a {background-color:var(--color-red-250);}
#gnb > ul > li.gnb_1depth3 > a:hover,
#gnb > ul > li.gnb_1depth3.on > a {background-color:var(--color-orange-500);}
#gnb .gnb_2depth {display:none;position:absolute;left:0;top:49px;width:100%;padding:6px 0 8px;text-align:center;background-color:var(--color-blue-900);border-radius:0 0 var(--radius-medium) var(--radius-medium);}
#gnb .gnb_2depth::after {content:'';clear:both;display:block;}
#gnb .gnb_2depth li + li {border-top:2px solid var(--color-white-alpha20);}
#gnb .gnb_2depth li a {display:block;padding:14px 20px 10px;font-size:var(--font-size-18);font-weight:500;transition:all 0.3s;}
#header .jr_m {display:none;}
.main_body #header .jr_m {display:none !important;}
.gnb_active #gnb .gnb_2depth {z-index:5;}

/* allMenu */
html:has(#allMenu.active),
body:has(#allMenu.active) {overflow:hidden !important;touch-action:none;}
#allMenu.active {opacity:1;visibility:visible;z-index:1000;}
#allMenu {position:fixed;left:0;top:0;opacity:0;visibility:hidden;width:100%;height:100%;transition:all 0.4s;background-color:rgba(0,0,0,.6);z-index:-1;}
#allMenu .allMenu_wrap {width:100%;padding:var(--radius-extraLarge) 0;background-color:var(--color-blue-900);border-radius:0 0 var(--radius-extraLarge) var(--radius-extraLarge);box-shadow:var(--effect-card-shadow2);overflow-x: auto;}
#allMenu .close {position:absolute;right:0;top:1px;width:48px;height:48px;}
#allMenu .close button {width:100%;height:100%;text-align:center;}
#allMenu .close button::before {content:'\f4c8';color:var(--color-white);font-size:32px;width:100%;line-height:48px;}
#allMenu .s_search_box{display:none;}
#allMenu .allMenu_top {padding-bottom:15px;border-bottom:1px solid var(--color-white-alpha20);}
#allMenu .logo {font-family:var(--font-jalnan);font-size:35px;}
#allMenu .logo .jr {color:#F6AE02;}
#allMenu .logo .career {color:var(--color-red-500);}
#allMenu .allMenu_body {width:100%;margin-top:40px;}
#allMenu .allMenu_body > ul {width:100%;display:flex;flex-direction:row;align-items:flex-start;gap:40px;}
#allMenu .allMenu_body > ul > li {flex-grow:0;width:25%;}
#allMenu .allMenu_body > ul > li a {display:block;font-size:var(--font-size-18);color:var(--color-white);}
#allMenu .allMenu_body > ul > li > a {width:100%;height:47px;line-height:47px;text-align:center;font-weight:700;background-color:var(--color-blue-200);border-radius:var(--radius-large); cursor: auto;}
#allMenu .allMenu_body > ul > li.gnb_1depth2 > a {background-color:var(--color-red-250);}
#allMenu .allMenu_body > ul > li.gnb_1depth3 > a {background-color:var(--color-orange-500);}
#allMenu .allMenu_body > ul > li.gnb_1depth4 > a {background-color:var(--color-primery-500);}
#allMenu .allMenu_body > ul ul {margin-top:16px;}
#allMenu .allMenu_body > ul > li li {border-bottom:1px solid var(--color-white-alpha20);}
#allMenu .allMenu_body > ul > li li a {position:relative;padding:10px;font-weight:500;}
#allMenu .allMenu_body > ul > li li a::before {content:'';position:absolute;right:10px;top:50%;width:24px;height:24px;margin-top:-12px;background:url('../images/layout/icon_allMenu_arrow.svg') center no-repeat;}
#allMenu .allMenu_body > ul > li li + li {margin-top:8px;}
#allMenu .util{position:absolute; top: 2px; right: 84px;display:flex;align-items: center;}
#allMenu .util .btn_login01{border: 1px solid #7594b3; padding: 11px 28px; border-radius: 25px; margin: 0 10px 0 0;}
#allMenu .util .btn_login02{border: 1px solid #8eb3d9; padding: 11px 28px; border-radius: 25px; margin: 0 10px 0 0; background: #8eb3d9; color: #01386f;}
#allMenu .util .login_user{width: 200px;text-align: right;margin: 0 10px 0 0;color: #88dcff;font-size: 20px;}
#allMenu .util .btn_logout{border: 1px solid #8eb3d9;padding: 10px 20px;border-radius: 25px;margin: 0 10px 0 0;background: #8eb3d9;color: #01386f;}

/* footer */
#footer {background: #3b3f42;color: #b1b3c4;;border-top:1px solid #e4e4e4;padding:79px 0 78px;font-weight:500;}
#footer:not(.main_footer) .foot_top {position:relative;display: flex;justify-content: space-between;gap: 10px 38px;}
#footer .foot_top > div {display:inline-block;}
#footer .foot_top .foot_menu {}
#footer .foot_top .foot_menu > ul > li {float:left;margin-right:38px;color:var(--color-gray-500);}
#footer .foot_top .foot_menu > ul > li:last-child {margin-right: 0;}
#footer .foot_top .foot_menu > ul > li > a {font-size:20px;font-weight:700;color:var(--color-gray-800);}
#footer .foot_top .foot_menu > ul ul {margin-top:1px;}
#footer .foot_top .foot_menu > ul > li li {margin-top:13px;}
#footer .foot_top .foot_logo {font-family:var(--font-jalnan);font-size:var(--font-size-36);}
#footer .foot_top .cs_center {position:absolute;left:0;bottom:-3px;color:var(--color-gray-700);}
#footer .foot_top .cs_center em,
#footer .foot_top .cs_center a,
#footer .foot_top .cs_center span {display:block;}
#footer .foot_top .cs_center a {font-size:32px;font-weight:700;margin:3px 0;}
#footer .foot_btm .foot_site {order: 3;;width:224px;font-size:0;}
#footer .foot_btm .foot_site select,
#footer .foot_btm .foot_site button {font-size:16px;}
/*
#footer .foot_btm .foot_site select {padding:0 22px;color:var(--color-gray-500);font-weight:500;border:1px solid var(--color-gray-400);width:calc(100% - 77px);height:52px;border-right:0 none;background:var(--color-gray-50) url('../images/layout/icon_select_down.png') right 23px center no-repeat; border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
*/
#footer .foot_btm .foot_site button {width:77px;height:52px;color:var(--color-white);background-color:var(--color-gray-900);border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
#footer .foot_top .foot_sns {position:absolute;right:-1px;bottom:0;}
#footer .foot_top .foot_sns ul {margin-top:12px;margin-left:2px;}
#footer .foot_top .foot_sns li {float:left;margin-left:16px;}
#footer .foot_top .foot_sns li:first-child {margin-left:0;}
#footer .foot_top .foot_sns li a {position:relative;display:block;width:30px;height:30px;}
#footer .foot_top .foot_sns li a::before {position:absolute;left:0;top:0;text-align:center;line-height:30px;color:var(--color-gray-500);font-family:'remixicon';font-weight:normal;font-size:24px;}
#footer .foot_top .foot_sns .sns_fb::before {content:'\ecbc';}
#footer .foot_top .foot_sns .sns_ig::before {content:'\ee65';}
#footer .foot_top .foot_sns .sns_tw::before {content:'\f23a';}
#footer .foot_top .foot_sns .sns_in::before {content:'\eeb5';}
#footer .foot_top .foot_sns .sns_yt::before {content:'\f2d4';}
#footer .foot_top .info {font-size:14px;line-height:1.6;display: flex;gap: 10px;flex-direction: column;}
#footer .foot_top .info address em + span {display: block;}
#footer .foot_btm {display:flex;justify-content:space-between;margin-top:33px;padding-top:32px;border-top:1px solid var(--color-gray-300);}
#footer:not(.main_footer) .foot_btm {display:flex;justify-content:flex-start;gap:0 25px;align-items: center;margin-top:33px;padding-top:32px;border-top:1px solid var(--color-gray-300);}
#footer .foot_btm address em,
#footer .foot_btm address span {display:block;word-break:keep-all;word-wrap:break-word;}
#footer .foot_btm address span button::after{content:''; display: inline-block; width: 17px; height: 17px; background:url(../images/layout/icon_copy_white.png) no-repeat; vertical-align: middle; margin-bottom: 2px;}
#footer .foot_top address span button::after{content:''; display: inline-block; width: 17px; height: 17px; background:url(../images/layout/icon_copy_white.png) no-repeat; vertical-align: middle; margin-bottom: 2px;}
#footer .foot_btm .copyright {margin-top: 5px;}
#footer .foot_util {order:2;}
#footer .foot_util li {float:left;}
#footer .foot_util li a {display:block;padding:0 17px;}
#footer .foot_util li a:hover {font-weight:700;color:var(--color-gray-800);}
#footer .foot_util li:last-child a {padding-right:0;}

#footer {background: #3b3f42;color: #b1b3c4}
#footer:not(.main_footer) .foot_btm {justify-content: flex-end;}
#footer .foot_top .foot_menu > ul > li > a,
#footer .foot_top .foot_menu > ul > li {color: #b1b3c4;}
#footer .foot_util li a:hover {color: var(--color-white);}

#footer .foot_site {position:relative;float: right;width:303px;font-size:0;border: 1px solid #747b81;border-radius: 10px;}
#footer .foot_site select {padding:0 22px;color:#cdcdcd;font-weight:500;border:none; width: 100%; height:52px; border-radius: 10px; border-right:0 none;background:#3b3f42 url('../images/layout/icon_select_down.png') right 23px center no-repeat;}


/* top_btn */
.top_btn {position: absolute;bottom: 15px;right: 15px;width: 75px;height: 75px;z-index: 1000;}

/* 넓이가 1280px 이상일 때*/
@media all and (min-width: 1280px) {

	/* header */
}

/* 넓이가 768px 이상일 때*/
@media all and (min-width: 768px) {

}

/* 넓이가 1439px 이하일 때*/
@media all and (max-width:1439px){
	/* inner */
	.inner {width:100%;padding-left:40px;padding-right:40px;min-width: 1189px;}
	.s_search_box.base_type {height:48px;padding-right:96px;}
	.s_search_box.base_type input {padding:0 24px;font-size:var(--font-size-18);border-radius:48px 0 0 48px;}
	.s_search_box.base_type button {width:120px;border-radius:48px;}
	.s_search_box.base_type button span {line-height:48px;padding-left:32px;font-size:var(--font-size-20);}
	.s_search_box.base_type button span::before {width:24px;height:24px;margin-top:-12px;}

	/* header */
	#header h1 {left:40px;font-size:var(--font-size-32);}
	#header .head_util {right:36px;}
	#header #gnb {margin-right:258px;}
	#header .head_util button + button {margin-left:12px;}
	#header .head_util .user_info {margin-left:20px;}
	#header .head_util .btn_login {width:auto;font-size:18px;font-weight:700;;}

	#header .search_box {padding:24px 0;}
	#header .search_box .search_box_wrap {}
	#header .search_box .s_search_box {width:calc(100% - 64px);}
	#header .search_box .btn_search_close {width:48px;height:48px;line-height:48px;border-radius:48px;}
	#header .search_box .btn_search_close::before {font-size:var(--font-size-24);}
	#gnb > ul > li > a {padding:0 20px 0 21px;font-size:var(--font-size-20);}
	#gnb > ul > li > a:hover, 
	#gnb > ul > li.on > a {padding:0 30px;font-size:var(--font-size-18);}
	#gnb .gnb_2depth li a {font-size:var(--font-size-16);}

	/* allMenu */
	#allMenu .close {right:40px;}
	#allMenu .allMenu_wrap {padding:31px 0 40px;border-radius:0 0 var(--radius-large) var(--radius-large);}
	#allMenu .logo {font-size:var(--font-size-32);}
	#allMenu .allMenu_body {margin-top:var(--radius-large);}
	#allMenu .allMenu_body > ul {gap:30px;}

	/* footer */
	#footer {padding:40px 0 30px;}
	#footer .foot_top {}
	#footer .foot_top .foot_logo {font-size:var(--font-size-32);}
	/*#footer .foot_top .foot_menu {flex: 1 0 auto;}*/
	#footer .foot_top .foot_site,
	#footer .foot_top .foot_sns {position:static;vertical-align:bottom;margin-top:25px;}
	#footer .foot_top .foot_sns {margin-left:25px;}
	#footer .foot_top .foot_sns ul {margin-top:3px;}





}

/* 넓이가 1279px 이하일 때*/
@media all and (max-width:1279px){





}



/* 넓이가 1179px 이하일 때*/
/*mobile.css분기함*/