@charset "utf-8";

/* 내용관리 */



#ft { margin-top: 120px; }


.fleetBox { display:flex; flex-direction:column; gap:66px; }
.fleetBox .box {  }
.fleetBox .box .tit { font-size:36px; color:#222; font-weight: 700; display:flex; align-items:baseline; gap:20px; margin-bottom: 14px; }
.fleetBox .box small { font-size:20px; color:#999; font-weight: 700; }
.fleetBox .box .inner { border: 1px solid #dadada; box-sizing:border-box; border-radius:30px; display:flex; align-items:center; justify-content:space-between; padding-left: 44px; padding-right: 50px; }
.fleetBox .box .inner .left { display:flex; align-items:center; }
.fleetBox .box .inner .img {  }
.fleetBox .box .inner .de1_list { padding-left: 53px; box-sizing:border-box; display:flex; flex-direction:column; gap:10px; }
.fleetBox .box .inner .de1_list .de1 { font-size:20px; color:#3a3a3a; position:relative; padding-left: 20px; box-sizing:border-box; font-weight: 700; }
.fleetBox .box .inner .de1_list .de1:before { content:""; display:inline-block; width:10px; height:10px; border-radius:50%; background:#fff; border: 2px solid #aeaeae; box-sizing:border-box; position:absolute; left:0; top:7px; }
.fleetBox .box .inner .de1_list .de1 .de2_list { display:flex; flex-direction:column; gap:4px; margin-top: 10px; }
.fleetBox .box .inner .de1_list .de1 .de2_list .de2 { font-size:18px; color:#666; font-weight: 400; position:relative; padding-left: 10px; box-sizing:border-box; }
.fleetBox .box .inner .de1_list .de1 .de2_list .de2:before { content:"·"; position:absolute; left:0; top:0; }
.fleetBox .box .inner .bookingBtn { display:flex; width:210px; height:210px; align-items:center; justify-content:center; text-align: center; background:#f3f3f3; border-radius:20px; font-size: 20px; color:#222; font-weight: 700; flex-direction:column; gap:26px; }
.fleetBox .box .inner .bookingBtn:before { content:""; display:inline-block; width:64px; height:51px; background:url(../../../img/emon/content/booking_icon.png) center center no-repeat; }


.pTit { font-size:30px; color:#000; font-weight: 500; line-height: 52px; text-align: center; margin-top: -14px;  }
.simg { margin: 40px 0 66px; }


.about {  }
.about .pTit {  }
.about .txtBox {  }
.about .txtBox .txt {font-size:20px; color:#000; font-weight: 500; text-align: center; line-height: 34px; }



.solution .solutions {display: flex;flex-direction: row;justify-content: center;gap: 200px; margin-top: -26px;}
.solution .box {position: relative;}
.solution .solutions span {display: block;}
.solution .solutions .num {position: absolute;left:0;top:0;font-size: 84px;color: #eeeeee;font-weight: 700;z-index: 1;}
.solution .solutions .tit {position: relative;font-size: 28px;color: #000000;font-weight: 500;z-index: 10;margin-top: 70px;margin-bottom: 25px;}
.solution .solutions .message {font-size: 16px;color: #888888;line-height: 2em;}



.flowTit { font-size:40px; color:#666; font-weight: 700; margin-bottom: 40px; text-align: center; }
.flowBox { display:flex; align-items:start; gap:50px; }
.flowBox .left { width:200px; border-top: 2px solid #000; box-sizing:border-box; font-size:30px; color:#000; font-weight: 700; padding-top: 25px; }
.flowBox .right { width:calc(100% - 200px - 50px); margin-top: 1px; border-top: 1px solid #dadada; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; padding-top: 30px; }
.flowBox .right .cirBox { width:100%; max-width:170px; height:220px; background:#f7f7f7; display:flex; align-items:center; justify-content:center; text-align: center; flex-direction:column; border-radius:70px; gap:28px; }
.flowBox .right .cirBox img {  }
.flowBox .right .cirBox .txt { font-size:18px; color:#3a3a3a; font-weight: 700; }
.flowBox .right .arrow { background:url(../../../img/emon/content/recruit_arrow.png) center center no-repeat; display:inline-block; width:31px; height:13px; }
.flow02 { margin-top: 70px; }



.feeWrap .flowBox { display:flex; justify-content:space-evenly; }
.feeWrap .flowBox li { text-align: center; }
.feeWrap .flowBox li span { display:inline-flex; align-items:center; justify-content:center; text-align: center; width:80px; height:80px; border-radius:50%; background:#222; font-size:28px; color:#fff; }
.feeWrap .flowBox li .txt { font-size:18px; color:#3a3a3a; font-weight: 500; margin-top:  10px; font-size:18px; color:#3a3a3a; }

.feeWrap .txtFlow { margin-top: 70px; }
.feeWrap .txtFlow .flowList { display:flex; align-items:center; border: 1px solid #dadada; box-sizing:border-box; background:#f7f7f7; margin-top: 50px; position:relative; }
.feeWrap .txtFlow .flowList:first-child { margin-top: 0; }
.feeWrap .txtFlow .flowList:before { content:"\f063"; font-family: "Font Awesome 5 Free"; font-weight: 600; font-size:30px; position:absolute; left:50%; top:-42px; color:#aaa; }
.feeWrap .txtFlow .flowList:first-child:before { display:none; }
.feeWrap .txtFlow .flowList .tit { width:300px; font-size:22px; color:#3a3a3a; font-weight: 600; text-align: center; flex-shrink:0; }
.feeWrap .txtFlow .flowList .list { background:#fff; width:calc(100% - 300px); padding:30px 50px; box-sizing:border-box; display:flex; flex-direction:column; gap:10px; }
.feeWrap .txtFlow .flowList .list li { position:relative; padding-left: 10px; box-sizing:border-box; display:flex; align-items:baseline; font-size:18px; flex-wrap:wrap; gap:5px; }
.feeWrap .txtFlow .flowList .list li:before { content:""; display:inline-block; width:4px; height:4px; background:#aaa; border-radius:50%; position:absolute; left:0; top:8px; }
.feeWrap .txtFlow .flowList .list li span {  }
.feeWrap .txtFlow .flowList .list li b {  }




@media (max-width:1890px){

}


@media (max-width:1500px){

	.flowBox .right .arrow { flex-shrink:0; }

}


@media (max-width:1200px){

	.pTit { font-size:24px; line-height: 40px; } 
	.pTit br { display:none; }

	.about .txtBox .txt br { display:none; }

	.fleetBox .box .inner { padding:0;  flex-wrap:wrap; overflow:hidden; }
	.fleetBox .box .inner .bookingBtn { width:100%; height:auto; padding:15px 20px; border-radius:0; }
	.fleetBox .box .inner .bookingBtn:before { display:none; }


	.flowBox { flex-direction:column; gap:0; }
	.flowBox .left { width:100%; }
	.flowBox .right { width:100%; border-top: 0; }


}


@media (max-width:992px){

	.simg { margin: 30px 0 40px; }
	
	.about .txtBox .txt { font-size:18px; font-weight: 300; } 
	
	.fleetBox .box .inner .left { flex-direction:column; width:100%; align-items:center; margin-bottom:40px; }
	.fleetBox .box .inner .img { width:100%; text-align: center; }
	.fleetBox .box .inner .de1_list { padding-left: 0; margin-top: 20px; padding: 0 15px; }
	
	
	.solution { padding: 70px 0; }
	.solution .sub_tit { font-size:22px; }
	.solution .sub_tit_en { margin: 30px 0; }
	
	.solution .solutions { margin-top: 30px; gap:0; }
	.solution .box { flex:1; text-align: center; padding: 0 10px; box-sizing:border-box; }
	.solution .solutions .num { position:static; font-size: 60px; }
	.solution .solutions .tit { margin: 0 0 10px; }
	.solution .solutions .message { line-height: 20px; }
	.solution .solutions .message br { display:none; }
	
	
	.flowBox .right { gap:20px 5px; flex-wrap:wrap; justify-content:start; }
	

}


@media (max-width:768px){

	.flowBox .right .cirBox { gap:15px; max-width:150px; height:170px; }

}


@media (max-width:640px){

	.solution .solutions { flex-direction:column; gap:20px; }
	.solution .box { text-align:left; display:flex; flex-direction:column; padding-left: 90px; box-sizing:border-box; }
	.solution .box .num { position:absolute; left:0; top:-22px; }
	.solution .solutions .tit { font-size:24px; font-weight: 700; margin-bottom: 5px; }	
	
}


@media (max-width:479px){

	.flowBox .right { flex-direction:column; align-items:center; gap:5px; }
	.flowBox .right .arrow { transform:rotateZ(90deg); }

}