@charset "utf-8";

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * SERVICE *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.service .square_list li{min-height: 240px;}
.service .map_box .root_daum_roughmap .wrap_map{height: 640px;}

.service .row02{margin-top: -40px; position: relative; z-index: 1;}
.service .row02 .map_txt{width: 100%; padding: 26px 0; background-color: var(--main); box-shadow: 0px 10px 36px 4px rgba(40, 119, 105, 0.2);}
.service .row02 .map_txt p{text-align: center; font-size: var(--fz-22); color: #ffffff; letter-spacing: 0; line-height: 1.272em; font-weight: 600;}


.service .square_list{display: flex; flex-wrap: wrap; gap: 28px; padding-left: 0;}
.service .square_list li{width: calc(50% - 14px); padding: 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #c9ddd9; transition: border-color .5s;}
.service .square_list li:hover{border-color: var(--main);}
.service .square_list li .top_box{display: flex; justify-content: space-between;}
.service .square_list li .num{font-weight: 600; color:var(--main); letter-spacing: 0; font-size: var(--fz-22); line-height: 1.2727em;}
.service .square_list li .tit{font-size: 22px; color:#222222; letter-spacing: 0; line-height: 1.2727em; font-weight: 600; text-align: right;}
.service .square_list li .txt{font-size: 18px; font-weight: 300; letter-spacing: 0; color:#444444; line-height: 1.555em;}

.service .square_list li .top_box i{width: 44px; height: 44px; box-sizing: border-box; border-radius: 50%; background-color: var(--main); display: flex; align-items: center; justify-content: center;}

.service .map_box .root_daum_roughmap .wrap_controllers{display: none;}
.service .map_box .root_daum_roughmap{width: 100%;}

@media all and (max-width:1024px){
    .service .square_list li{gap: 30px; min-height: auto !important;}
}
@media all and (max-width:767px){
    .service .map_box .root_daum_roughmap .wrap_map{height: 360px;}
    .service .square_list li{width: 100%; padding:40px 20px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * ABOUT > 회사소개 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.vision .con03 .top_box {
	text-align: center;
}

.vision .con03 .bot_box {
	margin-top: 30px;
	position: relative;
}

.vision .con03 .bot_box ul {
	display: flex;
	gap: 10px;
	position: relative;
	padding-top: 60px;
}

.vision .con03 .bot_box ul li {
	width: calc(33.333% - 6.66666px);
    border: 1px solid #dcdcdc;
	font-size: var(--fz-20);
	color: #444444;
	letter-spacing: -0.025em;
	font-weight: bold;
	line-height: 1.272727em;
	position: relative;
	padding: 45px 35px;
    box-sizing: border-box;
    font-weight: 400;
}

.vision .con03 .bot_box ul li span {
	color: #202876;
}

.vision .con03 .bot_box ul li+li::before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(calc(-50% + -5px), -50%);
	width: 48px;
	aspect-ratio: 1/1;
	box-sizing: border-box;
	border-radius: 50%;
	background-color: #202876;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/img/vision_con03_arrow01.png);
	content: '';
}

.vision .con03 .bot_box ul li.radius-top {
	border-radius: 40px 0 0 0;
}

.vision .con03 .bot_box ul li.radius-bot {
	border-radius: 0 0 40px 0;
}

.vision .con03 .bot_txt {
	margin-top: 30px;
	background-color: #e1e9f1;
	padding: 60px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 60px 0 60px 0;
	word-break: keep-all;
}

.vision .con03 .bot_txt p {
	font-size: var(--fz-26);
	margin: 0 auto;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.3;
	color: #444444;
}

.vision .con03 .bot_txt p span {
	color: #202876;
}

@media all and (max-width:768px){
	.vision .con03 .bot_box ul{flex-wrap: wrap;}
	.vision .con03 .bot_box ul li{width: 100%;}
	.vision .con03 .bot_box ul li br{display: none;}
	.vision .con03 .bot_box ul li+li::before{top: 0; left: 50%; transform: translate(-50%,-50%) rotate(90deg);}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * ABOUT US > History *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.history .con01 .history_box{position: relative;}
.history .con01 .history_box:before{position: absolute; content: ''; height: 100%; width: 1px; background-color: var(--main); left: 50%; top: 0; transform: translateX(-50%);}
.history .con01 .history_box .history_circle{width: 180px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--main); box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding:30px; text-align: center; margin: 0 auto; position: relative; margin-bottom: 40px;}
.history .con01 .history_box .history_circle:before{position: absolute; content: ''; width: 0; aspect-ratio: 1/1; box-sizing: border-box; background-color: rgba(230, 24, 5, 0.2); border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 1s; z-index: -1;}
.history .con01 .history_box:hover .history_circle:before{width:calc(100% + 40px);}
.history .con01 .history_box .history_circle p{color:#ffffff; font-family: 'NanumMyeongjo'; font-size: var(--fz-24); letter-spacing: 0; font-weight: 400;}

.history .con01 .history_box .history_list{padding-left: 0;}
.history .con01 .history_box .history_list li{width: 50%; box-sizing: border-box;}
.history .con01 .history_box .history_list li .num_tit{position: relative;}
.history .con01 .history_box .history_list li .num_tit:before{position: absolute; content: ''; width: 120px; height: 1px; background-color: var(--main); right: calc(100% + 10px); top: 50%; transform: translateY(-50%);}

.history .con01 .history_box .history_list li .num_tit p{font-family: 'NanumMyeongjo'; font-size: var(--fz-52); color: var(--main); letter-spacing: 0; font-weight: 400;}
.history .con01 .history_box .history_list li .num_tit p:before{position: absolute; content: ''; width: 9px; height: 9px; background-color: var(--main); right: calc(100% + 125.5px); top: 50%; transform: translateY(-50%); border-radius: 50%; box-sizing: border-box;}
.history .con01 .history_box .history_list li .num_tit p:after{position: absolute; content: ''; width: 23px; height: 23px; right: calc(100% + 118.5px); top: 50%; transform: translateY(-50%); border-radius: 50%; border: 1px solid var(--main); box-sizing: border-box; opacity: 0; transition: opacity .5s;}

.history .con01 .history_box .history_list li:hover .num_tit p:after{opacity: 1;}

.history .con01 .history_box .history_list li .info_txt p{font-size: var(--fz-18); color:#444444; letter-spacing: 0; font-weight: 300; line-height: 1.555em; margin-top: 30px; padding-top: 15px; position: relative;}
.history .con01 .history_box .history_list li .info_txt p:before{position: absolute; content: ''; width: 40px; height: 1px; background-color: #aaaaaa; top: 0; left: 0;}

.history .con01 .history_box .history_list li:nth-child(odd){margin-left: auto; padding-left: 130px;}
.history .con01 .history_box .history_list li:nth-child(even){padding-right: 130px; text-align: right;}
.history .con01 .history_box .history_list li:nth-child(even) .info_txt p:before{right: 0; left: auto;}
.history .con01 .history_box .history_list li:nth-child(even) .num_tit:before{right: auto; left: calc(100% + 10px);}
.history .con01 .history_box .history_list li:nth-child(even) .num_tit p:before{right: auto; left: calc(100% + 125.5px);}
.history .con01 .history_box .history_list li:nth-child(even) .num_tit p:after{right: auto; left: calc(100% + 118.5px);}

@media all and (max-width:1024px){
    .history .con01 .history_box .history_list li:nth-child(odd){padding-left: 100px;}
    .history .con01 .history_box .history_list li:nth-child(even){padding-right: 100px;}
    .history .con01 .history_box .history_list li .num_tit:before{width: 70px;}
    .history .con01 .history_box .history_list li .num_tit p:before{right: calc(100% + 95.5px);}
    .history .con01 .history_box .history_list li:nth-child(even) .num_tit p:before{left: calc(100% + 95.5px);}
    .history .con01 .history_box .history_list li .num_tit p:after{right: calc(100% + 88.5px);}
    .history .con01 .history_box .history_list li:nth-child(even) .num_tit p:after{left: calc(100% + 88.5px);}

    .history .con01 .history_box .history_list li .num_tit:before{right: calc(100% + 30px);}
    .history .con01 .history_box .history_list li:nth-child(even) .num_tit:before{left: calc(100% + 30px);}
}

@media all and (max-width:767px){
    .history .con01 .history_box .history_list li:nth-child(odd){padding-left: 30px;}
    .history .con01 .history_box .history_list li:nth-child(even){padding-right: 30px;}
    .history .con01 .history_box .history_list li .num_tit:before{width: 30px;}
    .history .con01 .history_box .history_list li .num_tit:before{right: 100%;}
    .history .con01 .history_box .history_list li:nth-child(even) .num_tit:before{left: 100%;}
    .history .con01 .history_box .history_list li .num_tit p:before{right: calc(100% + 25.5px);}
    .history .con01 .history_box .history_list li:nth-child(even) .num_tit p:before{left: calc(100% + 25.5px);}
    .history .con01 .history_box .history_list li .num_tit p:after{right: calc(100% + 18.5px);}
    .history .con01 .history_box .history_list li:nth-child(even) .num_tit p:after{left: calc(100% + 18.5px);}
}