@charset "utf-8";
html {scroll-behavior:smooth}

#mcontainer-wrap {font-family:"Gmarket Sans",sans-serif;position:relative;width:100%;font-size:18px;line-height:1}
#mcontainer {word-break:keep-all;padding-bottom:0}
#mcontainer img {font-size:0}
#mcontainer em {font-style:normal}
/* ==============================
 * 메인비쥬얼
================================= */
/** --- MAIN 공통 */
* {letter-spacing:0em !important}
#mcontainer .msecIn {width:1760px;margin:0 auto;box-sizing:border-box;position:relative}
#mcontainer .msTit {font-size:2.778em;font-weight:500;letter-spacing:-.05em;color:#000;border-bottom:2px solid #000;padding-bottom:70px}
#mcontainer .msTit span {display:block;font-size:2em;font-weight:300;letter-spacing:.1em;margin-top:30px}
#mcontainer .msTit.wh {color:#fff;border-bottom-color:#fff}
#mcontainer .goBtn {display:block;width:180px;height:60px;line-height:58px;background-color:#000;border:3px solid #000;color:#fff;border-radius:30px;letter-spacing:0;font-weight:500;text-align:center;position:relative;overflow:hidden;margin-top:30px;box-sizing:border-box}
#mcontainer .goBtn:after {content:'';display:block;width:100%;height:100%;background:#fff;position:absolute;top:0;left:-100%;transition:all .3s ease}
#mcontainer .goBtn:hover:after,
#mcontainer .goBtn:focus:after {left:0}
#mcontainer .goBtn span {position:relative;z-index:1;transition:all .3s ease}
#mcontainer .goBtn:hover span,
#mcontainer .goBtn:focus span {color:#000}
@media all and (max-width:1799px){
	#mcontainer .msecIn {width:100%;padding:0 30px}
}
@media all and (max-width:1099px){
	#mcontainer .msecIn {padding:0 20px}
	#mcontainer .msTit span {margin-top:20px}
	#mcontainer .msTit {font-size:2em;padding-bottom:50px}
}
@media all and (max-width:899px){
	#mcontainer .msTit {font-size:1.6em}
	#mcontainer .msTit span {margin-top:10px}
}
@media all and (max-width:768px){
	#mcontainer .goBtn {margin:30px auto 0 auto;width:150px;height:50px;line-height:48px;font-size:.9em}
}
@media all and (max-width:699px){
	#mcontainer .msTit {font-size:1.3em}
	#mcontainer .msecIn {padding:0 15px}
}
@media all and (max-width:399px){
	#mcontainer .goBtn {margin:20px auto 0 auto;width:140px;height:40px;line-height:38px;font-size:.8em}
}

