@charset "utf-8";
/*  
	-----------------------------------------------
	* main.css (포털 메인)
	-----------------------------------------------
*/

ol, ul{margin-top: 0px;}
.no_event{
	height: 300px;
    width: 100% !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.con_wrap{ max-width: 1730px;  margin: 0 auto; box-sizing:border-box;}
.con_wrap img {display: block;}

#innerHead >div {max-width:1730px; margin: 0 auto;}

.section1{margin-top:7.5rem; background:url(/portal/images/main_new/top_bg.png) no-repeat right 0px; padding-bottom:10rem; }
.fl_div{display: flex;  justify-content: space-between; flex-wrap: wrap;}

/* 팝업 */
.popup-wrap{width:35.8%; }
.popup-wrap .popup{width:100%; overflow: hidden;}
.popup-wrap .popup img{width:100%; height:640px;}

.popup-wrap .controll {display:flex; align-items:center; justify-content:space-between; margin-top:2rem;}
.popup-wrap .controll .line {height:2px; width:calc(100% - 13rem); position:relative; background:#ddd;}
.popup-wrap .controll .line span {height:3px; background:#333; top:-1px;}
.popup-wrap .controll .cb {width:10rem; display:flex; padding-right:0rem;}
.popup-wrap .controll button {width:4.6rem; height:4.6rem; background:#333; color:#fff; border-radius:50%; box-shadow:5px 5px 5px rgba(0,0,0,0.1); overflow:hidden; display:flex; align-items:center; justify-content:center; transition:all .2s;  z-index:1; opacity:1;}
.popup-wrap .controll button i {transition:all .2s; display:flex; align-items:center;}
.popup-wrap .controll button i span {text-indent:-9999px; display:inline-block;}
.popup-wrap .controll button.prevb{ background:#fff; transform:translateX(1rem); z-index:1;} 
.popup-wrap .controll button.prevb i {color:#333;}
.popup-wrap .controll button:hover {opacity:1; z-index:2;}
.popup-wrap .controll button.stop{ background:#fff; transform:translateX(1rem); z-index:2;} 






/*공지사항*/
.notice_wrap{width:36.8%;} 
.notice_wrap h2{position:relative;     font-family: 'Paperlogy'; font-size:4.5rem; font-weight: 900; line-height: 1em;  margin-bottom:4.0rem;     display: flex;}
.notice_wrap h2:before{content:''; display:inline-block; width:16px; height:16px; background:#b71f25; border-radius:50%; margin-top:-10px;}

.msec-board{height:350px; position:relative; float:left;     width: 100%; font-family: 'Pretendard';}
.msec-board ul{height:240px;}
.msec-board li.tab{float:left;}
.msec-board li .tabs{display:block;   position:relative; color:#333; font-weight:600; font-size:2.2rem;     padding: 33px 40px;}
.msec-board li .tabs span{ position: relative;   z-index: 1; font-weight: 700;}
.msec-board li .tabs::after {content:''; display:block; width:7px; height:7px; background:#d1d1d1; border-radius:50%; position: absolute; right: 0px;  top: 47%;}

.msec-board li.tab:last-child .bir .tabs:after{display:none;} 
.msec-board li .news_more {  position:absolute; top:30px; right:0; display:none; color:#666; font-weight:200; padding-left:28px; height:22px;}
.msec-board li.active .news_more {display:inline-block;}
.msec-board li.active .tabs::before {content: ''; display: block;  width: 5.4rem; height: 5.4rem;  background: #ffe4e4; border-radius: 50%;  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);   z-index: 0;}
.msec-board li.active .tabs span{color:#b71f25; }
.msec-board li:first-child a{padding-left:0;}
.msec-board li.active:first-child .tabs::before{left:25%;} 

.msec-board li.active .list{display:block;}
.msec-board li .bir{position:relative;}
.msec-board li .list{position:absolute; display:none; left:0; top:82px; width:100%; box-sizing:border-box; border-top:1px solid #333;}
.msec-board li .list ul{position:relative; height:243px;}
.msec-board li .list li{ position:relative; border-bottom:1px solid #dddddd; }
.msec-board li .list li a{position:relative; display:flex; justify-content: flex-start; flex-wrap: wrap; padding:30px 0px 30px 0px;  box-sizing:border-box; transition:all .2s; width:100%; border-right:1px solid rgba(255,255,255,0.2); font-weight:500;}
.msec-board li .list li a * {transition:all .2s;}
.msec-board li .list li .btxt{width:calc(100% - 85px); font-size:1.8rem;     line-height: 1em;    display: block;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.msec-board li .list li .date{ position:relative; font-family: 'Paperlogy'; font-weight: 700; margin-right:3.0rem; color:#333333;}
.msec-board li .list li a:hover .btxt{font-weight: 700; text-decoration: underline;}

/*좌측링크*/
.nlist{width:323px; box-sizing:border-box; padding-left:28px; }
.nlist li{margin:15.5px 0; background: #fff;}
.nlist li a{font-size:1.8rem; border:1px solid #ddd; padding:3.0rem 3.0rem;    display: block; font-weight: 400; }
.nlist li a span{position:relative; display: block; line-height: 3.0rem; padding-left:4.5rem; background-position: 0 0; background-repeat: no-repeat; color:#333;}
.nlist li a:hover{border:1px solid #b71f25; background:#b71f25; border-radius:50px 0 0 50px; margin-left:-30px;  box-shadow: 0.5rem 0.5rem 1rem rgb(183 31 37 / 15%);}
.nlist li a:hover span{color:#fff; font-weight: 600; background-position: 0 -30px; }
.nlist li a:hover span:after{content:''; display:block; position: absolute; right:5px; top:50%; margin-top:-1.6rem; width:3.2rem; height:3.2rem; background-image:url(/portal/images/main_new/nlist_over.png);}

.nlist li:nth-child(1) span{display:block; background-image:url(/portal/images/main_new/nlist_icon04.png);}
.nlist li:nth-child(2) span{display:block; background-image:url(/portal/images/main_new/nlist_icon01.png);}
.nlist li:nth-child(3) span{display:block; background-image:url(/portal/images/main_new/nlist_icon02.png);}
.nlist li:nth-child(4) span{display:block; background-image:url(/portal/images/main_new/nlist_icon03.png);}
/* .nlist li:nth-child(4) span{display:block; background-image:url(/portal/images/main_new/nlist_icon04.png);} */
.nlist li:nth-child(5) span{display:block; background-image:url(/portal/images/main_new/nlist_icon05.png);}
.nlist li:nth-child(6) span{display:block; background-image:url(/portal/images/main_new/nlist_icon06.png);}



@media all and (max-width:1500px){
	.nlist{width:100% ;display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:30px; padding-left:0px;}
	.nlist li{width:32%; margin: 10px 0;}
	.popup-wrap{width: 45.8%;}
	.notice_wrap{width:50%;}
	
	.section1{padding-bottom: 2rem;}
	
	    
}

@media all and (max-width:1024px){
	.section1{margin-top: 3rem;}
	.popup-wrap, 
	.notice_wrap{width:100%; margin-bottom:2rem;}
	.popup-wrap .popup img{height:auto;}
	
	.msec-board{height: 500px;}
	
	.nlist li a:hover{margin-left:0px;}	
	.nlist li a:hover span:after{background-size: contain;}
		
		
}

@media all and (max-width:800px){
	.nlist li{width:49%;}
	.nlist li a{ padding: 2rem 2rem;}
	.nlist li a:hover span:after{display:none;}
}

@media all and (max-width:768px){
	.notice_wrap h2{display:none;}
	
}

@media all and (max-width:500px){
	.nlist li{width:100%; margin: 3px 0;} 
}
/***********링크아이콘 박스************/
.section2{margin-top:9.5rem; margin-bottom:6.0rem;}
.mainlink-wrap {position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.mainlink-wrap button { width:4.8rem; height:4.8rem; background:#fff; border-radius:50%; box-shadow:5px 5px 5px rgba(0,0,0,0.1); overflow:hidden; display:flex;  align-items:center; justify-content:center; transition:all .2s;}
.mainlink-wrap button i {transition:all .2s;display:flex; align-items:center;}
.mainlink-wrap button i span {text-indent:-9999px; display:inline-block;}
.mainlink-wrap button:hover {background:#333;}
.mainlink-wrap button:hover i {color:#fff;}
.mainlink-wrap .mainlink {width: calc(100% - 14rem); overflow:hidden; padding:2rem; }
.mainlink-wrap .mainlink li {position:relative; text-align:center; transition:all .2s;}
.mainlink-wrap .mainlink li a {background:#eaeaea; font-family: 'Paperlogy';  border-radius:0rem; display:flex; flex-direction:column; width:20.8rem; height:16.4rem; justify-content:center;  align-items:center; position:relative; transition:all .2s; margin:1rem auto; box-shadow:0.5rem 0.5rem 1rem rgba(0,0,0,0.1);}
.mainlink-wrap .mainlink li a > * {position:relative; z-index:1;}
.mainlink-wrap .mainlink li a span {margin-top:1rem; font-weight:400;}
.mainlink-wrap .mainlink li a:before {content:''; display:block; width:calc(100% - 0.6rem); height:calc(100% - 0.6rem); background:#fff; position:absolute; top:0.3rem; left:0.3rem; border-radius:0rem; z-index:0; transition:all .2s;}
.mainlink-wrap .mainlink li:after{ content:''; display:none; width:6.1rem; height:6.1rem; position:absolute; bottom:3rem; right:-2rem; background:url(/portal/images/main_new/link_over.png) no-repeat 0 0; z-index:3;  transition:all .2s;} 
.mainlink-wrap .mainlink li:hover {margin-top:0rem; padding-bottom:2rem;}
.mainlink-wrap .mainlink li:hover a {border-radius:4rem; background: #d82128; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#15377f', endColorstr='#028f49', gradientType=0);}
.mainlink-wrap .mainlink li:hover a:before {border-radius:3.8rem 3.8rem 3.8rem 3.8rem;}
.mainlink-wrap .mainlink li:hover:after{display:block;}

/*@media (max-width:1750px) {
	
	.mainlink-wrap button{display:flex;}
	.mainlink-wrap .mainlink{width: calc(100% - 14rem); }
}*/


@media (max-width:1500px) {
	
	.section2{margin:0;}
}


@media (max-width:700px) {
	.mainlink-wrap .mainlink li a {width:100%;}
}
@media (max-width:500px) {
	.mainlink-wrap .mainlink {width:calc(100% - 10rem); padding:2rem 1rem; }
	.mainlink-wrap .mainlink li a {width:100%; height:12rem; border-radius:2rem;}
	.mainlink-wrap .mainlink li a:before {border-radius:1.8rem;}
	.mainlink-wrap .mainlink li a img {width:4rem;}
}



.section3{padding-bottom:10.0rem;position:relative;}
.section3:before{content:''; display:block; width:100%; height:50%; background:#f7f5f8;  position: absolute;  bottom: 0; left:0;}
.section3 h2{position:relative;     font-family: 'Paperlogy'; font-size:6.5rem; font-weight: 900; line-height: 1em;  padding-bottom:7.0rem;     display: flex;}
.section3 h2:before{content:''; display:inline-block; width:16px; height:16px; background:#b71f25; border-radius:50%; margin-top:-10px;}
.section3 .bg{background:url(/portal/images/main_new/event_bg.png) no-repeat 0 0; padding-top:8.5rem; }

 a.mtop-tit {position:absolute; top:6rem; left:22%; z-index: 4;}
 a.mtop-tit:before {content:''; display:block; background:url('/portal/images/main_new/vr_line.png') no-repeat 50% 50%; width:100%; height:100%; position:absolute; top:0; left:0; animation:vrmove 10s linear infinite;}
 a.mtop-tit:hover {animation:vrhover 1s ease-out infinite;}

@keyframes vrmove {
0%{transform:rotate(0);}
100% {transform:rotate(360deg);}
}
@keyframes vrhover {
0%{transform:scale(1);}
50% {transform:scale(1.08);}
100%{transform:scale(1);}
}



.event_list{position:relative;}


.event_list .swiperContainer{position:relative;  }
.event_list .swiperContainer .center-swiper {width:100%;}
.event_list .swiperContainer .center-swiper .swiper-slide{width:35rem;}
.event_list .swiperContainer span{display:block;}
.event_list .swiperContainer .tumb{margin-bottom: 2.7rem; box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.1); }
.event_list .swiperContainer .tumb img{width:100%; height:420px;}
.event_list .swiperContainer .btxt{font-size: 2.0rem; font-weight: 700; color: #000; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;  height: 51px;  overflow: hidden;  line-height:1.2em; margin-bottom: 30px;}
.event_list .swiperContainer .center-swiper .data{font-size:14px; color:#6a6a6a;}
.event_list .swiper-slide-prev{opacity: 0;}

.event_list .swiperContainer .swiper-control {display: flex;align-items: center; position: absolute; top:-100px; right:0px; padding-right:calc((100% - 1730px) / 2);}
.event_list .swiperContainer .swiper-control .count {display: flex;align-items: center; margin-right: 1.5rem;font-weight: bold; font-size:1.6rem;}

.event_list .swiperContainer .swiper-control .count .current-num{color:#000;}
.event_list .swiperContainer .swiper-control .count .all-num{color:#b8b8b8;}
.event_list .swiperContainer .swiper-control .mb_dott {font-size:12px; margin:0 5px;}
.event_list .swiperContainer .swiper-control .swiper-pagination {position: relative;margin: 0 0.813rem;}
.event_list .swiperContainer .swiper-control .swiper-pagination-progressbar {height: 3px; background-color: #e5e5e5; width:18.7rem;}
.event_list .swiperContainer .swiper-control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: #6a3fa0;}

.event_list .swiperContainer .swiper-control  .line {
    height: 1px;
    width: calc(100% - 50rem);
    position: relative;
    background: #ddd;
}

.event_list .swiperContainer .swiper-control .swiper-button-prev, 
.event_list .swiperContainer .swiper-control .swiper-button-next{ width: 68px; height: 68px; background-size: 100%;  position: relative;  left: auto; top: auto;  margin-top: 0; border-radius:50%; box-shadow: 0.5rem 0.5rem 1rem rgb(0 0 0 / 10%);}
.event_list .swiperContainer .swiper-control .swiper-button-next{background-image:url(/portal/images/main_new/event_next.png); }
.event_list .swiperContainer .swiper-control .swiper-button-prev {background-image:url(/portal/images/main_new/event_pre.png); }

.event_list .swiperContainer .swiper-control .swiper-button-next {margin-left: 0.438rem;}



@media (max-width:1750px) {
	
	a.mtop-tit{left: 14%;}
}

@media (max-width:1300px) {
	
	a.mtop-tit{left: 0%;}
}

@media (max-width:1000px) {
	
	a.mtop-tit{display:none;}
	.event_list .swiper-slide-prev{    opacity: 1;}
	.section3 h2{font-size: 4rem; padding-bottom: 3rem;}
	.event_list .swiperContainer .swiper-control{top: -69px;}
	.event_list .swiperContainer .swiper-control .swiper-button-prev, 
	.event_list .swiperContainer .swiper-control .swiper-button-next{width: 50px; height: 50px;}
}

@media (max-width:550px) {
	
	/*.event_list .swiperContainer .tumb img{height:auto;}*/
	.event_list{padding-left:1em; padding-right:1em;}
}



.section4{background:#000; padding-top:7.0rem; margin-bottom:0rem;     position: relative; font-family: 'Paperlogy';}
.section4:after{content:''; display:block; clear: both;}
.section4:before{position: absolute; left: 0; bottom: 0; content:''; display:block; background:#fff; width:100%;  height:calc(100% - 253px); border-radius:150px 150px 0 0;}

.year_data{display: flex; justify-content: flex-start; align-items: center;   margin-bottom:3.0rem;}
.section4 .year{color:#fff;     margin-right: 15px;  font-size:3.4rem; font-weight: 700; line-height:1.2em; padding-left:6.0rem; background:url(/portal/images/main_new/year_c.png) no-repeat 0 5px;}
.section4 .year span{font-size:5.0rem; }
.section4  .controll {display:flex; align-items:center; justify-content:space-between; }
.section4  button {width:6.8rem; height:6.8rem; background:#d91941; color:#fff; border-radius:50%; box-shadow:5px 5px 5px rgba(0,0,0,0.1); overflow:hidden; display:flex; align-items:center; justify-content:center; transition:all .2s;  z-index:1; opacity:1;}
.section4  button i {transition:all .2s; display:flex; align-items:center;}
.section4  button i span {text-indent:-9999px; display:inline-block;}
.section4  button.prevb { background:#fff; transform:translateX(1rem); z-index:1;} 
.section4  button.prevb i {color:#333;}
.section4  button:hover {opacity:1; z-index:2;}

.section4 .weekend a{position: relative;color:rgba(255,255,255,0.8); font-size:1.8rem;font-weight: 700; padding-right:15px; margin-left:15px; display: inline-block;}
.section4 .weekend a:before{content:''; display:block; width:1px; height:12px; position: absolute; right: 0; top: 3px;background: rgba(255,255,255,0.5);}
.section4 .weekend a:last-child::before{display:none;}
.section4 .weekend a.on{font-size:2.4rem; color:rgba(255,255,255,1); padding-left:30px; text-decoration: underline;}
.section4 .weekend a.on:after{content:''; display:block; width:14px; height:14px; position: absolute; left: 0; top: 0;background: #ecdf0f; border-radius: 50%;}

.event-board{height:430px; position:relative;   width: 100%;}

.event-board ul{height:240px; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.event-board li.tab{float:left;  }
.event-board li .tabs{display:block; margin-left: -10px; border-radius:250px 250px 0 0; position:relative; color:#fff; font-weight:600; font-size:2.0rem; text-align:center;width:150px; padding:3.0rem 3.0rem 2.0rem 3.0rem;}
.event-board li .tabs span{ position: relative;   z-index: 1; font-weight: 600;}
.event-board li.tab:first-child .bir .tab{padding-left:0;}
.event-board li:nth-child(1) .tabs{background:#bc3f0d;  z-index:4;}
.event-board li:nth-child(2) .tabs{background:#db2c61;  z-index:3;}
.event-board li:nth-child(3) .tabs{background:#3363d0;  z-index:2;}
.event-board li:nth-child(4) .tabs{background:#2a8770; margin-right:185px;  z-index:1;}

.event-board li.active .tabs{ background:#fff; z-index:5;}
.event-board li.active .tabs span{font-weight: 800;  color:#333;}


.event-board li.active .list{display:block;}
.event-board li .bir{position:relative;}
.event-board li .list{position:absolute;  display:none; left:0; top:66px; width:100%; box-sizing:border-box; padding:2rem 5rem; height: 365px;  overflow: hidden; overflow-y: auto;}
.event-board li .list ul{position:relative; height:auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.event-board li .list li{ position:relative;  width:50%;     border-bottom: 1px solid #ddd;}
.event-board li .list li a{position:relative;  display: flex; padding:45px 1%;  box-sizing:border-box; transition:all .2s; width:100%; justify-content: space-between;}
.event-board li .list li .event_list{padding:2px;position:relative;background:#333; width:87px; box-sizing:border-box;}
.event-board li .list li .event_list span{position:relative; display:block; padding:15px 0; background:#fff; text-align:center; width:100%; height:100%; font-size:1.6rem; color:#000000; font-weight: 500;}
.event-board li .list li .event_list span:before{content: ''; display: block; width:10px; height:10px; border-radius:50%; background:#ff0000;     margin: 0 auto 10px auto;}
.event-board li .list li dl{width:calc(100% - 115px); }
.event-board li .list li dl dt{font-size:2.0rem;  color:#333;font-weight: 900; margin-bottom:2.0rem;   line-height: 1em;    display: block;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.event-board li .list li a:hover dt{font-weight: 700; text-decoration: underline;}
.event-board li .list li a:hover .event_list{padding:0}
.event-board li .list li a:hover .event_list span{color:#fff; background:#000;}
.event-board li .list li a:hover .event_list span:before{background:#fff;}

.event-board li .list li .event_list span.tt2:before{background:#3363d0;}
.event-board li .list li .event_list span.tt3:before{background:#2a8870;}


.event-board li .list li dl .div{margin-bottom:1.5rem;}
.event-board li .list li dl dd ul{height:auto; }
.event-board li .list li dl dd ul li{width:100%; font-size:14px;     border-bottom:none;}
.event-board li .list li dl dd ul li:first-child{margin-bottom:1.0rem; }
.event-board li .list li dl dd ul span.tit{padding-left:20px; float:left; font-weight:bold; width:85px; display:inline-block; position: relative;padding-right: 10px; margin-right:10px; box-sizing:border-box; }
.event-board li .list li dl dd ul  span.tit:after{content: ''; display: block; width: 1px; height: 50%; position: absolute; top: 50%; right: 0; background: #dadde8; transform: translate(0px, -50%);}
.event-board li .list li dl dd ul  span.tit:before{content: ''; display: block; border:3px solid #ddd; width:10px; height:10px; border-radius:50%; position: absolute; top: 50%; left: 0; transform: translate(0px, -50%);}
.event-board li .list li dl dd ul  span.con{ width:calc(100% - 100px); float:right; display:inline-block; }



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

		.section4{padding-top: 4rem; margin-bottom: 2rem;}
		.section4:before{height: calc(100% - 205px);}
		.section4 .year {background: url(/portal/images/main_new/year_c.png) no-repeat 0 0px;}
		.section4 .year span{font-size:3.4rem;}
		.section4 button{width:5.0rem; height:5.0rem;}
		.event-board li .list{    padding: 0;}
		.event-board li .list li{width:100%;}
		.event-board li:nth-child(4) .tabs{margin-right: 0px;}
		
}

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

	    .section4:before {height: calc(100% - 187px);}
		.event-board{margin-top: 15px;}
		.event-board li.tab{width:25%;}
		.event-board li .tabs{width:100%;     padding: 2rem 0; border-radius: 5px 5px 0 0; margin-left: 0;}
		.event-board li .list li a{padding: 30px 1%;}
		
}

.section5{background:url(/portal/images/main_new/section5_bg.png) no-repeat 0 0; padding-top:9.8rem; margin-bottom:8.0rem;} 
.section5 h2{position:relative; font-family: 'Paperlogy'; font-size:5.5rem; font-weight: 900; line-height: 1em;  padding-bottom:8.0rem;  flex-wrap: wrap;   display: flex;}
.section5 h2:before{content:''; display:inline-block; width:16px; height:16px; background:#b71f25; border-radius:50%; margin-top:-10px;}
.section5 h2 span{display:block; padding-left:10rem; width:100%;}
.section5 h2 span em{color:#594296;}

.media_wrap{display: flex;  flex-wrap: wrap;  justify-content: space-between; font-family: 'Paperlogy'; position: relative;}
.media_wrap .web-zine,
.media_wrap .mov_info,
.media_wrap .sns{width:28.3%;}

.media_wrap .web-zine{position:relative; box-sizing: border-box; text-align: center; padding-bottom:0; }
.media_wrap .web-zine:before{content:''; display:block; width:100%; height:59%;  position: absolute;  bottom: 0;  left: 0;    z-index: 0; background: linear-gradient(90deg, rgba(244,100,99,1) 0%, rgba(231,29,118,1) 100%);}
.media_wrap .web-zine p{position: relative; z-index:1; color:#fff; display: block;}
.media_wrap .web-zine .tumb {width: 30.4rem; margin: 0 auto 2.5rem auto;}
.media_wrap .web-zine .tumb img{ box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);  WIDTH: 100%;}

.media_wrap .web-zine .tit{display: flex; align-items: baseline; align-items: center; justify-content: space-between;    width: 30.4rem; margin: 0 auto;}
.media_wrap .web-zine .btxt{font-weight: 700; font-size:2.0rem}
.media_wrap .web-zine .stxt{font-weight: 700; font-size:14px;}
.media_wrap .web-zine .line{width:35%; position:relative;}
.media_wrap .web-zine .line:before{content:''; display:block; height:1px; width:100%; background:rgba(255,255,255,0.5); position: absolute;  bottom: -7px;  left: 0;}
.media_wrap .web-zine .btn_view{color:#fff; position:relative; z-index:2; margin-top:2.5rem;}
.media_wrap .web-zine .btn_view a {display:inline-block; color:#fff; padding:1.0rem 1.5rem; background:#000; font-size:14px; font-weight: 500;}
.media_wrap .web-zine .btn_view a span{padding-left:2.5rem; background:url(/portal/images/main_new/m_down.png) no-repeat 0 0px;}
.media_wrap .web-zine .btn_view a:nth-child(2){background:#fff; color:#e70a03;}
.media_wrap .web-zine .btn_view a:nth-child(2) span{background:url(/portal/images/main_new/m_sch.png) no-repeat 0 0px;}
.media_wrap .web-zine .btn_view a + a{margin-left:2.0rem;}


.media_wrap .sns .list a{position:relative; width:100%; color:#333; box-sizing:border-box; display: block;     margin-left: -30px;}
.media_wrap .sns .list a span{display: block;}
.media_wrap .sns .list a .tumb {height:362px; margin-bottom:23px; position:relative; overflow: hidden;}
.media_wrap .sns .list a .tumb img{width:100%; height:362px;}
.media_wrap .sns .list a .btit{font-family: 'Paperlogy'; font-size:2.0rem; font-weight: 600; color:#000; display: block;  white-space: nowrap; line-height: 1em; overflow: hidden; text-overflow: ellipsis; margin-bottom:30px;}
.media_wrap .sns .list a .txt{font-family: 'Paperlogy'; font-size: 14px; color: #4e4e4e; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  height: 42px;    line-height: 20px;    overflow: hidden; font-weight: 500;}
.media_wrap .sns .list a .top_icon{width:84px; height:84px; overflow: hidden; position:absolute;bottom:115px; right:-36px; z-index:5; box-shadow:0px 5px 5px rgba(0,0,0,0.2); border-radius:25px 25px 25px 0;}
.media_wrap .sns .list a .top_icon img{width:100%; height:100%; border-radius:0; }
.media_wrap .sns .list a a:hover .tumb img{-webkit-transform: scale(1.2);   -ms-transform: scale(1.2);  transform: scale(1.2);  -webkit-transition: 1.2s;  -o-transition: 1.2s; transition: 1.2s}        

.media_wrap .sns_btn{text-align: center;  position: absolute;  right: 0;  top: -140px;  display: flex;}
.media_wrap .sns_btn a{ position:relative; display:inline-block; margin-right:20px; width:64px; height:64px;}
.media_wrap .sns_btn a span{ position:relative;  z-index:1;}
.media_wrap .sns_btn a.youtube:hover:before {content:''; display:block; width:84px; height:84px; position:absolute;top:-10px; left:-10px; background:#fce7ed; border-radius:50%; z-index:0;}
.media_wrap .sns_btn a.blog:hover:before {content:''; display:block; width:84px; height:84px; position:absolute;top:-10px; left:-10px; background:#e4ffe0; border-radius:50%; z-index:0;}
.media_wrap .sns_btn a.facebook:hover:before {content:''; display:block; width:84px; height:84px; position:absolute;top:-10px; left:-10px; background:#e1edfd; border-radius:50%; z-index:0;}
.media_wrap .sns_btn a.insta:hover:before {content:''; display:block; width:84px; height:84px; position:absolute;top:-10px; left:-10px; background:#fce7ed; border-radius:50%; z-index:0;}


.media_wrap .mov_info .tume{position:relative; height:380px; margin-bottom:2.8rem}
.media_wrap .mov_info .tume:after{ content:''; display:block; width:6.1rem; height:6.1rem; position:absolute; bottom:-2rem; right:-2rem; background:url(/portal/images/main_new/link_over.png) no-repeat 0 0; z-index:3;  transition:all .2s;} 
.media_wrap .mov_info .tit{text-align: center; padding:1rem; border-radius:30px;  box-shadow:0px 5px 5px rgba(0,0,0,0.1); font-family: 'Paperlogy'; font-size:2.0rem; font-weight: 600; padding:2.0rem 0;}




@media screen and (max-width:1750px) {
	.section1,	
	.con_wrap{padding-left:1em; padding-right:1em;}
	
	#innerHead >div{width:100%;}
	.section4:before{border-radius:0;}
	
	
	.msec-board li .tabs{padding: 33px 20px;}
	
}


@media screen and (max-width:1000px) {
	.section5{padding-top: 0rem;}
	.section5 h2{font-size: 4rem; padding-bottom: 3rem;}
	
	.media_wrap .sns_btn{right: 20px; top: -74px;}

}

@media screen and (max-width:1200px) {
	
	.media_wrap .web-zine, .media_wrap .mov_info, .media_wrap .sns{width:30%;}

}

@media screen and (max-width:1024px) {
	
	.media_wrap .web-zine, .media_wrap .mov_info, .media_wrap .sns{width:100%;}
	.media_wrap .sns .list a{margin-left: 0px; margin-top:40px;}
	.media_wrap .sns .list a .top_icon{right:0; top:-20px; width: 60px;  height: 60px;}
	.media_wrap .web-zine{    padding-bottom: 3rem;}
	.media_wrap .sns .list a .tumb{height:auto;}
	.media_wrap .sns .list a .tumb img{height:auto;}
	
	.media_wrap .web-zine .tumb{width: 100%;     padding: 0 30px;}
	.media_wrap .web-zine .tumb img{width: 100%;}

}

@media screen and (max-width:670px) {
	
	.media_wrap .sns_btn{  display:none; position: relative;  top: 24px;   right: auto;}
	.media_wrap .sns_btn a{width:53px; height:53px; }
	.media_wrap .sns_btn a span img{width:100%;}
	
	.media_wrap .sns_btn a.youtube:before,
	.media_wrap .sns_btn a.blog:hover:before,
	{width:73px; height:73px; }
}