.sub_visual {position:relative;}
#sv_01 {background:url('/img/sub/sv_01.jpg') no-repeat center center / cover; width:100%; height:610px;}
#sv_02 {background:url('/img/sub/sv_02.jpg') no-repeat center center / cover; width:100%; height:610px;}
#sv_03 {background:url('/img/sub/sv_03.jpg') no-repeat center center / cover; width:100%; height:610px;}
#sv_04 {background:url('/img/sub/sv_04.jpg') no-repeat center center / cover; width:100%; height:610px;}
#sv_05 {background:url('/img/sub/sv_05.jpg') no-repeat center center / cover; width:100%; height:610px;}

.sub_tit_box {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; width: 92%;}

.sub_navi_wrap {position:absolute; bottom:0; left:0; width:100%; height:70px; font-size:1rem; font-weight:400; background-color:rgba(0, 0, 0, 0.3);}

.j_sub_navi_inner {max-width:1400px; margin:0 auto; width:100%; display:flex;}
.j_sub_navi_inner > div > a {display:block;line-height:70px;  padding:0 29px; color:#fff; height:70px;}
.sub_navi_wrap .j_sub_navi_inner .j_2depth > ul > li.on {display:block;}  
/* .sub_navi_wrap .j_sub_navi_inner .j_2depth > ul > li {display:none;}   */

.navi_box_01 {border-left:1px solid rgba(255, 255, 255, 0.2);}
.navi_box_01 a img{max-width: unset;}
.navi_box_02 {width:100%; max-width:248px; height:100%; border-left:1px solid rgba(255, 255, 255, 0.2); position:relative;}
.navi_box_02 a i.sub_down {position:absolute; right:30px; top:50%; transform:translateY(-50%); }
#j_1depth > ul > li > .depth02 {display:none;}
.sub_arrow {position:absolute; right:29px; top:50%; transform:translateY(-50%); color:#fff;}

.navi_box_03 {width:100%; max-width:248px;height:100%; border-left:1px solid rgba(255, 255, 255, 0.2);position:relative;}
.navi_box_03 a i.sub_down {position:absolute; right:30px;top:50%; transform:translateY(-50%); }
.j_2depth>ul>li>a {display:none;}

.navi_box_02 > ul , .navi_box_03 > ul > li > ul {position:absolute; width:100%; top:100%; left:0; z-index:30;  display:none; background:#fff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);}
.navi_box_02 > ul > li > a {color:#333; padding:15px 29px; display:block; transition:.25s;}
.navi_box_02 > ul > li > a:hover {color:#09847f;}
.navi_box_03 > ul > li > ul > li > a {color:#333; padding:15px 29px; display:block;}
.navi_box_03 > ul > li > ul > li > a:hover {color:#09847f;}


@media screen and (max-width:720px){
.sub_navi_wrap {display:none;}
}



/*common*/

.sub_tit span{position:relative;}
.sub_tit span:after {content:''; position:absolute; right:-90%; top:50%; transform:translateY(-50%); background:#174137; width:300px; height:3px;}



/*page0101*/
.font_color01 {color:#174137;}
.page0101_sec01 {padding:84px 0 128px 0;}
.page01_sec01_cont01 {background:url('/img/sub/page01/page01_sec01_cont01.jpg') no-repeat center / cover; width:100%; position:relative; height:510px;}
.page01_sec01_cont01 h2 {color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); line-height:1.6em; width:100%;}

.page01_sec01_cont01_mo {display:none;}

.page0101_sec02 {background:url('/img/sub/page01/page01_sec02_bg.jpg') no-repeat center / cover; padding:128px 0;}
.page0101_sec02 .sub_tit {max-width:810px; width:100%; margin:0 auto; position:relative;}
.page0101_sec02 .sub_tit:after {position:absolute; left:50%; bottom:-90%; transform:translateX(-50%); content:''; width:2px; height:50px; background:#174137;}
.page0101_sec02 .sub_tit h2 {    letter-spacing: 0.04em;}
.page0101_sec02_desc {margin-top:190px;}
.page0101_sec02_desc p {line-height:1.75em;}

.page0101_sec03 {padding:120px 0 219px 0; box-sizing:border-box;}
.page0101_sec03_list li {display:flex; align-items:center;}
.page0101_sec03_list li + li {margin-top:90px;}
.page0101_sec03_list li .img_box {width:50%;}
.page0101_sec03_list li .desc_box {width:50%; padding-left:46px; box-sizing:border-box; position:relative; }
.page0101_sec03_list li:nth-of-type(1) .desc_box::after {position:absolute; width:679px; height:180px; content:''; bottom:-62%; left:15%; background:url('/img/sub/page01/page0101_sec03_list_desc01.png') no-repeat center / cover;}
.page0101_sec03_list li:nth-of-type(2) .desc_box::after {position:absolute; width:818px; height:180px; content:''; top:41%; left:15%; background:url('/img/sub/page01/page0101_sec03_list_desc02.png') no-repeat center / cover; z-index:-1;}
.page0101_sec03_list li:nth-of-type(3) .desc_box::after {position:absolute; width:849px; height:180px; content:''; bottom: -41%; left: 16%; background:url('/img/sub/page01/page0101_sec03_list_desc03.png') no-repeat center / cover;}
.page0101_sec03_list li .desc_box span {color:#ffcd4a;}
.page0101_sec03_list li .desc_box p {line-height:1.75em;}




@media screen and (max-width:1480px){
.sub_tit span:after {right: -100%;}
.page0101_sec02 {padding:80px 0;}
.page0101_sec02 .sub_tit h2 {letter-spacing:0.089em;}
.page0101_sec03 {padding:80px 0 180px 0;}
}

@media screen and (max-width:1320px){
.page0101_sec03_list li .desc_box {padding-left:30px;}
.page0101_sec03_list li .desc_box {width:70%;}
.page0101_sec03_list li + li {margin-top:60px;}
.page0101_sec03 {padding:60px 0 120px 0;}
}

@media screen and (max-width:1130px){
.page0101_sec03_list li {flex-wrap:wrap; justify-content:center;}
.page0101_sec03_list li + li {margin-top:30px;}
.page0101_sec03_list li:nth-of-type(2) {flex-direction: column-reverse;}
.page0101_sec03_list li .desc_box {padding-left:0; margin-top:30px; width:100%; text-align:center;}
.page0101_sec03 {padding:40px 0 40px 0;}
}




@media screen and (max-width:720px){
.page0101_sec01 {padding:42px 0 60px 0;}
.page0101_sec02 .sub_tit h2 {letter-spacing: -0.06em;}
.page01_sec01_cont01 {display:none;}
.page01_sec01_cont01_mo {display:block;}
.page01_sec01_cont01_mo figure img {width:100%;}
.sub_tit span:after {right:-76%; width:122px; height:2px;}
.page0101_sec02 {padding:40px 0; background:url('/img/sub/page01/page01_sec02_bg_m.jpg') no-repeat center / cover; } 
.page0101_sec02 .sub_tit h2 {margin-top:5px;}

.page0101_sec02_desc {margin-top:90px;}
.page0101_sec02 .sub_tit:after {height:25px; width:1px;}
.page0101_sec02_desc p {font-size:12.5px !important;     word-break: auto-phrase;}
.page0101_sec03_list li .desc_box p {font-size:12.5px !important;}

.page0101_sec03_list li .desc_box {text-align:unset; margin-top:20px;}
.page0101_sec03_list li .desc_box p.mt45 {margin-top:10px;}
.page0101_sec03_list li + li {margin-top:10px;} 


.page0101_sec03_list li:nth-of-type(1) .desc_box::after {position:absolute; width:236px; height:61px; content:''; bottom:4%; left:30%; background:url('/img/sub/page01/page0101_sec03_list_desc01_m.png') no-repeat center / cover;}
.page0101_sec03_list li:nth-of-type(2) .desc_box::after {position:absolute; width:274px; height:62px; content:''; top:41%; left:15%; background:url('/img/sub/page01/page0101_sec03_list_desc02_m.png') no-repeat center / cover; z-index:-1;}
.page0101_sec03_list li:nth-of-type(3) .desc_box::after {position:absolute; width:314px; height:61px; content:''; bottom: -3%; left: 6%; background:url('/img/sub/page01/page0101_sec03_list_desc03_m.png') no-repeat center / cover;}

}








/*page0102*/
.page0102_sec01 {background:#174137; padding:145px 0; color:#fff;}
.page0102_sec01_list {display:flex;}
.page0102_sec01_list li {width:50%;}
.txt_line {width:30px; height:5px; background:#ffcd4a; margin-top:40px;}

.page0102_sec01_list02 {display:flex; flex-wrap:wrap; max-width:550px; width:100%; margin:0 auto;}
.page0102_sec01_list02 li {width:50%;}
.page0102_sec01_list02 li:nth-of-type(n + 3) {margin-top:40px;}
.page0102_sec01_list02 li .j_cont_box{text-align:center;}
.page0102_sec01_list p {line-height:1.75em;}


.page0102_sec02 {padding:130px 0;}
.page0102_sec02_list {display:flex;}
.page0102_sec02_list li {width:calc((100% - 76px)/2); margin-right:76px; text-align:center; padding:63px 78px; background:#f8f8f8;}
.page0102_sec02_list li:nth-of-type(2n) {margin-right:0;}
.g_circle {display:block;color:#fff; background:#174137; width:207px; height:30px; line-height:32px; text-align:center; border-radius:15px; margin:0 auto;}


.page0102_sec03 {background:url('/img/sub/page01/page0102_sec03_bg.jpg') no-repeat center / cover; padding:129px 0;}
.page0102_sec03_box {background:#fff; padding:72px 0 80px 0; border-radius:10px;}
.page0102_sec03 p {line-height:1.75em;}




@media screen and (max-width:1180px){
.page0102_sec01 {padding:75px 0;} 
.page0102_sec01_list {flex-wrap:wrap; justify-content:center;}
.page0102_sec01_list > li {width:100%; text-align:center;}
.page0102_sec01_list > li + li {margin-top:80px;}
.page0102_sec01 .txt_line {margin: 40px auto 0 auto;}

}

@media screen and (max-width:1020px){
.page0102_sec02_list li { width: calc((100% - 36px) / 2); margin-right: 36px;}
}

@media screen and (max-width:890px){
.page0102_sec02_list {flex-wrap:wrap;}
.page0102_sec02_list li {width:100%; margin-right:0;}
.page0102_sec02_list li + li {margin-top:40px;}
}



@media screen and (max-width:720px){
.page0102_sec01 {padding:70px 0;} 
.page0102_sec01 .txt_line {margin: 20px auto 0 auto; width:20px; height:3px;}
.page0102_sec01_list02 li {width:calc((100% - 37px)/2); margin-right:37px;}
.page0102_sec01_list > li + li {margin-top:40px;}
.page0102_sec01_list02 li:nth-of-type(2n) {margin-right:0;}
.page0102_sec01_list02 li:nth-of-type(n + 3) {margin-top:20px;}
.page0102_sec02_list li + li {margin-top:20px;}

.g_circle {width:136px; height:20px; line-height:20px;}
.page0102_sec02 {padding:60px 0;}
.page0102_sec02_list li {padding:32px 35px;}
.page0102_sec03 {padding:60px 10px;}
.page0102_sec03_box {padding:40px 0;}
}



/*page0103*/

.page0103_sec01 {background:url('/img/sub/page01/page0103_sec01_bg.jpg') no-repeat center / cover; padding:130px 0; box-sizing:border-box;}
.page0103_sec01_list {display:flex; align-items:center;}
.page0103_sec01_list li {width:calc((100% - 55px)); margin-right:55px;}
.page0103_sec01_list li:nth-of-type(1) {padding-left:144px;}
.page0103_sec01_list li:nth-of-type(2n) {margin-right:0;}
.page0103_sec01_list .desc_box h3 {}
.page0103_sec01_list .desc_box p {line-height:1.75em;}


.page0103_sec02 {padding:115px 0; background:#f5f5f5;}
.page0103_sec02_list {text-align:center; max-width:900px; width:100%; display:flex; justify-content: space-between; margin:60px auto 0 auto;}
.page0103_sec02_cont02 {display:flex;}
.page0103_sec02_cont02 li {width:calc((100% - 9px)/2); margin-right:9px;}
.page0103_sec02_cont02 li:nth-of-type(2n) {margin-right:0;}

.page0103_sec03 {padding:120px 0 170px 0; background:url('/img/sub/page01/page0103_sec03_bg.jpg') no-repeat center / cover; }
.page0103_sec03:after {position:absolute; content:''; width:}
.page0103_sec03_list {display:flex; justify-content: center;}
.page0103_sec03_list > li:nth-of-type(1) {padding-right:14px;}
.page0103_sec03_list > li:nth-of-type(2) {padding:0 28px;}
.page0103_sec03_cont02 {display:flex;}
.page0103_sec03_cont02 li {width:calc((100% - 9px)/2); margin-right:9px;}
.page0103_sec03_cont02 li:nth-of-type(2) {margin-right:0;}

@media screen and (max-width:1620px){
.page0103_sec01_list li:nth-of-type(1) {padding-left:70px;}
}

@media screen and (max-width:1580px){
.page0103_sec01_list li:nth-of-type(1) {padding-left:0px;}
.page0103_sec01_list li { width: calc((100% - 30px));margin-right: 30px;}

}

@media screen and (max-width:1330px){
.page0103_sec01_list {flex-wrap:wrap;     justify-content: center; text-align: center;}
.page0103_sec01_list li {width:100%; margin-right:0;}
.page0103_sec01_list li + li {margin-top:30px;}

}

@media screen and (max-width:930px){
.page0103_sec02_list {flex-wrap:wrap;}
.page0103_sec02_list > li {width:100%;}
.page0103_sec02_list > li + li {margin-top:30px;}

.page0103_sec03_list {flex-wrap:wrap;     justify-content: center;text-align: center;}
.page0103_sec03_list > li {width:100%;}
.page0103_sec03_cont02 {margin-top:30px;}
.page0103_sec03_cont02 > li figure img {width:100%;}
}


@media screen and (max-width:720px){
.page0103_sec01 {padding:60px 0;}
.page0103_sec02 {padding:60px 0;}
.page0103_sec03 {padding:60px 0 53px; background:url('/img/sub/page01/page0103_sec03_bg_m.jpg');}
}

.page0104_sec01 {padding:125px 0;}
.page0104_sec01_list {display:flex;align-items: flex-end;}
.page0104_sec01_list li {width:50%;}
.page0104_sec01_list li:nth-of-type(2n) {padding-left:47px;}
.office_info p{line-height:1.75em;}
.page0104_sec01_list .desc_box a {display:flex; align-items:center; justify-content:center; width:178px; height:55px; border-radius:5px; border:1px solid #000; transition:0.28s all}
.page0104_sec01_list .desc_box a:hover {background:#ffcd4a; border:1px solid #ffcd4a;}
.page0104_sec01_list .desc_box a + a {margin-left:17px;}
.page0104_sec01_list .desc_box a i {margin-left:16px;}
.page0104_sec01_list .desc_box a i img {display:block;}
.j_btn_wrap {display:flex;}
.page0104_sec01 .map_box .wrap_controllers  {display:none;}


@media screen and (max-width:1330px){
.page0104_sec01 {padding:80px 0;}
.page0104_sec01_list {flex-wrap:wrap; text-align:center;}
.page0104_sec01_list li {width:100%;}
.j_btn_wrap {justify-content:center;}
.page0104_sec01_list li:nth-of-type(2n) {padding-left:0; margin-top:30px;}
}

@media screen and (max-width:720px){
.page0104_sec01 {padding:60px 0;}
.page0104_sec01 .map_box .root_daum_roughmap  {height:350px;}
.page0104_sec01_list .desc_box a {width:130px; height:30px;}

}


/*store map page*/
.map_wrap{padding-bottom:125px;}
.map_inner{height: 800px;position: relative; max-width:94%; margin:0 auto;}
#map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

@media screen and (max-width: 1480px){
	
	.map_inner{height: 600px;}
}

@media screen and (max-width: 1280px){
	
	.map_inner{height: 500px;}
}

@media screen and (max-width: 960px){
	
	.map_inner{height: 400px;}
}

@media screen and (max-width: 720px){
	.map_wrap {padding-bottom:40px;}
	.map_inner{height: 350px;margin-top: 450px;}
}

/*---2023.10.06 - 매장찾기 검색박스 추가---*/
#mapSearch{position: absolute;top: 50%;left: 3%;transform: translateY(-50%);width: 310px;z-index: 10;border-radius: 10px;overflow: hidden;
	box-shadow: 5px 5px 15px rgba(0,0,0,.1);
}
.ms_inner{background: #FFF;}
.ms_inner>h4{display: block;width: 100%;font-size: var(--font-size-18);font-weight: var(--font-b);line-height: 50px;text-align: center;background: #ffbc0d;color: #FFF;border-bottom: 1px solid rgba(255,255,255,.15);}

.ms_box{padding: 10px;background: #ffbc0d;position: relative;}
.ms_box input[type='text']{display: block;width: 100%;border: none;height: 40px;line-height: 40px;outline: none;padding: 0 50px 0 10px;font-size: var(--font-size-15);border-radius: 3px;overflow: hidden;}
.ms_box button{position: absolute;top: 10px;right: 10px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;}
.ms_box button i{font-size: 1.25rem;}

.ms_result{padding: 10px;}

.ms_total{background: #f5f5f5;border-radius: 3px;overflow: hidden;}
.ms_total span{display: block;padding: 10px;font-size: 14px;font-weight: 400;color: #777;}
.ms_total span b{color: #174137;font-weight: 600;}

#storeList{padding: 0 10px;margin: 10px auto;height: 500px;overflow: hidden;overflow-y: scroll;}
#storeList::-webkit-scrollbar{width: 3px;}
#storeList::-webkit-scrollbar-thumb{background-color: #ffbc0d;border-radius: 3px;border: 1px solid transparent;}
#storeList::-webkit-scrollbar-track{background-color: #ddd;border-radius: 3px;}
#storeList li{padding: 20px 0 15px 0;border-bottom: 1px dotted #ddd;cursor: pointer;}
#storeList li.searchNone{height: 0;overflow: hidden;padding: 0;border: none;}
/* #storeList li:hover h4{color: #ffbc0d;} */

.storeTitle{display: flex;align-items: center;gap: 8px;}
.storeTitle i{display: flex;align-items: center;justify-content: center;width: 22px;height: 22px;border-radius: 22px;background: #174137;color: #FFF;font-size: 12px;font-weight: 600;}
.storeTitle span{font-weight: 600;}

.storeInfo{padding-left: 30px;margin-top: 5px;}
.storeInfo i{display: block;font-size: 14px;color: #444;font-weight: 400;line-height: 140%;word-break: keep-all;margin-top: 3px;}

@media screen and (max-width: 1480px){
	
	#mapSearch{width: 280px;}

	#storeList{height: 310px;}
	#storeList li{padding: 15px 0 10px 0;}

	.storeTitle i{width: 20px;height: 20px;border-radius: 20px;}

	.storeInfo i{font-size: 13px;margin-top: 0;}
}

@media screen and (max-width: 1280px){
	
	.ms_inner>h4{line-height: 45px;}

	.ms_box input[type='text']{height: 35px;line-height: 35px;padding: 0 45px 0 10px;}
	.ms_box button{width: 35px;height: 35px;}

	.ms_total span{font-size: 13px;}

	#storeList{height: 250px;}
}

@media screen and (max-width: 960px){

	#mapSearch{width: 250px;}

	#storeList{height: 150px;}
}

@media screen and (max-width: 720px){
	
	#mapSearch{top: -450px;left: 0;transform: translateY(0);width: 100%;border-radius: 8px;}
	.ms_inner>h4{font-size: 16px;}

	.storeTitle span{font-size: 14px;}

	#storeList{height: 250px;}
}






/*--- page0401 ---*/
.page0401_sec01 {padding:125px 0;}
.page04_tit{position:relative;}
.page0401_sec01 .txt_line {margin:40px auto 0 auto;}
.page0401_sec01_list {max-width:1112px; margin:67px auto 0 auto; box-sizing:border-box; font-size:0; }
.page0401_sec01_list li {text-align:center; display:inline-block; vertical-align:top; width:33.33%; position:relative;}
.page0401_sec01_list li:after {position:absolute; top:50%; transform:translateY(-50%); right:0; width:15px; height:26px; background:url('/img/icon/dir_right.png') no-repeat center / cover; content:'';}
.page0401_sec01_list li:nth-of-type(3n):after {display:none;}
.page0401_sec01_list li:nth-of-type(n + 4) {margin-top:90px;}
.page0401_sec01_list li span {display:block; color:#fff; background:#ffcd4a; border-radius:25px; width:150px; text-align:center; line-height:50px; height:50px; margin:0 auto;}
.page0401_sec01_list li h2 {color:#174137;}
.page0401_sec01_list li p {margin-top:20px;}
.page0401_sec02_list_mo {display:none;}
.page0401_sec02 {background:url('/img/sub/page04/page0401_sec02_bg.jpg') no-repeat center / cover; padding:120px 0; color:#fff;}
.page0401_sec02 .txt_line{margin:40px auto 0 auto;}
.page0401_sec02 > figure > img {border-radius:0 15px 15px 0; overflow:hidden;}

.page0401_sec03 {padding:120px 0 150px 0;}
.page0401_sec03 .txt_line {margin:40px auto 0 auto;}

.j_border_table {border-radius:15px; overflow:hidden; }
.table_txt {text-align:right;}
.table_txt h3 {display:flex; align-items:center;  justify-content: flex-end;}
.table_txt h3 i {margin-right:7px;}
.page0401_sec03 {width:100%;}
.page0401_sec03 table {width:100%; height:100%; border-style: hidden; text-align:center;}
.page0401_sec03 thead {color:#fff; background:#163932;}
.page0401_sec03 thead tr th {padding:16px 0;}
.page0401_sec03 tbody {text-align:center;}
.page0401_sec03 tbody tr td {padding:16px 5px;}
.page0401_sec03 tbody tr + tr {border-top:1px solid #dddddd;}
.page0401_sec03 tbody tr th {border-right: 1px solid #ddd;}
.page0401_sec03 tbody tr:last-child th {border-right:none;}
.td_bl {border-left:1px solid #ddd;}
.tr_bg {background:#f8f8f8;}
.tr_bg_g {background:#163932;}






@media screen and (max-width:800px){
.page0401_sec02_pc {display:none;}
.page0401_sec02_list_mo {display:block; margin-top:32px; text-align:center;}
.page0401_sec02_list_mo li {width:100%; position:relative;}


.page0401_sec02_list_mo li:after {content:''; width:9px; height:5px; position:absolute; bottom:-13%; left:50%; transform:translateX(-50%); background:url('/img/icon/down_arr.png') no-repeat center / cover; }
.page0401_sec02_list_mo li + li {margin-top:32px;}
.page0401_sec02_list_mo li:last-child:after {display:none;}
.br_8 {display:block;}
}

@media screen and (max-width:780px){
.page0401_sec01_list li {width:50%;}
.page0401_sec01_list li:nth-of-type(add):after {display:block;}
.page0401_sec01_list li:nth-of-type(3n):after {display:unset;}
.page0401_sec01_list li:nth-of-type(even):after {display:none;}
.page0401_sec01_list li:nth-of-type(n + 3) {margin-top:45px;}

}


@media screen and (max-width:720px){
.page0401_sec01 {padding:60px 0;}
.page0401_sec02 .txt_line{margin:20px auto 0 auto;}
.page0401_sec03 .txt_line {margin:20px auto 0 auto;}
.page0401_sec01_list {margin:33px auto 0 auto;}
.page0401_sec03 thead tr th:nth-of-type(2) {width:42%}
.page0401_sec01_list li span {width:95px; height:25px; line-height:25px;}
.page0401_sec01_list li:after {width:8px; height:13px; background:url('/img/icon/dir_right_m.png')}
.page0401_sec01_list li p {font-size:12.5px;}
.page0401_sec02 {padding:60px 0;}
.table_txt02  { max-width: 266px; margin: 10px auto 0 auto;}  
.table_txt02 h4 {text-align:center; }
.page0401_sec03 {padding:60px 0;}
}


/*--- page0402 ---*/
.page0402_sec01 {padding:125px 0;}
.page0402_tit span{font-size:3.25rem; font-weight:700; display:inline-block; width:70px; height:70px; border-radius:50%; line-height:78px; background:#163932; color:#fff; text-align:center;}
.page0402_sec01_list {display:flex;justify-content: space-between; align-items:center;}
.page0402_sec01_list > li:nth-of-type(1) {width:600px}
.page0402_sec01_list > li:nth-of-type(2) {width:calc(100% - 600px);}
.page0402_sec01_list02 {display:flex;}
.page0402_sec01_list02 > li {width:calc((100% - 20px)/2); margin-right:20px;} 
.page0402_sec01_list02 > li:nth-of-type(3) {margin-right:0;}
.page0402_sec01_list02 > li span {display:flex; align-items:center; justify-content:center; width:258px; height:45px; border-radius:22.5px; background:#174137; color:#fff; margin:42px auto 0 auto; }
.page0402_sec01_list02 > li span i {margin-right:5px;}
.page0402_sec01_list02 > li span i img {display:block;}

@media screen and (max-width:1540px){
.txt_line {margin:40px auto 0 auto;}
.page0402_sec01_list {flex-wrap:wrap; text-align:center;}
.page0402_sec01_list > li:nth-of-type(1) {width:100%;}
.page0402_sec01_list > li:nth-of-type(2) {width:100%;}
.page0402_sec01_list02 {margin-top:30px;}
.page0402_sec01_list02 > li figure img {width:100%;}

}


.page0402_sec02 {padding:125px 0; background:url('/img/sub/page04/page0402_sec02_bg.jpg') no-repeat center / cover;}
.page0402_sec02_list li .page0402_tit {color:#fff;}
.page0402_sec02_list li .page0402_tit span {background:#fff; color:#163932;}
.page0402_sec02_list li .page0402_text {color:#fff;}
.page0402_sec02_list {display:flex;}
.page0402_sec02_list li:nth-of-type(1) {border-radius:15px; overflow:hidden;}
.page0402_sec02_list li:nth-of-type(2) {margin-left:50px;} 



@media screen and (max-width:1420px){
.page0402_sec01 .txt_line {margin: 40px auto 0 auto;}
.page0402_sec01_list {flex-wrap:wrap;}
.page0402_sec01_list > li {width:100%; text-align:center;}

.page0402_sec01_list > li + li {margin-top:40px;}
.page0402_sec01_list li figure img {width:100%;}

.page0402_sec02_list {flex-wrap:wrap; flex-direction: column-reverse;}
.page0402_sec02_list li {width:100%; }
.page0402_sec02_list li:nth-of-type(1) {margin-top:40px;}
.page0402_sec02_list li:nth-of-type(2) {margin-left:0;}

.page0402_sec02_list li figure img {width:100%;}
}

@media screen and (max-width:1020px){
.page0402_sec01_list02 {flex-wrap:wrap;}
.page0402_sec01_list02 > li {width:100%; margin-right:0;}
.page0402_sec01_list02 > li + li {margin-top:30px;}
}



@media screen and (max-width:720px){
.page0402_sec01 {padding:60px 0;}
.page0402_sec01_list > li {width:100%; text-align:left;}
.page0402_sec01 .txt_line {margin:20px 0 0 0;}
/* .page0402_sec01_list02 > li {width: calc((100% - 17px)/2); margin-right:17px;}
.page0402_sec01_list02 > li:nth-of-type(2) {margin-right:0;} */
.page0402_tit span {width:40px; height:40px; line-height:45px;     font-size: 2.25rem;}
.page0402_sec01_list02 > li span {width: 182px;height: 38px; margin: 21px auto 0 auto;}
.page0402_sec02 {padding:60px 0;}

}