[data-aos^=down-right][data-aos^=down-right].aos-animate{transform:translate(10%,10%);}
.wrap{/* background-color:#f7f7f2; */}
 .header{background-color:#f7f7f2 !important}
 
 
.sub_visual{position:relative;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color: #f7f7f2;}
.sub_visual>span{position:absolute; width:100%; left:0; bottom:0; display:block;background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.sub_visual .inbox>img{position:absolute;}
.sub_visual .v_video{position:absolute; overflow:hidden;}
.sub_visual .v_video iframe{position:absolute;top: 50%;left: 50%;width: 100%;height: 144%;transform: translate(-50%,-50%);}
.sub_visual .v_video span{position:absolute;width:100%; height:100%;}


.sub_visual .inbox{display: table;position: relative;}
.sub_visual .sub_tit{display: table-cell;vertical-align: middle;}
.sub_tit h3{color:#ff6d00;font-weight:bold;line-height: 1.2em;word-break: keep-all;}
.sub_tit p{font-weight: 400;line-height:1.8em}

.sub_visual .oh_list li{margin-left:0;}

.v_info{position:relative; font-weight:300; line-height:1.4em}
.v_info span{position:absolute; top:50%; left:0; transform:translateY(-50%); border-radius:50%; background-color:#aeac93; text-align:center;}
.v_info span i{color:#fff;}


.sub_tit2{font-weight:600;line-height: 1.6em;text-align:center;word-break: keep-all;}
.sub_tit3{font-weight:600;line-height: 1.3em;text-align:center;word-break: keep-all;}

.bg1{background-color:#f7f7f2;background-repeat:no-repeat;background-position:50% 100%;background-size: 120% auto;}
 



.oh_list{}
.oh_list ul{text-align:center; font-size:0;}
.oh_list li{position:relative;display:inline-block;font-weight:600;text-align:center;vertical-align: top;word-break: keep-all;}
.oh_list li:last-child{margin-right: 0 !important;}
.oh_list li div{border-radius:50%;background-color:#f6f7f2;text-align:center;}
.oh_list li span{display:inline-block;border-bottom:2px solid #1c1c1c;padding: 0 1% 1%;font-weight: 900;}
 
 
 
 
.img_box{display:inline-block;}
.img_box.on img{transform:translate(10%,10%)}





.faq{}
.faq>div{float:left;}
.faq_tit h5{font-weight:600; line-height:1.4em;}
 
.faq_list .que{position:relative;color:#fff;background-color:#aeac93;cursor: pointer;word-break: keep-all;line-height: 1.2em;font-weight: bold;}
.faq_list .que i{position:absolute;top:50%;color:#fff;transform: translateY(-50%);}

.faq_list .ans{display:none;background-color: #fff;}
.faq_list .ans .text{/* line-height: 1.5em; */}
.faq_list .ans.list{}
.faq_list .ans .list span{position:relative;line-height: 1.5em;display: inline-block;}
.dot_list span{position:relative;line-height: 1.5em;display:block;}

.faq_list .ans .list span i{position:absolute;transform:scale(0.3);left:0;top:0;line-height: 1.7em;}
.dot_list span i{position:absolute;transform: scale(0.9);left:0;top:0;line-height: 1.7em;font-weight: 400;}

.bg2 .ans{background-color:#f7f7f2}

.chk_list{}
.chk_list ul{font-size:0;}
.chk_list li{float:left;background-repeat:no-repeat;font-weight:300;background-position: 0 0;}

.alf_box{}
.alf_box li{position:relative; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.alf_box li:last-child{margin-bottom:0;}
.alf_box li h5{color:#ff6d00;font-weight:600;word-break: keep-all;line-height: 1.3em;}
.alf_box li p{text-align:left;}
.alf_box li p img{margin-top: 1.4em;display: block;}



.faq_list2{}
.faq_list2 ul{display:flex;flex-wrap: wrap;}

.faq_list2 h5{position:relative;font-weight:600;line-height: 1.3em;}
.faq_list2 h5 span{position:absolute;top: 0;left:0;background-color:#aeac93;border-radius:50%;text-align:center;}
.faq_list2 h5 i{color:#fff;}
.faq_list2 em{display:block; color:#aeac93; font-weight:bold; line-height:1.4em}
.faq_list2 div{position:relative; line-height:1.6em; word-break:keep-all}

.faq_list2 div.case{}
.faq_list2 div.case span{position:absolute;top:0;background-color:#1e1e1e;color:#fff;text-align:center;}


.bg1{position:relative;}
.bg1::before{position:absolute;top: 0;left:50%;width:100%;transform:translateX(-50%);background-size: cover !important;content:''}
.bg1.bgx{background-image: none;}

.loading{text-align:center;}
.loading i{color:#ff6d00}


b.line{display:block;line-height: 50%;}

@media (min-width: 1300px) {
.sub_visual .inbox{height:850px;/* padding-top: 100px; */padding-bottom: 175px;}
.sub_visual .sub_tit{padding-right: 50%;}
.sub_visual h3{font-size:50px; margin-bottom:40px;}
.sub_tit h3{font-size:50px;margin-bottom: 40px;}
.sub_tit p{font-size: 21px;}
.sub_visual>span{height:300px; background-image:url(/images/main/pc/bg2.png);}

.sub_visual .inbox>img{right:0;top: 40%;width: 48.4%;transform: translateY(-50%);max-width: max-content;}
.sub_visual .v_video{right:0;top: 40%;width: 48.4%;transform: translateY(-50%);/* max-width: max-content; */height: 37%;}


.sub_visual .oh_list li{margin-right: 6%;}

.v_info{padding-left:50px; font-size:18px; margin-top:20px;}
.v_info span{width:40px; height:40px; line-height:40px;}



.sub_contents{padding-bottom:100px;margin-top: -100px;}
.section_sub{padding:100px 0;}

.sub_tit2{font-size:30px; margin-bottom:50px}
.sub_tit3{font-size:40px;margin-bottom: 40px;}

.bg1{padding: 200px 0;background-image: url(/images/main/pc/bg.png);}
.bg1::before{background:url(/images/main/pc/bg3.png) no-repeat 50%;width: 2000px;height: 100px;}

 
.oh_list li{width:220px;margin-right:8%;font-size: 25px;}

.oh_list li div{width: 220px;height:220px;line-height:220px;margin-bottom:15px;}
.oh_list li img{width:130px;}
.oh_list li span.num{margin-bottom:10px;}


.faq_title {width:34%;}
.faq_title h5{margin-bottom:20px; font-size:40px;}
.faq_list {width:66%;}
.faq_list .que,.faq_list .ans{border-radius: 10px;}
 .faq_list li{margin-bottom:10px;}
.faq_list .que{padding:20px 30px; font-size:22px; margin-bottom:10px;}
.faq_list .que i{right:20px;}
.faq_list .ans{padding: 22px 30px 30px;}
 .faq_list .ans .list span{padding-left:3%}
.dot_list span{padding-left: 8%;}
.dot_list span i{left:4%}
 .chk_list li{padding-left:35px;font-size:20px;line-height: 26px;margin-bottom: 20px;background-image:url(/images/pc/sub2/2_icon1.png);}

.alf_box li{padding:30px; border-radius:20px; margin-bottom:50px;}
.alf_box li h5{font-size:25px;margin-bottom: 25px;}


.faq_list2 li{width: 50%;margin-bottom: 70px;}
.faq_list2 li:last-child,.faq_list2 li:nth-last-child(2){margin-bottom:0;}
.faq_list2 h5{font-size:25px;padding: 3px 0 10px 60px; margin-bottom:10px}
.faq_list2 h5 span{width:40px;height:40px;line-height: 36px;}
.faq_list2 h5 i{font-size:20px;}

.faq_list2 div{padding-left:60px;margin-bottom:30px;font-size:18px;padding-right: 80px;}
.faq_list2 em{font-size:18px;}

.faq_list2 div.case{padding-left: 135px;}
.faq_list2 div.case span{width:65px;height:26px;border-radius:13px;line-height:26px;left: 65px;}
 .loading {padding:30px 0;}
 .loading i{font-size: 50px;}

.ohalf2-sec2>.inbox>div:last-child{padding-top: 95px;}
} 

@media (min-width: 1300px) and (max-width: 1600px){
	
	.sub_tit p{font-size:20px}
	
	.bg1{padding: 150px 0  !important;}
	

	
	.section_sub{padding:70px 0}
	
	 
	
	.sub_contents{margin-top:-70px;}
}
@media (min-width: 1300px) and (max-width: 1600px){
	.orth_box.sticky{padding:30px}
	.orth_box.sticky img{width:100%}
}
@media (min-width:750px){
.faq_title{position: sticky;top: 5%;left: 0;}
 
 .sticky{position:sticky; top:5%; left:0;}
	 
}
@media (min-width: 750px) and (max-width: 1299px){
.sub_visual .inbox{height: 77vw;padding-bottom: 10vw;}
.sub_visual .sub_tit{width: 51%;}
.sub_visual h3{font-size: 4vw;margin-bottom: 5vw;}
.sub_tit h3{font-size: 4vw;margin-bottom: 4vw;}
.sub_tit p{font-size: 1.9vw;}
.sub_visual>span{height: 18vw;background-image: url(/images/main/tab/bg2.png);}

.sub_visual .inbox>img{right:0;top: 42%;width:43.4vw;transform: translateY(-50%);}
.sub_visual .v_video{right:0;top: 42%;width: 42.4vw;transform: translateY(-50%);height: 24vw;}


.sub_visual .oh_list li{margin-right: 4vw;}

.v_info{padding-left:4.5vw; font-size:1.5vw; margin-top:4vw;}
.v_info span{width:3.5vw; height:3.5vw; line-height:3.5vw;}


.sub_contents{padding-bottom:10vw;margin-top: -7vw;}
.section_sub{padding: 10vw 0;}

.sub_tit2{font-size: 2.5vw;margin-bottom:4vw}
.sub_tit3{font-size: 4vw;margin-bottom: 2vw;}


.bg1{background-image: url(/images/main/tab/bg.png);padding: 16vw 0;}
.bg1::before{background:url(/images/main/tab/bg3.png) no-repeat 50%;height: 8.8vw;}

 
.oh_list li{width: 19vw;margin-right: 4vw;font-size: 2vw;}
.oh_list li div{width: 19vw;height: 19vw;line-height: 19vw;margin-bottom: 1.7vw;}
.oh_list li img{width: 11.8vw;}
.oh_list li span.num{margin-bottom:10px;}


.faq_title {width:39%;}
.faq_title h5{margin-bottom: 2vw;font-size: 3.4vw;}
.faq_list {width:61%;}
.faq_list .que,.faq_list .ans{border-radius: 10px;}
 .faq_list li{margin-bottom:1vw;}
.faq_list .que{padding: 2vw 2.5vw;font-size: 1.9vw;margin-bottom: 1vw;}
.faq_list .que i{right: 2.5vw;}
.faq_list .ans{padding: 2vw 2.5vw 2.5vw;}
.faq_list .ans .list span{padding-left:3%}
.dot_list span{padding-left: 12%;}
.dot_list span i{left: 5%;}
 .chk_list li{padding-left: 3vw;font-size: 1.7vw;line-height: 2.2vw;margin-bottom: 1.5vw;background-image: url(/images/tab/sub2/2_icon1.png);background-size: 2.2vw;}

.alf_box li{padding:30px; border-radius:20px; margin-bottom:50px;}
.alf_box li h5{font-size: 2.1vw;margin-bottom: 2vw;}

.faq_list2{margin-top: 6vw;}
.faq_list2 li{width: 50%;margin-bottom: 70px;}
.faq_list2 li:nth-child(even){padding-left:4.5vw}
.faq_list2 li:last-child,.faq_list2 li:nth-last-child(2){margin-bottom:0;}
.faq_list2 h5{font-size: 2.1vw;padding: 0.3vw 0 1vw 5vw;margin-bottom:10px}
.faq_list2 h5 span{width: 3.5vw;height: 3.5vw;line-height: 3.2vw;}
.faq_list2 h5 i{font-size:20px;}

.faq_list2 div{padding-left: 5vw;margin-bottom: 2.5vw;font-size: 1.5vw;}
.faq_list2 em{font-size: 1.5vw;}

.faq_list2 div.case{padding-left: 13vw;}
.faq_list2 div.case span{width:5.5vw;height:2.2vw;border-radius:1.1vw;line-height:2.2vw;left: 6.5vw;}

 .loading {padding:3vw 0;}
 .loading i{font-size: 4vw;}

.ohalf2-sec2>.inbox>div:last-child{padding-top: 8vw;}
}
@media (max-width:1299px){
.header .gnb{background-color: #f7f7f2;}
}
@media (max-width: 750px){
.sub_visual .inbox{padding-bottom: 94vw;padding-top: 10vw;}
.sub_visual h3{font-size:50px; margin-bottom:40px;}
 
.sub_tit h3{font-size: 8vw;margin-bottom: 5vw;}
.sub_tit p{font-size: 3.9vw;}
.sub_visual>span{height: 19vw;background-image: url(/images/main/mb/bg2.png);}

.sub_visual .inbox>img{left: 50%;bottom: 27vw;width:70vw;transform: translateX(-50%);}
.sub_visual .v_video{left: 50%;bottom: 32vw;width: 82vw;height: 48vw;transform: translateX(-50%);}


.sub_visual .oh_list li{margin: 0 5vw 5vw;width:35vw;}
.sub_visual .oh_list li:last-child img{width:20vw}
.sub_visual .oh_list li div{width:100%; height:35vw; line-height:35vw}
.v_info{padding-left:10vw; font-size:3vw; margin-top:3vw;}
.v_info span{width:7.5vw; height:7.5vw; line-height:7.5vw;}



.sub_contents{padding-bottom: 7vw;margin-top: -5vw;}
.section_sub{padding: 9vw 0;}

.sub_tit2{font-size:5vw; margin-bottom:5vw}
.sub_tit3{font-size: 6vw;margin-bottom: 5vw;}

.bg1{background-image: url(/images/main/mb/bg.png);padding: 20vw 0;}

.bg1::before{background:url(/images/main/mb/bg3.png) no-repeat 50%;height: 9.8vw;}


.oh_list li{width: 22vw;margin-right:4vw;font-size:4vw;}
.oh_list li div{top: 0 !important;width: 22vw;height: 22vw;line-height: 22vw;margin: 0 auto 4vw;transform: translateY(0) !important;}
.oh_list li img{width: 13vw;}
.oh_list li span.num{margin-bottom:10px;}


.faq_title {width: 100%;}
.faq_title h5{margin-bottom: 2vw;font-size: 7vw;}
.faq_list {width: 100%;margin-top: 9vw;}
.faq_list .que,.faq_list .ans{border-radius: 10px;}
.faq_list .que{padding: 3vw 10vw 3vw 3vw;font-size: 5vw;margin-bottom: 2vw;}
 .faq_list li{margin-bottom:2vw;}
.faq_list .que i{right:20px;}
.faq_list .ans{padding: 3vw;}
.faq_list .ans .list span{padding-left:4%}
.dot_list span{padding-left: 10%;}
.dot_list span i{left:4%}
 
 .chk_list li{padding-left: 4vw;font-size: 4vw;line-height: 5vw;margin-bottom: 4vw;background-image: url(/images/mb/sub2/2_icon1.png);background-size: 3vw;background-position: 0 1vw;}

.alf_box li{padding:30px; border-radius:20px; margin-bottom:50px;}
.alf_box li h5{font-size: 4.5vw;margin-bottom: 4vw;}


.faq_list2 li{margin-bottom: 9vw;}
.faq_list2 li:last-child,.faq_list2 li:nth-last-child(2){margin-bottom:0;}
.faq_list2 h5{font-size: 5vw;padding: 0 0 1vw 8vw;margin-bottom:10px}
.faq_list2 h5 span{width: 6vw;height: 6vw;line-height: 4.5vw;}
.faq_list2 h5 i{font-size: 3vw;}

.faq_list2 div{padding-left: 8vw;margin-bottom: 8vw;font-size: 4vw;}
.faq_list2 em{}

.faq_list2 div.case{padding-left: 22vw;}
.faq_list2 div.case span{width:12vw;height:5vw;border-radius:2.5vw;line-height: 4.5vw;top: 1vw;left: 8vw;}

  .loading {padding:4vw 0;}
 .loading i{font-size: 6vw;}
}