.inner {position: relative; max-width: 1200px; margin: 0 auto;}

.sub_visual {position: relative; width: 100%; height: 560px;}
.sub_visual .sub_visual_bg {position: relative; background: no-repeat 50% 50%; background-image: url(../images/contents/sub_visual.jpg); background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat;}
.sub_visual .sub_visual_2 {background-image: url(../images/contents/sub_visual_2.jpg);}
.sub_visual .sub_visual_3 {background-image: url(../images/contents/sub_visual_3.jpg);}
.sub_visual .sub_visual_4 {background-image: url(../images/contents/sub_visual_4.jpg);}
.sub_visual .sub_visual_5 {background-image: url(../images/contents/sub_visual_5.jpg);}
.sub_visual .sub_visual_6 {background-image: url(../images/contents/sub_visual_6.jpg);}
.sub_visual_tit {position: absolute; top: 50%; left: 0; width: 100%;}
.sub_visual_tit p {color: #fff;}
.sub_visual_tit h3 {font-family: 'Kanit'; font-size: 46px; font-weight: 800; color: #fff; text-transform: uppercase; letter-spacing: .2em;}

.sub_location {position: absolute; right: 200px; bottom: 100px; font-size: 0;}
.sub_location li {font-size: 14px; display: inline-block; position: relative; padding-right: 18px; margin-right: 10px; vertical-align: middle;}
.sub_location li.home a {display: block; background: url(../images/common/icon_home.svg) no-repeat 50% 50%; width: 20px; height: 20px; background-size: 20px auto; text-indent: -9999px;}
.sub_location li:after {content: ''; display: block; position: absolute; top: 50%; right: 0; width: 9px; height: 14px; margin-top: -6px; background: url(../images/common/icon_left_WH.svg) no-repeat 50% 50%; background-size: auto 14px;}
.sub_location li:last-child:after {content: none;}
.sub_location li a {color: #fff;}
/* .sub_location li.home {} */

.sub_navi {display: block; background: #fff; width: 70%; max-width: 1270px; position: absolute; right: 0; bottom: 0; height: 80px; line-height: 80px;}
.sub_navi ul {display: block;}
.sub_navi ul:after {content: ''; display: block; clear: both;}
.sub_navi ul li {float: left;}
.sub_navi ul li a {color: #333; display: block; padding-left: 60px; position: relative; z-index: 10; transition: all .3s;}
.sub_navi ul li a span {position: relative; z-index: 10; font-size: 17px;}
.sub_navi ul li.active a,
.sub_navi ul li:hover a{color: #25245e; font-weight: 800;}
/* .sub_navi ul li a:after {content: ''; opacity: 0; display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #25245e 30%, #cf7a42); position: absolute; top: 0; left: 0; transition: all .4s;}
.sub_navi ul li:hover a:after {opacity: .9; box-shadow: 0 20px 30px 0 rgba(37,36,94,.3);} */
.active_menu {display: none;}

/* common */
.container {padding: 140px 0 120px;}
.sub_title {text-align: center;}
.sub_title h3 {font-size: 30px; font-weight: 800; color: #333;}

.contents {position: relative; padding: 60px 0;}
.cont_title {padding-bottom: 40px;}
.cont_title h4 {position: relative; font-size: 20px; font-weight: 800; color: #25245e; padding-top:10px;}
.cont_title h4:before {content: ''; width: 32px; height: 4px; display: block; position: absolute; top: 0; left: 0; background: #25245e;}

.list_wrap {font-size: 0; padding-top: 40px; text-align: center;}
.list_wrap li {display: inline-block; width: 30%; margin-right: 5%; text-align: left;}
/* .list_4 li {width: 20%;} */
.list_wrap li:last-child {margin-right: 0;}
.list_wrap li > span {position: relative; display: block; border-bottom: 2px solid #ededed; margin-bottom: 30px;}
.list_wrap li .num {position: relative; display: inline-block; font-size: 26px; font-weight: 800; color: #25245e; padding-bottom: 20px; font-family: 'Kanit';}
.list_wrap li .num:after {content: ''; position: absolute; bottom: -2px; left: 0; display: inline-block; background: #1780c3; width: 100%; height: 2px;}
.list_wrap li h5 {position: relative; font-size: 20px; font-weight: 800; color: #25245e; display: block; margin-bottom: 20px;}
.list_wrap li p {color: #767676; font-size: 15px;}

.text_wrap {display: block; background: #f8f9fa; text-align: center; padding: 40px 0; margin-bottom: 40px;}
.text_wrap > span {position: relative; font-size: 26px; font-weight: 800; color: #25245e;}
.text_wrap > span:before,
.text_wrap > span:after {content: ''; position: absolute; display: inline-block; width: 24px; height: 20px; background: no-repeat 50% 50%; background-size: 24px auto; opacity: .3;}
.text_wrap > span:before {background-image: url(../images/contents/marks_left.svg); top: -15px; left: -30px;}
.text_wrap > span:after {background-image: url(../images/contents/marks_right.svg); top: 15px; right: -30px;}
.text_wrap.bk {background: #25245e;}
.text_wrap.bk > span {color: #fff;}
.text_wrap.bk > span:before {background-image: url(../images/contents/marks_left_WH.svg);}
.text_wrap.bk > span:after {background-image: url(../images/contents/marks_right_WH.svg);}

.table_wrap table {width: 100%; border-top: 2px solid #25245e;}
.table_wrap table th {text-align: center; font-weight: 800; padding: 20px 0; border-bottom: 1px solid #ededed;}
.table_wrap table tbody th,
.table_wrap table tbody td {padding: 16px 20px; border-bottom: 1px solid #ededed; vertical-align: middle;}

.desc_wrap {background: #f8f9fa; padding: 10px 20px;}
.desc_list li {position: relative; margin-bottom: 20px; padding-left: 20px; text-align: left;}
.desc_list li:last-child {margin-bottom: 0;}
.desc_list li:before {content: ''; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #25245e; display: inline-block; vertical-align: middle; margin-bottom: 4px;}
.desc_list li > p {font-size: 14px; color: #767676;}
.desc_list li em {font-weight: 600; padding-right: 10px;}

.desc_list2{list-style:none;}
.desc_list2 > li {margin-bottom: 20px; text-align: left; padding-left: 20px;}
.desc_list2 > li:last-child {margin-bottom: 0;}
.desc_list2 > li strong{display:block; font-weight:600; position:relative; margin-right:10px; white-space: nowrap; margin-bottom:10px; font-size:16px;}
.desc_list2 > li > strong:before {content: ''; position: absolute; top: 0; bottom:0; left: -16px; margin:auto; width: 4px; height: 4px; background: #25245e; display: inline-block; vertical-align: middle;}
.desc_list2 > li > p {line-height:175%; word-break: keep-all;}
.desc_list2 > li > b{color:#25245e; font-weight:600;}
.no_st{position:relative;}
.no_st:before{content:''; position: absolute; top: 0; bottom:0; left: 4px; margin:auto; width: 4px; height: 4px; background: #25245e; display: inline-block; vertical-align: middle;}

.dash_list > li {position:relative; padding-left:15px;}
.dash_list > li:before{content:'-'; font-size:16px; position:absolute; top:0; left:0;}
.dash_list > li + li{margin-top:5px;}
.dash_list > li > p{font-size:16px;}

.num_list{counter-reset: numlist;}
.num_list > li {counter-increment: numlist; position:relative; padding-left:20px; color:#333;}
.num_list > li:before{content:counter(numlist); position:absolute; top:2px; left:0; width:13px; height:13px; border:1px solid #333; border-radius:50%; text-align:center; line-height:13px; font-size:10px; font-weight: 500;}
.num_list > li + li{margin-top:5px;}

.fake_tb{margin-top:50px;}
.fake_tb > ul {display:flex; justify-content:space-between; border:1px solid #ddd; flex-wrap: wrap;}
.fake_tb > ul > li + li{border-left:1px solid #ddd;}
.fake_tb > ul > li > span{display:block; width:100%; min-height:150px; padding:20px; font-size:0;}
.fake_tb > ul > li > span > img{width:100%;}
.fake_tb > ul > li > p{display:flex; justify-content:center; align-items: center; background:#f9f9f9; text-align:center; font-size:16px; font-weight:500; padding:15px; min-height:80px; border-top:1px solid #ddd; word-break: keep-all;}

.fake_tb.fit_tb{width:fit-content;}
.fake_tb .splitx4_2_1 > li{width:25%;}

.fake_tb .splitx2 > li{width:50%;}
.fake_tb .splitx2 > li:nth-child(n+3){border-top:1px solid #ddd;}

.fake_tb .splitx3_2_1 > li{width:25%;}
.fake_tb .splitx3_2_1 > li > span img{height:260px;}
.fake_tb .splitx3_2_1 > li:nth-child(3n){width:50%;}
.fake_tb .splitx3_2_1 > li:nth-child(4n){width:100%;}
.fake_tb .splitx3_2_1 > li:nth-child(n+4){border-top:1px solid #ddd; border-left:none;}
.fake_tb > ul > li .img_twin{display:flex; justify-content: space-between; align-items: center;}
.fake_tb > ul > li .img_twin > img{width:50%;}

.fake_tb .splitx1 > li{width:100%;}



/* sub1-1 */
.vision > div:after {content: ''; clear: both; display: block;}
.vision_wrap:after {content: ''; width: 110px; height: 100px; background: url(../images/contents/arrow1.png) no-repeat 50% 50%; background-size: 110px auto; margin: 0 auto;}
.vision_wrap .vision_cont {display: block; width: 50%; float: left; background: #f8f9fa; padding: 40px 60px;}
.vision_wrap .vision_txt {padding: 0 0 0 80px; background: url(../images/contents/vision_list1.svg) no-repeat left 50%; background-size: 46px auto;}
.vision_wrap .vision_cont strong {font-size: 16px; color: #25245e; font-weight: 800; text-transform: uppercase; display: block; margin-bottom: 20px;}
.vision_wrap .vision_cont p > b {font-size: 20px;}
.vision_wrap .vision_cont:last-child {background: #25245e; color: #fff;}
.vision_wrap .vision_cont:last-child .vision_txt {background: url(../images/contents/vision_list2.svg) no-repeat left 50%; background-size: 46px auto;}
.vision_wrap .vision_cont:last-child strong,
.vision_wrap .vision_cont:last-child p > b {color: #fff !important;}

.text_list {padding: 40px; border: 1px solid #ededed; text-align: center;}
.text_list ul li {position: relative; font-size: 16px;}
.text_list ul li:before {content: ''; width: 4px; height: 4px; background: #25245e; display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 4px;}
.text_list ul li > i {font-size: 8px; color: #cf7a42; vertical-align: middle;}

.banner_wrap {margin-top: 80px; padding-top: 40px; border-top: 1px solid #ededed;}
.banner_list {font-size: 0;}
.banner_list li {text-align: center; display: inline-block; width: 30%; margin-right: 5%;}
.banner_list li:last-child {margin-right: 0;}
.banner_list li a {position: relative; display: block; border: 1px solid #ededed; width: 100%; height: 80px; transition: all .4s;}
.banner_list li a > img {position: absolute; top: 50%; left: 50%; height: 32px; transform: translate(-50%, -50%);}
.banner_list li span {display: block; font-size: 15px; margin-top: 10px;}
.banner_list li b {font-size: 16px; font-weight: 600;}
.banner_list li:hover a {border: 1px solid #25245e;}
.banner_list li:hover span, .banner_list li:hover b{color: #1780c3;}

.business_list {font-size: 0;}
.business_list li {display: inline-block; width: 25%; border-right: 1px solid #ededed; text-align: center; padding: 40px 0;}
.business_list li:last-child {border-right: 0;}
.business_list li strong {position: relative; display: block; font-size: 18px; font-weight: 800; text-transform: uppercase; color: #25245e; letter-spacing: .1em;}
.business_list li strong:before {content: ''; display: block; width: 60px; height: 60px; background-size: 60px auto; background-repeat: no-repeat; background-position: 50% 50%; margin: 0 auto 24px;}
.business_list li span {font-size: 16px; color: #767676; display: block;}

.business_list li.list1 strong:before {background-image: url(../images/contents/business_list1.svg);}
.business_list li.list2 strong:before {background-image: url(../images/contents/business_list2.svg);}
.business_list li.list3 strong:before {background-image: url(../images/contents/business_list3.svg);}
.business_list li.list4 strong:before {background-image: url(../images/contents/business_list4.svg);}

.business .text_wrap {margin: 40px 0;}

/* sub1-2 */
.base_table tbody td {text-align: center;}

.infra div:after {content: ''; display: block; clear: both;}
.infra_wrap {position: relative;}
.infra_wrap .template {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.infra_wrap .circle {position: relative; background-color: #25245e; width: 220px; height: 220px; border-radius: 50%; float: left; mix-blend-mode: multiply;}
.infra_wrap .circle:last-child {background-color: #1780c3; margin-left: -20px;}
.infra_wrap .circle .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; text-align: center;}
.infra_wrap .circle .txt > strong {display: block; font-size: 16px; color: #fff; padding-bottom: 10px;}
.infra_wrap .circle .txt > p {font-size: 14px; color: rgba(255,255,255,.6);}

.place_wrap {padding: 120px 20px 0;}
.place_item {padding: 40px 0; border-bottom: 1px solid #ededed;}
.place_item:last-child {border-bottom: 0;}
.place_item h5 {font-size: 20px; color: #25245e; font-weight: 600; padding-bottom: 100px;}
.place_info {float: left; width: 38%;}
.place_info dl {font-size: 0;}
.place_info dt {display: inline-block; width: 110px; font-size: 15px; font-weight: 600; text-transform: uppercase; vertical-align: top; }
.place_info dd {display: inline-block; width: calc(100% - 110px); font-size: 15px; padding-bottom: 20px;}
.place_info dd b {color: #1780c3;}
.place_info .btn_wrap {padding-top: 50px; text-align: left;}
.place_map {position: relative; float: right; width: 60%; box-shadow: 0 10px 40px 0 rgba(0,0,0,.075);}
.map {display: block; background: #25245e; height: 380px;}
.map div:not(.map_mark){display: inline-block; border-color:transparent !important; background: transparent !important;}
.map_mark {display: block; position: relative; width: 110%; height: 34px; line-height: 34px; margin: 0 auto; padding: 0 20px; background-color: #25245e; color: #fff; text-align: center; font-size: 14px; font-weight: 500; box-shadow: 5px 5px 20px rgb(0 0 0 / 23%);}

/* sub1-3 */
.propulsion_wrap {position: relative; padding: 60px 0; background: url(../images/contents/propulsion_bg.png) no-repeat 50% 50%; z-index: -1;}
.propulsion_list {font-size: 0; position: relative;}
.propulsion_list:after {content: ''; display: inline-block; width: 100%; height: 1px; background: #ededed; position: absolute; top: 60%; left: 0; z-index: -1;} 
.propulsion_list li {position: relative; display: inline-block; width: 25%; text-align: center;}
.propulsion_list li:before {content: ''; width: 60px; height: 60px; display: block; margin: 0 auto 60px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 60px auto;} 
.propulsion_list li span {font-size: 16px;}
.propulsion_list li .num {display: block; width: 40px; height: 40px; line-height: 38px; background: #25245e; border-radius: 50%; font-weight: 600; text-align: center; color: #fff; margin: 0 auto 20px;}
.propulsion_list li strong {font-size: 18px; font-weight: 800; color: #25245e; text-transform: uppercase; display: block;}

.propulsion_list .list1:before {background-image: url(../images/contents/propulsion_list1.svg);}
.propulsion_list .list2:before {background-image: url(../images/contents/propulsion_list2.svg);}
.propulsion_list .list3:before {background-image: url(../images/contents/propulsion_list3.svg);}
.propulsion_list .list4:before {background-image: url(../images/contents/propulsion_list4.svg);}

.propulsion_table td.logo {vertical-align: middle; text-align: center;}
.propulsion_table td.logo > img {height: 24px;}
.propulsion_table td > strong {font-weight: 800; color: #25245e; display: block;}
/* .propulsion_table td > p {} */
.propulsion_table td > p:before {content: ''; width: 4px; height: 4px; display: inline-block; background: #25245e; vertical-align: middle; margin-right: 10px; margin-bottom: 4px;}

/* sub1-4 */
.equipment_item {padding-bottom: 80px;}
.equipment_item:last-child {padding-bottom: 0;}
.equipment_item:after {content: ''; display: block; clear: both;}
.equipment_item .cont_title {float: left; width: 20%;}
.equipment_item .cont_box {float: right; width: 75%; margin-bottom: 40px;}
.equipment_item .cont_box .txt_tit {display: block; font-size: 20px; font-weight: 800; padding-bottom: 20px;}
.equipment_item .cont_box p {margin-bottom: 10px;}
.equipment_item .cont_box p:before {content: ''; width: 4px; height: 4px; display: inline-block; background: #25245e; vertical-align: middle; margin-right: 10px; margin-bottom: 4px;}

.equipment_table thead th {width: 25%;}
.equipment_table tbody td {text-align: center; word-break: keep-all;}
.equipment_table .total {display: block; background: #25245e; max-width: 62px; padding: 6px 0; color: #fff; margin: 10px auto 0;}

.cont_list {font-size: 0; margin-bottom: 20px;}
.cont_list li {position: relative; overflow: hidden; display: inline-block; width: 24%; height: 160px; border: 1px solid #ededed; margin-right: 1%; font-size: 16px; vertical-align: middle; text-align: center;}
.cont_list li > img {position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; min-height: 100%; max-height: none; object-fit: cover;}

/* sub1-5 */
.process_wrap {padding-top: 80px;}
.process_list {font-size: 0; margin-bottom: 40px;}
.process_list li {display: inline-block; width: 280px; background: #e9e9ef; font-size: 16px; color: #25245e; text-align: center; margin-right: 20px; padding: 30px 0;}
.process_list li:nth-child(2) {background: #f8f9fa;}
.process_list li:nth-child(3) {background: #25245e; color: #fff;}
.process_table tbody td > strong {font-size: 18px; font-weight: 800; color: #25245e;}
.process_table tbody td > p {font-size: 14px; color: #767676;}
.process_table .title {background: #f8f9fa; text-align: center; font-weight: 600;}
.process_table .num {color: #25245e; opacity: .4; padding-right: 20px;}

.card_wrap {padding: 40px 10px 0;}
.card_wrap:after {content: ''; clear: both; display: block;}
.card_cont {display:block; width: 48%; float: left; background: #fff; box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); margin-right: 40px; padding: 40px;}
.card_cont:last-child {margin-right: 0;}
.card_tit {border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-left: 80px; padding-bottom: 20px; background: url(../images/contents/card_icon1.svg) no-repeat left top; background-size: 46px auto; }
.card_cont:last-child .card_tit {background: url(../images/contents/card_icon2.svg) no-repeat left top; background-size: 46px auto;}
.card_tit > span {font-weight: 800; color: #25245e; text-transform: uppercase; vertical-align: middle;}
.card_tit > strong {display: block; font-size: 20px; font-weight: 800;}
.card_txt li {display: block; margin-bottom: 10px;}
.card_txt li > span {color: #999;}
.card_txt li:before {content: ''; display: inline-block; width: 4px; height: 4px; background: #25245e; margin-right: 10px; margin-bottom: 4px;}

/* sub1-6 */
.info_wrap {text-align: center; padding-top: 40px;}
.info_wrap > p {font-size: 18px; margin-bottom: 10px;}
.info_title {position: relative;}
.info_title .caption {display: inline-block; text-align: center; width: 280px; background: #25245e; font-size: 18px; font-weight: 800; color: #fff; margin: 0 20px; padding: 30px 0; box-shadow: 0 10px 30px 0 rgba(37,36,94,.2);}
.info_title .caption:nth-child(2) {background: #1780c3; box-shadow: 0 10px 30px 0 rgba(23,128,195,.2);}
.info_cont {background: #f8f9fa; margin-top: 40px; padding: 36px 0; border-radius: 400px;}
.info_cont:after {content: ''; clear: both; display: block;}
.info_cont .circle {position: relative; display: table; background: #fff; width: 27.3%; height: 320px; float: left; margin: 0 3%; border: 3px solid #25245e; border-radius: 50%;}
.info_cont .circle:last-child {border-color: #1780c3;}
.info_cont .circle:before {content: ''; position: absolute; top: 50%; right: -18%; transform: translateY(-50%); display: block; width: 40px; height: 40px; background: rgba(37,36,94,.6) url(../images/common/icon_left_WH.svg) no-repeat 50% 50%; background-size: 14px auto; border-radius: 50%;}
.info_cont .circle:last-child:before {content: none;}
.info_cont .info_txt {display: table-cell; vertical-align: middle;}
.info_txt > strong {display: block; font-size: 20px; font-weight: 600; word-break: keep-all; margin-bottom: 20px;}
.info_txt > span {font-size: 18px;}
.info_txt > p {color: #999;}

.dash {width: 100%; position: absolute; top: 50%; z-index: -1;}
.dash span{display: block; width: 60%; height: 90px; margin: 0 auto; border: 2px dashed #ededed; border-bottom: 0;}

.info_list {padding-top: 120px;}
.info_list li {width: 20%;}
.info_list li h5 {font-size: 16px; font-weight: 400; color: #333; text-align: right; margin-bottom: 0;}
.info_list li h5:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; width: 46px; height: 46px; background-size: 46px auto; background-repeat: no-repeat; background-position: 50% 50%; float: left;}
.info_list li.list1 h5:before {background-image: url(../images/contents/info_list1.svg);}
.info_list li.list2 h5:before {background-image: url(../images/contents/info_list2.svg);}
.info_list li.list3 h5:before {background-image: url(../images/contents/info_list3.svg);}
.info_list li.list4 h5:before {background-image: url(../images/contents/info_list4.svg);}

/* sub2-2 */
.equipment {padding: 0; margin: 60px 0;}
.guide_wrap {position: relative; display: block; background: #f8f9fa; padding: 35px 30px; margin-top: 60px;}
.guide_wrap > strong {font-size: 18px; font-weight: 800; color: #25245e;}
.guide_wrap .btn_wrap {position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}

.equipment .template {position: absolute; top: 40px; right: 0; width: 45%;}
.process {position: relative; text-align: center;}
.process:after {content: ''; position: absolute; top: 25%; left: 50%; display: inline-block; width: 60%; height: 1px; background: #ededed; z-index: -1; transform: translateX(-50%);}
.process li {display: inline-block; width: 30%;}
.process .num {display: block; width: 40px; height: 40px; line-height: 40px; background: rgba(37,36,94,.6); text-align: center; font-weight: 600; color: #fff; margin: 0 auto 20px; border-radius: 50%;}
.process .on .num {background: #25245e;}

.equipment_wrap {padding-top: 60px;}
.equipment_list {font-size: 0;}
.equipment_list a {display: block; width: 100%; height: 100%;}
.equipment_list li {display: inline-block; font-size: 16px; width: 24%; background: no-repeat 50% 50%; margin-right: 1.3%; margin-bottom: 2%; border: 1px solid #ededed; transition: all .4s; vertical-align: top;}
.equipment_list li:nth-child(4n) {margin-right: 0;}
.equipment_list .img_box {width:200px;height: 200px;text-align:center;margin:10px auto;}
.equipment_list .img_box img{max-height:200px;}
.equipment_list .txt_box {padding: 18px 20px; text-align: center;}
.equipment_list .txt_box .title {font-size: 16px; font-weight: 600; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.equipment_list .txt_box span {font-size: 14px; color: #1780c3;}
.equipment_list li:hover {border: 1px solid #25245e;}

.equipment_view:after {content: ''; clear: both; display: block;}
/* .equipment_view {padding-bottom: 80px;} */
.equipment_view .img_wrap {width: 50%; float: left;}
.equipment_view .img_wrap .img_box {width: 100%; height: 380px; overflow: hidden; background: #25245e; border: 1px solid #ededed;}
.equipment_view .txt_wrap {width: 45%; float: right;}
.equipment_view .tit {display: block; font-size: 24px; color: #25245e; font-weight: 800; margin-bottom: 40px;}

.equipment_view table {margin-top: 60px;}
.equipment_view table th {color: #25245e;}
.equipment_view table td {white-space: pre-line;}

/* sub2-3 */
.form_box {margin-bottom: 80px;}
.form_box .cont_title {padding-bottom: 20px;}
.form_box .txt {font-size: 14px; color: #999;}
.equi_form .btn_wrap {text-align: center;}

.er_gubun2 {display: none;}


/* 오시는 길 */
#contactMap {width: 100%; height: 480px; border: 1px solid #ededed;}
.map_wrap {position: relative; margin-top: -80px; z-index: 10;}
.map_info {background: linear-gradient(45deg, #25245e 40%, #cf7a42); width: 80%; padding: 30px; box-shadow: 0 10px 40px 0 rgba(37,36,94,.2);}
.map_info > h3 {font-size: 24px; color: #fff; font-weight: 600; margin-bottom: 20px;}
.map_info dl {font-size: 0;}
.map_info dl dt {display: inline-block; font-size: 16px; color: #fff; font-weight: 600; padding-right: 20px;}
.map_info dl dd {display: inline-block; font-size: 16px; color: rgba(255,255,255,.6); }
.map_content {overflow: hidden; margin-top: 60px;}
.map_content ul li {float: left; width: 50%; border-left: 2px solid #ededed; padding: 0 30px;}
.map_content ul li > strong {display: block; font-size: 18px; font-weight: 600; color: #25245e; margin-bottom: 20px;}
.map_content ul li > p {color: #333; line-height: 2;}
.map_content ul li > p > b {margin-right: 10px;}
/* #contactMap .map_mark {margin-left: 15px;} */


/* 기업지원 */
.tab_con_wrap > div{display:none;}
.tab_con_wrap > div.active{display:block;}
.tab_con_wrap > div > section + section{margin-top:80px;}

.bprt_img_wrap{display:flex; align-items: center; justify-content: space-between; margin-top:30px; width:calc(100% + 30px); transform:translateX(-15px); height:250px}
.bprt_img_wrap span{height:100%; width:100%; display:block; margin:0 15px; background:#f9f9f9; overflow:hidden; position:relative; border:1px solid #ddd;}
.bprt_img_wrap span img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; object-fit: cover;}

/* 전문기업 */
.user_bbsList .only_m{display:none;}
.user_bbs.bbsList .only_m{display:none;}

/* 지원절차 */
.icon_step_list{display:flex; justify-content: space-around; align-items:baseline; margin-top:70px;}
.icon_step_list > li{width:16.6666%; text-align:center;}
.icon_step_list > li + li{position:relative; padding-left:24px;}
.icon_step_list > li + li:before{content:'>'; position:absolute; top:20px; left:0; height:24px; width:24px; font-size:13px; background:#25245e; color:#fff; line-height:24px; border-radius:50%; font-family:'굴림', sans-serif; font-weight:bolder;}
.icon_step_list > li > span{display:block; margin:0 auto; width:60px; height:60px; overflow: hidden; position:relative;}
.icon_step_list > li > span > img{position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; width:100%; height:100%; object-fit:contain; display:block;}
.icon_step_list > li > b{display:block; margin-top:15px; }
.icon_step_list > li > b > span{display:block; font-size:13px; color:#666;}
.icon_step_list > li > p{width:80%; margin:auto;}
.icon_step_list > li > p > a{margin:5px; display:block; border:1px solid #ddd; padding:2px 8px; border-radius:3px;}

.spt_mng_info{margin-top:50px}

/* 프로그램 이용안내 */
.use_step{counter-reset: use_step; display:flex; flex-wrap: wrap;}
.use_step > li{counter-increment: use_step; border:1px solid #eee; width:240px; height:100px; line-height:100px; text-align:center; margin:10px 0;}
.use_step > li + li{margin-left:60px; position:relative;}
.use_step > li + li:before{content:'>'; font-family: 'Rubik', sans-serif; font-size:18px; font-weight:bold; color:#fff; background:rgba(37,36,94,0.6); width:40px; height:40px; line-height:40px; display:block; border-radius:50%; text-align: center; position:absolute; top:0; left:-50px; bottom:0; margin:auto;}
.use_step > li:nth-child(2n){background:#f8f9fb; border:none;}
.use_step > li > span{font-size:18px; font-weight:500; position:relative; padding-left:50px;}
.use_step > li > span:before{content:'0' counter(use_step); font-family: 'Rubik', sans-serif; font-weight:bold; font-size:18px; color:#25245e; position:absolute; left:0;}

.use_step + .text_list,
.pay_step_icon_box + .text_list{margin-top:60px; text-align:left;}
.use_step + .text_list > ul > li,
.pay_step_icon_box + .text_list > ul > li{padding-left:10px; position:relative;}
.use_step + .text_list > ul > li:before,
.pay_step_icon_box + .text_list > ul > li:before{position:absolute; top:8px; left:0;}
.use_step + .text_list > ul > li + li,
.pay_step_icon_box + .text_list > ul > li + li{margin-top:5px;}

.pay_step_icon_box{display:flex; justify-content: space-between; position:relative;}
.pay_step_icon_box:before{content:''; width:calc(100% - 60px); height:1px; position:absolute; bottom:80px; left:0; right:0; margin:auto; background:#eee; display:block; z-index:-1;}
.pay_step_icon_box > li{display:flex; flex-direction: column; align-items: center; width:25%;}
.pay_step_icon_box > li > div{margin-bottom:60px;}
.pay_step_icon_box > li > div > img{}
.pay_step_icon_box > li > b{font-size:16px; display:block; width:38px; height:38px; line-height:38px; text-align:center; color:#fff; background:#25245e; border-radius:50%;}
.pay_step_icon_box > li > span{font-size:14px; margin-top:15px;}
.pay_step_icon_box > li > strong{text-transform:uppercase; font-weight:bold; font-family:'Rubik', sans-serif; font-size:16px; color:#25245e;}
.text_bold{display:inline-block; width:fit-content; padding-right:12px;}

/* **************************************** *
 * 1600px
 * **************************************** */
@media (max-width: 1600px) {
    .inner {max-width: 92%; margin: 0 auto;}
}

@media (max-width: 1400px) {
    .sub_location {right: 0;}

    /* 프로그램 이용안내 */
    .use_step > li{width:calc(25% - 60px);height:70px; line-height:70px;}
    .use_step > li + li{margin-left:50px;}
    .use_step > li + li:before{width:30px; height:30px; line-height:30px; left:-40px;}
}

/* **************************************** *
 * 1024px : mobile
 * **************************************** */
@media (max-width: 1024px) {
    .sub_visual_tit h3 {font-size: 32px;}
    .sub_navi {width: 100%; left: 0;}
    /* .sub_navi ul {display: block;} */
    .sub_navi ul li a {padding: 0 20px;}

    .container {padding: 120px 0 60px;}
    #contents {padding: 40px 0;}
    .sub_title h3 {font-size: 24px;}
    .cont_title {padding-bottom: 20px;}
    .cont_title h4 {font-size: 20px;}

    .text_wrap {padding: 20px 10px;}
    .text_wrap > span {font-size: 16px; word-break: keep-all;}
    .text_wrap > span:before, .text_wrap > span:after {content: none;}

    /* sub1-2 */
    .infra_wrap .circle {width: 180px; height: 180px;}

    /* sub1-5 */
    .card_cont {margin-right: 20px;}

    /* sub1-6 */
    .info_cont .circle {height: 257px;}

    .search_wrap {padding: 20px 10px;}
    .search_wrap .search {display: flex; flex-direction: row; position: relative; }
    .search > input[type="text"] {width: 100%;}
    .search > button {position: absolute; top: 1px; right: 0; min-width: 50px;}

    .equipment_list li {width: 50%; margin: 0;}

    /*  */
    .info_list li{width:40%; margin:3%;}
    .info_list li:last-child{margin:3%;}

    

    /* 기업지원 */
    .fake_tb .splitx4_2_1 > li{width:50%;}
    .fake_tb .splitx4_2_1 > li:nth-child(n+3){border-top:1px solid #ddd;}

    .fake_tb .splitx3_2_1 > li{width:50%;}
    .fake_tb .splitx3_2_1 > li:nth-child(3n){width:100%;}
    .fake_tb .splitx3_2_1 > li:nth-child(n+3){border-top:1px solid #ddd; border-left:none;}

    /* 전문기업 */
    .user_bbsList.bbsList{border-top:none;} 
    .user_bbsList.bbsList tr{border-top:2px solid #25245e;}
    .user_bbsList.bbsList tr + tr{margin-top:20px;}
    .user_bbsList.bbsList td{padding:0; display:flex;border:none;}
    .user_bbsList.bbsList td + td{border-bottom:1px solid #ddd;}
    .user_bbsList.bbsList td > p{padding:14px 20px;}
    .user_bbsList .only_m{ color:#25245e; font-weight:600; display:inline-block; padding:14px 20px; width:100px; background:#f6f6f6; text-align:center;}
    .user_bbsList .only_m + *{width:calc(100% - 100px);}
    .user_bbsList.bbsList td.spc_num{display:none;}
    
    /* 지원절차 */
    .icon_step_list{width:calc(100% + 20px); transform:translateX(-10px); flex-wrap:wrap; counter-reset: step; align-items: center; margin-top:50px;}
    .icon_step_list > li {counter-increment: step; min-height:205px; width:calc(33.3333% - 20px); position:relative; border:1px solid #ddd; padding-top:10px; margin:10px; padding:15px; display:flex; flex-direction: column; justify-content: center;}
    .icon_step_list > li + li{padding:15px;}
    .icon_step_list > li:before,
    .icon_step_list > li + li:before{content:counter(step); height:34px; width:34px; font-size:16px; background:#25245e; color:#fff; line-height:34px; border-radius:50%; display:block; position:absolute; top:-10px; left:-10px; font-family:'pretendard', sans-serif; font-weight:500;}

    /* 프로그램 이용안내 */
    .use_step > li{width:calc(33.3333% - 60px);}

    /* 사용자 일반게시판 */
    .user_bbs.bbsList{table-layout: fixed;}
    .user_bbs.bbsList thead{display:revert;}
    .user_bbs.bbsList,
    .user_bbs.bbsList tbody,
    .user_bbs.bbsList tr,
    .user_bbs.bbsList td{display:revert;}
    .user_bbs.bbsList td{padding: 14px 8px; border-bottom:none;}
    .user_bbs.bbsList tr{border-bottom:1px solid #ddd;}
    .user_bbs.bbsList .ellip{width:100%;}
    .user_bbs.bbsList .only_pc{display:none;}
    .user_bbs.bbsList .only_m{display:block;}
    .user_bbs.bbsList .bbs_tlt{width:100%;}
    .user_bbs.bbsList .bbs_tlt .state_wrap{display:flex; align-items: center; margin-top:10px;}
    .user_bbs.bbsList .bbs_tlt .state_wrap span{font-size:12px; padding: 3px 6px; border:1px solid #ddd;}
    .user_bbs.bbsList .bbs_tlt .state_wrap span + span{margin-left:5px; border:none;}
    .user_bbs.bbsList .bbs_tlt a{width:100%;}
    .user_bbs.bbsList .bbs_writer,
    .user_bbs.bbsList .bbs_date{width:100px; text-align:center;}

}

/* **************************************** *
 * 767px : mobile
 * **************************************** */
@media (max-width: 767px) {
    .sub_visual {height: 380px;}
    .sub_visual_tit h3 {font-size: 28px; word-break: break-all;}
    .sub_location {bottom: 20px;}

    .sub_navi {display: block; position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #ededed;}
    .sub_navi ul {display: none; overflow: hidden; position: absolute; top: 100%; left: 0; z-index: 10; width: 100%; max-height: 360px; padding: 10px 0; background: #fff; border: 1px solid #25245e;}
    .sub_navi ul li a {display: block; position: relative; min-width: 220px; width: 100%; height: 50px; line-height: 50px;}
    .active_menu {position: relative; display: block; max-width: 92%; margin: 0 auto;}
    .active_menu .ico {position: absolute; top: 50%;}
    .active_menu .ico:after {background: url(../images/common/icon_arw_down.svg) no-repeat 50% 50%; background-size: 12px auto;}

    .cont_title h4 {font-size: 18px;}
    .cont_title h4:before {width: 20px; top: -5px;}

    .list_wrap li {width: 94%; margin-bottom: 20px; margin-right:0;}
    .list_wrap li .num {padding-bottom: 15px;}
    .list_wrap li > span {margin-bottom: 15px;}
    .list_wrap li h5 {font-size: 16px; margin-bottom: 10px;}
    .list_wrap li p {font-size: 14px;}

    .table_wrap table thead th {padding: 10px 0;}
    .table_wrap table tbody td {padding: 8px 10px; font-size: 13px;}

    /* sub1-1 */
    .vision_wrap .vision_cont {width: 100%; padding: 20px 30px;}
    .vision_wrap .vision_cont p > b {font-size: 16px;}
    .text_list {padding: 20px; text-align: left;}

    .banner_list li {width: 100%; margin-right: 0; margin-bottom: 20px;}

    .business_list li {width: 50%; padding: 20px 0; margin-bottom: 20px;}
    .business_list li:nth-child(even) {border-right: 0;}
    .business_list li strong:before {background-size: 46px auto;}
    .business_list li strong {font-size: 16px;}
    .business_list li span {font-size: 14px;}

    /* sub1-2 */
    .infra_wrap .template {position: static; transform: none; display: flex; justify-content: center; margin-top: 40px;}
    .infra_wrap .circle {width: 50%; height: auto; padding-bottom: 50%;}
    .place_wrap {padding: 80px 20px 0;}
    .place_info {float: none; width: 100%;}
    .place_item h5 {padding-bottom: 30px; font-size: 16px;}
    .place_info .btn_wrap {padding: 20px 0;}
    .place_info dt,
    .place_info dd {font-size: 14px; padding-bottom: 10px;}
    .place_map {float: none; width: 100%;}
    .place_map .map {height: 240px;}

    /* sub1-3 */
    .propulsion_wrap {background-size: auto 120px;}
    .propulsion_list:after {top: 57%;}
    .propulsion_list li {vertical-align: top; word-break: keep-all;}
    .propulsion_list li:before {margin-bottom: 30px; background-size: 46px auto;}
    .propulsion_list li span {font-size: 14px;}
    .propulsion_list li strong {display: none;}

    .propulsion_table,
    .propulsion_table tr,
    .propulsion_table tbody,
    .propulsion_table td {display: block;}

    .propulsion_table tr {margin-bottom: 30px; border-top: 2px solid #25245e;}
    .propulsion_table tr:first-child {border-top: 0;}

    /* sub1-4 */
    .equipment_item .cont_title {float: none; width: 100%;}
    .equipment_item .cont_box {float: none; width: 100%;}
    .equipment_item .cont_box .txt_tit {font-size: 16px; padding-bottom: 4px;}

    .equipment_item .table_wrap {overflow-x: scroll;}
    .cont_list li {height: 100px;}

    /* sub1-5 */
    .process_wrap {padding-top: 40px;}
    .process_list {display: flex; flex-direction: row;}
    .process_list li {display: flex; align-items: center; justify-content: center; width: 100%; margin: 0 5px; word-break: keep-all;}
    .card_cont {float: none; width: 100%; padding: 30px; margin-bottom: 20px;}
    .card_tit,
    .card_cont:last-child .card_tit {background-size: 36px auto}
    .card_tit > strong {font-size: 16px;}

    .process_table tbody,
    .process_table tr,
    .process_table .title {display: block;}
    .process_table .sub_tit {width: 40%;}
    .process_table tbody td > strong {font-size: 15px; display: block;}

    /* sub1-6 */
    .info_title {display: flex;}
    .info_title .caption {width: 50%; margin: 0; font-size: 16px; padding: 14px 0;}
    .info_wrap {padding-top: 0;}
    .info_cont .circle:before {top: auto; bottom: -8%; left: 50%; transform: translateX(-50%) rotate(90deg); z-index: 10;}
    .info_cont .circle {float: none; width: 68%; height: auto; margin: 0 auto; padding-bottom: 68%;}
    .info_cont .info_txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

    .dash {top: 120%;}

    .guide_wrap {padding: 10px 20px; text-align: center;}
    .guide_wrap > strong {font-size: 16px;}
    .guide_wrap .btn_wrap {position: static; transform: none; margin-top: 10px;}

    .equipment .template {position: static; width: 100%; margin-top: 40px;}
    .equipment_list li {width: 100%; float: none; margin-bottom: 3%;}
    .equipment_view .img_wrap,
    .equipment_view .txt_wrap {float: none; width: 100%;}
    .equipment_view .img_wrap .img_box {height: 240px;}
    .equipment_view .txt_wrap {margin-top: 40px;}
    .equipment_view .tit {margin-bottom: 20px;}

    /* 오시는 길 */
    #contactMap {height: 280px;}
    .map_content ul li {float: none; width: 100%; margin-bottom: 40px; height: 200px;}
    .equipment_list .txt_box {padding: 20px;}

    /* 프로그램 이용안내 */
    .use_step > li{width:calc(50% - 60px);}
    
}

/* **************************************** *
 * 767px : mobile
 * **************************************** */
 @media (max-width: 640px) {
    .desc_list2 li{flex-wrap:wrap;}
    .desc_list2 li p{margin-left:0; margin-top:10px;}

    .bprt_img_wrap.splitx2{width:100%; transform:translateX(0);}
    .bprt_img_wrap.splitx2 span{width:100%; max-width:100%;}
    .bprt_img_wrap.splitx2 span + span{margin-top:8px;}

    .sub_location{display:none;}

    
    .fake_tb .splitx2 > li{width:100%;}
    .fake_tb .splitx2 > li:nth-child(n+2){border-left:none; border-top:1px solid #ddd;}

    /* 지원절차 */
    .icon_step_list{margin-top:30px;}
    .icon_step_list > li{width:calc(50% - 20px);}
    .icon_step_list > li > span{width:50px; height:50px;}
    .icon_step_list > li > b{margin-top:8px;}

    /* 프로그램 이용안내 */
    .use_step > li{width:calc(50% - 40px);}
    .use_step > li + li{margin-left:40px;}
    .use_step > li + li:before{width:20px; height:20px; line-height:20px; left:-30px; font-size:12px;}
    .use_step > li > span{font-size:15px; padding-left:30px}
    .use_step > li > span:before{font-size:15px;}
    

    .pay_step_icon_box{flex-wrap:wrap;}
    .pay_step_icon_box > li{width:50%; margin:35px 0;}
    .pay_step_icon_box > li > div{margin-bottom:40px;}
    .pay_step_icon_box:before{bottom:115px;}
    .pay_step_icon_box:after{content:'';width:calc(100% - 60px);height:1px;position:absolute; top: 160px;left:0;right:0;margin:auto;background:#eee;display:block;z-index:-1;}
 }

 @media (max-width: 425px) {
    .user_bbsList.bbsList td{flex-wrap:wrap;}
    .user_bbsList .only_m{display:block; width:100%; border-bottom:1px solid #eee;}
    .user_bbsList .only_m + *{width:100%;}
    .user_bbsList .only_m + div{margin:14px auto;}
    .user_bbsList.bbsList td > p{text-align:center;}
    .user_bbsList.bbsList td .desc_wrap{text-align:center;}
    .user_bbsList.bbsList td .desc_list{display:inline-block; width:fit-content;}
    .user_bbs.bbsList .bbs_tlt{width:100%;}
    .user_bbs.bbsList .bbs_date,
    .user_bbs.bbsList .bbs_writer{display:none;}

    /**/
    .icon_step_list > li{width:100%; min-height:150px;}
    .icon_step_list > li > p{width:98%;}

    .fake_tb .splitx4_2_1 > li{width:100%;}
    .fake_tb .splitx4_2_1 > li:nth-child(n+2){border-top:1px solid #ddd;}

    .fake_tb .splitx3_2_1 > li{width:100%;}
    .fake_tb .splitx3_2_1 > li+ li{border-left:none; border-top:1px solid #ddd;}
    
 }