@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;width:100%;box-sizing: border-box; overflow: clip;}
		#container, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1300px; margin-inline: auto; box-sizing: border-box;}
        #container{padding-block: 100px 250px;}


    @media (max-width:1200px) {
        #container{padding-bottom: 100px;}
    }
	@media (max-width:860px) {
		#container, .w_custom{width: calc(100% - 30px);}
        #container{padding-block: 70px;}
	}
    @media (max-width:320px) {
		#container, .w_custom{width: calc(100% - 20px);}
	}


/*───────────────────────────────────────────────────────────

    HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
    #header {position:absolute;left:0;top:0;z-index:10;width:100%;box-sizing:border-box;background: var(--trans-color);transition: all 0.4s;}
    #header .w_custom{max-width: 1700px;}
    #header .header_cont{position: relative;}
    #header .header_cont .hd_logo{display: flex;font-size: 0;height: 120px;align-items: center;box-sizing: border-box;}
    #header .header_cont .hd_logo a{display: block;font-size:0;max-width: 203px;height: 32px;}
    #header .hd_right{display: none;}

    .hd_side_box{position: sticky;width:120px;height: 100vh;bottom: 0;box-sizing:border-box;border-left:1px solid var(--border-color01);z-index:10;background:var(--point-white);margin-top: -100vh;margin-left: auto;}
    .hd_side_box .hd_right{width:100%;height:100%;position: relative;}
    .hd_side_box .hd_right .menu-trigger {display: flex;position:relative;padding:0;width:100%;height:120px;box-sizing: border-box;text-align:center;border-bottom:1px solid rgba(0,0,0,0.5);align-items: center;justify-content: center;}
    .hd_side_box .hd_right .menu-trigger span{font-size:20px;color: var(--black-color00);font-weight:500;display: block;position: relative;}
    .hd_side_box .hd_right .menu-trigger span:before{width:40px;height:2px;content:"";position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);background: var(--black-color00);}
    .hd_side_box .hd_right .menu-trigger .close{display: none;}	
    .hd_side_box .hd_right .menu-trigger.active-1 .close{display:block;}	
    .hd_side_box .hd_right .menu-trigger.active-1 .menu{display:none;}	
    .hd_side_box .hd_right .hd_lnb_box{display: flex;align-items: flex-start;justify-content: center;width: 100%;height: calc(100% - 285px);position: relative;overflow: hidden;overflow-y: auto;padding-top: 20px;box-sizing: border-box;}
		.hd_side_box .hd_right .hd_lnb_box{-ms-overflow-style: none; /* IE, Edge */ scrollbar-width: none; /* Firefox */}
		.hd_side_box .hd_right .hd_lnb_box::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
    .hd_side_box .hd_right .hd_lnb{text-align: center;width:120px;font-size: var(--title-20);}
    .hd_side_box .hd_right .hd_lnb li{box-sizing:border-box;font-size: inherit;color: var(--black-color00);font-weight:500;position: relative;}
    .hd_side_box .hd_right .hd_lnb li + li{margin-top:10px;}
    .hd_side_box .hd_right .hd_lnb li a{display: flex;min-height: 113px;align-items: center;justify-content: center;}
    .hd_side_box .hd_right .hd_lnb li a span{display:inline-block;letter-spacing:0;width:100%;position: relative;}
    .hd_side_box .hd_right .hd_lnb li a .m_out{transform:rotate(90deg);transform-origin:center;}
    .hd_side_box .hd_right .hd_lnb li a .m_ov{opacity:0;position: absolute;left:0;}
    .hd_side_box .hd_right .hd_lnb li a .m_ov em{display: inline-block;position: relative;line-height:1;}
    
    .hd_btn_top{text-align:center;box-sizing:border-box;padding-top: 100px;cursor:pointer;position: absolute;left: 0;bottom: 0;width: 100%;height: 120px;padding-bottom: 50px;}
    .hd_btn_top:before{width:1px;height:80px;content:"";background: var(--black-color00);position: absolute;top:0;left:calc(50% - 1px);}
    .hd_btn_top span{font-size:20px;color: var(--black-color00);font-weight:500;display: inline-block;box-sizing:border-box;position: relative;}
    .hd_btn_top span:before{width:24px;height:2px;content:"";background:#000;position: absolute;left:3px;bottom:-11px;}

        @media (hover:hover) and (pointer: fine){
            .hd_side_box .hd_right .hd_lnb li:hover a .m_out{display: none;}
            .hd_side_box .hd_right .hd_lnb li:hover a .m_ov{opacity:1;}
            .hd_side_box .hd_right .hd_lnb li:hover a .m_ov em:before{width:calc(100% - 20px);height:2px;content:"";background:#000;position: absolute;left:10px;bottom:-5px;}
        }

    /*side box on*/
        .hd_side_box.on{border-left:1px solid rgba(255,255,255,0.5);background:#000;}
        .hd_side_box.on .hd_right .menu-trigger{border-bottom:1px solid rgba(255,255,255,0.5);}
        .hd_side_box.on .hd_right .menu-trigger span{filter: var(--filter-white);}
        .hd_side_box.on .hd_right .menu-trigger span:before{filter: var(--filter-white);}
        .hd_side_box.on .hd_right .hd_lnb li{filter: var(--filter-white);}
        
        .hd_side_box.on .hd_btn_top:before{filter: var(--filter-white);}
        .hd_side_box.on .hd_btn_top span{filter: var(--filter-white);}

        @media (hover:hover) and (pointer: fine){
            .hd_side_box.on .hd_right .hd_lnb li:hover a .m_ov em:before{background:#fff;filter: var(--filter-white);}
        }

    /* main header */
        .main_index .hd_side_box{border-left:1px solid rgba(255,255,255,0.5);background: var(--trans-color);}
        .main_index .hd_side_box .hd_right .menu-trigger span:before{filter: var(--filter-white);}
        .main_index .hd_side_box .hd_right .menu-trigger{border-bottom:1px solid rgba(255,255,255,0.5);}
        .main_index .hd_side_box .hd_right .menu-trigger span{filter: var(--filter-white);}
        .main_index .hd_side_box .hd_right .hd_lnb li{filter: var(--filter-white);}
        .main_index .hd_btn_top:before{filter: var(--filter-white);}
        .main_index .hd_btn_top span{filter: var(--filter-white);}

        .main_index .hd_side_box.on{border-left:1px solid rgba(255,255,255,0.5);background:#000;}
        .main_index .hd_side_box.on .hd_right .menu-trigger{border-bottom:1px solid rgba(255,255,255,0.5);}
        

        @media (hover:hover) and (pointer: fine){
            .main_index .hd_side_box .hd_right .hd_lnb li:hover a .m_ov em:before{filter: var(--filter-white);}
            .main_index .hd_side_box.on .hd_right .hd_lnb li:hover a .m_ov em:before{filter: var(--filter-white);}
        }


    @media (max-width:1250px){
        #header .header_cont .hd_logo{height: 80px;}
        .hd_side_box{width:80px;}
        .hd_side_box .hd_right .menu-trigger{height:80px;}
        .hd_side_box .hd_right .menu-trigger span{font-size:16px;}
        .hd_side_box .hd_right .menu-trigger span:before{width:32px;}
		.hd_side_box .hd_right .hd_lnb_box{height: calc(100% - 230px);}
        .hd_side_box .hd_right .hd_lnb{width: 100px;}
        .hd_side_box .hd_right .hd_lnb li{font-size: 90%;}
        .hd_side_box .hd_right .hd_lnb li a{min-height: 100px;}
        .hd_side_box .hd_right .hd_lnb li a span{line-height:70px;}
        .hd_btn_top span{font-size:16px;}
        .hd_btn_top span:before{width:18px;left:3px;bottom:-7px;}
    }
    @media (max-width:640px){
        #header.on{position: fixed;background: var(--black-color00);}
        #header.aside_on{background: var(--black-color00);}
        #header.aside_on .header_cont .hd_logo a{background:url('../images/skin/hd_logo.png')no-repeat center;background-size:auto 100%;}
        #header .header_cont:after{clear:both;content:"";display: block;}
        #header .hd_right{display: inline-block;position: absolute;top: 50%;right: -15px;transform: translateY(calc(-50% - 0.5px));}
        .hd_side_box{display: none;}
        #header .hd_right .menu-trigger{width:80px;aspect-ratio: auto 1;border:none;display: flex;text-align: center;align-items: center;justify-content: center;}
        #header .hd_right .menu-trigger span{font-size:16px;color: var(--black-color00);font-weight:500;display: block;position: relative;filter: var(--filter-white);}
        #header .hd_right .menu-trigger span:before{width:32px;left: 50%;bottom: -4px;transform: translateX(-50%);height:2px;content:"";background: var(--black-color00);position: absolute;}
        #header .hd_right .menu-trigger .close{display: none;}	
        #header .hd_right .menu-trigger.active-1 .close{display:block;filter: var(--filter-white);}	
        #header .hd_right .menu-trigger.active-1 .menu{display:none;}
        #header .hd_right .hd_lnb_box, .hd_btn_top{display: none;}
    }
    @media (max-width:500px){
		#header .header_cont .hd_logo{height:65px;}
        #header .header_cont .hd_logo a{ max-width:115px;height:18px;}
        #header .hd_right .menu-trigger{width:65px;}
        #header .hd_right .menu-trigger span{font-size:14px;}
        #header .hd_right .menu-trigger span:before{width:30px;height:1px;bottom: -1px;}
    }
/*───────────────────────────────────────────────────────────

    ASIDE | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	#aside {top:0px;right:120px;width:calc(100% - 120px);transition:0.8s;height:100%;box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:99;visibility:hidden;}
        body:has(#aside.on){overflow: hidden; touch-action: none;}

	#aside .aside_box {width:100%;height:100%;margin:0;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;overflow:hidden;font-size:0;}
	#aside .aside_box:after{clear:both;content:"";display: block;}
	#aside .aside_box .aside_gnb {text-align:left;display: inline-block;float:right;padding-right:58px;position: absolute;right:0;top:0;}
	#aside .aside_box .aside_gnb li {display:inline-block;vertical-align:middle;position: relative;}
	#aside .aside_box .aside_gnb li + li{margin-left:40px;padding-left:40px;}
	#aside .aside_box .aside_gnb li + li:before{width:1px;height:15px;content:"";background:#fff;opacity:0.2;position: absolute;left:0;top:53px;}
	#aside .aside_box .aside_gnb li a {display:block;font-size:15px;color:#ffffff;font-weight:400;line-height:120px;}
	
	#aside .aside_bnr{display: inline-block;box-sizing:border-box;vertical-align:top;width:30.9%;height:100%;left:-30.9%;transition:all 0.5s;opacity:0;position: relative;}
	#aside.on .aside_bnr{left:0;transition:all 0.5s;opacity:1;visibility:visible;}	
	#aside .aside_bnr .bnr{width:100%;height:100%;background:url('../images/skin/cate-bg.jpg')no-repeat center;background-size:cover;}
	#aside .aside_content{width:69.1%;position: relative;right:-69.1%;transition:all 0.5s;opacity:0;display: inline-block;box-sizing:border-box;vertical-align: top;background:#000;height:100%;}
	#aside.on .aside_content{right:0;transition:all 0.5s;opacity:1;visibility:visible;}
	#aside .aside_slide_box{display: block;box-sizing:border-box;margin-top:16vh;}
	#aside .aside_slide_box .slidemenu > li{border-bottom:1px solid rgba(255,255,255,0.1);padding-left:107px;position: relative;}	
	#aside .aside_slide_box .slidemenu > li > a{font-size:40px;color:#fff;font-weight:400;line-height:120px;width:168px;letter-spacing:0;display: inline-block;}
	#aside .aside_slide_box .slidemenu .depth{display: inline-block;vertical-align: top;padding-left:92px;width:calc(100% - 175px);box-sizing:border-box;}
	#aside .aside_slide_box .slidemenu .depth > li{display: inline-block;box-sizing:border-box;vertical-align: top;position: relative;}
	#aside .aside_slide_box .slidemenu .depth > li + li{margin-left:33px;padding-left:33px;}
	#aside .aside_slide_box .slidemenu .depth > li + li:before{width:2px;height:2px;content:"";box-sizing:border-box;background:#aaa;border-radius:100%;position: absolute;left:0;top:57px;}
	#aside .aside_slide_box .slidemenu .depth > li a{font-size:18px;color:#fff;font-weight:300;letter-spacing:-0.9px;line-height:120px;}	
	

    @media (hover:hover) and (pointer: fine){
        #aside .aside_slide_box .slidemenu .depth > li:hover a{color:var(--point-color01);font-weight:500;}
    }

	@media (max-width:1250px){
		#aside{width:calc(100% - 80px);right:80px;}
		#aside .aside_slide_box .slidemenu > li{padding-left:40px;}	
		#aside .aside_slide_box .slidemenu > li > a{font-size:35px;}
		#aside .aside_slide_box .slidemenu .depth{padding-left:40px;}
		#aside .aside_slide_box .slidemenu .depth > li a{font-size:16px;}
	}
	@media (max-width:950px){
		#aside .aside_box .aside_gnb{padding-right:30px;}
		#aside .aside_box .aside_gnb li + li{margin-left:20px;padding-left:20px;;}
		#aside .aside_box .aside_gnb li + li:before{top:30px;}
		#aside .aside_box .aside_gnb li a{line-height:80px;}
		#aside .aside_slide_box .slidemenu .depth > li + li{margin-left:15px;padding-left:15px;}
	}
	@media (max-width:800px){
		#aside .aside_bnr{display: none;}
		#aside .aside_content{width:100%;}
		#aside .aside_slide_box{width:100%;}
	}
	@media (max-width:640px){
		#aside{width:100%;top:-100%;right:0;}
		#aside.on{top:80px;right:0;}
		#aside .aside_box{display: block;align-items:initial;}
		#aside .aside_content{right:0;}
		#aside .aside_box .aside_gnb{position: static;float:none;display: block;width:100%;padding:30px 30px;}
		#aside .aside_box .aside_gnb li + li:before{top:0;}
		#aside .aside_box .aside_gnb li a{line-height:initial;}
		#aside .aside_slide_box{margin-top:10px;}
		#aside .aside_slide_box .slidemenu > li{border-bottom:none;border-top:1px solid rgba(0,0,0,0.1);}
		#aside .aside_slide_box .slidemenu > li > a{font-size:30px;line-height:80px;}
		#aside .aside_slide_box .slidemenu > li .icons{display: block;width:80px;height:80px;position: absolute;right:0;top:0;cursor:pointer;}
		#aside .aside_slide_box .slidemenu > li .icons:before{width:30px;height:2px;content:"";background:#fff;position: absolute;left:29px;top:37px;}
		#aside .aside_slide_box .slidemenu > li .icons:after{width:2px;height:30px;content:"";background:#fff;position: absolute;left:42px;top:23px;}
		#aside .aside_slide_box .slidemenu > li.on > a{color:var(--point-color01);}
		#aside .aside_slide_box .slidemenu > li.on > .icons:before{background:var(--point-color01);}
		#aside .aside_slide_box .slidemenu > li.on > .icons:after{display: none;}
		#aside .aside_slide_box .slidemenu .depth{display:none;padding:0 0 0 30px;}
		#aside .aside_slide_box .slidemenu .depth > li{display: block;}
		#aside .aside_slide_box .slidemenu .depth > li + li{margin:0;padding:0;}
		#aside .aside_slide_box .slidemenu .depth > li + li:before{display: none;}
		#aside .aside_slide_box .slidemenu .depth > li a{line-height:50px;}

		.main_index #header .hd_side_box.on{border:none;}
		.main_index #header .hd_side_box.on .hd_right .menu-trigger{border:none;}
		
		#header .hd_side_box.on .hd_right .menu-trigger{border:none;}
	}
	@media (max-width:500px){
		#aside.on{top: 64px;}
		#aside .aside_box .aside_gnb{padding:20px 30px;}
		#aside .aside_box .aside_gnb li + li{margin-left:31px;padding-left:31px;}
		#aside .aside_box .aside_gnb li + li:before{height:10px;top:2px;}
		#aside .aside_slide_box{margin-top:3px;}
		#aside .aside_slide_box .slidemenu > li{padding-left:30px;}
		#aside .aside_slide_box .slidemenu > li > a{font-size:20px;line-height:60px;}
		#aside .aside_slide_box .slidemenu > li .icons{width:60px;height:60px;}
		#aside .aside_slide_box .slidemenu > li .icons:before{width:15px;top:25px;left:15px;}
		#aside .aside_slide_box .slidemenu > li .icons:after{height:15px;top:18px;left:22px;}
		#aside .aside_slide_box .slidemenu .depth{padding:0 0 8px 20px;margin-top:-10px;}
		#aside .aside_slide_box .slidemenu .depth > li a{font-size:16px;color:#ddd;line-height:50px;}
	}
	

/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
    .main_visual{position: relative;overflow: hidden;box-sizing: border-box;}
    .main_visual .slick-slide{position: relative;height: 980px;}
    .main_visual .thumb{width: 100%; height: 100%; background: no-repeat center / cover;}
    .main_visual .txt_box{position: absolute;left:50%;transform:translate(-50.8%);top:39.9%;font-size: var(--title-20);color: var(--point-white);}
    .main_visual .txt_box h2{font-size: 400%;font-weight:400;letter-spacing:0;}
    .main_visual .txt_box p{font-size: max(14px, 85%);font-weight:300;margin-top:37px;letter-spacing: -0.03em;}
    .main_visual .txt_box span{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;height:56px;padding: 2px 33px 0;border-radius:27px;border: 1px solid var(--point-white);font-size: inherit;font-weight:300;margin-top:57px;overflow:hidden;position: relative;display: none;}
    .main_visual .txt_box span:before{width:0;height:100%;background:var(--point-color01);position: absolute;top:0;left:0;content:"";z-index:-1;transition:width 0.5s;}
    .main_visual .txt_box :where(h2, p, span){transform:translateY(100px);opacity:0;}

    .main_visual .slick-dots{width: calc(100% - 60px);max-width: 1300px;left:50%;transform: translateX(-50%);position: absolute;bottom:24%;display: flex;flex-wrap: wrap;gap: 10px;box-sizing: border-box;}
    .main_visual .slick-dots li{margin: 0;display: inline-block;box-sizing:border-box;font-size: 0;}
    .main_visual .slick-dots li button{width:10px;height:10px;background: var(--border-color03);transition: all 0.4s;}
    .main_visual .slick-dots li.slick-active button{width:30px;background:var(--point-color01);}

    .main_visual .visual_btn_wrap{width:1300px;position: absolute;left:50%;transform:translate(-50.6%);top:34%;}
    .main_visual .visual_btn_wrap .slide_count{display:flex;flex-wrap: wrap;align-items: center;gap: 10px 26px;font-size: var(--title-20);}
    .main_visual .visual_btn_wrap .slide_count span{display: inline-block;box-sizing:border-box;position: relative;font-size: max(13px, 80%);color: var(--point-white);font-weight:400;}
    .main_visual .visual_btn_wrap .slide_count .current{width: 166px;display: inline-flex;justify-content: space-between;align-items: center;}
    .main_visual .visual_btn_wrap .slide_count .current:after{display: inline-block;content: '';width:120px;height:1px;background: var(--border-color03);transform: translateY(-2px);}

    .main_visual .scroll_down{position: absolute;left:calc(50% - 21px);bottom:2px;cursor:pointer;font-size: var(--title-20);}
    .main_visual .scroll_down span{display: inline-block;box-sizing:border-box;font-size: inherit;color: var(--point-white);font-weight:300;position: relative;padding-bottom:77px;}
    .main_visual .scroll_down span:before{width:1px;height:60px;content:"";background: var(--point-white);opacity:0.5;position: absolute;bottom:0;left:calc(50% - 1px);}
    .main_visual .scroll_down span:after{width:8px;height:8px;content:"";background:var(--point-color01);box-sizing:border-box;border-radius:100%;position: absolute;left:calc(50% - 4px);bottom:54px;animation:scroll 1s ease-in Infinite Alternate;}
    @keyframes scroll{
        0%{bottom:54px;}
        100%{bottom:0px}
    }
    
    /*active*/
        .main_visual .slick-slide.active .txt_box :where(h2, p, span){transform:translateY(0);opacity:1;transition:all 0.5s;}
        .main_visual .slick-slide.active .txt_box p{transition-delay:0.3s;}
        .main_visual .slick-slide.active .txt_box span{transition-delay:0.6s;}

        @media (hover:hover) and (pointer: fine){
            .main_visual .txt_box span:hover{border:1px solid var(--point-color01);}
            .main_visual .txt_box span:hover:before{width:100%;transition:width 0.5s;}
        }

    @media (max-width:1023px){
        .main_visual .slick-slide{height: clamp(650px, 98vw, 980px);}
        .main_visual .txt_box h2{font-size: 360%;}
    }
	@media (max-width:860px){
        .main_visual .slick-dots{width:calc(100% - 30px);}
    }
    @media (max-width:800px){
        .main_visual .txt_box{top:35%;}
        .main_visual .txt_box h2{font-size: 320%;}
        .main_visual .txt_box p{margin-top:20px;}
        .main_visual .txt_box span{margin-top:40px;font-size: 90%;}
        .main_visual .slick-dots{bottom:27%;}
    }
    @media (max-width:700px){
        .main_visual .txt_box h2{font-size: 280%;}
    }
    @media (max-width:640px){
        .main_visual .slick-dots{opacity: 0;pointer-events: none;}
        .main_visual .txt_box h2{font-size: max(40px, 250%);}
    }
    @media (max-width:500px){
        .main_visual .txt_box{top:37%;}
        .main_visual .txt_box h2{font-size: 250%;line-height: 1.2;}
        .main_visual .txt_box p{line-height: 1.43;margin-top:15px;}
        .main_visual .txt_box span{height:32px;padding-inline: 20px;margin-top:24px;font-size: max(14px, 80%);}

        .main_visual .visual_btn_wrap{top:30.7%;}
		.main_visual .visual_btn_wrap .slide_count{gap: 11px;}
        .main_visual .visual_btn_wrap .slide_count span{}
        .main_visual .visual_btn_wrap .slide_count .current{width: 90px;}
        .main_visual .visual_btn_wrap .slide_count .current:before{font-size:13px;}
        .main_visual .visual_btn_wrap .slide_count .current:after{width:60px;transform: translateY(-1px);}

        .main_visual .scroll_down{left:calc(50% - 13px);}
        .main_visual .scroll_down span{font-size: max(12px, 70%);padding-bottom:46px;}
        .main_visual .scroll_down span:before{height:40px;}
        .main_visual .scroll_down span:after{width:5px;height:5px;left:calc(50% - 3px);}
        @keyframes scroll{
            0%{bottom:38px;}
            100%{bottom:0px}
        }
    }

    .main_w{max-width: 1500px !important;box-sizing:border-box;margin-left:292px;}
    .main_w:after{clear:both;content:"";display: block;}
    .main_title{font-size: var(--title-20);margin-bottom: 42px;}
    
    .main_title span{display: inline-block;box-sizing:border-box;position: relative;font-size: max(13px, 80%);font-weight:400;line-height: 1.125; color: var(--point-white);}
    .main_title span.num{padding-right:125px;margin-right:26px;}
    .main_title span.num:after{width:100px;height:1px;content:"";background:#edede5;position: absolute;right:0;top:7px;}
    .main > div{position: relative;}
    .anchor{position: absolute;top:0; left: 0;}	
    .main_text{position: relative;font-size: var(--title-20);color: var(--point-white);box-sizing: border-box;}
        .main_text.hd{margin-bottom: 40px;}
    .main_text h3{font-size: 300%; font-weight: 400;}
    .main_text p{font-size: max(14px, 80%); color: rgba(255, 255, 255, 0.8); font-weight: 400; font-family: var(--font-type02);}

    @media (max-width:1023px){
        .main_text.hd{margin-bottom: clamp(20px, 4vw, 40px);}
    }
    @media (max-width:850px){
        .main_title span.num{padding-right:90px;margin-right:10px;}
        .main_title span.num:after{width:80px;}
        .main_text h3{font-size: 250%;}
    }
    @media (max-width:640px){
        .anchor{top:-60px;}	
    }
    @media (max-width:500px){
		.main_title{margin-bottom:24px;}
        .main_title span.num{padding-right:75px;}
        .main_title span.num:after{width:60px;top:8px;}
        .main_text h3{font-size: max(30px, 185%);}
    }
    /*소개*/
        .main_introduce{background: var(--black-color01);box-sizing:border-box;position: relative;padding:193px 0 190px;}
        .main_introduce:before{content: "Neo steel";font-size: 118px;color: rgba(255, 255, 255, 0.08);font-weight: 400;font-family: var(--font-type03);position: absolute;bottom: 23.5%;right: 11.3%;transform: rotate(-20deg);letter-spacing: 0;z-index:0;}
        .main_introduce .w_custom{max-width:1500px;display: flex;flex-wrap: wrap;align-items: flex-start;}
        .main_introduce .w_custom > div{box-sizing:border-box;position: relative;}
        .main_introduce .img_box{width: 41%;padding-top: 77px;padding-left: min(85px, 4.5vw);}
        .main_introduce .img_box .img{position: relative;z-index:2;}
        .main_introduce .img_box .img:before{width:100%;height:100%;content:"";border:3px solid var(--point-color01);position: absolute;top:-40px;left:-40px;z-index:-1;transition:all 0.5s;box-sizing:border-box;}
        
        .main_introduce .img_box .img img{width:100%;}
        .main_introduce .img_box a{display: inline-block;box-sizing:border-box;width:80px;aspect-ratio: auto 1;background:var(--point-color01) url('../images/skin/icon_more.png')no-repeat center;position: absolute;bottom:-30px;right:-30px;font-size:0;z-index:5;display: none;}
        .main_introduce .txt_box{width: 59%;padding-left: clamp(30px, 10vw, 192px);padding-right: 110px;font-size: var(--title-20);}
        .main_introduce .txt_box h3{font-size: 300%;color: var(--point-white);font-weight:300;letter-spacing: -0.05em;line-height: 1.33;word-break:keep-all;margin:53px 0 35px -3px;}
        .main_introduce .txt_box h3 strong{font-size:inherit;color:inherit;line-height:inherit;}
        .main_introduce .txt_box p{font-size: max(14px, 80%);color: var(--point-white);font-weight:300;letter-spacing: -0.05em;line-height: 1.875;}

            @media (hover:hover) and (pointer: fine){
                .main_introduce .img_box:hover .img:before{top:0;left:0;transition:all 0.5s;}
            }

        @media (max-width:1350px){
            .main_introduce{padding:150px 0 150px;}
            .main_introduce .txt_box p br{display: none;}
        }
		@media (max-width:1250px){
			.main_introduce:before{font-size: max(61px, 9vw);}
			.main_introduce .img_box a{width: clamp(60px, 6.4vw, 80px);}
            .main_introduce .txt_box{padding-right: 80px;}
        }
        @media (max-width:1000px){
            .main_introduce:before{bottom: 15px;right:3.3%;}
            .main_introduce .txt_box h3{font-size: 260%;line-height:60px;}
        }
        @media (max-width:850px){
            .main_introduce{padding:100px 0 100px;}
            .main_introduce .txt_box h3{font-size: max(34px, 220%);line-height: 1.25;margin:25px 0 10px -3px;}

        }
        @media (max-width:640px){
            .main_introduce{text-align: center;}
            .main_introduce .w_custom{flex-direction: column-reverse;}
            .main_introduce .txt_box{padding:0;width:100%;}
            .main_introduce .img_box{width:60%;margin-top: 80px;margin-inline: auto;padding: 0;}
            .main_introduce .img_box .img:before{top:-20px;left:-20px;}
            .main_introduce .img_box a{bottom:-15px;right:-15px;}
        }
        @media (max-width:500px){
            .main_introduce{padding:73px 0 90px;}
            .main_introduce:before{bottom: 35px;right:2%;}
            .main_introduce .txt_box h3{font-size: max(34px, 220%);line-height: 1.29;margin:24px 0 28px 0px;font-weight:100;letter-spacing:-1.7px;}
            .main_introduce .txt_box p{line-height: 1.43;font-weight:100;}
            .main_introduce .img_box{width: calc(100% - 45px);margin-inline: auto;}
            .main_introduce .img_box .img:before{top:-16px;left:-13px;border:2px solid var(--point-color01);}
            .main_introduce .img_box a{width:50px;height:50px;bottom:-19px;right:-14px;background-size:auto 8px;}
        }
    
    /*steel 종류*/
        #main_sort{width:100%;height:980px;box-sizing:border-box;background: url('../images/skin/steel_introduce01.jpg')no-repeat center / cover;transition: all 0.4s;}
        #main_sort.sort_on02{background-image: url('../images/skin/steel_introduce02.jpg');}
        #main_sort.sort_on03{background-image: url('../images/skin/steel_introduce03.jpg');}
        #main_sort .sort_list{width:calc(100% - 120px);height:100%;font-size:0;display: flex;flex-wrap: wrap;}
        #main_sort .sort_list li{display: inline-block;box-sizing:border-box;width: calc(100% / 3);height:100%;text-align:center;position: relative;overflow:hidden;background: no-repeat center / cover;}
        #main_sort .sort_list li:after{width:100%;height:0;content:"";background:rgba(0,0,0,0.6);position: absolute;top:0;left:0;transition:height 0.5s;z-index:0;}
        #main_sort .sort_list li + li{border-left:1px solid rgba(255,255,255,0.4);}
        #main_sort .sort_list li + li:before{width:1px;height:50px;content:"";background:#fff;position:absolute;top:0;left:0;}
        #main_sort .sort_list li:nth-child(2):before{animation:scroll2 1.8s 0.7s linear infinite;}
        #main_sort .sort_list li:nth-child(3):before{animation:scroll2 2s 1.2s linear infinite;}
        @keyframes scroll2 { 
            0% {	top: 0;}
            60%{	top:100%;}
            100%{top:100%;}
        }
        #main_sort .sort_list li a{display: block;width:100%;height:100%;position: relative;z-index:5;}
        #main_sort .sort_list li a:before{font-size:500px;color:rgba(255, 255, 255, 0.08);font-weight:700;position: absolute;top:50%;left:50%;transform:translate(-50%, -38%);height:0;overflow:hidden;z-index:3;}
        #main_sort .sort_list li:nth-child(1) a:before{content:"C";}
        #main_sort .sort_list li:nth-child(2) a:before{content:"G";}
        #main_sort .sort_list li:nth-child(3) a:before{content:"T";}
        #main_sort .sort_list .txt_box{width:100%;position: absolute;top:50%;transform:translateY(-50%);z-index:5;padding-inline: 15px;box-sizing: border-box;font-size: var(--title-20);color: var(--point-white);}
        #main_sort .sort_list .txt_box .sort_tit{font-size: 200%;font-weight:500;line-height: 1.25;}
        #main_sort .sort_list .txt_box .sort_des{font-size: max(13px, 80%);color:#fff;font-weight:300;letter-spacing: -0.05em;line-height: 1.875;opacity:0;height:0;overflow:hidden;transition:all 0.5s;}
        #main_sort .sort_list .txt_box span{display: inline-block;box-sizing:border-box;font-size: inherit;color:var(--point-color01);font-weight:400;padding-bottom:7px;border-bottom:2px solid var(--point-color01);opacity:0;height:0;overflow:hidden;transition:all 0.5s;position: relative;display: none;}
        
        

        /*on*/
            #main_sort .sort_list li.on:after{height:100%;transition:height 0.5s;}
            #main_sort .sort_list li.on a:before{height:auto;overflow:visible;}
            #main_sort .sort_list li.on a .txt_box .sort_des{height:auto;opacity:1;margin-top:20px;transition:all 0.5s;overflow:visible;}
            #main_sort .sort_list li.on a .txt_box span{height:auto;opacity:1;margin-top:71px;transition:all 0.5s;overflow:visible;}

            @media (hover:hover) and (pointer: fine){
                #main_sort .sort_list .txt_box span:hover{filter: var(--filter-white);}
            }

        @media (max-width:1400px){
            #main_sort{height:700px;}
            #main_sort .sort_list .txt_box .sort_tit{font-size: 175%;}
            #main_sort .sort_list .txt_box .sort_des{line-height:1.78;}
        }
        @media (max-width:1250px){
            #main_sort .sort_list{width:calc(100% - 80px);}
            #main_sort .sort_list .txt_box{box-sizing:border-box;padding:0 15px;}
            #main_sort .sort_list .txt_box .sort_des br{display: none;}
        }
		@media (max-width:1023px){
			#main_sort .sort_list li a:before{font-size: max(300px, 45vw);}
        }
        @media (max-width:900px){
            #main_sort{height:570px;}
            #main_sort .sort_list .txt_box .sort_tit{font-size:150%;}
            #main_sort .sort_list .txt_box span{font-size: 90%;}

            #main_sort .sort_list li.on a .txt_box span{margin-top:30px;}
        }
        @media (max-width:750px){
            #main_sort .sort_list .txt_box .sort_tit{font-size:120%;}
        }
        @media (max-width:640px){
            #main_sort{height:auto;}
            #main_sort .sort_list{width:100%;}
            #main_sort .sort_list li{display: block;width:100%;text-align: center;}
            #main_sort .sort_list li + li{border:none;}
            #main_sort .sort_list li + li:before{display: none;}
            #main_sort .sort_list li:nth-child(1){background-image: url('../images/skin/steel_introduce01.jpg');}
            #main_sort .sort_list li:nth-child(2){background-image: url('../images/skin/steel_introduce02.jpg');}
            #main_sort .sort_list li:nth-child(3){background-image: url('../images/skin/steel_introduce03.jpg');}
            #main_sort .sort_list li a{padding:100px 0 100px;}
            #main_sort .sort_list li a:before{display: block;opacity:1;overflow:visible;height:auto;}
            #main_sort .sort_list .txt_box{transform: none;position: static;}		
            #main_sort .sort_list .txt_box .sort_tit{font-size: clamp(30px, 8vw, 50px);}
            #main_sort .sort_list .txt_box .sort_des{font-size: max(13px, 95%);line-height:24px;opacity:1;overflow:visible;margin-top:30px;height:auto;}
            #main_sort .sort_list .txt_box .sort_des br{display: block;}
            #main_sort .sort_list .txt_box span{font-size: max(13px, 90%);opacity:1;overflow:visible;margin-top:30px;filter: var(--filter-white);height:auto;}
        }	
        @media (max-width:500px){
            #main_sort .sort_list li a{padding:92px 0 90px;}
            #main_sort .sort_list li a:before{color:rgba(255, 255, 255, 0.17);}
            #main_sort .sort_list .txt_box .sort_des{font-size: max(14px, 85%);line-height: 1.43;margin-top:19px;font-weight:100;}
            #main_sort .sort_list .txt_box span{font-size: max(13px, 80%);letter-spacing:0;margin-top:24px;border:none;padding-bottom:6px;}
            #main_sort .sort_list .txt_box span:before{width:82%;height:2px;content:"";background:#fff;position: absolute;left:5px;bottom:0;}
        }
        @media (max-width:370px){
            #main_sort .sort_list .txt_box .sort_des br{display:none;}
        }

    /*뉴스*/
        .main_news{width:100%;box-sizing:border-box;background:var(--black-color00);padding:262px 0 229px 0;}
        .main_news .main_news_box{display: flex;align-items: flex-start;}
        .main_news .main_news_box:after{clear:both;content:"";display: block;}
        .main_news .main_news_box .txt_box{width: 32%;min-width: 300px;font-size: var(--title-20);color: var(--point-white);padding-right: 30px;box-sizing: border-box;}
        .main_news .main_news_box .txt_box h3{margin-left:-6px;}
        .main_news .main_news_box .txt_box p{font-size: max(14px, 80%);color:rgba(255,255,255,0.8);font-weight:400;font-family: var(--font-type02);margin-top:20px;}
        .main_news .main_news_box .txt_box a{display: inline-block;font-size: inherit;font-weight:400;position: relative;margin-top:57px;padding-bottom:12px;display: none;}
        .main_news .main_news_box .txt_box a:before{width:86%;height:2px;content:"";background: var(--point-white);position: absolute;bottom:0;left:7px;}
        .main_news_arw{font-size:0;margin-top:98px;}
        .main_news_arw button{position:relative;top:0;left:0;right:0;width:50px;height:50px;box-sizing:border-box;border-radius:100%;border:1px solid var(--point-white);display: inline-block;vertical-align: top;margin-top:0;background:transparent;transition: all 0.4s;}
        .main_news_arw button + button{margin-left:20px;}
        .main_news_arw button:before{width:10px;height:10px;content:"";border:1px solid var(--point-white);border-width:1px 1px 0 0;position: absolute;top:19px;}
        .main_news_arw button:after{display: none;}
        .main_news_arw button.swiper-button-prev:before{transform:rotate(-135deg);left:21px;}
        .main_news_arw button.swiper-button-next:before{transform:rotate(45deg);right:21px;}
        .main_news .swiper-pagination{display: none;}

        .main_news .content_box{width: 68%;margin-top:1px;box-sizing: border-box;}
        .main_news .news_container{padding-top:30px;margin-top:-30px;width: 67vw;}
        .main_news .board_li.swiper-slide{opacity:0.2;transition:all 0.5s;}
        .main_news .board_li.swiper-slide-active, .main_news .board_li.swiper-slide-active + .swiper-slide{opacity:1;}
        .main_news .board_li.swiper-slide-active .thumb img, .main_news .board_li.swiper-slide-active + .swiper-slide .thumb img{opacity:1;}
        .main_news .board_li .thumb{position: relative;width: 100%;aspect-ratio: auto 1;overflow: hidden;}
        .main_news .board_li .thumb:before{width:100%;height:100%;box-sizing:border-box;border:4px solid var(--point-color01);position: absolute;top:0;left:0;content:"";z-index:1;opacity: 0;transition: all 0.4s;}
        .main_news .board_li .thumb .more{display: block;box-sizing:border-box;width:60px;aspect-ratio: auto 1;background:var(--point-color01) url('../images/skin/icon_more.png')no-repeat center;position: absolute;bottom:0;right:0;opacity: 0;transition: all 0.4s;display: none;}
        .main_news .board_li .thumb img{width:100%;height: 100%;object-fit: cover;position: relative;opacity:0.7;}
        .main_news .board_li .txt{margin-top:24px;font-size: var(--title-20);color: var(--point-white);}
        .main_news .board_li .title{font-size: inherit;font-weight:500;letter-spacing: -0.05em;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family: var(--font-type02);}
        .main_news .board_li .date{font-size: max(12px, 80%);color: var(--border-color02);font-weight:300;margin-top:18px;}

        

            @media (hover:hover) and (pointer: fine){
                .main_news_arw button:hover{border:1px solid var(--point-color01);background:var(--point-color01);}
                .main_news .board_li:hover{margin-top:-30px;transition:all 0.5s;}
                .main_news .board_li:hover .thumb:before{display: block;opacity: 1;}
                .main_news .board_li:hover .thumb .more{opacity: 1;}
            }

        @media (max-width:1300px){
            .main_news{padding:150px 0 120px;}
            .main_news_arw{margin-top:40px;}
        }
        @media (max-width:850px){
            .main_news{padding:100px 0 80px;}
            .main_news .main_news_box{padding:0 0 0 30px;}
            .main_news .content_box{width:calc(100% - 190px);padding-left:35px;}
            .main_news .main_news_box .txt_box p{margin-top:10px;}
            .main_news .main_news_box .txt_box a{font-size: max(13px, 90%);margin-top:30px;}
            .main_news_arw{margin-top:25px;}
            .main_news_arw button{width:40px;height:40px;}
            .main_news_arw button:before{width:8px;height:8px;top:14px;}
            .main_news_arw button.swiper-button-prev:before{left:16px;}
            .main_news_arw button.swiper-button-next:before{right:16px;}
            .main_news .board_li .title{font-size: max(15px, 90%);}
        }
        @media (max-width:640px){
            .main_news_box{padding:0;}
            .main_news .main_news_box{padding:0;flex-wrap: wrap;}
            .main_news .main_news_box .txt_box{width:100%;padding-right: 0;}
            .main_news_arw{display: none;}
            .main_news .content_box{width:100%;padding: 0;}
            .main_news .news_container{padding:0;margin-top:30px;overflow:visible;width: 100%;}
            .main_news .swiper-pagination{display: block;width:100%;height:2px;background: var(--border-color01);position: static;margin-top:20px;}
            .main_news .swiper-pagination .swiper-pagination-progressbar-fill{background:var(--point-color01);}
        }
        @media (max-width:500px){
            .main_news{padding:75px 0 75px;}
            .main_news .main_news_box .txt_box p{margin-top:18px;}
            .main_news .main_news_box .txt_box a{font-size: max(13px, 80%);margin-top:27px;}
            .main_news .news_container{margin-top:60px;}
            .main_news .board_li .txt{margin-top:15px;}
            .main_news .board_li .date{font-size: max(12px, 75%);margin-top:7px;}
            .main_news .swiper-pagination{height:1px;margin-top:30px;}
        }

    /*contact*/
        .main_location{width:100%;height:1150px;box-sizing:border-box;background:url('../images/skin/contact-bg.jpg')no-repeat center;background-size:cover;font-size:0;}
        .main_location .w_custom{height: 100%;display: flex;flex-wrap: wrap;}
        .main_location .txt_box{padding: 249px 0 0 0;width: 32.6%;box-sizing: border-box;font-size: var(--title-20);color: var(--point-white);}
        .main_location .contact_wrap{width: 67.4%; box-sizing: border-box;}
        .main_location .contact_box{display: flex;flex-wrap: wrap;width: 100%;height:100%;box-sizing:border-box;}
        .main_location .contact_box li{display: inline-block;box-sizing:border-box;border-left:1px solid rgba(255,255,255,0.1);width: calc(100% / 3);height:100%;position: relative;overflow:hidden;}
        .main_location .contact_box li:before{width:1px;height:50px;content:"";background:#fff;position:absolute;top:0;left:0;}
        .main_location .contact_box li:nth-child(1):before{animation:scroll2 1.2s 0.3s linear infinite;}
        .main_location .contact_box li:nth-child(2):before{animation:scroll2 1.8s 0.7s linear infinite;}
        .main_location .contact_box li:nth-child(3):before{animation:scroll2 2s 1.2s linear infinite;}
        @keyframes scroll2 { 
            0% {	top: 0;}
            60%{	top:100%;}
            100%{top:100%;}
        }
        .main_location .contact_box .contact_sub_cont{width:100%;box-sizing:border-box;padding-inline: 30px 41px;position: absolute;top:39.6%;left:0;font-size: var(--title-20);}
        .main_location .contact_box .contact_sub_cont h4{font-size: 110%;color:var(--point-color01);font-weight:700;text-transform:uppercase;position: relative;letter-spacing:0;padding:76px 0 27px;margin-bottom:60px;}
        .main_location .contact_box .contact_sub_cont h4:before{width:30px;height:3px;content:"";background:var(--point-color01);position: absolute;bottom:0;left:0;}
        .main_location .contact_box li:nth-child(1) .contact_sub_cont h4{background:url('../images/skin/contact-01.png')no-repeat left top;}
        .main_location .contact_box li:nth-child(2) .contact_sub_cont h4{background:url('../images/skin/contact-02.png')no-repeat left 10px;}
        .main_location .contact_box li:nth-child(3) .contact_sub_cont h4{background:url('../images/skin/contact-03.png')no-repeat left 7px;}
        .main_location .contact_box .contact_sub_cont p{font-size: 80%;color:rgba(255,255,255,0.8);font-weight:400;line-height: 1.25;letter-spacing:0;}

        @media (max-width:1500px){
            .main_location{height:900px;}
            .main_location .txt_box{padding-top: 130px;}
            .main_location .contact_box .contact_sub_cont{top:22%;padding-inline: 20px 30px;}
        }
        @media (max-width:1300px){
            .main_location{height:700px;}
        }
        @media (max-width:1250px){
            .main_location .main_title span.num{padding-right:75px;}
            .main_location .main_title span.num:after{width:60px;}
        }
        @media (max-width:1000px){
            .main_location .txt_box{padding-top: 90px;}
            .main_location .contact_box .contact_sub_cont{padding-inline: 20px;}
            .main_location .contact_box .contact_sub_cont h4{font-size: 100%;}
            .main_location .contact_box .contact_sub_cont p{font-size: max(13px, 70%);}
        }
        @media (max-width:850px){
            .main_location{height:600px;}
            .main_location .txt_box{padding-top: 65px;}
            .main_location .main_title span.num{padding-right:48px;}
            .main_location .main_title span.num:after{width:40px;}
            .main_location .contact_box .contact_sub_cont p{word-break:break-all;}
        }
        @media (max-width:700px){
            .main_location .txt_box{width: 30%;}
            .main_location .contact_wrap{width:70%;}
        }
        @media (max-width:640px){
            .main_location{height:auto;padding-top:50px;}
            .main_location .w_custom{width:100%;}
            .main_location .txt_box{width:100%;padding:0 30px;}
            .main_location .main_title span.num{padding-right:90px;}
            .main_location .main_title span.num:after{width:80px;}
            .main_location .contact_wrap{width:100%;}
            .main_location .contact_box{width:100%;}
            .main_location .contact_box li{display: block;height:auto;border:none;width:100%;padding:30px 0;}
            .main_location .contact_box li:before{display: none;}
            .main_location .contact_box li + li{border-top:1px solid rgba(255,255,255,0.1);}
            .main_location .contact_box .contact_sub_cont{position:static;padding-inline: 30px;}
            .main_location .contact_box .contact_sub_cont h4{margin-bottom:30px;}
            .main_location .contact_box .contact_sub_cont p{font-size: max(13px, 85%); word-break: keep-all;}
        }
        @media (max-width:500px){
            .main_location{padding:75px 0 36px;}
            .main_location .main_title span.num{padding-right:75px;}
            .main_location .main_title span.num:after{width:60px;}
            .main_location .contact_box{margin:33px 0 0;}
            .main_location .contact_box li{padding:30px 0 28px;}
            .main_location .contact_box .contact_sub_cont h4{padding:49px 0 0;margin-bottom:12px;}
            .main_location .contact_box .contact_sub_cont h4:before{display: none;}
            .main_location .contact_box li:nth-child(1) .contact_sub_cont h4{background-size:auto 35px;}
            .main_location .contact_box li:nth-child(2) .contact_sub_cont h4{background-size:auto 26px;}
            .main_location .contact_box li:nth-child(3) .contact_sub_cont h4{background-size:auto 28px;}
        }

    /* 상담문의 */
        .main_contact{position: relative;background: var(--black-color00);box-sizing:border-box;padding-block: 120px 250px;}
        .main_contact .board_main_write{display: flex;flex-wrap:wrap;gap:40px 0;flex-direction: column;}
        .main_contact .board_main_write .line2{display: flex;flex-wrap:wrap;gap:0 40px;}
        .main_contact .board_main_write dl{display: flex;flex-wrap:wrap;width:100%;}
        .main_contact .board_main_write .line2 dl{width:calc(50% - 20px);}
        .main_contact .board_main_write dl dd{width:100%;}
        .main_contact .board_main_write input:where([type="text"], [type="password"]){background:none;box-sizing:border-box;border:none;border-bottom: 1px solid rgba(255,255,255,255.4);font-size:var(--title-16);color: rgba(255,255,255,0.6);font-weight: 400;padding-left:9px;width:100%;height:44px;}
        .main_contact .board_main_write input:where([type="text"], [type="password"])::placeholder{color:inherit;}
        .main_contact .board_main_write input:where([type="text"], [type="password"]):focus{border-color: var(--point-white);color:var(--point-white);}
        .main_contact input:-webkit-autofill{color:var(--point-white);}
        .main_contact .board_main_write textarea{width:100%;height:140px;box-sizing:border-box;outline:none;border: 1px solid rgba(255,255,255,0.4);background: rgba(255,255,255,0.05);padding:20px;font-size:var(--title-16);color:rgba(255,255,255,0.6);font-weight: 300;resize:none;line-height: 1.4;}
        .main_contact .board_main_write textarea::placeholder{color:inherit;}
        .main_contact .board_main_write textarea:focus{color:var(--point-white);}
        .main_contact .policy_cont{padding:20px;box-sizing:border-box;border: 1px solid rgba(255,255,255,0.4);}
        .main_contact .policy_cont label,
        .main_contact .policy_cont a{color: var(--point-white);font-size:var(--title-16);font-weight: 300;}
        .main_contact .policy_cont a{font-size:var(--title-14);}
        .main_contact .board_main_write .capthca_wrap .capthca_box{display: flex;flex-wrap:wrap;gap:10px;box-sizing:border-box;border: 1px solid rgba(255,255,255,0.4);padding:10px 20px;}
        .main_contact .board_main_write .capthca_wrap #captcha{width:calc(100% - 240px);height:40px;border:none;}
        .main_contact .board_main_write .capthca_wrap .btn_sm{width:40px;height:40px;padding:0;background-position:center;border:1px solid rgba(0,0,0,0.4);box-sizing: border-box;}
        .main_contact .btn_send_box{display:block;box-sizing:border-box;width: fit-content;background:var(--point-color01);font-size:var(--title-18);color:var(--point-white);font-weight:400;margin-inline: auto;margin-top:55px;position: relative;overflow:hidden;transition: all 0.4s;}
        .main_contact .btn_send_box:before{width:300px;height:300px;content:"";background:var(--point-white);transform:rotate(45deg);position: absolute;top:-205px;left:-316px;transition:all 1s;}
        .main_contact .btn_send_main{display:inline-flex;align-items: center;justify-content: center;position: relative;width: 200px;height: 60px;border: 1px solid var(--point-color01);font-size: var(--title-18);box-sizing: border-box;}
            
            @media (pointer: fine) and (hover: hover) {
                .main_contact .btn_send_box:hover:before{transition:all 1s;left:-14px;top:-135px;}
                .main_contact .btn_send_box:hover{color:var(--point-color01);}
            }

		@media (max-width:1200px) {
			.main_contact{padding-bottom:120px;}
		}
        @media (max-width:1023px) {
            .main_contact{padding-block: clamp(70px, 12vw, 120px);}
            .main_contact .board_main_write .line2.policy_box dl{width:100%;}
            .main_contact .board_main_write .line2.policy_box dl + dl{margin-top:20px;}
        }
        @media (max-width:640px) {
            .main_contact .board_main_write{gap:20px 0;}
            .main_contact .board_main_write .line2{gap:20px;}
            .main_contact .board_main_write .line2 dl{width:calc(50% - 10px);}
            .main_contact .board_main_write .capthca_wrap .capthca_box{padding:10px 15px;}
            .main_contact .board_main_write .line2.policy_box dl + dl{margin-top:0;}
            .main_contact .policy_cont{padding:15px;}
            .main_contact .btn_send_box{margin-top:35px;}
			.main_contact .btn_send_main{width:150px;height:50px;}
        }
        @media (max-width:479px) {
            .main_contact .board_main_write .line2 dl{width:100%;}
            .main_contact .board_main_write input:where([type="text"], [type="password"]){height:40px;}
            .main_contact .board_main_write textarea{padding:10px;height:150px;}
            .main_contact .board_main_write .capthca_wrap .capthca_box{padding:0;border:none;}
            .main_contact .board_main_write .capthca_wrap #captcha{border:1px solid rgba(0,0,0,0.4);width:100%;}
            .main_contact .policy_cont{padding:15px 10px;}
        }

/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{width:100%;box-sizing:border-box;position: relative;background: var(--black-color00);z-index:2;}
    #footer .w_custom{max-width: 1620px;}
    #footer .cont{padding-inline: clamp(30px, 4.2vw, 80px);background: var(--black-color01);}
	#footer .ft_info{position: relative;box-sizing:border-box;}
	#footer .ft_info .cont{width:100%;box-sizing:border-box;padding-block:90px 72px;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 30px;}
	#footer .ft_info .ft_info_left .logo{height:27px;}
	#footer .ft_info .contact_info{margin-top:45px;}
    #footer .ft_info .contact_info > li{display: flex; flex-wrap: wrap; gap:0 30px;} 
    #footer .ft_info .contact_info .desc{display: flex; font-size: var(--title-20); gap: 4px;}
    #footer .ft_info .contact_info .desc :where(dt, dd){font-size: max(12px, 75%); font-weight: 400; color: var(--black-color10); line-height: 1.86;}
    #footer .ft_info .contact_info .desc dt{flex-shrink: 0;}
	#footer .ft_nav{text-align:center;overflow: hidden;}
	#footer .ft_lnb{position: relative;display: flex;font-size: var(--title-20);gap: clamp(30px, 6vw, 115px);}
	#footer .ft_lnb:before{width:100%;height:1px;content:"";background:var(--border-color04);opacity:0.2;position: absolute;right: 0;top: calc(100% - 1px);}
	#footer .ft_lnb > li {position: relative;display: inline-block;box-sizing:border-box;font-size: max(14px, 80%);padding-bottom: 20px;}
    #footer .ft_lnb > li:first-child:before{position: absolute;content:'';width: 50%;height: 1px;background: var(--black-color01);left: 0;top: calc(100% - 1px);}
	#footer .ft_lnb > li > a{display: block;color: var(--point-white);font-weight:500;}
	#footer .ft_lnb > li:last-child a{padding-right: min(80px, 5.5vw);}
	#footer .ft_lnb .hd_lnb_dep2{text-align: center;margin-top:51px;position: relative;}
	#footer .ft_lnb .hd_lnb_dep2:before{content:"";border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--point-color01);border-right:none;position: absolute;top:-31px;left:50%;transform:translate(-50%);}
	#footer .ft_lnb .hd_lnb_dep2 > li a{font-size:16px;color:#aaa;font-weight:300;line-height:30px;}

	#footer .ft_btm{width:100%;box-sizing:border-box;font-size:0;background: var(--black-color02);padding-bottom: 88px;font-size: var(--title-20);}
	#footer .ft_btm .cont{padding-block: 25px;display: flex;flex-wrap: wrap;gap: 24px 60px;align-items: center;}
	#footer .copyright{font-size: max(12px, 75%);color: var(--black-color10);font-weight:400;display: inline-block;box-sizing:border-box;}
	#footer :where(.gnb, .sns){display: inline-flex;box-sizing:border-box;font-size:0;vertical-align: top;}
	#footer :where(.gnb, .sns) li{display: inline-block;box-sizing:border-box;}
	#footer .gnb{gap: 10px 33px;font-size: var(--title-20);}
	#footer .gnb li{font-size: max(12px, 75%);font-weight: 300;color: var(--point-white);}
	#footer .gnb li a{display: block;}	
	#footer .gnb li strong{font-weight:500;}	
	#footer .sns{display: none;gap: 10px;}

	.btn_top{display: none;}
	.btn_contact{position:fixed;bottom:49px;right:149px;width:120px;height:120px;animation: rotate 10s linear infinite;z-index:10;}
	.btn_contact a{display: block;width:100%;height:100%;position: relative;background:url('../images/skin/icon-quick.png')no-repeat center;background-size:auto 100%;font-size:0;}
	.btn_contact.main a{background:url('../images/skin/icon-quick-main.png')no-repeat center;background-size:auto 100%;}
	@keyframes rotate {
        100% {transform: rotate(360deg);}
	}

	.main_nav{position:fixed;z-index:10;top: 50%;left:54px;transform: translateY(-50%);}
	.main_nav ul{position: relative;display: flex;flex-direction: column;gap: 20px;}	
	.main_nav ul li a{display: block;width:10px;height: auto;aspect-ratio: auto 1;box-sizing:border-box;border-radius:100%;background: var(--black-color06);position: relative;font-size: 0;}	
	.main_nav ul li.on a{background:none;}	
	.main_nav ul li.on a:before{content:"";border: 9px solid var(--trans-color);border-left:14px solid var(--point-color01);position: absolute;top:-5px;left:0;}

	@media (max-width:1500px) {
		.main_nav{display: none;}
	}
	@media (max-width:1400px) {
		#footer .ft_lnb > li{font-size: max(13px, 70%);}
		#footer .ft_lnb .hd_lnb_dep2 > li a{font-size:14px;}
	}
	@media (max-width:1250px) {
		.btn_contact{bottom: 25px;right: 100px;width: 100px;height: 100px;}
	}
	@media (max-width:1200px) {
		#footer{margin-top:0;padding:0;}
		#footer .ft_box{padding:30px;}
	}
    @media (max-width:1023px) {
        #footer .cont{padding-inline: 0;}
        #footer .ft_info .cont{padding-block:clamp(30px, 6vw, 60px);}
		#footer .ft_info{background: var(--black-color01);}
        #footer .ft_btm{padding-bottom: 0;}
        #footer .ft_btm .cont{background: none;column-gap: clamp(30px, 6vw, 60px);}
	}
	@media (max-width:950px) {
		#footer .ft_info .cont .ft_info_left{width:50%;}
		#footer .ft_lnb .hd_lnb_dep2 > li a{font-size:13px;}
	}
	@media (max-width:800px) {
		#footer .ft_info .cont .ft_info_left{width:100%;}
		#footer .ft_info .cont > .ft_nav{display: none;}
		#footer .ft_info .contact_info > li{column-gap:20px;}
		#footer .ft_box ul{display: block;}
		#footer .ft_box .ft_gnb, #footer .ft_box .ft_sns{margin:10px 0 0 0;}
	}
	@media (max-width:640px) {
		#footer .ft_info .contact_info{margin-top:25px;}
		#footer .ft_box{padding:40px 30px;}
		#footer .gnb{column-gap:24px;}
        #footer .copyright{width: 100%;}
		.btn_contact{bottom:20px;right:20px;}
		.btn_top{display:block;position:fixed;right:20px;bottom:145px;width:50px;height:50px;background:rgba(0,0,0,0.9);cursor:pointer;z-index:10;}
		.btn_top span{display:block;width:100%;height:100%;text-align: center;font-size:14px;color:#fff;font-weight:500;position: relative;line-height:40px;}
		.btn_top span:before{width:17px;height:1px;content:"";background:#fff;position: absolute;bottom:15px;left:17px;}
	}
	@media (max-width:500px) {
		#footer .ft_info .cont .ft_info_left .ft_logo img{height:18px;}
		#footer .ft_info .contact_info{width:calc(100% + 11px);margin-top:17px;}
		#footer .ft_box{padding:40px 30px 114px 30px;}
		#footer .gnb li{font-weight:100;}
		#footer .sns li{height:30px;}
		.btn_contact{width:80px;height:80px;right:21px;bottom:19px;}
		.btn_top{bottom:120px;}
	}