@charset "UTF-8";

/* 프리텐다드 JP CDN 호출 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.css");

/* 쉼표 오타 수정 및 !important로 layout.css 이기기 */
body#contents {
    font-family: "Pretendard JP", "Pretendard", -apple-system, sans-serif !important ;
    line-height: 1.6;
    word-break: keep-all;
	letter-spacing: letter-spacing: -0.02em;
}
/* =============================★ PC 전용 (1025px 이상에서만 작동) ★ =============================*/
@media (min-width: 1025px) {
	#program_step_wrap .program_step .title{width:30%;}
	#program_step_wrap .program_step .box.merge{width: calc(70% - 15px);}
	#program_step_wrap .program_step .box{width: calc(35% - 15px);}
	#program_slide_wrap .title h1{letter-spacing: -1px;}
	#program_step_wrap .program_step .title h1{font-size: var(--font-size-xl-1);}
	#program_step_wrap .program_step .title .desc{font-size: var(--font-size-s-4);}
	.philo_card .txt_box p{font-size: var(--font-size-m-1);}

}


/* =============================1025px ~ 1280px 구간 (태블릿 가로/노트북) 전용 =============================*/
@media screen and (min-width: 1025px) and (max-width: 1280px) {


}





/* =============================작은 테블릿 및 가로 모바일 (1024px)============================= */
@media (min-width: 821px) and (max-width: 1024px) {
	

}









/*============================= 모바일 (820px) ============================*/

@media (max-width: 820px) {
	.section{letter-spacing: -0.2px!important}
	#program_step_wrap .program_step .box h4{letter-spacing: -0.2px!important}
	
	#about_who h3{font-size: var(--font-size-xxl-1); line-height: 1.48}
	#trading_strategies .highlight_txt{line-height: 1.48}
	#philosophy .philo_card{padding-top:80px}
	.philo_card .txt_box{height:140px}
	.philo_card .txt_box p,m #strategic_entry .who_txt, .adv_item .txt_box .desc{line-height: 1.46;}
	.adv_item .txt_box .tit{line-height: 1.46;}
	#program_step_wrap .program_step .box.merge h4, #program_step_wrap .program_step .box h4{font-size: var(--font-size-l-3); line-height: 1.56}
	#program_step_wrap .program_step .box p{line-height: 1.56}
	#program_slide_wrap .title h1 strong{font-size: var(--font-size-xxl-1);}
	#program_slide_wrap .program_slide .list_wrap .text_wrap .title{line-height:1.2; font-size: var(--font-size-l-4);}
	#program_slide_wrap .program_slide .list_wrap .text_wrap p{font-size: var(--font-size-m-2); line-height: 1.4; margin-bottom: 5px; font-weight:400}
	#program_slide_wrap .program_slide .list_wrap .text_wrap span{ont-size: var(--font-size-s-2);}
	#trading_pnl .chart_footer .notice{margin-top:5px}
	
	.who_txt p, 
    .program_slide .desc p, 
    .program_slide .desc span {
        word-break: break-all !important; /* 글자 단위로 강제 줄바꿈 허용 */
        letter-spacing: -0.02em; /* 일문은 자간을 살짝 줄여야 덜 터집니다 */
    }
	
	#about_who .who_txt{font-size: var(--font-size-m-1);line-height: 1.8}
	#trading_strategies .strategy_desc, #trading_strategies .desc_top, #trading_strategies .desc_bottom{font-size: var(--font-size-m-1);}
	.philo_card .txt_box p, m #strategic_entry .who_txt, .adv_item .txt_box .desc{ line-height: 1.65}
	#strategy_models .m_tr .val{font-size: var(--font-size-s-4);}
	#contract_container .sub_title{font-size: var(--font-size-m-2);}

}