/*

font-family: 'Noto Sans KR', sans-serif;
font-family: 'Noto Serif KR', serif;
font-family : 'NanumSquare', sans-serif;
font-family: 'S-CoreDream', sans-serif;

*/



* { margin: 0; padding: 0; outline: none;}
html,body { width: 100%; height: 100%; min-width: 1024px; position: relative;}
html {font-size: 17px;  scroll-behavior: smooth;}
ul,li {list-style: none;}
a {text-decoration: none; color: inherit;}
p, span, h1, h2, h3, h4, h5, h6, a, li, th, tr, td {font-family : 'NanumSquare', sans-serif;}
p, span, h1, h2, h3, h4, h5, h6 { transform: skewX(-0.3deg);}
.mob {display: none;}
.pc {display: block;}
#header {min-width: 1024px;}

.score {font-family: 'S-CoreDream', sans-serif !important;}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {display: none;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {display: none;}



/* 초기화 영역 끝 */


/*header*/


#wrap {width: 100%;}
#header { width: 100%;  position: relative; z-index: 99;}
.header_inner { width: 90%; max-width: 1200px;  margin: auto;}


#header_logo { width: 100%;  display: block;  margin: 30px 0px 20px; position: relative; }
#header_logo img { width: 100%;  max-width: 250px;  margin: auto;  display: block;}

.right_nav {  font-size: 0px;  margin: auto;  width: 90%;  position: absolute;  left: 50%;  bottom: 0px;  transform: translateX(-50%);}
.right_nav li {display: inline-block; vertical-align: top; width: auto; padding: 0px 5px; font-size : 0.8rem; color : #777777; line-height: 1;    transform: skewX(-0.3deg);}
.right_nav li a {color:#777777 !important }
.right_nav li:nth-child(1) {border-right: 1px solid #777777 }



.nav_wrap { width: 100%;  background-color: #fff;  height: 67px;  position: absolute;  left: 0px;  top: 100px;  transition: all 0.4s;  border-top: 1px solid #6440b7;  border-bottom: 1px solid #6440b7; box-sizing:border-box; overflow: hidden; }
.nav_wrap::after {content: ""; position: absolute; left: 0px; top: 64px; background-color: #fff; width: 100%; height: 0px; transition: all 0.4s; border-top: 1px solid #eee; box-sizing: border-box; }

#nav { width: 100%;  max-width: 1200px;  margin: auto;  font-size: 0px;  text-align: center; z-index: 10; position: relative; }
#nav > li { cursor: pointer;  display: inline-block;  width: auto;  padding: 0px 20px;  font-size: 0.95rem;  vertical-align: top;  transition: all 0.4s;  color: #3e3a39; line-height: 65px; font-weight: 800; position: relative; transform: skewX(-0.3deg); }
#nav > li.mob {display: none;}
.click {position: absolute;  right: -10px;  top: 6px;  width: 100%;  max-width: 35px; /* animation: updown 1s infinite ease-in-out; */ }

@keyframes updown {
    0% {opacity: 0 }
    50% {opacity: 1 }
    100% {opacity: 0}
}

.nav_ul { width: 100%;  padding: 10px 0px;  margin-top: 10px;  box-sizing: border-box;  opacity: 0;  transition: all 0.4s;}
.nav_ul li { font-size: 0.8rem;  line-height: 1.3;  margin-bottom: 12px;  color: #6d6d6d;  transition: all 0.4s; font-weight: 800; text-transform: capitalize;}
.nav_ul li a {display: block; transform: skewX(-0.3deg); color: #6d6d6d !important}
.nav_ul li:hover {color:#611980; }
.nav_ul li:hover a {color:#611980 !important; }

.nav_wrap:hover { height: 300px;}
.nav_wrap:hover::after {opacity: 1; height: 230px;}
.nav_wrap:hover .nav_ul {opacity: 1}



#right_header { font-size: 0px;  display: inline-block;  width: 13%;  vertical-align: top;  text-align: right; margin-top: 15px;}
#right_header > li {vertical-align: top;  text-align: center;  display: inline-block; box-sizing: border-box; transition: all 0.4s; transform: skewX(-0.3deg);}
#right_header > li a {display: block; }
#lang {width: 100%;  max-width: 70px;  cursor: pointer; position: relative;  margin-right: 35px; font-size : 0.9rem; letter-spacing : 0.9px; color: #fff; text-align: center; text-transform : uppercase; overflow: hidden; padding: 5px 0px 5px;  border-radius: 5px; border: 1px solid transparent;}
#lang:hover { border: 1px solid #ddd;  }
#lang .lang_sub { width: 100%; display: none;}
#lang:hover .lang_sub{display: block; }
#lang .lang_sub li { display: block; position: relative; padding: 5px  0px; }
#lang .lang_sub li a {display: inline-block; border-bottom: 1px solid transparent; transition: all 0.4s;}
#lang .lang_sub li:hover {background-color: #23549D; color: #fff;}
#header:hover #lang  {color: #666666; background-color: #fff;}


#sitemap {margin-top: -5px;}
#sitemap i {font-size: 2rem; color: #fff; transition: all 0.4s;}
#header:hover #sitemap i{ color: #666666;}




/*footer*/

.footer {width: 100%; background-color: #f2f2f2; z-index: 10; position: relative;}

.f_top_div {width: 100%; border-bottom: 1px solid #ddd; }
.f_top_div .main_inner {padding: 8px 0px}

.snsbox li {display: inline-block; vertical-align: top; width: 34px; height: 34px; border: 1px solid #6440b7; box-sizing: border-box; background-color: #fff; transition: all 0.4s; border-radius: 100%;}

.snsbox li a {display: block; position: relative; width: 100%; height: 100%;}

.snsbox li img {width: 100%;  max-width: 22px;  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%, -50%);}
.snsbox li img:nth-child(2) {opacity: 0;}
.snsbox li:hover img:nth-child(2) {opacity: 1;}

.snsbox li i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #6440b7; transition: all 0.4s; font-size: 20px;}
.snsbox li:hover {background-color: #6440b7;}
.snsbox li:hover i {color: #fff;}

.top_btn {  position: absolute;  right: 0px;  top: 0px;}
.top_btn img {width: 100%; max-width: 44px; cursor: pointer;}

.f_wrap {width: 100%; padding: 40px 0px; border-bottom: 1px solid #ddd; }
.f_top {width: 90%;  max-width: 1200px;  margin: auto;  font-size: 0px; position: relative; }
.f_top > li {display: inline-block; vertical-align: top;}
.f_top > li:nth-child(1) {width: 85%;}
.f_nav { width: 100%;  border-right: 1px solid #ddd;  padding: 25px 0px;}
.f_nav > li {  width: auto;  margin-right: 3%;  display: inline-block;  vertical-align: top;  font-size: 1rem;  letter-spacing: 0.16px;  color: #666666;  cursor: default;  font-weight: 800;}
.f_nav > li:last-child {margin-right: 0px;}
.f_nav > li > a {display: block; width: 100%; height: 100%; transform: skewX(-0.3deg); color: #fff !important}
.f_nav_ul {width: 100%; margin-top: 15px;}
.f_nav_ul > li {  width: 100%;  margin-bottom: 12px;  font-size: 0.8rem;  transition: all 0.4s;  cursor: pointer;  font-weight: bold;   transform: skewX(-0.3deg);}
.f_nav_ul > li:hover { text-decoration: underline;}

.f_top > li:nth-child(2) {width: 10%; margin-left: 5%; position: absolute; right: 0px; top: 20px; z-index: 10;}

.f_right_btn { position: relative;  width: 100%;  padding: 5px 0px;  text-transform: uppercase;  font-size: 0.8rem;  line-height: 1.4;  letter-spacing: 1.3px; color: #666666;  margin-bottom: 8px;  cursor: pointer;  transition: all 0.4s; font-weight: bold;}
.f_right_btn:hover { text-decoration: underline; }
.f_right_btn:last-child {margin-bottom: 0px;}
.f_right_btn a {display: block; transform: skewX(-0.3deg);}


.f_wrap2 {width: 100%; padding: 35px 0px; background-color: #6440b7; }
.f_info {width: 90%; max-width: 1200px; margin: 0px auto ;  font-size: 0px; position: relative;}

.f_info > li {display: inline-block; vertical-align: top;}
.f_info > li:nth-child(1) {width: 25%; text-align: right;}
.f_info > li:nth-child(1) > img {width: 100%; max-width:185px; }

.f_info > li:nth-child(2) {margin-left: 5%; width: 70%;}
.f_info > li:nth-child(2) p {   font-size: 0.9rem;  line-height: 1;  color: #FFFFFF;  padding-left: 75px;  box-sizing: border-box;  position: relative;}
.f_info > li:nth-child(2) p span.first {  position: absolute;  left: 0px;  top: 0px;  border-right: 0px;  margin-right: 0px;  padding-right: 0px;  font-weight: bold;}
.f_info > li:nth-child(2) p span {  display: inline-block;  width: auto;  margin-right: 15px;  border-right: 1px solid #fff;  padding-right: 15px;}
.f_info > li:nth-child(2) p span:last-child {border-right: 0px; margin-right: 0px; border-right: 0px;}
.f_info > li:nth-child(2) p.copy {  font-size: 0.8rem;  color: #FFFFFF;  margin-top: 15px;  opacity: 0.5;  font-weight: normal; }





.footer2 { width: 100%;  background-color: #414141;  padding: 0px 0px 40px;}
.f_top_cont { width: 100%;  border-bottom: 1px solid #ddd;padding-top: 30px;  padding-bottom: 20px;; position: relative; }
.f_logo { width: 90%;  max-width: 1200px;  margin: auto;  text-align: center;}
.f_logo img {width: 100%; max-width: 188px; margin: auto; display: block;}
.f_top_cont .top_btn { display: none; position: absolute;  left: 50%;  top: -20px;  width: 90%;  max-width: 1200px;  transform: translateX(-50%);  text-align: right;}

.f_mid_cont {width: 100%; border-bottom: 1px solid #ddd;}
.f_mid_cont .f_nav { width: 90%;  border-right: 0px;  text-align: center;  max-width: 1200px;  margin: auto; padding: 17px 0px;}
.f_mid_cont .f_nav > li { width: auto;  margin-right: 20px;  line-height: 1.3;  display: inline-block;  vertical-align: top;  font-size: 0.85rem;  letter-spacing: 0.16px;  color: #fff;  font-weight: normal;}
.f_mid_cont .f_nav > li:last-child {margin-right: 0px;}

.f_bottom_cont {width: 100%; text-align: center; padding-top: 30px; }
.f_bottom_cont p {color: #fff; font-size: 0.75rem; line-height: 1.5;}
.f_bottom_cont p .bold {font-weight: 800;}
.f_bottom_cont p.number { margin: 5px 0px;  font-size: 1.5rem;  font-weight: bold;}
.f_bottom_cont p.copy {opacity: 0.5;}


.inq_btn_wrap { position: absolute;  left: 50%;  top: -75px;  width: 85%;  transform: translateX(-50%);  text-align: right; z-index: 99;}
.inq_btn { display: inline-block; background-color: #6440ae;  text-align: center;  border-radius: 15px;  padding: 12px 20px;  font-weight: bold;  font-size: 0.75rem;  line-height: 1;  letter-spacing: -0.96px;  color: #FFFFFF; }
.inq_btn a { display: block;  width: 100%;  height: 100%;  transform: skewX(-0.3deg); color:  #fff !important}
.inq_btn i { font-size: 1.3rem;  vertical-align: middle;  padding-left: 5px;}


/* main1 */


.main {width: 100%; position: relative;}
.main_inner {width: 90%; max-width: 1200px; margin: auto;  position: relative; }
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}


.m1 {width: 100%; margin-top: 85px; margin-bottom: 120px}

.m1_bg { width: 100%; background-image: url(../image/m1_img1.png); height: 580px; box-sizing: border-box; background-position: center; background-repeat: no-repeat; position: relative; background-size: cover;}

@keyframes mymove {
  0%   { background-size: 100% 100%; }
  50% { background-size: 110% 110%; }
  100% { background-size: 100% 100%; }
}


.m1_txtbox {  width: 90%; max-width: 900px;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }

.m1_txtbox p:nth-child(1) {  font-size: 3rem;  line-height: 1.3;  letter-spacing: -3px;  color: #595959;  font-weight: lighter; position: relative; }
.m1_txtbox p:nth-child(1) .color { color: #6440b7; font-weight: bold; }
.m1_txtimg {  position: absolute;  left: 15%;  bottom: -20px;  width: 100%;  max-width: 285px;}

.m1_txtbox p:nth-child(2) { font-size: 1.2rem;  line-height: 1.5;  margin: 30px 0px;  color: #595959;}
.m1_txtbox p:nth-child(2) .bold {font-weight: 800;}

.more {  font-weight: bold;  font-size: 1rem;  line-height: 1;  letter-spacing: -0.72px;  color: #6440b7;}
.more img { display: inline-block;  vertical-align: bottom;  margin-left: 5px;  margin-bottom: 5px;  width: 100%;  max-width: 32px; transition: all 0.4s;}
.more:hover img {margin-left: 20px;}



.m1_board {width: 100%;  }
.m1_board_ul { width: 100%;  font-size: 0px;  max-width: 900px;  margin: auto;}
.m1_board_ul > li {display: inline-block; vertical-align: top; padding: 15px 0px;}
.m1_board_ul > li:nth-child(1) { width: 50%;  box-sizing: border-box;}
.m1_board_ul > li:nth-child(2) {width: 50%; text-align: right;}

.m1_board_ul > li:nth-child(1) .txt { border: 1px solid #ddd;  border-radius: 25px;  width: 100%;  padding: 2px 20px;  box-sizing: border-box; position: relative; }
.m1_board_ul > li .tit {  font-size: 0.85rem;  font-weight: 800;  line-height: 1;  display: inline-block;  vertical-align: middle;  transform: skewX(.3deg);  color: #6440b7;}
.m1_board_ul > li .cont { font-size: 0.75rem;  color: #888888;  font-weight: bold; margin-left: 20px; display: inline-block; vertical-align: top;}

.main_latest_div .li01 .li01_2 {  float: none !important;  margin-right: 0px !important;  margin-top: 0px !important;  position: absolute;  right: 20px;  top: 5%; height: 90%}
.main_latest_div .li01 .li01_2 .prev {cursor: pointer; height: 50%; line-height: 18px}
.main_latest_div .li01 .li01_2 .next {cursor: pointer; height: 50%; line-height: 18px}

.m1_board_cont {font-size: 0.75rem;  display: inline-block;  vertical-align: middle; margin-left: 30px;}



.m1_board_ul_ul { width: 100%;  position: relative;}
.m1_board_ul_ul > li {display: inline-block; vertical-align: top; }
.m1_board_ul_ul > li:nth-child(1) { width: 75%;  margin-right: 25%;}
.m1_board_ul_ul > li:nth-child(2) { width: 25%;  position: absolute;  right: 0px;  top: 0px;}

.m1_board_more { display: inline-block;  color: #fff;  background-color: #6440b7;  padding: 5px 10px;  font-size: 0.75rem; border: 1px solid #6440b7; box-sizing: border-box; transition: all 0.4s; transform: skewX(-0.3deg);}
.m1_board_more:hover {background-color: #fff; color:#6440b7; }


.new_m1_info {width: 100%;}
.new_m1_info p { font-size: 0.8rem;  color: #858585;  line-height: 1.3;}
.new_m1_info span {  font-family: 'S-CoreDream', sans-serif;  font-weight: bold;  font-size: 1.2rem;  letter-spacing: -0.8px;  text-transform: uppercase;  color: #6440B7;  padding-left: 10px;}



.block ul, .block li a {display: block; transform: skewX(-0.3deg);}

.m2 {width: 100%; }

.m2_title {margin-bottom: 50px;}
.m2_title > img { width: 100%; max-width: 55px; margin: auto; display: block }
.m2_title > p:nth-child(2) { font-weight: bold;  font-size: 3rem;  line-height: 1.3;  letter-spacing: -3px;  color: #000000; text-transform: uppercase; margin-top: 10px;}
.m2_title > p:nth-child(2) span.color {color:#6440b7; }
.m2_title > p:nth-child(3) { font-size: 1.2rem;  line-height: 1.3;  margin-top: 10px;  color: #595959;}
.m2_title > p:nth-child(3) .bold {font-weight: bold;}

.m2_bg { width: 100%; background-image: url(../image/m2_img1.png);  height: 700px; box-sizing: border-box; background-position: center; background-repeat: no-repeat; position: relative; background-size: cover;}


.m2_txtbox {  width: 90%; max-width: 900px;  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  }

.m2_txtbox p:nth-child(1) {  font-size: 1.4rem; line-height : 1.3; letter-spacing : -1.44px; color : #6440b7;}
.m2_txtbox p:nth-child(2) {  font-size: 3rem;  line-height: 1.3;  letter-spacing: -3px;  color: #fff;  font-weight: lighter; position: relative; }
.m2_txtbox p:nth-child(2) .color { color: #6440b7; font-weight: bold; }

.m2_txtbox p:nth-child(3) { font-size: 1.1rem;  line-height: 1.5;  margin: 30px 0px;  color: #595959;}
.m2_txtbox p:nth-child(3) .bold {font-weight: bold;}

.more.white {  color: #fff;}



.m2_ul {font-size: 0px; width: 100%; }
.m2_ul li {display: inline-block; vertical-align: top; width: 50%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; height: 700px;}

.m2_ul li::before {content: ""; position: absolute; left: 0px; top:0px; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; transition: all 0.4s; }
.m2_ul li:hover::before {background-color: rgba(0,0,0,0.7);}

.m2_ul li.img1 {background-image: url(../image/m2_img2.png)}
.m2_ul li.img2 {background-image: url(../image/m2_img3.png)}

.m2_ul li a {display: block; width: 100%; height: 100%; position: relative}
.m2_txtbox2 {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%;}
.m2_txtbox2 p:nth-child(1) { font-weight: bold;  font-size: 1rem;  margin-bottom: 5px;  line-height: 1.3;  letter-spacing: -0.9px;  color: #BEE80C;}
.m2_txtbox2 p:nth-child(2) { font-size: 2.6rem;  line-height: 1.3;  font-weight: lighter;  letter-spacing: -2.64px;  text-transform: uppercase;  color: #FFFFFF;}
.m2_txtbox2 p:nth-child(3) {  font-size: 1.2rem;  line-height: 1.3;  letter-spacing: -0.8px;  color: #FFFFFF;}



.m2_move { height: 800px;  width: 100%;  overflow-x: hidden;  position: relative;}

.back_btn {position: absolute; left: 5%; top: 15%; transition: all 0.8s ease-in-out; font-size: 2rem; color: #fff; opacity: 0; cursor: pointer; z-index: 10;}
.back_btn.on {opacity: 1; }

.introbox {position: absolute; top: 0px; width: 50%; height: 100%; transition: all 0.8s ease-in-out; z-index: 5; cursor: pointer;}
.introbox::before {content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.4s; background-color: #000; opacity: 0.5}
.introbox:hover::before {opacity: 0;}
.introbox.off {opacity: 0;} 
.introbox.off::before {display: none;}
.introbox.left_intro {left: 0px}
.introbox.right_intro {right: 0px;}
.introbox.left_intro.off {left: -50%}
.introbox.right_intro.off {right: -50%;}


.m2_cont {position: absolute; top: 0px;  height: 100%; background-size: cover;  background-repeat: no-repeat; transition: all 0.8s ease-in-out; z-index: 1}

.m2_cont.left_cont {left: 0%; width: 100%; background-image: url(../image/m2_left_bg.png); background-position: left center;}
.m2_cont.right_cont {right: 0%;  width: 50%; background-image: url(../image/m2_right_bg.png); background-position: right center;}

.m2_cont.right_cont.on {width: 100%;}
.m2_cont.right_cont.off {margin-right: -50%;}

.m2_cont .main_inner { width: 90%;  max-width: 1200px;  margin: auto;  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);}

.m2_cont .m2_txtbox {opacity: 0 !important; transition: all 0.4s;  width: 90%;  max-width: initial;  position: relative;  left: auto;  top: auto;  transform: initial; margin: auto; }
.m2_cont.on .m2_txtbox {opacity: 1 !important;}
.m2_cont .m2_txtbox p:nth-child(1) {color: #fff;}
.m2_cont .m2_txtbox p:nth-child(2) .color {color: #fff;}
.m2_cont .m2_txtbox p:nth-child(3) {color: #fff;}


.m2_cont.right_cont .main_inner {text-align: right}
.m2_cont.right_cont .m2_txtbox {text-align: left; max-width: 320px; display: inline-block;}




.m3 {width: 100%;}

#m3_board {padding: 100px 0px}

.m3_ul { width: 100%; font-size: 0px; }
.m3_ul > li {display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box;}
.m3_ul > li:nth-child(1) {padding-right: 2.5%;}
.m3_ul > li:nth-child(2) {padding-left: 2.5%;  max-width: 600px;}
.m_txt1 { font-weight : bold; font-size: 2.2rem; line-height : 1.3; letter-spacing : -2.4px; color : #000000;}
.m_txt2 { margin-top: 5px;  font-size: 1.2rem;  line-height: 1.3;  color: #6440b7; letter-spacing: 0px;  text-transform: uppercase;}
.m3_ul li .m_txt2 {margin-left: 15px;}

.m3_board_ul {  width: 100%;  margin-top: 25px;  border: 1px solid #ddd;  padding: 25px;  box-sizing: border-box;}
.m3_board_ul > li {display: inline-block; vertical-align: top; }
.m3_board_ul > li:nth-child(1) {width: 60%}
.m3_board_ul > li:nth-child(2) {width: 40%}
.m3_event {margin-top: 25px; width: 100%;}



.m4 {padding: 80px 0px 100px; background-color: #efeadf}

.m4_title {margin-bottom: 35px;}
.m4_title > p:nth-child(1) { font-weight: lighter;  font-size: 3rem;  line-height: 1.3;  letter-spacing: -3px;  color: #000000; text-transform: uppercase; margin-top: 10px;}
.m4_title > p:nth-child(1) span.color {color:#6440b7; font-weight: bold;}
.m4_title > p:nth-child(2) { font-size: 1.2rem;  line-height: 1.3;  margin-top: 10px;  color: #595959;}

.m4_tab {font-size: 0px; width: 100%; text-align: center; margin-bottom: 70px;}
.m4_tab > li { display: inline-block;  vertical-align: top;  width: 140px;  text-align: center;  font-size: 1.15rem;  line-height: 1.3;  letter-spacing: -0.8px;  color: #595959;  background-color: #fff;  border-radius: 25px;  padding: 10px 0px;  transition: all 0.4s;  margin: 0px 15px;cursor: pointer;}
.m4_tab > li.on {background-color: #6440b7; font-weight: bold; color: #fff;}
.m4_tab > li:hover {background-color: #6440b7; font-weight: bold; color: #fff;}
.m4_tab > li a {display: block; width: 100%; height: 100%;}

.m4_more_box { text-align: right;  max-width: 1000px; margin: 0px auto 20px;}

.m4_cont_ul {width: 100%; font-size: 0px; margin-bottom: 50px;}
.m4_cont_ul li {  margin-right: 10px;  width: calc(25% - 10px);  display: inline-block;  vertical-align: top;}


.m4_slidebox {position: relative; width: 100%; height: 430px; max-width: 1000px;  margin: auto; padding: 0px 80px; box-sizing: border-box; display: none;}
.m4_slideitem {position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.4s; z-index: 1; width: 100% }
.m4_slideitem.on {opacity: 1; z-index: 2}


.ms4_cont { padding: 15px 15px 25px;  box-sizing: border-box;  background-color: #fff;}
.ms4_cont .imgbox { width: 100%; margin-bottom: 18px;}
.ms4_cont .imgbox img {width: 100%; max-width: 205px;}
.m4_cont_ul li .ms4_cont .imgbox img {width: 100%; max-width: initial;}
.ms4_cont .txtbox { padding: 0px 20px;  box-sizing: border-box;}
.ms4_cont .txtbox p:nth-child(1) {font-size: 0.8rem; line-height: 1.3; letter-spacing: -0.56px; color: #B1B1B1;  margin-bottom: 5px;}
.ms4_cont .txtbox p:nth-child(2) { font-size: 1.1rem; line-height: 1.2; font-weight: bold; letter-spacing: -0.72px;  color: #353535;  min-height: 2.6em;}

.m4_slidebox .swiper-pagination { position: relative; margin-top: 55px}
.m4_slidebox .swiper-pagination-bullet {  background: #fff;  opacity: 1; transition: all 0.4s; border: 1px solid #fff; box-sizing: border-box; }
.m4_slidebox .swiper-pagination-bullet-active { background: #6440b7; border: 1px solid #6440b7}


.swiper-button-prev.m4_prev, .swiper-button-next.m4_next {  top: 35%; margin-top: 0px; color: #fff; transform: translateY(-50%);  font-size: 4rem;}

.swiper-button-prev.m4_prev, .swiper-container-rtl .swiper-button-next { left: -85px;}
.swiper-button-next.m4_next, .swiper-container-rtl .swiper-button-prev { right: -85px;}



.m5 {margin: 150px 0px;}
.m5_cont {margin-left: 15%; width: 85%; font-size:0px}
.m5_cont > li {display: inline-block; vertical-align: middle;}
.m5_cont > li.txt {width: 20%;}

.m5_txt3 { font-size: 1.2rem;  line-height: 1.5;  margin: 60px 0px 40px;  color: #595959;}

.m5_btnbox { margin-top: 135px;}

.swiper-button-prev.m5_prev, .swiper-button-next.m5_next {  position: relative;  top: auto;  width: 55px;  height: 55px;  margin-top: 0px;  z-index: 10;  cursor: pointer;  display: inline-block;  color: #6440b7;  font-size: 2rem;  border: 1px solid #dfdfdf;  border-radius: 100%; transition: all 0.4s;}

.swiper-button-prev.m5_prev:hover, .swiper-button-next.m5_next:hover {color: #fff; background-color: #6440b7; border: 1px solid #6440b7;}

.swiper-button-prev.m5_prev, .swiper-container-rtl .swiper-button-next { left: auto; margin-right: 35px}
.swiper-button-next.m5_next, .swiper-container-rtl .swiper-button-prev { right: auto;}
.swiper-button-prev.m5_prev i, .swiper-button-next.m5_next i {position: absolute; top: 50%; transform: translate(-50%,-50%);}
.swiper-button-prev.m5_prev i {left: 45%;}
.swiper-button-next.m5_next i {left: 55%;}


.m5_cont > li.img {width: 75%; margin-left: 5%}


.ms5_cont_wrap { position: relative;  padding-right: 60px;  padding-bottom: 35px;  box-sizing: border-box;  height: 580px;}
.ms5_cont {position: relative; width: 100%; height: 100%; padding: 30px 30px 50px; box-sizing: border-box; border: 1px solid #6440b7; transition: all 0.4s}
.ms5_cont .name { font-size: 2.6rem;  line-height: 1.3; letter-spacing: -1.6px;  color: #6440b7;  font-weight: 600; transition: all 0.4s}
.ms5_cont .name span { font-size: 1.2rem;  margin-left: 5px;}
.ms5_cont .desc { font-size: 1.1rem;  line-height: 1.4;  color: #6440b7;  margin: 20px 0px; transition: all 0.4s}
.ms5_cont .ms5_more {font-weight : bold; font-size : 0.95rem; line-height : 1.3; color : #6440b7; transition: all 0.4s; border: 1px solid #6440b7; border-radius: 25px; padding: 15px 25px; display: inline-block; transform: skewX(-0.3deg);}
.ms5_cont .ms5_more:hover {background-color: #6440b7; color: #fff;}
.ms5_cont .ms5_bottom { position: absolute;  left: 30px;  bottom: 50px;  border-top: 2px solid #6440b7;  padding-top: 30px; width: calc(100% - 60px); transition: all 0.4s}
.ms5_cont .ms5_bottom p { height: 3em;  font-size: 1.2rem;  color: #6440b7;  transition: all 0.4s;  transition: all 0.4s;  text-transform: uppercase;}
.inst_img { position: absolute;  right: 0px;  bottom: 0px;  width: 60%;  max-width: 270px;}

.swiper-slide-active .ms5_cont {background-color:#6440b7; }
.swiper-slide-active .ms5_cont .name {color: #fff;}
.swiper-slide-active .ms5_cont .desc {color: #fff;}
.swiper-slide-active .ms5_cont .ms5_more {background-color: #6440b7; color: #fff; border: 1px solid #fff;}
.swiper-slide-active .ms5_cont .ms5_bottom {border-top: 2px solid #fff;}
.swiper-slide-active .ms5_cont .ms5_bottom p {color: #fff;}



.m6 {padding: 120px 0px; background-image: url(../image/ms6_bg.png); background-size: cover; background-position: center; background-attachment: fixed; }

.m6_cont {width: 100%; font-size: 0px}

.m6_cont > li {display: inline-block; vertical-align: middle}
.m6_cont > li.txt {width: 30%; margin-right: 5%}

.m6_more_box {margin-top: 20px;}

.ms6_tab.swiper-pagination {  position: relative; text-align: left; margin-top: 130px;}

.ms6_tab .swiper-pagination-bullet {  opacity: 1;  font-size: 1.1rem;  line-height: 1.3;  padding: 6px 0px;  letter-spacing: -0.8px;  color: #595959;  height: auto;  border-radius: 25px;  display: inline-block;  width: 47.5%;  margin-right: 2.5%;  background-color: #fff; transition: all 0.4s; font-weight: bold; max-width: 130px;  text-align: center;}

.ms6_tab .swiper-pagination-bullet:nth-child(2n) {margin-left: 2.5%; margin-right:0px}

.ms6_tab .swiper-pagination-bullet:nth-child(1), .ms6_tab .swiper-pagination-bullet:nth-child(2) {margin-bottom: 20px;}

.ms6_tab .swiper-pagination-bullet:hover {background-color: #ddd}

.ms6_tab .swiper-pagination-bullet-active {  opacity: 1;  color: #6440b7;  background: #bee80c;}




.m6_cont > li.img {width: 65%; position: relative;}

.ms6_img {width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; height: 450px;}

.ms6_img.img1 {background-image: url(../image/ms6_img1.png)}
.ms6_img.img2 {background-image: url(../image/ms6_img2.png)}
.ms6_img.img3 {background-image: url(../image/ms6_img3.png)}
.ms6_img.img4 {background-image: url(../image/ms6_img4.png)}



.swiper-button-prev.m6_prev {  position: absolute;  top: 50%;  width: 55px;  height: 55px;     display: block;  color: #6440b7;  font-size: 2.6rem;  background-color: rgba(255,255,255,0.6);  border-radius: 100%; transition: all 0.4s;left: -27.5px;}

.swiper-button-prev.m6_prev:hover {background-color: rgba(255,255,255,1)}

.swiper-button-prev.m6_prev i {position: absolute; left: 45%; top: 50%; transform: translate(-50%,-50%);}





.m7 {margin: 150px 0px 100px}
.m7_title {margin-bottom: 45px;}