@charset "UTF-8";

/*=========================================================================
* 메인
===========================================================================*/
.m-section .inner {padding: 4.688rem 4rem;}
.m-section .box-cont.bg-gray,
.m-section .box-cont.bg-white {   width: 100%; height: 400px; background: var(--color-lightgray);}
.m-section .box-cont.bg-white {  background: #fff;}
.main-banner {  /* height: 540px; */  position: relative; overflow: hidden;  box-sizing: content-box;background: #def0e5 url(../img/main-banner.jpg) center 0 / cover no-repeat;}
.main-banner .inner {  width: 95%;  max-width: 1186px;  margin: 0 auto;}
.main-banner .text-area {  max-width: 520px;  width: 90%}
.main-banner .text-area svg { width: 100%; }
.main-banner .video-wrap {width: 90%; margin: 0 auto; max-width: 580px;}
.main-banner .vi-logo-wrap {}
.main-banner .vi-logo-wrap .m_img{display:none;}
.main-banner.style02 {  width: 100%;height: auto; margin: 0; border-radius: 0; overflow: hidden; box-sizing: content-box;}
.main-banner.style02 .inner { /*height: 80vh; */}
.m-section .tab {width: 30%;}
.m-section .tab-item { display: inline-block; vertical-align: middle; padding: 0.75rem 2rem; border: 1px solid var(--color-gray); border-radius: 0.75rem; margin: 0 1rem 1rem 0; transition: all ease 0.5s;}
.m-section .tab-item:hover,
.m-section .tab-item.active { background: var(--color-basic); color: var(--color-dark);border-color: var(--color-dark);}
.m-section .tab-cont { flex: 1;}
.m-section .logo-wrap { width: 100%; max-width: 1440px;margin: 0 auto;}
.logo-item { width: 230px; height: 100px; border-radius: 0.625rem; border: 1px solid var(--color-lightgray); margin: 0 0.625rem 0.625rem 0; overflow: hidden; background: #fff;}
.logo-item img { width: 70%;}
.m-section.section07 .notice-area,
.m-section.section07 .faq-area { width: calc(50% - 3rem);}
.board-item { width: 100%; padding: 1.875rem; border-radius: 0.625rem; background-color: #e6e7ff9c;}
.m-section.section07 .faq-area .board-item { background: #fff;}
.m-section.section03 .box-cont > div { width: 100%; max-width: 1280px; margin: 0 auto;}
.m-section.section03 .text-area { padding: 2.5rem;}
.m-section.section03 .badge { margin: 0 0.5% 1% 0;}
.m-section.section03 .logo-wrap .logo-item {width: 24%;}
.m-section.section03 .logo-wrap .logo-item a { display: flex; width: 100%; height: 100%; align-items: center;justify-content: center;}
.m-section.section04 .ip-item {width: 24%; flex-direction: column; text-align: center;}
.m-section.section04 .ip-item .icon { width: 100%;}
.m-section.section04 .ip-item .text-area { padding: 0 1.5rem;}
.m-section.section05 .img-area-mo { display: none;}
.m-section.section05 .arti-area { padding: 2rem 1rem; border-radius: 2rem; width: 80%; max-width: 1280px; margin: 0 auto;}
.m-section.section05 .arti-area .img-area > img { height: 200px;}
.m-section.section07 {  background: #f8f8f8;}


/*추가*/
.main_visual_text img{display:block; margin-left:auto; margin-right:auto;}
.main_visual_date img{display:block; width:400px; margin-top:30px; margin-left:auto; margin-right:auto;}

.main .m-section .inner{width:1280px; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0; padding-top:130px; padding-bottom:130px;}
.main .m-section .m-section-title{font-size:45px; line-height:1.1; color:#111; font-weight:600;}
.main .m-section .m-section-title.white{color:#fff;}
@media (max-width: 1300px) {
	.main .m-section .inner{width:90%;}
	.main .m-section .m-section-title{font-size:40px;}
}
@media (max-width: 1000px) {
	.main .m-section .inner{padding-top:100px; padding-bottom:100px;}
	.main .m-section .m-section-title{font-size:35px;}
}
@media (max-width: 640px) {
	.main .m-section .inner{padding-top:60px; padding-bottom:60px;}
	.main .m-section .m-section-title{font-size:32px;}
}
@media (max-width: 480px) {
	.main .m-section .m-section-title{font-size:30px;}
}

.main .m-section.section01 .inner{padding-top:80px; padding-bottom:100px;}
@media (max-width: 640px) {
	.main .m-section.section01 .inner{padding-top:60px; padding-bottom:60px;}
}



/*영상 삭제 후 임시
.main .m-section.section01 .main_visual_text{margin-top:100px; }
.main .m-section.section01 .main_visual_date{margin-top:60px; margin-bottom:100px;}
.main-banner .text-area{max-width:600px;}
.main_visual_date img{width:500px;}
@media (max-width: 768px) {
	.main .m-section.section01 .main_visual_text{margin-top:80px; }
	.main .m-section.section01 .main_visual_date{margin-top:40px; margin-bottom:80px;}
	.main-banner .text-area{max-width:500px;}
	.main_visual_date img{width:400px;}
}
@media (max-width: 640px) {
	.main .m-section.section01 .main_visual_text{margin-top:20px; }
	.main .m-section.section01 .main_visual_date{margin-top:30px; margin-bottom:20px;}
	.main-banner .text-area{max-width:90%;}
	.main_visual_date img{width:80%;}
}
*/

/*section02*/   
/*
.main .m-section.section02 .tabs .tab-list li a{padding-top:12px; padding-bottom:12px; background-color:#fff; border-bottom:1px solid #e1e1e1;}
.main .m-section.section02 .tabs .tab-list li a.active{border:1px solid var(--color-secondary); background-color:var(--color-secondary); color:#fff;}
*/
.main .m-section.section02 .tabs .tab-cont{padding-top:40px;}
.main .m-section.section02 .tabs .tab-cont .logo-item{width:calc((100% - 50px)/6); margin:0; margin-right:10px;}
.main .m-section.section02 .tabs .tab-cont .logo-item:nth-child(6n){margin-right:0;}
.main .m-section.section02 .tabs .tab-cont .logo-item:nth-child(+n+7){margin-top:10px;}
.main .m-section.section02 .tabs .tab-cont .logo-item a {display:flex; justify-content: center; align-items: center; text-align:center;}
@media (max-width: 1024px) {
	.main .m-section.section02 .tabs .tab-cont{padding-top:20px;}
	.main .m-section.section02 .tabs .tab-cont .logo-item{}
	.main .m-section.section02 .tabs .tab-cont .logo-item{width:calc((100% - 30px)/4); height:60px;}
	.main .m-section.section02 .tabs .tab-cont .logo-item:nth-child(6n){margin-right:10px;}
	.main .m-section.section02 .tabs .tab-cont .logo-item:nth-child(4n){margin-right:0;}
	.main .m-section.section02 .tabs .tab-cont .logo-item:nth-child(+n+5){margin-top:10px;}
}
@media (max-width: 640px) {
	.main .m-section.section02 .tabs .tab-cont .logo-item{width:calc((100% - 10px)/3); height:45px; margin-right:5px;}
	.main .m-section.section02 .tabs .tab-cont .logo-item:nth-child(4n){margin-right:5px;}
	.main .m-section.section02 .tabs .tab-cont .logo-item:nth-child(3n){margin-right:0;}
	.main .m-section.section02 .tabs .tab-cont .logo-item:nth-child(+n+4){margin-top:5px;}
}

/*section03*/
.main .m-section.section03{background-color:#ecfff4;}


/*section04*/
.main .section04{background-color:var(--color-secondary);}
.main .section04 .info-program{max-width:1200px; margin-left:auto; margin-right:auto;}
.main .section04 .info-program .ip-item{width:calc((100% - 45px)/2); margin-bottom:0; border-radius:40px; overflow: hidden; background-color:#fff; transition:0.3s;}
.main .section04 .info-program .ip-item:nth-child(odd){margin-right:45px;}
.main .section04 .info-program .ip-item:nth-child(even){margin-right:0;}
.main .section04 .info-program .ip-item:nth-child(+n+3){margin-top:45px;}
.main .section04 .info-program .ip-item .icon{height:auto; margin:0 !important; padding:0; border-radius:none; background:none;}
.main .section04 .info-program .ip-item .text-area{width:100%; padding:40px 50px; text-align:left;}
.main .section04 .info-program .ip-item .subject{font-size:35px; transition:0.3s;}
.main .section04 .info-program .ip-item .desc{font-size:20px; transition:0.3s;}
.main .section04 .info-program .ip-item .anchor{font-size:25px; font-weight:600; transition:0.3s;}
.main .section04 .info-program .ip-item:hover{box-shadow: 20px 20px 20px rgba(0,0,0,0.2);}
.main .section04 .info-program .ip-item:hover .subject{padding-left:10px; color:var(--color-secondary);}
.main .section04 .info-program .ip-item:hover .desc{padding-left:10px;}
.main .section04 .info-program .ip-item:hover .anchor{padding-left:10px;}
@media (max-width: 1280px) {
	.main .section04 .info-program .ip-item .text-area{padding:30px 50px;}
	.main .section04 .info-program .ip-item .subject{font-size:30px;}
	.main .section04 .info-program .ip-item .desc{font-size:18px;}
	.main .section04 .info-program .ip-item .anchor{font-size:22px;}
}
@media (max-width: 1000px) {
	.main .section04 .box-title.mb50{margin-bottom:30px !important;}
	.main .section04 .info-program .ip-item{width:calc((100% - 30px)/2);border-radius:30px;}
	.main .section04 .info-program .ip-item:nth-child(odd){margin-right:30px;}
	.main .section04 .info-program .ip-item:nth-child(+n+3){margin-top:30px;}
	.main .section04 .info-program .ip-item .text-area{padding:30px 40px;}
	.main .section04 .info-program .ip-item .subject{font-size:27px;}
	.main .section04 .info-program .ip-item .desc{font-size:17px;}
	.main .section04 .info-program .ip-item .desc br{display:none;}
	.main .section04 .info-program .ip-item .anchor{font-size:20px;}	
}
@media (max-width: 768px) {
	.main .section04 .info-program .ip-item{width:calc((100% - 20px)/2);border-radius:20px;}
	.main .section04 .info-program .ip-item:nth-child(odd){margin-right:20px;}
	.main .section04 .info-program .ip-item:nth-child(+n+3){margin-top:20px;}
	.main .section04 .info-program .ip-item .text-area{padding:25px 30px;}
	.main .section04 .info-program .ip-item .subject{font-size:25px;}
	.main .section04 .info-program .ip-item .desc{font-size:17px;}
	.main .section04 .info-program .ip-item .anchor{font-size:18px;}	
	.main .section04 .info-program .arrow_circle .ico{width:25px; height:25px;}
	.main .section04 .info-program .arrow_circle .ico::before{width:7px; height:11px;}
}
@media (max-width: 640px) {
	.main .section04 .info-program{flex-direction: column; max-width:320px; margin-left:auto; margin-right:auto;}
	.main .section04 .info-program .ip-item{width:100%;}
	.main .section04 .info-program .ip-item:nth-child(odd){margin-right:0;}
	.main .section04 .info-program .ip-item:nth-child(+n+2){margin-top:10px;}
	.main .section04 .info-program .ip-item .text-area{padding:20px 30px;}
	.main .section04 .info-program .ip-item .subject{font-size:22px;}
	.main .section04 .info-program .ip-item .desc{font-size:15px;}
	.main .section04 .info-program .ip-item .anchor{font-size:17px;}	
}


/*section05*/
.main .section05{background-color:#fbf3e6;}
.main .section05 .item{position:relative; padding:60px 40px; border-radius:50px; text-align:center;}
.main .section05 .item::before{position:absolute; display:block; width:calc(100% - 80px); height:2px; left:40px; top:-1px; content:''; background:url('/assets/img/main_section05_line.png') no-repeat center center / contain;}
.main .section05 .item:nth-child(1)::before{display:none;}
.main .section05 .item .intro_area{}
.main .section05 .item .intro_area .num{position:relative; width:100px; height:40px; margin:0 auto 20px auto;  font-size:22px; line-height:40px; color:#fff; background-color:#f18e00;}
.main .section05 .item .intro_area .num::before{position:absolute; display:block; width:16px; height:13px; left:50%; bottom:-13px; transform: translateX(-50%); content:''; background:url('/assets/img/main_section05_intro.png') no-repeat center center / contain;}
.main .section05 .item .intro_area .subject{font-size:35px; line-height:1.4;}
.main .section05 .item .intro_area .desc{margin-top:5px; font-size:22px; line-height:1.4;}
.main .section05 .item .intro_area .desc br{display:none;}
.main .section05 .item .step_box{margin-top:40px;}
.main .section05 .item .comment{margin-top:50px;}
.main .section05 .item .comment span{display:inline-block; padding:15px 30px; border-radius:30px; background-color:#eee; font-size:22px; line-height:1.5;}
.main .section05 .item .anchor_wrap{margin-top:50px;}
.main .section05 .item .anchor_wrap .anchor{display:inline-block; height:60px; padding-left:60px; padding-right:60px; line-height:60px; border-radius:10px; background-color:#fbf3e6; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); transition: 0.3s;}
.main .section05 .item .anchor_wrap .anchor .text{font-size:25px; font-weight:600;}
.main .section05 .item .anchor_wrap .anchor:hover{padding-left:70px; padding-right:50px;}
@media (max-width: 1280px) {
	.main .section05 .item .comment{margin-top:40px;}
	.main .section05 .item .comment span{padding:15px 25px; font-size:20px;}
}
@media (max-width: 1000px) {
	.main .section05 .box-title.mb50{margin-bottom:30px !important;}
	.main .section05 .item{padding:40px 30px;}
	.main .section05 .item::before{background-size:cover;}
	.main .section05 .item .intro_area .num{width:80px; height:35px; line-height:35px; font-size:18px;}
	.main .section05 .item .intro_area .subject{font-size:32px;}
	.main .section05 .item .intro_area .desc{font-size:20px;}	
	
	.main .section05 .item .anchor_wrap .anchor .text{font-size:20px;}
}
@media (max-width: 768px) {
	.main .section05 .item .intro_area .subject{font-size:28px;}
	.main .section05 .item .intro_area .desc{font-size:18px;}	
	.main .section05 .item .intro_area .desc br{display:block;}	
	.main .section05 .item .comment{margin-top:30px;}
	.main .section05 .item .comment span{padding:10px 20px; font-size:18px;}
	.main .section05 .item .anchor_wrap{margin-top:30px;}
	.main .section05 .item .anchor_wrap .anchor{height:50px; padding-left:50px; padding-right:50px; line-height:50px;}
	.main .section05 .item .anchor_wrap .anchor .text{font-size:18px;}
	.main .section05 .item .anchor_wrap .anchor:hover{padding-left:60px; padding-right:40px;}
	.main .section05 .item .arrow_circle .ico{width:25px; height:25px;}
	.main .section05 .item .arrow_circle .ico::before{width:7px; height:11px;}
}
@media (max-width: 640px) {
	.main .section05 .item{padding-left:15px; padding-right:15px;}
	.main .section05 .item .intro_area .num{width:70px; height:30px; line-height:30px; font-size:16px;}
	.main .section05 .item .intro_area .subject{font-size:24px;}
	.main .section05 .item .intro_area .desc{font-size:16px;}
	.main .section05 .item .comment span{padding:8px 20px; font-size:15px; line-height:1.4;}	
	.main .section05 .item .anchor_wrap .anchor{padding-left:30px; padding-right:30px;}
	.main .section05 .item .anchor_wrap .anchor .text{font-size:17px;}
	.main .section05 .item .anchor_wrap .anchor:hover{padding-left:30px; padding-right:30px;}
}
@media (max-width: 350px) {
	.main .section05 .item .anchor_wrap .anchor{padding-left:20px; padding-right:20px;}
	.main .section05 .item .anchor_wrap .anchor .text{font-size:16px;}
	.main .section05 .item .anchor_wrap .anchor:hover{padding-left:20px; padding-right:20px;}
}


/*section07*/
.main .section07 .board-item{background-color:#ecfff4; box-shadow: 5px 5px 5px rgba(0,0,0,0.05);}
.main .section07 .more{display:flex; justify-content: center; align-items: center; width:50px; height:50px; border-radius:10px; background-color:#111;}
.main .section07 .more .arrow{display:block; font-size:25px; color:#fff;}
.main .section07 .notice-area .board-item .subject_text {width:calc(100% - 100px); padding-right:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.main .section07 .notice-area .board-item .date {width:100px;}
@media (max-width: 1000px) {
	.main .section07 .box-title.mb50{margin-bottom:30px !important;}
	.main .section07 .more{width:40px; height:40px; border-radius:7px;}
}
@media (max-width: 640px) {
	.main .section07 .board-item{padding-right:1.3rem;}
	.main .section07 .notice-area .board-item .subject_text {width:calc(100% - 85px); padding-right:15px;}
	.main .section07 .notice-area .board-item .date {width:85px;}
}



/*=========================================================================
* 서브페이지 
===========================================================================*/
.subPage .inner {    width: 100%;    max-width: 1280px;padding: 3.125rem 0rem 3.125rem 0rem;}
.sub-visual {position:relative; padding: 5rem 0;background: url(../img/sub-bg.png) center/cover no-repeat; z-index: 10;}
.sub-visual::before{display:none; position:absolute; width:100%; height:100%; left:0; top:0; content:'';}
.sub-visual.visual01 {background: url(../img/sub-visual01.jpg) center right /cover no-repeat;}
.sub-visual.visual02 {background: url(../img/sub-visual02.jpg) center right /cover no-repeat;}
.sub-visual.visual03 {background: url(../img/sub-visual03.jpg) center right /cover no-repeat;}
.sub-visual.visual04 {background: url(../img/sub-visual04.jpg) center right /cover no-repeat;}
.sub-visual.visual05 {background: url(../img/sub-visual05.jpg) center right /cover no-repeat;}
.sub-visual.visual06 {background: url(../img/sub-visual06.jpg) center right /cover no-repeat;}
.sub-visual.visual07 {background: url(../img/sub-visual07.jpg) center right /cover no-repeat;}
.sub-visual.visual08 {background: url(../img/sub-visual08.jpg) center right /cover no-repeat;}
.sub-visual.visual09 {background: url(../img/sub-visual09.jpg) center right /cover no-repeat;}
.sub-visual .text-area{position:relative; z-index: 50;}
.sub-visual .text-area .title-02 {display: none;}
.sub-visual .text-area .title-04 { font-size: 2.375rem; text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.sub-visual .text-area * {color: var(--color-white);}
/*
.sub-visual.visual03 .text-area *,
.sub-visual.visual04 .text-area *,
.sub-visual.visual08 .text-area * { color: var(--color-dark);}
*/
.sub-tab { width: 100%;border-bottom: 1px solid #f5f5f5;}
.sub-tab ul.flex-wrap .sub-tabItem {flex: 1 20%;}
.sub-tab ul { width: 100%; max-width: 1280px; margin: 0 auto;}
.sub-tabItem { flex: 1; /* height: 3.125rem; line-height: 3.125rem; */ border-right: 1px solid #f5f5f5;}
.sub-tabItem a { padding: 1rem 0.375rem; font-size: 1.1rem; font-weight: 500;}
.sub-tabItem a.active {background: var(--color-secondary); color: var(--color-white); font-weight:600;}
/*
@media screen and (max-width: 1280px) {
    .subPage .inner{padding:2.5rem 2rem;}
}*/
@media screen and (max-width: 768px) {
	.sub-visual::before{display:block;}
	.sub-visual.visual01::before{background-color:rgba(93,192,131,0.8);}
	.sub-visual.visual02::before{background-color:rgba(78,185,225,0.8);}
	.sub-visual.visual03::before{background-color:rgba(91,119,209,0.8);}
	.sub-visual.visual04::before{background-color:rgba(221,110,207,0.8);}
	.sub-visual.visual05::before{background-color:rgba(251,177,48,0.8);}
	.sub-visual.visual06::before{background-color:rgba(237,118,59,0.8);}
	.sub-visual.visual07::before{background-color:rgba(180,99,232,0.8);}
	.sub-visual.visual08::before{background-color:rgba(238,109,153,0.8);}
	.sub-visual .text-area .title-04{font-size:2.3rem; text-shadow: 5px 5px 5px rgba(0,0,0,0.2);}
}
@media screen and (max-width: 480px) {
    .subPage .inner{width:90% !important;}
}


/*=========================================================================
* 행사소개
===========================================================================*/
.fi-page01 .info-area .img-box {width: 30%; margin-right: 3.125rem; border:1px solid #ccc;}
.fi-page01 .cont-area {position: relative;}
.fi-page01 .cont-area dl {padding: 0.75rem 0;border-bottom: 1px solid var(--color-lightgray);}
.fi-page01 .cont-area dt {width: 80px;}
.fi-page01 .cont-area dd {flex: 1;}
.fi-page01 .cont-area .img-float {position: absolute;width: 300px; bottom: -100px; right: -130px;z-index: 1;}
.fi-page01 .cont-area .img-float p{text-align:center;}
.fi-page01 .cont-area .img-float p br{display:none;}
.info-program .ip-item { width: 48%; margin: 0 1% 2% 0; }
.info-program .ip-item .icon { width: 140px; height: 140px; border-radius: 0.375rem; background: #e6e7ff9c; padding: 1rem 0; }
.info-program .ip-item .icon img { width: 100%; height: 100%; object-fit: contain; }
.info-program .ip-item .text-area { flex: 1; }
.fi-page02 .arti-area { padding: 2.5rem; border-radius: 2rem; background: #fff; }
.fi-page02 .text-area dt { width: 150px; height: 50px; margin-right: 1.25rem; border-radius: 40px; /*border: 2px solid var(--color-secondary);*/ background-color: var(--color-secondary); font-weight: bold; text-align: center; line-height: 50px; font-size:20px; box-sizing: border-box; color:#fff; }
.fi-page02 .arti-area:nth-child(2) .text-area dt, .rc-page03 .arti-area .text-area dt {background-color: #003088; }
.fi-page02 .arti-area:nth-child(3) .text-area dt, .rc-page04 .arti-area .text-area dt {background-color:#6c05a8; }
/* .fi-page02 .arti-area:nth-child(3) .text-area dt, .rc-page05 .arti-area .text-area dt {   border-color: var(--color-papaya); color: var(--color-papaya);} */
.fi-page02 .arti-area:nth-child(3) .text-area dt, .rc-page05 .arti-area .text-area dt {background-color:#f18e00;}
.fi-page02 .arti-area:nth-child(3) .text-area dt{background-color:#6c05a8;}
.rc-page09 .arti-area .text-area dt {background-color:#D50B8B; }

/*250731 추가*/
.page_info_02 .fi-page02 .arti-area.n1 .text-area dt{background-color:var(--color-secondary);}
.page_info_02 .fi-page02 .arti-area.n2 .text-area dt{background-color:#003088;}
.page_info_02 .fi-page02 .arti-area.n3 .text-area dt{background-color:#f18e00;}
.page_info_02 .fi-page02 .arti-area.n4 .text-area dt{background-color:#D50B8B;}
.page_info_02 .fi-page02 .arti-area.n5 .text-area dt{background-color:#D50B8B;}

.fi-page02 .text-area { width: 100%; max-width:800px; margin: 0 auto 1.875rem auto; }
.fi-page02 .text-area dd { flex: 1; line-height: 40px; }
.fi-page02 .text-area dd p { line-height: 1.4; }
.fi-page02 .img-area img { width: 80%; margin: 2rem auto; text-align: center; }
.fi-page02 .arti-area:nth-child(2) .img-area img, .rc-page03 .arti-area .img-area img { width: 40%; }
.fi-page02 .arti-area:nth-child(3) .img-area img, .rc-page04 .arti-area .img-area img { width: 40%; }
.fi-page02 .arti-area:nth-child(3) .img-area img, .rc-page05 .arti-area .img-area img { width: 40%; }
.fi-page02 .img-area-mo, .rc-page04 .img-area-mo { display: none; }
@media screen and (max-width: 1500px) {
	.subPage .page_info_01 .sub-section.fi-page01.n1 .inner{padding-bottom:6rem;}
	.fi-page01 .cont-area .img-float {width: 200px; bottom:-140px; right: -30px;}
	.fi-page01 .cont-area .img-float p br{display:block;}
}
@media screen and (max-width: 640px) {
	.subPage .page_info_01 .sub-section.fi-page01.n1 .inner{padding-bottom:8rem;}
	.fi-page01 .cont-area .img-float {right:auto; left:50%; bottom:-160px; margin-left:-100px;}

}



/*=========================================================================
* 로그인
===========================================================================*/
.loginPage .inner { padding: 6.125rem 0; }
.loginPage .login-wrap { width: 95%; max-width: 550px; margin: 0 auto; }
.loginPage .logo { width: 90%; }
.loginPage .login-form { width: 100%; }
.loginPage .login-form .input-area { margin-bottom: 0.375rem; }
.loginPage .login-form .logininput { width: 100%; height: 50px; line-height: 50px; }
.loginPage .login-form .email-box > div { margin-left: 4px; }
.loginPage .login-form .email-box > div:first-of-type { margin-left: 0; }
.loginPage .login-form .input-area .btn { width: 90px; margin: 0 0 0 4px; padding: 0; height: 46px; line-height: 46px; }
.loginPage .login-help {margin-top:15px; margin-bottom: 1.125rem; }
.snsLogin .sns-list a { width: 46px; height: 46px; border-radius: 50%; margin-right: 1.875rem; }
.snsLogin .sns-list a.icon-naver { background: #02c73c url(../img/icon-naver.svg) center no-repeat; }
.snsLogin .sns-list a.icon-kakao { background: #fee500 url(../img/icon-kakao.png) center/contain no-repeat; }
.login-wrap .box .bar { position: relative; }
.login-wrap .box .bar:before, .login-wrap .box .bar:after { display: block; clear: both; content: ''; width: 30%; height: 1px; background: var(--color-gray); position: absolute; top: 50%; }
.login-wrap .box .bar:before { left: 0; }
.login-wrap .box .bar:after { right: 0; }
.register-form { width: 100%; }
.input-area .input-box, .input-area > div { flex: 1; }
.input-area .input-box input[type='text'] { flex: 1; }
.input-area.id-pair .input-box input[type='text'] { flex: none; width: calc(100% - 23%); }
.input-area .input-box .btn { height: 46px; line-height: 46px; padding: 0; width: 80px; border: 0; margin-right: 0; }
.input-area .input-box .inputext.w100 { width: 100%; min-width: 100%; }
.input-area label { width: 160px; display: block; }
.input-area .inputbirth { width: 80px; }
.agree-box .agreement .item { padding: 0.5rem 0; }
.agree-box .agreement .item.allAgree { border-bottom: 1px solid var(--color-dark); }
.scroll-y { height: 240px; overflow-y: auto; }
.loginPage .id-box { padding: 2.5rem; border-radius: 1rem; }



/*=========================================================================
* 공지사항
===========================================================================*/
.fi-page05 .table-cell .icon-file { border-radius: 0.25rem; }


/*=========================================================================
* 채용정보
===========================================================================*/
.item-list { width: 100%; }
.item-box { position: relative; width: 23%; margin: 1%; padding: 1.25rem; border-radius: 0.625rem; border: 1px solid var(--color-lightgray); background: rgb(255, 255, 255); background: linear-gradient(165deg, rgba(255, 255, 255, 1) 50%, rgba(30, 169, 226, 0.4) 100%); }
.item-box.on:after { display: block; clear: both; content: 'NEW'; width: 65px; height: 24px; line-height: 24px; background: var(--color-danger); color: #fff; position: absolute; top: 1.5rem; left: 1.5rem; z-index: 1; font-size: 0.9rem; border-radius: 0.625rem; font-family: 'MangoByeolbyeol', 'Pretendard', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', 'dotum', sans-serif; }
.item-box .logo-area { width: 100%; height: 100px; border: 1px solid var(--color-lightgray); border-radius: 0.625rem; }
.item-box .logo-area img { width: 60%; }
.item-box .text-02.text-gray { color: var(--color-dark); }
.item-list02 { }
.item-list02 .item-box02 { position: relative; width: 24%; border-radius: 2rem; overflow: hidden; }
.item-list02 .item-box02 .bg-area { position: relative; width: 100%; height: 180px; overflow: hidden; border-radius: 2rem; background: var(--color-light-navy); }
.item-list02 .item-box02 .bg-area > img { width: 100%; height: 100%; object-fit: cover; }
.item-list02 .item-box02 .logo-area { width: 160px; height: 160px; margin-bottom:10px; border-radius: 50%; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); position: absolute; overflow: hidden; bottom: -100px; left: 50%; transform: translateX(-50%); }
.item-list02 .item-box02 .logo-area > img { transform: translateY(-40px); width: 90%; }
.item-list02 .item-box02 .text-area { padding: 1rem; }
.item-list03{margin-top:40px;}
.item-list03 .item-box03 { position: relative; width: calc(25% - 1rem); margin: 1.5rem 1rem  0 0;border: 1px solid var(--color-lightgray); border-top-right-radius:15px; background-color:#fff;}
.item-list03 .item-box03 > a{display:block; padding: 2rem; }
.item-list03 .item-box03:nth-child(4n) { margin-right: 0; }
.item-list03 .item-box03:before { width: 100%; height: 12px; background: #03318c; display: block; content: ''; clear: both; position: absolute; top: 0; left: 0; }
.item-list03 .item-box03.on:after { display: block; clear: both; content: 'NEW!'; width: 60px; height: 25px; line-height: 25px; position: absolute; top: -25px; left: 20px; border-radius:7px 7px 0 0; font-size:14px; background: #f1f1f1 /*url(../img/icon-lamp.png) 6px center/20px no-repeat*/; text-align:center;}
.item-list03 .item-box03.sort01.on:after, .item-list03 .item-box03.sort01:before { background-color: #50c4f2; color: #fff; }
.item-list03 .item-box03.sort02.on:after, .item-list03 .item-box03.sort02:before { background-color: #03318c; color: #fff; }
.item-list03 .item-box03.sort03.on:after, .item-list03 .item-box03.sort03:before { background-color: #c7d93d; color: #fff; }
.item-list03 .item-box03.sort04.on:after, .item-list03 .item-box03.sort04:before { background-color: #f2b705; color: #fff; }
.item-list03 .item-box03.sort05.on:after, .item-list03 .item-box03.sort05:before { background-color: #12db90; color: #fff; }
.item-list03 .item-box03.sort06.on:after, .item-list03 .item-box03.sort06:before { background-color: #f45c48; color: #fff; }
.item-list03 .item-box03.sort07.on:after, .item-list03 .item-box03.sort07:before { background-color: #b79b77; color: #fff; }
.item-list03 .item-box03.sort08.on:after, .item-list03 .item-box03.sort08:before { background-color: #61acb0; color: #fff; }
.item-list03 .item-box03.sort09.on:after, .item-list03 .item-box03.sort09:before { background-color: #4512db; color: #fff; }
.item-list03 .item-box03 .logo-area { width: 100%; height: 80px; overflow: hidden; }
.item-list03 .item-box03 .logo-area img { width: 100%; height: 100%; object-fit: contain; }
.item-list03 .item-box03 .title-03{margin-top:10px;}
.item-list03 .item-box03 .badge { width: 100%; margin-top:20px; padding:0; text-align:center; /*background: #fff url(../img/img-search.png) 0 center/38px no-repeat;*/ border:none;}
.item-list03 .item-box03 .badge_item{display:inline-block; height:auto; line-height:1.2; padding:8px 13px; border-radius:5px; font-size:16px; font-weight:600; color:#000;}
.item-list03 .item-box03 .badge_item.n1{background-color:#cce2ff;}
.item-list03 .item-box03 .badge_item.n2{background-color:#c6e6c7;}
.item-list03 .item-box03 .badge_item.n3{background-color:#ffe4be;}
@media (max-width: 1280px) {
	.item-list03 .item-box03 > a{padding:1.5rem 1rem;}
	.item-list03 .item-box03 .badge_item{padding-left:10px; padding-right:10px; font-size:16px;}
}
@media (max-width: 640px) {
	.item-list03 .item-box03 .badge_item{padding:5px 5px; font-size:12px;}
}
@media (max-width: 360px) {
	.item-list03 .item-box03 .badge_item{padding:4px 4px; font-size:11px;}
}
.badge-area span { display: inline-block; vertical-align: middle; margin: 0 0.375rem; padding: 0.375rem 1rem; border-radius: 1.5rem; background: var(--color-lightgray); font-size: 0.813rem; }
.badge-area .badge01 { background: var(--color-basic); color: #fff; }
.badge-area .badge02 { background: var(--color-secondary); color: #fff; }
.badge-area .badge03 { background: var(--color-calm); color: #fff; }
@media (min-width: 1025px) {
	.item-list03 .item-box03:hover{box-shadow: 10px 10px 10px rgba(0,0,0,0.2);}
}
@media (max-width: 1024px) {
	.item-list03{margin-top:20px;}
}
@media (max-width: 640px) {
	.item-list03 .item-box03 .badge{height:40px; line-height:40px;}
}
@media (max-width: 480px) {
	.item-list03 .item-box03{width:calc((100% - 10px)/2) !important; margin-right:10px;}
	.item-list03 .item-box03:nth-child(+n+3){margin-top:10px;}
	.item-list03 .item-box03:nth-child(even){margin-right:0;}

}

/* 기업 상세 */
.company-head .company-visual { position: relative; width: 100%; height: 240px; overflow: hidden; border-radius: 1.5rem; }
.company-head .company-visual > img { max-width:max-content; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.company-head .company-visual:after { display: block; clear: both; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; z-index: 0; }
.company-head .company-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30%; z-index: 1; }
.company-head .company-logo .img-box { height: 110px; border: 1px solid var(--color-lightgray); border-radius: 0.75rem; background: #fff; overflow: hidden; }
.company-head .company-logo img { width: 50%; }
.company-head .company-info { width: 100%; }
.company-head .company-info dl { flex: 1 1; margin-right: 2%; padding: 0.75rem 0; }
.company-head .company-info dl:nth-child(2) { margin-right: 0; }
.company-head .company-info dt { width: 120px; text-align: center; background: var(--color-secondary); padding: 0.5rem 1rem; border-radius: 0.385rem; margin-right: 1rem; color: #fff; }
.company-head .company-info dd {min-height:50px; flex: 1; padding: 0.5rem 1rem; border-radius: 0.385rem; background: #f8f8f8; border: 1px solid var(--color-lightgray); }
.company-head .company-desc dl { padding: 2rem; border-radius: 0.75rem; background: #f8f8f8; border: 1px solid var(--color-lightgray); }
.company-detail .title-ico { width: 3.438rem; height: 3.438rem; display: inline-block; vertical-align: middle; margin-right: 0.75rem; }
.company-detail .title-ico img { width: 90%; height: 90%; object-fit: contain; }
.company-hire .hire-item { width: 100%; margin: 0 0 1% 0; border: 1px solid var(--color-lightgray); border-radius: 0.75rem; padding: 1.5rem 2rem; }
.company-hire .hire-item > div { width: calc(100% - 200px); line-height: 1.4; }
.company-detail { line-height: 1.6; }
.company-detail .section_title{line-height:1.3;}
.company-detail .video-area { height: 560px; }
.company-detail .video-area iframe { width: 100%; height: 100%; }
/* .company-welf { display: grid; grid-template-columns: repeat(auto-fill, minmax(238px, 1fr)); grid-row-gap: 50px; } */



/*기업영상*/
.page_recruit_01_view .sub-section.n7{margin-bottom:60px;}
.page_recruit_01_view .sub-section.n7 .con{max-width:1200px; margin-left:auto; margin-right:auto;}

@media (max-width: 768px) {
	.company-head .company-visual{height:180px;}
	.company-head .company-logo{width:240px; margin-right:0;}
	.company-head .company-logo .img-box{height:80px;}
	.company-head .company-logo img{width:70%;}
}
@media (max-width: 1024px) {
	.company-head .company-info dd{min-height:0;}
}

/*복리후생*/
.page_recruit_01_view .sub-section.n3{/*background-color:#fbf3e6;*//*background:url('../img/company_welf_bg.jpg') no-repeat center center / cover;*/background-color:#fff5db;}
.page_recruit_01_view .sub-section.n3 .inner{padding-top:6rem; padding-bottom:6rem;}
.page_recruit_01_view .sub-section.n3 .company-detail{}
.page_recruit_01_view .sub-section.n3 .section_title{margin-bottom:60px;}
.company-welf{display:flex; flex-wrap: wrap; justify-content: center;}
.company-welf .welf-item{width:calc((100% - 40px)/5); margin-right:10px;}
.company-welf .welf-item:last-child{margin-right:0;}
.company-welf .welf-item:nth-child(5n){margin-right:0;}
.company-welf .welf-item:nth-child(+n+6){margin-top:10px;}
.company-welf .welf-item .subject .bg{display:block; height:45px; line-height:45px; background-color:var(--color-secondary); color:#fff; text-align:center; border-radius:30px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.welf-item .welf-log .log-item { position: relative; padding-left: 20px; line-height: 1.6; }
.welf-item .welf-log .log-item:before { display: block; clear: both; content: ''; width: 3px; height: 3px; background: var(--color-dark); border-radius: 50%; position: absolute; top: 14px; left: 10px; transform: translateY(-1.5px); }

.welf-item .icon { width: 25px; height: 25px; margin-right: 5px; background: var(--color-lightgray); vertical-align: middle;}
.welf-item .icon.welf-01 { background: url(../img/icon-welf01.svg) center/contain no-repeat; }
.welf-item .icon.welf-02 { background: url(../img/icon-welf02.svg) center/contain no-repeat; }
.welf-item .icon.welf-03 { background: url(../img/icon-welf03.svg) center/contain no-repeat; }
.welf-item .icon.welf-04 { background: url(../img/icon-welf04.svg) center/contain no-repeat; }
.welf-item .icon.welf-05 { background: url(../img/icon-welf05.svg) center/contain no-repeat; }
.welf-item .icon.welf-06 { background: url(../img/icon-welf06.svg) center/contain no-repeat; }
.welf-item .icon.welf-07 { background: url(../img/icon-welf07.svg) center/contain no-repeat; }
.welf-item .icon.welf-08 { background: url(../img/icon-welf08.svg) center/contain no-repeat; }
.welf-item .icon.welf-09 { background: url(../img/icon-welf09.svg) center/contain no-repeat; }
.welf-item .icon.welf-10 { background: url(../img/icon-welf10.svg) center/contain no-repeat; }
@media (max-width: 1024px) {
	.page_recruit_01_view .sub-section.n3 .inner{padding-top:5rem; padding-bottom:5rem;}
	.page_recruit_01_view .sub-section.n3 .section_title{margin-bottom:40px;}
	.company-head .company-info dl{padding:0.2rem 0;}
	.company-head .company-info dt{margin-right:0.5rem;}
	.company-welf .welf-item{width:calc((100% - 20px)/3);}
	.company-welf .welf-item:nth-child(5n){margin-right:10px;}
	.company-welf .welf-item:nth-child(3n){margin-right:0;}
	.company-welf .welf-item:nth-child(+n+4){margin-top:10px;}
	
	.company-head .company-info dd{min-height:42px;}
}
@media (max-width: 768px) {
	.company-hire .hire-item{flex-direction: column; align-items: start;}
	.company-hire .hire-item > div{width:100%; margin-bottom:10px;}
	.company-hire .hire-item .btn{margin:0; margin-top:5px; padding:8px 16px;}
}
@media (max-width: 640px) {
	.page_recruit_01_view .sub-section.n3 .inner{padding-top:4rem; padding-bottom:4rem;}
	.page_recruit_01_view .sub-section.n3 .section_title{margin-bottom:30px;}
	.company-welf .welf-item{width:calc((100% - 10px)/2); padding:1rem !important;}
	.company-welf .welf-item:nth-child(3n){margin-right:10px;}
	.company-welf .welf-item:nth-child(even){margin-right:0;}
	.company-welf .welf-item:nth-child(+n+3){margin-top:10px;}
	.company-welf .welf-item .subject{margin-bottom:1rem !important;}
	.welf-item .welf-log .log-item:before{top:11px;}

	.company-head .company-info dl{align-items: start;}
	.company-head .company-info dt{width:100px;}
	.company-head .company-info dd{width:calc(100% - 200px); min-height:36px;}

}




/*채용절차*/
.page_recruit_01_view .sub-section.n4 .inner{padding-top:6rem; padding-bottom:6rem;}
.page_recruit_01_view .sub-section.n4 .section_title{margin-bottom:40px;}
.process-area > ul{justify-content: center;}
.process-area .proc-item { position: relative; width: 180px; height: 180px; margin-right: 3%; padding: 1rem; border-radius: 1rem; box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); border: 3px solid #f1f1f1; justify-content: center;}
.process-area .proc-item strong { display: inline-block; padding: 4px 12px; border-radius: 40px; text-align: center; color: #fff; }
.process-area .proc-item span { font-size: 1.25rem; line-height: 1.2; }
.process-area .proc-item:before { position: absolute; top: 50%; right: -25px; display: block; clear: both; content: ''; width: 10px; height: 24px; background: url(../img/icon-arrow.svg) center/contain no-repeat; transform: translateY(-50%) rotate(180deg) ; }
.process-area .proc-item:last-child{margin-right:0;}
.process-area .proc-item:last-child:before { display: none; }
.process-area .proc-item:after { display: none; clear: both; content: ''; width: 160px; height: 160px; position: absolute; top: 7px; left: 8px; border: 3px solid; border-radius:0.5rem; box-sizing: border-box; }
@media (max-width: 1280px) {
	.process-area .proc-item {width:160px; height:160px;}
}
@media (max-width: 1100px) {
	.page_recruit_01_view .sub-section.n4 .inner{padding-top:5rem; padding-bottom:5rem;}
	.process-area{max-width:380px; margin-left:auto; margin-right:auto;}
	.process-area .proc-item{margin-right:20px;}
	.process-area .proc-item:nth-child(even){margin-right:0;}
	.process-area .proc-item:nth-child(+n+3){margin-top:20px;}
	.process-area .proc-item:before{right:-17px; width:7px; height:17px;}
}
@media (max-width: 768px) {
	.process-area .proc-item{margin-right:10px;}
	.process-area .proc-item:nth-child(+n+3){margin-top:10px;}
	.process-area .proc-item:before{right:-12px;}
}
@media (max-width: 640px) {
	.page_recruit_01_view .sub-section.n4 .inner{padding-top:4rem; padding-bottom:4rem;}
	.page_recruit_01_view .sub-section.n4 .section_title{margin-bottom:30px;}
}
/*
.process-area .proc-item:first-child:after { border-color: #8967de; }
.process-area .proc-item:nth-child(2):after { border-color: #9973f7; }
.process-area .proc-item:nth-child(3):after { border-color: #ad8df7; }
.process-area .proc-item:nth-child(4):after { border-color: #5f84dd; }
.process-area .proc-item:nth-child(5):after { border-color: #6a93f7; }
.process-area .proc-item:last-child:after { border-color: #88a8f9; }
.process-area .proc-item:first-child strong { background: #8967de; }
.process-area .proc-item:nth-child(2) strong { background: #9973f7; }
.process-area .proc-item:nth-child(3) strong { background: #ad8df7; }
.process-area .proc-item:nth-child(4) strong { background: #5f84dd; }
.process-area .proc-item:nth-child(5) strong { background: #6a93f7; }
.process-area .proc-item:last-child strong { background: #88a8f9; }*/

/*초록
.process-area .proc-item:first-child strong { background: #00A657; }
.process-area .proc-item:nth-child(2) strong { background: #00964D; }
.process-area .proc-item:nth-child(3) strong { background: #00883C; }
.process-area .proc-item:nth-child(4) strong { background: #006F33; }
.process-area .proc-item:nth-child(5) strong { background: #00572A; }
.process-area .proc-item:last-child strong { background: #003F20; }
*/

/*주황*/
.process-area .proc-item:first-child strong { background: #FFA564; }
.process-area .proc-item:nth-child(2) strong { background: #F68D47; }
.process-area .proc-item:nth-child(3) strong { background: #EE7630; }
.process-area .proc-item:nth-child(4) strong { background: #C96425; }
.process-area .proc-item:nth-child(5) strong { background: #A8501D; }
.process-area .proc-item:last-child strong { background: #7F3D14; }

.resume-area .res-item { width: 100%; padding: 2.5rem; border-radius: 0.75rem; border: 1px solid var(--color-lightgray); background: #f8f8f8; line-height: 1.6; }
.line-box { border-radius: 0.75rem; border: 1px solid var(--color-lightgray); padding: 1.5rem; background: #f8f8f8; }
.rc-logo-wrap { }
.rc-logo-wrap .logo-item { width: 23%; margin: 1%; border: 1px solid var(--color-lightgray); background: #fff; }
.rc-logo-wrap .logo-item a { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.rc-logo-wrap .logo-item img { width: 65%; height: 90%; object-fit: contain; }
.popup[data-popup='popup-recruit'] dl, .popup[data-popup='popup-apply'] dl { border-bottom: 1px solid #f1f1f1; padding: 0.5rem 0; }
.popup[data-popup='popup-recruit'] dl:first-of-type, .popup[data-popup='popup-apply'] dl:first-of-type { border-top: 1px solid var(--color-dark); }
.popup[data-popup='popup-recruit'] dt, .popup[data-popup='popup-apply'] dt { width: 120px; }
.shcedule-sort select { background-color: #fff; }
.scedule-help p img { vertical-align: bottom; }
.sc-table-scroll { width: 100%; overflow: hidden; padding-bottom: 1.5rem; }
.schedule-table .block { height: 34px; }
.schedule-table .none {position:relative; background: #f8f8f8; cursor: default;  z-index: 10;}
.schedule-table .none::before{position:absolute; width:100%; height:100%; left:0; top:0; content:'-'; font-size:11px; color:#7d7d7d;}
.schedule-table .pick { background: url(../img/person-blue.svg) center/contain no-repeat; }
.schedule-table .pick:hover { background-color: #d0f1ff; }
.schedule-table .disable { background: url(../img/person-gray.svg) center/contain no-repeat; cursor: default; }
.schedule-table th { line-height: 1.2; padding: 8px; }
.schedule-table th, .schedule-table td { min-width: 80px; }
.sc-table-scroll { overflow-x: scroll; }
.schedule-table th.sticky, .schedule-table td.sticky { position: -webkit-sticky; position: sticky; left: 0; border-right: 1px solid #c1c1c1; background: var(--color-papaya); line-height:1.2; z-index: 50;}
.popup[data-popup='popup-apply'] .text-area { padding: 1rem; background: #f8f8f8; border: 1px solid var(--color-lightgray); border-radius: 0.5rem; }


@media (max-width: 640px) {
	.schedule-table th, .schedule-table td { min-width: 60px; }
}


/*채용꿀팁*/
.page_recruit_01_view .sub-section.n5 .inner{padding-top:6rem; padding-bottom:6rem;}
@media (max-width: 1024px) {
	.page_recruit_01_view .sub-section.n5 .inner{padding-top:5rem; padding-bottom:5rem;}
}
@media (max-width: 768px) {
	.page_recruit_01_view .sub-section.n5 .res-item *,
	.page_recruit_01_view .sub-section.n5 .res-item p *{font-size:18px !important;}
}
@media (max-width: 640px) {
	.page_recruit_01_view .sub-section.n5 .inner{padding-top:4rem; padding-bottom:4rem;}
}

/*하단 버튼*/
.page_recruit_01_view .sub-section.last-box.n6{margin:40px 0 80px 0;}




/*=========================================================================
* 올인원패키지
===========================================================================*/
.jaso-item { width: 31%; border: 1px solid var(--color-lightgray); border-radius: 2rem; padding: 1.5rem; }
.jaso-item .title-04 { height: 65px; }
.jaso02-img .img-box { width: 50%; }
.jaso03-img .item { width: 40%; margin: 0 2rem; padding: 2.5rem 2rem; border: 1px solid var(--color-lightgray); border-radius: 2rem; }
.jaso03-img .img-box { border-radius: 1rem; overflow: hidden; }
.jaso03-img .item .text-area { line-height: 1.6; }
.jaso03-img .item .text-area .point:after { top: 15px; }
/*
.ao-page02 .process-area .proc-item02 .icon,
.ao-page04 .process-area .proc-item02 .icon,
.su-page03 .process-area .proc-item02 .icon,
.ac-page01 .process-area .proc-item02 .icon { width: 200px; height: 200px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: #fff; }

.ao-page02 .process-area .proc-item02 .icon img,
.ao-page04 .process-area .proc-item02 .icon img,
.su-page03 .process-area .proc-item02 .icon img,
.ac-page01 .process-area .proc-item02 .icon img { width: 50%; }
*/
.ao-page02 .process-area .proc-item02,
.su-page03 .process-area .proc-item02,
.ao-page04 .process-area .proc-item02,
.ac-page01 .process-area .proc-item02 { position: relative; margin-right: 10%; }
.ao-page02 .process-area .proc-item02:after,
.ao-page04 .process-area .proc-item02:after,
.su-page03 .process-area .proc-item02:after,
.ac-page01 .process-area .proc-item02:after  { display: block; clear: both; content: ''; position: absolute; top: 50%; right: -45%; transform: translate(-100%, -50%) rotate(180deg); width: 14px; height: 24px; background: url(../img/icon-arrow.svg) center/contain no-repeat; }
.ao-page02 .process-area .proc-item02:last-child,
.ao-page04 .process-area .proc-item02:last-child,
.su-page03 .process-area .proc-item02:last-child { margin-right: 0; }
.ao-page02 .process-area .proc-item02:last-child:after,
.ao-page04 .process-area .proc-item02:last-child:after,
.su-page03 .process-area .proc-item02:last-child:after,
.ac-page01 .process-area .proc-item02:last-child:after { display: none; }
.ao-page03 .grid { display: grid; grid-template-columns: 1fr 1fr; }
.ao-page03 .grid a { margin: 0 4px 4px 0; }
.ao-page03 .grid a:hover{background-color:var(--color-secondary); color:#fff;}
.ao-page03 article, .ao-page04 .box, .su-page03 article { padding: 2.5rem; border-radius: 2rem; background: #f8f8f8; }
.ao-page03 .box .img-area { width: 40%; }
.ao-page04 .badge { width: 65px; text-align: center; }
.ao-page04 .qr-img { width: 170px; }



.ao-page02 .arti-area { padding: 2.5rem; border-radius: 2rem; background: #f8f8f8; }
.page_allinone_02 .ao-page02 .shcedule-sort{margin-bottom:20px;}

@media(max-width: 768px) {
	.jaso-item{max-width:450px; margin-left:auto !important; margin-right:auto !important;}
	.jaso-item .title-04 { height: auto; }
}








/*=================================================================================
* 마이페이지
=================================================================================*/
.noti-area { padding: 2rem; border-radius: 1.5rem; }
.my-page02 .table-cell a:hover { text-decoration: underline; }
.my-page02 .table-wrap .row dt.cols { font-weight: bold; width: 200px; background: #f8f8f8; }
.my-page02 .table-wrap .row dd.cols { flex: 1; }
.my-page02 .table-wrap .row .cols { height: 50px; line-height: 42px; padding: 4px 8px; border-bottom: 1px solid #e1e1e1; }
.my-page02 .table-wrap .row .cols input[type="text"]{height:40px;}
.my-page02 .table-wrap .row:last-of-type .cols { height: 54px; }
.my-page02 .table-wrap dd .text-area { width: 100%; min-height: 120px; border: 1px solid #e1e1e1; border-radius: 0.375rem; margin-bottom: 4px; padding: 8px; }
.my-page02 .table-wrap dd textarea { border: 0; }
.my-page03 .box { width: 90%; max-width: 640px; margin: 0 auto; }
.my-page03 .box dl { line-height: 50px; border-bottom: 1px solid #e1e1e1; }
.my-page03 .box dl:first-of-type { border-top: 1px solid var(--color-dark); }
.my-page03 .box dl dt { width: 160px; line-height: 50px; padding: 4px 8px; background: #f8f8f8; }
.my-page03 .box dl dd { flex: 1; padding: 4px 8px; }
.my-page03 .box .email-box > div { margin: 0 4px 0 0; }
.my-page03 .box .email-box input[type='text'] { width: 140px; }
.table-sort { padding: 1rem; border-radius: 1rem; }
.com-page02 .welfare-chk > div { width: 20%; }
.com-page02 .welfare-chk .custom-checkbox { margin: 0 0 1% 0; }

@media(max-width: 1200px) {
	.my-page02 .table-wrap .row dt.cols{width:150px;}
}

@media(max-width: 1000px) {
	.my-page02 .table-wrap .row.flex{flex-direction: column;}
	.my-page02 .table-wrap .row dt.cols{width:100%;}
	.my-page02 .table-wrap .row dd.cols{width:100%;}
}


/*=================================================================================
* 금융권 직무백서
=================================================================================*/
.iframe-area { width: 100%; height: 1000px; }
.iframe-area iframe { width: 100%; height: 100%; }


/*=================================================================================
* 약관
=================================================================================*/
.termsPage .inner { width: 95%; max-width: 1280px; margin: 0 auto; min-height: 80vh; }



/*=================================================================================
* 창업지원
=================================================================================*/
.su-page01 .su-list .item { text-align: left; }
.su-page01 .su-list .item h4 { width: 240px; height: 45px; text-align: center; line-height: 45px; border-radius: 40px; background: var(--color-secondary); color: #fff; }
.su-page01 .su-list .item p { line-height: 1.6; padding-left: 1.5rem; position: relative; }
.su-page01 .su-list .item p:before { display: block; clear: both; content: ''; width: 3px; height: 3px; border-radius: 50%; background: var(--color-dark); position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); }
.sup-01 .img-box { width: 40%; height: 500px; background: #f8f8f8; }
.su-page02 .box { position: relative; }
.su-page02 .box .text-area { position: absolute; top: 50%; left: 10%; transform: translateY(-50%); }
.su-page02 .logo-list .item, .su-page03 .logo-list .item { width: 25%; height: 80px; border-radius: 1rem; background: #fff; border: 1px solid var(--color-lightgray); overflow: hidden; text-align: center; display: flex; justify-content: center; align-items: center; }
.su-page02 .logo-list .item img, .su-page03 .logo-list .item img { width: 80%; height: 80%; object-fit: contain; margin: 0 auto; }



/*=================================================================================
* 프로그램
=================================================================================*/
/*
.video-list .video-item { position: relative; width: calc(98% / 3); border: 1px solid var(--color-lightgray); padding: 1.25rem; margin: 0 1% 2rem 0; border-radius: 0.875rem; }
.video-list .video-item:nth-of-type(3n) { margin-right: 0; }
.video-list .video-item .thumbnail { width: 100%; height: 200px; background: #f8f8f8; }
.video-list .video-item .thumbnail video, .video-list .video-item .thumbnail iframe { width: 100%; height: 100%; }
.pr-page01 .text-area { margin-right: 5rem; }
.pr-page01 .img-area, .pr-page06 .img-area, .pr-page07 .img-area, .pr-page08 .img-area, .pr-page09 .img-area, .pr-page10 .img-area { width: 80%; margin: 0 auto 3.5rem; }
.pr-page01 dt .badge, .pr-page06 .text-area .badge, .pr-page07 .text-area .badge, .pr-page08 .text-area .badge, .pr-page09 .text-area .badge { width: 80px; text-align: center; }
*/
.video-list{display:flex; flex-wrap:wrap; margin-bottom:30px;}
.video-list + .video-list{margin-top:10px;}
.video-list .video-item{width:calc((100% - 20px)/3); margin-right:10px; padding:20px; border-radius:10px; border: 1px solid var(--color-lightgray);  transition:0.3s;}
.video-list .video-item:nth-child(3n){margin-right:0;}
.video-list .video-item:nth-child(+n+4){margin-top:10px;}
.video-list .video-item .thumbnail { width: 100%; height: 200px; background: #f8f8f8; }
.video-container{position:relative;padding-bottom:56.25%;padding-top:0px;height:0;overflow:hidden;}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.video-list .video-item .thumbnail{position:relative;padding-bottom:42%;padding-top:0px;height:0;overflow:hidden;}
.video-list .video-item .thumbnail video{position:absolute;top:0;left:0;width:100%;height:100%;}

.video-list .video-item .title-04{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;width:100%; margin-top:15px; padding-left:10px; padding-right:10px; font-size:20px !important; transition:0.3s;}
.video-list .video-item:hover{background-color:var(--color-secondary); box-shadow: 5px 5px 5px rgba(0,0,0,0.1)}
.video-list .video-item:hover .title-04{color:#fff;}
@media(max-width: 1000px) {
	.video-list .video-item{width:calc((100% - 10px)/2);}
	.video-list .video-item:nth-child(3n){margin-right:10px;}
	.video-list .video-item:nth-child(even){margin-right:0;}
	.video-list .video-item:nth-child(+n+3){margin-top:10px;}
	.video-list .video-item .title-04{font-size:18px !important;}
}
@media(max-width: 640px) {
	.video-list .video-item{width:100%; margin-right:0;}
	.video-list .video-item:nth-child(3n){margin-right:0;}
	.video-list .video-item:nth-child(+n+2){margin-top:10px !important;}
}

/*=================================================================================
* 아카데미
=================================================================================*/
/* .ac-page02 .box .text-area { width: 50%;} */
.ac-page02 .comm-img { width: 50%; max-width: 300px; }
.ac-page02 .img-area ul { justify-content: space-between; }
.ac-page02 .img-area li { text-align: center; width: 30%; margin-bottom: 2rem; }
.ac-page02 .img-area li img { border: 1px solid var(--color-lightgray); width: 100%; height: 100%; object-fit: cover; }
.my-page01 .table-wrap:first-of-type { overflow-x: scroll; }



/*=================================================================================
* 모의고사
=================================================================================*/
#Container.Testpopup { width: 1000px; margin: 0 auto; }
.testpop-head { border-bottom: 1px solid var(--color-lightgray); padding: 15px 0 15px 180px; background: var(--color-secondary) url(../img/img-test.png) -1px 0/185px no-repeat; }
.testpop-head * { color: #fff; }
.Testpopup .ans-box { padding: 1.5rem 1rem; background: #f7f7f7; }
.Testpopup .ans-box a { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; border: 1px solid var(--color-basic); font-size: 1.313rem; text-align: center; margin-right: 10px; background: #fff; }
.Testpopup .ans-box a.check { background: var(--color-basic); color: #fff; }
.Testpopup .button-wrap .btn.list_go{background-color:#999; color:#fff;}



/*=================================================================================
* 로그인 인증
=================================================================================*/
.login-select { width: 100%; }
.login-box { width: 100%; padding: 20px; border: 1px solid #ccc; }
.login-box .img-area { width: 140px; height: 140px; margin-right: 20px; }
.login-box .btn { margin: 0; }
.login-box .text-area { text-align: center; flex: 1; }


/*=================================================================================
* 성적확인 팝업
=================================================================================*/
.popup[data-popup='popup-confirm'] .img-area { position: relative; padding: 20px 0; }
.popup[data-popup='popup-confirm'] .img-area .text { position: absolute; top: 40%; left: 50%; transform: translate(-50%, 0); }
.popup[data-popup='popup-confirm'] dl { flex: 1; }
.popup[data-popup='popup-confirm'] dl dt { border-top: 1px solid var(--color-dark); border-bottom: 1px solid var(--color-lightgray); padding: 8px; }

.conference-list h3 { font-size: 24px; }
.conference-list .cl-summary { display: flex; justify-content: space-around; margin-bottom: 50px; }
.cl-summary .video-area { width: 40%; height: 288px;  }
.cl-summary .text { width: 50%; }
.cl-summary .text h3 { margin-bottom: 20px; }
.cl-summary .text span { display: block; border-top: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; padding: 20px 0; }




/*=================================================================================
* 채용 캘린더
=================================================================================*/
.title-year { display: flex; align-items: center; margin-bottom: 20px; font-size: 21px; }
.title-year h3 { margin-right: 20px; }
.title-year .custom-select { width: 140px; position: relative; user-select: none; }
.select-selected { cursor: pointer; }
.select-selected:after { content: ""; position: absolute; top: 7px; background: url("../img/location-arrow.svg") no-repeat; width: 17px; height: 12px; margin-left: 10px; }
.select-selected.select-arrow-active:after { transform: rotate(180deg); }
.select-items { position: absolute; background-color: #f1f1f1; width: 100%; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); z-index: 99; border-radius: 4px; border: 1px solid #ddd; }
.select-items div { padding: 10px; cursor: pointer; }
.select-items div a { color: #001541!important; display: block; width: 100%; height: 100%; }
.select-items div:hover { background-color: #ddd; }
.select-hide { display: none; }

.calendar-wrap { background-color: #f7f7f7; border: solid 1px #e1e1e1; display: flex; justify-content: space-between; align-items: flex-start; }
.calendar-wrap .calendar-box { background-color: #fff; border-right: solid 1px #e1e1e1; width: 65%; }
.calendar-wrap .calendar-box .thead { border-bottom: solid 1px #999; }
.calendar-wrap .calendar-box .thead dl { display: flex; align-content: center; }
.calendar-wrap .calendar-box .thead dl dt:nth-child(7) { border-right: 0; }
.calendar-wrap .calendar-box .thead dl dt { width: 14.28%; display: flex; flex-direction: column; align-items: center; padding: 15px 0; border-right: solid 1px #e1e1e1; }
.calendar-wrap .calendar-box .thead dl dt span { font-size: 18px; color: #121212; font-weight: 700; margin-bottom: 5px; }
.calendar-wrap .calendar-box .thead dl dt em { font-size: 13px; color: #666; }
.calendar-wrap .calendar-box .body dl:last-child { border-bottom: 0; }
.calendar-wrap .calendar-box .body dl { display: flex; flex-wrap: wrap; border-bottom: solid 1px #e1e1e1; }
.calendar-wrap .calendar-box .body dl dd { width: 14.28%; min-height: 94px; border-right: solid 1px #e1e1e1; padding: 15px;  }
.calendar-wrap .calendar-box .body dl dd a { width: 100%; height: 100%; display: block; }
.calendar-wrap .calendar-box .body dl dd a em { display: block; margin-bottom: 7px; }
.calendar-wrap .calendar-box .body dl dd:nth-child(7) { border-right: 0; }
.calendar-wrap .calendar-box .body dl dd div { display: flex; align-items: center; color: #12AC66; font-weight: 700; }
.calendar-wrap .calendar-box .body dl dd i.icon-page { margin-right: 5px;  width: 14px; height: 16px; background: url(../img/icon_page.svg) no-repeat; }
.calendar-wrap .calendar-box .body dl dd .block { color: #ccc; }

.calendar-wrap .jobpost-list { width: 35%; padding: 30px; height: 100%; }
.calendar-wrap .jobpost-list h3 { font-size: 24px; margin-bottom: 30px; text-align: center; }
.calendar-wrap .jobpost-list h3 span { display: block; margin-top: 8px; color: #747474; font-size: 14px; font-weight: normal; }
.calendar-wrap .jobpost-list ul li a { border-radius: 5px; background-color: #12AC66; width: 100%; padding: 15px; font-size: 18px; margin-bottom: 10px; color: #fff; display: block;  height: 100%; font-weight: 700; }
.calendar-wrap .jobpost-list ul li a:hover { background-color: #008347; }

.calendar-wrap .calendar-box .body dl dd.active{background-color:#f9f9f9;}

@media(max-width: 768px) {
    /* 768px 레이아웃 */
	.conference-list .cl-summary { flex-wrap: wrap; }
	.cl-summary .video-area { width: 100%; height: 208px;  }
	.cl-summary .text { width: 100%; }
	.main-banner.style02 { height: auto; }
	.main-banner.style02 .inner { height: auto; }
	.calendar-wrap { flex-direction: column; }
	.calendar-wrap .calendar-box { border-right: 0; }
	.calendar-wrap .calendar-box, .calendar-wrap .jobpost-list { width: 100%; }
	.calendar-wrap .calendar-box .thead dl dt span { display: none; }
	.calendar-wrap .calendar-box .body dl dd { padding: 5px; }
	.calendar-wrap .calendar-box .body dl:last-child { border-bottom: solid 1px #e1e1e1; }
}









/*250529*/
/*template*/
.color_red{color:var(--color-danger);}
.template_title{margin-bottom:5px; font-size:28px; color:var(--color-secondary); font-weight:600;}
.template_hr{display:block; height:50px; background-color:#fff;}


/*list number*/
/*dot*/
.ul.number_dot{margin:5px 0;}
.ul.number_dot .li{position:relative;margin:5px 0;font-weight:400;counter-increment: list-number; padding-left:20px; line-height:1.4;}
.ul.number_dot .li::after{position:absolute;left:0;top:0;content:counter(list-number)'.';}
.ul.number_dot .li + .li{margin-top:7px;}

/*circle*/
.ul.number_circle{margin:5px 0;}
.ul.number_circle .li{position:relative; font-weight:400;counter-increment: list-number; padding-left:25px; line-height:1.4;}
.ul.number_circle .li::after{position:absolute; width:16px; height:16px; left:0; top:4px; content:counter(list-number); font-size:13px; line-height:16px; border-radius:50%; border:1px solid #3d3d3d; text-align: center;}
.ul.number_circle .li + .li{margin-top:7px;}
@media(max-width: 1280px) {
	.ul.number_circle .li::after{top:3px;}
}
@media(max-width: 1024px) {
	.ul.number_circle .li::after{top:2px;}
}
@media(max-width: 480px) {
	.ul.number_circle .li{padding-left:23px;}
	.ul.number_circle .li::after{width:15px; height:15px; top:2px;}
}


/*arrow_circle*/
.arrow_circle.flex{align-items: center;}
.arrow_circle .ico{position:relative; width:30px; height:30px; font-size:0; line-height:0; border-radius:100%; background-color:var(--color-basic);}
.arrow_circle .ico::before{position:absolute; display:block; width:10px; height:16px; left:50%; top:50%; transform: translate(-50% , -50%); content:''; background:url('/assets/img/arrow_right_white.svg') no-repeat center center;}
.arrow_circle .text + .ico{margin-left:10px;}



/*step_box*/
.step_box{max-width:100%;}
.step_box .ul{display:flex; justify-content: center;}
.step_box .li{width:260px; margin-right:40px;}
.step_box .li .image{position:relative;}
.step_box .li .image img{display:block; max-width:100%; width:148px; margin-left:auto; margin-right:auto;}
.step_box .li .image::before{position:absolute; display:block; width:10px; height:16px; right:-30px; top:50%; transform: translateY(-50%); content:''; background:url('/assets/img/arrow_right_black.svg') no-repeat center center;}
.step_box .li:last-child .image::before{display:none;}
.step_box.length2 .li:nth-child(2){margin-right:0;}
.step_box.length3 .li:nth-child(3){margin-right:0;}
.step_box.length4 .li:nth-child(4){margin-right:0;}
.step_box.length5 .li:nth-child(5){margin-right:0;}
.step_box.text_center{text-align:center;}
.step_box .li .desc{margin-top:10px; font-size:16px; line-height:1.4;}
@media(max-width: 1300px) {
	.step_box{max-width:800px; margin-left:auto; margin-right:auto;}
	.step_box .ul{flex-wrap: wrap;}
	.step_box .li{width:200px;}
}
@media(max-width: 1100px) {
	/* .step_box{max-width:450px; margin-left:auto; margin-right:auto;} */
	/* .step_box .li{margin-right:50px;} */
	/* .step_box .li:nth-child(2n){margin-right:0;} */
	/* .step_box .li:nth-child(+n+3){margin-top:40px;} */
}
@media(max-width: 768px) {
	.step_box{max-width:300px;}
	.step_box .li{width:135px; margin-right:30px; margin-bottom:0;}
	.step_box .li:nth-child(even){margin-right:0;}
	.step_box .li:nth-child(+n+3){margin-top:20px;}
	.step_box .li .image::before{right:-20px;}
}
@media(max-width: 640px) {
	.step_box{max-width:100%;}
	.step_box .li{width:calc((100% - 30px)/2); margin-right:30px; margin-bottom:0;}
	.step_box .li:nth-child(even){margin-right:0;}
	.step_box .li:nth-child(+n+3){margin-top:20px;}
	.step_box .li .image img{width:100px;}
	.step_box .li .image::before{width:8px; height:13px; right:-20px;}
	.step_box .li .desc{font-size:14px;}
	.step_box.length3 .li:nth-child(3){width:100%;}
	.step_box.length3 .li:nth-child(3) .desc br{display:none;}
	.step_box.length5 .li:nth-child(5){width:100%;}
	.step_box.length5 .li:nth-child(5) .desc br{display:none;}

	.step_box .li:nth-child(even) .image::before{right:-5px;}
}
@media(max-width: 420px) {
	/*
	.step_box{max-width:260px;}
	.step_box .li{width:110px; margin-right:20px; margin-bottom:0;}
	.step_box .li .image::before{right:-15px;}
	*/
}



/*req_box*/
.req_box{margin:40px 0; text-align:center;}
.req_box .desc{font-size:16px; color:var(--color-danger); line-height:1.4;}
.req_box .desc + .desc{margin-top:10px;}
@media(max-width: 640px) {
	.req_box{margin:20px 0;}
	.req_box .desc{font-size:14px;}
}


/*.tabs.type_1*/
.tabs.type_1 .tab-list li a{padding-top:12px; padding-bottom:12px; background-color:#fff; border-bottom:1px solid #e1e1e1;}
.tabs.type_1 .tab-list li a.active{border:1px solid var(--color-secondary); background-color:var(--color-secondary); color:#fff;}

/*.tabs.type_2*/
.tabs.type_2 .tab-list li a{padding-top:12px; padding-bottom:12px; background-color:#fff; border-bottom:1px solid #e1e1e1;}
.tabs.type_2 .tab-list li a.active{border:1px solid var(--color-basic); background-color:var(--color-basic); color:#fff;}


/*shcedule_title*/
.shcedule_title{margin-bottom:40px;}
@media(max-width: 1000px) {
	.shcedule_title{margin-bottom:30px;}
}
@media(max-width: 640px) {
	.shcedule_title{margin-bottom:20px;}
}

.bg_light_orange{background-color:#fbf3e6;}


.intro_triangle{text-align:center;}
.intro_triangle{position:relative; width:100px; height:40px; margin:0 auto 20px auto;  font-size:22px; line-height:40px; color:#fff;}
.intro_triangle::before{position:absolute; display:block; width:16px; height:13px; left:50%; bottom:-13px; transform: translateX(-50%); content:'';}
.intro_triangle.color_1{background-color:#00883c;}
.intro_triangle.color_1::before{ background:url('/assets/img/intro_triangle_green.png') no-repeat center center / contain;}
.intro_triangle.color_2{background-color:#f18e00;}
.intro_triangle.color_2::before{ background:url('/assets/img/main_section05_intro.png') no-repeat center center / contain;}
@media (max-width: 1000px) {
	.intro_triangle{width:80px; height:35px; line-height:35px; font-size:18px;}
}
@media (max-width: 640px) {
	.intro_triangle{width:70px; height:30px; line-height:30px; font-size:16px;}
}


.program_info_area{max-width:600px; margin-left:auto; margin-right:auto; margin-bottom:50px;}
.program_info_area .dl + .dl{margin-top:10px;}
.program_info_area .dl{display:flex; gap:20px;}
.program_info_area .dt{display:flex; width:150px; height:50px; justify-content: center; align-items: center; border-radius:40px; background-color:#f18e00; font-size:20px; font-weight:500; color:#fff;}
.program_info_area .dd{font-size:20px; line-height:1.4;}
@media (max-width: 768px) {
	.program_info_area .dl{gap:0;}
	.program_info_area .dt{width:70px; height:30px; font-size:14px;}
	.program_info_area .dd{width:calc(100% - 70px); padding-left:10px; font-size:16px;}
}
@media (max-width: 640px) {
	.program_info_area{margin-bottom:30px;}
	.program_info_area .dl{align-items: start !important;}
	.program_info_area .dd{font-size:14px;}
}


/*공지사항*/
@media(max-width: 640px) {
	.page_info_05 .table-style01 .table-cell.no{width:50px; padding-right:5px; padding-left:5px;}
	.page_info_05 .table-style01 .table-cell.title{width:calc(100% - 200px); padding-right:5px; padding-left:5px;}
	.page_info_05 .table-style01 .table-cell.date{width:90px; padding-right:5px; padding-left:5px;}
	.page_info_05 .table-style01 .table-cell.count{width:60px; padding-right:5px; padding-left:5px;}
}
@media(max-width: 480px) {
	.page_info_05 .table-style01 .table-cell.title{width:calc(100% - 140px);}
}



/*박람회소개 > 행사안내*/
.page_info_01 .title-area{text-align:center;}
.page_info_01 .sub-section.n3 .time-table{overflow-x: scroll;}
@media(max-width: 1000px) {
	.page_info_01 .sub-section.n1 .title-area{margin-bottom:20px !important; text-align:center;}
	.page_info_01 .sub-section.n3 .title-area{margin-bottom:20px !important; text-align:center;}
	.page_info_01 .sub-section.n4 .title-area{margin-bottom:20px !important; text-align:center;}
}


/*박람회소개 > 참가방법*/
.page_info_02 .item .step_box{margin:30px auto 60px auto;}
.page_info_02 .item .req_box{max-width:1000px; margin-left:auto; margin-right:auto;}
.page_info_02 .item.n1 .logo-item{width:180px; height:80px;}
@media(min-width: 1001px) {
	.page_info_02 .item.n1 .step_box{margin-top:0;}
}
@media(max-width: 1000px) {
	.page_info_02 .item .step_box{margin:30px auto;}
}
@media(max-width: 640px) {
	.page_info_02 .item.n1 .logo-item{width:120px; height:60px;}
}
@media(max-width: 500px) {
	.page_info_02 .item.n1 .logo-item{width:90px; height:40px;}
}


/*박람회소개 > 참여기업*/
.page_info_03 .sub-section.fi-page03{}
.page_info_03 .company_box_title{display:flex; justify-content: center; align-items: center; height:50px; font-size:20px;}
@media (max-width: 768px) {
	.page_info_03 .company_box_title{font-size:17px !important;}
}
@media (max-width: 640px) {
	.page_info_03 .company_box_title{height:auto;}

}


/*채용정보 > 기업채용정보관*/
.page_recruit_01 .sub-section.fi-page03{}





/*채용정보 > 은행권면접신청*/
.page_recruit_02 .step_box{margin:30px auto 60px auto;}
.page_recruit_02 .logo-item{width:180px; height:80px;}
@media(max-width: 1000px) {
	.page_recruit_02 .step_box{margin:30px auto;}
}
@media(max-width: 640px) {
	.page_recruit_02 .logo-item{width:120px; height:60px;}
}
@media(max-width: 500px) {
	.page_recruit_02 .logo-item{width:90px; height:40px;}
}


/*채용정보 > 은행권면접신청*/
/* .page_recruit_03 .step_box{margin:30px auto 60px auto;} */
.page_recruit_03 .rc-logo-wrap{justify-content: center;}
.page_recruit_03 .logo-item{width:180px; height:80px;}
@media(max-width: 1000px) {
	.page_recruit_03 .step_box{margin:30px auto;}
}
@media(max-width: 640px) {
	.page_recruit_03 .logo-item{width:120px !important; height:60px !important;}
}
@media(max-width: 500px) {
	.page_recruit_03 .logo-item{width:90px !important; height:40px !important;}
}



/*온라인 모의면접*/
@media(max-width: 640px) {
	.page_recruit_05 .rc-page05 .m_br{display:block;}
}




/*올인원패키지*/
/*올인원패키지 > 맞춤형 취업 컨설팅 process*/
.process-area.all li{width:260px !important; margin-right:80px !important;}
.process-area.all li::after{right:-47px !important; transform: translate(0%, -50%) rotate(180deg) !important;}
.process-area.all.length3 li:nth-child(3){margin-right:0 !important;}
.process-area.all.length4 li:nth-child(4){margin-right:0 !important;}
@media(max-width: 1300px) {
	.process-area.all{max-width:1000px; margin-left:auto; margin-right:auto;}
	.process-area.all li{width:200px !important; margin-right:66px !important;}
	.process-area.all li::after{right:-40px !important;}
}
@media(max-width: 1100px) {
	.process-area.all{max-width:450px; margin-left:auto; margin-right:auto;}
	.process-area.all li{margin-right:50px !important;}
	.process-area.all li:nth-child(2n){margin-right:0 !important;}
	.process-area.all li:nth-child(+n+3){margin-top:40px !important;}
	.process-area.all li::after{right:-32px !important;}
	.process-area.all li .icon{width:130px; margin-left:auto; margin-right:auto;}
}
@media(max-width: 768px) {
	.process-area.all{max-width:300px;}
	.process-area.all li{width:135px !important; margin-right:30px !important; margin-bottom:0 !important;}
	.process-area.all li:nth-child(+n+3){margin-top:20px !important;}
	.process-area.all li::after{width:8px !important; height:14px !important; top:65px !important; right:-19px !important;}
	.process-area.all li .title-05{font-size:15px !important;}
}
@media(max-width: 640px) {
	.process-area.all li .icon{width:100px;}
}

.dot_line{position:relative; margin-bottom:40px; padding-bottom:40px;}
.dot_line::before{position:absolute; display:block; width:calc(100% - 80px); height:2px; left:40px; bottom:-1px; content:''; background:url('/assets/img/dot_line.png') no-repeat center center / contain;}
@media(max-width: 1000px) {
	.dot_line{margin-bottom:30px; padding-bottom:30px; background-size:cover;}
	.dot_line::before{width:100%; left:0;}
}
@media(max-width: 640px) {
	.dot_line{margin-bottom:20px; padding-bottom:20px;}
}


/*AI취업지원*/
.page_allinone_01 .ai_item + .ai_item{margin-top:50px !important;}

 

/*올인원 > 맞춤형컨설팅*/
.page_allinone_02 .program_info_area .dl:first-child{align-items: center !important;}



/*올인원패키지 > 현직자 멘토링 코칭챗*/
.page_allinone_04 .title_cate{display:inline-block; height:45px; line-height:45px; margin-right:10px; font-size:25px; color:#fff; padding:0 20px; border-radius:30px; background-color:var(--color-secondary);}
@media(max-width: 1100px) {
	.page_allinone_04 .title_cate{height:40px; line-height:40px; margin-right:5px; font-size:22px;}
	
	.page_allinone_04 #tab1 .box.flex dd.text-col .text-01.flex{flex-direction: column;}
	.page_allinone_04 #tab1 .box.flex dd.text-col .text-01 + .text-01{margin-top:10px;}
}
@media(max-width: 768px) {
	.page_allinone_04 .title_cate{height:35px; line-height:35px; margin-right:3px; padding:0 15px; font-size:20px;}

	.page_allinone_04 #tab1 .box.flex{flex-direction: column;}
	.page_allinone_04 #tab1 .box.flex .img-area{display:block !important; width:60% !important; max-width:280px; margin-top:20px;}

	.page_allinone_04 #tab2 .box.flex{flex-direction: column;}
	.page_allinone_04 #tab2 .box.flex .img-area{display:block !important; width:60% !important; max-width:280px;}
	.page_allinone_04 #tab1 .mini{font-size:12px !important;}
}
@media(max-width: 480px) {
	.page_allinone_04 .title_cate{display:block; width:100px; margin-left:auto; margin-right:auto; margin-bottom:10px; box-sizing: border-box;}
}

/*온라인코칭챗*/
.page_allinone_04 .ao-page03 article{position:relative; background-color:#fff;}
.page_allinone_04 .item{position:relative; z-index: 50;}
.page_allinone_04 #tab1 .item.n2 .text-area{max-width:600px; margin-left:auto; margin-right:auto;}
.page_allinone_04 #tab1 .item.n2 .text-area .btn{}
.page_allinone_04 #tab1 .item.n2 .ul{width:100%; display:flex; flex-wrap: wrap;}
.page_allinone_04 #tab1 .item.n2 .li{display:flex; justify-content: center; align-items: center; width:50%; height:80px; padding:5px;}
.page_allinone_04 #tab1 .item.n2 .anchor{display:flex; justify-content: center; align-items: center; width:100%; height:100%; padding-left:10px; padding-right:10px; text-align:center; border:1px solid #ccc; border-radius:5px; font-size:20px; font-weight:600; background-color:#f9f9f9;}
.page_allinone_04 #tab1 .item.n2 .anchor:hover{background-color:var(--color-secondary); color:#fff;}
@media(max-width: 1200px) {	
	.page_allinone_04 #tab1 .item.n2 .li{height:60px;}
	.page_allinone_04 #tab1 .item.n2 .anchor{font-size:18px;}
}
@media(max-width: 1000px) {	

}
@media(max-width: 768px) {	
	.page_allinone_04 #tab1 .item.n2 .anchor{font-size:16px;}
}
@media(max-width: 640px) {	
	.page_allinone_04 #tab1 .item.n2 .li{padding:3px;}
	.page_allinone_04 #tab1 .item.n2 .anchor{font-size:14px;}
}
/* 온라인 코칭챗 bg*/
.page_allinone_04 #tab1 .tab_inner::before{position:absolute; width:184px; height:243px; right:60px; bottom:0; content:''; background:url('/assets/img/page_allinone_04_item_1.png') no-repeat center center / contain; z-index: 1;}
@media(max-width: 1200px) {
	.page_allinone_04 #tab1 .tab_inner::before{right:30px;}
}
@media(max-width: 1000px) {
	.page_allinone_04 #tab1 .tab_inner::before{width:120px; height:158px;}
}
@media(max-width: 768px) {
	.page_allinone_04 #tab1 .tab_inner::before{display:none;}
}
/*오프라인 코칭챗*/
.offline_coaching_time{max-width:800px; margin-left:auto; margin-right:auto; margin-bottom:40px;}
.offline_coaching_time .title{display:flex; justify-content: center; align-items: center; height:60px; font-size:22px; font-weight:600; color:#fff; background-color:var(--color-secondary); border-radius:5px;}
.offline_coaching_time .con{display:flex; flex-wrap:wrap; margin-top:10px;}
.offline_coaching_time .day{width:calc((100% - 20px)/2);}
.offline_coaching_time .day.n1{margin-right:20px;}
.offline_coaching_time .day .subject{display:flex; justify-content: center; align-items: center; height:60px; font-size:23px; font-weight:600; border-radius:5px; background-color:#4a4a4a; color:#fff;}
.offline_coaching_time .day .ul{margin-top:10px;}
.offline_coaching_time .day .li{display:flex; }
.offline_coaching_time .day .li + .li{margin-top:10px;}
.offline_coaching_time .day .dt{width:200px; margin-right:10px; text-align:center; font-weight:600; background-color:#eeeeee;}
.offline_coaching_time .day .dd{width:calc(100% - 210px);}
.offline_coaching_time .day .dt,
.offline_coaching_time .day .dd{display:flex; justify-content: center; align-items: center; height:50px; padding-left:10px; padding-right:10px; font-size:18px; border:1px solid #ccc; border-radius:5px;}
@media(max-width: 768px) {
	.offline_coaching_time{margin-bottom:20px;}
	.offline_coaching_time .title{height:40px; font-size:18px;}
	.offline_coaching_time .con{display:block;}
	.offline_coaching_time .day{width:100%;}
	.offline_coaching_time .day.n1{margin-right:0; margin-bottom:30px;}
	.offline_coaching_time .day .subject{height:45px; font-size:18px;}
	.offline_coaching_time .day .dt{width:120px; margin-right:5px;}
	.offline_coaching_time .day .dd{width:calc(100% - 125px);}
	.offline_coaching_time .day .dt,
	.offline_coaching_time .day .dd{font-size:16px; padding-left:5px; padding-right:5px;}
	.offline_coaching_time .day .li + .li{margin-top:5px;}
}
@media(max-width: 640px) {
	.offline_coaching_time .day .dt,
	.offline_coaching_time .day .dd{height:40px; font-size:14px;}
}
/* 오프라인 코칭챗 bg*/
.page_allinone_04 #tab2 .tab_inner::before{position:absolute; width:169px; height:285px; left:40px; bottom:0; content:''; background:url('/assets/img/page_allinone_04_item_2.png') no-repeat center center / contain; z-index: 1;}
@media(max-width: 1200px) {
	.page_allinone_04 #tab2 .tab_inner::before{left:30px;}
}
@media(max-width: 1000px) {
	.page_allinone_04 #tab2 .tab_inner::before{width:120px; height:202px;}
}
@media(max-width: 768px) {
	.page_allinone_04 #tab2 .tab_inner::before{display:none;}
}





/*올인원패키지 > 해외 금융취업 상담*/
.page_allinone_05 .program_info_area{width:100%; max-width:100%;}
.page_allinone_05 .program_info_area .dd{text-align:left;}
.page_allinone_05 .top-bx + .box{margin-top:40px;}
@media(min-width: 1201px) {
	.page_allinone_05 .table-style02{width:100%;}
}

@media(max-width: 768px) {
	.page_allinone_05 .top-bx + .box{margin-top:0;}
}

/*올인원패키지 > 해외 금융취업 상담*/
.page_allinone_05 .rc-logo-wrap{justify-content: center !important;}
.page_allinone_05 .logo-item{width:180px !important; height:80px !important;}
@media(max-width: 640px) {
	.page_allinone_05 .logo-item{width:120px !important; height:60px !important;}
}
@media(max-width: 500px) {
	.page_allinone_05 .logo-item{width:90px !important; height:40px !important;}
}






/*인사이트강화 > 고졸인재프로그램*/
.ac-page01 .arti-area { padding: 2.5rem; border-radius: 2rem; background: #f8f8f8; }
@media (min-width: 1001px) {
	.ac-page01 .sc-table-scroll .schedule-table{width:100%;}
}


/*금융 커리어 마스터 클래스 > 금융권 필기 모의고사*/
@media(max-width: 1024px) {
	.page_academy_02 .test_list .li .btn{padding:10px 15px;}
}
@media(max-width: 768px) {
	.page_academy_02 .test_list .li .btn{display:block;}
	.page_academy_02 .test_list .li .btn + .btn{margin-top:5px;}
}
@media(max-width: 480px) {
	.page_academy_02 .test_list .li:nth-child(+n+3){margin-top:30px;}
}



/*금융 커리어 마스터 클래스 > 금융권 필기 모의고사 - 문제*/
.page_academy_02_test .title_cate{display:inline-block; height:45px; line-height:45px; margin-left:10px; font-size:25px; color:#fff; padding:0 20px; border-radius:30px; background-color:var(--color-basic);}
@media(max-width: 1100px) {
	.page_academy_02_test .title_cate{height:40px; line-height:40px; margin-right:5px; font-size:22px;}
}
@media(max-width: 768px) {
	.page_academy_02_test .title_cate{height:35px; line-height:35px; margin-right:3px; padding:0 15px; font-size:20px;}
}
@media(max-width: 480px) {
	.page_academy_02_test .title_cate{display:block; width:100px; margin-left:auto; margin-right:auto; margin-bottom:10px; box-sizing: border-box;}
}







/*창업지원 프로그램 > 창업지원기관 소개 > ibk 창공*/

.ibk-item { width: 31%; border: 1px solid var(--color-lightgray); border-radius: 2rem; padding: 1.5rem; }
/* .ibk-item .title-04 { height: 65px; } */


/*채용정보 > 은행권면접신청*/
.page_support_03 .logo-item{width:180px; height:80px;}
@media(max-width: 640px) {
	.page_support_03 .logo-item{width:120px; height:60px;}
}
@media(max-width: 500px) {
	.page_support_03 .logo-item{width:90px; height:40px;}
}


/*창업지원 프로그램 상담*/
@media (min-width: 1001px) {
	.page_support_03 .sc-table-scroll .schedule-table{width:100%;}
}




/*마이페이지*/
.mypage_tab .tab-list li a{display:flex; justify-content: center; align-items: center; height:90px; font-size:17px;}
.my-page02.list .item + .item{margin-top:100px;}
.my-page02.list .item .item_title{margin-bottom:20px;}
.my-page02.list .item .item_title span{padding:10px 30px; font-size:18px; background-color:var(--color-secondary); color:#fff; border-radius:30px;}
@media (max-width: 1000px) {
	.my-page02.list .item + .item{margin-top:80px;}
	.my-page02.list .item .item_title span{padding:7px 15px; font-size:16px;}
}
@media (max-width: 640px) {
	.my-page02.list .item + .item{margin-top:60px;}
}

@media (max-width: 768px) {
	.table-style03 th{line-height:1.4;}
	.table-style03 td{line-height:1.4;}
}

.my-page02.list .button-wrap .btn{width:60px; height:30px; padding:0; text-align:center; line-height:30px; font-size:15px; font-weight:normal;}
.my-page02.list .table-row.empty{justify-content: center;}
@media (max-width: 640px) {
	.my-page02.list .button-wrap .btn{width:40px; height:26px; line-height:26px; font-size:13px;}
}

.mypage_tab .btn-cancel{height:30px; padding:0 10px; text-align:center; font-size:14px; line-height:30px; font-weight:normal;}

.my-page03 .w100{width:100%;}

@media(max-width: 768px) {
	.mypage_tab .btn-cancel{display:flex; justify-content: center; align-items: center; min-width:70px; font-size:12px; line-height:1;}
}


@media(max-width: 768px) {
	.m768_mb_0{margin-bottom:0 !important;}
}
@media(max-width: 480px) {
	.m480_mb_0{margin-bottom:0 !important;}
}












/*직무백서 ebook viewer*/
/* ───────────────────────────────────────────────────────── */
/* 1) .magazine-viewport: 플립북 + Zoom을 감싸는 뷰포트 */
.finance_viewer .magazine-viewport {position: relative; width:100%; height: 861px; overflow: hidden; background: #ccc; margin: 0 auto; cursor: grab; border:1px solid #ccc;}
.finance_viewer .magazine-viewport:active {cursor: grabbing;}

/* 2) .container: 확대된 .magazine이 보여질 영역 */
.finance_viewer .magazine-viewport .container {position: absolute; top: 20px; left: 40px; width: 100%; height: 100%; overflow: visible;    /* zoom된 .magazine이 잘리지 않도록 */}

/* 3) Turn.js가 페이지를 그리는 컨테이너 */
.finance_viewer .magazine { position: absolute; top: 0; left: 0; transform-origin: top left; /* scale 기준점: 좌상단 *//* scale(1) 상태에서, translateX/Y를 이용해 pan 조정 예정 */}

/* 4) .page: 페이지 하나당 크기 */
.finance_viewer .magazine .page {width: auto;   /* display:'double' 이므로 1240 ÷ 2 */height: auto;}
.finance_viewer .magazine .page img {display: block; width: 100%; height: 100%; object-fit: cover; /* 확대 시 선명도를 위해 원본 이미지는 3× 해상도로 준비 권장 */}

/* 5) 하단 네비게이션 + Zoom 버튼 스타일 */
.finance_viewer .flip-nav { text-align: center; margin-top:10px; margin-bottom: 10px;}
.finance_viewer .flip-nav .nav-button { display: inline-block; width:35px; height:35px; /* padding: 8px 16px; */margin: 0 6px;font-size: 15px; background-color: var(--color-basic); color: #fff; border: none; border-radius: 100%;cursor: pointer;}
.finance_viewer .flip-nav .nav-button img{vertical-align:middle;}
.finance_viewer .flip-nav .nav-button:disabled { background-color: #aaa; cursor: default;}
.finance_viewer .flip-nav .nav-button:hover:not(:disabled) { background-color: #e95600;}

.finance_viewer .flip-nav .nav-button.plus img{width:20px;}
.finance_viewer .flip-nav .nav-button.minus img{width:20px;}

/* 6) 줌 레벨 표시(선택) */
.finance_viewer .zoom-level { display: inline-block; margin-left: 10px; font-size: 14px; color: #333; vertical-align: middle; }
.finance_viewer .page-indicator { margin-top: 10px; font-size: 14px; font-weight: bold; color: #333;}
/* ───────────────────────────────────────────────────────── */

/*
@media(max-width: 1024px) {
	.finance_viewer .magazine .page img{width:960px; height:656px;}
}
@media(max-width: 768px) {
	.finance_viewer .magazine .page img{width:600px; height:750px;}
}
@media(max-width: 480px) {
	.finance_viewer .magazine .page img{width:320px; height:450px;}
}
*/





/*박람회소개 > 행사안내*/
.fi-page01.n2{margin:80px 0; padding:60px 0; background-color:var(--color-secondary);}
.fi-page01.n2 .title-area{margin-bottom:50px;}
.fi-page01.n2 .info-program{max-width:1200px; margin-left:auto; margin-right:auto;}
.fi-page01.n2 .info-program .ip-item{width:calc((100% - 45px)/2); margin-bottom:0; border-radius:40px; overflow: hidden; background-color:#fff; transition:0.3s;}
.fi-page01.n2 .info-program .ip-item:nth-child(odd){margin-right:45px;}
.fi-page01.n2 .info-program .ip-item:nth-child(even){margin-right:0;}
.fi-page01.n2 .info-program .ip-item:nth-child(+n+3){margin-top:45px;}
.fi-page01.n2 .info-program .ip-item .icon{width:100%; height:auto; margin:0 !important; padding:0; border-radius:none; background:none;}
.fi-page01.n2 .info-program .ip-item .icon img{width:100%;}
.fi-page01.n2 .info-program .ip-item .text-area{width:100%; padding:40px 50px; text-align:left;}
.fi-page01.n2 .info-program .ip-item .subject{font-size:35px; transition:0.3s;}
.fi-page01.n2 .info-program .ip-item .desc{font-size:20px; transition:0.3s;}
.fi-page01.n2 .info-program .ip-item .anchor{font-size:25px; font-weight:600; transition:0.3s;}
.fi-page01.n2 .info-program .ip-item:hover{box-shadow: 20px 20px 20px rgba(0,0,0,0.2);}
.fi-page01.n2 .info-program .ip-item:hover .subject{padding-left:10px; color:var(--color-secondary);}
.fi-page01.n2 .info-program .ip-item:hover .desc{padding-left:10px;}
.fi-page01.n2 .info-program .ip-item:hover .anchor{padding-left:10px;}
@media (max-width: 1280px) {
	.fi-page01.n2 .info-program{max-width:90%;}
	.fi-page01.n2 .info-program .ip-item .text-area{padding:30px 50px;}
	.fi-page01.n2 .info-program .ip-item .subject{font-size:30px;}
	.fi-page01.n2 .info-program .ip-item .desc{font-size:18px;}
	.fi-page01.n2 .info-program .ip-item .anchor{font-size:22px;}
}
@media (max-width: 1000px) {
	.fi-page01.n2 .box-title.mb50{margin-bottom:30px !important;}
	.fi-page01.n2 .info-program .ip-item{width:calc((100% - 30px)/2);border-radius:30px;}
	.fi-page01.n2 .info-program .ip-item:nth-child(odd){margin-right:30px;}
	.fi-page01.n2 .info-program .ip-item:nth-child(+n+3){margin-top:30px;}
	.fi-page01.n2 .info-program .ip-item .text-area{padding:30px 40px;}
	.fi-page01.n2 .info-program .ip-item .subject{font-size:27px;}
	.fi-page01.n2 .info-program .ip-item .desc{font-size:17px;}
	.fi-page01.n2 .info-program .ip-item .desc br{display:none;}
	.fi-page01.n2 .info-program .ip-item .anchor{font-size:20px;}	
}
@media (max-width: 768px) {
	.fi-page01.n2 .title-area{margin-bottom:30px;}
	.fi-page01.n2 .info-program .ip-item{width:calc((100% - 20px)/2);border-radius:20px;}
	.fi-page01.n2 .info-program .ip-item:nth-child(odd){margin-right:20px;}
	.fi-page01.n2 .info-program .ip-item:nth-child(+n+3){margin-top:20px;}
	.fi-page01.n2 .info-program .ip-item .text-area{padding:25px 30px;}
	.fi-page01.n2 .info-program .ip-item .subject{font-size:25px;}
	.fi-page01.n2 .info-program .ip-item .desc{font-size:17px;}
	.fi-page01.n2 .info-program .ip-item .anchor{font-size:18px;}	
	.fi-page01.n2 .info-program .arrow_circle .ico{width:25px; height:25px;}
	.fi-page01.n2 .info-program .arrow_circle .ico::before{width:7px; height:11px;}
}
@media (max-width: 640px) {
	.fi-page01.n2{padding:30px 0;}
	.fi-page01.n2 .title-area{margin-bottom:20px;}
	.fi-page01.n2 .info-program{flex-direction: column; max-width:320px; margin-left:auto; margin-right:auto;}
	.fi-page01.n2 .info-program .ip-item{width:100%;}
	.fi-page01.n2 .info-program .ip-item:nth-child(odd){margin-right:0;}
	.fi-page01.n2 .info-program .ip-item:nth-child(+n+2){margin-top:10px;}
	.fi-page01.n2 .info-program .ip-item .text-area{padding:20px 30px;}
	.fi-page01.n2 .info-program .ip-item .subject{font-size:22px;}
	.fi-page01.n2 .info-program .ip-item .desc{font-size:15px;}
	.fi-page01.n2 .info-program .ip-item .anchor{font-size:17px;}	
}








/*박람회소개 > 참가방법 /info/info_02, 
채용정보 > 은행권 면접신청 /recruit/recruit_02,
채용정보 > 금융권 모의면접신청 /recruit/recruit_03,
채용정보 > 채용상담신청 /recruit/recruit_04,
채용정보 > 온라인 모의면접 코칭관 /recruit/recruit_05,
소통 > 소통 커뮤니티 /community/community_01,
*/
.program_category .item{position:relative; padding:60px 40px; border-radius:50px; text-align:center; background-color:#fff;}
.program_category .item::before{position:absolute; display:block; width:calc(100% - 80px); height:2px; left:40px; top:-1px; content:''; background:url('/assets/img/main_section05_line.png') no-repeat center center / contain;}
.program_category .item:nth-child(1)::before{display:none;}
.program_category .item .intro_area{margin-bottom:40px;}
.program_category .item .intro_area .num{position:relative; width:100px; height:40px; margin:0 auto 20px auto;  font-size:22px; line-height:40px; color:#fff; background-color:#f18e00;}
.program_category .item .intro_area .num::before{position:absolute; display:block; width:16px; height:13px; left:50%; bottom:-13px; transform: translateX(-50%); content:''; background:url('/assets/img/main_section05_intro.png') no-repeat center center / contain;}
.program_category .item .intro_area .subject{font-size:35px; line-height:1.4;}
.program_category .item .intro_area .desc{margin-top:5px; font-size:22px; line-height:1.4;}
.program_category .item .intro_area .desc br{display:none;}
.program_category .item .cont-area{text-align: left;}
.program_category .item .step_box{margin-top:40px;}
.program_category .item .comment{margin-top:50px;}
.program_category .item .comment span{display:inline-block; padding:15px 30px; border-radius:30px; background-color:#eee; font-size:22px; line-height:1.5;}
.program_category .item .anchor_wrap{margin-top:50px; text-align:center;}
.program_category .item .anchor_wrap .anchor{display:inline-block; height:60px; padding-left:60px; padding-right:60px; line-height:60px; border-radius:10px; background-color:#fbf3e6; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); transition: 0.3s;}
.program_category .item .anchor_wrap .anchor .text{font-size:25px; font-weight:600;}
.program_category .item .anchor_wrap .anchor:hover{padding-left:70px; padding-right:50px;}
@media (max-width: 1280px) {
	.program_category .item .comment{margin-top:40px;}
	.program_category .item .comment span{padding:15px 25px; font-size:20px;}
}
@media (max-width: 1000px) {
	.program_category .box-title.mb50{margin-bottom:30px !important;}
	.program_category .item{padding:40px 30px;}
	.program_category .item::before{background-size:cover;}
	.program_category .item .intro_area .num{width:80px; height:35px; line-height:35px; font-size:18px;}
	.program_category .item .intro_area .subject{font-size:32px;}
	.program_category .item .intro_area .desc{font-size:20px;}	
	
	.program_category .item .anchor_wrap .anchor .text{font-size:20px;}
}
@media (max-width: 768px) {
	.program_category .item .intro_area .subject{font-size:28px;}
	.program_category .item .intro_area .desc{font-size:18px;}	
	.program_category .item .intro_area .desc br{display:block;}	
	.program_category .item .comment{margin-top:30px;}
	.program_category .item .comment span{padding:10px 20px; font-size:18px;}
	.program_category .item .anchor_wrap{margin-top:30px;}
	.program_category .item .anchor_wrap .anchor{height:50px; padding-left:50px; padding-right:50px; line-height:50px;}
	.program_category .item .anchor_wrap .anchor .text{font-size:18px;}
	.program_category .item .anchor_wrap .anchor:hover{padding-left:60px; padding-right:40px;}
	.program_category .item .arrow_circle .ico{width:25px; height:25px;}
	.program_category .item .arrow_circle .ico::before{width:7px; height:11px;}
}
@media (max-width: 640px) {
	.program_category .item{padding-left:15px; padding-right:15px;}
	.program_category .item .intro_area .num{width:70px; height:30px; line-height:30px; font-size:16px;}
	.program_category .item .intro_area .subject{font-size:24px;}
	.program_category .item .intro_area .desc{font-size:16px;}
	.program_category .item .comment span{padding:8px 20px; font-size:15px; line-height:1.4;}	
	.program_category .item .anchor_wrap .anchor{padding-left:30px; padding-right:30px;}
	.program_category .item .anchor_wrap .anchor .text{font-size:17px;}
	.program_category .item .anchor_wrap .anchor:hover{padding-left:30px; padding-right:30px;}
}
@media (max-width: 350px) {
	.program_category .item .anchor_wrap .anchor{padding-left:20px; padding-right:20px;}
	.program_category .item .anchor_wrap .anchor .text{font-size:16px;}
	.program_category .item .anchor_wrap .anchor:hover{padding-left:20px; padding-right:20px;}
}





/*기업 마이페이지*/
.page_company_list{}
.page_company_list .table-sort-wrap .btn{padding-left:20px; padding-right:20px;}
.page_company_list .table-sort-wrap .table-sort{flex-wrap: wrap; /*justify-content: space-between;*/}
.page_company_list .table-sort-wrap .table-sort .comment{margin-top:10px; padding-right:10px; width:100%; text-align:right; font-size:0.938rem !important;}
.page_company_list .table-sort-wrap .table-sort #interview_kind{min-width:151px;}
@media (max-width: 1300px) {
	.page_company_list .table-sort-wrap{overflow-x: scroll;}
	.page_company_list .table-sort-wrap .table-sort{width:1160px; margin-left:auto; margin-right:auto;}
	.page_company_list .table-sort-wrap .btn{padding-left:10px; padding-right:10px;}
	.page_company_list .table-sort-wrap .table-sort .comment{padding-right:0; text-align:center;}
}

@media (max-width: 640px) {
	.page_company_list .table-sort-wrap .table-sort{width:1100px; }
}



/*기업 마이페이지 상세*/
.page_company_view .pass_ok th{width:250px;}
.page_company_view .pass_ok .button-wrap .radio-area{display:inline-block;}
.page_company_view .pass_ok td{display:flex; flex-wrap: wrap;}
.page_company_view .pass_ok td .control_btn .btn{padding:8px 20px; font-size:15px;}
.page_company_view .pass_ok td .control_btn .text-success{color:var(--color-secondary); font-weight:600;}
.page_company_view .pass_ok td .control_btn .text-error{color:var(--color-danger); font-weight:600;}
.page_company_view .pass_ok td .comment_text{width:100%; margin-top:5px;}
@media (max-width: 800px) {
	.page_company_view .pass_ok th{width:120px;}
	.page_company_view .pass_ok td{flex-direction: column;}
	.page_company_view .pass_ok td .control_btn{margin-top:5px;}
	.page_company_view .pass_ok td .control_btn .btn{padding:6px 20px; font-size:14px;}
}
@media (max-width: 450px) {
	.page_company_view .pass_ok th{width:80px;}
	.page_company_view .radio-area [type='radio']:checked + label,
	.page_company_view .radio-area [type='radio']:not(:checked) + label{margin-right:10px;}
}




/*소통 커뮤니티*/
.page_community_01 .program_category .item .anchor{display:block; max-width:180px; height:40px; line-height:40px; margin-left:auto; margin-right:auto; background-color:var(--color-secondary); color:#fff; font-weight:600; border-radius:10px;}
@media (min-width: 768px) {
	.page_community_01 .program_category .item .desc{font-size:20px;}
	.page_community_01 .program_category .step_box .li .image::before{width:15px; height:17px; background:url('/assets/img/arrow_triangle_green.png') no-repeat center center / contain;}
}
@media (max-width: 640px) {
	.page_community_01 .program_category .item .anchor{max-width:140px;}
}

.page_community_01 #tab8 .step_box .li:first-child .image::before{width:45px; height:45px; line-height:45px; right:-43px; font-size:27px; background:var(--color-secondary); border-radius:100%; color:#fff; content:'or'; z-index: 50;}
@media (max-width: 768px) {
	.page_community_01 #tab8 .step_box .li:first-child .image::before{width:25px; height:25px; line-height:25px; right:-27px; font-size:16px;}
}



/*면접신청시 이력서 선택*/
.select-wrap #person_history{max-width:300px;}
@media (max-width: 640px) {
	.select-wrap #person_history{max-width:200px;}
}


.image_area.max_w1000{text-align:center; max-width:1000px; margin-left:auto; margin-right:auto;}
.image_area.max_w1000 img{max-width:100%;}


/*
@media (min-width: 1001px) {
	.Cheatkey-video .video-item{width: calc((100% - 20px) / 2); margin-right: 10px;}
	.Cheatkey-video .video-item:nth-child(even){margin-right:0;}	
}
*/



/*기업상세페이지 신청버튼*/
.page_recruit_01_view .apply_btngroup{gap:10px;}
.page_recruit_01_view .apply_btngroup .btn{width:180px; margin:0; padding-left:10px; padding-right:10px; font-size:18px !important;}
@media (max-width: 1200px) {
	.page_recruit_01_view .apply_btngroup{max-width:560px; margin-left:auto; margin-right:auto; justify-content: start;}
}
@media (max-width: 640px) {
	.page_recruit_01_view .apply_btngroup{max-width:310px;}
	.page_recruit_01_view .apply_btngroup .btn{width:150px; font-size:15px !important;}
}
@media (max-width: 360px) {
	.page_recruit_01_view .apply_btngroup{max-width:270px;}
	.page_recruit_01_view .apply_btngroup .btn{width:130px; font-size:14px !important;}
}



/*타임테이블 - 메인,행사안내*/
.time_table_wrap{display:flex; gap:30px;}
.time_table_wrap .time-table{width:calc((100% - 30px)/2);}
.time_table_wrap .time-table .day_title{font-size:23px;}

.time_table_wrap .time-table .table-noline th{padding:1.2rem 2rem;}
.time_table_wrap .time-table .table-noline td{padding:1.5rem 2rem;}

.time_table_wrap .time-table.n1 .table-noline th{background-color:var(--color-secondary); color:#fff;}
.time_table_wrap .time-table.n1 .table-noline td.time{background-color:#e3eeb5; color:#000; font-weight:600;}

.time_table_wrap .time-table.n2 .table-noline th{background-color:var(--color-basic); color:#fff;}
.time_table_wrap .time-table.n2 .table-noline td.time{background-color:#f7e4c5; color:#000; font-weight:600;}
@media (min-width: 1001px) {
	.time_table_wrap .time-table.n1 .table-noline td{padding-top:1.84rem; padding-bottom:1.84rem;}
}
@media (max-width: 1000px) {
	.time_table_wrap .time-table .day_title{font-size:21px;}
}
@media (max-width: 768px) {
	.time_table_wrap{flex-direction: column;}
	.time_table_wrap .time-table{width:100%;}
	.time_table_wrap .time-table .day_title{font-size:18px;}
}

/*행사안내*/
.page_info_01 .sub-section.n3 .time-table{overflow-x: auto;}



/*모티베이션-핏 컨퍼런스 타임테이블*/
.moti_time_wrap{display:flex; gap:30px;}
.moti_time_wrap .item{width:calc((100% - 30px)/2);}
.moti_time_wrap .item .day_title{font-size:22px;}

.moti_time_wrap .table-wrap .table-noline th{padding:1.2rem 2rem;}
.moti_time_wrap .table-wrap .table-noline td{padding:1.6rem 2rem;}

.moti_time_wrap .item.n1 .table-noline th{background-color:var(--color-secondary); color:#fff;}
.moti_time_wrap .item.n1 .table-noline th.bg_color{background-color:#e3eeb5; color:#000; font-weight:600;}

.moti_time_wrap .item.n2 .table-noline th{background-color:var(--color-basic); color:#fff;}
.moti_time_wrap .item.n2 .table-noline th.bg_color{background-color:#f7e4c5; color:#000; font-weight:600;}


.moti_time_wrap .item .teacher_intro{margin-top:20px;}
.moti_time_wrap .item .teacher_intro .title{display:flex; justify-content: center; align-items: center; padding:15px; border-radius:5px;}
.moti_time_wrap .item .teacher_intro .title img{width:60px;}
.moti_time_wrap .item .teacher_intro .con{display:flex; flex-direction: column; justify-content: center; align-items: center; gap:20px; margin-top:10px; padding:20px; border-radius:10px; border-width:1px; border-style: solid; box-sizing: border-box;}
.moti_time_wrap .item .teacher_intro .con .n1{width:150px;}
.moti_time_wrap .item .teacher_intro .con .n2{width:240px;}

.moti_time_wrap .item.n1 .teacher_intro .title{background-color:var(--color-secondary);}
.moti_time_wrap .item.n2 .teacher_intro .title{background-color:var(--color-basic);}
.moti_time_wrap .item.n1 .teacher_intro .con{background-color:#eefaf3; border-color:var(--color-secondary);}
.moti_time_wrap .item.n2 .teacher_intro .con{background-color:#fff6f0; border-color:var(--color-basic);}

@media (min-width: 1001px) {
	.moti_time_wrap .item.n1 .table-noline td{padding-top:3.2rem; padding-bottom:3.2rem;}
}
@media (max-width: 1000px) {
	.moti_time_wrap{flex-direction: column;}
	.moti_time_wrap .item{width:100%;}
	.moti_time_wrap .item .day_title{font-size:20px;}
	
	.moti_time_wrap .item .teacher_intro .title{padding:15px;}
	.moti_time_wrap .item .teacher_intro .title img{width:55px;}
	.moti_time_wrap .item .teacher_intro .con .n1{width:120px;}
	.moti_time_wrap .item .teacher_intro .con .n2{width:200px;}
}
@media (max-width: 768px) {
	.moti_time_wrap .item .day_title{font-size:18px;}
}
@media (max-width: 640px) {
	.moti_time_wrap .item .teacher_intro .title img{width:50px;}
	.moti_time_wrap .item .teacher_intro .con .n1{width:100px;}
	.moti_time_wrap .item .teacher_intro .con .n2{width:180px;}
}
@media (max-width: 480px) {
	.moti_time_wrap .item .table-noline td{padding-left:10px; padding-right:10px;}
}




/* .GettheJOB_video .video-item{width:100% !important;} */
@media (min-width: 1001px) {
	.GettheJOB_video .video-item{width: calc((100% - 20px) / 2); margin-right: 10px;}
	.GettheJOB_video .video-item:nth-child(even){margin-right:0;}	
}




/*오프라인코칭챗*/
.offline_coaching_time .time-table table th,
.offline_coaching_time .time-table table td{padding:1.2rem 1rem;}
.offline_coaching_time .time-table .category{background-color:var(--color-secondary); color:#fff; font-weight:600;}
 


/*렌탈 페이지*/
.sub-tab .sub-tabItem.menu_color{background-color:#f7e4c5;}
.sub-tab .sub-tabItem.menu_color a{color:var(--color-basic); font-weight:600;}
.sub-tab .sub-tabItem.menu_color a.active{background-color:var(--color-basic); color:#fff;}
.page_company_rental .rental_list_wrap{padding:20px 25px; border-radius:20px; background:#fff;}
.page_company_rental .rental_list .table-cell{text-align:center !important; padding-top:0.5rem; padding-bottom:0.5rem;}
.page_company_rental .rental_list .first .table-cell{padding-top:1rem; padding-bottom:1rem;}
.page_company_rental .rental_list .table-cell.w_1{width:calc((100% - 280px)/2);}
.page_company_rental .rental_list .table-cell.w_2{width:calc((100% - 280px)/2);}
.page_company_rental .rental_list .table-cell.w_3{width:140px;}
.page_company_rental .rental_list .table-cell.w_4{width:140px;}
.page_company_rental .rental_list .table-cell.w_5{width:50%; height:60px; padding-top:0; padding-bottom:0; line-height:60px; background-color:var(--color-secondary); color:#fff; font-size:18px; font-weight:600;}
.page_company_rental .rental_list .table-cell.w_6{width:50%; height:60px; padding-top:0; padding-bottom:0; line-height:60px;  color:#000; color:var(--color-secondary); font-weight:600; font-size:18px; background-color:#f7f7f7;}
.page_company_rental .rental_list .table-cell.w_7{width:calc(100% - 510px);}
.page_company_rental .rental_list .table-cell.w_8{width:170px;}
.page_company_rental .rental_list .table-cell.w_9{width:150px;}
.page_company_rental .rental_list .table-cell.w_10{width:calc((100% - 450px)/2);}
.page_company_rental .rental_list .table-cell.w_1.title{font-weight:600;}
.page_company_rental .rental_list .table-cell.w_full{width:100%;}
.page_company_rental .rental_list .btn_inner {display: flex; width:100px; align-items: center; border-radius: 4px; overflow: hidden;}
.page_company_rental .rental_list .btn_counter .counter_btn {width: 30px; height: 30px; border: none; background-color: #7d7d7d; color: #fff; font-size: 20px; cursor: pointer;}
.page_company_rental .rental_list .btn_counter .number {width: 40px; height:28px; line-height:28px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; font-size: 16px; color: #111; background-color:#fff;}

.page_company_rental .rental_list .table-row.last .table-cell{padding-top:15px; padding-bottom:15px; background-color:#f5f5f5; text-align:right !important;}
.page_company_rental .rental_list .table-row:not(.first):hover{background-color:#eee;}

.page_company_rental .product_list{margin-top:100px; padding:3rem 2rem; border-radius:1.5rem;background:#fff;}
.page_company_rental .product_list .image_area{display:flex; justify-content: center; align-items: center; width:100%;}

.page_company_rental .history{padding:1.5rem ; background-color:#5d5d5d; color:#fff; border-radius:10px; line-height:1.5;}
.page_company_rental .history .date{font-weight:600;}
.page_company_rental .history strong{text-shadow: 0 3px 3px rgba(0,0,0,0.3);}
@media (max-width: 1000px) {	
	.page_company_rental .rental_list .table-cell.w_9{width:100px;}
	.page_company_rental .rental_list .table-cell.w_10{width:calc((100% - 300px)/2);}
}
@media (max-width: 768px) {
	.page_company_rental .rental_list .table-wrap{overflow-x: scroll;}
	.page_company_rental .rental_list .table-style01{min-width:650px;}
	.page_company_rental .rental_list .btn_counter .number{font-size:13px;}
	.page_company_rental .rental_list .table-cell.w_5{height:40px; line-height:40px; font-size:15px;}
	.page_company_rental .rental_list .table-cell.w_6{height:40px; line-height:40px; font-size:15px;}
	
	.page_company_rental .product_list{margin-top:60px;}
	.page_company_rental .product_list .image_area{display:block; overflow-x:scroll;}
	.page_company_rental .product_list .image_area .img{width:700px;}
	
	.page_company_rental .rental_list .table-cell.w_7{width:calc(100% - 300px);}
	.page_company_rental .rental_list .table-cell.w_8{width:100px;}
}




/*박람회소개 > 참가방법 > 사전등록/현장등록*/
.fi-page02 .text-area.type_2{max-width:550px;}



.noti-area.type_2{padding:1.2rem; border-radius:1rem;}


/*맞춤형컨설팅*/
.page_allinone_02 .tabs .tab-list li a{font-size:1rem;}



/*코칭챗*/
.page_allinone_04 .item{z-index:40;}


/*합격시그털*/
/* .signal_video .video-item{width:100% !important;} */
@media (min-width: 1001px) {
	.signal_video .video-item{width: calc((100% - 20px) / 2); margin-right: 10px;}
	.signal_video .video-item:nth-child(even){margin-right:0;}	
}





.interview_end_popup .color_orange{color:var(--color-basic);}
.interview_end_popup .table td{font-size:14px; line-height:1.4;}









/*250908~ 수정 박람회 이후 플랫폼화*/
.main-banner.style02{position:relative; height:800px; background:url("../img/main_visual_renew.jpg") center 0 / cover no-repeat !important;}
.main-banner.style02 .inner{position:relative; height:100%; z-index: 10;}
.main-banner.style02 .text-area{width:800px; max-width:100%;}
.main-banner.style02 .main_banner_deco{position:absolute; left:50%; transform: translateX(-50%); z-index: 5;}
.main-banner.style02 .main_banner_deco.n1{width:1000px; top:20px;}
.main-banner.style02 .main_banner_deco.n2{width:800px; bottom:-20px;}
@media (max-width: 1000px) {
	.main-banner.style02{height:600px;}
	.main-banner.style02 .text-area{width:500px;}
	.main-banner.style02 .main_banner_deco.n1{width:700px;}
	.main-banner.style02 .main_banner_deco.n2{width:600px;}
}
@media (max-width: 640px) {
	.main-banner.style02{height:450px;}
	.main-banner.style02 .text-area{width:90%;}
	.main-banner.style02 .main_banner_deco.n1{width:90%;}
	.main-banner.style02 .main_banner_deco.n2{width:90%;}
}
@media (max-width: 450px) {
	.main-banner.style02{height:350px;}
}


/*금융컨퍼런스*/
/*
.video_flex .item{display:flex; gap:40px; height:400px; justify-content: center; align-items: center;}
.video_flex .video-area{width:calc((100% - 40px)/2);}
.video_flex .text-area{display:flex; flex-direction: column; justify-content: center; width:calc((100% - 40px)/2); height:100%; box-sizing: border-box;}
.video_flex .text-area .desc{margin-top:15px; padding:15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f9f9f9;}
@media (max-width: 1000px) {
	.video_flex .item + .item{margin-top:80px;}
	.video_flex .item{flex-direction: column; gap:20px; height:auto;}
	.video_flex .video-area{width:100%; max-width:640px;}
	.video_flex .text-area{width:100%; max-width:640px; text-align:center;}
	.video_flex .text-area .desc{margin-top:10px;}
}
*/
.video_flex .item{display:flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.video_flex .item:last-child{margin-bottom:80px;}
.video_flex .item + .item{margin-top:80px;}	
.video_flex .video-area{width:calc((100% - 40px)/2); margin-right:40px;}
.video_flex .text-area{display:flex; flex-direction: column; justify-content: center; width:calc((100% - 40px)/2); height:100%; box-sizing: border-box;}
.video_flex .text-area strong{}
.video_flex .text-area .desc{margin-top:10px;}
.video_flex .logo_group_wrap{width:100%; margin-top:10px; padding:20px 80px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-color:#f9f9f9;}
.video_flex .logo_group_wrap .subject{width:100%; font-size:20px; margin-bottom:10px;}
.video_flex .logo_group{display:flex; flex-wrap:wrap; }
.video_flex .logo_group .logo_item{width:calc((100% - 30px)/4); margin-right:10px; padding:10px 20px; border-radius:10px; background-color:#fff; border:1px solid #ccc;}
.video_flex .logo_group .logo_item:nth-child(4n){margin-right:0;}
.video_flex .logo_group .logo_item:nth-child(+n+5){margin-top:10px;}
.video_flex .logo_group .logo_item .image{margin-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ccc;}
.video_flex .logo_group .logo_item img{display:block; width:80%; margin-left:auto; margin-right:auto;}
.video_flex .logo_group .logo_item .desc{font-weight:500; text-align:center; word-break: keep-all;}
@media (max-width: 1000px) {
	.video_flex .item{flex-direction: column; height:auto;}
	.video_flex .video-area{width:100%; max-width:640px; margin-right:0; margin-bottom:20px;}
	.video_flex .text-area{width:100%; max-width:640px; text-align:center;}
	.video_flex .text-area .desc{margin-top:10px;}
	.video_flex .logo_group_wrap{ max-width:640px; margin-left:auto; margin-right:auto; margin-top:10px; padding:20px;}
}
@media (max-width: 640px) {
	.video_flex .text-area .desc{font-size:15px;}
	.video_flex .logo_group_wrap .subject{font-size:16px; text-align:center;}
	.video_flex .logo_group{max-width:400px; margin-left:auto; margin-right:auto;}
	.video_flex .logo_group .logo_item{width:calc((100% - 10px)/2);}
	.video_flex .logo_group .logo_item:nth-child(2n){margin-right:0;}
	.video_flex .logo_group .logo_item:nth-child(+n+3){margin-top:10px;}
	.video_flex .logo_group .logo_item img{width:100%;}
}



/*공고캘린더*/
@media (max-width: 1000px) {
	.calendar-wrap .jobpost-list h3{font-size:20px;}
	.calendar-wrap .calendar-box .body dl dd{min-height:80px;}
	.calendar-wrap .jobpost-list ul li a{padding:10px; font-size:15px;}
}
@media (max-width: 768px) {
	.calendar-wrap .jobpost-list h3{margin-bottom:20px;}
	.calendar-wrap .calendar-box .body dl dd{min-height:70px;}
}
@media (max-width: 640px) {
	.calendar-wrap .calendar-box .body dl dd{min-height:50px;}
	.calendar-wrap .jobpost-list{padding:20px;}
	.calendar-wrap .jobpost-list ul li a{font-size:14px;}
}