@charset "utf-8";
@import url(content01.css);
@import url(content02.css);
@import url(content03.css);

/**************************************************
	Main CSS Document
	IEETU Web Standardization Team
	2021-01-01
**************************************************/

/**************************************************
	Common
**************************************************/

/**************************************************
	Content
**************************************************/
/*로그인*/
.login_wrap {background:url(../images/content/login_bg.png) no-repeat center center; background-size:cover; padding:90px 0; border:solid 1px #c7d7f2;}
.login_wrap .tit {margin:0 auto; /*padding-left:100px; background:url(../images/content/login_icon.png) no-repeat 5px 4px;*/ font-size:16px; color:#555; letter-spacing:-1.4px; line-height:1.2; text-align:center;}
.login_wrap .tit strong {font-size:32px; display:block; color:#141414; font-weight:bold; padding-bottom:10px; }
.login_wrap .tit span{color:#e21448; font-weight:bold;}
.login_wrap .ipt_wrap {max-width:492px; padding-right:122px; position:relative; margin:30px auto 0;}
.login_wrap .ipt_wrap input {width:100%; height:52px; margin-bottom:10px;}
.login_wrap .ipt_wrap #password{font-family:'맑은 고딕' !important;}
.login_wrap .ipt_wrap .btn {display:block; width:116px; height:116px;  border:0; font-size:18px; background:#004bb8; color:#fff; text-align:center; line-height:114px; position:absolute; right:0; top:0; }
.find_id {overflow:hidden;}
.find_id li {float:left; width:50%; position:relative; padding:40px 0 60px 40px;}
.find_id li:before {content:''; display:block; width:1px; height:66px; position:absolute; right:0; top:40px; background:#c7d7f2;}
.find_id li:last-child:before {display:none;}
.find_id li a{display:block;}
.find_id li a strong {display:block; font-size:20px; font-weight:normal; color:#141414; letter-spacing:-1px;}
.find_id li a span {font-size:18px; color:#004bb8; display:inline-block;}
.find_id li a span:after {content:''; display:inline-block; width:20px; height:20px; background:url(../images/content/login_bullet.png) no-repeat;position:relative; top:4px;vertical-align: top; margin-left:6px;}

/* 약관동의 */
.box_agree_com{padding:40px; background:#f6f6f6;}
.box_agree_com .area_chk_all{margin:0 0 20px;}
.box_agree_com .area_chk_all .btn_chkbox2{font-weight:700; font-size:2rem;}
.box_agree_com .area_chk_all .txt{margin:10px 0 0 27px;}
.box_agree_com > .inr{padding:40px; border:1px solid #dcdcdc; border-radius:10px; background:#fff;}
.box_agree_com .group_agree{padding:40px 0; border-bottom:1px solid #dcdcdc;}
.box_agree_com .group_agree:first-child{padding-top:0;}
.box_agree_com .group_agree:last-child{padding-bottom:0; border-bottom:0;}
.box_agree_com .group_agree .btn_open{display:block; position:relative; width:100%; margin-bottom:15px; background:none; font-weight:700; font-size:1.8rem; text-align:left;}
.box_agree_com .group_agree .btn_open:after{content:''; position:absolute; top:50%; right:0; width:22px; height:12px; background:url(../images/common/ico_agree_barr.png) no-repeat 0 0; transform:translateY(-50%) scaleY(-1);}
.box_agree_com .group_agree.open .btn_open:after{transform:translateY(-50%);}
.box_agree_com .group_agree .btn_open:not(:has(+ .area_terms)):after{display:none;}
.box_agree_com .group_agree .area_terms{display:none; height:240px; overflow:hidden; overflow-y:auto; padding:40px; border:1px solid #dcdcdc; border-radius:8px;}
.box_agree_com .group_agree.open .area_terms{display:block;}
.box_agree_com .group_agree .box_chk{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-top:13px; padding:15px 40px; border-radius:8px; background:#f4f4f4;}
.box_agree_com .group_agree .box_chk .area_chk{margin-left:auto;}
.box_agree_com .group_agree .inp_wrap:last-child input + label{margin-right:0;}
.c_edu_apply .btn_wrap{margin:30px 0 0;}
.c_edu_apply .box_waiting .fieldset{gap:var(--g-gap-4); margin-top:var(--g-gap-5); padding-top:var(--g-gap-5); border-top:0.1rem solid #ddd;}
.c_edu_apply .box_waiting .fieldset .button{flex-shrink:0;}

/* 사이트맵 */
.cont_sitemap .sitemap_lst{display:flex; gap:30px;}
.cont_sitemap .sitemap_lst > li{flex:1;}
.cont_sitemap .sitemap_lst > li > a{display:block; padding:25px 0; background:#ecf1fe; font-weight:700; font-size:2.2rem; text-align:center;}
.cont_sitemap .sitemap_lst > li > ul{margin-top:10px;}
.cont_sitemap .sitemap_lst > li > ul > li{border-bottom:1px solid #ced4e6;}
.cont_sitemap .sitemap_lst > li > ul > li > a{display:block; position:relative; padding:10px 0 10px 25px; font-weight:700; font-size:1.7rem;}
.cont_sitemap .sitemap_lst > li > ul > li > a:before{content:''; position:absolute; top:20px; left:6px; width:4px; height:4px; border-radius:50%; background:#203647;}
.cont_sitemap .sitemap_lst > li > ul > li > ul{padding:0 0 0 25px; border-top:1px solid #ced4e6;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li:not(:last-child){border-bottom:1px dotted #d8deea;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a{display:block; position:relative; padding:10px 0 10px 14px; font-size:1.6rem;}
.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a:before{content:''; position:absolute; top:20px; left:3px; width:4px; height:4px; border:1px solid #2e2e2e; border-width:1px 1px 0 0; transform:rotate(45deg);}
/* 첨부파일목록 */
.g-file-list{display:flex; align-items:center; gap:var(--g-gap-4) var(--g-gap-8);}
.g-file-list .title{display:flex; align-items:center; gap:var(--g-gap-4); flex-shrink:0; font-weight:700; font-size:1.6rem;}
.g-file-list .title:before{content:''; flex-shrink:0; width:3.6rem; height:3.6rem; background:url(../images/common/ico_upload_file.png) no-repeat 0 0/contain;}
.g-file-list .title:after{content:''; height:2rem; margin-left:var(--g-gap-4); border-right:0.1rem solid var(--g-light-color-divider-gray-light);}
.g-file-list .upload-list{flex:1;}
.g-file-list .upload-list li{padding:var(--g-padding-4) 0; border-bottom:0.1rem solid var(--g-light-color-divider-gray-light);}
@media (max-width:767px){
	.g-file-list{flex-direction:column; align-items:flex-start;}
	.g-file-list .title:after{display:none;}
	.g-file-list .upload-list{width:100%;}
}

/* 연간일정 */
.g-info-box2 {
	display:flex;
	gap:var(--g-gap-6);
	position: relative;
	background-color: #e8f1fe;
	padding: var(--g-pc-padding-card-medium);
	border-radius: var(--g-radius-xlarge1);
}
.g-info-box2 .icon{flex-shrink:0;}
.g-info-box2 .txt{display:flex; flex-direction:column; gap:var(--g-gap-5);}
.g-info-box2 .txt .tit{margin:1rem 0 0; font-weight:700; font-size:3.4rem;}
.g-info-box2 .desc p{margin:0; font-size: var(--g-pc-font-size-body-medium); line-height:1.8;}
.g-info-box2 .desc p + p{
	margin-top: var(--g-pc-gap-layout-text-text-small);
}
@media (max-width: 767px) {
	.g-info-box2 {
		gap:var(--g-gap-4);
		padding: var(--g-mobile-padding-card-small);
	}
	.g-info-box2 .icon{width:8rem; height:8rem;}
	.g-info-box2 .txt .tit{font-size:2.4rem;}
	.g-info-box2 .desc p + p {
		margin-top: var(--g-mobile-gap-layout-text-text-small);
	}
	.g-info-box2 .desc p {
		font-size: var(--g-mobile-font-size-body-medium);
	}
}
.schedule_box{overflow:hidden; border:1px solid transparent; border-radius:var(--g-radius-xlarge1); background:linear-gradient(#fff,#fff), linear-gradient(to bottom,#000 10px,#ccc 0); background-origin:border-box; background-clip:padding-box, border-box;}
.schedule_box .schedule_header{padding:var(--g-pc-padding-card-medium) var(--g-pc-padding-card-large); border-bottom:1px solid #ccc;}
.schedule_box .schedule_info_list{display:flex; gap:var(--g-gap-6);}
.schedule_box .schedule_info_list > li{display:flex; align-items:center; gap:var(--g-gap-4); flex:1;}
.schedule_box .schedule_info_list .info_tit{display:flex; align-items:center; gap:var(--g-gap-3);}
.schedule_box .schedule_info_list .info_tit:before{content:''; flex-shrink:0; width:3.2rem; height:3.2rem;}
.schedule_box .schedule_info_list .info_tit.info01:before{background:url(../images/content/ico_schedule_info01.png) no-repeat 0 0/contain;}
.schedule_box .schedule_info_list .info_tit.info02:before{background:url(../images/content/ico_schedule_info02.png) no-repeat 0 0/contain;}
.schedule_box .schedule_body{padding:var(--g-pc-padding-card-large);}
.schedule_box .schedule_info_list .info_txt{display:flex; flex-wrap:wrap; align-items:center; gap:var(--g-gap-3); position:relative; padding-left:var(--g-gap-4);}
.schedule_box .schedule_info_list .info_txt:before{content:''; position:absolute; top:0; left:0; bottom:0; height:1.4rem; margin:auto 0; border-left:1px solid #ccc;}
@media (max-width:767px){
	.schedule_box .schedule_header{padding:var(--g-mobile-padding-card-medium) var(--g-mobile-padding-card-large);}
	.schedule_box .schedule_info_list{flex-direction:column;}
	.schedule_box .schedule_body{padding:var(--g-mobile-padding-card-large);}
}
@media (max-width:599px){
	.schedule_box .schedule_info_list > li{flex-direction:column; align-items:flex-start; gap:var(--g-gap-3);}
	.schedule_box .schedule_info_list .info_txt{padding-left:0;}
	.schedule_box .schedule_info_list .info_txt:before{display:none;}
}
.schedule_box .grid-wrap{border:1px solid #ccc; border-top:2px solid #4e4d4d;}
.schedule_box .grid-header{display:flex; font-weight:700;}
.schedule_box .grid-header .grid-tit{display:flex; align-items:center; justify-content:center; width:50%; padding:var(--g-padding-8) var(--g-padding-4); border-bottom:1px solid #4e4d4d;}
.schedule_box .grid-header .grid-txt{display:flex; flex-direction:column; width:50%; border-left:1px solid #4e4d4d; border-bottom:1px solid #4e4d4d;}
.schedule_box .grid-header .grid-txt .tit{display:flex; align-items:center; justify-content:center; flex:1; padding:var(--g-padding-4); border-bottom:1px solid #4e4d4d; text-align:center;}
.schedule_box .grid-container{display:grid; flex:1; position:relative;}
.schedule_box .grid-cell{display:flex; align-items:center; justify-content:center; position:relative; z-index:1; padding:var(--g-padding-4) 0;}
.schedule_box .grid-cell:not(:first-child){border-left:1px solid #ccc;}
.schedule_box .grid-list .item{display:flex;}
.schedule_box .grid-list .item .item-tit{display:flex; flex-direction:column; gap:var(--g-gap-3); width:50%; padding:var(--g-padding-6);}
.schedule_box .grid-list .item .item-tit .tit{display:flex; flex-wrap:wrap; align-items:center; gap:var(--g-gap-3);}
.schedule_box .grid-list .item .item-tit .tit strong{font-size:1.7rem;}
.schedule_box .grid-list .item .grid-container{width:50%; border-left:1px solid #4e4d4d;}
.schedule_box .grid-list .item:not(:last-child) :is(.item-tit,.grid-container){border-bottom:1px solid #ccc;}
.schedule_box .grid-arrow{position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(to bottom,#e4f7f4,#e4f7f4 calc(50% - 1px),#27a2ad calc(50% - 1px),#27a2ad calc(50% + 1px),#e4f7f3 0);}
.schedule_box.personal .grid-arrow{background-image:linear-gradient(to bottom,#fff6de,#fff6de calc(50% - 1px),#f18511 calc(50% - 1px),#f18511 calc(50% + 1px),#fff6de 0);}
.schedule_box .grid-arrow:before,
.schedule_box .grid-arrow:after{content:''; position:absolute; top:50%; transform:translateY(-50%); border:15px solid transparent; border-width:5px 15px;}
.schedule_box .grid-arrow:before{left:0; border-left:0; border-right-color:#27a2ad;}
.schedule_box .grid-arrow:after{right:0; border-right:0; border-left-color:#27a2ad;}
.schedule_box.personal .grid-arrow:before{border-right-color:#f18511;}
.schedule_box.personal .grid-arrow:after{border-left-color:#f18511;}
@media (max-width:1023px){
	.schedule_box .grid-header{flex-direction:column;}
	.schedule_box .grid-header .grid-tit{display:none;}
	.schedule_box .grid-header .grid-txt{width:100%; border-left:0;}
	.schedule_box .grid-list .item{flex-direction:column-reverse;}
	.schedule_box .grid-list .item .item-tit{width:100%; padding:var(--g-padding-4);}
	.schedule_box .grid-list .item:not(:last-child) .item-tit{border-bottom:2px solid #4e4d4d;}
	.schedule_box .grid-list .item .grid-container{width:100%; border-left:0; border-bottom:1px solid #ccc;}
	.schedule_box .grid-list .grid-cell{min-height:4rem;}
}
/* 진로심리검사 */
.cont_cpt .g-check-area{justify-content:center; margin-top:var(--g-gap-9);}
.cont_cpt .g-grid-edu{margin-top:var(--g-gap-9);}
@media (max-width:767px){
	.cont_cpt .g-check-area{margin-top:var(--g-gap-6);}
	.cont_cpt .g-grid-edu{margin-top:var(--g-gap-6);}
}
/* 진로심리검사_서브 */
.box_cpt_sub{padding:var(--g-pc-padding-card-large); background-color:#f7f7f7;}
.box_cpt_sub > .inr{padding:var(--g-pc-padding-card-large); border:1px solid #ddd; border-radius:var(--g-radius-xlarge1); background-color:#fff;}
.box_cpt_sub .cpt_sub_head{display:flex; align-items:center; gap:var(--g-gap-10);}
.box_cpt_sub .cpt_sub_head .img{flex:1;}
.box_cpt_sub .cpt_sub_head .txt{flex:1;}
.box_cpt_sub .cpt_sub_head .txt .tit{font-size:3.4rem;}
.box_cpt_sub .cpt_sub_head .txt .desc{margin-top:var(--g-gap-6);}
.box_cpt_sub .cpt_sub_chk{margin-top:var(--g-gap-9); padding-top:var(--g-gap-8); border-top:1px solid #ddd;}
.box_cpt_sub .cpt_sub_chk > .tit{margin:0; font-weight:700; font-size:1.8rem;}
.box_cpt_sub .box_chk{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--g-gap-4); margin-top:13px; padding:15px 40px; border-radius:8px; background:#f4f4f4;}
.box_cpt_sub .box_chk .area_chk{display:flex; align-items:center; gap:var(--g-gap-6); margin-left:auto;}
.box_cpt_sub .inp_wrap:last-child input + label{margin-right:0;}
@media (max-width:1023px){
	.box_cpt_sub{padding:var(--g-mobile-padding-card-large);}
	.box_cpt_sub > .inr{padding:var(--g-mobile-padding-card-large);}
	.box_cpt_sub .cpt_sub_head{gap:var(--g-gap-8);}
	.box_cpt_sub .cpt_sub_head .txt .tit{font-size:2.4rem;}
	.box_cpt_sub .cpt_sub_head .txt .desc{margin-top:var(--g-gap-4);}
	.box_cpt_sub .cpt_sub_chk{margin-top:var(--g-gap-6); padding-top:var(--g-gap-5);}
	.box_cpt_sub .cpt_sub_chk > .tit{font-size:1.7rem;}
}
@media (max-width:767px){
	.box_cpt_sub{padding:var(--g-mobile-padding-card-small);}
	.box_cpt_sub > .inr{padding:var(--g-mobile-padding-card-small);}
	.box_cpt_sub .cpt_sub_head{flex-direction:column; gap:var(--g-gap-6);}
	.box_cpt_sub .box_chk{padding:15px;}
}
/* 진로심리검사_진행 */
.cpt_list_top{display:flex; flex-wrap:wrap; margin-bottom:var(--g-gap-4);}
.cpt_list_top .list_info{display:flex; align-items:center; gap:var(--g-gap-2); margin-left:auto;}
.cpt_list_top .list_info:before{content:''; width:2rem; height:2rem; background:url(../images/content/ico_cpt_chk.png) no-repeat 0 0/contain;}
.cpt_list_top .list_info li{display:flex; align-items:center; gap:var(--g-gap-1);}
.cpt_list_top .list_info li:not(:last-child):after{content:'/'; margin-left:var(--g-gap-2);}
.cpt_list_top .list_info li .point{color:#003ca5;}
.cpt_list{display:flex; flex-direction:column; gap:var(--g-gap-9);}
.cpt_list .item{overflow:hidden; border:1px solid transparent; border-radius:var(--g-radius-xlarge1); background:linear-gradient(#fff,#fff), linear-gradient(to bottom,#000 10px,#ccc 0); background-origin:border-box; background-clip:padding-box, border-box;}
.cpt_list .item_head{display:flex; gap:var(--g-gap-4); padding:var(--g-padding-8) var(--g-padding-10); background-color:#f7f7f7;}
.cpt_list .item_head:before{content:''; flex-shrink:0; width:3.2rem; height:3.2rem; background:url(../images/content/ico_qna_tit.png) no-repeat 0 0/contain;}
.cpt_list .item_head .tit{margin:3px 0 0; font-weight:700;}
.cpt_list .item_body{display:flex; gap:var(--g-gap-4); padding:var(--g-padding-8) var(--g-padding-10) var(--g-padding-8) 8.4rem; border-top:1px solid #ddd;}
.cpt_list .item_body .inp_wrap_area{display:flex; flex-wrap:wrap; gap:var(--g-gap-4) var(--g-gap-10);}
.cpt_list .item_body .inp_wrap_area .inp_wrap{margin:0;}
.cpt_list .item_body .inp_wrap_area .inp_wrap input + label{margin-right:0;}
@media (max-width:1023px){
	.cpt_list{gap:var(--g-gap-6);}
	.cpt_list .item_head{padding:var(--g-padding-6) var(--g-padding-8);}
	.cpt_list .item_head .tit{margin-top:5px;}
	.cpt_list .item_body{padding:var(--g-padding-6) var(--g-padding-8) var(--g-padding-6) 6.4rem;}
}
@media (max-width:767px){
	.cpt_list .item_body{padding:var(--g-padding-6) var(--g-padding-8);}
	.cpt_list .item_body .inp_wrap_area{gap:var(--g-gap-4) var(--g-gap-6);}
}
/* 진로심리검사_결과 */
.cpt_complete_area{display:flex; gap:8rem; padding-bottom:4rem; border-bottom:1px solid #ddd;}
.cpt_complete_area .complete_list{flex:1;}
.cpt_complete_area .complete_list .complete_tit{font-weight:700; font-size:2.4rem; text-align:center;}
.cpt_complete_area .g-grid-edu{grid-template-columns:repeat(2,1fr);}
.cpt_complete_area .g-grid-edu .item{padding:0; border:0;}
.cpt_complete_area .g-grid-edu .item .info .tit{font-size:1.7rem;}
.cpt_complete_area .complete_info{flex:1;}
.cpt_complete_area .complete_info .head{text-align:center;}
.cpt_complete_area .complete_info .head .txt{margin:1rem 0 2rem;}
.cpt_complete_area .complete_info .info_list{margin-top:6rem;}
.cpt_complete_area .complete_info .info_list > li{margin-top:-2px;}
.cpt_complete_area .complete_info .info_list .item{display:flex; align-items:flex-start; min-height:12rem; padding-left:calc(10rem - 4.8rem*.7); padding-bottom:4rem; border:2px solid transparent; border-radius:0 8rem 8rem 0; background-image:linear-gradient(#fff,#fff), linear-gradient(to right,transparent 8rem,#bae1fc 0); background-origin:border-box; background-clip:padding-box, border-box;}
.cpt_complete_area .complete_info .info_list > li:nth-child(even) .item{padding-left:45%; border-radius:8rem 0 0 8rem; background-image:linear-gradient(#fff,#fff), linear-gradient(to left,transparent 8rem,#bae1fc 0);}
.cpt_complete_area .complete_info .info_list > li:last-child .item{border:0;}
.cpt_complete_area .complete_info .info_list .num{position:relative; transform:translateY(-50%);}
.cpt_complete_area .complete_info .info_list .num span{display:flex; align-items:center; justify-content:center; position:relative; z-index:1; width:4.8rem; height:4.8rem; border-radius:50%; background-color:#ffc71b; font-weight:800; font-size:2rem;}
.cpt_complete_area .complete_info .info_list > li:nth-child(2) .num span{background-color:#2bb66b; color:#fff;}
.cpt_complete_area .complete_info .info_list > li:nth-child(3) .num span{background-color:#28adad; color:#fff;}
.cpt_complete_area .complete_info .info_list > li:nth-child(4) .num span{background-color:#007bd0; color:#fff;}
.cpt_complete_area .complete_info .info_list > li:nth-child(5) .num span{background-color:#5b67d4; color:#fff;}
.cpt_complete_area .complete_info .info_list .num:before{content:''; position:absolute; right:30%; top:30%; width:10rem; height:10rem; background:url(../images/content/ico_cpt_complete01.png) no-repeat 0 0/contain;}
.cpt_complete_area .complete_info .info_list > li:nth-child(2) .num:before{background-image:url(../images/content/ico_cpt_complete02.png);}
.cpt_complete_area .complete_info .info_list > li:nth-child(3) .num:before{background-image:url(../images/content/ico_cpt_complete03.png);}
.cpt_complete_area .complete_info .info_list > li:nth-child(4) .num:before{background-image:url(../images/content/ico_cpt_complete04.png);}
.cpt_complete_area .complete_info .info_list > li:nth-child(5) .num:before{background-image:url(../images/content/ico_cpt_complete05.png);}
.cpt_complete_area .complete_info .info_list .txt{display:flex; flex-direction:column; align-items:flex-start; gap:1rem; margin-top:-2rem;}
.cpt_complete_area .complete_info .info_list .txt .tit{padding:0 var(--g-gap-3); background-color:#fff; font-size:2.4rem;}
.cpt_complete_area .complete_info .info_list .txt .lst{display:flex; flex-direction:column; gap:var(--g-gap-2); margin-left:var(--g-gap-3);}
.cpt_complete_area .complete_info .info_list .txt .lst li{position:relative; padding-left:1.4rem; font-size:1.7rem;}
.cpt_complete_area .complete_info .info_list .txt .lst li:before{content:''; position:absolute; top:1rem; left:0; width:.3rem; height:.3rem; border-radius:50%; background-color:#000;}
@media (max-width:1023px){
	.cpt_complete_area{flex-direction:column; gap:4rem;}
}
@media (max-width:767px){
	.cpt_complete_area .complete_info .info_list .item{padding-left:calc(6rem - 3.4rem*.7);}
	.cpt_complete_area .complete_info .info_list > li:nth-child(even) .item{padding-left:40%;}
	.cpt_complete_area .complete_info .info_list .num span{width:3.4rem; height:3.4rem; font-size:1.8rem;}
	.cpt_complete_area .complete_info .info_list .num:before{width:6rem; height:6rem;}
	.cpt_complete_area .complete_info .info_list .txt{margin-top:-1.6rem;}
	.cpt_complete_area .complete_info .info_list .txt .tit{font-size:2rem;}
	.cpt_complete_area .complete_info .info_list .txt .lst li{font-size:1.5rem;}
}

/* 인사말 */
.cont_greeting{display:flex; gap:8rem;}
.cont_greeting .img{flex:1; position:relative; aspect-ratio:952/821;}
.cont_greeting .img:after{content:''; position:absolute; top:0; right:-7rem; width:calc(100vw/2 + 7rem); height:100%; background:url(../images/content/img_greeting.jpg) no-repeat 100% 0/contain;}
.cont_greeting .cont{flex:1; padding-bottom:8rem;}
.cont_greeting .cont .tit{font-size:2.8rem;}
.cont_greeting .cont .txt{margin-top:var(--g-gap-9);}
.cont_greeting .cont .txt .desc{margin:0; line-height:1.8;}
.cont_greeting .cont .txt .desc + .desc{margin-top:var(--g-gap-9);}
.cont_greeting .cont .txt .sign{margin:9rem 0 0; font-weight:700; font-size:2rem; text-align:right;}
@media (max-width:1023px){
	.cont_greeting .cont .tit{font-size:2rem;}
	.cont_greeting .cont .txt{margin-top:var(--g-gap-6);}
	.cont_greeting .cont .txt br{display:none;}
	.cont_greeting .cont .txt .desc + .desc{margin-top:var(--g-gap-6);}
	.cont_greeting .cont .txt .sign{margin-top:4rem; font-size:1.7rem;}
}
@media (max-width:767px){
	.cont_greeting{flex-direction:column; gap:4rem;}
	.cont_greeting .img{aspect-ratio:1/1;}
	.cont_greeting .img:after{right:-1.6rem; width:calc(100vw + 3.2rem);}
	.cont_greeting .cont{padding-bottom:0;}
}
/* 진로활동지원사업 */
.cont_program_info .box_top{position:relative;}
.cont_program_info .box_top .img{overflow:hidden; height:48rem; border-radius:0 4rem; forced-color-adjust:none; mask-repeat:no-repeat; mask-position:0 0,0 0,100% 100%; mask-size:auto; mask-image:linear-gradient(#000,#000),url(../images/content/bg_program_top_mask01.png),url(../images/content/bg_program_top_mask02.png); -webkit-mask-composite:destination-out; mask-composite:exclude;}
.cont_program_info .box_top .img img{width:100%; height:100%; object-fit:cover;}
.cont_program_info .box_top .tit{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-weight:800; font-size:4rem; color:#fff;}
.cont_program_info .box_top .txt{position:absolute; left:6rem; bottom:6rem; margin:0 30rem 0 0; font-size:2rem; color:#fff;}
.cont_program_info .box_top .top_l{display:flex; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:13rem; height:9rem; font-weight:700;}
.cont_program_info .box_top .top_l:after{content:''; width:.5rem; height:.5rem; margin-top:-2rem; border-radius:50%; background-color:#1266fa;}
.cont_program_info .box_top .top_r{display:flex; justify-content:center; align-items:center; position:absolute; bottom:0; right:0; width:29rem; height:9rem;}
.cont_program_info .box_top .top_r .btn_program{display:flex; align-items:center; gap:var(--g-gap-3); position:relative; height:5.4rem; padding-left:3rem; border-radius:5.4rem; background-color:#ededed; font-weight:700; font-size:1.8rem;}
.cont_program_info .box_top .top_r .btn_program:after{content:''; height:100%; aspect-ratio:1/1; border-radius:50%; background:#000 url(../images/common/icon/ico_more.svg) no-repeat 50% 50%;}
.cont_program_info .box_top .top_r .btn_program:before{content:''; position:absolute; top:0; right:0; bottom:0; left:calc(100% - 5.4rem); width:2.4rem; height:2.4rem; margin:auto; border-radius:50%; background-color:#fff; mask-image:url(../images/common/icon/ico_more.svg); forced-color-adjust:none; mask-repeat:no-repeat; mask-position:50% 50%; mask-size:contain;}
.cont_program_info .program_list{margin-top:8rem;}
.cont_program_info .program_list .item:not(:first-child){margin-top:8rem;}
.cont_program_info .program_list .item:nth-child(even){flex-direction:row-reverse;}
.cont_program_info .program_list .item{display:flex;}
.cont_program_info .program_list .item_txt{flex:0 0 50%; padding:0 8rem 0 0;}
.cont_program_info .program_list .item:nth-child(even) .item_txt{padding:0 0 0 8rem;}
.cont_program_info .program_list .item_img{flex:0 0 50%; overflow:hidden; border-radius:var(--g-radius-xlarge1);}
.cont_program_info .program_list .item_tit{margin:1.2rem 0 0 0; font-size:2.4rem;}
.cont_program_info .program_list .item_desc{margin:2.4rem 0 0 0; font-size:1.7rem;}
.cont_program_info .program_list .item_info{display:flex; flex-direction:column; gap:var(--g-gap-5); margin-top:2.4rem; padding-top:2.4rem; border-top:1px solid #ddd;}
.cont_program_info .program_list .item_info li{display:flex; align-items:flex-start; gap:var(--g-gap-3) var(--g-gap-11);}
.cont_program_info .program_list .item_info .tit{display:flex; align-items:center; gap:var(--g-gap-3);}
.cont_program_info .program_list .item_info .tit:before{content:''; width:3.2rem; height:3.2rem; background:url(../images/content/ico_program01.png) no-repeat 0 0/contain;}
.cont_program_info .program_list .item_info li.i02 .tit:before{background-image:url(../images/content/ico_program02.png);}
.cont_program_info .program_list .item_info li.i03 .tit:before{background-image:url(../images/content/ico_program03.png);}
.cont_program_info .program_list .item_info li.i04 .tit:before{background-image:url(../images/content/ico_program04.png);}
.cont_program_info .program_list .item_info .txt{margin-top:.4rem;}
@media (max-width:1023px){
	.cont_program_info .box_top .tit{font-size:3.2rem;}
	.cont_program_info .box_top .txt{font-size:1.8rem;}
	.cont_program_info .program_list{margin-top:4rem;}
	.cont_program_info .program_list .item:not(:first-child){margin-top:4rem;}
	.cont_program_info .program_list .item_tit{font-size:1.8rem;}
	.cont_program_info .program_list .item_txt{padding:0 4rem 0 0;}
	.cont_program_info .program_list .item_desc{font-size:1.5rem;}
	.cont_program_info .program_list .item:nth-child(even) .item_txt{padding:0 0 0 4rem;}
	.cont_program_info .program_list .item_info li{gap:var(--g-gap-3) var(--g-gap-6);}
}
@media (max-width:767px){
	.cont_program_info .box_top .img{height:30rem; border-radius:0 3rem; mask-size:auto, 120px auto, 240px auto;}
	.cont_program_info .box_top .top_l{width:10rem; height:6rem; font-size:1.4rem;}
	.cont_program_info .box_top .top_r{width:21rem; height:6rem;}
	.cont_program_info .box_top .top_r .btn_program{height:4rem; padding-left:1.4rem; font-size:1.4rem;}
	.cont_program_info .box_top .top_r .btn_program:before{left:calc(100% - 4rem);}
	.cont_program_info .box_top .tit{transform:translate(-50%, -100%); font-size:2.8rem;}
	.cont_program_info .box_top .txt{left:2rem; right:2rem; bottom:auto; top:50%; margin:1rem 0 0 0; font-size:1.4rem; text-align:center;}
	.cont_program_info .program_list .item{flex-direction:column !important; gap:var(--g-gap-6);}
	.cont_program_info .program_list .item_tit{margin:0;}
	.cont_program_info .program_list .item_desc{margin-top:1.6rem;}
	.cont_program_info .program_list .item_txt{padding:0 !important;}
	.cont_program_info .program_list .item_info{margin-top:1.6rem; padding-top:1.6rem;}
}
/* 뷰어다운로드 */
.cont_viewer p{margin:0;}
.cont_viewer .viwer_list{margin-top:var(--g-gap-10);}
.cont_viewer .viwer_list > li{display:flex; align-items:center; gap:var(--g-gap-6) var(--g-gap-8);}
.cont_viewer .viwer_list > li:not(:first-child){margin-top:var(--g-gap-8); padding-top:var(--g-gap-8); border-top:1px solid #ddd;}
.cont_viewer .viwer_list > li .img{flex-shrink:0;}
.cont_viewer .viwer_list .down{margin-left:auto;}
@media all and (max-width:767px){
	.cont_viewer .viwer_list > li{flex-wrap:wrap;}
	.cont_viewer .viwer_list .info{flex:1;}
	.cont_viewer .viwer_list .down{width:100%; text-align:right;}
}

/* 1024 ~ 1259px */
@media all and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 사이트맵 */
	.cont_sitemap .sitemap_lst > li{padding:20px 0 30px;}
	.cont_sitemap .sitemap_lst > li > a{padding-right:20px; font-size:1.2em;}
	.cont_sitemap .sitemap_lst > li > div > ul > li{font-size:1.07em;}
	.cont_sitemap .sitemap_lst > li > div > ul > li > ul > li:before{top:7px; width:2px; height:2px;}
	

}

/* ~ 1023px */
@media all and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/


	/**************************************************
		Content
	**************************************************/
	/* 약관동의 */
	.box_agree_com{padding:16px;}
	.box_agree_com .area_chk_all{margin-bottom:10px;}
	.box_agree_com .area_chk_all .btn_chkbox2{font-size:1.6rem;}
	.box_agree_com > .inr{padding:16px;}
	.box_agree_com .group_agree{padding:20px 0;}
	.box_agree_com .group_agree .btn_open{font-size:1.6rem;}
	.box_agree_com .group_agree.open .area_terms{padding:16px;}
	.box_agree_com .group_agree .box_chk{padding:15px 20px;}
	/* 사이트맵 */
	.cont_sitemap .sitemap_lst{gap:20px;}
	.cont_sitemap .sitemap_lst > li > a{padding:15px 0; font-size:1.8rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > a{padding-left:20px; font-size:1.5rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > a:before{top:18px;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul{padding-left:20px;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a{font-size:1.4rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a:before{top:18px;}
	/* 사이트맵 */
	.cont_sitemap .sitemap_lst{gap:20px;}
	.cont_sitemap .sitemap_lst > li > a{padding:15px 0; font-size:1.8rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > a{padding-left:20px; font-size:1.5rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > a:before{top:18px;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul{padding-left:20px;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a{font-size:1.4rem;}
	.cont_sitemap .sitemap_lst > li > ul > li > ul > li > a:before{top:18px;}


}

/* ~ 767px */
@media all and (max-width:767px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 사이트맵 */
	.cont_sitemap .sitemap_lst{flex-wrap:wrap; gap:20px 10px;}
	.cont_sitemap .sitemap_lst > li{flex:auto; width:calc(50% - 5px);}


}

/* ~ 639px */
@media all and (max-width:639px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	
}

/* ~ 537px */
@media all and (max-width:537px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
	/* 사이트맵 */
	.cont_sitemap .sitemap_lst > li > div > ul > li{width:50%;}
	.cont_sitemap .sitemap_lst > li > div > ul > li:nth-child(5n + 1){clear:none;}
	.cont_sitemap .sitemap_lst > li > div > ul > li:nth-child(3n + 1){clear:none;}
	.cont_sitemap .sitemap_lst > li > div > ul > li:nth-child(2n + 1){clear:left;}
	

}