/* ===== MAIN - VISUAL ===== */


.main-visual {position:relative;margin:0 auto;height:100vh;}
.main-visual .visual-slider {overflow:hidden;position:absolute;left:50%;top:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);  }
.main-visual .visual-slider .swiper-slide {overflow:hidden;position:relative;height:100%;}
.main-visual .visual-slider .swiper-slide .vs-bg {position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);   transition-duration:3s;}
.main-visual .visual-slider .swiper-slide .vs-bg1{ background:url(../img/main/main_slide1.jpg) no-repeat 50% 50%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg2{ background:url("../img/main/main_slide2.jpg") no-repeat 50% 50%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg3{ background:url(../img/main/Visual03.jpg) no-repeat 50% 50%; background-size:cover;}
.main-visual .visual-slider .swiper-slide .vs-bg4{ background:url(../img/main/Visual04.jpg) no-repeat 50% 50%; background-size:cover;}

.main-visual .visual-slider .swiper-slide .vs-txt {display:flex;flex-direction:column;justify-content:center;position:relative;margin:0 auto;max-width:150em;width:80%;height:90%;z-index:1;}
.main-visual .visual-slider .swiper-slide .vs-txt .vs_top {position: relative; font-size: 25px; color: #fff; margin-bottom: 50px;}
.main-visual .visual-slider .swiper-slide .vs-txt .vs_top::after {content: ''; display: block; position: absolute; left: 330px; bottom: 5px; width: 108px; height: 1px; background: #fff; }
.main-visual .visual-slider .swiper-slide .vs-txt h2 {opacity:0;font-size:4rem;color:#ffffff;font-weight:500;-webkit-transform:translateY(20px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);}
.main-visual .visual-slider .swiper-slide .vs-txt h2 > strong {font-size: 5rem; font-weight: 700; color: #fff;}
.main-visual .visual-slider .swiper-slide .vs-txt p {opacity:0;margin-top:1.3em;font-size:1.7rem;color:#ffffff;letter-spacing:-0.028em;line-height:1.4em;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);   font-weight:300;}
/*
.main-visual .visual-slider .swiper-button-prev {left:auto;right:8.5%;top:50%;z-index:10;margin-top:-170px}
.main-visual .visual-slider .swiper-button-prev:after {display:none;}
.main-visual .visual-slider .swiper-button-next {right:8.5%;top:50%;margin-top:-30px;}
.main-visual .visual-slider .swiper-button-next:after {display:none;}
*/
.main-visual .visual-slider .swiper-button-prev {left:10%; top:73%;z-index:10;}
.main-visual .visual-slider .swiper-button-prev:after {display:none;}
.main-visual .visual-slider .swiper-button-next {left:16%; top:73%;}
.main-visual .visual-slider .swiper-button-next:after {display:none;}
.main-visual .visual-slider .swiper-button-prev img { transform: scaleX(-1);}
/*.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next{ position:absolute;background:none;width:100px;height:100px;border-radius:50%;border:1px solid #fff;z-index:10; text-align:center;}*/
.main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next { position:absolute;background:none;z-index:10; text-align:center;}
/*.main-visual .visual-slider .swiper-button-prev i, .main-visual .visual-slider .swiper-button-next i{ line-height:100px; display:inline-block; color:#fff; font-size:20px;}*/
/*.main-visual .visual-slider .swiper-pagination {position:absolute;right:8.5%;top:50%;left:auto;bottom:auto;z-index:10;margin-top:7.083em;width:5.833em;font-size:1.2rem;color:#ffffff;letter-spacing:0.333em;font-style:italic;}*/
.main-visual .visual-slider .swiper-pagination {position:absolute; top:71.5%; left:22%;bottom:auto;z-index:10; width:5.833em;font-size:1rem;color:#ffffff;letter-spacing:0.333em;font-style:italic;}
.main-visual .visual-slider .swiper-pagination span {font-style:normal;}

.swiper-slide .swiper-slide-active::before {
    background-color: white;
    -webkit-animation: slide-progress 3s cubic-bezier(0.3, 0, 0.3, 1) forwards;
    animation: slide-progress 3s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}


/*
.visual .swiper-container>.inner {
    position: relative;
}

.visual .swiper-button {
    width: 280px;
    position: absolute;
    bottom: 72px;
    box-sizing: border-box;
    z-index: 999;
    left: -3.9%;
}



.visual-slider .swiper-pagination {
    color: white;
    font-size: 25px;
    bottom: 80px;
    left: auto;
    right: 250px;
    text-align: right;
    width: 1800px;
    position: absolute;
}

.visual-slider .swiper-pagination-bullet {
    width: 260px;
    height: 4px;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.2);
    opacity: 1;
    margin: 0 10px;
}

.visual-slider .swiper-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.visual-slider .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.2);
}

.visual-slider .swiper-pagination-bullet-active::before {
    background-color: white;
    -webkit-animation: slide-progress 3s cubic-bezier(0.3, 0, 0.3, 1) forwards;
    animation: slide-progress 3s cubic-bezier(0.3, 0, 0.3, 1) forwards;
}

.visual-slider .swiper-paused .swiper-pagination-bullet-active::before {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}


*/


.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-bg {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform 1.4s;-moz-transition:transform 1.4s;-ms-transition:transform 1.4s;-o-transition:transform 1.4s;transition:transform 1.4s;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;}
.main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 1s, transform 1.4s;-moz-transition:opacity 1s, transform 1.4s;-ms-transition:opacity 1s, transform 1.4s;-o-transition:opacity 1s, transform 1.4s;transition:opacity 1s, transform 1.4s;-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;-o-transition-delay:0.1s;transition-delay:0.1s;}
.hide {position: absolute;left: -9999%;font-size: 0;line-height: 0;text-indent: -9999px;}


/***************** 공용 클래스 *****************/
* {
	box-sizing: border-box;
}

main {
	overflow-x: hidden;
    overflow-y: hidden;
}

.main_inner {
    max-width: 1550px;
    margin: 100px auto;
}



/***************** #s_01 *****************/
#s_01 {
    width: 100%; height: 100%;
    background: url('../img/main/main_bg2.jpg') no-repeat center /cover;
    padding: 5%;
    color: #fff;
}

.main_inner {
    max-width: 1550px;
    margin: 100px auto;
}

.top_txt {display: block; font-size: 30px; font-weight: 400; margin-bottom: 15px;}
.title_txt {font-size: 50px; font-weight: 700; margin-bottom: 30px;}
.md_txt {font-size: 19px; font-weight: 300; color: #fff; margin-bottom: 55px;}
.plus_btn { display: flex; justify-content: space-between; align-items: center; width: 200px; height: 50px; border: 1px solid #fff; padding: 20px; cursor: pointer;}
.plus_btn:hover {
  box-shadow: inset 300px 0px 0px #5d6170;
  transition: all 0.6s;
    border: none;
}

.plus_btn > a {font-size: 19px; color: #fff;}
.s_01_bt {display: flex; margin-top: 100px;}
.s_01_bt > div {width: 276px; height: 205px; padding: 30px; cursor: pointer;}
.s_01_bt > div:hover {border-bottom: 3px solid #fff;}
.box_01 {background: #363636;}
.box_02 {background: #002157;}
.box_03 {background: #dd0727;}
.title_01 > a {font-size: 27px; font-weight: 500; color: #fff; transition: all .4s;}
.box_01 > ul > li:first-child,
.box_02 > ul > li:first-child,
.box_03 > ul > li:first-child
{display: block; text-align: right; padding-bottom: 25px;}
.box_01 > ul > li:nth-child(2) span,
.box_02 > ul > li:nth-child(2) span,
.box_03 > ul > li:nth-child(2) span
{opacity: .7; font-weight: 300; margin-bottom: 15px;}
.box_01 > ul > li:last-child,
.box_02 > ul > li:last-child,
.box_03 > ul > li:last-child
{display: flex; align-items: center;}
.box_01 > ul > li:last-child > span, 
.box_02 > ul > li:last-child > span, 
.box_03 > ul > li:last-child > span 
{margin-left: 15px;}





/***************** #s_02 *****************/
#s_02 {
    width: 100%; height: 100%;
    background: url('../img/main/main_bg3.jpg') no-repeat center /cover;
    padding: 5%;
    color: #fff;
}
.top_txt_02 {display: block; font-size: 30px; color: #979797; text-align: center; margin-bottom: 20px;}
.title_txt_02 {font-size: 50px; font-weight: 700;  color: #171717; text-align: center; margin-bottom: 50px;}

.s_02_bt strong {font-size: 37px; font-weight: bold; margin-bottom: 25px;}
.s_02_bt .ma_txt {font-size: 37px; font-weight: 500; margin-bottom: 20px;}
.s_02_bt .md_txt_02 {font-size: 19px; font-weight: 300; color: #fff; margin-bottom: 20px;}
.ma_01 {display: flex;}
.ma_bg01 {width: 775px; height: 400px; background: url('../img/main/main_img1.jpg') no-repeat center /cover; 
            padding: 6% 4%;}
.ma_bg02 {width: 775px; height: 400px; background: url('../img/main/main_img2.jpg') no-repeat center /cover; 
            padding: 6% 4%;}
.ma_bg03 {width: 775px; height: 400px; background: url('../img/main/main_img3.jpg') no-repeat center /cover; 
            padding: 6% 4%;}
.ma_bg04 {width: 775px; height: 400px; background: url('../img/main/main_img4.jpg') no-repeat left /cover; 
            padding: 6% 4%;}
.arrow_icon {transition: all .3s;}
.arrow_icon:hover {transform: translateX(20px);}

/***************** #s_03 *****************/

#s_03 {
    width: 100%; height: 100%;
    background: url('../img/main/main_bg4.jpg') no-repeat center /cover;
    padding: 5%;
    color: #fff;
}

.s_03_container {padding-left: 500px;}
.s_03_bt { display: flex; margin-top: 85px;}
.s_03_bt > ul { width: 316px; height: 362px; text-align: center; padding: 50px 10px; border: 1px solid #fff;}
.s_03_bt > ul:first-child,
.s_03_bt > ul:nth-child(2) {margin-right: 30px;}
.s_03_bt > ul > li:first-child {margin-bottom: 35px;}
.s_03_bt .en_txt {display: block; font-size: 30px; font-weight: 500; margin-bottom: 35px; color: #eaff3c;}
.s_03_bt .md_txt_03 {font-size: 17px; line-height: 25px;}


/***************** #s_04 *****************/

#s_04 {
    width: 100%; height: 100%;
    background: url('../img/main/main_bg5.jpg') no-repeat center /cover;
    padding: 5%;
    color: #fff;  
}

.s_04_wr > .top_txt {margin-bottom: 50px;}
.s_04_top {display: flex; align-items: center; justify-content: space-between; padding-bottom: 90px; border-bottom: 1px solid rgba(255, 255, 255, .5);}
.s_04_img {display: flex;}
.s_04_img .inn_img01 {width: 290px; height: 376px; background: url('../img/main/inno_img1.jpg') no-repeat
    center center /cover; margin-right: 30px;}
.s_04_img .inn_img02 {width: 290px; height: 376px; background: url('../img/main/inno_img2.jpg') no-repeat
    center center /cover;}
.s_04_bt {display: flex; justify-content: space-between; margin-top: 50px;}
.s_04_bt .s_04_box {width: 443px; height: 127px; background: #fff; padding: 20px 50px 20px 20px; display: flex; align-items: center; justify-content: space-between; transition: all .3s; opacity: .9;}
.s_04_bt .s_04_box:hover {border-radius: 30px; opacity: 1;}
.s_04_bt .s_04_box .box_title {display: flex; align-items: center;}
.s_04_bt .s_04_box > li > a {font-size: 27px; color: #171717;}
.box_title {display: flex; align-items: center;}


/***************** #s_05 *****************/

#s_05 {
    width: 100%; height: 100%;
    background: #fff;
    padding: 5%;
    color: #171717;  
    position: relative;
    overflow-y: hidden;
}

.s_05_container {display: flex; justify-content: space-around; position: relative;}
.s_05_container  > h1 {display: block; font-size: 47px; position: absolute; top: -25px; left: 80px; z-index: 30;}
.s_05_container .left_05 {width: 677px; height: 100%; background: #edf0f3; padding: 50px;}
/*.notice {width: 677px; height: 666px; background: #edf0f3; padding: 80px 50px;}*/
.left_05 .title_05 {font-size: 22px; font-weight: bold; display: flex; justify-content: space-between; margin-bottom: 40px;}
.left_05 > dl > dd {font-size: 17px; color: #777777; padding-bottom: 45px; border-bottom: 1px solid rgba(188, 192, 190, .5);   }
.left_05 > ul {margin-top: 45px;}
.left_05 > ul > li {font-size: 18px; font-weight: 400;  margin-bottom: 12px;}

.s_05_container .right_05 {width: 800px;}
/*.right_05 .news_01, .news_02 {display: flex;}*/
.right_05 .news_01 {margin-bottom: 50px;}
.right_05 .news_01 > ul,
.right_05 .news_02 > ul
{position: relative; margin: 0 30px;}
.right_05 .news_01 > li,
.right_05 .news_02 > li
{padding: 15px 0;}

.news_title {display: block; width: 100px; height: 45px; background: #fff; position: absolute;  top: 0; left: 0; }
.news_title > p {font-size: 17px; font-weight: 500; text-align: center; line-height: 45px;}
.news_img {margin-bottom: 18px;}
.news_wr a {display: block; font-size: 18px; color: #525252; margin-top: 20px;}
.news_date {font-size: 16px; color: #777777; margin-top: 20px;}

.main_bt_img {width: 100%; height: 300px; background: url('../img/main/main_bt.png')no-repeat center center /cover; position: absolute; bottom: -270px; left: 50%; transform: translateX(-50%); opacity: 0.5;}




@media all and ( min-width: 2500px ){
	
    .main-visual .visual-slider .swiper-button-prev, .main-visual .visual-slider .swiper-button-next {width: 114px;}
    .main-visual .visual-slider .swiper-pagination {top: 69%; left: 20%;}
    .main-visual .visual-slider .swiper-button-next, .main-visual .visual-slider .swiper-button-prev {top: 70%;}
    .main-visual .visual-slider .swiper-button-next {left: 14%;}
	
}
@media all and ( max-width: 1920px ){
	
    .s_05_container .right_05 {width: 600px;}
	
}
@media all and ( max-width: 1640px ){
	
	    #page_2 {width: 100%; height: 100%;}
	
}

@media all and ( max-width: 1500px ){
    .title_05 > h2 {font-size: 27px;}
    .left_05 > dl > dd {padding-bottom: 30px;}
    .left_05 > ul {margin-top: 30px;}
    .left_05 > ul > li {font-size: 17px;}
}
@media all and ( max-width: 1440px ){
    .s_05_container .left_05 {padding: 40px 30px;}
}

@media all and ( max-width: 1369px ){
    #icon_wrap > ul {width: 60%}
}

@media all and ( max-width: 1280px ){
	
	
}
@media all and ( max-width: 1200px ){
    .main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size: 3.8rem;}
    .main-visual .visual-slider .swiper-slide .vs-txt h2 > strong {font-size: 4.5rem;}
    .main-visual .visual-slider .swiper-slide .vs-txt p {font-size: 1.5rem;}
    .s_04_img .inn_img01, .s_04_img .inn_img02 {width: 255px; height: 356px;}
    .s_03_container {padding-left: 266px;}
    #s_05 {height: 100%;}
    .s_05_container {display: block;}
    .s_05_container .left_05 {width: 100%; padding: 80px;}
    .s_05_container .right_05  {margin: 50px auto; width: 100%;}
    .pic_lt li {height: 100%;}
    .right_05 .news_01, .news_02 {justify-content: center;}
    .main_bt_img {height: 190px; bottom: -177px;}
    .s_04_img {display: block;}
}

@media all and ( max-width: 1100px ){
    .main-visual .visual-slider .swiper-slide .vs-txt h2 {font-size: 3.8rem;}
    .main-visual .visual-slider .swiper-slide .vs-txt h2 > strong {font-size: 4rem;}
    .plus_btn > a {font-size: 17px;}
    .s_03_container {padding-left: 0;}
    .s_04_img .inn_img01, .s_04_img .inn_img02 {width: 183px; height: 231px;}
    .s_03_bt .md_txt_03 {font-size: 16px;}
    .notice {padding: 0;}
}
@media all and ( max-width: 800px ){
    .top_txt, .top_txt_02 {font-size: 25px;}
    .title_txt, .title_txt_02 {font-size: 40px;}
    #s_02 {height: 100%;}
    .ma_01, .ma_02 {display: block;}
    .ma_bg01, .ma_bg02, .ma_bg03, .ma_bg04 {width: 100%; height: 300px;}
    .md_txt {font-size: 17px;}
    .s_02_bt strong {font-size-adjust: 35px;}
    .s_02_bt .ma_txt {font-size: 30px;}
    .s_02_bt .md_txt_02 {font-size: 17px;}
    .s_03_bt .en_txt {font-size: 25px;}
    .s_03_bt > ul:first-child, .s_03_bt > ul:nth-child(2) {margin-right: 0;}
    .s_04_img .inn_img01, .s_04_img .inn_img02 {width: 147px; height: 192px; margin: 10px 0;}
    .s_04_bt .s_04_box {width: 220px; height: 120px; padding: 20px 10px;}
    .s_04_bt .s_04_box > li > a {font-size: 20px;}
    .main_bt_img {height: 174px; bottom: -190px;}
	
}
@media all and ( max-width: 760px ){
    .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {font-size: 4rem;}
    .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {font-size: 1.3rem;}
    #page_info_1 p:first-child {margin-top: 0;}
    #page_info_1 {margin-right: 0;}
    #page_info_2 {margin-left: 0;}
    #page_info_2 p:first-child {margin-top: 0;}
    .subImg_1 > a, .subImg_2 > a, .subImg_3 > a, .subImg_4 > a {font-size: 25px;}
    #page_4 .page_4_title {padding-bottom: 15px;}
    #icon_wrap > ul {width: 80%;}
    .icon_box {width: 250px; height: 250px; margin: 10px;}
    #page_5_box {flex-wrap: wrap;}
    #page_6_box {flex-wrap: wrap; width: 100%;}
    .bg_6 {margin-top: 80px;}
/*    .inner {padding: 80px 30px;}*/
    #page_info_1 p:first-child, #page_info_2 p:first-child {font-size: 32px;}
    #page_info_1 p:nth-child(2), #page_info_2 p:nth-child(2) {font-size: 20px;}
    #page_right, #page_left {height: 350px;}
    .subImg_1, .subImg_2, .subImg_3, .subImg_4 {height: 350px;}
    #icon_wrap > ul {width: 100%;}
    .icon_box {width: 180px; height: 180px;}
    .icon_box > a > img {width: 60px;}
    .icon_title {font-size: 20px; margin-top: 20px;}
    .icon_info {font-size: 13px; margin-top: 10px; line-height: 18px;}
    
}

@media all and ( max-width: 640px ){
    .s_01_bt > div {width: 200px; heigiht: 200px; padding: 20px;}
    .title_01 > a {font-size: 17px;}
    .s_04_bt .s_04_box {width: 180px; height: 87px;}
    .s_04_bt .s_04_box .box_title > span > img {width: 40px; height: 40px;}
    .s_05_container .left_05 {padding: 50px 30px;}
    .s_05_container > h1 {font-size: 38px; left: 40px;}
    .title_05 > h2 {font-size: 25px;}
    .right_05 .news_01 > ul, .right_05 .news_02 > ul {margin: 0 10px;}
    .news_01 > ul > .news_img > img, .news_02 > ul > .news_img > img {width: 100%;}
    .news_wr a {font-size: 17px;}
    .main_bt_img {height: 119px; bottom: -134px;}
    .left_05 .notice li:first-child a {font-size: 25px;}
    .left_05 .notice li:not(:first-child) a {font-size: 16px;}
}




@media all and ( max-width: 500px ){
    .main-visual .visual-slider .swiper-slide .vs-txt .vs_top {font-size: 20px;}
    .main-visual .visual-slider .swiper-slide .vs-txt .vs_top::after {left: 258px;}
    .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt h2 {font-size: 2rem;}
    .main-visual .visual-slider .swiper-slide .vs-txt h2 > strong {font-size: 2.2rem;}
    .main-visual .visual-slider .swiper-slide.swiper-slide-active .vs-txt p {font-size: 1rem;}
    .main-visual .visual-slider .swiper-button-next {left: 30%;}
    .main-visual .visual-slider .swiper-pagination {left: 50%;}
    .main-visual .visual-slider .swiper-button-prev {top: 73%;}
    .s_01_bt > div {padding: 15px;}
    .title_txt, .title_txt_02 {font-size: 32px;}
    .ma_bg01, .ma_bg02, .ma_bg03, .ma_bg04 {padding: 8%;}
    .s_02_bt strong {font-size: 30px;}
    .s_02_bt .ma_txt {font-size: 27px;}
    #s_03 {height: 100%;}
    .s_03_bt {display: block;}
    .s_03_bt > ul {width: 100%; height: 320px; padding: 30px;}
    #s_04 {height: 100%;}
    .s_04_top {display: block;}
    .s_04_img {display: flex; justify-content: flex-end;}
    .s_04_bt .s_04_box {padding: 20px 30px;}
    .s_04_img .inn_img01, .s_04_img .inn_img02 {margin: 0 10px;}
    .s_04_bt {display: block;}
    .s_04_bt .s_04_box {width: 100%; margin-bottom: 20px;}
    .title_05 > h2 {font-size: 22px;}
    .left_05 > dl > dd {font-size: 16px;}
    .left_05 > ul > li {font-size: 15px; margin-bottom: 10px;}
    .main_bt_img {height: 119px; bottom: -131px;}
    .pic_lt li a {font-size: 15px;}
}

@media all and ( max-width: 460px ){
    .link_btn {margin-top: 300px;}
    
}
@media all and ( max-width: 430px ){
    .main-visual .visual-slider .swiper-button-prev {top: 77%;}
    .main-visual .visual-slider .swiper-button-next {top: 77%;  left: 35%;}
    .main-visual .visual-slider .swiper-pagination {left: 60%; top: 75%;}
    
    
}

@media all and ( max-width: 400px ){
    .main-visual .visual-slider .swiper-button-prev {width: 100px; height: 60px; top: 80%; right: 25%;}
    .main-visual .visual-slider .swiper-button-next {width: 100px; height: 60px; top: 80%; left: 38%;} 
    .main-visual .visual-slider .swiper-pagination {left: 65%; top: 78%;}
    .s_05_container > h1 {left: 15px;}
    .main_bt_img {height: 80px; bottom: -109px;}
    .top_txt_02, .top_txt {font-size: 18px;}
    .title_txt, .title_txt_02 {font-size: 25px;}
    .s_02_bt strong {font-size: 22px;}
    .s_02_bt .ma_txt {font-size: 25px;}
    .s_03_bt .en_txt {font-size: 22px; margin-bottom: 30px;}
}


.location{ color:#777; margin-bottom:70px;}
.location .xi-angle-right-min{ padding:0 10px;}
.p101010_new dl{ margin:0 10%;}
.p101010_new dt{ background:url(../img/sub/1/p101010-01.jpg) no-repeat; background-size:cover; height:650px; color:#fff;}
.p101010_new dt .area{ padding:100px 150px;}
.p101010_new dt .area .fs30{ line-height:40px;}
.p101010_new dd{ margin:-100px 0 0 20%; background:#fff;}
.p101010_new dd article{ padding:100px 150px 100px 150px;}
.p101010_new dd .fs30{ border-bottom:1px #ddd solid; padding-bottom:30px; margin-bottom:30px;}
.p101010_new dd .area{ line-height:33px; color:#555;}
.p101010_new dd article .fs35{ letter-spacing:5px; margin-left:15px; }

@media all and ( max-width: 1920px ){
	
	.p101010_new dt{ height:550px;}
	.p101010_new dd{  font-size:19px; }
	.p101010_new dt .area .fs30{ line-height:35px;}
	
}