@charset "utf-8";

/******************************
    plug-in 또는 스크립트 관련
******************************/
	/* wrap-lading 관련 css */
	/*로딩*/
/* 	#loadingR { position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; } */
/* 	#loadingR.display-none { display: none; } */
/* 	#autoCloseAlert { height: 0; overflow: hidden; } */
	
	/* 로딩중 loading */
	/*화면 전체를 어둡게 합니다.*/
	.wrap-loading{ position: fixed; left:0; right:0; top:0; bottom:0; z-index:2147483645; background: rgba(0,0,0,0); /*not in ie */ filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */  }
	.mainWrap-loading{ position: fixed; left:0; right:0; top:0; bottom:0; z-index:2147483646; background:url(../images/popup/popup_bg.png);  }
	.subWrap-loading{ position: fixed; left:373px; right:44px; top:187px; bottom:64px; z-index:2147483646; background-repeat: no-repeat; background-image:url(../images/popup/popup_bg2.png);  }
	
	/*로딩 이미지*/
	.wrap-loading div{ position: fixed; top:50%; left:50%; z-index:2147483647; margin-left: -21px; margin-top: -21px; }
	
	/*감추기*/
	.display-none{ display:none; }
	
	/*  datepicker 관련 셋팅   */
	.ui-datepicker-trigger { display: none; }
	input[type="text"], input[type="checkbox"], input[type="radio"] { font-family: "Noto Sans KR"; background: none; outline: none; border: none; }
/* 	input.date_input2 { background: #fff url(../../images/icon/date_input2.png) no-repeat; background-position: 90% 50%; background-size: 16px; } */
	
