@charset "utf-8";

/*layout*/
body {overflow-x:hidden;}

.scroll #header {height:70px; border-bottom:1px solid #eee;}
.scroll #container {padding-top:70px;}

#header {z-index:10; position:fixed; left:0; top:0; right:0; display:flex; justify-content:space-between; align-items:center; height:100px; padding:0 100px; background:#FFF; transition:all .25s;}
#header .logo {position:relative; z-index:1; display:block; width:135px; height:41px; background:url('../images/logo_header.png') no-repeat center center/contain; text-indent:-999px;}
#header .lang {position:relative; z-index:1; padding:0 20px;}
#header .lang > a {position:relative; display:block; padding-right:20px; font-size:18px; line-height:40px; font-weight:500;}
#header .lang > a:after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:10px; height:10px; background:url('../images/icon_arrow_down_blue.png') no-repeat center center/contain;}
#header .lang ul {visibility:hidden; opacity:0; position:absolute; left:0; right:0; bottom:0; transform:translateY(90%); padding:30px 20px; border:1px solid #D9D9D9; background:#FFF; transition:all .3s;}
#header .lang ul li + li {margin-top:20px;}
#header .lang ul li a {color:#777; font-size:16px; line-height:18px; font-weight:300;}
#header .lang ul li.on a {color:#000; font-weight:500;}
#header .gnb {z-index:0; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%;}
#header .gnb > ul {display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
#header .gnb > ul > li + li {margin-left:60px;}
#header .gnb > ul > li {display:flex; justify-content:center; align-items:center; height:100%; transition:all .3s;}
#header .gnb > ul > li > a {position:relative; font-size:22px; line-height:24px; font-weight:500;}
#header .gnb > ul > li > a:before {content:''; visibility:hidden; opacity:0; position:absolute; left:50%; top:0; transform:translate(-50%, -30px); width:5px; height:5px; border-radius:5px; background:#1D69C7; transition:all .3s;}
#header .gnb .depth {visibility:hidden; opacity:0; z-index:-1; position:absolute; left:0; right:0; bottom:0; transform:translateY(70%); display:flex; justify-content:center; align-items:center; height:70px; background:#E9EAEB; transition:all .3s;}
#header .gnb .depth li + li {margin-left:50px;}
#header .gnb .depth li a {font-size:18px; line-height:20px; font-weight:500;}
#header .gnb > ul > li:hover > a:before {visibility:visible; opacity:1; transform:translate(-50%, -10px);}
#header .gnb > ul > li:hover .depth {visibility:visible; opacity:1; transform:translateY(100%); }
#header .lang:hover ul {visibility:visible; opacity:1; transform:translateY(100%);}
#header .btn_menu {display:none;}

#footer {display:flex; flex-direction:column; justify-content:center; align-items:center; height:150px; background:#222;}
#footer .contact {display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
#footer .contact li {position:relative;}
#footer .contact li + li {margin-left:10px; padding-left:10px;}
#footer .contact li + li:before {content:''; position:absolute; left:0; top:20%; height:60%; width:1px; background:#FFF; opacity:.5;}
#footer .contact li p ,
#footer .contact li a {display:block; color:#FFF; font-size:18px; line-height:20px;}
#footer .copyright {margin-top:20px; color:#777; font-size:16px; line-height:18px;}

#m_menu {display:none;}
/*layout end*/

/*utils*/
.br_pc {display:block;}
/*utils end*/

