@charset "utf-8";

.m_br {display: none;}


/* mainVisualBg */
.mainVisualBg {position:relative;background:#d5edf7; padding: 5.714rem 0 7.5rem /*80px 0px 105px*/;}
.mainVisualTxt {text-align: center; margin-bottom: 2.5rem/*35px*/;}
.mainVisualTxt h2{font-size:3.571rem;/*50px*/ font-weight: 700; color: #101010; margin-bottom: 1.428rem/*20px*/; letter-spacing: -0.04em; }
.mainVisualTxt h2 span.c_blue{font-size:3.571rem;/*50px*/ font-weight: 600; color:#0980c9;}
.mainVisualTxt p{font-size:1.285rem;/*18px*/ color: #303030; line-height: 1.4; font-weight: 400;}
.mainVisualBg > .bottom {width: 1400px; margin: 0 auto;}
.mainVisualBg > .bottom::after{content: ''; display: block; clear: both;}

/* mainVisualBtn */
.mainVisualBtn {width: 670px; float: right; }
.mainVisualBtn ul {height: 100%;}
.mainVisualBtn ul li{width: calc(50% - 10px); float: left; position: relative; padding-bottom: 31.791%/*213/670px*/;}
.mainVisualBtn ul li:nth-child(2n-1){margin-right: 20px;}
.mainVisualBtn ul li:nth-child(1), .mainVisualBtn ul li:nth-child(2){margin-bottom: 2.985% /*20/670px*/;}
.mainVisualBtn ul li a {display: inline-block; width: 100%; height: 100%; padding: 25px; transition: 0.2s linear; position: absolute;} 
.mainVisualBtn ul li a::after{content: ''; position: absolute; bottom: 20px; right: 20px; }
.mainVisualBtn ul li:nth-child(1) a::after{width: 50px; height: 49px; background: url(../../../images/renewal/main/newly/visualBtn01.png) center no-repeat;}
.mainVisualBtn ul li:nth-child(2) a::after{width: 53px; height: 46px; background: url(../../../images/renewal/main/newly/visualBtn02.png) center no-repeat;}
.mainVisualBtn ul li:nth-child(3) a::after{width: 56px; height: 55px; background: url(../../../images/renewal/main/newly/visualBtn03.png) center no-repeat;}
.mainVisualBtn ul li:nth-child(4) a::after{width: 71px; height: 54px; background: url(../../../images/renewal/main/newly/visualBtn04.png) center no-repeat;}
.mainVisualBtn ul li:nth-child(1) a{background-color: #029290;}
.mainVisualBtn ul li:nth-child(2) a{background-color: #0079c3;}
.mainVisualBtn ul li:nth-child(3) a{background-color: #41a232;}
.mainVisualBtn ul li:nth-child(4) a{background-color: #e8374a;}
.mainVisualBtn ul li:nth-child(1) a:hover, .mainVisualBtn ul li:nth-child(1) a:focus{background-color: #097977;}
.mainVisualBtn ul li:nth-child(2) a:hover, .mainVisualBtn ul li:nth-child(2) a:focus{background-color: #0d659c;}
.mainVisualBtn ul li:nth-child(3) a:hover, .mainVisualBtn ul li:nth-child(3) a:focus{background-color: #338127;}
.mainVisualBtn ul li:nth-child(4) a:hover, .mainVisualBtn ul li:nth-child(4) a:focus{background-color: #d42234;}
.mainVisualBtn ul li a > * {color: #fff;}
.mainVisualBtn ul li h3 {font-size: 2.142rem;/*30px*/ margin-bottom: 12px;}
.mainVisualBtn ul li p {font-size: 1.285rem;/*18px*/ font-weight: 400; line-height: 1.3;}
.mainVisualBtn ul li span {display: inline-block; position: absolute; bottom:20px; transition: 0.2s linear;}
.mainVisualBtn ul li span::after {content:''; position: absolute; bottom: 1px; right: -20px; width: 5px; height: 9px; background: url(../../../images/renewal/main/newly/mini_arrow.png)no-repeat center;  }
.mainVisualBtn ul li a:hover span, .mainVisualBtn ul li a:focus span{margin-left: 8px;}

/* main_slider */
.main_slider {margin:auto;position:relative;width:670px;float: left; /* border: 1px solid #a8bcc4; */ }
.main_slider ul{clear:both;display:block}
.main_slider ul li  > a{display:block;position:relative;width:100%}
.main_slider ul li  > a:after{content:"";clear:both;display:block}

.mainImg{float:right;position:relative;right:0;bottom:0;width:670px;height:0; padding-bottom: 66.567%/*446/670px*/; overflow: hidden; }
.mainImg a{position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; }
.mainImg img{position: absolute; top: 0; left: 0; width:100%; height: auto; }
.mainVideo{position:absolute;overflow:hidden;right:0;top:0;bottom:0;width:740px;height:443px}
.mainVideo > p{display:block;position:absolute;left:12.4%;top:7%;width:75%;height:68.5%;background:#000}
.mainVideo video{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}

/* pagerType */
#slideCounter{z-index:2;position:absolute;right:120px;bottom:-35px;color:#202020;font-size: 1.285rem;/*18px*/; font-weight: 500;}
#slideCounter span em{color: #505050;font-size: 1.285rem;/*18px*/; font-weight: 500;}
#slideCounter span em:after{content:"";display:inline-block;width:30px;height:10px;background:url("../../../images/renewal/main/newly/bxLine_blk.png") center no-repeat; background-size: 82%;}

.main_slider .bx-wrapper{margin:auto;position:relative;width:100%;background:transparent}
.main_slider .bx-controls{z-index:2;position:relative;text-indent:-99999px}
.main_slider .bx-controls-direction{position:absolute;right:0px;bottom:-40px;width:100px; /* border: 1px solid red; */ height:30px;transition:0.5s}
.main_slider .bx-controls-direction .bx-prev,
.main_slider .bx-controls-direction .bx-next{display:inline-block;position:absolute;width:30px;height:30px;border-radius:50%;background-color: rgba(0,0,0,0.5);}
.main_slider .bx-controls-direction .bx-prev{left:0;}
.main_slider .bx-controls-direction .bx-next{right:0px;}
.main_slider .bx-controls-direction .bx-prev img,
.main_slider .bx-controls-direction .bx-next img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); zoom: 0.6; transition:0.5s}

.main_slider .bx-controls-auto{z-index:3;position:absolute;right:35px;bottom:-40px;transition:0.5s}
.main_slider .bx-controls-auto a.bx-start,
.main_slider .bx-controls-auto a.bx-stop{display:block;width:30px;height:30px;border-radius:50%;background-color: rgba(0,0,0,0.5);}
.main_slider .bx-controls-auto a.bx-start img,
.main_slider .bx-controls-auto a.bx-stop img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); zoom: 0.6;}
.main_slider .bx-controls-auto a.bx-start img{background:url("../../../images/renewal/main/bx_play.png") center center no-repeat}
.main_slider .bx-controls-auto a.bx-stop img{background:url("../../../images/renewal/main/bx_stop.png") center center no-repeat}
.main_slider .bx-controls-auto a.active{display:none}


/********** common css start **********/
/* mainContentBox */
.mainContentBox{position:relative;overflow:hidden;padding: 5.714rem 0/*80px 0*/;background:#fff;}
.mainContent{margin:auto;width:1400px}
.mainContent > .txtBox{display:block;margin-bottom:2.857rem/*40px*/;text-align:center;letter-spacing:-0.05em}
.mainContent > .txtBox h2{margin-bottom:20px;font-size:3.428rem;/*48px*/color:#303030;font-weight:600;}
.mainContent > .txtBox p{font-size:1.285rem;/*18px*/color:#505050;font-weight:300;}
.mainContent > * {box-sizing: border-box !important;}

/* halfBox */
.mainContent .halfBox{width: calc(50% - 30px); float: left;}
.mainContent .halfBox:nth-of-type(1){margin-right: 60px;}

/* midTit */
.mainContent p.midTit {color: #303030; font-weight: 700; font-size: 2.142rem/*30px*/; margin-bottom: 1.428rem/*20px*/;} 

/* subTxt */
.subTxt{color:#505050; font-size: 1.285rem;/*18px*/ font-weight: 400; line-height: 1.25;}

/* c_white */
.c_white {color: #fff;}

/* goLink */
.goLink{background: #999; color: #fff; width: 1.857rem; border-radius: 50%; height: 1.857rem; line-height: 1.8rem; text-align: center;  font-weight: 500; font-size: 1.571rem;/*22px*/; float: right; transition:0.2s linear;} 
.goLink:hover, .goLink:focus{transform:rotate(90deg);-webkit-transform:rotate(90deg) } 
.goLink, .goLink {cursor: pointer;}
.sec2 .sec2Top .halfBox .goLink {background: #fff; color: #666;}


/* roundList */
.mainContent ul.roundList{width: 100%; padding-bottom: 26.417% /*177/670px*/; padding-left: 22px; padding-right: 22px; position: relative;}
.mainContent ul.roundList::before{content: ''; position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 17.014%; /* height: 114/670px; */ opacity: 0.6;}
.mainContent ul.roundList.color1::before{background-color: #d9f0f0;}
.mainContent ul.roundList.color2::before{background-color: #e5f4e2;}
.roundList li{width: 25%; /* border: 1px solid #f5f5f5; */ float: left; position: relative; text-align: center;transition:0.2s linear;}
.roundList li:hover, .roundList li:focus{margin-top: -8px;}
.roundList li .imgBox{ border: 1px solid #d5d5d5; background-color: #fff; width: 127px; height: 127px; border-radius: 50%; box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1); margin: 0 auto 10px; position: relative;}
.roundList li .imgBox img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.roundList li p{font-weight: 700; color: #303030; font-size: 1.428rem;/*20px*/;}

/* boxList */
.boxList li {width: calc(50% - 15px); float: left; position: relative; }
.boxList li a{width:100%; height:100%; display: inline-block; padding: 30px 25px; position: absolute; z-index: 1;}
.boxList li.big { margin-right: 30px; height: 100%; border: 1px solid #ababab;}
.boxList li.big .smTit{ color:#303030; font-size: 1.714rem;/*24px*/; font-weight: 700; margin-bottom: 1.071rem/*15px*/; }
.boxList li:nth-of-type(n+2) a{padding: 0px; transition: 0.2s linear;}
.boxList li.big a:hover, .sec1Top .boxList li.big a:focus{background-color: transparent;}
.boxList li a:hover, .sec1Top .boxList li a:focus{background-color: rgba(0,0,0,0.15);}
.boxList li:nth-of-type(n+2) p {color: #fff; font-weight: 600; font-size: 1.428rem/*20px*/; line-height: 1.5; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 1.428rem/*20px*/; }

.boxList .goLink2 {background-color: #fff; width: 27px; height: 27px; line-height: 27px; font-weight: 500; text-align: center; font-size: 1.571rem;/*22px*/; float: right; background-color: #fff; border-radius: 50%;} 
.boxList .goLink2:hover, .boxList .goLink2:focus{font-weight: 600;} 

/* tabs */
.tab {position: absolute; top: 0px; left: 0px; width: 100%; height: 0; }
.tab > ul{position:relative;width: 100%;}
.tab_content{display:none;position:absolute;left:0;width:100% }
.tab_content > p{position:absolute;right:0;}

.tab > ul > li{float:left;margin-right:20px}
.tab > ul > li > a{z-index:1;display:block;position:relative;padding:5px 10px 10px;font-size:1.428rem;/*20px*/;color:#505050; text-align:center; font-weight:400;letter-spacing:-0.03em;transition:0.3s}
.tab > ul > li > a:after{content: ''; position: absolute; width: 2px; height: 15px; background-color: #ccc; margin-left: 12px; top: 8px;}
.tab > ul > li:last-child > a:after{ display: none;}
.tab > ul > li > a:hover, .tab > ul > li > a:focus, .tab > ul > li > a.show{font-weight:700}


/* post */
.post{position:relative;}
.post:after{content:"";clear:both;display:block}
.post > li{margin-top:1.285rem;/*18px*/}
.post > li:first-child{margin-top:0}
.post > li:after{content:"";clear:both;display:block}
.post > li > p{float:left;width:70%}
.post > li > p > a{float:left;overflow:hidden;max-width:90%;font-size:1.200rem;color:#606060;text-align:left;letter-spacing:-0.03em;white-space:nowrap;text-overflow:ellipsis;line-height: 1.2;}
.post > li > p > a:hover, .post > li > p > a:focus{color:#404040; font-weight: 500; text-decoration:underline;}
.post > li > p .iconNew{float:left;width:12px;height:13px;margin:2px 0 0 3px;background:url("../../../images/renewal/main/icon_new.png") no-repeat}
.post > li > span{float:right;color:#757575; text-align: right; font-size: 16px; letter-spacing: -1px }
.post > a > p{margin-bottom:15px;font-size:1.857rem;/*26px*/}
.post > a > p, .post > a > div{display:block;color:#fff;line-height:1.4}
/********** //common css end **********/


/********** sec1 start **********/
/* sec1 */
.mainContentBox.sec1{border-bottom: 1px solid #c5c5c5;}
.sec1 .sec1Top,
.sec1 .sec1Btm{content: ''; display: block; clear: both;}

/* sec1Top */
.sec1Top {height: 235px; /* border: 1px solid #ddd; */}
.sec1Top .halfBox {height: 100%; margin-bottom:4.286rem/*60px*/; /* border: 1px solid green; */}
.sec1Top .halfBox .boxList{height: 100%; }
.sec1Top .halfBox:nth-of-type(1) p.midTit {margin-bottom: 2rem/*28px*/;}
.sec1Top .boxList li {padding-bottom: 10.089% /*67.6/670px*//*back 16.044% 107.5/670px*/;}
.sec1Top .boxList li.big { padding-bottom: 34.776%/*233/670px*/; height: 0; position: relative; }
/* .sec1Top .boxList li.big::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: url("../../../images/renewal/main/newly/jibangLogo.png")no-repeat 162px 114px; } */
.sec1Top .boxList li.big::after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: url("../../../images/renewal/main/newly/mapCapture.png")no-repeat 218px 90px; background-size: 27%; }
.sec1Top .boxList li:nth-of-type(n+2) {margin-bottom: 1.071rem/*15px*/; background-color: #d9f0f0;}
.sec1Top .boxList li:last-of-type {margin-bottom: 0;}
.sec1Top .boxList li:nth-of-type(2) { background-color: #1db3ab;}
.sec1Top .boxList li:nth-of-type(2) .goLink2 {color: #1db3ab;}
.sec1Top .boxList li:nth-of-type(3) {background-color: #0a8d8b;}
.sec1Top .boxList li:nth-of-type(3) .goLink2 {color: #0a8d8b;}
.sec1Top .boxList li:nth-of-type(4) {background-color: #227497; }
.sec1Top .boxList li:nth-of-type(4) .goLink2 {color: #227497;}

/* sec1Btm */
.sec1Btm {height: 320px; /* border: 1px solid #ddd; */}
.sec1Btm .wideBox, .sec1Btm .shortBox {float: left; height:0px; padding-bottom: 22.857%/*320/1400px*/;} 
.sec1Btm .wideBox {position: relative; width: 900px; margin-left: 58px; }

/* sec1 .tab */
.sec1 .tab{height: 100%;  }
.sec1 .tab > ul {height: 100%; }
.sec1 .tab > ul > li {height: 100%; width: 100%;}
.sec1 .tab > ul > li > a{position: absolute; }
.sec1 .tab > ul > li:nth-of-type(1) > a{left: 11.428rem/*160px*/;}
.sec1 .tab > ul > li:nth-of-type(2) > a{left: 18.571rem/*260px*/;}
.sec1 .tab > ul > li > a:hover, 
.sec1 .tab > ul > li > a:focus{color: #153332;} 
.sec1 .tab > ul > li > a.show{color: #009a98;}
.sec1 .tab_content {top: 3.571rem/*50px*/ ; height: calc(100% - 3.571rem);}
.sec1 .tab_content > p{top:-3.285rem/*46px*/}
.sec1 .tab_content .post.imgThumb {height: 100%;}
.sec1 .tab_content .post.imgThumb li {height: 100%;}


/* imgThumb */ 
.post.imgThumb > li {border: 1px solid #ababab; width: calc(50% - 15px); float: left; margin-top: 0px; margin-right: 30px; transition: 0.2s linear; position: relative; padding: 1.2rem;}
.post.imgThumb > li:hover{ border: 1px solid transparent; border-image: linear-gradient(to right, #29be8b 0%, #009a98 50%, #0d68a0 100% ); border-image-slice: 1; }
.post.imgThumb > li:last-child {margin-right: 0px;}
.post.imgThumb > li > a {display: inline-block; width: calc(100% - 2.4rem); height: calc(100% - 2.4rem); position: absolute; transition: 0.2s linear; /* background-color: rgba(0,0,0,0.05); */ padding: 0 !important; top: 1.2rem; left: 1.2rem;}
.post.imgThumb > li > a > div {float: left;}
.post.imgThumb > li .imgBox {border: 1px solid #bbbbbb; width: 140px; height: 196px; overflow: hidden; display: inline-block; margin-right: 30px; position: relative; box-shadow: 4px 4px 0px #d5d5d5;}
.post.imgThumb > li .imgBox img{width: 100%; height: 100%; object-fit: cover; }
.post.imgThumb > li .txtBox {width: calc(100% - 170px); text-align: left; }
.post.imgThumb > li .txtBox .topSpan {padding: 0.6rem 1rem; background-color: #808080; color: #fff; font-weight: 500; border-radius: 25px; letter-spacing: 0.08em; display: inline-block;margin-bottom: 18px;}
.post.imgThumb > li .txtBox p{color: #444; font-size: 1.428rem/*20px*/; line-height: 1.3; font-weight: 600;}
.sec1 .post.imgThumb li > a .topSpan{background-color: #009a98;}

.sec1 .post.imgThumb > li {padding: 2.4rem 1.2rem;}
.sec1 .post.imgThumb > li > a {height: calc(100% - 4.8rem); top: 2.4rem;}


.post.imgThumb > li .goodList {/* border: 1px solid black; */ margin-top: 1.5rem; width: 100%; }
.post.imgThumb > li .goodList li {margin-top: 0.4rem;} 
.post.imgThumb > li .goodList li span {font-size: 1.142rem/*16px*/; font-weight: 400; color: #665; letter-spacing: -1px;} 
.post.imgThumb > li .goodList li span:nth-of-type(1) {font-size: 1.142rem/*16px*/; font-weight: 600; color: #505050; margin-right: 0.4rem;}

/* .shortBox */
.sec1Btm .shortBox {width: 440px; position: relative;} 
.searchBusi {position: relative; margin: 1.428rem 0 /*20px 0*/;}
.searchBusi input[type="text"]{ width:100%; height:4.286rem/*60px*/; border: 1px solid #ddd; background-color: #f2f2f2; padding:20px; border-radius:12px;box-sizing:border-box;font-size:1.142rem;/*16px*/;color: #606060;}
.searchBusi input[type="submit"]{position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding: 0.65rem 1.071rem; margin-left:5px;border-radius:12px;border:none;background:#125673;font-size:1.142rem/*16px*/;color:#fff}
/* .sec1Btm .shortBox{border-bottom:1px solid #ababab;} */ 
.sec1Btm .busiBtnBox { width: 100%; /* border: 1px solid orange; */ margin-top: 1.428rem/*20px*/; position: absolute; bottom: 0; } 
.sec1Btm .busiBtnBox::after{ clear: both; display:block; content: '';} 
.sec1Btm .busiBtnBox a{display: inline-block; width: calc(50% - 7.5px); border: 1.5px solid; font-size: 1.214rem/*17px*/; font-weight: 500; padding: 1rem; transition: all 0.2s linear;} 
.sec1Btm .busiBtnBox a:nth-of-type(1){/* border-color: #009a98; color:#009a98; */ background-color: #009a98; color:#fff; float: left; margin-right: 15px; } 
.sec1Btm .busiBtnBox a:nth-of-type(2){/* border-color: #125673; color: #125673; */ background-color: #227497; color:#fff; float: right;} 
.sec1Btm .busiBtnBox a:hover{color: #f6f6f6;} 
.sec1Btm .busiBtnBox a span{float: right; font-weight: 500; font-size: 1.214rem; transition: all 0.2s linear;} 
.sec1Btm .busiBtnBox a:nth-of-type(1) span{color:#fff; } 
.sec1Btm .busiBtnBox a:nth-of-type(2) span{color:#fff;} 
.sec1Btm .busiBtnBox a:hover span{margin-right: 0.3rem; color: #f5f5f5;} 



.sec1Btm .tab > ul > li > a {display: none !important;}
.sec1Btm .wideBox .midTit span{font-weight: 400; font-size: 1.714rem/*24px*/; }

.mainContent .post.imgThumb li .txtBox { height: 100%; /* border: 1px solid #d5d5d5; */ }
.mainContent .post.imgThumb li .txtBox span {margin-bottom:0.571rem/*8px*/; }
.mainContent .post.imgThumb li .txtBox p { overflow: hidden;  white-space: nowrap; position: relative; line-height: 1.6rem; max-height: 4.8rem; text-overflow: ellipsis;}

.sec1 .wideBox .tab_content .swiper-container { overflow: hidden; height: 100%;}
/********** //sec1 end **********/


/********** swiper start **********/
/* .mainContentBox .swiper-button-prev,
.mainContentBox .swiper-button-next { background-image: none !important; width: 11px; height: 19px; border: 1px solid #ddd; top: -43px; margin-top: 0px;}  */
.mainContentBox .swiper-button-prev,
.mainContentBox .swiper-button-next { background-image: none !important; width: 1.857rem; height: 1.857rem; /* border: 1px solid #ddd; */ top: -3.285rem/*46px*/; margin-top: 0px;} 
.mainContentBox .swiper-button-prev img,
.mainContentBox .swiper-button-next img {width: 100%;}
.mainContentBox .swiper-button-prev {left: auto; right: 4.857rem/*68px*/;}
.mainContentBox .swiper-button-next {right: 2.571rem/*36px*/;}
/********** //swiper end **********/


/********** sec2 start **********/
.mainContentBox.sec2{ background: url("../../../images/renewal/main/newly/sec2Bg.jpg") no-repeat center; background-size: cover; height: auto; }
.mainContentBox.sec2 .txtBox *, 
.mainContentBox.sec2 .sec2Top *,
.mainContentBox.sec2 .sec2Btm *{ color: #fff;}

.sec2 .sec2Top,
.sec2 .sec2Btm{content: ''; display: block; clear: both;}

.sec2Top .halfBox {margin-bottom: 60px;}
.sec2Top .post {border-top: 2px solid #fff; border-bottom: 1px solid #fff; padding: 30px 10px;}

.sec2Btm .leftTxtBox .explain {font-size: 1.142rem;/*16px*/; color: #fff; font-weight: 300; line-height: 1.25;}

.sec2Btm .roundList2Box {width: 100%; position: relative; padding-bottom: 26.119%/*175/670px*/; padding-left: 1.428rem/*20px*/; padding-right: 1.428rem/*20px*/;}
.sec2Btm .roundList2Box::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom:16.865%/*113/670px*/;}
.sec2Btm .roundList2Box.first::after {background-color: #0079c3;}
.sec2Btm .roundList2Box.second::after {background-color: #085aae;}
.sec2Btm .roundList2 li p.longTxt {letter-spacing: -0.1em;}

.roundList2Box .leftTxtBox {position: absolute; z-index: 1; float: left; top: 20px; width: 28.571% /*180px*/;}
.roundList2Box .roundList2 {position: relative; z-index: 1; float: right; width: 69.047%;/*435px*/ }
.roundList2Box .roundList2 li{float: left; width: 33.333%; text-align: center; transition: 0.2s linear;}
.roundList2Box .roundList2 li:hover, .roundList2Box .roundList2 li:focus{margin-top: -8px;}
.roundList2Box .roundList2 li .imgBox {position: relative; width: 120px; height: 120px; background-color: #fff; margin: 0 auto 15px; border-radius: 50%; border: 1px solid #d5d5d5; box-shadow: 5px 5px 0 0 rgba(0,0,0,0.1); }
.roundList2Box .roundList2 li .imgBox img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.roundList2Box .roundList2 li a p {font-size:1.285rem;/*18px*/; font-weight: 500;}
/********** //sec2 end **********/


/********** sec3 start **********/
.sec3 .sec3Top{content: ''; display: block; clear: both; }
.sec3Top .halfBox {height: 530px;} 



/* 첫번째 halfBox */
.sec3Top .roundListBox {/* border: 1px solid green; */ margin-bottom: 60px;}

/* .sec3Top .boxListBox {height: 235px;}
.sec3Top .boxList {height:100%;}
.sec3Top .boxList li.big {background: url("../../../images/renewal/main/newly/nabis_symbol.png")no-repeat 200px 89px; }
.sec3Top .boxList li:nth-of-type(2) {margin-bottom: 20px; background-color: #108212;}
.sec3Top .boxList li:nth-of-type(2) .goLink2 {color: #108212;}
.sec3Top .boxList li:nth-of-type(3) {background-color: #45b035;}
.sec3Top .boxList li:nth-of-type(3) .goLink2 {color: #45b035;} */

/* .yearBox */
.sec3 .yearBox > div {position: relative; height: 192px; /* border: 1px solid green; */}
.sec3 .yearBox > div .post {position: absolute; width: 100%; height: 100%;} 
.sec3 .post.imgThumb li {height: 100%;}
.sec3 .post.imgThumb li .imgBox {width: 110px; height: 154px; margin-right: 20px;}
.sec3 .post.imgThumb li .txtBox {width: calc(100% - 130px);}
.sec3 .post.imgThumb li .txtBox .topSpan {margin-bottom: 0.714rem/*10px*/; }
.sec3 .post.imgThumb li .topSpan {background-color: #45b035;}
.sec3 .post.imgThumb > li:hover{border: 1px solid transparent; border-image: linear-gradient(to right, #73e25d 0%, #45b035 50%, #108212 100% ); border-image-slice: 1;}


/* .statusBoard */
.sec3 .statusBoard {position: relative; }

/* .tab */
.sec3 .tab > ul > li > a{position: absolute; }
.sec3 .tab > ul > li:nth-of-type(1) > a{left: 15rem/*210px*/;}
.sec3 .tab > ul > li:nth-of-type(2) > a{left: 19.285rem/*270px*/;}
.sec3 .tab > ul > li > a:hover, 
.sec3 .tab > ul > li > a:focus{color: #164617;}  
.sec3 .tab > ul > li > a.show{color: #108212;}
.sec3 .tab_content {top: 8.428rem /*118px*/; height: calc(100% - 8.428rem); }
.sec3 .tab_content > p{top:-8.428rem /*-118px*/;}
.sec3 .statusBoard .tab {height: 100%;}
.sec3 .statusBoard .tab > ul {height: 100%;}
.sec3 .statusBoard .tab > ul {height: 100%;}
.sec3 .statusBoard .status {height: 100%;}

/* status */
.statusBoard .status {border: 1px solid #d3d3d3;}
.statusBoard .status .imgBox {width: 100%; height: 68.369%; /* padding-bottom: 0; */ position: relative; /* border: 1px solid red; */ overflow: hidden; }
.statusBoard .status .imgBox img{width: 100%; height: 100%; object-fit: cover; position: absolute; top:0; left: 0; }
.statusBoard .status .txtBox {height: 31.631%; position: relative; background-color: #f8f8f8;}
.statusBoard .status .txtBox a{display: inline-block; width: 100%; height: 100%; padding: 1.8rem 2rem;}
.statusBoard .status .txtBox .tit{font-size: 1.714rem;/*24px*/; color: #303030; font-weight: 700; margin-bottom: 0.5rem;  }
.statusBoard .status .txtBox .explain{width: 90%; color: #505050; line-height: 1.4; font-size: 1.142rem;/*16px*/; }
/********** //sec3 end **********/


/********** sec4 start **********/
.mainContentBox.sec4{ background: url("../../../images/renewal/main/newly/sec4Bg.jpg") no-repeat bottom right ; background-color: #fdfbf7; height: auto; }
.sec4Top, .sec4Btm {content:''; display: block; clear: both; }

.sec4Top {margin-bottom: 60px; height:212px;}
.sec4Top .wideBox, .sec4Top .shortBox {float: left; /* border: 1px solid orange; */} 
.sec4Top .wideBox {position: relative; width: 900px; margin-right: 58px;}
.sec4Top .wideBox .post {border-top: 2px solid #808080; border-bottom: 1px solid #808080; padding: 20px 10px;}

.sec4Top .shortBox {width: 440px; }
.sec4Top .shortBox .boxList { height: 11.428rem/*160px*/; /* border: 1px solid orangered; */}
.sec4Top .shortBox .boxList li{ width: calc(50% - 8px); height: calc(50% - 8px);}
.sec4Top .shortBox .boxList li:nth-of-type(2n-1){margin-right: 16px; }
.sec4Top .shortBox .boxList li:nth-of-type(1){background-color: #e8374a; margin-bottom: 16px; }
.sec4Top .shortBox .boxList li:nth-of-type(2){background-color: #f15d51; margin-bottom: 16px; }
.sec4Top .shortBox .boxList li:nth-of-type(3){background-color: #c2103e;  }
.sec4Top .shortBox .boxList li:nth-of-type(4){background-color: #872941;  }
.sec4Top .shortBox .boxList li a{padding: 1.785rem 1.428rem/*25px 20px*/; color: #fff; font-size: 1.285rem;/*18px*/; font-weight: 700;   }
.sec4Top .boxList .goLink2 {width: 2.286rem/*32px*/; height: 2.286rem/*32px*/; line-height: 2.286rem/*32px*/; margin-top: -6px;} 
.sec4Top .boxList li .goLink2 {color: #e8374a;   }

.sec4Btm .wideBox {position: relative; width: 100%; /*height: 382px;*/ padding-bottom: 27.285%/*382/1400px*/; }
.sec4Btm .wideBox p.midTit {position: absolute;}
.sec4 .tab {height: 100%;}
.sec4 .tab > ul { height: 100%;}
.sec4 .tab > ul > li { width: 100%; height: 100%;}
.sec4 .tab > ul > li > a{position: absolute; top: 0;}
.sec4 .tab > ul > li:nth-of-type(1) > a{left: 15.142rem/*212px*/;}
.sec4 .tab > ul > li:nth-of-type(2) > a{left: 22.285rem/*312px*/;}
.sec4 .tab > ul > li:nth-of-type(3) > a{left: 30.714rem/*430px*/;}
.sec4 .tab > ul > li:nth-of-type(4) > a{left: 40.428rem/*566px*/;}
.sec4 .tab > ul > li > a:after {margin-left: 14px;}
.sec4 .tab > ul > li > a:hover, 
.sec4 .tab > ul > li > a:focus{color: #606060;} 
.sec4 .tab > ul > li > a.show{color: #303030;}
.sec4 .tab_content {top: 52px; height: calc(100% - 52px);} 
.sec4 .tab_content > p{top:-48px;}


/* imgThub */
.post.imgThumb2 li {border: 1px solid #ababab; width: calc(25% - 15px); float: left; margin-top: 0px; margin-right: 20px; transition: 0.2s linear; background-color: #fff;} 
.post.imgThumb2 li:last-child {margin-right: 0px;}
.post.imgThumb2 li > a {display: inline-block; width: 100%; height: 100%; transition: 0.2s linear;/* background-color: rgba(0,0,0,0.5); */}
.post.imgThumb2 li > a:hover {background-color: rgba(225,225,225,0.15);}
.post.imgThumb2 li .imgBox { width: 100%; /* height: 224px; */ /* padding-bottom: 68.396%; */ overflow: hidden; position: relative; }
.post.imgThumb2 li .imgBox img{width: 100%; height: 100%; object-fit: cover; position:absolute; top: 0; left: 0; }
.post.imgThumb2 li .txtBox { padding: 0 1rem/*14px*/; text-align: left;}
.post.imgThumb2 li .txtBox span {padding: 7px 12px; color: #fff; font-weight: 500; border-radius: 25px; letter-spacing: 0.08em; display: inline-block;margin-bottom: 5px; margin-top: 1rem;}
.post.imgThumb2 li .txtBox p{color: #505050; font-size: 1.285rem;/*18px*/; line-height: 1.3; font-weight: 400; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}


.sec4 .post.imgThumb2 {height: 100%;}
.sec4 .post.imgThumb2 li {height: 100%;}
.sec4 .post.imgThumb2 li .imgBox {height: 70%; } 
.sec4 .post.imgThumb2 li .txtBox {height: 30%; } 


.sec4 .tab li:nth-of-type(1) ul li .txtBox span {background-color: #261c59;}
.sec4 .tab li:nth-of-type(2) ul li .txtBox span {background-color: #009a98;}
.sec4 .tab li:nth-of-type(3) ul li .txtBox span {background-color: #29be8b;}
.sec4 .tab li:nth-of-type(4) ul li .txtBox span {background-color: #f15d51;}
/********** //sec4 end **********/



/* 폰트 기준 사이즈 변경 */
@media screen and (min-width: 1024px) and (max-width: 1250px) {
 html {font-size: 12px;}
}

@media screen and (max-width: 1023px) {
 html {font-size: 14px;}
}

@media screen and (max-width: 640px) {
 html {font-size: 13px;} 
}

@media screen and (max-width: 425px) {
 html {font-size: 12px;} 
}


@media screen and (max-width:1400px){
    
 .mainVisualBg > .bottom, .mainContent{width:calc(100% - 40px)}
 .mainVisualBtn, .main_slider {width: calc(50% - 20px);}  
 .mainImg {width: 100%;}
 .mainVisualBtn ul li a {padding: 1.428rem/*20px*/;}
 .mainVisualBtn ul li a::after {zoom: 0.75;}

 /* sec1 */
 .mainContent .halfBox{width: calc(50% - 20px);}
 .mainContent .halfBox:nth-of-type(1) {margin-right: 40px;}
 .roundList li {width: 24%; margin-right: 1%;}
 .roundList li:last-child {margin-right: 0%;}
 .roundList li .imgBox {width: 90%; height: 0; padding-bottom: 88%; /* margin-bottom: 1rem; */ }
 .roundList li .imgBox img, .roundList2Box .roundList2 li .imgBox img {zoom: 90%;}
 .sec1Top {height: auto;}
 .sec1Top .boxList li.big {height: auto;}
 /* .sec1Top .boxList li.big::after {background-position: 136px 114px;} */
 .boxList li {width: calc(50% - 10px);}
 .boxList li.big { margin-right: 20px;}
 .boxList li a {padding: 30px 25px;}

 .sec1Btm .shortBox {width: 31.428%/*440/1400px*/;}
 .sec1Btm {height: auto;}
 .sec1Btm .wideBox {width: calc(68.572% - 40px); margin-left: 40px; padding-bottom:22.857%/*320/1400px*/ ;}
 .sec1Btm .wideBox .midTit span{font-size: 1.571rem/*22px*/; }
 .post.imgThumb > li {border: 1px solid #ababab; width: calc(50% - 10px); margin-right: 20px;}
 .post.imgThumb > li .goodList { margin-top: 1rem; }



 /* sec1, sec3 common */
 .mainContent .post.imgThumb li .imgBox {position: relative; height: 0; margin-right: 20px; }
 .sec1 .post.imgThumb li .imgBox {width: 32.183%; padding-bottom: 45.057%/*196px*/; }
 .sec3 .post.imgThumb li .imgBox {width: 38.5%; padding-bottom: 51%; }
 .mainContent .post.imgThumb li .imgBox img {position: absolute; top: 0; left: 0;}
 .sec1 .post.imgThumb li .txtBox {width: 56%;}
 .sec3 .post.imgThumb li .txtBox {width: 50%;}
 .mainContent .post.imgThumb li .txtBox span {margin-bottom:0.714rem/*10px*/;}
 
 /*sec2*/
 .searchBusi {margin: 1.142rem 0 /*16px 0*/}
 .searchBusi input[type="text"]{ height:3.214rem/*45px*/;}
 .sec1Btm .busiBtnBox a {padding: 0.8rem;}
 .roundList2Box .roundList2 li {width: 30%; margin-right: 5%;}
 .roundList2Box .roundList2 li:last-child {margin-right: 0%;} 
 .roundList2Box .roundList2 li .imgBox {width: 100%; height: 0; padding-bottom: 96%;}
 .sec2Top .halfBox {margin-bottom:4.286rem/*60px*/;}

 /* sec3 */
 .sec3 .sec3Top .halfBox {height: 0px; padding-bottom: 37.857%/*530/1400px*/; position: relative;}
 
 .sec3Top .roundListBox {margin-bottom: 4.142rem/*58px*/; /* border: 1px solid orange; */ width: 100%; position: absolute;}
 .sec3 .leftBox .yearBox {/* border: 1px solid salmon; */ position: absolute; bottom: 0; width: 100%;}
 
 .sec3 .yearBox > div {padding-bottom: 28.358%/*190/670px*/; height: 0;}
 .sec3 .post.imgThumb > li {width: calc(50% - 10px); margin-right: 20px;}
 .sec3 .post.imgThumb > li:last-child {margin-right: 0px;}
 /* .sec3Top .boxList li.big {background-position:180px 89px;} */
 
 .statusBoard .status .txtBox a{padding: 1.5rem 1.2rem;}
 
 /* sec4 */
 .sec4Top {margin-bottom: 4.286rem/*60px*/;}
 .sec4Top .wideBox {width: 64.285%; margin-right: 38px;}
 .sec4Top .shortBox {width: 31.428%;}
}


@media screen and (max-width: 1250px) {
 .post > li > p{width: 60%;}

 /* post */
 .post > li{margin-top:1.142rem;/*16px*/;}


 /* sec1 */
 /* .sec1Top .boxList li.big::after {background-position: 100px 114px;} */
 .sec1Top .boxList li.big::after {background-position: 96% 90%;}
 .sec1Top .boxList li.big br {display: none;}
 .roundList li .imgBox img, .roundList2Box .roundList2 li .imgBox img {zoom: 82%;}
 .searchBusi {margin: 1.142rem 0 1.428rem/*16px 0 20px*/;}
 .mainContent ul.roundList::before {padding-bottom:16.764%/*114/680px*/;}
 .post.imgThumb > li .goodList { margin-top: 0.5rem; }

 /* sec2 */
 .roundList2Box .leftTxtBox {top:1.071rem/*15px*/;;}

 /*sec3*/
 .sec3Top .boxList li.big {background-position:180px 89px;}

 /* sec4 */
 .sec4Top .shortBox .boxList li a {padding:1.785rem 0.8rem; line-height: 1.25;}
 .sec4Top .boxList .goLink2 {width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.25rem; margin-top: 0;}
 .post.imgThumb2 li .txtBox span {font-size: 1rem;}
}


@media screen and (max-width: 1100px) {
 .mainVisualBtn ul li span {bottom:1rem /*14px*/;}
 .sec1Btm .wideBox, .sec1Btm .shortBox {min-height: 21rem; }

}


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

 /* mainVisualBg */
 .mainVisualBg > .bottom {width: 80%; /* border: 1px solid green; */}
 .mainVisualBtn, .main_slider {width: 100%;}
 .mainVisualBtn, .main_slider {float: none;}
 .mainVisualBtn::after{display: block; clear: both; content: '';}
 .mainVisualBtn ul li {width: calc(50% - 15px);}
 .mainVisualBtn ul li:nth-child(2n-1) {margin-right:2.142rem/*30px*/;}
 .mainVisualBtn ul li:nth-child(1), .mainVisualBtn ul li:nth-child(2) {margin-bottom:2.142rem/*30px*/;}
 .mainVisualBtn ul li a {padding: 2.142rem/*30px*/;}
 .mainVisualBtn ul li a::after {bottom: 25px; right: 25px; zoom: 1;}
 .mainVisualBtn ul li span {bottom:2.142rem/*30px*/; font-size: 1.142rem/*16px*/;}
 .main_slider {margin-top: 2.142rem/*30px*/;} 
 
 /* common */
 .mainContent {width: 80%; /* border: 1px solid orange; */}
 .mainContent .halfBox, .mainContainer .mainContent .wideBox, .mainContainer .mainContent .shortBox {width: 100%; float: none;}
 .mainContent .halfBox::after,
 .mainContainer .mainContent .wideBox::after,
 .mainContainer .mainContent .shortBox::after {display: block; content: ''; clear: both;}
 .mainContent .halfBox:nth-of-type(1), .mainContainer .mainContent .wideBox {margin-right: 0;}
 .roundList li .imgBox img, .roundList2Box .roundList2 li .imgBox img {zoom: 1;}

 /* sec1 */
 .mainContent ul.roundList {padding-bottom:28%;}
 .sec1Top .halfBox, .sec1Btm .shortBox {margin-bottom: 3.571rem/*50px*/;}
 /* .sec1Top .boxList li.big::after {background-position:110% 110%;} */
 .sec1Top .boxList li.big::after {background-size: 30%;}
 .sec1Top .boxList li.big br {display: block;}

 .sec1Btm .wideBox {padding-bottom:35.555%/*320/900px*/; margin-left: 0; min-height: auto;}
 .sec1Btm .shortBox {height: 100%; padding-bottom: 0; min-height: 20rem;}
 .searchBusi input[type="text"] {height: 3.571rem/*50px*/;}
 .sec1Btm .busiBtnBox a {padding: 1rem;}
 .sec1 .post.imgThumb > li .goodList {margin-top: 0;}
 .post.imgThumb > li .goodList li {margin-top: 0.2rem;}


 /* sec2 */
 .sec2Top .halfBox, .sec2Btm .halfBox {margin-bottom: 3.571rem/*50px*/;}
 .sec2Btm .halfBox:last-child {margin-bottom: 0px;}
 .roundList2Box .leftTxtBox {top:1.714rem/*24px*/;}
 .sec2Btm .roundList2Box {padding-bottom:26.4%;}
 /* .sec2Btm .roundList2Box::after {padding-bottom:16.865%;} */
 
 /* sec3 */
 .sec3 .sec3Top .leftBox {padding-bottom: 0; height: 100%;}
 .sec3Top .roundListBox, .sec3 .leftBox .yearBox {position: relative;} 
 .sec3Top .roundListBox, .sec3Top .halfBox:nth-of-type(1) {margin-bottom: 3.571rem/*50px*/;}
 .sec3 .statusBoard {padding-bottom: 0; height: 100%; min-height: 500px;}

 /* sec4 */
 .sec4Top{margin-bottom: 3.571rem/*50px*/; height: auto;}
 .sec4Top .wideBox .halfBox {margin-bottom: 3.571rem/*50px*/;}
 
 .sec4Btm .wideBox {padding-bottom: 57.212% /*467/818px*/;}
 .sec4Btm .wideBox .post.imgThumb2 li {width: calc(50% - 15px); margin-right: 30px;}
 .sec4Btm .wideBox .post.imgThumb2 li:nth-of-type(2) {margin-right: 0;}
 .sec4Btm .wideBox .post.imgThumb2 li:nth-of-type(n+3) {display: none;}
 .sec4Btm .wideBox .tab {top: 3.571rem/*50px*/; height: calc(100% - 3.571rem); }
 .sec4Btm .wideBox .tab > ul { height: 100%;}
 .sec4Btm .wideBox .tab > ul > li {width: 100%; height: 100%;}
 .sec4Btm .wideBox .tab_content {top: 2.857rem /*40px*/; height: calc(100% - 2.857rem);}
 .sec4Btm .wideBox .tab_content .post.imgThumb2 {height: 100%;}
 .sec4Btm .wideBox .tab_content .post.imgThumb2 li {/* width: 100%; */ height: 100%;}
 /* .sec4Btm .wideBox .tab_content .post.imgThumb2 li:nth-of-type(2) {display: none;} */
 .sec4Btm .wideBox .tab_content .post.imgThumb2 li .imgBox {height: 69.565%; padding-bottom: 0;}
 .sec4Btm .wideBox .tab_content .post.imgThumb2 li .txtBox {height: 30%; }
 
 .sec4 .tab > ul > li:nth-of-type(1) > a {left: 0;}
 .sec4 .tab > ul > li:nth-of-type(2) > a {left: 7.143rem/*100px*/;}
 .sec4 .tab > ul > li:nth-of-type(3) > a {left: 15.714rem/*220px*/;}
 .sec4 .tab > ul > li:nth-of-type(4) > a {left: 25.428rem/*356px*/;}

 .sec4 .tab_content > p {top: -2.8rem;}

}


@media screen and (max-width: 868px) {
 .sec1 .post.imgThumb > li {padding: 1.2rem;}
 .sec1 .post.imgThumb > li > a {height: calc(100% - 2.4rem); top: 1.2rem;}
}


@media screen and (max-width: 790px) {
.sec1Btm .shortBox {min-height: 21.5rem;}
}


@media screen and (max-width: 768px) {
 /* mainVisualBg */
 .mainVisualBg > .bottom {width: calc(100% - 100px);}
 .mainVisualBtn ul li a {padding: 1.571rem/*22px*/}
 .mainVisualBtn ul li a::after{bottom: 1.428rem/*20px*/; right: 1.428rem/*20px*/; zoom: 0.9;}
 .mainContent {width: calc(100% - 100px);}
 .mainVisualBtn ul li span {bottom:1rem/*14px*/;}

 .mainContent > .txtBox h2 {font-size: 2.857rem/*40px*/;}
 .roundList li .imgBox img, .roundList2Box .roundList2 li .imgBox img {zoom: 0.9;}

 .sec1Btm .wideBox {padding-bottom: 47.904%/*320/668px*/;}
 /* .sec1Top .boxList li.big::after {background-position:150% 150%;} */
 .mainContent .post.imgThumb li .txtBox { margin-top: 0;}
 .sec1 .post.imgThumb > li {padding: 2.4rem;}
 .sec1 .post.imgThumb > li > a {height: calc(100% - 4rem); top: 2.4rem; left: 2.4rem;}
 .post.imgThumb li .txtBox span {font-size:0.857rem/*12px*/;}
 .post.imgThumb > li .goodList {margin-top: 0.5rem;}

 /* .statusBoard .status .txtBox a{padding: 1.2rem 1.5rem; } */
 .sec1 .tab_content .post.imgThumb > li, .sec3Top .halfBox .post.imgThumb > li {width: 100%; margin-right: 0px; }
 .sec1 .tab_content .post.imgThumb > li {margin-bottom: 0; height: 100%;}  
 .sec3Top .halfBox .post.imgThumb > li {margin-bottom: 15px; height: calc(50% - 7.5px);}
 .sec3Top .halfBox .post.imgThumb > li:last-of-type {margin-bottom: 0;}
 .mainContent .post.imgThumb li .imgBox {width: 22.082%/*140/634px*/; padding-bottom: 28%;}

 .sec3 .yearBox > div {min-height: 32.5rem; padding-bottom: 0;}

 .post.imgThumb2 li .txtBox span {margin-top: 10px;}

}


@media screen and (max-width: 640px) {
 /* html {font-size: 13px;} */ 
 .mainVisualTxt p .m_br {display: block;}

 .mainContent > .txtBox p {display: none;}

 /* mainVisualBg */
 .mainVisualBtn ul li {width: calc(50% - 10px);}
 .mainVisualBtn ul li:nth-child(2n-1) {margin-right:1.428rem/*20px*/;}
 .mainVisualBtn ul li:nth-child(1), .mainVisualBtn ul li:nth-child(2) {margin-bottom:1.428rem/*20px*/;}
 .mainVisualBtn ul li a::after{zoom: 1;}
 .main_slider {margin-top: 1.428rem/*20px*/;}  
 .mainVisualBg > .bottom {width: calc(100% - 40px);}
 .mainVisualTxt{padding: 0 2rem;}
 .mainVisualTxt h2 {line-height: 1.25;}
 
 /* common */
 .mainContent {width: calc(100% - 40px);}

 .boxList .goLink2 {width:1.785rem; height: 1.785rem; line-height: 1;}
 .boxList li {width: calc(50% - 10px);}
 .boxList li.big {margin-right: 20px;}
 .post.imgThumb > li {margin-right: 20px; width: calc(50% - 10px);}

 .post > li > p{width: 75%;}
 .post > li > span{width: 25%; font-size: 1.142rem/*16px*/;}

 .sec1Btm .busiBtnBox a {padding: 1.3rem 1rem;}
 .sec1Btm .wideBox {padding-bottom: 53.333% /*320/600px*/;}
 .sec1 .post.imgThumb > li {padding: 3.2rem;}
 .sec1 .post.imgThumb > li > a {height: calc(100% - 6.4rem); top: 3.2rem; left: 3.2rem;}
 .boxList li:nth-of-type(n+2) p {font-size: 1.285rem/*18px*/;}

 .sec4Top .shortBox .boxList li{ width: calc(50% - 0.5rem); height: calc(50% - 0.5rem);}
 .sec4Top .shortBox .boxList li:nth-of-type(2n-1){margin-right: 1.0rem; }
 .sec4Top .shortBox .boxList li:nth-of-type(1),
 .sec4Top .shortBox .boxList li:nth-of-type(2){margin-bottom: 1.0rem; }
 
 .sec4Btm .wideBox .post.imgThumb2 li {width: calc(50% - 10px); margin-right: 20px;}
}


@media screen and (max-width: 568px) {
 .mainVisualTxt {margin-bottom:2.571rem;}
 .mainVisualTxt h2 {margin-bottom:1.071rem;}
 .mainVisualTxt h2, .mainVisualTxt h2 span.c_blue {font-size:3.214rem;}
 .mainVisualBtn ul li a{padding: 1.428rem;}
 .mainVisualBtn ul li a::after{zoom: 0.75;}
 .mainVisualBtn ul li span {display: none;}
 .mainVisualBtn ul li h3 {font-size: 2rem; margin-bottom: 0.714rem/*10px*/;}
 .mainVisualBtn ul li p {font-size: 1.214rem; width: 100%;}

 .mainContent p.midTit{font-size: 2rem;}
 
 .mainContent ul.roundList {padding-bottom: 30%;}
 .mainContent ul.roundList::before{padding-bottom: 20%;}
 .roundList li p {font-size:1.214rem;}
 .roundList li .imgBox img, .roundList2Box .roundList2 li .imgBox img {zoom: 0.8;}

 .sec1Top .boxList li.big {width: 100%; padding-bottom: 36%;}
 .sec1Top .boxList li.big::after {background-position: 94% 136%; background-size: 26%;}
 .sec1Top .boxList li:nth-of-type(n+2) {margin-bottom: 0; min-height: 4.6rem;}
 .sec1Top .boxList li:nth-of-type(n+2) a {padding: 0;}
 .sec1Top .boxList li:nth-of-type(n+2) p {text-align: center; padding: 0 0.5rem; line-height: 1.25; transform: translateY(-50%);}
 .sec1Top .boxList li {width: 33.333%;}
 .sec1Top .boxList li .goLink2 {display: none;}
 /* .sec1Top .boxList li:last-of-type {width: 100%;} */
 /* .sec1Top .boxList li.big::after { background-position: 230% 350%;} */
 .sec1Top .boxList li a {padding: 1.428rem;}
 .sec1 .post.imgThumb > li {padding: 2rem;}
 .sec1 .post.imgThumb > li a {top: 2rem; left: 2rem; height: calc(100% - 4rem);}

 .sec2Btm .roundList2Box {padding-bottom: 30%;}
 .sec2Btm .roundList2Box::after {padding-bottom: 18%;}

 .sec3 .tab > ul > li:nth-of-type(1) > a {left: 14rem;}
 .sec3 .tab > ul > li:nth-of-type(2) > a {left: 18.5rem;}

 .sec3 .statusBoard {padding-bottom: 88%;}
 .statusBoard .status .txtBox .tit {font-size: 1.571rem;}
 .statusBoard .status .txtBox .explain {font-size: 1.071rem;}
 .sec3 .statusBoard .subTxt{color:#505050; font-size: 1.142rem;}
 .sec3 .yearBox > div {min-height: 29rem;}

 .sec4Btm .wideBox {padding-bottom: 74.776% /*501/670px*/;}
 .sec4Btm .wideBox .tab_content {top: 5.714rem; height: calc(100% - 5.714rem)}
 .sec4 .tab > ul > li:nth-of-type(4) > a {top: 2.6rem; left: 0;}
 .sec4 .tab_content > p {top: -5.6rem; /* border: 1px solid orange; */}

}
 

@media screen and (max-width: 480px) {
 .mainVisualBg {padding:2.857rem 0 5.714rem/*40px 0 80px*/;}
 .mainVisualTxt h2, .mainVisualTxt h2 span.c_blue {font-size:2.857rem;}
 .mainVisualBtn ul li {padding-bottom:36% ;}
 .mainVisualBtn ul li a {padding: 1.071rem/*15px*/;}
 .mainVisualBtn ul li h3 {font-size: 1.714rem/*24px*/;}
 .mainVisualBtn ul li p {width: 100%; font-size: 1.142rem;}
 .mainVisualBtn ul li p br.pc_show {display:none;}

 .mainContent ul.roundList {padding-left: 0; padding-right: 0;}
 /* .sec1Top .boxList li:nth-of-type(n+2) {min-height: 4.2rem;} */
 .sec1Top .boxList li:nth-of-type(n+2) p {font-size: 1.214rem; }
 .sec1Top .boxList .goLink2 {display: none;}

 .mainContent .post.imgThumb li .txtBox p {max-height: 3.2rem; width: 100%; }
 .post > li > p > a {max-width: 90%;} 
 .post.imgThumb > li .goodList {margin-top: 0rem;}
 .sec1 .post.imgThumb > li {padding: 1.5rem;}
 .sec1 .post.imgThumb > li a {top: 1.5rem; left: 1.5rem; height: calc(100% - 3rem);}
 .sec1Btm .busiBtnBox a {width: calc(50% - 0.5rem); padding: 1.1rem;}
 .sec1Btm .busiBtnBox a:nth-of-type(1) {margin-right: 1rem;}
 

 .sec2Btm .leftTxtBox .midTit {line-height: 1.2;}
 .sec2Btm .leftTxtBox .explain {display: none;}
 .sec2Btm .leftTxtBox .m_br {display: block;}
 .roundList2Box .roundList2 {width: 75%;}

 .sec2Btm .roundList2 li p.longTxt {letter-spacing: -0.17em;}
 .sec2Btm .roundList2Box {padding-bottom: 34%;}
 .sec2Btm .roundList2Box::after {padding-bottom: 21%;}

 .sec3 .yearBox > div {min-height: 24.5rem;}
 .sec3 .statusBoard {padding-bottom: 100%;}
 .roundList li .imgBox img, .roundList2Box .roundList2 li .imgBox img {zoom: 0.7;}

 .sec4Top .shortBox .boxList {height: 140px;}
 .sec4Top .boxList .goLink2 {margin-top: -3px;}

 .sec4Btm .wideBox {/* border: 1px solid black; */ padding-bottom: 115%;}
 .sec4Btm .wideBox .tab_content .post.imgThumb2 li {width: 100%;}
 .sec4Btm .wideBox .tab_content .post.imgThumb2 li .imgBox {height: 75%;}
 .sec4Btm .wideBox .tab_content .post.imgThumb2 li .txtBox {height: 25%;}
 .sec4Btm .wideBox .tab_content .post.imgThumb2 li:nth-of-type(2) {display: none;}
 .post.imgThumb2 li .txtBox span {margin-top: 1rem;}
 

}


@media screen and (max-width: 425px) {
 .boxList li.big .smTit {margin-bottom: 1.285rem;}
 .sec1Btm .wideBox {min-height: 17rem;}

 .sec2Btm .roundList2Box {padding-left: 1rem; padding-right: 1rem;}
 
 .mainContent ul.roundList {padding-bottom: 85%; padding-left: 15%; padding-right: 15%;}
 .mainContent ul.roundList::before {height: 83%;}
 .roundList li {width: 47%; margin-right: 4%; margin-bottom: 1.285rem;} 
 .roundList li:nth-of-type(2n) {margin-right: 0%;} 
 .roundList li:nth-of-type(n+2) {margin-bottom: 0;} 
 
 .sec3Top .yearBox > div {padding-bottom: 77.922% /*300/385px*/; /* border: 1px solid black; */}
 .sec3 .yearBox > div .post {height: 100%;}
 .mainContent .post.imgThumb li .imgBox {width: 24%; padding-bottom: 31%;}
 
 .sec3 .post.imgThumb li {width: 100%;}
 .sec3 .statusBoard {min-height: 440px;}
 
 .sec4 .tab > ul > li:nth-of-type(3) > a {top: 0;}
 .sec4 .tab > ul > li:nth-of-type(3) > a {top: 2.6rem; /* border: 1px solid green; */ left: 0;}
 .sec4 .tab > ul > li:nth-of-type(4) > a {left: 10rem;}


}


@media screen and (max-width: 400px) {
 .mainVisualTxt{margin-bottom:2.142rem;  } 
 .mainVisualTxt p{font-size: 1.214rem;}  
 .mainVisualTxt h2, .mainVisualTxt h2 span.c_blue {font-size:2.571rem;}
 /* .mainVisualBtn ul li a::after{display: none;} */
 .mainVisualBtn ul li a {padding: 1.285rem;}
 .mainVisualBtn ul li a::after{zoom: 0.8;}
 .mainVisualBtn ul li p {display: none;}

 .boxList li.big .smTit {margin-bottom: 0.714rem;}
 /* .sec1Top .boxList li.big::after {background-position: 16.5rem 3.6rem;} */
 .mainContent .post.imgThumb li .imgBox {width: 22%; padding-bottom: 29%;}

 .roundList2Box .roundList2 {width: 78%;}
 .sec2Btm .roundList2Box{padding-bottom:40.5%;} 
 .sec2Btm .roundList2Box::after {padding-bottom: 26%;}
 .sec2Btm .roundList2Box p.midTit {font-size:1.785rem;}

 .sec3 .yearBox > div {min-height: 22.5rem;}
 .sec3 .statusBoard {min-height: 396px;}
 .statusBoard .status .imgBox {height: 60%;}
 .statusBoard .status .txtBox {height: 40%;}

 .sec4Btm .post.imgThumb2 li .txtBox span {display: none;}
 .sec4Btm .post.imgThumb2 li .txtBox p {margin-top: 1rem;}
}


@media screen and (max-width: 360px) {
 .mainVisualBtn ul li a::after{zoom: 0.7;}
 .mainContent ul.roundList {padding-bottom: 90%;}
 .mainContent ul.roundList::before {height: 83%;}
 .post > li > p{width: 70%;}
 .post > li > span{width: 28%;}
 .sec1Btm .post > li > p {width: 62%;}
 .sec1Btm .post > li > span {width: 38%;}
 .sec1Btm .shortBox {min-height: 22.5rem;}
 .sec1Btm .busiBtnBox a {padding: 1rem 0.6rem;}

 .sec3 .yearBox > div {min-height: 21rem;}
 .sec3 .statusBoard {min-height: 360px;}
 .statusBoard .status .imgBox {height: 55%;}
 .statusBoard .status .txtBox {height: 45%;}
 .sec3 .tab > ul > li:nth-of-type(1) > a {left: 13.5rem;}
 .sec3 .tab > ul > li:nth-of-type(2) > a {left: 18rem;}
 .sec4 .tab > ul > li > a {padding: 5px 8px 8px;}
 .sec4Top .boxList .goLink2 {display: none;}
}