/* 	.ui-widget.ui-widget-content { border: 1px solid #859AAC; }  달력 외곽선  */
/* 	.ui-widget-header { background: #fff; border: none; color: #333333; font-weight: bold; }  달력 타이틀 날짜 */
/* 	.ui-widget-header .ui-icon { background: none; } 이전,다음 화살표 */
/* 	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 1px; } */
/* 	.ui-widget-header a[data-handler="prev"] .ui-icon { background-image: url(../../images/web/icon/arrow_l04.svg); background-size: 16px; } */
/* 	.ui-widget-header a[data-handler="next"] .ui-icon { background-image: url(../../images/web/icon/arrow_r04.svg); background-size: 16px; } */
/* 	.ui-datepicker .ui-datepicker-title select { border: none; text-align: center; } */
/* 	.ui-datepicker th { font-weight: 500; color: #4A5E76; } */
/* 	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: none; border: none; text-align: center; color: #222; } */
/* 	.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:last-child a { color: #4148FF; } */
/* 	.ui-datepicker-calendar > tbody td.ui-datepicker-week-end:first-child a { color: #FF2E60; } */
	
	input[type="text"].date_input { border: 1px solid #B3BFD1; height: 20px; background: #fff url(../../images/web/input/calendarIcon.svg) no-repeat; background-position: 4px 50%; background-size: 12px; padding-left: 20px; }
	input[type="text"].date_input.nbd { border: none; }
	input[type="text"].date_input.dis { background: #EFF5F8 url(../../images/web/input/calendarIcon.svg) no-repeat; background-position: 4px 50%; background-size: 12px; }
	
	.dateType { display: flex; align-items: center; justify-content: space-between; }
	.dateType span { margin: 0 5px; }
	.ui-datepicker-trigger { display: none; }
/*     input[type="text"].nbd { border: none; } */
/*     input[type="text"].nbd:hover { border: none; } */
/*     input[type="text"].nbd:focus { border: none; }	 */
	
	
	/*scroll_bar*/
    body *::-webkit-scrollbar { width: 8px; height: 8px; }
    body *::-webkit-scrollbar-thumb { background-color: #759BD8; border-radius: 4px; }
    body *::-webkit-scrollbar-track { background-color: transparent; }
    

    /*IOS 스크롤 영역 문제*/
    .h_50 { height: calc(100% - 50px)!important; }
    .scroll_ { height: calc(100%)!important; overflow-y: auto; }
    .scroll_50 { height: calc(100% - 50px)!important; overflow-y: auto; }
        
    .maxHeight { height: 100vh; max-height: -webkit-fill-available; max-height: fill-available; }

/************************************
    Common class
*************************************/

	/*  display  */
	.hide { display: none; }
	.hidden { visibility: hidden; }
	.cup { cursor: pointer; }
	.wka { word-break: keep-all; }
	
	/*  layout  */
	/* margin */
	.mg_0 { margin: 0; }
	.mg_5 { margin: 5px; } .mg_t5 { margin-top: 5px; } .mg_r5 { margin-right: 5px; } .mg_b5 { margin-bottom: 5px; } .mg_l5 { margin-left: 5px; }
	.mg_10 { margin: 10px; } .mg_t10 { margin-top: 10px; } .mg_r10 { margin-right: 10px; } .mg_b10 { margin-bottom: 10px; } .mg_l10 { margin-left: 10px; }
	.mg_15 { margin: 15px; } .mg_t15 { margin-top: 15px; } .mg_r15 { margin-right: 15px; } .mg_b15 { margin-bottom: 15px; } .mg_l15 { margin-left: 15px; }
	.mg_20 { margin: 20px; } .mg_t20 { margin-top: 20px; } .mg_r20 { margin-right: 20px; } .mg_b20 { margin-bottom: 20px; } .mg_l20 { margin-left: 20px; }
	.mg_25 { margin: 25px; } .mg_t25 { margin-top: 25px; } .mg_r25 { margin-right: 25px; } .mg_b25 { margin-bottom: 25px; } .mg_l25 { margin-left: 25px; }
	.mg_30 { margin: 30px; } .mg_t30 { margin-top: 30px; } .mg_r30 { margin-right: 30px; } .mg_b30 { margin-bottom: 30px; } .mg_l30 { margin-left: 30px; }
	.mg_auto { margin: 0 auto; } .mg_l_auto { margin-left: auto; } .mg_r_auto { margin-right: auto; }
	
	/* padding */
	.pd_0 { padding: 0; }
	.pd_5 { padding: 5px; } .pd_t5 { padding-top: 5px; } .pd_r5 { padding-right: 5px; } .pd_b5 { padding-bottom: 5px; } .pd_l5 { padding-left: 5px; }
	.pd_10 { padding: 10px; } .pd_t10 { padding-top: 10px; } .pd_r10 { padding-right: 10px; } .pd_b10 { padding-bottom: 10px; } .pd_l10 { padding-left: 10px; }
	.pd_15 { padding: 15px; } .pd_t15 { padding-top: 15px; } .pd_r15 { padding-right: 15px; } .pd_b15 { padding-bottom: 15px; } .pd_l15 { padding-left: 15px; }
	.pd_20 { padding: 20px; } .pd_t20 { padding-top: 20px; } .pd_r20 { padding-right: 20px; } .pd_b20 { padding-bottom: 20px; } .pd_l20 { padding-left: 20px; }
	.pd_30 { padding: 30px; } .pd_t30 { padding-top: 30px; } .pd_r30 { padding-right: 30px; } .pd_b30 { padding-bottom: 30px; } .pd_l30 { padding-left: 30px; }
	
	/*width*/
	.width_5 { width: 5%; } .width_10 { width: 10%; } .width_15 { width: 15%; } .width_20 { width: 20%; } .width_25 { width: 25%; }
	.width_30 { width: 30%; } .width_35 { width: 35%; } .width_40 { width: 40%; } .width_45 { width: 45%; } .width_50 { width: 50%; } 
	.width_55 { width: 55%; } .width_60 { width: 60%; } .width_65 { width: 65%; } .width_70 { width: 70%; } .width_75 { width: 75%; } 
	.width_80 { width: 80%; } .width_85 { width: 85%; } .width_90 { width: 90%; } .width_95 { width: 95%; } .width_100 { width: 100%; } 
	.width_fit { width: fit-content; } .width_init { width: initial; } /* initW */
	
	/* flex */
	.flex { display: flex; }
	.flex_ali_cen { display: flex; align-items: center; } /* fl-jc */
	.flex_jus_bet { display: flex; justify-content: space-between; } /* fl-jb */
	
	.flex_around { display: flex; justify-content: space-around; align-items: center; } /* fl-a */ 
	.flex_between { display: flex; justify-content: space-between; align-items: center; } /* fl-b */
	.flex_start { display: flex; justify-content: flex-start; align-items: center; } /* fl-s */
	.flex_end { display: flex; justify-content: flex-end; align-items: center; }
	.flex_center { display: flex; justify-content: center; align-items: center; } /* fl-cc */
	
	.flex_wrap { flex-wrap: wrap; } /* fl-wp */
	.flex_shink0 { flex-shrink: 0; } /* w_fix */
	
	.grid_wrap { display: flex; gap: 20px; }
	#wrapper { min-width: 1856px; }
	
	.bottom_area { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 10px; }
	.bottom_area .txt_area { width: 100%; line-height: 120%; white-space: nowrap; }
	.bottom_area .caution { margin-top: 0; color: #B73737; }
	.bottom_area .cmn_section_btn { margin-top: 0; }
	
	/* 인풋 관련 >> common_iframe 내 인풋 css을 이동*/
	.cmn_section_input { display: flex; flex-direction: column; gap: 16px; width: 100%; }
	.cmn_section_input label { flex-shrink: 0; }
	.cmn_section_input .section_row { display: flex; align-items: center; gap: 8px; width: 100%; }
	.cmn_section_input .section_row .left_row , .cmn_section_input .section_row .right_row { display: flex; gap: 8px; align-items: center; width: 100%; line-height: 1; }
	.cmn_section_input .section_row .left_col , .cmn_section_input .section_row .right_col { display: flex; flex-direction: column; width: 100%; line-height: 1; }
	.cmn_section_input .section_row .cmn_section_btn { margin-top: 0; }
	.cmn_section_input .section_row .cmn_section_btn .cmn_btn { line-height: 28px; }
	
	.cmn_section_input .section_row.jus_end { justify-content: flex-end; }
	.cmn_section_input .section_row.jus_cen { justify-content: center; }
	
	
	/*  font & text  */
	.txc { text-align: center; }
	.txr { text-align: right; }
	.txl { text-align: left; }
	
	.normal { font-weight: normal; }
	.medium { font-weight: 500; }
	.bold { font-weight: 700; }
	.bolder { font-weight: 900; }
	
	/* 붉은색 주의 문구 */
	.caution { flex-shrink: 0; margin-top: 5px; font-size: 0.7rem; color: #F45962; }
	
	/*  필수값 표시 */
	.req { position: relative; margin-right: 8px; }  
	.req:after { position: absolute; right: -12px; top: 50%; transform: translateY(-50%); content: "*"; width: 10px; height: 14px; font-size: 14px; color: #FF2E60; }
	
	/* 라디오, 체크박스 라벨 */
	.cmn_txt_label01 { font-size: 1rem; color: #3e4e66; line-height: 1.4rem; }
	.cmn_txt_label02 { margin-bottom: 8px; font-size: 1rem; color: #3e4e66; }
	
	.cmn_check_label01 { background: url("../../images/common/module/check_off01.svg") no-repeat center left ; padding-left: 20px; color: #1F1F1F ; line-height: 1.4rem; } /*line_height 넣기*/
	input[type="checkbox"]:checked + .cmn_check_label01 { background: url("../../images/common/module/check_on01.svg")  no-repeat center left ; color: #3348FF; }

	.cmn_radio_label02 { background: url("../../images/common/module/radio_off01.svg") no-repeat center left ; padding-left: 20px; color: #828282 ; line-height: 1.4rem; }
	input[type="radio"]:checked + .cmn_radio_label02 { background: url("../../images/common/module/radio_on01.svg") no-repeat center left; padding-left: 20px; color: #3348FF;}
	


/* -- popup ------------------------------------------------------------------------------------------------------------------ */	
	/* 파일 리스트 */
	.file_list_wrap { width: calc(100% + 8px); min-height: 30px; overflow-y: auto; }
	.file_list_wrap .fileWrap { display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; gap: 4px; overflow-y: auto; }
	.file_list_wrap .file_item { display: flex; align-items: center; gap: 4px; }
	.file_list_wrap .file_item img { cursor: pointer; }
	.file_list_wrap .empty_box { display: block; margin-top: 3px; font-size: 0.875rem; color: #aaa; }

	/*fileList*/
	.file_list_wrap #fileTable span { cursor: pointer; }
	.file_list_wrap #fileTable span { display: inline-block; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 각 페이지에 맞게 width값 설정 필요(2024. 02. 20 추가) */
	.file_list_wrap #downBox span { cursor: pointer; }


/* -- popup ------------------------------------------------------------------------------------------------------------------ */	
	/* alert (autoAlert - script) */
	.alertPop { position: fixed; display: none; z-index: 99999; width: 100vw; height: 100vh; top: 0; left: 0; }
	/* alertInner width +15px 20220901*/
	.alertPop .alertInner { width: 365px; border: 1px solid #1B3946; background: #fff; text-align: center; border-radius: 4px; overflow: hidden; font-size: 12px; padding-bottom: 15px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); }
	.alertPop .alertTitle { background: #434c51; color: #fff; font-weight: bold; line-height: 35px; }
	.alertPop .alertBody { color: #222; padding: 25px; }
	.alertPop .alertFooter span { display: inline-block; width: 90px; line-height: 27px; color: #fff; font-size: 11px; font-weight: bold; border-radius: 4px; background: #f00; cursor: pointer; background: linear-gradient(#6584B1, #4D668B); }
	
/* -- 공지 및 안내 팝업(오늘 그만 보기)  ------------------------------------------------------------------------------------------------------------------ */	
	#noticePop { position: absolute; top: 60px; left: 160px; z-index: 9999999; display: none; text-align: center; }
	#noticePop.on { display: block; }
	#noticePop .inner { background: #FFFFFF; position: relative; border-radius: 10px; box-shadow: 0px 2px 30px 0px #050A0C40; }
	#noticePop .inner .quick_btn { position:absolute; bottom:145px; left:50%; transform: translateX(-50%); cursor: pointer; }
	#noticePop .inner .closeBtn { position: absolute; top: 44px; right: 36px; cursor: pointer; }
	#noticePop .inner .btnForm { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); width: 100%; }
	#noticePop .inner .btnForm label { font-size: 14px; font-weight: bold; padding-right: 30px;  background: url(/images/web/input/check_off.svg) no-repeat; background-size: 20px; background-position: 98% center ; }
	#noticePop .inner .btnForm input:checked + label { font-size: 14px; font-weight: bold; padding-right: 30px;  background: url(/images/web/input/check_on.svg) no-repeat; background-size: 20px; background-position: 98% center ; }


/* -- 광고 팝업(오늘 그만 보기)  ------------------------------------------------------------------------------------------------------------------ */	
	#adPop { position: absolute; top: 60px; right: 160px; z-index: 9999999; display: none; text-align: center; }
	#adPop.on { display: block; }
	#adPop .inner { position: relative; background: #FFFFFF; padding: 40px; border-radius: 10px; box-shadow: 0px 2px 30px 0px #050A0C40; }
	#adPop .inner .icon_close01 { position: absolute; top: 40px; right: 40px; display: flex; justify-content: center; align-items: center; width: 28px; height: 28px; border-radius: 4px; border: 1px solid #3E4E66; font-size: 14px; color: #3E4E66; cursor: pointer; }
	#adPop .inner .btnForm { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 40px; }
	#adPop .inner .btnForm .btn_detail { display: flex; justify-content: center; align-items: center; background: #3A4EFF; height: 48px; padding: 0 33px; border-radius: 4px; font-size: 20px; font-weight: bold; color: #fff; cursor: pointer; }
	#adPop .inner .btnForm label { padding: 0 30px 0 0; margin-right: 30px; font-size: 16px; font-weight: bold; color: #4D4D4D; background: url(/images/web/input/check_off.svg) no-repeat; background-size: 20px; background-position: 98% center; }
	#adPop .inner .btnForm input:checked + label { background: url(/images/web/input/check_on.svg) no-repeat; background-size: 20px; background-position: 98% center; }


/* -- 세션로그아웃 / 서버 점검 팝업 ------------------------------------------------------------------------------------------------------------------ */	
	#screenLock { display: none; background: rgba(0,0,0,0.85); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; align-items: center; justify-content: center; }
	#screenLock.on { display: flex; }
	#screenLock .popupInner { width: 750px; height: 605px; background: #fff; border-radius: 12px; }
	
	/*세션로그아웃*/
	#screenLock .loginPop { text-align: center; width: 100%; height: 100%; padding: 50px; color: #343640; letter-spacing: -2px; }
	#screenLock .loginPop .txt1 { margin-top: 50px; font-size: 32px; font-weight: bold; letter-spacing: -2px; }
	#screenLock .loginPop .txt2 { font-size: 18px; }
	#screenLock .loginPop .form_wrap { width: 430px; margin: 40px auto; }
	#screenLock .loginPop .form_wrap input { width: 100%; height: 52px; border-radius: 8px; border: 1px solid #98adcc; margin-bottom: 15px; padding: 0 16px; font-size: 16px; }
	#screenLock .loginPop .form_wrap input::placeholder { font-size: 16px; }
	#screenLock .loginPop .loginBtn { width: 100%; display: inline-block; margin-top: 15px; line-height: 60px; background: #18306D; color: #fff; font-size: 20px; font-weight: bold; text-align: center; border-radius: 8px; cursor: pointer; }
	
	/*서버 점검*/
	#screenLock .servicePop { padding: 50px; text-align: center; }
	#screenLock .servicePop img { display: block; margin: 0 auto; margin-bottom: 50px; }
	#screenLock .servicePop .txt1 { margin-top: 50px; font-size: 34px; font-weight: bold; letter-spacing: -2px; }
	#screenLock .servicePop .txt2 { font-size: 26px; font-weight: bold; letter-spacing: -2px; }
	
	/* popup - default */
	.popup_wrap { display: none; position: fixed;  top:0; left: 0; background: rgba(0,0,0,0.6); z-index: 1000; width: 100%; height: 100%; }
	.popup_wrap .popup_inner { display: none; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); background: #fff; padding: 20px; border-radius: 8px; }
	.popup_wrap .popup_inner.type1 { width: 1200px; }
	.popup_wrap .popup_inner.type2 { width: 1000px; }
	.popup_wrap .popup_inner.type3 { width: 800px; }
	.popup_wrap .popup_inner.type4 { width: 720px; }
	.popup_wrap .popup_inner.type5 { width: 600px; }
	.popup_wrap .popup_inner.type6 { width: 440px; }
	.popup_wrap .popup_inner.vc { top: 35%; left: 50%; transform: translate(-50%, -50%); }
	.popup_wrap .popup_inner.vt { top: 30px; }
	.popup_wrap .popup_inner.cc { top: 50%; left:50%; transform: translate(-50%, -50%); }

	.popup_wrap.on { display: block; }
	.popup_wrap.on .popup_inner { display: block; }

	/* popup - search */
	/* ??? */
	
	/* 로그인 화면 */
	#login_wrap { width: 100%; height: 100vh; }
	#login_wrap .inner { max-width: 440px; margin: 0 auto; padding: 200px 20px 0; }
	#login_wrap .inner .logo { display: flex; justify-content:center; margin-bottom: 55px; }
	
	#login_wrap .section_inp .inp_wrap { position: relative; margin-bottom: 15px; }
	#login_wrap .section_inp .inp_wrap:last-child { margin-bottom: 0; }
	#login_wrap .section_inp input { height: 66px; width: 100%; padding: 0 70px 0 30px; border: 1px solid #859AAC; border-radius: 10px; font-size: 22px; color: #222; }
	#login_wrap .section_inp input::placeholder { font-size: 1.3rem; color: #AAA; }
	
	#login_wrap .section_inp .inp_chk { margin-left: 5px; }
	#login_wrap .section_inp .inp_chk label { display:flex; align-items:center; gap: 10px; color:#222; font-size: 1.128rem; cursor: pointer; }
	#login_wrap .section_inp .inp_chk label:before { content:''; background: url(/images/web/notice/check_off.svg); background-size: 28px; width: 28px; height: 28px; }
	#login_wrap .section_inp .inp_chk input[type="checkbox"]:checked + label:before{content:''; background:url(/images/web/notice/check_on.svg); background-size:28px; }
	
	#login_wrap .inner .btn_wrap { margin: 38px 0 30px; }
	#login_wrap .inner .btn_wrap button { width: 100%; height: 66px; text-align: center; font-size: 1.375rem; color: #fff; background: #0A1651; border-radius: 10px; cursor: pointer; }
	#login_wrap .link_wrap { display:flex; gap:10px; } 
	#login_wrap .link_wrap a img { position: absolute; bottom: 1px; padding-left: 15px; }
	#login_wrap .link_wrap > * { width: 50%; text-align: center; font-size: 1.25rem; text-decoration: none; color:#222; cursor: pointer; }
	#login_wrap .link_wrap > p { position: relative; }
	#login_wrap .link_wrap > p:after { position: absolute; top: 3px; right: -7px; content: ''; width: 1px; height: 80%; background: #222; opacity: 0.5; }
	
	/* 로그인 화면 - 아이디/비밀번호 찾기 */
	.lndctn_find_TM_IdPw .tabWrap { display: flex; border-top: 4px solid #f1f5f8; }
	.lndctn_find_TM_IdPw .tabWrap label { display:block; width:100%; line-height: 40px; border-bottom: 2px solid #999; font-size: 0.875rem; color: #a7a7a7; text-align: center; }
	.lndctn_find_TM_IdPw #findIdTab:checked ~ .tabWrap .findIdTab,
	.lndctn_find_TM_IdPw #findPwTab:checked ~ .tabWrap .findPwTab { background: #f9f9f9; border: 2px solid #999; border-bottom-color: transparent; border-radius: 3px 3px 0 0; }
	.lndctn_find_TM_IdPw #findIdTab:checked ~ form.idForm { display: block; }
	.lndctn_find_TM_IdPw #findPwTab:checked ~ form.pwForm { display: block; }
	.lndctn_find_TM_IdPw > form { display: none; }
	.lndctn_find_TM_IdPw > form.on { display: block; }
	
	.lndctn_find_TM_IdPw .section_title { display: flex; justify-content: center; align-items: center; width: 100%; height: 45px; border-bottom: 1px solid #e9e9e9; }
	.lndctn_find_TM_IdPw .section_title  p { font-size: 0.94rem; font-weight: 700; }
	
	.lndctn_find_TM_IdPw .cmn_section_input label { display: flex; justify-content: center; align-items: center; width: 15%; font-size: 0.75rem; }
	.lndctn_find_TM_IdPw .cmn_section_input .section_row { height: 77px; margin-top: 0; border-bottom: 1px solid #e9e9e9; }
	.lndctn_find_TM_IdPw .cmn_section_input .section_row .right_row { padding: 0 20px; }
	.lndctn_find_TM_IdPw .cmn_section_input .section_row .right_row input { width: 100%; line-height: 44px; padding: 0 12px; border: 1px solid #dedede; border-radius: 3px; font-size: 0.813rem; }
	.lndctn_find_TM_IdPw .cmn_section_input .section_row .right_row input.birth { width: 20%; text-align: center; }
/* 	.lndctn_find_TM_IdPw .cmn_section_input .section_row .right_row .pwd { width: 20%; line-height: 44px; border: 1px solid #dedede; border-radius: 3px; font-size: 0.813rem; text-align: center; } */
	.lndctn_find_TM_IdPw .cmn_section_input .section_row .right_row > p { flex-shrink:0; width: 30%; font-size: 0.5rem; letter-spacing: 2px; }
	
	.lndctn_find_TM_IdPw .cmn_section_btn { display: flex; justify-content: flex-end; align-items: center; gap: 6px ; width: 100%; margin-top: 15px; }
	.lndctn_find_TM_IdPw .cmn_section_btn .cmn_btn { flex-shrink: 0; background: #3B4FFF; min-width: 90px; padding: 0 10px; border: 1px solid #3B4FFF; border-radius: 4px;  font-size: 1rem; font-weight: 700; color: #fff; cursor: pointer;}
	.lndctn_find_TM_IdPw .cmn_section_btn.blbtn .cmn_btn { display: block; text-align: center; }
	.lndctn_find_TM_IdPw .cmn_section_btn.jus_cen { justify-content: center; }
	.lndctn_find_TM_IdPw .cmn_section_btn .cmn_btn { background: #696969; width:386px; line-height: 44px; border:none; border-radius: 2px; font-size: 0.875rem; font-weight: 400;  }
	
	
	
	/*  회원가입 관련 - 공통 폼  */
/* 	#header_sub { background:#00b9c5; } */
/* 	#header_sub .header_inr{ width:900px; height:90px; margin:auto; } */
/* 	#header_sub .header_inr h1{line-height:90px;font-size:22px;font-family:'Nanum Square Bold';color:#fff;text-align:center;} */
/* 	#header_sub + #content { padding-bottom:100px; } */
/* 	#header_sub02.cmn_join { padding: 56px 0; } */
/* 	#header_sub02.cmn_join > img { height: 30px; margin: 0 auto; } */
	
	#header { display: flex; background: #fff; width: 100%; }
	#header.cmn_join { position: relative; z-index: 999; justify-content: center; align-items: center; height: 120px; padding: 0 20px; }
	#header.cmn_join .logo img { height: 38px; }
	
	#contents.cmn_join:not(.join_wrap) { padding: 2px 20px 48px; }
	
	.cmn_join:not(.join_wrap) { width: 100%; max-width: 375px; margin: 0 auto; }
	.cmn_join .txt_red, .join_wrap .txt_red { color: #FF2E60!important; }
	.cmn_join .txt_green, .join_wrap .txt_green { color: #00AE5B!important; }
	

	/* 정보 입력 - 인풋영역 */
	.cmn_join .section01 {  }
	.cmn_join .section01 .title { display: inline-block; /* margin-bottom: 6px; */ font-size: 14px; font-weight: 500; color: #4A5E76; }
	.cmn_join .section01 .desc { padding-left: 6px; font-size: 0.75rem; color: #555; }
	.cmn_join .section01 input[type="text"], .cmn_join .section01 input[type="checkbox"], .cmn_join .section01 input[type="radio"] { font-family: "Noto Sans KR"; background: none; }
	.cmn_join .section01 input[type="text"], .cmn_join .section01 input[type="password"], .cmn_join .section01 input[type="number"] { width: 100%; height: 46px; border: 1px solid #859AAC; padding: 0 16px; border-radius: 4px; font-size: 16px; color: #333; }
	.cmn_join .section01 input[type="text"]:hover, .cmn_join .section01 input[type="password"]:hover, .cmn_join .section01 input[type="number"]:hover { border: 1px solid #2F44FF; }
	.cmn_join .section01 input[type="text"]:focus, .cmn_join .section01 input[type="password"]:focus, .cmn_join .section01 input[type="number"]:focus { border: 1px solid #2F44FF; }
	.cmn_join .section01 input[type="button"] { cursor: pointer; }
	
	/* 약관동의 */
	.cmn_join .section02 { margin: 8px 0 32px; }	
	.cmn_join .section02 .section_title { margin-bottom: 6px; font-size: 14px; font-weight: bold; color: #4A5E76; }
	.cmn_join .section02 .section_terms { padding: 16px; border-radius: 4px; border: 1px solid #859AAC; }
	.cmn_join .section02 .section_terms .inner { display: flex; flex-direction: column; gap: 12px; }
	.cmn_join .section02 .all_chk { padding-bottom: 24px; margin-bottom: 12px; border-bottom: 1px solid #859AAC; }
	.cmn_join .section02 .all_chk label { font-size: 16px; }
	.cmn_join .section02 .inner label span { display: inline-flex; }
	.cmn_join .section02 .inner label[for="chk03"] { background-position: left 4px; }
	
	/* 회원가입 확인 버튼 */
	.cmn_join .section03 .cmn_btn { background: #1F2349; }
	.cmn_join .section03 .cmn_btn.btn_prev { background: #fff; border: 1px solid #1F2349; color: #1F2349; }
	
	
	.join_wrap > div:not(.step_area) { max-width: 720px; width: 100%; margin: 0 auto 40px; }
		
	/* step1 */
	.join_wrap .step_area { padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; }
	.join_wrap .step_area ul { position:relative; display:flex; justify-content: space-between; width:720px; margin: 0 auto; padding: 0 48px; text-align: center; }
	.join_wrap .step_area ul.step:before{ position:absolute; content:""; top: 25%; left:95px; z-index:-1; background:#ededed; width: 68%; height:6px; }
	.join_wrap .step_area ul li span { display: inline-block; background: #e1e1e1; width: 40px; height: 40px; border-radius: 50%; font-size: 24px; color: #fff; }
	.join_wrap .step_area ul li p { padding-top: 10px; font-size: 1.125rem; color: #bbb; }
	.join_wrap .step_area ul li.current span { background: #3958FD; }
	.join_wrap .step_area ul li.current p { color: #3958FD; }
	
	.join_wrap .section_frm { display: none; margin: 32px 0; }
	.join_wrap .section_frm.on { display: block; }
	.join_wrap .section_frm span { display: block; padding-bottom:20px; margin-bottom: 20px; border-bottom: 2px solid #636363; font-size: 1.25rem; color: #222; }
	.join_wrap .section_frm p { font-size: 1.125rem; color: #a3a3a3; line-height: 140%; }
	
	.join_wrap #step1 .cmn_section_input .section_row input { width: 100%; height: 66px; padding: 0 60px 0 24px; border: 2px solid #dedede; border-radius: 5px; font-size: 1.375rem; color: #474747; }
	
	.join_wrap .cmn_section_btn { display: flex; justify-content: space-between;; align-items: center; width: 100%; max-width: 720px; gap: 12px ; margin-top: 40px; }
	.join_wrap .cmn_section_btn .cmn_btn { background: #bababa; width: 100%; padding: 0 10px; border:none; border-radius: 4px; text-align: center; font-size: 1.375rem; font-weight: 400; color: #fff; line-height: 54px; cursor: pointer; }
	.join_wrap .cmn_section_btn .cmn_btn.b_next { background: #3958FD; }
	
	/* step2 */
	.cmn_join .section01 .section_row { flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; margin-bottom: 16px; }
	.join_wrap .section01 { margin-top: 32px; }
	
	.join_wrap .section02 .section_agr { padding: 16px; border: 1px solid #859AAC; border-radius: 4px; font-size: 0.875rem; font-weight: 700; color: #333; }
	.join_wrap .section02 .section_agr .agr_tit { padding-bottom: 24px; border-bottom: 1px solid #859AAC; margin-bottom: 12px; font-size: 1rem; }
	.join_wrap .section02 .section_agr .agr_list { display: flex; flex-direction: column; gap:12px; }
	.join_wrap .section02 .section_agr .agr_list .inp_chk { display: flex; justify-content: space-between; align-items: center; }
	.join_wrap .section02 .section_agr .agr_list .inp_chk a { font-size: 0.75rem; font-weight: 400; }
	.join_wrap .section03 .cmn_section_btn { margin: 30px 0 40px; }
	
	@media screen and (min-width: 375px){
		.cmn_join:not(.join_wrap) { max-width: 720px; }
	}


	/*  인풋 관련 셋팅   */
/* 	input[type="text"] { width: 100%; height: 20px; border: 1px solid #B3BFD1; padding: 0 4px; border-radius: 4px; } */
/* 	input[type="text"]:hover { border: 1px solid #389cfc; } */
/* 	input[type="text"]:focus { border: 1px solid #389cfc; } */
	
/* 	input[type="password"] { width: 100%; height: 20px; border: 1px solid #B3BFD1; padding: 0 4px; border-radius: 4px; } */
/* 	input[type="password"]:hover { border: 1px solid #389cfc; } */
/* 	input[type="password"]:focus { border: 1px solid #389cfc; } */
	
/* 	input.nbd { border: none!important; } */
/* 	input.nbd:hover { border: none!important; } */
/* 	input.nbd:focus { border: none!important; } */
	
/* 	input[type="text"].nbd { border: 1px solid transparent; } */
/* 	input[type="text"].nbd:hover { border: 1px solid transparent; } */
/* 	input[type="text"].nbd:focus { border: 1px solid transparent; } */
	
/* 	input[type="text"].bd { border: 1px solid #B3BFD1!important; } */
/* 	input[type="text"].bd:hover { border: 1px solid #389cfc!important; } */
/* 	input[type="text"].bd:focus { border: 1px solid #389cfc!important; } */
	
/* 	input[type="number"] { border: 1px solid #B3BFD1; padding: 0 4px; border-radius: 4px; } */
/* 	input[type="number"]:hover { border: 1px solid #389cfc; } */
/* 	input[type="number"]:focus { border: 1px solid #389cfc; } */
	
/* 	input[type="button"] { cursor: pointer; } */
	
	/* select */
/*     .select { height: 20px; width: 120px; padding-left: 4px; border: 1px solid #B3BFD1; border-radius: 4px; background: #fff; } */
    
    /*select_mark*/
/*     .select_label { padding-left: 15px; background-image: url(../../images/web/input/select_bg_off.png); background-repeat: no-repeat; background-position: left center; margin-right: 15px; line-height: 20px; } */
/*     .select_label:last-child { margin-right: 0; } */
/*     input[type="radio"]:checked + .select_label { background-image: url(../../images/web/input/select_bg_on.png); color: #487ACC; } */

/*     .select_label02 { padding-left: 20px; background-image: url(../../images/web/input/select_bg_off02.svg); background-repeat: no-repeat; background-position: left center; margin-right: 15px; line-height: 20px; } */
/*     .select_label02:last-child { margin-right: 0; } */
/*     input[type="radio"]:checked + .select_label02 { background-image: url(../../images/web/input/select_bg_on02.svg); font-weight: bold; color: #4A5E76; } */
/*     input[type="radio"]:checked + .check_label { background-image: url(../../images/web/input/check_on.svg); color: #487ACC; } */

/* 	select.selectInput { background: #fff; width: 120px; height: 20px; padding-left: 4px; border: 1px solid #B3BFD1; border-radius: 4px; } 캐시맵 기본값 */


    /*check_mark*/
/*     .check_label { padding-left: 15px; background-image: url(../../images/web/input/check_off.svg); background-repeat: no-repeat;  background-position: left center; margin-right: 15px; line-height: 20px; color: #aaa; } */
/*     .check_label.dis { background-image: url(../../images/web/input/check_dis.svg)!important; } */
/*     .txc .check_label { margin-right: 0; } */
/*     .check_label:last-child { margin-right: 0; } */
/*     input[type="checkbox"]:checked + .check_label { background-image: url(../../images/web/input/check_on.svg); color: #487ACC; } */

/*     .check_label02 { padding-left: 20px; background-image: url(../../images/web/input/check_off02.svg); background-repeat: no-repeat;  background-position: left center; margin-right: 15px; line-height: 20px; color: #aaa; } */
/*     .check_label02.dis { background-image: url(../../images/web/input/check_dis.svg)!important; } */
/*     .txc .check_label02 { margin-right: 0; } */
/*     .check_label02:last-child { margin-right: 0; } */
/*     input[type="checkbox"]:checked + .check_label02 { background-image: url(../../images/web/input/check_on02.svg); font-weight: bold; color: #4A5E76; } */

/* 	.check_label01, .check_label02 { background: #fff url(../../images/web/input/check_off02.svg) no-repeat left center; background-size: 14px; padding-left: 18px; font-size: 14px; font-weight: 500; color: #4A5E76; line-height: 14px; } */
/* 	.check_label01, .check_label02 { background: url(../../images/web/input/check_off02.svg) no-repeat left center; background-size: 14px; padding-left: 18px; font-size: 14px; font-weight: 500; color: #4A5E76; line-height: 14px; } */
/* 	.check_label01.dis, .check_label01.dis { background-image: url(../../images/web/input/check_dis.svg)!important; } */
/* 	input[type="checkbox"]:checked + .check_label01 { background-image: url(../../images/web/input/check_on01.svg); font-weight: bold; } */
/* 	input[type="checkbox"]:checked + .check_label02 { background-image: url(../../images/web/input/check_on02.svg); font-weight: bold; } */


    /*radio_mark*/
/*     .radio_label { min-width: 50px; padding: 0 10px; line-height: 23px; border: 1px solid #B3BFD1; border-radius: 4px; text-align: center; margin-right: 6px; } */
/*     input:checked + .radio_label { background: #487ACC; border: 1px solid #487ACC; color: #fff; } */
	
/* 	.radio_label { background: #fff url(../../images/web/input/radio_off.svg) no-repeat left center; background-size: 14px; padding-left: 20px; font-size: 14px; font-weight: 500; color: #4A5E76; line-height: 14px; } */
/* 	.check_label.dis { background-image: url(../../images/web/input/radio_dis.svg); } */
/* 	input[type="radio"]:checked + .radio_label { background-image: url(../../images/web/input/radio_on.svg); font-weight: bold; } */
	
	/*  text color  */
	/* 지정 컬러 */
/* 	.txt_blue01 { color: #3760FF!important; } main color */
/* 	.txt_grey01 { color: #666!important; } */
	
/* 	.txt_red01 { color: #FF2E60!important; } */
/* 	.txt_red02 { color: #DA4B42!important; } */
/* 	.txt_green01 { color: #00AE5B!important; } */
	
	
	/*  BG color  */
	/* 지정 컬러 */
/* 	.bg_blue01 { background: #3760FF!important; } main color */
/* 	.bg_blue02 { background: #E2ECF5 !important; }  */
	
/* 	.bg_black01 { background: #1F1F1F!important; } */
/* 	.bg_grey01 { background: #68798D!important; } */
/* 	.bg_white01 { background: #FFFFFF!important; } */
	
/* 	.bg_green01 { background: #00AD70!important; } */
/* 	.bg_red01 { background: #F06060!important; } */