@font-face {font-family: 'Noto Sans KR',sans-serif;font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
.mediawrap{width:100%;max-width: 720px;margin: auto;position: relative;}
.mediawrap p,.mediawrap p,.mediawrap a,.mediawrap div,.mediawrap span{font-family: 'Noto Sans KR',sans-serif;letter-spacing: -1px;}
.mediawrap .media{position: relative;width: 100%;}
.media img{width: auto;display: block;}
.mediawrap .media1{width:100%;height: 170px;}
.mediawrap .media1 a.gnilogos{position: absolute;top: 63px; left: 50px;}
.mediawrap .media1 a.tvlogos{position: absolute;top: 45px; left: 534px;}
.mediawrap .media2 .swiper-vertical > .swiper-wrapper {flex-direction: column;}
.mediawrap .media2 .swiper {margin: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.mediawrap .media2 .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}
.mediawrap .media3{background: #fff;}
.mediawrap .media3 .maincoms{width:100%;}
.mediawrap .media3 .maincoms ul{padding: 60px 0;display: flex;flex-wrap: wrap;}
.mediawrap .media3 .maincoms ul li{text-align: center;margin-bottom: 50px;width: 240px; align-items: flex-start;}
.mediawrap .media3 .maincoms ul li img{display: inline-block;margin-bottom: 15px;}
.mediawrap .media3 .maincoms ul li p{font-size: 22px;color:#000;line-height: 34px;}
.mediawrap .submedia3 .maincoms ul{padding: 60px 0;display: flex;flex-wrap: wrap;}
.mediawrap .submedia3 .maincoms ul li{text-align: center;margin-bottom: 50px;width: 240px; align-items: flex-start;}
.mediawrap .submedia3 .maincoms ul li img{display: inline-block;margin-bottom: 15px;}
.mediawrap .submedia3 .maincoms ul li p{font-size: 22px;color:#000;line-height: 34px;}
.mediawrap .submedia4{padding: 0 25px;}
.mediawrap .submedia4 a{display: block;padding-bottom: 95px;margin-bottom: 75px;border-bottom: 1px solid #d7d7d7;}
.mediawrap .submedia4 a:last-child{margin-bottom: 0;}
.mediawrap .submedia4 a img{margin-bottom: 55px;}
.mediawrap .submedia4 a p.T1{color:#829c2c;font-size: 26px;margin-bottom: 20px;}
.mediawrap .submedia4 a p.T2{color:#000;font-size: 46px;margin-bottom: 30px;font-weight: 700;line-height: 58px;}
.mediawrap .submedia4 a p.T3{color:#000;font-size:26px}
.mediawrap .views .viewin{padding: 96px 0 0 0;margin: 0 20px; border-top: 6px solid #8aa330;} 
.mediawrap .views .viewin p.T1{text-align: center;font-size: 26px; color:#829c2c;margin-bottom: 20px;} 
.mediawrap .views .viewin p.T2{text-align: center;color:#000;font-size: 46px;margin-bottom: 30px;font-weight: 700;line-height: 58px;padding-bottom: 50px; margin-bottom: 50px;position: relative;} 
.mediawrap .views .viewin p.T2:after{content: '';position: absolute;background: #8aa330;width: 70px; height: 2px;left: 50%; margin-left: -35px; bottom: 0;}
.mediawrap .views .viewin p.T3{font-size: 26px; color:#000;text-align: center;margin-bottom: 35px;}
.mediawrap .views .inview{padding: 80px 0;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;font-size: 26px;margin-bottom: 40px;}
.mediawrap .grafwrap{width: 680px; margin: auto;padding: 40px 0;}
.mediawrap .grafwrap .grafs{display: inline-block;width: 680px; height: 40px;background: #f0f0f0;border-radius: 40px;overflow: hidden;margin-bottom: 10px;position: relative;}
.mediawrap .grafwrap .grafs .ingraf{height: 40px; background:#47aea7;;display: inline-block;position: relative;border-radius: 40px;}
.mediawrap .grafwrap .graf p.T4{font-size:26px;color:#000; font-weight: 700;display: inline-block;vertical-align: top;line-height: 34px; margin-left: -80px;position: absolute; right: 10px; top: 0;}
.mediawrap .grafwrap .graf p.T4 span{font-size:26px;color:#000;font-weight: 700;}
.mediawrap .grafwrap .graf p.T4 span.f{font-size: 20px;font-weight: 400;margin-left: 5px;}
.mediawrap .grafwrap .graf p.T5{font-size: 24px;color:#47aea7;font-weight: 700;line-height: 34px;}
.mediawrap .grafwrap .graf p.T6{font-size: 26px;color:#222;line-height: 34px;}
.mediawrap .grafwrap .graf p.T7{font-size: 46px;color:#47aea7;line-height: 40px;margin-bottom: 15px;}
.mediawrap .grafwrap .graf p.T7 span{font-size: 46px;color:#47aea7;font-weight: 700;}
.mediawrap .grafwrap .graf p.T8{font-size: 17px;color:#888;margin-bottom: 34px;}
.mediawrap .views .mok{overflow: hidden;margin-bottom: 90px;}
.mediawrap .views .mok a{display: block;width: 136px; height: 72px; line-height: 72px; border: 1px solid #c5c5c5;border-radius: 72px;text-align: center;font-size: 26px; color:#555;font-weight: 700;float: right;}
.mediawrap .views p.T9{font-size: 30px; color:#444;font-weight: 700;padding: 0 40px 35px 40px;position: relative;display: inline-block;}
.mediawrap .views p.T9:after{content: ''; background: url(../images/arows.png) no-repeat;display: inline-block;width: 19px; height: 29px; position: absolute;right: 0;top: 10px;}
.mediawrap .views .listbn a{margin-bottom: 20px;display: block;}
.mediawrap .views .listbn{padding-bottom: 60px;}
.mediawrap .views .movies{width: 100%; position: relative;padding-bottom: 56.25%;}
.mediawrap .views .movies iframe{position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
.mediawrap .views img{width: 100%;}
.mediafooter{padding: 60px 0;background: #fff;text-align: center;border-top: 1px solid #d7d7d7;}
.mediafooter a,.mediafooter p{display: inline-block;vertical-align: middle;}
.mediafooter p{margin-left: 18px;font-size: 21px; color:#7a7a7a;}
.supports{position: fixed;bottom: 0;left: 50%; transform: translate(-50%,0);width: 720px;margin: auto;padding: 30px 0 ;background: #57473e; color:#fff; font-weight: 700;font-size: 36px; text-align: center;}

