/*---common css---*/

:root {

	/*container*/
	--main-width: 92%;
	--main-container: 1760px;
	--main-section: 150px;
	--section-container: 1400px;

	/*margin*/
	--hd-height: 180px;
	--margin-zero: 0px;

	/*color*/
	--color-green: #06563f;
	--color-on: #0e6b50;

	/*font*/
	--font-eng: 'Montserrat', sans-serif;

	/*font-size*/
	--font-size-14: .875rem;
	--font-size-17: 1.0625rem;
	--font-size-18: 1.125rem;
	--font-size-22: 1.375rem;
	--font-size-24: 1.5rem;
	--font-size-30: 1.875rem;
	--font-size-40: 2.5rem;
	--font-size-50: 3.125rem;

	/*font-weight*/
	--font-l: 100;
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-eb: 800;
	--font-bl: 900;

	/*font-stroke*/
	--font-350: 0.015em;	
}

.color_01 { color: #62b995; }

/*팝업 (모바일)*/
@media (max-width: 800px) {
#hd_pop { background: #fff; }
.hd_pops { left: 20px !important; right: 20px !important;  background: #fff; }
.hd_pops_con { width: 100% !important; height: auto !important; background: #fff; }
.hd_pops_con img { width: 100% !important; height: auto !important; }
} 
/*//팝업 (모바일)*/

/*font*/
.fs_12{font-size: 0.75rem;}
.fs_14{font-size: 0.875rem;}
.fs_16{font-size: 1rem;}
.fs_18{font-size: 1.125rem;}
.fs_20{font-size: 1.25rem;}
.fs_22{font-size: 1.375rem;}
.fs_24{font-size: 1.5rem;}
.fs_28{font-size: 1.75rem;}
.fs_30{font-size: 1.875rem;}
.fs_35{font-size: 2.1875rem;}
.fs_40{font-size: 2.5rem;}
.fs_50{font-size: 3.125rem;}
.fs_60{font-size: 3.75rem;}

/*font-weight*/
.font_r{font-weight: 400;}
.font_m{font-weight: 500;}
.font_sb{font-weight: 600;}
.font_b{font-weight: 700;}
.font_bl{font-weight: 800;}
.font_eb{font-weight: 900;}
.font_eb{font-weight: 700;}

/*container*/
.main_container{width: 92%;margin: 0 auto;max-width: 1760px;}
.main_section{padding-top: 117px;padding-bottom: 98px;}

@media screen and (max-width: 1480px){

    .main_section{padding-top: 107px;}
}

@media screen and (max-width: 720px){

    .main_section{padding-top: 96px;}
}

/*title*/
.tit_box_01, .tit_box_02{text-align: center;}
.tit_box_01 span, .tit_box_02 span{display: block;margin-bottom: 16px;color: #62b995;} 
.tit_box_01 h2{line-height: 143%;}   

.tit_box_02 i{letter-spacing: 0.06em;}
.tit_box_02 b{display: block;margin-bottom: 18px;}

.tit_box_03{text-align: center;}
.tit_box_03 h2{margin-bottom: 17px;}
.tit_box_03 p{line-height: 135%;}

.tit_box_04{text-align: left;}
.tit_box_04 span{margin-bottom: 15px;}
.tit_box_04 h2{line-height: 130%;margin-bottom: 32px;}
.tit_box_04 p{line-height: 165%;}

@media screen and (max-width: 720px){

    .tit_box_01 span{font-size: 11px;margin-bottom: 8.5px;}
    .tit_box_01 h2{font-size: 22px;line-height: 130%;}
    .tit_box_01 h2 b{font-size: 27.5px;}

    .tit_box_02 span{font-size: 11px;margin-bottom: 6px;font-weight: 600;}
    .tit_box_02 h2{font-size: 11px;line-height: 160%;font-weight: 600;}
    .tit_box_02 h2 b{font-size: 22px;line-height: 128%;margin-bottom: 12px;}

    .tit_box_03 h2{font-size: 22px;font-weight: 400;margin-bottom: 14px;}
    .tit_box_03 h2 b{font-weight: 800;}
    .tit_box_03 p{font-size: 11px;line-height: 165%;}

    .tit_box_04 h2{font-size: 22px; font-weight: 400;line-height: 128%;margin-bottom: 10px;}
    .tit_box_04 p{font-size: 11px;font-weight: 600;line-height: 160%; word-break: keep-all; padding: 0 2%; }
}

/*more - link button*/
.link_a{display: block;text-align: center;}
.link_a i{padding: 0 9px;position: relative;}
.link_a i::before{content: "";position: absolute;top: 50%;right: 0;left: auto;transform: translateY(-50%);width: 0;height: 4px;background-color: rgba(145,202,177,.6);z-index: -1;transition: width .45s ease;}

.link_a i:hover::before{width: 100%;right: auto;left: 0;}
.link_a.on i::before { width: 100%;right: auto;left: 0; }

.link_a_lft{text-align: left;}

@media screen and (max-width: 720px){
	
	.main_container{width: 84%; }
    .link_a{font-size: 11px;font-weight: 900;}
}

/*main page*/
#main_wrap{margin-top: 80px;}
.main_inner{position: absolute;bottom: 0; left: 0;width: 100%;z-index: 100;background-color: #FFF;}

@media screen and (max-width: 1480px){

    #main_wrap{margin-top: 160px;}
}

@media screen and (max-width: 1080px){

    #main_wrap{margin-top: 75px;}
}

@media screen and (max-width: 720px){

}

/*---common motion---*/
.common_trigger .common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}

.common_trigger.on .common_motion{transform: translateY(0);opacity: 1;}

.k_delay_01{transition-delay: .2s !important;}
.k_delay_02{transition-delay: .4s !important;}
.k_delay_03{transition-delay: .6s !important;}
.k_delay_04{transition-delay: .8s !important;}
.k_delay_05{transition-delay: 1s !important;}
.k_delay_06{transition-delay: 1.2s !important;}
.k_delay_07{transition-delay: 1.4s !important;}
.k_delay_08{transition-delay: 1.6s !important;}
.k_delay_09{transition-delay: 1.8s !important;}
.k_delay_10{transition-delay: 2s !important;}
.k_delay_11{transition-delay: 2.2s !important;}

/*---header---*/
#k_header{position: fixed;top: 0;left: 0;width: 100%;background-color: #09523f;z-index: 1000; }

/*---header - on---*/
#k_header .hd_top{height: 70px; transition: height .3s ease;}
#k_header .hd_logo img{max-width: 92px;padding-top: 35px; display: block; transition: all .3s ease; }
.hd_logo{display: flex!important;height: inherit;justify-content: center;}
.hd_logo_pc { float: left; height: inherit; display: flex; align-items: center; }

.hd_top{ display: none; }

.hd_btm{height: 80px;position: relative;}

#gnb_open{float: left;width: 25px;height: inherit;position: relative;z-index: 30;transition: width .2s ease;}
#gnb_open span{position: absolute;top: 39px;left: 0;width: 100%;height: 2px;background-color: #000;transition: all .45s ease;}
#gnb_open span:nth-child(1){transform: translateY(-9px);}
#gnb_open span:nth-child(3){transform: translateY(9px);}

#gnb_open.open{width: 35px;}
#gnb_open.open span{background-color: #FFF;}
#gnb_open.open span:nth-child(2){opacity: 0;}
#gnb_open.open span:nth-child(1){transform: rotate(45deg);}
#gnb_open.open span:nth-child(3){transform: rotate(-45deg);}

.hd_rgt_menu{float: right;height: inherit; display: flex!important; align-items: center; justify-content: flex-end; gap:10px; width: auto!important; }
.hd_rgt_menu>ul{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center;height: 100%;}
.hd_rgt_menu>ul>li{margin-left: 49px;position: relative;}
.hd_rgt_menu>ul>li>a>img{display: block;position: relative;z-index: 1;}

.hd_rgt_menu .hd_lang { margin-left: 10px; }
.hd_rgt_menu .hd_lang img { border-radius: 100%; width:100%; max-width:  38px; height: auto;  }
.hd_rgt_menu .hd_lang>a::before { 
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px;
    background: linear-gradient(to right, #1bdba9, #5cc2c4);
    border-radius: 100%;
    z-index: 2;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.hd_rgt_menu>ul>li>ul{position: absolute;top: -8px;left: 50%;transform: translateX(-50%);width: 46px;background-color: #FFF;padding-top: 40px;padding-bottom: 10px;border-radius: 54px;display: none;
    box-shadow: 0 5px 13px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 5px 13px rgba(0,0,0,0.15);
}
.hd_rgt_menu>ul>li>ul>li { padding-top: 10px; }
.hd_rgt_menu>ul>li>ul>li>a{display: block;text-align: center;padding: 3px 0;font-size: 0.9375rem;font-weight: 400;}
.hd_rgt_menu>ul>li:nth-child(2)>ul>li>a {padding: 5px 0;}
.hd_rgt_menu>ul>li>ul>li>a:hover{color: #65ba97;}
.hd_rgt_menu>ul>li>ul>li>a.on{color: #65ba97;font-weight: 500;}

.hd_rgt_menu .head_btn {
    position: relative;
    padding: 10px 20px;
    color: #fff;
    font-weight: 700;
    background: #09523f;
    border-radius: 25px;
    z-index: 1;
    display: flex; align-items: center; gap: 5px;
    transition: .3s;
}
.hd_rgt_menu .head_btn::before {
    content: "";
    position: absolute;
    inset: 0; /* top/right/bottom/left: 0 */
    padding: 3px; /* 보더 두께 */
    background: linear-gradient(to right, #1bdba9, #5cc2c4);
    border-radius: 25px;
    z-index: -1;
    -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}
.hd_rgt_menu .head_btn svg { fill: #fff; transition: .3s; }

.hd_gnb{position: absolute;top: 0;left: 50%;transform: translateX(calc(-50% + 0.5px));z-index: 10;}
.hd_gnb>ul{white-space: nowrap;}
.hd_gnb>ul>li{display: inline-block;vertical-align: top;width: 200px;text-align: center; transition: width .45s ease;}
/*
.hd_gnb>ul>li::after{content: "";position: absolute;top: 50%;right: -2px;transform: translateY(-50%);width: 1px;height: 15px;background-color: #d4d4d4;}
.hd_gnb>ul>li:last-child::after{display: none;}
*/
.hd_gnb>ul>li>a{display: block;width: 100%;height: 100%;line-height: 80px;font-size: 1.125rem;font-weight: 500;transition: font-size .3s ease;}
.hd_gnb>ul>li>a>i{padding: 0 10px;position: relative; color: #fff; }
.hd_gnb>ul>li>a>i::before{content: "";position: absolute;top: 50%;right: 0;left: auto;transform: translateY(-50%);width: 0;height: 4px;background-color: rgba(145,202,177,.6);z-index: -1;transition: width .45s ease;}

.hd_gnb>ul>li>ul{position: absolute;top: 80px;left: 55%;transform: translateX(-50%);min-width: 100%;padding: 22px 0;display: none;}
.hd_gnb>ul>li>ul.depth02>li { width: 100%; display: flex; }
.hd_gnb>ul>li>ul>li>a{display: flex; justify-content: space-between; width: 25%;height: 100%;text-align: left;font-size: 1.0625rem;padding: 14.5px 0;white-space: nowrap;color: #222;transition: color .15s; font-weight: 500; }
.hd_gnb>ul>li>ul>li>a>img { margin-right: 20px; width: 10px; height: 13px; transition: .3s; }

.hd_gnb>ul>li>ul.depth02>li>.depth03 { background: #f5fbf7; width: 100%; height: 248px; position: absolute; top: 1px; left: 25%; display: none; padding: 68px 30px 0; }
.hd_gnb>ul>li>ul.depth02>li>.depth03>li { width: 100%; text-align: left; font-weight: 500; line-height: 50px; }

.depth02>li>a { cursor: pointer; }
.depth02>li>a>span { display: none; }
/*.gnb_bg{position: absolute;top: 100%;left: 0;width: 100%;height: 350px;background-color: rgba(0,0,0,0.8);z-index: 1;display: none;}*/
.gnb_bg{position: absolute;top: 100%;left: 0;width: 100%;height: 250px;background-color: #fff;z-index: 1;display: none; border-top: 1px solid #d9d9d9;}
.gnb_black { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); display: none; z-index: 2;}

/*hover*/
.hd_gnb>ul>li:hover>a>i::before{width: 100%;right: auto;left: 0;}
.hd_gnb>ul>li>ul>li>a:hover, .hd_gnb>ul>li>ul.depth02>li>.depth03>li>a:hover{color: #91cab1;}
.hd_gnb>ul>li>ul>li>a:hover>img {filter: invert(82%) sepia(21%) saturate(435%) hue-rotate(102deg) brightness(92%) contrast(84%);}

/*메뉴별 위치*/
/*
.hd_gnb>ul>li:nth-child(2)>ul { left: 75%; }
.hd_gnb>ul>li:nth-child(3)>ul { left: 95%; }
.hd_gnb>ul>li:nth-child(4)>ul { left: 133%; }
*/

/*site map*/
#site_map{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;display: none;}
.site_map_bg{position: fixed;top: 0;right: 0;left: auto;width: 0;height: 100%;z-index: 15;background-color:rgba(8,34,19,0.9);transition: width 1s ease;}
.site_map_bg.on{width: 100%;right: auto;left: 0;}

.site_map_menu{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.site_map_menu>ul{white-space: nowrap;}
.site_map_menu>ul>li{display: inline-block;vertical-align: top;}
.site_map_menu>ul>li>a{display: block;width: 100%;height: 100%;font-size: 2rem;font-weight: 100;color: #FFF;letter-spacing: 0.03em;padding: 0 43px;}
.site_map_menu>ul>li>a>i{display: block;width: 100%;height: 100%;padding: 0 10px;position: relative;}
.site_map_menu>ul>li>a>i::before{content: "";position: absolute;top: 50%;right: 0;left: auto;transform: translateY(-50%);width: 0;height: 4px;background-color: rgba(145,202,177,.6);z-index: -1;transition: width .45s ease;}

.site_map_menu>ul>li>ul{padding: 21px 0;}
.site_map_menu>ul>li>ul>li>a{display: block;width: 100%;height: 100%;text-align: center;font-size: 1.125rem;font-weight: 100;color: #FFF;padding: 15px 0;transition: color .15s;}
.site_map_menu>ul>li>ul.depth02>li>.depth03 { display: none; text-align: center; color: #fff; line-height: 30px; }
.site_map_menu>ul>li>ul.depth02>li>a>img { display: none; }

/*hover*/
.site_map_menu>ul>li:hover>a>i::before{width: 100%;right: auto;left: 0;}
.site_map_menu>ul>li>ul>li>a:hover, .site_map_menu>ul>li>ul.depth02>li>.depth03>li>a:hover{color: #91cab1;}

.k_menu_lang { display: none!important; }

@media screen and (min-width: 1081px){
    /*mobile*/
    #mobile_open, .mobile_lang, #mobile_wrap{display: none !important;}
}

@media screen and (max-width: 1680px){

	.hd_gnb>ul>li{width: 230px;}
	
    .hd_rgt_menu>ul>li{margin-left: 30px;}

	/*---header - on---*/
	#k_header.scroll_on .hd_gnb>ul>li{width: 180px;}
	.site_map_menu>ul>li>a{padding: 0 20px;}
    .site_map_menu>ul>li>ul>li>a{padding: 13px 0;}
}

@media screen and (max-width: 1480px){

    .hd_top{height: 90px;}
/*    .hd_btm{height: 70px;}*/
    
    .hd_gnb>ul>li>ul.depth02>li>.depth03 { height: 178px; padding-top: 45px; top: 11px; }
    .hd_gnb>ul>li>ul.depth02>li>.depth03>li { line-height: 42px; }

    .hd_logo img{padding-top: 45px;}

    #gnb_open span{top: 34px;}
	
	.hd_gnb>ul>li{width: 180px;}
    .hd_gnb>ul>li>a{line-height: 70px;}
    .hd_gnb>ul>li>ul{top: 70px;padding: 19px 0;}
    .hd_gnb>ul>li>ul>li>a{padding: 12px 0;}

    .gnb_bg{height: 180px;}

    

    /*---header - on---*/
    #k_header.scroll_on .hd_top{height: 70px;}
    #k_header.scroll_on .hd_logo img{max-width: 92px;padding-top: 35px;}
	#k_header.scroll_on .hd_gnb>ul>li{width: 150px;}
}

@media screen and (max-width: 1280px){

    .hd_gnb{transform: translateX(calc(-50% + 0.5px));left: 45%;}

    .hd_gnb>ul>li{width: 160px;}
    .hd_gnb>ul>li>ul>li>a{padding: 11px 0;}
    .hd_gnb>ul>li>ul{padding: 18px 0;}
    
    

    .site_map_menu>ul>li>a{font-size: 2rem;padding: 0 25px;}
    .site_map_menu>ul>li>ul>li>a{padding: 10px 0;}
	
	/*---header - on---*/
	#k_header.scroll_on .hd_gnb>ul>li{width: 130px;}
}

@media screen and (max-width: 1080px){

    .hd_top{height: 75px;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: space-between;}

    /*---mobile---*/
    .hd_btm{display: none;}

    #mobile_open, .mobile_lang{display: block;}

    .hd_logo{display: block;flex: none;}
    #k_header .hd_logo img{padding-top: 25.5px;max-width: 79px;}

    #mobile_open{width: 25px;height: inherit;position: relative;z-index: 30;}
    #mobile_open>span{position: absolute;top: 36px;left: 0;width: 100%;height: 3px;background-color: #fff;transition: all .45s ease;}
    #mobile_open>span:nth-child(1){transform: translateY(-9px);}
    #mobile_open>span:nth-child(3){transform: translateY(9px);}

    #mobile_open.open>span{background-color: #222;}
    #mobile_open.open>span:nth-child(2){opacity: 0;}
    #mobile_open.open>span:nth-child(1){transform: rotate(45deg);}
    #mobile_open.open>span:nth-child(3){transform: rotate(-45deg);}

    .mobile_lang{position: relative;z-index: 30;}
    .mobile_lang>a>img{position: relative;z-index: 1;}
/*
    .mobile_lang.open>a>img{
        -webkit-filter: brightness(100) invert(1);
        filter: brightness(100) invert(1);
    }
    .mobile_lang::before{content: "";position: absolute;top: -10px;left: 50%;transform: translateX(-50%);width: 43px;height: 0;background-color: #FFF;border-radius: 43px;opacity: 0;transition: all .3s;
        box-shadow: 0 5px 13px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 5px 13px rgba(0,0,0,0.15);
    }
*/
    .mobile_lang>ul{position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding: 4px 0;width: 33px;text-align: center;display: none;}
    .mobile_lang>ul>li>a{display: block;width: 100%;height: 100%;padding: 4px 0;font-weight: 600;}
    .mobile_lang>ul>li>a.on{color: #91cab1;}

    .mobile_lang.on::before{height: 95px;opacity: 1;}
    .mobile_lang.open.on>a>img{
        -webkit-filter: brightness(0) invert(0);
        filter: brightness(0) invert(0);
    }

    #mobile_wrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;display: none; }
    .mobile_inner{position: fixed;width: 100%;height: 100%;background-color: #fff; overflow: scroll; }

    .mobile_navi{position: absolute;top: 20%;left: 0;width: 100%;z-index: 1;padding: 0 35px;}
    .mobile_navi>ul>li{padding-bottom: 40px;}
    .mobile_navi>ul>li>a{display: inline-block;width: auto;height: 100%;font-size: 25px;font-weight: 200;color: #222;}
    .mobile_navi>ul>li>a>i{display: block;height: 100%;padding: 0 5px;position: relative; font-weight: 500;}
    .mobile_navi>ul>li>a>i::before{content: "";position: absolute;top: 50%;right: 0;left: auto;transform: translateY(-50%);width: 0;height: 5px;background-color: rgba(145,202,177,.8);z-index: -1;transition: width .45s ease;}

    .k_menu_lang { display: inline-block!important; }
    .ft_menu .k_menu_lang { display: none!important; }
    
    .mobile_navi>ul>li>ul.depth02>li>.depth03 { display: none; text-align: left; color: #777; line-height: 30px; }
    .mobile_navi>ul>li>ul.depth02>li>.depth03>li>a { font-weight: 500; }
    .mobile_navi>ul>li>ul.depth02>li>a { display: flex; justify-content: flex-start; align-items: center; gap:15px; font-weight: 500; }
    .mobile_navi>ul>li>ul.depth02>li>a>span { display: block; }
    
    .mobile_navi>ul>li>a.on>i::before{width: 100%;right: auto;left: 0;}

    .mobile_navi>ul>li>ul{padding-top: 14px;display: none;padding-left: 5px;}
    .mobile_navi>ul>li>ul>li>a{display: block;width: 100%;height: 100%;font-size: 14px;font-weight: 100;color: #222;padding: 8.5px 0;}

    .mobile_btm{position: fixed;top: 25px; right: 80px;z-index: 1;display: flex;align-items: center;}
    .mobile_btm>li{position: relative;}
    .mobile_btm>li>a{padding-left: 25px;}
/*
    .mobile_btm img{
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }
*/

    .mobile_btm>li>ul{position: absolute;bottom: 35px;left: calc( 50% + 12.5px );transform: translateX(-50%);padding: 4px 0;width: 33px;text-align: center;display: none;}
    .mobile_btm>li:nth-child(2)>ul{bottom: 38px;}
    .mobile_btm>li>ul>li>a{display: block;width: 100%;height: 100%;padding: 15px 0;font-weight: 600;color: #222;}

    /*---header - on---*/
    #k_header.scroll_on .hd_top{height: 75px;}
    #k_header.scroll_on .hd_logo img{padding-top: 25.5px;max-width: 79px;}
}

/*---main visual---*/
#main_visual{position: fixed;width: 100%; height: calc(100% - 230px); background-color: #ddd;z-index: -1;}

.mv_box{position: relative;overflow: hidden;}
.mv_box figure{width: 100%;height: 100%;position: relative;}

/*main visual*/
/*.mv_box_01 figure{background-image: url(/img/main_visual/mv_01.jpg);}*/

/* 2024.06.25 비주얼 순서변경*/
.mv_box_01 figure{ background-color: #222; }
.mv_box_01 video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; }


/*
.mv_box_02 figure{ background-color: #222; }
.mv_box_02 video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; }
*/
/* style.css */

/* 숨기려는 버튼을 골라서 쓰자 */

/* 전체화면 버튼 */
video::-webkit-media-controls-fullscreen-button {display: none !important;}

/* 일시정지, 재생 버튼 */
video::-webkit-media-controls-play-button {display: none !important;}

/* 재생 슬라이드..? */
video::-webkit-media-controls-timeline {display: none !important;}

/* 현재 진행 시간 */
video::-webkit-media-controls-current-time-display{display: none !important;}

/* 전체 시간 */
video::-webkit-media-controls-time-remaining-display {display: none !important;}

/* 음소거 버튼 */
video::-webkit-media-controls-mute-button { position: absolute!important; top: 5%!important; right: 5%!important;}

/* 볼륨 조절 슬라이드 */
video::-webkit-media-controls-volume-slider {display: none !important;}


.mv_box_01 figure{background-image: url(/img/main_visual/mv_02.jpg);}
.mv_box_02 figure{background-image: url(/img/main_visual/mv_01.jpg);}
 

.mv_text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #FFF;z-index: 1;margin-top: -40px; word-break: keep-all; }
.mv_text h2, .mv_text span{white-space: nowrap;}
.mv_text span{display: block;margin-bottom: 22px;}
.mv_text h2{line-height: 130%;}


.mv_arrow_wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;margin-top: -77px;}
.mv_arrow{position: absolute;top: 0;cursor: pointer;opacity: .4;z-index: 1;transition: opacity .45s ease;}
.mv_next{right: 0;}
.mv_prev{left: 0;}
.mv_arrow img{display: block;}
.mv_arrow:hover{opacity: 1;}

#mv_progress{position: absolute;bottom: 15%; left: 0;width: 100%;z-index: 10;display: flex;justify-content: center;align-items: center;}
#mv_progress span{width: 200px;height: 5px;border-radius: 5px;margin: 0 25px;background-color: rgba(255,255,255,.2);opacity: 1;position: relative;}
#mv_progress span::after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #FFF;z-index: 1;border-radius: 5px;}
#mv_progress span::before{position: absolute;bottom: 12px;left: 0;color: rgba(255,255,255,.2);font-weight: 100;font-size: .9375rem;letter-spacing: 0.08em;transition: color .2s;}
/*
#mv_progress span:nth-child(1)::before{content: "Lilivis";}
#mv_progress span:nth-child(2)::before{content: "PRODUCT";}
#mv_progress span:nth-child(3)::before{content: "COMPANY";}
#mv_progress span:nth-child(4)::before{content: "Lili Members";}
*/

#mv_progress span.swiper-pagination-bullet-active::after{width: 100%;transition: width 8.3s linear;}
#mv_progress span.swiper-pagination-bullet-active::before{color: rgba(255,255,255,1);}

.mv_btn_wrap{position: absolute;bottom: 10%;left: 50%;transform: translateX(-50%);z-index: 1;}
.mv_btn_wrap a{position: absolute;bottom: 0;}
.mv_btn_wrap a img{display: block;}
.next_section{right: 0;}

.mv_pause, .mv_play{left: 0;opacity: 0;}
.mv_pause.on, .mv_play.on{opacity: 1;z-index: 2;}

@media screen and (max-width: 1480px){
	
	#main_wrap { margin-top : 80px; }

    #mv_progress span{margin: 0 18px;}
    .mv_text{margin-top: -70px;}
    .mv_arrow_wrap{margin-top: -65px;}
}

@media screen and (max-width: 1080px){

	#main_wrap { margin-top : 8vh; }
	#main_visual { height: calc(100% - 198px); }

    .mv_text{margin-top: -50px;}
	.mv_text img { width: 100%; }
    .mv_arrow_wrap{margin-top: -45px;}

    #mv_progress, .mv_btn_wrap{bottom: 75px;}
    #mv_progress span{width: 150px;}
    #mv_progress span{margin: 0 10px;}
    

    .mv_box_01 .mv_text, .mv_box_02 .mv_text { top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .mv_box_01 .mv_text img, .mv_box_02 .mv_text img { width: 70%; }
    .mv_box_01 figure{background-image: url(/img/main_visual/mv_02_mo.jpg);}
    .mv_box_02 figure{background-image: url(/img/main_visual/mv_01_mo.jpg);}

/* 2024.06.25 비주얼 순서 변경*/    
/*
    .mv_box_01 .mv_text { top: 30%; left: 50%; transform: translate(-50%,-50%); }
    .mv_box_01 .mv_text img { width: 70%; }
    .mv_box_01 figure{background-image: url(/img/main_visual/mv_02_mo.jpg);}
*/
}

@media screen and (max-width: 920px){

    .mv_btn_wrap, .mv_arrow_wrap{display: none;}
}

@media screen and (max-width: 720px){

/*    #main_visual{height: 525px;}*/
	

    /*main visual - mobile*/
/*    .mv_box_01 figure{background-image: url(/img/main_visual/mv_01_mo.jpg);}*/
/*2024.06.25 비주얼 순서 변경*/
	.mv_box_01 video { width: 200%; top: 50%; }
	.mv_box_01 figure{ background-color: #111; }

    .mv_box_02 video { width: 200%; top: 50%; }
	.mv_box_02 figure{ background-color: #111; }
    
    

    .mv_text{margin-top: -54px; width: 90%; }
    .mv_text span{font-size: 15px;margin-bottom: 13px;}
    .mv_text h2{font-size: 32.5px;}
	.mv_text h2, .mv_text span{white-space: normal;}

    #mv_progress{bottom: 15%;}
    #mv_progress span{width: 70px;height: 4px;margin: 0 8.5px;}
    #mv_progress span::before{font-size: 8px;bottom: 11px;white-space: nowrap;}
}

/*---main section - main_02---*/
.m02_box{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;margin-top: 43px;}
.m02_box li{margin: 0 93px;}
.m02_box figure{display: flex;align-items: center;justify-content: center;height: 104px;margin-bottom: 27px;}
.m02_box h4{text-align: center; line-height: 140%;}

@media screen and (max-width: 1480px){

    .m02_box li{margin: 0 75px;}
    .m02_box figure{margin-bottom: 20px;}
}

@media screen and (max-width: 1080px){

    .m02_box li{margin: 0 60px;}
    .m02_box li:nth-child(1) img{max-width: 63px;}
    .m02_box li:nth-child(2) img{max-width: 77px;}
    .m02_box li:nth-child(3) img{max-width: 65px;}

    .m02_box figure{margin-bottom: 5px;}
}

@media screen and (max-width: 920px){

    .m02_box li{margin: 0 45px;}
}

@media screen and (max-width: 720px){

    .m02_box{justify-content: space-between;}
    .m02_box li{margin: 0;}
    .m02_box li:nth-child(1) img{max-width: 39px;}
    .m02_box li:nth-child(2) img{max-width: 48px;}
    .m02_box li:nth-child(3) img{max-width: 41px;}

    .m02_box figure{height: 52px;margin-bottom: 10px;}

    .m02_box h4{font-size: 11px;}
}

/*---main section - main_03---*/
/*#main_03{background-image: url(/img/main_page/ms_03_bg.jpg);background-size: cover;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;background-color: #f1f1f1;padding-top: 248px;padding-bottom: 225px;overflow-x: hidden;}*/
#main_03{ padding: 150px 0; margin: 0 auto; background: #f9f9f9; }
#main_03 .tit_box_02{margin-bottom: 20px;}
#main_03 .main_container { display: flex; width: 100%; max-width: 100%; }
#main_03 .main_container .ms4_product { width: 65%; z-index: 100; padding-left: 4%; padding-top: 100px; padding-bottom: 100px; }
#main_03 .main_container .ms4_img { width: 35%; }
#main_03 .main_container .ms4_product .tit_box_04 h2 { margin-bottom: 80px; }
#main_03 .main_container .ms4_product .tit_box_04 h2 b { line-height: 3rem; }


/*card*/
.buy_card{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;justify-content: flex-start;-webkit-box-pack: center;-ms-flex-pack: center;}

#main_03 .card_wrap { width: 100%; margin: 50px auto 0; max-width: 1400px; }
#main_03 .card_wrap .buy_card { justify-content: space-between; align-items: center; flex-wrap: wrap; }
#main_03 .this_card { width: 25%; padding-right: 1%; }
#main_03 .this_card:nth-child(3), #main_03 .this_card:nth-child(4) { padding-right: 0; }
#main_03 .this_card:nth-child(3) .card_txt .card_num { left: 100%!important; top: -50px; }
#main_03 .this_card:nth-child(4) .card_txt .card_num { left: 0!important; top: -50px; }
#main_03 .this_card .card_front { width: 100%; height: 400px; background: #fff; border-radius: 20px!important; }
#main_03 .this_card .card_front::before { display: none; }
#main_03 .this_card:nth-child(3) .card_front { background: #fff; border-radius: 20px 0 0 20px!important; }
#main_03 .this_card:last-child .card_front { background: #fff; border-radius: 0 20px 20px 0!important; }
.this_card:nth-child(4) .card_front::before { display: none!important; }
#main_03 .this_card .card_txt { height: 100%; padding-top: 10px; }
#main_03 .this_card .card_txt span { padding-top: 80px; }
#main_03 .this_card .card_txt img { width: 100%; max-width: 300px; margin: 30px auto 0; }
#main_03 .this_card .card_img { transition: .3s; opacity: 0; width: 100%; height: 100%; background: url("/img/main_page/ms_03_01.jpg") center center no-repeat; }
#main_03 .card_txt .card_num { color: #e9e9e9; font-size: 2.5rem; font-weight: 900; position: absolute; top: -50px; left: 50%; transform: translate(-50%, 0);}
#main_03 .this_card:nth-child(2) .card_img { background: url("/img/main_page/ms_03_02.jpg") center center no-repeat; }
#main_03 .this_card:nth-child(3) .card_img { background: url("/img/main_page/ms_03_03.jpg") center center no-repeat; }
#main_03 .this_card:nth-child(4) .card_img { background: url("/img/main_page/ms_03_04.jpg") center center no-repeat; }
#main_03 .this_card .card_img .card_img_btn { opacity: 0; width: 100px; height: 100px; border-radius: 100%; padding: 30px 0; text-align: center; background: rgba(0,0,0,0.2); color: #fff; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -30%); transition: .3s; }
#main_03 .this_card:last-child .card_txt h4 { color: #0f4025; }
#main_03 .this_card:hover .card_front { background: #fff; }
#main_03 .this_card:hover .card_front .card_txt { display: none; }
#main_03 .this_card:hover .card_front .card_img { opacity: 1; }
#main_03 .this_card:hover .card_front .card_img .card_img_btn { opacity: 1; top: 50%; transform: translate(-50%, -50%); background: rgba(0,0,0,.7); }
@media screen and (max-width: 860px){
/*
    #main_03 .card_wrap .buy_card { flex-direction: row; }
    #main_03 .card_wrap .buy_card .this_card  { width: 50%; }
    #main_03 .this_card:nth-child(4) { display: block; }
    #main_03 .this_card:nth-child(3), #main_03 .this_card:nth-child(4) { margin-top: 2%; }
    #main_03 .this_card:nth-child(3) .card_inner, #main_03 .this_card:nth-child(4) .card_inner {width: 100%; height: 400px; }
*/
}

.card_con{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
.card_inner{background-size: cover;background-position: center;text-align: center;width: 210px;height: 250px;border-radius: 0;overflow: hidden;
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.this_card:nth-child(4) .card_front::before { position: absolute; content: ''; top: 45%; border-left: 1px dashed #d9d9d9; background-color: #f9f9f9; width: 1px; height: 45%; display: block!important; }
.this_card:nth-child(1) .card_front::before, .this_card:nth-child(5) .card_front::before, .this_card:last-child .card_front::before { display: none; }
.card_front::before { position: absolute; content: ''; top: 10%; left: 0; background: #d9d9d9; width: 1px; height: 80%; }
.card_front{background: #f9f9f9;
	
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.card_back{position: absolute;top: 0;left: 0;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.card_txt{position: absolute;top: 50%;left: 0;width: 100%;outline: 1px solid transparent;z-index: 1;
	-webkit-transform: translateY(-50%) translateZ(60px);
	transform: translateY(-50%) translateZ(60px);
	
	-webkit-perspective: inherit;
	perspective: inherit;
}

card_con.on .card_front, .card_con.on .card_back{ 
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);	 
}
.card_con.on .card_front{ 
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; 
}
.card_con.on .card_back{ 
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;	 
}

.card_slt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;z-index: 150;}
.card_slt li{width: 25%;height: 100%;}
.card_slt li a{display: block;width: 100%;height: 100%;}

/*.card_con:hover .card_front, .card_con:hover .card_back{ 
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	-o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);	 
}
.card_con:hover .card_front{ 
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d; 
}
.card_con:hover .card_back{ 
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;	 
}*/
.card_txt span{display: block;margin-bottom: 6px;color: #62b995;}
.card_txt h4{color: #0f4025;}
.card_txt img{display: block;}

.card_wrap{max-width: 1200px;margin: 0;position: relative;}

.card_link{position: absolute;top: 50%;left: calc( 100% + 30px );transform: translateY(-50%);z-index: 1;display: flex;}

.card_link_text{letter-spacing: 0.03em;-webkit-text-stroke: 0.01em;line-height: 150%;color: #0f4025;padding-top: 2px;}

.card_link_circle{width: 30px;height: 30px;background-color: #0f4025;color: #FFF;text-align: center;line-height: 33.5px;border-radius: 30px;font-size: 19px;margin-right: 8px;}
.card_link_circle i{padding-left: 1px;-webkit-text-stroke: 0.01em;}

#card_svg{position: absolute;top: -2px;left: -2px;width: calc( 100% + 4px );z-index: 100;opacity: 0;}
#card_svg.on{opacity: 1;}
#card_svg svg{width: 100%;}

@media screen and (max-width: 1680px){

    

    .card_link{flex-direction: column;align-items: center;top: calc( 100% + 50px );left: 50%;transform: translateX(-50%);}
    .card_link span{margin: 0;margin-bottom: 11px;}
    .card_link br{display: none;}
}

@media screen and (max-width: 1480px){
	
	#main_03 .main_container .ms4_product { padding-top: 100px; }
}


@media screen and (max-width: 1280px){

    .card_inner{width: 200px;height: 200px; }
    .card_txt img{width: 100%;}

    .card_link{top: calc( 100% + 30px );}

	#card_svg{width: 1002px;top: 0;left: 50%;transform: translateX(-50%);height: 250px;}
	#card_svg svg{margin-top: -27px;}
	
	.card_txt .card_num { top: -50px; left: 78px; }
}

@media screen and (max-width: 1080px){

	#main_03 .main_container .ms4_product .tit_box_04 h2 { margin-bottom: 30px; }
    .card_inner{width: 150px;height: 150px;}
	#main_03 .this_card:hover:nth-child(4) .card_front .card_num, #main_03 .this_card:hover:nth-child(5) .card_front .card_num { left: 52px!important; }
	

	#card_svg{width: 802px;height: 200px;}
	#card_svg svg{margin-top: -52px;}
}

@media screen and (max-width: 960px){
	#main_03 .main_container .ms4_img { display: none; }
	#main_03 .main_container .ms4_product { width: 100%; padding-bottom: 150px; padding-left: 0;  }
	#main_03 .main_container .ms4_product .tit_box_04 {text-align: center;}
	.buy_card { justify-content: center; }
}

@media screen and (max-width: 860px){

    #main_03 .card_wrap .buy_card { flex-direction: row; }
    #main_03 .card_wrap .buy_card .this_card  { width: 50%; }
    #main_03 .this_card:nth-child(4) { display: block; }
    #main_03 .this_card:nth-child(3), #main_03 .this_card:nth-child(4) { margin-top: 2%; }
    #main_03 .this_card:nth-child(3) .card_inner, #main_03 .this_card:nth-child(4) .card_inner {width: 100%; height: 400px; }
	
	.this_card:first-child .card_front { border-top: 0; }

    .card_link{top: calc( 100% + 50px );}

	#card_svg{width: 344px;height: 100%;}
	#card_svg svg{transform: rotate(90deg);transform-origin: left;margin-top: 0;width: 1390px;height: 348px;margin-top: -182px;margin-left: 172px}

	.card_slt{flex-direction: column;align-items: center;}
	.card_slt li{width: 100%;}
}

@media screen and (max-width: 720px){

    #main_03{padding: 100px 2%; }
    #main_03 .tit_box_02{margin-bottom: 31px; }
	#main_03 .tit_box_04 h2 b { font-size: 25px; }
	#main_03 .tit_box_04 h2 { font-size: 11px; }
	#main_03 .main_container .ms4_product { padding: 0; }
	#main_03 .card_txt h4 { font-size: 1.4rem; font-weight: 500; }
	#main_03 .this_card .card_txt span { padding-top: 100px; }
	#main_03 .this_card .card_txt span:first-child, #main_03 .this_card2 .card_txt span:first-child { font-size: 3rem; padding-top: 40px; }
	#main_03 .this_card:nth-child(3) a:nth-child(2) .card_txt .card_num { left: 0!important; top: -20px; }
	#main_03 .this_card:nth-child(3) a:hover .card_front .card_num { left: 50%!important; }
    
    #main_03 .this_card:nth-child(3) .card_txt .card_num, #main_03 .this_card:nth-child(4) .card_txt .card_num { top: 0; }
	
    #main_03 .card_txt .card_num { top: 0; }

    .card_inner{width: 340px; height: 200px;}
	.card_txt .card_num { top: -40px; left: 180px; }

    .card_txt span{font-size: 1.2rem;font-weight: 400;margin-bottom: 4px;}
    .card_txt h4{font-size: 13px;font-weight: 600;}

    .card_link{top: calc( 100% + 25px );}
    .card_link span{margin-bottom: 4px;font-weight: 700;}
    .card_link_circle{width: 16px;height: 16px;line-height: 13px;}
    .card_link_circle i{font-size: 11px;-webkit-text-stroke: 0.05em;}
    .card_link_text{ font-size: 10px; }

	#card_svg{width: 173px;}
	#card_svg svg{width: 700px;height: 175px;margin-top: -92px;margin-left: 86.5px;}
	.pro2_c4_pc #card_svg svg { width: 100%; display: block; }
}
@media screen and (max-width: 600px){
    #main_03 .card_wrap .buy_card .this_card { width: 100%; margin-top: 2%; }
    #main_03 .this_card:nth-child(3), #main_03 .this_card:nth-child(4) { width: 50%!important; }
    #main_03 .card_wrap .buy_card .this_card .card_img { background-size: cover }
}
@media screen and (max-width: 340px){
	.card_inner{width: 320px;}
}

/*---main section - main_04---*/
#main_04{padding: 100px 0 150px; background-color: #f9f9f9; }
#main_04>.main_container{display: flex;align-items: center;max-width: 100%; width: 100%;}
#main_04 .link_a i { padding-left: 0; }

.ms4_box{width: 100%;position: relative;}

/*product slide*/
#product_slide{position: relative;max-width: 1520px; margin: 0 auto;margin-top: 24px;}
#product_slide .swiper-slide { display: flex; align-items: center; }
#product_slide figure{overflow: hidden; width: 55%; }
#product_slide .m_pro_txt {width: 45%; text-align: left; }

#product_slide .link_a { text-align: left; }
#product_slide img{display: block;margin: 0 auto;}
#product_slide .m_pro_txt h4{ margin-top: 16px; margin-bottom: 30px; }
#product_slide .m_pro_txt h4 img { margin: 0; }
#product_slide .m_pro_txt p { margin-bottom: 50px; }
#product_slide .m_pro_txt ul { margin-bottom: 50px; margin-left: 25px; }
#product_slide .m_pro_txt ul li  { line-height: 165%; list-style: disc; }
#main_04 #product_slide { max-width: 92%; }

.sub_section #product_slide figure { width: 100%; }
.sub_section #product_slide .swiper-slide { justify-content: center; }


.pro_arrow_wrap{position: absolute;top: calc( 50% - 42px );left: 0;transform: translateY(-50%);z-index: 1;width: 100%;}
.pro_arrow{position: absolute;top: 0;cursor: pointer;z-index: 1;}
.pro_next{right: 0;}
.pro_prev{left: 0;}
.pro_arrow img{display: block;}

#pro_dot{text-align: center;position: absolute;bottom: -30px;left: 0;width: 100%;z-index: 1;}
#pro_dot span{width: 20px;height: 2px;border-radius: 0;margin: 0 5px;background-color: #000;}
#pro_dot span.swiper-pagination-bullet-active{background-color: #000;opacity: 1;}

#pro_dot2{text-align: center;position: absolute;bottom: 10px;left: 0;width: 100%;z-index: 1;}
#pro_dot2 span{width: 20px;height: 2px;border-radius: 0;margin: 0 5px;background-color: #000;}
#pro_dot2 span.swiper-pagination-bullet-active{background-color: #000;opacity: 1;}

/*pro_img_slide*/
#pro_img_slide .swiper-slide, #pro_img_slide figure{overflow: hidden;}
#pro_img_slide img{display: block;width: 100%;}

@media screen and (max-width: 1920px){

    #main_04>.main_container{max-width: 100%;}
}

@media screen and (max-width: 1480px){

    #product_slide{max-width: 100%;margin-right: 8%;}
    #product_slide img{max-width: 400px;}

    #main_04 .link_a, #pro_dot{padding-right: 8%;}
    #pro_dot{bottom: -68px;}
}

@media screen and (max-width: 1280px){

    #pro_dot{bottom: -45px;}

    #product_slide img{max-width: 300px;}
	#product_slide .m_pro_txt { padding-top: 50px; }
    #product_slide h4{font-size: 1.5rem;}
}

@media screen and (max-width: 960px){

    #main_04>.main_container{display: block;flex: none;}
    .ms4_box{width: 100%;}

    /*product slide*/
    #product_slide{margin-right: 0;}
    #main_04 .link_a, #pro_dot{padding-right: 0;}
	
	#product_slide .swiper-slide { display: block; }
	#product_slide figure { width: 100%; }
	#product_slide .m_pro_txt, #product_slide .link_a { width: 100%; text-align: center; }
	
	#product_slide .m_pro_txt h4 img { margin: 0 auto; }

    /*pro_img_slide*/
    #pro_img_slide{display: none !important;}
}

@media screen and (max-width: 720px){

    #main_04{padding-top: 96px;}
	#main_04 #product_slide { max-width: 100%; }

    #product_slide{margin-top: 10px;}
    #product_slide img{max-width: 200px;}
    #product_slide h4{font-size: 20px;white-space: nowrap;margin-top: 1px;}
	
	.pro_next{right: 5%;}
	.pro_prev{left: 5%;}
	#product_slide .m_pro_txt { padding-top: 20px; }

    #pro_dot{bottom: -40px;}
    #pro_dot span{width: 21px;height: 3px;margin: 0 7px;}
}

/*---main section - main_05---*/
#main_05{padding-top: 80px;padding-bottom: 0;}
#main_05 .link_a { margin-top: 50px; }

/*.ms5_bg{height: 950px;margin-top: 180px;background-image: url(/img/main_page/ms_05_bg.jpg);background-size: cover;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;}*/

.ms5_bg{height: 100vh;margin-top: 180px;background-image: url(/img/main_page/ms_05_bg.jpg);background-size: contain;background-position: center bottom;background-repeat: no-repeat;background-attachment: fixed;}

@media screen and (max-width: 1480px){

    .ms5_bg{height: 760px;}
}

@media screen and (max-width: 1080px){

    .ms5_bg{height: 600px;}
}

@media screen and (max-width: 720px){

    #main_05{padding-top: 35px;}

    .ms5_bg{margin-top: 96px;height: 371px;background-image: url(/img/main_page/ms_05_bg_m.jpg); background-size: contain; background-attachment:initial; }
}
@media screen and (max-width: 500px){
    .ms5_bg { background-size: cover; }
}

/*---main section - main_06---*/
#main_06 { padding-top: 0; padding-bottom: 0; }
#main_06>.main_container{display: flex;align-items: center;max-width: 100%; width: 100%; }
.ms6_box{width: 50%;}

.ms6_text{margin-left: 100px;padding-top: 96px;word-break: keep-all;}
.ms6_text>div{margin-bottom: 70px;}

#ms6_slide img{display: block;width: 100%;}

@media screen and (max-width: 1920px){

    #main_06>.main_container{max-width: 100%;}
}

@media screen and (max-width: 1480px){

    .ms6_text{margin-left: 75px;}
}

@media screen and (max-width: 1080px){

    .ms6_text{margin-left: 50px;}
}

@media screen and (max-width: 960px){

    #main_06>.main_container{flex-direction: column-reverse;}
    #main_06 .tit_box_04{text-align: center;}
    #main_06 .link_a{display: none;}

    .ms6_box{width: 100%;}

    .ms6_text{margin-left: 0;padding-top: 0;margin-bottom: 46px;}
    .ms6_text>div{margin-bottom: 0;}
}

@media screen and (max-width: 720px){

    #main_06{padding-top: 96px; }
}

/*---footer---*/
.k_footer{background-color: #f1f1f1;padding-top: 25px;padding-bottom: 25px;}
.k_footer>.main_container{display: flex;align-items: flex-end;justify-content: space-between; }

.ft_top{display: flex;align-items: flex-end;margin-bottom: 21px;}
.ft_rgt{ margin-right: 13%; }

.ft_logo{margin-right: 38px;}
.ft_logo img{display: block;}

.ft_menu>ul>li{display: inline-block;}
.ft_menu>ul>li>a{display: block;width: 100%;height: 100%;font-weight: 500;padding: 0 11.5px;}
.ft_menu>ul>li>ul{display: none;}

.ft_info, .ft_copy{font-size: 0.875rem;font-weight: 500;line-height: 160%;}
.ft_info{margin-bottom: 3px;}
.ft_info i{padding-right: 12px;position: relative;}
.ft_info i::after{content: "";position: absolute;top: 50%;right: 4px;transform: translateY(-50%);width: 1px;height: 10px;background-color: #3c3c3c;}
.ft_info i:last-child::after{display: none;}

.ft_terms{margin-bottom: 22px; text-align: right; }
.ft_terms>li{display: inline-block;}
.ft_terms>li>a{display: block;width: 100%;height: 100%;font-weight: 500;padding-left: 22px;}

.ft_etc{display: flex;align-items: center;justify-content: flex-end;}

.ft_sns{display: flex;align-items: center;margin-right: 15px;}
.ft_sns>li>a{display: block;width: 100%;height: 100%;padding: 0 11px;opacity: 1;transition: opacity .2s;}
.ft_sns>li>a img{display: block;}

.ft_sns>li>a:hover{opacity: .5;}

.ft_family{position: relative;}
.ft_family::before, .ft_family::after{content: "";position: absolute;bottom: 0;left: 0;width: 150px;height: 35px;background-color: #62b995;border-radius: 35px;}
.ft_family::after{border-radius: 20px;transition: height .45s ease;}
.ft_family>a{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 150px;height: 35px;color: #FFF;font-size: 0.875rem;font-weight: 200;position: relative;z-index: 1;}
.ft_family>a span{padding-right: 17px;}
.ft_family>a i{font-size: 0.8rem;}

.ft_family>ul{position: absolute;bottom: 100%;left: 0;width: 100%;z-index: 1;display: none;}
.ft_family>ul>li>a{display: block;width: 100%;height: 100%;text-align: center;font-size: 0.8rem;color: #FFF;font-weight: 200;padding: 8px 0;}

.ft_family.on::after{height: 110px;}

@media screen and (max-width: 1480px){


    .k_footer{padding: 20px 0;}

    .ft_logo{margin-right: 33px;}

    .ft_menu>ul>li>a{padding: 0 10px;}

    .ft_rgt{margin-top: 17px;}

    .ft_terms>li>a{padding-left: 16px;}

    .ft_sns{margin-right: 12px;}
    .ft_sns>li>a{padding: 0 9px;}
}

@media screen and (max-width: 1120px){

    .k_footer{padding: 20px 0;}

    .ft_logo{margin-right: 23px;}
    .ft_logo img{max-width: 79px;}

    .ft_menu>ul>li>a{padding: 0 6px;}

    .ft_rgt{margin-top: 6px;}

    .ft_terms{white-space: nowrap;}
    .ft_terms>li>a{padding-left: 6px;}
    .ft_terms>li:first-child>a{padding-left: 0;}
}

@media screen and (max-width: 960px){

    .ft_rgt{display: none;}
}

@media screen and (max-width: 720px){

    .k_footer{padding: 20px 0;padding-bottom: 21px;}
    .k_footer>.main_container{display: block;}

    .ft_top{display: block;margin-bottom: 20px;}

    .ft_logo{margin-right: 0;margin-bottom: 11px;}
    .ft_logo img{max-width: 58px;}

    .ft_menu>ul>li>a{padding: 0;font-size: 10px;font-weight: 700;padding-right: 11px;}

    .ft_info{font-size: 9px;font-weight: 600;line-height: 140%;margin-bottom: 7px;}
    .ft_info i:nth-child(1)::after{display: none;}

    .ft_copy{font-size: 8px;}
}

.rg_em_p { margin-top: 200px; }


/*2024.04.11 플로팅버튼*/
.float_wrap.dis_none { opacity: 0; }
.float_wrap.dis_block { opacity: 1; }
.float_wrap { position: fixed; bottom: 10%; right: 2%; width: 20%; max-width: 200px; z-index: 9999; transition: .5s; }
.float_wrap div { width: 100%; }
.float_wrap .float_1 { text-align: center; background: #fff; border: 2px solid #00563f; border-radius: 25px; display: block; margin-bottom: 10px; transition: .3s; }
.float_wrap .float_1:hover { opacity: .5; }
.float_wrap .float_1 a { text-align: center; color: #00563f; width: 100%; height: 100%; display: block; padding: 10px 0; }
.float_wrap .float_2 { background: linear-gradient(120deg, #0b8a68, #00563f); border-radius: 25px; display: block; position: relative; transition: .3s; }
.float_wrap .float_2:hover { opacity: .5; }
.float_wrap .float_2 a { color: #fff; display: block; width: 100%; padding: 100px 20px 10px; height: 100%; }
.float_wrap .float_2 .float_icn { position: absolute; top: 15px; right: 10px; width: 53px; height: 51px; }

@media screen and (max-width: 590px){

    .float_wrap { z-index: 19; }
    .float_wrap>div a { font-size: 10px; }
    .float_wrap .float_2 .float_icn { width: 40px; height: 35px; left: 50%; transform: translateX(-50%); }
    .float_wrap .float_2 a { text-align: center; padding: 60px 10px 10px; }
}

@media screen and (max-width: 360px){
/*    .float_wrap { width: 25%; }*/
    
}


/*241022 구글번역*/
#google_translate_element { position: absolute; right: 7%; top: 100px; z-index: 9999; }
@media screen and (max-width: 1480px){
    #google_translate_element { top: 95px;}
}
@media screen and (max-width: 1080px){
    #google_translate_element { top: 25px;}
}
@media screen and (max-width: 720px){
    #google_translate_element { right: 12%; }
}
@media screen and (max-width: 400px){
    .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:first-child { display: none; }
}

/*2025.06.24 워크플로우*/
.flow_wrap { display: flex; justify-content: center;gap:35px;align-items: center;margin: 0 30px;}
.flow_box {display: flex; align-items: flex-start;gap: 35px;}
.flow_box_col { display: flex; flex-direction: column; align-items: center;gap:30px;}
.flow_img {background-color: #fff;  border: solid 2px #d9d9d9; border-radius: 10px;margin-bottom: 10px;
		   display: flex; justify-content: center; align-items: center;overflow: hidden;transition: border-color 0.3s ease;}
.flow_img:hover {  border-color: #afd3c5;}
.flow_img img{width: 100%;max-width: 180px; border-radius: 10px;transition: transform 0.3s ease; }
.flow_img img:hover{ transform: scale(1.05);}
.flow_con {text-align: center; max-width: 180px; width: 100%;}
.flow_box_col .flow_con {min-height: 285px;}
.flow_con h3 {color:#fff;background-color:#004934;font-weight: 500;font-size: 1.125rem; padding: 8px 0; border-radius: 10px 0;margin-bottom: 10px;}
.flow_con p {font-size:1rem;font-weight: 400; }
.flow_arrow {  margin-top: 60px;max-width: 24px;}

.flow_tit { text-align: center;  margin: 40px 20px 80px;background-color: #fff; border-radius: 10px; padding: 25px 0;border: solid 2px #afd3c5;}
.flow_tit h3{font-weight: 600;margin:20px 0 4px;}
.flow_tit p{font-weight: 400;}

.workflow_wrap { max-width: 1400px; margin: 0 auto;}
.flow_box_col_arrow { display: flex;flex-direction: column; gap: 350px;}

.arrow_pc{margin-top: 0;transform: rotate(90deg);}

@media screen and (max-width: 966px){
	.flow_wrap{flex-direction: column;}
	.flow_box{flex-direction: column;align-items: center;}
	.flow_box_col{flex-direction: row;gap:20px;align-items: flex-start;}
	.flow_arrow{margin-top:0;transform: rotate(90deg);transition: transform 0.3s ease;  }
	.flow_box_col .flow_con{min-height: 220px;}
	.flow_box_col_arrow {display: flex;flex-direction: row;gap: 220px;}
	.arrow_pc{margin-top: 60px;transform: rotate(0deg);}
	.rot_60{transform: rotate(60deg);}
	.rot_130{transform: rotate(130deg);}
	
}