/* 공통 */
.hidden-text{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}

.btn-wrap{display: flex; gap: 5px;}
.btn-wrap.center{justify-content: center;}
.btn-wrap.right{justify-content: flex-end;}
.btn{display: block; width: 100px; height: 43px; line-height: 43px; text-align: center; font-size: 16px; border-radius: 5px;}
.btn.type1{background-color: #0e9bbe; color: #fff;}
.btn.type1:hover{background-color: #14778f;}
.btn.type2{background-color: #fff; color: #111; border: 1px solid #999999;}
.btn.type2:hover{border: 1px solid #000;}
.btn.type3{background-color: #4c4c4c; color: #fff;}
.btn.type3:hover{background-color: #333;}
.btn.type4{background-color: #d35353; color: #fff;}
.btn.type4:hover{background-color: #c14242;}

.krds-btn.green{background-color: #006400; border: 1px solid #006400;}


/********************************
 left-nav : sub
 *******************************/
aside {float:left; display:inline-block; width:20%;}

.leftm_tit {position:relative; margin-bottom:10px; border-bottom:3px solid #005963; 
min-height:132px; display:flex; justify-content:center;align-items:center; background: var(--active-color);}
.leftm_tit >  h2 {font-size:2.6rem; color: var(--white-color);}

.leftm_list {border-color:#cecece; border-style:solid; border-width:0 0 1px;}
.leftm_list li {border-color:#cecece; border-style:solid; border-width:1px 1px 0;}
.leftm_list li a {position:relative; display:block; padding:15px 45px 15px 20px; font-size:1.6rem; line-height:1.4; vertical-align:middle;}
.leftm_list li a:before, .leftm_list li a:after {content:''; display:inline-block; position:absolute;}
.leftm_list li a span {display:inline-block;}
.leftm_list li.on{border:0; background: var(--active-color); color: var(--white-color); font-weight:bold;}

/* LNB */
.lnb_area_wrap{}
.lnb_area_wrap .lnb_area{}

.lnb_area_wrap .lnb_tit {position: relative; margin-bottom: 10px; min-height: 132px; display: flex; justify-content: center; align-items: center; color: #fff; background: var(--active-color);}
.lnb_area_wrap .lnb_area > ul > li > a {position: relative; display:block; padding: 14px 20px; border: 1px solid #cecece; border-bottom: none; font-weight: 400; color: #222;} 
.lnb_area_wrap .lnb_area > ul > li:last-child > a {border-bottom: 1px solid #cecece;}
.lnb_area_wrap .lnb_area > ul > li.active > a {border: 1px solid #077d8f; background: #077d8f; color: var(--white-color); font-weight:bold;}
.lnb_area_wrap .lnb_area > ul > li > a::before {position:absolute; right: 10px; top: 50%; transform: translateY(-50%); content:""; width:20px; height:20px; background: url(../img/sub/lnb01_off.png) center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.active > a::before {content:""; width:20px; height:20px; background: url(../img/sub/lnb01_on.png) center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.no_depth > a::before {position:absolute; right: 0; top: 50%; transform: translateY(-50%); content:""; width:20px; height:20px; background: url(../img/sub/lnb02_off.png) center no-repeat;}
.lnb_area_wrap .lnb_area > ul > li.no_depth.active > a::before {position:absolute; right: 0; top: 50%; content:""; width:20px; height:20px; background: url(../img/sub/lnb02_on.png) center no-repeat;}

.lnb_area_wrap .lnb_area .active .depth_all {display:block;}
.lnb_area_wrap .lnb_area .depth_all {background-color: #f6f6f6; padding: 15px 10px; display:none; border-left: 1px solid #cecece; border-right: 1px solid #cecece;}
.lnb_area_wrap .lnb_area > ul > li:last-child .depth_all{border-bottom: 1px solid #cecece;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a {position: relative; display: inline-block; padding: 5px 10px; padding-left: 20px; color: #262a30; font-size: 16px; transition: all 0s;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.blank{padding-right: 17px; background: url(../img/sub/blank.png) right center no-repeat;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a::before {position:absolute; left: 6px; top: 14px; content:""; width:4px; height:4px;background-color:#6d737c; border-radius: 50%;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:hover,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:focus,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.active {color: #028295; font-weight: 600;}
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:hover::before,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a:focus::before,
.lnb_area_wrap .lnb_area .depth_all > ul > li > a.active::before {background-color: #028295;}

/********************************
 contents : sub
 *******************************/
.contents_inner {float:right; display:inline-block; width:76%; min-height:400px; padding:35px 0 0;}
.contents_inner .line_map {padding-bottom:20px; margin-bottom:40px; border-bottom:1px solid #cecece;}/* 페이지타이틀 */
.contents_inner .line_map h2 {font-size:3.0rem; line-height:1.3; letter-spacing:-1px; color:#121212;} /* 페이지타이틀폰트*/
.contents_inner .line_map .util_box {padding:0; margin:0;}/*유틸*/
.contents_inner .line_map .util_box:after {content:''; display:block; visibility:hidden; clear:both;}
.contents_inner .line_map .util_box .location_box {float:left; margin-top:5px; margin-bottom:5px;}/*로케이션*/
.contents_inner .line_map .util_box .sns_box {float:right;}/*SNS 공유*/

.location_box li, .sns_box li {float:left;}
.location_box li {padding:0; margin:0 3px;}

.location_box li span {display:inline-block; padding:0 5px;text-decoration:underline;}
.location_box li.on {font-weight:500; color:#333;}
.location_box li.on span{text-decoration:none;}
.location_box li:before {content:''; display:inline-block; width:7px; height:11px; background:url('../img/sub/row_ico.png') 0 no-repeat;}
.location_box li:first-child:before {content:none;}
.location_box li:first-child, .location_box li:first-child span {padding:0; margin:0;}
.location_box li:first-child span {padding-right:5px}

.sns_box a {display:inline-block; float:left; font-size:0; margin-left:3px;}
.sns_box a:before {content:''; display:inline-block;}
.sns_box a.sns_print:before {width:33px; height:33px; background-image:url('../img/sub/print_ico.png'); background-repeat:no-repeat;}/*프린트*/

.content_box {position:relative;}

/********************************
mypage
 *******************************/
.txt-box-my {margin-bottom: 20px;
   border: 3px solid var(--green-color);;
   line-height: 1.5;
   word-break: keep-all;}
.conts-wrap h4 {position: relative;margin-bottom: 20px;padding-left: 12px;font-size: 20px;}
.conts-wrap h4:before {content: '';position: absolute;top: 45%;left: 0;width: 6px;height: 6px;background: var(--active-color);}

 .outline-txt  strong {font-size: 20px; }
.conts-desc-wrap {padding:15px;}
.graybg{background: var(--gray2-color);  padding:15px; display: flex; justify-content: center; align-items: center; gap:0.5rem;}

.greenbg {background:var(--green-color);}
.greenbg ul {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 10px 30px;}
.greenbg  ul li {display: flex;align-items: stretch;width: 19.5%;margin: 5px 0;}
.greenbg  ul li a {display: flex;justify-content: flex-start;align-items: center;width: 100%;min-height: 80px;background: #fff;border-radius: 2rem;
color: #283283;font-size: 16px;font-weight: 700;vertical-align: middle;letter-spacing: -0.05em;}
.greenbg  ul li a span {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;font-size: inherit;
font-weight: inherit;color: inherit;}

.greenbg  ul li a span i.ico-service {width: 26px;height: 26px;margin-bottom: 7px;background-color: #fff;border-radius: 100%;}
.greenbg  ul li a:hover {color: #fff;background: var(--active-color); box-shadow: 3px 3px 5px 0 #bbc8d8;}
.greenbg  ul li a:hover span i.ico-service  {background-position: -26px 0;}

.txt-box.sky{background-color: aliceblue;}
.con-tit{font-size: 25px;}
.c-wrap .txt{font-size: 17px;}
.help-txt strong{font-size: 19px;}

.list li{position: relative; padding-left: 18px; margin-bottom: 5px; font-size: 17px;}
.list li:before{position: absolute; top: 10px; left: 0; content: ""; display: block; width: 5px; height: 5px; background-color: #464c53; border-radius: 50%;}

.krds-structured-list.type3{grid-template-columns: 1fr 1fr;}
.id-box{padding: 2rem; background-color: #fff;}


/* 단계 표시기 */
.krds-step-wrap{padding-top: 10px; margin-bottom: 30px;}
.krds-step-wrap > li::after{left: 50%;}
.krds-step-wrap > li > span{align-items: center; padding-right: 0;}
.krds-step-wrap > li > span::before{left: 50%; transform: translateX(-50%);}
.krds-step-wrap > li .step{font-size: 15px;}
.krds-step-wrap > li.active .step{color: #007789;}
.krds-step-wrap > li .step-tit{font-size: 17px;}
.krds-step-wrap > li.active .step-tit{color: #007789;}
.krds-step-wrap > li.active > span::after{left: 50%; transform: translateX(-50%); background-color: #0996ab;}
.krds-step-wrap > li.active > span::before{border-color: #0996ab;}
.krds-step-wrap > li.done > span::after{left: 50%; transform: translateX(-50%);}

.stepTitle{padding: 25px 20px; margin-bottom: 20px; font-weight: 500; background-color: #f3f9ff; text-align: center; border-radius: 10px; border: 1px dashed #aaa;}


/* STEP01 */
.step01{display: flex; gap: 15px;}
.step01 li{flex: 1; padding: 30px 20px; border: 1px solid #b1b8be; border-radius: 10px; text-align: center;}
.step01 li h3{margin-bottom: 10px; font-size: 21px;}
.step01 li span{display: inline-block; margin-top: 8px; color: #fff; font-size: 15px; padding: 3px 10px; border-radius: 30px; font-weight: 500;  background: #333;}
.step01 li p{margin: 20px 0; padding-bottom: 20px; font-size: 15px; border-bottom: 1px solid #ddd;}

/* STEP02 약관동의 */
.terms-agree-ul .agree-tit{font-size: 18px;}
.krds-modal .modal-dialog .modal-conts{width: 90% !important; margin-top: 10px; border: 1px solid #ddd; border-radius: 10px;}
.terms-cont h5{font-size: 19px;}
.terms-cont h6{font-size: 17px;}
/* 약관 스크롤 전체 박스 */
.terms-scroll-wrap {margin-top: 16px;}

/* modal-content 대체 */
.terms-scroll-content {border: 1px solid #dcdcdc; border-radius: 12px; background: #fafafa;}

/* modal-header 대체 */
.terms-scroll-header {padding: 20px 24px 12px; border-bottom: 1px solid #e5e5e5;}
.terms-scroll-title {font-size: 18px; font-weight: 700; margin: 0;}

/* modal-conts 대체 */
.terms-scroll-body {max-height: 260px; /* ★ 스크롤 핵심 */ overflow-y: auto; padding: 20px 24px;}

/* 기존 KRDS 약관 스타일 유지 */
.terms-scroll-body .terms-cont {display: flex; flex-direction: column; gap: 16px;}


/* STEP03 본인인증 */
.certified{display: flex; flex-wrap: wrap; gap: 30px;}
.certified li{width: calc(50% - 15px); border: 2px solid #0996ab; border-radius: 10px;}
.certified li:hover{background-color: #f0fbff; border: 2px solid #0996ab;}
.certified li a{position: relative; display: block; width : 100%; height: 100%; padding: 30px 30px 30px 90px;}
.certified li a h4{font-size: 25px;}
.certified li a p{margin-top: 25px;}
.certified li a:before{position: absolute; top: 33px; left: 25px; display: block; content: ""; width: 44px; height: 44px; background-repeat: no-repeat; background-size: contain;}
.certified li.phone a:before{background-image: url(../img/sub/certified_01.png);}
.certified li.ipin a:before{background-image: url(../img/sub/certified_02.png);}
.certified li.mobile a:before{background-image: url(../img/sub/certified_01.png);}
.certified li.public a:before{background-image: url(../img/sub/certified_03.png);}
.certified li.simplicity a:before{background-image: url(../img/sub/certified_04.png);}
.certified li a:after{position: absolute; top: 33px; right: 30px; display: block; content: ""; width: 24px; height: 24px; background: url(../img/sub/i_go.svg) no-repeat;}

/* STEP05 가입완료 */
.step05{padding: 45px 20px; text-align: center; background-color: #f4f4f4; border: 1px solid #b1b8be; border-radius: 10px;}
.step05 h5{position: relative; padding-top: 80px; margin-bottom: 20px; font-size: 25px;}
.step05 h5:before{position: absolute; top: 0; left: 50%; transform: translateX(-50%); content:""; display: block; width: 55px; height: 55px; background: url(../img/sub/i_check_02.png) no-repeat; background-size: contain;}
.step05 p{margin-bottom: 30px; font-size: 18px;}
.step05 .btn-wrap .login{background-color: #0996ab; border: 1px solid #0996ab;}
.step05 .btn-wrap .login:hover{color: #fff; background-color: #1b7c8b; border: 1px solid #1b7c8b;}

/* 개인정보 */
.info-name{position: relative; margin-bottom: 20px; font-size: 26px; font-weight: 500;}
.info-name strong{font-size: 29px; color: #0167ff;}
/* .info-name:before{position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ""; display: block; width: 30px; height: 30px; background: url(../img/sub/i_check.png) no-repeat;} */

.info-cards{display: flex; gap: 20px;}
.info-cards .card{flex: 1; padding: 30px; background-color: #edf1f5; border-radius: 10px;}
.info-cards .card h4{display: flex; align-items: center; gap: 17px; margin-bottom: 15px;font-size: 24px;}
.info-cards .card .btn-more{display: flex; align-items: center; gap: 10px; height: 60px; padding: 0 30px; margin-bottom: 20px; font-size: 18px; font-weight: 500; background-color: #fff; border-radius: 10px; transition: all 0.3s;}
.info-cards .card .btn-more:last-child{margin-bottom: 0;}
.info-cards .card .btn-more:hover{color: #fff; background-color: #256ef4;}
.info-cards .card .btn-more:hover .svg-icon{background-color: #fff;}

.website-list{display: flex; flex-wrap: wrap; gap: 15px;}
.website-list li{width: calc(33.333333333% - 10px);}
.website-list li a{display: flex; align-items: center; justify-content: center; gap: 7px; height: 60px; font-size: 17px; font-weight: 500; border: 1px solid #c6c6c6; border-radius: 10px; transition: all 0.3s;}
.website-list li a:hover{color: #fff; background-color: #256ef4;}
.website-list li a:hover .svg-icon{background-color: #fff;}

.sub-tit{position: relative; padding-left: 35px; font-size: 25px;}
.sub-tit:before{position: absolute; top: 7px; left: 0; content: ""; display: block; width: 23px; height: 23px; background: url(../img/sub/sub_tit.png) no-repeat;}

/* 테이블 */
.table-wrap{}
.table-wrap .tbl{font-size: 17px;}
.table-wrap thead th{padding: 12px; font-weight: 600; vertical-align: middle; background-color: #eef2f7; border-bottom: 1px solid #99b0cb;}
.table-wrap tbody td{padding: 12px; border-bottom: 1px solid #d8d8d8;}

/* 감면할인확인 */
.table-wrap.type2 tbody td{text-align: center;}
.table-wrap.type2 tbody td.subject{text-align: left;}
.table-wrap.type2 .krds-badge{height: auto;}
.table-wrap.type2 tbody td.subject .subject-wrap {display: flex;flex-direction: column;align-items: flex-start; gap: 3px;}
.table-wrap.type2 tbody td.subject .sj-wrap-items {display: flex;align-items: center;justify-content: flex-start;gap: 1rem;}

/* 회원탈퇴 */
.check-list>li{position: relative; padding-left: 27px; margin-bottom: 5px; font-size: 17px;}
.check-list>li:before{position: absolute; top: 5px; left: 0; content:""; width: 16px; height: 13px; background: url(../img/sub/i_check_03.png) no-repeat; background-size: contain;}
.list2>li{position: relative; padding-left: 16px; margin-bottom: 5px; font-size: 16px;}
.list2>li:before{position: absolute; top: 10px; left: 0; content:""; width: 7px; height: 2px; background-color: #777;}

/* 공지사항 */
.sch-box2{margin-bottom: 30px; padding: 25px; background-color: #f7f7f7; border-radius: 10px;}
.sch-box2 .form-tit{width: 130px; color: #222;}
.sch-box2 .form-conts{display: flex; flex-direction: row; justify-content: center; gap: 10px; align-items: center;}
.sch-box2 .krds-form-select{max-width: 150px; height: 45px; line-height: 1.2em; padding-right: 20px; color: #000; font-size: 16px;}
.sch-box2 .krds-input{max-width: 350px; height: 45px; font-size: 16px;}
.sch-box2 .date{position: relative;}
.sch-box2 .date .krds-input{max-width: 200px;}
.sch-box2 .date .btn-calendar{position: absolute; top: 50%; right: 15px; transform: translateY(-50%); display: flex;}
.sch-box2 .sch-btn{min-width: 80px; height: 45px; font-size: 17px; font-weight: 500; border: 1px solid #295e7c; color: #fff; background-color: #295e7c;}
.sch-box2 .sch-btn:hover{border: 1px solid #1f749b; background-color: #1f749b;}

.board-top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.board-top .total{padding-left: 20px; line-height: normal; background: url(../img/sub/i_total.png) left center no-repeat;}

.board_area.type1 .board_table{border-spacing: 0;}
.board_area.type1 .board_table thead th{padding: 13px 10px 11px 10px; border-bottom: 1px solid #ddd; background-color: #f9fafb;}
.board_area.type1 .board_table thead th::after{display: none;}
.board_area.type1 .board_table tbody td{padding: 15px 10px;}
.board_area.type1 .board_table tbody td a{transition: all 0.1s;}
.board_area.type1 .board_table tbody td a:hover{color: #0f56d9; text-decoration: underline;}

.krds-file-upload .file-upload{padding: 40px 10px; gap: 15px;}
.krds-file-upload .file-upload .txt{font-size: 16px;}

/* 글쓰기 */
.tbl-wrap.type1 table{width:100%; margin:10px 0 5px; border-top:2px solid #4f4e4e; word-break:keep-all; word-wrap:break-word;}
.tbl-wrap.type1 table th,
.tbl-wrap.type1 table td{border:1px solid #ccc; font-size:15px;}
.tbl-wrap.type1 table th{padding:14px 5px; background:#f9fafb; font-weight:500; text-align:center;}
.tbl-wrap.type1 table thead + .tbl-wrap.type1 tbody th{background:#fcfcfc;}
.tbl-wrap.type1 table td{padding:13px 12px; text-align: center;}
.tbl-wrap.type1 table th.left{text-align: left;}
.tbl-wrap.type1 table td.left{text-align: left;}

.required{font-size: 15px;}
.req{color: #ff2a2a; vertical-align: text-bottom;}
.bundle{}
.bundle .top{display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; margin-bottom: 25px; padding-bottom: 10px;}
.bundle h4{display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 500;}
.bundle .krds-form-check input[type=radio] ~ label, 
.bundle .krds-form-check input[type=checkbox] ~ label{line-height: 30px; font-size: 16px;}
.bundle .form-group-row{display:flex; gap:0.5rem;}
.krds-form-check{display: inline-block;}
.bundle .krds-input{max-width: 350px; height: 45px; font-size: 15px; border: 1px solid #ababab;}
.bundle .krds-input.w100{max-width: 100%;}
.bundle textarea.krds-input{height: 300px;}
.bundle .krds-btn{height: 45px; font-size: 16px;}
.bundle .form-group .form-conts{gap: 7px;}
.bundle .input-group{gap: 7px;}



/********************************
 media query
 *******************************/
@media screen and (max-width:1200px) {

}

@media screen and (max-width:1024px) {
	aside {display:none;}
	#top_layout .top_inner, #body_layout .body_inner, #foot_layout .foot_inner {width:100%;}
	.sns_box a.sns_print {display:none;}
	.contents_inner {width:100%; padding:30px 40px 0; transition: width 0.1s linear;}
	.contents_inner .line_map h2 {font-size:2.8rem;}
	
	/* 개인정보 */
	.website-list li{width: calc(50% - 7.5px);}
	
	/* 공지사항 */
	.board_table tbody tr{position: relative; padding-left: 70px;}
	.board_area.type1 .board_table tbody td{padding: 0; color: #888;}
	.board_area.type1 .board_table tbody td.num{position: absolute; top: 16px; left: 10px;}
	.board_area.type1 .board_table tbody td.subject a{font-weight: 500; color: #000;}
	
	
}

@media screen and (max-width:767px) {
	#body_layout .body_inner {margin-bottom:40px;}
  
	.contents_inner {padding:30px 20px 0;}
	.contents_inner .line_map h2 {font-size:2.4rem;}
	
	/* 개인정보 */
	.info-name{margin-bottom: 10px; font-size: 22px;}
	.info-name strong{font-size: 24px;}
	.info-name:before{width: 24px; height: 24px; background-size: contain;}
	.info-cards{flex-direction: column; gap: 15px;}
	.info-cards .card h4{gap: 12px; font-size: 21px;}
	.info-cards .card h4 img{height: 23px;}
	.info-cards .card .btn-more{height: 50px; padding: 0 20px; margin-bottom: 10px; font-size: 17px;}
	
	.website-list{gap: 10px;}
	.website-list li{width: 100%;}
	.website-list li a{height: 47px; font-size: 16px;}
	
	/* 테이블 */
	.table-wrap .tbl{font-size: 16px;}
	.table-wrap thead th{padding: 12px 5px;}
	.table-wrap tbody td{padding: 12px 5px;}
	
	/* 단계 표시기 */
	.krds-step-wrap{width: 95%; margin: 0 auto 50px auto;}
	.krds-step-wrap > li::after{left: 0.1rem;}
	.krds-step-wrap > li > span{align-items: flex-start;}
	.krds-step-wrap > li .step{width: auto !important; height: auto !important; margin-left: -7px !important; clip: auto !important; padding-top: 5px !important;}
	.krds-step-wrap > li > span::before{left: 0; transform: translateX(0);}
	.krds-step-wrap > li.active > span::after{left: calc((var(--krds-step--circle-size-default) - var(--krds-step--circle-size-active)) / 2); transform: translateX(0);}
	.krds-step-wrap > li.done > span::after{left: 0; transform: translateX(0);}
	
	/* STEP01 */
	.step01{flex-direction: column;}
	
	/* STEP03 본인인증 */
	.certified{gap: 13px;}
    .certified li{width: 100%;}
    .certified li a{padding: 20px 30px 20px 60px;}
    .certified li a h4{font-size: 22px;}
    .certified li a p{margin-top: 15px;}
    .certified li a:before{top: 21px; left: 15px; width: 32px; height: 32px;}
    .certified li a:after{top: 23px;}
    
    /* STEP05 가입완료 */
    .step05 h5{padding-top: 65px;}
    .step05 h5:before{width: 48px; height: 48px;}
    
    /* 공지사항 */
    .sch-box2 .form-conts{flex-wrap: wrap;}
	.sch-box2 .krds-input{max-width: none; width: calc(100% - 270px);}
	.sch-box2 .date{width: calc(50% - 14px);}
	.sch-box2 .date .krds-input{max-width: none; width: 100%;}
	
}

@media screen and (max-width:640px) {
	/* 공통 */
	.contents_inner {padding:25px 20px 0;}
	.contents_inner .line_map h2 {font-size:2.2rem;}
	.contents_inner .line_map .util_box .sns_box {float:left;}
	.list li{font-size: 15px;}
    
    .pc{display: none;}
    .krds-structured-list.type3{grid-template-columns: 1fr;}
    .txt-box{padding: 2.4rem;}
    .con-tit{font-size: 21px;}
	.sub-tit{padding-left: 30px; font-size: 22px;}
	.sub-tit:before{width: 20px; height: 20px; background-size: contain;}
    .c-wrap .txt{font-size: 16px;}
    
    .btn{width: 90px; font-size: 15px; height: 40px; line-height: 40px;}
    
    /* 약관동의 */
    .terms-agree-ul .agree-box{flex-direction: column; gap: 10px;}
    .txt-box.bg-white .input-group.m-column {flex-direction: column; gap: var(--krds-gap-5);}
    .txt-box.bg-white .input-group.m-column .krds-btn {width: 100%;}
    
    /* 공지사항 */
    .sch-box2{padding: 20px 15px;}
	.sch-box2 .form-conts{gap: 5px; justify-content: space-between;}
	.sch-box2 .krds-input{width: calc(100% - 95px); height: 40px; font-size: 15px;}
	.sch-box2 .date .krds-input{padding: 0 10px; font-size: 15px;}
	.sch-box2 .date .btn-calendar{right: 8px;}
	.sch-box2 .krds-form-select{width: 100%; max-width: none; height: 40px; padding: 0 10px; font-size: 15px;}
	.sch-box2 .sch-btn{min-width: auto; width: 90px; height: 40px; font-size: 15px;}
	.board_table tbody tr{padding-left: 10px;}
	.board_area.type1 .board_table tbody td{ color: #888;}
	.board_area.type1 .board_table tbody td.num{display: none;}
	.board_area.type1 .board_table tbody td.subject a{font-weight: 500; color: #000;}
	
    

    
}

@media screen and (max-width:480px) {
	
}

.step-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
}
.step-wrap .step {
	flex: 1;
	text-align: center;
	padding: 10px 0;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.step-wrap .step.active {
	border: 1px solid #077d8f;
	background-color: #077d8f;
    color: #fff;
    font-weight: bold;
}