/*content*/
#container {padding-top:100px;}
/*main*/
.ma_visual {position:relative; z-index:0;}
.ma_visual:before, .sub_visual:before {z-index:11; content:''; position:absolute; left:0; top:0; width:100px; height:100%; background:#FFF; transition:all .3s}
.ma_visual:after, .sub_visual:after {z-index:11; content:''; position:absolute; right:0; top:0; width:100px; height:100%; background:#FFF; transition:all .3s;}
.ma_visual .swp_pagination {z-index:2; position:absolute; left:50%; bottom:30%; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; transition:all .3s; text-align:center;}
.ma_visual .swp_pagination .current {color:#FFF; font-size:20px; line-height:22px; font-weight:500;}
.ma_visual .swp_pagination .total {color:#777; font-size:20px; line-height:22px; font-weight:500;}
.ma_visual .swp_pagination .process {position:relative; width:200px; height:5px; margin:0 20px; background:rgba(255,255,255,.5); border-radius:5px; overflow:hidden;}
.ma_visual .swp_pagination .process:before {content:''; position:absolute; left:0; top:0; height:100%; background:#FFF;}
.ma_visual .swp_pagination .process.animate:before {animation:3s linear swp_process;}
.ma_visual .swp_pagination .process.no_animate:before {animation:none;}
@keyframes swp_process {
    from {width:0;}
    to {width:100%;}
}
@-webkit-keyframes swp_process {
    from {width:0;}
    to {width:100%;}
}
.ma_visual .swp_pagination .btn_ctl {margin-left:30px; width:20px; height:20px; cursor:pointer;}
.ma_visual .swp_pagination .btn_ctl.pause {background:url('../images/icon_pause.png') no-repeat center center;}
.ma_visual .swp_pagination .btn_ctl.play {background:url('../images/icon_pause.png') no-repeat center center; transform:rotate(-90deg);}
.ma_visual .swp_nav {}
.ma_visual .swp_nav .btn_prev {z-index:2; position:absolute; left:120px; top:50%; width:80px; height:80px; margin-top:-40px; background:url('../images/btn_main_visual_prev.png') no-repeat center center; text-indent:-999px; transition:all .3s; overflow:hidden;}
.ma_visual .swp_nav .btn_next {z-index:2; position:absolute; right:120px; top:50%; width:80px; height:80px; margin-top:-40px; background:url('../images/btn_main_visual_next.png') no-repeat center center; text-indent:-999px; transition:all .3s; overflow:hidden;}
.ma_visual .swp_item {display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:calc(100vh - 70px); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ma_visual .swp_item .tit {color:#FFF; font-size:60px; line-height:66px; font-weight:500;}
.ma_visual .swp_item .txt {margin-top:30px; color:#FFF; font-size:33px; line-height:36px;}
.scroll .ma_visual .swp_item {height:calc(100vh - 70px);}
.scroll .ma_visual .swp_nav .btn_prev {left:20px;}
.scroll .ma_visual .swp_nav .btn_next {right:20px;}
.scroll .ma_visual:before,.scroll .sub_visual:before {transform:translateX(-100%);}
.scroll .ma_visual:after,.scroll .sub_visual:after {transform:translateX(100%);}

.ma_provide {padding:200px;}
.ma_provide .tit_provide {margin-bottom:150px; font-size:45px; line-height:50px; font-weight:500; text-align:center;}
.ma_provide .list_provide {display:flex; justify-content:center; align-items:center; width:100%;}
.ma_provide .list_provide li {position:relative; flex:0 0 33.33%; transition:.3s;}
.ma_provide .list_provide li:nth-child(odd) {top:-50px;}
.ma_provide .list_provide li + li {margin-left:40px;}
.ma_provide .list_provide li .img {position:relative; display:block; width:100%; height:0; padding-bottom:110%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:30px; box-shadow:5px 5px 10px rgba(0,0,0, .2); overflow:hidden;}
.ma_provide .list_provide li:hover {transform:translateY(-20px);}
.ma_provide .list_provide li .info {padding:50px 25px 0;}
.ma_provide .list_provide li .info .tit {margin-bottom:30px; font-size:25px; line-height:28px; font-weight:500;}
.ma_provide .list_provide li .info .txt {font-size:20px; line-height:34px;}

.swp_ma_dp {position:relative;}
.swp_ma_dp .swp_item {position:relative; height:calc(100vh - 70px); padding:200px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.swp_ma_dp .swp_item .tit_swp {margin-bottom:40px; color:#FFF; font-size:45px; line-height:50px; font-weight:500;}
.swp_ma_dp .swp_item .txt_swp {height:108px; color:#FFF; font-size:24px; line-height:36px;}
.swp_ma_dp .swp_item .btn_inquire {display:inline-flex; justify-content:center; align-items:center; width:290px; height:60px; margin-top:50px; border:1px solid #FFF; border-radius:5px;}
.swp_ma_dp .swp_item .btn_inquire .txt {display:inline-block; padding-top:6px; color:#FFF; font-size:20px; line-height:22px; font-weight:500;}
.swp_ma_dp .swp_item .btn_inquire .icon {display:inline-block; width:15px; height:15px; margin-left:24px; background:url('../images/icon_plus_white.png') no-repeat center center/contain; overflow:hidden; text-indent:-999px;}
.swp_ma_dp .swp_nav {z-index:2; position:absolute; left:200px; bottom:150px; transform:translateX(-50%); opacity:0;}
.swp_ma_dp .swp_nav.animate {transform:translateX(0); transition:.5s .5s; opacity:1;}
.swp_ma_dp .btn_prev {display:flex; align-items:center;}
.swp_ma_dp .btn_prev .icon {display:block; width:52px; height:52px; background:url('../images/btn_visual_up.png') no-repeat center center/contain; overflow:hidden; text-indent:-999px;}
.swp_ma_dp .btn_prev .txt {margin-left:20px; color:#FFF; font-size:20px; line-height:22px; font-weight:500;}
.swp_ma_dp .btn_next {display:flex; align-items:center; margin-top:30px;}
.swp_ma_dp .btn_next .icon {display:block; width:52px; height:52px; background:url('../images/btn_visual_down.png') no-repeat center center/contain; overflow:hidden; text-indent:-999px;}
.swp_ma_dp .btn_next .txt {margin-left:20px; color:#FFF; font-size:20px; line-height:22px; font-weight:500;}
.swp_ma_dp .swp_pagination {z-index:2; position:absolute; top:50%; right:200px; transform:translateY(-50%);}
/*.swp_ma_dp .swp_pagination.animate {opacity:1; transition:.3s; right:200px;}*/
.swp_ma_dp .swp_pagination a {display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
.swp_ma_dp .swp_pagination a + a {margin-top:30px;}
.swp_ma_dp .swp_pagination .p1 {background-image:url('../images/icon_dp_share.png');}
.swp_ma_dp .swp_pagination .p1.on {background-image:url('../images/icon_dp_share_on.png');}
.swp_ma_dp .swp_pagination .p2 {background-image:url('../images/icon_dp_phone.png');}
.swp_ma_dp .swp_pagination .p2.on {background-image:url('../images/icon_dp_phone_on.png');}
.swp_ma_dp .swp_pagination .p3 {background-image:url('../images/icon_dp_setting.png');}
.swp_ma_dp .swp_pagination .p3.on {background-image:url('../images/icon_dp_setting_on.png');}

.ma_notice {padding:200px;}
.ma_notice .ma_notice_head {position:relative; margin-bottom:80px;}
.ma_notice .ma_notice_head .tit_notice {font-size:45px; line-height:64px; font-weight:500;}
.ma_notice .ma_notice_head .btn_more {position:absolute; right:0; bottom:10px; width:52px; height:52px; background:url('../images/icon_more_plus.png') no-repeat center center/contain; overflow:hidden; text-indent:-999px;}
.swp_ma_notice {position:relative;}
.swp_ma_notice .swiper-container {overflow:visible;}
.swp_ma_notice .swiper-slide {width:auto; margin-right:50px;}
.swp_ma_notice .swp_item {position:relative; display:block; width:450px; border-radius:30px; overflow:hidden; box-shadow:5px 5px 10px rgba(0,0,0,.2); transition:.3s;}
.swp_ma_notice .swp_item:hover {transform:translateY(-40px);}
.swp_ma_notice .swp_item .img {display:block; width:100%; height:0; padding-bottom:80%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.swp_ma_notice .swp_item .info {padding:50px 30px; background:#F8F8F8;}
.swp_ma_notice .swp_item .info .tag {display:block; width:90px; height:30px; background:#000; color:#FFF; font-size:18px; font-weight:500; line-height:30px; text-align:center;}
.swp_ma_notice .swp_item .info .tit {display:-webkit-box; height:64px; margin-top:20px; font-size:20px; line-height:32px; overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.swp_ma_notice .swp_item .info .date {display:inline-block; margin-top:30px; color:#777; font-size:16px; line-height:18px;}

.ma_contact {position:relative; padding:145px 200px 155px; background:#333 url('../images/bg_contact.jpg') no-repeat right top;}
/*.ma_contact .img_map {z-index:-1; position:absolute; left:0; top:0; display:block; width:100%; height:0; padding-bottom:54.16%; background-repeat:no-repeat; background-position:center center; background-size:contain;}*/
.ma_contact .tit_contact {margin-bottom:100px; color:#FFF; font-size:45px; line-height:64px; font-weight:500;}
.ma_contact .ma_contact_content {display:flex; justify-content:space-between; align-items:flex-start;}
.ma_contact .ma_contact_content .form_contact {flex:0 0 50%;}
.ma_contact .ma_contact_content .form_contact .row {display:flex; justify-content:space-between;}
.ma_contact .ma_contact_content .form_contact .row + .row {margin-top:20px;}
.ma_contact .ma_contact_content .form_contact .row .col {flex:0 0 auto; flex-basis:calc(50% - 10px);}
.ma_contact .ma_contact_content .form_contact .row .col_full {flex:0 0 100%;}
.ma_contact .ma_contact_content .form_contact .row .tit {margin-bottom:20px; color:#FFF; font-size:20px; line-height:20px; font-weight:500;}
.ma_contact .ma_contact_content .form_contact .row .tit span {color:#1d69c7;}
.ma_contact .ma_contact_content .form_contact .row .text_contact {display:block; width:100%; height:60px; padding:0 20px; border-radius:5px; background:#444; box-shadow:5px 5px 10px rgba(0,0,0,.1); color:#FFF; font-size:18px; font-weight:300;}
.ma_contact .ma_contact_content .form_contact .row .textarea_contact {display:block; width:100%; height:150px; padding:20px; border-radius:5px; background:#444; box-shadow:5px 5px 10px rgba(0,0,0,.1); color:#FFF; font-size:18px; line-height:24px; font-weight:300;}
.ma_contact .ma_contact_content .form_contact .btn_inquire {display:inline-flex; justify-content:center; align-items:center; width:290px; height:60px; margin-top:50px; background:#FFF; border:none; border-radius:5px;}
.ma_contact .ma_contact_content .form_contact .btn_inquire .txt {display:inline-block; padding-top:6px; color:#000; font-size:20px; line-height:22px; font-weight:500;}
.ma_contact .ma_contact_content .form_contact .btn_inquire .icon {display:inline-block; width:15px; height:15px; margin-left:24px; background:url('../images/icon_plus_black.png') no-repeat center center/contain; overflow:hidden; text-indent:-999px;}
.ma_contact .ma_contact_content .form_contact .btn_inquire:disabled {background:#444;}
.ma_contact .ma_contact_content .form_contact .btn_inquire:disabled .txt {color:#FFF;}
.ma_contact .ma_contact_content .form_contact .btn_inquire:disabled .icon {background-image:url('../images/icon_plus_white.png');}
.ma_contact .ma_contact_content .info_contact .logo {display:inline-block; width:204px; height:61px; background:url('../images/logo_footer.png') no-repeat center center/contain; overflow:hidden; text-indent:-999px;}
.ma_contact .ma_contact_content .info_contact .txt_contact {margin-top:30px; color:#FFF; font-size:20px; line-height:40px;}
.ma_contact .ma_contact_content .info_contact .txt_contact a {color:#FFF;}

.ma_contact .waves {position:absolute; right:326px; top:375px; background:#1d69c7; width:12px; height:12px; border-radius:3px; transform:rotate(-45deg);}
.ma_contact .waves:before, .waves:after {content:''; position:absolute; left:50%; top:50%; border:1px solid #1d69c7; margin-left:-13px; margin-top:-13px; width:24px; height:24px; border-radius:3px;;
    -webkit-animation:wave 3s infinite linear;
    animation:wave 3s infinite linear;
}
.ma_contact .waves:after {
    opacity:0;
    -webkit-animation:wave 3s 1.5s infinite linear;
    animation:wave 3s 1.5s infinite linear;
}

/*sub*/
.sub_content {padding:200px;}
.sub_visual {position:relative;}
.sub_top {position:relative; padding-top:220px; transition:.3s;}
.sub_top .tit_sub_box {position:absolute; left:0; top:0; width:100%; padding:60px 0; text-align:center;}
.sub_top .tit_sub_box .tit {font-size:45px; line-height:47px; font-weight:500;}
.sub_top .tit_sub_box .location {display:flex; justify-content:center; align-items:center; margin-top:30px;}
.sub_top .tit_sub_box .location a {display:inline-block; position:relative; color:#777; font-size:18px; line-height:20px; font-weight:300;}
.sub_top .tit_sub_box .location .arrow {display:inline-block; margin:0 20px; width:6px; height:10px; background:url('../images/icon_arrow_location.png') no-repeat center center/contain;}
.sub_top .sub_banner {position:relative; display:block; width:100%; height:0; padding-bottom:34%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:.3s;}

.scroll .sub_top {padding-top:0;}
.scroll .tit_sub_box {z-index:2; top:50%; transform:translateY(-50%);}
.scroll .tit_sub_box .tit {color:#FFF;}
.scroll .tit_sub_box .location a {color:#ccc;}
.scroll .sub_banner {padding-bottom:26%;}
.scroll .sub_banner:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; transition:.3s;}

.company_wrap .tit_company {margin-bottom:70px; font-size:60px; line-height:70px; font-weight:700; letter-spacing:-4px;}
.company_wrap .txt_company {font-size:24px; line-height:40px;}

.company_wrap .circle_box {position:relative; display:flex; justify-content:space-between; align-items:center; margin:200px -200px 0; padding:0 200px;}
.company_wrap .circle_box:after {content:''; z-index:-1; position:absolute; left:0; top:50%; width:100%; height:1px; background:#333;}
.company_wrap .circle_box .left {display:flex; align-items:center;}
.company_wrap .circle_box .circle_item {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:350px; height:350px; border-radius:100%; border:1px solid #333; text-align:center;}
.company_wrap .circle_box .circle_item:before {content:''; position:absolute; left:0; right:0; top:50%; height:1px; background:#FFF;}
.company_wrap .circle_box .circle_item:last-child:after {content:''; z-index:-1; position:absolute; top:50%; right:-100px; width:15px; height:27px; background:url('../images/img_line_arror.png') no-repeat center center/contain; transform:translateY(-50%);}
.company_wrap .circle_box .circle_item + .circle_item {margin-left:-30px;}
.company_wrap .circle_box .circle_item .tit {position:relative; z-index:1; margin-bottom:30px; font-size:30px; line-height:40px; font-weight:500; background:#FFF;}
.company_wrap .circle_box .circle_item .txt {position:relative; z-index:1; font-size:20px; line-height:30px; background:#FFF;}
.company_wrap .circle_box .circle_logo {display:flex; justify-content:center; align-items:center; width:350px; height:350px; border-radius:100%; background:#174d97;}
.company_wrap .circle_box .circle_logo .logo {display:block; width:199px; height:58px; background:url('../images/logo_white.png') no-repeat center center/contain;}

.company_wrap .company_intro_box {margin:200px -100px 0; text-align:center;}
.company_wrap .company_intro_box .tit_company_intro {margin-bottom:50px; font-size:50px; line-height:60px; font-weight:500;}
.company_wrap .company_intro_box .txt_company_intro {font-size:24px; line-height:40px; }
.company_wrap .company_intro_box .intro_box {display:flex; justify-content:center; margin-top:150px; padding:200px 0; background:url('../images/bg_about_bot.jpg') no-repeat center center/cover;}
.company_wrap .company_intro_box .intro_box .intro_item {flex:0 0 33.33%; padding:0 50px;}
.company_wrap .company_intro_box .intro_box .intro_item .icon {display:inline-block; width:160px; height:160px; background-repeat:no-repeat; background-position:center center;}
.company_wrap .company_intro_box .intro_box .intro_item .tit {color:#FFF; font-size:24px; line-height:26px; font-weight:500;}
.company_wrap .company_intro_box .intro_box .intro_item .txt {margin-top:30px; color:#FFF; font-size:18px; line-height:30px;}
/*sub end*/


@-webkit-keyframes wave {
    0% {
        transform:scale(0);
        opacity:1;
    }
    100% {
        transform:scale(3.5);
        opacity:0;
    }
}

@keyframes wave {
    0% {
        transform:scale(0);
        opacity:1;
    }
    100% {
        transform:scale(3.5);
        opacity:0;
    }
}
/*main end*/
/*content end*/


@media screen and (max-width:1760px) {
    .sub_content {padding:150px;}
    .company_wrap .circle_box {margin:200px -150px 0; padding:0 150px;}
    .company_wrap .circle_box .circle_item:last-child:after {right:-40px;}
    
    .company_wrap .company_intro_box {margin:150px -75px 0;}
}

@media screen and (max-width:1700px) {
    
    .company_wrap .circle_box {margin:150px -150px 0; padding:0 100px;}
    .company_wrap .circle_box .circle_item {width:300px; height:300px;}
    .company_wrap .circle_box .circle_item .txt {font-size:16px; line-height:24px;}
    .company_wrap .circle_box .circle_logo {width:300px; height:300px;}
    .company_wrap .circle_box .circle_item:last-child:after {right:-100px;}
}

@media screen and (max-width:1600px) {
    .company_wrap .circle_box .circle_item:last-child:after {right:-40px;}
    .company_wrap .company_intro_box .intro_box .intro_item {padding:0 25px;}
}

@media screen and (max-width:1660px) {
    .ma_visual:before, .sub_visual:before {width:80px;}
    .ma_visual:after, .sub_visual:after {width:80px;}
    
    .ma_provide {padding:150px;}
    .swp_ma_dp .swp_item {padding:150px;}
    .swp_ma_dp .swp_nav {left:150px; bottom:150px;}
    .swp_ma_dp .swp_pagination {right:150px;}
    .ma_notice {padding:150px;}
    .ma_contact {padding:150px;}
    
    .sub_content {padding:150px;}
}

@media screen and (max-width:1440px) {
    .ma_visual:before, .sub_visual:before {width:60px;}
    .ma_visual:after, .sub_visual:after {width:60px;}
    
    .ma_provide {padding:120px;}
    .swp_ma_dp .swp_nav {left:120px; bottom:120px;}
    .swp_ma_dp .swp_item {padding:120px;}
    .swp_ma_dp .swp_pagination {right:120px;}
    .ma_notice {padding:120px;}
    .ma_contact {padding:120px;}
    
    .sub_content {padding:120px;}
    
    .company_wrap .circle_box {margin:120px -120px 0; padding:0 100px;}
    .company_wrap .circle_box .circle_item {width:260px; height:260px;}
    .company_wrap .circle_box .circle_item .tit {font-size:24px; line-height:26px;}
    .company_wrap .circle_box .circle_item .txt {font-size:14px; line-height:22px;}
    .company_wrap .circle_box .circle_logo {width:260px; height:260px;}
    .company_wrap .tit_company {margin-bottom:40px; font-size:40px; line-height:44px;}
    .company_wrap .txt_company {font-size:20px; line-height:30px;}
    .company_wrap .company_intro_box {margin:120px -60px 0;}
    .company_wrap .company_intro_box .tit_company_intro {margin-bottom:30px; font-size:35px; line-height:50px;}
    .company_wrap .company_intro_box .txt_company_intro {font-size:20px; line-height:30px;}
    .company_wrap .company_intro_box .intro_box .intro_item .txt {font-size:16px; line-height:26px;}
}

@media screen and (max-width:1280px) {
    #header .gnb > ul > li + li {margin-left:40px;}
    
    .ma_visual .swp_item .tit {font-size:50px; line-height:55px;}
    .ma_visual .swp_item .txt {font-size:24px; line-height:26px;}
    .ma_visual .swp_nav .btn_prev {left:60px;}
    .ma_visual .swp_nav .btn_next {right:60px;}
    
    .ma_provide {padding:100px;}
    .ma_provide .tit_provide {font-size:35px; line-height:38px;}
    .ma_provide .list_provide li .info .txt {font-size:16px; line-height:28px;}
    
    .swp_ma_dp .swp_nav {left:60px; bottom:60px;}
    .swp_ma_dp .swp_item {padding:60px;}
    .swp_ma_dp .swp_pagination {right:60px;}
    .swp_ma_dp .swp_item .tit_swp {font-size:35px; line-height:38px;}
    .swp_ma_dp .swp_item .txt_swp {font-size:18px; line-height:30px;}
    
    .ma_notice {padding:60px;}
    .ma_notice .ma_notice_head .tit_notice {font-size:35px; line-height:50px;}
    .ma_contact {padding:60px;}
    .swp_ma_notice .swiper-slide {margin-right:25px;}
    .swp_ma_notice .swp_item {width:300px;}
    .swp_ma_notice .swp_item .info {padding:25px 15px;}
    .swp_ma_notice .swp_item .info .tag {font-size:14px;}
    .swp_ma_notice .swp_item .info .tit {height:48px; font-size:16px; line-height:24px;}
    
    .ma_contact .tit_contact {font-size:35px; line-height:50px;}
    .ma_contact .ma_contact_content .info_contact .txt_contact {font-size:16px; line-height:32px;}
    
    .sub_content {padding:60px;}
    .company_wrap .circle_box {margin:60px -60px 0; padding:0 60px;}
    .company_wrap .circle_box .circle_item {width:220px; height:220px;}
    .company_wrap .circle_box .circle_item + .circle_item {margin-left:-15px;}
    .company_wrap .circle_box .circle_item .tit {font-size:20px; line-height:22px;}
    .company_wrap .circle_box .circle_item .txt {font-size:12px; line-height:18px;}
    .company_wrap .circle_box .circle_logo {width:220px; height:220px;}
    .company_wrap .circle_box .circle_logo .logo {width:100px; height:44px;}
    .company_wrap .company_intro_box {margin:60px -30px 0;}
    .company_wrap .company_intro_box .intro_box .intro_item {padding:15px;}
    .company_wrap .company_intro_box .intro_box .intro_item .txt {font-size:14px; line-height:22px;}
    
    #footer .contact li p, #footer .contact li a {font-size:14px; line-height:16px;}
    #footer .copyright {font-size:12px; line-height:14px;}
}

@media screen and (max-width:1024px) {
    
    .scroll #header {height:75px; padding:0 15px;}
    
    .openMenu {overflow:hidden;}
    .openMenu .mask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5;}
    .openMenu #m_menu {transform:translateX(-100%);}
    .openMenu #header .btn_menu:before {top:50%; left:0; transform:rotate(-45deg);}
    .openMenu #header .btn_menu:after {top:50%; left:0; bottom:auto; transform:rotate(45deg);}
    
    #header {height:75px; padding:0 15px;}
    #header .logo {width:100px; height:30px;}
    #header .gnb {display:none;}
    #header .lang {display:none;}
    #header .btn_menu {position:relative; display:block; width:28px; height:28px; }
    #header .btn_menu:before {content:''; position:absolute; left:0; top:7px; width:100%; height:4px; border-radius:4px; background:#000; transition:all .3s;}
    #header .btn_menu:after {content:''; position:absolute; left:0; bottom:7px; width:100%; height:4px; border-radius:4px; background:#000; transition:all .3s;}
    
    #footer {height:55px;}
    #footer .contact {display:none;}
    #footer .copyright {margin-top:0; font-size:8px; line-height:10px;}
    
    #m_menu {display:block; z-index:100; position:fixed; left:100%; width:100%; height:calc(100vh - 75px); top:75px; background:#FFF; transition:all .3s; overflow-y:auto;}
    #m_menu .m_gnb {position:relative; padding:50px 60px;}
    #m_menu .m_gnb > ul {position:relative;}
    #m_menu .m_gnb > ul > li {transition:all .3s ease-out;}
    #m_menu .m_gnb > ul > li + li {margin-top:40px;}
    #m_menu .m_gnb > ul > li > a {display:inline-block; font-size:25px; line-height:27px; font-weight:500; transition:all .3s ease-out;}
    #m_menu .m_gnb .depth_box {z-index:-1; position:absolute; top:0; left:0; opacity:0; transform:translateX(50px); transition:all .3s ease-out;}
    #m_menu .m_gnb .depth_box > a {position:relative; display:inline-block; margin-bottom:30px; font-size:25px; line-height:27px; font-weight:500;}
    #m_menu .m_gnb .depth_box > a:before {content:''; position:absolute; left:-40px; top:0; width:25px; height:25px; background:url('../images/icon_menu_arrorw.png') no-repeat center center/7px; transform:translateX(20px); opacity:0; transition:.3s;}
    #m_menu .m_gnb .depth li + li {margin-top:30px;}
    #m_menu .m_gnb .depth li a {font-size:23px; line-height:25px; font-weight:300;}
    #m_menu .m_gnb > ul.in > li > a {transform:translateX(-50px); opacity:0;}
    #m_menu .m_gnb > ul.in > li.on .depth_box {z-index:1; transform:translateX(0); opacity:1; transition-delay:.3s;}
    #m_menu .m_gnb > ul.in > li.on .depth_box > a:before {opacity:1; transform:translateX(0); transition-delay:.6s;}
    
    #m_menu .lang {position:absolute; right:15px; bottom:15px; z-index:1; padding:0 20px; border:1px solid #777; border-radius:3px;}
    #m_menu .lang > a {position:relative; display:block; padding-right:20px; font-size:11px; line-height:30px; font-weight:500;}
    #m_menu .lang > a:after {content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); width:10px; height:10px; background:url('../images/icon_arrow_down_blue.png') no-repeat center center/contain;}
    #m_menu .lang ul {visibility:hidden; opacity:0; position:absolute; left:-1px; right:-1px; bottom:0; transform:translateY(0); padding:15px; border:1px solid #777; border-radius:3px; background:#FFF; transition:all .3s;}
    #m_menu .lang ul li + li {margin-top:15px;}
    #m_menu .lang ul li a {color:#000; font-size:11px; line-height:13px; font-weight:300;}
    #m_menu .lang ul li.on a {color:#000; font-weight:500;}
    
    #m_menu .lang:hover ul {visibility:visible; opacity:1; transform:translateY(-30px);}
    
    .br_pc {display:none;}
    .br_m {display:block;}
    
    #container {padding-top:75px;}
    
    .ma_visual:before {width:15px;}
    .ma_visual:after {width:15px;}
    .sub_visual:before {width:0;}
    .sub_visual:after {width:0;}
    
    .ma_visual .swp_nav .btn_prev {display:none;}
    .ma_visual .swp_nav .btn_next {display:none;}
    .ma_visual .swp_item {padding:50px;}
    .ma_visual .swp_item .tit {font-size:34px; line-height:40px; text-align:center;}
    .ma_visual .swp_item .txt {margin-top:26px; font-size:16px; line-height:24px; text-align:center;}
    .ma_visual .swp_pagination .process {width:100px; height:3px; margin:0 10px;}
    .ma_visual .swp_pagination .current {font-size:10px; line-height:12px;}
    .ma_visual .swp_pagination .total {font-size:10px; line-height:12px;}
    .ma_visual .swp_pagination .btn_ctl {margin-left:15px;}
    
    .ma_provide {padding:75px 15px;}
    .ma_provide .tit_provide {margin-bottom:40px; font-size:23px; line-height:30px;}
    .ma_provide .list_provide {flex-wrap:wrap;}
    .ma_provide .list_provide li {flex:0 0 100%;}
    .ma_provide .list_provide li + li {margin-left:0; margin-top:15px;}
    .ma_provide .list_provide li:nth-child(odd) {top:auto;}
    .ma_provide .list_provide li .img {padding-bottom:50%; border-radius:15px;}
    .ma_provide .list_provide li .info {padding:25px 15px;}
    .ma_provide .list_provide li .info .tit {margin-bottom:15px; font-size:18px; line-height:20px;}
    .ma_provide .list_provide li .info .txt {font-size:13px; line-height:20px;}
    
    .swp_ma_dp .swp_nav {display:none;}
    .swp_ma_dp .swp_pagination {display:flex; align-items:center; justify-content:center; top:auto; left:50%; right:auto; bottom:40px; transform:translate(-50%,0);}
    .swp_ma_dp .swp_pagination a {width:30px; height:30px;}
    .swp_ma_dp .swp_pagination a + a {margin-top:0; margin-left:15px;}
    .swp_ma_dp .swp_item {display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
    .swp_ma_dp .swp_item .tit_swp {font-size:25px; line-height:27px; text-align:center;}
    .swp_ma_dp .swp_item .txt_swp {font-size:15px; line-height:23px; text-align:center;}
    .swp_ma_dp .swp_item .btn_inquire {width:150px; height:35px; margin-top:60px;}
    .swp_ma_dp .swp_item .btn_inquire .txt {padding-top:3px; font-size:13px; line-height:15px;}
    .swp_ma_dp .swp_item .btn_inquire .icon {width:10px; height:10px; margin-left:15px;}
    
    .ma_notice {position:relative; padding:75px 15px 100px;}
    .ma_notice .ma_notice_head {position:static; margin-bottom:30px;}
    .ma_notice .ma_notice_head .tit_notice {font-size:23px; line-height:30px; text-align:center;}
    .ma_notice .ma_notice_head .btn_more {left:50%; right:auto; bottom:40px; width:35px; height:35px; transform:translateX(-50%);}
    .swp_ma_notice .swp_item {width:230px;}
    .swp_ma_notice .swp_item .info .tag {width:45px; height:15px; line-height:15px; font-size:9px;}
    .swp_ma_notice .swp_item .info .tit {height:32px; margin-top:10px; font-size:10px; line-height:16px;}
    .swp_ma_notice .swp_item .info .date {margin-top:15px; font-size:8px; line-height:10px;}
    .swp_ma_notice .swp_item:hover {transform:translateY(-20px)}
    
    .ma_contact {padding:75px 15px; background-image:none;}
    .ma_contact .tit_contact {margin-bottom:40px; font-size:23px; line-height:30px; text-align:center;}
    .ma_contact .ma_contact_content {flex-wrap:wrap;}
    .ma_contact .ma_contact_content .form_contact {flex:0 0 100%;}
    .ma_contact .ma_contact_content .form_contact .row {flex-wrap:wrap;}
    .ma_contact .ma_contact_content .form_contact .row + .row {margin-top:25px;}
    .ma_contact .ma_contact_content .form_contact .row .col {flex:0 0 100%;}
    .ma_contact .ma_contact_content .form_contact .row .col + .col {margin-top:25px;}
    .ma_contact .ma_contact_content .form_contact .row .tit {margin-bottom:10px; font-size:13px;}
    .ma_contact .ma_contact_content .form_contact .row .text_contact {height:35px; padding:0 10px; font-size:11px; line-height:15px;}
    .ma_contact .ma_contact_content .form_contact .row .textarea_contact {height:75px; padding:10px; font-size:11px; line-height:15px;}
    
    .ma_contact .ma_contact_content .form_contact .btn_box {text-align:center;}
    .ma_contact .ma_contact_content .form_contact .btn_inquire {width:150px; height:35px; margin-top:25px;}
    .ma_contact .ma_contact_content .form_contact .btn_inquire .txt {padding-top:3px; font-size:13px; line-height:15px;}
    .ma_contact .ma_contact_content .form_contact .btn_inquire .icon {width:10px; height:10px; margin-left:15px;}
    .ma_contact .ma_contact_content .info_contact {display:none;}
    
    .ma_contact .waves {display:none;}
    
    .sub_content {padding:75px 15px;}
    .sub_top {padding-top:0;}
    .sub_top .tit_sub_box {position:absolute; padding:0;}
    .sub_top .tit_sub_box .tit {font-size:25px; line-height:27px;}
    .sub_top .tit_sub_box .location {margin-top:15px;}
    .sub_top .tit_sub_box .location a {font-size:13px; line-height:15px;}
    .sub_top .sub_banner {padding-top:0;}
    .sub_top .tit_sub_box {z-index:2; top:50%; transform:translateY(-50%);}
    .sub_top .tit_sub_box .tit {color:#FFF;}
    .sub_top .tit_sub_box .location a {color:#ccc;}
    .sub_top .sub_banner {padding-bottom:55%;}
    .sub_top .sub_banner:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; transition:.3s;}
    
    .company_wrap .tit_company {font-size:30px; line-height:35px; letter-spacing:-1px;}
    .company_wrap .txt_company {font-size:13px; line-height:20px;}
    .company_wrap .circle_box {flex-direction:column; justify-content:center; align-items:center;}
    .company_wrap .circle_box:after {display:none;}
    .company_wrap .circle_box .left {flex-direction:column;}
    .company_wrap .circle_box .circle_item:before {left:50%; top:auto; bottom:-25px; right:auto; width:1px; height:25px; background:#333;}
    .company_wrap .circle_box .circle_item + .circle_item {margin-left:0; margin-top:25px;}
    .company_wrap .circle_box .circle_item:last-child {margin-bottom:100px;}
    .company_wrap .circle_box .circle_item:last-child:before {bottom:-100px; height:100px;}
    .company_wrap .circle_box .circle_item:last-child:after {top:auto; bottom:-60px; right:auto; margin-left:1px; transform:rotate(90deg);}
    .company_wrap .company_intro_box {margin:75px 0 0;}
    .company_wrap .company_intro_box .tit_company_intro {margin-bottom:25px; font-size:23px; line-height:30px;}
    .company_wrap .company_intro_box .txt_company_intro {font-size:13px; line-height:20px;}
    .company_wrap .company_intro_box .intro_box {flex-direction:column; margin-top:50px; padding:75px 30px;}
    .company_wrap .company_intro_box .intro_box .intro_item + .intro_item {}
    .company_wrap .company_intro_box .intro_box .intro_item .icon {width:60px; height:60px;}
    .company_wrap .company_intro_box .intro_box .intro_item:nth-child(1) .icon {background-size:32px;}
    .company_wrap .company_intro_box .intro_box .intro_item:nth-child(2) .icon {background-size:27px;}
    .company_wrap .company_intro_box .intro_box .intro_item:nth-child(3) .icon {background-size:40px;}
    .company_wrap .company_intro_box .intro_box .intro_item .tit {font-size:20px; line-height:22px;}
    .company_wrap .company_intro_box .intro_box .intro_item .txt {margin-top:25px; font-size:13px; line-height:20px;}
    
    
}