.ft_pre {font-family: 'Pretendard Variable';}
.o_sub_tit {width: 92%; max-width: 1620px; margin: 0 auto; padding-bottom: 80px;}	
.d_sub_visual {display:none;}
.o_pad_top {padding:150px 0 0;}
.br_1000o {display:none;}
.br_720o {display:none;}



/* sec01 */
.sub_sec01_inr {font-family: 'Pretendard Variable'; position: relative; width: 100%; height:100%; background-image: url(/img/sub/o_sub_sec01_01.jpg);background-repeat: no-repeat;background-position: center center; background-size: cover;}
.sub_sec01_tit {line-height:3.6rem; text-align:center;}
.sub_sec01_inr .o_sub_ul {color: #fff; text-align: center; padding: 200px 0;}
.sub_sec01_inr .o_sub_li {width: 100%;}
.sec01_subtit {margin-bottom:65px; line-height: 54px;}
.sub_sec01_txt {margin-bottom:35px; line-height: 1.7rem; font-weight:300;}

/* sec02 */
.sub_sec02 {font-family: 'Pretendard Variable'; }
.sub_sec02_ul {width: 100%; display: flex;}
.sub_sec02 .sub_sec02_li {width: 50%;}
.sub_sec02 .sub_left img {width: 100%;}
.sub_sec02 .sub_right {position: relative;}
.sub_sec02 .sub_rightBox {position: absolute; top:14%; left:10%;}
.sec02_subtit {margin-bottom: 30px;}
.sub_sec02_txt {margin-bottom: 20px; line-height: 1.7rem; font-weight:300;}
.sub_txtBox {padding-bottom:70px;}

@media screen and (max-width: 1550px) {
	.sub_sec02 .sub_rightBox {position: absolute; top:10%; left:10%;}
	.sub_txtBox {padding-bottom:35px;}
}

@media screen and (max-width: 1480px) {
	.sub_sec02 .sub_rightBox {position: absolute; top:10%; left:10%;}
	.sec02_subtit {margin-bottom: 25px;}
	.sub_sec02_txt {margin-bottom:15px; line-height: 1.6rem; font-weight:300;}
}

@media screen and (max-width: 1200px){
	.sub_sec02 .sub_rightBox {position: absolute; top:10%; left:10%;}
	.sub_txtBox {padding-bottom:15px;}
	.sec02_subtit {margin-bottom: 20px;}
}

@media screen and (max-width: 1080px){
	.br_1080n {display:none;}
	.sec01_subtit {margin-bottom:45px; line-height: 42px;}
	.sub_sec01_inr .o_sub_ul {padding: 150px 0;}

	.sub_sec02 {padding: 80px 0 50px;}
	.sub_sec02 .sub_rightBox {position: absolute; top:10%; left:10%;}
	.sub_txtBox {padding-bottom:15px; width: 47%;}
	.sec02_subtit {margin-bottom: 20px;}

	.sub_sec02_ul {width: 92%; flex-direction: column; margin: 0 auto;}
	.sub_sec02 .sub_sec02_li {width: 100%;}
	.sub_sec02 .sub_rightBox {position: relative; display: flex; left: 0; word-break: keep-all; justify-content: space-between; padding-top: 50px;}

	.sub_sec02 .t_motion_01.on span i {transform: translateY(-3%);}
}

@media screen and (max-width: 1000px){
	.br_1000o {display:block;}
}
@media screen and (max-width: 720px){
	.br_1080n {display:block;}  
	.br_720o {display:block;}

	.o_pad_top {padding:40px 0 0;}
	.o_sub_tit {padding-bottom: 40px; line-height: 2.8rem;}	
	.o_sub_tit h3 {font-size:22px;}

	.sub_sec01_inr .o_sub_ul {padding: 100px 0;}
	.sec01_subtit {margin-bottom: 30px; line-height: 32px; font-size: 22px;}
	.sub_sec01_txt {margin-bottom:20px;}

	.sub_sec02 {padding: 40px 0 0px;}
	.sub_sec02 .sub_rightBox {flex-direction: column;}
	.sub_txtBox {padding-bottom:10px; width: 100%;}
}


.sub03_ul {display: flex; flex-direction: column; row-gap: 50px; border: 1px solid #eee; padding: 80px; background-color: #FFF;
    box-shadow: 0 0 5px #eee;
    -webkit-box-shadow: 0 0 5px #eee;
    -moz-box-shadow: 0 0 5px #eee;
    -o-box-shadow: 0 0 5px #eee;
    -ms-box-shadow: 0 0 5px #eee;}
.sub03_li {display: flex; align-items: flex-start; justify-content: space-between;}
.sub03_li_tit {text-align:center; margin-bottom:80px; width: 92%; margin: 35px auto 80px;}
.sub03_li_tit_01 {line-height: 1.3; margin-top:10px;}
.sub03_li_txt_01 {width: 30%; word-break:keep-all;}
.sub03_li_txt_02 {width: 63%; word-break:keep-all;} 
.sub03_ul .t_motion_01.on span i ,.sub_sec01 .t_motion_01.on span i {transform: translateY(-0%);}
.scroll_down {color:#fd4444; font-weight:600;}
@media screen and (max-width: 720px){
.sub03_ul {padding: 30px 15px; border:none;}
.sub03_li_txt_01 {width: 30%; word-break:keep-all; font-size:18px;}
.sub03_li_txt_02 {width: 63%; word-break:keep-all; font-size:14px;} 
.sub03_li_tit {text-align:center; margin-bottom:80px; width: 92%; margin: 20px auto 80px;}
}