@charset "utf-8";

#mVisual {position:relative; width:100%; height: 100vh; min-height: 44vw;  overflow:hidden; }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline:none; }

#mVisual .mv_slider { width: 100%; height:100%; background-repeat: no-repeat; background-size: cover;  }
.mv_slider.mv1 { background-image:url('/images/main/mv1_250422.png'); background-position: center center; }
.mv_slider.mv2 { background-image:url('/images/main/mv2_250414.png'); background-position: center center; }
.mv_slider.mv3 { background-image:url('/images/main/mv3.png'); background-position: center center; }
.mv_slider.mv4 { background-image:url('/images/main/mv4.png'); background-position: center center; }
.mv_slider.mv5 { background-image:url('/images/main/mv5.png'); background-position: center center; }
.mv-txt{display: flex; align-items: center; height: 100%;}
.mv-txt .eng{font-weight: 800; font-size: 1.5rem; color: #bcbcbc;}
.mv-txt h3{font-family: 'GongGothicMedium'; font-size: 6rem; color: #132349; font-weight: normal; margin: 30px 0 50px;    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);}
.mv-txt h3 span{color: #0695c2;}
.mv-txt .t1{color: #6f6f6f; font-size: 1.8rem; font-weight: 500; margin-bottom: 50px;}
.cw{color: #fff !important;}

#mVisual .slick-dots{width: 1600px; left: 50%; transform: translate(-50%); bottom: 250px; display: flex;}
br.mo{display: none;}



@media all and (max-width:1620px){
    #mVisual .slick-dots{width: 94%;}
}
@media all and (max-width:1400px){
    .mv-txt h3{font-size: 5rem;}
    .mv-txt .t1{font-size: 1.6rem;}
}
@media all and (max-width:1024px){
    #mVisual { height:90vh;}
    .mv-txt h3{font-size: 4.5rem;}
    #mVisual .slick-dots{bottom: 25vh;}
}
@media all and (max-width:976px){
    .mv_slider.mv1 {background-position: 80% 50%; }
    .mv_slider.mv2 {background-position: 80% 50%; }
}

@media all and (max-width:767px){
    #mVisual { height:100vh;}
    .mv_slider.mv1 {background-position: 76% 50%; }
    .mv_slider.mv2 {background-position: 65% 50%; }
    .mv-txt{text-align: center; align-items: end;}
    .mv-txt h3{font-size: 4rem;}
    .mv-txt .t1 br{display: none;}
    br.mo{display: block;}
    .mv-txt{background: linear-gradient(to top, #13517e, transparent, transparent);}
    .mv-txt .eng{color: #fff;}
    .mv-txt h3{color: #fff;}
    .mv-txt h3 span{color: #fff;}
    .mv-txt .t1{margin-bottom: 80px; color: #fff;}
    #mVisual .slick-dots{justify-content: center; bottom: 30px;}
}
@media all and (max-width:567px){
    .mv-txt .eng{font-size: 1.3rem;}
    .mv-txt h3{font-size: 3.5rem; margin: 20px 30px;}
    .mv-txt .t1{font-size: 1.5rem;}
}


.m_txt .eng{color: #0b98c9; font-size: 1.5rem; font-weight: 800;}
.m_txt h3{color: #222; font-size: 4rem;}
.m_txt h4{color: #112248; font-size: 2.2rem;}
.m_txt .t1{color: #777; font-size: 1.7rem; font-weight: 500;}

@media all and (max-width:1400px){
    .m_txt h3{color: #222; font-size: 3.7rem;}
    .m_txt h4{color: #112248; font-size: 2rem;}
}
@media all and (max-width:1280px){
    .m_txt h3{color: #222; font-size: 3.2rem;}
    .m_txt .t1{color: #777; font-size: 1.6rem;}
}
@media all and (max-width:480px){
    .m_txt .eng{font-size: 1.4rem;}
    .m_txt h3{color: #222; font-size: 2.8rem;}
    .m_txt h4{color: #112248; font-size: 1.8rem;}
}



#m_sec1{padding: 120px 0; width: 100%; position: relative;}
#m_sec1::after{position: absolute; content: ''; width: 44.141%; background: #ebf0f4; height: 100%; left: 0; top: 0;z-index: -1;}
#m_sec1 .w-inner{display: flex; justify-content: space-between; align-items: center;}
#m_sec1 .lt{display: flex; width: 50.7%; justify-content: space-between; gap: 50px;}
#m_sec1 .lt img{box-shadow: 1px 1px 20px 5px rgba(0,0,0,0.1);width: 100%;}
#m_sec1 .lt .img2{ margin-top: 100px;}
#m_sec1 .rt h3{margin: 70px 0 50px;}
#m_sec1 .rt h4{margin-bottom: 20px;}
br.br768{display: none;}


@media all and (max-width:1400px){
    #m_sec1 .rt{width: 542px;}
    #m_sec1 .rt .m_txt .t1 br{display: none;}
}
@media all and (max-width:1280px){
    #m_sec1{padding: 100px 0;}
    #m_sec1 .rt{width: 467px;}
    #m_sec1 .lt .img2{ margin-top: 80px;}
    #m_sec1 .rt h3{margin: 50px 0 30px;}
}
@media all and (max-width:1080px){
    #m_sec1 .lt{width: 47%; gap: 20px;}
    #m_sec1 .rt h3{margin: 30px 0;}
}
@media all and (max-width:968px){
    #m_sec1::after{width: 100%; height: 44.141%;}
    #m_sec1 .w-inner{flex-wrap: wrap;}
    #m_sec1 .lt{width: 100%;}
    #m_sec1 .rt{width: 100%; margin-top: 100px;}
}
@media all and (max-width:768px){
    #m_sec1{padding: 80px 0;}
    #m_sec1::after{height: 43%;}
    #m_sec1 .rt{margin-top: 80px;}
    br.br768{display: block;}
}
@media all and (max-width:568px){
    #m_sec1::after{height: 35%;}
    #m_sec1 .lt .img2{ margin-top: 60px;}
    #m_sec1 .rt{margin-top: 40px;}
}
@media all and (max-width:480px){
    #m_sec1{padding: 60px 0;}
}



#m_sec2{background: url('/images/main/m_sec2_bg.png') center center / cover no-repeat; padding: 100px 0;}
#m_sec2 .top{color: #fff; display: flex; align-items: end; justify-content: center; gap: 20px;}
#m_sec2 .top .img{display: flex; align-items: center; gap: 15px;}
#m_sec2 .top .img h3{font-size: 4rem;}
#m_sec2 .top span{font-size: 1.7rem; opacity: 0.5; margin-bottom: 5px;}
#m_sec2 .p_list{display: flex; gap: 20px; width: 100%; margin-top: 50px; flex-wrap: wrap;}
#m_sec2 .p_list li{width: calc(100%/6 - 17px); text-align: center;}
#m_sec2 .p_list a{color: #fff; width: 100%; height: 100%; display: inline-block; background: rgba(11,153,201,0.1); padding: 30px; transition: 0.3s;}
#m_sec2 .p_list li:hover a{background: rgba(11,153,201,0.5); transition: 0.3s;}
#m_sec2 .p_list h4{margin: 20px 0 10px; font-size: 1.2rem; font-family: 'montserrat';opacity: 0.2;}
#m_sec2 .p_list h3{font-size: 2.2rem; font-weight: 700;}

@media all and (max-width:1080px){
    #m_sec2 .top .img img{width: 35px;}
    #m_sec2 .top .img h3{font-size: 3.5rem;}
    #m_sec2 .top span{font-size: 1.6rem;}
    #m_sec2 .p_list li{width: calc(100%/3 - 14px);}
}
@media all and (max-width:768px){
    #m_sec2{padding: 80px 0;}
    #m_sec2 .top .img{gap: 10px;}
    #m_sec2 .top .img img{width: 30px;}
    #m_sec2 .top .img h3{font-size: 3rem;}
    #m_sec2 .top span{font-size: 1.4rem;}
    #m_sec2 .p_list{margin-top: 40px;}
    #m_sec2 .p_list h3{font-size: 2rem;}
}
@media all and (max-width:568px){
    #m_sec2 .top{flex-wrap: wrap; gap: 10px;}
    #m_sec2 .top .img{width: 100%; justify-content: center;}
    #m_sec2 .top span{margin-bottom: 0px;}
    #m_sec2 .p_list li{width: calc(100%/2 - 10px);}
}
@media all and (max-width:480px){
    #m_sec2{padding: 60px 0;}
    #m_sec2 .top .img h3{font-size: 2.8rem;}
    #m_sec2 .p_list li a{padding: 20px;}
}


#m_sec3{padding-top: 170px; position: relative; overflow: hidden;}
#m_sec3:after{position: absolute; z-index: -1; content: ''; background: #ebf0f4; width: 100%; height: 490px; left: 0;bottom: 0; text-align: center;}
#m_sec3::before{position: absolute; z-index: 2; content: 'CHOI CHANG-HYUK CAMP'; font-size: 7.3vw; bottom: -2.25vw; left: 50%; transform: translatex(-50%); width: 105%; font-weight: 900; text-align: center; color: rgba(255,255,255,0.3); font-family: 'montserrat';}
#m_sec3 .m_txt{text-align: center;}
#m_sec3 .m_txt h3{margin-top: 30px;}
#m_sec3 .mid ul{display: flex; justify-content: center;margin: 40px 0 50px; gap: 10px;}
#m_sec3 .mid ul li{color: #fff; background: #b9b9b9; padding: 15px 40px; border-radius: 100px; font-size: 2.2rem; font-weight: bold; cursor: pointer; transition: 0.3s;}
#m_sec3 .mid ul li.active{background: #0b99c9; transition: 0.3s;}

.c_list{width: 100%;z-index: 20;}
.c_list li.slick-slide{width: 100%;padding-bottom: 150px; position: relative;}
.c_list li.slick-slide .img{width: 100%;z-index: 9;}
.c_list li.slick-slide .img img{width: 100%;}
.c_list li.slick-slide .txt{position: absolute; right: 100px; bottom: 0; width: 570px; height: 530px; padding: 50px; background: radial-gradient(circle at 100% 0%, #116c98, #112349); color: #fff;}
.c_list li.slick-slide .txt h3.num{font-family: 'Oswald'; font-size: 8rem; color: #fff; opacity: 0.04; text-align: right; line-height: 7rem;}
.c_list li.slick-slide .txt h4{font-weight: 600; font-size: 2rem; color: #0bafe8;}
.c_list li.slick-slide .txt h3.tt{font-size: 5rem; margin: 20px 0 30px;}
.c_list li.slick-slide .txt p{opacity: 0.6; font-size: 1.7rem; font-weight: 500; line-height: 2.8rem;}
.c_list li.slick-slide .txt ul{margin-top: 30px; display: flex; flex-wrap: wrap;gap: 5px;}
.c_list li.slick-slide .txt ul li a{width: 100%; height: 100%;padding: 10px 25px; border: 1px solid rgba(255,255,255,0.4); border-radius: 100px; color: #fff; font-size: 1.8rem; font-weight: 700; display: inline-block; transition: 0.3s;}
.c_list li.slick-slide .txt ul li a:hover{transition: 0.3s; background: #fff; color: #112349;}


@media all and (max-width:1400px){
    #m_sec3{padding-top: 150px;}
    #m_sec3 .mid ul li{font-size: 2rem;}
    .c_list li.slick-slide .txt{padding: 40px;right: 50px; height: 450px; width: 500px;}
    .c_list li.slick-slide .txt h3.num{font-size: 7rem;line-height: 6rem;}
    .c_list li.slick-slide .txt h4{font-size: 1.8rem;}
    .c_list li.slick-slide .txt h3.tt{font-size: 4rem; margin: 10px 0 20px;}
    .c_list li.slick-slide .txt p{font-size: 1.6rem; line-height: 2.5rem;}
    .c_list li.slick-slide .txt ul li a{padding: 10px 20px;font-size: 1.6rem;}
}
@media all and (max-width:1280px){
    #m_sec3{padding-top: 120px;}
    .c_list li.slick-slide .txt h3.num{font-size: 6rem; line-height: 5rem;}
    .c_list li.slick-slide .txt h3.tt{font-size: 3.5rem;}
}
@media all and (max-width:1080px){
    #m_sec3{padding-top: 120px;}
    .c_list li.slick-slide{padding-bottom: 120px;}
    .c_list li.slick-slide .txt{width: 100%; position: relative; right: 0; height: 100%;}
}
@media all and (max-width:768px){
    #m_sec3{padding-top: 100px;}
    #m_sec3 .mid ul{margin: 20px 0 40px;}
    #m_sec3 .mid ul li{font-size: 1.8rem; padding: 10px 20px;}
    .c_list li.slick-slide{padding-bottom: 100px;}
    .c_list li.slick-slide .txt{width: 100%; position: relative; right: 0; height: 100%;}
    .c_list li.slick-slide .txt h3.num{font-size: 5rem; line-height: 4rem;}
    .c_list li.slick-slide .txt h3.tt{font-size: 3rem;}
    .c_list li.slick-slide .txt ul{margin-top: 20px;}
}
@media all and (max-width:670px){
    #m_sec3{padding-top: 80px;}
    #m_sec3 .mid ul{margin: 20px 0 30px;}
    #m_sec3 .mid ul li{font-size: 1.6rem; padding: 7px 15px;}
    .c_list li.slick-slide{padding-bottom: 80px;}
    .c_list li.slick-slide .txt{height: 370px; padding: 30px;}
    .c_list li.slick-slide .txt p{font-size: 1.5rem;}
    .c_list li.slick-slide .txt p br{display: none;}
    .c_list li.slick-slide .txt ul li a{padding: 7px 15px;font-size: 1.5rem;}
}
@media all and (max-width:480px){
    #m_sec3{padding-top: 60px;}
    .c_list li.slick-slide{padding-bottom: 60px;}
}


#m_sec4{width: 100%; padding-top: 130px;}
#m_sec4 .m_txt{text-align: center;margin-bottom: 140px;}
#m_sec4 .m_txt h3{margin: 20px 0 30px;}
#m_sec4 .m_txt .t1{line-height: 3rem; opacity: 0.8;}
#m_sec4 .wrap{display: flex; width: 100%;}
#m_sec4 .lt{width: 50%; position: relative; padding-left: 160px;}
#m_sec4 .lt .info{ padding: 40px 0 80px; width: 540px;}
#m_sec4 .lt .info h3{font-size: 4.6rem; color: #2f2a26;}
#m_sec4 .lt .info h3 span{font-size: 2.6rem; font-weight: 600;}
#m_sec4 .lt .info h3 span.clbl{color: #0b99c9;}
#m_sec4 .lt .info .list{display: flex; flex-wrap: wrap; margin: 50px 0; gap: 5px;}
#m_sec4 .lt .info .list li{padding: 15px 20px; background: #112248; font-size: 1.8rem; font-weight: 600;text-align: center; color: #fff; border-radius: 100px;}
#m_sec4 .lt .career{display: flex; gap: 40px;align-items: flex-start}
#m_sec4 .lt .career h3{ color: #0d0d0d; font-size: 2rem; font-weight: 600; border-left: 5px solid #0b99c9; line-height: 3.2rem; padding-left: 15px; display: inline-block;}
#m_sec4 .lt .career ul li{color: #777; font-size: 1.7rem; font-weight: 500; position: relative; padding-left: 15px;}
#m_sec4 .lt .career ul li::before{content: '·'; position: absolute; left: 0; top: 0px; font-weight: 900; font-size: 1.7rem; color: #bababa;}
#m_sec4 .lt .career ul li + li{margin-top: 10px;}
#m_sec4 .lt .career ul li:nth-child(3){margin: 25px 0;}
#m_sec4 .lt .img{position: absolute; bottom: 0; left: 100%; transform: translateX(-50%);}
#m_sec4 .lt .img img{filter: drop-shadow(1px 1px 10px rgba(0,0,0,0.1));}
#m_sec4 .rt{width: 50%; background: url('/images/main/m_sec4_bg.png') center center / cover no-repeat; padding-right: 160px; color: #fff; display: flex; align-items: center; justify-content: end;}
#m_sec4 .rt .cont{text-align: center;}
#m_sec4 .rt h3{font-family: 'KyoboHandwriting2020A'; font-size: 3.2rem; font-weight: normal;}
#m_sec4 .rt p{font-size: 1.8rem; line-height: 3.8rem; margin: 50px 0;}
#m_sec4 .rt a{font-size: 1.8rem; font-weight: 600; display: inline-block; padding: 15px 30px; border-radius: 100px; border: 1px solid rgba(255,255,255,0.4); color: #fff; transition: 0.3s;}
#m_sec4 .rt a:hover{background: #fff; color: #112248; transition: 0.3s;}
#m_sec4 .rt a span{display: flex; align-items: center; }
#m_sec4 .rt a:hover img{filter: invert(1);}
#m_sec4 .rt a img{margin-left: 20px;}

@media all and (max-width:1780px){
    #m_sec4 .lt{padding-left: 100px;}
    #m_sec4 .rt{padding-right: 100px;}
}
@media all and (max-width:1600px){
    #m_sec4 .lt{padding-left: 50px;}
    #m_sec4 .rt{padding-right: 50px;}
}
@media all and (max-width:1480px){
    #m_sec4 .m_txt{margin-bottom: 100px;}
    #m_sec4 .lt .info > h3{font-size: 4rem;}
    #m_sec4 .lt .img{width: 400px;}
    #m_sec4 .lt .img img{width: 100%;}
    #m_sec4 .lt .info{width: 500px; margin: 40px 0;}
    #m_sec4 .lt .info .list li{padding: 10px 20px; font-size: 1.6rem;}
    #m_sec4 .lt .career{gap: 30px;}
    #m_sec4 .lt .career ul li{font-size: 1.6rem;}
    #m_sec4 .rt h3{font-size: 3rem;}
    #m_sec4 .rt p{font-size: 1.6rem; line-height: 3.5rem; margin: 40px 0;}
    #m_sec4 .rt a{font-size: 1.6rem;}
}
@media all and (max-width:1280px){
    #m_sec4{padding-top: 100px;}
    #m_sec4 .m_txt{margin-bottom: 80px;}
    #m_sec4 .lt{padding-left: 30px;}
    #m_sec4 .lt .img{width: 350px;}
    #m_sec4 .rt{padding-right: 30px;}
}
@media all and (max-width:1140px){
    #m_sec4 .m_txt{margin-bottom: 60px;}
    #m_sec4 .wrap{flex-wrap: wrap;}
    #m_sec4 .lt{width: 100%; display: flex; justify-content: space-between; padding: 0 4%; align-items: end;}
    #m_sec4 .lt .info{width: 55%; padding: 40px 0;}
    #m_sec4 .lt .info .list{margin: 20px 0 30px;}
    #m_sec4 .lt .img{left: auto; position: relative; transform: translatex(0); width: 40%;}
    #m_sec4 .rt{width: 100%; justify-content: center;padding: 80px 0;}
}
@media all and (max-width:880px){
    #m_sec4{padding-top: 80px;}
    #m_sec4 .lt{flex-wrap: wrap; justify-content: center;}
    #m_sec4 .lt .info{width: 100%; padding: 0; order: 2;}
    #m_sec4 .lt .info h3{text-align: center;}
    #m_sec4 .lt .info .list{justify-content: center;width: 80%; margin: 30px auto 40px;}
    #m_sec4 .lt .career{justify-content: center;}
    #m_sec4 .lt .img{order: 1;width: 60%;}
    #m_sec4 .rt{padding: 60px 0;}
}
@media all and (max-width:680px){
    #m_sec4 .lt .info .list{width: 100%;}
    #m_sec4 .lt .info > h3{font-size: 3.2rem;}
    #m_sec4 .lt .info h3 span{font-size: 2rem;}
    #m_sec4 .lt .info .list li{padding: 7px 15px;}
    #m_sec4 .lt .img{width: 70%;}
    #m_sec4 .lt .career ul li:nth-child(3){margin: 10px 0;}
    #m_sec4 .rt h3{font-size: 2.5rem;}
    #m_sec4 .rt p{line-height: 2.8rem; margin: 30px 0;}
    #m_sec4 .rt a{padding: 10px 25px;}
}
@media all and (max-width:480px){
    #m_sec4{padding-top: 60px;}
    #m_sec4 .m_txt h3{margin: 20px 0;}
    #m_sec4 .m_txt .t1{line-height: 2.5rem;}
    #m_sec4 .lt .info > h3{font-size: 3rem;}
    #m_sec4 .lt .info h3 span{font-size: 1.8rem;}
    #m_sec4 .lt .info .list li{font-size: 1.5rem;}
    #m_sec4 .lt .img{width: 80%;}
    #m_sec4 .lt .career{gap: 20px;}
    #m_sec4 .lt .career h3{font-size: 1.8rem;}
    #m_sec4 .rt h3{font-size: 2.5rem;padding-left: 10px;}
    #m_sec4 .rt p{line-height: 2.8rem; margin: 30px 0;}
    #m_sec4 .rt a{padding: 10px 25px;}
}

#m_pic{width: 100%; display: flex;}
#m_pic ul{display: flex;}
#m_pic ul li:first-child{max-width: 1034px;}
#m_pic ul li:last-child{max-width: 886px;}
#m_pic ul li img{width: 100%;}

@media screen and (max-width:880px){
    #m_pic ul{flex-wrap: wrap;}
}


#m_sec5{width: 100%; background: url('/images/main/m_sec5_bg.png') right center / cover no-repeat; padding: 150px 0 180px;}
#m_sec5 .w-inner{display: flex;}
#m_sec5 .lt{width: 50%; height: 450px; position: relative; z-index: 10;}
#m_sec5 .lt .iframe-container {position: relative;width: 100%;height: 100%;overflow: hidden;}
#m_sec5 .lt .thumbnail {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;cursor: pointer;}
#m_sec5 .lt::before{z-index: -1; width: 150%; right: 100px; top: 30px; height: 100%; background: #112349; position: absolute; content: '';}
#m_sec5 .rt{width: 50%; padding-left: 100px; display: flex; flex-wrap: wrap; align-content: space-between;}
#m_sec5 .rt span{text-align: right; font-size: 1.6rem; color: #0b99c9; width: 100%; font-weight: 600;}
#m_sec5 .rt h4{font-size: 2.6rem; color: #112349; margin: 30px 0;}
#m_sec5 .rt p{font-size: 1.7rem; color: #777;line-height: 3rem;}
br.br1540{display: block;}

@media all and (max-width:1540px){
    br.br1540{display: none;}
}
@media all and (max-width:1400px){
    #m_sec5 .rt{padding-left: 50px;}
}
@media all and (max-width:1280px){
    #m_sec5{padding: 120px 0 160px;}
    #m_sec5 .lt{height: 380px;}
    #m_sec5 .rt .img{width: 180px;}
    #m_sec5 .rt .img img{width: 100%;}
    #m_sec5 .rt h4{font-size: 2.4rem;}
    #m_sec5 .rt p{font-size: 1.6rem;}
}
@media all and (max-width:880px){
    #m_sec5{padding: 100px 0 140px;}
    #m_sec5 .w-inner{flex-wrap: wrap;}
    #m_sec5 .lt{height: 400px; width: 100%; order: 2;}
    #m_sec5 .rt{width: 100%; order: 1; margin-bottom: 50px; padding: 0px;}
}
@media all and (max-width:580px){
    #m_sec5{padding: 80px 0 120px;}
    #m_sec5 .lt{height: 53vw;}
    #m_sec5 .rt .img{width: 160px;}
    #m_sec5 .rt span{margin-bottom: 20px;}
    #m_sec5 .rt h4{font-size: 2.2rem; margin: 30px 0 20px;}
}
@media all and (max-width:480px){
    #m_sec5{padding: 60px 0 100px;}
    #m_sec5 .lt{height: 53vw;}
    #m_sec5 .rt{margin-bottom: 30px;}
    #m_sec5 .rt .img{width: 140px;}
    #m_sec5 .rt span{font-size: 1.4rem;}
    #m_sec5 .rt h4{font-size: 2rem;}
    #m_sec5 .rt p{line-height: 2.6rem;}
}


#m_sec6  {padding:150px 0;overflow: hidden;}
#m_sec6 .w-inner { display: flex; align-items: flex-start; flex-wrap: wrap; }
#m_sec6 .m_txt {width:520px}
#m_sec6 .m_txt h3{margin: 30px 0 40px;}
#m_sec6 .m_txt p{line-height: 3rem; opacity: 0.8;}
#m_sec6 .news {width:calc(100% - 520px)}
#m_sec6 .n_list {width:1345px}
#m_sec6 .n_list li {margin-right:40px}
#m_sec6 .n_list li a{display:block; width:100%; height:100%; border: 8px solid #e6ebf1; padding: 35px; position: relative; box-sizing: border-box; transition: 0.3s;}
#m_sec6 .n_list li a:hover{border: 8px solid #0f99c7;transition: 0.3s;}
#m_sec6 .n_list li a span{position: absolute; display: inline-block; padding: 20px 30px; background: #112248; left: 30px;top: -8px; color: #fff; font-size: 1.7rem; font-weight: bold;}
#m_sec6 .n_list li a .cont{margin: 70px 0 40px; border-bottom: 1px solid #e3e3e3; padding-bottom: 40px;}
#m_sec6 .n_list li a h3{color: #222;font-weight: 600; font-size: 2.6rem;display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; text-overflow: ellipsis; }
#m_sec6 .n_list li a p{color: #777; font-weight: 500; padding-top: 30px; font-size: 1.6rem; line-height: 2.8rem; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  overflow: hidden; text-overflow: ellipsis;  }
#m_sec6 .n_list li a h4{color: #222; font-size: 1.7rem; font-weight: 600;}


@media all and (max-width:1599px) {
    #m_sec6 .m_txt {width:380px}
	#m_sec6 .news {width:calc(100% - 380px)}
}
@media all and (max-width:1400px) {
    #m_sec6  {padding:130px 0;}
    #m_sec6 .n_list {width:1400px}
	#m_sec6 .n_list li { margin-right:30px}
}
@media all and (max-width:1280px) {
    #m_sec6  {padding:100px 0;}
    #m_sec6 .m_txt h3{margin: 20px 0 30px;}
    #m_sec6 .n_list li a .cont{margin: 50px 0 30px; padding-bottom: 30px;}
    #m_sec6 .n_list li a h3{font-size: 2.3rem;}
    #m_sec6 .n_list li a h4{font-size: 1.6rem;}
}
@media all and (max-width:1024px) {	
    #m_sec6 .m_txt {width:100%}
	#m_sec6 .news {width:100%; margin-top: 50px;}
	#m_sec6 .n_list {width:1450px}
    #m_sec6 .n_list li a span{padding: 15px 20px;}
    #m_sec6 .n_list li a h3{-webkit-line-clamp: 1;}
}
@media all and (max-width:976px) {	
    #m_sec6  {padding:80px 0;}
    #m_sec6 .n_list {width:120%}
}
@media all and (max-width:640px) {	
    #m_sec6 .n_list {width:calc(100% + 30px)}
    #m_sec6 .m_txt h3{margin: 10px 0 20px;}
    #m_sec6 .n_list li a .cont{margin: 40px 0 20px; padding-bottom: 20px;}
    #m_sec6 .n_list li a{padding: 25px;}
    #m_sec6 .n_list li a p{padding-top: 20px;}
    #m_sec6 .n_list li a h4{font-size: 1.5rem;}
}
@media all and (max-width:480px) {	
    #m_sec6  {padding:60px 0;}
}


#m_sec7{background: url('/images/main/m_sec7_bg.png') top right / contain no-repeat; padding: 100px 0 150px;}
#m_sec7 .m_txt p{margin-bottom: 30px;}
#m_sec7 ul{margin-top: 60px;}
#m_sec7 ul li{text-align: center;}
#m_sec7 ul .slick-slide {margin: 0 20px;}
#m_sec7 ul .slick-list {margin: 0 -20px;}
#m_sec7 ul li .img{width: 100%;}
#m_sec7 ul li .img img{width: 100%;}
#m_sec7 ul li h3{margin: 30px 0 10px; font-size: 2.6rem; color: #222; font-weight: 600;}
#m_sec7 ul li p{font-size: 1.6rem; color: #777; font-weight: 700; opacity: 0.7;}
#m_sec7 ul .slick-prev{margin-right: 5px;}
#m_sec7 ul .slick-prev,
#m_sec7 ul .slick-next { left: auto; top: -4rem;  margin-top:0; right:0}
#m_sec7 ul .slick-prev  { transform: translate(-100%, -100%);}
#m_sec7 ul .slick-next  { transform: translate(0, -100%); }


@media all and (max-width:1400px){
    #m_sec7{background-size: 150%;}
}
@media all and (max-width:1280px){
    #m_sec7{padding: 100px 0 130px;}
    #m_sec7 ul{margin-top: 40px;}
    #m_sec7 ul .slick-slide {margin: 0 15px;}
    #m_sec7 ul .slick-list {margin: 0 -15px;}
    #m_sec7 ul li h3{font-size: 2.3rem;}
    #m_sec7 ul li p{font-size: 1.5rem;}
}
@media all and (max-width:980px){
    #m_sec7{padding: 80px 0 100px;}
    #m_sec7 ul li h3{margin: 20px 0 5px;}
}
@media all and (max-width:680px){
    #m_sec7{background-size: 200%;}
    #m_sec7 ul .slick-slide {margin: 0 10px;}
    #m_sec7 ul .slick-list {margin: 0 -10px;}
    #m_sec7 ul li h3{font-size: 2rem;}
    #m_sec7 ul li p{font-size: 1.4rem;}
}
@media all and (max-width:580px){
    #m_sec7{padding: 60px 0 120px;}
    #m_sec7{background-size: 300%;}
    #m_sec7 ul .slick-prev,
    #m_sec7 ul .slick-next {top: auto; bottom: -23vw; right: auto; left: 50%;}
}
@media all and (max-width:480px){
    #m_sec7 ul .slick-prev,
    #m_sec7 ul .slick-next {bottom: -100px;}
}


#b_loca{display: flex;}
#b_loca .mapwrap{width: calc(100% - 640px);}
#b_loca .root_daum_roughmap .wrap_controllers{display: none;}
#b_loca .mapwrap .root_daum_roughmap .wrap_map {height:640px !important}
#b_loca .info{text-align: center; width: 640px; background: #112248; display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; color: #fff;}
#b_loca .info .eng{color: #0f99c7; font-size: 1.5rem; font-weight: 800;}
#b_loca .info > h3{font-size: 5rem; margin: 30px 0 50px; width: 100%;}
#b_loca .info > h4{font-size: 2.2rem; width: 100%; font-weight: 600;}
#b_loca .info > span{font-size: 1.7rem; width: 100%; font-weight: 500; opacity: 0.5; display: inline-block; margin: 10px 0 20px;}
#b_loca .info .tel{display: flex; align-items: center; gap: 20px; width: 100%; justify-content: center;}
#b_loca .info .tel h3{font-size: 3rem; font-weight: 900;}
#b_loca .info .time{display: flex; align-items: start; margin-top: 40px; gap: 30px;}
#b_loca .info .time h3{font-weight: 600; font-size: 2rem; padding-left: 15px; border-left: 5px solid #0b98c9; line-height: 3.2rem;}
#b_loca .info .time ul li{display: flex; font-size: 1.7rem; opacity: 0.8; font-weight: 600; text-align: left;}
#b_loca .info .time ul li + li{margin-top: 10px;}
#b_loca .info .time ul li p{width: 80px;}

@media screen and (max-width:1400px){
    #b_loca .mapwrap{width: calc(100% - 550px);}
    #b_loca .mapwrap .root_daum_roughmap .wrap_map {height:600px !important}
    #b_loca .info{width: 550px;}
    #b_loca .info > h3{font-size: 4rem; margin: 20px 0 40px;}
    #b_loca .info > h4{font-size: 2rem;}
    #b_loca .info .tel h3{font-size: 2.5rem;}
}
@media screen and (max-width:1280px){
    #b_loca .mapwrap{width: calc(100% - 500px);}
    #b_loca .mapwrap .root_daum_roughmap .wrap_map {height:550px !important}
    #b_loca .info{width: 500px;}
    #b_loca .info > h3{font-size: 3.5rem;}
    #b_loca .info > h4{font-size: 2rem;}
    #b_loca .info .tel h3{font-size: 2.5rem;}
}
@media screen and (max-width:980px){
    #b_loca{flex-wrap: wrap;}
    #b_loca .mapwrap{width: 100%;}
    #b_loca .mapwrap .root_daum_roughmap .wrap_map {height:400px !important}
    #b_loca .info{width: 100%; padding: 60px 0;}
}
@media screen and (max-width:480px){
    #b_loca .mapwrap .root_daum_roughmap .wrap_map {height:350px !important}
    #b_loca .info{padding: 40px 0;}
    #b_loca .info .eng{font-size: 1.4rem;}
    #b_loca .info > h3{font-size: 3rem; margin: 10px 0 20px;}
    #b_loca .info > h4{font-size: 1.8rem;}
    #b_loca .info .tel{gap: 10px;}
    #b_loca .info .time{gap: 15px;flex-wrap: wrap; justify-content: center; margin-top: 30px;}
    #b_loca .info .time h3{padding-left: 0px;   border-left: 0; border-top:1px solid #0b98c9; border-bottom:1px solid #0b98c9; padding: 8px 0; width: 90%;}
    #b_loca .info .time ul{width:205px;}
    #b_loca .info .time ul li{font-size: 1.6rem;}
    #b_loca .info .time ul li p{width: 65px;}
}