@charset "utf-8";
#container{max-width: 100%!important;margin-bottom:150px;}
.sub_wrap img{max-width: 100%; display: block; margin: 0 auto;}
.sub_wrap p{font-size: 18px; color:#98999b; line-height: 1.75; word-break: keep-all;}

.sub_0101{display: flex; justify-content: space-between; align-items: center;}
.sub_0101>div{width: 48%;}
.sub_0101 .left img{border-radius: 30px;}
.sub_0101 .right p{font-size:18px ;color:#98999b}

.sub_0101 .right ul li{font-size: 18px; line-height: 1.5; margin-bottom: 10px; padding-left: 20px; position: relative;color:#98999b}
.sub_0101 .right ul li::before{width: 5px; height: 5px; border-radius: 50%; background-color: #f4de4d; position: absolute; top: 12px; left: 0; content: '';}


.sub_0201 .cont{display: flex; justify-content: space-between; margin-top:100px;align-items: center}
.sub_0201 .cont>div{width: 48%;}
.sub_0201 .cont .left img{border-radius: 30px;}
.sub_0201 .cont .right{}
.sub_0201 .cont .right h2{font-size: 32px; margin-bottom: 20px;color:#98999b;word-break:keep-all;}
.sub_0201 .cont .right h2 > span{color:#f4de4d}
.sub_0201 .cont .right ul li{font-size:20px; line-height: 1.5; margin-bottom: 10px; padding-left: 20px; position: relative;color:#98999b;word-break:keep-all;}
.sub_0201 .cont .right ul li::before{width: 5px; height: 5px; border-radius: 50%; background-color: #f4de4d; position: absolute; top: 12px; left: 0; content: '';}


.sub_0201 .cont .right img{border-radius: 30px;}
.sub_0201 .cont .left{}
.sub_0201 .cont .left h2{font-size: 32px; margin-bottom: 20px;color:#98999b; text-align:right;word-break:keep-all;}
.sub_0201 .cont .left ul li{font-size:20px; line-height: 1.5; margin-bottom: 10px; padding-right: 20px; position: relative;color:#98999b;text-align:right; word-break:keep-all;}
.sub_0201 .cont .left ul li::before{width: 5px; height: 5px; border-radius: 50%; background-color: #f4de4d; position: absolute; top: 12px; right: 0; content: '';}



.sub_0201 .cont_bg{position: relative; padding: 100px 0;}
.sub_0201 .cont_bg::before{position: absolute; width: 200%; top: 0px; left: -50%; height: 100%; background-color: #efece5; content: ''; z-index: -1;}

.sub_0301 h2{font-size: 40px; text-align: center; margin-top: 50px;}

.map_info_t {
    width: 100%;
    margin-top: 30px;
}
.map_info_t .map_info_icon {
    text-align: center; font-size: 16px; color: #f4de4d; line-height:2;}
.map_info_t .map_info_tit {
    font-size: 16px;line-height:2;
    font-weight: 700;
	color:#98999b;
	
}
.map_info_t .map_info_con {
    font-size: 16px;line-height:2;
    word-break: keep-all;color:#98999b;
}
.sub14 img{display:block;margin:0 auto;text-align:center;}


.sub41 section div{text-align:center;padding-bottom:50px}
.sub41 img{display:block;margin:0 auto;text-align:center;border-radius:30px}
.sub41 p{font-size:18px;margin:10px auto;text-align:center;color:#98999b;position:relative;}
#container > div > section > div > p:nth-child(2){margin-top:60px; text-align:center;display:inline-block;background:#efece5;padding:10px 20px;border-radius:10px;}

#container > div > section > div > p:nth-child(4){display:inline-block;padding-left:12px;}
#container > div > section > div > p:nth-child(4)::before {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #f4de4d;
    position: absolute;
    top: 12px;
    left: 0;
    content: '';
}


.sub23 img{display:block;margin:0 auto;text-align:center;border-radius:30px}
.sub23 p{font-size:18px;margin:20px 0;text-align:center;color:#98999b}



.sub21 h2{font-size:32px;text-align:center;color:#98999b;padding-top:80px;}
.process-list-con {padding: 10rem 0;}
.process-list-con:first-child {padding-top: 0;}
.grayBg {background-color: #efece5; position: relative; z-index: 0;}
.process-list-con .process-list-box {display: flex; flex-wrap: wrap; gap: 3.6rem; max-width: 1200px; margin: 7rem auto 0 auto;}
.process-list-con .process-list {width: calc(12.91% - 3.5rem);}
.process-list-con .process-list-box.sevenItem {max-width: 1195px; gap:5.6rem;}
.process-list-con .process-list-box.sevenItem .process-list {width: calc(15.85% - 6.07rem)}
.process-list-con .process-list .icon-box {position: relative; width: 100%; height: 0; padding-top: 100%;  box-shadow: 10px 10px 24px 0px rgba(4,0,0,0.1); border-radius: 1rem; background-color: #fff; transition: all 0.3s;}
.process-list-con .process-list .icon-box img {display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; transition: all 0.3s;}
.process-list-con .process-list .icon-box::before {position: absolute; content: ""; top: 50%; transform: translateY(-50%); width: 100%; right: -6.07rem; height: 1px; background-color: #ededed; z-index: -1;}
.process-list-con .process-list-box.sevenItem .process-list .icon-box::before {background-color: #e2e2e2;}
.process-list-con .process-list-box.sevenItem .process-list .icon-box::after {right: -3.34rem;}
.process-list-con .process-list .icon-box::after {position: absolute; font-family: "xeicon"; content: "\e93f"; font-size: 1.1rem; color: #b6b6b6; top: 50%; right: -2.37rem; transform: translateY(-50%);}
.process-list-con .process-list:last-child .icon-box::before, .process-list-con .process-list:last-child .icon-box::after {display: none;}
.process-list-con .process-list .process-txt {font-size: 15px; font-weight:500; line-height: 1.4em; letter-spacing: -0.078em; color: #98999b; text-align: center; padding-top: 2rem; transition: all 0.3s;width:100%;word-break:keep-all}
.process-list-con .process-list .icon-box .white-icon img {opacity: 0;}
.process-list-con .process-list.active .icon-box {background-color:#f4de4d;}
.process-list-con .process-list.active .icon-box span:first-child img {opacity: 0;}
.process-list-con .process-list.active .icon-box .white-icon img {opacity: 1;}
.process-list-con .process-list.active .process-txt {color: #f4de4d;}

@media all and (max-width:800px){
	.process-list-con {padding: 5rem 0;}
	.process-list-con:first-child {padding-top: 0;}
	.process-list-con .process-list-box {margin-top: 0;}
	.process-list-con .process-list {width: calc(33.333% - 2rem); margin: 2rem 0;}
	.process-list-con .process-list:nth-child(3) .icon-box::before, .process-list-con .process-list:nth-child(3) .icon-box::after {display: none;}
	.process-list-con .process-list:nth-child(6) .icon-box::before, .process-list-con .process-list:nth-child(6) .icon-box::after {display: none;}
	.process-list-con .process-list-box.sevenItem .process-list {width: calc(33.333% - 2rem); margin: 2rem 0;}
	.process-list-con .process-list-box {gap: 0 3rem;}
	.process-list-con .process-list-box.sevenItem {gap: 0 3rem;}
	.process-list-con .process-list .icon-box::after {right: -2.3rem;}
	.process-list-con .process-list-box.sevenItem .process-list .icon-box::after {right: -2.3rem;}
	.process-list-con .process-list .icon-box img {max-width: 100%;}
}



@media screen and (max-width:1200px){
	#container{min-height:250px;height:100%;}
	.mo_hide {display:none;}

    .map_info_t .map_info_icon{width: 25px;}
    .map_info_t .map_info_tit{width: 70px; word-break: keep-all;}

    .sub_wrap p{font-size: 18px;}
    .sub_0101{flex-direction: column;}
    .sub_0101>div{width: 100%;}
    .sub_0101 .left{margin-bottom: 30px;}
    .sub_0101 .left img{border-radius: 20px;}
	.sub_0101 .right p{font-size:16px ;color:#98999b}
	

	.sub_0101 .right ul li{font-size: 16px;}


    .sub_0201 .cont{margin-top: 50px; flex-direction: column;}
    .sub_0201 .cont>div{width: 100%;}
    .sub_0201 .cont .left img{border-radius: 20px;}
    .sub_0201 .cont .right{margin-top: 30px;}
    .sub_0201 .cont .right h2{font-size: 22px; line-height: 1.3; margin-bottom: 15px;}
    .sub_0201 .cont .right ul li{font-size: 16px;}


	.sub_0201 .cont .right img{border-radius: 20px;}
    .sub_0201 .cont .left{margin-top: 30px;}
    .sub_0201 .cont .left h2{font-size: 22px; line-height: 1.3; margin-bottom: 15px;}
    .sub_0201 .cont .left ul li{font-size: 16px;}


    .sub_0201 .cont_bg{padding: 50px 0;}

    .sub_0301 h2{font-size: 22px; margin-top: 20px; word-break: keep-all;}
	
	.map_info_t .map_info_icon {
    text-align: center; font-size: 16px; color: #f4de4d; line-height:1.2;}
.map_info_t .map_info_tit {display:none;}
.map_info_t .map_info_con {font-size: 14px;line-height:1.2;
    word-break: keep-all;color:#98999b;
}

.sub14 img{width:100%;}
.sub41 img{width:100%;}
#container > div > section > div > p{font-size:16px;}
#container > div > section > div > p:nth-child(2){margin-top:30px;}

.sub23 img{width:100%;}
.sub23 p{font-size:16px}
}