@charset "utf-8";
@import url('/css/global/normalize.css');
@import url('/css/global/reset.css');
@import url('/css/global/fullpage.css');
@import url('/css/global/common.css');
@import url('/css/global/fontawesome.css');
@import url('/css/global/twentytwenty.css');
@import url('/css/home/popup.css');

/*
span,div,p,a,h1, h2, h3, h4, h5, h6{transform: skew(-0.001deg);}		나눔 폰트 깨짐 현상 해결책
*/

/*--------------------------------------------------------------------
||공통설정
--------------------------------------------------------------------*/
#msg {position: fixed; z-index: 10000;}

#wrap .fp-section {height: 100vh !important;}
#wrap .fp-tableCell {vertical-align: top; height: 100% !important;}

body {width: 100%; margin: 0; padding: 0; background-color: #fff; overflow-x: hidden;}
em {font-style: normal;}

.jp {
    font-family: 'Noto Sans JP', sans-serif;
}

/*--------------------------------------------------------------------
||ANIMATION
--------------------------------------------------------------------*/




/*--------------------------------------------------------------------
||PC
--------------------------------------------------------------------*/
@media screen and (min-width: 1280px) {
    * {
        font-family:"Noto Sans KR";
    }

	body em {font-style: normal;}
	body i  {font-style: normal;}
	body .mbr {display: none;}
	body .pbr {display: block;}

	#wrap .width_area {width:1270px;margin:0 auto;background:transparent;}
	#wrap .width_area:after {display:block;clear:both;content:"";}


	#movie {display:none;position:absolute;z-index:50000;width:100vw;height:100vw;text-align:center;background:rgba(0,0,0,0.8);}
	#movie .player {margin:200px 0 0 0;}
	#movie .player iframe {border:5px solid black;}
	#movie .function {display:block;width:1000px;margin:-5px auto 0 auto;background:black;padding:20px 0 20px 0;text-align:center;border:5px solid black;} 
	#movie .function a {display:inline-block;font-size:22px;color:white;margin:-20px 0 0 0;}



	#inquiry {position:absolute;z-index:1000;width:100vw;height:100vh;background:rgba(0,0,0,0.8);text-align:center;display:none;}
	#inquiry .box {display:inline-block;margin:200px 0 0 0;width:416px;min-height:480px;background:#ffffff;}
	#inquiry .box .function {position:absolute;width:416px;text-align:right;}
	#inquiry .box .function .close {display:inline-block;padding:7px 7px 0 0;}
	#inquiry .box .function .close img {width:20px;height:20px;}
	#inquiry .box .logo {margin:20px 0 0 0;display:inline-block;width:225px;}
	#inquiry .box .phone {margin:10px 0 0 0;}
	#inquiry .box .phone a {font-weight:800;font-size:47px;color:#000000;}
	#inquiry .box .form {display:inline-block;width:416px;margin:20px 0 0 0;background:transparent;font-size:0;text-align:center;}
	#inquiry .box .form input {width:374px;height:36px;border:1px solid #dfdfdf;margin:0 0 10px 0;padding:0 0 0 10px;color:#333333;font-size:17px;}
	#inquiry .box .form textarea {width:374px;height:100px;border:1px solid #dfdfdf;margin:0 0 10px 0;padding:10px 0 0 10px;color:#333333;font-size:17px;}
	#inquiry .box .form .txt {ime-mode:active;}
	#inquiry .box .form .num {ime-mode:disabled;}
	#inquiry .box .form .check {display:block;text-align:left;padding:0 0 0 17px;}
	#inquiry .box .form .check input {display:inline-block;vertical-align:middle;width:15px;height:15px;}
	#inquiry .box .form .check label {display:inline-block;vertical-align:middle;font-size:14x;color:#333333;}
	#inquiry .box .form .check .privacy {margin:0 3px 0 0;}
	#inquiry #submit {margin:20px 0 0 0;padding:5px 0 0 0;width:384px;height:54px;background:#172a88;border:0;cursor:pointer;}
	#inquiry #submit span {display:inline-block;vertical-align:middle}
	#inquiry #submit .icon {width:35px;}
	#inquiry #submit .text {font-weight:600;color:#ffffff;font-size:26px;padding:0 0 0 10px;}


    .section {
        height: 100vh;
    }

    /* 사이드(퀵) 메뉴 */
	#quick {
		position: fixed;
        right: 18px;
        top: 289px;
		z-index: 999;
		opacity: 1;
	}
	#quick .link ul > li {
		width: 84px;
		height: 84px;		
		cursor: pointer;
        text-align: center;
        border: 1px solid #e2e9ef;
        border-bottom: none;
        padding-top: 16px;
        box-sizing: border-box;
        background-color: #fff;
	}
    #quick .link ul > li:last-child {
        border: none;
        border-top: 1px solid #e2e9ef;
        height: 26px;
        background-color: transparent;
        color: #fff;
    }
	#quick .link ul > li .icon {
		display: inline-block;
        width: 30px;
        height: 31px;
		text-align: center;
	}
	#quick .link ul > li .icon img {
		width: 100%;
	}
	#quick .link ul > li .text {
		display: block;
		font-size: 15px;
		color: #40403f;
        margin-top: 8px;
	}
    #quick .link ul > li:last-child a {
        transition: all 0.4s;
        font-weight: 700;
    }
    #quick .link ul > li:last-child a.white {
        color: #fff;
    }
    #quick .link ul > li:last-child a.black {
        color: #343434;
    }
	


    /*********************** 상단메뉴 *********************/
	#gnb {
		position: fixed;
		z-index: 9999;
        min-width: 1300px;
		width: 100%;
        height: 90px;
        background-color: rgba(255, 255, 255, 0.89);
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.26);
	}
    #gnb .gnb_group {
        position: relative;
    }
	
	#gnb .logo_area	{
		position: absolute;
        left: 13.7%;
        top: 26px;
		width: 172px;
        z-index: 99999;
	}
	#gnb .logo_area img	{
		width: 100%;
		vertical-align: middle;
	}

	#gnb .menu_area {
		width: 100%;
		height: 90px;
        position: relative;
	}
	#gnb .menu_area > ul {
        margin: 0 auto;
        width: 530px;
        height: 90px;
	}
	#gnb .menu_area > ul > li {
        display: inline-block;
        position: relative;
		line-height: 90px;
        font-size: 20px;
        color: #353535;
        padding: 0 29px;
	}
    #gnb .menu_area > ul > li:first-child {
        padding-left: 0;
    }
    #gnb .menu_area > ul > li:last-child {
        padding-right: 0;
    }
	#gnb .menu_area > ul > li:after {
        content: "";
		position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 18px;
        transform: translateY(-50%);
        background-color: #353535;
	} 
	#gnb .menu_area > ul > li:last-child:after {
        width: 0;
		background-color: transparent;
	}
	#gnb .menu_area > ul > li > a {
		color: #353535;
		transition: all .4s;
        cursor: pointer;
	}
	#gnb .menu_area .linkOn	a {		
		color: #256acf;
		transition: all .4s;
	}
    #gnb .menu_area > ul > li > ul.mbr {
        display: none;
    }
    #gnb .menu_area > ul > li > ul.pbr {
        display: none;
    }
    #gnb .menu_area ul > li > ul.submenu {
        position: absolute;
        top: 90px;
        left: 50%;
        width: 115%;
        z-index: 9990;
        display: none;
        transform: translateX(-50%);
    }
    #gnb .menu_area ul > li > ul.submenu > li > a {
        width: 100%;
        height: 70px;
        line-height: 70px;
        font-size: 15px;
        text-align: center;
        white-space: nowrap;
        background-color: rgba(255, 255, 255, 0.89);
        display: block;
        color: #353535;
        cursor: pointer;
    }
    #gnb .menu_area ul > li > ul.submenu > li:hover {
        background-color: rgba(255, 255, 255, 1);
    }
    #gnb .menu_area ul > li > ul.submenu > li:hover > a {
        color: #256acf;
		transition: all .4s;
    }

	#gnb .contract_area {
		position: absolute;		
		right: 13.7%;
        top: 0;
		width: 190px;
        height: 90px;
        line-height: 90px;
        text-align: right;
	}
	#gnb .contract_area .icon {
		display: inline-block;
        width: 21px;
        height: 22px;
        transform: translate(-3px, 3px);
	}
	#gnb .contract_area .icon img {
		width: 100%;
        color: #353535;
	}
	#gnb .contract_area a {
		display: inline-block;
        height: 90px;
		color: #353535;
		font-size: 21px;
        font-family: "NanumSqaure";
	}
    /*********************** 상단메뉴 End *********************/



    /*********************** 인트로 페이지 *********************/
    /* #section1 {
        background: url("/resource/image/bg/pc/background_0.jpg") no-repeat left center;
        background-size: cover;
    }
    .section1_component1 {
        width: 200px;
        height: 47px;
        margin-top: 140px;
        margin-left: 316px;
        opacity: 0;
        transform: translateY(20px);
    }
    .section1_component1 p img {
        width: 100%;
    }

	.section1_component2 {
        width: 400px;
        margin-top: 200px;
        margin-left: 316px;
	}
    .section1_component2 > p:first-child {
        width: 400px;
        height: 170px;
        line-height: 57px;
        font-size: 27px;
        letter-spacing: 0.03em;
        opacity: 0;
        transform: translateY(30px);
    }
    .section1_component2 > p:first-child strong {
        font-size: 33.8px;
        font-weight: bold;
    }
    .section1_component2 > p:first-child strong span {
        color: #256acf;
    }
    .section1_component2 > p:last-child {
        width: 269px;
        height: 81px;
        line-height:41px;
        margin-top: 45px;
        font-size: 20.8px;
        opacity: 0;
        transform: translateY(30px);
    }
    .section1_component2 > p:last-child > span {
        display: flex;
        display:-webkit-flex;
        justify-content: space-between;
    }
    .section1_component2 > p:last-child > span:first-child {
        font-weight: bold;
    } */
    /*********************** 인트로 페이지 End *********************/

	

    /*********************** section1 *********************/
    #section1 {
        color: #343434;
    }
    .section1_component1 {
        width: 100%;
        height: 100vh;
    }
    .section1_component1 .slick-slide1 {
        width: 100%;
        height: 100%;
    }
    .section1_component1 .slick-slide1 .slick_component {
        width: 100%;
        height: 100vh;
        position: relative;
    }
    .section1_component1 .slick-slide1 .slick_component1 {
        background: url("/resource/image/home/section1/background_1-1.jpg") no-repeat left top 30%;
        background-size: cover;
    }
    .section1_component1 .slick-slide1 .slick_component2 {
        background: url("/resource/image/home/section1/background_1-2.jpg") no-repeat left top;
        background-size: cover;
    }
    .section1_component1 .slick-slide1 .slick_component3 {
        background: url("/resource/image/home/section1/background_1-3.jpg") no-repeat left center;
        background-size: cover;
    }

    .section1_component1 .slick-slide1 .slide_wrap {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 32px 30px;
        width: auto;
        box-sizing: border-box;
    }
    .section1_component1 .slick-slide1 .slide_wrap {
        left: 52vw;
        top: 22vw;
    }
    .section1_component1 .slick-slide1 .slick_component1 .slide_wrap {
        top: 27vw;
    }
    .section1_component1 .slick-slide1 .slick_component3 .slide_wrap {
        padding-right: 39px;
        left: 18.7vw;
        top: 55%;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 {
        font-size: 0.8vw;
        font-family: "Noto Sans KR", sans-serif;
        line-height: 1.4;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 > span{
        font-weight: 300;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 > span:first-child {
        color: #256acf;
        letter-spacing: 2px;
        white-space: nowrap;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 > span > strong {
        font-weight: 500;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 > span:last-child {
        color: #434343;
        letter-spacing: 1px;
        white-space: nowrap;
    }
    .section1_component1 .slick-slide1 .slide_wrap h2 {
        margin-top: 1.3vw;
        font-size: 2.7vw;
        line-height: 1.1;
    }
    .section1_component1 .slick-slide1 .slide_wrap h2 > p:first-child {
        color: #256acf;
        white-space: nowrap;
    }
    .section1_component1 .slick-slide1 .slide_wrap h2 > p:last-child {
        color: #000;
        white-space: nowrap;
    }
    .section1_component1 .slick-slide1 .slide_wrap > h3 {
        color: #000;
        margin-top: 1.3vw;
        font-size: 0.8vw;
        font-weight: 400;
        line-height: 1.4;
    }
    .section1_component1 .slick-slide1 .slide_wrap > h3 > p {
        font-size: 19px;
    }
    .section1_component1 .slick-slide1 .slide_wrap > h3 > p > em {
        color: #256acf;
    }
    .section1_component1 .slick-slide1 .slick_component1 .slide_wrap > h3 > p:last-child {
        padding-left: 88px;
    }
    .section1_component1 .slick-slide1 .slick_component2 .slide_wrap > h3 > p:last-child {
        padding-left: 35px;
    }
    .section1_component1 .slick-slide1 .slick_component3 .slide_wrap > h3 > p:last-child {
        padding-left: 0px;
    }

    #section1 .effect1 {
        opacity: 0;
        transform: scale(0);
        transition: all 0.4s;
    }
    #section1 .effect2 {
        opacity: 0;
        transform: translateY(10px);
        transition: all 0.4s;
    }
    #section1 .slideLeft {
        opacity: 0;
        transform: translateX(30px);
        transition: all 0.4s;
    }

    #section1 .swiper-slide.active .effect1{
        opacity: 1;
        transform: scale(1);
        transition-delay : 0.3s;
    }
    #section1 .swiper-slide.active .effect2 {
        opacity: 1;
        transform: translateY(0);
        transition-delay : 0.6s;
    }
    #section1 .swiper-slide.active .slideLeft {
        opacity: 1;
        transform: translateX(0);
        transition-delay : 0.9s;
    }
    /*********************** section1 End *********************/



    /*********************** section2 *********************/
    #section2 {
        background: url("/resource/image/home/section2/background_02.jpg") no-repeat left center;
        background-size: cover;
        z-index: -1;
        color: #343434;
    }
    .section2_content {
        overflow: hidden;
    }
    .section2_component1 {
        padding-top: 8.9vw;
        margin-bottom: 4.4vw;
    }
    .section2_component1 h1 {
        font-size: 29px;
        font-weight: 400;
        text-align: center;
        line-height: 1.5;
        white-space: nowrap;
    }
    .section2_component1 h1 strong {
        color: #256acf;
        font-weight: 700;
    }


    .section2_wrap {
        display: flex;
        justify-content: center;
    }
    .section2_component2 {
        float: left;
        width: 47.6%;
        margin-right: 50px;
    }
    .section2_component2 figure {
        max-width: 600px;
        width: 100%;
    }
    .section2_component2 figure img {
        width: 100%;
        opacity:0;
        transform: translateY(30px);
        transition: all 0.4s;
    }
    .section2_component2 figure figcaption {
        margin-top: 2.8vw;
        font-weight: 700;
        color: #000;
        text-align: center;
        line-height: 1.47;
        padding: 20px 10px;
        opacity:0;
        transform: translateY(30px);
        transition: all 0.4s;
        transition-delay: 0.3s;
    }
    .section2_component2 figure img.active {
        opacity: 1;
        transform: translateY(0px);
    }
    .section2_component2 figure figcaption.active {
        opacity: 1;
        transform: translateY(0px);
    }


    .section2_component3 {
        float: left;
        width: 48.4%;
        max-width: 610px;
    }
    .section2_component3 > div {
        font-size: 16px;
        color: #7d7d7d;
        line-height: 1.5;
        font-weight: 350;
        margin-bottom: 1.2vw;
        white-space: nowrap;
    }
    .section2_component3 .ko {
        font-size: 19px;
        color: #000;
    }
    .section2_component3 .ko strong {
        font-weight: 700;
    }
    .section2_component3 .ko strong > span {
        color: #256acf;
    }
    .section2_component3 .en {
        position: relative;
    }
    .section2_component3 .en::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.6vw;
        width: 100%;
        height: 1px;
        background: #7d7d7d;
    }
    .section2_component3 a {
        display: inline-block;
        width: 190px;
        height: 41px;
        line-height: 41px;
        border-radius: 20px;
        background-color: #c5c5c5;
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        padding-right: 10px;
        box-sizing: border-box;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .section2_component3 a span svg {
        width: 37px;
        height: 40px;
        vertical-align: top;
        margin-left: 10px;
        color: #fff;
    }
    .st0 {
        fill: #fff;
    }
    
    /*********************** section2 End *********************/



    /*********************** section3 *********************/
    #section3 {
        background-color: #fff;
        color: #343434;
    }
    .section3_content {
        position: relative;
        height: 100vh;
    }

    .section3_component1 {
        padding-top: 8.9vw;
    }
    .section3_component1 .title {
        font-size: 36px;
        font-family: "Daum SB";
        color: #343434;
        text-align: center;
    }
    .section3_component1 .title span {
        color: #256acf;
    }

    .section3_component2 {
        margin-top: 20px;
    }
    .section3_component2 > h2 {
        font-size: 36px;
        font-weight: 300;
        color: #343434;
        text-align: center;
    }
    .section3_component2 > h2 > strong {
        color: #256acf;
        font-family:"Noto Sans KR", sans-serif;
        font-weight: 700;
    }
    .section3_component2 > h2 > span {
        font-weight: 700;
    }

    .section3_component3 {
        margin: 0 auto;
        margin-top: 80px;
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        width: 1200px;
        position: relative;
        z-index: 1;
    }
    .section3_component3 .left p{
        width: 451px;
        height: 427px;
        box-shadow: 2px 0 3px rgba(98,98,98,0.39);
    }
    .section3_component3 .center p {
        position: absolute;
        left: 45%;
        top: 45%;        
        width: 255px;
        z-index: 100;
        transform: translate(-50%,-50%) !important;
    }
    .section3_component3 .center p img {
        width: 100%;
        box-shadow: 2px 0 3px rgba(0, 0, 0, 0.39);
    }
    
    .section3_component3 .right {
        padding-left: 260px;
    }
    .section3_component3 .right > p.mbr {
        display: none;
    }
    .section3_component3 .right > p:nth-of-type(1) {
        font-size: 17px;
        font-weight: 100;
        color: #343434;
        line-height: 1.48em;
    }
    .section3_component3 .right > p:nth-of-type(1) > strong {
        font-weight: 700;
        color: #256acf;
        border-bottom: 2px solid #256acf;
        padding-bottom: 1px;
    }
    .section3_component3 .right > p:nth-of-type(1) > span {
        display: inline-block;
        margin-top: 25px;
    }
    .section3_component3 .right > p:nth-of-type(1) > span > strong{
        font-weight: 700;
    }

    .section3_component3 .right > ul {
        margin-top: 30px;
    }
    .section3_component3 .right > ul > li {
        height: 40px;
        font-size: 18px;
        background: url("/resource/image/home/section3/line.png") no-repeat left 27px;
        padding-bottom: 3px;
        position: relative;
        z-index: -1;
    }
    .section3_component3 .right > ul > li > span{
        display: inline-block;
        margin-right: 10px;
    }
    .section3_component3 .right > ul > li > strong {
        font-weight: 700;
    }

    .section3_component3 .right > p:nth-of-type(3) {
        margin-top: 27px;
        line-height: 1.37em;
        background-color: #457cd4;
        font-size: 19px;
        color: #fff;
        padding: 13px 15px;
        white-space: nowrap;
    }
    .section3_component3 .right > p:nth-of-type(3) > strong {
        font-weight: 700;
    }
    .section3_component3 .right > p:nth-of-type(3) > strong > span {
        display: inline-block;
        border-bottom: 1px solid #fff;
        padding-bottom: 1px;
    }

    .section3_component3 .right > p:nth-of-type(4) {
        width: 254px;
        height: 41px;
        border-radius: 20px;
        padding-top: 25px;
    }
    .section3_component3 .right > p:nth-of-type(4) > a {
        display: inline-block;
        width: 254px;
        height: 41px;
        line-height: 39px;
        border-radius: 20px;
        background-color: #c5c5c5;
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        padding-right: 10px;
    }
    .section3_component3 .right > p:nth-of-type(4) > a .jasmine_icon {
        width: 37px;
        height: 40px;
        vertical-align: top;
        margin-left: 5px;
    }


    .section3_component4 {
        background-color: #f9f9f9;
        position: absolute;
        left:0;
        bottom: 0;
        width: 100%;
        padding-bottom: 10vh;
    }

    /*********************** section3 End *********************/



    /*********************** section4 *********************/
    #section4 {
        color: #343434;
    }
    .section4_wrap {
        height: 100vh;
        overflow: hidden;
    }

    .section4_component1 {
        padding-top: 15.7vh;
    }
    .section4_component1 .title {
        font-size: 31px;
        font-family:"Daum SB";
        text-align: center;
        position: relative;
    }
    .section4_component1 .title > span {
        font-family:"Daum SB";
        font-size: 31px;
        color: #256acf;
    }
    .section4_component1 .title > span > em {
        font-size: 26px;
    }


    .section4_component2 {
        margin-top: 50px;
        padding: 50px 0;
        background-color: #f9f9f9;
        width: 100%;
        height: 100%;
        padding-bottom: 200px;
    }
    .section4_component2 > div {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        width: 1307px;
        margin: 0 auto;
    }

    .section4_component2 > div .left > p{
        width: 600px;
    }
    .section4_component2 > div .left > p > img{
        width: 100%;
    }

    .section4_component2 > div .right > div:first-child > h2 {
        width: 420px;
        height: 57px;
        line-height: 57px;
        font-family:"Daum SB";
        font-size: 36px;
        background: url("/resource/image/home/section4/gold_label.png") no-repeat right center;
        background-size: 131px 57px;
    }
    .section4_component2 > div .right > div:first-child > h2 > span {
        font-family:"Daum SB";
        font-size: 36px;
        color: #256acf;
        color: #256acf;
        border-bottom: 1px solid #256acf;
    }
    
    .section4_component2 > div .right > div:first-child > p:nth-of-type(1) {
        margin-top: 25px;
        font-size: 16px;
        line-height: 1.4em;
        font-family:"Noto Sans KR", sans-serif;
        font-weight: 400;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(1) > strong {
        font-weight: 700;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(2) {
        font-size: 25px;
        margin-top: 40px;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(2) > strong {
        font-weight: 700;
        font-size: 29px;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(2) > span{
        font-size: 29px;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(2) > strong > span {
        color: #bc8b45;
        font-size: 29px;
    }

    .section4_component2 > div .right > div:last-child {
        margin-top: 46px;
    }
    .section4_component2 > div .right > div:last-child > h2 {
        font-size: 20px;
        font-weight: 700;
    }
    .section4_component2 > div .right > div:last-child > h2 > span {
        color: #256acf;
    }
    .section4_component2 > div .right > div:last-child > p:nth-of-type(1) {
        margin-top: 20px;
        line-height: 1.48em;
        font-size: 15px;
    }
    .section4_component2 > div .right > div:last-child > p:nth-of-type(2) {
        margin-top: 25px;
        width: 197px;
        height: 41px;
        border-radius: 20px;
    }
    .section4_component2 > div .right > div:last-child > p:nth-of-type(2) > a {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 41px;
        border-radius: 20px;
        background: url("/resource/image/home/section4/cat_icon.svg") no-repeat 12px center;
        background-size: 35px 35px;
        background-color: #346ecb;
        text-align: center;
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        text-indent: 40px;
        padding-right: 5px;
    }
    /*********************** section4 End *********************/



    /*********************** section5 *********************/
    #section5 {
        /* background-color: #fff; */
        position: relative;
        color: #343434;
    }
    
    .section5_component1 {
        padding-top: 19vh;
        
    }
    .section5_component1 .title {
        text-align: center;
        font-family: "Daum SB";
        font-size: 31px;
        color: #343434;
    }
    .section5_component1 .title > span {
        font-family:"Daum SB";
        color: #256acf;
    }


    .section5_component2 {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        color: #343434;
        width: 1200px;
        margin: 0 auto;
        margin-top: 30px;
    }
    .section5_component2 > div:first-child {
        width: 469px;
        height: 258px;
    }
    .section5_component2 > div:first-child img {
        width: 100%;
        height: 100%;
    }

    .section5_component2 > div:last-child > h2 {
        font-size: 25px;
        padding-top: 22px;
        line-height: 1.5;
        font-weight: 400;
    }
    .section5_component2 > div:last-child > h2 > span {
        display: inline-block;
        color: #256acf;
        font-weight: 700;
        border-bottom: 1px solid #256acf;
    }

    .section5_component2 > div:last-child > h2 > strong{
        font-weight: 700;
    }
    .section5_component2 > div:last-child ul {
        margin-top: 20px;
    }
    .section5_component2 > div:last-child ul li {
        font-size: 17px;
        line-height: 1.8;
    }


    .section5_component3 {
        margin-top: 40px;
        color: #343434;
    }
    .section5_component3 > h2 {
        text-align: center;
        font-size: 26px;
        font-weight: normal;
    }
    .section5_component3 > h2 > strong {
        font-weight: 700;
    }
    .section5_component3 > h2 > strong > span {
        color: #457cd4;
    }
    .section5_component3 > h2 > span{
        font-size: 14px;
        display: inline-block;
        margin-left: 5px;
    }

    .section5_component3 > p {
        margin-top: 15px;
        text-align: center;
    }


    .section5_component4 {
        margin-top: 35px;
    }
    .section5_component4 > p {
        margin: 0 auto;
        width: 625px;
        height: 43px;
        line-height: 43px;
        background-color: #fff;
        font-size: 21px;
        text-align: center;
    }
    .section5_component4 > p > span {
        color: #457cd4;
        font-weight: 700;
    }

    .section5_component4 > ul {
        width: 700px;
        margin: 0 auto;
        margin-top: 20px;
        overflow: hidden;
    }
    .section5_component4 > ul > li {
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
    }
    .section5_component4 > ul > li:nth-child(2n) {
        margin-right: 0;
    }
    .section5_component4 > ul > li:nth-child(2) {
        margin-left: 10px;
    }
    .section5_component4 > ul > li:nth-child(3),
    .section5_component4 > ul > li:last-child {
        margin-bottom: 0px;
    }
    .section5_component4 > ul > li > a {
        display: block;
        padding: 12px 20px 12px 10px ;
        color: #fff;        
        border-radius: 20px;
        background: url("/resource/image/home/section5/check_icon.svg") no-repeat 12px center;
        background-size: 25px;
        background-color: #c5c5c5;
        text-indent: 30px;
        font-size: 17px;
    }


    .section5_component5 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 45%;
        background-color: #f9f9f9;
        z-index: -1;
    }
    /*********************** section5 End *********************/



    /*********************** section6 *********************/
    #section6 {
        position: relative;
        z-index: -2;
        background-color: #fff;
        color: #343434;
    }
    .section6_component1 {
        padding-top: 170px;
    }
    .section6_component1 .title {
        font-size: 36px;
        text-align: center;
    }
    .section6_component1 .title > span {
        color: #256acf;
    }


    .section6_component2 {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 50px;        
    }
    .section6_component2 > div {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        padding: 10px;
        cursor: auto;
        position: relative;
        transition: all 0.4s;
    }
    .section6_component2_1 {
        overflow: hidden;
    }
    .section6_component2_1 .section6_slider {
        float: left;
    }
    .section6_component2_1 .section6_slider > div {
        width: 520px;
        /* overflow: hidden; */
    }
    .section6_component2_1 .section6_slider > div >img {
        width: 100%;
    }
    .section6_component2_1 .right {
        float: left;
        margin-left: 60px;
        padding: 10px 0;
    }
    .section6_component2_1 .right h2{
        font-size: 26px;
        line-height: 1.5;
        white-space: nowrap;
    }
    .section6_component2_1 .right h2 span{
        color: #256acf;
        border-bottom: 1px solid #256acf;
        display: inline-block;
        white-space: nowrap;
    }
    .section6_component2_1 .right em {
        font-size: 17px;
        line-height: 1.3;
        margin: 30px 0;
        display: block;
        white-space: nowrap;
    }
    .section6_component2_1 .right p:last-child {
        font-size: 21px;
        line-height: 1.3;
        white-space: nowrap;
    }
    

    /* .section6_component2_1 {
        width: 970px;
    } */


    .section6_component3 {
        clear: both;
        padding-top: 45px;
    }
    .section6_component3 > p {
        width: 620px;
        height: 43px;
        line-height: 43px;
        text-align: center;
        background-color: #fff;
        margin: 0 auto;
        font-size: 21px;
        font-weight: 500;
    }
    .section6_component3 > p > span {
        color: #457cd4;
        font-weight: 700;
    }
    .section6_component3 > ul {
        width: 443px;
        margin: 0 auto;
        margin-top: 22px;
    }
    .section6_component3 > ul > li {
        width: 100%;
        height: 41px;
        line-height: 41px;
        display: block;
        margin-bottom: 10px;
    }
    .section6_component3 > ul > li:last-child{
        margin-bottom: 0;
    }
    .section6_component3 > ul > li > a {
        display: block;
        color: #fff;        
        border-radius: 20px;
        background: url("/resource/image/home/section6/check_icon.svg") no-repeat 15px center;
        background-size: 30px;
        background-color: #c5c5c5;
        text-indent: 30px;
        font-size: 17px;
        padding-left: 25px;   
    }


    .section6_component4 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 39%;
        background-color: #f9f9f9;
        z-index: -1;
    }
    /*********************** section6 End *********************/



    /*********************** section7 *********************/
    #section7 {
        color: #343434;
        background: url("/resource/image/bg/pc/background_9.jpg") no-repeat left center;
        background-size: cover;
    }
    .section7_wrap {
        height: 100vh;
        overflow: hidden;
        position: relative;
    }

    .section7_component1 {
        padding-top: 15.3vh;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .section7_component1 .title {
        font-family: "Daum SB";
        font-size: 31px;
        text-align: center;
    }
    .section7_component1 .title > span {
        font-family: "Daum SB";
        font-size: 31px;
        color: #256acf;
    }


    .section7_component2 > ul {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        max-width: 1415px;
        width: auto;
        margin: 0 auto;
    }
    .section7_component2 > ul > li {
        width: 454px;
        height: 100vh;
        background: url("/resource/image/home/section7/gradient.png") no-repeat center;
        text-align: center;
    }
    .section7_component2 > ul > li > p {
        text-align: center;
        padding-top: 220px;
        width: 310px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .section7_component2 > ul > li > h2 {
        display: inline-block;
        margin-top: 20px;
        padding-bottom: 4px;
        border-bottom: 1px solid #256acf;
        font-size: 23px;
        font-weight: 700;
    }
    .section7_component2 > ul > li > h2 > span {
        font-size: 23px;
        font-weight: 700;
        color: #256acf;
    }
    .section7_component2 > ul > li > h2 > span > span {
        font-size: 20px;
        font-weight: 400;
    }

    .section7_component2 > ul > li > div {
        margin-top: 25px;
    }
    .section7_component2 > ul > li > div > p {
        font-size: 20px;
        line-height: 1.4em;
        white-space: nowrap;
    }
    .section7_component2 > ul > li > div > p > span {
        color: #256acf;
        font-weight: 700;
    }
    .section7_component2 > ul > li > div > p > strong {
        font-weight: 700;
    }
    .section7_component2 > ul > li > div > p:nth-child(2){
        margin-top: 20px;
    }
    .section7_component2 > ul > li > div > ul {
        background: #fff;
        width: 90%;
        box-shadow: 1px 0 7px rgba(203,203,216,0.53);
        margin-left: 5%;
        margin-top: 30px;
        padding: 15px 20px;
        box-sizing: border-box;
    }
    .section7_component2 > ul > li > div > ul > li{
        font-size: 17.5px;
        text-align: left;
        line-height: 1.6;
        white-space: nowrap;
    }
    .section7_component2 > ul > li > div > ul > li > span{
        font-size: 15.5px;
    }
    .section7_component2 > ul > li > div > p.link {
        margin-top: 42px;        
        /* position: absolute;
        left: 50%;
        bottom: 10%;
        transform: translateX(-50%); */
    }
    .section7_component2 > ul > li:nth-child(2) > div > p.link {
        margin-top: 50px;
    }
    .section7_component2 > ul > li:nth-child(3) > div > p.link {
        margin-top: 15px;
    }
    .section7_component2 > ul > li > div > p.link > a {
        display: inline-block;
        width: 180px;
        height: 41px;
        line-height: 41px;
        border-radius: 20px;
        background: url("/resource/image/home/section7/machine_icon.svg") no-repeat 10px center;
        background-size: 34px 31px;
        background-color: #346ecb;
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        text-indent: 37px;
    }
    /*********************** section7 End *********************/



    /*********************** section8 *********************/
    #section8 {
        color: #343434;
        position: relative;
    }

    .section8_component1 {
        padding-top: 15.3vh;
    }
    .section8_component1 h1 {
        font-size: 31px;
        text-align: center;
    }
    .section8_component1 h1 span {
        color: #256acf;
    }
    .section8_component1 h2 {
        margin-top: 20px;
        font-size: 22px;
        text-align: center;
    }
    .section8_component1 h2 span {
        color: #256acf;
        border-bottom: 1px solid #346ecb;
    }

    .section8_component2 {
        margin-top: 30px;
        background: #fff;
        box-shadow: 1px 0 7px rgba(203,203,216,0.8);
        padding: 15px;
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .section8_component2 h3 {
        font-size: 21px;
        white-space: nowrap;
    }
    .section8_component2 h3 span {
        color: #256acf;
    }
    .section8_component2 p {
        font-size: 18px;
        margin-top: 10px;
        white-space: nowrap;
    }

    .section8_component3 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .section8_component3 ul {
        margin-top: 30px;
        overflow: hidden;
        width: 686px;
    }
    .section8_component3 ul li {
        float: left;
        width: 310px;
    }
    .section8_component3 ul li .video_1 {
        width: 310px;
        height: 175px;
        overflow: hidden;
    }
    .section8_component3 ul li.kasmine .video_1 video {
        width: 100%;
    }
    .section8_component3 ul li.other .video_1 video {
        height: 100%;
    }
    .section8_component3 ul li .img_1 {
        width: 310px;
        height: 207px;
        overflow: hidden;
    }
    .section8_component3 ul li .img_1 img {
        width: 100%;
    }
    .section8_component3 ul li.kasmine .video_1 video {
        transform: translateY(-10%);
    }
    .section8_component3 ul li p {
        font-size: 20px;
        font-weight: 700;
        margin-top: 14px;
        text-align: center;
    }
    .section8_component3 ul li.kasmine p span {
        color: #256acf;
    }
    .section8_component3 ul li.other p span {
        color: #9c9c9c;
    }
    .section8_component3 ul li.vs {
        width: 66px;
        height: 175px;
        line-height: 175px;
        text-align: center;
        font-size: 22px;
        font-weight: 700;
    }

    .section8_component3 .link {
        width: 144px;
        height: 84px;
        border-radius: 25px;
        background: #346ecb;
        position: absolute;
        bottom: 34px;
        left: -165px;
    }
    .section8_component3 .link span {
        width: 63px;
        height: 40px;
        display: block;
        position: absolute;
        top: -22px;
        left: 50%;
        transform: translateX(-50%);
    }
    .section8_component3 .link a {
        font-size: 17px;
        font-weight: 700;
        color: #fff;
        display: block;
        line-height: 130px;
        text-align: center;
    }
    /*********************** section8 End *********************/



    /*********************** section9 *********************/
    #section9 {
        background: url("/resource/image/home/section9/background_9.jpg")no-repeat;
        background-size: cover;
        color: #343434;
    }
    .section9_content {
        padding: 15.3vh 18vw 0 18vw;
    }
    .section9_component1 h1 {
        font-size: 36px;
        font-weight: 700;
        text-align: center;
    }
    .section9_component1 h1 span {
        color: #256acf;
    }
    .section9_component1 h2 {
        margin-top: 1vw;
        font-size: 21px;
        font-weight: 400;
        text-align: center;
    }

    .section9_component2 ul {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        margin-top: 40px;
    }
    .section9_component2 ul li {
        float: left;
        width: 232px;
        margin-right: 4.4vw;
        position: relative;
    }
    .section9_component2 ul li:nth-child(4) {
        margin-right: 0;
    }
    .section9_component2 ul li figure {
        width: 232px;
        height: 152px;
        position: relative;
        border: 3px solid #fff;
        border-radius: 10px;
        box-shadow: inset 2px 0 8px rgba(22,104,155,0.26);
        z-index: 100;
        overflow: hidden;
    }
    .section9_component2 ul li figure > div {
        position: absolute;
        top: 0;
        right: 0;
        width: 86px;
        height: 152px;
        border-left: 3px solid #fff;
        border-radius: 0 10px 10px 0;
        overflow: hidden;
    }
    .section9_component2 ul li figure > div video {
        height: 100%;
        margin-left: -107%;
    }
    .section9_component2 ul li figure .plus {
        position: absolute;
        right: 2%;
        bottom: 3%;
        width: 24px;
        height: 24px;
    }
    .section9_component2 ul li .caption {
        border-radius: 10px;
        border: 3px solid #fff;
        box-shadow: inset 1px 0 4px rgba(22,104,155,0.26);
        width: 125px;
        height: 82px;
        background: url(/resource/image/home/section9/boximage_08.2.jpg);
        position: absolute;
        bottom: 40%;
        left: 0;
        transform: translateX(-30%);
        z-index: 100;
    }
    .section9_component2 ul li .name {
        font-size: 18px;
        font-weight: 700;
        padding: 10px 0 3px;
        color: #256acf;
        border-bottom: 1px solid #256acf;
        display: block;
        white-space: nowrap;
        line-height: 1.4;
    }
    .section9_component2 ul li .name em {
        font-weight: 350;
        font-size: 15px;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(3) {
        width: 272px;
        margin-right: 2.6vw;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(3) .name em {
        font-size: 12px;
    }
    .section9_component2 ul li .desc {
        line-height: 1.3;
        padding: 5px 0;
        font-size: 15px;
    }
    .section9_component2 ul li .desc span {
        padding-left: 8px;
    }

    /* 박스 이미지 */
    .section9_component2 ul li:first-child figure {
        background: url(/resource/image/home/section9/boximage_01.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul li:nth-child(2) figure {
        background: url(/resource/image/home/section9/boximage_02.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul li:nth-child(3) figure {
        background: url(/resource/image/home/section9/boximage_03.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul li:nth-child(4) figure {
        background: url(/resource/image/home/section9/boximage_04.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul:nth-child(2) li:first-child figure { 
        background: url(/resource/image/home/section9/boximage_05.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(2) figure {
        background: url(/resource/image/home/section9/boximage_06.1.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(3) figure {
        background: url(/resource/image/home/section9/boximage_07.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(4) .figure8 {
        background: #fff;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(4) .figure8 video {
        position: absolute;
        top: -3px;
        left: 50%;
        transform: translateX(-50%);
        width: 240px;
        height: 157px;
        border-radius: 10px;
        box-shadow: inset 2px 0 8px rgba(22,104,155,0.26);
    }
    /* .section9_component2 ul:nth-child(2) li:nth-child(4) figure {
        background: url(/resource/image/home/section9/boximage_08.1.jpg) no-repeat; background-size: cover;
    } */
    
    /*********************** section9 End *********************/



    /*********************** section10 *********************/
    #section10 {
        color: #343434;
    }

    .section10_component1 {
        padding-top: 15.3vh;
    }
    .section10_component1 h1 {
        font-size: 36px;
        font-family: "Daum SB";
        text-align: center;
    }
    .section10_component1 h1 > span {
        font-size: 36px;
        font-family: "Daum SB";
        color: #256acf;
    }
    .section10_component1 h2 {
        text-align: center;
        font-weight: 500;
        font-size: 24px;
        margin-top: 20px;
        position: relative;
    }
    .section10_component1 h2 span {
        font-weight: 700;
        color: #256acf;
    }
    
    .section10_component2 {
        width: 100vw;
    }
    .section10_component2 .section10_slider {
        padding-top: 30px;
        width: 100vw;
        height: 29.17vw;
    }
    .section10_component2 .swiper-slide {
        width: 36.67vw;
        height: 28.39vw;
        position: relative;
        z-index: 100;
        padding: 1.56vw 2.6vw;
        box-sizing: border-box;
        box-shadow: 3px 0 10px rgba(149,152,164,0.45);
    }
    .section10_component2 .swiper-slide figure {
        width: 100%;
        /* box-shadow: 3px 0 10px rgba(149,152,164,0.45); */
        background: #fff;
    }
    .section10_component2 .swiper-slide figure img {
        width: 100%;
    }
    .section10_component2 .swiper-slide figure figcaption strong {
        font-weight: 700;
        font-size: 1.5vw;
        padding: 0.52vw 0;
        border-bottom: 1px solid #256acf;
        text-align: center;
        display: block;
        white-space: nowrap;
    }
    .section10_component2 .swiper-slide figure figcaption strong span {
        font-size: 1.1vw;
        font-weight: 500;
    }
    .section10_component2 .swiper-slide figure figcaption em {
        font-size: 1.04vw;
        margin-top: 1.04vw;
        display: block;
        text-align: center;
        line-height: 1.5;
    }
    .section10_component2 .swiper-slide8 figure figcaption strong {
        font-size: 1.3vw;
    }
    .section10_component2 .swiper-slide8 figure figcaption strong span {
        font-size: 0.9vw;
    }
    .section10_component2 .swiper-slide-h {
        padding: 4.69vw 2.6vw;
    }

    .section10_component2 .swiper-slide-prev,
    .section10_component2 .swiper-slide-next {
        width: 31.25vw;
        height: 10.42vw;
        position: relative;
        top: 43%;
        transform: translateY(-50%);
        padding: 0;
        box-shadow: none;
        z-index: 10;
        font-size: 1.04vw !important;
    }
    .section10_component2 .swiper-slide-prev::before,
    .section10_component2 .swiper-slide-next::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 2.6vw;
        background: url(/resource/image/home/section10/line.png) no-repeat;
        left: 0;
        top: 0;
    }
    .section10_component2 .swiper-slide-prev::after,
    .section10_component2 .swiper-slide-next::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2.6vw;
        background: url(/resource/image/home/section10/line.png) no-repeat;
        left: 0;
        bottom: 0;
    }
    .section10_component2 .swiper-slide-next::before, 
    .section10_component2 .swiper-slide-next::after {
        transform: rotate(180deg);
    }

    .section10_component2 .swiper-slide-prev figure,
    .section10_component2 .swiper-slide-next figure {
        width: 7.45vw;
        padding: 6px;
        background: #fff;
        box-shadow: 2px 0 4px rgba(149,152,164,0.45);
        position: absolute;
        right: 20%;
        top: 50%;
        transform: translateY(-50%);
    }
    .section10_component2 .swiper-slide-next figure {
        left: 20%;
    }
    .section10_component2 .swiper-slide-prev figure figcaption,
    .section10_component2 .swiper-slide-next figure figcaption {
        display: none;
    }
    .section10_component2 .swiper-button-prev,
    .section10_component2 .swiper-button-next {
        position: absolute;
        top: 50%;
        left: 30%;
        transform: translateY(-50%);
        color: #256acf;
        width: 1.15vw;
    }
    .section10_component2 .swiper-button-next {
        left: auto;
        right: 30%;
    }

    .section10_component3 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 10%;
        background-color: #f9f9f9;
        z-index: -1;
    }

    /*********************** section10 End *********************/



    /*********************** section11 *********************/
    #section11 {
        color: #343434;
    }

    .section11_content {
        position: relative;
        height: 100vh;
        overflow:hidden;
    }
    .section11_component1 {
        padding-top: 15.3vh;
    }
    .section11_component1 .title {
        font-size: 31px;
        font-family: "Daum SB";
        text-align: center;
    }
    .section11_component1 .title > span {
        font-size: 31px;
        font-family:"Daum SB";
        color: #256acf;
    }


    .section11_component2 {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        /* justify-content: space-between; */
        width: 1424px;
        margin: 0 auto;
        margin-top: 40px;
    }
    .section11_component2 .left {
        width: 50%;
    }
    .section11_component2 .left > p {
        text-align: right;
        transform: translateY(30px);
        opacity: 0;
        transition: all 0.3s;
    }
    .section11_component2 .left .slideUp.active {
        opacity: 1;
        transform: translateY(0px);
    }

    .section11_component2 .right {
        width: 50%;
        padding-left: 40px;
        box-sizing: border-box;
        position: relative;
    }
    .section11_component2 .right > div > p {
        opacity: 0;
        transform: translateX(30px);
        transition: all 0.4s;
    }
    .section11_component2 .right > div > p.active {
        opacity: 1;
        transform: translateX(0px);
    }
    .section11_component2 .right > div > p:first-child {
        font-size: 19px;
        transition-delay: 0.3s;
    }
    .section11_component2 .right > div > p:last-child {
        margin-top: 15px;
        font-size: 20px;
        font-family: "Daum SB";
        transition-delay: 0.5s;
    }
    .section11_component2 .right > div > p:last-child > span {
        font-size: 34px;
        font-family: "Daum SB";
    }

    .section11_component2 .right > ul {
        margin-top: 25px;
    }
    .section11_component2 .right > ul > li {
        font-size: 16px;
        line-height: 1.7em;
        letter-spacing: 0.02em;
    }
    .section11_component2 .right > ul > li:nth-child(3) > span {
        padding-left: 0;
    }
    .section11_component2 .right > ul > li img {
        vertical-align: 2px;
        width: 10px;
        height: 10px;
    }
    .section11_component2 .right > ul > li > span {
        padding-left: 15px;
    }

    .section11_component2 .right > p {
        position: absolute;
        left: 55%;
        bottom: 4px;
        width: 100px;
        height: 102px;
        padding-top: 65px;
    }
    .section11_component2 .right > p > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        color: #256acf;
        line-height: 1.1em;
    }
    .section11_component2 .right > p > a > span:first-child {
        display: block;
        width: 55px;
        height: 55px;
        margin: 0 auto;
        margin-bottom: 10px;
        border-radius: 50%;
        background-color: #256acf;
        overflow: hidden;
    }
    .section11_component2 .right > p > a > span:first-child img{
        margin-top: 8px;
    }


    .section11_component3 {
        margin-top: 35px;
        width: 100vw;
        background-color: #f9f9f9;
        padding-top: 32px;
        padding-bottom: 65px;
    }
    .section11_component3 > ul {
        width: 960px;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
    }
    .section11_component3 > ul > li {
        width: 250px;
        position: relative;
        text-align: center;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.3s;
    }
    .section11_component3 > ul > li.active {
        opacity: 1;
        transform: translateY(0px);
    }
    .section11_component3 > ul > li:nth-child(1) {
        transition-delay: 0.5s
    }
    .section11_component3 > ul > li:nth-child(2) {
        transition-delay: 0.8s
    }
    .section11_component3 > ul > li:nth-child(3) {
        transition-delay: 1.1s
    }
    .section11_component3 > ul > li > p:nth-child(1) {
        width: 178px;
        height: 203px;
        margin: 0 auto;
    }
    .section11_component3 > ul > li > p:nth-child(1) img {
        height: 100%;
    }
    .section11_component3 > ul > li > p:nth-child(2) {
        margin-top: 16px;
        font-size: 19px;
    }
    .section11_component3 > ul > li > p:nth-child(3) {
        margin-top: 15px;
        font-family: "Daum SB";
        font-size: 19px;
    }
    .section11_component3 > ul > li > p:nth-child(3) > span {
        font-family: "Daum SB";
        font-size: 28px;
    }
    .section11_component3 > ul > li > p:nth-child(4) {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(80%, -60%);
        width: 100px;
        height: 102px;
        padding-top: 65px;
    }
    .section11_component3 > ul > li > p:nth-child(4) > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 16px;
        color: #256acf;
        line-height: 1.1em;
    }
    .section11_component3 > ul > li > p:nth-child(4) > a > span:first-child {
        display: block;
        width: 55px;
        height: 55px;
        margin: 0 auto;
        margin-bottom: 10px;
        border-radius: 50%;
        background-color: #256acf;
        overflow: hidden;
    }
    .section11_component3 > ul > li > p:nth-child(4) > a > span:first-child img{
       margin-top: 8px;
    }
    /*********************** section11 End *********************/



    /*********************** section12 *********************/
    #section12 {
        color: #343434;
        background: url("/resource/image/home/section12/background_12.jpg") no-repeat center center;
        background-size: cover;
    }
    .section12_component1 {
        padding-top: 15.3vh;
    }
    .section12_component1 .title {
        font-size: 36px;
        font-family: "Daum SB";
        text-align: center;
    }
    .section12_component1 .title > span {
        font-size: 36px;
        font-family: "Daum SB";
        color: #256acf;
    }


    .section12_component2 {
        width: 1377px;
        margin: 0 auto;
        margin-top: 55px;
        padding: 0 90px;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }
    .section12_component2_1 {
        width: 642px;
    }
    .section12_component2_1 > div#map {
        width: 642px;
        height: 417px;
        background-color: #256acf;
    }
    .section12_component2_1 > p {
        margin-top: 38px;
        position: relative;
        line-height: 1.8em;
    }
    .section12_component2_1 > p > span {
        display: block;
        font-size: 22px;
    }
    .section12_component2_1 > p > span:nth-child(1) > strong {
        font-weight: 700;
    }
    .section12_component2_1 > p > span:nth-child(2) {
        padding-left: 59px;
        margin-top: 8px;
    }
    .section12_component2_1 > p > span:last-child {
        width: 612px;
        height: 49px;
        background: #256acf;
        margin-top: 71px;
        padding: 0 30px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .section12_component2_1 > p > span:last-child em {
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 49px;
        float: left;
    }
    .section12_component2_1 > p > span:last-child em:nth-child(2) {
        padding: 0 30px;
    }
    .section12_component2_1 > p > span:last-child em > span{
        display: block;
        font-size: 0;
        width: 30px;
        height: 49px;
        background: url("/resource/image/home/section12/footstep.svg") no-repeat center center;
        background-size: 29px 35px;
        margin-right: 10px;
        float: left;
    }
    .section12_component2_1 > p > span:last-child em:last-child > span {
        width: 40px;
        background: url("/resource/image/home/section12/car_icon.svg") no-repeat center center;
        background-size: 40px 33px;
    }

    .section12_component2_2 {
        margin-left: 85px;
    }
    .section12_component2_2 > div:first-child > h2 {
        font-size: 25px;
        font-weight: 700;
    }
    .section12_component2_2 > div:first-child > div {
        margin-top: 23px;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }
    .section12_component2_2 > div:first-child > div > ul:first-child {
        width: 124px;
    }
    .section12_component2_2 > div:first-child > div > ul:first-child > li {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        border-bottom: 2px solid #346ecb;
        font-size: 25px;
        padding-bottom: 5px;
        margin-top: 35px;
    }
    .section12_component2_2 > div:first-child > div > ul:first-child > li:nth-child(1) {
        margin-top: 14px;
    }
    .section12_component2_2 > div:first-child > div > ul:first-child > li > span {
        display: inline-block;
    }

    .section12_component2_2 > div:first-child > div > ul:last-child {
        margin-left: 46px;
    }
    .section12_component2_2 > div:first-child > div > ul:last-child > li {
        border-bottom: 1px solid rgba(52, 110, 203, 0.4);
        padding-bottom: 5px;
        margin-bottom: 21px;
        font-size: 40px;
        letter-spacing: 2px;
    }
    .section12_component2_2 > div:first-child > div > ul:last-child > li > span {
        font-size: 20px;
        letter-spacing: 1px;
    }
    .section12_component2_2 > div:first-child > div > ul:last-child > li > em{
        font-size: 28px;
        font-weight: 700;
        display: block;
        text-align: center;
        letter-spacing: 8px;
        margin-top: 33px;
    }

    .section12_component2_2 > div:first-child > p {
        font-size: 32px;
        margin-top: 10px;
        letter-spacing: 1.5px;
    }
    .section12_component2_2 > div:first-child > p > strong {
        font-weight: 700;
    }

    .section12_component2_2 > div:last-child {
        margin-top: 25px;
    }
    .section12_component2_2 > div:last-child > h2 {
        font-size: 25px;
        font-weight: 700;
    }
    .section12_component2_2 > div:last-child > ul {
        margin-top: 10px;
    }
    .section12_component2_2 > div:last-child > ul > li {
        font-size: 18px;
        line-height: 1.4em;
        letter-spacing: 0.010em;
        vertical-align: middle;
    }
    .section12_component2_2 > div:last-child > ul > li img{
        display: inline-block;
        margin-right: 5px;
    }
    .section12_component2_2 > div:last-child > ul > li > img {
        vertical-align: middle;
        width: 10px;
    }
    .section12_component2_2 > div:last-child > ul.EJ{
        margin-top: 20px;
    }
    .section12_component2_2 > div:last-child > ul.EJ > li{
        font-size: 24px;
        margin-bottom: 15px;
        letter-spacing: 0;
        line-height: 1.2;
        font-weight: bold;
    }

    .section12_component2_2 > div:last-child > p {
        margin-top: 30px;
        width: 267px;
        height: 48px;
    }
    .section12_component2_2 > div:last-child > p > a {
        display: block;
        width: 100%;
        height: 100%;
        background: url("/resource/image/home/section12/largephone_icon.svg") no-repeat 20px center;;
        background-size: 31px 32px;
        background-color: #256acf;
        border-radius: 36.5px;
        padding-left: 60px;
        padding-top: 9px;
        color: #fff;
        font-size: 23px;
        font-weight: 700;
        box-sizing: border-box;
        letter-spacing: 0.025em;
        line-height: 1.17em;
    }

    .map_marker {
        width: 170px;
        height: 33px;
        border-radius: 30px;
        background: #0475f4;
        box-sizing: border-box;
        padding-right: 5px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .map_marker::before {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 15px;
        border-top: 8px solid #0475f4;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }
    .ico {
        width: 25px;
        height: 25px;
        background: url("/resource/image/home/section12/marker.svg") no-repeat center center;
        background-size: 15px 15px;
        border-radius: 50%;
        background-color: #fff;
        display: inline-block;
        margin: 0 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .shd {
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 130px;
        font-weight: 600;
        font-size: 12px;
    }

    /* GSAP */
    #section12 .slideLeft {
        transform: translateX(30px);
        opacity: 0;
    }
    /*********************** section12 End *********************/



    /*********************** section13 *********************/
	#section13.fp-section {
        height: 12.2vh !important;
        background: #346ecb;
        /* padding: 20px 0 0 120px; */
        width: 100vw;
        display: flex;
        align-items: center;
        padding-left: 10%;
    }
	.section13_component1 {
        width: 100vw;
        margin: 0 auto;
        margin-top: 1.5vh;
    }
    .section13_component1 > span {
        display: block;
        font-size: 17px;
        color: #fff;
        line-height: 1.53em;
    }
    /*********************** section13 End *********************/
}
    

    

/*--------------------------------------------------------------------
||MO
--------------------------------------------------------------------*/
@media screen and (max-width: 1280px ) {
    #wrap .fp-section {height: auto !important;}
    #wrap .fp-tableCell {vertical-align: top; height: 100% !important;}

	body	{min-height: 100vh; overflow-x: hidden;}
	body em {font-style: normal;}
	body i    {font-style: normal;}
	body .pbr {display:none;}
    body .mbr {display:block;}

    #wrap {
        width: 100vw;
        overflow: hidden;
    }

	#quick .link {position:fixed;z-index:10;;margin:120vw 2vw 0 0;right:0;opacity:1; display: none;}
	#quick .link ul {font-size:0;background:transparent;border:0px}
	#quick .link ul > li {width:10vw;height:10vw;padding:0 0 0 0;display:block;margin:0 0 2vw 0;cursor:pointer;border-radius:50%;}
	#quick .link ul > li .icon {position:absolute;display:block;width:10vw;height:10vw;border-radius:50%;text-align:center;}
	#quick .link ul > li .icon img {width:8vw;transform:translateY(1.2vw);transition:all 0.3s;}
	#quick .link ul > li .text {display:none;}
	#quick .link ul > li:nth-child(1) {margin-bottom:9vw;display:none;}
	#quick .link ul > li:nth-child(5) {display:none;}
	#quick .link ul > li:nth-child(1) .icon {background:#172a88;margin-left:12vw;}
	#quick .link ul > li:nth-child(1) .icon:after {display:inline-block;padding:2vw 0 0 0;content:"상담";color:white;font-weight:bold;color:#ffffff;}
	#quick .link ul > li:nth-child(2) .icon {background:#2fb500;margin-left:17vw;}
	#quick .link ul > li:nth-child(3) .icon {background:#fae100;margin-left:22vw;}
	#quick .link ul > li:nth-child(4) .icon {background:linear-gradient(#cf11b9, #ef3c49, #f17c32);margin-left:27vw;}
	#quick .link ul > li:first-child .icon {width:10vw;height:17vw;border-radius:5vw 5vw 5vw 5vw;}



    /*********************** gnb, 상단메뉴 *********************/
	#gnb {
        position: fixed;
        z-index: 9999;
        width: 100%;
        height: 17.1vw;
    }
	
	#gnb .gnb_group	{
        margin: 0 auto;
        width: 100%;
        height: 100%;
        position: relative;
    }

	#gnb .logo_area	{
        height: 9.7vw;
        padding-left: 3vw;
        background-color: #fff;
        box-sizing: border-box;
    }
    #gnb .logo_area a {
        display: inline-block;
        padding-top: 2vw;
    }
	#gnb .logo_area img	{
        width: 20.3vw;
        height: auto;
    }
	
	#gnb .menu_area {
        width:100vw;
        height:7.4vw;
        line-height: 7.4vw;
        text-align: center;
        background-color:rgba(255, 255, 255, 0.76);
    }
	#gnb .menu_area > ul {
        width: 85.2vw;
        height:7.4vw;
        margin: 0 auto;
        font-size: 0;
    }
	#gnb .menu_area > ul > li {
        display: inline-block;
        position: relative;
        line-height: 7.4vw;
        text-align: center;
        box-sizing: border-box;
    }
	#gnb .menu_area > ul > li:after {
        content: "";     
        display: inline-block;
        font-size: 0;
        height: 3vw;
        width: 1px;
        margin: 0 3vw;
        border: 0;
        text-align: center;
        background: #353535;
        transform: translateY(1.2px);
    }
	#gnb .menu_area > ul > li:last-child:after {
        background: transparent;
        margin: 0;
    }
	#gnb .menu_area > ul > li > a {
        font-family: "Nanum Square";
        font-size: 2.78vw;
        color: #353535;
        cursor: pointer;
    }
	#gnb .menu_area .linkOn	ul > li > a {
        font-weight: 600;
        font-size: 4vw;
        color:#256acf;
        transition: all .8s;
    }
    #gnb .menu_area > ul > li > ul.pbr {
        display: none;
    }
    #gnb .menu_area > ul > li > ul.submenu {
        position: absolute;
        top: 7.4vw;
        left: 50%;
        transform: translateX(-50%);
        width: 115%;
        z-index: 9990;
        display: none;
        margin-left: -3vw;
    }
    #gnb .menu_area > ul > li > ul.submenu > li > a {
        width: 100%;
        height: 8vw;
        line-height: 8vw;
        font-size: 1.8vw;
        text-align: center;
        white-space: nowrap;
        background: rgba(255,255,255,0.76);
        color: #353535;
        display: block;
        cursor: pointer;
    }
    #gnb .menu_area > ul.submenu > li:hover {
        background: rgba(255,255,255,1);
    }
    #gnb .menu_area > ul.submenu > li:hover > a {
        color: #256acf;
		transition: all .4s;
    }

	#gnb .contract_area {
        position: absolute;
        z-index: 102;
        display: inline-block;
        right: 3vw;
        top: 0;
        height: 9.7vw;
        line-height: 9.7vw;
    }
	#gnb .contract_area .icon {
        display: none;
    }
	#gnb .contract_area a {
        display: inline-block;
		color: #40403f;
		font-size: 4.3vw;
        font-family: "NanumSqaure";
        font-weight: 900;
    }

    /*********************** gnb, 상단메뉴 *********************/
	



    /*********************** section1 *********************/
 	#section1 {
        width: 100vw;
        height: 110vw !important;
        padding-top:17.1vw;
        color: #343434;
    }
    .section1_component1 {
        width: 100%;
        height: 100%;
    }
    .section1_component1 .slick-slide1 {
        width: 100vw;
        height: 110vw;
    }
    .section1_component1 .slick-slide1 .slick_component {
        width: 100%;
        height: 110vw;
        position: relative;
    }
    .section1_component1 .slick-slide1 .slick_component1 {
        background: url("/resource/image/home/section1/background_1-1.jpg") no-repeat center center;
        background-size: cover;
    }
    .section1_component1 .slick-slide1 .slick_component2 {
        background: url("/resource/image/home/section1/background_1-2.jpg") no-repeat left 20% center;
        background-size: cover;
    }
    .section1_component1 .slick-slide1 .slick_component3 {
        background: url("/resource/image/home/section1/background_1-3.jpg") no-repeat center center;
        background-size: cover;
    }

    .section1_component1 .slick-slide1 .slide_wrap {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 4.2vw;
        width: auto;
        box-sizing: border-box;
        left: 50%;
        top: 55%;
        transform: translateX(-50%);
    }
    /* .section1_component1 .slick-slide1 .slick_component3 .slide_wrap {
        left: 50%;
        top: 70%;
        transform: translateX(-50%);
    } */
    .section1_component1 .slick-slide1 .slide_wrap h1 {
        font-size: 2vw;
        font-family: "Noto Sans KR", sans-serif;
        line-height: 1.4em;
        text-align: center;
        white-space: nowrap;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 > span{
        font-weight: 300;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 > span:first-child {
        color: #256acf;
        letter-spacing: 0.3vw;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 > span > strong {
        font-weight: 500;
    }
    .section1_component1 .slick-slide1 .slide_wrap h1 > span:last-child {
        color: #434343;
        letter-spacing: 1px;
    }
    .section1_component1 .slick-slide1 .slide_wrap h2 {
        margin-top: 1.3vw;
        font-size: 4.5vw;
        line-height: 1.2em;
        text-align: center;
    }
    .section1_component1 .slick-slide1 .slide_wrap h2 > p:first-child {
        color: #256acf;
        white-space: nowrap;
    }
    .section1_component1 .slick-slide1 .slide_wrap h2 > p:last-child {
        color: #000;
        white-space: nowrap;
    }
    .section1_component1 .slick-slide1 .slide_wrap > h3 {
        color: #000;
        margin-top: 1.8vw;
        font-size: 2.2vw;
        font-weight: 400;
        line-height: 1.4em;
        text-align: center;
    }
    .section1_component1 .slick-slide1 .slide_wrap > h3 > p > em {
        color: #256acf;
    }

    #section1 .effect1 {
        opacity: 0;
        transform: translateX(-50%) scale(0);
        transform-origin: center;
        transition: all 0.4s;
    }
    #section1 .effect2 {
        opacity: 0;
        transform: translateY(1.5vw);
        transition: all 0.4s;
    }
    #section1 .slideLeft {
        opacity: 0;
        transform: translateX(2vw);
        transition: all 0.4s;
    }

    #section1 .swiper-slide.active .effect1{
        opacity: 1;
        transform: translateX(-50%) scale(1);
        transform-origin: center;
        transition-delay: 0.3s;
    }
    #section1 .swiper-slide.active .effect2 {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.6s;
    }
    #section1 .swiper-slide.active .slideLeft {
        opacity: 1;
        transform: translateX(0);
        transition-delay: 0.9s;
        white-space: nowrap;
    }
    /*********************** section1 *********************/
	

	
    /*********************** section2 *********************/
    #section2 {
        height: 187.5vw !important;
        background: url("/resource/image/home/section2/Mbackground_2.jpg") no-repeat bottom center;
        background-size: cover;
        z-index: -1;
        color: #343434;
    }
    .section2_component1 {
        padding-top: 8.9vw;
        margin-bottom: 8vw;
    }
    .section2_component1 h1 {
        font-size: 3.98vw;
        font-weight: 400;
        text-align: center;
        line-height: 1.5;
        white-space: nowrap;
    }
    .section2_component1 h1 strong {
        color: #256acf;
        font-weight: 700;
    }


    .section2_component2 {
        width: 100vw;
        margin-bottom: 2.5vw;
    }
    .section2_component2 figure {
        width: 92vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    .section2_component2 figure img {
        width: 100%;
    }
    .section2_component2 figure figcaption {
        display: none;

    }


    .section2_component3 {
        width: 100vw;
        background: #fff;
    }
    .section2_component3 > div {
        font-size: 2.4vw;
        color: #7d7d7d;
        line-height: 1.5;
        font-weight: 350;
        margin-bottom: 1.2vw;
        white-space: nowrap;
        text-align: center;
        padding: 2vw 4.6vw;     
    }
    .section2_component3 .ko {
        font-size: 2.7vw;
        color: #000;
        background: #fafafa;
        padding: 3vw 4.6vw; 
        box-shadow: 8px 0 13px rgba(177,181,202,0.31);
    }
    .section2_component3 .ko strong {
        font-weight: 700;
    }
    .section2_component3 .ko strong span {
        color: #256acf;
    }
    .section2_component3 .en {
        position: relative;
    }
    .section2_component3 .en::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -1vw;
        width: 90%;
        height: 1px;
        background: #7d7d7d;
        transform: translateX(-50%);
    }
    .section2_component3 a {
        display: inline-block;
        width: 37vw;
        height: 8vw;
        line-height: 8vw;
        border-radius: 30px;
        background-color: #c5c5c5;
        font-size: 3.5vw;
        font-weight: 700;
        color: #fff;
        box-sizing: border-box;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 1.85vw;
    }
    .section2_component3 a span svg {
        width: 6vw;
        height: 8.5vw;
        vertical-align: top;
        margin-left: 1.5vw;
    }
    
    /*********************** section2 *********************/



    /*********************** section3 *********************/
    #section3 {
        background-color: #fff;
        color: #343434;
        height: auto;
        padding: 6.48vw 0;
    }

    .section3_content {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .section3_component1 {
        padding-top: 8.9vw;
    }
    .section3_component1 .title {
        font-size: 5.74vw;
        font-family: "Daum SB";
        color: #343434;
        text-align: center;
        line-height: 1.3em;
    }
    .section3_component1 .title span {
        color: #256acf;
    }


    .section3_component2 {
        margin-top: 3.7vw;
    }
    .section3_component2 > h2 {
        font-size: 5.18vw;
        font-weight: 300;
        color: #343434;
        text-align: center;
        line-height: 1.36em;
    }
    .section3_component2 > h2 > strong {
        color: #256acf;
        font-family:"Noto Sans KR", sans-serif;
        font-weight: 900;
    }
    .section3_component2 > h2 > span {
        font-weight: 700;
    }


    .section3_component3 {
        margin: 0 auto;
        margin-top: 6.48vw;
        width: 79.17vw;
        position: relative;
    }
    .section3_component3 .left {
        width: 100%;
    }
    .section3_component3 .left img {
        width: 100%;
    }

    .section3_component3 .center {
        width: 27vw; 
        position: absolute;
        left: 0;
        padding-top: 7vw;
        /* margin-left: -4.6vw; */
    }
    .section3_component3 .center p img {
        width: 100%;
    }
    .section3_component3 .right {
        /* width: 79.17vw; */
        width: 73vw;
        /* margin: 0 auto; */
        margin-top: 3.55vw;
    }
    .section3_component3 .right > p:nth-of-type(1) {
        display: none;
    }
    .section3_component3 .right > p.mbr {
        display: block;
        font-size: 2.78vw;
        font-weight: 100;
        color: #343434;
        line-height: 1.5em;
        transform: translateX(30vw);
    }
    .section3_component3 .right > p.mbr > strong {
        font-weight: 700;
        color: #256acf;
    }
    .section3_component3 .right > p.mbr > strong > span {
        color: #256acf;
    }
    .section3_component3 .right > p.mbr > .mbr:nth-of-type(4) {
        height: 2.96vw;
    }

    .section3_component3 .right > ul {
        width: 50.2vw;
        margin-top: 5.55vw;
        transform: translateX(30vw);
    }
    .section3_component3 .right > ul > li {
        height: 2.5vw;
        font-size: 2.59vw;
        background: url("/resource/image/home/section3/line.png") no-repeat left 3vw;
        padding-bottom: 1.5vw;
    }
    .section3_component3 .right > ul > li > strong {
        font-weight: 700;
    }

    .section3_component3 .right p:nth-of-type(3) {
        width: 79.17vw;
        margin: 0 auto;
        margin-top: 4.63vw;
        margin-left: 0;
        line-height: 1.37em;
        background-color: #457cd4;
        font-size: 2.7vw;
        color: #fff;
        padding: 2.13vw 2.5vw;
        text-align: center;
        box-sizing: border-box;
        white-space: nowrap;
    }
    .section3_component3 .right p:nth-of-type(3) > strong {
        font-weight: 700;
    }
    .section3_component3 .right p:nth-of-type(3) > strong > span {
        display: inline-block;
        border-bottom: 1px solid #fff;
        padding-bottom: 1px;
    }

    .section3_component3 .right > p:nth-of-type(4) {
        width: 52.6vw;
        height: 8.61vw;
        border-radius: 20px;
        margin: 0 auto;
        margin-top: 6.3vw;
    }
    .section3_component3 .right p:nth-of-type(4) > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 8.61vw;
        border-radius: 20px;
        background-color: #c5c5c5;
        font-size: 3.58vw;
        font-weight: 700;
        color: #fff;
        padding-right: 1vw;
    }
    .section3_component3 .right p:nth-of-type(4) > a .jasmine_icon {
        height: 100%;
        vertical-align: top;
        margin-left: 1vw;
    }


    .section3_component4 {
        background-color: #f9f9f9;
        position: absolute;
        left:0;
        bottom: 0;
        width: 100%;
        padding-bottom: 19.35vh;
        display: none; /* 모바일에선 안 보이는 영역 */
    }

    /*********************** section3 *********************/



    /*********************** section4 *********************/
    #section4 {
        height: 200.5vw;
        color: #343434;
    }

    .section4_component1 {
        padding-top: 25.28vw;
    }
    .section4_component1 .title {
        margin: 0 auto;
        width: 79.17vw;
        font-family:"Daum SB";  
        font-size: 5.74vw;
        text-align: center;
        line-height: 1.3em;
        position: relative;
    }
    .section4_component1 .title > span {
        font-family:"Daum SB";  
        font-size: 5.74vw;
        color: #256acf;
    }
    .section4_component1 .title:before {
        /* content: "GOLD LEVEL"; */
        position: absolute;
        left: 50%;
        bottom: -5.8vw;
        transform: translateX(-50%);
        font-size: 2.5vw;
        font-family:"Daum SB";
        font-weight: 300;
        letter-spacing: 1.06em;
        color: #494949;
        opacity: 0.8;
        white-space: nowrap;
    }


    .section4_component2 {
        margin-top: 10vw;
        background-color: #f9f9f9;
        width: 100%;
        height: 100%;
    }

    .section4_component2 > div .left > p {
        width: 79.17vw;
        margin: 0 auto;
    }
    .section4_component2 > div .left > p img {
        width: 100%;
    }

    .section4_component2 > div .right {
        margin-top: 6.3vw;
        background-color: #fafafa;
        text-align: center;
        padding-bottom: 10vw;
    }
    .section4_componetn2 > div .right > div {
        width: 79.17vw;
        margin: 0 auto;
    }
    .section4_component2 > div .right > div:first-child > h2 {
        display: inline-block;
        height: 7.04vw;
        line-height: 7.04vw;
        font-family:"Daum SB";
        font-size: 4.58vw;
        background: url("/resource/image/home/section4/gold_label.png") no-repeat right -0.5vw;
        background-size: 16.1vw;
        padding-right: 18vw;
    }
    .section4_component2 > div .right > div:first-child > h2 > span {
        font-family:"Daum SB";
        font-size: 4.58vw;
        color: #256acf;
        border-bottom: 1px solid #256acf;
    }
    
    .section4_component2 > div .right > div:first-child > p:nth-of-type(1) {
        margin-top: 3.8vw;
        font-size: 2.59vw;
        line-height: 1.43em;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(1) > strong {
        font-weight: 700;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(2) {
        font-size: 2.96vw;
        margin-top: 3.52vw;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(2) > strong {
        font-weight: 700;
        font-size: 2.96vw;
    }
    .section4_component2 > div .right > div:first-child > p:nth-of-type(2) > strong > span {
        color: #bc8b45;
    }

    .section4_component2 > div .right > div:last-child {
        margin-top: 6.3vw;
    }
    .section4_component2 > div .right > div:last-child > h2 {
        font-size: 3.24vw;
        font-weight: 700;
    }
    .section4_component2 > div .right > div:last-child > h2 > span {
        font-size: 3.24vw;
        font-weight: 700;
        color: #256acf;
    }
    .section4_component2 > div .right > div:last-child > p:nth-of-type(1) {
        margin-top: 2.59vw;
        line-height: 1.43em;
        font-size: 2.59vw;
    }
    .section4_component2 > div .right > div:last-child > p:nth-of-type(2) {
        margin: 0 auto;
        margin-top: 5vw;
        width: 40.54vw;
        border-radius: 20px;
    }
    .section4_component2 > div .right > div:last-child > p:nth-of-type(2) > a {
        display: block;
        width: 100%;
        padding: 2.68vw 0;
        border-radius: 20px;
        background: url("/resource/image/home/section4/cat_icon.svg") no-repeat 2.6vw center;
        background-size: 5.92vw;
        background-color: #346ecb;
        text-align: center;
        font-size: 3.58vw;
        font-weight: 700;
        color: #fff;
        text-indent: 6.81vw;
    }
    /*********************** section4 *********************/



    /*********************** section5 *********************/
    #section5 {
        height: 240.4vw;
        color: #343434;
        position: relative;
    }
    
    .section5_component1 {
        padding-top: 25vw;
        
    }
    .section5_component1 .title {
        text-align: center;
        font-family: "Daum SB";
        font-size: 5.74vw;
        color: #343434;
        line-height: 1.3em;
    }
    .section5_component1 .title > span {
        font-family:"Daum SB";
        color: #256acf;
    }


    .section5_component2 {
        width: 79.17vw;
        margin: 0 auto;
        margin-top: 8.33vw;
    }
    .section5_component2 > div:first-child {
        width: 79.17vw;
        height: auto;
    }
    .section5_component2 > div:first-child img {
        width: 100%;
        height: 100%;
        box-shadow: 0 2px 3px rgba(98, 98, 98, 0.39);
    }

    .section5_component2 > div:last-child > h2 {
        margin-top: 6.76vw;
        font-size: 3.24vw;
        text-align: center;
        font-weight: normal;
        margin-bottom: 20px;
        line-height: 1.42em;
    }
    .section5_component2 > div:last-child > h2 > span {
        display: inline-block;
        color: #256acf;
        font-weight: 700;
        border-bottom: 1px solid #256acf;
        padding-bottom: 0.2vw;
    }
    .section5_component2 > div:last-child p {
        margin-top: 2.68vw;
        font-size: 2.59vw;
        line-height: 1.42em;
        text-align: center;
    }
    .section5_component2 > div:last-child > ul > li {
        font-size: 2.78vw;
        line-height: 1.42em;
        text-align: center;
    }


    .section5_component3 {
        margin: 0 auto;
        margin-top: 11.85vw;
        width: 79.17vw;
    }
    .section5_component3 > h2 {
        text-align: center;
        font-size: 3.24vw;
        font-weight: normal;
    }
    .section5_component3 > h2 > strong {
        font-weight: 700;
    }
    .section5_component3 > h2 > strong > span {
        color: #457cd4;
    }
    .section5_component3 > h2 > span {
        font-size: 1.94vw;
        padding-left: 1vw;
    }

    .section5_component3 > p {
        margin-top: 3.52vw;
        text-align: center;
    }
    .section5_component3 > p img {
        width: 100%;
    }


    .section5_component4 {
        margin-top: 5.1vw;
        padding-bottom: 10vw;
    }
    .section5_component4 > p {
        margin: 0 auto;
        width: 59.8vw;
        height: 10vw;
        line-height: 1.4em;
        background-color: #fff;
        font-size: 2.78vw;
        text-align: center;
        padding: 1vw 0;
        box-sizing: border-box;
    }
    .section5_component4 > p > span {
        color: #457cd4;
        font-weight: 700;
    }

    .section5_component4 > ul {
        width: 81.94vw;
        margin: 0 auto;
        margin-top: 4.15vw;
    }
    .section5_component4 > ul > li {
        width: 100%;
        height: 8.61vw;
        line-height: 8.61vw;
        margin-bottom: 10px;
    }
    .section5_component4 > ul > li:last-child {
        margin-bottom: 0;
    }
    .section5_component4 > ul > li > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #fff;        
        border-radius: 20px;
        background: url("/resource/image/home/section5/check_icon.svg") no-repeat 2.6vw center;
        background-size: 5.18vw 5.74vw;
        background-color: #c5c5c5;
        /* text-indent: 20%; */
        font-size: 2.8vw;
        font-weight: 700;
        text-align: center;
    }


    .section5_component5 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 78.7vw;
        background-color: #f9f9f9;
        z-index: -1;
        height: 42%;
    }
    /*********************** section5 *********************/



    /*********************** section6 *********************/
    #section6 {
        height: 205.6vw !important;
        color: #343434;
        background-color: #fff;
    }
    .section6_component1 {
        padding-top: 25.9vw;
    }
    .section6_component1 .title {
        font-family:"Daum SB";  
        font-size: 5.74vw;
        text-align: center;
        line-height: 1.3em;
        white-space: nowrap;
    }
    .section6_component1 .title > span {
        font-family:"Daum SB";  
        font-size: 5.74vw;
        color: #256acf;
    }


    .section6_component2 {
        margin-top: 8.33vw;
    }
    .section6_component2 > div {
        width: 100vw;
        padding-bottom: 5.56vw;
        background-color: #fff;
        /* box-shadow: 0 0 6px 1px rgba(98, 98, 98, 0.39); */
    }
    .section6_component2 > div > p {
        width: 58.2vw;
        height: 32vw;
        margin: 0 auto;
    }
    .section6_component2 > div > p img {
        width: 100%;
    }
    .section6_component2 > div > div {
        margin-top: 4.9vw;
        text-align: center;
    }
    .section6_component2 > div > div > h2 {
        font-size: 3.24vw;
        font-weight: 700;
        line-height: 1.6em;
        text-align: center;
    }
    
    .section6_component2 > div > div > h2 > span {
        display: inline-block;
        color: #256acf;
        border-bottom: 1px solid #256acf;
        margin-bottom: 20px;
    }
    .section6_component2 > div > div > p {
        margin-top: 3.7vw;
        font-size: 2.79vw;
        line-height: 1.43em;
    }
    .section6_component2_1 .section6_slider{
        width: 100vw;
    }
    .section6_component2_1 .section6_slider > div {
        width: 67vw;
        margin: 0 auto;
    }
    .section6_component2_1 .section6_slider > div img {
        width: 100%;
    }
    .section6_component2_1 .right h2 {
        line-height: 1.42em;
        font-size: 3.24vw;
        white-space: nowrap;
    }
    .section6_component2_1 .right em {
        font-size: 2.38vw;
        line-height: 1.42em;
        white-space: nowrap;
    }
    .section6_component2_1 .right p {
        margin-top: 3.7vw;
        font-size: 2.78vw;
        line-height: 1.42em;
        white-space: nowrap;
    }
    /* .section6_component2_1 > div:last-child em {
        font-size: 2.58vw;
    }
    .section6_component2_2 {
        margin-top: 4.63vw;
    } */


    .section6_component3 {
        padding: 6.76vw 0 6.76vw;
        background: #f9f9f9;;
    }
    .section6_component3 > p {
        padding: 2.13vw 0;
        line-height: 1.4em;
        text-align: center;
        background-color: #fff;
        margin: 0 auto;
        font-size: 3vw;
        font-weight: 700;
        width: 90%;
    }
    .section6_component3 > p > span {
        color: #457cd4;
    }

    .section6_component3 > ul {
        width: 81.94vw;
        margin: 0 auto;
        margin-top: 4.15vw;
    }
    .section6_component3 > ul > li {
        width: 80.26vw;
        height: 8.61vw;
        line-height: 8.61vw;
        text-align: center;
        margin-bottom: 10px;
    }
    .section6_component3 > ul > li:last-child {
        margin-bottom: 10vw;
    }
    .section6_component3 > ul > li > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #fff;        
        border-radius: 20px;
        background: url("/resource/image/home/section6/check_icon.svg") no-repeat 2.6vw center;
        background-size: 5.18vw 5.74vw;
        background-color: #c5c5c5;
        /* text-indent: 44%; */
        font-size: 2.8vw;
        font-weight: 700;
    }
    /*********************** section6 *********************/



    /*********************** section7 *********************/
    #section7 {
        height: 380vw !important;
        color: #343434;
        background: url("/resource/image/bg/m/Mbackground_9.png") no-repeat left top;
        background-size: cover;
    }

    .section7_component1 {
        padding-top: 25.7vw;
    }
    .section7_component1 .title {
        font-family: "Daum SB";
        font-size: 5.74vw;
        line-height: 1.3em;
        text-align: center;
    }
    .section7_component1 .title > span {
        font-family: "Daum SB";
        font-size: 5.74vw;
        color: #256acf;
    }


    .section7_component2 {
        margin-top: 7.68vw;
    }
    .section7_component2 > ul {
        width: 100%;
    }
    .section7_component2 > ul > li {
        width: 100vw;
        padding: 4.35vw 0 5vw;
        text-align: center;
        background-color: #f9f9f9;
        box-shadow: 0 1px 5px rgba(177, 181, 202, 0.32);
        margin-bottom: 3.42vw;
    }
    .section7_component2 > ul > li:last-child {
        margin-bottom: 0;
    }
    .section7_component2 > ul > li > p {
        text-align: center;
        width: 50.1vw;
        margin: 0 auto;
    }
    .section7_component2 > ul > li > p > img {
        width: 100%;
    }
    .section7_component2 > ul > li > h2 {
        display: inline-block;
        margin-top: 2.96vw;
        padding-bottom: 4px;
        border-bottom: 1px solid #256acf;
        font-size: 3.24vw;
        font-weight: 700;
    }
    .section7_component2 > ul > li > h2 > span {
        font-size: 3.24vw;
        font-weight: 700;
        color: #256acf;
    }
    .section7_component2 > ul > li > h2 > span > span {
        font-weight: normal;
    }

    .section7_component2 > ul > li > div {
        margin-top: 2.96vw;
    }
    .section7_component2 > ul > li > div > p {
        font-size: 2.59vw;
        line-height: 1.4em;
        white-space: nowrap;
    }
    .section7_component2 > ul > li > div p:nth-child(2) {
        margin-top: 2vw;
    }
    .section7_component2 > ul > li > div > p > strong {
        font-weight: 700;
    }
    .section7_component2 > ul > li > div > p > span {
        color: #256acf;
        font-weight: 700;
    }
    .section7_component2 > ul > li  ul {
        margin-top: 20px;
        background: #fff;
        display: inline-block;
        padding: 3vw;
        box-shadow: 1px 0 7px rgba(203,203,216,0.53);
    }
    .section7_component2 > ul > li ul > li {
        font-size: 2.78vw;
        text-align: left;
        line-height: 1.4em;
    }
    .section7_component2 > ul > li > div > p.link {
        display: block;
    }
    .section7_component2 > ul > li > div > p.link a {
        display: block;
        margin: 0 auto;
        width: 33vw;
        padding: 2vw 0;
        border-radius: 20px;
        background: url("/resource/image/home/section7/machine_icon.svg") no-repeat 2.6vw center;
        background-size: 5.3vw;
        background-color: #346ecb;
        text-align: center;
        font-size: 3vw;
        font-weight: 700;
        color: #fff;
        text-indent: 6.81vw;
        margin-top: 4.35vw;
    }

    .section7_component3  {
        margin-top: 6.48vw;
    }
    .section7_component3 > p > a {
        display: block;
        margin: 0 auto;
        width: 39.54vw;
        padding: 2.68vw 0;
        border-radius: 20px;
        background: url("/resource/image/home/section7/machine_icon.svg") no-repeat 2.6vw center;
        background-size: 5.92vw;
        background-color: #346ecb;
        text-align: center;
        font-size: 3.58vw;
        font-weight: 700;
        color: #fff;
        text-indent: 6.81vw;
    }
    /*********************** section7 *********************/



    /*********************** section13 *********************/
    #section8.fp-section {
        height: 180.3vw !important;
        background: url("/resource/image/bg/m/Mbackground_7.jpg") no-repeat center top;
        background-size: cover;
        color: #343434;
    }

    .section8_component1 {
        padding-top: 25.9vw;
    }
    .section8_component1 h1 {
        font-family:"Daum SB";  
        font-size: 5.74vw;
        text-align: center;
        line-height: 1.3em;
    }
    .section8_component1 h1 > span {
        font-family:"Daum SB";  
        font-size: 5.74vw;
        color: #256acf;
    }

    .section8_component1 h2 {
        text-align: center;
        font-size: 2.78vw;
        margin-top: 2vw;
    }
    .section8_component1 h2 > span {
        color: #256acf;
        font-size: 2.78vw;
    }
    

    .section8_component2 {
        margin-top: 5vw;
        background: #fff;
        box-shadow: 1px 0 7px rgba(203,203,216,0.8);
        padding: 1.3vw;
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        padding: 2vw;
        box-sizing: border-box;
    }
    .section8_component2 h3 {
        font-size: 2.78vw;
        text-align: center;
        white-space: nowrap;
    }
    .section8_component2 h3 span {
        color: #256acf;
    }
    .section8_component2 p {
        font-size: 2.5vw;
        margin-top: 1.5vw;
        text-align: center;
        line-height: 1.4;
        white-space: nowrap;
    }


    .section8_component3 {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        padding: 0 5vw;
        box-sizing: border-box;
    }
    .section8_component3 ul {
        margin-top: 8vw;
        width: 100vw;
    }
    .section8_component3 ul li {
        float: left;
        width: 40vw;
        margin: 0 auto;
        margin-bottom: 8vw;
    }
    .section8_component3 ul li:nth-child(3)
    .section8_component3 ul li:last-child {
        margin-bottom: 0;
    }
    .section8_component3 ul li .video_1 {
        width: 40vw;
        height: 22.5vw;
        overflow: hidden;
        margin-bottom: 2vw;
    }
    .section8_component3 ul li .video_1 video {
        width: 100%;
    }
    .section8_component3 ul li.other .video_1 video {
        height: 100%;
    }
    .section8_component3 ul li .img_1 {
        width: 40vw;
        height: auto;
        overflow: hidden;
        margin-bottom: 2vw;
    }
    .section8_component3 ul li .img_1 img {
        width: 100%;
    }
    .section8_component3 ul li.kasmine .video_1 video {
        transform: translateY(-10%);
    }
    .section8_component3 ul li p {
        font-size: 2.78vw;
        font-weight: 700;
        margin-top: 10px;
        text-align: center;
    }
    .section8_component3 ul li.kasmine p span {
        color: #256acf;
    }
    .section8_component3 ul li.other p span {
        color: #9c9c9c;
    }
    .section8_component3 ul li.vs {
        width: 10vw;
        height: 22.5vw;
        line-height: 22.5vw;;
        text-align: center;
        font-size: 4vw;
        font-weight: 700;
    }
    .section8_component3 ul:nth-child(2) li.vs {
        height: 26.7vw;
        line-height: 26.7vw;
    }

    .section8_component3 .link{
        width: 23vw;
        height: 12vw;
        border-radius: 25px;
        background: #346ecb;
        position: absolute;
        bottom: -15%;
        left: 50%;
        transform: translateX(-50%);
    }
    .section8_component3 .link a{
        font-size: 2.3vw;
        font-weight: 700;
        color: #fff;
        text-align: center;
        display: block;
        line-height: 4.8vw;
    }
    .section8_component3 .link a span{
        width: 9vw;
        display: block;
        position: relative;
        top: 1.6vw;
        left: 50%;
        transform: translateX(-50%);
    }
    /*********************** section8 *********************/


    
    /*********************** section9 *********************/
    #section9 {
        background: url("/resource/image/bg/m/Mbackground_9.png")no-repeat;
        height: 250.3vw !important;
        color: #343434;
    }
    #section9 .fp-tableCell {
        padding-bottom: 10vw;
    }
    .section9_content {
        padding: 15.3vh 12vw 0 12vw;
    }
    .section9_component1 h1 {
        font-size: 5.7vw;
        text-align: center;
        white-space: nowrap;
        line-height: 1.3;
    }
    .section9_component1 h1 span {
        color: #256acf;
    }
    .section9_component1 h2 {
        margin-top: 5.5vw;
        font-size: 2.7vw;
        font-weight: 400;
        text-align: center;
        line-height: 1.5;
    }

    .section9_component2 ul {
        /* overflow: hidden; */
    }
    .section9_component2 ul li {
        float: left;
        width: 35vw;
        margin-right: 4.6vw;
        margin-top: 5.5vw;
        position: relative;
    }
    .section9_component2 ul li:nth-child(2n) {
        margin-right: 0;
    }
    .section9_component2 ul li figure {
        width: 35vw;
        height: 23vw;
        position: relative;
        border: 0.3vw solid #fff;
        border-radius: 10px;
        box-shadow: inset 0.19vw 0 0.74vw rgba(22,104,155,0.26);
        overflow: hidden;
    }
    .section9_component2 ul li figure > div {
        position: absolute;
        top: 0;
        right: 0;
        width: 12.9vw;
        height: 23vw;
        border-left: 0.3vw solid #fff;
        border-radius: 0 10px 10px 0;
        overflow: hidden;
    }
    .section9_component2 ul li figure > div video {
        height: 100%;
        margin-left: -14vw;
    }
    .section9_component2 ul li figure .plus {
        position: absolute;
        right: 3%;
        bottom: 3%;
        width: 3.6vw;
    }
    .section9_component2 ul li .caption {
        border-radius: 10px;
        border: 0.3vw solid #fff;
        box-shadow: inset 0.19vw 0 0.74vw rgba(22,104,155,0.26);
        width: 18.9vw;
        height: 12.4vw;
        background: url(/resource/image/home/section9/boximage_08.2.jpg) no-repeat;
        background-size: cover;
        position: absolute;
        top: -10%;
        right: -20%;
        z-index: 110;
    }
    .section9_component2 ul li .name {
        font-size: 2.7vw;
        font-weight: 700;
        padding: 3.3vw 0;
        color: #256acf;
        border-bottom: 1px solid #256acf;
        display: block;
        white-space: nowrap;
        line-height: 1.2;
        text-align: center;
    }
    .section9_component2 ul li:first-child .name,
    .section9_component2 ul:nth-child(2) li:nth-child(3) .name {
        padding: 1.7vw 0;
    }
    .section9_component2 ul:nth-child(2) li:first-child .name {
        padding: 3.3vw 0;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(4) .name {
        padding: 3.13vw 0;
    }
    .section9_component2 ul li .name em {
        font-weight: 350;
        font-size: 2.3vw;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(3) .name em {
        display: block;
    }
    .section9_component2 ul li .desc {
        line-height: 1.3;
        padding: 1vw 0;
        font-size: 2.3vw;
        text-align: center;
    }

    /* 박스 이미지 */
    .section9_component2 ul li:first-child figure {
        background: url(/resource/image/home/section9/boximage_01.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul li:nth-child(2) figure {
        background: url(/resource/image/home/section9/boximage_02.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul li:nth-child(3) figure {
        background: url(/resource/image/home/section9/boximage_03.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul li:nth-child(4) figure {
        background: url(/resource/image/home/section9/boximage_04.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul:nth-child(2) li:first-child figure { 
        background: url(/resource/image/home/section9/boximage_05.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(2) figure {
        background: url(/resource/image/home/section9/boximage_06.1.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(3) figure {
        background: url(/resource/image/home/section9/boximage_07.jpg) no-repeat; background-size: cover;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(4) .figure8 {
        background: #fff;
        width: 35vw;
        height: 23vw;
        position: relative;
        border: 0.3vw solid #fff;
        border-radius: 10px;
        box-shadow: inset 0.19vw 0 0.74vw rgba(22,104,155,0.26);
        overflow: hidden !important;
        z-index: 100;
    }
    .section9_component2 ul:nth-child(2) li:nth-child(4) .figure8 video {
        position: absolute;
        top: -1vw;
        left: 50%;
        transform: translateX(-50%);
        width: 38vw;
        height: 26vw;
        border: 0.3vw solid #fff;
        border-radius: 10px !important;
        box-shadow: inset 2px 0 8px rgba(22,104,155,0.26);
    }
    /* .section9_component2 ul:nth-child(2) li:nth-child(4) figure {
        background: url(/resource/image/home/section9/boximage_08.1.jpg) no-repeat; background-size: cover;
    } */
    /*********************** section9 *********************/



    /*********************** section10 *********************/
    #section10 {
        height: 170vw;
        color: #343434;
        text-align: center;
    }
    .section10_component1 {
        padding-top: 25.7vw;
    }
    .section10_component1 h1 {
        font-size: 5.74vw;
        font-family: "Daum SB";
        text-align: center;
        line-height: 1.2;
    }
    .section10_component1 h1 > span {
        font-size: 5.74vw;
        font-family: "Daum SB";
        color: #256acf;
    }
    .section10_component1 h2 {
        text-align: center;
        font-weight: 500;
        font-size: 2.77vw;
        margin-top: 5.5vw;
        position: relative;
        line-height: 1.5;
    }
    .section10_component1 h2 span {
        font-weight: 700;
        color: #256acf;
    }


    .section10_component2 .section10_slider {
        position: relative;
        width: 100vw;
        height: 83.7vw;
        padding: 5.5vw 8.3vw;
        padding-right: 0;
        box-sizing: border-box;
    }
    .section10_component2 .swiper-slide {
        width: 82.59vw;
        margin: 0 auto;
    }
    
    .section10_component2 .swiper-slide figure {
        width: 82.59vw;
        height: 72.22vw;
        padding: 3.7vw 4.6vw;
        box-sizing: border-box;
        box-shadow: 0.28vw 0 0.93vw rgba(149,152,164,0.45);
    }
    .section10_component2 .swiper-slide figure img {
        width: 100%;
    }
    .section10_component2 .swiper-slide figure figcaption strong {
        font-size: 3.8vw;
        padding: 2vw 0;
        border-bottom: 1px solid #256acf;
        display: inline-block;
        text-align: center;
        white-space: nowrap;
    }
    .section10_component2 .swiper-slide figure figcaption strong span {
        font-size: 2.7vw;
    }
    .section10_component2 .swiper-slide figure figcaption em {
        font-size: 2.5vw;
        display: block;
        text-align: center;
        margin-top: 2.7vw;
        line-height: 1.5;
        white-space: nowrap;
    }
    .section10_component2 .swiper-slide8 figure figcaption strong {
        font-size: 3.5vw;
        margin-left: -3.2vw;
    }
    .section10_component2 .swiper-slide8 figure figcaption strong span {
        font-size: 2.6vw;
    }
    .section10_component2 .swiper-slide-h figure{
        padding: 11.5vw 4.6vw;
    }

    .section10_component2 .swiper-button-prev {
        position: absolute;
        top: 50%;
        left: 0;
        width: 7.8vw;
        height: 7.8vw;
        background: url("/resource/image/home/section10/arrow.svg") no-repeat left top;
        background-size: cover;
        transform: rotate(180deg) translateY(-50%);
    }
    .section10_component2 .swiper-button-next {
        position: absolute;
        top: 50%;
        right: 0;
        width: 7.8vw;
        height: 7.8vw;
        background: url("/resource/image/home/section10/arrow.svg") no-repeat left top;
        background-size: cover;
        transform: translateY(50%);
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: none;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        /* font-size: var(--swiper-navigation-size);*/
        font-size: 0 !important;
    }

    /*********************** section10 *********************/



    /*********************** section11 *********************/
    #section11 {
        height: 230vw;
        color: #343434;
    }

    .section11_component1 {
        padding-top: 25.7vw;
    }
    .section11_component1 .title {
        font-size: 5.74vw;
        font-family: "Daum SB";
        text-align: center;
    }
    .section11_component1 .title > span {
        font-size: 5.74vw;
        font-family:"Daum SB";
        color: #256acf;
    }


    .section11_component2 {
        width: 100%;
        margin-top: 7.4vw;
    }
    .section11_component2 .left {
        width: 79.17vw;
        margin: 0 auto;
    }
    .section11_component2 .left > p img {
        width: 100%;
    }

    .section11_component2 .right {
        width: 79.17vw;
        position: relative;
        margin: 0 auto;
    }
    .section11_component2 .right > div > p:first-child {
        font-size: 2.88vw;
        margin-top: 1.67vw;
    }
    .section11_component2 .right > div > p:last-child {
        margin-top: 2.04vw;
        font-size: 3.17vw;
        font-family: "Daum SB";
    }
    .section11_component2 .right > div > p:last-child > span {
        font-size: 5.19vw;
        font-family: "Daum SB";
    }

    .section11_component2 .right > ul {
        margin-top: 3.89vw;
    }
    .section11_component2 .right > ul > li {
        font-size: 2.45vw;
        line-height: 1.76em;
        letter-spacing: 0.02em;
    }
    .section11_component2 .right > ul > li:nth-child(3) > span {
        letter-spacing: -1px;
        padding-left: 0;
    }
    .section11_component2 .right > ul > li img {
        /* vertical-align: 2px; */
        width: 1.48vw;
        height: 1.48vw;
    }
    .section11_component2 .right > ul > li > span {
        padding-left: 2.52vw;
    }

    .section11_component2 .right > p {
        position: absolute;
        left: 60%;
        bottom: 0;
        width: 18.7vw;
        height: 15.35vw;
    }
    .section11_component2 .right > p > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 2.47vw;
        color: #256acf;
        line-height: 1.1em;
    }
    .section11_component2 .right > p > a > span:first-child {
        display: block;
        width: 7vw;
        height: 7vw;
        margin: 0 auto;
        margin-bottom: 1.3vw;
        border-radius: 50%;
        background-color: #256acf;
        padding-top: 1vw;
        box-sizing: border-box;
        overflow: hidden;
    }


    .section11_component3 {
        margin-top: 4.8vw;
        width: 100vw;
        background-color: #f9f9f9;
        padding-top: 8.05vw;
        padding-bottom: 6.94vw;
    }
    .section11_component3 > ul {
        width: 87.22vw;
        margin: 0 auto;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
    }
    .section11_component3 > ul > li {
        width: 26.57vw;
        text-align: center;
    }
    .section11_component3 > ul > li > p:nth-child(1) {
        width: 19.26vw;
        height: 23.5vw;
        overflow: hidden;
        margin: 0 auto;
    }
    .section11_component3 > ul > li > p:nth-child(1) img {
        width: 100%;
    }
    .section11_component3 > ul > li > p:nth-child(2) {
        margin-top: 1.67vw;
        font-size: 2.17vw;
        letter-spacing: -1px;
    }
    .section11_component3 > ul > li > p:nth-child(3) {
        margin-top: 2.13vw;
        font-family: "Daum SB";
        font-size: 2.17vw;        
    }
    .section11_component3 > ul > li > p:nth-child(3) > span {
        font-family: "Daum SB";
        font-size: 3.24vw;
    }
    .section11_component3 > ul > li > p:nth-child(4) {        
        margin: 0 auto;
        width: 18.7vw;
        height: 15.35vw;
        padding-top: 8vw;
    }
    .section11_component3 > ul > li > p:nth-child(4) > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 2.47vw;
        color: #256acf;
        line-height: 1.1em;
    }
    .section11_component3 > ul > li > p:nth-child(4) > a > span:first-child {
        display: block;
        width: 7vw;
        height: 7vw;
        margin: 0 auto;
        margin-bottom: 1.3vw;
        border-radius: 50%;
        background-color: #256acf;
        padding-top: 1vw;
        box-sizing: border-box;
        overflow: hidden;
    }
    /*********************** section11 *********************/



    /*********************** section12 *********************/
    #section12 {
        height: 242.4vw;
        color: #343434;
    }
    .section12_component1 {
        padding-top: 25.7vw;
    }
    .section12_component1 .title {
        font-size: 5.74vw;
        font-family: "Daum SB";
        text-align: center;
    }
    .section12_component1 .title > span {
        font-size: 5.74vw;
        font-family: "Daum SB";
        color: #256acf;
    }


    .section12_component2 {
        width: 79.17vw;
        margin: 0 auto;
        margin-top: 8.42vw;
    }
    .section12_component2_1 {
        width: 100%;
    }
    .section12_component2_1 > div#map {
        width: 100%;
        height: 51.3vw;
        background-color: #256acf;
    }
    .section12_component2_1 > p {
        margin-top: 4.9vw;
        position: relative;
        line-height: 1.3em;
    }
    .section12_component2_1 > p > span {
        display: block;
        font-size: 2.7vw;
        text-align: center;
    }
    .section12_component2_1 > p > span:nth-child(1) > strong {
        font-weight: 700;
    }
    .section12_component2_1 > p > span:nth-child(2) {
        padding-left: 7vw;
        margin-bottom: 5vw;
    }
    .section12_component2_1 > p > span:last-child {
        width: 100%;
        height: 6.4vw;
        background: #256acf;
        margin-top: 4.9vw;
        padding: 0 4.5vw;
        box-sizing: border-box;
    }
    .section12_component2_1 > p > span:last-child em {
        color: #fff;
        font-size: 3vw;
        font-weight: 700;
        line-height: 6.4vw;
        float: left;
    }
    .section12_component2_1 > p > span:last-child em:nth-child(2) {
        padding: 0 3.6vw;
    }
    .section12_component2_1 > p > span:last-child em > span{
        display: block;
        font-size: 0;
        width: 4.9vw;
        height: 6.4vw;
        background: url("/resource/image/home/section12/footstep.svg") no-repeat center center;
        background-size: 4.9vw 4.7vw;
        margin-right: 1.3vw;
        float: left;
    }
    .section12_component2_1 > p > span:last-child em:last-child > span {
        width: 5.7vw;
        background: url("/resource/image/home/section12/car_icon.svg") no-repeat center center;
        background-size: 5.7vw 4.4vw;
    }



    .section12_component2_2 {
        margin-top: 19.17vw;
    }
    .section12_component2_2 > div:first-child > h2 {
        font-size: 4.36vw;
        font-weight: 700;
    }
    .section12_component2_2 > div:first-child > div {
        margin-top: 3.15vw;
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
    }
    .section12_component2_2 > div:first-child > div > ul:first-child > li {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        justify-content: space-between;
        border-bottom: 2px solid #346ecb;
        font-size: 3.36vw;
        margin-top: 2.4vw;
        height: 4.6vw;
    }
    .section12_component2_2 > div:first-child > div > ul:first-child > li > span {
        display: inline-block;
        vertical-align: bottom;
    }

    .section12_component2_2 > div:first-child > div > ul:last-child {
        margin-left: 6.2vw;
    }
    .section12_component2_2 > div:first-child > div > ul:last-child > li {
        border-bottom: 1px solid rgba(52, 110, 203, 0.4);
        padding-bottom: 1px;
        font-size: 5.37vw;
        height: 6vw;
        margin-top: 1vw;
        white-space: nowrap;
    }
    .section12_component2_2 > div:first-child > div > ul:last-child > li:nth-child(2) {
        text-align: center;
        font-weight: 700;
    }
    .section12_component2_2 > div:first-child > div > ul:last-child > li > span {
        font-size: 2.68vw;
    }

    .section12_component2_2 > div:first-child > p {
        font-size: 2.68vw;
        margin-top: 2.68vw;
    }
    .section12_component2_2 > div:first-child > p > img {
        width: 90%;
    }

    .section12_component2_2 > div:last-child {
        margin-top: 6.67vw;
    }
    .section12_component2_2 > div:last-child > h2 {
        font-size: 4.36vw;
        font-weight: 700;
    }
    .section12_component2_2 > div:last-child > ul {
        margin-top: 3.15vw;
    }
    .section12_component2_2 > div:last-child > ul > li {
        font-size: 2.72vw;
        line-height: 1.4em;
        letter-spacing: 0.015em;
        vertical-align: middle;
    }
    .section12_component2_2 > div:last-child > ul > li > img {
        vertical-align: middle;
        width: 1.11vw;
        height: 1.11vw;
    }
    .section12_component2_2 > div:last-child > ul.EJ > li {
        letter-spacing: 0;
        line-height: 1.2em;
        font-weight: bold;
    }
    .section12_component2_2 > div:last-child > ul.EJ > li img {
        width: 90%;
    }

    .section12_component2_2 > div:last-child > p {
        margin: 6.85vw auto;        
        width: 27.6vw;
        height: 9.72vw;
    }
    .section12_component2_2 > div:last-child > p > a {
        display: block;
        width: 100%;
        height: 100%;
        background: url("/resource/image/home/section12/largephone_icon.svg") no-repeat 3.15vw center;;
        background-size: 5.18vw;
        background-color: #256acf;
        border-radius: 36.5px;
        padding-left: 2.1vw;
        padding-top: 1.27vw;
        color: #fff;
        font-size: 3.1vw;
        font-weight: 700;
        box-sizing: border-box;
        letter-spacing: 0.025em;
        line-height: 1.17em;
    }
    .section12_component2_2 > div:last-child > p > a > span {
        display: block;
        text-indent: 8.5vw;
    }

    .map_marker {
        width: 170px;
        height: 33px;
        border-radius: 30px;
        background: #0475f4;
        box-sizing: border-box;
        padding-right: 5px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .map_marker::before {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 15px;
        border-top: 8px solid #0475f4;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }
    .ico {
        width: 25px;
        height: 25px;
        background: url("/resource/image/home/section12/marker.svg") no-repeat center center;
        background-size: 15px 15px;
        border-radius: 50%;
        background-color: #fff;
        display: inline-block;
        margin: 0 5px;
        padding: 5px;
        box-sizing: border-box;
    }
    .shd {
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 130px;
        font-weight: 600;
        font-size: 12px;
    }
    /*********************** section12 *********************/



    /*********************** section13 *********************/
	#section13.fp-section {
        height: 12.2vw !important;
        background-color: #256acf;
    }
	.section13_component1 {
        padding-top: 1.48vw;
        padding-left: 8.03vw;
    }
	.section13_component1 > span {
        display: block;
        color: #fff;
        font-size: 1.79vw;
        line-height: 1.53em;
    }
    /*********************** section13 *********************/
}