@charset "UTF-8";

.mm-title {font-size: 2.5rem; font-weight: 600; font-family: 'Noto Sans KR', sans-serif; text-align: center; color: #111;}

/* mm-se01 */
.mm-se01 {padding: 50px 0 0;}
.mm-inner {width: 90%; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif;}
.mm-inner .swiper-slide {overflow: hidden;}
.mm-slide {position: relative; display: block; height: 300px; overflow:hidden;}
.mm-slide-img {position: absolute; top:0; left:0; width: 100%; height:200px; background: #eee url(../../portal/img/sub/07/media/media_logo2.png) no-repeat center/cover; overflow: hidden;}
.mm-slide-img img {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); display: block; width: 105%; height: auto;}

.mm-slide-text {position: absolute; bottom: 0; left:0; width: 100%; height: 100px;}

.mm-tab-link {margin: 30px 0; text-align: center;}
.mm-tab-link li {display: inline-block;}
.mm-tab {position: relative; display: block; padding: 10px; color: #333; font-size: 1.2rem;}
.mm-tab.on {color: #3767CC;}
.mm-tab.on:after {content: ""; position: absolute; bottom: 0; left:50%; transform: translateX(-50%); width: 90%; height: 2px; background: #3767cc;}

.mm-slide-title {width: 80%; height: 45px; margin: 10px 10%; text-align: center; line-height: 1.7; color: #111; font-weight: 600; font-size: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mm-slide-date {display: none;}
.mm-slide-more {display: none;}
.mm-notice-group {position: relative;}

.mm01-notice {margin-bottom: 30px;}
.mm01-notice-inner {position: relative; padding: 20px 20px 10px 20px; border: 1px solid #eee;}
.mm01-notice-list {position: relative; margin-bottom: 10px; padding-left: 15px;}
.mm01-notice-list:before {content: ""; position: absolute; top: 5px; left: 0; width: 4px; height:4px; border-radius: 50%; background: #3767cc;}
.mm01-notice-link {display: block; width: 100%; margin-bottom: 5px; color: #333; font-size: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.mm01-notice-date {display: block; width: 100%; color: rgba(0,0,0,0.5); font-size: 1.2rem; line-height: 1.7;}
.more-btn {display: none;}
.mm-notice-group .swiper-button-prev, .mm-notice-group .swiper-button-next {visibility: hidden;}
@media screen and (min-width: 500px){
	.mm-tab {padding: 10px 20px; font-size: 1.8rem;font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
	.mm01-notice-link {font-size: 1.7rem;font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
}
@media screen and (min-width: 768px){
	.mm-se01 {padding: 50px 0;}
	.mm-notice-group .swiper-container {height: 200px; margin-right: 120px;}
	.mm-notice-group .swiper-button-prev, .mm-notice-group .swiper-button-next {visibility: visible; width: 40px; height: 40px; background: #2C343F;}
	.mm-notice-group .swiper-button-prev:after, .mm-notice-group .swiper-button-next:after {content:""; background: url(../../portal/img/sub/arrow-left-w.png) no-repeat center/contain; width: 15px; height:15px;}
	.mm-notice-group .swiper-button-next:after {background-image: url(../../portal/img/sub/arrow-right-w.png);}
	.mm-notice-group .swiper-button-next, .mm-notice-group .swiper-container-rtl .swiper-button-prev {top:auto; bottom: 0; right: 0; left:auto;}
	.mm-notice-group .swiper-button-prev, .mm-notice-group .swiper-container-rtl .swiper-button-next {top:auto; bottom: 0; right: 41px; left:auto;}

	.mm-se01 .mm-title {float: left; text-align: left; font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
	.mm-tab-group {float: left; margin-left: 30px;}
	.mm-tab-link {margin: -10px 0 20px 0;}
	.mm-tab {position: relative; padding: 18px 20px; font-weight: 600;}
	.mm-tab:before {content: ""; position: absolute; top: 50%; left: -11px; transform: translateY(-50%) rotate(-67deg); width: 20px; height: 2px; background: #ddd;}
	.mm-tab-link li:first-child .mm-tab:before {content: none;}
	.mm-tab.on:after {content: none;}
	.mm-tab-detail {clear: both;}
	
	.mm-slide-text {position: absolute; bottom: -65%; left:0; height: 100%; padding: 0 10px; background: rgba(0,0,0,0.5); transition: 0.4s;}
	.mm-slide:hover .mm-slide-text ,.mm-slide:active .mm-slide-text,.mm-slide:focus .mm-slide-text {bottom: 0;}

	.mm-slide {height: 200px;}
	.mm-slide-img {height: 200px;}
	.mm-slide-title {height: 25px; margin: 10px 0; color: #fff; -webkit-line-clamp: 1; overflow: hidden; text-align: left; font-size: 1.8rem;}
	.mm-slide-date {display: block; font-size: 1.7rem; color: #fff;}
	.mm-slide-more {position: absolute; top:57%; left: 50%; transform: translate(-50%, -50%); width: 100%;  padding-top: 30px; display: block; color: #fff; font-size: 2.5rem; text-align: center;}
	.mm-slide-more:before, .mm-slide-more:after {content: ""; position: absolute; top:0; left:50%; transform: translateX(-50%); width: 20px; height:1px; background: #fff;}
	.mm-slide-more:after {transform:  translateX(-50%) rotate(90deg);}
	
	.mm01-notice-inner {padding: 30px 30px 10px 30px;}
	.mm01-notice-inner:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width:1px; height: 90%; background: #eee;}
	.mm01-notice-group:after {content: ""; display: block; clear: both;}
	.mm01-notice-list {margin-bottom: 25px;}
	.mm01-notice-list:nth-child(2n) {float: right; width: 47.5%;}
	.mm01-notice-list:nth-child(2n-1) {float: left; width: 48%;}
	.mm01-notice-link {font-weight: 600;}
	
	.mm-notice-group .more-btn {display: block; position: absolute; top:-63px; right:0; width: 40px; height: 40px;} 
	.mm-notice-group .more-btn:before , .mm-notice-group .more-btn:after{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 70%; height: 1px; background: #333;}
	.mm-notice-group .more-btn:after {transform: translateY(-50%) rotate(90deg);}
	
}
@media screen and (min-width: 1024px) {
	.mm-notice-group .swiper-container {height: 200px;}
	.mm-slide {height: 200px;}
	.mm-slide-img {height: 200px;}
	.mm-slide-img img {width: 130%;}
	.mm-slide-title {font-size: 1.8rem;}
	.mm01-notice-link {font-size: 1.8rem;}
	.mm01-notice-date {font-size: 1.7rem;}
}
@media screen and (min-width: 1280px){
	.mm-inner {width: 1200px; font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
	.mm-notice-group .swiper-container {height: 210px;}
	.mm-slide {height: 210px;}
	.mm-slide-img {height: 210px;}
	.mm-se01 .mm-title {font-size: 3.0rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
	.mm-tab {font-size: 2.0rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
}

/* mm-se02 */
.mm-se02 {padding: 60px 0 30px; background: #202A38 url(../../portal/img/sub/07/media/media_bg1.png) no-repeat center/cover;}
.mm-se02 .mm-title {float: left; margin-bottom: 20px; text-align: left; color: #fff;}
.mm-photonews-btn {position: relative; float: right; margin-top: 10px; padding-right: 20px; font-size: 1.6rem; color: #fff;}
.mm-photonews-btn:before, .mm-photonews-btn:after {content: ""; position: absolute; right:0; width: 10px; height: 1px; background: #fff;}
.mm-photonews-btn:before {top: 5px; transform: rotate(45deg);}
.mm-photonews-btn:after {top: 12px; transform: rotate(-45deg);}
.mm-photo-title {display: block; margin: 20px 0 36px; text-align: center; font-size: 2.0rem; font-weight: 600; color: #fff; word-break: keep-all;; line-height: 1.4;}
.mm-photo-date {display: none;}
.mm-photo-p1 {display: none;}

.mm-photonews {position: relative; display: block; clear: both; overflow: hidden;}
.mm-sm-photonews {display: none;}
.mm-photo-img {position: relative; width: 100%; height: 280px; overflow: hidden; background: rgba(0,0,0,0.1);}
.mm-photo-img img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: auto; transition: 0.4s;}
.mm-photo-img:after {content: ""; position: absolute; top:0; left: 0; width:100%; height:100%; background: rgba(0,0,0,0); transition: 0.4s;}
.mm-photonews:hover .mm-photo-img:after, .mm-photonews:active .mm-photo-img:after, .mm-photonews:focus .mm-photo-img:after {background: rgba(0,0,0,0.3);}
.mm-photonews:hover .mm-photo-img img, .mm-photonews:active .mm-photo-img img, .mm-photonews:focus .mm-photo-img img {transform: translateX(-50%) scale(1.1);}

.mm-photo-btn {display: none;}
.mm-photo-text {color: #fff;}

/*
.mm-photo-btn {position: absolute; width: 102%; height: 40px; top: 43%; left:50%; transform: translate(-50%, -50%);}
.mm-se02 .swiper-button-prev, .mm-se02 .swiper-button-next {width: 40px; height: 40px; background: #2C343F;}
.mm-se02 .swiper-button-prev:after, .mm-se02 .swiper-button-next:after {font-size: 1.4rem; color: #fff;}
.mm-se02 .swiper-button-next, .mm-se02 .swiper-container-rtl .swiper-button-prev {right: 0; left: auto;}
.mm-se02 .swiper-button-prev, .mm-se02 .swiper-container-rtl .swiper-button-next {right: auto; left:0;}
*/
@media screen and (min-width: 600px){
	.mm-se02 .mm-title {margin-bottom: 60px;}
	.mm-photonews {padding-bottom: 25px; margin-left: 45px; background: #fff;  overflow: visible;}
	.mm-photonews:after {content: ""; display: block; clear: both;}
	.mm-photo-img {float: left; width: 250px; height: 240px; margin: -25px 0 0 -25px;}
	.mm-photo-text {float: right; width: calc(100% - 250px); padding: 30px 10% 20px 0; text-align:left;}
	.mm-photo-date {display: block; color: #8f8f8f;}
	.mm-photo-title {margin: 0 0 36px; color: #555; text-align: left;}
	.mm-photo-p1 {display: block; margin-bottom: 20px; color: #8f8f8f; line-height: 1.5; font-size: 1.7rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
	
	.mm-photonews:hover .mm-photo-title, .mm-photonews:active .mm-photo-title, .mm-photonews:focus .mm-photo-title {text-decoration: underline;}
	.mm-photonews:hover .mm-photo-p1, .mm-photonews:active .mm-photo-p1, .mm-photonews:focus .mm-photo-p1 {text-decoration: underline;}
	
	.mm-se02 .swiper-button-next, .mm-se02 .swiper-container-rtl .swiper-button-prev {right: 0; left: auto;}
	.mm-se02 .swiper-button-prev, .mm-se02 .swiper-container-rtl .swiper-button-next {right: 41px; left: auto;}
}
@media screen and (min-width: 1024px){
	.mm-se02 {padding: 100px 0;}
	.mm-se02 .mm-title {float: none;text-align: center;font-size: 3.2rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;}

	.mm-se02 .mm-inner {position: relative;}
	.mm-photonews {width: 70%;}
	.mm-photo-img {width: 300px; height: 300px;}
	.mm-photo-text {width: calc(100% - 45%);}
	.mm-sm-photonews {position: absolute; right:13%; bottom:20px; display: block; width: 175px; height: 160px; overflow: hidden; background: rgba(0,0,0,0.1);}
	.mm-sm-photonews:nth-last-child(1) {right: -6%;}
	.mm-sm-photonews img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; transition: 0.4s;}
	.mm-sm-photonews:after {content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition: 0.4s;}
	.mm-sm-photonews:hover:after, .mm-sm-photonews:active:after, .mm-sm-photonews:focus:after {background: rgba(0,0,0,0.3);}
	.mm-sm-photonews:hover img , .mm-sm-photonews:active img , .mm-sm-photonews:focus img {transform: translate(-50%, -50%) scale(1.1);}
	
	.mm-photonews-btn {position: absolute; top: 0; right:0; padding-right: 40px; text-indent: -9999px;}
	.mm-photonews-btn:before , .mm-photonews-btn:after{content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 30px; height: 1px; background: #fff;}
	.mm-photonews-btn:after {transform: translateY(-50%) rotate(90deg);}
	
	.mm-photo-btn {display: block; position: absolute; bottom: 30px; right: 65px; height: 40px; padding: 0 20px; background: #2C343F;  color: #fff; line-height: 40px;}
	
}
@media screen and (min-width: 1280px){
	.mm-photonews {width: 78%; padding-bottom: 35px;}
	.mm-photo-img {width: 360px; height: 360px; margin: -35px 0 0 -50px;}
	.mm-photo-text {width: 64%; padding: 30px 10% 20px 0;}
	.mm-photo-date {font-size: 1.8rem; font-weight: 600; font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
	.mm-photo-title {font-size: 2.4rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
	.mm-photo-p1 {font-size: 1.9rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif; -webkit-line-clamp: 4;}
	.mm-sm-photonews {right: 0; bottom: 30px; width: 300px; height: 300px;}
	.mm-sm-photonews:nth-last-child(1) {right: -27%;}
	.mm-photo-btn {right: 115px;}  
}


/* mm-se03 */
.mm-se03 {padding: 50px 0; background: url(../../portal/img/sub/07/media/media_bg2-2.png) no-repeat center/cover;}
.mm-se03 .mm-title {margin-bottom: 30px; width: 100%; height: 100px;text-indent: -9999px; background: url(../../portal/img/sub/07/media/media_bg2-1.png) no-repeat center/contain;}
.mm-se03 .media-slider {overflow: hidden;}
.mm-se03 .media-slider .media-group {display: block; width: 80%; background: #fff;}
.mm-se03 .media-img {position: relative; height: 200px; overflow: hidden;}
.mm-se03 .media-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: 100%; margin-bottom: 20px; transition: 0.4s;}
.mm-se03 .media-img:hover img {transform: translate(-50%,-50%) scale(1.1);} 
.mm-se03 .media-text {width: 80%; margin: 0 auto; }
.mm-se03 .media-title {
    width: 100%; height: 64px; padding: 20px 0; margin-bottom: 15px; text-align: center; color: #333; font-family: 'NanumSquare', sans-serif; font-size: 2.0rem; 
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.2;
}
.mm-se03 .media-subtitle {display: none;}
@media screen and (min-width:600px){
    .mm-se03 .media-slider .media-group {width: 50%;}
	.mm-se03 .media-subtitle {display: block; padding-bottom: 15px; font-size: 1.4rem; color: #666;}
	.mm-se03 .media-title {text-align: left;}
}
@media screen and (min-width: 1280px){
	.mm-se03 .media-img {height: 210px;}
	.mm-se03 .media-img img {height: 220px;}
    .mm-se03 .media-title {height: 75px; padding-top: 30px; text-align: left;}
	.mm-se03 .media-text {position: relative;}
	.mm-se03 .media-text:after {content: ""; position: absolute; top:-28px; left: 50%; transform: translateX(-50%); width: 62px; height: 52px; background: url(../../portal/img/sub/07/media//btn_media_1.png) no-repeat center/contain;}
}

/* mm-se04 */
.mm-se04 {/*padding: 50px 0;*/ padding-top: 50px; background: url(../../portal/img/sub/07/media/media_bg3.png) no-repeat center/cover;}
.mm-se04 .mm-title {margin-bottom: 30px;}
.mm-se04 .media-slider {overflow: hidden;}
.mm-se04 .media-slider .media-group {position: relative; display: block; width: 100%; background: #fff;}
.mm-se04 .media-slider .media-link-group {position: relative; display: block; width: 100%; background: #fff;}

.mm-se04 .media-img {position: relative; height: 260px; overflow: hidden; transition: 0.4s;}
.mm-se04 .media-slider .media-link-group .media-img:after {content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0);transition: 0.4s;}
.mm-se04 .media-slider .media-link-group:hover .media-img:after, .mm-se04 .media-slider .media-link-group:active .media-img:after, .mm-se04 .media-slider .media-link-group:focus .media-img:after {background: rgba(0,0,0,0.2);}
.mm-se04 .media-img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 100%; margin-bottom: 20px;}
.mm-se04 .media-text {width: 80%; margin: 0 auto; padding-top: 15px;}
.mm-se04 .media-title {
    width: 100%; margin-bottom: 15px; text-align: center; color: #333; font-family: 'NanumSquare', sans-serif; font-size: 2.0rem; 
	display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
.mm-se04 .media-subtitle {display: block; height: 50x; padding-bottom: 15px; text-align: center; font-size: 2.0rem; color: #666;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.mm-se04 .on-more-btn {position: relative; display: block; width: 80%; padding: 10px 10%; margin: 20px 10%; border: 1px solid #4966c7; border-radius: 30px; background: #3266CC; word-break: keep-all; line-height: 1.4; font-size: 1.4rem; color: #f2f2f2; text-align: center;}
.mm-se04 .on-more-btn:after {content: ""; position: absolute; top:50%; right:25px; transform: translateY(-50%); width: 10px; height: 10px; background: url(../img/arrow-w.png) no-repeat center/contain;}

@media screen and (min-width:320px){	
    .mm-se04 .on-more-btn {width: 40%; margin: 20px 30%;}
}


@media screen and (min-width:480px){	
	.media-group-3 {width: 100%;}
	.media-group-3_3 {  margin: 0 0}
}


@media screen and (min-width:600px){
    /*.mm-se04 .media-slider .media-group {width: 100%;}*/
	.mm-se04 .media-subtitle {display: block; padding-bottom: 15px; font-size: 2.0rem; color: #666;}
	.media-group-3 {width: 48%; background: #fff; margin: 0 1%}
	.media-group-3_1 { float: left;}
	.media-group-3_2 { float: left;}
	.media-group-3_3 {  margin: 0 25.5%; overflow: hidden;}
	.mm-se04 .media-subtitle { height: 50x; overflow: hidden;}
    /*.media-group01, .media-group02, .media-group03 {width: 49% !important;}*/	
    .mm-se04 .on-more-btn {width: 60%; margin: 20px 20%;}
}

@media screen and (min-width: 810px) {
	/*.media-group01, .media-group02, .media-group03 {width: 31.8% !important;}*/
}
@media screen and (min-width: 1024px) {
	/*.mm-se04 .media-img {height: 230px;}
    .mm-se04 .on-more-btn {width: 44%; margin: 20px 28%; padding: 15px 55px 16px 40px; font-size: 1.6rem;}
    .mm-se04 .on-more-btn:after {right: 30px; width: 12px; height: 12px; transition: 0.5s;}
    .mm-se04 .on-more-btn:hover:after, .mm-se04 .on-more-btn:active:after, .mm-se04 .on-more-btn:focus:after {right:20px;}*/
	.media-group-wrap {width: 100%; position: relative; overflow: hidden; background: #fff}
	.media-group-3 {width: 31%; float: left; display: block; position: relative; margin: 0 1%}
	.media-group-3 .media-subtitle {height: 45px;}
	.media-group-3 img {width: auto; height: auto;}
}
@media screen and (min-width: 1280px){
	.mm-se04 .mm-title {float: none; text-align: center;font-size: 3.2rem; font-family: 'NanumSquare','Noto Sans KR', sans-serif;}
    .mm-se04 .media-title {padding-top: 20px;}
    .mm-se04 .on-more-btn {width: 40%; margin: 20px 30%;}
	
    
}

/* mm-se05 */
.mm-se05 {position: relative; width: 100%; padding: 64px 0 0 0;}
.mm-se05-bg {position: absolute; bottom: 0; left: 0; width: 100%; height: 280px; background: url(../../portal/img/sub/07/media/media_bg4-2.png) no-repeat center/cover;}
.mm-se05 .mm-inner {position: relative; top: -40px;}
.webzine-box:after {content:""; display: block; clear:both;}
.webzine-cont01 {position: relative; float: left; width: 60%; height: 245px; overflow: hidden;}
.webzine-cont01 img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 100%;}
.webzine-btn {position: absolute; bottom: 30px; left: 10%; display: block; width: 80%; height: 35px; background: rgba(0,0,0,0.5); border: 1px solid #fff; color: #fff; font-size: 1.2rem; text-align: center; line-height: 33px; transition: 0.4s;}
.webzine-cont02 {float:right; width: 38%; padding: 20px 0 0 2%; color: #fff;}
.webzine-title {margin-bottom: 20px; font-size: 1.8rem; font-family: 'NanumSquare', sans-serif;color: #333; line-height: 1.4; font-weight: 600;}
.webzine-title span {color: #3566CC;}
.webzine-p {line-height: 1.7; font-size: 1.2rem; color: #919192;}
.webzine-cont03 {clear: both; width: 100%; padding-top: 82px;}
.webzine-cont03:after {content: ""; display: block; clear: both;}
.webzine-link  {float: left; width: 31.333%; margin: 0 1% 15px; background: rgba(255,255,255,0); color: #A9ABAF; text-align: center; transition: 0.4s; word-break: keep-all; line-height: 1.4;}
.webzine-link img {display: block; margin: 0 auto 12px; width: 50px; height: auto;}
@media screen and (min-width: 400px){
	.webzine-cont01 {height: 305px;}
}
@media screen and (min-width: 500px) {
	.mm-se05 {padding: 80px 0 0 0;}
	.mm-se05-bg {height: 280px;}
	.mm-se05 .mm-inner {top: -15px;}
	.webzine-cont01 {height: 380px;}
	.webzine-btn {bottom: 30px;}
	.webzine-title {font-size: 2.2rem;}
	.webzine-p {font-size: 1.8rem;}
	.webzine-cont02 {padding: 150px 0 0 2%;}
	.webzine-link {width: 20.333%; margin: 0 6.5% 15px; padding: 10px 0;font-size: 1.4rem;}
	.webzine-link:hover {background: rgba(255,255,255,0.1);}
	.webzine-link img {width: 60px;}
}
@media screen and (min-width: 600px){
	.webzine-btn {height: 52px; padding-left: 20px; background: rgba(0,0,0,0.3) url(../../portal/img/sub/icon_link_01.png) no-repeat 85% 50%/10px; text-align: left;line-height: 50px; font-size: 1.8rem; font-weight: 600;}
	.webzine-btn:hover , .webzine-btn:active , .webzine-btn:focus {background: #fff url(../../portal/img/sub/07/media/line-right.png) no-repeat 90% 50%/20px; color: #333;}
		
}
@media screen and (min-width: 768px){
	.webzine-cont01 {width: 50%; height: 470px;}
	.webzine-cont02 {width: 50%; padding: 280px 0 0 5%;}
}
@media screen and (min-width: 1024px){
	/*.mm-se05 {margin-bottom: -100px;}*/
	.webzine-cont01 {width: 40%;}
	.webzine-cont02 {width: 60%; padding: 125px 0 0 5%;}
	/*.webzine-cont03 {clear: none; float: right; width: 60%; padding-top: 83px;}*/
	.webzine-cont03 {clear: none; float: right; width: 100%; padding-top: 83px;}
}
@media screen and (min-width: 1280px){
	.mm-se05 {padding: 60px 0 0 0;}
	.webzine-cont01 {width: 28%;}
	.webzine-cont02 {width: 72%; padding: 35px 0 0 5%;}
	.webzine-title {font-weight: 800;}
	.webzine-title span {padding-left: 5px;}
	/*.webzine-cont03 {clear: none; float: right; width: 72%; padding-top: 110px;}*/
	.webzine-cont03 {clear: none; float: right; width: 100%; padding-top: 110px;}
	.webzine-link img {width: 78px;}
	.mm-se05-bg {height: 310px;}
}

.tv-h3{
	position: relative;
	display: block;
	margin-bottom: 40px;
	text-align: center;
	font-size: 3.2rem;
	line-height:1.4;
	color: #111;
	font-weight: 600;
	z-index: 3;	
}

/* 2021-01-29 */
.sub-img.mobile {display: block; width: 100%; height: auto;}
.sub-img.pc {display: none;}
.scroll-img-mobile {display: block; width: 100%; height: auto;}
.scroll-img-pc {display: none;}
@media screen and (min-width: 768px){
	.sub-img.mobile {display: none;}
	.sub-img.pc {display: block;}
	.scroll-img-mobile {display: none;}
	.scroll-img-pc {display: block;}
}
.sub-title-line2 {display: none;}
.ceo-talkbox {position: relative;  padding-bottom: 30px; font-size: 2.5rem; font-weight: 600; color: #3266CD; line-height: 1.4;}
.ceo-talkbox:after {content: ""; position: absolute; bottom: 0; right:0;width: 110%; height: 1px;background: #3266CD; z-index: 0;}
.ceo-talkbox p {word-break: keep-all;}
.scroll-text {display: none;}
.scroll-img {display: block; width: auto; margin:0 auto;}
.map-org-mobile {display: none;}
@media screen and (max-width :1279px){
	.pc {display: none;}
	
}
@media screen and (max-width: 1023px){
	.ceo-talkbox p {font-size: 2.0rem; font-weight: 600;}
	.tablet {display: none;}
}
@media screen and (max-width: 767px){
	.ceo-talkbox {margin-bottom: 30px;}
	.sub-h4 {font-size: 1.6rem!important; font-weight: 600; color: #666;}
	.btn {font-size: 1.2rem;}
	.sub-footer {display: none;}
	.mobile {display: none;}
	.map-org-mobile {display: block;}
}
@media screen and (max-width: 576px) {
	.ceo-talkbox {padding: 0 49px;}
	.ceo-talkbox p {font-size: 1.7rem;}
	.ceo-talkbox:before, .ceo-talkbox:after {content: ""; position: absolute; width: 47px; height:41px;}
	.ceo-talkbox:before {top:0; left:0; background: url(../../portal/img/sub/01/p01-0201_m1.png) no-repeat center/contain;}
	.ceo-talkbox:after {top:0; right:0; background: url(../../portal/img/sub/01/p01-0201_m2.png) no-repeat center/contain;}
	.table-07 td {font-size: 1.1rem;}
	
	.org-group p.sub-h4 {font-size: 1.3rem !important;}
	.org-title span {font-size: 1.4rem;}
	.org-right {padding-left: 17px;}
	.map-detail-group {padding: 20px;}
	
	.contact-call .sub-h4 {font-size: 1.5rem !important;}
}
@media screen and (max-width: 499px) {
	.awards-title {width: 98%;}
	.scroll-imgbox {width: 100%; overflow-x: scroll;}
	.scroll-text {display: block; width: 200px; height:50px; margin: 0 auto; background: url(../../portal/img/sub/icon_touch_1.png) no-repeat center/contain; text-indent: -9999px;}
}

/* 2021-01-30 */
@media screen and (max-width: 767px){
	.tab_depth04 .list-4:nth-child(1), .tab_depth04 .list-4:nth-child(2) {border-bottom: none;}
	.tab_depth04 >ul >li.list-4:nth-child(1) >a, .tab_depth04 >ul >li.list-4:nth-child(2) >a {border-bottom: none;}
	.tab_depth04 >ul >li.list-4:nth-child(2) >a  {border-right: 1px solid #ddd;}
}
@media screen and (max-width: 499px){
	.awards-link:hover:after, .awards-link:active:after, .awards-link:focus:after {top:100%; opacity: 0;}
	.awards-link:hover .awards-more-text, .awards-link:active .awards-more-text, .awards-link:focus .awards-more-text {opacity: 0;}
	.awards-link:hover .awards-title, .awards-link:active .awards-title, .awards-link:focus .awards-title {color: #000; text-decoration: none;}
	.sub-p3 {margin-left: 0;}
	.grey-box {padding: 15px 2%;}
}
.map-org-mobile a {display: block; width: 100%; padding: 10px 0; text-align: center; border: 1px solid #ddd;}
.map-org-mobile .circle02 {width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; line-height: 80px;}
.map-org-mobile .circle03 {width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; line-height: 80px;}

/* .onbid-box */
.onbid-box {padding: 20px; margin: 20px 0 0 0; border: 2px solid #ddd;}
.onbid-box .row .col:first-child {display: flex; flex: 0 0 10%; max-width: 10%;}
.onbid-box .row .col:nth-child(2) {display: flex; flex: 0 0 60%; max-width: 60%;}
.onbid-box .row .col:last-child {display: flex; flex: 0 0 30%; max-width: 30%; justify-content: flex-end;}

.onbid-box .row .col:first-child p {position: relative; font-size: 2.2rem; font-weight: 600; color: #003A7D;}
.onbid-box .row .col:first-child p:after {content: ""; position: absolute; top: 50%; right: -47%; transform: translateY(-50%); width: 2px; height: 50px; background: #ddd; }
.onbid-box .row .col:nth-child(2) p {font-size: 1.7rem; line-height: 1.7; word-break: keep-all;}
.onbid-box .row .col:last-child .btn {padding: 10px 20px;}

@media screen and (max-width: 1279px){
	.onbid-box .row .col:first-child {flex: 0 0 10%; max-width: 10%;}
	.onbid-box .row .col:nth-child(2) {flex: 0 0 55%; max-width: 55%;}
	.onbid-box .row .col:first-child p:after {content: none;}
	.onbid-box .row .col:last-child {flex: 0 0 35%; max-width: 35%;}
}
@media screen and (max-width: 1023px){
	.onbid-box .row .col:first-child {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col:nth-child(2) {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col:last-child {flex: 0 0 100%; max-width: 100%; justify-content: center; margin-bottom: 20px;}
	.onbid-box .row .col:nth-child(2) p {font-size: 1.4rem; text-align: center;}
	#conts {padding: 0;}
}
/* view_cont */
.view_cont .row {margin-right: 0; margin-left: 0;}
.sub-text .row {margin-right: 0; margin-left: 0;}