@charset "utf-8";

/* ****************************
 * 공통 css
******************************/
/*color*/
.required {color: #f43112 !important;}
.point_color01{color: #2538A5 !important;}
.point_color02{color: #f43112 !important;}
.point_color03{color: #717171 !important;}
.point_color04{color: #5d5fe4 !important;}
.point_color05{color: #1e1e1e !important;}
.point_color06{color: #5d5d5d !important;}
/* width */
.w_auto{width: auto !important;flex-shrink: 0;}
.w30{width: 30px !important; flex-shrink: 0;}
.w36{width: 36px !important; flex-shrink: 0;}
.w45{width: 45px !important; flex-shrink: 0;}
.w52{width: 52px !important; flex-shrink: 0;}
.w60 {width:60px !important; flex-shrink: 0;}
.w66 {width:66px !important; flex-shrink: 0;}
.w72{width: 72px !important; flex-shrink: 0;}
.w80{width: 80px !important; flex-shrink: 0;}
.w92{width: 92px !important; flex-shrink: 0;}
.w100{width: 100px !important; flex-shrink: 0;}
.w114{width: 114px !important; flex-shrink: 0;}
.w120{width: 120px !important; flex-shrink: 0;}
.w130{width: 130px !important; flex-shrink: 0;}
.w138{width: 138px !important; flex-shrink: 0;}
.w140{width: 140px !important; flex-shrink: 0;}
.w155{width: 155px !important; flex-shrink: 0;}
.w160{width: 160px !important; flex-shrink: 0;}
.w162{width: 162px !important; flex-shrink: 0;}
.w180{width: 180px !important; flex-shrink: 0;}
.w200{width: 200px !important; flex-shrink: 0;}
.w208{width: 208px !important; flex-shrink: 0;}
.w210{width: 210px !important; flex-shrink: 0;}
.w222{width: 222px !important; flex-shrink: 0;}
.w240{width: 240px !important; flex-shrink: 0;}
.w255{width: 255px !important; flex-shrink: 0;}
.w260{width: 260px !important; flex-shrink: 0;}
.w284{width: 284px !important; flex-shrink: 0;}
.w324{width: 324px !important; flex-shrink: 0;}
.w376{width: 376px !important; flex-shrink: 0;}
.w389{width: 389px !important; flex-shrink: 0;}
.w390{width: 390px !important; flex-shrink: 0;}
.w456{width: 456px !important; flex-shrink: 0;}
.w499{width: 499px !important; flex-shrink: 0;}
.w480{width: 480px !important; flex-shrink: 0;}
.w600{width: 600px !important; flex-shrink: 0;}
.w618{width: 618px !important; flex-shrink: 0;}
.w631{width: 631px !important; flex-shrink: 0;}
.w718{width: 718px !important; flex-shrink: 0;}
.w760{width: 760px !important; flex-shrink: 0;}
.w808{width: 808px !important; flex-shrink: 0;}
.w806{width: 806px !important; flex-shrink: 0;}
.w939{width: 939px !important; flex-shrink: 0;}
.w1140{width: 1140px !important; flex-shrink: 0;}
.w36p{width: 36% !important;}
.w50p{width: 50% !important;}
.w100p{width: 100% !important;}

/*min-width*/
.min_w100{min-width:100px !important;}
.min_w220{min-width:220px !important;}
.min_w_auto{min-width: auto !important;}
/*max-width*/
.max_w100{max-width:100px !important;}
.max_w_auto{min-width: auto !important;}

/* height */
.h42 {height: 42px !important;}
.h83 {height: 83px !important;}
.h207 {height: 207px !important;}
.type_h {height: 100px !important; line-height: 1.5;}
/* min height */
.min_h_auto{min-height: auto !important;}
.min_h116 {min-height: 116px !important;}

/* margin : top */
.mt0 {margin-top: 0px !important;}
.mt2 {margin-top: 2px !important;}
.mt4 {margin-top: 4px !important;}
.mt6 {margin-top: 6px !important;}
.mt8 {margin-top: 8px !important;}
.mt12 {margin-top: 12px !important;}
.mt16 {margin-top: 16px !important;}
.mt20 {margin-top: 20px !important;}
.mt24 {margin-top: 24px !important;}
.mt28 {margin-top: 28px !important;}
.mt30 { margin-top: 30px !important;}
.mt32 {margin-top: 32px !important;}
.mt40 {margin-top: 40px !important;}
.mt48 {margin-top: 48px !important;}
.mt60 {margin-top: 60px !important;}
.mt100 {margin-top: 100px !important;}
.mt112 {margin-top: 112px !important;}
.mt-12 {margin-top: -12px !important;}
/* margin : left */
.ml0 {margin-left: 0 !important;}
.ml4 {margin-left: 4px !important;}
.ml8 {margin-left: 8px !important;}
.ml12{margin-left: 12px !important;}
.ml16{margin-left: 16px !important;}
.ml20{margin-left: 20px !important;}
.ml24{margin-left: 24px !important;}
.ml26{margin-left: 26px !important;}
.ml40{ margin-left: 40px !important;}
.ml98{margin-left: 98px !important;}
/* margin : right */
.mr4 {margin-right: 4px !important;}
.mr8 {margin-right: 8px !important;}
.mr12{margin-right: 12px !important;}
.mr16{margin-right: 16px !important;}
.mr20{margin-right: 20px !important;}
.mr24{margin-right: 24px !important;}

/* margin :bottom */
.mb12{margin-bottom: 12px !important;}
.mb40{margin-bottom: 40px !important;}
.mg_auto { margin: 0 auto;}
/* padding */
.pd20 {padding: 20px !important;}
.pd40 {padding: 40px !important;}
.plr35 {padding-right: 35px !important; }
.plr12 { padding-left: 12px !important; padding-right: 12px !important; }
/* padding : top */
.pt0 {padding-top: 0 !important;}
/* padding : top */
.pr12 {padding-right: 12px !important;}
.pr20 {padding-right: 20px !important;}
.pr40 {padding-right: 40px !important;}
/* padding : left */
.pl16 {padding-left: 16px !important;}
.pl24 {padding-left: 24px !important;}
.pl98 {padding-left: 98px !important;}

.pb0{padding-bottom: 0 !important;}

.water {
    position: fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index: 9999999;
    pointer-events: none;
    background-image: url(../img/water.png);
    background-repeat: repeat;
    opacity: .1;
}
.water_moei {
    position: fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index: 9999999;
    pointer-events: none;
    background-image: url(../img/water_moei.svg);
    background-repeat: repeat;
    opacity: .1;
}
.break {
    word-break: break-all !important;
    overflow-wrap: break-word !important;
}

.ws_pre{white-space: pre !important;}
.ws_pre2{white-space: pre-wrap !important;}
/*msg*/
.msg01{
	display: block;
	width: 100%;
    font-size: 14rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 8px;
    color: #5d5d5d;
}
/*//msg*/
/*display*/
.dp_b{display: block !important;}
.dp_ib{display: inline-block !important;}
.dp_f{display: flex !important;}
.dp_if{display: inline-flex !important;}
.dp_i{display: inline !important; vertical-align: top !important;}
/*//display*/
/* word-break */
.wb_all {word-break: break-all;}
* {word-break: break-all;}

/* bgcolor */
.bg_w {background-color: #fff !important;}
/*테이블 tr 라인 선택시 배경색*/
.active_line01 td{background-color: #f1f6ff !important;}
/*//테이블 tr 라인 선택시 배경색*/
input:focus{
	outline: none;
	
}
.sp_tel_input02 input:focus{
	border: 1px solid #1e1e1e;
}
.sp_tel_input01 input:focus{
	border: 1px solid #1e1e1e;
}
input[type="checkbox"]{
	cursor: pointer;
}
input[type="radio"]{
	cursor: pointer;
}
/*아이콘*/
.ico_pop01{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_pop01.svg");
	background-size: 16px 16px;
	flex-shrink: 0;
}
.ico_none_schedule01{
	display: block;
	width: 80px;
	height: 80px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_none_schedule01.svg");
	background-size: 80px 80px;
	flex-shrink: 0;
}
.ico_plus03{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_plus03.svg");
	background-size: 16px 16px;
	flex-shrink: 0;
}
.ico_main_edit01{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_main_edit.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_main_card_img01{
	display: block;
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_main_card_img001.svg");
	font-size: 0;
	background-size: 70px 70px;
	color: transparent;
}
.ico_main_card_img02{
	display: block;
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_main_card_img002.svg");
	font-size: 0;
	background-size: 70px 70px;
	color: transparent;
}
.ico_itm00{
	display: block;
	width: 17px;
	height: 17px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm00.svg");
	font-size: 0;
	background-size: 17px 17px;
	color: transparent;
}
.ico_itm01{
	display: block;
	width: 17px;
	height: 17px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm01.svg");
	font-size: 0;
	background-size: 17px 17px;
	color: transparent;
}
.ico_itm02{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm02.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_itm03{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm03.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_itm04{
	display: block;
	width: 16px;
	height: 17px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm04.svg");
	font-size: 0;
	background-size: 16px 17px;
	color: transparent;
}
.ico_itm05{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm05.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_itm06{
	display: block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm06.svg");
	font-size: 0;
	background-size: 32px 32px;
	color: transparent;
}
.ico_itm07{
	display: block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm07.svg");
	font-size: 0;
	background-size: 32px 32px;
	color: transparent;
}
.ico_itm08{
	display: block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_itm08.svg");
	font-size: 0;
	background-size: 32px 32px;
	color: transparent;
}
.ico_arr01{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_right_thick_grey.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_arr01_2{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_right_thick_grey2.svg");
	font-size: 0;
	background-size: 24px 24px;
	color: transparent;
}
.ico_arr02{
	display: block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_arr02.svg");
	font-size: 0;
	background-size: 32px 32px;
	color: transparent;
}
.ico_arr03{
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_right_thick.svg");
	font-size: 0;
	background-size: 20px 20px;
	color: transparent;
}
.ico_arr05{
	display: block;
	width: 24px;
	height: 105px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_export_arrw.svg");
	font-size: 0;
	background-size: 24px 105px;
	color: transparent;
}
.ico_arr06{
	display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/ico_chevron_right_thick_grey2.svg);
    font-size: 0;
    background-size: 16px 16px;
    color: transparent;
}

.ico_login_info01 {
	display: block;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_info.svg");
	font-size: 0;
	color: transparent;
}
.ico_login_more01{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_more.svg");
	font-size: 0;
	color: transparent;
}
.ico_login_more02{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_more02.svg");
	font-size: 0;
	color: transparent;
}
.ico_login_notice01{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_notice.svg");
	font-size: 0;
	color: transparent;
}
.ico_login_notice02{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_notice.svg");
	font-size: 0;
	color: transparent;
}
.ico_faq01{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_faq.svg");
	font-size: 0;
	color: transparent;
}
.ico_faq02{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_faq_01.svg");
	font-size: 0;
	color: transparent;
}
.ico_bank{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_bank.svg");
	font-size: 0;
	color: transparent;
}
.ico_menual01{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_menual.svg");
	font-size: 0;
	color: transparent;
}
.ico_menual02{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_menual_01.svg");
	font-size: 0;
	color: transparent;
}
.ico_signup01{
	display: block;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_join.svg");
	font-size: 0;
	color: transparent;
}
.ico_login_arr01{
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_right_thick_grey.svg");
	font-size: 0;
	color: transparent;
}
.ico_login_arr02{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_go.svg");
	font-size: 0;
	color: transparent;
}
.ico_call01{
	display: block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_customer_center.svg");
	font-size: 0;
	color: transparent;
}
.ico_sns_youtube{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_sns_youtube.svg");
	font-size: 0;
	color: transparent;
}
.ico_sns_ig{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_sns_ig.svg");
	font-size: 0;
	color: transparent;
}
.ico_sns_facebook{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_sns_facebook.svg");
	font-size: 0;
	color: transparent;
}
.ico_sns_kakao{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_sns_kakao.svg");
	font-size: 0;
	color: transparent;
}
.ico_login{
	display: block;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login.svg");
	font-size: 0;
	color: transparent;
	background-size: 48px 48px;
}
.ico_login02{
	display: block;
	width: 48px;
	height: 48px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login02.svg");
	font-size: 0;
	color: transparent;
	background-size: 62px;
}
.ico_del {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_trash_gray.svg");
	font-size: 0;
	color: transparent;
	background-size: 20px 20px;
}
.ico_del02 {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_trash.svg");
	background-size: 20px 20px;
	flex-shrink: 0;
}
.ico_window {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_window.svg");
	font-size: 0;
	color: transparent;
	background-size: 20px 20px;
}
.ico_arr04{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_right_thick_white.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_arr02_left{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_left_thick_secondary.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_reset {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-image: url("../img/ico_reset.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	color: transparent;
}
.ico_sch {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-image: url("../img/ico_search.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	color: transparent;
}
.ico_sch_w {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-image: url("../img/ico_search_w.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	color: transparent;
}
.ico_nodata {
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-image: url("../img/ico_nodata_gray.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	color: transparent;
}
.ico_more {
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-image: url("../img/ico_chevron_up_small.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 16px;
	color: transparent;
	transform: rotate(180deg);
}
.ico_print {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-image: url("../img/ico_print.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_complete {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-image: url("../img/ico_data_complete.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_save {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-image: url("../img/ico_data_save.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_save02 {
	display: block;
	width: 58px;
	height: 62px;
	box-sizing: border-box;
	background-image: url("../img/ico_data_save02.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 58px 62px;
	color: transparent;
}
.ico_identi_pc {
	display: block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	background-image: url("../img/ico_certificate_pc.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 32px;
	color: transparent;
}
.ico_identi_pc02 {
	display: block;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	background-image: url("../img/ico_pc02.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px 36px;
	color: transparent;
}
.ico_identi_m {
	display: block;
	width: 32px;
	height: 32px;
	box-sizing: border-box;
	background-image: url("../img/ico_mobile1.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px 32px;
	color: transparent;
}
.ico_identi_m02 {
	display: block;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	background-image: url("../img/ico_mobile02.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px 36px;
	color: transparent;
}
.ico_weblink {display: block; width: 20px;height: 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_web_link.svg); font-size: 0; color: transparent; background-size: 20px 20px;}/* ico_web_link.svg*/
.ico_weblink_b {display: block; width: 20px;height: 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_web_link_b.svg); font-size: 0; color: transparent; background-size: 20px 20px;}/* ico_web_link.svg*/
.ico_weblink_w {display: block; width: 20px;height: 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_web_link_w.svg); font-size: 0; color: transparent; background-size: 20px 20px;}/* ico_web_link.svg*/
.ico_download {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-image: url("../img/ico_download.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_arrow {background-image: url(../img/ico_select.svg);transform: rotate(-90deg);}
.ico_search {
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-image: url("../img/ico_search_w.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_pdf {
    display: inline-block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-image: url(../img/ico_pdf.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    color: transparent;
}
.ico_img {
    display: inline-block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-image: url(../img/ico_file_img.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    color: transparent;
}
.ico_print_blue {
	display: block;
	box-sizing: border-box;
	background-image: url("../img/ico_print_blue.svg");
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
}
.ico_file_excel {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_excel.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_hwp {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_file_hwp.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_dwg {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_dwg01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_file {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_file01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_avi {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_avi01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_img {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_img0001.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_pdf {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_pdf01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_ppt {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_ppt01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_txt {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_txt01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_word {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_word01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_file_zip {
	display: inline-block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_zip01.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_clip {
	display: block;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	background-image: url("../img/ico_clip.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 16px;
	color: transparent;
}
.ico_clip02 {
	display: block;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	background-image: url("../img/ico_clip2.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 16px;
	color: transparent;
}
.ico_map {
	display: block;
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	background-image: url("../img/ico_map.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 16px;
	color: transparent;
}
.ico_map_gray {
	display: block;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	background-image: url("../img/ico_map_gray.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 23px;
	color: transparent;
}
.ico_warning_b {
	display: block;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	background-image: url("../img/ico_warning.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px 36px;
	color: transparent;
}
.ico_warning02 {
	display: block;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_warning02.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	color: transparent;
}
.ico_calculate {
	display: block;
	box-sizing: border-box;
	width: 24px !important;
	height: 24px !important;
	background-image: url("../img/ico_calculate.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px !important;
	color: transparent;
}
.ico_print_w {
    display: block;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-image: url(../img/ico_print_white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    color: transparent;
}
.ico_info_blue {
    display: block;
    width: 28px;
    height: 28px;
    box-sizing: border-box;
    background-image: url(../img/ico_tooltip_blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px 28px;
    color: transparent;
}
.ico_certi01 {
	display: block;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    background-image: url(../img/ico_certifi01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    color: transparent;
}
.ico_certi02 {
	display: block;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    background-image: url(../img/ico_certifi02.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    color: transparent;
}
.ico_certi03 {
	display: block;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    background-image: url(../img/ico_certifi03.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    color: transparent;
}
.ico_certi04 {
	display: block;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    background-image: url(../img/ico_certifi04.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 36px 36px;
    color: transparent;
}
.ico_plus01{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_plus.svg");
	background-size: 16px 16px;
	flex-shrink: 0;
}
.ico_minus01{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_minus.svg");
	background-size: 16px 16px;
	flex-shrink: 0;
}
.ico_noticepin {
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_notice.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_clip {
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_clip.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_suggestion {
    display: block;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    background-image: url(../img/ico_suggestion.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px 60px;
    color: transparent;
}
.ico_rise {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #F43112;
    border-left: 5px solid transparent;
}
.ico_fall {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 8px solid #2538A5;
    border-right: 5px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 5px solid transparent;
}
.ico_star.on {
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-image: url(../img/ico_star_on.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    color: transparent;
}
.ico_star {
    display: block;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    background-image: url(../img/ico_star_off.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    color: transparent;
}
/*버튼*/
.btn_clear01{
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_close_grey.svg");
	font-size: 0;
	color: transparent;
}
.btn_sh{
	display: block;
	width: 28px;
	height: 28px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_search_b.svg");
	background-size: 28px 28px;
	font-size: 0;
	color: transparent;
}
.btn_icon {
	display: inline-block;
	width: 36px;
	height: 36px;
	padding: 8px;
	box-sizing: border-box;
	border: 1px solid #b9b9b9;
	border-radius: 8px;
}
.btn_txt {
	display: flex;
	align-items: center;
	gap: 6px;
}
.btn_txt .txt {
	font-size: 15rem;
	line-height: 1.5;
	font-weight: 400;
	color: #1e1e1e;
}
.sp_common_btn:disabled .ico {
	opacity: 0.5;
}

/*//버튼*/
/* 접근성 css */
.a11y_blind {position: absolute; clip: rect(1px 1px 1px 1px); width: 1px; height: 1px;  overflow: hidden; color: transparent;}

/*flex*/
.flex_row { display: flex !important; align-items: center; justify-content: flex-start; }
.flex_row02 { width: 100%; display: flex; flex-direction: row; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;	gap: 24px; }
.flex_col { display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; }
.flex_col02{ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 2px;}
.flex_normal {display: flex;justify-content: flex-start;}
/*//flex*/



/* align : left, center, right, top, middle, bottom */
.a_l {text-align: left !important;}
.a_c {text-align: center !important;}
.a_r {text-align: right !important;}
.v_t {vertical-align: top !important;}
.v_m {vertical-align: middle !important;}
.v_b {vertical-align: bottom !important;}
.j_l{justify-content: flex-start !important;}
.j_c{justify-content: center !important;}
.j_r{justify-content: flex-end !important;}
.j_sb{justify-content: space-between !important;}
.j_sa{justify-content: space-around !important;}
.ai_l { align-items: flex-start !important;}
.ai_c { align-items: center !important;}
.ai_r { align-items: flex-end !important;}
.f_d {flex-direction: column !important;}
.d_f {display: flex !important;}
.d_ib {display: inline-block !important;}


/* border */
.bb_n { border-bottom: 0 !important;}

/* font : weigth, size, color */
.fz_13 {font-size: 13rem !important;}
.fz_14 {font-size: 14rem !important;}
.fz_15 {font-size: 15rem !important;}
.fz_16 {font-size: 16rem !important;}
.fz_17 {font-size: 17rem !important;}
.fz_19 {font-size: 19rem !important;}
.fz_21 {font-size: 21rem !important;}
.fz_25 {font-size: 25rem !important;}
.fw_400 {font-weight: 400 !important;}
.fw_500 {font-weight: 500 !important;}
.fw_600 {font-weight: 600 !important;}
.fw_700 {font-weight: 700 !important;}


.fc_yellow {color: #ffb700 !important;}
.fc_green {color: #009632 !important;}
.fc_dblue {color: #2538A5 !important;}
.fc_sky {color: #1da5ce !important;}

.scroll_y_auto {overflow-y: auto;}
.bod_t0 { border-top: 0 !important; }
.bod_t1 { border-top: 1px solid #dcdcdc !important; }
.bod_r1 { border-right: 1px solid #dcdcdc !important; }
.bod_b1 { border-bottom: 1px solid #b9b9b9 !important; }
.s_gap {padding-right: 6px;}
.f_s0 { flex-shrink: 0;}

/* ****************************
 * 컴포넌트
*******************************/
/* scroll bar */
::-webkit-scrollbar {width: 6px; height: 6px;}
::-webkit-scrollbar-track {background: #fff; border-radius: 100px;}
::-webkit-scrollbar-thumb {background: #0000004d; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: #555;}
/* ::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{border:3px solid #fff; } */




/* pagination */
.pagination_box01 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 8px;
}

.pagination_box01 li {	
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.pagination_box01 li a {
	display: flex; 
	align-items: center; 
	justify-content: center; 
	width: 40px; 
	height: 40px; 
	border-radius: 4px; 
	border: 1px solid #fff; 
	color: #5d5d5d; 
	font-size: 15rem; 
	font-weight: 400;
}
.pagination_box01 li.page_select a {background: #fff; border-radius: 4px; border: 1px solid #2538A5; color: #2538A5; font-weight: 700;}
.pagination_box01 li a:hover {background: #fff; border-radius: 4px; border: 1px solid #1e1e1e; color: #1e1e1e;}
.pagination_box01 li.disabled{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 4px; border: 1px solid #fff; color: #5d5d5d; font-size: 15rem; text-align: center; box-sizing: border-box;}
.pagination_box01 li.disabled {color: #9a9a9a;}
.pagination_box01 li.btn_page a {border: 1px solid #dcdcdc;}
.pagination_box01 li.btn_page a:hover {border: 1px solid #1e1e1e;}
.pagination_box01 li a.lft01 {background: url("../img/ico_chevron_left.svg") no-repeat; background-size: 16px; background-position: center center;}
.pagination_box01 li a.lft02 {background: url("../img/ico_chevron_left_double.svg") no-repeat; background-size: 16px; background-position: center center;}
.pagination_box01 li a.rgt01 {background: url("../img/ico_chevron_right.svg") no-repeat; background-size: 16px; background-position: center center;}
.pagination_box01 li a.rgt02 {background: url("../img/ico_chevron_right_double.svg") no-repeat; background-size: 16px; background-position: center center;}
.pagination_box01 li a.lft01:hover {background: url("../img/ico_chevron_left.svg") no-repeat; background-size: 16px; background-position: center center;}
.pagination_box01 li a.lft02:hover {background: url("../img/ico_chevron_left_double.svg") no-repeat; background-size: 16px; background-position: center center;}
.pagination_box01 li a.rgt01:hover {background: url("../img/ico_chevron_right.svg") no-repeat; background-size: 16px; background-position: center center;}
.pagination_box01 li a.rgt02:hover {background: url("../img/ico_chevron_right_double.svg") no-repeat; background-size: 16px; background-position: center center;}

/* title */
.con_tit_box01{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #1E1E1E;
	padding-bottom: 16px;
}
.con_tit_box01 > .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.con_tit_box01 > .left_box .tit .divider{
	width: 1px;
    height: 24px;
	margin: 0 8px;
    background-color: #b9b9b9;
	display: inline-block;
}
.con_tit_box01 > .left_box .tit{
	display: block;
	font-size: 30rem;
	font-weight: 700;
	line-height: 1.2;
	color: #1E1E1E;
}
.con_tit_box01 > .right_box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
}
.con_tit_box01 > .right_box .noti_txt01{
	display: block;
	font-size: 17rem;
	font-weight: 400;
	color: #f43112;
	line-height: 1.5;
}

.con_tit_box02{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.con_tit_box02 > .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.con_tit_box02 > .left_box .tit{
	display: block;
	font-size: 25rem;
	font-weight: 700;
	line-height: 1.2;
	color: #1E1E1E;
	word-break: break-all;
}
.con_tit_box02 > .left_box .noti_txt01 {
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	margin-left: 8px;
}
.con_tit_box02 > .right_box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
}
.con_tit_box02 > .right_box .noti_txt01{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #f43112;
	line-height: 1.5;
}

.con_tit_box03{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-bottom: 12px;
}
.con_tit_box03 > .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.con_tit_box03 > .left_box .tit{
	display: block;
	font-size: 30rem;
	font-weight: 700;
	line-height: 1.2;
	color: #1E1E1E;
}
.con_tit_box03 > .left_box .noti_txt01 {
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	margin-left: 8px;
}
.con_tit_box03 > .right_box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
}
.con_tit_box03 > .right_box .noti_txt01{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #f43112;
	line-height: 1.5;
}


.con_tit_box04{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.con_tit_box04 > .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.con_tit_box04 > .left_box .tit{
	display: block;
	font-size: 19rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}

.con_tit_box04 > .right_box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
}
.con_tit_box04 > .right_box .noti_txt01{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #f43112;
	line-height: 1.5;
}

.con_tit_box05{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.con_tit_box05 > .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.con_tit_box05 > .left_box .tit{
	display: block;
	font-size: 23rem;
	font-weight: 700;
	line-height: 1.2;
	color: #1E1E1E;
}
.con_tit_box05 > .right_box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
	gap:8px;
}


.con_tit_box06{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.con_tit_box06 > .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.con_tit_box06 > .left_box .tit{
	display: flex;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
	position: relative;
}
.con_tit_box06 > .left_box .tit.dot::after{
	display: none;
	justify-content: center;
	align-items: flex-start;
	content: "*";
	font-size: 17px;
	font-weight: 700;
	color: #F43112;
	line-height: 14px;
	width: 12px;
}
.con_tit_box06 > .left_box .tit.dot::after {
    display: flex;
}
.con_tit_box06 > .right_box .noti_txt01 {
    display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #f43112;
    line-height: 1.5;
}
.con_tit_box06 > .left_box .tit:has(.point_color02) {
	display: block;
}

/* sub title */
.top_func_box01{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	position: relative;
}
.top_func_box01 > .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.top_func_box01 > .left_box .txt{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
}
.top_func_box01 > .left_box .txt > em{
	display: block;
	font-size: 15rem;
	font-weight: 700;
	line-height: 1.5;
	color: #2538A5;
}
.top_func_box01 > .right_box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-shrink: 0;
}
.top_func_box01 > .right_box .noti_txt01 {
    display: block;
    font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
}





.sub_tit01 {margin-bottom: 12px;}
.sub_tit01 h3 {font-size: 21rem;}
.sub_tit02 {margin-bottom: 16px;}
.sum_txt {font-size: 15rem;}
.sum_txt em {color: #2538A5; font-weight: 700;}



/* tab : default*/
/* tab 공통 */
.tab_con .tab_list_wrap .tab_list {
	display: flex; 
	align-items: center; 
	width: 100%;
}
.tab_con .tab_list_wrap .tab_list li {
	flex: 1;
}
.tab_con .tab_list_wrap .tab_list li a {
	display: flex;
	justify-content: center;
	align-items: center; 
	text-align: center;
}
.tab_contents {
	display: none;
}
.tab_contents.on {
	display: block;
}
/*tab swiper*/
.swiper_tab01 .tab_list {border-radius: 12px 0 12px;}
.swiper_tab01 .tab_list li {height: 54px;width: 100%;}


.swiper_tab01 .tab_list li:first-child a {border-radius: 12px 0 0 12px;}
.swiper_tab01 .tab_list li:last-child a {border-radius: 0 12px 12px 0; border-right: 1px solid #ebebeb;}
.swiper_tab01 .tab_list li a.on {background: #2538A5; border-left: 0; border-right: 0; color: #fff;}


.swiper_tab01.sm .tab_list li {height: 48px;}
.swiper_tab01.sm .tab_list li a {padding: 11px 0; font-size: 17rem; line-height: 1.5;}




.swiper_tab01{
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.swiper_tab01 .tab_list li{
	flex: 1;
	min-width: max-content;
	width: 100%;
}
.swiper_tab01 .tab_list li a{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;border-top: 1px solid #ebebeb; 
	border-left: 1px solid #ebebeb; 
	border-bottom: 1px solid #ebebeb; 
	background: #fff; 
	color: #717171; 
	font-size: 19rem; 
	font-weight: 700; 
	line-height: 1.5;
	box-sizing: border-box;
	padding: 0 24px;
	gap: 8px;
}
.swiper_tab01 .tab_list li a:hover{
	background-color: #f9f9f9;
}
.swiper_tab01 .tab_list li a:hover .txt{
	color: #1e1e1e;
}
.swiper_tab01 .tab_list li a:hover .num{
	background-color: #000;
	color: #fff;
}

.swiper_tab01 .tab_list li a.on:hover{
	background-color: #2538A5;
}
.swiper_tab01 .tab_list li a.on:hover .txt{
	color: #fff;
}
.swiper_tab01 .tab_list li a.on:hover .num{
	background-color: #fff;
	color: #2538A5;
}

.swiper_tab01 .tab_list li a .txt{
	font-size: 19rem; 
	font-weight: 700; 
	line-height: 1.5;
	display: block;
	color: #717171;
}
.swiper_tab01.sm .tab_list li a .txt{
	font-size: 17rem;
	font-weight: 600; 
}
.swiper_tab01 .tab_list li a.on .txt{
	color: #fff;
}
.swiper_tab01 .tab_list li a .num{
	font-size: 15rem; 
	font-weight: 700; 
	min-width: 39px;
	height: 24px;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #717171;
	flex-shrink: 0;
	width: max-content;
	border-radius: 999px;
	background-color: #ebebeb;
	padding: 0 7px;
}
.swiper_tab01 .tab_list li a.on .num{
	color: #2538A5;
	background-color: #fff;
}
.swiper_tab01.sm .tab_list li a{
	padding: 0 24px;
}
.swiper_tab01 .swiper-button-prev{
	position: absolute;
	top: calc(50% - 24px);
	left: 00px;
	z-index: 10;
	width: 48px;
	height: 48px;
	margin-top: 0;
}
.swiper_tab01 .swiper-button-prev::before{
	display: none;
    width: 70px;
    height: 40px;
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    left: -20px;
    z-index: -1;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
}

.swiper_tab01 .swiper-button-prev::after{
	position: absolute;
	top: calc(50% - 24px);
	left: 0px;
	z-index: 10;
	width: 48px;
	height: 48px;
	background-color: transparent;
	margin-top: 0;
	font-size: 0;
	background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    transform: rotate(90deg);
}
.swiper_tab01 .swiper-button-next{
	position: absolute;
	top: calc(50% - 24px);
	right: 0px;
	z-index: 10;
	width: 48px;
	height: 48px;
	margin-top: 0;
}
.swiper_tab01 .swiper-button-next::after{
	position: absolute;
	top: calc(50% - 24px);
	right: 0px;
	z-index: 10;
	width: 48px;
	height: 48px;
	background-color: transparent;
	margin-top: 0;
	font-size: 0;
	background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../img/ico_acc_arr0201.svg");
    transform: rotate(270deg);
}
.swiper_tab01 .swiper-button-next::before{
	display: none;
    width: 70px;
    height: 40px;
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    right: -20px;
    z-index: -1;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), #f9f9f9 45%);
}
.swiper_tab01 .swiper-button-prev.swiper-button-disabled{
	display: none;
}
.swiper_tab01 .swiper-button-next.swiper-button-disabled{
	display: none;
}
/*//*/
/* type01 */
.tab_con.type01 > .tab_wrap > .tab_list_wrap > .tab_list {border-radius: 12px 0 12px;}
.tab_con.type01 > .tab_wrap > .tab_list_wrap > .tab_list > li {height: 54px;width: 100%;}
.tab_con.type01 > .tab_wrap > .tab_list_wrap > .tab_list > li > a {height: 100%; padding: 0; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background-color: #fff; color: #717171; font-size: 19rem; font-weight: 700; line-height: 1.5;}
.tab_con.type01 > .tab_wrap > .tab_list_wrap > .tab_list > li > a:hover {color: #1e1e1e;background-color: #f9f9f9;}
.tab_con.type01 > .tab_wrap > .tab_list_wrap > .tab_list > li:first-child > a {border-radius: 12px 0 0 12px;}
.tab_con.type01 > .tab_wrap > .tab_list_wrap > .tab_list > li:last-child > a {border-radius: 0 12px 12px 0; border-right: 1px solid #ebebeb;}
.tab_con.type01 > .tab_wrap > .tab_list_wrap > .tab_list > li > a.on {background: #2538A5; border-left: 0; border-right: 0; color: #fff;}
.tab_con.type01 > .tab_content_wrap {margin-top: 40px;}

.tab_con.type01.sm > .tab_wrap > .tab_list_wrap > .tab_list > li {height: 48px;}
.tab_con.type01.sm > .tab_wrap > .tab_list_wrap > .tab_list > li > a {padding: 11px 0; font-size: 17rem; line-height: 1.5;}

/* type02 */
.tab_con.type02 > .tab_wrap > .tab_list_wrap > .tab_list > li {height: 48px;}
.tab_con.type02 > .tab_wrap > .tab_list_wrap > .tab_list > li > a {height: 100%; padding: 9px 20px; background-color: #fff; color: #9a9a9a; font-size: 19rem; font-weight: 700;position: relative; border: none; }
.tab_con.type02 > .tab_wrap > .tab_list_wrap > .tab_list > li > a::after{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.tab_con.type02 > .tab_wrap > .tab_list_wrap > .tab_list > li > a:hover {color: #1e1e1e;}
.tab_con.type02 > .tab_wrap > .tab_list_wrap > .tab_list > li > a:hover::after{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #1e1e1e;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.tab_con.type02 > .tab_wrap > .tab_list_wrap > .tab_list > li > a.on { color: #2538A5;}
.tab_con.type02 > .tab_wrap > .tab_list_wrap > .tab_list > li > a.on::after{
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #2538A5;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.tab_con.type02 > .tab_content_wrap {margin-top: 40px;}
.tab_con.type02 > .tab_content_wrap .tab_con.type01.sm > .tab_wrap > .tab_list_wrap > .tab_list > li > a::after { display: none; }

/* type03 */
.tab_con.type03 > .tab_wrap > .tab_list_wrap > .tab_list {border-radius: 12px 0 12px; width: 100%;position: relative;}
.tab_con.type03 > .tab_wrap > .tab_list_wrap > .tab_list::after { position: absolute; content: ''; width: 100%; height: 1px; background-color: #2358A5; bottom: 0; z-index: -1; }
.tab_con.type03 > .tab_wrap > .tab_list_wrap > .tab_list > li {height: 40px; width: fit-content; flex: none;}
.tab_con.type03 > .tab_wrap > .tab_list_wrap > .tab_list > li > a {height: 100%; padding: 12px 20px; background-color: #fff; color: #717171; font-size: 17rem; font-weight: 700; line-height: 1.5; border-radius: 8px 8px 0 0; border-bottom: 1px solid #2538A5;}
.tab_con.type03 > .tab_wrap > .tab_list_wrap > .tab_list > li > a:hover {color: #1e1e1e;background-color: #f9f9f9;}
.tab_con.type03 > .tab_wrap > .tab_list_wrap > .tab_list > li > a.on {border: 1px solid #2538A5; border-bottom: 1px solid #fff; color: #1e1e1e; background-color: #fff; padding: 12px 19px;}
.tab_con.type03 > .tab_content_wrap {margin-top: 40px;}




/* ****************************
 * layout
******************************/
body {
	overflow-x: auto;
	min-width: 1280px;
	width: 100%;
}

/* inner */
.inner {
	position: relative;
	min-width: 1280px;
	width: 100%;
	max-width: 1688px;
	margin: 0 auto;
}
.inner::after {content:''; display: block; clear: both;}

/* skip content */
#skip_content a {overflow: hidden; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 1px; background: #000; color: #fff; text-align: center;}
#skip_content a:focus {position: relative; width: 100%; height: auto; padding: 10px;}

.wrap {position: relative;}



/** contianer **/
.contianer {padding: 40px 0 80px;}
.content {display: flex; align-items: flex-start;}

/* lnb */
/* .sidebar_wrap, */
.sidebar_wrap {position: sticky; top: 146px; left: 0;}
.sidebar_wrap.type01 { top: 0; }
.siderbar {
	overflow: hidden; 
	display: flex; 
	flex-direction: column; 
	flex-wrap: nowrap; 
	gap: 16px; 
	width: 237px;
	min-width: 237px; 
	height: auto; 
	padding: 30px; 
	background-color: #fff; 
	border: 1px solid #dcdcdc; 
	border-radius: 12px; 
	z-index: 10;
}

.menu_acco .menu_item h2.depth01 {font-size: 21rem; font-weight: 700; width: 100%; text-align: left; border-bottom: 1px solid #dcdcdc; margin-bottom: 16px; padding-bottom: 16px;line-height: 1.5;}
.menu_sub > li:has(.menu_sub) > a::after {
	position: absolute;
	content: '';
	font-size: 24px;
	top: 5px;
	right: 0;
	width: 16px;
	height: 16px;
	background-image: url(../img/ico_plus_gnb.svg);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: center;
}
.menu_sub.depth02 > li .btn_menu.active::after {
	content: '';
	top: 9px;
	background-image: url(../img/ico_minus_gnb.svg);
	background-position: center;
}
.menu_sub.depth02 {display:block;width: 100%;}
.menu_sub.depth02 > li{display:block;width: 100%;}
.menu_sub.depth02 > li + li{
	margin-top: 16px;
}
.menu_sub.depth02 > li .btn_menu {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	position: relative;
}

.menu_sub.depth02 > li .btn_menu .txt{
	display: block;
	color: #5d5d5d; 
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.5;
}
.menu_sub.depth02 > li .btn_menu .dot{
	display: none;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #2538A5;
	flex-shrink: 0;
	position: absolute;
	top: 0;
	left: -6px;
	z-index: 10;
}
.menu_sub.depth02 > li.on > .btn_menu .dot{display: block;}
.menu_sub.depth02 > li.on > .btn_menu .txt{color: #2538A5;font-weight: 700;}

.menu_sub.depth03{
	width: 100%;
	padding-left: 16px;
	display: none;
}
.menu_sub.depth02 > li.on .menu_sub.depth03{
	display: block;
}
.menu_sub.depth03 > li {margin-top: 16px;width: 100%;}
.menu_sub.depth03 > li a {
	position: relative; 
	padding-left: 13px; 
	color: #5d5d5d;
	display: block;
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.5;
	word-break: break-all;
}
.menu_sub.depth03 > li a::before {content: ''; display: block; position: absolute; top: 11px; left: 0; width: 5px; height: 2px; margin: 0 4px; background-color: #5d5d5d;}
.menu_sub.depth03 > li:not(:first-child) {margin-top: 8px;}
.menu_sub.depth03 > li.on a {color: #2538A5;}
.menu_sub.depth03 > li.on a::before {background-color: #2538A5;}
.menu_sub.depth03 > li.on a:hover{text-decoration: underline;}
.menu_sub.depth02 > li > .btn_menu .txt:hover{text-decoration: underline;}
.menu_sub.depth03 > li a:hover{text-decoration: underline;}
/* container */
main {width: 100%; height: 100%; margin-left: 48px; max-width: 1403px;}

/* footer */
.footer{
	display: block;
	min-width: 1280px;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #d9d9d9;
}
.footer .footer_connect{
	display: block;
	box-sizing: border-box;
	width: 100%;
}
.footer .footer_connect .inner_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	min-width: 1280px;
	width: 100%;
	max-width: 1688px;
	margin: 0 auto;
	padding: 14px 0;
}
.footer .footer_connect .connect_num_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	min-width: max-content;
}
.footer .footer_connect .connect_num_box + .footer_quick_menu{
	margin-left: 61px;
}
.footer .footer_connect .connect_num_box .noti_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
}
.footer .footer_connect .connect_num_box .noti_box .ico_call01{
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	flex-shrink: 0;
}
.footer .footer_connect .connect_num_box .noti_box .ico_call01 + .txt{
	margin-left: 8px;
}
.footer .footer_connect .connect_num_box .noti_box .txt{
	display: block;
	box-sizing: border-box;
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
}
.footer .footer_connect .connect_num_box .noti_box + .cs_box{
	margin-left: 12px;
}
.footer .footer_connect .connect_num_box .cs_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
}
.footer .footer_connect .connect_num_box .cs_box .num + .txt{
	margin-left: 4px;
}
.footer .footer_connect .connect_num_box .cs_box .num{
	display: block;
	box-sizing: border-box;
	font-size: 25rem;
	font-weight: 700;
	line-height: 1.2;
	color: #2538A5;
}
.footer .footer_connect .connect_num_box .cs_box .txt{
	display: block;
	box-sizing: border-box;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #717171;
}
.footer .footer_connect .footer_quick_menu{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	min-width: max-content;
}
.footer .footer_connect .footer_quick_menu > li{
	display: block;
	box-sizing: border-box;
	position: relative;
}
.footer .footer_connect .footer_quick_menu > li + li{
	margin-left: 20px;
}
.footer .footer_connect .footer_quick_menu > li::after{
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #c6c6c6;
	position: absolute;
	top: 10px;
	right: -12px;
	z-index: 10;
}
.footer .footer_connect .footer_quick_menu > li:last-child::after{
	display: none;
}
.footer .footer_connect .footer_quick_menu > li > a{
	display: block;
	box-sizing: border-box;
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
}
.footer .footer_connect .footer_quick_menu > li > a.active{
	font-weight: 700;
}
.footer .footer_contents{
	display: block;
	width: 100%;
	box-sizing: border-box;
	background-color: #5d5d5d;
}
.footer .footer_contents .inner_box{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	min-width: 1280px;
	width: 100%;
	max-width: 1688px;
	margin: 0 auto;	
	box-sizing: border-box;
	padding: 30px 0px 40px 0px;
}
.footer .footer_contents .left_box{
	display: block;
	box-sizing: border-box;
}
.footer .footer_contents .left_box > li{
	display: block;
	box-sizing: border-box;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
}
.footer .footer_contents .left_box > li a{
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.4;
	color: #fff;
	text-decoration: none;
}
.footer .footer_contents .left_box > li + li{
	margin-top: 10px;
}
.footer .footer_contents .right_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	gap: 30px;
}
.footer .footer_contents .right_box .footer_sns_link{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: max-content;
	gap: 10px;
}
.footer .footer_contents .right_box .footer_sns_link > li{
	display: block;
	box-sizing: border-box;
}
.footer .footer_contents .right_box .footer_sns_link > li > a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border-radius: 40px;
	background-color: #3e3e3e;
}
.footer .authentication_mark{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.footer_pop_menu{
	display: none;
    box-sizing: border-box;
    width: 100%;
	border-top: 1px solid #dcdcdc;
}
.footer_pop_menu .inner_box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	max-width: 1688px;
	min-width: 1280px;
	margin: 0 auto;
	border-left: 1px solid #dcdcdc;
}
.footer_pop_menu .inner_box .item{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.footer_pop_menu .inner_box .item .menu_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 50px;
	box-sizing: border-box;
	width: 100%;
	padding: 0 24px 0 32px;
	border-right: 1px solid #dcdcdc;
}
.footer_pop_menu .inner_box .item .menu_box .tit{
	display: block;
	font-size: 17rem;
	font-weight: 400;
	color: #1e1e1e;
}
.footer_pop_menu .inner_box .item .menu_box .ico_pop01{
	cursor: pointer;
}
/* quick menu */
.quick_menu_wrap {position: fixed; top: 0; right: -76px; height: 100%; z-index: 30000; background: #fff; box-shadow: -10px 0 24px 0 rgba(0, 0, 0, 0.10); transition: .4s ease-in-out;}
.quick_menu_wrap.on {right: 0; animation-duration: 10s;}
.quick_menu_wrap .btn_quick {position: absolute; top: 124px; left: -20px; width: 20px; height: 40px; background: #2538A5; border-radius: 999px 0 0 999px;}
.quick_menu_wrap .quick_menu {height: 100%; padding: 118px 8px 32px; background: #fff; border-left: 2px solid #2538A5;}
.quick_menu_wrap .quick_menu .tit {color: #2538A5; font-size: 17rem; font-weight: 700; text-align: center;}
.quick_menu_wrap .quick_menu ul {margin-top: 28px; display: flex; justify-content: center; gap: 20px; flex-direction: column;margin-bottom: 28px; padding-bottom: 28px;}
.quick_menu_wrap .quick_menu ul::after {content:''; border: 1px solid #ddd;}
.quick_menu_wrap .quick_menu ul li a {color: #5d5d5d; font-size: 13rem; font-weight: 600; text-align: center;}
.quick_menu_wrap .quick_menu ul li a::before {content: ''; display: block; width: 60px; height: 60px; background: #effafb; border-radius: 999px;}

/* top button */
.btn_top {display: flex; position: fixed; right: 20px; bottom: 32px; width: 52px; height: 52px; background: #fff; border: 1px solid #b9b9b9; border-radius: 999px; transform: translateX(0); transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); justify-content: center; align-items: center;}
.btn_top:hover {border: 1px solid #1e1e1e;}
.btn_top:hover svg path {fill: #1e1e1e;}
.btn_top.visible {transform: translateX(0); z-index: 999;}
.btn_top.exit {transform: translateX(-14px);transition: transform 0.5s cubic-bezier(0, -0.78, 0.41, -1.14)}

/* 로그인 */
.wrap.login .contianer {height: 100%; padding: 60px 0; background: #dee7f1;}
.wrap.login .contianer .inner {width: 1118px; min-width: 1118px;}
.wrap.login .logo_box{display: flex;justify-content: center;align-items: center;gap: 12px;margin-bottom: 52px;}
.wrap.login .logo_box .txt{
	display: block;
	font-size: 32rem;
	font-weight: 700;
	line-height: 1.2;
	color: #2538A5;
}
.wrap.login h1.logo {height: 46px; background-image: url("../img/ico_login_logo.svg");background-repeat: no-repeat;background-position: center center;background-size: 100px 46px;display: block;width: auto;width: 100px;}
.wrap.login .logo_box .img img {height: 46px;}
.wrap.login .link_btn_box {position: absolute;  top: -32px;	right: 30px;}
.wrap.login .link_btn_box ul {display: flex; gap: 1px;}
.wrap.login .link_btn_box ul li a {display: flex; border-radius: 12px 12px 0 0; height: 32px; padding: 4px 14.4px; color: #fff; font-size: 15rem;	font-weight: 700; line-height: 1.4;	align-items: center;min-width: 80px;}
.wrap.login .link_btn_box ul li.green a {background-color: #2e6fd6;}
.wrap.login .link_btn_box ul li.blue a {background-color: #3F40DC;}
.wrap.login .content {position: relative;display: block;height: 100%;border-radius: 24px;box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, .12);}
.wrap.login .content .card { width: 50%; height: 100%;display: table-cell;vertical-align: top;}
.wrap.login .content .card.col01 { padding: 56px 60px 48px; border-radius: 24px 0 0 24px; background: #f1f6ff;}
.wrap.login .content .card.col01 h2.login_tit {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 32px;
}
.wrap.login .content .card.col01 .sp_common_chk01 > input{
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}
.wrap.login .content .card.col01 h2.login_tit .txt{
	display: block;
	font-size: 32rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}
.wrap.login .content .card.col01 .login_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	width: 100%;
	border-radius: 64px;
	background-color: #2538A5;
}
.wrap.login .content .card.col01 .login_btn:hover{
	background-color: #1d2c85;
}

.wrap.login .content .card.col01 .login_btn:active{
	background-color: #16226a;
}
.wrap.login .content .card.col01 .login_btn .txt{
	display: block;
	width: max-content;
	font-size: 19rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.5;
}
.wrap.login .content .card.col01 .login_box {display: flex; align-items: center; height: 52px; border-bottom: 2px solid #000;}
.wrap.login .content .card.col01 .login_box:not(:first-child) {margin-top: 32px;}
.wrap.login .content .card.col01 .login_box label {width: 100px;color: #1E1E1E;font-size: 21rem;font-weight: 600;line-height: 1.5;display: flex;justify-content: flex-start;align-items: center;height:100%;flex-shrink: 0;}
.wrap.login .content .card.col01 .login_box input {border: 0; border-radius: 0; padding: 0 16px; background: transparent; height: 100%;width: 100%;color: #1E1E1E;font-size: 17rem;}
.wrap.login .content .card.col01 .login_box input::placeholder {color: #9a9a9a;}
.wrap.login .content .card.col01 .login_box input:focus {border: 0;}
.wrap.login .content .card.col01 .login_chk { display: flex; align-content: center; align-items: center; align-self: stretch; gap: 8px; margin-top: 16px; }
.wrap.login .content .card.col01 .login_chk .id_save_box { width: max-content; }
.wrap.login .content .card.col01 .login_chk .login_find {  display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 17px; flex: 1 0 0; }
.wrap.login .content .card.col01 .login_chk .login_find a { font-size: 17rem; font-weight: 400; line-height: 1.5; color: #5d5d5d; width: fit-content; position: relative; }
.wrap.login .content .card.col01 .login_chk .login_find a + a::before { position: absolute; content: ''; width: 1px; height: 12px; background-color: #b9b9b9; left: -9px; top: 6px; }

.wrap.login .content .card.col01 .toggle_pw.eyes{display: block;flex-shrink:0; width: 25px; height: 24px; padding: 0; background: url("../img/ico_eye_fill_grey.svg") no-repeat; background-size: 24px;font-size: 0;color: transparent;}

.wrap.login .content .card.col01 .toggle_pw.eyes.off{background: url("../img/ico_eye_slash_fill_grey.svg") no-repeat; background-size: 24px;font-size: 0;color: transparent;}

.wrap.login .content .card.col01 .login_check .inp_chk.login {width: 24px; height: 24px; background-size: 24px;}
.wrap.login .content .card.col01 .login_check {display: flex; align-items: center; margin-top: 16px;}
.wrap.login .content .card.col01 .login_check label {color: #000; font-size: 17rem;}
.wrap.login .content .card.col01 .btn.login {width: 100%;padding: 16px 28px;height: 60px;min-height: 60px;min-width: 100%;font-size: 19rem;font-weight: 700;}
.wrap.login .content .card.col01 .btn.type01.login {margin-top: 28px;}
.wrap.login .content .card.col01 .login_link_box {display: flex;justify-content: center;align-items: center;width: 100%;gap: 28px;}

.wrap.login .content .card.col01 .login_link_box li{position: relative;}
.wrap.login .content .card.col01 .login_link_box li::after {content: ''; display: block; position: absolute; top: calc(50% - 2px); right: -16px;z-index: 10;  width: 4px; height: 4px; background-color: #3e3e3e; border-radius: 4px;}
.wrap.login .content .card.col01 .login_link_box li:last-child::after{display: none;}
.wrap.login .content .card.col01 .login_link_box li a {color: #000;display: block;font-size: 19rem;font-weight: 400;color: #1E1E1E;line-height: 1.5;}
.wrap.login .content .card.col01 .or_line {text-align: center;position: relative;display: block;width: 100%;position: relative;height: 109px;}
.wrap.login .content .card.col01 .or_line span {color: #000; font-weight: 700; display: block; position: absolute; top: 50%; left: 50%;transform: translate3d(-50%,-50%,0);z-index: 10;background-color: #f4f9fd;font-size: 19rem;font-weight: 700;line-height: 1.5;}
.wrap.login .content .card.col01 .or_line span::after{display: block;width: calc(100% + 12px);height: 100%;background-color: #f4f9fd;position: absolute;top: 0;left: -6px;z-index: -1;content: "";}
.wrap.login .content .card.col01 .or_line::before {content: ''; display: block; position: absolute;top: calc(50% - 0.5px);left: 0;z-index: 1;width: 100%;height: 1px;background-color: #717171;}
.wrap.login .content .card.col01 .certi_login_box {display: block;width: 100%; margin-top: 32px; }
.wrap.login .content .card.col01 .certi_login_box .certi_login_btn {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 100%;
    border-radius: 64px;
    background-color: #dcebfe;
	border: 1px solid #2e6fd6;
}
.wrap.login .content .card.col01 .certi_login_box .certi_login_btn:hover{
	border: 1px solid #255ab1;
	background-color: #bfd9fd;
}
.wrap.login .content .card.col01 .certi_login_box .certi_login_btn:focus{
	border: 1px solid #16366b;
	background-color: #9cc4fa;
}
.wrap.login .content .card.col01 .certi_login_box .certi_login_btn:active{
	border: 1px solid #16366b;
	background-color: #9cc4fa;
}
.wrap.login .content .card.col01 .certi_login_box .certi_login_btn > .txt{
	display: block;
	font-size: 19rem;
	font-weight: 700;
	line-height: 29px;
	color: #16366b;
}

.wrap.login .content .card.col01 .certi_login_box .certi_auth_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 16px 0 14px 0;
}
.wrap.login .content .card.col01 .certi_login_box .certi_auth_btn > .txt{
	display: block;
	font-size: 19rem;
	font-weight: 400;
	line-height: 29px;
	color: #1E1E1E;
}
.wrap.login .content .card.col02 {padding: 56px 60px 40px;border-radius: 0 24px 24px 0; background: #fff;}
.wrap.login .content .card.col02 .list_box .list li:not(:first-child) {border-top: 1px solid #e9e9e9;}
.wrap.login .content .card.col02 .list_box .list li a {position: relative; padding: 20px 0; color: #000; font-size: 21rem; font-weight: 700; display: flex; justify-content: space-between; align-items: center; width: 100%;}
.wrap.login .content .card.col02 .list_box .list li a::after {content: '';display: block;width: 20px;height: 20px;background: url(../img/ico_chevron_right_thick_grey.svg) no-repeat;background-size: 20px;background-position: 50%;position: absolute;top: calc(50% - 10px);right: 0;}
.signup_box{
	display: block;
	width: 100%;
	padding: 32px;
	background-color: #f3f3f3;
	border-radius: 12px;
}
.signup_box .tit_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	position: relative;
}
.signup_box .tit_box .ico_signup01{
	flex-shrink: 0;
	background-size: 36px 36px;
}
.signup_box .tit_box .txt{
	display: block;
	padding: 0 20px 0 8px;
	font-size: 21rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}
.signup_box .tit_box .ico_login_arr01{
	position: absolute;
	background-size: 20px 20px;
	top: calc(50% - 10px);
	right: 0;
	z-index: 10;
}
.signup_box > .list{
	display: block;
	width: 100%;
}
.signup_box > .list > li{
	display: block;
	width: 100%;
}
.signup_box > .list > li + li{
	margin-top: 8px;
}
.signup_box > .list > li > a{
	display: block;
	width: 100%;
}
.signup_box > .list > li > a .txt_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 8px;
}
.signup_box > .list > li > a .txt{
	display: block;
	font-size: 19rem;
	font-weight: 600;
	color: #1E1E1E;
	line-height: 1.5;
}
.signup_box > .list > li > a .sub_txt{
	font-size: 19rem;
	font-weight: 400;
	line-height: 29px;
	color: #5d5d5d;
	width: 100%;
	display: block;
}
.signup_box > .list > li > a .ico_login_arr02{
	background-size: 16px 16px;
	flex-shrink: 0;
}

.faq_box{display: flex;justify-content: space-between; gap: 8px;align-items:flex-start;margin-top: 12px;}
.faq_box li {flex: 1;width: 100%;}
.faq_box li a {display: flex; background-color: #f3f3f3; border-radius: 12px; padding: 12px; justify-content: center;align-items: center;gap: 6px; height: 52px;}
.faq_box li a .txt{
	display: block;
	font-size: 15rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}
.faq_box li.menual a .ico_menual01 {background-size: 24px 24px;flex-shrink: 0;}
.faq_box li.faq a .ico_faq01 {background-size: 24px 24px;flex-shrink: 0;}
.notice_box {margin-top: 32px;position: relative;width: 100%;}
.notice_box .tit_box{display: flex;justify-content: flex-start;align-items: center;width: 100%;}
.notice_box .tit_box .ico_login_notice01 {background-size: 24px 24px;flex-shrink: 0;margin-right: 8px;}
.notice_box .tit_box .txt{display: block;font-size: 19rem;font-weight: 700;color: #1E1E1E;}
.notice_box .list {margin-top: 20px;width: 100%;}
.notice_box .list li {width: 100%;}
.notice_box .list li + li{margin-top: 8px;}
.notice_box .list li a {display: block;width: 100%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #5d5d5d; font-size: 17rem;line-height: 1.5;}
.notice_more {position: absolute; top: -1px; right: 0;z-index: 10;display: block;height: 29px;padding-right: 22px;}
.notice_more .txt {color: #5d5d5d; font-size: 14rem; font-weight: 700; line-height: 29px;}
.notice_more .ico_arr06 {background-size: 16px 16px;position: absolute;right: 0;top: calc(50% - 8px);z-index: 10;}

.wrap.login .content .card.col01 .msg{display: none;width: 100%;font-size: 13rem;font-weight: 400;color: #1E1E1E;line-height: 1.5;margin-top: 8px;}
.wrap.login .content .card.col01 .msg.error{color: #f43112;display: block;}
.wrap.login .content .card.col01 .id_save_box label{font-size: 17rem;}
.login_menu_list{
	display: block;
	width: 100%;	
}
.login_menu_list > li{
	display: block;
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
}
.login_menu_list > li:last-child{
	border-bottom: 0;
}
.login_menu_list > li > a{
	display: block;
	width: 100%;
	position: relative;
	font-size: 21rem;
	font-weight: 700;
	line-height: 32px;
	color: #1E1E1E;
	padding: 20px 0;
}
.login_menu_list > li > a .ico_login_arr01{
	display: block;
	background-size: 20px 20px;
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	z-index: 10;
}
.login_menu_list > li > a.dbrain_btn {
	background-color: #f1f6ff;
	border-radius: 12px;
	padding: 12px 16px 12px 20px;
}
.login_menu_list > li > a.dbrain_btn .ico_login_arr01 {
	right: 16px;
}

.ico_login_info02 {
	display: block;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_info02.svg");
	font-size: 0;
	color: transparent;
	margin-right: 8px;
}
.ico_login_alram {
	display: block;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_login_alram.svg");
	font-size: 0;
	color: transparent;
	margin-right: 8px;
}
.alram_box {
    width: 100%;
    margin-top: 12px;
    background: #e9e9fc;
    padding: 16px 20px;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
	position: relative;
}
.alram_box::after {
	position: absolute;
	content: '';
	width: 86px;
	height: 72px;
	bottom: 11px;
	right: 20px;
	background-image: url(../img/img_alram.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 104px;

}
.alram_box02 {	
    width: 100%;
	height: 100%;
}
.alram_tit {
    display: flex;
    gap: 8px;
    align-items: center;
}
.alram_badge {
    padding: 3px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #5d5fe4;
    border-radius: 12px;
}
.alram_badge .txt01 {
	font-size: 14rem;
	font-weight: 600;
	line-height: 1.5;
	color: #fff;
	text-align: center;
}
.alram_tit .tit01 {
	font-size: 17rem;
	font-weight: 600;
	line-height: 1.5;
	color: #1e1e1e;
}
.alram_cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}
.alram_cont .txt_box01 {
	display: flex;
	align-items: center;
	gap: 8px;
}
.alram_cont .txt_box01 .txt01 {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}




/* form */


/* toggle */
body.no_scroll { overflow: hidden; }





/* content */

.content_wrap { background-color: #fff; width: 100%; min-width: 1580px; max-width: 2220px; box-sizing: border-box; padding-right: 6px;}















.ico_crown { background: url("../img/ico_itm01.svg") no-repeat; width: 28px; height: 28px; }
.ico_people { background: url("../img/ico_itm02.svg") no-repeat; width: 28px; height: 28px; }
.ico_building { background: url("../img/ico_itm03.svg") no-repeat; width: 28px; height: 28px; }

















.monitor_icon.stable { background-image: url(../im/img/ico_blue_check.svg); }
.monitor_icon.caution { background-image: url(../im/img/ico_alert_yellow.svg); }
.monitor_icon.error { background-image: url(../im/img/ico_red_del.svg); }
.link_share { width: 24px; height: 24px; }

.new_info .tab_wrap .tab_list_wrap .tab_list .btn_tab a{
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}



.login_card_box{
	display: table;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	table-layout: fixed;
}


/*체크박스*/
fieldset{
	position: relative;
}
fieldset > legend{
	display: block;
	width: 0;
	height: 0;
	font-size: 0;
	color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
input{appearance: none;}

input[type="checkbox"],input[type="radio"] {margin: 0; border: 0;}
.sp_common_chk00{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	position: relative;
	flex-shrink: 0;
}
.sp_common_chk00 > input{
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;	
	background-image: url("../img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.sp_common_chk00 > input:hover,
.sp_common_chk00 > input:focus {
	background-image: url("../img/ico_checkbox_hover_off.svg");
}
.sp_common_chk00 > input:disabled{
	background-image: url("../img/ico_checkbox_disabled_off.svg") !important;
}
.sp_common_chk00 > input:checked:disabled{
	background-image: url("../img/ico_checkbox_disabled_on.svg") !important;
}
.sp_common_chk00 > input:checked{
	display: block;
	width: 20px;
	height: 20px;	
	background-image: url("../img/ico_checkbox_on.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.sp_common_chk00 > input:checked:hover {
	background-image: url("../img/ico_checkbox_hover_on.svg");
}


.sp_common_chk01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	position: relative;
}
.sp_common_chk01 > input{
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;	
	background-image: url("../img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.sp_common_chk01 > input:hover,
.sp_common_chk01 > input:focus {
	background-image: url("../img/ico_checkbox_hover_off.svg");
}
.sp_common_chk01 > input:disabled{
	background-image: url("../img/ico_checkbox_disabled_off.svg") !important;
}
.sp_common_chk01 > input:checked:disabled{
	background-image: url("../img/ico_checkbox_disabled_on.svg") !important;
}
.sp_common_chk01 > input:disabled + label{
	color: #9a9a9a;
}
.sp_common_chk01 > input:checked{
	display: block;
	width: 20px;
	height: 20px;	
	background-image: url("../img/ico_checkbox_on.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.sp_common_chk01 > input:checked:hover {
	background-image: url("../img/ico_checkbox_hover_on.svg");
}
.sp_common_chk01 > label{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
	line-height: 1.5;
}
.sp_common_chk01 > input + label{
	margin-left: 8px;
}
.sp_common_chk01 > label.txt_label {font-size: 17rem; font-weight: 700;}
/*//체크박스*/
/*라디오*/
.sp_common_radio01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	position: relative;
}
.sp_common_radio01 > input{
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;	
	background-image: url("../img/ico_rdo_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	
}


.sp_common_radio01 > input:hover,
.sp_common_radio01 > input:focus {
	background-image: url("../img/ico_rdo_hover_off.svg");
}
.sp_common_radio01 > input:disabled{
	background-image: url("../img/ico_rdo_disabled_off.svg");
}
.sp_common_radio01 > input:disabled + label{
	color: #9a9a9a;
	cursor: auto;
}
.sp_common_radio01 > input:checked{
	display: block;
	width: 20px;
	height: 20px;	
	background-image: url("../img/ico_rdo_on.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.sp_common_radio01 > input:checked:hover {
	background-image: url("../img/ico_rdo_hover_on.svg");
}
.sp_common_radio01 > input:checked:disabled{
	background-image: url("../img/ico_rdo_disabled_on.svg");
}
.sp_common_radio01 > label{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
	line-height: 1.5;
}
.sp_common_radio01 > input + label{
	padding-left: 8px;
}



.rdo_list01{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	gap: 10px 28px;
	flex-wrap: wrap;
}
/* .rdo_list01 > li + li{
	margin-left: 28px;
} */
.rdo_list01 + .msg {
	display: block;
	margin-top: 8px;
	font-size: 14rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.rdo_list02{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
.rdo_list02 > li + li{
	margin-left: 28px;
}
.rdo_list03{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}
.rdo_list03 > li + li{
	margin-top: 12px;
}
/*//라디오*/
/*버튼*/
.btn_box_left01{
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}
.btn_box_right01{
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}
.btn_box_center01{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 8px;
}
.btn_box_center02{
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 24px;
}
.btn_box_center03{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 8px;
}

.btn_box_center02 > span {
	font-size: 17rem;
	font-weight: 600;
	line-height: 1.5;
	color: #1e1e1e;
}
.btn_box_center02.fixed {
	position: fixed;
	width: 100vw;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
	/* background-color: rgba(255, 255, 255, 0.8); */
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 7.71%, #b9b9b9 100%);
	padding: 12px 0;
}
.btn_box_center02.relative {
	position: relative;
	bottom: auto;
	left: auto;
	transform: none;
}
.hover_msg_area01{
	display: none;
	box-sizing: border-box;
	padding-left: 8px;
	position: absolute;
	z-index: 10;
}
.hover_msg_area02{
	display: none;
	box-sizing: border-box;
	padding-left: 8px;
	position: absolute;
	z-index: 10;
}
.hover_msg_area03{
	display: none;
	box-sizing: border-box;
	padding-left: 8px;
	position: absolute;
	z-index: 10;
}
.hover_msg_box01{
	display: block;
	width: 340px;
	max-height: 288px;
	overflow-y: auto;
	padding: 24px;
	background-color: #fff;
	border: 1px solid #717171;
	box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);
	
	font-size: 13rem;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
    word-break: keep-all;
	border-radius: 8px;
	z-index: 10;
	text-align: left;
}
.hover_btn01{
	display: block;
	box-sizing: border-box;
	width: max-content;
	position: relative;
}
.hover_btn01:hover .hover_msg_area01{
	display: block;
}
.hover_msg_area01:hover{
	display: block;
}
.hover_btn01 .sp_common_btn ~ .hover_msg_area01{
	top: 50%;
	transform: translateY(-50%);
	left: 100%;
	padding-left: 8px;
}

.hover_btn01:hover .hover_msg_area02{
	display: block;
}
.hover_msg_area02:hover{
	display: block;
}
.hover_btn01 .sp_common_btn ~ .hover_msg_area02{
	top: 50%;
	transform: translateY(-50%);
	right: 100%;
	padding-right: 8px;
}
.hover_btn01.ec_type01 .sp_common_btn ~ .hover_msg_area02{
	top: 0;
	transform: translateY(0);
}


.hover_btn01:hover .hover_msg_area03{
	display: block;
}
.hover_msg_area03:hover{
	display: block;
}
.hover_btn01 .sp_common_btn ~ .hover_msg_area03{
	top: 0;
	left: 50%;
    transform: translateX(-50%) translateY(-105%);
    padding-right: 8px;
}
.hover_btn01.ec_type01 .sp_common_btn ~ .hover_msg_area03{
	top: 0;
	transform: translateY(0);
}
.hover_btn01 .sp_common_btn ~ .hover_msg_area03.right {
	left: 15%;
}
.hover_btn01.ec_type01 .sp_common_btn ~ .hover_msg_area03.right {
	left: 15%;
}

.sp_common_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: max-content;
	max-width: 100%;
	min-width: 64px;
	position: relative;
}
.sp_common_btn.primary{
	background-color: #2538A5;
}
.sp_common_btn.primary .txt{
	color: #fff;
}
.sp_common_btn.primary:hover{
	background-color: #1d2c85;
}
.sp_common_btn.primary:hover .txt{
	color: #fff;
}
/* .sp_common_btn.primary:focus{
	background-color: #004E53;
}
.sp_common_btn.primary:focus .txt{
	color: #fff;
} */
.sp_common_btn.primary:active{
	background-color: #16226a;
}
.sp_common_btn.primary:active .txt{
	color: #fff;
}
.sp_common_btn.primary:disabled{
	background-color: #c1ceff;
	cursor: auto;
}
.sp_common_btn.primary:disabled .txt{
	color: #f2f5ff;
}



.sp_common_btn.secondary{
	background-color: #dcebfe;
	border: 1px solid #2e6fd6;
}
.sp_common_btn.secondary .txt{
	color: #16366b !important;
}
.sp_common_btn.secondary:hover{
	background-color: #bfd9fd;
	border: 1px solid #255ab1;
}
.sp_common_btn.secondary:hover .txt{
	color: #16366b;
}
/* .sp_common_btn.secondary:focus{
	background-color: #d6e3eb;
	border: 1px solid #5e7685;
}
.sp_common_btn.secondary:focus .txt{
	color: #3c4c56;
} */
.sp_common_btn.secondary:active{
	background-color: #9cc4fa;
	border: 1px solid #16366b;
}
.sp_common_btn.secondary:active .txt{
	color: #16366b;
}
.sp_common_btn.secondary:disabled{
	background-color: #ebebeb;
	border: 1px solid #b9b9b9;
	cursor: auto;
}
.sp_common_btn.secondary:disabled .txt{
	color: #9a9a9a;
}



.sp_common_btn.tertiary{
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
.sp_common_btn.tertiary .txt{
	color: #1E1E1E;
}
.sp_common_btn.tertiary:hover{
	background-color: #f9f9f9;
	border: 1px solid #b9b9b9;
}
.sp_common_btn.tertiary:hover .txt{
	color: #1E1E1E;
}
.sp_common_btn.tertiary:active{
	background-color: #fff;
	border: 1px solid #1E1E1E;
}
.sp_common_btn.tertiary:active .txt{
	color: #1E1E1E;
}
.sp_common_btn.tertiary.active{
	background-color: #fff;
	border: 1px solid #1E1E1E;
}
.sp_common_btn.tertiary.active .txt{
	color: #1E1E1E;
}
/* .sp_common_btn.tertiary:focus{
	background-color: #fff;
	border: 1px solid #1E1E1E;
}
.sp_common_btn.tertiary:focus .txt{
	color: #1E1E1E;
} */

.sp_common_btn.tertiary:disabled{
	background-color: #ebebeb;
	border: 1px solid #b9b9b9;
	cursor: auto;
}
.sp_common_btn.tertiary:disabled .txt{
	color: #9a9a9a;
}


.sp_common_btn .txt{
	flex-shrink: 0;
}
.sp_common_btn.lg.exception01{
	min-height: 60px;
	width: 440px;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
}
.sp_common_btn.lg{
	min-height: 52px;
	padding: 10px 20px;
	border-radius: 999px;
	gap: 6px;
	min-width: 208px;
	line-height: 1.5;
}
.sp_common_btn.lg .txt{
	font-size: 19rem;
	font-weight: 700;
}
.sp_common_btn.lg [class*="ico"]{
	display: block;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	background-position: center center;	
	font-size: 0;
	color: transparent;
	flex-shrink: 0;
}

.sp_common_btn.md{
	min-height: 40px;
	padding: 6px 20px;
	border-radius: 999px;
	gap: 6px;
	line-height: 1.5;
	min-width: 92px;
}
.sp_common_btn.md .txt{
	font-size: 17rem;
	font-weight: 600;
}
.sp_common_btn.md [class*="ico"]{
	display: block;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	background-position: center center;	
	font-size: 0;
	color: transparent;
	flex-shrink: 0;
}

.sp_common_btn.sm{
	min-height: 36px;
	padding: 5px 16px;
	border-radius: 999px;
	gap: 6px;
	line-height: 1.5;
}
.sp_common_btn.sm .txt{
	font-size: 15rem;
	font-weight: 600;
}
.sp_common_btn.sm [class*="ico"]{
	display: block;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-position: center center;	
	font-size: 0;
	color: transparent;
	flex-shrink: 0;
}
.sp_common_btn.smm{
	min-height: 32px;
	padding: 3px 16px;
	border-radius: 999px;
	gap: 6px;
	line-height: 1.5;
}
.sp_common_btn.smm .txt{
	font-size: 15rem;
	font-weight: 600;
}
.sp_common_btn.smm [class*="ico"]{
	display: block;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	background-position: center center;	
	font-size: 0;
	color: transparent;
	flex-shrink: 0;
}
.sp_common_btn.xs{
	min-height: 28px;
	padding: 3px 12px;
	border-radius: 999px;
	gap: 4px;
	line-height: 1.5;
}
.sp_common_btn.xs .txt{
	font-size: 13rem;
	font-weight: 600;
}
.sp_common_btn.xs [class*="ico"]{
	display: block;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-position: center center;	
	font-size: 0;
	color: transparent;
	flex-shrink: 0;
}

.sp_common_btn.xxs{
	min-width: auto;
	height: 24px;
	padding: 3px 8px;
	border-radius: 999px;
	gap: 6px;
	
}
.sp_common_btn.xxs .txt{
	font-size: 13rem;
	font-weight: 600;
	line-height: 1.5;
}
/*//버튼*/
/*select sp_common_select01*/
.sp_common_select01{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 36px;
}
.sp_common_select01 > label{
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	z-index: -1;
	left: 0;
	overflow: hidden;
	background-color: transparent;
}
.sp_common_select01 > select{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 36px;
	appearance: none;
	background-image: url("../img/ico_select.svg");
    background-size: 16px 16px;
	background-repeat: no-repeat;
    background-position: right 12px top 50%;
    white-space: nowrap;
    text-overflow: ellipsis;	
}
.sp_common_select01 > select:disabled{
	border: 1px solid #b9b9b9;
	background-color: #ebebeb;
	color: #9a9a9a;
	background-image: url("../img/ico_select02.svg");
}
.sp_common_select01 > select:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}
.sp_common_select02{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    min-height: 36px;
    gap: 16px;
}
.sp_common_select02 > label{
	display: block;
    width: max-content;
    flex-shrink: 0;
    font-size: 15rem;
    font-weight: 400;
    color: #1E1E1E;
    margin-top: 6.5px;
    line-height: 1.5;
}
.sp_common_select02 > select{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 36px;
	appearance: none;
	background-image: url("../img/ico_select.svg");
    background-size: 16px 16px;
	background-repeat: no-repeat;
    background-position: right 12px top 50%;
    white-space: nowrap;
    text-overflow: ellipsis;	
}
.sp_common_select02 > select:disabled{
	border: 1px solid #b9b9b9;
	background-color: #ebebeb;
	color: #9a9a9a;
	background-image: url("../img/ico_select02.svg");
}

/*//select sp_common_select01*/
/*input sp_common_input01*/
.sp_common_input01{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 36px;
}

.sp_common_input01 > input{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 36px;
}
.sp_common_input01 > input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}

.sp_common_input01 > input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input01 > input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input01 > .btn_clear01{
	position: absolute;
	top: 8px;
	right: 12px;
	z-index: 10;
	background-size: 20px 20px;
	display: block;
}
.sp_common_input01 > input:placeholder-shown{
	padding: 0 12px 0 12px;
}
.sp_common_input01 > input:placeholder-shown ~ .btn_clear01{
	display: none;
}
.sp_common_input01 > input:read-only ~ .btn_clear01{
	display: none;
}
.sp_common_input01 > .msg{
	display: block;
	width: 100%;
	font-size: 14rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	margin-top: 8px;
}
.sp_common_input01.error > input{
	border: 1px solid #f43112;
}
.sp_common_input01.error > .msg{
	color: #F43112;
	display: block;
	text-align: left;
}
.sp_common_input01.success > .msg{
	color: #2538A5;
	display: block;
	text-align: left;
}
.sp_common_input01.success > input{
	border: 1px solid #2538A5;
}

/*//input sp_common_input01*/


/*input sp_common_input02*/
.sp_common_input02{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 36px;
	gap: 16px;
}
.sp_common_input02 .part_box {
	display: block;
	width: 100%;
	position: relative;
}
.sp_common_input02 > label{
	display: block;
	width: max-content;
	flex-shrink: 0;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
	margin-top: 6.5px;
	line-height: 1.5;
}
.sp_common_input02 .part_box > input{
	display: block;
	width: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 36px;
}
.sp_common_input02 .part_box > input.user_pw{
	padding-right: 68px;
}
.sp_common_input02 .part_box > input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}
.sp_common_input02 .part_box > input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input02 .part_box > input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input02 .part_box > input:read-only ~ .btn_clear01{
	display: none;
}
.sp_common_input02 .part_box > .btn_clear01{
	position: absolute;
	top: 8px;
	right: 12px;
	z-index: 10;
	background-size: 20px 20px;
	display: block;
}

/* .sp_common_input02 .part_box > input:placeholder-shown {
	padding: 0 12px 0 12px;
} */
.sp_common_input02 .part_box > input:placeholder-shown ~ .btn_clear01{
	display: none;
}
.sp_common_input02 .msg{
	display: block;
	width: 100%;
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 8px;
}
.sp_common_input02.error .part_box > input{
	border: 1px solid #f43112;
}
.sp_common_input02.error .msg{
	color: #F43112;
	display: block;
}
.sp_common_input02.success .msg{
	color: #009632;
	display: block;
}
.sp_common_input02.success .part_box > input{
	border: 1px solid #009632;
}
/*//input sp_common_input02*/

/*input sp_common_input03*/
.sp_common_input03{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 36px;
	gap: 16px;
}
.sp_common_input03 .part_box {
	display: block;
	width: 100%;
	position: relative;
}
.sp_common_input03 > label{
	display: block;
	width: max-content;
	flex-shrink: 0;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
	margin-top: 6.5px;
	line-height: 1.5;
}
.sp_common_input03 .part_box .ip_txt_box01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 8px;
}
.sp_common_input03 .part_box .ip_txt_box01 .txt{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
	line-height: 36px;
}
.sp_common_input03 .part_box .ip_txt_box01 input{
	display: block;
	width: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 12px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 36px;
	text-align: right;
}
.sp_common_input03 .part_box .ip_txt_box01 input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}
.sp_common_input03 .part_box .ip_txt_box01 input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input03 .part_box .ip_txt_box01 input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input03 .part_box .ip_txt_box01 input:read-only ~ .btn_clear01{
	display: none;
}

.sp_common_input03 .msg{
	display: none;
	width: 100%;
	font-size: 14rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 8px;
	color: #5d5d5d;
}
.sp_common_input03.error .part_box > input{
	border: 1px solid #f43112;
}
.sp_common_input03.error .msg{
	color: #F43112;
	display: block;
}
.sp_common_input03.success .msg{
	color: #2538A5;
	display: block;
}
.sp_common_input03.success .part_box > input{
	border: 1px solid #2538A5;
}
.sp_common_input03 .msg.active {
    display: inline-block;
}
.sp_common_input03 .part_box .btn_clear01 {
    position: absolute;
    top: 8px;
    right: 12px;
    z-index: 10;
    background-size: 20px 20px;
    display: block;
}
.sp_common_input03 .part_box input:placeholder-shown ~ .btn_clear01{
	display: none;
}
/*//input sp_common_input03*/

/*input sp_common_input05*/
.sp_common_input05{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 36px;
}

.sp_common_input05 > input{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 36px;
}
.sp_common_input05 > input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}

.sp_common_input05 > input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input05 > input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input05 > .btn_clear01{
	position: absolute;
	top: 8px;
	right: 12px;
	z-index: 10;
	background-size: 20px 20px;
	display: block;
}
.sp_common_input05 > input:placeholder-shown {
	padding: 0 12px 0 12px;
}
.sp_common_input05 > input:placeholder-shown ~ .btn_clear01{
	display: none;
}
.sp_common_input05 > input:read-only ~ .btn_clear01{
	display: none;
}
.sp_common_input05 > .msg{
	display: block;
	width: 100%;
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	margin-top: 8px;
}
.sp_common_input05.error > input{
	border: 1px solid #f43112;
}
.sp_common_input05.error > .msg{
	color: #F43112;
	display: block;
	text-align: left;
}
.sp_common_input05.success > .msg{
	color: #2538A5;
	display: block;
	text-align: left;
}
.sp_common_input05.success > input{
	border: 1px solid #2538A5;
}

.sp_common_input05.active input {border: 1px solid #1E1E1E;}
.sp_common_input05.active .keyword-list {display: block;}
.sp_common_input05 .keyword-list {position: absolute;
    top: 35px;
    width: 100%;
	padding-top:8px; 
	display: none; 
	background-color: #fff; 
	border: 1px solid #1E1E1E; 
	border-top: 0; 
	border-radius: 0 0 8px 8px; 
	z-index: 1000;
}
.sp_common_input05.active > input{
	border-radius: 8px 8px 0 0;
}
.sp_common_input05 .keyword-list > ul{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.sp_common_input05 .keyword-list li {
	display: block;
    width: 100%;
	padding: 6px 12px;
   
}
.sp_common_input05 .keyword-list li > button{
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
}

.sp_common_input05 .keyword-list li:hover,
.sp_common_input05 .keyword-list li:has(button:focus, button:focus-visible, button:focus-within),
.sp_common_input05 .keyword-list li:has(.on){
    background-color: #ededed;
}
.sp_common_input05 .keyword-list li button:focus,
.sp_common_input05 .keyword-list li button:focus-visible,
.sp_common_input05 .keyword-list li button:focus-within {
    outline-offset : 7px;
}

/*//input sp_common_input05*/

/*input sp_common_input06*/
.sp_common_input06{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 48px;
	gap: 16px;
}
.sp_common_input06 .part_box {
	display: block;
	width: 100%;
	position: relative;
}
.sp_common_input06 > label{
	display: block;
	width: max-content;
	flex-shrink: 0;
	font-size: 21rem;
	font-weight: 700;
	color: #1E1E1E;
	margin-top: 6.5px;
	line-height: 1.5;
}
.sp_common_input06 .part_box .ip_txt_box01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 4px;
}
.sp_common_input06 .part_box .ip_txt_box01 .txt{
	display: block;
	font-size: 30rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 36px;
}
.sp_common_input06 .part_box .ip_txt_box01 input{
	display: block;
	width: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 12px 0 12px;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
	height: 48px;
	text-align: right;
}
.sp_common_input06 .part_box .ip_txt_box01 input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}
.sp_common_input06 .part_box .ip_txt_box01 input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input06 .part_box .ip_txt_box01 input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input06 .part_box .ip_txt_box01 input:read-only ~ .btn_clear01{
	display: none;
}

.sp_common_input06 .msg{
	display: none;
	width: 100%;
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 8px;
	color: #5d5d5d;
}
.sp_common_input06.error .part_box > input{
	border: 1px solid #f43112;
}
.sp_common_input06.error .msg{
	color: #F43112;
	display: block;
}
.sp_common_input06.success .msg{
	color: #2538A5;
	display: block;
}
.sp_common_input06 .msg.active {
	display: block;
}
.sp_common_input06.success .part_box > input{
	border: 1px solid #2538A5;
}
/*//input sp_common_input06*/

/*input sp_common_input07*/
.sp_common_input07{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 36px;
	gap: 8px;
	flex-direction: column;
}
.sp_common_input07 .part_box {
	display: block;
	width: 100%;
	position: relative;
}
.sp_common_input07 > label{
	display: block;
	width: max-content;
	flex-shrink: 0;
	font-size: 15rem;
	font-weight: 700;
	color: #1E1E1E;
	margin-top: 6.5px;
	line-height: 1.5;
}
.sp_common_input07 .part_box > input{
	display: block;
	width: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 6px 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 52px;
}
.sp_common_input07 .part_box > input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}
.sp_common_input07 .part_box > input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input07 .part_box > input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input07 .part_box > input:read-only ~ .btn_clear01{
	display: none;
}
.sp_common_input07 .part_box > .btn_clear01{
	position: absolute;
	top: 15px;
	right: 12px;
	z-index: 10;
	background-size: 20px 20px;
	display: block;
}
.sp_common_input07 .part_box > input:placeholder-shown ~ .btn_clear01{
	display: none;
}
.sp_common_input07 .msg{
	display: block;
	width: 100%;
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 8px;
}
.sp_common_input07.error .part_box > input{
	border: 1px solid #f43112;
}
.sp_common_input07.error .msg{
	color: #F43112;
	display: block;
}
.sp_common_input07.success .msg{
	color: #009632;
	display: block;
}
.sp_common_input07.success .part_box > input{
	border: 1px solid #009632;
}
.sp_common_tit {
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
	flex-shrink: 0;
}
.sp_common_tit + .sp_common_input02 {
	margin-left: 16px;
}

.sp_common_tit01 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 8px;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
	flex-shrink: 0;
}
.sp_common_tit01 label {flex-shrink: 0;}
/*//input sp_common_input07*/

/*input sp_common_input08*/
.sp_common_input08{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 48px;
}

.sp_common_input08 > input{
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 70px 0 12px;
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 48px;
}
.sp_common_input08 > input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}

.sp_common_input08 > input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input08 > input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input08 > .btn_clear01{
	position: absolute;
	top: 13px;
	right: 46px;
	z-index: 10;
	background-size: 20px 20px;
	display: block;
}
.sp_common_input08 > .btn_sh{
	position: absolute;
	top: 10px;
	right: 12px;
	z-index: 10;
	background-size: 28px 28px;
	display: block;
}
.sp_common_input08 > input:placeholder-shown ~ .btn_clear01{
	display: none;
}
.sp_common_input08 > input:read-only ~ .btn_clear01{
	display: none;
}
.sp_common_input08 > .msg{
	display: block;
	width: 100%;
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	margin-top: 8px;
}
.sp_common_input08.error > input{
	border: 1px solid #f43112;
}
.sp_common_input08.error > .msg{
	color: #F43112;
	display: block;
	text-align: left;
}
.sp_common_input08.success > .msg{
	color: #2538A5;
	display: block;
	text-align: left;
}
.sp_common_input08.success > input{
	border: 1px solid #2538A5;
}

/*//input sp_common_input08*/

/*f_group01*/
.f_group01{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 8px;
}
/*//f_group01*/
/*f_group02*/
.f_group02{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.f_group02 [class*="toggle_switch"]{
	flex-shrink: 0;
	margin-top: 3.5px;
}
.f_group02 .sp_common_input03{
	gap:20px;
}
.f_group02.type03 .sp_common_input03{
	width: 100%;
}
.f_group02.type03 .sp_common_input03 .part_box{
	min-width: auto;
	width: 100%;
}
.f_group02 .sp_common_input03 > label{
	font-size: 15rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}
.f_group02 .sp_common_input03 .msg{
	display: block;
}
.f_group02 .sp_common_input03{
	width: max-content;
	max-width: 100%;
}
.f_group02 .sp_common_input03 .part_box{
	min-width: 380px;
	width: max-content;
	max-width: 100%;
}
.f_group02 .sp_common_input03 .part_box.min_w220{
	width: 100%;
}

.f_group02 + .msg,
.f_group03 + .msg { width: 100%;font-size: 13rem; font-weight: 400;line-height: 1.5;margin-top: 8px;color: #5d5d5d;display: block;}


.f_group02.type02 .sp_common_input03 .part_box{
	min-width: auto;
	width: auto;
}
/*//f_group02*/
/*f_group03*/
.f_group03{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}
.f_group03 .txt {
	font-size: 15rem;
	color: #1e1e1e;
	line-height: 1.5;
}
.f_group03 .sp_common_chk01{
	width: max-content;
	flex-shrink: 0;
}
/*//f_group03*/

/* table */
.tbl_flex_row01 { display: flex !important; align-items: flex-start; justify-content: space-between; gap:20px; }
/*테이블 tbl_col01*/
.tbl_col01{
	display: block;
	width: 100%;	
	border-top: 1px solid #717171;
	position: relative;
}
.tbl_col01.scroll { overflow-y: auto; max-height: 283px; }

.tbl_col01 table{
	table-layout: fixed;
	width: 100%;	
}
.tbl_col01 > table caption{
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	font-size: 0;
	color: transparent;
	background-color: transparent;
	z-index: -1;
	overflow: hidden;
}
.tbl_col01 table tbody{
	border-top: 1px solid #b9b9b9;
}
.tbl_col01 table thead th{
	padding: 12px;
	vertical-align: middle;
	background-color: #f3f3f3;
	border-right: 1px solid #dcdcdc;
}
.tbl_col01 table thead th:last-child{
	border-right: 0;
}
.tbl_col01 table thead th .txt_box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col01 table thead th .txt_box .txt{
	display: block;
    font-size: 15rem;
    font-weight: 600;
    color: #1E1E1E;
    line-height: 1.5;
}
.tbl_col01 table thead th .txt_box .txt.dot::after{
	justify-content: center;
	align-items: flex-start;
	content: "*";
	font-size: 14px;
	font-weight: 700;
	color: #F43112;
	line-height: 14px;
	width: 12px;
}
.tbl_col01 table tbody td{
	padding: 12px;
	vertical-align: middle;
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background-color: #fff;
	text-align: center;
}
.tbl_col01 table tbody td:last-child{
	border-right: 0;
}
.tbl_col01 table tbody td .sp_common_chk00{
	justify-content: center;
}
.tbl_col01 table tbody td .txt_box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col01 table tbody td .txt_box > .txt{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
}

.tbl_col01 table tbody td .txt_box01{
	display: block;
	width: 100%;
	height: 100%;
	text-align: left;
}
.tbl_col01 table tbody td .txt_box01 > .txt{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
}
.tbl_col01 table tbody td .txt_box01 > .link_box {
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
}
/* .tbl_col01 > table tbody td .txt_box a.txt:visited {
	color: #1f00a1;
} */
.tbl_col01 table tbody td .txt_box02{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
	gap: 8px;
}
.tbl_col01 table tbody td .txt_box02 .txt{
	display: block;
    font-size: 17rem;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
.tbl_col01 table tbody td .txt_box02 .txt_box_num {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 15rem;
	color: #5d5d5d;
	line-height: 1.5;
	font-weight: 600;
}
.tbl_col01 table tbody td .txt_box03{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
	flex-flow: wrap;
	gap: 8px;
}
.tbl_col01 table tbody td .txt_box03 .txt{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.tbl_col01 table tbody td .txt_box03 .link_box {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}
.tbl_col01 table tbody td .txt_box03 .num {
    display: block;
    width: max-content;
    max-width: 100%;
    font-size: 15rem;
    font-weight: 700;
    line-height: 23px;
    color: #333;
}
.tbl_col01 table tbody td .txt_box03 .txt01 {
    display: block;
    width: max-content;
    max-width: 100%;
    font-size: 17rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
}
.tbl_col01 table tbody td .txt_box03 .num + .txt01 {
    margin-top: 4px;
}
.tbl_col01 .msg {
	display: block;
	margin-top: 8px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.tbl_col01 .tbl_col01_bdr{
	border-right: 1px solid #dcdcdc !important;
}
.tbl_col01 .tbl_col01_bdt{
	border-top: 1px solid #dcdcdc !important;
}
.tbl_col01 table thead th.bod_bottom {border-bottom: 1px solid #dcdcdc;}
.tbl_col01 table .bod_right {border-right: 1px solid #dcdcdc !important;}

.tbl_col01 table tbody th {
	padding: 12px 20px;
	vertical-align: middle;
	background-color: #f9f9f9;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.tbl_col01 table tbody th .txt_box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col01 table tbody th .txt_box .txt{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 15rem;
	font-weight: 600;
	color: #1E1E1E;
	line-height: 22px;
	position: relative;
}
.tbl_col01 table tbody th .txt_box .txt::after{
	display: none;
	justify-content: center;
	align-items: flex-start;
	content: "*";
	font-size: 14px;
	font-weight: 700;
	color: #F43112;
	line-height: 14px;
	width: 12px;
}
.tbl_col01 table tbody th .txt.dot::after{
	display: flex;
}
/*//테이블 tbl_col01*/

/*테이블 tbl_row01*/
.tbl_row01{
	display: block;
	width: 100%;	
	border-top: 1px solid #717171;
	position: relative;
}
.tbl_row01 > table{
	table-layout: fixed;
	width: 100%;	
}
.tbl_row01 > table caption{
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	font-size: 0;
	color: transparent;
	background-color: transparent;
	z-index: -1;
	overflow: hidden;
}
.tbl_row01 > table tbody tr th {
	border-left: 1px solid #ebebeb;
}
.tbl_row01 > table tbody tr th:first-child {
	border-left: 0;
}
.tbl_row01 > table th{
	height: 47px;
	border-bottom: 1px solid #dcdcdc;
	background-color: #f3f3f3;
	border-right: 1px solid #dcdcdc;
	vertical-align: middle;
	padding: 10px 20px;
}
.tbl_row01 > table td{
	height: 47px;
	border-bottom: 1px solid #dcdcdc;
	vertical-align:middle;
	padding: 10px 20px;
}
.tbl_row01 > table td .txt_box01{
	display: block;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.tbl_row01 > table td .txt_box01 .txt{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333;
}
.tbl_row01 > table td .txt_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;	
	width: 100%;
	height: auto;
}
.tbl_row01 > table td .txt_box .noti01{
	display: block;
	font-size: 14rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333;
	margin-top: 8px;
}
.tbl_row01 > table td .txt_box > .txt{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #333;
	line-height: 1.5;
}

.tbl_row01 > table td .txt_box > .txt.in_scroll {
	width: 100%;
	overflow: auto;
}

.in_scroll {
	width: 100%;
	overflow: scroll;
}


.tbl_row01 > table th .txt_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;	
	width: 100%;
	height: auto;
}
.tbl_row01 > table th .txt_box .txt{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 15rem;
	font-weight: 600;
	color: #1E1E1E;
	line-height: 22px;
	position: relative;
}
.tbl_row01 > table th .txt_box .txt::after{
	display: none;
	justify-content: center;
	align-items: flex-start;
	content: "*";
	font-size: 14px;
	font-weight: 700;
	color: #F43112;
	line-height: 14px;
	width: 12px;
}
.tbl_row01 > table th .txt_box .txt.dot::after{
	display: flex;
}
.tbl_row01 > table th .txt_box + .dot_list02 li{
	font-size: 14rem;
	color: #5d5d5d;
	font-weight: 400;
}
.tbl_row01 > table td.bod_lft {border-left: 1px solid #dcdcdc;}

.tbl_row01 .tbl_row01_bdr {
	border-right: 1px solid #dcdcdc !important;
}
.tbl_bg_gray {
	background-color: #f9f9f9;
}
/*테이블 tbl_row02*/
.tbl_row02{
	display: block;
	width: 100%;	
	position: relative;
}
.tbl_row02 > table{
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	table-layout: fixed;
	width: 100%;	
}
.tbl_row02 > table caption{
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	font-size: 0;
	color: transparent;
	background-color: transparent;
	z-index: -1;
	overflow: hidden;
}
.tbl_row02 > table tbody tr:first-child th,
.tbl_row02 > table tbody tr:first-child td {
	padding-top:20px;
}
.tbl_row02 > table tbody tr:last-child th,
.tbl_row02 > table tbody tr:last-child td {
	padding-bottom:20px;
}

.tbl_row02 > table th{

	vertical-align: middle;
	padding: 10px 5px 10px 0;
}
.tbl_row02 > table td{

	vertical-align:middle;
	padding: 10px 20px;
}
.tbl_row02 > table td .txt_box01{
	display: block;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.tbl_row02 > table td .txt_box01 .txt{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.tbl_row02 > table td .txt_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;	
	width: 100%;
	height: 100%;
}
.tbl_row02 > table td .txt_box .noti01{
	display: block;
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	margin-top: 8px;
}
.tbl_row02 > table td .txt_box .txt{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
}
.tbl_row02 > table th .txt_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;	
	width: 100%;
	height: 100%;
}
.tbl_row02 > table th .txt_box .txt{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 15rem;
	font-weight: 600;
	color: #1E1E1E;
	line-height: 22px;
	position: relative;
}

/*//테이블*/


/*기관zone*/
.zone_search_box01{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 84px;
	padding: 24px 0;
	border-radius: 8px;
	border: 1px solid #e0e7ff;
	background-color: #f2f5ff;
}
.zone_search_box01 .sp_common_input02 .part_box > input{
	width: 400px;
}

.zone_search_box01 .range_area01{
    width: 808px;
	height:120px;
	padding-top: 24px;
}
.zone_search_box01.flex_col { flex-flow: column; }
.zone_search_box02{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	min-height: 155px;
	padding: 40px 0;
	border-radius: 8px;
	border: 1px solid #e0e7ff;
	background-color: #f2f5ff;
}
/*헤더*/
.shortcut .btn {
	appearance: none;
	display: flex;
	align-items: center;
	gap: 0 8px;
	
	background-color: transparent;
}
.shortcut .btn.onbid {
	padding: 4px 14px;
	min-height: 32px;
	border-radius: 16px;
	font-size: 15rem;
	font-weight: 700;
	color: #fff;
	background-color: #5d5fe4;
}
.shortcut .btn_sp_onbid{
	appearance: none;
	display: flex;
	align-items: center;
	gap: 0 8px;
	padding: 4px 14px;
	min-height: 32px;
	border-radius: 16px;
	font-size: 15rem;
	font-weight: 700;
	color: #fff;
	background-color: #5d5fe4;
}
.shortcut .btn.join {
	font-size: 15rem;
	font-weight: 400;
}
.shortcut .btn.menu {
	font-size: 15rem;
	font-weight: 400;
}
.shortcut .line {
	position: relative;
	padding: 0 12px;
}
.shortcut .line::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1px;
	height: 16px;
	border-left: 1px solid #dcdcdc;
}
.skip_btn01 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    background-color: #5d5fe4;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: -100px;
    z-index: 999;
}
.skip_btn01:focus{
	top: 0;
}
.header{
	position: sticky; 
	top: 0; 
	left: 0;
	z-index: 20000;
	display: block;
	min-width: 1280px;
	width: 100%;
	background-color: #fff;
	height: 104px;
	padding-top: 16px;
	box-sizing: border-box;

}
/* .header::after{
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ebebeb;
	position: absolute;
	bottom: -1;
	left: 0;
	z-index: 10;
	content: "";
}
.header.bb_line_none01::after{
	display: none;
} */
.header .gnb {
	position: relative;
	margin: 0 auto;
	
	min-width: auto;
	width: 100%;
	max-width: 1688px;
	
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: center;
	
}
.header .gnb .logo {
	position: absolute;
	bottom: 12px;
	left: 0;
	
}
.header .gnb .shortcut {
	min-height: 32px;
	display: flex;
	align-items: center;
	margin-left: auto;
}
.header .gnb .shortcut .info {
	font-size: 15rem;
	font-weight: 400;
	color: #717171;
	line-height: 1.5;
}
.header .gnb .shortcut.user {
	position: absolute;
	right: 0;
}

.header .gnb .pos {
	display: flex;
	align-items: center;
	position: relative;
	width: calc(100% - 143px);
}
.header .gnb .pos .nav {
	width: 100%;
	display: flex;
	align-items: center;
	margin: 0 0 0 36px;
	height: 56px;	
}
.header .gnb .pos .nav > li {
	width: 190px;
	position: relative;
}
.header .gnb .pos .nav > li.on .sub,
.header .gnb .pos .nav > li.on .sub {
	background-color: #f9f9f9;
}
.header .gnb .pos .nav > li > a {
	display: block;
	text-align: center;
	font-size: 21rem;
	font-weight: 700;
	color: #1e1e1e;
	line-height: 1.5;
	padding: 11px 0;
	border-bottom: 4px solid transparent;
}
.header .gnb .pos .nav > li.on > a ,
.header .gnb .pos .nav > li > a:hover{
	color: #2538A5;
}
.header .gnb .pos .nav > li.active > a{
	color: #2538A5;
}

.header .sub_wrap {
	width: 100%;
	background-color: #fff;			
	position: absolute;
	top: 58px;
	left: 0;
	z-index: 20;
	display: none;
}
.header .sub_wrap .sub {
	width: 100%;
	min-height: 403px;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	justify-self: center;
	flex-wrap: nowrap;
	border-left: 1px solid #ebebeb;
	z-index: 11;
	background-color: #fff;
}
.gnb .pos .nav > li:last-child .sub_wrap .sub {
	border-right: 1px solid #ebebeb;
}
.header .sub_wrap .sub > li {
	width: 190px;
	background-color: #fff;
}

.header .sub_wrap .sub > li.active > a > .sub_tit{
	color: #2538A5;
}

/* .header .sub_wrap .sub ul li a {
	font-size: 17rem;
	font-weight: 400;
	line-height: 25.5px;
	color: #717171;
} */
.header .sub_wrap .sub .sub_tit {
	font-size: 19rem;
	font-weight: 700;
	line-height: 25.5px;
	color: #1e1e1e;
	display: block;
	width: 100%;
}
.header .sub_wrap .sub .sub_tit.active{
	color: #2538A5;
}

/* .header .gnb .pos.active::before { content:''; position:fixed; left:0; top: 104px; width:100vw; height: 403px; border-top: 1px solid #ebebeb; background-color: #fff; } */
.header .gnb .pos::before { content:''; position:fixed; left: 0; top: 104px; width:100vw; height: auto; height: var(--gnb-depth-height); border-top: 1px solid #ebebeb; background-color: #fff; z-index: 0; transition: height 0.05s; }
/* .header .gnb .pos::after { content:''; position:absolute; right: 50%; top: 100%; width:100vw; height: auto; height: var(--gnb-depth-height); border-top: 1px solid #ebebeb; background-color: #fff; z-index: 0; transition: height 0.05s; transform: translateX(-50%); }*/
.header .gnb .pos:not(.active)::before {
	height: 0;
}
.header .gnb .pos .gnbmu_dim { display: none; position:fixed; left:0; top: 104px; width:100vw; height:100vh; background-color: rgba(0,0,0,0.5); z-index: -1;}
.header .gnb .pos.active .gnbmu_dim {position:fixed; left:0; top: 104px; display: block; width:100vw; height:100vh; background-color: rgba(0,0,0,0.5); z-index: -1;}
.header .gnb .pos .nav > li > a::before {
	width: 0;
	margin: 0 auto;
	content: '';
	display: block;
	position: absolute;
	bottom:0;
	left:50%;

}
.header .gnb .pos .nav > li:hover > a::before {
	display: none;
}
.header .gnb .pos .nav > li.active > a::before {
	content: '';
	display: none;
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 4px;
	background-color: #2538A5;
}
.gnb_dim{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	background-color: rgba(0,0,0,0.5);
}
.gnb_3dth_box{
	display: block;
	width: 100%;
}
.gnb_3dth_box > li{
	display: block;
	width: 100%;
	position: relative;
}
.gnb_3dth_box > li + li{
	margin-top: 12px;
}
.gnb_3dth_box > li > a{
	display: inline-block;
	vertical-align: top;
	width: max-content;
	max-width: 100%;
	font-size: 17rem;
	font-weight: 400;
	line-height: 25.5px;
	color: #717171;
}
.gnb_3dth_box > li > a.active{
	color: #2538A5;
	font-weight: 600;
}
.gnb_3dth_box > li > a.on{ 
	color: #2538A5;
	font-weight: 600;
}
.header .gnb .pos .nav > li.after > a::before,
.header .gnb .pos .nav > li:hover > a::before,
.header .gnb .pos .nav > li.on > a::before {
	content: '';
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	height: 4px;
	background-color: #2538A5;
}
/* .gnb_3dth_box > li > a.active:hover{
	text-decoration: none;
} */
.gnb_3dth_box > li > a:focus,
.gnb_3dth_box > li > a:hover{
	text-decoration: underline;
	text-underline-offset: 3px;
}
.gnb_3dth_box > li:has(.gnb_4dth_box) > a::after {
	position: absolute;
	content: '';
	font-size: 24px;
	top: 5px;
	right: 0;
	width: 16px;
	height: 16px;
	background-image: url(../img/ico_plus_gnb.svg);
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: center;
}
.gnb_3dth_box > li.active:has(.gnb_4dth_box) > a::after {
	content: '';
	top: 9px;
	background-image: url(../img/ico_minus_gnb.svg);
	background-position: center;
}
.gnb_3dth_box > li.active > a {
	color: #2538A5;
	font-weight: 600;
}

.gnb_4dth_box {
	display: none;
	margin-top: 8px;
}
.gnb_4dth_box > li {
	position: relative;
	padding-left: 15px;
}
.gnb_4dth_box > li + li {
	margin-top: 4px;
}
.gnb_4dth_box > li:before {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: #717171;
	border-radius: 20px;
	top: 10px;
	left: 4px;
}
.gnb_4dth_box > li > a {
	display: inline-block;
    vertical-align: top;
    width: max-content;
    max-width: 100%;
    font-size: 17rem;
    font-weight: 400;
    line-height: 25.5px;
    color: #717171;
}
.gnb_4dth_box > li:hover > a {
	text-decoration: underline;
}


.gnb_3dth_box > li.on > a {
	color: #2538A5;
	font-weight: 600;
}
.gnb_3dth_box > li.on .gnb_4dth_box {
	display: block;
}
.gnb_4dth_box > li > a.on {
	color: #2538A5;
}
.gnb_4dth_box > li:has(a.on)::before {
	background-color: #1e1e1e;
}

/*//헤더*/

/*breadcrumb*/
/* .depth_wrap {
	display: block;
	height: 48px;
	background-color: #f9f9f9;
	border-top: 1px solid #ebebeb ;
	border-bottom: 1px solid #ebebeb ;
	position: sticky; 
	top: 120px; 
	left: 0; 
	width: 100%;
	z-index: 99;
}
.depth_wrap .depth {
	min-width: 1280px;
	width: 100%;
	max-width: 1688px;
	margin: 0 auto;
	font-size: 17rem;
	font-weight: 400;
	color: #5d5d5d;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}
.depth_wrap .depth .tit {
	font-size: 17rem;
	font-weight: 400;
	color: #5d5d5d;
}

.depth_wrap .depth .ico {
	position: relative;
	margin: 0 8px;
}
.breadcrumb_arr {
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px 16px;
	background-image: url("../img/ico_chevron_right_thick.svg");
}
.breadcrumb_home{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
	background-image: url("../img/ico_home.svg");
	font-size: 0;
	color: transparent;
} */
/*//breadcrumb*/

/*tooltip*/
.tooltip_wrap{
	display: block;
	width: 20px;
	height: 20px;
	position: relative;
}
.tooltip_wrap .tooltip{
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	background-image: url("../img/ico_tooltip01.svg");
}
.tooltip_wrap .tooltip_box{
	display: none;
	width: max-content;
	max-width: 348px;
	height: max-content;
	max-height: 288px;
	overflow: hidden;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #717171;
	box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.12);
	position: absolute;
	top:28px;
	left: 0;
	z-index: 20;
	padding: 16px 8px 16px 24px;
	cursor: auto;
}
.tooltip_wrap .tooltip_box.open{
	display: block;
}
.tooltip_wrap .tooltip_close{
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 10;
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_close.svg");
	display: block;
}
.tooltip_wrap .tooltip_con{
	display: block;
	width: 100%;
	height: auto;
	max-height: 212px;
	padding-right: 30px;
	background-color: #fff;
	overflow-y: auto;
	font-size: 13rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
	word-break: keep-all;
	text-align: left;
}
.tooltip_wrap .tooltip_con .dot01 {
	position: relative;
	display: block;
	padding-left: 13px;
	font-size: 13rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
	word-break: keep-all;
	text-align: left;
}
.tooltip_wrap .tooltip_con .dot01::after {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13px;
    height: 20px;
    content: "※";
    position: absolute;
    top: 0px;
    line-height: 23px;
    left: 0;
    padding-top: 0px;
    box-sizing: border-box;
    z-index: 10;
}
.tooltip_wrap .tooltip_con .dth_2{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 13px;
	margin-top: 4px;
}
.tooltip_wrap .tooltip_con .dth_2 > li{
	display: block;
	width: 100%;
	position: relative;
	font-size: 13rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
	word-break: keep-all;
}
.tooltip_wrap .tooltip_con .dth_2 > li::after{
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #5d5d5d;
	position: absolute;
	top: 8px;
	left: -8px;
	z-index: 10;
}
.tooltip_wrap .tooltip_con .dth_2 > li > .dth_3{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 13px;
	margin-top: 2px;
}
.tooltip_wrap .tooltip_con .dth_2 > li > .dth_3 > li{
	display: block;
	width: 100%;
	position: relative;
	font-size: 13rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
	word-break: keep-all;
}
.tooltip_wrap .tooltip_con .dth_2 > li > .dth_3 > li::after{
	display: block;
	content: "";
	width: 5px;
	height: 2px;
	background-color: #5d5d5d;
	position: absolute;
	top: 8px;
	left: -8px;
	z-index: 10;
}
.tooltip_wrap.left .tooltip_box{
	left: 0;
}
.tooltip_wrap.center .tooltip_box{
	left: calc(50% - 174px);
}
.tooltip_wrap.right .tooltip_box{
	right: 0;
	left: unset;
}

.tooltip_item {display: inline-block; max-width: 400px; padding: 10px 16px; border: 1px solid #006e25; border-radius: 8px 8px 8px 0; background-color: #ebfef2;}
.tooltip_item .tit { position: relative; padding-left:28px; color: #006e25; font-size: 13rem; font-weight: 600; line-height: 1.5;}
.tooltip_item .tit::before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	display: block;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: url(../img/ico_ck_on.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    color: transparent;
}
/*tooltip*/
/*hovertip*/
.hovertip {position: relative;}
.hovertip .hovertip_box {    
	display: none;
    width: max-content;
    max-width: 348px;
    height: max-content;
    max-height: 288px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #717171;
    box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.12);
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 20;
    padding: 3px 8px;
	font-size: 13px;
}
.hovertip:hover .hovertip_box {    
	display: block;
}
/*hovertip*/
.search_area01{
	display: block;
	width: 100%;
	position: relative;
}

/*main*/
.wrap.main .contianer {background: #dee7f1; padding-top: 46px; padding-bottom: 46px; }
.wrap.main .wrap_content {
	width: 1688px;
	margin: 0 auto;
}
.wrap.main .wrap_content .tit_member{
	margin-bottom: 12px;
	color: #1e1e1e;
	font-size: 32rem;
	font-weight: 700;
	line-height: 1.2;
}
.wrap.main .wrap_content .tit_member > span{
	color: #2e6fd6;
}
.sp_main_schedule01 .sp_msc_item > a .d_flex_center {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.wrap.main .main_con_area{
	display: flex;
	align-items: normal;
	justify-content: flex-start;
}
.wrap.main .box {
	width: 1260px;
	flex-shrink: 0;
}
.wrap.main .box .work {
	width: 100%;
	padding: 28px 32px;
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, .12);
}
/* .wrap.main .box .work.h_work {
	min-height: 304px;
} */
.wrap.main .box .work.h_my {
	min-height: 142px;
}
.wrap.main .box .work.h_my.d_flex_center{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
/* .wrap.main .box .work.h_my .my{
} */

.wrap.main .my_state_con_box{
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	width: 100%;
	gap: 8px;
	box-sizing: border-box;
}
.wrap.main .my_state_con_box .txt{
	display: block;
	box-sizing: border-box;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
}
.wrap.main .my_state_con_box .num{
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	box-sizing: border-box;
	font-size: 23rem;
	font-weight: 700;
	color: #2E6FD6;
	line-height: 1.5;
}
.wrap.main .my_state_con_box .num em{
	font-size: 30rem;
}
.wrap.main .my_state_tit_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 4px;
	box-sizing: border-box;
}
.wrap.main .my_state_tit_box h3{
	display: block;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}
.wrap.main .box .work.bid {
	padding: 0;
	display: flex;
	gap: 0 20px;
	background-color: initial;
	box-shadow: none;
	width: 100%;
}
.wrap.main .box .work.bid .bid_item {
	width: 100%;
	padding: 28px 32px;
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, .12);
	position: relative;
}
.wrap.main .box .work.bid .bid_item > .tit{
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-size: 21rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}
.wrap.main .box .work.bid .bid_item > .list01{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 20px;
}
.wrap.main .box .work.bid .bid_item > .list01 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.wrap.main .box .work.bid .bid_item > .list01 > li > a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding-right: 26px;
	position: relative;
}
.wrap.main .box .work.bid .bid_item > .list01 > li > a:has(.ico_main_edit01) {
	padding-right: 0;
}
.wrap.main .box .work.bid .bid_item > .list01 > li > a:has(.ico_main_edit01) .num {
	display: flex;
	align-items: center;
	gap: 8px;
}
.wrap.main .box .work.bid .bid_item > .list01 > li > a .ico_main_edit01 {
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_main_edit02.svg");
	background-size: 24px 24px;
	display: inline-block;
}

.wrap.main .box .work.bid .bid_item > .list01 > li > a .ico_arr01{
	position: absolute;
	top: calc(50% - 8px);
	right: 0;
	z-index: 10;
}
.wrap.main .box .work.bid .bid_item > .list01 > li > a .tit{
	display: block;
	font-size: 19rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.wrap.main .box .work.bid .bid_item > .list01 > li .txt_box{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
}
.wrap.main .box .work.bid .bid_item > .list01 > li .tit{
	display: inline-block;
	font-size: 19rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.wrap.main .box .work.bid .bid_item > .list01 > li > a .num{
	display: block;
	font-size: 19rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}
.wrap.main .box .work.bid .bid_item > .list02{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.wrap.main .box .work.bid .bid_item > .list02 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.wrap.main .box .work.bid .bid_item > .list02 > li + li{
	margin-top: 16px;
}
.wrap.main .box .work.bid .bid_item > .list02 > li > a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}
.wrap.main .box .work.bid .bid_item > .list02 > li > a .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}
.wrap.main .box .work.bid .bid_item > .list02 > li > a .left_box [class*="ico"]{
	display: block;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	background-size: 24px 24px;
	background-position: center center;
	background-repeat: no-repeat;
	flex-shrink: 0;
}
.wrap.main .box .work.bid .bid_item > .list02 > li > a .left_box .tit{
	display: block;
	font-size: 21rem;
	font-weight: 400;
	line-height: 1.5;
}
.wrap.main .box .work.bid .bid_item > .list02 > li > a .right_box .num{
	display: block;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
}
.wrap.main .box .work.bid .bid_item > .list02 > li > a .right_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
.wrap.main .box .work.charge {
	min-height: 174px;
	padding: 0;
	display: flex;
	gap: 0 24px;
	background-color: initial;
	box-shadow: none;
	width: 100%;
}
.wrap.main .box .work.charge .charge_item {
	width: 100%;
	border-radius: 24px;
	padding: 32px 40px;
	background-color: #fff;
	box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, .12);
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}

.wrap.main .box .schedule .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	/* height: 32px; */
}
.wrap.main .box .schedule .title .btn_controls .btn img { width:100%;}
.wrap.main .box .schedule .title .btn_controls .btn {
	width: 20px;
    height: 20px;
}
.wrap.main .box .schedule .title .btn_controls {
	display: flex;
    align-items: center;
    justify-content: end;
    gap: 13px;
}

.wrap.main .box .schedule .title .alarm .tit {
	min-width: 119px;
	font-size: 21rem;
	font-weight: 700;
	color: #1e1e1e;
}
.wrap.main .box .schedule .title .alarm .count {
	font-size: 15rem;
	font-weight: 400;
	color: #1e1e1e;
}
.wrap.main .box .schedule .title .alarm .gun {
	font-size: 30rem;
	font-weight: 700;
	color: #2E6FD6;
	padding-left: 13px;
	line-height: 1;
}

.sp_main_schedule01 .sp_msc_item > a .info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 29px;
}
.sp_main_schedule01 .sp_msc_item > a .info .tit {
	font-size: 15rem;
	font-weight: 700;
}
.sp_main_schedule01 .sp_msc_item > a.bg_type1 .info .tit {color: #2E6FD6;}
.sp_main_schedule01 .sp_msc_item > a.bg_type2 .info .tit {color: #1e1e1e;}
.sp_main_schedule01 .sp_msc_item > a.bg_type3 .info .tit {color: #5d5fe4;}
.sp_main_schedule01 .sp_msc_item > a.bg_type4 .info .tit {color: #1e1e1e;}

.sp_main_schedule01 .sp_msc_item > a .info .arr {
	padding-left: 4px;
}
.sp_main_schedule01 .sp_msc_item > a .info .date  {
	padding-left: 4px;
	font-size: 14rem;
	font-weight: 700;
	color: #1e1e1e;
}
.sp_main_schedule01 .sp_msc_item > a .info .d_flex_center > img  {
	width: 20px;
	height: 20px;
}
.sp_main_schedule01 .sp_msc_item > a .desc {
	margin-top: 16px;
	font-size: 17px;
	font-weight: 400;
	color: #1e1e1e;
	line-height: 1.5;
	word-break: break-all;
}
.wrap.main .elip {
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: wrap; */
	word-break: keep-all;
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.wrap.main .btn {
	appearance: none;
	background: transparent;
}

.wrap.main .btn.tip {
	width: 20px;
	height: 20px;
}

.sp_main_schedule01 .swiper-slide a {
	display: block; 
	min-width: 223.2px;
	height: 175px;
	padding: 20px;
	border-radius: 12px;
}

.sp_main_schedule01 .sp_msc_item > a {
	background-color: #f9f9f9;	
}
.sp_main_schedule01 .sp_msc_item > a.bg_type1 {
	background-color: #f1f6ff;
}
/*
.sp_main_schedule01 .sp_msc_item > a.bg_type2 {
	background-color: #f9f9f9;			
}
.sp_main_schedule01 .sp_msc_item > a.bg_type3 {
	background: #f1f6ff;
}
.sp_main_schedule01 .sp_msc_item > a.bg_type4 {
	background: #f3f3f3;
} */
.sp_main_schedule01 {
	overflow: hidden; 
	width: 100%;
	margin-top: 16px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 16px;
	box-sizing: border-box;
}
.sp_main_schedule01 .sp_msc_item{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.sp_main_schedule01 .sp_msc_item > a{
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 156px;
	border-radius: 12px;
	padding: 20px;
}
.wrap.main .card {
	width: 404px;
	display: block;
	border-radius: 24px;
	padding: 28px 32px;
	background-color: #fff;
	box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, .12);
	position: relative;
}

.wrap.main .tooltip {
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
}
.main_notice_box{
	display: block;
	width: 100%;
	box-sizing: border-box;	
}
.main_notice_box .notice_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}
.main_notice_box .notice_top .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	gap: 8px;
}
.main_notice_box .notice_top .right_box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	box-sizing: border-box;
	flex-shrink: 0;
	width: max-content;
}
.main_notice_box .notice_top .left_box .ico_login_notice01{
	margin-right: 8px;
}
.main_notice_box .notice_top .left_box .tit{
	display: block;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}
.main_notice_box .notice_top .right_box .notice_more_btn01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	gap:4px;
}
.main_notice_box .notice_top .right_box .notice_more_btn01 .txt{
	display: block;
	font-size: 14rem;
	font-weight: 700;
	color: #5d5d5d;
	line-height: 28px;
}
.main_notice_box .list{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 12px;
}
.main_notice_box .list > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.main_notice_box .list > li + li{
	margin-top: 9px;
}
.main_notice_box .list > li.type_dh {display: none;}
.main_notice_box .list > li > a{
	display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5d5d5d;
    font-size: 17rem;
    line-height: 1.5;
	font-weight: 400;
}
.main_notice_box .list > li.badge_new > a {
	position: relative;
	padding-right:60px;
}
.main_notice_box .list > li.badge_new > a::after {
	content: 'NEW'; 
	
	position: absolute;
	right:0;
	top:0;
	width:46px;
	height:24px;
	background-color: #2538A5;
	border-radius: 4px;
	color:#fff; 
	font-size:13rem; 
	font-weight:600;
	text-align: center;
	line-height: 24px;
	
}
.wrap.main .card .faq_box{
	/* display: block; */
	margin-top: 22px;
}
.wrap.main .card .faq_box li{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.wrap.main .card .faq_box li a .txt{
	font-size: 15rem;
}
.wrap.main .card .faq_box li a {
    display: flex;
    background-color: #f3f3f3;
    border-radius: 8px;
	height: 57px;
    padding: 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
	position: relative;
}
.wrap.main .card .faq_box li a .ico_arr01{
	position: absolute;
	top: calc(50% - 8px);
	right:24px;
	z-index: 10;
}
.wrap.main .swiper_banner {
	margin-top: 24px;
}
.wrap.main .swiper_banner .sp_main_swiper02 {
	overflow: hidden; 
	width: 340px;
}
.wrap.main .swiper_banner .sp_main_swiper02 .swiper-slide {
	width: 340px; 
	height: 388px;
}
.wrap.main .swiper_banner .sp_main_swiper02 .swiper-slide a {
	display: block; 
	/* padding: 30px 21px 61px 21px;  */
	width: 340px; 
	height: 388px; 
	/* background-color: #fff6e9;  */
	border-radius: 24px;
}
.wrap.main .swiper_banner .sp_main_swiper02 .swiper-slide a {
	/* background-image: url("../img/ico_main_banner01.svg");  */
	background-repeat: no-repeat; 
	background-position: center center;
	background-size: 273px 262px;
}
.wrap.main .swiper_banner .sp_main_swiper02 .swiper-slide a img {
	width: 100%;
	height: 100%;
}
.wrap.main .swiper_banner .sp_main_swiper02 .swiper-pagination-bullet {
	width: 10px; 
	height: 10px; 
	background-color: #b9b9b9; 
	border-radius: 999px;
	opacity: 1;
}
.wrap.main .card .swiper-pagination-bullet-active {
	width: 30px; 
	height: 10px; 
	background-color: #5D5D5D; 
	border-radius: 10px;
}
.wrap.main .card .swiper-info {
	display: flex;
    flex-flow: nowrap;
    justify-content: center;
    align-items: center;
	position: absolute;
	right:0;
	bottom: 14px;
	width:404px;
}
.wrap.main .card .swiper-info .swiper-pagination {
	width:auto;
	display: inline-block;
	position: unset;
	
}
.wrap.main .card .swiper-info .btn_stopPlasy {
	width:20px;
	height:20px;
	margin-left:4px;
	display: inline-block;
	background: url(../img/ico_stop_items.svg) no-repeat center center;
	background-size: 20px 20px;
	position: relative;
	z-index:1;
	color: transparent;
	font-size: 1px;
}
.wrap.main .card .swiper-info .btn_stopPlasy.on {
	width:20px;
	height:20px;
	display: inline-block;
	background: url(../img/ico_play_items.svg) no-repeat center center;
	background-size: 20px 20px;
	position: relative;
	z-index:1;
	color: transparent;
	font-size: 1;
	/* opacity: .5; */
}
.wrap.main .card .swiper-info .btn_stopPlay {
	width:20px;
	height:20px;
	margin-left:4px;
	display: inline-block;
	background: url(../img/ico_stop_items.svg) no-repeat center center;
	background-size: 20px 20px;
	position: relative;
	z-index:1;
	color: transparent;
	font-size: 1px;
}
.wrap.main .card .swiper-info .btn_stopPlay.on {
	width:20px;
	height:20px;
	display: inline-block;
	background: url(../img/ico_play_items.svg) no-repeat center center;
	background-size: 20px 20px;
	position: relative;
	z-index:1;
	color: transparent;
	font-size: 1;
	/* opacity: .5; */
}
.wrap.main .card .swiper-pagination{
	bottom: 24px;
}
.wrap.main .my_state_list_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	margin-top: 16px;
}
.wrap.main .my_state_list_box > li{
	display: block;
	box-sizing: border-box;
	width: 160px;
}
.wrap.main .my_state_list_box > li > a{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	padding:0 20px;
	border-radius: 12px;
	position: relative;
	height: 81px;
}
.wrap.main .my_state_list_box > li > a.type01{
	background-color: #f3f3f3;
}
.wrap.main .my_state_list_box > li > a.type02{
	background-color: #F2F5FF;
}
.wrap.main .my_state_list_box > li.ico_arr02{
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	display: block;
	padding-top: 0;
	box-sizing: border-box;
	background-image: url(../img/ico_arr02_2.svg);
}
.wrap.main .my_state_list_box > li > a .num{
	display: block;
	font-size: 21rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}
.wrap.main .my_state_list_box > li > a .txt{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.4;
}
.wrap.main .my_state_list_box > li > a [class*="ico"]{
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 14px;
	z-index: 10;
	left: 20px;
}
.wrap.main .my_state_list_box > li > a .ico_itm00{
	background-size: 24px 24px;
}
.wrap.main .my_state_list_box > li > a .ico_itm01{
	background-size: 24px 24px;
}
.wrap.main .my_state_list_box > li > a .ico_itm02{
	background-size: 24px 24px;
}
.wrap.main .my_state_list_box > li > a .ico_itm03{
	background-size: 24px 24px;
}
.wrap.main .my_state_list_box > li > a .ico_itm04{
	background-size: 24px 24px;
}
.wrap.main .my_state_list_box > li > a .ico_itm05{
	background-size: 24px 24px;
}
.wrap.main .my_state_list_box > li > a.type01 [class*="ico"]{
	background-color: #B9B9B9;
}
.wrap.main .my_state_list_box > li > a.type02 [class*="ico"]{
	background-color: #2358A5;
}
.wrap.main .box .work .schedule .alarm_tit01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	/* height: 45px; */
	
}
.wrap.main .box .work .schedule .alarm_tit01 .tit{
	display: block;
	font-size: 21rem;
	font-weight: 700;
	color: #1e1e1e;
	line-height: 1.5;
}
.wrap.main .box .work .schedule .alarm_tit01 .count{
	display: block;
	margin-left: 13px;
	font-size: 15rem;
	font-weight: 400;
	color: #1e1e1e;
	line-height: 1.5;
}
.wrap.main .box .work .schedule .alarm_tit01 .count > strong{
	display: inline-block;
	padding-right:2px;
	font-size: 30rem;
	font-weight: 700;
	color: #2e6fd6;
}
.wrap.main .box .work.bid .bid_item > .img_box01{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: calc(100% - 80px);
	position: absolute;
	bottom: 32px;
	left: 40px;
	z-index: 10;
}
.wrap.main .box .work.bid .bid_item > .img_box01 .btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 52px;
	height: 52px;
	border-radius: 52px;
	background-color: #DCEBFF;
}
.wrap.main .box .work.bid .bid_item > .img_box01 .btn .ico_arr01{
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}

/* 수정 */

.wrap.main .box .work.bid .bid_item .tit_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}
.wrap.main .box .work.bid .bid_item .tit_box .tit{
	display: block;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}
.wrap.main .box .work.bid .bid_item .tit_box .ico_arr01{
	flex-shrink: 0;
}
.wrap.main .box .work.bid .bid_item .list01{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-flow: column wrap;
	gap: 12px 40px ;
	margin-top: 16px;
	width: 100%;
	box-sizing: border-box;
}
.wrap.main .box .work.bid .bid_item .list01 > li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wrap.main .box .work.bid .bid_item .list01 > li > .txt{
	display: block;
	font-size: 19rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.wrap.main .box .work.bid .bid_item .list01 > li .count{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.wrap.main .box .work.bid .bid_item .list01 > li .count strong{
	display: block;
	font-size: 19rem;
	font-weight: 700;
	color: #1E1E1E;	
	line-height: 1.5;
}
.wrap.main .box .work.bid .bid_item .list01 > li .count > a + .sp_common_btn{
	margin-left: 8px;
}
.wrap.main .box .work.bid .bid_item .list01 > li .count > span{
	display: block;
	font-size: 19rem;
	font-weight: 400;
	color: #1E1E1E;
	line-height: 1.5;
}
.wrap.main .box .work.bid .bid_item .list01 > li .count strong + span{
	margin-left: 6px;
}
.wrap.main .box .work.bid .bid_item .fee_box01{
	display: block;
	box-sizing: border-box;
	width: 100%;
}
.wrap.main .box .work.bid .bid_item .fee_box01 .list01 .txt_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	gap: 12px;
}
.wrap.main .box .work.bid .bid_item .fee_box01 .list01 .txt_box > .txt{
	display: block;
	font-size: 19rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
}
/* 수정 */


.wrap.main .box .work.charge .charge_item  > .tit{
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-size: 21rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}
.wrap.main .box .work.charge .charge_item > .img_box01{
	display: flex;
	justify-content: space-between;
	align-items: end;
	width: calc(100% - 80px);
	position: absolute;
	bottom: 32px;
	left: 40px;
	z-index: 10;
}
.wrap.main .box .work.charge .charge_item > .img_box01 .btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 52px;
	height: 52px;
	border-radius: 52px;
	background-color: #DCEBFF;
}

.wrap.main .box .work.charge .charge_item .ci_admin_box{
	display: block;
	width: calc(100% - 40px);
	position: relative;
	margin-right: 40px;
}
.wrap.main .box .work.charge .charge_item .ci_admin_box + .ci_admin_box{
	margin-left: 40px;
	margin-right: 0;
}
.wrap.main .box .work.charge .charge_item .ci_admin_box + .ci_admin_box::after{
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -41px;
	z-index: 10;
	background-color: #DCDCDC;
}
.wrap.main .box .work.charge .charge_item .tit_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
}
.wrap.main .box .work.charge .charge_item .tit_box .tit{
	display: block;
	font-size: 19rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}
.wrap.main .box .work.charge .charge_item .tit_box .ico_arr01{
	flex-shrink: 0;
}
.wrap.main .box .work.charge .charge_item .list01{
	display: block;
	margin-top: 20px;
	width: 100%;
	box-sizing: border-box;
}
.wrap.main .box .work.charge .charge_item .list01 > li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.wrap.main .box .work.charge .charge_item .list01 > li + li{
	margin-top: 4.5px;
}
.wrap.main .box .work.charge .charge_item .list01 > li > .txt{
	display: block;
	font-size: 19rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.wrap.main .box .work.charge .charge_item .list01 > li .count{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.wrap.main .box .work.charge .charge_item .list01 > li .count strong{
	display: block;
	font-size: 19rem;
	font-weight: 700;
	color: #1E1E1E;	
	line-height: 1.5;
}
.wrap.main .box .work.charge .charge_item .list01 > li .count > a + .sp_common_btn{
	margin-left: 8px;
}
.wrap.main .box .work.charge .charge_item .list01 > li .count > span{
	display: block;
	font-size: 19rem;
	font-weight: 400;
	color: #1E1E1E;
	line-height: 1.5;
}
.wrap.main .box .work.charge .charge_item .list01 > li .count strong + span{
	margin-left: 6px;
}
.wrap.main .box .work.charge .charge_item .fee_box01{
	display: block;
	box-sizing: border-box;
	width: 100%;
}
.wrap.main .box .work.charge .charge_item .fee_box01 .list01 .txt_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	gap: 12px;
}
.wrap.main .box .work.charge .charge_item .fee_box01 .list01 .txt_box > .txt{
	display: block;
	font-size: 19rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
}
/*//main*/
/*공고템플릿*/
.detail_view_box01{
	display: block;
	width: 100%;
	box-sizing: border-box;
	min-height: 600px;

}
/*//공고템플릿*/

/*토글스위치*/
[class*="toggle_switch"]{
	display: block;
	position: relative;
}
[class*="toggle_switch"] label{
	display: inline-flex;
	vertical-align: top;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	gap: 8px;
}
[class*="toggle_switch"] label .track{
	width:44px;
	height: 18px;
	display: block;
	background-color: #b9b9b9;
	border-radius: 999px;
	cursor: pointer;
	transition: background-color 0.5s;
	position: relative;
}
[class*="toggle_switch"] label .track::after{
	display: block;
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	top: -3px;
	left: 0;
	z-index: 10;
	transition: left 0.3s;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #b9b9b9;
}
[class*="toggle_switch"] input:focus-visible ~ label{
	outline: 1px solid #000;
}

[class*="toggle_switch"] input:checked ~ label .track{
	background-color: #2538A5;
}
[class*="toggle_switch"] input:checked ~ label .track::after{
	left: 20px;
	border: 1px solid #2538A5;
}
[class*="toggle_switch"] label .toggle_switch_text{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
	line-height: 1.5;
}
/*//토글스위치*/



/*dot_list01*/
.dot_list01{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.dot_list01 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	padding-left: 13px;
}
.dot_list01 > li + li{
	margin-top: 4px;
}
.dot_list01 > li::after{
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #5d5d5d;
	position: absolute;
	top: 8px;
	left: 5px;
	z-index: 10;
}
.dot_list01 > li.flex_row::after {
	top: 15px;
}
.dot_list01.type_17 > li.flex_row::after {
	top: 10px;
}

.dot_list01.point_color05 > li{
	color: #1E1E1E;
}

.dot_list01.point_color05 > li::after{
	background-color: #1E1E1E;
}

/*//dot_list01*/
/*dot_list02*/
.dot_list02{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.dot_list02 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 17rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
	padding-left: 14px;
}
.dot_list02 > li + li{
	margin-top: 4px;
}
.dot_list02 > li::after{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 14px;
	height: 26px;
	content: "*";
	position: absolute;
	top: 0px;
	line-height: 26px;
	left: 0;
	z-index: 10;
}
.dot_list02.st_none > li {padding-left:0;} 
.dot_list02.st_none > li::after {display:none;} 

.dot_list01.sm > li {font-size:14rem;}
.dot_list01.sm > li::after{
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-radius: 4px;
	background-color: #5d5d5d;
	position: absolute;
	top: 8px;
	left: 5px;
	z-index: 10;
}
.dot_list01.ty_bg05 > li::after {background-color: #1e1e1e;}
/*//dot_list02*/
/*dot_list03*/
.dot_list03{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.dot_list03 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 15rem;
	font-weight: 400;
	line-height: 23px;
	color: #5d5d5d;
	padding-left: 13px;
}
.dot_list03 > li + li{
	margin-top: 4px;
}
.dot_list03 > li::after{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13px;
	height: 23px;
	content: "※";
	position: absolute;
	top: 0px;
	line-height: 1.5;
	left: 0;
	padding-top: 0px;
	box-sizing: border-box;
	z-index: 1;/* 10에 서 1로 수정 달력때문에 */
}
.dot_list03.type01 > li {
	font-size: 19rem;
	padding-left: 18px;
}
.dot_list03.type01 > li::after{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13px;
	height: 23px;
	content: "※";
	position: absolute;
	top: 0px;
	line-height: 23px;
	left: 0;
	padding-top: 0px;
	box-sizing: border-box;
	z-index: 10;
}


.dot_list03.lg > li{
	font-size: 17rem;
	font-weight: 400;
	padding-left: 13px;
}
.dot_list03.lg > li + li{
	margin-top: 8px;
}
.dot_list03.lg > li::after{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13px;
	height: 23px;
	content: "※";
	position: absolute;
	top: 0px;
	line-height: 23px;
	left: 0;
	padding-top: 0px;
	box-sizing: border-box;
	z-index: 10;
}
.dot_list03.lg > li.flex_row::after {
	top: 6px;
}
.dot_list03.sm > li{
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	padding-left: 13px;
}
.dot_list03.sm > li + li{
	margin-top: 4px;
}
.dot_list03.sm > li::after{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 13px;
	height: 18px;
	content: "※";
	position: absolute;
	top: 0px;
	line-height: 1.5;
	left: 0;
	padding-top: 0px;
	box-sizing: border-box;
	z-index: 10;
}
/*//dot_list03*/

/*dot_list04*/
.dot_list04{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.dot_list04 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	padding-left: 13px;
}
.dot_list04 > li + li{
	margin-top: 4px;
}
.dot_list04 > li::after{
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #5d5d5d;
	position: absolute;
	top: 9px;
	left: 5px;
	z-index: 10;
}
/*//dot_list04*/

/*dot_list05*/
.dot_list05{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.dot_list05 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	padding-left: 14px;
}
.dot_list05 > li + li{
	margin-top: 4px;
}
.dot_list05 > li::after{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 14px;
	height: 26px;
	content: "*";
	position: absolute;
	top: 0px;
	line-height: 26px;
	left: 0;
	z-index: 10;
}
/*// dot_list05*/

/*dot_list06*/
.dot_list06{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.dot_list06 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 19rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
	padding-left: 13px;
}
.dot_list06 > li + li{
	margin-top: 12px;
}
.dot_list06 > li::after{
	display: block;
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background-color: #1e1e1e;
	position: absolute;
	top: 10px;
	left: 5px;
	z-index: 10;
}
.dot_list06 > li.flex_row::after {
	top: 15px;
}
/*//dot_list06*/

/*dot_list07*/
.dot_list07{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.dot_list07 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	
}
.dot_list07 > li + li{
	margin-top: 4px;
}

/*// dot_list07*/

/*dash_list01*/
.dash_list01{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.dash_list01 > li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	padding-left: 13px;
}
.dash_list01 > li + li{
	margin-top: 4px;
}
.dash_list01 > li::after{
	display: block;
	content: "";
	width: 5px;
	height: 2px;
	background-color: #5d5d5d;
	position: absolute;
	top: 9px;
	left: 5px;
	z-index: 10;
}
.dot_list01 > li.no_style {
	padding-left: 0;
}
.dot_list01 > li.no_style::after {
	display: none;
}
.dot_list06 > li.no_style {
	padding-left: 0;
}
.dot_list06 > li.no_style::after {
	display: none;
}

.dash_list01.lg > li{
	font-size: 17rem;
	padding-left: 13px;
}
.dash_list01.lg > li + li{
	margin-top: 8px;
}
.dash_list01.lg > li::after{
	display: block;
	content: "";
	width: 5px;
	height: 2px;
	background-color: #5d5d5d;
	position: absolute;
	top: 9px;
	left: 5px;
	z-index: 10;
}

.dash_list01 > li.flex_row::after {
	top: 15px;
}
/*//dash_list01*/
/* order_list01 */
.order_list01 {
    list-style-type: decimal;
}
.order_list01 li {
    color: #5d5d5d;
    font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 15px;
}
.order_list01 li ~ li {
    margin-top: 8px;
}
/*//order_list01*/

/*아코디언01*/
.accordion_wrap{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.accordion_wrap .accordion.toggle_ty{
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 12px;
	border: 1px solid #b9b9b9;
}
.accordion_wrap .accordion.toggle_ty .accordion_header{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.accordion_wrap .accordion.toggle_ty .accordion_header > h3{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.accordion_wrap .accordion.toggle_ty .accordion_header > h3 > .btn_toggle{
	display: flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	background-color: #f9f9f9;
	border-radius: 12px;
	/* overflow: hidden; */
	padding: 12px 24px;
	font-size: 17rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
	cursor:pointer;
}
.accordion_wrap .accordion.toggle_ty.on .accordion_header > h3 > .btn_toggle{
	border-radius: 12px 12px 0 0;
}


.accordion_wrap .accordion.toggle_ty .accordion_header > h3 > .btn_toggle .arrow{
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	background-image: url("../img/ico_acc_arr01.svg");
	flex-shrink: 0;
	transform: rotate(180deg);
	transition: transform 0.3s;
	cursor:pointer;

}
.accordion_wrap .accordion.toggle_ty.on .accordion_header > h3 > .btn_toggle .arrow{
	transform: rotate(0deg);
	transition: transform 0.3s;
}
.accordion_wrap .accordion.toggle_ty .toggle_pannel {
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 24px;
	background-color: #fff;
	border-radius: 0 0 12px 12px;
}
.accordion_wrap .accordion.toggle_ty .toggle_pannel .type_scroll01 {
	max-height: 231px;
	overflow: auto;
}
.accordion_wrap .accordion.toggle_ty .toggle_pannel .txt_box01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
}
.accordion_wrap .accordion.toggle_ty .toggle_pannel .txt_box01 .txt{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
}
/* .accordion_wrap .accordion.toggle_ty .toggle_pannel > .dot_list01 > li {
	font-size:17rem;
}
.accordion_wrap .accordion.toggle_ty .toggle_pannel > .dot_list01 > li::after {
	top:9px;
}
.accordion_wrap .accordion.toggle_ty .toggle_pannel > .dot_list01 > li.flex_row::after {
	top:15px;
} */
.accordion_wrap.type_guide .accordion.toggle_ty {
	border: 0;
	background-color: #f9f9f9;
}
.accordion_wrap.type_guide .accordion.toggle_ty .accordion_header > h3 > .tit {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    background-color: #f9f9f9;
    border-radius: 12px;
    /* overflow: hidden; */
    padding: 20px 24px 12px;
    font-size: 17rem;
    font-weight: 700;
    line-height: 1.5;
    color: #1E1E1E;
	position: relative;
}
.accordion_wrap.type_guide .accordion.toggle_ty .accordion_header > h3 > .tit:after {
	position: absolute;
	content: '';
	width: calc(100% - 48px);
	height: 1px;
	background-color: #dcdcdc;
	bottom: 0;
}
.accordion_wrap.type_guide  .accordion.toggle_ty .toggle_pannel {
	display: block;
	background-color: transparent;
	padding: 12px 24px 24px;
}
.accordion_wrap.type_guide  .accordion.toggle_ty .toggle_pannel .dot_list01 > li + li {
	margin-top: 8px;
}
.accordion_wrap.type_guide  .accordion.toggle_ty .toggle_pannel .dash_list01 {
	margin-top: 8px;
}
.accordion_wrap.type_guide  .accordion.toggle_ty .toggle_pannel .dot_list03 {
	margin-top: 8px;
}
.accordion_wrap.type_guide  .accordion.toggle_ty .toggle_pannel .dot_list03 > li::after {
	content: '';
	width: 2px;
	height: 2px;
	background-color: #5d5d5d;
	border-radius: 40px;
	top: 10px;
	left: 5px;
}
/*//아코디언01*/

/*아코디언02*/
.accordion_wrap.type02{
	display: block;
}
.accordion_wrap.type02 .accordion.toggle_ty{
	border-radius: 8px;
}
.accordion_wrap.type02 .accordion.toggle_ty.on .accordion_header > h3 > a{
	border-radius: 8px 8px 0 0;
	padding: 20px 40px 20px 40px;
	
}
.accordion_wrap.type02 .accordion.toggle_ty.on.pass .accordion_header > h3 > a{
	background-color: #f2f5ff;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a{
	border-radius: 8px;
	padding: 20px 40px;
	background-color: #fff;
}
.accordion_wrap.type02 .accordion.toggle_ty.pass .accordion_header > h3 > a{
	background-color: #f2f5ff;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .tit_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	width: max-content;
	max-width: 100%;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 23rem;
	font-weight: 700;
	color: #1E1E1E;
	width: max-content;
	position: relative;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit::after{
	display: none;
	justify-content: center;
	align-items: flex-start;
	content: "*";
	font-size: 21px;
	font-weight: 700;
	color: #F43112;
	line-height: 32px;
	width: 12px;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit.dot::after{
	display: flex;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tooltip_wrap{
	margin-left: 4px;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .desc{
	margin-left: 20px;
	display:block;
	font-size: 15rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
}
.accordion_wrap.type02 .accordion.toggle_ty{
	border: 1px solid #dcdcdc;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .arrow{
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_left_thick_black.svg");
	transform: rotate(270deg);
}
.accordion_wrap.type02 .accordion.toggle_ty.on .accordion_header > h3 > a .arrow{
	background-image: url("../img/ico_chevron_left_thick_black.svg");
	transform: rotate(90deg);
}
.accordion_wrap.type02 .accordion.toggle_ty .toggle_pannel{
	padding: 20px 40px 20px 40px;
}
.accordion_wrap.type02 .accordion.toggle_ty .toggle_pannel.type_scroll01{
	max-height: 206px;
	overflow: auto;
}
/*//아코디언02*/
/*아코디언03*/
.accordion_wrap.type03{
	display: block;
}
.accordion_wrap.type03 .accordion.toggle_ty{
	border-radius: 8px;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header {
	padding-bottom: 8px;
	border-bottom: 1px solid #dcdcdc;
}
.accordion_wrap.type03 .accordion.toggle_ty.on .accordion_header {
	border-bottom: 0;
}
.accordion_wrap.type03 .accordion.toggle_ty.on .accordion_header > h3 > a{
	border-radius: 8px 8px 0 0;
	padding: 0;
	cursor: initial;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header > h3 > a{
	border-radius: 8px;
	padding: 0;
	background-color: #fff;
	justify-content: flex-start;
	gap: 8px;

	font-size: 17rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header > h3 > a .tit_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 17rem;
	font-weight: 700;
	color: #1E1E1E;
	position: relative;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit::after{
	display: none;
	justify-content: center;
	align-items: flex-start;
	content: "*";
	font-size: 21px;
	font-weight: 700;
	color: #F43112;
	line-height: 32px;
	width: 12px;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit.dot::after{
	display: flex;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tooltip_wrap .tooltip{
	margin-left: 4px;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .desc{
	margin-left: 20px;
	display:block;
	font-size: 15rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
}
.accordion_wrap.type03 .accordion.toggle_ty{
	border: 0;
}
.accordion_wrap.type03 .accordion.toggle_ty .accordion_header > h3 > a .arrow{
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_acc_arr0201.svg");
	transform: rotate(0);
}
.accordion_wrap.type03 .accordion.toggle_ty.on .accordion_header > h3 > a .arrow{
	background-image: url("../img/ico_acc_arr0202.svg");
	transform: rotate(0);
}
.accordion_wrap.type03 .accordion.toggle_ty .toggle_pannel{
	padding: 24px 18px;
	border-radius: 12px;
	border: 1px solid #dcdcdc;
	background-color: #f9f9f9;
}
.accordion_wrap.type03 .accordion.toggle_ty .toggle_pannel.type_scroll01{
	max-height: 206px;
	overflow: auto;
}
.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .txt_point {font-size: 15rem; color:#5d5d5d; font-weight:400; display: inline-block;}

.accordion_wrap.type02 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit + .txt_point {padding-left:12px;}

/*//아코디언03*/

/*아코디언04*/
.accordion_wrap.type04{
	display: block;
}
.accordion_wrap.type04 .accordion.toggle_ty{
	border-radius: 8px;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header {
	padding-bottom: 4px;
	border-bottom: 0;
}
.accordion_wrap.type04 .accordion.toggle_ty.on .accordion_header {
	border-bottom: 0;
}
.accordion_wrap.type04 .accordion.toggle_ty.on .accordion_header > h3 > a{
	border-radius: 8px 8px 0 0;
	padding: 0;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header > h3 > a{
	border-radius: 8px;
	padding: 0;
	background: none;
	justify-content: flex-start;
	gap: 8px;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header > h3 > a .tit_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 15rem;
	font-weight: 600;
	color: #5d5d5d;
	position: relative;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit::after{
	display: none;
	justify-content: center;
	align-items: flex-start;
	content: "*";
	font-size: 21px;
	font-weight: 700;
	color: #F43112;
	line-height: 32px;
	width: 12px;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tit.dot::after{
	display: flex;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .tooltip_wrap .tooltip{
	margin-left: 4px;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header > h3 > a .tit_box .desc{
	margin-left: 20px;
	display:block;
	font-size: 15rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
}
.accordion_wrap.type04 .accordion.toggle_ty{
	border: 0;
}
.accordion_wrap.type04 .accordion.toggle_ty .accordion_header > h3 > a .arrow{
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_acc_arr0201.svg");
	transform: rotate(0);
}
.accordion_wrap.type04 .accordion.toggle_ty.on .accordion_header > h3 > a .arrow{
	background-image: url("../img/ico_acc_arr0202.svg");
	transform: rotate(0);
}
.accordion_wrap.type04 .accordion.toggle_ty .toggle_pannel{
	padding: 0;
	border-radius: 0;
	border: 0;
	background: none;
}
.accordion_wrap.type04 .accordion.toggle_ty .toggle_pannel.type_scroll01{
	max-height: 206px;
	overflow: auto;
}
/*//아코디언04*/


/*위치 컴포넌트*/
.map > .area {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	
	position: relative;

	width: 100%;
	height: 200px;
	border-radius: 12px;
	background-color: #ebebeb;
}
.map > .area .msg {
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	color: #5d5d5d;
}
.map .desc {
	font-size: 14rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.map > .area .btn_group {
	display: flex;
	justify-content: center;
	gap: 8px 20px;
	
	position: absolute;
	inset: 0;
	top: unset;
	
	padding: 8px 0;
	min-height: 40px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	
	background-color: #00000040;
}


.map > .area .map_btn button {
	appearance: none;
	width: 24px;
	height: 24px;
	background-color: transparent;
}
.map > .area .btn.add{
	width: 100%;
	height: 100%;
	border-radius: 12px;
}
.map .area .btn.add{
	width: 100%;
	height: 100%;
	border-radius: 12px;
}
.map > .area .btn.turn,
.map > .area .btn.write,
.map > .area .btn.delete {
	width: 24px;
	height: 24px;
}
.map .imgfile_upload .btn_upload {width:100%; height: 200px;}
.map .imgfile_upload {width:100%; display: block;}

.map_table {
	width: 100%; 
	margin: 0 auto;
}
.map_table thead tr th {
	/* border-top : 1px solid #1e1e1e; */
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	background-color: #f9f9f9;
	/* line-height: 46px; */
	line-height: 1.5;
	padding: 12px;
	vertical-align: middle;

	font-size: 15rem;
	font-weight: 600;
	color: #1e1e1e;
}
.map_table thead tr th:first-child {border-left:0;}
.map_table thead tr th:last-child {border-right:0;}
.map_table tbody td {
	padding: 12px 20px;
	vertical-align: top;
    border-left:1px solid #ebebeb;
}
.map_table tbody tr td:first-child {border-left:0;}
.map_table tbody tr td:last-child {border-right:0;}

/*//위치 컴포넌트*/

/*우편번호 찾기 f_group04*/
.address_btn_box{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	gap: 8px;
}
.address_btn_box > .sp_common_btn{
	flex-shrink: 0;
}
.f_group04 > .sp_common_input02{
	gap: 8px;
}
.f_group04 > .sp_common_input02 > label{
	width: 114px;
	flex-shrink: 0;
	font-size: 15rem;
	font-weight: 700;
	color: #1e1e1e;
	line-height: 1.5;
}
/*//우편번호 찾기 f_group04*/

/*input sp_common_input04*/
.sp_common_input04{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 36px;
	gap: 16px;
}
.sp_common_input04 .part_box {
	display: block;
	width: 100%;
	position: relative;
}
.sp_common_input04 > label{
	display: block;
	width: max-content;
	flex-shrink: 0;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
	margin-top: 6.5px;
	line-height: 1.5;
}
.sp_common_input04 .part_box .ip_txt_box01{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	gap: 8px;
}
.sp_common_input04 .part_box .ip_txt_box01 .txt{
	display: block;
	font-size: 15rem;
	font-weight: 400;
	color: #1E1E1E;
	line-height: 36px;
	flex-shrink: 0;
}
.sp_common_input04 .part_box .ip_txt_box01 input{
	display: block;
	width: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 12px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 36px;
	text-align: right;
}
.sp_common_input04 .part_box .ip_txt_box01 input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}
.sp_common_input04 .part_box .ip_txt_box01 input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input04 .part_box .ip_txt_box01 input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input04 .part_box .ip_txt_box01 input:read-only ~ .btn_clear01{
	display: none;
}

.sp_common_input04 .msg{
	display: none;
	width: 100%;
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 8px;
	color: #5d5d5d;
}
.sp_common_input04.error .part_box > input{
	border: 1px solid #f43112;
}
.sp_common_input04.error .msg{
	color: #F43112;
	display: block;
}
.sp_common_input04.success .msg{
	color: #2538A5;
	display: block;
}
.sp_common_input04.success .part_box > input{
	border: 1px solid #2538A5;
}
/*//input sp_common_input04*/

/* calnendar */
.common_datepicker{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	gap: 4px;
	position: relative;
}
.common_datepicker .ui-datepicker-trigger{
	display: block;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	cursor: pointer;
	border-radius: 8px;
	padding: 6px 8px;
}
.common_datepicker .ui-datepicker-trigger > img{
	width: 20px;
	object-fit: cover;
}
.common_datepicker > input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}
.common_datepicker > input{
	display: block;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
	background-color: #fff;
	width: 140px;
	height: 36px;
	font-size: 15px;
	font-weight: 400;
	padding: 0 12px;
	border-radius: 8px;
}
.common_datepicker > input:disabled {
	background-color: #ebebeb;
	border: 1px solid #b9b9b9;
	color: #9a9a9a !important;
}
.common_datepicker > input:disabled + button {
	background-color: #ebebeb;
	border: 1px solid #b9b9b9;
	cursor: default;
	pointer-events: none;
}
.common_datepicker > input:disabled + button img {
	filter: opacity(0.4);
}
.common_datepicker > input:read-only {
	background-color: #ebebeb;
	border: 1px solid #b9b9b9;
	color: #1e1e1e;
}
.common_datepicker > input:read-only + button {
	background-color: #ebebeb;
	border: 1px solid #b9b9b9;
	cursor: default;
	/*pointer-events: none;*/
}
.common_datepicker.type02 > input:read-only + button{
	background-color: #fff;
	border: 1px solid #b9b9b9;
	cursor: pointer;
}
.common_datepicker.type02 > input:read-only + button img{
	filter: opacity(1);
}
.common_datepicker > input:read-only + button img {
	filter: opacity(0.4);
}
.common_datepicker.error > input {
	border: 1px solid #f43112;
}
.common_datepicker.error + .error_msg {
	margin-top: 8px;
	color: #f43112;
}
.common_datepicker .date_txt {margin:0 1px !important;}
.ui-datepicker {
	display: none;
}
.ui-datepicker.op_dpk{
	display: block;
	width: 280px;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	padding: 14px;
	margin-top: 0;
}
.ui-datepicker.op_dpk .ui-datepicker-header{
	display: flex;
	justify-content: center;
	align-items: center;	
	position: relative;
	height: 35px;
	box-sizing: border-box;
	margin-bottom: 12px;
}
.ui-datepicker.op_dpk .ui-datepicker-header .ui-datepicker-prev{
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	left: 0;
	font-size: 0;
	color: transparent;
	z-index: 10;
	background: url("../img/ico_chevron_left.svg") no-repeat center;
	background-size: 20px;
}
.ui-datepicker.op_dpk .ui-datepicker-header .ui-datepicker-prev span {
	font-size: 0;
}
.ui-datepicker.op_dpk .ui-datepicker-header .ui-datepicker-next{
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	font-size: 0;
	color: transparent;
	z-index: 10;
	background: url("../img/ico_chevron_right.svg") no-repeat center;
	background-size: 20px;
}
.ui-datepicker.op_dpk .ui-datepicker-header .ui-datepicker-next span {
	font-size: 0;
}
.ui-datepicker.op_dpk .ui-datepicker-month{
	border: 0;
	width: auto;
	height: 30px;
	font-size: 19rem;
	font-weight: 700;
	color: #1e1e1e;
	text-align: right;
	padding: unset;
}
.ui-datepicker.op_dpk .ui-datepicker-title{
	box-sizing: border-box;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ui-datepicker.op_dpk .ui-datepicker-title .ui-datepicker-year{
	border: 0;
	width: auto;
	height: 30px;
	font-size: 19rem;
	font-weight: 700;
	color: #1e1e1e;
	padding: unset;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar{
	width: 100%;
	box-sizing: border-box;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar thead th{
	width: 36px;
	height: 36px;
	border-bottom: 8px solid transparent;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar thead th span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar thead th.ui-datepicker-week-end span{
	color: #f43112;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar thead th.ui-datepicker-week-end:last-child span{
	color: #1e1e1e;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td{
	width: 36px;
	height: 36px;
	/* border-bottom: 8px solid transparent; */
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td .ui-state-default{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default{
	color: #f43112;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.date-holiday0 .ui-state-default{
	color: #f43112;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-week-end:last-child .ui-state-default{
	color: #1e1e1e;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-today .ui-state-default{
	border: 1px solid #2538A5 !important;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-state-disabled .ui-state-default{
	opacity: 0.7;
	color: #9a9a9a;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-state-disabled.ui-datepicker-week-end .ui-state-default{
	opacity: 0.7;
	color: #ffa68f;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-state-disabled.ui-datepicker-week-end:last-child .ui-state-default{
	opacity: 0.7;
	color: #9a9a9a;
}

.ui-datepicker.op_dpk .ui-datepicker-calendar td .ui-state-default.ui-state-hover{
	background-color: #1d2c85 ;
	border: 0;
	color: #fff;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default.ui-state-hover{
	background-color: #1d2c85;
	border: 0;
	color: #fff;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td .ui-state-default.ui-state-active{
	background-color: #2538A5;
	border: 0;
	color: #fff;
}
.ui-datepicker.op_dpk .ui-datepicker-calendar td.ui-datepicker-week-end .ui-state-default.ui-state-active{
	background-color: #2538A5;
	border: 0;
	color: #fff;
}
.ui-datepicker.op_dpk.dpk_posi_a01{
	position: absolute !important;
}
/*//데이트피커*/
/*f_group05*/
.f_group05{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}
.f_group05 > span {
	font-size: 15rem;
	flex-shrink: 0;
}
.f_group05 > .txt_box02{
	display: block;
	box-sizing: border-box;
}
.f_group05 > .txt_box02 > .txt01{
	display: block;
	box-sizing: border-box;
	font-size: 15rem;
	line-height: 1.5;
	color: #1e1e1e;
}
.f_group05 .ipt_subtit {
	font-size: 15rem;
	line-height: 1.5;
	display: inline-block;
	padding-top: 7px;
	text-align: right;
	flex-shrink: 0;
	
}
/*//f_group05*/
/*프로그레스 스탭*/
.sp_step_wrap {
	display: flex;
	justify-content: center;
	flex-shrink: 0;
}
.sp_step_wrap ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 24px;
}
.sp_step_wrap ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 8px;
	font-size: 21rem;
	font-weight: 700;
}
.sp_step_circle {
	background-color: #b9b9b9;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.sp_step_txt {
	color: #9a9a9a;
}
.sp_step_arrw {
	width: 24px;
	height: 24px;
	background-image: url("../img/ico_chevron_right_thick_grey.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px 24px;
}
.sp_step_wrap ul li.on .sp_step_circle {
	background-color: #2538A5;
}
.sp_step_wrap ul li.on .sp_step_txt {
	color: #2538A5;
}
.sp_step_wrap ul li.on .sp_step_arrw {
	background-image: url("../img/ico_chevron_right_thick_green.svg");
}
.sp_step_wrap ul li.end .sp_step_circle {
	background-color: #1e1e1e;
	font-size: 0;
	background-image: url("../img/ico_check_white.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}
.sp_step_wrap ul li.end .sp_step_txt {
	color: #1e1e1e;
}
.sp_step_wrap ul li.end .sp_step_arrw {
	background-image: url("../img/ico_chevron_right_thick_black.svg");
}
/*//프로그레스 스탭*/
/*뱃지*/
.badge {
	display: inline-flex;
	height: 24px;
	padding: 3px 8px;
	align-items: center;
	flex-shrink: 0;
	border-radius: 4px;
	color: #fff;
	background-color: #2538A5;
	font-size: 13rem;
	font-weight: 600;
	line-height: 1.5;
}
.badge_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
	flex-wrap: wrap;
	width:max-content;
	max-width: 100%;
}
/*
.badge.yellow {
	background-color: #fff9e1;
	color: #b85300;
	border: 1px solid #ffb700;
}
.badge.green {
	background-color: #ebfef2;
	color: #006e25;
	border: 1px solid #71f49d;
}
.badge.sky {
	background-color: #e9fbff;
	color: #004352;
	border: 1px solid #b3d7db;
}
.badge.blue {
	background-color: #f6f8fe;
	color: #5d5fe4;
	border: 1px solid #bbcdff;
}
.badge.grey {
	background-color: #fff;
	color: #5d5d5d;
	border: 1px solid #b9b9b9;
}
.badge.black {
	background-color: #fff;
	color: #000;
	border: 1px solid #dcdcdc;
}
.badge.orange {
	background-color: transparent;
	color: #ff7300;
	border: 1px solid #feedb4;
}
*/

.badge.type01 {
	background-color: #fff9e1;
	color: #b85300;
	border: 1px solid #ffb700;
}
.badge.type02 {
	background-color: #ebfef2;
	color: #006e25;
	border: 1px solid #71f49d;
}
.badge.type03 {
	background-color: #e9fbff;
	color: #004352;
	border: 1px solid #b3d7db;
}
.badge.type04 {
	background-color: #f6f8fe;
	color: #5d5fe4;
	border: 1px solid #bbcdff;
}
.badge.type05 {
	background-color: #fff;
	color: #5d5d5d;
	border: 1px solid #b9b9b9;
}
.badge.type06 {
	background-color: #fff;
	color: #000;
	border: 1px solid #dcdcdc;
}
.badge.type07 {
	background-color: transparent;
	color: #ff7300;
	border: 1px solid #feedb4;
}
.badge.type10 {
	background-color: #f2f5ff;
	color: #2538A5;
}
.badge.type11 {
	background-color: #ebebeb;
	color: #5d5d5d;
}
.badge.type12 {
	background-color: #2e6fd6;
	color: #fff;
}
.badge.type13 {
	background-color: #00822b;
	color: #fff;
}
.badge.type14 {
	background-color: #fde8e7;
	color: #ce1100;
}
.badge.type15 {
	background-color: #effafb;
	color: #3c4c56;
}
.badge.type16 {
	background-color: #f2f5ff;
	color: #2538A5;
	border: 1px solid #9eafff;
}
.badge.type17 {
	background-color: #fde8e7;
	color: #ce1100;
}
.badge.type18 {
    border: 1px solid #ffa4be;
    background-color: #fef6f8;
    color: #e00a58;
}

.badge.tag {
	background-color: transparent;
	color: #5d5d5d;
    border: 1px solid #b9b9b9;
    padding: 4px 12px;
}
.badge.badge_icon {
	background-color: transparent;
}
.badge.badge_icon .ico_badge01 {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("../img/ico_medal_fill_orange.svg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}
.badge.badge_icon .badge_txt01 {
	color: #ff7300;
}
.badge.badge_icon .ico_badge02 {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("../img/ico_medal_fill_gray.svg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}
.badge.badge_icon .badge_txt02 {
	color: #717171;
}

.badge.badge_icon .ico_badge03 {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("../img/ico_medal_fill_blue.svg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}
.badge.badge_icon .badge_txt03 {
	color: #1d2c85;
}

/*//뱃지*/
/* text area */
.sp_common_tarea label { font-size: 15rem; font-weight: 700; color: #1e1e1e; margin-bottom: 12px; display: block; margin-bottom: 6px; }
.sp_common_tarea .tarea {overflow-y: auto; width: 100%; min-height: 50px; height: 120px; padding: 15px; border: 1px solid #b9b9b9; color: #1e1e1e; font-weight: 400; font-family: 'Pretendard', '맑은 고딕'; resize: none; border-radius: 8px;font-size: 15rem;}
.sp_common_tarea .tarea::placeholder {color: #9a9a9a;}
.sp_common_tarea .tarea:disabled,
.sp_common_tarea .tarea:read-only {background: #ebebeb;}
.sp_common_tarea .tarea.error {border: 1px solid #f43112;}
.sp_common_tarea .tarea_btm {display: flex; font-size: 14rem; font-weight: 400; margin-top: 8px;}
.sp_common_tarea .tarea_btm .txt {flex: 1; margin-right: 24px; color: #5d5d5d;}
.sp_common_tarea .tarea_btm .txt.error { margin-top: 0; color: #f43112;}
.sp_common_tarea .tarea_btm .byte {color: #5d5d5d; font-size: 13rem; font-weight: 400;}
.sp_common_tarea .tarea_btm .byte em {color: #1e1e1e; font-weight: 700; font-style: normal;}
.sp_common_tarea .tarea:focus{
	outline: none;
    border: 1px solid #1E1E1E;
}
.tarea.st_kewore {height:53px}
/* //text area */
/*f_group06*/
.f_group06{
	display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 8px;
    flex-direction: column;
}
/*//f_group06*/
/*f_group07*/
.f_group07{
    display: inline-flex;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.f_group07 .sp_common_chk01 {
	width: 200px;
}
/*//f_group07*/
/*f_group08*/
.f_group08{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-direction: row;
}
.f_group08 .sp_common_radio01 {
	width: 54px;
}
.f_group08 .sp_common_select01 {
	width: 154px;
}
.f_group08.st_w .sp_common_input03 .part_box .ip_txt_box01 {width:284px;}
/*//f_group08*/
/*f_group09*/
.f_group09{
    display: inline-flex;
    align-items: center;
    gap: 20px;
    flex-direction: row;
}
.f_group09 .sp_common_input02 label {
	width: 65px;
}
/*//f_group09*/
/*f_group10*/
.f_group10 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.f_group10 div {
    width: 50%;
}

/*//f_group10*/
/*f_group11*/
.f_group11 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/*//f_group11*/
/*input:전화번호*/
.sp_tel_input01 {
	display: flex;
	width: 320px;
	align-items: center;
	gap: 8px;
}
.sp_tel_input01 > label {
	display: block;
    width: max-content;
    flex-shrink: 0;
    font-size: 15rem;
    font-weight: 400;
    color: #1E1E1E;
    line-height: 1.5;
}
.sp_tel_input01 > input {
	display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #b9b9b9;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 32px 0 12px;
    font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1E1E1E;
    height: 36px;
}
.sp_tel_input01 > .bar {
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
}
/*//input:전화번호*/
/*input:사업자등록번호*/
.sp_tel_input02 {
	display: flex;
	width: 464px;
	align-items: center;
	gap: 8px;
}
.sp_tel_input02.type02{
	width: 360px;
}
.sp_tel_input02.type02 .cpn_num01{
	width: 54px;
}
.sp_tel_input02.type02 .cpn_num02{
	width: 45px;
}
.sp_tel_input02 > label {
	display: block;
    width: max-content;
    flex-shrink: 0;
    font-size: 15rem;
    font-weight: 400;
    color: #1E1E1E;
    line-height: 1.5;
}
.sp_tel_input02 > input {
	display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #b9b9b9;
    background-color: #fff;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1E1E1E;
    height: 36px;
}
.sp_tel_input02 > input:disabled {
	background-color: #ebebeb;
    color: #9a9a9a !important;
}
.sp_tel_input02 > input:read-only {
	background-color: #ebebeb;
    color: #1E1E1E;
}
.sp_tel_input02 > .bar {
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
}
/*//input:사업자등록번호*/
/*데이트피커-기간설정*/
.period_datepicker label {
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
}
.period_datepicker span {
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
	margin: 0 8px;
}
.period_btn {
	display: flex;
	gap: 8px;
}
.period_datepicker .common_datepicker .sp_common_input01 input {
	text-align: right;
	padding: 0 12px 0 12px;
}
/*//데이트피커-기간설정*/
/*데이트피커-시간설정*/
.time_datepicker {
	display: inline-flex;
	gap:8px;
}
.time_datepicker .common_time {
	display: inline-flex;
	gap: 4px;
}
.time_datepicker .common_time .sp_common_input03 input {
	width: 72px;
}
.time_datepicker .sp_common_input03 .part_box .ip_txt_box01 .txt {
	padding-right:4px;
}

/*//데이트피커-시간설정*/

/* realgrid */
.tbl_col01 .rg-grid {
	border: 0;
}
.tbl_col01 .rg-head .rg-table tr td {
	border-right: 0;
	border-bottom: 1px solid #1e1e1e;
	vertical-align: middle;
	font-size: 15rem;
	font-weight: 600;
	line-height: 1.5;
}
.tbl_col01 .rg-header {
	background: #f9f9f9;
	color: #1e1e1e;
	font-weight: 600;
}
.tbl_col01 .rg-header .rg-table tr td {
	border-right: 1px solid #ebebeb;
	border-bottom: 0;
	vertical-align: middle;
	padding: 12px !important;
}
.tbl_col01 .rg-header .rg-table tr td:hover {
	background: transparent;
}
.tbl_col01 .rg-header-renderer {
	font-size: 15rem;
    font-weight: 600;
    color: #1E1E1E;
    line-height: 1.5;
}
.tbl_col01 .rg-head {
	background-color: #f9f9f9;
}
.tbl_col01 .rg-head .rg-table tr td {
	border-right: 1px solid #ebebeb;
	border-bottom: 0;
	vertical-align: middle;
	font-size: 15rem;
	font-weight: 600;
	line-height: 1.5;
}
.tbl_col01 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col01 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col01 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:checked {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_on.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col01 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col01 .rg-rowbarcontainer .rg-table {
	border-top: 1px solid #1e1e1e;
}
.tbl_col01 .rg-rowbarcontainer .rg-table tr td {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	padding: 15px 0 14.5px !important;
	vertical-align: middle;
}
.tbl_col01 .rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell {
	vertical-align: middle;
	font-size: 15rem;
	line-height: 1.5;
	color: #5d5d5d;
	font-weight: 400;
}
.tbl_col01 .rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell:hover {
	background-color: transparent;
}
.tbl_col01 .rg-body .rg-table {
	border-top: 1px solid #1e1e1e;
}
.tbl_col01 .rg-body .rg-table tr td {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	vertical-align: middle;
	padding: 12px !important;
}
.tbl_col01 .rg-body .rg-table tr td:hover {
	background: transparent;
}
.tbl_col01 .rg-renderer {
	font-size: 15rem;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.tbl_col01 .rg-button-renderer-button {
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 999px;
	min-width: 72px;
	min-height: 28px;
	width: auto;
	padding: 3px 12px;
	font-size: 13rem;
	font-weight: 600;
	line-height: 1.5;
	color: #1e1e1e;
}
.tbl_col01 .rg-button-renderer-button:hover {
	background: #f9f9f9;
	border: 1px solid #b9b9b9;
	color: #1e1e1e;
}
.tbl_col01 .rg-alternate-row {
	background: #fff;
}
.tbl_col01 .rg-checkbar-cell div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: relative;
}
.tbl_col01 .rg-checkbar-cell div > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col01 .rg-checkbar-cell div > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col01 .rg-checkbar-cell div > input[type="checkbox"]:disabled {
	background-image: url("/img/ico_checkbox_disabled_off.svg");
}
.tbl_col01 .rg-checkbar-cell div > input[type="checkbox"]:checked {
	display: block;
    width: 20px;
    height: 20px;
    background-image: url("/img/ico_checkbox_on.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
.tbl_col01 .rg-checkbar-cell div > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col01 .rg-checkbar-cell div > input[type="checkbox"]:checked:disabled {
	background-image: url("/img/ico_checkbox_disabled_on.svg");
}
.tbl_col01 .rg-renderer input[type="radio"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_rdo_off.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
	vertical-align: middle;
	margin-right: 8px;
}
.tbl_col01 .rg-renderer input[type="radio"]:hover {
	background-image: url("/img/ico_rdo_hover_off.svg");
}
.tbl_col01 .rg-renderer input[type="radio"]:disabled {
	background-image: url("/img/ico_rdo_disabled_off.svg");
}
.tbl_col01 .rg-renderer input[type="radio"]:checked {
	background-image: url("/img/ico_rdo_on.svg");
}
.tbl_col01 .rg-renderer input[type="radio"]:checked:hover {
	background-image: url("/img/ico_rdo_hover_on.svg");
}
.tbl_col01 .rg-renderer input[type="radio"]:checked:disabled {
	background-image: url("/img/ico_rdo_disabled_on.svg");
}
.tbl_col01 .rg-renderer input[type="radio"] ~ input[type="radio"] {
	margin-left: 28px;
}
.tbl_col01 .rg-renderer input[type="text"] {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	height: 36px;
	color: #1e1e1e;
}
.tbl_col01 .rg-renderer input[type="text"]:disabled {
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.tbl_col01 .rg-renderer select {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
	height: 36px;
	appearance: none;
	background-image: url("/img/ico_select.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: right 12px top 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tbl_col01 .rg-renderer select:disabled {
	border: 1px solid #b9b9b9;
	background-color: #ebebeb;
	color: #9a9a9a;
	background-image: url("/img/ico_select02.svg");
}
.tbl_col01 .rg-data-cell.btn_save .rg-button-renderer-button {
	background-color: #f4f9fd;
	border: 1px solid #6e8c9d;
}
.tbl_col01 .rg-data-cell.btn_save .rg-button-renderer-button:hover {
	background-color: #d6e3eb;
	border: 1px solid #5e7685;
}
.tbl_col01 .rg-button-renderer-button:disabled {
	background-color: #ebebeb;
    border: 1px solid #b9b9b9;
	color: #9a9a9a;
    cursor: auto;
}
.tbl_col01 .rg-data-cell.btn_save .rg-button-renderer-button:disabled {
	background-color: #ebebeb;
    border: 1px solid #b9b9b9;
	color: #9a9a9a;
    cursor: auto;
}
.tbl_col01 .rg-multicheck-renderer-item > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col01 .rg-multicheck-renderer-item > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col01 .rg-multicheck-renderer-item > input[type="checkbox"]:disabled {
	background-image: url("/img/ico_checkbox_disabled_off.svg");
}
.tbl_col01 .rg-multicheck-renderer-item > input[type="checkbox"]:checked {
	display: block;
    width: 20px;
    height: 20px;
    background-image: url("/img/ico_checkbox_on.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
.tbl_col01 .rg-multicheck-renderer-item > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col01 .rg-multicheck-renderer-item > input[type="checkbox"]:checked:disabled {
	background-image: url("/img/ico_checkbox_disabled_on.svg");
}

.tbl_col01 > table tfoot td {
	padding: 12px;
	vertical-align: middle;
	background-color: #f9f9f9;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.tbl_col01 > table tfoot td:last-child {
	border-right: 0;
}
.tbl_col01 > table tfoot td .txt_box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col01 > table tfoot td .txt_box > .txt {
	display: block;
	font-size: 15rem;
	font-weight: 500;
	color: #1E1E1E;
	line-height: 1.5;
}
.tbl_col01.type_tfoot > table tfoot td {background-color: #fff6f5;}
.tbl_col01.type_tfoot > table tfoot td .txt_box > .txt {
	display: block;
	font-size: 15rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}

.tbl_col01 > table tfoot td .txt_box01 {
	
	width: 100%;
	height: 100%;
}
.tbl_col01 > table tfoot td .txt_box01 > .txt {
	display: block;
	font-size: 15rem;
	font-weight: 500;
	color: #1E1E1E;
	line-height: 1.5;
}
.tbl_col01.type_tfoot > table tfoot td {background-color: #fff6f5;}
.tbl_col01.type_tfoot > table tfoot td .txt_box01 > .txt {
	display: block;
	font-size: 15rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}

.tbl_col02 .rg-grid {
	border: 0;
}
.tbl_col02 .rg-head .rg-table tr td {
	border-right: 0;
	border-bottom: 1px solid #1e1e1e;
	vertical-align: middle;
	font-size: 15rem;
	font-weight: 600;
	line-height: 1.5;
}
.tbl_col02 .rg-header {
	background: #f9f9f9;
	color: #1e1e1e;
	font-weight: 600;
}
.tbl_col02 .rg-header .rg-table tr td {	
	border-bottom: 0;
	vertical-align: middle;
	padding: 12px !important;
}
.tbl_col02 .rg-header .rg-table tr td:hover {
	background: transparent;
}
.tbl_col02 .rg-header-renderer {
	font-size: 15rem;
    font-weight: 600;
    color: #1E1E1E;
    line-height: 1.5;
}
.tbl_col02 .rg-head {
	background-color: #f9f9f9;
}
.tbl_col02 .rg-head .rg-table tr td {
	border-bottom: 0;
	vertical-align: middle;
	font-size: 15rem;
	font-weight: 600;
	line-height: 1.5;
}
.tbl_col02 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col02 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col02 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:checked {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_on.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col02 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col02 .rg-rowbarcontainer .rg-table {
	border-top: 1px solid #1e1e1e;
}
.tbl_col02 .rg-rowbarcontainer .rg-table tr td {
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	padding: 15px 0 14.5px !important;
	vertical-align: middle;
}
.tbl_col02 .rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell {
	vertical-align: middle;
	font-size: 15rem;
	line-height: 1.5;
	color: #5d5d5d;
	font-weight: 400;
}
.tbl_col02 .rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell:hover {
	background-color: transparent;
}
.tbl_col02 .rg-body .rg-table {
	border-top: 1px solid #1e1e1e;
}
.tbl_col02 .rg-body .rg-table tr td {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	vertical-align: middle;
	padding: 12px !important;
}
.tbl_col02 .rg-body .rg-table tr td:hover {
	background: transparent;
}
.tbl_col02 .rg-renderer {
	font-size: 15rem;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.tbl_col02 .rg-button-renderer-button {
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 999px;
	min-width: 72px;
	min-height: 28px;
	width: auto;
	padding: 3px 12px;
	font-size: 13rem;
	font-weight: 600;
	line-height: 1.5;
	color: #1e1e1e;
}
.tbl_col02 .rg-button-renderer-button:hover {
	background: #f9f9f9;
	border: 1px solid #b9b9b9;
	color: #1e1e1e;
}
.tbl_col02 .rg-alternate-row {
	background: #fff;
}
.tbl_col02 .rg-checkbar-cell div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: relative;
}
.tbl_col02 .rg-checkbar-cell div > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col02 .rg-checkbar-cell div > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col02 .rg-checkbar-cell div > input[type="checkbox"]:disabled {
	background-image: url("/img/ico_checkbox_disabled_off.svg");
}
.tbl_col02 .rg-checkbar-cell div > input[type="checkbox"]:checked {
	display: block;
    width: 20px;
    height: 20px;
    background-image: url("/img/ico_checkbox_on.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
.tbl_col02 .rg-checkbar-cell div > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col02 .rg-checkbar-cell div > input[type="checkbox"]:checked:disabled {
	background-image: url("/img/ico_checkbox_disabled_on.svg");
}
.tbl_col02 .rg-renderer input[type="radio"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_rdo_off.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
	vertical-align: middle;
	margin-right: 8px;
}
.tbl_col02 .rg-renderer input[type="radio"]:hover {
	background-image: url("/img/ico_rdo_hover_off.svg");
}
.tbl_col02 .rg-renderer input[type="radio"]:disabled {
	background-image: url("/img/ico_rdo_disabled_off.svg");
}
.tbl_col02 .rg-renderer input[type="radio"]:checked {
	background-image: url("/img/ico_rdo_on.svg");
}
.tbl_col02 .rg-renderer input[type="radio"]:checked:hover {
	background-image: url("/img/ico_rdo_hover_on.svg");
}
.tbl_col02 .rg-renderer input[type="radio"]:checked:disabled {
	background-image: url("/img/ico_rdo_disabled_on.svg");
}
.tbl_col02 .rg-renderer input[type="radio"] ~ input[type="radio"] {
	margin-left: 28px;
}
.tbl_col02 .rg-renderer input[type="text"] {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	height: 36px;
	color: #1e1e1e;
}
.tbl_col02 .rg-renderer input[type="text"]:disabled {
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.tbl_col02 .rg-renderer select {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
	height: 36px;
	appearance: none;
	background-image: url("/img/ico_select.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: right 12px top 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tbl_col02 .rg-renderer select:disabled {
	border: 1px solid #b9b9b9;
	background-color: #ebebeb;
	color: #9a9a9a;
	background-image: url("/img/ico_select02.svg");
}
.tbl_col02 .rg-data-cell.btn_save .rg-button-renderer-button {
	background-color: #f4f9fd;
	border: 1px solid #6e8c9d;
}
.tbl_col02 .rg-data-cell.btn_save .rg-button-renderer-button:hover {
	background-color: #d6e3eb;
	border: 1px solid #5e7685;
}
.tbl_col02 .rg-button-renderer-button:disabled {
	background-color: #ebebeb;
    border: 1px solid #b9b9b9;
	color: #9a9a9a;
    cursor: auto;
}
.tbl_col02 .rg-data-cell.btn_save .rg-button-renderer-button:disabled {
	background-color: #ebebeb;
    border: 1px solid #b9b9b9;
	color: #9a9a9a;
    cursor: auto;
}
.tbl_col02 .rg-multicheck-renderer-item > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col02 .rg-multicheck-renderer-item > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col02 .rg-multicheck-renderer-item > input[type="checkbox"]:disabled {
	background-image: url("/img/ico_checkbox_disabled_off.svg");
}
.tbl_col02 .rg-multicheck-renderer-item > input[type="checkbox"]:checked {
	display: block;
    width: 20px;
    height: 20px;
    background-image: url("/img/ico_checkbox_on.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
.tbl_col02 .rg-multicheck-renderer-item > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col02 .rg-multicheck-renderer-item > input[type="checkbox"]:checked:disabled {
	background-image: url("/img/ico_checkbox_disabled_on.svg");
}




.tbl_col03 .rg-grid {
	border: 0;
}

.tbl_col03 .rg-head .rg-table tr td {
	border-right: 0;
	border-bottom: 1px solid #1e1e1e;
	vertical-align: middle;
	font-size: 15rem;
	font-weight: 600;
	line-height: 1.5;
}
.tbl_col03 .rg-header {
	background: #f9f9f9;
	color: #1e1e1e;
	font-weight: 600;
}
.tbl_col03 .rg-header .rg-table tr td {	
	border-bottom: 0;
	vertical-align: middle;
	padding: 12px !important;
}
.tbl_col03 .rg-header .rg-table tr td:hover {
	background: transparent;
}
.tbl_col03 .rg-header-renderer {
	font-size: 15rem;
    font-weight: 600;
    color: #1E1E1E;
    line-height: 1.5;
}
.tbl_col03 .rg-head {
	background-color: #f9f9f9;
}
.tbl_col03 .rg-head .rg-table tr td {
	border-bottom: 0;
	vertical-align: middle;
	font-size: 15rem;
	font-weight: 600;
	line-height: 1.5;
}
.tbl_col03 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col03 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col03 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:checked {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_on.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col03 .rg-head .rg-table tr td.rg-checkbar-head > div > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col03 .rg-rowbarcontainer .rg-table {
	border-top: 1px solid #1e1e1e;
}
.tbl_col03 .rg-rowbarcontainer .rg-table tr td {
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	padding: 15px 0 14.5px !important;
	vertical-align: middle;
}
.tbl_col03 .rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell {
	vertical-align: middle;
	font-size: 15rem;
	line-height: 1.5;
	color: #5d5d5d;
	font-weight: 400;
}
.tbl_col03 .rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell:hover {
	background-color: transparent;
}
.tbl_col03 .rg-body .rg-table {
	border-top: 1px solid #1e1e1e;
}
.tbl_col03 .rg-body .rg-table tr td {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	vertical-align: middle;
	padding: 12px !important;
}
.tbl_col03 .rg-body .rg-table tr td:hover {
	background: transparent;
}
.tbl_col03 .rg-renderer {
	font-size: 15rem;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.tbl_col03 .rg-button-renderer-button {
	background: #fff;
	border: 1px solid #b9b9b9;
	border-radius: 999px;
	min-width: 72px;
	min-height: 28px;
	width: auto;
	padding: 3px 12px;
	font-size: 13rem;
	font-weight: 600;
	line-height: 1.5;
	color: #1e1e1e;
}
.tbl_col03 .rg-button-renderer-button:hover {
	background: #f9f9f9;
	border: 1px solid #b9b9b9;
	color: #1e1e1e;
}
.tbl_col03 .rg-alternate-row {
	background: #fff;
}
.tbl_col03 .rg-checkbar-cell div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	position: relative;
}
.tbl_col03 .rg-checkbar-cell div > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col03 .rg-checkbar-cell div > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col03 .rg-checkbar-cell div > input[type="checkbox"]:disabled {
	background-image: url("/img/ico_checkbox_disabled_off.svg");
}
.tbl_col03 .rg-checkbar-cell div > input[type="checkbox"]:checked {
	display: block;
    width: 20px;
    height: 20px;
    background-image: url("/img/ico_checkbox_on.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
.tbl_col03 .rg-checkbar-cell div > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col03 .rg-checkbar-cell div > input[type="checkbox"]:checked:disabled {
	background-image: url("/img/ico_checkbox_disabled_on.svg");
}
.tbl_col03 .rg-renderer input[type="radio"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_rdo_off.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
	vertical-align: middle;
	margin-right: 8px;
}
.tbl_col03 .rg-renderer input[type="radio"]:hover {
	background-image: url("/img/ico_rdo_hover_off.svg");
}
.tbl_col03 .rg-renderer input[type="radio"]:disabled {
	background-image: url("/img/ico_rdo_disabled_off.svg");
}
.tbl_col03 .rg-renderer input[type="radio"]:checked {
	background-image: url("/img/ico_rdo_on.svg");
}
.tbl_col03 .rg-renderer input[type="radio"]:checked:hover {
	background-image: url("/img/ico_rdo_hover_on.svg");
}
.tbl_col03 .rg-renderer input[type="radio"]:checked:disabled {
	background-image: url("/img/ico_rdo_disabled_on.svg");
}
.tbl_col03 .rg-renderer input[type="radio"] ~ input[type="radio"] {
	margin-left: 28px;
}
.tbl_col03 .rg-renderer input[type="text"] {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	height: 36px;
	color: #1e1e1e;
}
.tbl_col03 .rg-renderer input[type="text"]:disabled {
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.tbl_col03 .rg-renderer select {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 0 32px 0 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
	height: 36px;
	appearance: none;
	background-image: url("/img/ico_select.svg");
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: right 12px top 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tbl_col03 .rg-renderer select:disabled {
	border: 1px solid #b9b9b9;
	background-color: #ebebeb;
	color: #9a9a9a;
	background-image: url("/img/ico_select02.svg");
}
.tbl_col03 .rg-data-cell.btn_save .rg-button-renderer-button {
	background-color: #f4f9fd;
	border: 1px solid #6e8c9d;
}
.tbl_col03 .rg-data-cell.btn_save .rg-button-renderer-button:hover {
	background-color: #d6e3eb;
	border: 1px solid #5e7685;
}
.tbl_col03 .rg-button-renderer-button:disabled {
	background-color: #ebebeb;
    border: 1px solid #b9b9b9;
	color: #9a9a9a;
    cursor: auto;
}
.tbl_col03 .rg-data-cell.btn_save .rg-button-renderer-button:disabled {
	background-color: #ebebeb;
    border: 1px solid #b9b9b9;
	color: #9a9a9a;
    cursor: auto;
}
.tbl_col03 .rg-multicheck-renderer-item > input[type="checkbox"] {
	display: block;
	flex-shrink: 0;
	width: 20px;
	height: 20px;
	background-image: url("/img/ico_checkbox_off.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.tbl_col03 .rg-multicheck-renderer-item > input[type="checkbox"]:hover {
	background-image: url("/img/ico_checkbox_hover_off.svg");
}
.tbl_col03 .rg-multicheck-renderer-item > input[type="checkbox"]:disabled {
	background-image: url("/img/ico_checkbox_disabled_off.svg");
}
.tbl_col03 .rg-multicheck-renderer-item > input[type="checkbox"]:checked {
	display: block;
    width: 20px;
    height: 20px;
    background-image: url("/img/ico_checkbox_on.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}
.tbl_col03 .rg-multicheck-renderer-item > input[type="checkbox"]:checked:hover {
	background-image: url("/img/ico_checkbox_hover_on.svg");
}
.tbl_col03 .rg-multicheck-renderer-item > input[type="checkbox"]:checked:disabled {
	background-image: url("/img/ico_checkbox_disabled_on.svg");
}

.type_cursor tbody tr {
	cursor: pointer !important;
}

/* //realgrid */

/* search area */
.search_area02 {
    border-top: 1px solid #717171;
    background-color: #f9f9f9;
}
.search_area02 .tbl_row01 {
    border-top: 0;
}
.search_area02 .tbl_row01 > table th {
    border-right: 0;
    border-bottom: 0;
    background: #f9f9f9;
}
.search_area02 .tbl_row01 > table td {
    border-bottom: 0;
}
.search_area02 .btn_box_right01 {
    padding: 20px;
}
/* //search area */
/*테이블 tbl_col02*/
.tbl_col02{
	display: block;
	width: 100%;	
	border-top: 1px solid #1E1E1E;
	position: relative;
}
.tbl_col02 table{
	table-layout: fixed;
	width: 100%;	
}
.tbl_col02 table caption{
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	font-size: 0;
	color: transparent;
	background-color: transparent;
	z-index: -1;
	overflow: hidden;
}
.tbl_col02 table tbody{
	border-top: 1px solid #b9b9b9;
}
.tbl_col02 table thead th{
	padding: 12px;
	vertical-align: middle;
	background-color: #f9f9f9;
}
.tbl_col02 table thead th .txt_box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col02 table thead th .txt_box .txt{
	display: block;
    font-size: 15rem;
    font-weight: 600;
    color: #1E1E1E;
    line-height: 1.5;
}
.tbl_col02 table tbody td{
	padding: 12px;
	vertical-align: middle;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	text-align: center;
}
.tbl_col02 table tbody td .sp_common_chk00{
	justify-content: center;
}
.tbl_col02 table tbody td .txt_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col02 table tbody td .txt_box .txt{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.tbl_col02 table tbody td .txt_box02{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
	gap: 8px;
}
.tbl_col02 table tbody td .txt_box02 .txt{
	display: block;
    font-size: 17rem;
    font-weight: 600;
    color: #1e1e1e;
    line-height: 1.5;
}
/* .tbl_col02 > table tbody td .txt_box02 .txt:visited {
	color: #1f00a1;
} */
.tbl_col02 table tbody td .txt_box02 .txt_box_num {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 15rem;
	color: #5d5d5d;
	line-height: 1.5;
	font-weight: 600;
}
.tbl_col02 .msg {
	display: block;
	margin-top: 8px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.tbl_col02 table tbody td .txt_box02 .txt02 { display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start; font-weight: 400; font-size: 17rem; color: #1e1e1e; line-height: 1.5; text-align: left;}
.tbl_col02 table tbody td .txt_box02 .txt_bold {font-size:15rem; font-weight: 700;display: block;}

/*//테이블 tbl_col02*/

/*테이블 tbl_col03*/
.tbl_col03{
	display: block;
	width: 100%;	
	border-top: 1px solid #b9b9b9;
	position: relative;
}
.tbl_col03 table{
	table-layout: fixed;
	width: 100%;	
}
.tbl_col03 table caption{
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	font-size: 0;
	color: transparent;
	background-color: transparent;
	z-index: -1;
	overflow: hidden;
}
.tbl_col03 table tbody{
	border-top: 1px solid #b9b9b9;
}
.tbl_col03 table thead th{
	padding: 12px;
	vertical-align: middle;
	background-color: #f3f3f3;
	
}
.tbl_col03 table thead th:last-child{
	border-right: 0;
}
.tbl_col03 table thead th .txt_box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col03 table thead th .txt_box .txt{
	display: block;
    font-size: 15rem;
    font-weight: 600;
    color: #1E1E1E;
    line-height: 1.5;
}

.tbl_col03 table tbody td{
	
	padding: 12px;
	vertical-align: middle;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	text-align: center;
}
.tbl_col03.hig24 table tbody td{
	
	padding: 12px;
	vertical-align: middle;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	text-align: center;
}
.tbl_col03 table tbody tr:nth-child(even) td{
	background-color: #fcfcfc;
}
body .tbl_col03 table tbody tr:hover td{
	background-color: #f3f3f3;
}
body .tbl_col01 table tbody tr:hover td{
	background-color: #f3f3f3;
}
body .tbl_col01 table tbody tr.no_h01:hover td{
	background-color: #fff;
}

body .tbl_col03.no_h01 table tbody tr:hover td{
	background-color: inherit;
}
body .tbl_col01.no_h01 table tbody tr:hover td{
	background-color: inherit;
}
body .tbl_col02.no_h01 table tbody tr:hover td{
	background-color: inherit;
}

.tbl_col03 table thead th .sp_common_chk00{
	justify-content: center;
}
.tbl_col03 table thead th .sp_common_chk00 > input {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}
.tbl_col03 table tbody td .sp_common_chk00{
	justify-content: center;
}
.tbl_col03 table tbody td .sp_common_chk00 > input {
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
}
.tbl_col03 table tbody td .txt_box{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col03 table tbody td .txt_box01{
	display: block;
	max-width: 100%;
	box-sizing: border-box;
}
.tbl_col03 table tbody td .txt_box01 .txt{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
}
.tbl_col03 table tbody td .txt_box01 .tit01{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
}


.tbl_col03 table tbody td .txt_box .txt{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #333;
    line-height: 1.5;
	text-align: left;
}
.tbl_col03 table tbody td .txt_box .state01{
	display: block;
    font-size: 15rem;
    font-weight: 700;
    color: #2538A5;
    line-height: 1.5;
}

.tbl_col03 table tbody td .txt_box .state01.fixed{
	display: block;
    font-size: 15rem;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
}
.tbl_col03 table tbody td .txt_box .txt02{
	display: block;
    font-size: 15rem;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}

.tbl_col03 table tbody td .txt_box .tit01{
	display: block;
    font-size: 15rem;
    font-weight: 700;
    color: #333;
    line-height: 1.5;
}
/* .tbl_col03 > table tbody td .txt_box a.txt:visited {
	color: #1f00a1;
} */
.tbl_col03 table tbody td .txt_box02{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
	gap: 8px;
}
.tbl_col03 table tbody td .txt_box02 .txt{
	display: block;
    font-size: 17rem;
    font-weight: 400;
    color: #1e1e1e;
    line-height: 1.5;
}
.tbl_col03 table tbody td .txt_box02 .txt_box_num {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 15rem;
	color: #5d5d5d;
	line-height: 1.5;
	font-weight: 600;
}


.tbl_col03 table tbody td .txt_box04{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col03 table tbody td .txt_box04 .txt{
	display: block;
    font-size: 15rem;
    font-weight: 400;
    color: #5d5d5d;
    line-height: 1.5;
}
.tbl_col03 table tbody td .txt_box01 .state01{
	display: block;
    font-size: 15rem;
    font-weight: 700;
    color: #2538A5;
    line-height: 1.5;
}

.tbl_col03 table tbody td .txt_box01 .state01.fixed{
	display: block;
    font-size: 15rem;
    font-weight: 700;
    color: #5d5d5d;
    line-height: 1.5;
}
.tbl_col03 table tbody td .txt_box01 .txt02{
	display: block;
    font-size: 15rem;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1.5;
}
.tbl_col03 table tbody td .img_box02 {margin-left: -12px;}

.tbl_col03 .msg {
	display: block;
	margin-top: 8px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.tbl_col03 .tbl_col03_bdr{
	border-right: 1px solid #ebebeb !important;
}
.tbl_col03 .tbl_col03_bdt{
	border-top: 1px solid #ebebeb !important;
}
.tbl_col03 table tbody td .txt_box02 .txt_bold {
    font-size: 15rem;
    font-weight: 700;
    display: block;
}
.tbl_col03 table tbody td .txt_box02 .txt02 {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    font-weight: 400;
    font-size: 17rem;
    color: #1e1e1e;
    line-height: 1.5;
    text-align: left;
	width:100%;
}



.tbl_col03 table tbody td .txt_box03{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    flex-direction: column;
    flex-wrap: nowrap;
	gap: 4px;
}
.tbl_col03 table tbody td .txt_box03 .link_box{
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}
.tbl_col03 table tbody td .txt_box03 .num{
	display: block;
	width: max-content;
	max-width: 100%;
	font-size: 15rem;
	font-weight: 700;
	line-height: 23px;
	color: #333;
}
.tbl_col03 table tbody td .txt_box03 .num + .txt01{
	margin-top: 4px;
}
.tbl_col03 table tbody td .txt_box03 .txt01{
	display: block;
	width: max-content;
	max-width: 100%;
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333;
}

.tbl_col03 table tbody td .txt_box03 .link_box .txt_box05 > .txt {
	width: calc(100% - 20px);
}

.tbl_col03 table tbody td .txt_box01 .txt_s {   
	display: block;
    font-size: 13rem;
    font-weight: 700;
    color: #5d5d5d;
    line-height: 19.5px;
}
.tbl_col03 > table tfoot td {
	padding: 12px;
	vertical-align: middle;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.tbl_col03 > table tfoot td:last-child {
	border-right: 0;
}
.tbl_col03 > table tfoot td .txt_box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.tbl_col03 > table tfoot td .txt_box > .txt {
	display: block;
	font-size: 15rem;
	font-weight: 500;
	color: #1E1E1E;
	line-height: 1.5;
}
.tbl_col03.type_tfoot > table tfoot td {background-color: #fff6f5;}
.tbl_col03.type_tfoot > table tfoot td .txt_box > .txt {
	display: block;
	font-size: 15rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}

.tbl_col03 > table tfoot td .txt_box01 {
	
	width: 100%;
	height: 100%;
}
.tbl_col03 > table tfoot td .txt_box01 > .txt {
	display: block;
	font-size: 15rem;
	font-weight: 500;
	color: #1E1E1E;
	line-height: 1.5;
}
.tbl_col03.type_tfoot > table tfoot td {background-color: #fff6f5;}
.tbl_col03.type_tfoot > table tfoot td .txt_box01 > .txt {
	display: block;
	font-size: 15rem;
	font-weight: 700;
	color: #1E1E1E;
	line-height: 1.5;
}


/*//테이블 tbl_col03*/

/* 개찰_상세페이지 공고타이틀 박스 */
.detail_tit_box {
	background-color: #f4f9fd;
	padding: 24px;
	display: block;
	border-radius: 12px;
}
.detail_tit_box .detail_num_box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-top: 8px;
}
.detail_tit_box .detail_num_box > span {
	font-size: 15rem;
	font-weight: 600;
	color: #5d5d5d;
	line-height: 1.5;
	display: block;
}
.detail_tit_box .detail_num_box > .txt_bold {
	font-size: 15rem;
	font-weight: 700;
	color: #1e1e1e;
	line-height: 1.5;
}
.detail_tit_box .detail_num_box .badge_box {
	display: flex;
	align-items: center;
	gap: 4px;
}
.detail_tit_box .detail_tit {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: flex-start;
	margin-top: 4px;
}
.detail_tit_box .detail_tit.type01 {
	display: block;
	margin-top: 4px;
}
.detail_tit_box .detail_tit.type01 .detail_txt {
	display: inline;
}
.detail_tit_box .detail_tit.type01 .divider {
	display: inline-block;
	margin:0 12px;
	vertical-align: sub;
    height: 22px;
}
.detail_tit_box .detail_tit.type01 .detail_stat {
	display: inline-block;
}
.detail_tit_box .detail_tit .detail_txt {
	font-size: 25rem;
	font-weight: 700;
	line-height: 1.2;
	color: #1e1e1e;
}
.detail_tit_box .detail_tit .divider {
	width: 1px;
	height: 24px;
	background-color: #b9b9b9;
}
.detail_tit_box .detail_tit .detail_stat {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.2;
	min-width: 70px;
}

.detail_tit_box .detail_txt_box {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.detail_tit_box .detail_txt_box .detail_txt {
    display: flex;
    align-items: center;
    gap: 8px;
}
.detail_tit_box .detail_txt_box .detail_txt .detail_txt_tit {
    font-size: 15rem;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.detail_tit_box .detail_txt_box .detail_txt .detail_txt_date {
    font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
/* //개찰_상세페이지 공고타이틀 박스 */
/* 공매정보 더보기 */
.tbl_wrapper .tbl_toggle {
	height: 191px;
	overflow: hidden;
	transition: 0.4s ease-in-out;
}
.btn_more.active .ico_more {
	transform: rotate(0deg);
	transition: 0.4s ease-in-out;
}
/* //공매정보 더보기 */

/*팝업기본*/
/* popup */
.modal_popup {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 30001; overflow: hidden; text-align: center; box-sizing: border-box;}
.modal_popup::after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.modal_popup.active {display: block;}
.modal_popup.active .dimmed {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; border-radius: inherit; background-color: #00000099; z-index: 999;}
.modal_popup .popup_wrap {overflow: hidden; display: block; position: fixed; width: calc(100% - 4px); max-width: 1200px; max-height: 95vh; text-align: left;  background-color: #fff; box-sizing: border-box; z-index: 30000; padding: 32px 33px 32px 48px; border-radius: 24px;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0); }
.modal_popup .pop_header {display: table; }
.modal_popup .pop_header h2 {display: table-cell; overflow: hidden; width: 100%; font-size: 30rem; color: #1e1e1e; line-height: 1.2; vertical-align: middle;}
.modal_popup .pop_header h2.tooltip_area {display: flex; overflow: visible; align-items: center;}
.modal_popup .pop_header h2.tooltip_area .tooltip_wrap {margin-left: 3px;}
.modal_popup .pop_body {overflow-y: auto; max-height: calc(100vh - 182px); margin: 32px 0 24px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.modal_popup:has(.pop_footer) .pop_body { max-height: calc(100vh - 266px); }
.modal_popup .pop_body .pop_inner{ display: block; width: auto; box-sizing: border-box; padding-right: 10px; padding-bottom: 10px; 
/* min-width: fit-content;  */ }
.modal_popup .pop_footer {text-align: center;}
.modal_popup .pop_footer .btn_box_center01 { gap: 12px;}
.modal_popup .pop_close_con {position: absolute; top: 38px; right: 48px; }
.modal_popup .popup_wrap.sm { width: 556px; padding: 32px 24px; max-width: calc(100% - 4px); }
.modal_popup .popup_wrap.md { width: 1024px; max-width: calc(100% - 4px); }
.modal_popup .popup_wrap.lg { width: 100%; max-width: 1368px;}
.modal_popup .popup_wrap.lg > .pop_inner{ min-width: 1281px; overflow-x: auto; }
.modal_popup .popup_wrap.xlg { width: 100%; max-width: 1500px;}
.modal_popup .popup_wrap.xlg > .pop_inner{ min-width: 1411px; overflow-x: auto; }
.modal_popup .popup_wrap.tut { width: 928px; max-width: calc(100% - 4px); }
.ico_close { width: 24px; height: 24px; padding: 8px; background: url("../img/ico_close.svg") no-repeat center; background-size: 24px 24px; background-position: center center; }
.modal_popup .popup_wrap.sm .btn_box_center01 .sp_common_btn.lg { width: 100%; }
.modal_popup .popup_wrap.sm .pop_close_con { right: 24px; }
.popup_wrap .f_group03 .sp_common_select01.w200{ flex-shrink: 0; }
.f_group03 .sp_common_select01.w284{ flex-shrink: 0; }
.modal_popup .pop_body .tab_con.type01 .tab_content_wrap{ margin-top: 32px; }
/* .modal_popup .pop_body .pop_inner table { width: auto; table-layout: auto; max-width: none; } */
.modal_popup .pop_header.type_tooltip { display: table; }
.modal_popup .pop_header.type_tooltip h2 { width: auto; padding-right: 8px; }
.modal_popup .pop_header.type_tooltip .tooltip_wrap { display: table-cell; }
.modal_popup .pop_header.type_tooltip .tooltip_wrap .tooltip { height: 36px; }


.popup_wrap.md .pop_body .info_gray_box { min-width: 532px; }
.popup_wrap.md .pop_body .info_gray_box + .txt_normal { min-width: 532px; }
.popup_wrap.md .tab_con.type02 { width: 927px; }
.popup_wrap.md .img_step.type01  { width: 927px; }
.popup_wrap.md .img_step.type02 { width: 927px; }
.popup_wrap.md .con_tit_box04 + .dot_list06 { width: 927px; }
.popup_wrap.lg .tab_con.type01 { width: 1227px; }
/*//팝업기본*/

/* alert */
.alert_popup {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 30010; overflow: hidden; text-align: center; box-sizing: border-box;}
.alert_popup::after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.alert_popup.active {display: block;}
/* .alert_popup.active .dimmed {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; border-radius: inherit; background-color: #00000099; z-index: 999;} */
.alert_popup .alert_wrap {display: inline-block; position: relative; overflow: hidden;  width: 320px; min-height: 258px; text-align: left; vertical-align: middle; background-color: #fff; box-sizing: border-box; z-index: 30000; border-radius: 20px; box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .25); }
.alert_popup .alert_header {display: table;width:100%; padding: 24px 28px 0 28px}
.alert_popup .alert_header h2 {display: table-cell; overflow: hidden; width: 100%; font-size: 17rem; font-weight: 700; color: #1e1e1e; line-height: 1.5; vertical-align: middle;}
.alert_popup .alert_body {overflow-y: auto; min-height: 116px; margin: 24px 28px;display: flex;justify-content: center;
		align-items: center;
		flex-direction: column; }
.alert_popup .alert_body .alert_inner {width: 100%; font-size: 15rem; font-weight: 400; color: #1e1e1e; line-height: 1.5; word-break: break-all;display: block;}
.alert_popup .alert_body .alert_inner .txt_msg{font-size: 15rem; font-weight: 400; color: #1e1e1e; line-height: 1.5;text-align: center;}
.alert_popup .alert_body .alert_inner .txt_msg + .txt_msg01 {margin-top:12px;}
.alert_popup .alert_body .alert_inner .txt_msg01{font-size: 13rem; font-weight: 400; color: #5d5d5d; line-height: 1.5;}
.alert_popup .alert_footer {margin:0 28px 24px 28px; text-align: center;}
.alert_popup .alert_footer .btn_box_center01 { gap: 8px;}
.alert_popup .alert_footer .btn_box_center01 button {width:100%; }
.alert_popup .alert_header .tit_img {width: 48px;height: 48px;box-sizing: border-box;background-repeat: no-repeat;background-position: center center;font-size: 0;color: transparent; background-size: 48px 48px;}
.alert_popup .alert_header .tit_img.ico_no {background-image: url(../img/ico_alert_no.svg);}
.alert_popup .alert_header .tit_img.ico_warning {background-image: url(../img/ico_alert_warning.svg);}
.alert_popup .alert_header .tit_img.ico_check {background-image: url(../img/ico_alert_check.svg);}
.alert_popup .alert_body .tab_con.type01 .tab_content_wrap{ margin-top: 32px;}
/*//alert*/

/*주소검색*/
body.addr_saerch {
	min-width: unset;
}
.addr_container {
	width: 100%;
	padding: 32px 48px;
}
.addr_container .addr_top {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.addr_container .addr_top h1 {
	color: #1e1e1e;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
}
.addr_sch_box {
	border-top: 1px solid #c8c7f6;
	background: #f6f8fe;
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.addr_sch {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.addr_sch_rdo ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 28px;
	padding: 5px 0;
}
.addr_sch_rdo .inp {
    display: flex;
    align-items: center;
    position: relative;
    margin: 2px 0;
}
.addr_sch_rdo .inp_rdo {
	appearance: none;
	width: 20px;
	height: 20px;
	background: url("../img/ico_md_rdo_off.svg") no-repeat;
	background-size: 20px;
}
.addr_sch_rdo .inp_rdo:hover {
	background: url("../img/ico_md_rdo_hover.svg") no-repeat;
	background-size: 20px;
}
.addr_sch_rdo .inp_rdo:checked {
	background: url("../img/ico_md_rdo_on.svg") no-repeat;
	background-size: 20px;
}
.addr_sch_rdo .inp_rdo:checked:hover {
	background: url("../img/ico_md_rdo_on_hover.svg") no-repeat;
	background-size: 20px;
}
.addr_sch_rdo .inp_rdo ~ label {
	color: #1e1e1e;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	margin-left: 6px;
}
.sch_inp_group {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
}
.addr_select select {
	display: flex;
	align-items: center;
	gap: 20px;
	width: 152px;
	height: 36px;
	padding: 6px 12px;
	border-radius: 8px;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	appearance: none;
	background-image: url("../img/ico_select.svg");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: right 12px top 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15rem;
}
.addr_input {
	width: 100%;
}
.addr_input input[type="text"] {
	display: flex;
	align-items: center;
	width: 100%;
	height: 36px;
	gap: 8px;
	flex: 1 0 0;
	padding: 6px 12px;
	border: 1px solid #b9b9b9;
	border-radius: 8px;
	font-size: 15rem;
}
.sch_btn_box {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.sch_btn_box .btn_addr_sch {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	min-width: 92px;
	min-height: 40px;
	padding: 7px 20px;
	border-radius: 999px;
	background-color: #5d5fe4;
	cursor: pointer;
}
.sch_btn_box .btn_addr_sch .ico.ico_sch {
	display: block;
	width: 20px;
	height: 20px;
	background-image: url("../img/ico_search_w.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: center center;
}
.sch_btn_box .btn_addr_sch > .txt {
	color: #fff;
	font-size: 17rem;
	font-weight: 600;
	line-height: 1.5;
}
.addr_info_box {
	background-color: #f9f9f9;
	padding: 24px;
	border-radius: 12px;
}
.addr_info_box ul li {
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	position: relative;
	padding-left: 10px;
}
.addr_info_box ul li::before {
	content: '';
	display: block;
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #5d5d5d;
	top: 8px;
	left: 0;
}
.addr_btm {
	margin-top: 24px;
}
.addr_btm .addr_result_box {
	display: flex;
	gap: 40px;
	flex-direction: column;
}
.addr_btm .addr_result {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* gap: 40px; */
}
.addr_btm .addr_result .top_func_box02 {
	display: flex;
	justify-content: end;
	width: 100%;
	margin-bottom: 16px;
}
.addr_btm .addr_result .addr_tbl + .addr_tbl {
	margin-top: 40px;
}
.addr_btm .addr_result.addr_sch_pre {
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 100px 12px;
	font-size: 17rem;
	flex: 1 0 0;
	width: 100%;
	align-self: stretch;
}
.addr_tbl {
	width: 100%;
	border-top: 1px solid #1e1e1e;
}
.addr_tbl > table {
	width: 100%;
}
.addr_tbl > table caption {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    z-index: -1;
    overflow: hidden;
}
.addr_tbl th {
	background-color: #f3f3f3;
	border-bottom: 1px solid #b9b9b9;
	border-right: 1px solid #dcdcdc;
	padding: 12px;
}
.addr_tbl th:last-child {
	border-right: 0;
}
.addr_tbl th .txt_box {
	display: flex;
	justify-content: center;
	align-items: center;
}
.addr_tbl th .txt_box > .txt {
	font-size: 15px;
	font-weight: 600;
	color: #1e1e1e;
	line-height: 1.5;
}
.addr_tbl td {
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	padding: 12px;
	cursor: pointer;
}
.addr_tbl td:last-child {
	border-right: 0;
}
.addr_tbl td .txt_box > .txt {
	font-size: 15rem;
	font-weight: 400;
	color: #333;
	line-height: 1.5;
}
.addr_tbl td:first-child .txt_box {
	display: flex;
	justify-content: center;
	align-items: center;
}
.addr_tbl.addr_tbl_row th, .addr_tbl.addr_tbl_row td {
	padding: 12px 20px;
	vertical-align: middle;
	cursor: auto;
}
.addr_tbl.addr_tbl_row th .txt_box {
	justify-content: flex-start;
}
.addr_tbl.addr_tbl_row td .txt_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.addr_btm .addr_pagination {
	width: 100%;
	margin-top: 40px;
}
.addr_btm .addr_pagination ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.addr_btm .addr_pagination ul li {
	margin: 0;
	border: 1px solid #fff;
	border-radius: 4px;
}
.addr_btm .addr_pagination ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 15rem;
	color: #5d5d5d;
	font-weight: 400;
	text-align: center;
	box-sizing: border-box;
}
.addr_btm .addr_pagination ul li.page_select a {
	background: #fff;
	border: 1px solid #5d5fe4;
	color: #5d5fe4;
	font-weight: 700;
}
.addr_btm .addr_pagination ul li.btn_page a {
	border: 1px solid #b9b9b9;
}
.addr_btm .addr_pagination ul li a.lft02 {
    background: url(../img/ico_chevron_left_double.svg) no-repeat;
    background-size: 16px;
    background-position: center center;
}
.addr_btm .addr_pagination ul li a.lft01 {
    background: url(../img/ico_chevron_left.svg) no-repeat;
    background-size: 16px;
    background-position: center center;
}
.addr_btm .addr_pagination ul li a.rgt01 {
    background: url(../img/ico_chevron_right.svg) no-repeat;
    background-size: 16px;
    background-position: center center;
}
.addr_btm .addr_pagination ul li a.rgt02 {
    background: url(../img/ico_chevron_right_double.svg) no-repeat;
    background-size: 16px;
    background-position: center center;
}
.addr_btn_box {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
}
.addr_btn_box .addr_btn_confirm {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #5d5fe4;
	border-radius: 999px;
	width: 208px;
	min-height: 52px;
	padding: 10px 20px;
	gap: 6px;
	font-size: 19rem;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}
.addr_btn_box .addr_btn_confirm:disabled {
	background: #c8c7f6;
}
.addr_popup .popup_wrap {
	border-radius: 24px;
	padding: 32px 24px;
	width: 556px !important;
}
.addr_popup .popup_wrap .pop_header {
	padding: 0;
}
.addr_popup .popup_wrap .pop_header h2 {
	font-size: 30rem;
	line-height: 1.5;
}
.addr_popup .popup_wrap .pop_body {
	padding: 24px 0;
}
.addr_popup .popup_wrap .pop_footer {
	text-align: center;
}
.addr_popup .popup_wrap .pop_footer .btn_box {
	margin-top: 0;
}
.addr_popup .popup_wrap .pop_footer .btn_box .addr_btn_resch {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	gap: 6px;
	padding: 10px 20px;
	width: 100%;
	min-height: 52px;
	border-radius: 999px;
	background-color: #5d5fe4;
	color: #fff;
	font-size: 19rem;
	font-weight: 700;
	line-height: 1.5;
	cursor: pointer;
}
.btn_addr_select {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 64px;
	min-height: 28px;
	padding: 4px 12px;
	margin-top: 8px;
	gap: 4px;
	border: 1px solid #b9b9b9;
	border-radius: 999px;
	background-color: #fff;
	color: #1e1e1e;
	font-size: 13rem;
	font-weight: 600;
	line-height: 1.5;
	cursor: pointer;
}
.btn_addr_select:hover {
	background-color: #f9f9f9;
	color: #5d5d5d;
}
.addr_autocomplete {
    background-color: #fff;
    border: 1px solid #b9b9b9;
    border-radius: 8px;
	max-height: 300px;
	overflow: auto;
}
.addr_autocomplete > li {
    padding: 6px 12px;
    cursor: pointer;
}
.addr_autocomplete > li:hover {
	background-color: #f9f9f9;
	border-radius: 8px;
}
.addr_autocomplete > li div {
    font-size: 15rem;
    color: #1e1e1e;
    line-height: 1.5;
    font-weight: 400;
    box-sizing: border-box;
}
/*//주소검색*/

/*회원가입*/
.application_box {
	background-color: #f2f5ff;
	border-radius: 12px;
	padding: 80px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
	align-self: stretch;
}
.application_box_tit {
	align-self: stretch;
	font-size: 25rem;
	font-weight: 700;
	line-height: 1.2;
	color: #1e1e1e;
	text-align: center;
}
.application_box02 {
	background-color: #f2f5ff;
	border-radius: 12px;
	padding: 80px 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.application_item_box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
}
.application_item_box .application_item {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 12px;
	padding: 20px 0 28px;
	min-width: 340px;
	min-height: 221px;
	border-radius: 24px;
}
.application_item_box .application_item .ico_application {
	width: 72px;
	height: 72px;
	background-image: url("../img/ico_idcard.svg");
	background-repeat: no-repeat;
	background-size: 60px 60px;
	background-position: center center;
}
.application_item_box .application_item .ico_application2 {
	width: 72px;
	height: 72px;
	background-image: url("../img/ico_idcard02.svg");
	background-repeat: no-repeat;
	background-size: 60px 60px;
	background-position: center center;
}
.application_item_box .application_item .ico_application3 {
	width: 60px;
	height: 60px;
	background-image: url("../img/ico_idcard03.svg");
	background-repeat: no-repeat;
	background-size: 60px 60px;
	background-position: center center;
}
.application_item_box .application_item .txt {
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
}
.application_item_box .application_item .txt_explain {
	font-size: 15rem;
	line-height: 1.5;
	font-weight: 400;
	color: #5d5d5d;
}
.application_item_box02 {
    display: flex;
    padding: 40px 80px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    background: #fff;
    border-radius: 12px;
    width: 600px;
    margin: 0 auto;
}
.identification_box {
    width: 440px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
.identification_box .sp_common_input02 {
    flex-direction: column;
    gap: 8px;
}

.application_box.type02 {
	padding: 24px;
	height: 142px;
}
.application_box.type02 .application_box_tit {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	gap: 16px;
	font-size: 19rem;
	font-weight: 400;
	line-height: 1.5;
}
.application_box.type03 {
	padding: 40px 24px;
	height: auto;
	margin-top: 0;
}
.application_box.type04 {
	padding: 60px 24px 64px;
}
.application_box.type04 .application_box_tit {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 19rem;
	font-weight: 700;
}
.application_box.type04 .temp_detail_wrap {
	width: 440px;
	padding: 32px 40px;
}
.application_box.type04 .temp_detail_wrap ul {
    gap: 20px;
}
.temp_detail_wrap .sp_common_btn {
	width: 100%;
}
.application_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
.application_divider {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.application_divider .div_line01 {
    height: 1px;
    flex: 1 0 0;
    background-color: #dcdcdc;
}
.application_divider .txt {
    font-size: 15rem;
    font-weight: 600;
    color: #5d5d5d;
    line-height: 1.5;
}
.identi_item_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
}
.identi_item_box .identi_item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 20px 20px 24px;
    background: #fff;
    border-radius: 12px;
    flex: 1 0 0;
    gap: 16px;
}
.identi_item_box .identi_item .txt {
    font-size: 19rem;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.identi_item_box .identi_item:hover, .identi_item_box .identi_item:focus {
    padding: 18px 18px 18px 22px;
	border: 2px solid #2538A5;
}
.identi_item_box .identi_item:hover .txt, .identi_item_box .identi_item:focus .txt {
	color: #2538A5;
}
.find_btn_box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
	width: 672px;
}
.find_btn_box .sp_common_btn.btn_find {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px 20px 24px;
    gap: 12px;
    flex: 1 0 0;
    background: #fff;
    width: 100%;
    border-radius: 24px;
    font-size: 19rem;
    font-weight: 700;
    line-height: 1.5;
}
.find_btn_box .sp_common_btn.btn_find.active {
	border: 2px solid #2538A5;
	color: #2538A5;
	padding: 18px 18px 18px 22px;
}
.find_btn_box .sp_common_btn.btn_find .ico_identi_m {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
}
.find_btn_box .sp_common_btn.btn_find .ico_identi_email {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	background-image: url("../img/ico_email1.svg");
	box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
	color: transparent;
	display: block;
}
.find_btn_box .sp_common_btn.btn_find .ico_identi_cavity {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	background-image: url("../img/ico_cavity1.svg");
	box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
	color: transparent;
	display: block;
}
.application_box .find_detail_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 40px;
	padding: 54px 116px 58px;
	background-color: #fff;
	width: 672px;
	border-radius: 24px;
}
.application_box .find_detail_box ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    width: 100%;
    gap: 24px;
}
.application_box .find_detail_box ul li {
    width: 100%;
}
.application_box .find_detail_box .btn_find {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: 440px;
	height: 60px;
	min-height: 52px;
	padding: 10px 20px;
	border-radius: 999px;
	background-color: #2538A5;
	color: #fff;
	font-size: 19rem;
	font-weight: 700;
	line-height: 1.5;
}
.application_box_tit.type02 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.find_result_ico {
	width: 120px;
	height: 120px;
	background-color: #fff;
	border-radius: 999px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.find_result_ico .ico_identi_pc {
	width: 60px;
	height: 60px;
	background-size: 60px 60px;
	background-image: url(../img/ico_member.svg);
}
.application_box .btn_login {
	height: 60px;
}
.find_result_box {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 672px;
	padding: 32px 40px;
	background-color: #fff;
	border-radius: 12px;
}
.find_result_box .txt {
	font-size: 17rem;
	color: #717171;
	font-weight: 400;
	line-height: 1.5;
}


.allChk_box {
    display: flex;
    background: #ebebeb;
    align-items: center;
    padding: 14px 24px;
    gap: 12px;
    width: 100%;
    border-radius: 8px;
	position: relative;
}
.allChk_box.checked {
	background-color: #2538A5;
}
.allChk_box > input[type="checkbox"] {
    display: block;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background-image: url("../img/ico_check_gray.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px 32px;
}
.allChk_box > input[type="checkbox"]:checked {
    background-image: url("../img/ico_check_white.svg");
}
.allChk_box > input[type="checkbox"] + label {
    font-size: 21px;
    line-height: 1.5;
    font-weight: 700;
    color: #5d5d5d;
	display: block;
	width: 100%;
	position: absolute;
    left: 0;
    top: 0;
    height: 60px;
    padding: 14px 24px 14px 68px;
}
.allChk_box > input[type="checkbox"]:checked + label {
    color: #fff !important;
}

.temp_save_box {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.temp_save_box .temp_save_tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.temp_save_box .temp_save_tit .ico_save {
    width: 59px;
    height: 62px;
    background-size: 59px 62px;
}
.temp_save_box .temp_save_tit .ico_complete {
    width: 80px;
    height: 80px;
    background-size: 80px 80px;
}
.temp_save_box .temp_save_tit .txt {
    font-size: 25rem;
    font-weight: 700;
	line-height: 1.5;
	margin-top: 8px;
	color: #1e1e1e;
}
.temp_save_box .application_box.type03 {
	gap: 16px;
}
.temp_save_box .temp_detail_tit {
    color: #1e1e1e;
    font-size: 17rem;
    font-weight: 400;
    line-height: 1.5;
}
.temp_detail_wrap {
    width: 540px;
    padding: 40px;
    background: #fff;
    border-radius: 12px;
}
.temp_detail_wrap ul {
    display: flex;
    flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}
.temp_detail_wrap ul li {
	width: 100%;
}
.temp_detail_wrap ul li dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-self: normal;
	width: 100%;
	box-sizing: border-box;
}
.temp_detail_wrap ul li dl dt {
	display: block;
	box-sizing: border-box;
	width: 50%;
	font-size: 17rem;
	font-weight: 700;
	line-height: 1.5;
}
.temp_detail_wrap ul li dl dd {
	display: block;
	box-sizing: border-box;
	width: 50%;
	text-align: right;
	font-size: 17rem;
	font-weight: 700;
}
.temp_detail_wrap dl.width100 dt {
	width: 100%;
    height: 50px;
}
.temp_detail_wrap dl.width100 dd {
	width: 100%;
    line-height: 1.5;
    text-align: left;
}
.temp_save_box .temp_detail_wrap ul li dl dt{
	width: 230px;
	flex-shrink: 0;
}
.temp_save_box .temp_detail_wrap ul li dl dt .txt{
	word-break: keep-all;
}
/*//회원가입*/

/*list단일 박스*/
.list_box01 {
	display: flex;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid #ebebeb;
	padding: 16px 20px;
	background-color: #fff;
}
/*//list단일 박스*/

/*input:ID, PW*/
.part_box .toggle_pw.eyes {
    display: block;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    padding: 0;
    background: url("../img/ico_eye_fill_grey.svg") no-repeat;
    background-size: 20px;
    font-size: 0;
    color: transparent;
	position: absolute;
	top: 8px;
    right: 42px;
}
.part_box input:placeholder-shown ~ .btn_clear01 + .toggle_pw.eyes {
    right: 12px;
}
.part_box .toggle_pw.eyes {
	right: 12px;
}
.part_box:has(input:not(:placeholder-shown)) .toggle_pw.eyes {
	right: 42px;
}
.part_box .toggle_pw.eyes.off {
	background: url("../img/ico_eye_slash_fill_grey.svg") no-repeat;
    background-size: 20px;
}
.require_chkbox {
	display: flex;
	align-items: center;
	gap: 6px;
	align-self: stretch;
	margin-top: 8px;
}
.require_chkbox .chklist {
	display: flex;
	align-items: center;
	gap: 2px;
}
.require_chkbox .chklist [class*="ico"] {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background-position: center center;
    font-size: 0;
    color: transparent;
    flex-shrink: 0;
}
.require_chkbox .chklist .ico_check {
	background-image: url("../img/ico_check_gray.svg");
}
.require_chkbox .chklist .chk_txt {
	font-size: 14rem;
	line-height: 1.5;
	font-weight: 400;
	color: #5d5d5d;
}
.require_chkbox .chklist.fill .ico_check {
	background-image: url("../img/ico_check_success.svg");
}
.require_chkbox .chklist.success .ico_check {
	background-image: url("../img/ico_check_success.svg");
}
.require_chkbox .chklist.success .chk_txt {
	color: #009632;
}
.require_chkbox .chklist.error .ico_check {
	background-image: url("../img/ico_check_error.svg");
}
.require_chkbox .chklist.error .chk_txt {
	color: #F43112;
}
/*//input:ID, PW*/

/*파일첨부*/
.file_upload {display: inline-block;}
.file_upload .btn_upload {min-height: 36px; padding: 5px 16px; background-color: #fff;border: 1px solid #b9b9b9;  border-radius: 999px; font-size: 15rem; font-weight: 600; line-height: 1.5;display: inline-block;}
.file_upload .btn_upload:hover {background-color: #f9f9f9;}
.file_upload > input {display: none;}

.imgfile_upload {display: block; font-size: 0;}
.imgfile_upload .btn_upload { display: flex; flex-flow: column; align-items: center; justify-content: center; width: 222px; height: 166px; background-color: #f9f9f9; border-radius: 12px;  border: 1px dashed #b9b9b9; color: #555; font-size:15px; text-align: center; line-height: 1.5;}
.imgfile_upload .btn_upload.type01 { width: 100%; height: 135px; }
.imgfile_upload .btn_upload::before {content: ''; display: block; width: 60px; height: 60px; background-size: 60px 60px; background-image: url(../img/ico_ex_img.svg);}
.imgfile_upload .btn_upload:hover {background-color: #f9f9f9;}
.imgfile_upload > input {display: none;}

/*//파일첨부*/

/*검색결과없음*/
.sch_nodata_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
	margin-bottom: 48px;
}
.sch_nodata_box .ico_nodata {
	width: 58px;
	height: 62px;
	background-size: 58px 62px;
	background-image: url(../img/ico_file_no.svg);
}
.nodata_txt_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.nodata_txt_box .nodata_tit {
    font-size: 21rem;
    font-weight: 700;
    line-height: 1.5;
}
.nodata_txt_box .nodata_txt {
    font-size: 19rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
/*//검색결과없음*/

.main_flex {display: flex;justify-content: flex-start; align-items: flex-start; gap:24px;}
.con_lft_group {width: calc(100% - 184px);}
.nav_step { flex-shrink: 0; position: sticky; top: 192px; left: 0;width:160px; padding:30px 24px; border: 1px solid #dcdcdc; border-radius: 8px;}
.nav_step > a {position:relative; padding-left:21px; color:#9a9a9a; font-size:15rem; font-weight:600; font-style:normal; display:block;}
.nav_step > a:last-child::before {display: none;}
.nav_step > a + a {margin-top:20px;}
.nav_step > a::before {content: ''; display: block; position: absolute; top: 1px; left:1px; width:1px; height:46px; background-color: #b9b9b9; }
/* .nav_step > a::after {content: ''; display: block; position: absolute; top: 1px; left:-4px; width:18px; height:18px; border:2px solid #b9b9b9; border-radius: 50%; background-color: #fff; color: #fff; } */
.nav_step > a.active::after { background-color: #2538a5; border-color:#2538a5;}
.nav_step > a > span {display: block; align-items: center; justify-content: center; position: absolute; top: -1px; left:-7px; width:18px; height:18px; border-radius: 50%; background-color: #9a9a9a; color: #fff; font-size:13rem; font-weight: 600; text-align: center; line-height: 18px;}
.nav_step > a.active {color:#2538a5; font-weight:700;}
.nav_step > a.active > span { background-color: #2538a5; }
.accordion_wrap.type02 + .accordion_wrap {margin-top:16px;}

.sel_item_list > a {position: relative; display: block; min-height: 47px; padding:12px; color: #1e1e1e;font-size:15rem; font-weight:400; line-height: 22.5px; text-align: left; }
.sel_item_list > a.active {background-color: #f2f5ff; color:#2538a5; font-weight:700;}
.sel_item_list > a.active::after {content: ''; display: block; position: absolute; top: 50%; right:12px; width:16px; height:16px; background-image: url(../img/ico_acc_arr01.svg); background-repeat: no-repeat; background-position: right center; background-size: 16px 16px;transform:translateY(-50%) rotate(90deg); }

/* 버튼 */
.btn_icon.primary {background-color:#2538a5; border-color:#2538a5;}

.txt_reference {font-size:15rem; color:#1d2c85; font-weight:400; line-height: 1.5;}
.txt_underline {text-decoration: underline;font-weight: 600;}
.txt_underline01 {text-decoration: underline;}

.tit_h3 {margin:40px 0 24px 0;font-weight:700; font-size:25rem;color: #1e1e1e;}
.tit_h3 + .zone_search_box01.flex_col {margin-top:0;}
.tit_h3 > .txt_sub { padding-left:8px; color:#5d5d5d; font-weight:400; font-size:15rem;line-height: 22px; display: inline-block;}
.tit_h4 {margin:0px 0 16px 0;font-weight:700; font-size:21rem;color: #1e1e1e;}
.cont_h4 + .tit_h4 {margin-top:40px;}
.tbl_col01 .map_table tbody tr:hover td {background-color: transparent !important;}
.tit_h4 .tit_ht_sub { padding-left:8px; color:#5d5d5d; font-weight:400; font-size:14rem;line-height: 21px; display: inline-block;}
.cont_box_scroll {height:235px;overflow-y: auto;}
.rdo_list01.align_center {align-items: center;}
/* .justify_rht {justify-content: flex-end !important;}
.justify_lft {justify-content: flex-start !important;} */
/* .align_end { align-items: end !important;} */
/* .vertical_a_t {vertical-align:top !important;} */
.btn_wrap {margin-left:16px;display: flex; flex-flow:row; gap:8px;}
.align_space-around {display: flex; justify-content: space-around; align-items: flex-end;}
.tbl_color_row tbody tr:nth-child(even) td {background-color: #fcfcfc;}
.tbl_col01 table tbody .tr_active td{background-color: #f2f5ff;}
/* .tr_active td{background-color: #f2f5ff !important;} */
.bor_rht {border-right:1px solid #ebebeb !important;}
.al_baseline {align-items: baseline;}
.hig90 {height: 90px !important;}
.hig350 {height: 350px;}
.hig688 {height: 688px !important;}
.hig620 {height:620px;}
.hig_max {max-height: 224px;}
.mhig14 {height:14px;}
.txt_sub01 { color: #5d5d5d; font-size:15rem; font-weight:400;}
.notice_area { width: 100%; height: auto; padding: 20px; font-size: 15rem; font-weight: 400; color: #1e1e1e; line-height: 1.5; }
.pop_inner .notice_area {height: 385px; overflow-y: auto;}
.notice_area .tit_notice {display: block; font-size: 17rem; font-weight: 700;}
.notice_area .tit_notice + .tit_notice_sub {margin-top:12px;}
.notice_area .tit_notice_sub {font-weight: 700;}
.notice_area .tit_notice_sub + .txt_notice {margin-top:4px; padding-left:13px;}
.notice_area .txt_notice + .tit_notice_sub {margin-top:12px;}

/* range */
.range_area {width:100%;}
.range_area datalist {width:100%; margin-top:8px; display:flex; flex-flow: nowrap; justify-content: space-between; }
.range_area datalist option { font-size:13rem;color:#717171;}
.range_zone01{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 120px;	
	border-radius: 8px;
	border: 1px solid #e0e7ff;
	background-color: #f2f5ff;
}
.range_zone01 .range_area01{
	width: 808px;
	margin-top: 16px;
}
.range_item01{
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background-color: #dcdcdc;
    height: 8px;
    border-radius: 999px;
}
.range_item01 > input[type="range"]{
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background-color: transparent;
    outline: none;
    position: absolute;
    top: 0;
    left: 0;
    
}
.range_item01 > input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    border: 3px solid #2538a5;
    background-color: #fff;
    position: relative;
    
    cursor: pointer;
    margin-top: 0;
    transform: translateY(-50%);
}
.range_item01 > input[type="range"]::-moz-range-thumb{
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    border: 3px solid #2538a5;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    margin-top: -12px;

}
.range_item01 > input[type="range"]::-ms-range-thumb{
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    border: 3px solid #2538a5;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    margin-top: -12px;

}
.range_item01 .track_fill{
    height: 8px;
    background-color: #2538a5;
    border-radius: 999px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}
/*sp range*/
.range_area01{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 20px;
}
.range_area01 .range_box{
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 8px;
    border-radius: 999px;
    background-color: #dcdcdc;
}
.range_area01 .range_box .track_fill{
    display: block;
    width: 80%;
    box-sizing: border-box;
    position: relative;
    height: 8px;
    background-color: #2538a5;
    border-radius: 999px;
}
.range_area01 .range_box .track_fill::after{
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 3px solid #2538a5;
    border-radius: 16px;
    background-color: #fff;
    right: 0px;
    z-index: 10;
}
.range_area01 .range_num{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
}
.range_area01 .range_num > li{
    display: block;
    box-sizing: border-box;
    font-size: 13rem;
    font-weight: 400;
    line-height: 1.5;
    color: #717171;
}
/*.range_area01 .range_box .track_fill::before{
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 8px);
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border: 3px solid #2538a5;
    border-radius: 16px;
    background-color: #fff;
    left: 0px;
    z-index: 10;
}*/


/*//sp range*/
.sel_group {display: flex; min-width:300px}
.sel_group .sp_common_select01 + .sp_common_select01 {margin-left:8px;}

.none_data .txt_item { position: relative; color: #333; font-size:15rem; font-weight:400; text-align: center;}
.none_data .txt_item::before {content: ''; display: inline-block; width:16px; height:16px; margin-right:12px; background: url("../img/ico_nodata_gray.svg") center center no-repeat; background-size: cover;  vertical-align: middle;}/*ico_file_none.svg*/

.none_data01{display: flex;justify-content: center;align-items: center;padding: 30px;width: 100%;box-sizing: border-box;}
.none_data01 .txt_item { position: relative; color: #5d5d5d; font-size:15rem; font-weight:400; text-align: center;}
.none_data01 .txt_item::before {content: ''; display: inline-block; width:16px; height:16px; margin-right:12px; background: url("../img/ico_nodata_gray.svg") center center no-repeat; background-size: cover;  vertical-align: middle;}/*ico_file_none.svg*/

.dl_item {display: flex; gap:5px; justify-content: flex-start; align-items: center; width:100%;}
.dl_item .dl_dt {width:108px; color: #5d5d5d; font-size:15rem; font-weight:400;}
.dl_item .dl_dd {display: flex; gap:28px; justify-content: flex-start; align-items: center;width: 100%;}
.dl_item .dl_dd > div {width: calc(100% / 3);}

/* .imgfile_upload .btn_upload::before {content: ''; display: block; position: absolute; top: 50%; left:50%; width:23px; height:2px; background-color: #9a9a9a; border-radius: 10px; transform: translate(-50%, -50%);}
.imgfile_upload .btn_upload::after {content: ''; display: block; position: absolute; top: 50%; left:50%; width:2px; height:23px; background-color: #9a9a9a; border-radius: 10px; transform: translate(-50%, -50%);}
.imgfile_upload .btn_upload:hover {background-color: #f9f9f9;} */

.ico_plus {position: relative;}
.ico_plus::before {content: ''; display: block; position: absolute; top: 7px; left:3px; width:11px; height:1px; background-color: #2e6fd6;}
.ico_plus::after {content: ''; display: block; position: absolute; top: 2px; left:8px; width:1px; height:11px; background-color: #2e6fd6;}

.ico_plus_g {position: relative;}
.ico_plus_g::before {content: ''; display: block; position: absolute; top: 7px; left:3px; width:11px; height:1px; background-color: #1e1e1e;}
.ico_plus_g::after {content: ''; display: block; position: absolute; top: 2px; left:8px; width:1px; height:11px; background-color: #1e1e1e;}

.ico_minus {position: relative;}
.ico_minus::before {content: ''; display: block; position: absolute; top: 7px; left:3px; width:11px; height:1px; background-color: #1e1e1e;}

.info_border_box {display: flex; flex-flow: row; justify-items: baseline; align-items: center; gap:24px; padding: 16px 20px; background-color: #fff; border:1px solid #ebebeb; border-radius: 12px;}
.info_border_box .info_tit {position: relative; padding-left: 14px; color:#1e1e1e; font-size: 15rem; font-weight: 700;}
.info_border_box .info_tit::before {display: block;content: "";width: 4px;height: 4px; border-radius: 4px;background-color: #1e1e1e; position: absolute; top: 5px;left: 5px;z-index: 10;}
.info_lft_cont {display: flex; flex-flow: row; justify-items: baseline; align-items: flex-start; gap:16px;}

.info_border_box01 {display: flex; flex-flow: column; justify-content: flex-start; align-items: flex-start; gap:16px; padding: 16px 20px; background-color: #fff; border:1px solid #ebebeb; border-radius: 12px;}
.info_border_box01 .info_tit {position: relative; padding-left: 14px; color:#1e1e1e; font-size: 15rem; font-weight: 700;}
.info_border_box01 .info_tit::before {display: block;content: "";width: 4px;height: 4px; border-radius: 4px;background-color: #1e1e1e; position: absolute; top: 5px;left: 5px;z-index: 10;}

/* info_border_box02 */
.info_border_box02 {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	padding: 24px 40px 28px;
	border-radius: 12px;
	border: 1px solid #bfd9fd;
	background: linear-gradient(0deg, #fff 0%, #fff 100%, #f1f6ff);
	width: 49%;
	height: 276px;
}
.info_border_box02 .info_box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 20px;
	width: 100%;
}
.info_border_box02 .info_box .info_tit {
	display: flex;
	align-items: center;
	align-self: stretch;
	gap: 8px;
	font-size: 23rem;
	font-weight: 700;
	color:#1e1e1e;
}
.info_border_box02 .info_box .info_txt {
	font-size: 17rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	min-height: 132px;
}
.info_border_box02 .info_box .info_txt .dot_list01 > li::after {
	top: 50%;
	transform: translateY(-50%);
}
/* //info_border_box02 */

.info_gray_box {padding: 24px; background-color: #f9f9f9; border-radius: 12px;font-size: 15rem; line-height: 1.5;}
.info_gray_box .info_tit { color:#1e1e1e; font-size: 15rem; font-weight: 700;}
.info_gray_box .info_tit.dot::after { justify-content: center; align-items: flex-start;  content: "*"; padding-left: 2px; font-size: 15px; font-weight: 700; color: #F43112; line-height: 14px; width: 12px;}
.info_gray_box > hr { width:100%; height:1px; margin:24px 0; background-color:#b9b9b9; border: 0;}
.info_gray_box > hr.type01 { width:100%; height:1px; margin:16px 0; background-color:#dcdcdc; border: 0;}

.info_gray_box01 {padding: 24px; background-color: #f2f5ff; border-radius: 12px; border:1px solid #e0e7ff;}
.info_gray_box01 .info_tit { color:#2538A5; font-size: 19rem; font-weight: 700;}
.info_gray_box01 .info_txt {color:#1e1e1e; font-size: 15rem; font-weight: 600;}
.info_gray_box01.type_new { padding: 32px; }
.info_gray_box01.type_new .info_tit { position: relative; padding-left: 36px; font-size: 23rem; font-weight: 700; line-height: 1.2; color: #1e1e1e }
.info_gray_box01.type_new .info_tit::before { position: absolute; content: ''; width: 28px; height: 28px; background-image: url(../img/ico_tooltip_blue.svg); background-repeat: no-repeat; background-position: center; background-size: 28px 28px; top: 0; left: 0; }
.info_gray_box01.type_new .info_tit + .dot_list01 { margin-left: 36px; margin-top: 16px; }

.info_gray_box02 { overflow-y: auto; padding: 24px; background-color: #f9f9f9; border-radius: 12px; border:1px solid #dcdcdc;}
.info_gray_box02 .info_tit { color:#1e1e1e; font-size: 19rem; font-weight: 700;}
.info_gray_box02 .info_txt {color:#1e1e1e; font-size: 15rem; font-weight: 600;}
.info_gray_box02 .info_txt_con {color:#1e1e1e; font-size: 15rem; font-weight: 400; line-height: 1.5;}
.info_gray_box02.type_new { overflow-y: auto; padding: 24px; background-color: #f3f3f3; border-radius: 12px; border: 0; }
.info_gray_box02.type_new li { color: #333; }

.info_gray_box03 {padding: 24px; background-color: #f2f5ff; border-radius: 12px; }
.info_gray_box03 .info_tit { color:#2538A5; font-size: 19rem; font-weight: 700;}
.info_gray_box03.type_mg { margin-left: -26px; width: calc(100% + 26px);}

.info_gray_box04 { overflow-y: auto; padding: 24px; background-color: #f9f9f9; border-radius: 12px;}
.info_gray_box05 {
    padding: 40px;
    background-color: #f2f5ff;
    border-radius: 12px;
    border: 1px solid #e0e7ff;
}
.info_gray_box05 .info_tit {
	display: flex;
	align-items: center;
	align-self: stretch;
	gap: 8px;
    font-size: 23rem;
    font-weight: 700;
}
.info_gray_box06 {
    display: flex;
    padding: 32px 40px;
    align-items: flex-start;
    align-self: stretch;
    background: #f2f5ff;
    border-radius: 12px;
}
.info_gray_box06 .info_box {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 32px;
}
.info_gray_box06 .info_box .info_img {
    width: 60px;
}
.info_gray_box06 .info_box .info_img img {
    width: 100%;
}
.info_gray_box06 .info_box .info_txt .info_tit01 {
    color: #1E1E1E;
    font-size: 17rem;
    font-weight: 700;
    line-height: 1.5;
}
.info_gray_box06 .info_box .info_txt .info_tit02 {
    color: #1E1E1E;
    font-size: 15rem;
    font-weight: 600;
    line-height: 1.5;
}
.info_gray_box06 .info_box .info_txt .info_txt01 {
    color: #5d5d5d;
    font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info_gray_box07 { overflow-y: auto; padding: 24px 40px; background-color: #f9f9f9; border-radius: 12px; border:1px solid #dcdcdc;}
.info_gray_box08 {width: calc(100% - 184px); display: flex; flex-flow: column; gap: 12px; align-items: flex-start; }
.info_gray_box08 .f_group01.ec_type01 { position: relative; width: 100%; }
.info_gray_box08 .f_group01.ec_type01 .btn_group_rht { position: absolute; right:0; }
/* quick menu */
.quick_item { position: fixed; right:13px; bottom:96px; z-index: 30001; display: flex; flex-flow: column; align-items: center; gap:16px; width:93px;}
.quick_item .quick_list {display: none; flex-flow: column; align-items: center; justify-content: center; gap: 12px; width:93px; padding:20px 10px; border:1px solid #2538a5; background-color: #fff; border-radius:999px; }
.quick_item .quick_list a {display: flex;flex-flow: column; align-items: center; gap: 4px;}
.quick_item .quick_list a:hover > span {color: #1e1e1e; }
.quick_item .quick_list a:hover > i {background-color: #e0e7ff; }
.quick_item .quick_list a > span {display:block; color: #5d5d5d; font-size:13rem;font-weight: 600; line-height: 1.5; letter-spacing: -.5px;}
.quick_item .quick_list a > i {display:block; width:52px; height:52px; background-color: #f2f5ff; background-size: 28px 28px; background-position: center center; background-repeat: no-repeat; border-radius:50%;}
.quick_item .quick_list a:nth-child(1) > i {background-image: url("../img/ico_quick01.svg");}
.quick_item .quick_list a:nth-child(2) > i {background-image: url("../img/ico_quick02.svg");}
.quick_item .quick_list a:nth-child(3) > i {background-image: url("../img/ico_quick03.svg");}
.quick_item .quick_list a:nth-child(4) > i {background-image: url("../img/ico_quick04.svg"); background-color: #c1ceff; background-size: 46px 46px; background-position: center bottom;}
.quick_item .quickmenu {display:block; width:52px; height:52px; background-image: url("../img/ico_del01.svg"); background-color: #f2f5ff;background-size: 28px 28px; background-position: center center; background-repeat: no-repeat; transform: rotate(90deg); border-radius: 50%; border:1px solid #2538a5;color:transparent;font-size:1px;transform: rotate(45deg);transition: 0.2s ease-in-out;}
.quick_item .quickmenu.active {transform: rotate(90deg); transition: 0.2s ease-in-out;}

/* sitemap */
.sitemap_box { height: 540px; overflow-y: auto; }
.sitemap_area { display: flex; gap: 40px 20px; width: 100%; min-width: 1271px; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;}
.sitemap_item {width: calc(50% - 10px);}
.sitemap_item h3 {min-height:50px; padding: 12px 16px; box-sizing: border-box; background-color: #e0e7ff; border-radius:13px; color:#1e1e1e; font-size:17rem; font-weight:700;line-height: 1.5; }
.sitemap_item > ul.mu_depth01 {display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; row-gap: 16px; column-gap: 20px; margin: 16px 16px 0 16px;}
.sitemap_item > ul.mu_depth01 > li {width:calc(100% / 4 - 15px);}
.sitemap_item > ul > li.w27p {width:27% !important;}
.sitemap_item > ul > li > a {color:#1e1e1e; font-size:15rem; font-weight:600;line-height: 1.5;}
.sitemap_item > ul > li > ul {margin-top: 8px;}
.sitemap_item > ul > li > ul >li {width:100%;}
.sitemap_item > ul > li > ul >li > a {position: relative; display: block; padding-left:12px; color:#5d5d5d; font-size:15rem; font-weight:400;line-height: 1.5;}
.sitemap_item > ul > li > ul >li > a::before {display: block; content: ""; width:4px; height: 4px; border-radius: 40px; background-color: #5d5d5d; position: absolute; top: 9px; left: 0px; z-index: 0;}
.sitemap_item.w100p > ul.mu_depth01 > li { width: calc(100% / 7 - 20px); }
.sitemap_item.type02 h3 { background-color: #f3f3f3;}

.depth_wrap { display: none; height: 60px; background-color: #fff; border-top: 1px solid #dcdcdc ; border-bottom: 1px solid #dcdcdc ; position: sticky; top: 120px; left: 0; width: 100%; z-index: 99;}
.depth_wrap .home{ display: block; width: 24px; height: 24px; margin-right:20px; box-sizing: border-box; background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; background-image: url("../img/ico_home.svg"); font-size: 0; color: transparent;}
.depth_wrap .depth {position: relative; min-width: 1280px; width: 100%; max-width: 1688px; margin: 0 auto; font-size: 17rem; font-weight: 400; color: #5d5d5d; height: 100%; display: flex; justify-content: flex-start; align-items: center; }
.depth_wrap .depth > li {position: relative; }
.depth_wrap .depth > li + li::before {content:''; position: absolute; left:0; top:22px; width:1px;height:16px;background-color: #ebebeb;display: block; }
.depth_wrap .select_item {position: relative; width:260px; height:60px;}
.depth_wrap .select_item .sel_tit { display: flex; justify-content: flex-start; align-items: center; width:100%; height:60px; padding:13px 40px 13px 20px; font-size: 15rem; font-weight: 600; color: #717171; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.depth_wrap .select_item .sel_tit.active {color:#2538a5;}
.depth_wrap .select_item .sel_tit.active::before {transform: rotate(-90deg); transition: 0.2s ease-in-out;}
.depth_wrap .select_item .sel_tit::before {content:''; position: absolute; right:20px; top:21px; display: block; width:16px; height:16px; background: url("../img/ico_select_arrow.svg"); background-position: right top; background-size: 16px 16px; background-repeat:no-repeat; transform: rotate(90deg); transition: 0.2s ease-in-out;}
.depth_wrap .select_item .sel_list {background-color: #fff; border:1px solid #dcdcdc; border-top: 0; display: none;}
.depth_wrap .select_item .sel_list > li{display: block;width: 100%;box-sizing: border-box;}
.depth_wrap .select_item .sel_list a {display: block; padding:12px 20px; font-size: 15rem; font-weight: 600; color: #717171; line-height: 1.5; }
.depth_wrap .select_item .sel_list a:hover {color:#2538a5;}

.web_list {display: flex; flex-wrap: wrap; gap:12px;align-items: first baseline;}

.pop_tit_h3:first-child {margin-top: 0;}
.pop_tit_h3 {margin-top: 40px; margin-bottom:16px; font-size: 21rem; font-weight: 7400; color: #1e1e1e; line-height: 1.5; }

.hig_fix {height:628px;}
.txt_file {
	display: flex;
	align-items: center;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color:#333;
	/* text-decoration: underline; */
	cursor: pointer;
}
.txt_file.link_type01{
	width: max-content;
	max-width: 100%;
}
.txt_file + .txt_file {margin-left: 10px;}
.txt_file .ico {margin-right:4px}
.btn_box_space{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}

.accordion_wrap.aot_form *{
font-size: 15rem;
font-weight: 400;
color: #5d5d5d;
line-height: 1.5;
}
.accordion_wrap.aot_form table{
table-layout: fixed;
width: 100%;
border-collapse: collapse;
		border-spacing: 0;
}
.accordion_wrap.aot_form table th{
padding: 12px;
vertical-align: middle;
background-color: #f9f9f9;
border-right: 1px solid #ebebeb;
}
.accordion_wrap.aot_form table th:last-child{
border-right: 0;
}
.accordion_wrap.aot_form table td{
padding: 12px;
vertical-align: middle;
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
background-color: #fff;
text-align: center;
}
.accordion_wrap.aot_form table td:last-child{
border-right: 0;
}

.hashtag_list{
	display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
	width:100%;
}
.hashtag_list > li{
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.4;
	color: #717171;
}
.hashtag_list > li::before {
	display: inline-block;
	content: "#";
}
.hashtag_list > li.active {color: #333;}

.img_box02 {width: 110px;height: 84px; overflow: hidden; background-color: #ebebeb;  background-image: url(../img/ico_img001.svg); background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; border-radius: 12px;}
.img_box02 img {width: 100%;height: 100%;}

.border_box .list_box01 {align-items: flex-start;}
.border_box .list_box01 + .list_box01 { margin-top: 16px;}
.border_box .list_box01 .txt_box {display: flex; gap:8px;justify-items: flex-start; align-items: flex-start;  flex-direction: column;color:#1e1e1e;font-size: 15rem; font-weight: 400; line-height: 1.5;}
.file_box {display: flex; gap:8px;justify-items: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap; }
.file_box .txt_file {text-decoration:none;color:#1e1e1e;}
.file_box .txt_file + .txt_file {margin-left:0;}
.file_box .txt_file01 {color:#1e1e1e;font-size: 15rem; font-weight: 400; line-height: 1.5;}
.btn_toggleAll .ico_more {
	transition: all 0.3s;
}
.btn_toggleAll.on .ico_more {
	transform: rotate(0deg);
}
.btn_toggleAll2 .ico_more {
	transition: all 0.3s;
}
.btn_toggleAll2.on .ico_more {
	transition: all 0.3s;
	transform: rotate(0deg);
}
.border_box {padding: 24px 40px; border: 1px solid #ebebeb; border-radius:8px; }
.border_box .list_box01 {padding:0; border:0;}

.product_item { display: flex; align-items: flex-start; justify-content: flex-start; gap:20px;}
.product_item .product_view .product_view_area {position: relative;}
.product_item .product_view .product_view_area.no_img .btn_view {display: none;}
.product_item .product_view .product_view_area .btn_view {position: absolute; right:8px; top:8px; width:28px; height:28px; border-radius:50%; background-color: #000; opacity: .6;}
.product_item .product_view .product_view_area .btn_view::after { content: ''; position: absolute; right:0; top:0; width:28px; height:28px;display: block; box-sizing: border-box; background-image: url(../img/ico_search_black.svg); background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; color: transparent;}
.product_item .product_view .product_view_area + .product_btn {margin-top:12px;}
.product_item .product_view .product_view_img { display: flex; justify-content: center; align-items: center; width:464px; height:348px; background-color: #ebebeb;  background-repeat: no-repeat; background-position: center center; background-size: 83px 84px; border-radius:12px; overflow: hidden; cursor: pointer;}
.product_item .product_view .product_view_img img {width:100%; height:100%;}
.product_item .product_view .product_view_img img.ico_img001 {width:100px; height:100px;}
.product_item .product_view .product_btn {display: flex; align-items: flex-start; justify-content: flex-start; gap:4px;}
.product_item .product_info {position: relative; width: 100%;}
.product_item .product_info.type02 .detail_tit_box { display: flex; justify-content: space-between; }
.product_item .product_info.type02 .detail_tit_box > .rht_box { position: unset; right: unset; top: unset; }
.product_item .product_info.type02 .detail_tit_box + .product_list2 {margin-top: 24px;}
.product_item .product_info .detail_tit_box { padding:0; background:none;}
.product_item .product_info .detail_tit_box .detail_tit .detail_txt{ font-size:21rem;}
.product_item .product_info .detail_tit_box > .rht_box {position: absolute; right:0; top:7px; display: flex; gap: 8px;}
.product_item .product_info .detail_tit_box > button {position: absolute; right:0; top:7px;}

.product_item .product_info .detail_tit_box + .product_list {margin-top: 24px;}
.product_list { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;border:1px solid #ebebeb; border-radius: 12px; }
.product_list.type01 > li { height: 119px;}
.product_list > li { display: flex; justify-content: space-between; align-items: flex-start; flex-flow: column; width: calc(100% /3); height: 129px; padding:16px; border-left:1px solid #ebebeb; border-top:1px solid #ebebeb;}
.product_list > li:nth-child(3n+1) {border-left:0;}
.product_list > li:nth-child(1), .product_list > li:nth-child(2), .product_list > li:nth-child(3) {border-top:0;}
.product_list .data_tit{font-size: 15rem; font-weight: 400; line-height: 1.4; color: #5d5d5d;}
.product_list .data_txt{ display: block; width:100%; font-size: 17rem; font-weight: 700; line-height: 1.5; color: #1e1e1e; text-align: right;}
.product_list li.point_bg01 {background-color: #f2f5ff; border-radius: 0 0 12px 0;}

.product_list2 { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;border:1px solid #ebebeb; border-radius: 12px; }
.product_list2.type01 > li { height: 119px;}
.product_list2 > li { display: flex; justify-content: space-between; align-items: flex-start; flex-flow: column; width: calc(100% /5); height: 129px; padding:16px; border-left:1px solid #ebebeb;}
.product_list2 > li:first-child { border-left:0; }

.product_list2 .data_tit{font-size: 15rem; font-weight: 400; line-height: 1.4; color: #5d5d5d;}
.product_list2 .data_txt{ display: block; width:100%; font-size: 17rem; font-weight: 700; line-height: 1.5; color: #1e1e1e; text-align: right;}
.product_list2 li.point_bg01 {background-color: #fff6f5; border-radius: 0 0 12px 0;}


.tbl_col01 table tbody tr.active01 td {background-color: #f3f3f3;}
.tbl_col01 table tbody tr.active02 td {background-color: #f2f5ff;}
.tbl_col03 table tbody tr.active01 td {background-color: #f3f3f3;}
.box_x_auto { width:100%; overflow-x: auto;}
.box_x_auto .tbl_col01 { width: fit-content; }

.sel_layout_item {display: flex; justify-content: space-between; align-items: flex-start;}
.sel_layout_item .sel_btn {width:120px; height:432px; display: flex; flex-flow: column; gap: 8px; align-items: center; justify-content: center;}
.sel_layout_item .sel_lft, .sel_layout_item .sel_rht {width: calc(50% - 60px); height:432px; border: 1px solid #dcdcdc; border-radius:12px; overflow: hidden; }
.sel_layout_item .sel_rht .tbl_col01 { border-top: 0; }
.sel_layout_item .sel_rht .tbl_col01 table thead th {border-right:0; }
.sel_layout_item .sel_rht .tbl_col01 table tbody {border-top:0; }
.sel_layout_item .sel_rht .tbl_col01 table tbody td {border-right:0; }
.sel_layout_item .sel_lft .tit { padding:12px 24px; background-color: #f9f9f9; font-size: 15rem; font-weight: 600; line-height: 1.5; color: #1e1e1e; text-align: center;}
.sel_layout_item  .ck_list01 { height:385px; padding:20px; overflow-y: auto;}
.input_ul .sp_common_chk01 {min-height: 47px; padding:12px 0 12px 12px;}
.input_ul .sp_common_chk01 > input:checked +label { color:#2538A5; font-weight: 700;}
.input_ul li .sp_common_chk01.active { background-color: #f2f5ff; }

.ck_list01 > li > a {display: block; min-height: 47px; padding: 12px 0 12px 12px; font-size: 15rem; font-weight: 400; color: #1E1E1E; line-height: 1.5; cursor: pointer; }
.ck_list01 > li > a:hover {  background-color: #f3f3f3; border-radius: 8px; }
.ck_list01 > li > a.active { background-color: #f2f5ff; color:#2538a5; font-weight: 700; border-radius: 8px; }
.tr_hover td > .txt {font-weight: 700 !important; text-decoration: underline;}
.sel_rht .tr_active {background-color: #f2f5ff !important;}
.sel_rht .tr_active:hover td  {background-color: #f2f5ff !important;}
.sel_rht .tr_active td .txt_box > .txt {color: #2538a5 !important; font-weight: 700 !important; text-decoration: unset;}

.img_step {display: flex; justify-content: space-between; align-items: flex-start; gap:24px; padding:24px; background-color: #f2f5ff; border-radius:12px;}
.img_step.type02{padding: 20px;}
.img_step > dl {position: relative; width:100%; min-height: 127px; text-align: center;}
.img_step > dl + dl::before {position: absolute; left:-24px; top:50%; transform: translateY(-50%); content:''; display: inline-block; width:24px; height: 24px; background: url(../img/ico_info06.svg) no-repeat center center; background-size: 11px 19px;}
.img_step > dl > dt {color:#2538A5; font-size: 19rem; font-weight:700; line-height:1.5;}
.img_step > dl > dt .img_step_tit {display: flex; justify-content: center; align-items: center;}
.img_step > dl > dt i {display:block; margin: 0 auto 16px; width:60px; height:60px; background-size:60px 60px; background-position: center center; background-repeat: no-repeat;}

.img_step.type01 { background-color: #fff; gap: 40px; padding: 0; }
.img_step.type01 > dl:first-child { border-radius: 12px; background-color: #f2f5ff; padding: 20px; }
.img_step.type01 > dl:nth-child(2) { border-radius: 12px; background-color: #f9f9f9; padding: 20px; }
.img_step.type01 > dl:last-child { border-radius: 12px; background-color: #f2f5ff; padding: 20px; }
.img_step.type01 > dl + dl::before { left: -32px; }
.img_step.type01 > dl > dt .img_step_tit { color: #1e1e1e; gap: 6px; }

.img_step.type02 > dl:nth-child(1) > dt i {background-image: url("../img/ico_info01.svg");}
.img_step.type02 > dl:nth-child(2) > dt i {background-image: url("../img/ico_info02.svg");}
.img_step.type02 > dl:nth-child(3) > dt i {background-image: url("../img/ico_info03.svg");}
.img_step.type02 > dl:nth-child(4) > dt i {background-image: url("../img/ico_info04.svg");}
.img_step.type02 > dl:nth-child(5) > dt i {background-image: url("../img/ico_info05.svg");}

.img_step.type03 > dl:nth-child(1) > dt i {background-image: url("../img/ico_info01.svg");}
.img_step.type03 > dl:nth-child(2) > dt i {background-image: url("../img/ico_info16.svg");}
.img_step.type03 > dl:nth-child(3) > dt i {background-image: url("../img/ico_info03.svg");}
.img_step.type03 > dl:nth-child(4) > dt i {background-image: url("../img/ico_info04.svg");}

.img_step.type01 > dl:nth-child(1) > dt i {background-image: url("../img/ico_info11.svg");}
.img_step.type01 > dl:nth-child(2) > dt i {background-image: url("../img/ico_info12.svg");}
.img_step.type01 > dl:nth-child(3) > dt i {background-image: url("../img/ico_info15.svg");}
.img_step > dl > dt .point_num { display: inline-block; width:20px; height:20px; margin-right: 8px; background-color: #2538A5; border-radius: 50%; color:#fff; font-size: 14rem; font-weight:700; line-height:1.5; }
.img_step > dl > dd {color: #5d5d5d;; font-size: 15rem; font-weight:400; line-height:1.5;}

.img_step02 {display: flex; justify-content: space-between; align-items: stretch; gap:24px; padding:40px; background-color: #f2f5ff; border-radius:12px;}
.img_step02 > dl {position: relative; width:100%; text-align: center; flex: 1;}
.img_step02 > dl + dl::before {position: absolute; left:-24px; top:50%; transform: translateY(-50%); content:''; display: inline-block; width:24px; height: 24px; background: url(../img/ico_info06.svg) no-repeat center center; background-size: 11px 19px;}
.img_step02 > dl > dt {color:#2538A5; font-size: 19rem; font-weight:700; line-height:1.5;}
.img_step02 > dl > dt .img_step02_tit {display: flex; justify-content: center; align-items: center;}
.img_step02 > dl > dt i {display:block; margin: 0 auto 16px; width:60px; height:60px; background-size:60px 60px; background-position: center center; background-repeat: no-repeat;}
.img_step02 > dl:nth-child(1) > dt i {background-image: url("../img/ico_info02_01.svg");}
.img_step02 > dl:nth-child(2) > dt i {background-image: url("../img/ico_info02_02.svg");}
.img_step02 > dl:nth-child(3) > dt i {background-image: url("../img/ico_info02_03.svg");}
.img_step02 > dl:nth-child(4) > dt i {background-image: url("../img/ico_info02_04.svg");}
.img_step02 > dl:nth-child(5) > dt i {background-image: url("../img/ico_info02_05.svg");}
.img_step02 > dl > dt .point_num { display: inline-block; width:20px; height:20px; margin-right: 8px; background-color: #2538A5; border-radius: 50%; color:#fff; font-size: 14rem; font-weight:700; line-height:1.5; }
.img_step02 > dl > dd {color: #5d5d5d;; font-size: 15rem; font-weight:400; line-height:1.5;}

.con_txt_bold {color:#1e1e1e; font-size: 17rem; font-weight: 700; line-height: 1.5;}
.con_txt_bold01 {color:#1e1e1e; font-size: 21rem; font-weight: 400; line-height: 1.5;}

.txt_normal {position: relative; color:#1e1e1e; font-size: 15rem; font-weight: 400; line-height: 1.5;}
.txt_normal .divider {width: 1px;height: 14px;margin: 0 8px;background-color: #b9b9b9;display: inline-block; vertical-align: middle;}
.txt_normal .txt.dot::after {justify-content: center; align-items: flex-start; content: "*";padding-left:2px;font-size: 15px; font-weight: 700;color: #F43112;line-height: 14px;width: 12px;}
.txt_normal01 {color: #5d5d5d; font-size: 15rem; font-weight: 400; line-height: 1.5;}
.txt_normal02 {color: #717171; font-size: 17rem; font-weight: 400; line-height: 1.5;}

.key_box .tit {font-size: 15rem; font-weight: 700; color:#1e1e1e;}
.key_box { display: flex; justify-content: center;  align-items: center; gap: 24px; flex-flow: column; width: 100%; height: 185px; background-color: #f9f9f9; border-radius: 12px; }

.inp_keybox {display: flex; justify-content: center; align-items: flex-start; gap: 12px; width: 262px;height: 56px;  }
.inp_keybox input {width:56px; height:56px; padding: 9px 12px 0 12px; border: 1px solid #b9b9b9; background-color: #fff; border-radius: 8px; font-size:34rem; font-weight: 700; text-align: center;line-height: 1.5; color: #1E1E1E;}

.icolist_box {display: flex; justify-content: center; align-items: center; flex-flow: wrap; gap:16px; }
.icolist_box li {width:172px; height:150px; border: 1px solid #dcdcdc; border-radius: 12px; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; gap: 16px;}
.icolist_box li i {width:60px; height:60px; display: block; background-size: 60px 60px;background-position: center center; background-repeat: no-repeat;}
.icolist_box li:nth-child(1) i {background-image: url("../img/ico_info_01.svg"); }
.icolist_box li:nth-child(2) i {background-image: url("../img/ico_info_02.svg"); }
.icolist_box li:nth-child(3) i {background-image: url("../img/ico_info_03.svg"); }
.icolist_box li:nth-child(4) i {background-image: url("../img/ico_info_04.svg"); }
.icolist_box li:nth-child(5) i {background-image: url("../img/ico_info_05.svg"); }
.icolist_box li:nth-child(6) i {background-image: url("../img/ico_info_06.svg"); }
.icolist_box li:nth-child(7) i {background-image: url("../img/ico_info_07.svg"); }
.icolist_box li:nth-child(8) i {background-image: url("../img/ico_info_08.svg"); }
.icolist_box li:nth-child(9) i {background-image: url("../img/ico_info_09.svg"); }
.icolist_box li .tit {font-size: 15rem; font-weight: 600; color:#1e1e1e; line-height: 1.5;}

.icolist_box02 {display: flex; justify-content: center; align-items: center; flex-flow: wrap; gap:16px; }
.icolist_box02 li {width:172px; height:150px; border: 1px solid #dcdcdc; border-radius: 12px; text-align: center; display: flex; flex-flow: column; justify-content: center; align-items: center; gap: 16px;}
.icolist_box02 li i {width:60px; height:60px; display: block; background-size: 60px 60px;background-position: center center; background-repeat: no-repeat;}
.icolist_box02 li:nth-child(1) i {background-image: url("../img/ico_info_10.svg"); }
.icolist_box02 li:nth-child(2) i {background-image: url("../img/ico_info_11.svg"); }
.icolist_box02 li:nth-child(3) i {background-image: url("../img/ico_info_12.svg"); }
.icolist_box02 li:nth-child(4) i {background-image: url("../img/ico_info_04.svg"); }
.icolist_box02 li .tit {font-size: 15rem; font-weight: 600; color:#1e1e1e; line-height: 1.5;}

.img_view_item  {width:100%;height:666px;}
.img_view_item .swiper-wrapper .swiper-slide img {width:100%;height:100%;}
.img_view_item .swiper-button-prev,
.img_view_item .swiper-button-next {width:60px;height:60px; background-color: #fff; border:1px solid #dcdcdc; border-radius: 50%;}
.img_view_item .swiper-button-prev:after, 
.img_view_item .swiper-button-next:after { color: #5d5d5d;	font-size: 26rem; font-weight: 700;}

.rotate_view_item {width:100%;height:666px; position: relative; overflow: hidden;}
.rotate_view_item img {width:100%;height:100%;}
.rotate_view_item .btn_area {position: absolute; left:24px; top:24px; width:48px; border:1px solid #dcdcdc; border-radius: 8px; background-color: #fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15); z-index: 1; }
.rotate_view_item .btn_area a {width: 48px; height:48px; display: block; }
.rotate_view_item .btn_area a + a {border-top:1px solid #dcdcdc;}
.rotate_view_item .btn_area .btn_img_plus {position: relative;}
.rotate_view_item .btn_area .btn_img_plus::before {content: ''; display: block; position: absolute; top: 23px; left:14px; width:17px; height:2px; background-color: #5d5d5d; border-radius: 4px;}
.rotate_view_item .btn_area .btn_img_plus::after {content: ''; display: block; position: absolute; top: 15px; left:21px; width:2px; height:17px; background-color: #5d5d5d; border-radius: 4px;}
.rotate_view_item .btn_area .btn_img_minus {position: relative;}
.rotate_view_item .btn_area .btn_img_minus::before {content: ''; display: block; position: absolute; top: 21px; left:15px; width:17px; height:2px; background-color: #5d5d5d; border-radius: 4px;}
.rotate_view_item .btn_img_needle {position: absolute; left:24px; top:141px; width:48px; height:48px; border:1px solid #dcdcdc; border-radius: 8px; background-color: #fff;background-image: url("../img/ico_needle.svg"); background-size: 27px 27px;background-position: center center; background-repeat: no-repeat; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15); z-index: 1; }
.rotate_view_item .btn_img_needle01 {position: absolute; right:24px; bottom: 24px; width:60px; height:60px; border:1px solid #dcdcdc; border-radius: 50%; background-color: #fff;background-image: url("../img/ico_needle.svg"); background-size: 27px 27px;background-position: center center; background-repeat: no-repeat; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15); z-index: 1;  }

.rotate_view_item .swiper-button-prev,
.rotate_view_item .swiper-button-next {width:60px;height:60px; background-color: #fff; border:1px solid #dcdcdc; border-radius: 50%;}
.rotate_view_item .swiper-button-prev:after, 
.rotate_view_item .swiper-button-next:after { color: #5d5d5d;	font-size: 26rem; font-weight: 700;}


.mov_view_item {width:100%;height:666px; position: relative; overflow: hidden;}
.mov_view_item img {width:100%;height:100%;}
.mov_view_item .btn_mov_play { position: absolute; left:50%; top:50%; transform: translate( -50%, -50%); width:80px;height:80px; background: rgba(0, 0, 0, 0.6); border-radius: 999px;display: block;}
.mov_view_item .btn_mov_play::after {content:''; display: block;width:80px;height:80px; background-image: url("../img/ico_mov_play.svg"); background-size: 27px 30px;background-position: center center; background-repeat: no-repeat;}
.mov_view_item .btn_mov_play:hover,
.mov_view_item .btn_mov_play:active {background: rgba(0, 0, 0, 0.7);}

.map_view {width:100%;height:666px; position: relative; overflow: hidden; }
.map_view > img {width:100%;height:100%;}
.btn_alllist.active .ico_more { transform: rotate(0deg); transition: 0.2s ease-in-out;}

.win_popup { min-width: unset; }
.win_pop { width: 100%; padding: 32px 48px; min-width: fit-content; }
.win_pop .pop_header h2 {
    display: table-cell;
    overflow: hidden;
    width: 100%;
    font-size: 30rem;
    color: #1e1e1e;
    line-height: 1.2;
    vertical-align: middle;
}
.win_pop .pop_body {
    overflow-y: auto;
	overflow-x: hidden;
    margin: 32px 0 24px;
}
.win_pop .pop_footer {
    text-align: center;
}
.wrap.main .box .work.h_work .ico_none_schedule01{
	margin: 0 auto;
}
.schedule_none_txt01{
	display: block;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
	margin-top: 20px;
}
.schedule_none_txt01 > strong{
	color: #2e6fd6;
}
.schedule_ask01{
	display: block;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	font-size: 19rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	margin-top: 8px;
}
.wrap.main .box .work.h_work .btn_box_center01{
	margin-top: 20px;
}
.registration_work_box01{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
	width: 100%;
	gap: 20px;
}
.registration_work_box01 .registration_box01{
	width: 100%;
	min-height: 260px;
	border-radius: 24px;
	background-color: #fff;
	box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, .12);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 28px 32px;
	gap: 24px;
}
.registration_work_box01 .registration_box01 .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	width: 271px;
	height: 204px;
}
.registration_work_box01 .registration_box01 .right_box{
	display: block;
	box-sizing: border-box;
	width: calc(100% - 295px);
	flex-shrink: 0;
	height: 204px;
	position: relative;
}
.registration_work_box01 .registration_box01 .right_box .tit{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: wrap; */
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
}
.registration_work_box01 .registration_box01 .right_box > .txt{
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: wrap; */
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 19rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
	margin-top: 8px;
}
.registration_work_box01 .registration_box01 .right_box .btn_box_left01{
	margin-top: 30px;
	position: absolute;
	left:0;
	bottom:0;
}
.registration_work_box01 .registration_box01 .left_box .img{
	display: flex;
	width: 271px;
	height: 204px;
	border-radius: 12px;
	background-color: #ebebeb;
	overflow: hidden;
	justify-content: center;
    align-items: center;
}
.registration_work_box01 .registration_box01 .left_box .img > img{
	width: 80px;
	height: 79px;
	/* object-fit: cover; */
}
.registration_work_box01 .registration_box01 .left_box .img > img.type01{
	width: 75px;
	height: 78px;
	/* object-fit: cover; */
}
.modal_popup .popup_wrap .detail_tit_box .detail_tit .detail_txt {font-size: 21rem;}
.modal_popup .popup_wrap .detail_tit_box .detail_tit .detail_stat {font-size: 21rem;}
.modal_popup .popup_wrap .detail_tit_box .detail_tit .divider { height: 16px;}

.tbl_flex_row { display: flex !important; align-items: flex-start; justify-content: space-between; gap:13px; }
.tbl_flex_row02 { display: flex !important; align-items: flex-start; justify-content: space-between; gap:20px; }
.none_data .txt_item { display: flex; align-items: center; justify-content: center; line-height: 1.5;}
.none_data .txt_item .txt_inblock {text-align: left; display: inline-block;}


.tbl-type_03 {
	border-top: 1px solid #dcdcdc;
	margin-top: 24px;
}
.tbl-type_03 li {
	border-bottom: 1px solid #dcdcdc;
}
.tbl-type_03 .tit {
	font-size: 15rem;
	font-weight: 700;
	color: #1e1e1e;
	padding-left: 12px;
	line-height: 1.5;
}
.tbl-type_03 .desc {
	font-size: 15rem;
	font-weight: 400;
	color: #1e1e1e;
	padding-left: 32px;
	line-height: 1.5;
	width: calc(100% - 70px);
}
.tbl-type_03 .btn-pre {
	display: block;	
	width: 100%;
	display: flex;
	align-items: center;
	padding: 20px 36px;
}
.tbl-type_03 .btn-next {
	display: block;	
	width: 100%;
	display: flex;
	align-items: center;
	padding: 20px 36px;
}

.data_item {display: flex; justify-content: flex-start; align-items: center; gap: 12px; width: 100%;  }
.data_item > dl { width:202px; border: 1px solid #ebebeb; border-radius: 12px; color:#1e1e1e; font-size: 15rem; line-height: 1.5; text-align: center; overflow: hidden;}
.data_item > dl > dt { padding: 12px; background-color: #f2f5ff; border-bottom: 1px solid #ebebeb; font-weight: 600;}
.data_item > dl > dd { padding: 20px 12px; font-weight: 400;}
.data_item > span { width: 16px; height: 16px; font-size:21px; line-height: 12px; text-align: center;}

.calculate_item .calculate_info {display: flex; justify-content: space-between; align-items: flex-start;}
.calculate_item .calculate_info .tit_calculate { color:#1e1e1e; font-size: 23rem; font-weight: 700; line-height: 1.5; }
.calculate_bottom {display: flex; justify-content: space-between; align-items: flex-start; margin-top:16px; padding-top:16px;border-top:1px solid #dcdcdc; color:#1e1e1e; font-size: 17rem; font-weight: 400; line-height: 1.5; }
.calculate_bottom .tit {font-weight: 700;}
.calculate_bottom .txt {text-align:right;}


.dot_arrow {display: inline-block; width:0; height:0; margin-top: 10px; border-top:2px solid transparent;border-right:2px solid transparent; border-bottom:2px solid transparent; border-left:4px solid #5d5d5d; vertical-align: top;}

.card_list03 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}
.card_list03 .card_list03_cont {
display: flex;
align-items: center;
align-self: stretch;
gap: 16px;
    width: 321px;
    height: 125px;
    padding: 20px 24px;
    background-color: #f9f9f9;
    border-radius: 8px;
}
.card_list03 .card_list03_cont.type_bg {background-color: #F2F5FF;}
.card_list03 .card_list03_cont .card_list03_tit {
    font-size: 21rem;
    font-weight: 700;
    line-height: 1.5;
    color: #2538a5;
position: relative;
}

.card_list03 .card_list03_cont .card_list03_divide {
width: 1px;
height: 24px;
background-color: #dcdcdc;
}
.card_list03 .card_list03_cont .card_list03_txt {
    font-size: 19rem;
    font-weight: 700;
    line-height: 1.5;
word-break: keep-all;
}
.card_list03 .card_list03_cont .card_list03_txt .txt {
	padding-bottom:4px;
	font-size: 15rem;
	font-weight: 600;
	color:#717171;
	line-height: 1.5;
	display: block;
}
.card_list03 li:nth-child(9) {
padding: 20px 10px 20px 16px;
    gap: 10px;
}
.card_list03_arrw .ico_arr02 {
	width:23px;
	height:23px;
	background-size: 23px 23px;
}
/* loading */
.loading_wrap {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 30010; overflow: hidden; text-align: center; box-sizing: border-box;}
.loading_wrap::after {content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.loading_wrap .dimmed {display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; border-radius: inherit; background-color: #00000099; z-index: 999;}
.loading_wrap .loading {display: block; position: fixed; left:50%; top:50%; transform: translate3d(-50%, -50%, 0); overflow: hidden; width: 400px; height: 166px; text-align: center; background-color: #fff; box-sizing: border-box; z-index: 30000; padding: 24px; font-size: 15rem; font-weight: 400; line-height: 1.5; }
.loading_wrap .loading i + div {margin-top: 16px; }
.loading_wrap .loading i.spin {display: inline-block; width:60px; height:60px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/loading.svg"); background-size: 60px 60px; flex-shrink: 0; animation: spin 1s linear infinite;}
@keyframes spin {
	from { transform: rotate(0); }
	to { transform: rotate(360deg);}
}
/*// loading */
.ellip01{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.sign-item > span {display: inline-block; width:110px; height:36px; padding:8px 4px; border-radius: 4px; font-size: 13rem; font-weight: 700; text-align: center; line-height: 1.5;}
.sign-item > span + span {margin-left:12px;}
.sign-item .type01 {background-color: #dcebfe; color: #2e6fd6;}
.sign-item .type02 {background-color: #e9e9fc; color: #3f40dc}

.view_process { width:1403px; padding: 40px 36px; border: 1px solid #dcdcdc; border-radius: 12px;}
.view_process.hig636 {height:636px;}
.view_process.hig645 {height:645px;}
.view_process.hig300 {height:300px;}
.view_process.type_bg01 {background-repeat: no-repeat; background-position: left top;  background-image: url(../img/img_box01.png);}
.view_process.type_bg02 {background-repeat: no-repeat; background-position: left top;  background-image: url(../img/img_box02.png);}
.view_process.type_bg03 {background-repeat: no-repeat; background-position: left top;  background-image: url(../img/img_box03.png);}
.view_process .view_process_step  {display: flex; flex-flow: row; width: 100%; margin-bottom:32px; gap: 36px; justify-content: space-between; align-items: flex-start;}
.view_process .view_process_step > span  {display: block; width:140px; height:40px; padding:8px; border-radius:4px; background-color: #dcdcdc; color: #1e1e1e; font-size: 15rem; font-weight: 700; text-align: center; line-height: 1.5;}
.view_process .view_process_step > span:nth-child(3) {width:802px;}
.view_process .view_process_step .w1154 {width:1154px;}
.view_process .view_process_step02  {display: flex; margin-bottom:32px; gap: 12px; justify-content: flex-start;}
.view_process .view_process_step02 > span {display: block; width:316px; height:40px; padding:8px; box-sizing: border-box; border-radius:4px; background-color: #dcdcdc; color: #1e1e1e; font-size: 15rem; font-weight: 700; text-align: center; line-height: 1.5;}
.view_process .top_tit {display: flex; flex-flow: row; gap:18px; margin-bottom: 8px;}
.view_process .tit_line{position: relative; display: flex; justify-content: center; align-items: center; width:100%; height:40px; padding:8px 0;}
.view_process .tit_line::before {content: ''; position: absolute; right:0; width:2px; height:12px; background-color: #2538A5; }
.view_process .tit_line::after {content: ''; position: absolute; left:0; width:2px; height:12px; background-color: #2538A5; }
.view_process .tit_line.w972 {width:972px;}
.view_process .tit_line.w340 {width:340px ;}
.view_process .tit_line > span > span { position: relative; padding: 0 16px; background-color: #fff; font-size: 15rem; color: #2538A5; font-weight: 700; line-height: 1.5;}
.view_process .tit_line > span::before {content: ''; position: absolute; left:0; top: 50%; transform: translateY(-50%); width:100%; height:2px; background-color: #2538A5; }
.view_process .process_box {position: relative;}
.view_process .process_box .lc01 {position: absolute; left:0; top:384px;}
.view_process .process_box .lc02 {position: absolute; left:176px; top:0;}
.view_process .process_box .lc03 {position: absolute; left:352px; top:0;}
.view_process .process_box .lc04 {position: absolute; left:528px; top:0;}
.view_process .process_box .lc05 {position: absolute; left:704px; top:0;}
.view_process .process_box .lc05_01 {position: absolute; left:880px; top:124px;}
.view_process .process_box .lc05_01_01 {position: absolute; left:1056px; top:124px;}
.view_process .process_box .lc05_01_02 {position: absolute; left:1056px; top:184px;}
.view_process .process_box .lc05_02 {position: absolute; left:704px; top:308px;}
.view_process .process_box .lc06 {position: absolute; left: unset; right:0; top:0;}
.view_process .process_box .lc06_01 {position: absolute; left:880px; top:308px;}
.view_process .process_box .lc06_02 {position: absolute; left:880px; top:366px;}

.view_process .process_box .lc21 {position: absolute; left:378px; top:28px;}
.view_process .process_box .lc22 {position: absolute; left:378px; top:129px;}
.view_process .process_box .lc23 {position: absolute; left:378px; top:223px;}
.view_process .process_box .lc23_01 {position: absolute; left:697px; top:223px;}
.view_process .process_box .lc23_02 {position: absolute; left:697px; top:282px;}
.view_process .process_box .lc24 {position: absolute; left:378px; top:374px;}
.view_process .process_box .lc24_01 {position: absolute; left:697px; top:374px;}
.view_process .process_box .lc24_02 {position: absolute; left:697px; top:433px;}
.view_process .process_box .lc25 {position: absolute; left:unset; right:0; top:98px;}

.view_process .process_box .lc31 {position: absolute; left:328px; top:0;}
.view_process .process_box .lc32 {position: absolute; left:660px; top:0;}
.view_process .process_box .lc33 {position: absolute; left:989px; top:0;}
.view_process .process_box .lc34 {position: absolute; left:unset; right:0; top:0;}

.view_process .process_box .process_i {width:140px; height:100px; padding:10px 12px; border-radius:8px; display: flex; flex-flow: column; justify-content: space-between; align-items: end;}
.view_process .process_box .process_i .txt {font-size: 15rem; font-weight:600; width:100%; line-height: 1.5;}
.view_process .process_box .process_i .txt > span {font-size: 13rem;}
.view_process .process_box .process_i .num { height:33px; padding: 2px 8px; border-radius: 8px; box-sizing: border-box; font-size: 19rem; font-weight:700; line-height: 1.5;}
.view_process .process_box .process_i.type01 {background-color: #dcebfe;}
.view_process .process_box .process_i.type01 .txt,
.view_process .process_box .process_i.type01 .num { color: #0256da;}
.view_process .process_box .process_i.type01 .num {background-color: #f1f6ff;}
.view_process .process_box .process_i.type02 {background-color: #e9e9fc;}
.view_process .process_box .process_i.type02 .txt, 
.view_process .process_box .process_i.type02 .num { color: #3f40dc;}
.view_process .process_box .process_i.type02 .num {background-color: #f6f8fe;}
.view_process .process_box .process_i.type03 {background-color: #dcdcdc;}
.view_process .process_box .process_i.type03 .txt { color: #1e1e1e;}
.view_process .process_box .process_i.type03 .num { color: #5d5d5d}
.view_process .process_box .process_i.type03 .num {background-color: #f9f9f9;}
.view_process .process_box .type01_i {width:140px; height:42px; padding:10px; background-color: #dcebfe; border-radius: 8px; box-sizing: border-box; font-size:15rem; color: #2e6fd6; font-weight:600; text-align:center; line-height: 1.5;}
.view_process .process_box .type02_i {width:140px; height:42px; padding:10px; background-color: #e9e9fc; border-radius: 8px; box-sizing: border-box; font-size:15rem; color: #3f40dc; font-weight:600; text-align:center; line-height: 1.5;}

/* 제안하기, 1:1문의하기, 서식관리 */
.cust_detail {
	border-top: 1px solid #1E1E1E;
}
.cust_detail > .title {
	font-size: 19rem;
	font-weight: 700;
	color: #1e1e1e;
	display: block;
	align-items: center;
	padding: 20px 0;
	line-height: 1.5;
}
.tbl-type_01 .inquiry {
	padding: 48px 0;
	min-height: 100px;
	font-size: 15rem;
	font-weight: 400;
	color: #1e1e1e;
	line-height: 1.5;
    border-bottom: 1px solid #dcdcdc;
}
.tbl-type_01 .inquiry .qa_accordion_wrap {
	margin-top: 48px;
}
.tbl-type_01 .inquiry_reple {
	background-color: #f9f9f9;
	border-radius: 24px;
	padding: 40px;
}
.tbl-type_01 .inquiry_reple > .head {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.tbl-type_01 .inquiry_reple > .head .tit {
	position: relative;
	padding-left: 35px;
	font-size: 19rem;
	font-weight: 600;
	color: #1e1e1e;
	line-height: 1.5;
	flex-shrink: 0;
}
.tbl-type_01 .inquiry_reple > .head .tit::before {
	content: 'A';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: #5d5fe4;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	text-align: center;
	font-size: 17rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 26px;
}
.tbl-type_01 .inquiry_reple > .head .date {
	font-size: 17rem;
	line-height: 1.5;
	font-weight: 400;
	color: #5d5d5d;
}
.tbl-type_01 .inquiry_reple > .head .date span {
	font-weight: 700;
	margin-right: 12px;
	color: #1e1e1e;
	line-height: 1.5;
	display: inline-block;
	vertical-align: top;
}
.tbl-type_01 .inquiry_reple > .desc {
	padding-top: 20px;
	padding-left: 24px;
	border:1px solid #f9f9f9;
	min-height: 257px;
	font-size: 17rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
}
.tbl-type_01 .inquiry_reple > .attach {
	display: flex;
	align-items: flex-start;
	border-top: 1px solid #dcdcdc;
	padding-top: 16px;
	margin-top: 20px;
}
.tbl-type_01 .inquiry_reple > .attach .tit {
	width: max-content;
	margin-right: 24px;
	padding-top: 4px;
	font-size: 17rem;
	font-weight: 700;
	color: #1e1e1e;
	flex-shrink: 0;
}
.tbl-type_01 .inquiry_reple > .attach .file {
	width: 100%;
}
.tbl-type_01 .inquiry_reple > .attach .file .name {
	display: flex;
	align-items: flex-start;
}
.tbl-type_01 .inquiry_reple > .attach .file .name img {
	width: 24px;
	margin-right: 4px;
	flex-shrink: 0;
}
.tbl-type_01 .inquiry_reple > .attach .file .name a {
	font-size: 17rem;
	font-weight: 400;
	color: #5d5d5d;
	word-break: break-all;
	line-height: 1.5;
	display: inline-block;
}
.tbl-type_02 {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 20px;
    column-gap: 90px;
}
.tbl-type_02 .col {
	display: flex;
	width: 100%;
	padding: 20px 0 0 0;
    gap: 20px;
}
.tbl-type_02 .col .tit {
	min-width: 52px;
	font-size: 15rem;
	font-weight: 600;
	color: #1e1e1e;
	line-height: 1.5;
	flex-shrink: 0;
}
.tbl-type_02 .col .desc {
	width: 100%;
	font-size: 15rem;
	font-weight: 400;
	color: #5d5d5d;
	line-height: 1.5;
}
.tbl-type_02 .col .desc.w200 {
	width: 300px;
}
.tbl-type_02 .line_change {
	flex-basis: 100%;
}
.tbl-type_02 .line_change > .col .file {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	width: 100%;
}
.tbl-type_02 .line_change > .col .file .name {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}
.tbl-type_02 .line_change > .col .file .name a {
	margin-left: 4px;
	font-size: 15rem;
	font-weight: 400;
	color: #5d5d5d;
	word-break: break-all;
}
/* //제안하기, 1:1문의하기 */

.img_preview {display: flex;display: flex; justify-content: space-between; gap:20px;}
.img_preview .pc_area {width: calc(70% - 10px); }
.img_preview .mo_area {width: calc(30% - 10px);}
.img_preview .box_line01 { border: 1px solid #ebebeb; padding: 12px; margin-top: 12px;}
/* 시스템점검공지 404, 505 */
.ico_warning01 {
	display: block;
	width: 120px;
	height: 120px;
	box-sizing: border-box;
	background-size: 120px 120px;
	background-repeat: no-repeat;
	background-image: url("../img/ico_warning01.svg");
	background-position: center center;
	flex-shrink: 0;
	margin: 0 auto;
}
.logo_onbid {
	display: block;
	width: 108px;
	height: 52px;
	box-sizing: border-box;
	background-size: 108px 52px;
	background-repeat: no-repeat;
	background-image: url("../img/ico_logo_kr.svg");
	background-position: center center;
	flex-shrink: 0;
	margin: 60px auto 48px;
}
.info_box01 { display: block; width: 100%; box-sizing: border-box; text-align: center; }
.info_box01 i + i { margin-top:48px;}
.info_box01 i + .tit { margin-top:40px;}
.info_box01 .tit { font-size:32px; font-weight: 700; line-height: 1.5; }
.info_box01 .txt { display: block; margin-top: 16px; font-size: 19rem; font-weight: 400; line-height: 1.5; }
.info_box01 .content_zone01 { display: block; max-width: 904px; margin: 40px auto 0; box-sizing: border-box; background-color: #f6f8fe; border-radius: 12px; padding: 40px;}
.info_box01 .content_zone01 .msg01 { font-size: 17rem; font-weight: 600; line-height: 1.5;  }
.ty_br br {display: none;}
.ty_br01 br {display: block;}
/*// 시스템점검공지 404, 505 */
.crop_item {display: flex; flex-flow: row; align-items: flex-start; justify-content: space-between; gap: 20px; width:100%; margin-top: 16px; min-width: 1227px; }
.crop_item > div {width: 100%;}
.crop_item .img_c_area { width:100%; height:408px; background-color: #d9d9d9; border-radius: 12px; }
.crop_item .tit { margin-bottom: 16px; font-size: 21rem; font-weight: 700; line-height: 1.5; }

.sm_sh { display: flex; justify-content: flex-end; width: 100%;}
.sm_sh .sh_area { position: relative; width: 360px; z-index: 1; }
.sm_sh .sh_area .sm_sh_box { display: none; position: absolute; left: 0; top:52px; width: 360px; height: 252px; padding: 8px 4px 8px 16px; background-color: #fff; border-radius:8px; border:1px solid #1e1e1e; }
.sm_sh .sh_area .sm_sh_box .sm_sh_total { padding: 4px 0; height:38px; font-size: 17rem; font-weight: 400; line-height: 1.5; color: #1e1e1e; }
.sm_sh .sh_area .sm_sh_box .sm_sh_list { height: 190px; overflow-y: auto; }
.sm_sh .sh_area .sm_sh_box .sm_sh_list li + li { margin-top:12px; }
.sm_sh .sh_area .sm_sh_box .sm_sh_list li .txt { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; gap: 4px; }
.sm_sh .sh_area .sm_sh_box .sm_sh_list > li .txt span{ display: block; font-size: 17rem; font-weight: 400; color: #1e1e1e; line-height: 1.5; }
.sm_sh .sh_area .sm_sh_box .sm_sh_list > li .txt span:first-child::before{ display:none; }
.sm_sh .sh_area .sm_sh_box .sm_sh_list > li .txt span::before{ display: inline-block; content: ""; width: 12px; height: 12px; margin-right: 4px; background-size: 12px 12px; background-repeat: no-repeat; background-position: center center; background-image: url("../img/ico_chevron_right.svg"); }
.sm_sh .sh_area .sm_sh_box .ico_close { position: absolute; right: 18px; top: 18px; width: 20px; height: 20px; background-size: 20px 20px; }

.card_list01 { display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; gap: 32px 24px; width: 100%; }
.card_list01 > li { width: calc((100% - 48px) / 3);}
.card_list01 > li > a { display: block; }
.card_list01 .thumb { width:100%; height: 260px; border-radius: 12px; border: 1px solid #dcdcdc; overflow: hidden; }
.card_list01 .thumb > img {width:100%; height: 100%; }
.card_list01 .thumb + .tit {margin-top:12px;}
.card_list01 .tit { width: 100%; font-size: 19rem; font-weight: 600; line-height: 1.5; color: #1e1e1e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


.support_list01 {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
}
.support_list01 .support_item01 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    width: calc(100% / 4);
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 24px;
}
.support_list01 .support_item01 .ico_support01 {
    width: 68px;
    height: 68px;
    background-color: #fff;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.support_list01 .support_item01 .ico_support02 {
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.support_list01 .support_item01 .support_txt_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.support_list01 .support_item01 .support_txt_box .tit01 {
    font-size: 21rem;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.support_list01 .support_item01 .support_txt_box .txt01 {
    font-size: 19rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
/*오류발생시확인사항안내*/
.site_error_info .accordion_wrap.type3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.error_info_box01 .error_info_msg01 {
    display: block;
    margin-bottom: 40px;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_info_box01 .error_info_cont01 {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.error_info_box01 .error_info_cont01 .dot_list04 > li > img {
	display: block;
}
.error_info_box01 + .error_info_box01 {
    margin-top: 40px;
}
.error_info_box01 .error_info_cont01 .error_info_num {
    width: 28px;
    height: 28px;
    padding: 0 3px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #2538A5;
    border-radius: 999px;
}
.error_info_box01 .error_info_cont01 .error_info_num .txt_num {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
.error_info_box01 .info_txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_info_box01 .error_info_tit {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
    margin-bottom: 16px;
}
.error_info_txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 4px;
}

.error_info_txt .info_txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_info_txt .info_txt02 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.error_info_notice {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    margin: 12px 0;
}
.error_info_notice .noti_tit01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_info_notice .noti_txt01 {
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_csinfo_wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    width: 100%;
	margin-top: 48px;
}
.error_csinfo_wrap .error_csinfo_box {
    background-color: #f9f9f9;
    border-radius: 12px;
    padding: 24px 40px;
}
.error_csinfo_wrap .error_csinfo_box.type01 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 {
    display: flex;
    align-items: center;
    gap: 6px;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 {
    display: flex;
    align-items: center;
    gap: 12px;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 .txt01 {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt01 .txt02 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.5;
    color: #5d5fe4;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt01 .csinfo_txt02 {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.error_csinfo_wrap .error_csinfo_box.type01 .error_csinfo_txt02 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.error_csinfo_wrap .error_csinfo_box.type02 {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    width: 345px;
}
.error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    gap: 12px;
}
.error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link .error_csinfo_icon {
    width: 60px;
    height: 60px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 999px;
}
.error_csinfo_wrap .error_csinfo_box.type02 .error_csinfo_link .csinfo_link_txt01 {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
/*//오류발생시확인사항안내*/

.sp_common_top01{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 16px;
	position: relative;
	margin-top:0px;
}
.sp_common_top01 .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}
.sp_common_top01 .right_box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	box-sizing: border-box;
	width: max-content;
	flex-shrink: 0;
	position: relative;
}
.sp_common_top01 .left_box .total_txt01{
	display: block;
	box-sizing: border-box;
	width: max-content;
	font-size: 19px;
	font-weight: 400;
	line-height: 1.5;
	color: #1e1e1e;
}
.sp_common_top01 .left_box .total_txt01 .num{
	font-weight: 700;
	color: #5d5fe4;
	font-size: 19px;
}
.ico_arr_dw {
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-image: url(../img/ico_acc_arr01.svg);
    background-position: center center;
    flex-shrink: 0;
	transform: rotate(180deg);
	transition: all 0.3s;
}
.sp_common_btn.all_open01 .ico_arr_dw{
	transform: rotate(0deg);
	transition: all 0.3s;
}
/*고객지원센터*/
.onbid_csinfo_wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
	align-self: stretch;
}
.onbid_csinfo_box01 {
	width: calc((100% - 48px) /3);
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	gap: 24px;
	background-color: #f9f9f9;
	border-radius: 12px;
}
.onbid_csinfo_box02 {
	width: calc((100% - 24px) /2);
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	gap: 24px;
	background-color: #f9f9f9;
	border-radius: 12px;
}
.onbid_csinfo_tit {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
}
.onbid_csinfo_tit .onbid_csionfo_ico {
	width: 58px;
	height: 58px;
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 13px;
	border-radius: 999px;
	background-color: #2538A5;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_call {
	background-image: url(../img/ico_siteinfo_call.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 28px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_qna {
	background-image: url(../img/ico_siteinfo_qna.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_faq {
	background-image: url(../img/ico_siteinfo_faq.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_chat {
	background-image: url(../img/ico_siteinfo_chat.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
}
.onbid_csinfo_tit .onbid_csionfo_ico.ico_monitor {
	background-image: url(../img/ico_cus2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px;
}
.onbid_csinfo_tit .tit01 {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
}
.onbid_csinfo_cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.cmpns_list {display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; gap: 12px; width: 100%; }
.cmpns_list > li {width: calc((100% - 12px * 3) /4);}
.cmpns_list .cmpns_item { overflow: hidden; display: block; width: 100%; border:1px solid #dcdcdc; border-radius:12px; }
.cmpns_list .cmpns_item.on {border:1px solid #f43112;}
.cmpns_list .cmpns_item .cmpns_logo { display: flex; justify-content: center; align-items: center; height:118px; }
.cmpns_list .cmpns_item .cmpns_logo img { margin:0 auto; width: 180px; height: auto; max-height: 100%; }
.cmpns_list .cmpns_item .cmpns_info { min-height:126px; padding: 16px 24px;  background-color: #f9f9f9;}
.cmpns_list .cmpns_item .cmpns_info .cmpns_top { display: flex; justify-content: space-between; align-items: center; color:#1e1e1e; }
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_tit { 
	width: calc(100% - 60px); 
	/* font-size: 21px;  */
	font-size: 20px; 
	font-weight: 700; 
	line-height: 1.5;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;

}
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_rht {font-size: 19px;}
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_rht em  { color: #5d5fe4; font-weight: 700;}
.cmpns_list .cmpns_item .cmpns_info .cmpns_top .cmpns_rht span  {font-weight: 400;}
.cmpns_list .cmpns_item .cmpns_info .cmpns_txt  {
	margin-top:8px; 
	color:#5d5d5d; 
	font-size: 17px; 
	font-weight: 400; 
	line-height: 1.5;
	min-height: 51px;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.cmpns_list.type01 {gap:12px; width: 100%; margin-top: 20px;}
.cmpns_list.type01 > li {width: calc((100% - 12px) /2);}
.cmpns_list.type01 .cmpns_item .cmpns_info { min-height:60px; padding: 8px 16px;}
.cmpns_list.type01 .cmpns_item .cmpns_logo { height:55px; }
.cmpns_list.type01 .cmpns_item .cmpns_logo img { width: 100px; }
.cmpns_list.type01 .cmpns_item .cmpns_info .cmpns_top {  justify-content: flex-start; align-items: flex-start; flex-flow: column; gap: 4px;}
.cmpns_list.type01 .cmpns_item .cmpns_info .cmpns_top .cmpns_tit { width: 100%; font-size: 12px;}
.cmpns_list.type01 .cmpns_item .cmpns_info .cmpns_top .cmpns_rht {font-size: 11px;}
.cmpns_list.type01 .cmpns_item .cmpns_info .cmpns_txt {display: none;}


.pblct_banner { position: relative; display: flex; justify-content: space-between; align-items: center; flex-flow: row; margin-top: 12px; width: 100%; min-height: 223px; padding: 40px 32px;  background-color: #f9f9f9; border:1px solid #f43112; border-radius: 12px;}
.pblct_banner .pblct_top {display: flex; flex-direction: column; align-items: flex-end;}
.pblct_banner > img { width: 240px; height: 52px;}
.pblct_banner > img + .pblct_tit { margin-top: 12px;}
.pblct_banner .pblct_tit {  color: #1e1e1e; font-size: 21px; font-weight: 400; text-align: right; line-height: 1.5;}
.pblct_banner > button {position: absolute; right: 46px; bottom: 32px;}


.pblct_banner.type01 { min-height: 195px; box-sizing: border-box; flex-flow: column;}
.pblct_banner.type01 > img { width: 120px; height: 32px;}
.pblct_banner.type01 .pblct_tit { font-size: 17px; text-align: center;}
.pblct_banner.type01 > button { position: static; margin-top: 12px; margin-left: auto; margin-right: 0;}


/* type02 */
.tab_con_img .tab_img_list_wrap .tab_img_list {
	display: flex; 
	align-items: center; 
	width: 100%;
}
.tab_con_img .tab_img_list_wrap .tab_img_list li {
	flex: 1;
}
.tab_con_img .tab_img_list_wrap .tab_img_list li a {
	display: flex;
	justify-content: center;
	align-items: center; 
	text-align: center;
}
.tab_img_contents {
	display: block;
}
.tab_img_contents.on {
	display: block;
}
.tab_con_img > .tab_img_wrap > .tab_img_list_wrap > .tab_img_list > li {height: 48px;}
.tab_con_img > .tab_img_wrap > .tab_img_list_wrap > .tab_img_list > li > a {height: 100%; padding: 9px 20px; background-color: #fff; color: #9a9a9a; font-size: 19rem; font-weight: 700;position: relative; border: none; }
.tab_con_img > .tab_img_wrap > .tab_img_list_wrap > .tab_img_list > li > a::after{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #dcdcdc;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.tab_con_img > .tab_img_wrap > .tab_img_list_wrap > .tab_img_list > li > a:hover {color: #1e1e1e;}
.tab_con_img > .tab_img_wrap > .tab_img_list_wrap > .tab_img_list > li > a:hover::after{
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #1e1e1e;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.tab_con_img > .tab_img_wrap > .tab_img_list_wrap > .tab_img_list > li > a.on { color: #2538A5;}
.tab_con_img > .tab_img_wrap > .tab_img_list_wrap > .tab_img_list > li > a.on::after{
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	background-color: #2538A5;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.tab_con_img > .tab_img_content_wrap {margin-top: 20px;}
.tab_con_img > .tab_img_content_wrap .tab_con.type01.sm > .tab_img_wrap > .tab_img_list_wrap > .tab_img_list > li > a::after { display: none; }

.sp_sel_area { position: relative; z-index: 1; }
.sp_sel_area.active .sp_sel_btn { border: 1px solid #1E1E1E; }
.sp_sel_area.active .sp_sel_box { display: flex; }
.sp_sel_area .sp_sel_btn { display: block; width: 100%;  height: 100%;  border: 1px solid #b9b9b9; background-color: #fff; border-radius: 8px; padding: 0 32px 0 12px; font-size: 15rem; font-weight: 400; line-height: 1.5; color: #1E1E1E; height: 36px; background-image: url(../img/ico_select.svg); background-size: 16px 16px; background-repeat: no-repeat; background-position: right 12px top 50%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.sp_sel_area .sp_sel_box { position: absolute; left: 0; top: 40px; width: 500px; background: #fff; border-radius: 8px; border: 1px solid #b9b9b9; padding: 10px; display: none; }
.sp_sel_area .sp_sel_box > div { width: 100%; }

/*//고객지원센터*/
@media (max-width:1688px) {
	.wrap.main .wrap_content .tit_member{
		max-width: 1260px;
		margin-left: auto;
		margin-right: auto;
	}
	.sidebar_wrap{
		display: none;
	}
	
	main{
		margin-left: 0;
		padding: 0 20px;
		margin: 0 auto;
	}
	.header .gnb .pos .nav > li {
		width: 150px;
	}
	.header .sub_wrap .sub > li {
		width: 150px;
		padding: 20px 15px 28px;
	}
	.header .sub_wrap .sub { padding: 20px 15px 28px; }
	.footer .footer_connect .inner_box{
		flex-wrap: wrap;
		flex-direction: column;
		gap: 8px;
	}
	.depth_wrap .depth{
		padding: 0 20px;
	}
	.header{
		padding: 16px 20px 0 20px;
	}
	.footer .footer_connect .connect_num_box{
		
		gap: 4px;
	}
	.footer .footer_contents .inner_box{
		padding: 30px 20px 40px 20px;
	}
	.footer .footer_connect .connect_num_box + .footer_quick_menu{
		margin-left: 0px;
	}
	.wrap.main .wrap_content{
		width: 100%;
		max-width: 1688px;
		min-width: 1260px;
	}
	.wrap.main .main_con_area{
		flex-wrap: wrap;
		justify-content: center;
	}
	.wrap.main .box{
		max-width: 1260px;
		flex-shrink: 1;
	}
	.wrap.main .card{
		margin-left: 0 !important;
		margin-top: 24px;
		padding-bottom:32px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		max-width: 1260px;
		min-height: auto;
		gap: 24px;
	}
	.wrap.main .card .swiper-info {
		bottom:7px;
	}
	.noti_info_box{
		display: block;
		width: 100%;
		max-width: 832px;
	}
	.wrap.main .swiper_banner{
		margin-top: 0;
	}
	.wrap.main .card .faq_box{
		margin-top: 43px;
		display: flex;
		justify-content: space-between;
		gap: 24px;
		width: 100%;
		
	}
	.wrap.main .card .faq_box li + li{
		margin-top: 0;
	}
	.main_notice_box .list > li.type_dh {display: block;}
	.btn_box_center02.fixed {
		transform: translateX(-50%);
	}
	.location_item .home{ margin-left:20px;}

	.gnb_3dth_box > li:has(.gnb_4dth_box) > a::after {
		right: -6px;
	}
}



/* api 영역 */
.red_zone {min-height:100px;border:2px solid red !important;position: relative;box-sizing: border-box;}
.red_zone::after {content: '== API or Include 작업 필요 =='; display: block; position: absolute; top: 1px; left:1px; height:30px; padding:10px 20px; color:#fff;background-color: red; font-size: 20rem; z-index: 1;}

/* 인증서 이용안내 */
.certi_timeline {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 32px;
	position: relative;
}
.certi_timeline::before {
	position: absolute;
    content: '';
    width: 2px;
    height: 111%;
    background-color: #b9b9b9;
    top: 22px;
    left: 78px;
    z-index: -1;
}
.certi_timeline.type_hline::before {
    height: 103%;
}
.certi_timeline:last-child::before {
	position: absolute;
    content: '';
	width: 0;
	height: 0;
}
.timeline_wrap {
    width: 84px;
    height: 100%;
}
.timeline_box {
    width: 100%;
    display: inline-flex;
    padding-top: 3px;
    align-items: center;
    gap: 20px;
}
.timeline_txt {
    display: flex;
    flex-direction: column;
    align-items: center;
	width: 53px;
}
.timeline_txt .step_tit {
    font-size: 19rem;
    font-weight: 700;
    line-height: 1.5;
    color: #2538a5;
}
.timeline_txt .step_num {
    font-size: 40rem;
    font-weight: 700;
    line-height: 1.2;
    color: #2538a5;
}
.timeline_linebox {
    width: 11px;
    height: 83px;
}
.timeline_linebox .timeline_dot {
	display: block;
    width: 11px;
	height: 83px;
    box-sizing: border-box;
	background-image: url(../img/ico_timeline_dot.svg);
	background-size: 11px 83px;
	background-repeat: no-repeat;
	background-position: center center;
    color: transparent;
}
.certi_step_cont {
    width: 1252px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
}
.step_cont_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
}
.step_cont_box .step_tit {
    font-size: 23rem;
    font-weight: 700;
    line-height: 1.2;
}
.step_cont_box .step_txt_box {
    display: flex;
    padding: 0 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
}
.list_card_group {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
    flex-direction: row;
    flex-wrap: nowrap;
}
.list_card {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-self: stretch;
    gap: 4px;
    width: 100%;
}
.list_card_tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    flex: 1 0 0;
    background-color: #f2f5ff;
    border-radius: 8px;
    width: 100%;
}
.list_card_tit .txt {
    font-size: 17rem;
    font-weight: 700;
    line-height: 1.5;
    color: #2538a5;
}
.list_card_txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    padding: 24px 0;
    background-color: #f9f9f9;
    border-radius: 4px;
    width: 100%;
}
.list_card_txt .txt {
    font-size: 15rem;
    font-weight: 600;
    line-height: 1.5;
}
.card_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-self: stretch;
    gap: 8px;
}
.card_list .card_list_cont {
	display: flex;
	align-items: center;
	align-self: stretch;
	gap: 16px;
    width: 263px;
    height: 85px;
    padding: 20px 16px 20px 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}
.card_list .card_list_cont .card_list_tit {
    font-size: 19rem;
    font-weight: 700;
    line-height: 1.5;
    color: #2538a5;
	position: relative;
	flex-shrink: 0;
}
.card_list .card_list_cont .card_list_divide {
	width: 1px;
	height: 24px;
	background-color: #dcdcdc;
}
.card_list .card_list_cont .card_list_txt {
    font-size: 15rem;
    font-weight: 700;
    line-height: 1.5;
	word-break: keep-all;
}
.card_list li:nth-child(9) {
	padding: 20px 10px 20px 16px;
    gap: 10px;
}
.step_cont_box .step_txt_box02 {
    display: flex;
    padding: 0 24px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.step_cont_box .step_txt_box02 .txt {
	font-size: 15rem;
	/* font-weight: 400; */
	line-height: 1.5;
}

.card_list02 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-self: stretch;
    gap: 8px;
	width: 100%;
}
.card_list02 li:nth-child(odd) {
	width: 100%;
}
.card_list02 li:nth-child(even) {
	width: 32px;
}
.card_list02 .card_list_cont {
	display: flex;
	align-items: center;
	align-self: stretch;
	gap: 32px;
    width: 100%;
    height: 125px;
    padding: 12px 32px;
    background-color: #f9f9f9;
    border-radius: 8px;
}
.card_list02 .card_list_cont .card_list_tit {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.card_list02 .card_list_cont .card_list_tit .cardlist_tit_txt {
	font-size: 21rem;
	font-weight: 700;
	line-height: 1.5;
	color: #2538A5;
}
.card_list02 .card_list_cont .card_list_tit .cardlist_tit_num {
	text-align: center;
	font-size: 32rem;
	font-weight: 700;
	line-height: 1.5;
	color: #2538A5;
}
.card_list02 .card_list_cont .card_list_divide {
	width: 1px;
	height: 60px;
	background-color: #dcdcdc;
}
.card_list02 .card_list_cont .card_list_txt {
    font-size: 21rem;
    font-weight: 600;
    line-height: 1.5;
	word-break: keep-all;
}
/* //인증서 이용안내 */

/* 인증서등록 */
.cert_list_box ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
}
.cert_list_box ul li {
    width: calc(100% / 3 - 16px);
}
.cert_list_box ul li .cert_card_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    padding: 24px 24px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    background-color: #fff;
}
.cert_tit {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    width: 100%;
}
.cert_tit span {
    flex: 1 0 0;
    font-size: 23rem;
    font-weight: 700;
    line-height: 1.2;
    color: #2538a5;
}
.cert_info_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
}
.cert_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
}
.cert_info dl {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 20px;
}
.cert_info dl dt {
    width: 108px;
    font-size: 17rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5d5d5d;
}
.cert_info dl dd {
    flex: 1 0 0;
    text-align: right;
    font-size: 17rem;
    font-weight: 700;
    line-height: 1.5;
}
.cert_dn_info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	grid-area: 4px;
	background-color: #f9f9f9;
	border-radius: 8px;
	padding: 12px;
}
.cert_dn_info .cert_dn_tit {
	font-size: 15rem;
	font-weight: 700;
	line-height: 1.5;
	color: #5d5d5d;
}
.cert_dn_info .cert_dn_cont {
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.cert_list_box ul li .cert_card_box.expired {
	background-color: #f9f9f9;
}
.cert_list_box ul li .cert_card_box.expired .cert_tit span {
	color: #5d5d5d;
}
.cert_list_box ul li .cert_card_box.expired .cert_dn_info {
	background-color: #fff;
}
.cert_card_box .btn_view.active .ico_more {
	transform: rotate(0deg);
	transition: all 0.3s ease-in-out;
}

.sitelink_box {
    display: flex;
    flex-direction: row;
}
.sitelink_img_box {
    display: flex;
    width: 263px;
    height: 90px;
    padding: 14px 0;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 12px 0 0 12px;
    border: 1px solid #dcdcdc;
    border-right: none;
    background: #fff;
}
.sitelink_img_box img {
    display: flex;
    width: 180px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    padding: 11px 20px;
}
.sitelink_txt_info {
    display: flex;
    align-items: center;
	justify-content: space-between;
    gap: 23px;
    flex: 1 0 0;
    padding: 24px;
    background: #f9f9f9;
    border-radius: 0 12px 12px 0;
    border: 1px solid #dcdcdc;
    border-left: none;
}
.sitelink_txt_info ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
}
.sitelink_txt_info ul span {
    font-size: 19rem;
    font-weight: 600;
    line-height: 1.5;
}
.sitelink_txt_info .card_list_divide {
    width: 1px;
    height: 24px;
    background-color: #dcdcdc;
}

/* 인증서 내보내기,가져오기 */
.cert_export_box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 24px;
    align-self: stretch;
}
.export_icon_box {
    display: flex;
    align-items: center;
    gap: 24px;
}
.export_icon_box .export_icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.export_icon_box .export_icon .ico {
    width: 84px;
    height: 84px;
    padding: 20px;
    border-radius: 66px;
    background-color: #ffffff;
    align-items: center;
    background-size: 60px 60px;
}
.export_icon_box .export_icon .txt {
    font-size: 15rem;
    font-weight: 600;
    line-height: 1.4;
}


.export_step_box {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    align-self: stretch;
    gap: 24px;
}
.export_step {
    width: calc(50% - 12px);
	height: 549px;
    padding: 0 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    border: 1px solid #dcdcdc;
    border-radius: 24px;
}
.export_step_txt {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    gap: 24px;
}
.stepline_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    padding-top: 24px;
    padding-right: 24px;
    position: relative;
}
.stepline_box::before {
    position: absolute;
    content: "";
    width: 11px;
    height: 11px;
    background-color: #2538A5;
    border-radius: 100px;
    right: -6px;
    top: 34px;
}
.stepline_box::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #dcdcdc;
    right: 0;
    top: 0;
    z-index: -1;
}
.stepline_box .step_tit {
    font-size: 21rem;
    font-weight: 700;
    line-height: 1.5;
    color: #2358A5;
}
.stepline_box .step_num {
    font-size: 36rem;
    font-weight: 700;
    line-height: 1.5;
    color: #2538A5;
}
.step_txt_box {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}
.step_txt_box .step_tit {
    font-size: 21rem;
    font-weight: 700;
    line-height: 1.5;
}
.step_txt_box .step_txt {
    font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
}
.export_step_img {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch;
	height: 360px;
}
.export_step_img img {
	max-height: 330px;
}
/* //인증서 내보내기,가져오기 */

/* 개인정보제공동의 */
.agree_box01 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    position: relative;
}
.agree_box01 > .left_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.agree_box01 > .left_box .txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1E1E1E;
}
.agree_box01 > .right_box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-shrink: 0;
}
/* //개인정보제공동의 */

/* 컨텐츠영역 */
.tbl_contents_box {
    width: 100%;
    min-height: 600px;
    padding: 48px 0;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.graph_box .left_box, .graph_box .right_box {
    width: 50%;
}
/* //컨텐츠영역 */


/* 20250609 추가 */
/*q&a 아코디언*/
.qa_accordion_wrap{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: -1px;
}

.qa_accordion_wrap .accordion.toggle_ty{
	display: block;
	width: 100%;
	box-sizing: border-box;
	border-radius: 0;
	border-top: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	border-left: 0;
	border-right: 0;
}
.qa_accordion_wrap .accordion.toggle_ty.type_open{
	border-radius: 24px;
	border: 0;
	overflow: hidden;
}
.qa_accordion_wrap .accordion.toggle_ty.type_open .toggle_pannel {
	display: block;
}

.qa_accordion_wrap .accordion.toggle_ty .accordion_header{
	display: block;
	width: 100%;
	box-sizing: border-box;
	
}
.qa_accordion_wrap .accordion.toggle_ty .accordion_header > h3{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.qa_accordion_wrap .accordion.toggle_ty .accordion_header > h3 > .btn_toggle{
	display: flex;
	width: 100%;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	/* overflow: hidden; */
	padding: 12px 24px;
	font-size: 17rem;
	font-weight: 700;
	line-height: 1.5;
	color: #1E1E1E;
	cursor:unset;
}

.qa_accordion_wrap .accordion.toggle_ty .accordion_header > h3 > .btn_toggle .arrow{
	display: block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	background-image: url("../img/ico_acc_arr01.svg");
	flex-shrink: 0;
	transform: rotate(180deg);
	transition: transform 0.3s;
	cursor:pointer;

}
.qa_accordion_wrap .accordion.toggle_ty .accordion_header > h3 > .btn_toggle .ico_q {
	width:28px;
	height:28px;
	background-color: #717171;
	border-radius: 50%;
	color:#fff;
	line-height: 28px;
	font-style:normal;
	text-align: center;
	display: inline-block;
}
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .ico_a {
	width:28px;
	height:28px;
	background-color: #2358A5;
	border-radius: 50%;
	color:#fff;
	font-size: 17rem;
	font-weight: 700;
	line-height: 28px;
	font-style:normal;
	text-align: center;
	display: inline-block;
}
.qa_accordion_wrap .accordion.toggle_ty .accordion_header > h3 > .btn_toggle .tit_area {
	display: flex;
	align-items: center;
	gap:20px;
	width:100%;
}
.qa_accordion_wrap .accordion.toggle_ty .accordion_header > h3 > .btn_toggle .tit_area .tit {width: calc(100% - 88px);}
.qa_accordion_wrap .accordion.toggle_ty.on .accordion_header > h3 > .btn_toggle .arrow{
	transform: rotate(0deg);
	transition: transform 0.3s;
}
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel {
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 32px 40px;
	background-color: #f3f3f3;
}
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .txt_area {
	display: flex;
	gap:20px;
}
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .txt_area > .txt {width: 100%;}
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .txt_area > .txt .txt_normal { color: #333; }
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .info_foot { display: flex; justify-content: space-between; margin-top:20px; padding-top:16px; border-top: 1px solid #dcdcdc;}
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .info_foot .flex_row { align-items: flex-start; }
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .info_foot .flex_row .txt_normal { width: 60px; }
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .info_foot .flex_row .file_box01 { width: calc(100% - 60px); display: flex; flex-direction: column; }
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .info_foot .flex_row .file_box01 .txt_file {
	align-items: flex-start;
}
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .info_foot .flex_row .file_box01 .txt_file .ico {
	width: 16px;
	margin-top: 3px;
}
.qa_accordion_wrap .accordion.toggle_ty .toggle_pannel .info_foot .flex_row .file_box01 .txt_file .file_tit {
	width: calc(100% - 16px);
}
/*//q&a  아코디언 */

.star_item {display:flex; gap:2px; margin-bottom:4px; }

.info_cs {
	display: flex;
	justify-content: space-between;
}
.info_cs .txt01 {
	font-size: 19rem;
	color: #1E1E1E;
	font-weight: 700;
	line-height: 1.5;
}
.info_cs .txt01 > span {
	font-size: 25rem;
	color: #2358A5;
}
.info_cs .txt02 {
	font-size: 17rem;
	color: #1E1E1E;
	font-weight: 700;
	line-height: 1.5;
}
.info_cs .txt03 {
	font-size: 13rem;
	color: #5d5d5d;
	font-weight: 400;
	line-height: 1.5;
}
.info_cs_link {
	display: flex;
    display: flex;
    gap: 16px;
    justify-content: flex-end;
    align-items: center;
	text-align: center;
}
.info_cs_link i {
	width:60px;
	height:60px;
	margin-bottom: 4px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-color: #fff;
	border-radius: 50%;
}
.info_cs_link li:nth-child(1) i {background-image: url("../img/ico_cm01.svg");}
.info_cs_link li:nth-child(2) i {background-image: url("../img/ico_cm02.svg");}
.info_cs_link li:nth-child(3) i {background-image: url("../img/ico_cm03.svg");}

.map > .rprsn_wrap {gap:0;}
.map > .rprsn_wrap .rprsn_item  {width:100%; height:auto;}
.map > .rprsn_wrap .rprsn_item .rprsn_img {width:100%; height: 200px; }
.map > .rprsn_wrap .rprsn_item .imgfile_upload .btn_upload {width:100%; height: 200px;}
.rprsn_wrap {display: flex; gap: 18px; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;}
.rprsn_wrap .rprsn_item {width:168px;}
.rprsn_wrap .rprsn_item > .tit { min-height:23px; margin-bottom:8px; font-size:15rem; font-weight: 600; line-height: 1.5;}
.rprsn_wrap .rprsn_item > .tit.dot::after { justify-content: center; align-items: flex-start; content: "*"; font-size: 14px; font-weight: 700; color: #F43112; line-height: 14px; width: 12px;}
.rprsn_wrap .rprsn_item .rprsn_img {position: relative; width:168px; height:126px; border-radius: 12px;overflow: hidden;}
.rprsn_wrap .rprsn_item .rprsn_img img {width:100%; height:100%;}
.rprsn_wrap .rprsn_item .rprsn_img .rprsn_btn { position: absolute; left:0; bottom:0; display: flex; gap: 20px; justify-content: center; align-items: center; width: 100%; height:40px;background-color: rgba(0, 0, 0, .6) ;}

.rprsn_wrap .rprsn_item .rprsn_img .rprsn_btn button:active {opacity: .7;}
.rprsn_wrap .rprsn_item .rprsn_img .rprsn_btn .btn_lft {position: absolute; left:5px; top:-40px; width:28px; height:28px; border:1px solid #b9b9b9; border-radius:50%; background-color:#fff; background-repeat: no-repeat; background-position: center center; background-image:  url(../img/ico_chevron_left_thick_gray.svg); color: transparent; background-size: 20px 20px;}
.rprsn_wrap .rprsn_item .rprsn_img .rprsn_btn .btn_rht {position: absolute; right:5px; top:-40px; width:28px; height:28px; border:1px solid #b9b9b9; border-radius:50%; background-color:#fff; background-repeat: no-repeat; background-position: center center; background-image:  url(../img/ico_chevron_right_thick_grey.svg); color: transparent; background-size: 20px 20px;}
.rprsn_wrap .rprsn_item .rprsn_img .rprsn_btn .btn_pht {width:24px; height:24px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_img01.svg); color: transparent; background-size: 24px 24px;}
.rprsn_wrap .rprsn_item .rprsn_img .rprsn_btn .btn_mdfcn {width:24px; height:24px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_img02.svg); color: transparent; background-size: 24px 24px;}
.rprsn_wrap .rprsn_item .rprsn_img .rprsn_btn .btn_crop {width:24px; height:24px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_crop.svg); color: transparent; background-size: 24px 24px;}
.rprsn_wrap .rprsn_item .rprsn_img .rprsn_btn .btn_del {width:24px; height:24px; background-repeat: no-repeat; background-position: center center; background-image: url(../img/ico_img03.svg); color: transparent; background-size: 24px 24px;}
.rprsn_wrap .rprsn_item .imgfile_upload .btn_upload { width: 168px; height: 126px;}

.dropzone.type_mov { width: 100%; }
.dropzone.type_mov .dz-message { width: 100%;}
.dropzone.type_mov .btn_upload {padding:0 !important;}
.dropzone.type_mov .btn_upload { width: 100% !important; height: auto !important;}
.dropzone.type_img { width: 100%;  border: 0; padding: 0; background-color: unset;}
.dropzone.type_img .dz-message { width: 100%; }
.dropzone.type_img.type01 .dz-message { width: 100%; padding:38px 16px 37px; background-color: #f9f9f9; border-radius:12px; border:1px dashed #b9b9b9}
.dropzone.type_img .btn_upload { width: 100% !important; height: auto !important;}
.dropzone { width: 100%; padding:24px 16px 20px; background-color: #f9f9f9; border-radius:12px; border:1px dashed #b9b9b9}
.dropzone.on { background-color: #f2f5ff; border:1px dashed #9eafff}
.dropzone.imgfile_upload .btn_upload { border: 0;}
.dropzone.imgfile_upload .btn_upload { position: relative; width: 100%; height: 91px; background-color: transparent; border-radius: 12px; display: inline-block; color: #555; font-size:15rem; text-align:center; line-height: 1.5;}
.dropzone.imgfile_upload.type_img .btn_upload::before { position: relative; left: unset; top: unset; transform: unset; display: block; width:60px; height:60px; margin: 0 auto 8px; background-color: transparent; background-size: 60px 60px; background-image: url("../img/ico_ex_img.svg"); }
.dropzone.imgfile_upload.type_mov .btn_upload::before { position: relative; left: unset; top: unset; transform: unset; display: block; width:60px; height:60px; margin: 0 auto 8px; background-color: transparent; background-size: 60px 60px; background-image: url("../img/ico_ex_mov.svg"); }/* 이미지 */
.dropzone.imgfile_upload .btn_upload::before { position: relative; left: unset; top: unset; transform: unset; display: block; width:60px; height:60px; margin: 0 auto 8px; background-color: transparent; background-size: 60px 60px; background-image: url("../img/ico_dragdrop.svg"); }/* 이미지 */
.dropzone.imgfile_upload .btn_upload::after {display: none}
/* .dropzone.imgfile_upload .btn_upload:hover {} */
.dropzone .dz-filename  { display: flex ; justify-content: flex-start; align-items: flex-start; width: 100%; box-sizing: border-box; position: relative; min-height: 36px; gap: 8px;}
.dropzone .dz-filename .ico_download {background-size: 20px 20px;}
.dropzone .dmy_file_box01 {background-color: #fff;}
.dropzone .dz-remove button {background-color: #fff;}
.dropzone .dz-message + .dz-filename {margin-top:16px;}
.dropzone .dz-filename  + .dz-filename {margin-top:8px;}
.link_win01 { position: relative; display: inline-block; background-repeat: no-repeat; background-size: 20px 20px; background-image: url("../img/ico_newwin.svg"); width:20px; height:20px; }
.link_win02 { position: relative; display: inline-block; background-repeat: no-repeat; background-size: 20px 20px; background-image: url("../img/ico_newwin02.svg"); width:20px; height:20px; }

.txt_box05 { display: flex; justify-content: flex-start; align-items: center; gap: 8px; width: 100%; height: 100%; text-align: left;}
.txt_box05 .txt { display: block;  font-size: 15rem; font-weight: 400; color: #333; line-height: 1.5;}
.txt_box05 .link_box {max-width: calc(100% - 30px); width: max-content;}

.sel4 { display: flex;justify-content: flex-start; width:100%; border: 1px solid #ebebeb;}
.sel4 .cont_box_scroll {width: 25%;}
.sel4 .cont_box_scroll + .cont_box_scroll {border-left:1px solid #ebebeb;}

/* 동영상 영역 */
/* .mov_area {} */

/*tab swiper*/

.tab01_btn .tab_list li a.on {background: #2538A5; border-left: 0; border-right: 0; color: #fff;}

.tab01_btn{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.tab01_btn .tab_list{
	display: flex;
	justify-content: flex-start;
	gap:4px;}
.tab01_btn .tab_list li{
	display: block;
	height: 40px;
}
.tab01_btn .tab_list li a{
	height: 100%;
	display: flex;
    align-items: center;
	justify-content: flex-start;
	border: 1px solid #ebebeb; 
	border-radius: 12px;
	background: #f2f5ff; 
	color: #1e1e1e; 
	font-size: 17rem; 
	font-weight: 400; 
	line-height: 1.5;
	box-sizing: border-box;
	padding: 0 24px;
	gap: 8px;
}
.tab01_btn .tab_list li a.desabled {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;border-top: 1px solid #ebebeb; 
	border-left: 1px solid #ebebeb; 
	border-bottom: 1px solid #ebebeb; 
	background: #ebebeb; 
	color: #717171; 
	font-size: 17rem; 
	font-weight: 400; 
	line-height: 1.5;
	box-sizing: border-box;
	padding: 12px 20px;
	gap: 8px;
	pointer-events: none;
}
.tab01_btn .tab_list li a.on.desabled .txt {color: #717171;font-weight: 400;}
.tab01_btn .tab_list li a.on.desabled .num {color: #717171; background: #dcdcdc; font-weight: 400; }
.tab01_btn .tab_list li a.desabled .txt{
	color: #717171;
}
.tab01_btn .tab_list li a.desabled .num {
	background: #dcdcdc; 
	color: #717171; 
}
.tab01_btn .tab_list li a.desabled:hover{
	background: #ebebeb;
}
.tab01_btn .tab_list li a.desabled:hover .txt{

	color: #717171; 
}
.tab01_btn .tab_list li a.desabled:hover .num{
	background: #dcdcdc; 
	color: #717171; 
}


.tab01_btn .tab_list li a:hover{
	background-color: #f9f9f9;
}
.tab01_btn .tab_list li a:hover .txt{
	color: #1e1e1e;
}
.tab01_btn .tab_list li a:hover .num{
	background-color: #000;
	color: #fff;
}

.tab01_btn .tab_list li a.on:hover{
	background-color: #2538A5;
}
.tab01_btn .tab_list li a.on:hover .txt{
	color: #fff;
	font-weight: 700;
}
.tab01_btn .tab_list li a.on:hover .num{
	background-color: #fff;
	color: #2538A5;
	font-weight: 700;
}
.tab01_btn .tab_list li a.on.desabled:hover{
	background: #ebebeb;
	font-weight: 400;
}
.tab01_btn .tab_list li a.on.desabled:hover .txt{
	font-weight: 400;
	color: #717171; 
}
.tab01_btn .tab_list li a.on.desabled:hover .num{
	background: #dcdcdc; 
	color: #717171; 
	font-weight: 400;
}
.tab01_btn .tab_list li a .txt{
	font-size: 17rem; 
	font-weight: 400; 
	line-height: 1.5;
	display: block;
	color: #1e1e1e;
}
.tab01_btn.sm .tab_list li a .txt{
	font-size: 17rem;
	font-weight: 400; 
}
.tab01_btn .tab_list li a.on .txt{
	color: #fff;
	font-weight: 700;
}
.tab01_btn .tab_list li a .num{
	font-size: 14rem; 
	font-weight: 400; 
	min-width: 39px;
	height: 24px;
	line-height: 1.5;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #1e1e1e;
	flex-shrink: 0;
	width: max-content;
	border-radius: 999px;
	background-color: #e0e7ff;
	padding: 0 7px;
}
.tab01_btn .tab_list li a.on .num{
	color: #2538A5;
	background-color: #fff;
	font-weight: 700;
}
.tab01_btn.sm .tab_list li a{
	padding: 0 24px;
}

.con_txt_area {
	margin: 48px 0;
	font-size: 15rem; 
	font-weight: 400; 
	line-height: 1.5;
	display: block;
	color: #1e1e1e;
}

.hr_type02 {
	width: 100%;
    height: 1px;
    margin: 48px 0;
    background-color: #dcdcdc;
    border: 0;
}

.dmy_file_box01{
	display: flex;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    font-size: 15rem;
    border: 1px solid #717171;
    font-weight: 400;
    border-radius: 8px;
    padding: 0 12px;
    justify-content: flex-start;
    align-items: center;
}
.sp_common_btn.md .txt {
	line-height: 1.5;
}
.ico_arr01_1{
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_right_thick.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.ico_arr01_left {
	display: block;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("../img/ico_chevron_left_thick.svg");
	font-size: 0;
	background-size: 16px 16px;
	color: transparent;
}
.msg_button_box {
	display: flex;
	padding: 24px;
	align-items: center;
	gap: 40px;
	align-self: stretch;
	background-color: #f9f9f9;
	border-radius: 12px;
	justify-content: space-between;
}
.msg_button_box .left_box {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 17rem;
	color: #1e1e1e;
	font-weight: 400;
	line-height: 1.5;
}
.msg_button_box .right_box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}
.badge.gray02 {
	background-color: #ebebeb;
	color: #5d5d5d;
	border: 1px solid #ebebeb;
}

/* 튜토리얼가이드 */
.tutorial .tutorial_banner {
	overflow: hidden; 
	width: 832px;
}
.tutorial .tutorial_banner .swiper-slide {
	width: 832px; 
	height: 612px;
	padding: 32px 24px;
	background-color: #f3f3f3;
	border-radius: 12px;
	display: flex;
    justify-content: flex-start;
    flex-flow: column;
    align-items: center;
}
.tutorial .tutorial_banner .swiper-slide > img {
	width: 632px;
	height: 330px;
	object-fit: contain;
}

.tutorial .tutorial_banner .tut_cont {
	display: flex;
    flex-flow: column;
    align-items: center;
	text-align: center;
	margin-top:24px;
}
.tutorial .tutorial_banner .tut_cont .tit {
	font-size: 21rem;
    font-weight: 700;
    line-height: 1.5;
    color: #1E1E1E;
}
.tutorial .tutorial_banner .tut_cont > .txt {
	font-size: 15rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1E1E1E;
}
.tutorial .tutorial_banner .swiper-pagination-bullet {
	width: 10px; 
	height: 10px; 
	background-color: #b9b9b9; 
	border-radius: 999px;
	opacity: 1;
}
.tutorial .tutorial_banner .swiper-pagination-bullet-active {
	width: 30px; 
	height: 10px; 
	background-color: #5D5D5D; 
	border-radius: 10px;
}
.tutorial .tutorial_banner .swiper-info {
	display: flex;
    flex-flow: nowrap;
    justify-content: center;
    align-items: center;
	position: absolute;
	left:0;
	bottom: 14px;
	width:100%;
}
.tutorial .tutorial_banner .swiper-info .swiper-pagination {
	width:auto;
	display: inline-block;
	position: unset;
	
}
.tutorial .tutorial_banner .swiper-info .btn_stopPlay {
	width:20px;
	height:20px;
	margin-left:4px;
	display: inline-block;
	background: url(../img/ico_stop_items.svg) no-repeat center center;
	background-size: 20px 20px;
	position: relative;
	z-index:1;
	color: transparent;
	font-size: 1px;
}
.tutorial .tutorial_banner .swiper-info .btn_stopPlay.on {
	width:20px;
	height:20px;
	display: inline-block;
	background: url(../img/ico_play_items.svg) no-repeat center center;
	background-size: 20px 20px;
	position: relative;
	z-index:1;
	color: transparent;
	font-size: 1;
	/* opacity: .5; */
}
.tutorial .tutorial_banner .swiper-pagination{
	bottom: 24px;
}
.tutorial .tutorial_banner .swiper-button-next, 
.tutorial .tutorial_banner .swiper-button-prev {color:#717171;}
.tutorial .tutorial_banner .swiper-button-prev {left:24px;}
.tutorial .tutorial_banner .swiper-button-next {right:24px;}
.tutorial .tutorial_banner .swiper-button-next:after, 
.tutorial .tutorial_banner .swiper-button-prev:after {font-size: 36rem;}

.wrap.main .btn.ico_close {
    width: 24px;
    height: 24px;
    padding: 8px;
    background: url(../img/ico_close.svg) no-repeat center;
    background-size: 24px 24px;
    background-position: center center;
}
.f_group12{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
}
.f_group12 .sp_common_chk01{
	padding-top: 6px;
	flex-shrink: 0;
	width: max-content;
	max-width: 100%;
	box-sizing: border-box;
}
.f_group12 .sp_common_input01{
	width: 240px;
	flex-shrink: 0;
}
.f_group12 .sp_common_select01{
	width: 150px;
	flex-shrink: 0;
}
.f_group13{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	box-sizing: border-box;
	max-width: 100%;
}
.f_group13 > .left_box{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
	width: 50%;
}
.f_group13 .time_limit_txt01{
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #1e1e1e;
	box-sizing: border-box;
	line-height: 22.5px;
}
.f_group13 > .right_box{
	display: flex;
	justify-content: flex-end;
	align-items: flex-start;
	box-sizing: border-box;
	width: 50%;
}

.sp_hash_01 {
	display: flex;
	width: 100%;
	position: relative;
	box-sizing: border-box;
	align-items: flex-end;
	justify-content: space-between;
}
.sp_hash_01 .sp_hash_scroll {
	width: calc(100% - 20px);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 8px;
	overflow-y: auto;
	max-height: 78px;
}
.sp_hash_01 .btn_reflash{
	margin-left: 8px;
}
.btn_tag {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 8px;
	padding: 4px 12px;
	background-color: #ffffff;
	border-radius: 4px;
	border: 1px solid #b9b9b9;
	/* cursor: pointer; */
	flex-shrink: 0;
	width: max-content;
	min-height: 31px;
}
.btn_tag .tit {
	font-size: 14px;
	font-weight: 600;
	color: #5d5d5d;
	line-height: 1;
}
.re_dot01{
	display: block !important;
}
.re_dot01 > .d_p01{
	padding-left: 0px;
	color: #F43112;
	display: inline;
	vertical-align: top;
}
.win_bottom_fix { position: fixed; left: 48px; bottom: 32px; width: 100%; }
.f_group13.win_bottom_fix > .left_box { width: 100%;}

.ico_Windows10{
	display: inline-block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-image: url("../img/ico_bw_windows.svg");
	background-position: center center;
	flex-shrink: 0;
}
.ico_edge{
	display: inline-block;
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-image: url("../img/ico_bw_edge.svg");
	background-position: center center;
	flex-shrink: 0;
}

body.ec_type01 {min-width: 800px;} 
body.ec_type01 .contianer > .inner { min-width: 800px; }
body.ec_type01 .contianer main { max-width: 1688px; margin-left:0; }


.warning_box {
	width: 100%;
	height: 100%;
	padding-bottom: 65px;
}
.warning_btm {
	width: calc(100% - 96px);
	height: 65px;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	display: flex;
    align-items: center;
    justify-content: flex-start;
}
.warning_btm .f_group13 > .left_box {
	width: 100%;
}
.warning_btm .f_group13 .rdo_list01 {
	gap: 10px 12px;
}

.find_password_zone01{
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 48px;
    width: 100%;
}
.find_password_zone01 .tit01{
    width: 100%;
    display: block;
    box-sizing: border-box;

    font-size: 25px;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    color: #1e1e1e;
}


.find_password_area {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 12px;
	width: 100%;
}
.find_password_area01 {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto;
}
.find_password_area01 .txt01 {
    width: auto;
    display: inline;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.5;
    color: #1e1e1e;
}
.find_password_area01 > a {
    text-decoration: underline;
    padding-left: 16px;
}
.find_password_area02 {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto;
}
.find_password_area02 .txt01 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: #1e1e1e;
}

.find_password_area03 {
    width: 100%;
    max-width: 440px;
    display: block;
    margin: 0 auto;
    border: 1p;
}
.find_password_area03 li + li {
    padding-top: 12px;
}

.auth_num_box {
	width: 100%;
}

.sp_common_input09 {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	min-height: 36px;
	gap: 8px;
	flex-direction: column;
}
.sp_common_input09 .txt {
	width: 100%;
	display: block;
	box-sizing: border-box;
	font-size: 17px;
	font-weight: 600;
	color: #1e1e1e;
	line-height: 1.5;
	padding-bottom: 8px;
}

.sp_common_input09 .time_limit_txt01 {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	font-size: 16px;
}

.sp_common_input09 .part_box {
	display: block;
	width: 100%;
	position: relative;
}
.sp_common_input09 > label{
	display: block;
	width: max-content;
	flex-shrink: 0;
	font-size: 15rem;
	font-weight: 700;
	color: #1E1E1E;
	margin-top: 6.5px;
	line-height: 1.5;
}
.sp_common_input09 .part_box > input{
	display: block;
	width: 100%;
	border: 1px solid #b9b9b9;
	background-color: #fff;
	border-radius: 8px;
	padding: 6px 12px;
	font-size: 15rem;
	font-weight: 400;
	line-height: 1.5;
	color: #1E1E1E;
	height: 52px;
}
.sp_common_input09 .part_box > input:focus{
	outline: none;
	border: 1px solid #1E1E1E;
}
.sp_common_input09 .part_box > input:disabled{
	background-color: #ebebeb;
	color: #9a9a9a !important;
}
.sp_common_input09 .part_box > input:read-only{
	background-color: #ebebeb;
	color: #1E1E1E;
}
.sp_common_input09 .part_box > input:read-only ~ .btn_clear01{
	display: none;
}
.sp_common_input09 .part_box > .btn_clear01{
	position: absolute;
	top: 15px;
	right: 70px;
	z-index: 10;
	background-size: 20px 20px;
	display: block;
}
.sp_common_input09 .part_box > input:placeholder-shown ~ .btn_clear01{
	display: none;
}
.sp_common_input09 .msg{
	display: block;
	width: 100%;
	font-size: 13rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 8px;
}
.sp_common_input09.error .part_box > input{
	border: 1px solid #f43112;
}
.sp_common_input09.error .msg{
	color: #F43112;
	display: block;
}
.sp_common_input09.success .msg{
	color: #009632;
	display: block;
}
.sp_common_input09.success .part_box > input{
	border: 1px solid #009632;
}

.sp_common_input10 {
	display: block;
	width: 100%;
	position: relative;
	box-sizing: border-box;
}
.sp_common_input10 .login_pass {
	width: 100%;
	margin-top: 0;
}
.sp_common_input10 > .msg{
	display: none;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    margin-top: 8px;
}
.sp_common_input10 .password_box .login_pass > input:focus{outline: none;border: 1px solid #1E1E1E;}
.sp_common_input10 .password_box .login_pass > input:disabled{background-color: #ebebeb;color: #717171 !important;}
.sp_common_input10 .password_box .login_pass > input:read-only{background-color: #ebebeb;color: #1e1e1e;border: 1px solid #717171;}

.sp_common_input10.error .password_box > .msg {
	display: block;
	color: #e0280a;
	text-align: left;
}
.sp_common_input10.error .password_box .login_pass > input {
	border: 1px solid #e0280a;
	outline: 0;
}
.sp_common_input10.success .password_box > .msg {
	display: block;
	color: #006e25;
    text-align: left;
}
.sp_common_input10.success .password_box .login_pass > input {
	border: 1px solid #006e25;
}

.ico.pass {
    width: 16px;
    height: 16px;
    background-image: url(../img/ico_pass.svg);
}
.sp_common_input10 .ckd_state_box01 .group .ico.pass > em{
	position: absolute !important;
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    color: transparent !important;
}
.sp_common_input10 .password_box .ckd_state_box01 .group.on .txtin{
	color: #5d5fe4;
}
.sp_common_input10 .password_box .ckd_state_box01 .group.on .pass{
	background-image: url("../img/ico_pass_on.svg");
}
.sp_common_input10 .password_box .ckd_state_box01 .group.error .txtin{
	color: #e0280a;
}
.sp_common_input10 .password_box .ckd_state_box01 .group.error .pass{
	background-image: url("../img/ico_pass_error.svg");
}

.sp_common_input10 .login_pass {
	width: 100%;
	max-width: 440px;
}
.sp_common_input10 > .txt {
	width: 100%;
	display: block;
	box-sizing: border-box;
	font-size: 17px;
	font-weight: 600;
	color: #1e1e1e;
	line-height: 1.5;
	padding-bottom: 8px;
} 

.password_box {
    width: 100%;
    min-width: 400px;
}
.password_box > .msg{
    display: none;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    margin-top: 8px;
}
.password_box label { 
    font-size: 19px;
    font-weight: 600;
    line-height: 29px;
}
.password_box.error input{
    border: 1px solid #e0280a;
}
.password_box.error > .msg{
    display: block;
    color: #e0280a;
    text-align: left;
}
.password_box.success input{
    border: 1px solid #006e25;
}
.password_box.success > .msg{
    display: block;
    color: #006e25;
    text-align: left;
}
.password_box input { 
    appearance: none;
    width: 100%;
    min-height: 40px;
    padding: 8px 16px;
    padding-right: 56px; 
    border-radius: 8px;
    border:1px solid #717171;
    font-size: 17px; 
    background-color: #ffffff;
    color: #1e1e1e;
}
.password_box input::placeholder {color: #717171;}
.password_box input:focus {border: 0;}

.password_box .login_pass {
    position: relative;
}
.password_box .toggle_pw {
    width: 24px; 
    height: 24px; 

    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-right: 16px;
    
    background-repeat: no-repeat;
    background-size: 100%;
    font-size: 0;
    color: transparent;
}
.password_box .toggle_pw.eyes{
    background: url("../img/ico_eye_fill_grey.svg"); 
}
.password_box .toggle_pw.eyes.off{
    background: url("../img/ico_eye_slash_fill_grey.svg");
}
.password_box > .ck_pass {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 0 8px;
}
.password_box  > .ck_pass .group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.password_box  > .ck_pass .group .txtin{
    font-size: 13px;
    font-weight: 400;
    color: #5d5d5d;
    padding-left: 2px;
}
.password_box  > .ck_pass .group .txtin.on{
    font-size: 13px;
    font-weight: 400;
    color: #5d5fe4; 
}
.ckd_state_box01 {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 8px;
    gap: 0 8px;
    flex-wrap: wrap;
}
.ckd_state_box01 .group {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.ckd_state_box01 .group .txtin {
    font-size: 13px;
    font-weight: 400;
    color: #5d5d5d;
    padding-left: 2px;
}

.delay_info {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
}

.add_notice_process {
	background-color: #f3f3f3;
	border-radius: 12px;
	padding: 20px;
	width: 100%;
}
.add_notice_process > ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.add_notice_process > ul li.process_step {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
}
.add_notice_process > ul li.process_step .process_num {
	background-color: #dcdcdc;
	width: 18px;
	height: 18px;
	padding: 2px 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.7;
	position: relative;
	margin-top: 2px;
}
.add_notice_process > ul li.process_step .process_cont {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	position: relative;
	width: 100%;
}
.add_notice_process > ul li.process_step .process_cont::before {
	position: absolute;
	content: '';
	width: 1px;
	height: calc(100% - 8px);
	background-color: #dcdcdc;
	bottom: -18px;
	left: -21px;
}
.add_notice_process > ul li.process_step .process_cont .tit01 {
	width: 85px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
	color: #1e1e1e;
}
.add_notice_process > ul li.process_step:last-child .process_cont::before {
	display: none;
}
.add_notice_process > ul li.process_step .dot_list01 li {
	color: #333;
}

.info_gray_box.type_chk {
	padding: 28px 32px 32px;
}

.calculater_box {
    background-color: #f1f6ff;
    border: 1px solid #bfd9fd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
	gap: 80px;
	flex: 1 0 0;
    padding: 40px;
}
.calculater_box .left_box {
	width: 50%;
}
.calculater_box .right_box {
	position: relative;
	width: 50%;
} 
.calculater_box .right_box::before {
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	background-color: #dcdcdc;
	top: 0;
	left: -40px;
}
.calculater_info .tit_calculate {
    font-size: 23rem;
    font-weight: 700;
    line-height: 1.2;
    color: #1e1e1e;
}
.calculater01 {
    margin-top: 14px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
	min-height: 52px;
}
.calculater02 {
    margin-top: 14px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
	align-self: stretch;
    gap: 40px;
	min-height: 52px;
}
.calculater02 .calculater_fomula {
	width: calc(100% - 200px);
}
.calculater02 .calculater_fomula .txt {
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	color: #5d5d5d;
}
.calculater02 .calculater_result {
	display: flex;
    justify-content: flex-end;
    align-items: center;
	gap: 4px;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    color: #1E1E1E;
	width: 200px;
}

.borad_tit_top {
	border-top: 1px solid #1E1E1E;
	padding-top: 20px;
}

@media (max-width: 1279px) {
	.header .gnb .pos {
		min-width: auto;
		overflow: visible;
	}

	.header .gnb .pos::before {
		left: 0;
		width: 100vw;
	}
	.header .gnb .pos::after {
		right: -50%;
		width: 100vw;
	}
}