/** -- 폴더 버튼  */
.potal-sld-wr .potal-pagination {position:sticky;top:0;display:flex;flex-flow:row wrap;background-color:#fff;z-index:10;align-items:flex-end;height:100%}
.potal-sld-wr .potal-pagination > a {flex-basis:25%;display:block;height:60px;border-radius:10px 10px 0 0;transition:all .3s ease;text-align:center;display:inline-block}
.potal-sld-wr .potal-pagination > a:before {content:'';display:inline-block;height:100%;vertical-align:middle}
.potal-sld-wr .potal-pagination > a.over {height:80px}
.potal-pagination .title {display:inline-block;vertical-align:middle;font-size:1.111em;font-weight:500;color:#fff;letter-spacing:0}
.potal-pagination .title em {font-size:1.3em}
.potal-pagination .sld01 {background-color:#000}
.potal-pagination .sld02 {background-color:#f5f5f5}
.potal-pagination .sld03 {background-color:#4b90ff}
.potal-pagination .sld04 {background-color:#0d3862}
.potal-pagination .sld02 .title {color:#000}
.potal-sld.sticky > div {position:sticky;top:60px;overflow:hidden}
@media all and (max-width:1499px){
	.potal-pagination .title {font-size:1em}
}
@media all and (max-width:1199px){
	.potal-pagination .title {font-size:.9em}
}
@media all and (max-width:1099px){
	.potal-pagination .title {font-size:.7em}
}
@media all and (max-width:768px){
	.potal-sld.sticky > div {position:relative;top:0}
	.potal-sld-wr .potal-pagination {position:relative;display:none}
}
@media all and (max-width:599px){
	.potal-sld-wr .potal-pagination {width:80%}
	.potal-sld-wr .potal-pagination > a {text-align:left;height:35px;padding:0 20px;box-sizing:border-box}
	.potal-sld-wr .potal-pagination > a.over {height:50px}
	.potal-pagination .title {font-size:0}
	.potal-pagination .title em {font-size:16px}
}
@media all and (max-width:399px){
	.potal-sld-wr .potal-pagination {width:100%}
}
/** --- topSec */
.topSec {height:750px;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:relative;overflow:hidden}
.topSec:before {content:'';display:block;width:554px;height:554px;background-image:url(/resources/_Templet/Main/main_about/Img/mSec01_bg.png);position:absolute;bottom:-144px;right:-60px}
.topSec h3 {display:inline-block;width:auto;;line-height:normal;position:relative;}
.topSec h3:after {content:'';display:block;width:167px;height:167px;background-image:url(/resources/_Templet/Main/main_about/Img/m_star.png);position:absolute;top:-167px;right:-200%;transform:translateY(0);animation:star 1s cubic-bezier(0.4, 0, 1, 1) alternate infinite}
.topSec h3 > span {display:block;opacity:0;transform:translateY(30px)}
.topSec h3 .hTxt1 {font-size:2em;font-weight:500;color:#2e2e2e;letter-spacing:-.05em}
.topSec h3 .hTxt2 {font-size:6.667em;font-weight:700;letter-spacing:0;color:#4b90ff;position:relative;margin:10px 0}
.topSec h3 .hTxt2 em {font-style:normal}
.topSec h3 .hTxt2 .rbt {display:inline-block;width:122px;height:122px;background-color:#4b90ff;border-radius:50%;vertical-align:middle;overflow:hidden;margin-bottom:10px}
.topSec h3 .hTxt2 .rbt img {animation:rab .7s ease-in;animation-delay:1.4s;animation-fill-mode:forwards}
.topSec h3 .hTxt2:before,
.topSec h3 .hTxt2:after {content:'';display:block;width:242px;height:172px;position:absolute;bottom:-60px;left:-210px}
.topSec h3 .hTxt2:before {background-image:url(/resources/_Templet/Main/main_about/Img/sun1.png)}
.topSec h3 .hTxt2:after {background-image:url(/resources/_Templet/Main/main_about/Img/sun2.png);animation:sun 1s ease-in-out alternate infinite}
.topSec h3 .hTxt3 {font-size:6.333em;color:#000;letter-spacing:0;font-weight:500;width:auto;display:inline-block;position:relative;overflow:hidden;line-height:1}
.topSec h3 .hTxt3 span {box-sizing:border-box}
.topSec h3 .hTxt3 .hTxt_s1 {display:inline-block;width:auto;position:relative;border-radius:15px;padding:20px 10px 0 10px}
.topSec h3 .hTxt3 .hTxt_s1:before {content:'';display:block;width:100%;height:100%;background-color:#4b90ff;border-radius:15px;position:absolute;top:0;left:-200%;z-index:-1}
.topSec h3 .hTxt3 .hTxt_s2 {display:inline-block;width:auto;border:7px solid #eaecf3;box-sizing:border-box;border-radius:15px;background-color:#fff;padding-top:10px}
.isMain.loaded .topSec h3 .hTxt3 .hTxt_s1:before {transition:all .6s ease .6s;left:0}
.isMain.loaded .topSec h3:after  {transition:all .6s ease .6s;right:-50px}
.isMain.loaded .topSec h3 .hTxt2 .rbt img {animation:rab .7s ease-in;animation-delay:1.4s;animation-fill-mode:forwards}
.isMain.loaded .topSec h3 > span {opacity:1;transform:translateY(0)}
.isMain.loaded .topSec h3 .hTxt1 {transition:all .6s ease}
.isMain.loaded .topSec h3 .hTxt2 {transition:all .6s ease .3s}
.isMain.loaded .topSec h3 .hTxt3 {transition:all .6s ease .6s}
@media all and (max-width:1399px){
	.topSec {height:650px}
	.topSec h3 .hTxt2:before, .topSec h3 .hTxt2:after {left:-100px;bottom:-30px;width:169px;height:120px;background-size:169px auto}
	.topSec h3:after {width:117px;height:117px;background-size:117px auto}
	.isMain.loaded .topSec h3:after {right:50px;top:-80px}
	.isMain.loaded .topSec h3 .hTxt1 {font-size:1.8em}
	.topSec h3 .hTxt2 {font-size:5em}
	.topSec h3 .hTxt2 .rbt {width:85px;height:85px}
	.topSec h3 .hTxt2 .rbt img {width:62px;height:auto}
	.topSec h3 .hTxt3 {font-size:5em}
}
@media all and (max-width:999px){
	.topSec {height:500px}
	.topSec:before {width:332px;height:332px;background-size:332px auto;bottom:-50px}
	.isMain.loaded .topSec h3 .hTxt1 {font-size:1.6em}
	.topSec h3 .hTxt2 {font-size:3.5em}
	.topSec h3 .hTxt2 .rbt {width:61px;height:61px}
	.topSec h3 .hTxt2 .rbt img {width:45px}	
	.topSec h3 .hTxt3 {font-size:4em}
	.topSec h3 .hTxt2:before, .topSec h3 .hTxt2:after {width:121px;height:86px;background-size:121px auto;left:0px;bottom:-10px}
    .isMain.loaded .topSec h3:after {top:-30px}
	.topSec h3:after {width:83px;height:83px;background-size:83px auto}
	.isMain.loaded .topSec h3:after {right:50px}
}
@media all and (max-width:699px){
	.topSec {height:400px}
	.topSec:before {width:277px;height:277px;background-size:277px auto}
	.isMain.loaded .topSec h3 .hTxt1 {font-size:1.2em}
	.topSec h3 .hTxt2 {font-size:2.5em}
	.topSec h3 .hTxt3 {font-size:3em}
	.topSec h3 .hTxt2:before, .topSec h3 .hTxt2:after {right:-70px}
	.isMain.loaded .topSec h3:after {right:20px}
    .topSec h3 .hTxt3 .hTxt_s1 {display:block;margin-bottom:10px}
}
@media all and (max-width:499px){
	.isMain.loaded .topSec h3:after {top:-25px;right:10px}
	.topSec {height:300px}
	.topSec:before {width:222px;height:222px;background-size:222px auto}
	.topSec h3:after {width:50px;height:50px;background-size:50px auto}
	.topSec h3 .hTxt2:before, .topSec h3 .hTxt2:after {width:72px;height:52px;background-size:72px auto;left:0}
	.topSec h3 .hTxt2 {font-size:2em;margin:0}
	.topSec h3 .hTxt2 .rbt {width:49px;height:49px}
	.topSec h3 .hTxt2 .rbt img {width:36px}
	.topSec h3 .hTxt3 {font-size:2.4em}
	.topSec h3 .hTxt3 .hTxt_s1 {padding:5px 10px 0 10px}
	.topSec h3 .hTxt3 .hTxt_s2 {padding-top:5px;}
}
@media all and (max-width:399px){
	.topSec h3 .hTxt3 {font-size:2em}
    .isMain.loaded .topSec h3 .hTxt1 {font-size:1em}
	.topSec h3 .hTxt2:before, .topSec h3 .hTxt2:after {display:none}
    .isMain.loaded .topSec h3:after {display:none}
}
/** --- 토끼 */
@keyframes rab {
	0% {transform: translateY(94%)}
	55% {transform:scale(0.9, 1.1)}
	80% {transform:scale(1.1, 0.9)}
	100% {transform: translateY(0) scale(1, 1)}	
}
/** -- 별 */
@keyframes star {
	0% {transform: translate(0)}
	100% {transform: translate(-5%, 5%)}
}
/** -- 해 */
@keyframes sun {
	0% {transform: rotate(0)}
	100% {transform: rotate(-15deg)}
}

/** --- SECTION01 */
.mSec01 {background-color:#000;height:auto;padding:80px 0 60px 0}
#mcontainer .mSec01 .msTit em {font-style:normal;display:block}
#mcontainer .mSec01 .msTit span {display:inline-block;width:auto;font-size:1.5em;margin-top:10px;position:relative}
/* #mcontainer .mSec01 .msTit span:before {content:'';display:block;width:60px;height:60px;background-image:url(/resources/_Templet/Main/main_about/Img/mSec01_plus.png);border-radius:50%;background-color:#fff;position:absolute;top:0;left:-77px} */
#mcontainer .mSec01 .msTit span:after {content:'';display:block;width:167px;height:162px;background-image:url(/resources/homepage/about/_Img/sec3_deco.png);position:absolute;top:-110px;left:-160px;transform:translate(-100%,-100%);animation:sec1_deco 4s ease-in-out alternate infinite}
.mSec01 .swiper-slide {display:flex}
.mSec01 .swiper {overflow:visible;margin-top:50px}
.mSec01 .swiper-wrap,
.mSec01 .mySwiper3 {display:none}
.mSec01 .mySwiper.pc-v .swiper-wrapper {justify-content:right;margin-top:20px;padding-left:560px}
.mSec01 .mySwiper.pc-v .swiper-slide {width:110px!important;height:560px;border-radius:8px;box-sizing:border-box;background-color:#fff;transition:all .5s ease}
.mSec01 .mySwiper.pc-v .swiper-slide:last-child {margin-right:0}
.mSec01 .mySwiper.pc-v .swiper-slide .card_title.dimmed_case {display:none}
.mSec01 .mySwiper.pc-v .swiper-slide.dimmed > .card_dimmed {position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.3);z-index:1}
.mSec01 .mySwiper.pc-v .swiper-slide .card_content {opacity:0;transition:all .5s ease}
.mSec01 .mySwiper.pc-v .swiper-slide .card_content:after {content:'';display:block;width:29px;height:29px;background-image:url(/resources/_Templet/Main/main_about/Img/mSec01_arrow.png);background-color:#000;border-radius:50%;position:absolute;top:30px;right:30px}
.mSec01 .mySwiper.pc-v .swiper-slide .card_content_2 {opacity:1;transition:all .5s ease}
.mSec01 .mySwiper.pc-v .swiper-slide.open {width:610px !important;background-color:#f8e451}
.mSec01 .mySwiper.pc-v .swiper-slide.open .card_content {opacity:1;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-evenly}
.mSec01 .mySwiper.pc-v .swiper-slide.open .card_content_2 {opacity:0}
.mSec01 .mySwiper.pc-v .swiper-slide.open .slide_inner {padding:33px 30px;width:100%;box-sizing:border-box}
.mSec01 .mySwiper.pc-v .Dtitle {font-size:1.5em;line-height:1.22;color:#000;letter-spacing:-.05em;font-weight:500}
.mSec01 .mySwiper.pc-v .Dtitle .en {display:block;font-size:.4em;letter-spacing:0;margin-top:10px}
.mSec01 .mySwiper.pc-v .departList {display:flex;flex-wrap:wrap;margin-top:25px}
.mSec01 .mySwiper.pc-v .swiper-slide.open.long_v .departList {margin-top:20px}
.mSec01 .mySwiper.pc-v .departList li {font-size:.7em;font-weight:500;letter-spacing:0;background-color:#fff;color:#3e4252;text-align:center;margin:0 5px 5px 0;border:1px solid #898ea0;border-radius:5px;min-width:102px;box-sizing:border-box}
.mSec01 .mySwiper.pc-v .departList li > a {display:block;width:100%;height:100%;padding:7px 5px 5px 5px;box-sizing:border-box;position:relative;z-index:5}
.mSec01 .mySwiper.pc-v .departList li > a:before {content:'';display:block;width:0;height:5px;background-color:#f8e451;position:absolute;bottom:8px;left:50%;border-radius:2px;transform:translateX(-50%);z-index:-1;transition:all .3s ease}
.mSec01 .mySwiper.pc-v .departList li > a:hover:before,
.mSec01 .mySwiper.pc-v .departList li > a:focus:before {width:100%}
.mSec01 .mySwiper.pc-v .ico {display:block;width:135px;height:135px;border-radius:10px;overflow:hidden;position:absolute;bottom:30px;left:30px}
.mSec01 .mySwiper.pc-v .ico img {width:100%;height:100%}
.mSec01 .mySwiper.pc-v .bottom {display:flex;flex-wrap:wrap;align-items:flex-end;margin-top:20px;box-sizing:border-box}
.mSec01 .mySwiper.pc-v .swiper-slide.open.long_v .bottom {margin-top:20px}
.mSec01 .mySwiper.pc-v .txt {font-size:1.667em;font-weight:300;letter-spacing:0;color:#000;line-height:1.222;width:calc(100% - 168px);font-size:0}
.mSec01 .mySwiper.pc-v .swiper-slide.open.long_v .txt {font-size:1.5em;font-size:0}

.mSec01 .mySwiper.pc-v .txt .br {display:block}
.mSec01 .mySwiper.pc-v .card_content_2 .Dtitle2 {font-size:1em;font-weight:500;letter-spacing:-.05em;font-weight:500;color:#000;position:absolute;writing-mode:vertical-rl;text-orientation:sideways;top:30px;right:50%;transform:translateX(50%);padding-bottom:90px;line-height:1.2}
.mSec01 .mySwiper.pc-v .card_content_2 .Dtitle2 .en {display:block;font-size:.667em;letter-spacing:0;color:#aaa;margin-right:10px}
.mSec01 .mySwiper.pc-v .card_content_2 .ico {width:75px;height:75px;position:absolute;bottom:20px;left:20px}
.mSec01 .mySwiper.pc-v .card_content_2 .ico .img {width:100%}
.mSec01 .navBox {position:absolute;top:120px;left:0;z-index:555;display:flex;flex-wrap:wrap}
.mSec01 .navBox .swiper-button-next:after,
.mSec01 .navBox .swiper-button-prev:after {display:none}
.mSec01 .navBox .swiper-button-prev,
.mSec01 .navBox .swiper-button-next {display:block;width:70px;height:70px;border-radius:50%;border:2px solid #fff;background-image:url(/resources/_Templet/Main/main_about/Img/mSec03_arrow.png);position:static}
.mSec01 .navBox .swiper-button-next {margin-left:10px;background-position:-80px 0}
.mSec01 .navBox .swiper-button-next.swiper-button-disabled, 
.mSec01 .navBox .swiper-button-prev.swiper-button-disabled {opacity:.5}
.mSec01 .navBox .swiper-button-prev:hover,
.mSec01 .navBox .swiper-button-prev:focus {background-color:#fff;background-position:0 -80px}
.mSec01 .navBox .swiper-button-next:hover,
.mSec01 .navBox .swiper-button-next:focus {background-color:#fff;background-position:-80px -80px}
@keyframes sec1_deco {
	0% {transform: rotate(0)}
	100% {transform: rotate(-15deg)}
}
@media all and (max-width:1799px){
	.mSec01 .mySwiper.pc-v .swiper-wrapper {padding-left:0;justify-content:left;margin-bottom:30px}
	.mSec01 .navBox {left:30px}
}
@media all and (max-width:1099px){
	.mSec01 .navBox {left:20px;top:75px}
} 
@media all and (max-width:1399px){
	#mcontainer .mSec01 .msTit span {font-size:1.6em}
	#mcontainer .msTit {padding-bottom:40px}
	.mSec01 .mySwiper.pc-v .card_content_2 .Dtitle2 .en {margin-right:5px}
	.mSec01 .mySwiper.pc-v .swiper-slide {width:90px !important}
	.mSec01 .mySwiper.pc-v .card_content_2 .Dtitle2 {font-size:1em}
	.mSec01 .mySwiper.pc-v .card_content_2 .ico {left:8px}
} 
@media all and (max-width:899px) {
	#mcontainer .mSec01 .msTit span:after {width:100px;height:97px;background-size:100px auto;top:-70px;left:-90px}
	#mcontainer .mSec01 .msTit span:before {width:42px;height:42px;background-size:42px auto;left:-49px}
	.mSec01 .mySwiper.pc-v {display:none}
	.mSec01 .navBox {display:none}
	.mSec01 .swiper-wrap,
	.mSec01 .mySwiper3 {display:block}
	.mSec01 .swiper-wrap {width:400px;margin:0 auto}
	.mSec01 .mySwiper2 .slide_inner {display:block;padding:30px;box-sizing:border-box;}
	.mSec01 .mySwiper2 .swiper-slide {background-color:#fff;position:relative;width:370px !important;height:550px;border-radius:8px}
	.mSec01 .mySwiper3 .swiper-slide {padding:4px;width:auto;height:auto;}
	.mSec01 .mySwiper3 .service-icon {display:none;background-color:#fff;width:52px;height:52px}
	.mSec01 .mySwiper2 .swiper-slide {border-radius:8px;box-sizing:border-box;transition:all .5s ease}
	.mSec01 .mySwiper2 .swiper-slide:last-child {margin-right:0}
	.mSec01 .mySwiper2 .swiper-slide .card_title.dimmed_case {display:none}
	.mSec01 .mySwiper2 .swiper-slide.dimmed > .card_dimmed {position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.3);z-index:1}
	.mSec01 .mySwiper2 .swiper-slide .card_content {transition:all .5s ease;}
	.mSec01 .mySwiper2 .swiper-slide .card_content:after {content:'';display:block;width:29px;height:29px;background-image:url(/resources/_Templet/Main/main_about/Img/mSec01_arrow.png);background-color:#000;border-radius:50%;position:absolute;top:30px;right:30px}
	.mSec01 .mySwiper2 .swiper-slide.open {width:610px !important;background-color:#f8e451}
	.mSec01 .mySwiper2 .swiper-slide.open .slide_inner {padding:33px 30px;box-sizing:border-box}
	.mSec01 .mySwiper2 .Dtitle {font-size:1.4em;color:#000;letter-spacing:-.05em;font-weight:500}
	.mSec01 .mySwiper2 .Dtitle .en {display:block;font-size:.4em;letter-spacing:0;margin-top:10px}
	.mSec01 .mySwiper2 .departList {display:flex;flex-wrap:wrap;margin-top:20px}
	.mSec01 .mySwiper2 .departList li {font-size:.65em;font-weight:500;letter-spacing:0;color:#3e4252;background-color:#fff;text-align:center;margin:0 3px 3px 0;border:1px solid #898ea0;border-radius:5px;min-width:82px;box-sizing:border-box;padding:0 10px}
	.mSec01 .mySwiper2 .departList li > a {display:block;width:100%;height:100%;padding:5px ;box-sizing:border-box;position:relative;z-index:5;text-align:left}
	.mSec01 .mySwiper2 .departList li > a:before {content:'';display:block;width:0;height:4px;background-color:#f8e451;position:absolute;bottom:7px;left:50%;border-radius:2px;transform:translateX(-50%);z-index:-1;transition:all .3s ease}
	.mSec01 .mySwiper2 .departList li > a:hover:before,
	.mSec01 .mySwiper2 .departList li > a:focus:before {width:80%}		
	.mSec01 .mySwiper2 .ico {display:block;width:75px;height:75px;border-radius:10px;overflow:hidden;margin-right:20px;position:absolute;bottom:20px;left:30px}
	.mSec01 .mySwiper2 .ico img {width:100%;height:100%}
	.mSec01 .mySwiper2 .bottom {display:flex;flex-flow:row wrap;align-items:flex-end;min-height:75px;margin-top:20px;box-sizing:border-box}
	.mSec01 .mySwiper2 .txt {flex:1 1 0;font-size:1.2em;font-weight:300;letter-spacing:0;color:#000;line-height:1.222;font-size:0 !important}
	.mSec01 .mySwiper2 .txt .br {display:block}

}
@media all and (max-width:899px) {
	.mSec01 {height:auto;padding:60px 0} 
	.mSec01 .mySwiper2 .swiper-slide.swiper-slide-active {background-color:#f8e451}
	.mSec01 .navBox2 {width:80px;height:60px;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);z-index:555}
	.mSec01 .navBox2 .swiper-button-next:after,
	.mSec01 .navBox2 .swiper-button-prev:after {display:none}
	.mSec01 .navBox2 .swiper-button-next:before,
	.mSec01 .navBox2 .swiper-button-prev:before {content:"";display:block;position:absolute;width:15px;height:15px;top:50%;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;transition:all .3s ease}
	.mSec01 .navBox2 .swiper-button-next:before {transform:rotate(225deg) translateY(50%);right:15px}
	.mSec01 .navBox2 .swiper-button-prev:before {transform:rotate(45deg) translateY(-50%)}		
}
@media all and (max-width:499px) {
    .mSec01 {padding:60px 0 30px 0}
	#mcontainer .mSec01 .msTit span:after {width:83px;height:81px;background-size:83px auto;left:-55px;top:-65px}
	#mcontainer .mSec01 .msTit span:before {display:none}
	#mcontainer .mSec01 .msTit span {font-size:1.3em}
	.mSec01 .swiper-wrap {width:100%;box-sizing:border-box;justify-content:center;padding:0 30px;position:relative}
	.mSec01 .mySwiper2 .Dtitle {font-size:1.3em;line-height:1.222}
	.mSec01 .mySwiper2 .departList li {height:auto;min-height:27px;padding:0 5px}
	.mSec01 .mySwiper2 .departList li > a {padding:6px 0 1px;line-height:1.2}
	.mSec01 .mySwiper2 .slide_inner {display:block;padding:20px 10px;box-sizing:border-box}
	.mSec01 .mySwiper2 .swiper-slide {background-color:#fff;position:relative;width:100% !important;height:530px}
    .mSec01 .mySwiper2 .ico {display:block;width:60px;height:60px;margin-right:12px;}
	.mSec01 .mySwiper2 .bottom {margin-top:0}
	.mSec01 .navBox2 {bottom:-70px}
	.mSec01 .navBox2 .swiper-button-next:before,
	.mSec01 .navBox2 .swiper-button-prev:before {width:12px;height:12px}
	.mSec01 .mySwiper2 .swiper-slide .card_content:after {display:none}

}
@media all and (max-width:399px) {
	.mSec01 .mySwiper2 .txt {font-size:1em}
	.mSec01 .mySwiper2 .txt .br {display:inline}
	#mcontainer .mSec01 .msTit span:after {display:none}
}
@media all and (max-width:364px) {
	.mSec01 .mySwiper2 .swiper-slide {height:600px}
	.mSec01 .mySwiper2 .Dtitle {font-size:1.2em}
	.mSec01 .mySwiper2 .departList li > a {font-size:11px}
}
/** --- SECTION02 */
.mSec02 {background-color:#f5f5f5;padding:130px 0;box-sizing:border-box;height:920px}
.mSec02 .msecIn {position:relative}
.mSec02 .msecIn:before,
.mSec02 .msecIn:after {content:'';display:block;width:806px;height:515px;position:absolute;top:0;right:0}
.mSec02 .msecIn:before {background-image:url(/resources/_Templet/Main/main_about/Img/sec03_ico1.png);animation:note 1.5s cubic-bezier(0.3, 0, 1, 1) alternate infinite}
.mSec02 .msecIn:after {background-image:url(/resources/_Templet/Main/main_about/Img/sec03_ico2.png)}
.mSec02 .br {display:block}
.mSec02 .msTxt {font-size:1.667em;font-weight:500;letter-spacing:-.05em;color:#000;line-height:1.666;margin-top:60px}
.mSec02 .msTxt em {position:relative;z-index:1;overflow:hidden;display:inline-block;width:auto;vertical-align:middle;padding:0 5px}
.mSec02 .msTxt em:before {content:'';display:block;width:100%;height:100%;background-color:#71d3ff;border-radius:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;opacity:1;transition:all .6s ease}
.mSec02.onEnter .msTxt em:before {left:50%;opacity:1} 
@media all and (max-width:1799px){
	.mSec02 .msecIn:after {right:30px}
}
@media all and (max-width:1399px){
	.mSec02 {height:700px}
}
@media all and (max-width:1299px){
	.mSec02 .msecIn:before, .mSec02 .msecIn:after {width:564px;height:360px;background-size:564px auto}
}
@media all and (max-width:1099px){
	.mSec02 .msTxt {font-size:1.4em;width:50%;margin-top:40px}
}
@media all and (max-width:999px){
	.mSec02 .msecIn:after {right:20px}
	.mSec02 .msecIn:before, .mSec02 .msecIn:after {width:403px;height:257px;background-size:403px auto;top:-60px}
	.mSec02 .msTxt {width:100%;font-size:1.2em;margin-top:30px}
}
@media all and (max-width:768px){
	.mSec02 {height:auto;padding:50px 0}
	.mSec02 .msecIn:before, .mSec02 .msecIn:after {width:242px;height:155px;background-size:242px auto;top:-30px}
	.mSec02 .br {display:inline}
}
@media all and (max-width:499px){
	.mSec02 .msecIn:before, .mSec02 .msecIn:after {width:161px;height:103px;background-size:161px auto;top:-20px}
	.mSec02 .msTxt {font-size:1.1em}
	#mcontainer .mSec02  .msTit {padding-bottom:30px}
}
@media all and (max-width:399px){
	.mSec02 .msecIn:before, .mSec02 .msecIn:after {width:81px;height:52px;background-size:81px auto;top:0}
}
@keyframes note {
	0% {transform: translate(0)}
	100% {transform: translate(-5%, 5%)}
}
/** --- SECTION03 */
.mSec03 {background-color:#4b90ff;box-sizing:border-box;text-align:center;padding:90px 0 155px 0;height:920px}
.mSec03 .ms4Tit {display:inline-block;width:auto;position:relative;font-size:2.778em;font-weight:700;color:#000;letter-spacing:-.05em;z-index:5}
.mSec03 .ms4Tit:before,
.mSec03 .ms4Tit:after {content:'';display:block;position:absolute;z-index:3}
.mSec03 .ms4Tit:before {width:165px;height:165px;background-image:url(/resources/_Templet/Main/main_about/Img/snow1.png);top:-30px;left:-70px;transform:translate(-100%, 0)}
.mSec03 .ms4Tit:after {width:48px;height:50px;background-image:url(/resources/_Templet/Main/main_about/Img/snow2.png);bottom:0;right:-120px;transform:translate(100%, 0)}
.mSec03 .ms4Tit span {display:block;font-size:2em;margin-top:30px}
.mSec03 .slogan {font-size:1.333em;font-weight:500;color:#222;letter-spacing:-.025em;margin-top:5px}
.mSec03 .icoBox {box-sizing:border-box;border:6px solid #fff;border-radius:20px;margin-top:40px;position:relative}
.mSec03 .icoBox:after {content:'';display:block;width:241px;height:184px;background-image:url(/resources/_Templet/Main/main_about/Img/hat.png);position:absolute;top:0;right:-80px;transform:translate(0,-50%);animation:hat 2s ease-in-out alternate infinite}
.mSec03 .icoList {display:flex;flex-wrap:wrap;justify-content:center;background-color:#fff;padding:67px 40px;box-sizing:border-box;margin-bottom:50px}
.mSec03 .icoList .item {display:block;width:14.285%;box-sizing:border-box}
.mSec03 .icoList .item .ico {display:block;width:144px;height:144px;border-radius:50%;background-color:#ddd;position:relative;background-image:url(/resources/_Templet/Main/main_about/Img/mSec04_icoslc.png);margin:0 auto 0 auto}
.mSec03 .icoList .item .ico01:before {content:'';display:block;width:75px;height:49px;background-image:url(/resources/_Templet/Main/main_about/Img/hit.png);}
.mSec03 .icoList .item .ico02 {background-position:-154px 0}
.mSec03 .icoList .item .ico03 {background-position:-308px 0}
.mSec03 .icoList .item .ico04 {background-position:-462px 0}
.mSec03 .icoList .item .ico05 {background-position:-616px 0}
.mSec03 .icoList .item .ico06 {background-position:-770px 0}
.mSec03 .icoList .item .ico07 {background-position:-924px 0}
.mSec03 .icoList .item .txt {display:inline-block;width:auto;font-size:1.444em;font-weight:700;color:#222;letter-spacing:-.025em;position:relative;overflow:hidden;z-index:5;margin-top:20px;line-height:1.2}
.mSec03 .icoList .item .txt:after {content:'';display:block;width:100%;height:50%;background-color:#4b90ff;position:absolute;bottom:-500px;left:0;z-index:-1;border-radius:15px;transition:all .3s ease}
.mSec03 .icoList .item:hover .txt:after,
.mSec03 .icoList .item:focus .txt:after {bottom:0}
#mcontainer .mSec03 .goBtn {display:block;width:300px;height:70px;line-height:68px;font-size:22px;font-weight:700;border-radius:35px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}
@media all and (max-width:1499px){
	.mSec03 .ms4Tit {font-size:2.4em}
	.mSec03 .ms4Tit span {font-size:1.7em;margin-top:20px}
	.mSec03 .icoList {padding:50px 20px}
	.mSec03 .icoBox:after {width:169px;height:129px;background-size:169px auto;right:-60px}
}
@media all and (max-width:1399px){
	.mSec03 {height:700px}
}
@media all and (max-width:1299px){
	.mSec03 .icoList .item .ico {width:101px;height:101px;background-size:auto 101px}
	.mSec03 .icoList .item .ico02 {background-position:-108px 0}
	.mSec03 .icoList .item .ico03 {background-position:-216px 0}
	.mSec03 .icoList .item .ico04 {background-position:-323px 0}
	.mSec03 .icoList .item .ico05 {background-position:-431px 0}
	.mSec03 .icoList .item .ico06 {background-position:-539px 0}
	.mSec03 .icoList .item .ico07 {background-position:-647px 0}
	.mSec03 .icoList .item .ico01:before {width:52px;height:34px;background-size:52px auto}
	.mSec03 .icoList .item .txt {font-size:1.2em}
}
@media all and (max-width:999px){
	.mSec03 .ms4Tit:before {width:115px;height:115px;background-size:115px auto}
	.mSec03 .ms4Tit:after {width:34px;height:35px;background-size:34px auto}
	.mSec03 .ms4Tit {font-size:2em}
	.mSec03 .slogan {font-size:1em}
	.mSec03 .ms4Tit span {font-size:1.5em;margin-top:10px}
	.mSec03 .icoList .item {width:25%}
	.mSec03 .icoList .item:nth-last-child(-n+3) {margin-top:20px}	
	#mcontainer .mSec03 .goBtn {width:230px;height:60px;line-height:58px;font-size:19px}
}
@media all and (max-width:768px){
	.mSec03 {height:auto;padding:50px 0}
}
@media all and (max-width:599px){
	.mSec03 .ms4Tit {font-size:1.7em}
	.mSec03 .ms4Tit:before {width:83px;height:83px;background-size:83px auto;left:10px}
	.mSec03 .ms4Tit:after {width:24px;height:25px;background-size:24px auto;right:50px}
	.mSec03 .icoBox:after {width:120px;height:92px;background-size:120px auto;right:-40px}
	.mSec03 .icoList {padding:30px 15px;margin-bottom:40px}
	.mSec03 .icoList .item .ico {width:72px;height:72px;background-size:auto 72px}
	.mSec03 .icoList .item .ico02 {background-position:-73px 0}
	.mSec03 .icoList .item .ico03 {background-position:-154px 0}
	.mSec03 .icoList .item .ico04 {background-position:-231px 0}
	.mSec03 .icoList .item .ico05 {background-position:-310px 0}
	.mSec03 .icoList .item .ico06 {background-position:-385px 0}
	.mSec03 .icoList .item .ico07 {background-position:-462px 0}	
	.mSec03 .icoList .item .ico01:before {width:37px;height:24px;background-size:37px auto}
	.mSec03 .icoList .item .txt {font-size:1em;margin-top:10px}
	#mcontainer .mSec03 .goBtn {width:200px;height:50px;line-height:48px;font-size:17px}
}
@media all and (max-width:420px){
	.mSec03 .ms4Tit:before {width:49px;height:49px;background-size:49px auto}
	.mSec03 .icoBox:after {width:96px;height:73px;background-size:96px auto}
	.mSec03 .icoList {justify-content:flex-start}
	.mSec03 .icoList .item {width:100%;margin-bottom:10px;position:relative;text-align:left;padding-left:60px;height:43px}
	.mSec03 .icoList .item:nth-last-child(-n+3) {margin-top:0}	
	.mSec03 .icoList .item:nth-last-child(-n+1) {margin-bottom:0}		
	.mSec03 .icoList .item .ico {width:43px;height:43px;background-size:auto 43px;position:absolute;top:0;left:0}
	.mSec03 .icoList .item .ico02 {background-position:-46px 0}
	.mSec03 .icoList .item .ico03 {background-position:-92px 0}
	.mSec03 .icoList .item .ico04 {background-position:-139px 0}
	.mSec03 .icoList .item .ico05 {background-position:-185px 0}
	.mSec03 .icoList .item .ico06 {background-position:-231px 0}
	.mSec03 .icoList .item .ico07 {background-position:-277px 0}	
	.mSec03 .icoList .item .ico01:before {width:22px;height:15px;background-size:22px auto}
	.mSec03 .icoList .item .txt {margin-top:0;line-height:43px}
	.mSec03 .icoList .item:hover .txt:after, .mSec03 .icoList .item:focus .txt:after {bottom:10px}
	.mSec03 .icoList .item .txt:after {height:20%}
}
/** --- 모자 */
@keyframes hat {
	0% {transform: rotate(-15deg) translate(0,-50%)}
	100% {transform: rotate(0) translate(0,-50%)}
} 
/** --- SECTION04 */
.mSec04 {background-color:#0d3862;background-image:url(/resources/_Templet/Main/main_about/Img/msec05_bg.jpg);padding:110px 0 ;background-position-y:110px;height:920px}
.mSec04 .msecIn {padding:0 140px;box-sizing:border-box;position:relative}
.mSec04 .ms5Tit {font-size:2.778em;color:#fff;font-weight:500;letter-spacing:-.05em;margin:0 auto;text-align:center}
.mSec04 .ms5Tit span {display:block;margin-top:20px}
.mSec04 .mYoutubeBox {overflow:hidden;padding-top:120px;position:relative}
.mSec04 .mYoutubeBox .swiper-slide {background-color:#fff;border-radius:30px;box-sizing:border-box;min-height:485px}
.mSec04 .mYoutubeBox .swiper-slide a {display:block;width:100%;height:100%;padding:0 30px 45px 30px;box-sizing:border-box}
.mSec04 .mYoutubeBox .swiper-slide a:hover .imgBox img,
.mSec04 .mYoutubeBox .swiper-slide a:focus .imgBox img{transform:scale(1.1)}
.mSec04 .mYoutubeBox .swiper-slide .imgBox {width:660px;position:relative;top:-70px;margin-bottom:-30px;overflow:hidden}
.mSec04 .mYoutubeBox .swiper-slide .imgBox:before {content:"";display:block;width:0;padding-top:56.0606%}
.mSec04 .mYoutubeBox .swiper-slide .imgBox img {position:absolute;left:0;top:0;width:100%;transform:scale(1);transition:transform .3s ease}
.mSec04 .mYoutubeBox .txtBox {font-size:1.333em;color:#333;padding-left:80px;box-sizing:border-box;position:relative;line-height:1.2}
.mSec04 .mYoutubeBox .txtBox:before {content:'';display:block;width:60px;height:60px;background-image:url(/resources/_Templet/Main/main_about/Img/m_youtube_ico.png);position:absolute;top:0;left:0}
.mSec04 .mYoutubeBox .logoTxt {display:block;font-weight:700;letter-spacing:0;color:#e43338;font-size:.75em;margin-bottom:20px}
.mSec04 .navBox {position:absolute;bottom:297px;left:0;z-index:5;width:100%}
.mSec04 .navBox button {width:82px;height:82px;background-color:#000;position:absolute;top:0;border:transparent;border-radius:50%;background-image:url(/resources/_Templet/Main/main_about/Img/sec05_nav.png);transition:all .3s ease}
.mSec04 .navBox button.btn-prev {left:82px}
.mSec04 .navBox button.btn-next {right:82px;background-position:-92px 0}
.mSec04 .navBox button.btn-prev:hover,
.mSec04 .navBox button.btn-prev:focus {background-position:-10px 0}
.mSec04 .navBox button.btn-next:hover,
.mSec04 .navBox button.btn-next:focus {background-position:-82px 0}
@media all and (max-width:1699px){
	.mSec04 .mYoutubeBox .swiper-slide .imgBox {width:100%}
	/* .mSec04 .mYoutubeBox .swiper-slide .imgBox img {height:100%;object-fit:cover} */
	#mcontainer .mSec04 .msecIn {padding:0 100px}
	.mSec04 .navBox button.btn-prev {left:48px}
	.mSec04 .navBox button.btn-next {right:48px}
	.mSec04 .mYoutubeBox .txtBox {font-size:1.2em}
}
@media all and (max-width:1399px){
	.mSec04 {height:700px}
}
@media all and (max-width:1299px){
	.mSec04 .ms5Tit {font-size:2.4em}
	.mSec04 .ms5Tit img {width:287px;height:auto}
	#mcontainer .mSec04 .msecIn {padding:0 30px}
	.mSec04 .navBox {bottom:calc(50% - 100px)}
	.mSec04 .navBox button {width:57px;height:57px;background-size:auto 57px}
	.mSec04 .navBox button.btn-next {background-position:-64px 0}
	.mSec04 .navBox button.btn-prev:hover, .mSec04 .navBox button.btn-prev:focus {background-position:-7px 0}
	.mSec04 .navBox button.btn-next:hover, .mSec04 .navBox button.btn-next:focus {background-position:-57px 0}
	.mSec04 .navBox button.btn-prev {left:0}
	.mSec04 .navBox button.btn-next {right:0}	
	.mSec04 .mYoutubeBox .swiper-slide a {padding:0 20px 30px 20px}
	.mSec04 .mYoutubeBox .txtBox {padding-left:60px}
	.mSec04 .mYoutubeBox .txtBox:before {width:42px;height:42px;background-size:42px auto}
	.mSec04 .mYoutubeBox .swiper-slide .imgBox {top:-40px;margin-bottom:-10px}
}
@media all and (max-width:1099px){
	.mSec04 .ms5Tit {font-size:2em}
	.mSec04 .mYoutubeBox .logoTxt {margin-bottom:10px}
	.mSec04 .mYoutubeBox .txtBox {font-size:1em}
	.mSec04 .mYoutubeBox .swiper-slide {min-height:auto}
	/* .mSec04 .mYoutubeBox .swiper-slide .imgBox {height:300px} */
}
@media all and (max-width:799px){
	.mSec04 .navBox {bottom:calc(50% - 70px)}
}
@media all and (max-width:768px){
	.mSec04 {height:auto;padding:50px 0;background-position-y:200px}
	.mSec04 .mYoutubeBox {padding-top:90px}
}
@media all and (max-width:499px){
	.mSec04 .ms5Tit {font-size:1.5em}
	.mSec04 .ms5Tit img {width:172px}
	/* .mSec04 .mYoutubeBox .swiper-slide .imgBox {height:230px} */
	.mSec04 .navBox {bottom:calc(50% - 80px)}	
	.mSec04 .navBox button {width:41px;height:41px;background-size:auto 41px}
	.mSec04 .navBox button.btn-next {background-position:-46px 0}
	.mSec04 .navBox button.btn-prev:hover, .mSec04 .navBox button.btn-prev:focus {background-position:-5px 0}
	.mSec04 .navBox button.btn-next:hover, .mSec04 .navBox button.btn-next:focus {background-position:-41px 0}	
}
@media all and (max-width:399px){
	.mSec04 .mYoutubeBox .swiper-slide a {padding:0 15px 20px 15px}
	/* .mSec04 .mYoutubeBox .swiper-slide .imgBox {height:180px} */
	.mSec04 .mYoutubeBox .txtBox {padding-left:40px}
	.mSec04 .mYoutubeBox .txtBox:before {width:30px;height:30px;background-size:30px auto}
}