@charset "utf-8"; #top_layout{transition:all 0s linear;-webkit-transition:all 0s linear;} body.fixed__gnb header#top_layout{position:fixed !important; top:0; left:0; z-index:800; height:156px !important;box-shadow:5px 5px 5px rgba(0,0,0,0.2);} #body_layout:before{display:none;} #mvisual{} #mvisual_slider{overflow: hidden;position: relative;height: calc(100vh - 154px);min-height:700px;} #mvisual_slider > .txt{display:none;} #mvisual_slider .photo_list--wrap{height:100%;position: absolute;top: 0;left: 0;width: 100%;} #mvisual_slider .slider-for{overflow: hidden;position:absolute;left:0;top:0;width:100%;height:100%;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;} #mvisual_slider .slider-for *{height:100%;} #mvisual_slider .slider-for .slick-track{width: 100% !important;} #mvisual_slider .slider-for .photo_list--item{position:relative;} #mvisual_slider .slider-for .photo_list--item video{position:absolute;left:50%;top:50%;/* width: 170%; */width: auto;max-height: 100%;max-width: none;/* height: 100%; *//* height: auto; */transform:translate(-50%,-50%);/* width: auto; */} #mvisual_slider .slider-for .slick-slide{overflow: hidden;position: absolute !important;left: 0 !important;top: 0;z-index:0;opacity: 1 !important;transition: width 1s;} #mvisual_slider .slider-for .slick-slide.slick-current{} #mvisual_slider .slider-for .slick-slide .photo_list--item, #mvisual_slider .slider-for .slick-slide .photo_list--item{overflow: hidden;transition: all .8s;} #mvisual_slider .slider-for .slick-slide.slick-current .photo_list--item{opacity:1;} #mvisual_slider .slider-for .slick-slide .photo_list--item .video_wrap1, #mvisual_slider .slider-for .slick-slide .photo_list--item .video_wrap2{overflow: hidden;position:absolute;left:0;/* left: 50%; */top: 50%;width:100%;height: 140%;transform: translateY(-50%);-webkit-transform: translateY(-50%);/* transform: translate(-50%,-50%); */} #mvisual_slider .slider-for .slick-slide.slick-current .photo_list--item .video_wrap1{display:block;} #mvisual_slider .slider-for .slick-slide .photo_list--item .video_wrap2{display:none;} #mvisual_slider .slider-for .slick-slide .photo_list--item .video_wrap2 video{left: -49px;transform: translate(0%,-50%);} #mvisual_slider .slider-for .slick-slide.slick-current .photo_list--item{opacity:1;} /* 슬라이드 너비 조정 ( 슬라이드 개수 + 양쪽패딩) */ #mvisual_slider .slider-nav{max-width:1700px;height: 100%;margin: 0 auto;} #mvisual_slider .slider-nav .slick-list, #mvisual_slider .slider-nav .slick-list *{height:100%;width: 100%;} #mvisual_slider .slider-nav .slick-track{transform:none !important;} #mvisual_slider .slider-nav .slick-slide{ width: 25%; } #mvisual_slider .slider-nav .slick-slide.slick-current{} #mvisual_slider .slider-nav .photo_list--item{position: relative;text-align:center;} #mvisual_slider .slider-nav .photo_list--item a{display:block;overflow: hidden;position: relative;width:100%;height:100%;z-index: 2;} #mvisual_slider .slider-nav .slick-slide .photo_list--item:before{display:none;} #mvisual_slider .slider-nav .slick-slide .photo_list--item.hide:before{display:block;position:absolute;left:50%;bottom: 5%;z-index: 1;width:35px;height:35px;border-radius: 50%;transform:translateX(-50%);content:'';transition: all 1s;} #mvisual_slider .slider-nav .photo_list--item .inner .txt{position:absolute;top: 10%;left:0;min-width: 300px;width:100%;height: auto;} #mvisual_slider .slider-nav .photo_list--item strong{display:block;height: auto;margin-bottom: 200px;font-size: 37px;font-family: 'score-dream';color:#fff;font-weight: 600;word-break: keep-all;} #mvisual_slider .slider-nav .photo_list--item p{display:block;height: auto;padding: 0 4px;font-size: 19px;font-family: 'score-dream-light';color:#fff;} /* #mvisual_slider .slider-nav .slick-slide.slick-current .photo_list--item .inner{right: auto;left: 50%;opacity:1;transform: translate(-50%, -50%) scale(1);width: 100%;top: 50%;} */ #mvisual_slider .slider-nav .slick-slide .photo_list--item .inner{position: absolute;opacity:1;left: 50%;right: 0;top: 50%;width:100%;right:100%;height: 100%;transform: translate(-50%, -50%) scale(1);transition: all 1s;} #mvisual_slider .slider-nav .slick-slide .photo_list--item.hide .inner{opacity:0;transform: translate(-50%, 100%) scale(0);} /*w주석풀기*/ #mvisual_slider .slider-nav .slick-slide[data-slick-index="0"] .inner, #mvisual_slider .slider-nav .slick-slide[data-slick-index="1"] .inner, #mvisual_slider .slider-nav .slick-slide[data-slick-index="2"] .inner, #mvisual_slider .slider-nav .slick-slide[data-slick-index="3"] .inner{background:rgba(44,50,76,0);} #mvisual_slider .slider-nav .slick-slide[data-slick-index="0"] .photo_list--item .inner{background:rgba(239,65,48,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="1"] .photo_list--item .inner{background:rgba(77,77,79,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="2"] .photo_list--item .inner{background:rgba(163,145,97,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="3"] .photo_list--item .inner{background:rgba(44,50,76,.9);} #mvisual_slider .slider-nav .slick-slide[data-slick-index="0"] .photo_list--item.hide:before{background:rgba(239,65,48,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="1"] .photo_list--item.hide:before{background:rgba(77,77,79,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="2"] .photo_list--item.hide:before{background:rgba(163,145,97,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="3"] .photo_list--item.hide:before{background:rgba(44,50,76,1);} /* #mvisual_slider .slider-nav .slick-slide[data-slick-index="0"] .photo_list--item:before{background:rgba(239,65,48,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="1"] .photo_list--item:before{background:rgba(77,77,79,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="2"] .photo_list--item:before{background:rgba(163,145,97,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="3"] .photo_list--item:before{background:rgba(44,50,76,1);} #mvisual_slider .slider-nav .slick-slide[data-slick-index="0"] .photo_list--item.hide:before{background:rgba(239,65,48,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="1"] .photo_list--item.hide:before{background:rgba(77,77,79,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="2"] .photo_list--item.hide:before{background:rgba(163,145,97,1)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="3"] .photo_list--item.hide:before{background:rgba(44,50,76,1);} #mvisual_slider .slider-nav .slick-slide[data-slick-index="0"] .inner{background:rgba(239,65,48,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="1"] .inner{background:rgba(77,77,79,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="2"] .inner{background:rgba(163,145,97,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="3"] .inner{background:rgba(44,50,76,.9);} #mvisual_slider .slider-nav .slick-slide[data-slick-index="0"] .photo_list--item .inner{background:rgba(239,65,48,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="1"] .photo_list--item .inner{background:rgba(77,77,79,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="2"] .photo_list--item .inner{background:rgba(163,145,97,0.9)} #mvisual_slider .slider-nav .slick-slide[data-slick-index="3"] .photo_list--item .inner{background:rgba(44,50,76,.9);} #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="0"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="1"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="2"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="3"] .photo_list--item:before{top: 23%;bottom: auto;width: 11px;height: 11px;background:#fff;display: none;} */ #mvisual_slider .slider-nav .slider-progress{overflow:hidden;position:absolute;left:50%;bottom: 280px;width:150px;height:7px;background: rgba(255,255,255,0.3);border-radius:10px;transform:translateX(-50%);} #mvisual_slider .slider-nav .slider-progress .progress{position:absolute;left:0;top:0;width: 100%;height:100%;background:#fff;} #mvisual_slider .slider-control .pause, #mvisual_slider .slider-control .play{position: absolute;bottom: 190px;left: 50%;width: 20px;height: 20px;margin-left: -900px;transform: translateX(-50%);} #mvisual_slider .slider-control .pause:before{content:'';position:absolute;top: 1px;left: 7px;right: 0;display:block;width: 6px;height: 16px;box-shadow: -2px 0 #fff, 2px 0 #fff;} #mvisual_slider .slider-control .play:before{content:'';position:absolute;top: 1px;left: 2px;right:20px;display:block;width: 0;height: 0;border-width: 8px 0 8px 8px;border-style: solid;border-color: transparent transparent transparent #fff;} #mcont1{position:relative;padding:110px 0 128px} #mcont1:before{position:absolute;left:0;top:0;width: 100%;height:920px;background:#f7f7f7;content:'';} #mcont1 .prog_wrap{position:relative;min-height: 490px;margin-bottom: 95px;} #mcont1 .prog_wrap:after{display:block;clear:both;content:'';} #mcont1 .prog_wrap .title{display: inline-block;margin-bottom: 30px;font-size:39px;color:#000000;font-family:'mont';line-height: 1;} #mcont1 .prog_wrap .title b{color:#e24e3f} #mcont1 .prog_wrap .main-board__skin{float: left;position: relative;top: -30px;width: calc(100% - 440px);min-height: 500px;text-align: left;} #mcont1 .prog_wrap .main-board__skin .title{position:absolute;left:0;top: 28px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item{display:inline-block;float:left;margin-top: 3px;padding:0;} #mcont1 .prog_wrap .board__list--tab .board__nav-item.n1{margin-left: 135px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__title{position: relative;margin-right: 30px;padding-top:30px;font-size: 19px;color: #242424;letter-spacing: -0.06em;font-weight: 600;} #mcont1 .prog_wrap .board__list--tab .board__nav-item.active .board__title{color: #e83421;font-weight: bold;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__title:before{display:none;position:absolute;left:50%;top: 5px;width: 26px;height:18px;background: url(/images/kor/main/mcont1_ir.png) -300px 0;transform: translateX(-50%);transition:all .5s;content:'';} #mcont1 .prog_wrap .board__list--tab .board__nav-item.active .board__title:before{display:block;animation: top linear .7s;} #mcont1 .prog_wrap .board__typeA ul:after{display:block;clear:both;content:'';} #mcont1 .prog_wrap .board__typeA .board__item{display:block;position:relative;background: #ffffff;box-shadow: 1px 0 20px rgba(0,0,0,0.06);margin-bottom: 9.45px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link{display:block;position:relative;/* height: 100%; *//* min-height: 420px; */padding: 19px 18px 18px;padding-right: 272px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .board__item--thumb{display:none} #mcont1 .prog_wrap .board__typeA .board__item .board__link .board__item--title{display:block;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;/* height: 74px; *//* margin-bottom: 25px; */font-weight: 500;overflow:hidden;text-overflow:ellipsis;line-height: 1.4;font-size: 18px;color: #000000;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top{position: absolute;top: 19px;left: auto;right: 18px;/* padding:18px 0; *//* border-bottom:1px solid #ddd; */} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em{display:inline-block;position:relative;margin-right:20px;padding-left: 22px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:before{display:inline-block;position: absolute;top: 50%;left: 0;height: 15px;margin-right: 5px;background:url(/images/kor/main/mcont1_ir.png);vertical-align:middle;transform: translateY(-50%);content:''; font-size: 0;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:nth-child(1):before{width:20px;background-position: -241px 0; content:'부서 아이콘 이미지';} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:nth-child(2):before{width: 16px;background-position: -261px 0; content:'달력 이미지';} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:nth-child(3):before{width: 19px;background-position: -280px 0;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:last-child{margin-right:0;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em span{display: block;font-size: 14px;color:#898989;vertical-align:middle;letter-spacing: -0.06em;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .more{display:block;position:absolute;left: 55px;bottom: 55px;font-size:15px;color: #000;font-style: italic;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .more:after{display:inline-block;width:12px;height:10px;margin-left: 18px;background:url(/images/kor/main/mcont1_box1_arr2.png);vertical-align:middle;transition: all .5s;content:'';} #mcont1 .prog_wrap .board__typeA .board__item .board__link:hover .more:after{margin-left:25px;} #mcont1 .prog_wrap .board__typeA .board__item.board__item_special .board__link .board__item--title {color:#e83421;} /* #mcont1 .prog_wrap .board__typeA .board__item{display:block;position:relative;float: left;width: calc(50% - 10px);margin-right: 19px;background: #ffffff;box-shadow: 1px 0 20px rgba(0,0,0,0.06);} #mcont1 .prog_wrap .board__typeA .board__item:last-child{margin-right:0;} #mcont1 .prog_wrap .board__typeA .board__item .board__link{display:block;position:relative;height: 100%;min-height: 420px;padding: 135px 55px 55px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .board__item--thumb{display:none} #mcont1 .prog_wrap .board__typeA .board__item .board__link .board__item--title{display:block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 74px;margin-bottom: 25px;font-weight: 500;overflow:hidden;text-overflow:ellipsis;line-height: 1.4;font-size: 27px;color: #000000;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .board__item--content{display: block;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden;height: 72px;line-height: 1.5;color: #898989;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top{position: absolute;top: 35px;left: 55px;right: 55px;padding:18px 0;border-bottom:1px solid #ddd;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em{display:inline-block;position:relative;margin-right:20px;padding-left: 22px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:before{display:inline-block;position: absolute;top: 50%;left: 0;height: 15px;margin-right: 5px;background:url(/images/kor/main/mcont1_ir.png);vertical-align:middle;transform: translateY(-50%);content:'';} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:nth-child(1):before{width:20px;background-position: -241px 0;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:nth-child(2):before{width: 16px;background-position: -261px 0;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:nth-child(3):before{width: 19px;background-position: -280px 0;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em:last-child{margin-right:0;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em span{display: block;font-size:15px;color:#898989;vertical-align:middle;letter-spacing: -0.06em;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .more{display:block;position:absolute;left: 55px;bottom: 55px;font-size:15px;color: #000;font-style: italic;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .more:after{display:inline-block;width:12px;height:10px;margin-left: 18px;background:url(/images/kor/main/mcont1_box1_arr2.png);vertical-align:middle;transition: all .5s;content:'';} #mcont1 .prog_wrap .board__typeA .board__item .board__link:hover .more:after{margin-left:25px;} */ #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__content{position:absolute;top: 100px;left:0;width:100%;min-height:170px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more{position:absolute;right: 24px;top: -65px;width: 22px;height: 22px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more a{display: block;position: relative;width: 100%;height: 100%;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more a:before{position:absolute;background-color: #aaa;right:0;bottom: 11px;height:1px;width: 100%;content:"";transition: transform .3s;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more a:after{;position: absolute;background-color: #aaa;right: 11px;bottom: 0;width: 1px;height: 100%;content: "";transition: transform .3s;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more a:hover:after, #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more a:focus:after,#mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more a:hover:before, #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more a:focus:before{transform: rotate(90deg);transition: transform .3s;} #mcont1 .prog_wrap #popupzone{float: right;position: relative;width:420px;margin-left: 20px;} #mcont1 .prog_wrap #popupzone .grap{overflow:hidden;width:100%;height: 420px;background: #fff;padding: 39px;} #mcont1 .prog_wrap #popupzone .grap .obj{position:relative;width: 100%;height: 100%;} #mcont1 .prog_wrap #popupzone .grap .obj li{position:absolute;top:0;left:0;width: 100%;height: 100%;} #mcont1 .prog_wrap #popupzone .grap .obj li a{display:block;height: 100%;text-align: center;} #mcont1 .prog_wrap #popupzone .grap .obj li img{width:100%;height:100%} #mcont1 .prog_wrap #popupzone .controlBox{text-align:right;} #mcont1 .prog_wrap #popupzone .controlBox > strong{float:left;} #mcont1 .prog_wrap #popupzone .controlBox > button{display: inline-block;position:relative;width:7px;height:44px;margin-left: 12px;font-size:0;vertical-align: middle;} #mcont1 .prog_wrap #popupzone .controlBox > .btn_next:before, #mcont1 .prog_wrap #popupzone .controlBox > .btn_prev:before{content:'';position:absolute;top: 50%;left: 1px;display:block;width: 6px;height: 6px;margin-top: -3px;border: 1px solid #000000;border-width: 2px 2px 0 0;} #mcont1 .prog_wrap #popupzone .controlBox > .btn_next:before{left: -3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);} #mcont1 .prog_wrap #popupzone .controlBox > .btn_prev:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} #mcont1 .prog_wrap #popupzone .controlBox > .btn_stop:before{content:'';position:absolute;top: 50%;left: 2px;right: 0;display:block;width: 3px;height: 11px;margin-top: -5.5px;box-shadow: -2px 0 #000000, 2px 0 #000000;} #mcont1 .prog_wrap #popupzone .controlBox > .btn_play:before{content:'';position:absolute;top: 50%;left: 0;right:20px;display:block;width: 0;height: 0;margin-top: -5.5px;border-width: 5px 0 6px 7px;border-style: solid;border-color: transparent transparent transparent #000;} #mcont1 .prog_wrap #popupzone .controlBox .number{position: absolute;right: 80px;top: 11px;color: #000000;font-size: 16px;letter-spacing:3px;font-family: 'score';} #mcont1 .prog_wrap #popupzone .controlBox .number em{display:inline-block;position:relative;padding-right:20px;color: #e83421;font-size: 15px;letter-spacing:3px;} #mcont1 .prog_wrap #popupzone .controlBox .number em:after{position:absolute;right: 5px;top: 44%;width:12px;height:1px;background:#000;content:'';} #mcont1 .prog_wrap #popupzone .controlBox .number em:before{display:inline-block;content:'0'} #mcont1 .prog_wrap #popupzone .controlBox .number span{display:inline-block;font-size: 15px;letter-spacing:3px;} #mcont1 .prog_wrap #popupzone .controlBox .number span:before{display:inline-block;content:'0'} #mcont1 .link_wrap1{margin-bottom:21px;} #mcont1 .link_wrap1:after{display:block;clear:both;content:'';} #mcont1 .link_wrap1 .box{float:left;width: calc(33.333% - 13px);height:430px;margin-right:19px;} #mcont1 .link_wrap1 .box a{display:block;position:relative;width:100%;height:100%;padding: 65px 65px;background-position:center;background-size: cover;background-repeat: no-repeat;transition: all .3s;} #mcont1 .link_wrap1 .box strong{display:block;font-size:41px;color:#fff;font-weight: normal;} #mcont1 .link_wrap1 .box span{display:block;position:absolute;left: 55px;bottom: 65px;width: 22px;height: 22px;} #mcont1 .link_wrap1 .box span i{display:block; text-indent: -9999px;} #mcont1 .link_wrap1 .box span:before{position:absolute;background-color: #fff;right:0;bottom: 11px;height:1px;width: 100%;content:"";transition: transform .3s;} #mcont1 .link_wrap1 .box span:after{position: absolute;background-color: #fff;right: 11px;bottom: 0;width: 1px;height: 100%;content: "";transition: transform .3s;} #mcont1 .link_wrap1 .box a:hover span:after, #mcont1 .link_wrap1 .box a:focus span:after,#mcont1 .link_wrap1 .box a:hover span:before, #mcont1 .link_wrap1 .box a:focus span:before{transform: rotate(90deg);transition: transform .3s;} #mcont1 .link_wrap1 .box em{position:absolute;right: 55px;bottom: 49px;font-size:55px;color:#fff;font-family: 'mont';line-height: 1;} #mcont1 .link_wrap1 .box3{margin-right:0} #mcont1 .link_wrap1 .box1 a{background-image:url(/images/kor/main/mcont1_box1_bg1.jpg)} #mcont1 .link_wrap1 .box2 a{background-image:url(/images/kor/main/mcont1_box1_bg2.jpg)} #mcont1 .link_wrap1 .box3 a{background-image:url(/images/kor/main/mcont1_box1_bg3.jpg);margin-right:0} #mcont1 .link_wrap1 .box a:hover, #mcont1 .link_wrap1 .box a:focus{background-size:110%} #mcont1 .link_wrap2{} #mcont1 .link_wrap2:after{display:block;clear:both;content:'';} #mcont1 .link_wrap2 .box{float:left;width:calc(50% - 10px);height: 125px;margin-right:20px;} #mcont1 .link_wrap2 .box a{display:block;overflow: hidden;position: relative;width:100%;height:100%;padding: 30px 0 0 180px;} #mcont1 .link_wrap2 .box span{display:block;position:absolute;left:30px;top:-30px;z-index: 0;background:url(/images/kor/main/mcont1_ir.png);} #mcont1 .link_wrap2 .box .icon1{top: -38px;width: 97px;height: 134px;background-position: 0 0;} #mcont1 .link_wrap2 .box .icon2{width: 126px;height: 126px;background-position: -104px 0;} #mcont1 .link_wrap2 .box strong{display:block;position: relative;font-size:25px;color:#fff;letter-spacing: -0.06em;} #mcont1 .link_wrap2 .box p{position: relative;font-size:16px;color:#fff;letter-spacing: -0.06em;line-height: 1.4;} #mcont1 .link_wrap2 .box1{background:#e24e3f} #mcont1 .link_wrap2 .box2{background:#95896a;margin-right:0} #mcont2{overflow:hidden;height: 551px;} #mcont2 #mcont2_slide{position:relative;height:100%;} #mcont2 #mcont2_slide .photo_list--wrap, #mcont2 #mcont2_slide .photo_list--slider, #mcont2 #mcont2_slide .slick-list, #mcont2 #mcont2_slide .slick-track{height:100%;} #mcont2 #mcont2_slide .slick-slide{height: 100%;background-position:center;background-repeat: no-repeat;background-size: cover;} #mcont2 #mcont2_slide .photo_list--item:before{position:absolute;right:0;top:0;z-index: 1;width: 100%;height:100%;background:rgba(0,0,0,0.3);content:'';} #mcont2 #mcont2_slide .photo_list--item{height: 100%;padding-top: 200px;} #mcont2 #mcont2_slide .photo_list--item .layout{z-index:9;max-width: 1400px;/* border: 1px solid; *//* min-height: 300px; */} #mcont2 #mcont2_slide .photo_list--item .title{height:auto;} #mcont2 #mcont2_slide .photo_list--item .title strong{display:block;font-size:53px;color:#fff;letter-spacing:-0.06em;line-height: 1.4;} #mcont2 #mcont2_slide .photo_list--item .title em{display:block;font-size:23px;color:#fff;letter-spacing:-0.06em} #mcont2 #mcont2_slide .photo_list--item .stit{display:block;margin-bottom: 18px;font-size:23px;color:#fff;} #mcont2 #mcont2_slide .photo_list--item .left{float:left;width:50%;} #mcont2 #mcont2_slide .photo_list--item .right{float:right;width:50%;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon{display:block;height: 60px;margin: 0 auto 8px;background: url(/images/kor/main/mcont2_ir2.png);} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon1{width: 64px;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon2{width: 61px;background-position: -73px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon3{width: 58px;background-position: -145px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon4{width: 58px;background-position: -211px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon5{width: 57px;background-position: -283px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon6{width: 57px;background-position: -355px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon7{width: 51px;background-position: -419px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon8{width: 65px;background-position: -483px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon9{width: 61px;background-position: -557px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon10{width: 58px;background-position: -621px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon11{width: 58px;background-position: -988px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon12{width: 59px;background-position: -684px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon13{width: 61px;background-position: -743px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon14{width: 59px;background-position: -807px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon15{width: 60px;background-position: -867px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon16{width: 57px;background-position: -929px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon17{width: 61px;background-position: -2253px 0;} /* 산학협력단 아이콘 */ #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon.icon-home{width:60px; background:url(/images/kor/main/icon-home.png) no-repeat center} #mcont2 #mcont2_slide #tab-1 .layout{/* padding:0 190px; */max-width: 1000px;} #mcont2 #mcont2_slide #tab-1 .link2{position:relative;width:100%;top: auto;right: auto;max-width: none;transform: translateY(0%);margin-top: 0;} #mcont2 #mcont2_slide #tab-1 .link2:after{display:block;clear:both;content:'';} #mcont2 #mcont2_slide #tab-1 .link2 li{float:left;width:20%;min-height: 128px;margin-bottom: 24px;} #mcont2 #mcont2_slide #tab-1 .link2 li a{display:block;color:#fff;font-size:18px;text-align:center;line-height: 1.2;} #mcont2 #mcont2_slide #tab-1 .link2 li span{display:block;height: 66px;margin: 0 auto 20px;background:url(/images/kor/main/mcont2_ir.png);} #mcont2 #mcont2_slide #tab-1 .link2 li .icon1{width: 64px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon2{width: 73px;background-position: -73px 0;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon3{width: 52px;background-position: -158px 0;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon4{width: 73px;background-position: 0 -82px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon5{width: 61px;background-position: -82px -82px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon6{width: 62px;background-position: -153px -83px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon7{width: 73px;background-position: 0 -158px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon8{width: 63px;background-position: -79px -158px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon9{width: 68px;background-position: -152px -158px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon10{width: 63px;background-position: -79px -158px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon11{width: 68px;background-position: 0 0;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon12{width: 73px;background-position: -73px 0;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon13{width: 68px;background-position: -1px -159px;} #mcont2 #mcont2_slide #tab-2 .layout{padding:0 0 0 512px;} #mcont2 #mcont2_slide #tab-2 .left{position:absolute;top:0;left:0;width:419px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap{display: block;padding:0;margin: 0 0 35px;position:relative;width: 100%;height: 217px;padding: 29px 29px 28px;background: rgba(0,0,0,0.4);} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox, #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul, #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li{ width:100%; height:100%; padding:0; margin:0; display:inline-block;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox{ overflow:hidden;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul{ position:relative;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li{ position:absolute; top:0; left:0;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox{position: relative;width: 100%;height: 100% !important;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul{position:relative;width: 100% !important;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li{width: 100% !important;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li a{display:block;position:relative;height: 100%;padding-left: 245px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li .thumb{position: absolute;left: 0;top: 0;overflow:hidden;width: 225px;height:160px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li .thumb img{position:absolute;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%,-50%)} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li strong{display:block;margin-bottom: 15px;font-size:23px;color:#fff;line-height:1.3;letter-spacing: -0.05em;word-break: keep-all;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li p{display:block;font-size: 18px;color:#fff;line-height:1.3;letter-spacing: -0.05em;word-break: keep-all;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox{position: absolute;left: 50%;bottom: 30px;height: auto;margin-left: 21px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox button{display:inline-block;position: relative;width:26px;height:26px;background:#fff;border-radius:50%;font-size: 0;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox button:after{position:absolute;left:50%;top:50%;width: 6px;height: 6px;border:2px solid #000;border-width:2px 2px 0 0;transform: translate(-50%, -50%) rotate(45deg);content:'';} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox .btn_prev:after{margin-left: 2px;transform: translate(-50%, -50%) rotate(-135deg);} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox .pageCount{display: inline-block;font-size:14px;color:#fff;letter-spacing:3px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox .pageCount span{color:#fff;font-size:14px;letter-spacing:3px} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox .pageCount span.num{color:#e12527;} #mcont2 #mcont2_slide #tab-2 .left .board__nav-item{position: relative;border-top:2px solid #fff;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item{border-bottom:1px dashed #fff} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item:last-child{border-bottom:0;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item a{display:block;position:relative;padding: 25px 0 25px 165px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item a > span{display:inline-block;position:absolute;left:75px;top:50%;width:68px;height:26px;background:#9d9fa2;color:#fff;font-size: 14px;text-align:center;font-weight: bold;transform:translateY(-50%);line-height: 26px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item a > span.type1{background:#e12527;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item a > span.type2{background:#998656;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item a > span.type4{background:#434446;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--title{overflow: hidden;display: block;font-size:16px;color:#fff;white-space: nowrap;text-overflow: ellipsis;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--content{display:none;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--date{display: block;position: absolute;left: 0;top: 50%;font-size:13px;color:#fff;transform: translateY(-50%);} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--date span{display:block;position:relative;padding-top:30px;font-weight: 600;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--date i{display:block;position: absolute;top: 0;left: 50%;width: 100%;font-size:26px;line-height: 1.2;font-weight: bold;transform: translateX(-50%);text-align: center;} #mcont2 #mcont2_slide #tab-2 .left .board__more{position:absolute;right:0;top: -50px;width: 22px;height: 22px;} #mcont2 #mcont2_slide #tab-2 .left .board__more a{display: block;position: relative;width: 100%;height: 100%;} #mcont2 #mcont2_slide #tab-2 .left .board__more a span{display:block; text-indent: -9999px;} #mcont2 #mcont2_slide #tab-2 .left .board__more a:before{position:absolute;background-color: #fff;right:0;bottom: 11px;height:1px;width: 100%;content:"";transition: transform .3s;} #mcont2 #mcont2_slide #tab-2 .left .board__more a:after{position: absolute;background-color: #fff;right: 11px;bottom: 0;width: 1px;height: 100%;content: "";transition: transform .3s;} #mcont2 #mcont2_slide #tab-2 .left .board__more a:hover:after, #mcont2 #mcont2_slide #tab-2 .left .board__more a:focus:after,#mcont2 #mcont2_slide #tab-2 .left .board__more a:hover:before, #mcont2 #mcont2_slide #tab-2 .left .board__more a:focus:before{transform: rotate(90deg);transition: transform .3s;} #mcont2 #mcont2_slide #tab-2 .right{width:100%} #m #mcont2 #mcont2_slide #tab-2 .link2{} #mcont2 #mcont2_slide #tab-2 .link2:after{display:block;clear:both;content:'';} #mcont2 #mcont2_slide #tab-2 .link2 li{float:left;width: 16.66%;min-height: 130px;margin-bottom: 32px;} #mcont2 #mcont2_slide #tab-2 .link2 li a{display:block;color:#fff;font-size:18px;text-align:center;line-height: 1.2;} #mcont2 #mcont2_slide #tab-3 .layout{max-width:1000px;} #mcont2 #mcont2_slide #tab-3 .left{position:relative;float: left;width: 50%;max-width:508px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin{margin-bottom: 20px;} #mcont2 #mcont2_slide #tab-3 .left .board__nav-item{position: relative;height: auto;border-top:2px solid #fff;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item{border-bottom:1px dashed #fff} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item:last-child{border-bottom:0;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item a{display:block;position:relative;padding: 25px 0 25px 95px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item a > span{display:inline-block;position:absolute;left:75px;top:50%;width:68px;height:26px;background:#9d9fa2;color:#fff;font-size: 14px;text-align:center;font-weight: bold;transform:translateY(-50%);line-height: 26px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item a > span.type1{background:#e12527;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item a > span.type2{background:#998656;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item a > span.type4{background:#434446;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--title{overflow: hidden;display: block;font-size:16px;color:#fff;white-space: nowrap;text-overflow: ellipsis;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--content{display:none;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--date{display: block;position: absolute;left: 20px;top: 50%;font-size:13px;color:#fff;transform: translateY(-50%);} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--date span{display:block;position:relative;padding-top:30px;font-weight: 600;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--date i{display:block;position: absolute;top: 0;left: 50%;font-size:26px;line-height: 1.2;font-weight: bold;transform: translateX(-50%);} #mcont2 #mcont2_slide #tab-3 .left .board__more{position:absolute;right:0;top: -50px;height: auto;} #mcont2 #mcont2_slide #tab-3 .left .board__more a{color:#fff;font-size:15px;font-style:italic;} #mcont2 #mcont2_slide #tab-3 .left .board__more a:after{display:inline-block;position: relative;right:0;width:12px;height:10px;margin-left: 20px;background:url(/images/kor/main/mcont1_box1_arr.png);transition: all .5s;content:'';} #mcont2 #mcont2_slide #tab-3 .left .link ul{padding: 38px 20px;border:7px solid rgba(255,255,255,0.45);} #mcont2 #mcont2_slide #tab-3 .left .link ul:after{display:block;clear:both;content:'';} #mcont2 #mcont2_slide #tab-3 .left .link ul li{float:left;width:33.333%;} #mcont2 #mcont2_slide #tab-3 .left .link ul li a{display:block;width: 100%;height: 100%;margin: 0 auto;font-size:0;background-size: auto 100%;background-repeat:no-repeat;} #mcont2 #mcont2_slide #tab-3 .left .link ul li a img{width: auto;max-height:80px;margin: 0 auto;} #mcont2 #mcont2_slide #tab-3 .right{float: right;width: 50%;max-width: 507px;} #mcont2 #mcont2_slide #tab-3 .link1{margin-top: 0;} #mcont2 #mcont2_slide #tab-3 .link1:after{display:block;clear:both;content:'';} #mcont2 #mcont2_slide #tab-3 .link1 li{float: left;width: calc(50% - 4.5px);height: 171px;margin-right: 9px;} #mcont2 #mcont2_slide #tab-3 .link1 li:nth-child(2n){margin-right:0;} #mcont2 #mcont2_slide #tab-3 .link1 li a{display: block;position: relative;width: 100%;height: 100%;padding-top: 104px;border: 5px solid #fff;font-size:28px;color:#fff;font-weight:bold;line-height: 1.4;transition: all .3s;text-align: center;} #mcont2 #mcont2_slide #tab-3 .link1 li a:hover, #mcont2 #mcont2_slide #tab-3 .link1 li a:focus{background:#eb4436;border: 0;} #mcont2 #mcont2_slide #tab-3 .link1 li em{display: block;vertical-align:middle;font-size: 18px;} #mcont2 #mcont2_slide #tab-3 .link1 li span{display:block;position: absolute;left: 50%;top: 42px;height:50px;margin:0 auto;background:url(/images/kor/main/mcont2_ir3.png);transform: translateX(-50%);} #mcont2 #mcont2_slide #tab-3 .link1 li .icon1{width:50px;} #mcont2 #mcont2_slide #tab-3 .link1 li .icon2{width: 55px;background-position: -55px 0;} #mcont2 #mcont2_slide #tab-3 .link2{} #mcont2 #mcont2_slide #tab-3 .link2:after{display:block;clear:both;content:'';} #mcont2 #mcont2_slide #tab-3 .link2 li{float:left;width:20%;min-height: 128px;margin-bottom: 24px;} #mcont2 #mcont2_slide #tab-3 .link2 li a{display:block;color:#fff;font-size:18px;text-align:center} #mcont2 #mcont2_slide #tab-3 .link2 li a img{width:auto} #mcont2 #mcont2_slide #tab-3 .link2 li .icon8{width: 65px;background-position: -70px -136px;} #mcont2 #mcont2_slide #tab-3 .link2 li .icon9{width: 68px;background-position: -139px -136px;} #mcont2 #mcont2_slide #tab-3 .link2 li .icon-link1{width:71px;height:49px;background: url(/images/kor/main/link1.png) no-repeat 50%;} #mcont2 #mcont2_slide #tab-3 .link2 li .icon-link2{width:55px;height:55px;background: url(/images/kor/main/link2.png) no-repeat 50%;} #mcont2 #mcont2_slide #tab-4 .layout{max-width:1000px;} #mcont2 #mcont2_slide #tab-4 .left{max-width:508px;} #mcont2 #mcont2_slide #tab-4 .left ul{margin-top: 10px;} #mcont2 #mcont2_slide #tab-4 .left ul:after{display:block;clear:both;content:'';} #mcont2 #mcont2_slide #tab-4 .left ul li{float: left;width: calc(50% - 12px);height: 171px;margin-bottom: 24px;margin-right: 24px;} #mcont2 #mcont2_slide #tab-4 .left ul li:nth-child(2n){margin-right:0;} #mcont2 #mcont2_slide #tab-4 .left ul li a{display: block;position: relative;width: 100%;height: 100%;padding-top: 64px;border: 5px solid rgba(255,255,255,0.45);font-size:28px;color:#fff;text-align:center;font-weight:bold;line-height: 1.4;transition: all .3s;font-size:0;background-position:center;background-repeat:no-repeat;} #mcont2 #mcont2_slide #tab-4 .left ul li em{display:table-cell;vertical-align:middle;font-size: 18px;} #mcont2 #mcont2_slide #tab-4 .left ul li span{display:block;position: absolute;left: 50%;top: 42px;height:50px;margin:0 auto;background:url(/images/kor/main/mcont2_ir3.png);transform: translateX(-50%);} #mcont2 #mcont2_slide #tab-4 .left ul li.bg1 a{background-image:url(/images/kor/main/link_img04.png)} #mcont2 #mcont2_slide #tab-4 .left ul li.bg2 a{background-image:url(/images/kor/main/link_img05.png)} #mcont2 #mcont2_slide #tab-4 .left ul li.bg3 a{background-image:url(/images/kor/main/link_img06.png)} #mcont2 #mcont2_slide #tab-4 .left ul li.bg4 a{background-image:url(/images/kor/main/link_img07.png)} #mcont2 #mcont2_slide #tab-4 .left ul li.bg5 a{background-image:url(/images/kor/main/link_img08.png)} #mcont2 #mcont2_slide #tab-4 .left ul li.bg6 a{background-image:url(/images/kor/main/link_img09.png)} #mcont2 #mcont2_slide #tab-4 .left ul li.bg1 a:hover, #mcont2 #mcont2_slide #tab-4 .left ul li.bg1 a:focus{background-color:#3d5a98;} #mcont2 #mcont2_slide #tab-4 .left ul li.bg2 a:hover, #mcont2 #mcont2_slide #tab-4 .left ul li.bg2 a:focus{background-color:#2db24a;} #mcont2 #mcont2_slide #tab-4 .left ul li.bg3 a:hover, #mcont2 #mcont2_slide #tab-4 .left ul li.bg3 a:focus{background-color:#f6ba0a;} #mcont2 #mcont2_slide #tab-4 .left ul li.bg4 a:hover:before, #mcont2 #mcont2_slide #tab-4 .left ul li.bg4 a:focus:before{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;background-image:url(/images/kor/main/link_img07_bg.png);content:'';} #mcont2 #mcont2_slide #tab-4 .left ul li.bg5 a:hover, #mcont2 #mcont2_slide #tab-4 .left ul li.bg5 a:focus{background-color:#d2262b;} #mcont2 #mcont2_slide #tab-4 .left ul li.bg6 a:hover, #mcont2 #mcont2_slide #tab-4 .left ul li.bg6 a:focus{background-color:#0373b1;} #mcont2 #mcont2_slide #tab-4 .right{float: right;width: 50%;max-width: 507px;} #mcont2 #mcont2_slide #tab-4 .link2{/* margin-top: 36px; */} #mcont2 #mcont2_slide #tab-4 .link2:after{display:block;clear:both;content:'';} #mcont2 #mcont2_slide #tab-4 .link2 li{float:left;width:20%;min-height: 128px;margin-bottom: 24px;} #mcont2 #mcont2_slide #tab-4 .link2 li a{display:block;color:#fff;font-size:18px;text-align:center;line-height: 1.3;} #mcont3{position: relative;padding: 105px 0 100px;background:#f7f7f7;} #mcont3 .title{margin-bottom:45px;} #mcont3 .title strong{display:block;color:#000000;font-family:'mont';font-size:43px;} #mcont3 .title strong b{color:#e24e3f} #mcont3 .title p{color:#000000;font-size:17px;} #mcont3 .photo_list--slider{position:relative} #mcont3 .photo_list--slider:after{display:block;clear:both;content:'';} #mcont3 .photo_list--slider .photo_list--item{float:left;width: calc(33.333% - 14px);margin-right:20px;margin-bottom: 20px;background:#fff;box-shadow:1px 0 20px rgba(0,0,0,0.06);} #mcont3 .photo_list--slider .photo_list--item:nth-child(3n){margin-right:0} #mcont3 .photo_list--slider .photo_list--item a{display:block;position:relative;width:100%;height:100%;padding: 50px 40px 25px;} #mcont3 .photo_list--slider .photo_list--item a:hover:after, #mcont3 .photo_list--slider .photo_list--item a:focus:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #e83421;content:'';} #mcont3 .photo_list--slider .photo_list--item .thumb{overflow:hidden;position:relative;height:218px;} #mcont3 .photo_list--slider .photo_list--item .thumb img{position:absolute;left:50%;top:50%;max-width: none;height: 100%;transform:translate(-50%,-50%);} #mcont3 .photo_list--slider .photo_list--item span{display:block;font-size:15px;color:#e83421;font-weight:bold;} #mcont3 .photo_list--slider .photo_list--item strong{overflow: hidden;display:block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 70px;margin: 5px 0 20px;color:#242424;font-size:27px;font-weight:normal;line-height: 1.3;text-overflow: ellipsis;} #mcont3 .photo_list--slider .photo_list--item p{display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;height: 75px;margin-bottom: 45px;} /* #mcont3 .photo_list--slider .photo_list--item ul{margin-top:20px} #mcont3 .photo_list--slider .photo_list--item ul li{display:inline-block;position: relative;margin-right: 20px;padding-left: 24px;font-size:15px;color:#676767;letter-spacing: -0.06em;} #mcont3 .photo_list--slider .photo_list--item ul li:before{display:inline-block;position: absolute;top: 50%;left: 0;height: 15px;margin-top: 2px;margin-right: 5px;background:url(/images/kor/main/mcont1_ir.png);vertical-align:middle;transform: translateY(-50%);content:'';} #mcont3 .photo_list--slider .photo_list--item ul li:nth-child(1):before{width:20px;background-position: -241px 0;} #mcont3 .photo_list--slider .photo_list--item ul li:nth-child(2):before{width: 19px;background-position: -280px 0;} */ #mcont3 .photo_list--slider .photo_list--item ul{margin-top:20px} #mcont3 .photo_list--slider .photo_list--item ul li{position:relative;padding-left: 27px;display: inline-block; margin-right: 20px;} /* #mcont3 .photo_list--slider .photo_list--item ul li:last-child{float:right} */ #mcont3 .photo_list--slider .photo_list--item ul li span{display:inline-block;position: relative;margin-right: 20px;/* padding-left: 24px; */font-size:15px;color:#676767;letter-spacing: -0.06em;} #mcont3 .photo_list--slider .photo_list--item ul li span{font-size:0;display:inline-block;position: absolute;top: 50%;left: 0;height: 15px;margin-top: 2px;margin-right: 5px;background:url(/images/kor/main/mcont1_ir.png);vertical-align:middle;transform: translateY(-50%);content:'';} #mcont3 .photo_list--slider .photo_list--item ul li span.icon1{width: 20px;background-position: -241px 0;padding: 0;} #mcont3 .photo_list--slider .photo_list--item ul li span.icon2{width: 19px;background-position: -280px 0;} #mcont3 .photo_list--slider .slick-arrow{display: none !important;} #mcont3 .photo_list--slider .slick-dots{text-align:center;} #mcont3 .photo_list--slider .slick-dots li{display:inline-block;} #mcont3 .photo_list--slider .slick-dots li button{display:block;width:12px;height:12px;margin-right: 6px;background:#ddd;border-radius:50%;font-size:0;} #mcont3 .photo_list--slider .slick-dots li:last-child button{margin-right:0;} #mcont3 .photo_list--slider .slick-dots li.slick-active button{border:2px solid #e24e3f;background:none;} #mcont3 .more{position:absolute;right: 0;top: 67px;display:block;width: 22px;height: 22px;} #mcont3 .more span{display:block; text-indent: -9999px;} #mcont3 .more:before{position:absolute;background-color: #000;right:0;bottom: 11px;height:1px;width: 100%;content:"";transition: transform .3s;} #mcont3 .more:after{position: absolute;background-color: #000;right: 11px;bottom: 0;width: 1px;height: 100%;content: "";transition: transform .3s;} #mcont3 .more:hover:after, #mcont3 .more:focus:after,#mcont3 .more:hover:before, #mcont3 .more:focus:before{transform: rotate(90deg);transition: transform .3s;} #mcont3_new{position: relative;padding: 105px 0 0;background:#f7f7f7;} #mcont3_new .title{margin-bottom:45px;} #mcont3_new .title strong{display:block;color:#000000;font-size:43px;} #mcont3_new .title strong b{color:#e24e3f} #mcont3_new .title p{color:#000000;font-size:17px;} #mcont3_new .photo_list--slider{position:relative} #mcont3_new .photo_list--slider:after{display:block;clear:both;content:'';} #mcont3_new .photo_list--slider .photo_list--item{float:left;width: calc(33.333% - 14px);margin-right:20px;margin-bottom: 20px;background:#fff;box-shadow:1px 0 20px rgba(0,0,0,0.06);} #mcont3_new .photo_list--slider .photo_list--item:nth-child(3n){margin-right:0} #mcont3_new .photo_list--slider .photo_list--item a{display:block;position:relative;width:100%;height:100%;padding: 50px 40px 25px;} #mcont3_new .photo_list--slider .photo_list--item a:hover:after, #mcont3_new .photo_list--slider .photo_list--item a:focus:after{position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid #e83421;content:'';} #mcont3_new .photo_list--slider .photo_list--item .thumb{overflow:hidden;position:relative;height:218px;} #mcont3_new .photo_list--slider .photo_list--item .thumb img{position:absolute;left:50%;top:50%;max-width: none;height: 100%;transform:translate(-50%,-50%);} #mcont3_new .photo_list--slider .photo_list--item span{display:block;font-size:15px;color:#e83421;font-weight:bold;} #mcont3_new .photo_list--slider .photo_list--item strong{overflow: hidden;display:block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 70px;margin: 5px 0 20px;color:#242424;font-size:27px;font-weight:normal;line-height: 1.3;text-overflow: ellipsis;} #mcont3_new .photo_list--slider .photo_list--item p{display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;height: 75px;margin-bottom: 45px;} #mcont3_new .photo_list--slider .photo_list--item ul{margin-top:20px} #mcont3_new .photo_list--slider .photo_list--item ul li{display:inline-block;position: relative;margin-right: 20px;padding-left: 24px;font-size:15px;color:#676767;letter-spacing: -0.06em;} #mcont3_new .photo_list--slider .photo_list--item ul li > span{display:inline-block;position: absolute;top: 50%;left: 0;height: 15px;margin-top: 2px;margin-right: 5px;background:url(/images/kor/main/mcont1_ir.png);vertical-align:middle;transform: translateY(-50%);content:'';} #mcont3_new .photo_list--slider .photo_list--item ul li > .icon1{width:20px;background-position: -241px 0;} #mcont3_new .photo_list--slider .photo_list--item ul li > .icon2{width: 19px;background-position: -280px 0;} #mcont3_new .photo_list--slider .photo_list--item ul li > span em{display:block; text-indent: -9999px;} #mcont3_new .photo_list--slider .slick-arrow{display: none !important;} #mcont3_new .photo_list--slider .slick-dots{text-align:center;} #mcont3_new .photo_list--slider .slick-dots li{display:inline-block;} #mcont3_new .photo_list--slider .slick-dots li button{display:block;width:12px;height:12px;margin-right: 6px;background:#ddd;border-radius:50%;font-size:0;} #mcont3_new .photo_list--slider .slick-dots li:last-child button{margin-right:0;} #mcont3_new .photo_list--slider .slick-dots li.slick-active button{border:2px solid #e24e3f;background:none;} #mcont3_new .more{position:absolute;right: 0;top: 67px;display:block;width: 22px;height: 22px;} #mcont3_new .more span{display:block; text-indent: -9999px;} #mcont3_new .more:before{position:absolute;background-color: #000;right:0;bottom: 11px;height:1px;width: 100%;content:"";transition: transform .3s;} #mcont3_new .more:after{position: absolute;background-color: #000;right: 11px;bottom: 0;width: 1px;height: 100%;content: "";transition: transform .3s;} #mcont3_new .more:hover:after, #mcont3_new .more:focus:after,#mcont3 .more:hover:before, #mcont3_new .more:focus:before{transform: rotate(90deg);transition: transform .3s;} #mcont4{overflow:hidden} #mcont4 .box_wrap{margin-bottom:83px;} #mcont4 .box_wrap:after{display:block;clear:both;content:'';} #mcont4 .box_wrap .box{float:left;position:relative;width: calc(25% - 16px);height:310px;margin-right:21px;} #mcont4 .box_wrap .box a{display:block;width:100%;height:100%;background-size:cover;background-position:center;} #mcont4 .box_wrap .box a:hover .bg, #mcont4 .box_wrap .box a:focus .bg{width:100%;height:100%;} #mcont4 .box_wrap .box .bg{position:absolute;left:50%;top:50%;width:202px;height:202px;transform:translate(-50%,-50%);transition:all .5s} #mcont4 .box_wrap .box .bg strong{display:block;position:absolute;left:30px;bottom:35px;font-size:27px;color:#fff;font-weight:normal;letter-spacing: -0.06em;} #mcont4 .box_wrap .box .bg strong b{font-weight:bold} #mcont4 .box_wrap .box .bg span{display:block;position:absolute;right:30px;top:30px;height: 41px;background:url(/images/kor/main/mcont1_ir.png);} #mcont4 .box_wrap .box .bg .icon1{width: 38px;background-position: -237px -23px;} #mcont4 .box_wrap .box .bg .icon2{width: 31px;background-position: -279px -23px;} #mcont4 .box_wrap .box .bg .icon3{width: 36px;background-position: -313px -23px;} #mcont4 .box_wrap .box .bg .icon4{width: 32px;background-position: -350px -23px;} #mcont4 .box_wrap .box1 a{background-image:url(/images/kor/main/mcont4_img01.jpg);} #mcont4 .box_wrap .box1 .bg{background:rgba(149,137,106,0.9)} #mcont4 .box_wrap .box2 a{background-image:url(/images/kor/main/mcont4_img02.jpg);} #mcont4 .box_wrap .box2 .bg{background:rgba(76,77,80,0.9)} #mcont4 .box_wrap .box3 a{background-image:url(/images/kor/main/mcont4_img03.jpg);} #mcont4 .box_wrap .box3 .bg{background:rgba(167,169,172,0.9)} #mcont4 .box_wrap .box4{margin-right:0;} #mcont4 .box_wrap .box4 a{background-image:url(/images/kor/main/mcont4_img04.jpg);} #mcont4 .box_wrap .box4 .bg{background:rgba(239,63,48,0.9)} #mcont4 .number_ust{padding: 95px 0 0;background:url(/images/kor/main/mcont4_bg.jpg);background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;height:530px;} #mcont4 .number_ust strong{display:block;font-size: 45px;color:#fff;text-align:center;letter-spacing: -0.06em;} #mcont4 #number_slide{padding:70px 0 0} #mcont4 #number_slide .slick-slider{text-align:center;} #mcont4 #number_slide .slick-slider .slick-autoplay-toggle-button{display:none;} #mcont4 #number_slide .slick-slide{position:relative;} #mcont4 #number_slide .slick-slide:before{position:absolute;right:0;top:50%;width:1px;height:86px;background:rgba(255,255,255,0.3);transform: translateY(-50%);content:'';} #mcont4 #number_slide .photo_list--item{text-align:center;} #mcont4 #number_slide .photo_list--item em{display:inline-block;margin-top: 9px;margin-right: 6px;color: #000c1d;text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;font-size:87px;line-height: 0.9;font-family:'mont';vertical-align:middle;transition: all .5s;} #mcont4 #number_slide .slick-slide.slick-current .photo_list--item em{color:#fff;} #mcont4 #number_slide .photo_list--item p{display:inline-block;color:#fff;font-size:17px;line-height:1.4;text-align:left;vertical-align:middle;letter-spacing: -0.06em;} #mcont4 #number_slide .slider-control{/*position:absolute;top:50%;width: 100%;position: relative;*/z-index: 1;margin-top: 100px;text-align:center;} #mcont4 #number_slide .slider-control *{vertical-align:middle} #mcont4 #number_slide .slider-control .paging{display:inline-block;} #mcont4 #number_slide .slider-control .slick-dots{} #mcont4 #number_slide .slider-control .slick-dots li{display:inline-block;margin:0 5px;} #mcont4 #number_slide .slider-control .slick-dots li button{display:block;width:13px;height:13px;background:#fff;border-radius:50%;font-size:0;} #mcont4 #number_slide .slider-control .slick-dots li.slick-active button{background:none;border:2px solid #fff;} #mcont4 #number_slide .slider-control .slick-arrow{display:block;width:70px;height:70px;border:1px solid #fff;background: url(/images/kor/main/mcont4_arr.png) no-repeat center;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);left:-170px;} #mcont4 #number_slide .slider-control .next{left: auto;right: -170px;transform:translateY(-50%) rotate(180deg);} #mcont4 #number_slide .slider-control .pause, #mcont4 #number_slide .slider-control .play{display:inline-block;width: 7px;height: 11px;position:relative;} #mcont4 #number_slide .slider-control .pause:before, #mcont4 #number_slide .slider-control .pause:after{content:'';display:block;position:absolute;top: 50%;background: #fff;width: 2px;height: 100%;transform: translateY(-50%);} #mcont4 #number_slide .slider-control .pause:before{left: 0;} #mcont4 #number_slide .slider-control .pause:after{right: 0;} #mcont4 #number_slide .slider-control .play:before{content:'';display:block;position:absolute;top: 50%;left: 50%;width: auto;height: auto;border-top: 4px solid transparent;border-left: 7px solid #fff;border-bottom: 4px solid transparent;transform: translate(-50%, -50%);} /* #mcont4 #number_slide .slider-control .pause, #mcont4 #number_slide .slider-control .play{position:absolute;left:50%;bottom: -140px;width: 7px;height: 11px;margin-left: 70px;} #mcont4 #number_slide .slider-control .pause:before, #mcont4 #number_slide .slider-control .pause:after{content:'';display:block;position:absolute;top: 50%;background: #fff;width: 2px;height: 100%;transform: translateY(-50%);} #mcont4 #number_slide .slider-control .pause:before{left: 0;} #mcont4 #number_slide .slider-control .pause:after{right: 0;} #mcont4 #number_slide .slider-control .play:before{content:'';display:block;position:absolute;top: 50%;left: 50%;width: auto;height: auto;border-top: 4px solid transparent;border-left: 7px solid #fff;border-bottom: 4px solid transparent;transform: translate(-50%, -50%);} */ #mcont5{padding: 90px 0 100px;} #mcont5 .title{margin-bottom:45px;} #mcont5 .title strong{display:block;color:#000000;font-family:'mont';font-size:43px;} #mcont5 .title strong b{color:#e24e3f} #mcont5 .title p{color:#282828;font-size:17px;font-weight:bold;letter-spacing: -0.06em;} #mcont5 .title p em{display:block;font-weight: 100;font-size: 17px;color: #282828;} #mcont5 .title ul{overflow:hidden;position:absolute;right:0;top: 60px;} #mcont5 .title ul li{float:left;width:63px;height:63px;margin-left: 7px;} #mcont5 .title ul li a{display:block;width:100%;height:100%;font-size:0;background: url(/images/kor/main/mcont1_ir.png);} #mcont5 .title ul .lnk1 a{background-position: -234px -71px;} #mcont5 .title ul .lnk2 a{background-position: -304px -71px;} #mcont5 .title ul .lnk3 a{background-position: -374px -71px;} #mcont5 .title ul .lnk4 a{background-position: -444px -71px;} #mcont5 .title ul .lnk5 a{background-position: -514px -71px;} #mcont5 .title ul .lnk6 a{background-position: -584px -71px;} #mcont5 .wrap:after{display:block;clear:both;content:'';} #mcont5 .box_wrap{float: left;position:relative;width:100%;} #mcont5 .box_wrap:after{display:block;clear:both;content:'';} #mcont5 .box_wrap .box{float:left;width: 25%;height: 319px;margin: -1px 0 0 -1px;background:#fff;} #mcont5 .box_wrap .box:nth-child(3n){margin-right:0} #mcont5 .box_wrap .box a{display:block;position: relative;width:100%;height:100%;} #mcont5 .box_wrap .box .txt{display:block;position: relative;z-index: 1;right: 0;bottom: 0;height: 100%;padding: 30px 16px;background: #fff;border: 1px solid #ebebeb;transition: all .3s;} #mcont5 .box_wrap .box .thumb{overflow:hidden;position:relative;height: 159px;} #mcont5 .box_wrap .box .thumb img{position:absolute;left:50%;top:50%;max-width: none;height: 100%;transform:translate(-50%,-50%);} #mcont5 .box_wrap .box span{display:block;position: relative;font-size:15px;color:#e83421;font-weight:bold;} #mcont5 .box_wrap .box strong{display:block;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;margin: 15px 0;color: #282828;font-size: 17px;font-weight: 600;line-height: 1.4;text-overflow: ellipsis;} #mcont5 .box_wrap .box p{display:block;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 50px;margin-bottom: 45px;font-size: 17px;color: #898989;line-height: 1.5;} #mcont5 .box_wrap .box .icon{width:31px;height:31px;background:url(/images/kor/main/mcont5_blog.png);} #mcont5 .box_wrap .box .ico-facebook {display:block; width:31px;height:31px;background:url(/images/kor/main/mcont5_fb.png);} #mcont5 .box_wrap .box ul{margin: 20px 10px 0;} #mcont5 .box_wrap .box ul li{display:inline-block;position: relative;margin-right: 20px;padding-left: 24px;font-size:15px;color:#676767;letter-spacing: -0.06em;} #mcont5 .box_wrap .box ul li:before{display:inline-block;position: absolute;top: 50%;left: 0;height: 15px;margin-top: 2px;margin-right: 5px;background:url(/images/kor/main/mcont1_ir.png);vertical-align:middle;transform: translateY(-50%);content:'';} #mcont5 .box_wrap .box ul li:nth-child(1):before{width:20px;background-position: -241px 0;} #mcont5 .box_wrap .box ul li:nth-child(2){margin:0;} #mcont5 .box_wrap .box ul li:nth-child(2):before{width: 19px;background-position: -280px 0;} #mcont5 .box_wrap#facebookBox .box p{-webkit-line-clamp: 4; height: 105px; margin:15px 0 65px 0; } #mcont5 .box_wrap .box .txt .img_wrap {height:220px; overflow: hidden;} #mcont5 .box_wrap#youtubeBox .box .txt .img_wrap {height: 160px;} #mcont5 .box_wrap .box .txt .img_wrap img {display: block; width: 100%; height: 100%; object-fit: contain; } #mcont5 .box_wrap.type2 {float: right;} #mcont5 .box_wrap.type2 .box a{position: relative;z-index: 1;display: block;} #mcont5 .box_wrap.type2 .box .txt{padding:23px 30px;background: #fff;} #mcont5 .box_wrap.type2 .box strong{margin-left:0;} #mcont5 .box_wrap.type2 .box ul{margin-top: 60px;} #mcont5 .box_wrap .box a:hover .txt, #mcont5 .box_wrap .box a:focus .txt{right: 13px;bottom: 13px;} #mcont5 .box_wrap .box a:before, #mcont5 .box_wrap .box a:before{display:block;position:absolute;z-index: 0;right: 0;top: 0;width:100%;height:100%;background: #ebebeb;content:'';} #mcont5 .more > span{display:block; text-indent: -9999px;} #mcont5 .more{position:absolute;right: 0;top: 10px;display:block;font-size:15px;color: #000;font-style: italic;} #mcont5 .more:before{position:absolute;left:0;right:0;bottom: -3px;height:1px;background:#000;content:'';} #mcont5 .more:after{display:inline-block;position:relative;right:0;width:12px;height:10px;margin-left: 18px;background:url(/images/kor/main/mcont1_box1_arr2.png);vertical-align:middle;content:'';transition:all .5s} #mcont5 .more:hover:after, #mcont5 .more:focus:after{right:-5px} @keyframes width { from {width:0% !important;} to {width:100% !important;} } @keyframes top { 0,100% {margin-top:0} 50% {margin-top:-5px} } @-webkit-keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}} @media (max-height:800px){ #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="0"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="1"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="2"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="3"] .photo_list--item:before{top: 43%;} } @media screen and (max-width: 1900px){ #mvisual_slider .slider-control .pause, #mvisual_slider .slider-control .play{bottom: 80px;margin:0;} } @media screen and (max-width: 1700px){ #mcont2 #mcont2_slide .slider-control button{margin-left: 0;left: 10px;float: none;} #mcont2 #mcont2_slide .slider-control .next{ margin-left:0; left:auto; right: 10px; float: none; } #mcont2 #mcont2_slide #tab-2 .left{left: 60px;} } @media screen and (max-width: 1379px){ /* #mcont5 .box_wrap{width:50%;} */ #mcont3 .more{right:40px} #mcont3_new .more{right:40px} } @media (max-width:1300px){ #mvisual_slider .slider-for .photo_list--item video{position:absolute;left:50%;top:50%;max-width: none;width:auto;height:100%;transform:translate(-50%,-50%);} #mvisual_slider .slider-nav .photo_list--item .inner .txt {min-width:230px;} #mvisual_slider .slider-nav .photo_list--item strong{font-size:30px;} } @media (max-width: 1279px){ #mcont1{padding-top:80px;} #mcont1:before{height:701px;} #mcont1 .prog_wrap{min-height:auto;/* margin-bottom: 50px; */} #mcont1 .prog_wrap .title{font-size:30px;} #mcont1 .prog_wrap .main-board__skin{width: calc(100% - 321px);min-height: 370px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__title{margin-right: 15px;font-size:16px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item.n1{margin-left:105px} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__content{top: 90px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more{top: -59px;} #mcont1 .prog_wrap .board__typeA .board__item{margin-bottom: 9.3px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link{padding: 13px 10px 13px 15px;padding-right: 230px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top{top: 11px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .board__item--title{font-size:16px;} #mcont1 .prog_wrap #popupzone{width:306px;margin-left: 15px;} #mcont1 .prog_wrap #popupzone .grap{height:310px;padding: 22px;} #mcont1 .prog_wrap #popupzone .controlBox > button{top: -8px;margin-left: 12px;} #mcont1 .prog_wrap #popupzone .controlBox .number{top: 4px;right: 66px;font-size: 15px;letter-spacing: 0;} #mcont1 .prog_wrap #popupzone .controlBox .number em{letter-spacing:0;} #mcont1 .link_wrap1 .box{width: calc(33.333% - 10px);height:314px;margin-right: 14px;} #mcont1 .link_wrap1 .box3{margin-right:0;} #mcont1 .link_wrap1 .box a{padding:40px 35px} #mcont1 .link_wrap1 .box strong{font-size:33px;} #mcont1 .link_wrap1 .box span{bottom:35px;left:35px;} #mcont1 .link_wrap1 .box em{right:40px;bottom: 30px;font-size:43px;} #mcont1 .link_wrap2 .box{height:110px;} #mcont1 .link_wrap2 .box a{padding-left: 160px;padding-top: 13px;} #mcont1 .link_wrap2 .box strong{font-size:21px;} #mcont1 .link_wrap2 .box p{font-size:15px;} #mcont2{height: 659px;} #mcont2 #mcont2_slide .photo_list--item{padding-top:200px;} #mcont2 #mcont2_slide .photo_list--item .title em{font-size:19px;} #mcont2 #mcont2_slide .photo_list--item .title strong{font-size:38px;} #mcont2 #mcont2_slide .photo_list--item .stit{font-size:18px;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon{height:52px;background-size:auto 100%;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon1{width: 54px;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon2{width: 51px;background-position: -65px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon3{width: 51px;background-position: -125px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon4{width: 50px;background-position: -183px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon5{width: 50px;background-position: -245px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon6{width: 48px;background-position: -308px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon7{width: 43px;background-position: -364px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon8{width: 55px;background-position: -419px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon9{width: 51px;background-position: -483px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon10{width: 50px;background-position: -538px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon11{width: 52px;background-position: -856px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon12{width: 52px;background-position: -592px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon13{width: 52px;background-position: -645px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon14{width: 50px;background-position: -699px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon15{width: 52px;background-position: -752px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon16{width: 50px;background-position: -805px 0;} #mcont2 #mcont2_slide #tab-1 .link1 li{width:425px;height:109px;} #mcont2 #mcont2_slide #tab-1 .link1 li a{padding: 37px 0;font-size:21px;} #mcont2 #mcont2_slide #tab-1 .link2{top: 0;/* right: 40px; *//* max-width: 420px; *//* margin-top: 100px; */} #mcont2 #mcont2_slide #tab-1 .link2 li{} #mcont2 #mcont2_slide #tab-1 .link2 li a{font-size: 14px;letter-spacing: -0.05em;} #mcont2 #mcont2_slide #tab-2 .right{right:40px; max-width: 420px;} #mcont2 #mcont2_slide #tab-2 .left{max-width:424px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap{height: 181px;margin-bottom: 20px;padding: 19px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li strong{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li p{font-size:14px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li a{padding-left:210px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li .thumb{width:201px;height:143px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item a{padding-top: 16px;padding-bottom: 16px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--date span{padding-top: 25px;font-size:13px;font-weight: normal;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--date i{font-size:21px;} #mcont2 #mcont2_slide #tab-2 .link1{margin-bottom:20px;} #mcont2 #mcont2_slide #tab-2 .link1 li{height: 63px;} #mcont2 #mcont2_slide #tab-2 .link1 li em{font-size: 18px;} #mcont2 #mcont2_slide #tab-2 .link2 li{margin-bottom:5px;min-height: 100px;width: 25%;} #mcont2 #mcont2_slide #tab-2 .link2 li a{font-size: 14px;letter-spacing: -0.05em;} #mcont2 #mcont2_slide #tab-3 .left{max-width:424px} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item a{padding-left: 70px;padding-top: 16px;padding-bottom: 16px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--date{left:0;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--date span{padding-top: 21px;font-size:13px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--date i{font-size:21px;} #mcont2 #mcont2_slide #tab-3 .left .link ul{padding: 37px 20px;} #mcont2 #mcont2_slide #tab-3 .left .link ul .bg1 a{width: 89px;height: 62px;background-size: 100%;} #mcont2 #mcont2_slide #tab-3 .left .link ul .bg2 a{width: 104px;height: 62px;background-size: 100%;} #mcont2 #mcont2_slide #tab-3 .left .link ul .bg3 a{width: 43px;height: 62px;background-size: 100%;} #mcont2 #mcont2_slide #tab-3 .right{right:40px;max-width: 420px;} #mcont2 #mcont2_slide #tab-3 .link2 {margin-bottom: 6px;} #mcont2 #mcont2_slide #tab-3 .link2 li{margin-bottom: 31px;min-height: 74px;} #mcont2 #mcont2_slide #tab-3 .link2 li a{font-size: 14px;letter-spacing: -0.05em;} #mcont2 #mcont2_slide #tab-3 .link1 li{height: 132px;} #mcont2 #mcont2_slide #tab-3 .link1 li a{padding-top:84px} #mcont2 #mcont2_slide #tab-3 .link1 li span{top:20px;} #mcont2 #mcont2_slide #tab-4 .left{max-width:424px;} #mcont2 #mcont2_slide #tab-4 .left ul li{width: calc(50% - 10px);height: 142px;margin-right: 19px;margin-bottom: 19px;} #mcont2 #mcont2_slide #tab-4 .left ul li a{background-size: auto 26px;} #mcont2 #mcont2_slide #tab-4 .right{right:40px;max-width: 420px;} #mcont2 #mcont2_slide #tab-4 .link2{} #mcont2 #mcont2_slide #tab-4 .link2 li{min-height: 115px;margin-bottom: 50px;} #mcont2 #mcont2_slide #tab-4 .link2 li a{font-size: 14px;letter-spacing: -0.05em;} #mcont2 #mcont2_slide #tab-4 .link2 li .sicon{margin-bottom:25px;} #mcont2 #mcont2_slide .slick-dots li button{padding: 0 10px;font-size:25px;} #mcont2 #mcont2_slide .slider-control{position:absolute;left: 50%;right:0;bottom:60px;max-width: 135px;transform: translateX(-50%);} #mcont2 #mcont2_slide .slider-control button{display: inline-block;position: relative;left: auto;top:auto;width:50px;height:50px;margin: 0;border-width: 1px;margin: 0 5px;} #mcont2 #mcont2_slide .slider-control button:hover, #mcont2 #mcont2_slide .slider-control button:focus{border-width:3px;} #mcont2 #mcont2_slide .slider-control .next{right:auto;margin: 0;} #mcont3 .title strong{font-size:30px;line-height: 1.2;} #mcont3 .title p{font-size:15px;} #mcont3_new .title strong{font-size:30px;line-height: 1.2;} #mcont3_new .title p{font-size:15px;} #mcont4 .number_ust{height:417px;padding-top:65px;} #mcont4 .number_ust strong{font-size: 41px;} #mcont4 #number_slide{padding-top:40px;} #mcont4 #number_slide .photo_list--item{padding: 0 5px;} #mcont4 #number_slide .photo_list--item em{font-size:40px;} #mcont4 #number_slide .photo_list--item p{font-size:14px;} #mcont4 #number_slide .slick-dots{display: inline-block;width: auto;margin-top: 44px;} #mcont4 #number_slide .photo_list--item em{margin-top: 0;font-size: 55px;} #mcont4 #number_slide .photo_list--item p{max-width: 160px;font-size: 14px;} #mcont4 #number_slide [data-slick-index="3"] p{max-width: 210px;} #mcont4 #number_slide .photo_list--item p br{display:none;} #mcont4 #number_slide .slider-control{bottom: -13px;left: 8px;top:auto;transform: none;text-align: center;} #mcont4 #number_slide .slider-control .slick-arrow{display: inline-block;float: none;left:0;width:50px;height:50px;} #mcont4 #number_slide .slider-control .prev{margin-right: 167px;} #mcont4 #number_slide .slider-control .next{float: none;right:0;} #mcont4 #number_slide .slider-control .pause, #mcont4 #number_slide .slider-control .play{bottom: 17px;margin-left: 57px;} #mcont5{padding-bottom: 95px;} #mcont5 .more{right:40px;} #mcont5 .title{margin-bottom:35px} #mcont5 .title ul{right:40px;} #mcont5 .title ul li{width:56px;height:57px;} #mcont5 .title ul li a{background-size: 1183%;} #mcont5 .title ul .lnk1 a{background-position: -223px -71px;} #mcont5 .title ul .lnk2 a{background-position: -289px -71px;} #mcont5 .title ul .lnk3 a{background-position: -354px -71px;} #mcont5 .title ul .lnk4 a{background-position: -423px -71px;} #mcont5 .title ul .lnk5 a{background-position: -486px -71px;} #mcont5 .title ul .lnk6 a{background-position: -554px -71px;} #mcont5 .box_wrap{float:none;width:100%;margin-bottom: 26px;} #mcont5 .box_wrap .box{width:25%;height: 253px;} #mcont5 .box_wrap .box .txt{padding:18px 16px} #mcont5 .box_wrap .box .thumb{height:115px;} #mcont5 .box_wrap .box strong{height: 42px;margin: 20px 0 10px;font-size:15px;} #mcont5 .box_wrap .box p{height: 42px;margin: 0;font-size:15px;line-height:1.4;} #mcont5 .box_wrap .box ul{margin: 10px 0 0;} #mcont5 .box_wrap .box ul li{font-size:14px;} #mcont5 .box_wrap.type2 .box{height:241px;} #mcont5 .box_wrap.type2 .box .txt{padding:20px 18px;} #mcont5 .box_wrap.type2 .box strong{margin-top:15px} #mcont5 .box_wrap.type2 .box ul{margin-top: 30px;} } @media (max-width:1023px){ body.fixed__gnb header#top_layout{position: relative !important;} #mvisual_slider{height:600px; min-height: auto;} /* #mvisual_slider > .txt{display:none;position:absolute;top: 50%;left:0;z-index: 1;min-width: 300px;width:100%;height: auto;padding: 0 20px;text-align:center;transform: translateY(-50%);} */ #mvisual_slider > .txt strong{display:block;height: auto;margin-bottom: 30px;font-size:23px;font-family: 'score-dream';color:#fff;font-weight: 600;word-break: keep-all;line-height: 1.2;} #mvisual_slider > .txt p{display:block;height: auto;font-size:13px;font-family: 'score-dream-light';color:#fff;} #mvisual_slider .slider-nav .slick-slide .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="0"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="1"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="2"] .photo_list--item:before, #mvisual_slider .slider-nav .slick-slide.slick-current[data-slick-index="3"] .photo_list--item:before{bottom: 70px;top: auto;width: 80%;height:3px;border-radius:0;} #mvisual_slider .slider-nav .slider-progress{display:none;} #mvisual_slider .slider-nav .photo_list--item a{overflow:visible;} #mvisual_slider .slider-nav .photo_list--item p{font-size: 13px;} #mvisual_slider .slider-nav .photo_list--item .inner .txt { min-width: auto;} #mvisual_slider .slider-control .pause, #mvisual_slider .slider-control .play { bottom: 20px; margin: 0;} #mcont1 {padding-top:55px;padding-bottom: 69px;} #mcont1:before{height:600px;} #mcont1 .prog_wrap{margin-bottom:50px;} #mcont1 .prog_wrap .title{margin-bottom: 15px;font-size:25px;} #mcont1 .prog_wrap .main-board__skin{top: 0;width:calc(100% - 356px);} #mcont1 .prog_wrap .main-board__skin .title{top:0;} #mcont1 .prog_wrap .board__list--tab .board__nav-item.n1{margin-left:85px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item{margin-top: -1px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__title{margin-right: 5px;padding-top: 14px;font-size:14px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__title:before{top: 0;width:14px;height:11px;background-size: 3000%;background-position: -181px 0;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__content{top: 44px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more{right:0;top: -36px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more a{font-size:0;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more{top: -40px;} #mcont1 .prog_wrap .board__typeA .board__item{margin-bottom: 10px;} #mcont1 .prog_wrap .board__typeA .board__item a{padding: 11px 10px 11px 15px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link{padding-right: 112px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top .board__item--name{display:none;} #mcont1 .prog_wrap #popupzone{width:333px;} #mcont1 .prog_wrap #popupzone .grap{height:336px;padding: 26px 25px;} #mcont1 .link_wrap1{margin-bottom:9px;} #mcont1 .link_wrap1 .box span{left:25px;bottom: 25px;} #mcont1 .link_wrap1 .box{height:229px;width: calc(33.333% - 8px);margin-right: 10px;} #mcont1 .link_wrap1 .box3{margin-right:0;} #mcont1 .link_wrap1 .box a{padding:35px 30px;} #mcont1 .link_wrap1 .box strong{font-size:25px;} #mcont1 .link_wrap1 .box em{bottom: 20px;right: 30px;font-size:38px;} #mcont1 .link_wrap2 .box{width: calc(50% - 6px);margin-right:9px;} #mcont1 .link_wrap2 .box2{margin-right:0;} #mcont1 .link_wrap2 .box a{padding-left:85px;padding-right: 20px;padding-top: 21px;} #mcont1 .link_wrap2 .box strong{margin-bottom: 4px;font-size:16px;} #mcont1 .link_wrap2 .box span{left: 14px;background-size: 710%;} #mcont1 .link_wrap2 .box .icon1{top: -20px;width:63px;height:88px;background-position: 0 0;} #mcont1 .link_wrap2 .box .icon2{top: -19px;width:86px;height:86px;background-position: -70px 0;background-size: 550%;} #mcont2{height: 463px;} #mcont2 #mcont2_slide .photo_list--item{padding-top: 145px;} #mcont2 #mcont2_slide .photo_list--item .title em{font-size:16px;} #mcont2 #mcont2_slide .photo_list--item .title strong{font-size:25px;} #mcont2 #mcont2_slide .photo_list--item .stit{margin-bottom:10px;;font-size:16px;} #mcont2 #mcont2_slide #tab-2 .layout{padding-left: 390px;} #mcont2 #mcont2_slide .photo_list--item .left{max-width: 331px;top: 46px;} #mcont2 #mcont2_slide .photo_list--item .right{/* max-width:311px; */} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon{height:27px;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon1{width: 30px;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon2{width: 28px;background-position: -34px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon3{width: 25px;background-position: -66px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon4{width: 26px;background-position: -95px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon5{width: 27px;background-position: -127px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon6{width: 28px;background-position: -157px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon7{width: 22px;background-position: -189px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon8{width: 30px;background-position: -217px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon9{width: 27px;background-position: -250px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon10{width: 27px;background-position: -279px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon11{width: 28px;background-position: -574px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon12{width: 26px;background-position: -308px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon13{width: 27px;background-position: -875px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon14{width: 27px;background-position: -902px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon15{width: 27px;background-position: -390px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon16{width: 26px;background-position: -418px 0;} #mcont2 #mcont2_slide .photo_list--item .link2 li .sicon17{width: 26px;background-position: -475px 0;} #mcont2 #mcont2_slide #tab-1 .link1{margin-top:35px;} #mcont2 #mcont2_slide #tab-1 .link1 li{width:304px;height:68px;margin-bottom: 7px;} #mcont2 #mcont2_slide #tab-1 .link1 li a{padding: 17px 0;font-size:16px;} #mcont2 #mcont2_slide #tab-1 .link2{/* right: 40px; *//* max-width: 320px; */} #mcont2 #mcont2_slide #tab-1 .link2 li{min-height: 74px;} #mcont2 #mcont2_slide #tab-1 .link2 li span{height: 33px;margin-bottom: 5px;background-size: 329%;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon1{width: 30px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon2{width: 35px;background-position: -40px 0;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon3{width: 35px;background-position: -194px 0;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon4{width: 29px;background-position: -2px -34px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon5{width: 28px;background-position: -33px -33px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon6{width: 28px;background-position: -64px -33px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon7{width: 32px;background-position: 0 -74px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon8{width: 29px;background-position: -33px -65px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon9{width: 28px;background-position: -64px -61px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon10{width: 32px;background-position: 0 -74px;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon11{width: 29px;background-position: 0 0;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon12{width: 28px;background-position: -32px 0;} #mcont2 #mcont2_slide #tab-1 .link2 li .icon13{width: 28px;background-position: -1px -155px;} #mcont2 #mcont2_slide #tab-4 .link2 li .icon17{width: 28px;background-position: -1px -155px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap{height:141px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li a{padding-left:145px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li .thumb{width:134px;height:95px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .sliderBox ul li strong{margin-bottom:4px;;font-size:15px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox{bottom:20px;margin-left: 10px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item a{padding-top:10px;padding-bottom: 10px;padding-left: 140px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item a > span{left:72px;width: 56px;font-size: 13px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--title{font-size:15px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--date i{font-size: 15px;} #mcont2 #mcont2_slide #tab-2 .left .main-board__skin .board__item .board__item--date span{padding-top: 16px;} #mcont2 #mcont2_slide #tab-2 .left .board__more{top: -36px;} #mcont2 #mcont2_slide #tab-2 .link1{margin-bottom: 10px;} #mcont2 #mcont2_slide #tab-2 .link1 li{height:54px;} #mcont2 #mcont2_slide #tab-2 .link1 li em{font-size: 13px;letter-spacing: -0.05em;word-break: keep-all;} #mcont2 #mcont2_slide #tab-2 .link2 li{min-height: 71px;} #mcont2 #mcont2_slide #tab-3 .left .board__more{top: -40px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item a{padding-top:10px;padding-bottom: 10px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--title{font-size:15px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--date span{padding-top: 14px;} #mcont2 #mcont2_slide #tab-3 .left .main-board__skin .board__item .board__item--date i{font-size:16px;} #mcont2 #mcont2_slide #tab-3 .left .link ul{height:110px;padding: 20px 10px;} #mcont2 #mcont2_slide #tab-3 .left .link ul li a img{max-height: 50px;} #mcont2 #mcont2_slide #tab-3 .link1 li{height:110px;} #mcont2 #mcont2_slide #tab-3 .link1 li a {padding-top: 62px;} #mcont2 #mcont2_slide #tab-3 .link1 li em{font-size:15px;} #mcont2 #mcont2_slide #tab-3 .link1 li span{height:27px;background-size:auto 100%;} #mcont2 #mcont2_slide #tab-3 .link1 li .icon1{width: 27px;} #mcont2 #mcont2_slide #tab-3 .link1 li .icon2{width: 29px;background-position: -30px 0;} #mcont2 #mcont2_slide #tab-3 .link2 li .icon-link1 {width: 25px;height: 25px;background: url(/images/kor/main/link1.png) no-repeat;background-size: 25px;} #mcont2 #mcont2_slide #tab-3 .link2 li .icon-link2 {width: 25px;height: 25px;background: url(/images/kor/main/link2.png) no-repeat;background-size: 25px;} #mcont2 #mcont2_slide #tab-4 .left ul li{width: calc(50% - 7px);height:106px;margin-bottom: 14px;margin-right: 14px;} #mcont2 #mcont2_slide #tab-4 .left ul li a{background-size: auto 20px;} #mcont2 #mcont2_slide #tab-4 .link2{/* margin-top:50px; */} #mcont2 #mcont2_slide #tab-4 .link2 li{min-height: 75px;margin-bottom:30px;} #mcont2 #mcont2_slide #tab-4 .link2 li .sicon{margin-bottom:10px;} #mcont2 #mcont2_slide .slider-control{bottom: 31px; width:110px} #mcont2 #mcont2_slide .slider-control button{width:41px; height:40px} #mcont2 #mcont2_slide .slick-dots{height:78px} #mcont2 #mcont2_slide .slick-dots li button{font-size:18px;} #mcont3{padding-top: 85px;padding-bottom: 55px;} #mcont3 .title{margin-bottom:30px;} #mcont3 .title strong{font-size:25px;} #mcont3 .photo_list--slider .photo_list--item{width: calc(50% - 11.5px);margin-right: 23px;margin-bottom: 24px;} #mcont3 .photo_list--slider .photo_list--item:nth-child(3n){margin-right:23px;} #mcont3 .photo_list--slider .photo_list--item:nth-child(2n){margin-right:0;} #mcont3 .photo_list--slider .photo_list--item a{padding: 40px 30px 25px;} #mcont3 .photo_list--slider .photo_list--item span{font-size:14px;} #mcont3 .photo_list--slider .photo_list--item strong{height: 46px;margin-bottom: 15px;font-size:18px;} #mcont3 .photo_list--slider .photo_list--item p{height: 72px;margin-bottom: 25px;font-size:15px;} #mcont3 .photo_list--slider .photo_list--item .thumb{height:175px;} #mcont3 .more{top: 36px;right: 40px;} #mcont3_new{padding-top: 85px;padding-bottom: 0;} #mcont3_new .title{margin-bottom:30px;} #mcont3_new .title strong{font-size:25px;} #mcont3_new .photo_list--slider .photo_list--item{width: calc(33.333% - 23px);margin-right: 23px;margin-bottom: 24px;} #mcont3_new .photo_list--slider .photo_list--item:nth-child(3n){margin-right:23px;} #mcont3_new .photo_list--slider .photo_list--item:nth-child(2n){/* margin-right:0; */} #mcont3_new .photo_list--slider .photo_list--item a{padding: 40px 30px 25px;} #mcont3_new .photo_list--slider .photo_list--item span{font-size:14px;} #mcont3_new .photo_list--slider .photo_list--item strong{height: 46px;margin-bottom: 15px;font-size:18px;} #mcont3_new .photo_list--slider .photo_list--item p{height: 72px;margin-bottom: 25px;font-size:15px;} #mcont3_new .photo_list--slider .photo_list--item .thumb{height:175px;} #mcont3_new .more{top: 36px;right: 40px;} #mcont4{padding-top:48px;} #mcont4 .box_wrap{margin-bottom:51px;} #mcont4 .box_wrap .box{height:164px;} #mcont4 .box_wrap .box .bg{width:107px;height:108px;} #mcont4 .box_wrap .box .bg span{right:15px;top:15px;} #mcont4 .box_wrap .box .bg strong{left: 15px;bottom: 15px;font-size:15px;line-height:1.2} #mcont4 .box_wrap .box2 .bg strong b, #mcont4 .box_wrap .box4 .bg strong b{display:block;} #mcont4 .box_wrap .box .bg span{height: 20px;background-size: 1680%;} #mcont4 .box_wrap .box .bg .icon1{width: 19px;background-position: -107px -10px;} #mcont4 .box_wrap .box .bg .icon2{width: 17px;height: 17px;background-position: -462px -13px;background-size: 1949%;} #mcont4 .box_wrap .box .bg .icon3{width: 19px;background-position: -486px -13px;background-size: 1770%;} #mcont4 .box_wrap .box .bg .icon4{width: 17px;background-position: -540px -11px;background-size: 2120%;} #mcont4 .number_ust{height:367px;padding-top:65px;} #mcont4 .number_ust strong{margin-bottom: 30px;font-size:31px;} #mcont4 #number_slide{padding-top:0} #mcont4 #number_slide .photo_list--item{padding:0;} #mcont4 #number_slide .photo_list--item em{margin-right: 2px;font-size:40px;} #mcont4 #number_slide .photo_list--item p{max-width: 115px;font-size:14px;} #mcont4 #number_slide [data-slick-index="3"] p{max-width: 160px;} #mcont4 #number_slide .slick-dots{margin-top: 55px;} #mcont4 #number_slide .slider-control{bottom: -13px;} #mcont5{padding-bottom: 71px;} #mcont5 .more{top:0} #mcont5 .title strong{font-size:25px;} #mcont5 .title p em{letter-spacing:0px} #mcont5 .title ul{top: 42px;} #mcont5 .title ul li{width:51px;height:50px;} #mcont5 .title ul li a{background-size: 1170%;} #mcont5 .title ul .lnk1 a{background-position: -200px -64px;} #mcont5 .title ul .lnk2 a{background-position: -260px -64px;} #mcont5 .title ul .lnk3 a{background-position: -321px -64px;} #mcont5 .title ul .lnk4 a{background-position: -380px -64px;} #mcont5 .title ul .lnk5 a{background-position: -440px -64px;} #mcont5 .title ul .lnk6 a{background-position: -498px -64px;} #mcont5 .box_wrap{margin-bottom:40px;} #mcont5 .box_wrap .box{width:50%;height: 349px;} #mcont5 .box_wrap .box .txt{padding:36px 31px;} #mcont5 .box_wrap .box .thumb{height:159px;} #mcont5 .box_wrap .box strong{height: 46px;font-size:17px;} #mcont5 .box_wrap .box ul{margin-top:20px;} #mcont5 .box_wrap.type2{margin:0;} #mcont5 .box_wrap.type2 .box{height:350px;} #mcont5 .box_wrap.type2 .box .txt{padding:49px 47px} #mcont5 .box_wrap.type2 .box strong{margin-bottom:20px;} #mcont5 .box_wrap.type2 .box ul{margin-top:60px;} } @media (max-width:767px){ body.fixed__gnb header#top_layout{height:83px !important;} #mvisual_slider{height:300px;} #mvisual_slider .slider-nav .photo_list--item strong{margin-bottom: 37px;} /* 슬라이드 하나로 만들기 */ #mvisual_slider .slider-nav .slick-track{max-width: 2320px !important; width: 100% !important; position: relative;} #mvisual_slider .slider-nav .slick-slide{ width: 100% !important; position: absolute; top: 0; left:0} #mvisual_slider .slider-nav .photo_list--item strong{font-size: 23px;} #mcont1{padding-bottom: 68px;background:#f6f6f6;} #mcont1 .prog_wrap{margin-bottom:20px;} #mcont1 .prog_wrap .main-board__skin{float:none;width:100%;min-height: 390px;text-align: right;} #mcont1 .prog_wrap .board__list--tab .board__nav-item{float: none;margin-top: 20px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__title{font-size: 16px;letter-spacing: -0.1em;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__content{top: 65px;text-align: left;} #mcont1 .prog_wrap .board__list--tab .board__nav-item.n1{margin-left: 40px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .board__item--content{height: 66px;font-size:15px;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__more{top: -57px;} #mcont1 .prog_wrap .board__typeA .board__item{margin-bottom:10px;} /* #mcont1 .prog_wrap .board__typeA .board__item .board__link .top em span{font-size:13px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link .top{top:10px;left: 25px;right: 25px;} #mcont1 .prog_wrap .board__typeA .board__item .board__link{min-height: 321px;padding: 80px 30px;} */ #mcont1 .prog_wrap #popupzone{float:none;width:100%;margin: 35px 0 0;} #mcont1 .prog_wrap #popupzone .grap{height: auto;padding:24px;} #mcont1 .prog_wrap #popupzone .grap .obj{padding-bottom:100%} #mcont1 .prog_wrap #popupzone .grap .obj li{} #mcont1 .prog_wrap .board__typeA .board__item .board__link .more{bottom:35px;left:30px;} #mcont1 .link_wrap1 .box{float:none;width:100%;height: 110px;margin-bottom:16px;} #mcont1 .link_wrap1 .box a{padding:50px 40px;} #mcont1 .link_wrap1 .box span{left:40px;bottom:55px;} #mcont1 .link_wrap1 .box em{bottom:55px;right:40px;} #mcont1 .link_wrap2 .box a{padding: 28px 32px;} #mcont1 .link_wrap2 .box span{left:-20px} #mcont1 .link_wrap2 .box{float:none;width:100%;margin-bottom:18px;} #mcont1 .link_wrap2 .box:last-child{margin:0;} #mcont2{height: 542px;} #mcont2 #mcont2_slide .photo_list--item:before{display:none;} #mcont2 #mcont2_slide .photo_list--item .title{text-align:center;} #mcont2 #mcont2_slide .photo_list--item .left{float:none;width:100%;max-width: 100%;} #mcont2 #mcont2_slide .photo_list--item .right{float:none;width:100%;max-width: 100%;} #mcont2 #mcont2_slide .photo_list--item{padding-top: 180px;} #mcont2 #mcont2_slide #tab-1 .link1{margin-bottom: 70px;} #mcont2 #mcont2_slide #tab-1 .link1 li{width:100%;} #mcont2 #mcont2_slide #tab-1 .link2{position:relative;right:auto;top:auto;max-width: 100%;margin: 0 auto;transform:none;} #mcont2 #mcont2_slide #tab-1 .link2 li, #mcont2 #mcont2_slide #tab-4 .link2 li{min-height: auto;margin-bottom: 40px;width: 25%;} #mcont2 #mcont2_slide #tab-3 .link2 li{width: 33%; min-height: 58px;} #mcont2 #mcont2_slide #tab-1 .link2 li a{min-height: 74px;line-height:1.2;word-break: keep-all;} #mcont2 #mcont2_slide #tab-2 .left{margin-bottom:50px;} #mcont2 #mcont2_slide #tab-2 .left .mvisual_wrap .controlBox{left: 167px;margin-left:0;} #mcont2 #mcont2_slide #tab-3 .left{margin-bottom:50px;} #mcont2 #mcont2_slide .slick-dots{height:auto;border-top: 1px solid #555254;} #mcont2 #mcont2_slide .slick-dots li{width:50%;height: 58px;background: #fff;border: 1px solid #dedede;border-width: 0 1px 1px 0;} #mcont2 #mcont2_slide .slick-dots li button{font-size:15px;} #mcont2 #mcont2_slide .slick-dots li.slick-active button{color:#000;} #mcont2 #mcont2_slide .slider-control{display:none;} #mcont2 #mcont2_slide #tab-2 .layout{padding:0 25px;} #mcont2 #mcont2_slide #tab-2 .left{position:relative;top:auto;left:auto;margin-bottom: 15px;height: 82px;overflow: hidden; width: 100%; max-width: 100%;} #mcont2 #mcont2_slide #tab-2 .link2 li{width:20%;} #mcont3{padding-top:50px;} #mcont3 .title p{display:none;} #mcont3 .photo_list--slider .photo_list--item{width:100%;margin-right:0;} #mcont3 .photo_list--slider .photo_list--item a{padding: 35px 30px 20px;} #mcont3 .photo_list--slider .photo_list--item strong{height: 46px;font-size:18px;} #mcont3 .photo_list--slider .photo_list--item p{height: 66px;margin-bottom: 20px;font-size:15px;} #mcont3 .photo_list--slider .photo_list--item .thumb{height:157px;} #mcont3 .more{top:0;} #mcont3_new{padding-top:50px;} #mcont3_new .title p{display:none;} #mcont3_new .photo_list--slider .photo_list--item{width:100%;margin-right:0;} #mcont3_new .photo_list--slider .photo_list--item a{padding: 35px 30px 20px;} #mcont3_new .photo_list--slider .photo_list--item strong{height: 46px;font-size:18px;} #mcont3_new .photo_list--slider .photo_list--item p{height: 66px;margin-bottom: 20px;font-size:15px;} #mcont3_new .photo_list--slider .photo_list--item .thumb{height:157px;} #mcont3_new .more{top:0;} #mcont4 .box_wrap .box{width: calc(50% - 6px);height: 149px;margin-right: 11px;margin-bottom: 11px;} #mcont4 .box_wrap .box:nth-child(2n){margin-right:0;} #mcont4 .number_ust{height:285px;padding-top: 50px;} #mcont4 .number_ust strong{margin-bottom:0;} #mcont4 #number_slide{padding: 30px 40px 0;} #mcont4 #number_slide .slick-slide:before{display:none;} #mcont4 #number_slide .slick-list{min-height: 65px;} #mcont4 #number_slide .photo_list--item p{max-width:100%;letter-spacing: -0.1em;} #mcont4 #number_slide .photo_list--item p br{display:block;} #mcont4 #number_slide .slick-dots{margin-top: 13px;} #mcont4 #number_slide .slider-control{bottom:auto;left: 25px;right: 25px;top: 80px;width: auto;} #mcont4 #number_slide .slider-control .slick-arrow{width:36px;height:36px;background-size: 14px;} #mcont4 #number_slide .slider-control .prev{float:left;margin: 0;} #mcont4 #number_slide .slider-control .next{float:right;margin: 0;left:auto} #mcont4 #number_slide .slider-control .pause, #mcont4 #number_slide .slider-control .play{bottom: -57px;margin-left: 70px;} #mcont5{padding-bottom:67px;} #mcont5 .title p{display:none;} #mcont5 .title ul{position:relative;top: auto;right: auto;width:100%;text-align: center;} #mcont5 .title ul li{display: inline-block;float: none;width: 37px;height: 38px;margin: 0 5px 0 0;vertical-align: top;} #mcont5 .title ul li:last-child{margin-right:0;} #mcont5 .title ul li a{background-size:1170%;} #mcont5 .title ul .lnk1 a{background-position: -146px -45px;} #mcont5 .title ul .lnk2 a{background-position: -189px -45px;} #mcont5 .title ul .lnk3 a{background-position: -232px -45px;} #mcont5 .title ul .lnk4 a{background-position: -275px -45px;} #mcont5 .title ul .lnk5 a{background-position: -319px -45px;} #mcont5 .title ul .lnk6 a{background-position: -362px -45px;} #mcont5 .box_wrap .box{float:none;width:100%;height: 294px;} #mcont5 .box_wrap .box:nth-child(3), #mcont5 .box_wrap .box:nth-child(4){display:none;} #mcont5 .box_wrap .box .txt{padding:17px 14px;} #mcont5 .box_wrap .box strong{margin-top:15px;} #mcont5 .box_wrap .box ul{margin-top:15px;} #mcont5 .box_wrap.type2 .box{height:320px;} #mcont5 .box_wrap.type2 .box .txt{padding:39px 25px;} #mcont5 .box_wrap.type2 .box ul{margin-top:55px;} } @media (max-width:560px){ #mcont2{height:522px;} } @media (max-width:480px){ #mcont2 #mcont2_slide .photo_list--item{padding-top:150px;} #mcont2 #mcont2_slide #tab-2 .left{margin-top:-30px;margin-bottom:30px;display: none;} #mcont2 #mcont2_slide #tab-2 .link2 li, #mcont2 #mcont2_slide #tab-3 .link2 li{width:33.33%;margin-bottom: 15px;min-height: 74px;} #mcont2 #mcont2_slide #tab-1, #mcont2 #mcont2_slide #tab-4{padding-top:30px;} #mcont2 #mcont2_slide #tab-1 .link2 li, #mcont2 #mcont2_slide #tab-4 .link2 li{width:33.33%;margin-bottom: 15px;min-height: 74px;} } @media (max-width:360px){ #mcont1 .prog_wrap .board__list--tab .board__nav-item.n1{margin:0;} #mcont1 .prog_wrap .board__list--tab .board__nav-item .board__title{margin-right: 4px;font-size: 12px;letter-spacing: -0.1em;} #mcont4 #number_slide .slick-list{min-height: 80px;} #mcont4 #number_slide .photo_list--item em{display:block;} #mcont4 #number_slide .photo_list--item p{text-align:center;} #mcont4 #number_slide .photo_list--item p br{display:none;} #mcont4 #number_slide .slider-control .pause, #mcont4 #number_slide .slider-control .play{bottom:-72px;} } #quick {position: fixed;right: -78px;top:50%;z-index: 500;padding-left:24px;transition: all .4s;-webkit-transition: all .4s;transform: translate(0, -50%);} #quick.active { right: 0; } #quick .group {opacity: 0;width: 80px;/* height:493px; */background-color:#fff;border:1px solid #ddd;} #quick .group .item{display:block;position: relative;} #quick .group .item:before{content:'';display:block;width:48px;height:1px;background-color:#e5e5e5;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);} #quick .group .item a{display:block;padding:17px;} #quick .group .item a span{display:block;text-align: center;line-height: 1.2;position: relative;font-size: 14px;letter-spacing: -1px;} #quick .group .item a span:before{content:'';display:block;margin:0 auto;margin-bottom:10px;background:url(/images/kor/common/quick_ir.png);} #quick .group .item a:hover span{font-weight:bold;color:#e83421} #quick .group .item a .icon1:before{width:18px;height:16px;background-position:-81px -8px} #quick .group .item a .icon2:before{width:19px;height:15px;background-position:-81px -39px} #quick .group .item a .icon3:before{width:16px;height:17px;background-position:-81px -69px} #quick .group .item a .icon4:before{width:19px;height:16px;background-position:-81px -102px} #quick .group .item a .icon6:before{width:19px;height:16px;background-position:-81px -141px} #quick .group .item a:hover .icon1:before{background-position:-110px -8px} #quick .group .item a:hover .icon2:before{background-position:-110px -39px} #quick .group .item a:hover .icon3:before{background-position:-110px -69px} #quick .group .item a:hover .icon4:before{background-position:-110px -102px} #quick .group .item a:hover .icon6:before{background-position:-110px -141px} #quick .group .title{background-color:#f9f9f9;height:74px;padding:24px 0} #quick .group .title.item:before{width:100%} #quick .group .title span{display:block;width:53px;height: 27px;background:url(/images/kor/common/quick_ir.png);font-size:0;margin: 0 auto;} #quick .group .top{background-color:#303032;} #quick .group .top.item:before{display:none;} #quick .group .top a{display:block;height:74px;padding: 16px 0;font-size: 0;position: relative;} #quick .group .top a span{display:block;width:24px;height:22px;background:url(/images/kor/common/quick_ir.png);background-position:-28px -108px;background-repeat: no-repeat;margin: 0 auto;font-size: 0;} #quick.active .group {opacity:1; } #quick .control{display:block;position: absolute;top:50%;left:0;width:25px;height:75px;transition: all .4s; -webkit-transition: all .4s;font-size:0} #quick .open{background:url(/images/kor/common/quick_open.png);} #quick .close{background:url(/images/kor/common/quick_close.png);} #quick .close{display:none;opacity:0; } #quick .open{display:block;opacity:1; } #quick.active .close{display:block;opacity:1; } #quick.active .open{display:none;opacity:0; } @media (max-width:1023px){ #quick{display:none;} } /* gnb */ /* kor */ #gnb_layout .depth1_ul>li.n2 .depth3_ul li:nth-child(2){min-width:22%} #gnb_layout .depth1_ul>li.n2 .depth3_ul li:nth-child(3){min-width:27%} .player{display:block;overflow:hidden;max-width:none;width:100%;height:100%;position:relative;} .player:-webkit-full-screen,.player:fullscreen{max-width:none;width:100%;} .player-video{position:absolute;top:50%;left:50%;height: 111vh;transform:translate(-50%, -50%);max-width:none;max-height:none;object-fit: cover;} .player-controls{position:absolute;display:block;bottom:0;left:0;width:100%;height:auto;background: transparent;} .progress{position:absolute;display:block;top:0;left:0;width:100%;height:4px;transform:translateY(-100%);background:rgba(255, 255, 255, 0.1);cursor:pointer;} .filled-progress,.filled-buffer{position:absolute;top:0;left:0;height:100%;}.filled-progress{width:40%;background:#ff0000;}.filled-buffer{width:50%;background:#ffff00;opacity:0.2;}.progress-background{position:absolute;top:0;left:0;transform:translateY(-100%);width:40%;height:18px;}.progress-background{visibility:hidden;min-width:10%;max-width:90%;}.progress:hover .progress-background,.progress-container:hover .progress-background{visibility:visible;}.progress-background,.progress-background *,.filled-progress,.filled-buffer,.video-size,.current-time-display{pointer-events:none;}.current-time{position:absolute;bottom:0;right:0;width:auto;height:auto;transform:translateX(50%);background:rgba(0, 0, 0, 1);padding:2px;margin:2px 0;border-radius:1px;}.progress-thumbnail{position:absolute;bottom:100%;right:0;width:150px;height:90px;transform:translateX(50%) translateY(-5px);background:rgba(0, 0, 0, 1);}.player-panel{display:flex;align-items:center;}.player-btn,.slider,.current-speed{width:auto;height:30px;min-width:30px;text-align:center;margin:5px;background:none;border:0;display:flex;align-items:center;cursor:pointer;border-radius:1px;}.player-btn:hover,.player-btn:focus{border-color:#ffec41;}.player-btn svg{fill:#ffffff;margin:auto;}.player *{font-family:"Arial",Arial,Sans-serif;font-size:14px;color:#ffffff;}input[type="range"]{display:block;-webkit-appearance:none;background:transparent;}input[type="range"]:focus{outline:none;}input[type="range"]::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;box-shadow:1px 1px 1px rgba(0, 0, 0, 0),0 0 1px rgba(13, 13, 13, 0);background:rgba(255, 255, 255, 0.5);border-radius:1px;border:0.2px solid rgba(1, 1, 1, 0);}input[type="range"]::-moz-range-track{width:100%;height:3px;cursor:pointer;box-shadow:1px 1px 1px rgba(0, 0, 0, 0),0 0 1px rgba(13, 13, 13, 0);background:#ffffff;border-radius:1px;border:0.2px solid rgba(1, 1, 1, 0);}input[type="range"]::-webkit-slider-thumb{height:16px;width:16px;border-radius:50px;background:white;cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);}input[type="range"]::-moz-range-thumb{height:16px;width:16px;border-radius:50px;background:white;cursor:pointer;box-shadow:0 0 3px rgba(0, 0, 0, 0),0 0 1px rgba(13, 13, 13, 0);}input[type="range"]:focus::-webkit-slider-runnable-track{background:rgba(255, 255, 255, 0.8);}.slider{display:flex;padding-right:5px;display:none;}.speaker{height:30px;width:30px;max-width:30px;position:relative;overflow:hidden;display:inline-block;margin:0 5px;left:0;}.speaker span{display:block;width:8px;height:8px;background:#fff;margin:11px 0 0 2px;pointer-events:none;}button.speaker span{margin:0 -5px;}.speaker span:after{content:"";position:absolute;width:0;height:0;border-style:solid;border-color:transparent #fff transparent transparent;border-width:10px 14px 10px 15px;left:-13px;top:5px;}.speaker span:before{transform:rotate(45deg);border-radius:0 50px 0 0;content:"";position:absolute;width:5px;height:5px;border-style:double;border-color:#fff;border-width:7px 7px 0 0;left:18px;top:9px;transition:all 0.2s ease-out;}.speaker:hover span:before{transform:scale(0.8) translate(-3px, 0) rotate(42deg);}.speaker.mute span:before{transform:scale(0.5) translate(-15px, 0) rotate(36deg);opacity:0;}.audio input,.speed input{display:none;}.audio:hover input,.speed:hover input{display:inline-block;width:100px;}.player-controls{align-items:center;display:flex;position:absolute;bottom: 3%;width: 98%;transition:all 0.3s;flex-wrap:wrap;/* max-width: 1300px; *//* justify-content: center; *//* border: 1px solid; */left: 50%;transform: translate(-50%, 0);}.player-controls{/* -webkit-transform:translateY(100%) translateY(6px); *//* transform: translateY(0%) translateY(6px); */}.player:hover .player-controls{-webkit-transform:translateY(0);transform:translateY(0);}.player-controls > *{flex:1;}.speed{margin-left:auto;display:none;}.filled-progress,.filled-buffer{width:0;}.player-panel{padding:0 15px;}.video-size,.current-time-display{margin:0 5px;display:none;}input[type="range"]{height:100%;cursor:pointer;}.player-controls{;}.toggle-play svg{zoom:0.9;}.speaker{zoom:0.8;}.toggle-fullscreen{outline:1px solid #fff;outline-offset:-10px;width:35px;height:30px;display:none;}.speaker{zoom:unset;}.speaker > span{zoom:0.8;}.slider > *{margin:0 5px 0 0;}.speaker span{margin:0;display:flex;align-items:center;align-content:center;}.speaker span:after{top:unset;margin:auto;}.speaker span:before{top:unset;}.speaker span:before{top:unset;margin:0 3px;}.speaker span:after{top:unset;margin:0 3px;}button.speaker span{margin:0 -2px;}.player-panel{padding:0;}.player *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.player-panel *{color:#fff;font-family:"Arial",Arial,Sans-serif;font-size:14px;}.skip{display:inline-grid;padding:0;width:40px;}.slider > *{margin:0;}.slider{padding-right:0;}input[type="range"]{padding:0 5px;}.speaker.mute span:before{transform:rotate(0deg);content:"×";height:fit-content;border:none;border-color:#fff;display:block;opacity:1;}.player-panel{;}.progress{background:rgba(255, 255, 255, 0.2);}.progress-background{min-width:80px;max-width:calc(100% - 80px);}.icon-load{display:block;position:absolute;width:fit-content;height:fit-content;margin:0;padding:0;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}.icon-load svg{width:100px;height:100px;margin:auto;display:inline-block;}.icon-load svg path{width:100px;height:100px;margin:auto;display:inline-block;opacity:0.25;fill:#fff;}.hidden{display:none;}.progress-container{position:absolute;display:block;top:0;left:0;width:100%;height:8px;/* transform:translateY(-100%); */cursor:pointer;display:none;}.progress{top:100%;pointer-events:none;}.progress{width:calc(100% - 20px);left:10px;}.video-size-options{position:absolute;top:0;margin:0;width:auto;transform:translate(0, -100%) translate(0, 12px);display:none;}.video-options:hover .video-size-options{display:block;}.video-size-options span{display:block;text-align:right;margin:2px 5px;cursor:pointer;}.video-size-options span:hover{color:gold;} #mvisual_slider .slider-nav .slick-slide .photo_list--item .close{position:absolute;top: 10px;right: 10px;opacity: 0.8; width:50px;height:50px;z-index: 3;display:block;} #mvisual_slider .slider-nav .slick-slide .photo_list--item.hide .close{opacity: 0;display:none} #mvisual_slider .slider-nav .slick-slide .close .btn_close{ width:50px; height:50px; position:relative; text-indent:-9999px; display:block; } #mvisual_slider .slider-nav .slick-slide .close .btn_close:before, #mvisual_slider .slider-nav .slick-slide .close .btn_close:after{ content:''; width:50px; height:1px; position:absolute; left:50%; top:50%; border-radius:4px; background:#fff } #mvisual_slider .slider-nav .slick-slide .close .btn_close:before{ transform:translate(-50%,-50%) rotate(-45deg) } #mvisual_slider .slider-nav .slick-slide .close .btn_close:after{ transform:translate(-50%,-50%) rotate(45deg) } .player-controls{display:none} /* video */ .player{} .player .subtitle{position:absolute;left: 2%;bottom: 59px; z-index: 9999;} .player .subtitle:after{content:''; display:block; clear:both} .player .subtitle *{display:block} .player .subtitle .subtitle-btn,.player .subtitle .subtitle_show{color: #fff;} .player .subtitle .subtitle-btn{font-size:18px; font-weight:bold} .player .subtitle .subtitle_show{display:none;overflow-x: hidden;overflow-y: auto;position: absolute;bottom: 36px;left: 0;min-width: 300px;max-width: 300px;height: 100px;background-color: rgba(0,0,0,0.7);padding: 5px;} .player .subtitle .subtitle_show p{display:block; line-height:1.3} @media screen and (max-width:1920px) { .player .subtitle{left:10px} } /* 230303 ust 20주년 로고 변경 */ #quick .group .title span {width: 50px; height: 50px; background: url(/images/kor/common/quick_ir.png) no-repeat 0 -40px} #quick .group .title {padding: 15px 0;} /* 240417 메인영상 버튼 추가*/ #mvisual .btn-wrap {display:flex; gap:0.9rem; position:absolute; bottom:60px; left:50%; transform:translateX(-50%); z-index: 99;} #mvisual .btn-wrap button {font-size:0; background:#e5e5e5; backdrop-filter: blur(2px); border: 1px solid rgba(255, 255, 255, 0.1); padding: 4px; transition:all 0.5s} #mvisual .btn-wrap button:hover, #mvisual .btn-wrap button.active {background-color: #e83421;} /* 접근성 탭버튼 수정 */ #mcont2 #mcont2_slide .photo_list--wrap .tab_btn {position: absolute;left: 0;top: 0;width: 25%;height: 84px;z-index: 999;} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn.btn01 {left:0} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn.btn02 {left:25%} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn.btn03 {left:50%} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn.btn04 {left:75%} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn span {display: block;width: 100%;height: 100%;color: #242424;font-size: 25px;text-align: center;background: #fff;transition: all .3s;word-break: keep-all;line-height: 85px;} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn div.slick-active span {border-top: 8px solid #e24e3f;background: none;color: #fff;} #mcont2 #mcont2_slide .photo_list--item {display: none;opacity: 0 !important; height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;} #mcont2 #mcont2_slide .photo_list--item.slick-active {display: block;opacity: 1 !important;} #mcont2 #mcont2_slide #tab-1 {background-image: url(/images/kor/main/mcont2_bg01.jpg);padding-bottom: 45px;} #mcont2 #mcont2_slide #tab-2 {background-image: url(/images/kor/main/mcont2_bg02.jpg);padding-bottom: 27px;} #mcont2 #mcont2_slide #tab-3 {background-image: url(/images/kor/main/mcont2_bg03.jpg);padding-bottom: 46px;} #mcont2 #mcont2_slide #tab-4 {background-image: url(/images/kor/main/mcont2_bg04.jpg);padding-bottom: 46px;} @media (max-width: 1279px) { #mcont2 #mcont2_slide .photo_list--wrap .tab_btn li span {padding: 0 10px;font-size: 25px;} #mcont2 #mcont2_slide #tab-1,#mcont2 #mcont2_slide #tab-2,#mcont2 #mcont2_slide #tab-3,#mcont2 #mcont2_slide #tab-4 {padding-bottom: 223px;} } @media (max-width: 767px) { #mcont2 #mcont2_slide #tab-1, #mcont2 #mcont2_slide #tab-2, #mcont2 #mcont2_slide #tab-3, #mcont2 #mcont2_slide #tab-4{padding-bottom:90px; padding-top:150px} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn {height: auto;width: 50%;} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn.btn01 {left:0} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn.btn02 {left:50%} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn.btn03 {top: 10.7%;left: 0%;} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn.btn04 {top: 10.7%;left: 50%;} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn div {height: 58px;background: #fff;border: 1px solid #dedede;border-width: 0 1px 1px 0;} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn span {font-size: 15px;line-height:58px;} #mcont2 #mcont2_slide .photo_list--wrap .tab_btn div.slick-active span {color: #000;} }