/* ====================================
			2025 summer
====================================*/

/* common */
.text_center{
    text-align: center;
}
.color_key{
	color: #fe3c3c !important;
}
.color_red{
    color: #d34637;
}
.color_blue{
	color: #3987e9;
}

.list_type_bar > li{
    display: flex;
    align-items: flex-start;
}
.list_type_bar > li{
    position: relative;
    padding-left: 15px;
}
.list_type_bar > li:before{
    display: block;
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    width: 6px;
    height: 1px;
    background-color: #333;
}
.list_type_info li{
    display: flex;
}
.list_type_info li > span{
    display: inline-block;
    width: 16px;
    vertical-align: middle;
}
.list_type_info li > span + div{
    width: calc(100% - 16px);
}


/* layout */
.summer_2025_contents{
    overflow: hidden;
}
.summer_2025_contents *{
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    box-sizing: border-box;
}
.summer_inner{
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	max-width: 720px;
	margin: 0 auto;
}
.summer_sec{
	padding: 130px 0 140px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.summer_sec:before,
.summer_main_sec .main_bg_sec:before{
	display: block;
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 100%;
	height: 5px;
	background-image: url('/img/suneung/recruit/2025_summer/img_sec_dash.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

/* main section */
.summer_main_sec.summer_sec{
	padding: 0;
}
.summer_main_sec .main_logo_wrap{
	padding: 55px 0;
	background-color: #bce0e6;
	text-align: center;
}
.summer_main_sec .main_logo_wrap img{
	width: 563px;
}
.summer_main_sec .main_bg_sec{
	padding-top: 152.7778vw;
	position: relative;
	background-image: url('/img/suneung/recruit/2025_summer/bg_main_sec.png');
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
.main_sub_tit_wrap{
	text-align: center;
}
.main_sub_tit_wrap img{
	width: 384px;
}
.main_sub_tit_wrap strong{
	display: block;
	margin-top: 60px;
	font-size: 54px;
	line-height: 1.2em;
	font-weight: 800;
	color: #2f2725;
}
.main_sub_tit_wrap span{
	display: inline-block;
	margin-top: 50px;
	padding: 14px 66px;
	border-radius: 20px;
	background-color: #cfaf87;
	color: #fff;
	font-size: 41px;
	font-weight: 800;
}
.main_visual_wrap .info_wrap{
	position: relative;
	margin-top: 60px;
	padding: 60px;
	background-color: #fee7cf;
	background-image: url('/img/suneung/recruit/2025_summer/img_main_dash.png'), url('/img/suneung/recruit/2025_summer/img_main_dash.png');
	background-position: top center, bottom center;
	background-repeat: no-repeat;
	background-size: contain;
}
.main_visual_wrap .info_wrap:after{
	display: block;
	content: '';
	position: absolute;
	top: -32px;
	right: 26px;
	width: 211px;
	height: 254px;
	background: url('/img/suneung/recruit/2025_summer/img_main_note.png') no-repeat center / cover;
	animation: updown 2s linear infinite;
}
.main_visual_wrap .info_wrap dl + dl{
	margin-top: 40px;
}
.main_visual_wrap .info_wrap dt{
	width: 214px;
	padding: 10px;
	border-radius: 20px;
	background-color: #fe3c3c;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}
.main_visual_wrap .info_wrap dd{
	margin-top: 20px;
	font-size: 34px;
	font-weight: 600;
	text-align: left;
	color: #2f2725;
}

@keyframes updown{
	50%{-webkit-transform: translateY(15px);transform: translateY(15px);}
}



/* 6w */
.w6_contents{
	margin-top: 130px;
	text-align: center;
}
.w6_contents .tit_wrap img{
	width: 431px;
}
.w6_contents .tit_wrap p{
	margin-top: 60px;
	font-size: 34px;
	font-weight: 600;
}
.w6_contents .tit_wrap span{
	display: inline-block;
	padding: 6px 22px;
	border-radius: 20px;
	background-color: #cfaf87;
	font-size: 40px;
	font-weight: 800;
	color: #fff;
}

.w6_wrap .img_wrap{
    position: relative;
    margin: 0 auto;
    padding: 70px 0 110px;
    text-align: center;
}



/* section 1 / 등록혜택 */
.summer_sec_01{
	position: relative;
	background-image: url('/img/suneung/recruit/2025_summer/bg_sec_01.png');
}
.summer_sec_01 .summer_inner:before{
	display: block;
	content: '';
	position: absolute;
	top: -173px;
	left: 20px;
	width: 173px;
	height: 176px;
	background: url('/img/suneung/recruit/2025_summer/img_sec_01_tube.png') no-repeat center / cover;
}

.bd_box{
	overflow: hidden;
	border-radius: 20px;
}
.bd_box + .bd_box{
	margin-top: 40px;
}
.bd_box + .bd_box.bg_gray{
	margin-top: 0;
}
.bd_box .tit_wrap{
	padding: 20px;
	text-align: center;
}
.bd_box.type1 .tit_wrap{
	background-color: #fe3c3c;
}
.bd_box.type2 .tit_wrap{
	background-color: #333;
}
.bd_box .con_wrap{
	padding: 50px 40px;
	background-color: #fff;
}
.bd_box .con_wrap .event_tit{
	text-align: center;
}
.bd_box .con_wrap .event_con{
	margin-top: 60px;
}
.bg_gray{
	background-color: #f3f3f3;
}
.bg_gray .con_wrap{
	background: none;
}
.bg_gray .event_con .item strong{
	background-color: #fe3c3c;
}
.bg_gray .event_con .item .txt_gray{
	background-color: #fff;
	color: #a5a5a5;
}

.event_con .item{
	display: flex;
}
.event_con .item strong{
	display: inline-block;
	width: 114px;
	height: 42px;
	padding: 8px 10px;
	border-radius: 10px;
	background-color: #7bcbd8;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.event_con .item p{
	margin-left: 32px;
	font-size: 30px;
	line-height: 1.3em;
	font-weight: 600;
	letter-spacing: -0.03em;
	color: #2f2725;
}
.event_con .item .txt_gray{
	display: inline-block;
	margin-left: 20px;
	padding: 8px 14px;
	border-radius: 5px;
	background-color: #f3f3f3;
	font-size: 22px;
	line-height: 1em;
	font-weight: 600;
	color: #9d9d9d;
}

.notice_conbox li,
.notice_conbox p{
	font-size: 22px;
	line-height: 1.4em;
	letter-spacing: -0.02em;
	word-break: keep-all;
}
.notice_conbox li + li{
	margin-top: 5px;
}
.notice_conbox p{
	line-height: 1.7em;
}

.summer_sec_01 .bd_box:nth-child(1) .tit_wrap img{
	width: 170px;
}
.summer_sec_01 .bd_box:nth-child(1) .event_tit img{
	width: 378px;
}
.summer_sec_01 .bd_box:nth-child(2) .event_tit img{
	width: 372px;
}
.summer_sec_01 .bd_box:nth-child(3) .tit_wrap img{
	width: 286px;
}
.summer_sec_01 .bd_box:nth-child(4) .tit_wrap img{
	width: 293px;
}
.summer_sec_01 .event_con .item{
	padding: 32px 0;
	background-image: url('/img/suneung/recruit/2025_summer/img_sec_01_dash.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.summer_sec_01 .event_con .item:first-child{
	padding-top: 0;
	background: none;
}
.summer_sec_01 .event_con .item:last-child{
	padding-bottom: 0;
}



/* section 2 / 등록 절차, 모집대상, 센터 */
.summer_sec_02{
	position: relative;
	background-image: url('/img/suneung/recruit/2025_summer/bg_sec_02.png');
}
.summer_sec_02 .summer_inner:before{
	display: block;
	content: '';
	position: absolute;
	top: -300px;
	right: 0;
	width: 353px;
	height: 259px;
	background: url('/img/suneung/recruit/2025_summer/img_sec_02_bag.png') no-repeat center / cover;
}
.summer_sec_02 .bd_box{
	position: relative;
}
.summer_sec_02 .bd_box .tit_wrap img{
	width: 173px;
}
.summer_sec_02 .bd_box:nth-child(3) .tit_wrap img{
	width: 329px;
}
.prc_con .item{
	display: flex;
	align-items: center;
	padding: 40px 5px;
	background: url('/img/suneung/recruit/2025_summer/img_sec_01_dash.png') no-repeat bottom center / contain;
}
.prc_con .item:nth-child(1){
	padding-top: 0;
}
.prc_con .item span{
	width: 44px;
}
.prc_con .item strong{
	display: inline-block;
	margin-left: 30px;
	font-size: 35px;
	font-weight: 700;
	color: #fe3c3c;
}
.prc_con .item p{
	margin-left: 24px;
	font-size: 30px;
	font-weight: 600;
}
.prc_notice{
	margin-top: 60px;
}
.prc_notice li{
	font-size: 22px;
	line-height: 1.4em;
	font-weight: 400;
	color: #6c6c6c;
}
.prc_notice li + li{
	margin-top: 5px;
}
.notice_txt{
	font-size: 35px;
	line-height: 1.55em;
	font-weight: 600;
	text-align: center;
}
.notice_txt strong{
	font-weight: 800;
}
.notice_txt .footnote{
	display: block;
	margin-top: 35px;
	font-size: 22px;
	line-height: 1.4em;
	font-weight: 400;
	color: #6c6c6c;
}


/* section 3 / 합격 잇올 찾아가자 1만2천봉 */
.summer_sec_03{
	position: relative;
	padding-bottom: 200px;
	background-image: url('/img/suneung/recruit/2025_summer/bg_sec_03.png');
	background-position: bottom center;
}
.summer_sec_03 .summer_inner:before{
	display: block;
	content: '';
	position: absolute;
	top: -300px;
	left: 20px;
	width: 312px;
	height: 209px;
	background: url('/img/suneung/recruit/2025_summer/img_sec_03_book.png') no-repeat center / cover;
}
.summer_sec_03 .tit_wrap{
	position: relative;
	z-index: 1;
	text-align: center;
}
.summer_sec_03 .point_wrap{
	margin-top: -42px;
}
.point_item{
	position: relative;
	padding: 92px 50px 65px;
	border-radius: 30px;
	background-color: #fff;
}
.point_item + .point_item{
	margin-top: 44px;
}
.point_item .item_conbox{
	text-align: center;
}
.point_item .tit_wrap span{
	display: block;
	font-size: 35px;
	font-weight: 600;
}
.point_item .tit_wrap span + strong{
	margin-top: 20px;
}
.point_item .tit_wrap strong{
	display: block;
}
.point_item .tit_wrap p{
	margin-top: 50px;
	font-size: 29px;
}
.point_item .con_wrap{
	margin-top: 60px;
}
.point_item .item_footnote{
	margin-top: 60px;
	text-align: left;
}
.point_item .item_footnote p{
	font-size: 16px;
	letter-spacing: -0.02em;
	line-height: 1.4em;
	font-weight: 300;
	color: #7c7c7c;
	word-break: keep-all;
}

.point_item_01 .tit_wrap img{
	width: 318px;
}
.point_item_02 .tit_wrap img{
	width: 357px;
}
.point_item_03 .tit_wrap img{
	width: 359px;
}
.point_item_04 .tit_wrap img{
	width: 354px;
}

.point_wrap + .btn_wrap{
	margin-top: 44px;
	text-align: center;
}
.point_wrap + .btn_wrap .btn{
	display: inline-block;
	width: 100%;
	padding: 36px 20px;
	border-radius: 20px;
	background-color: #222;
	font-size: 32px;
	font-weight: 600;
	color: #fff;
}



/* form */
.summer_sec.summer_sec_form{
	padding: 50px 0;
	background-color: #f8f8f8;
}
.summer_sec_form .summer_inner{
	padding-left: 0;
	padding-right: 0;
}

.summer_form_contents *{
	font-family: 'SUIT', sans-serif, serif;
}
.summer_form_contents select{
	font-size: 12px;
}
.summer_form_contents .board.board-form button{
	font-size: 16px;
}
.summer_form_contents .writer {
    display: flex;
    position: relative;
    font-size: 15px;
}
.summer_form_contents .chk-id label{
    font-size: 15px;
    position: relative;
    padding: 1px 0 0 26px;
    line-height: 19px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.summer_form_contents .chk-id input[type="checkbox"],
.summer_form_contents .writer input[type="radio"]{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    font-size: 14px;
}
.summer_form_contents .chk-id input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    font-size: 14px;
}
.summer_form_contents .chk-id input[type="checkbox"] + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #E5E5E5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.summer_form_contents .chk-id input[type="checkbox"] + label:after{
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 10px;
    background: url(/img/sub/check_icon_gray.png) 0 / 100% no-repeat;
}
.summer_form_contents .chk-id input[type="checkbox"]:checked + label:before{
    background-color: #b8292f;
    border: none;
}
.summer_form_contents .chk-id input[type="checkbox"]:checked + label:after{
    background: url(/img/sub/check_icon_white.png) 0 / 100% no-repeat;
}
.summer_form_contents .writer .radio_tit{
    color:#A59494;
    font-weight:bold;
}
.summer_form_contents .writer label {
    position: relative;
    padding: 1px 0 0 26px;
    margin-left: 20px;
    line-height: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.summer_form_contents .writer input[type="radio"] + label:after {
    display: block;
    content: '';
    position: absolute;
    left: 5px;
    top: 6px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
}
.summer_form_contents .writer input[type="radio"]:checked + label:after {
    background-color: #b8292f;
}
.summer_form_contents .writer input[type="radio"] + label:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #E5E5E5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.summer_form_contents .writer input[type="radio"]:checked + label:before {
    background-color: #fff;
    border: solid 1px #b8292f;
}
.summer_form_contents .ibhack_sl_sub6 p,
.summer_form_contents .ibhack_footer p{
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.2em;
}
.summer_form_contents .btn-wrap{
	margin-top: 20px;
}




/* ===================================
device width 721 이상인 경우 px 작업,
device width 720 이하인 경우 vw로 변환
=================================== */
@media screen and (max-width: 720px){
	.list_type_bar > li{
		padding-left: 2.0833vw;
	}
	.list_type_bar > li:before{
		top: 2.5000vw;
		width: 0.8333vw;
		height: 0.1389vw;
	}
	.list_type_info li > span{
		width: 2.2222vw;
	}
	.list_type_info li > span + div{
		width: calc(100% - 2.2222vw);
	}

	/* layout */
	.summer_inner{
		padding-left: 5.5556vw;
		padding-right: 5.5556vw;
	}
	.summer_sec{
		padding: 18.0556vw 0 19.4444vw;
	}
	.summer_sec:before,
	.summer_main_sec .main_bg_sec:before{
		top: -0.4167vw;
		height: 0.6944vw;
	}

	/* main section */
	.summer_main_sec .main_logo_wrap{
		padding: 7.6389vw 0;
	}
	.summer_main_sec .main_logo_wrap img{
		width: 78.1944vw;
	}
	.summer_main_sec .main_bg_sec{
		padding-top: 152.7778vw;
	}
	.main_sub_tit_wrap img{
		width: 53.3333vw;
	}
	.main_sub_tit_wrap strong{
		margin-top: 8.3333vw;
		font-size: 7.5000vw;
	}
	.main_sub_tit_wrap span{
		margin-top: 6.9444vw;
		padding: 1.9444vw 9.1667vw;
		border-radius: 2.7778vw;
		font-size: 5.6944vw;
	}
	.main_visual_wrap .info_wrap{
		margin-top: 8.3333vw;
		padding: 8.3333vw;
	}
	.main_visual_wrap .info_wrap:after{
		top: -4.4444vw;
		right: 3.6111vw;
		width: 29.3056vw;
		height: 35.2778vw;
	}
	.main_visual_wrap .info_wrap dl + dl{
		margin-top: 5.5556vw;
	}
	.main_visual_wrap .info_wrap dt{
		width: 29.7222vw;
		padding: 1.3889vw;
		border-radius: 2.7778vw;
		font-size: 5.2778vw;
	}
	.main_visual_wrap .info_wrap dd{
		margin-top: 2.7778vw;
		font-size: 4.7222vw;
	}

	/* 6w */
	.w6_contents{
		margin-top: 18.0556vw;
	}
	.w6_contents .tit_wrap img{
		width: 59.8611vw;
	}
	.w6_contents .tit_wrap p{
		margin-top: 8.3333vw;
		font-size: 4.7222vw;
	}
	.w6_contents .tit_wrap span{
		padding: 0.8333vw 3.0556vw;
		border-radius: 2.7778vw;
		font-size: 5.5556vw;
	}
	.w6_wrap .img_wrap{
		padding: 9.7222vw 0 15.2778vw;
	}

	/* section 1 / 등록혜택 */
	.summer_sec_01 .summer_inner:before{
		top: -24.0278vw;
		left: 2.7778vw;
		width: 24.0278vw;
		height: 24.4444vw;
	}
	.bd_box{
		border-radius: 2.7778vw;
	}
	.bd_box + .bd_box{
		margin-top: 5.5556vw;
	}
	.bd_box .tit_wrap{
		padding: 2.7778vw;
	}
	.bd_box .con_wrap{
		padding: 6.9444vw 5.5556vw;
	}
	.bd_box .con_wrap .event_con{
		margin-top: 8.3333vw;
	}

	.event_con .item strong{
		width: 15.8333vw;
		height: 5.8333vw;
		padding: 1.1111vw 1.3889vw;
		border-radius: 1.3889vw;
		font-size: 3.8889vw;
	}
	.event_con .item p{
		margin-left: 4.4444vw;
		font-size: 4.1667vw;
	}
	.event_con .item .txt_gray{
		margin-left: 2.7778vw;
		padding: 1.1111vw 1.9444vw;
		border-radius: 0.6944vw;
		font-size: clamp(0.625rem, 3.0556vw, 1rem);
	}

	.notice_conbox li,
	.notice_conbox p{
		font-size: clamp(0.625rem, 3.0556vw, 1rem);
	}
	.notice_conbox li + li{
		margin-top: 0.6944vw;
	}

	.summer_sec_01 .bd_box:nth-child(1) .tit_wrap img{
		width: 23.6111vw;
	}
	.summer_sec_01 .bd_box:nth-child(1) .event_tit img{
		width: 52.5000vw;
	}
	.summer_sec_01 .bd_box:nth-child(2) .event_tit img{
		width: 51.6667vw;
	}
	.summer_sec_01 .bd_box:nth-child(3) .tit_wrap img{
		width: 39.7222vw;
	}
	.summer_sec_01 .bd_box:nth-child(4) .tit_wrap img{
		width: 40.6944vw;
	}
	.summer_sec_01 .event_con .item{
		padding: 4.4444vw 0;
	}

	/* section 2 / 등록 절차, 모집대상, 센터 */
	.summer_sec_02 .summer_inner:before{
		top: -41.6667vw;
		width: 49.0278vw;
		height: 35.9722vw;
	}
	.summer_sec_02 .bd_box .tit_wrap img{
		width: 24.0278vw;
	}
	.summer_sec_02 .bd_box:nth-child(3) .tit_wrap img{
		width: 45.6944vw;
	}
	.prc_con .item{
		padding: 5.5556vw 0.6944vw;
	}
	.prc_con .item span{
		width: 6.1111vw;
	}
	.prc_con .item strong{
		margin-left: 4.1667vw;
		font-size: 4.8611vw;
	}
	.prc_con .item p{
		margin-left: 3.3333vw;
		font-size: 4.1667vw;
	}
	.prc_notice{
		margin-top: 8.3333vw;
	}
	.prc_notice li{
		font-size: clamp(0.625rem, 3.0556vw, 1rem);
	}
	.prc_notice li + li{
		margin-top: 0.6944vw;
	}
	.notice_txt{
		font-size: 4.8611vw;
	}
	.notice_txt .footnote{
		margin-top: 4.8611vw;
		font-size: clamp(0.625rem, 3.0556vw, 1rem);
	}

	/* section 3 / 합격 잇올 찾아가자 1만2천봉 */
	.summer_sec_03{
		padding-bottom: 27.7778vw;
	}
	.summer_sec_03 .summer_inner:before{
		top: -41.6667vw;
		left: 2.7778vw;
		width: 43.3333vw;
		height: 29.0278vw;
	}
	.summer_sec_03 .point_wrap{
		margin-top: -5.8333vw;
	}
	.point_item{
		padding: 12.7778vw 6.9444vw 9.0278vw;
		border-radius: 4.1667vw;
	}
	.point_item + .point_item{
		margin-top: 6.1111vw;
	}
	.point_item .tit_wrap span{
		font-size: 4.8611vw;
	}
	.point_item .tit_wrap span + strong{
		margin-top: 2.7778vw;
	}
	.point_item .tit_wrap p{
		margin-top: 6.9444vw;
		font-size: 4.0278vw;
	}
	.point_item .con_wrap{
		margin-top: 8.3333vw;
	}
	.point_item .item_footnote{
		margin-top: 8.3333vw;
	}
	.point_item .item_footnote p{
		font-size: clamp(0.625rem, 2.2222vw, 1rem);
	}
	.point_item_01 .tit_wrap img{
		width: 44.1667vw;
	}
	.point_item_02 .tit_wrap img{
		width: 49.5833vw;
	}
	.point_item_03 .tit_wrap img{
		width: 49.8611vw;
	}
	.point_item_04 .tit_wrap img{
		width: 49.1667vw;
	}
	.point_wrap + .btn_wrap{
		margin-top: 6.1111vw;
	}
	.point_wrap + .btn_wrap .btn{
		padding: 5.0000vw 2.7778vw;
		border-radius: 2.7778vw;
		font-size: 4.4444vw;
	}

	.summer_sec.summer_sec_form{
		padding: 0;
	}
}