/* =========================================
			2024 kangnam K
========================================= */

/* ==============================================================
본 페이지는 웹폰트 불가 이슈로 이미지텍스트를 사용했으며, 반응형을 위해
device width 721 이상인 경우 px 작업,
device width 720 이하인 경우 vw로 변환해 작업했습니다.
- UIUX
============================================================== */

html, body{
	margin: 0;
	padding: 0;
}
body.ofh{
	overflow: hidden;
}
.color_yellow{
	color: #ffd75d !important;
}
.color_red{
	color: #f00 !important;
}
.color_key{
	color: #00a4a6 !important;
}
.color_gray{
  color: #4f4f4f !important;  
}


/* table */
.table_wrap table{
  table-layout: fixed;
  width: 100%;
}


/* layout */
.dsk_2024_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;
	color: #333;
	letter-spacing: -0.02em;
}
.dsk_2024_contents img{
	max-width: 100%;
}
.mob_inner{
	max-width: 720px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 40px;
	box-sizing: border-box;
}
.dsk_sec .tit_wrap{
	position: relative;
	text-align: center;
}
.dsk_sec .tit_wrap p{
	margin-top: 40px;
	font-size: 34px;
	line-height: 1.4em;
	font-weight: 600;
}


/* main */
.dsk_main_sec img{
	width: 100%;
}


/* section 1 */
.dsk_sec_01{
	margin-top: -3px;
	padding: 100px 0 80px;
	background-color: #00a4a6;
	position: relative;
}
.dsk_sec_01 .tit_wrap:before{
	display: block;
	content: '';
	position: absolute;
	top: -35px;
	left: 10px;
	width: 82px;
	height: 107px;
	background: url('/img/suneung/event/2024_kangnamK/img_sec_01_obj1.png') no-repeat center / cover;
}
.dsk_sec_01 .tit_wrap + .bd_box{
	position: relative;
	margin-top: 160px;
}
.dsk_sec_01 .bd_box .book_img_wrap{
	position: absolute;
	top: -110px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
}
.dsk_sec_01 .bd_box .box_con{
	padding-top: 186px;
}
.dsk_sec_01 .bd_box .item + .item{
	margin-top: 70px;
	padding-top: 70px;
	background-image: url('/img/suneung/event/2024_kangnamK/img_sec_01_dash1.png');
	background-repeat: no-repeat;
	background-position: top center;
}

.dsk_sec_01 .bd_box .point_wrap + .point_wrap{
	margin-top: 72px;
}
.dsk_sec_01 .bd_box .point_wrap .label{
	height: 44px;
	padding: 6px 26px;
	border-radius: 22px;
	background-color: #fff;
	font-size: 26px;
	font-weight: 700;
	color: #00a4a6;
	line-height: 1em;
	box-sizing: border-box;
}
.dsk_sec_01 .bd_box .point_wrap strong{
	display: block;
	margin-top: 34px;
}
.dsk_sec_01 .bd_box .point_wrap p{
	margin-top: 20px;
	font-size: 30px;
  line-height: 1.2em;
	font-weight: 700;
	color: #fff;
}

