@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*mainStyle.css*/
#container{overflow: hidden;}
.bannerWrap{width: 100%; height: 950px; position: relative; background: url(../img/main/bg_img1.png); background-size: cover; background-position: center;}
.bannerWrap > img{height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bannerWrap > div{ padding: 40px; width: 768px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.bannerWrap > div img{margin: 20px auto;}
.bannerWrap > div h2, .bannerWrap > div p{text-align: center; color: #fff;}
.bannerWrap > div h2{font-size: 48px; letter-spacing: -1px; line-height: 1.2; margin-bottom: 40px; font-family: 'GongGothicMedium';}
.bannerWrap > div p{font-size: 20px; line-height: 1.5;}
.bannerWrap > div p span{display: block;}
.bannerWrap > div > div{width: 37px; height: 192px; position: absolute; font-size: 100px; color: #fff; z-index: 10; top: 25px; background: url(../img/main/square_bracket1.png); background-size: 100% 100%;}
.bannerWrap > div > div.square_bracket1{left: 100px;}
.bannerWrap > div > div.square_bracket2{background-image: url(../img/main/square_bracket2.png); right: 100px;}
.inner{width: 1040px !important; max-width: 100%; }
.inner.box{padding: 0 20px 100px;} 
.main_title{padding: 100px 0;}
.main_title h2{font-size: 50px; line-height: 1.0; color: #777; text-align: center;}
.main_title h2::after{content: ""; display: block; width: 1px; height: 35px; background: #223040; margin: 30px auto;}
.main_title h2 span{color: #19618b; font-weight: 600;}
.main_title p{width: 70%; margin: 0 auto; text-align: center; font-size: 20px; line-height: 1.5;}
.detail{width: 100%; margin: 0 auto;}
.detail > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.detail > ul li{float: left; width: 32%; padding: 13px 0;}
.detail > ul li.second{margin: 0 2%;}
.detail > ul li img{margin: 30px auto 35px;}
.detail > ul li p{color: #666; font-size: 28px; margin-bottom: 26px;}
.detail > ul li p span{display: block;}
.detail > ul li strong{display: block; font-size: 35px; line-height: 1.5; color: #333; margin: 0 auto; text-align: center;} 
.detail > ul li strong span{font-size: 44px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;}
.detail > ul li p{text-align: center;}
.aboutWrap{width: 100%;padding:150px 0 0;}
.aboutWrap .detail > ul li strong{text-align: center;}





.aboutWrap .main_title p {font-size:20px;color: #666;}
.aboutWrap .about_con{width: 100%; margin: 0 auto;}
.aboutWrap .about_con > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.aboutWrap .about_con > ul li{position: relative; float: left; width: 32%; padding: 13px 0;}
.aboutWrap .about_con > ul li.second{margin: 0 2%;}
.aboutWrap .about_con > ul li .ab-box {padding-left: 90px;}
.aboutWrap .about_con > ul li img{margin: 0; position: absolute; left: 10px; text-align: left; width: 70px;}
.aboutWrap .about_con > ul li p{color: #666; font-size: 22px; margin-bottom:12px;}
.aboutWrap .about_con > ul li p span{display: block;}
.aboutWrap .about_con > ul li strong{display: block; font-size: 20px; line-height: 1.5; color: #333; margin: 0 auto; text-align: left;} 
.aboutWrap .about_con > ul li strong span{font-size: 28px; color: #444; display: inline-block; font-weight: bold; margin-right: 10px;}
.aboutWrap .about_con > ul li p{text-align: left;}

.aboutWrap .about_img ul li:nth-child(2){margin-top: -315px;}
.aboutWrap img{max-width: 100%;}
.aboutWrap .about_txt{margin-top: 100px;}
.aboutWrap .about_txt .icon01 img{display: block; max-width: 100%; margin: 0 auto 50px;;}
.aboutWrap .about_txt h2{font-size: 37px; text-align: center; font-family: 'GongGothicMedium'; line-height: 1.5; }
.aboutWrap .about_txt h2 span{font-family: 'GongGothicMedium';}


.intro-box {float: left; width: 50%; height:500px; text-align: center; overflow: hidden;position: relative;  background-size: cover;}
.intro-box a {position: relative;     display: block; width: 100%;height: 100%;}
.intro-box a:hover .intro-hover {top: 0;}
.intro-box .intro-name { margin-top: 20px;margin-bottom: 15px; padding-bottom: 15px; color: #fff; font-size: 20px; font-weight: 700;text-transform: uppercase;}
.intro-box img {margin: 0 auto;}
.intro-box .intro-desc{ }
.intro-box .intro-desc{color: #a6d5f0;}
.intro-box .intro-view {display: table; width: 100%; height: 100%;}
.intro-box .intro-view-mid{padding: 20px; display: table-cell;vertical-align: middle;}
.intro-box1 {background-image: url(../img/main/intro_bg1.jpg); }
.intro-box2 {background-image: url(../img/main/intro_bg2.jpg); }
.intro-hover {position: absolute; top: 100%; left: 0; width: 100%; height: 100%; color: #fff; background: rgba(25, 97, 139 ,1); transition: 0.5s;}

.coreComWrap{width: 100%; padding:100px 0 0;background-color: #f7f7f7;}
.coreComWrap .about02{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.coreComWrap .about02 .about_title{width: 45%;float:left;}
.coreComWrap .about02 .about_title .icon02 img{display: block; max-width: 100%; margin-bottom: 30px;}
.coreComWrap .about02 .about_title h2{font-size: 37px; font-family: 'GongGothicMedium'; margin-bottom: 20px; line-height: 1.3;}
.coreComWrap .about02 .about_title p{font-size: 20px; line-height: 1.4;}
.coreComWrap .about02 .about_title p span{font-size: 30px; font-family: 'GongGothicMedium';color: #317eaa;}
.coreComWrap .about_cont{width: 50%;float:right;}
.coreComWrap .about_cont img{max-width: 100%; display: block; margin:0 auto;border-radius:40px 0 40px 0;}

.busiComWrap{width: 100%; padding:150px 0 0;}
.busiComWrap .icon03 img{display: block; max-width: 100%; margin: 0 auto 50px;}
.busiComWrap h2{text-align: center; font-size: 37px ;  font-family: 'GongGothicMedium'; margin-bottom: 20px;}
.busiComWrap ul{display: flex; justify-content: space-between; align-items: center;}
.busiComWrap ul li{width: 30%; background-color: #f1f1f1; padding-bottom: 30%; position: relative; border-radius: 50%; border: 4px solid #0a2546;}
.busiComWrap ul li .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;  width: 80%;}
.busiComWrap ul li .txt p{font-size: 20px; font-weight: 700; margin-bottom: 20px; color: #0a2546;}
.busiComWrap ul li .txt h4{font-size: 40px; font-family: 'GongGothicMedium'; color: #0a2546; line-height: 1;}
.busiComWrap ul li .txt h4 span{font-size: 22px; font-family: 'GongGothicMedium';}

/*.groupWrap{width: 100%; padding:150px 0 0; background: url(../img/main/consert_bg.png);}*/
.groupWrap{width: 100%; padding:150px 0 0; background: url(../img/groupWrap_bg.jpg)no-repeat center bottom;background-size:cover;}
.groupWrap .icon04 img{display: block; max-width: 100%; margin: 0 auto 50px;}
.groupWrap h2{text-align: center; font-size: 37px; margin-bottom: 40px;  font-family: 'GongGothicMedium';}
.groupWrap img{max-width: 100%;}

.contWrap{width: 100%; padding:150px 0 0;}
.contWrap .icon05 img{display: block; max-width: 100%; margin: 0 auto 50px;}
.contWrap .tab01 h2{text-align: center; font-size: 37px; margin-bottom: 40px;  font-family: 'GongGothicMedium';}
.contWrap .tab01 ul{display: flex; justify-content: space-between; align-items: center;}
.contWrap .tab01 ul li{width: 24%; box-sizing: border-box; background-color: #f1f1f1; border-radius: 30px; padding: 20px 20px 25px 20px; position: relative;}
.contWrap .tab01 ul li img{display: block; width: 150px; margin: 0 auto 20px;}
.contWrap .tab01 ul li p{font-family: 'GongGothicMedium'; text-align: center; font-size: 20px;}
.contWrap .tab01 ul li::after{position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f054'; top: 50%; right: -35px; transform: translateY(-50%); font-size: 34px; color: #444;}
.contWrap .tab01 ul li:last-child::after{display: none;}
.contWrap .tab02{display: flex; justify-content: space-between; margin-top: 100px;}
.contWrap .tab02 .left{width: 48%;}
.contWrap .tab02 .right{width: 48%;}
.contWrap .tab02 h2{text-align: center; font-size: 37px; margin-bottom: 40px;  font-family: 'GongGothicMedium';}
.contWrap .tab02 p{font-size: 20px; text-align: center; line-height: 1.5;  font-family: 'GongGothicMedium'; padding: 30px 20px; background-color: #f1f1f1; border-radius: 25px;}

.locationWrap {width: 100%; padding:150px 0 0;}
.locationWrap .icon07 img{display: block; max-width: 100%; margin: 0 auto 50px;}
.locationWrap h2{text-align: center; font-size: 37px; margin-bottom: 70px;  font-family: 'GongGothicMedium';}
.locationWrap table {
    width: 100%;
    border-collapse: collapse;
    border-top: 3px solid #0a2546;
    margin-top: 20px;

    font-size: 17px;
}
.locationWrap table tr {
    border-bottom: 1px solid #ddd;
}
.locationWrap table th {
    padding: 10px;
}
.locationWrap table th:nth-child(1) {
    width: 50px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    color: #0a2546;
}
.locationWrap table th:nth-child(2) {
    width: 150px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
}
.locationWrap table td {
    padding: 10px;
}

.locationWrap ul {display:flex;position:relative;}
.locationWrap ul li {display:block;width:48%;margin:1%;}


#mainWr_03 > div.detail1 > ul > li > div.pc_hide{display:none;}
#mainWr_03 > div.detail1 > ul > li > div.mo_hide{display:block; }


/* .portfolioWrap{background: url(../img/main/port_bg.png); padding-bottom: 90px;}
.portfolioWrap .main_title h2::after{background: #fff;}
.portfolioWrap .main_title h2, .portfolioWrap .main_title h2 span, .portfolioWrap .main_title p{color: #fff;}
.port_go{width: 100%;}
.portfolioWrap .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.portfolioWrap .port_go a:hover{background: #fff; color: #223040;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.portfolioWrap .mainPage{display: block;}  
.portfolioWrap .latest_wr{display: none;}
.portfolioWrap .latest_wr2{display: block;}
.portfolioWrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.portfolioWrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;} 
.portfolioWrap .pic_lt ul{padding: 0;}
.portfolioWrap .pic_lt li{padding: 0;}
.portfolioWrap .pic_lt li .lt_img{margin: 0;}
.portfolioWrap .pic_lt li .lt_img img{display: block;    display: block;}
.portfolioWrap .pic_lt li .lt_img + a{display: none;}
.portfolioWrap .latest_wr2 .pic_lt .new_icon + a{display: none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.portfolioWrap .owl-theme .owl-dots .owl-dot span:hover, .portfolioWrap .owl-theme .owl-dots .owl-dot.active span{background: #19618b;}
 */


.noticeWrap{background: url(../img/main/port_bg.png); padding:100px 0 140px;}
.noticeWrap .main_title h2::after{background: #fff;}
.noticeWrap .main_title h2, .noticeWrap .main_title h2 span, .noticeWrap .main_title p{color: #fff;}
.port_go{width: 100%;}
.noticeWrap .port_go a{color: #fff; text-align: center; font-size: 18px; width: 100%; border: 1px solid #fff; padding: 15px 0px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;margin: 0 auto;}
.noticeWrap .port_go a:hover{background: #fff; color: #223040;}
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date{display: none;}
.noticeWrap .mainPage{display: block;}  
.noticeWrap .latest_wr{display: none;}
.noticeWrap .latest_wr2{display: block;}
.noticeWrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.noticeWrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;} 
.noticeWrap .pic_lt ul{padding: 0;}
.noticeWrap .pic_lt li{padding: 0;}
.noticeWrap .pic_lt li .lt_img{margin: 0;}
.noticeWrap .pic_lt li .lt_img img{display: block;    display: block;}
.noticeWrap .pic_lt li .lt_img + a{display: none;}
.noticeWrap .latest_wr2 .pic_lt .new_icon + a{display: none;}
.noticeWrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.noticeWrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.noticeWrap .owl-theme .owl-dots .owl-dot span:hover, .noticeWrap .owl-theme .owl-dots .owl-dot.active span{background: #19618b;}

.consertWrap{background: url(../img/main/consert_bg.png);}
.consertWrap .inner{padding-bottom: 170px;}
.consertWrap .main_title{padding-bottom: 30px;}
.consertWrap .latest_wr{width: 100%; margin: 0 auto;}
.consertWrap .latest_wr > div{float: left; width: 45%;}
.consertWrap .latest_wr > div.ing_projects{ }
.consertWrap .latest_wr > div.news{float: right;}
.consertWrap .lat{margin-bottom: 0; border: none; padding: 60px; min-height: 445px;}
.consertWrap .lat .lat_title{border-bottom: none; background: none; padding: 0; line-height: 1.0em; font-size: 1.0em; color:#333; border-bottom: 1px solid #ddd;}
.consertWrap .lat .lat_title a{color: #333; font-size: 30px; color: #333; font-weight: 600; line-height: 70px; height: 70px;}
.consertWrap .lat ul{padding: 0; margin-top: 30px;}
.consertWrap .lat li{padding: 0; padding-right: 0; padding-left: 0; line-height: 45px;}
.consertWrap .lat li:before{display: none;}
.consertWrap .lat li a{width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; font-size: 18px;}
.consertWrap .lat li a:hover{color:#19618b; font-weight: bold;}
.consertWrap .lat .lt_date{color: #888; font-size: 18px;}
.consertWrap .lat .lat_title_area{position: relative;}
.consertWrap .lat .lt_more{top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0;  font-weight: normal; color: #7a838c; font-size: 45px;}
.consertWrap .lat .lt_more .fa{display: none;}
.consertWrap .lat li .new_icon{display: none;}
.consertWrap .lat .lat_title a:after{display: none;}
.consertWrap .lat .empty_li{line-height: 270px; font-size: 18px;}

.contactWrap{width: 100%; padding:150px 0 0;position: relative; background-color: #f7f7f7;}
.contactWrap .icon06 img{display: block; max-width: 100%; margin: 0 auto 50px;}
.contactWrap h2{text-align: center; font-size: 37px; margin-bottom: 70px;  font-family: 'GongGothicMedium';}
.contactWrap input{font-size: 1.2em;}
.contactWrap textarea{font-size: 1.2em; line-height: 1.3; word-break: keep-all;}
.contactWrap .box{position: relative;}
.contactWrap .adm_btn{position: absolute; right: 20px; top: 0; color: #fff; font-weight: bold; line-height: 1; padding: 5px; background-color: #ae0000; font-size: 1.2em; z-index: 999;}

@media screen and (max-width: 1199px){
    .inner.box{padding: 0 20px 80px;} 
    .bannerWrap > div img{width:110px;}   
    .bannerWrap > div h2{font-size: 30px;}
    .bannerWrap > div p{width: 90%; margin: 0 auto; font-size: 18px;}
    .bannerWrap > div > div{top: 20px;}
    .bannerWrap > div > div.square_bracket1{left: 160px;}
    .bannerWrap > div > div.square_bracket2{right: 160px;}
    .inner{width: 100%; padding: 0 20px 60px;} 
    .main_title{padding: 60px 0;}
    .main_title h2{font-size: 42px;}
    .main_title h2::after{width: 1px; height: 24px; margin: 35px auto;}

    .main_title p{width: 100%; font-size: 16px; padding: 0 30px;} 
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .detail > ul li, .detail > ul li img{-webkit-transition-duration: 0.3s;transition-duration: 0.3s; -webokit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition: 0.3s; -0-transition-duration: 0.3s;} 
    .aboutWrap .detail > ul li:hover img{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}
    .coreComWrap{background-size: auto 100%;}
    .coreComWrap .main_title h2{letter-spacing: -2px;}
    .coreComWrap .detail ul li strong{margin-bottom: 0; font-size: 26px;}
    .coreComWrap .detail ul li p{padding: 0 20px; font-size: 20px;}  
    /* .portfolioWrap .port_go a{width: 100%; margin-top: 35px;}
    .portfolioWrap .port_go a{font-size: 16px;} */
	.noticeWrap .port_go a{width: 100%; margin-top: 35px;}
    .noticeWrap .port_go a{font-size: 16px;}
}



@media screen and (min-width:481px){
    /* .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{display: none;}
    .portfolioWrap .latest_wr2{display: block; width: 100%; height: auto; margin: 0 auto;} 
    .portfolioWrap .pic_lt ul{display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0;}
    .portfolioWrap .pic_lt li{padding: 0; width: 32%; margin: 0 0 18px; padding: 0;}
    .portfolioWrap .pic_lt li .lt_img{margin: 0; width: 100%; overflow: hidden;}
    .portfolioWrap .pic_lt li:nth-child(3n-1){margin: 0 2%;}
    .portfolioWrap .pic_lt li .lt_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;} */

	.noticeWrap .mainPagewrap{width: 100%; position: relative;}
    .noticeWrap .latest_wr{display: none;}
    .noticeWrap .latest_wr2{display: block; width: 100%; height: auto; margin: 0 auto;} 
    .noticeWrap .pic_lt ul{display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0;}
    .noticeWrap .pic_lt li{padding: 0; width: 32%; margin: 0 0 18px; padding: 0;}
    .noticeWrap .pic_lt li .lt_img{margin: 0; width: 100%; overflow: hidden;}
    .noticeWrap .pic_lt li:nth-child(3n-1){margin: 0 2%;}
    .noticeWrap .pic_lt li .lt_img:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webokit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition: 0.6s; -0-transition-duration: 0.6s;}

}
@media screen and (min-width:481px) and (max-width: 1199px){
    .bannerWrap{height: 600px;}
    .bannerWrap > img{left: 65%;}

}
@media screen and (max-width:1024px){
    .consertWrap .latest_wr > div{width: 49%;} 
    .consertWrap .lat .lat_title a{font-size: 20px;}
    .consertWrap .lat .lt_more{font-size: 30px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 270px; font-size: 16px;}
}
@media(max-width: 969px){
    .aboutWrap .about_img ul li:nth-child(2) {
        margin-top: -260px;
    }
}
@media screen and (max-width:767px){
	.bannerWrap{height: 600px;}
    .bannerWrap > div{width: 480px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .inner.box{padding: 0 20px 60px;} 
    .detail > ul{width: 80%; display: inherit;}
    .detail > ul li{width: 100%;}
    .detail > ul li.second{margin: 0;}
    .detail > ul li p{font-size: 20px; margin-bottom: 0;}
    .detail > ul li strong{font-size: 26px;} 
    .detail > ul li strong span{font-size: 30px;}
    .consertWrap .inner{padding-bottom: 80px;}
    .consertWrap .main_title{padding-bottom: 0;} 
    .consertWrap .latest_wr > div{float: left; width: 100%;}
    .consertWrap .latest_wr > div.ing_projects{margin-bottom: 5%;}
    .consertWrap .lat{padding: 40px;}
    .consertWrap .lat .lat_title a{font-size: 20px; line-height: 60px; height: 60px;}
    .consertWrap .lat li{line-height: 50px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 16px;}
    .consertWrap .lat .empty_li{line-height: 300px; font-size: 16px;}
	
	.intro-box {float: left; width: 100%; height: 350px;}
	.intro-hover {top: 0; background: rgba(25, 97, 139 ,0.9);}
	.intro-main .intro-view-mid{display: none;}
	.intro-box .intro-desc {color: #fff;}
	.intro-box1 {border-bottom: 1px solid #fff;}
	.intro-box .intro-name {font-size: 18px; margin-bottom: 0;}
	.intro-box .intro-desc{font-size:14px; font-weight: 300; }
	.intro-box .intro-desc br{display: none; }
	.intro-box1 .intro-hover {background:rgba(25, 97, 139 ,0);  }

#mainWr_03 > div.detail1 > ul > li > div.pc_hide{display:block;}
#mainWr_03 > div.detail1 > ul > li > div.mo_hide{display:none;}

.aboutWrap .about_img ul li:nth-child(2) {
    margin-top: -200px;
}
.aboutWrap .about_txt h2,
.coreComWrap .about02 .about_title h2,
.busiComWrap h2,
.groupWrap h2,
.contWrap .tab01 h2,
.contWrap .tab02 h2,
.contactWrap h2,
.locationWrap h2{font-size: 30px;}

.aboutWrap,
.coreComWrap,
.busiComWrap,
.groupWrap,
.contWrap,
.contactWrap,
.locationWrap{padding: 60px 0 0;}

.coreComWrap .about02 .about_title p{font-size: 19px;}
.coreComWrap .about02 .about_title p span{font-size: 21px;}

.busiComWrap ul li .txt p{font-size: 18px;}
.busiComWrap ul li .txt h4{font-size: 28px;}
.busiComWrap ul li .txt h4 span{font-size: 20px;}

.contWrap .tab01 ul li{padding: 10px; border-radius: 15px;}
.contWrap .tab01 ul li img{width: 100px;}
.contWrap .tab01 ul li p{font-size: 17px;}
.contWrap .tab01 ul li::after{font-size: 20px; right: -20px;}
.contWrap .tab02 p{padding: 10px; font-size: 17px; border-radius: 10px;}

.locationWrap table{font-size: 15px;;}
.locationWrap table th:nth-child(2){width: auto}

.locationWrap ul {flex-direction: column;}
.locationWrap ul li {width:100%;}

}
@media screen and (max-width:600px){
    /* .portfolioWrap .latest_wr{display: block;}
    .portfolioWrap .latest_wr2{display: none;}
    .portfolioWrap .pic_lt .empty_li{height: 200px; line-height: 200px;}
    .portfolioWrap .inner{position: relative;}
    .portfolioWrap .mainPagewrap{width: 100%; position: relative;}
    .portfolioWrap .latest_wr{width: 240px; height: auto; margin: 0 auto;}
    .portfolioWrap{padding-bottom: 60px;}
    .portfolioWrap .port_go a{width: 100%; margin-top: 35px; font-size: 12px; padding: 10px 0;} */
	.noticeWrap .latest_wr{display: block;}
    .noticeWrap .latest_wr2{display: none;}
    .noticeWrap .pic_lt .empty_li{height: 200px; line-height: 200px;}
    .noticeWrap .inner{position: relative;}
    .noticeWrap .mainPagewrap{width: 100%; position: relative;}
    .noticeWrap .latest_wr{width: 240px; height: auto; margin: 0 auto;}
    .noticeWrap{padding-bottom: 60px;}
    .noticeWrap .port_go a{width: 100%; margin-top: 35px; font-size: 12px; padding: 10px 0;}
    .bannerWrap > img{left: 100%;}
    .aboutWrap .about_img ul li:nth-child(2){margin-top: -100px;}
    .aboutWrap .about_txt{margin-top: 50px;}

    .icon01 img, .icon02 img, .icon03 img, .icon04 img, .icon05 img, .icon06 img, .icon07 img{}
    .aboutWrap .about_txt h2, .coreComWrap .about02 .about_title h2, .busiComWrap h2, .groupWrap h2, .contWrap .tab01 h2, .contWrap .tab02 h2, .contactWrap h2, .locationWrap h2 {
        font-size: 20px;
    }
    .coreComWrap .about02 .about_title{width: 100%; margin-bottom: 50px;}
    .coreComWrap .about02 .about_cont{width:100%;}
    .coreComWrap .about02 .about_title .icon02 img{margin: 0 auto 30px;}
    .coreComWrap .about02 .about_title h2{text-align: center; }
    .coreComWrap .about02 .about_title h2 br{display: none;}
    .coreComWrap .about02 .about_title p{text-align: center; font-size: 17px;}
    .coreComWrap .about02 .about_title p span{font-size: 19px;}

    .aboutWrap,
    .coreComWrap,
    .busiComWrap,
    .groupWrap,
    .contWrap,
    .contactWrap,
    .locationWrap{padding: 40px 0 0;}

    .busiComWrap ul li{width: 32%;}
    .busiComWrap ul li .txt p{font-size: 12px; margin-bottom: 7px;}
    .busiComWrap ul li .txt h4{font-size: 18px;}
    .busiComWrap ul li .txt h4 span{font-size: 13px;}

    .aboutWrap .about_txt h2, .coreComWrap .about02 .about_title h2, .busiComWrap h2, .groupWrap h2, .contWrap .tab01 h2, .contWrap .tab02 h2, .contactWrap h2, .locationWrap h2 {
        margin-bottom: 20px !important;
    }
    .icon01 img, .icon02 img, .icon03 img, .icon04 img, .icon05 img, .icon06 img, .icon07 img{margin-bottom: 30px !important;}
    .contWrap .tab01 ul li{min-height: 135px;}
    .contWrap .tab01 ul li img{max-width: 80%; display: block; margin: 0 auto 10px;}
    .contWrap .tab01 ul li p{font-size: 15px; }
    .contWrap .tab01 ul li::after {
        font-size: 15px;
        right: -12px;
    }
    .contWrap .tab02{margin-top: 40px; flex-wrap: wrap;}
    .contWrap .tab02 .left{width:100%; margin-bottom: 40px;}
    .contWrap .tab02 .right{width: 100%;}
    .contWrap .tab02 p{font-size: 15px; }

    .locationWrap table th{font-size: 15px; word-break: keep-all;}
    .locationWrap table td{font-size: 15px; word-break: keep-all;}

}
@media screen and (min-width:481px) and (max-width:767px){
    .coreComWrap .detail ul{width: 40%; min-width: 320px;}
    .coreComWrap .detail img{margin: 10px auto 20px;}
    .coreComWrap .detail > ul li.second{margin: 20px 0;}

	
    .busiComWrap .detail1 ul li > div{width:100%}
	.busiComWrap .detail img{width:100%;}
    .busiComWrap .detail > ul li.second{margin: 20px 0;}

}
@media screen and (max-width: 480px){
    .bannerWrap{height: 500px;}
    .bannerWrap > div{width: 320px; padding: 20px;}
    .bannerWrap > div > div{top: 0;}
    .bannerWrap > div img{margin: 0px auto 10px; width: auto;}   
    .bannerWrap > div h2{margin-bottom: 20px; font-size: 20px;}
    .bannerWrap > div p{font-size: 15px;}
    .bannerWrap > div > div{width: 20px; height: 104px;}
    .bannerWrap > div > div.square_bracket1{left: 20px;}
    .bannerWrap > div > div.square_bracket2{right: 20px;}
    .inner.box{padding: 0 20px 40px;} 
    .main_title{padding: 40px 0;}
    .main_title h2{font-size: 27px;}
    .main_title h2::after{width: 1px; height: 13px; margin: 20px auto;}

    .main_title p{width: 100%; font-size: 12px; padding: 0 20px;} 
    .detail > ul{width: 240px;}
    .detail > ul li{width: 100%; height: 100px; overflow: hidden;}
    .detail > ul li img{width: 56px; margin: 0px auto 30px;} 
    .detail > ul li p{font-size: 16px;}
    .detail > ul li strong{font-size: 23px; line-height: 1.5; margin: 0 auto; text-align: left; line-height: 1.0;} 
    .detail > ul li strong span{font-size: 35px; color: #223040; display: inline-block; font-weight: bold; margin-right: 10px;} 
    .detail > ul li p, .detail > ul li strong{text-align: left; width: 152px; margin-right: 0px;}
    .aboutWrap .detail > ul li img{float: left;}
    .aboutWrap .detail > ul li p{float: right;}
    .aboutWrap .detail > ul li strong{float: right;} 
    .aboutWrap .detail > ul li strong{text-align: left;}
    .coreComWrap .detail ul li{padding: 40px 0; height: 240px;}
    .coreComWrap .detail > ul li.second{margin: 15px 0;}
    .coreComWrap .detail ul li strong, .coreComWrap .detail ul li p{width: 100%;}
    .coreComWrap .detail ul li strong{margin-bottom: 15px; text-align: center; font-size:23px;}
    .coreComWrap .detail ul li p{font-size: 14px; margin-bottom: 0; text-align: center;} 
    .consertWrap .inner{padding-bottom: 60px;}
    .consertWrap .lat{padding: 30px; min-height: 373px;}
    .consertWrap .lat .lat_title a{font-size: 17px; height: 40px; line-height: 40px;}
    .consertWrap .lat .lt_more{font-size: 20px;}
    .consertWrap .lat li{line-height: 40px;}
    .consertWrap .lat li a, .consertWrap .lat .lt_date{font-size: 14px;}
    .consertWrap .lat .empty_li{line-height: 240px; font-size: 14px;}
    /* .portfolioWrap .pic_lt li .lt_img {height: 220px;} */
	.noticeWrap .pic_lt li .lt_img {height: 220px;}

    .btn_confirm{margin-top: 30px;}
}
@media screen and (max-width:350px){
    /* .portfolioWrap .port_go a{font-size: 12px;} */
	.noticeWrap .port_go a{font-size: 12px;}
}