.swiper-areas1{display: none !important;}

.main{overflow:hidden}

@media screen and (min-width: 1001px){

/* ==========================================
   공통
=============================================*/

.main{width: 100%;}
.main_in{width:100%;max-width: 1280px;height: 100%;margin:0 auto;}
.main_out{width:100%;max-width: 1760px;margin:0 auto;}

.main .main_title1{font-size:40px;text-align:center;font-weight:bold;}
.main .main_title2{font-size:20px;text-align:center;margin-top:20px;}

.btn_area{width: 430px;display:flex;justify-content: space-around;}
.btn{width: 200px;height: 55px;background:#fff;border:1px solid #191919;border-radius:0 15px 0 15px;text-align:Center;line-height: 55px;}
.btn a{display:block;width: 100%;height: 100%;font-size:18px;font-weight:500;color:#191919;}
.btn p{display:flex;justify-content: center;align-items: center;}
.btn img{display:inline-block;margin-left:5px;}
.btn .hh{display:none;}


.btn:hover{background:#000;}
.btn:hover a{color:#fff;}
.btn:hover .h{display:none;}
.btn:hover .hh{display:block;}

	/* ===============
	   VISUAL 비주얼
	==================*/

	.visual{height: 960px;position:Relative;position:Relative;}
	.visual .swiper{width: 100%;height: 100%;position:Absolute;top:0;left:0}

	.visual .main_out{position:absolute;height:100%;top:0;left:50%;transform:translateX(-50%);z-index:1000;}
	.visual .main_in{}


	/*비주얼 prev next버튼*/
	.swiper-button-next1{
	    right: var(--swiper-navigation-sides-offset,10px);left: auto;}
	.swiper-button-prev1{
	    left: var(--swiper-navigation-sides-offset,10px); right: auto;}


	.swiper-button-next1, .swiper-button-prev1{
		position: absolute;
    /*top: var(--swiper-navigation-top-offset,50%);*/
	bottom:80px;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	/*
    color: var(--swiper-navigation-color,var(--swiper-theme-color)*/);
	color:#c6c6c6;
	}
	.swiper-button-next1:after, .swiper-button-prev1:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
	}


	/*비주얼 슬라이드 재생 버튼*/
	.swiper-areas1{width:auto;background:rgba(0,0,0,0.6);border-radius:50px;
	display:flex;align-items:flex-end;
	position:Absolute;top:70%;left:50%;transform:translate(-50%,-50%);padding:5px 20px;}
	.swiper-areas1 .swiper-pagination-bullets.swiper-pagination-horizontal{width:auto;height:auto;}
	.swiper-areas1 .swiper-pagination1 .swiper-pagination-bullet{width: 13px;height: 13px;margin:0 10px !important;}
	.swiper-areas1 .swiper-pagination1 .swiper-pagination-bullet-active{background:#fff}

	.swiper-areas1 .swiper-button1{width: 20px;height:20px;margin-left:10px;text-align:center;cursor:pointer;}
	.swiper-areas1 .swiper-button1 img{width: 60%;}


	/* 비주얼 스크롤 다운*/
	.visual .scroll{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);color:#fff;width: auto;height:auto;text-align:Center;}
	.visual .scroll .s2{margin-top:10px;animation: sc 2s infinite;}

	@keyframes sc {
    0% {transform: translate(0, 0); opacity: 0;}
    40% {opacity: 1;}
    80% {transform: translate(0, 20px); opacity: 0;}
    100% {opacity: 0;}
	}

	/* 비주얼 텍스트*/
	.visual .v_txt{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:56px;font-weight:300;color:#fff;text-align:center;}


	/* ======================
	   main1 : main1:회사소개
	==================*/

	.main1{padding:100px 0 80px}
	.main1 .main_out{height: auto;background:url(/images/main/main1_bg.png) no-repeat;}

	.main1 .top{padding-top:80px;}
	.main1 .top img{width: 100%;}

	.main1 .bottom ul {display:flex;flex-wrap:wrap;padding:80px 40px 40px 40px;background:#000;}
	.main1 .bottom ul li{width: 50%;color:#fff;padding-left:40px;position:Relative;font-size:20px;margin-bottom:36px;}
	.main1 .bottom ul li::before{content:'';position:absolute;top:0;left:0;width: 15px;height: 22px;background:url(/images/main/icon_icon1.png) no-repeat;}


	/* ======================
	   main2 : main2 : 클라이언트
	==================*/
	.main2 {background:#f8f8f8;padding:120px 0 130px;}
	.main2 .main_title1{}
	.main2 .main_title2{}

	.main2 .main2_ul{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.main2 .main2_ul li{width: 13.5%;margin-bottom:15px;}
	.main2 .main2_ul li img{width: 100%;}

	.main2 .btn_area{margin:20px auto 0;}



	/* ======================
	   main3 : main3 : 비지니스
	==================*/

	.main3{padding:120px 0 200px;width: 100%;height:auto;background:url(/images/main/main3_bg.png) no-repeat;background-size:cover;background-position:center center;}

	.main3 .box{margin-top:40px;position:relative;}
	.main3 .box>img{width: 100%;border-radius:20px;}
	.main3 .box_txt{width: 650px;height: 350px;position:absolute;bottom:-80px;right:-40px;background:#fff;border-radius:20px;padding:80px;
	-webkit-box-shadow: 10px 10px 16px 0px rgba(219,215,219,1);
	-moz-box-shadow: 10px 10px 16px 0px rgba(219,215,219,1);
	box-shadow: 10px 10px 16px 0px rgba(219,215,219,1);}
	.main3 .box_txt .title{font-size:28px;font-weight:bold;}
	.main3 .box_txt .con{font-size:20px;color:#6a6a6a;line-height:28px;margin-top:15px;}
	.main3 .btn{margin-top:30px;}



	/* ======================
	   main4 : main4 : 인증서
	==================*/
	.main4{padding:120px 0;background:url(/images/main/main4_bg.png) no-repeat;background-size:cover;}
	.main4 .main_in{}
	.main4 .main4_ul{display:flex;margin-top:45px;justify-content: space-between}
	.main4 .main4_ul li{width: 24%;text-align:Center;}
	.main4 .main4_ul li .img{border:1px solid #d3d3d3;background:#fff;}
	.main4 .main4_ul li .img img{width: 100%;}
	.main4 .main4_ul li .txt{margin-top:20px;font-size:20px;line-height:28px;}

	.main4 .btn{margin:40px auto 0;}



	/* ======================
	   main5 : main5 : 지도
	==================*/
	.main5{display:flex;height: 780px;}
	.main5 .map{width: 100%;position:relative;}
	.main5 .map_txt{position:Absolute;top:0;right:0;z-index:555;width: 40%;height: 100%;background:rgba(0,0,0,0.8);
	outline:1px solid #fff;  outline-offset: -8px;/*padding:140px 120px;*/;
	display:flex;flex-direction:column;justify-content: center;align-items: center;color:#fff}

	.main5 .main5_ul {margin-top:45px;}
	.main5 .main5_ul li{display:flex;align-items: center;font-size:20px;margin-bottom:40px;}

	.main5 .main5_ul li .icon{width: 40px;}
	.main5 .main5_ul li .icon img{width: 100%;}
	.main5 .main5_ul li .t{font-weight:600;margin-left:30px;margin-right:45px;}

	.main5 .btn_area .btn{background:transparent;border:1px solid #fff;}
	.main5 .btn_area .btn a{color:#fff;}

	.main5 .btn:hover{background:#fff}
	.main5 .btn:hover a{color:#000}



}



/* ===================================================

	화면 틀어짐 방지

======================================================*/
@media screen and (min-width:1001px) and (max-width:1700px){




	.main_out{width: 100%;max-width:90%;}
	.swiper-button-prev1{left:25px;}
	.swiper-button-next1{right:25px;}




	/*main3 : */
	.main3 .box_txt{right:50px;}

	/*main2: 클라이언트*/
	.main2 .main2_ul{width: 98%;margin:50px auto 0; justify-content: flex-start;gap:0.8%}
	.main2 .main2_ul li{width:16%;border:1px solid #e1e1e1;}

}


@media screen and (min-width:1001px) and (max-width:1300px){

	.main_in{width: 98%;margin:0 auto}

	/* main1:회사소개 */
	.main_out{max-width:100%;}
	.main1 .bottom ul{flex-direction:column;    padding: 20px ;background:transparent}
	.main1 .bottom ul li{width: 100%;}

	/*main2: 클라이언트*/
	.main2 .main2_ul{width: 98%;margin:50px auto 0; justify-content: flex-start;gap:1.25%}
	.main2 .main2_ul li{width:19%;border:1px solid #e1e1e1;}

	/*main3: 비지니스*/
	.main3{background-position: center right -100px;}
	.main3 .box_txt{width: 50%;height:auto;padding:70px}
	.main3 .box_txt .none{display:none}

	/*main4: 인증서*/
	.main4 .main4_ul li .txt {font-size:17px;}
	.main4 .main4_ul li .txt .none{;}


	/*main5: 지도*/
	.main5{height:680px;}
	.main5 .map_txt{width:48%;}
	.main5 .main5_ul li{font-size:18px;}
	.main5 .main5_ul li .icon{width: 30px;}
	.main5 .main5_ul li .t{margin-left:16px;margin-right:25px;}



}




/* ===================================================

	730px ~ 1000px

======================================================*/
@media screen and (min-width:730px) and (max-width:1000px){


	/* ==========================================
	   공통
	=============================================*/
	.main{width: 100%;}
	.main_out{width:100%;}
	.main_in{width:94%;height: 100%;margin:0 auto;}

	.main .main_title1{font-size:4.6000vw;text-align:center;font-weight:bold;}
	.main .main_title2{font-size:2.6000vw;text-align:center;margin-top:2.0000vw;}

	.btn_area{width: 52.0000vw;display:flex;justify-content: space-around;}
	.btn{width: 24.0000vw;height: 6.000vw;background:#fff;border:0.1000vw solid #191919;border-radius:0 1.5000vw 0 1.5000vw;text-align:Center;line-height: 6.000vw;}
	.btn a{display:block;width: 100%;height: 100%;font-size:2.4000vw;font-weight:500;color:#191919;}
	.btn p{display:flex;justify-content: center;align-items: center;}
	.btn img{display:inline-block;margin-left:1.2000vw;}

	.btn .hh{display:none;}
	/*_____________*/




	.visual{height: 96vw;position:Relative;position:Relative;}
	.visual .swiper{width: 100%;height: 100%;position:Absolute;top:0;left:0}

	.visual .main_out{position:absolute;height:100%;top:0;left:50%;transform:translateX(-50%);z-index:1000}
	.visual .main_in{}

	.youtube_frame{position: absolute;top: 50%;left:50%;transform:translate(-50%,-50%);width: 180%;height:100%;}


	/*비주얼 prev next버튼*/
	.swiper-button-next1{
	    right: 3%;left: auto;}
	.swiper-button-prev1{
	    left: 3%; right: auto;}


	.swiper-button-next1, .swiper-button-prev1{
		position: absolute;
    /*top: var(--swiper-navigation-top-offset,50%);*/
	bottom:8.0000vw;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0.0000vw - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	/*
    color: var(--swiper-navigation-color,var(--swiper-theme-color)*/);
	color:#c6c6c6;
	}
	.swiper-button-next1:after, .swiper-button-prev1:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
	}


	/*비주얼 슬라이드 재생 버튼*/
	.swiper-areas1{width:auto;background:rgba(0,0,0,0.6);border-radius:5.0000vw;
	display:flex;align-items:flex-end;
	position:Absolute;top:70%;left:50%;transform:translate(-50%,-50%);padding:0.5000vw 2.0000vw;}
	.swiper-areas1 .swiper-pagination-bullets.swiper-pagination-horizontal{width:auto;height:auto;}
	.swiper-areas1 .swiper-pagination1 .swiper-pagination-bullet{width: 1.3000vw;height: 1.3000vw;margin:0 1.0000vw !important;}
	.swiper-areas1 .swiper-pagination1 .swiper-pagination-bullet-active{background:#fff}

	.swiper-areas1 .swiper-button1{width: 2.0000vw;height:2.0000vw;margin-left:1.0000vw;text-align:center;cursor:pointer;}
	.swiper-areas1 .swiper-button1 img{width: 60%;}


	/* 비주얼 스크롤 다운*/
	.visual .scroll{position:absolute;bottom:8.0000vw;left:50%;transform:translateX(-50%);color:#fff;width: auto;height:auto;text-align:Center;}
	.visual .scroll .s2{margin-top:1.0000vw;animation: sc 2s infinite;}

	@keyframes sc {
    0% {transform: translate(0, 0); opacity: 0;}
    40% {opacity: 1;}
    80% {transform: translate(0, 2.0000vw); opacity: 0;}
    100% {opacity: 0;}
	}

	/* 비주얼 텍스트*/
	.visual .v_txt{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:5.6000vw;font-weight:300;color:#fff;text-align:center;}



	/* ======================
	   main1 : main1:회사소개
	==================*/

	.main1{padding:10.0000vw 0 8.0000vw}
	.main1 .main_out{height: auto;background:url(/images/main/main1_bg.png) no-repeat;background-size:cover;}

	.main1 .top{padding-top:8.0000vw;}
	.main1 .top img{width: 100%;}

	.main1 .bottom ul {display:flex;flex-direction:column;flex-wrap:wrap;padding:8.0000vw 4.0000vw 4.0000vw 2vw;background:#000;}
	.main1 .bottom ul li{width: 100%;color:#fff;padding-left:4.0000vw;position:Relative;font-size:2.6000vw;margin-bottom:3.6000vw;}
	.main1 .bottom ul li::before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width: 1.5000vw;height: 2.2000vw;
	background:url(/images/main/icon_icon1.png) no-repeat;background-size:cover;}


	/* ======================
	   main2 : main2 : 클라이언트
	==================*/
	.main2 {background:#f8f8f8;padding:12.0000vw 0 13.0000vw;}
	.main2 .main_title1{}
	.main2 .main_title2{}

	.main2 .main2_ul{width: 94%;margin:5.0000vw auto 0;gap:0 2%;display:flex;flex-wrap:wrap;justify-content: flex-start;}
	.main2 .main2_ul li{width: 32%;height:auto;margin-bottom:1.5000vw;}
	.main2 .main2_ul li img{width: 100%;height:100%;border:0.1vw solid #ccc;}

	.main2 .btn_area{margin:3.0000vw auto 0;}


	/* ======================
	   main3 : main3 : 비지니스
	==================*/

	.main3{padding:12.0000vw 0 20.0000vw;width: 100%;height:auto;background:url(/images/main/main3_bg.png) no-repeat;background-size:cover;background-position:right center;}

	.main3 .box{margin-top:4.0000vw;position:relative;}
	.main3 .box>img{width: 100%;border-radius:2.0000vw;}
	.main3 .box_txt{width: 65.0000vw;height: 35.0000vw;position:absolute;bottom:-8.0000vw;right:0.0000vw;background:#fff;border-radius:2.0000vw;padding:8.0000vw;
	-webkit-box-shadow: 1.0000vw 1.0000vw 1.6000vw 0.0000vw rgba(219,215,219,1);
	-moz-box-shadow: 1.0000vw 1.0000vw 1.6000vw 0.0000vw rgba(219,215,219,1);
	box-shadow: 1.0000vw 1.0000vw 1.6000vw 0.0000vw rgba(219,215,219,1);}
	.main3 .box_txt .title{font-size:3.4000vw;font-weight:bold;}
	.main3 .box_txt .con{font-size:2.4000vw;color:#6a6a6a;line-height:2.8000vw;margin-top:1.5000vw;}
	.main3 .box_txt .con .none{display:none;}
	.main3 .btn{margin-top:3.0000vw;}



	/* ======================
	   main4 : main4 : 인증서
	==================*/

	.main4{padding:12.0000vw 0;background:url(/images/main/main4_bg.png) no-repeat;background-size:cover;
	background-position: center center;}
	.main4 .main_in{}
	.main4 .main4_ul{display:flex;flex-wrap:wrap;margin-top:4.5000vw;justify-content: space-between;}
	.main4 .main4_ul li{width: 48%;text-align:Center;margin-bottom:4.5000vw}
	.main4 .main4_ul li .img{background:#fff;overflow:hidden;border:0.1000vw solid #d3d3d3;}
	.main4 .main4_ul li .img img{width: 100%;}
	.main4 .main4_ul li .txt{margin-top:2.0000vw;font-size:2.4000vw;line-height:2.8000vw;}

	.main4 .btn{margin:4.0000vw auto 0;}



	/* ======================
	   main5 : main5 : 지도
	==================*/
	.main5{display:flex;height: 74.0000vw;}
	.main5 .map{width: 100%;position:relative;}
	.main5 .map_txt{position:Absolute;bottom:0;right:0;z-index:555;width: 100%;height: auto;background:rgba(0,0,0,0.8);
	outline:0.1000vw solid #fff;  outline-offset: -0.8000vw;/*padding:14.0000vw 12.0000vw;*/;
	color:#fff;padding:3.0000vw}


	.main5 .main5_ul {margin-top:2.5000vw;display:flex;flex-wrap:wrap;justify-content:space-between;}
	.main5 .main5_ul li{width: 50%;display:flex;align-items: center;font-size:2.3000vw;margin-bottom:2.0000vw;}

	.main5 .main5_ul li .icon{width: 3.0000vw;}
	.main5 .main5_ul li .icon img{width: 100%;}
	.main5 .main5_ul li .t{font-weight:600;margin-left:1.5000vw;margin-right:2.5000vw;}
	.main5 .main5_ul li:nth-child(2n) .icon{margin-left:1.5000vw;}

	.main5 .btn_area{margin:3.0000vw auto 0;}
	.main5 .btn_area .btn{background:transparent;border:0.1000vw solid #fff;}
	.main5 .btn_area .btn a{color:#fff;}


}



/* ===================================================

	~729px

======================================================*/


@media screen and (max-width:729px){
.header{display:none;}

	/* ==========================================
	   공통
	=============================================*/
	.main{width: 100%;}
	.main_in{width:100%;height: 100%;margin:0 auto;}
	.main_out{width:100%;margin:0 auto;}

	.main .main_title1{font-size:6.8587vw;text-align:center;font-weight:bold;}
	.main .main_title2{font-size:4.1152vw;text-align:center;margin-top:2.7435vw;}

	.btn_area{width: 62vw;display:flex;justify-content: space-around;}
	.btn{width: 28.0vw;height: 8.3vw;background:#fff;border:0.1372vw solid #191919;border-radius:0 2.0576vw 0 2.0576vw;text-align:Center;line-height:8.3vw;}
	.btn a{display:block;width: 100%;height: 100%;font-size:3.8409vw;font-weight:500;color:#191919;}
	.btn p{display:flex;justify-content: center;align-items: center;}
	.btn img{width: 2.9vw;display:inline-block;margin-left:1.3vw;}

	.btn .hh{display:none;}

	/*_____________*/


		/* ===============
	   VISUAL 비주얼
	==================*/

	.visual{height: 131.6872vw;position:Relative;position:Relative;}
	.visual .swiper{width: 100%;height: 100%;position:Absolute;top:0;left:0}

	.visual .main_out{position:absolute;height:100%;top:0;left:50%;transform:translateX(-50%);z-index:1000;}
	.visual .main_in{}
	.youtube_frame{position: absolute;top: 50%;left:50%;transform:translate(-50%,-50%);width: 240%;height:100%;}



	/*비주얼 prev next버튼*/
	.swiper-button-next1{
	    right: 5%;left: auto;}
	.swiper-button-prev1{
	    left: 5%; right: auto;}


	.swiper-button-next1, .swiper-button-prev1{
		position: absolute;
    /*top: var(--swiper-navigation-top-offset,50%);*/
	bottom:10.9739vw;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0.0000vw - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	color:#c6c6c6;

	}
	.swiper-button-next1:after, .swiper-button-prev1:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
	}

	.swiper-button-next1 img, .swiper-button-prev1 img{2.7435vw}


	/*비주얼 슬라이드 재생 버튼*/
	.swiper-areas1{display:none;}


	.swiper-areas1 .swiper-button1{width: 2.7435vw;height:2.7435vw;margin-left:1.3717vw;text-align:center;cursor:pointer;}
	.swiper-areas1 .swiper-button1 img{width: 60%;}


	/* 비주얼 스크롤 다운*/
	.visual .scroll{display:none;}

	/* 비주얼 텍스트*/
	.visual .v_txt{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:6.5vw;font-weight:300;color:#fff;text-align:center;}




	/* ======================
	   main1 : main1:회사소개
	==================*/


	.main1{padding:13.7174vw 0 10.9739vw}
	.main1 .main_out{height: auto;background:url(/images/main/main1_bg.png) no-repeat;}

	.main1 .top{padding-top:10.9739vw;text-align:Center;}
	.main1 .top img{height:34.2936vw;width: 96%;}

	.main1 .bottom ul {display:flex;flex-direction:column;flex-wrap:wrap;padding:10.9739vw 2.7435vw 5.4870vw 5.4870vw;background:#000;}
	.main1 .bottom ul li{width: 100%;color:#fff;padding-left:5.4870vw;position:Relative;font-size:4.1152vw;margin-bottom:4.0vw;}
	.main1 .bottom ul li::before{content:'';position:absolute;top:15%;left:0;
	width: 2.0576vw;height: 3.0178vw;background:url(/images/main/icon_icon1.png) no-repeat;background-size:cover;}

	/* ======================
	   main2 : main2 : 클라이언트
	==================*/



	.main2 {background:#f8f8f8;padding:16.4609vw 0 17.8326vw;}
	.main2 .main_title1{}
	.main2 .main_title2{}

	.main2 .main2_ul{width: 94%;margin:6.8587vw auto 0;gap:0 2%;display:flex;flex-wrap:wrap;justify-content: flex-start;}
	.main2 .main2_ul li{width: 32%;margin-bottom:2.0576vw;}
	.main2 .main2_ul li img{width: 100%;border:0.1372vw solid #ccc}

	.main2 .btn_area{margin:2.7435vw auto 0;}


	/* ======================
	   main3 : main3 : 비지니스
	==================*/


	.main3{padding:16.4609vw 0 61.7284vw;width: 100%;height:auto;background:url(/images/main/main3_bg.png) no-repeat;background-size:cover;background-position:right -3.4294vw center;}

	.main3 .box{margin-top:5.4870vw;position:relative;}
	.main3 .box>img{width: 100%;border-radius:2.7435vw;}
	.main3 .box_txt{width: 100%;height: 48.0110vw;position:absolute;bottom:-41.1523vw;right:0.0000vw;background:#fff;border-radius:2.7435vw;padding:6.8587vw;
	-webkit-box-shadow: 1.3717vw 1.3717vw 2.1948vw 0.0000vw rgba(219,215,219,1);
	-moz-box-shadow: 1.3717vw 1.3717vw 2.1948vw 0.0000vw rgba(219,215,219,1);
	box-shadow: 1.3717vw 1.3717vw 2.1948vw 0.0000vw rgba(219,215,219,1);}
	.main3 .box_txt .title{font-size:5.2126vw;font-weight:bold;}
	.main3 .box_txt .con{font-size:4.1152vw;color:#6a6a6a;line-height:4.6639vw;margin-top:2.0576vw;}
	.main3 .btn{margin-top:4.1152vw;}

	/* ======================
	   main4 : main4 : 인증서
	==================*/

	.main4{padding:16.4609vw 0;background:url(/images/main/main4_bg.png) no-repeat;background-size:cover;background-position:center center;}
	.main4 .main_in{}
	.main4 .main4_ul{width: 94%;margin:6.1728vw auto;display:flex;flex-wrap:wrap;justify-content: space-between}
	.main4 .main4_ul li{width: 47%;text-align:left;}
	.main4 .main4_ul li .img{background:#fff;border:0.1372vw solid #d3d3d3;}
	.main4 .main4_ul li .img img{width: 100%;}
	.main4 .main4_ul li .txt{margin-top:2.7435vw;font-size:4.1152vw;line-height:4.6639vw;margin-bottom:6.1728vw;}
	.main4 .btn{margin:5.4870vw auto 0;}


	/* ======================
	   main5 : main5 : 지도
	==================*/





	.main5{display:flex;height: 140.0vw;}
	.main5 .map{width: 100%;position:relative;}
	.main5 .map_txt{position:Absolute;bottom:0;right:0;z-index:555;width: 100%;height: auto;background:rgba(0,0,0,0.8);
	outline:0.1372vw solid #fff;  outline-offset: -1.0974vw;/*padding:19.2044vw 16.4609vw;*/;
	display:flex;flex-direction:column;justify-content: center;align-items: flex-start;color:#fff;padding:4.1152vw;}

	.main5 .main5_ul {margin-top:4.0vw;}
	.main5 .main5_ul li{display:flex;align-items: center;font-size:4.1152vw;margin-bottom:1.3717vw;}

	.main5 .main5_ul li .icon{width:3.4294vw;}
	.main5 .main5_ul li .icon img{width: 100%;}
	.main5 .main5_ul li .t{font-weight:600;margin-left:4.1152vw;margin-right:6.1728vw;}

	.main5 .btn_area {margin:3.0vw auto 0;}
	.main5 .btn_area .btn{background:transparent;border:0.1372vw solid #fff;}
	.main5 .btn_area .btn a{color:#fff;}


}


/* Popup */

#popup {
	position: relative;
}

.popup-layer {
	z-index: 10000;
	position: absolute;
	background: #fff;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,.25);
	animation: popup-fade .65s ease-in-out .35s forwards;
	opacity: 0;
	max-width:800px;
}

@keyframes popup-fade {
	0% { opacity: 0;
		-webkit-transform: translateY(25px);
		-ms-transform: translateY(25px);
		transform: translateY(25px); }
	100% { opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0); }
}
.popup-layer__body {
	background: #fff;
}

.popup-layer__body img {
	display: block;
	margin: 0 auto;
	border: none;
	max-width: 100%;
}

.popup-layer__foot {
	background: #424242;
}

.popup-layer__foot ul {
	display:flex;
	flex-wrap: wrap;
}

.popup-layer__foot li {
	width:50%;
	padding:10px;
}

.popup-layer__foot li:first-child {
	padding-right:0;
}

.popup-layer__foot li:last-child {
	text-align: right;
}

.popup-layer__foot span {
	font-size: 1.5rem;
	color: #fff;
	cursor: pointer;
	transition:all 0.3s ease;
}

.popup-layer__foot label:hover span { opacity: .7; }

/* .popup-layer-foot { background: #424242; }
.popup-layer-foot span { font-size: 15px; color: #fff; }
.popup-layer-foot label:hover span { opacity: .7; }
.popup-layer-foot li:first-child { padding-right: 0; }
.popup-layer-foot li:last-child { text-align: right; } */


@media (max-width: 1024px){
	/* .popup-layer { z-index: 999; } */
	.popup-layer { top: 95px !important; left: 0 !important; margin: 0 5px; }
}
@media (max-width: 768px){

	.popup-layer {
		width:calc(100% - 10px);
	}

	.popup-layer img {
		max-width: none;
		width:100%;
		height: auto !important;
	}
	.popup-layer-foot span { font-size: 14px; }

}
@media (max-width: 375px){
	.popup-layer-foot li { width: 100%; }
	.popup-layer-foot li:last-child { text-align: left; }
}