.bd_box{
	border: 3px solid #fff;
}
.bd_box .box_con{
	padding: 60px 30px;
}
.bd_box *{
	color: #fff;
}
.tit_wrap + .bd_box{
	margin-top: 64px;
}
.bd_box .item{
	text-align: center;
}
.bd_box .item + .item{
	margin-top: 60px;
	padding-top: 60px;
	background-image: url('/img/suneung/event/2024_kangnamK/img_sec_01_dash1.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.bd_box .item .tit + p{
	margin-top: 20px;
}
.bd_box .item p,
.bd_box .item p span{
	font-size: 34px;
	line-height: 1.4em;
	font-weight: 600;
	word-break: keep-all;
}

.bd_box + .footnote_wrap{
	margin-top: 18px;
	text-align: right;
}
.footnote_wrap p{
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2em;
	color: #4f4f4f;
	word-break: keep-all;
}
.footnote_wrap + .bd_box {
	margin-top: 32px;
}


/* section 2 */
.dsk_sec_02{
	padding: 90px 0;
	background-image: url('/img/suneung/event/2024_kangnamK/img_sec_02_bg.png');
	text-align: center;
}
.dsk_sec_02 .tit_wrap:before{
	display: block;
	content: '';
	position: absolute;
	top: -35px;
	right: 10px;
	width: 82px;
	height: 107px;
	background: url('/img/suneung/event/2024_kangnamK/img_sec_02_obj.png') no-repeat center / cover;
}
.dsk_sec_02 .bd_box{
	border-color: #00a4a6;
	background-color: #fbfbfb;
}
.dsk_sec_02 .bd_box *{
	color: #231f20;
}
.dsk_sec_02 .bd_box .item dt{
	border: 0;
	background-color: #00a4a6;
	color: #fff;
}

.dsk_sec_02 .bd_box_02,
.dsk_sec_02 .bd_box_03{
	position: relative;
}
.dsk_sec_02 .bd_box_02:before,
.dsk_sec_02 .bd_box_03:before{
	display: block;
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
}
.dsk_sec_02 .bd_box_02:before{
	top: -50px;
	left: -22px;
	width: 86px;
	height: 96px;
	background-image: url('/img/suneung/event/2024_kangnamK/img_sec_01_obj2.png');
}
.dsk_sec_02 .bd_box_03:before{
	top: -56px;
	right: 2px;
	width: 135px;
	height: 72px;
	background-image: url('/img/suneung/event/2024_kangnamK/img_sec_01_obj3.png');
}

.bd_box + .bd_box{
	margin-top: 70px;
}
.bd_box .box_tit{
	padding: 80px 56px 64px;
	background-image: url('/img/suneung/event/2024_kangnamK/img_sec_02_dash1.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 548px;
	text-align: left;
}
.bd_box .box_tit strong{
	display: inline-block;
	font-size: 45px;
	font-weight: 700;
	color: #00a4a6;
	vertical-align: middle;
}
.bd_box .box_tit span{
	display: inline-block;
	font-size: 28px;
	font-weight: 500;
	color: #00a4a6;
	vertical-align: middle;
}

.dsk_table_wrap th,
.dsk_table_wrap td{
	line-height: 1.3em;
	vertical-align: middle;
	word-break: keep-all;
}
.dsk_table_wrap thead th{
	padding-bottom: 25px;
	font-size: 26px;
}
.dsk_table_wrap thead th strong{
	display: inline-block;
	width: 138px;
	padding: 10px;
	background-color: #00a4a6;
	border-radius: 22px;
	font-weight: 700;
	color: #fff !important;
	text-align: center;
	line-height: 1em;
	box-sizing: border-box;
}
.dsk_table_wrap td{
	padding: 15px 0;
	font-size: 28px;
	font-weight: 600;
}
.dsk_table_wrap th:nth-child(2),
.dsk_table_wrap td:nth-child(2){
	padding-left: 20px;
}
.dsk_table_wrap .color_key {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #00a4a6;
	letter-spacing: -0.06em;
	line-height: 1em;
}
.dsk_table_wrap p{
	font-size: 24px;
	font-weight: 500;
}
.dsk_table_wrap .cell_count{
	font-size: 28px;
	font-weight: 700;
	color: #00a4a6;
}
.dsk_table_wrap .color_gray {
	font-size: 20px;
	line-height: 1.3em;
	letter-spacing: -0.04em;
}

.bd_box .item dl{
	text-align: left;
}
.bd_box .item dl + dl{
	margin-top: 40px;
}
.bd_box .item dt,
.bd_box .item dd{
	font-size: 30px;
	line-height: 1.3em;
	font-weight: 700;
}
.bd_box .item dt{
	width: 186px;
	height: 54px;
	padding: 12px;
	border-radius: 26px;
	line-height: 1em;
	text-align: center;
	box-sizing: border-box;
}
.bd_box .item dd{
	margin-top: 24px;
	margin-left: 32px;
	word-break: keep-all;
}
.bd_box .item dd span{
	display: block;
	font-weight: 500;
	font-size: 24px;
}
.bd_box .item dd strong + p{
	margin-top: 18px;
}
.bd_box .item dd p,
.bd_box .item dd p *{
	font-weight: 600;
	font-size: 24px;
	line-height: 1.6em;
}

.step_item{
	position: relative;
	padding: 56px 20px 52px;
	border: 3px solid #00a4a6;
	border-radius: 28px;
	text-align: center;
}
.step_item + .step_item{
	margin-top: 62px;
}
.step_item + .step_item:before{
	display: block;
	content: '';
	position: absolute;
	top: -54px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 42px;
	height: 25px;
	background-image: url('/img/suneung/event/2024_kangnamK/ico_step_arrow.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.step_item .label{
	display: inline-block;
	padding: 6px 22px;
	position: absolute;
	top: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 1px solid #fff;
	border-radius: 20px;
	background-color: #00a4a6;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
}
.step_item p{
	font-size: 30px;
	line-height: 1.3em;
	font-weight: 700;
}
.step_item .img_palette_logo{
	width: 140px;
}

.bd_box + .btn_wrap{
	margin-top: 60px;
	text-align: center;
}
.bd_box + .btn_wrap .btn_link{
	display: inline-block;
	padding: 40px 120px;
	border-radius: 10px;
	background-color: #222;
	font-size: 32px;
	color: #fff;
	font-weight: 600;
}


/* section 3 */
.dsk_sec_03{
	padding: 160px 0 105px;
	background-color: #00a4a6;
}
.dsk_sec_03 .tit_wrap p{
	color: #fff;
}
.dsk_sec_03 .bd_box{
	position: relative;
	padding: 80px 36px;
}
.dsk_sec_03 .bd_box:before{
	display: block;
	content: '';
	position: absolute;
	top: -65px;
	right: 20px;
	width: 178px;
	height: 104px;
	background-image: url('/img/suneung/event/2024_kangnamK/img_sec_03_obj1.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.dsk_sec_03 .bd_box .box_tit{
	margin-bottom: 80px;
	padding: 0 0 64px 16px;
	background-image: url('/img/suneung/event/2024_kangnamK/img_sec_01_dash1.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: contain;
}
.dsk_sec_03 .bd_box .box_tit strong{
	display: block;
	background-image: url('/img/suneung/event/2024_kangnamX/logo_palette.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 221px;
	font-size: 45px;
	font-weight: 700;
	color: #fff;
}
.dsk_sec_03 .item_tit{
	margin-bottom: 30px;
	text-align: left;
}
.dsk_sec_03 .item_tit strong{
	display: inline-block;
	padding: 18px 48px;
	border-radius: 36px;
	background-color: #fff;
	font-size: 28px;
	font-weight: 800;
	color: #007a7b;
}
.dsk_sec_03 .item + .item{
	margin-top: 56px;
	padding-top: 0;
	background: none;
}
.test_list{
	display: flex;
}
.test_list li{
	width: calc((100% - 54px)/4);
	text-align: center;
}
.test_list li + li{
	margin-left: 18px;
}
.test_list li img{
	width: 100%;
}
.test_list li strong{
	display: inline-block;
	margin-top: 14px;
	font-weight: 600;
	font-size: 18px;
}




/* ===================================
device width 721 이상인 경우 px 작업,
device width 720 이하인 경우 vw로 변환
=================================== */

@media screen and (max-width: 720px){
	.mob_inner{
		padding-left: 5.5556vw;
		padding-right: 5.5556vw;
	}
	.dsk_sec .tit_wrap p{
		margin-top: 5.5556vw;
		font-size: 4.7222vw;
	}


	/* section 1 */
	.dsk_sec_01{
		padding: 13.8889vw 0 11.1111vw;
	}
	.dsk_sec_01 .tit_wrap:before{
		top: -4.8611vw;
		left: 1.3889vw;
		width: 11.3889vw;
		height: 14.8611vw;
	}
	.dsk_sec_01 .tit_wrap + .bd_box{
		margin-top: 22.2222vw;
	}
	.dsk_sec_01 .bd_box .book_img_wrap{
		top: -15.2778vw;
	}
	.dsk_sec_01 .bd_box .box_con{
		padding-top: 25.8333vw;
	}
	.dsk_sec_01 .bd_box .item + .item{
		margin-top: 9.7222vw;
		padding-top: 9.7222vw;
	}
	.dsk_sec_01 .bd_box .point_wrap + .point_wrap{
		margin-top: 10.0000vw;
	}
	.dsk_sec_01 .bd_box .point_wrap .label{
		height: 6.1111vw;
		padding: 0.8333vw 3.6111vw;
		border-radius: 3.0556vw;
		font-size: 3.6111vw;
	}
	.dsk_sec_01 .bd_box .point_wrap strong{
		margin-top: 4.7222vw;
	}
	.dsk_sec_01 .bd_box .point_wrap p{
		margin-top: 2.7778vw;
		font-size: 4.1667vw;
	}
	.bd_box{
		border: 0.4167vw solid #fff;
	}
	.bd_box .box_con{
		padding: 8.3333vw 4.1667vw;
	}

	.tit_wrap + .bd_box{
		margin-top: 8.8889vw;
	}
	.bd_box .item + .item{
		margin-top: 8.3333vw;
		padding-top: 8.3333vw;
	}
	.bd_box .item .tit + p{
		margin-top: 2.7778vw;
	}
	.bd_box .item p,
	.bd_box .item p span{
		font-size: 4.7222vw;
	}

	.bd_box + .footnote_wrap{
		margin-top: 2.5000vw;
	}
	.footnote_wrap p{
		font-size: 3.0556vw;
	}
	.footnote_wrap + .bd_box {
		margin-top: 4.4444vw;
	}


	/* section 2 */
	.dsk_sec_02{
		padding: 12.5000vw 0;
	}
	.dsk_sec_02 .tit_wrap:before{
		top: -4.8611vw;
		right: 1.3889vw;
		width: 11.3889vw;
		height: 14.8611vw;
	}
	.dsk_sec_02 .bd_box_02:before{
		top: -6.9444vw;
		left: -3.0556vw;
		width: 11.9444vw;
		height: 13.3333vw;
	}
	.dsk_sec_02 .bd_box_03:before{
		top: -7.7778vw;
		right: 0.2778vw;
		width: 18.7500vw;
		height: 10.0000vw;
	}

	.bd_box + .bd_box{
		margin-top: 9.7222vw;
	}
	.bd_box .box_tit{
		padding: 11.1111vw 7.7778vw 8.8889vw;
		background-size: 76.1111vw;
	}
	.bd_box .box_tit strong{
		font-size: 6.2500vw;
	}
	.bd_box .box_tit span{
		font-size: 3.8889vw;
	}

	.dsk_table_wrap thead th{
		padding-bottom: 3.4722vw;
		font-size: 3.6111vw;
	}
	.dsk_table_wrap thead th strong{
		width: 19.1667vw;
		padding: 1.3889vw;
		border-radius: 3.0556vw;
	}
	.dsk_table_wrap td{
		padding: 2.0833vw 0;
		font-size: 3.8889vw;
	}
	.dsk_table_wrap th:nth-child(2),
	.dsk_table_wrap td:nth-child(2){
		padding-left: 2.7778vw;
	}
	.dsk_table_wrap .color_key {
		font-size: 2.5000vw;
	}
	.dsk_table_wrap p{
		font-size: 3.3333vw;
	}
	.dsk_table_wrap .cell_count{
		font-size: 3.8889vw;
	}
	.dsk_table_wrap .color_gray {
		font-size: 2.7778vw;
	}

	.bd_box .item dl + dl{
		margin-top: 5.5556vw;
	}
	.bd_box .item dt,
	.bd_box .item dd{
		font-size: 4.1667vw;
	}
	.bd_box .item dt{
		width: 25.8333vw;
		height: 7.5000vw;
		padding: 1.6667vw;
		border-radius: 3.6111vw;
	}
	.bd_box .item dd{
		margin-top: 3.3333vw;
		margin-left: 4.4444vw;
	}
	.bd_box .item dd span{
		font-size: 3.3333vw;
	}
	.bd_box .item dd strong + p{
		margin-top: 2.5000vw;
	}
	.bd_box .item dd p,
	.bd_box .item dd p *{
		font-size: 3.3333vw;
	}

	.step_item{
		padding: 7.7778vw 2.7778vw 7.2222vw;
		border: 0.4167vw solid #00a4a6;
		border-radius: 3.8889vw;
	}
	.step_item + .step_item{
		margin-top: 8.6111vw;
	}
	.step_item + .step_item:before{
		top: -7.5000vw;
		width: 5.8333vw;
		height: 3.4722vw;
	}
	.step_item .label{
		padding: 0.8333vw 3.0556vw;
		top: -2.7778vw;
		border: 0.1389vw solid #fff;
		border-radius: 2.7778vw;
		font-size: 3.3333vw;
	}
	.step_item p{
		font-size: 4.1667vw;
	}
	.step_item .img_palette_logo{
		width: 19.4444vw;
	}

	.bd_box + .btn_wrap{
		margin-top: 8.3333vw;
	}
	.bd_box + .btn_wrap .btn_link{
		padding: 5.5556vw 16.6667vw;
		border-radius: 1.3889vw;
		font-size: 4.4444vw;
	}


	/* section 3 */
	.dsk_sec_03{
		padding: 22.2222vw 0 14.5833vw;
	}
	.dsk_sec_03 .bd_box{
		padding: 11.1111vw 5.0000vw;
	}
	.dsk_sec_03 .bd_box:before{
		top: -9.0278vw;
		right: 2.7778vw;
		width: 24.7222vw;
		height: 14.4444vw;
	}
	.dsk_sec_03 .bd_box .box_tit{
		margin-bottom: 11.1111vw;
		padding: 0 0 8.8889vw 2.2222vw;
	}
	.dsk_sec_03 .bd_box .box_tit strong{
		background-size: 30.6944vw;
		font-size: 6.2500vw;
	}
	.dsk_sec_03 .item_tit{
		margin-bottom: 4.1667vw;
	}
	.dsk_sec_03 .item_tit strong{
		padding: 2.5000vw 6.6667vw;
		border-radius: 5.0000vw;
		font-size: 3.8889vw;
	}
	.dsk_sec_03 .item + .item{
		margin-top: 7.7778vw;
	}

	.test_list{
		flex-wrap: wrap;
	}
	.test_list li{
		width: calc((100% - 5.5556vw)/2);
		margin-top: 5.5556vw;
	}
	.test_list li + li{
		margin-left: 5.5556vw;
	}
	.test_list li:nth-child(2n+1){
		margin-left: 0;
	}
	.test_list li:nth-child(-n+2){
		margin-top: 0;
	}
	.test_list li strong{
		margin-top: 1.9444vw;
		font-size: 3.6111vw;
	}
}