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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    #container, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto; box-sizing: border-box;}
    #container{background: var(--point-white);padding-block:120px 200px;}
	#container:has(.full_sec){width:100%;max-width:100%;}
    #container:has(.full_sec) .container_title{padding-inline: 15px;}
    #container:has(.pmDn){padding-bottom: 0;}

    @media (max-width:1023px){
        #container{padding-block:clamp(50px, 10vw, 120px) clamp(100px, 15vw, 200px);}
    }
    @media (max-width:860px){
        #container, .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
        #container, .w_custom{width: calc(100% - 20px);}
    }
	
/*───────────────────────────────────────────────────────────
	common
───────────────────────────────────────────────────────────*/
	/*input*/
		#wrap input[type="text"],
		#wrap input[type="password"],
		#wrap input[type="number"],
		#wrap input[type="date"] {height:50px;line-height:48px;border:1px solid var(--gray-bg02);background:var(--gray-bg02);color:var(--black-color03);font-weight:400;font-size:var(--title-18);padding:0 24px;text-indent:0;border-radius:6px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;}
		#wrap input[type="text"]::placeholder,
		#wrap input[type="password"]::placeholder,
		#wrap input[type="number"]::placeholder,
		#wrap input[type="text"]::-webkit-input-placeholder,
		#wrap input[type="password"]::-webkit-input-placeholder,
		#wrap input[type="text"]::-moz-placeholder,
		#wrap input[type="password"]::-moz-placeholder,
		#wrap input[type="text"]:-ms-input-placeholder,
		#wrap input[type="password"]:-ms-input-placeholder,
		#wrap input[type="text"]:-moz-placeholder,
		#wrap input[type="password"]:-moz-placeholder{color:var(--black-color10);}
		#wrap input[type="text"]:focus,
		#wrap input[type="password"]:focus,
		#wrap input[type="number"]:focus,
		#wrap input[type="date"]:focus{border-color:var(--black-color01);background:var(--point-white);}
		#wrap input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;-webkit-text-fill-color:var(--black-color03);font-size:inherit;border:1px solid var(--black-color01);}
		#wrap input:-webkit-autofill, #wrap input:-webkit-autofill:hover, #wrap input:-webkit-autofill:focus, #wrap input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
		
		#wrap input[type="checkbox"] + label {cursor:pointer;font-size:var(--title-20);color:var(--black-color03);font-weight:500;}
		#wrap input[type="checkbox"] + label strong{font-size:inherit;color:var(--point-color01);font-weight:600;}
		#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before { display:inline-block; content:""; width:24px; height:24px; margin:-4px 12px 0 0; vertical-align:middle; background:url("../images/sub/icon_chk.svg") no-repeat 0 50%; cursor:pointer;background-size:auto 100%;}
		#wrap input[type="checkbox"]:checked + label:before, #wrap input[type="checkbox"]:checked + label::before { background:url("../images/sub/icon_chk_on.svg") no-repeat 0 50%;background-size:auto 100%;}

		input[type="radio"] { display:none; }
		#wrap input[type="radio"] + label {cursor:pointer;font-size:var(--title-20);color:var(--black-color06);font-weight:400;}
		#wrap input[type="radio"]:checked + label{color:var(--black-color03);}
		#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before { display:inline-block; content:""; width:20px; height:20px; margin:-5px 12px 0 0;vertical-align:middle; background:url('../images/sub/icon_radio.svg') left top no-repeat; cursor:pointer;background-size:auto 100%;}
		#wrap input[type="radio"]:checked + label:before, #wrap input[type="radio"]:checked + label::before { background:url('../images/sub/icon_radio_on.svg') left top no-repeat;background-size:auto 100%;}
		input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before {margin-left:0;}
	
	/*button*/
		#wrap .btn{border-radius:6px;font-size:var(--title-20);color:var(--black-color03);font-weight:500;height:60px;line-height:initial;}
		#wrap .btn_point{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
		#wrap .btn_basic{background:none;border-color:var(--black-color00);}
		#wrap .btn_sm{background:var(--point-white);border-color:var(--black-color10);}
		#wrap .btn_default{background:var(--black-color01);border-color:var(--black-color01);color:var(--point-white);}
		#wrap .btn_wrap{display: flex;align-items: center;justify-content: center;gap:20px;padding-top:50px;}
		#wrap .btn_wrap > button{width:200px;margin:0;}
		#wrap .btn_wrap > a{margin:0;}
		#wrap .btn_wrap .btn{border-radius:100px;width:100%;font-weight:600;}
		
	/*select*/
		#wrap select{height:50px;line-height:48px;border:1px solid var(--border-color01);color:var(--black-color03);font-weight:500;font-size:var(--title-18);padding:0 20px;text-indent:0;border-radius:6px;margin:0;box-sizing:border-box;vertical-align:middle;text-align:left;outline:0;-webkit-appearance: none; -moz-appearance: none; appearance: none;background:var(--point-white) url('../images/sub/icon_sel.svg')no-repeat right 23px center;}
		#wrap select:focus{border-color:var(--black-color01);}
		
	/*paging*/
		#wrap .paging {position:relative; padding:50px 0 0;line-height:normal;font-size:0;margin:0;box-sizing:border-box; display:flex; align-items: center; justify-content: center; font-size: var(--title-20); gap:6px;}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {display: inline-flex; align-items: center; justify-content: center; width:40px; height:40px; border-radius:0; line-height: 1; min-width: auto; background:none; font-size:var(--title-17);color:var(--black-color08);font-weight: 400; letter-spacing: -0.02em; box-sizing: border-box;border-radius:100%;border:0;padding:0;margin:0;}
		#wrap .paging :is(.on a,a.on){background:var(--point-color01);font-weight:600; color: var(--point-white);}
		#wrap .paging .arrow a {font-size:0; background:no-repeat center;margin:0;background-color:var(--gray-bg03);}
		#wrap .paging .arrow.first a {background-image: url("../images/sub/paging_first.svg");}
		#wrap .paging .arrow.prev a {background-image: url("../images/sub/paging_prev.svg");}
		#wrap .paging .arrow.next a {background-image: url("../images/sub/paging_prev.svg"); transform: scale(-1,-1);}
		#wrap .paging .arrow.last a {background-image: url("../images/sub/paging_first.svg"); transform: scale(-1,-1);}
		#wrap .paging .arrow a img{display: none;}
		
		#wrap .view_btn {min-height:initial;position: relative;}
		#wrap .view_write_btn{min-height:60px;margin-top:40px;display: flex;align-items: center;justify-content: center;}
		#wrap .view_btn.view_write_btn .btn_wrap{position: absolute;padding:0;}
		#wrap .view_btn.view_write_btn .btn_wrap .btn{width:140px;}
		#wrap .view_write_btn .paging{padding-top:0;}
		
	@media (max-width:640px){
		/*input*/
		#wrap input[type="text"],
		#wrap input[type="password"],
		#wrap input[type="number"],
		#wrap input[type="date"] {height:46px;line-height:44px;padding:0 15px;}
		
		/*button*/
		#wrap .btn{height:50px;}
		#wrap .btn_wrap{gap:10px;}
		#wrap .btn_wrap > button{width:150px;}
		
		/*select*/
		#wrap select{padding:0 15px;background-position:right 15px center;}
		
		#wrap .view_write_btn{min-height:50px;padding-bottom:55px;margin-top:30px;}
		#wrap .view_btn.view_write_btn .paging + .btn_wrap{top:auto;bottom:0;}
		#wrap .view_btn.view_write_btn .btn_wrap .btn{width:120px;}
    }
    @media (max-width:479px){
		/*input*/
		#wrap input[type="text"],
		#wrap input[type="password"],
		#wrap input[type="number"],
		#wrap input[type="date"] {height:40px;line-height:38px;border-radius:3px;}
		
		#wrap input[type="checkbox"] + label:before, #wrap input[type="checkbox"] + label::before{width:20px;height:20px;margin:-2px 8px 0 0;}
		#wrap input[type="radio"] + label:before, #wrap input[type="radio"] + label::before{width:18px;height:18px;margin:-3px 6px 0 0;}
		
		/*button*/
		#wrap .btn{height:44px;border-radius:3px;}
		#wrap .btn_wrap{padding-top:30px;}
		#wrap .btn_wrap > button{width:120px;}
		
		#wrap select{height:40px;line-height:38px;border-radius:3px;background-size:auto 5px;}
		
		/*paging*/
		#wrap .paging{padding-top:30px;min-height:initial;}
		#wrap .paging a{width:28px;height:28px;}
		#wrap .view_write_btn{min-height:44px;margin-top:20px;}
		#wrap .view_btn.view_write_btn .btn_wrap .btn{width:100px;}	
    }

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

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

───────────────────────────────────────────────────────────*/
	#header{position: fixed;top:0;left:0;z-index:11;width:100%;transition:all 0.3s;}
	#header .header_cont{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;position: relative;padding:32px 50px;}
	#header .hd_logo{width:255px;height:40px;}
	#header .hd_logo a{display: block;width:100%;height:100%;background:url('../images/skin/hd_logo_ov.svg')no-repeat left center;background-size:auto 100%;font-size:0;transition:all 0.3s;}
	#header .hd_lnb{box-sizing:border-box;border-radius:100px;background:var(--point-color01);display: flex;align-items: center;justify-content: center;padding:0 50px;gap:45px;}
	#header .hd_lnb li{line-height:56px;}
	#header .hd_lnb li a{font-size:var(--title-18);color:var(--point-white);font-weight:500;}
	#header .hd_lnb .hd_lnb_dep2{display: none;}
	#header .hd_right{display: flex;align-items: center;gap:39px;filter:var(--filter-white);transition:all 0.3s;}
	#header .hd_right .hd_gnb{display: flex;align-items: center;gap:39px;}
	#header .hd_right .hd_gnb li a{display: flex;align-items: center;gap:10px;}
	#header .hd_right .menu-trigger{display:flex;width:28px;height:18px;position: relative;flex-direction: column;justify-content: space-between;}
	#header .hd_right .menu-trigger span{display: inline-block;width:100%;height:2px;border-radius:10px;background:var(--black-color03);}
	
	/*nav*/
	#nav{position: absolute;top:100%;left:0;width: 100%;background: var(--point-white);box-shadow: 3px 3px 5px rgba(0,0,0,0.1);border-top: 1px solid var(--border-color01);padding:30px 0;box-sizing: border-box; opacity: 0; pointer-events: none; transition: all 0.4s;} 
        #nav:has(.all_gnb > li.on){opacity: 1; pointer-events: all;}
    #nav .w_custom{display: block;overflow: hidden;overflow-y: auto;}
    #nav .all_gnb{display: flex; flex-wrap: wrap; justify-content: center; font-size: var(--title-20); text-align: center; box-sizing: border-box;}
    #nav .all_gnb > li{font-size: inherit;font-weight: 500;color: var(--point-color01);transition: all 0.4s;width:20%;}
	#nav .all_gnb > li > a{}
	#nav .all_gnb .dep02{margin-top:20px;}
    #nav .all_gnb .dep02 > li > a{display: block;font-size:var(--title-16);color:var(--black-color01);padding:8px 0;transition: all 0.4s;}
	
	/*on*/
	#header.on{background:var(--point-white);box-shadow:0 0 20px 0 rgba(0,0,0,0.15);}
	#header.on .hd_logo a{background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;}
	#header.on .hd_right{filter:none;}
	
	/*hover*/
	@media (pointer: fine) and (hover: hover) {
		#header:hover{background:var(--point-white);box-shadow:0 0 20px 0 rgba(0,0,0,0.15);}
		#header:hover .hd_logo a{background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;}
		#header:hover .hd_right{filter:none;}
		#nav .all_gnb .dep02 > li:hover > a{color:var(--point-color01);}
	}
	
	@media (max-width:1600px){
		#header .header_cont{padding:32px 30px;}
		#header .hd_lnb{padding:0 30px;gap:25px;}
		#header .hd_right, #header .hd_right .hd_gnb{gap:25px;}
	}
	@media (max-width:1450px){
		#header .hd_logo{width:225px;height:34px;}
		#header .hd_lnb li a{font-size:var(--title-16);}
	}
	@media (max-width:1300px){
		#header .header_cont{padding:32px 20px;}
		#header .hd_lnb{padding:0 20px;gap:15px;}
		#header .hd_lnb li{line-height:50px;}
		#header .hd_lnb li a{font-size:var(--title-14);}
		#header .hd_right, #header .hd_right .hd_gnb{gap:15px;}
		#header .hd_right .hd_gnb li img{height:20px;}
	}
	@media (max-width:1150px){
		#header .hd_logo{width:200px;height:30px;}
		#header .hd_lnb{padding:0 10px;gap:10px;}
		#header .hd_right .hd_gnb li a{gap:5px;}
		#header .hd_right .hd_gnb li a span{font-size:13px;}
	}
	@media (max-width:1024px){
		#header .hd_lnb{display: none;}
	}
	@media (max-width:640px){
		#header .header_cont{padding:20px 15px;}
		#header .hd_right .hd_gnb li span{display: none;}
	}
	@media (max-width:479px){
		#header .header_cont{padding:16px 15px;}
		#header .hd_logo{width:170px;height:26px;}
		#header .hd_right .hd_gnb li img{height:20px;}
		#header .hd_right .menu-trigger{width:20px;height:16px;}
	}
		

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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top:-100%;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(5, 69, 58, 0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s; justify-content: center;}
        #aside.on{top:0;opacity: 1;}
    body:has(#aside.on){overflow: hidden !important; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;font-family: var(--font-type02);display: flex;flex-wrap:wrap;justify-content: center;gap:50px;}
	#aside .gnb.m_menu{display: none;}
    #aside .gnb > li{color: var(--point-white); ;font-size:var(--title-20);width:calc(20% - 40px);text-align: center;opacity:0;transform:translateY(100px);transition:all 0.8s;}
	#aside.on .gnb > li{opacity:1;transform:translateY(0);}
	#aside.on .gnb > li:nth-child(1){transition-delay:0.3s;}
	#aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
	#aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
	#aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
	#aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
    #aside .gnb > li > a{display: block;font-size:150%;color:inherit;font-weight: 500;line-height: 1.2;padding:30px 0;flex-shrink: 0;transition: all 0.4s;position: relative;}
	#aside .gnb > li > a:before{width:12px;height:0;opacity:0;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color02);position: absolute;left:50%;top:0;transform:translate(-50%);transition:all 0.3s;}
    #aside .gnb .dep02{margin-top:8px;}
    #aside .gnb .dep02 > li{font-size:var(--title-20);}
    #aside .gnb .dep02 > li > a{display: inline-block;font-size:100%;font-weight:400;padding:15px 0;transition: all 0.4s;color:var(--point-white);}
    #aside .utility{position: absolute;top:50px;right:50px;display: flex;align-items: center;gap: 30px;}
    #aside .close_btn{position: relative;width: 40px;height: 40px;z-index: 9;}
    #aside .close_btn span{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg); width: 100%; height: 2px; background: var(--point-white);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
	#aside .aside_logo, #aside .aside_gnb{display: none;}
    
        /* over */
            @media (hover:hover) and (pointer:fine){
                #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
                #aside .gnb .dep02 > li:hover a{color:var(--point-white);}
				#aside .gnb .dep02:has(li:hover) li:not(:hover) > a{color:var(--black-color08);}
            }

    @media (max-width:1600px){
        #aside .utility{top:30px; right: 30px;}
    }
	@media (max-width:1300px){
		#aside .gnb{gap:20px;}
		#aside .gnb > li{width:calc(20% - 16px);}
	}
    @media (max-width:1024px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
        #aside .close_btn{width: 35px; height: 35px;}
		#aside .utility{gap:20px;}
    }
    @media (max-width:860px){
		#aside{display: block;top:0;right:-100%;width:500px;left:auto;background:var(--point-white);padding:50px 0;}
		#aside.on{right:0;}
		.aside_bg{position: fixed;top:0;right:0;z-index:-1;opacity:0;transition:all 0.3s;background:rgba(0,0,0,0.6);width:100%;height:100%;}
		.aside_bg.on{z-index:998;opacity:1;}
		
		#aside .utility{position: static;display: flex;box-sizing:border-box;align-items: center;justify-content: space-between;padding:0 15px;}
		#aside .aside_logo{display: block;}
		#aside .aside_logo a{display: block;}
		#aside .aside_logo img{height:34px;}
        #aside .close_btn{width: 30px; height: 30px;}
		#aside .close_btn span{background:var(--black-color01);}
		#aside .aside_gnb{display: flex;flex-wrap:wrap;margin-top:30px;background:var(--point-color01);}
		#aside .aside_gnb li{width:50%;box-sizing:border-box;padding:15px 10px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;filter:var(--filter-white);}
		#aside .aside_gnb li + li{border-left:1px solid rgba(255,255,255,0.8);}
		#aside .aside_gnb li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		#aside .aside_gnb li img{height:23px;}
		#aside .aside_gnb li p{font-size:var(--title-18);font-weight:400;margin-top:8px;}
		
		#aside .w_custom{width:100%;}
		#aside .gnb.pc_menu{display: none;}
		#aside .gnb.m_menu{flex-direction: column;gap:0;display:flex;margin-top:30px;}
		#aside ul.gnb .depth1_li{width:100%;padding:0;margin-top:0;border-bottom:1px solid var(--border-color01);}
		#aside ul.gnb .depth1_li .icons{display:block;}
		#aside ul.gnb .depth1_li .depth1_a{letter-spacing:-0.03em;font-weight: 600;padding:16px 15px;margin-bottom:0;/* border-bottom: 1px solid var(--border-color01); */width:100%;color:var(--black-color03);text-align:left;font-size:120%;box-sizing:border-box;}
		#aside ul.gnb .depth1_li .depth1_a .icons{position:absolute;top:50%;right:20px;margin-top:-9px;width:9px;height:9px;border-bottom: 1px solid var(--black-color03);border-right: 1px solid var(--black-color03);transform:rotate(45deg)}
		#aside ul.gnb .depth1_li .depth1_a.on{color: var(--point-color01);}
		#aside ul.gnb .depth1_li .depth1_a.on .icons{border-bottom: 1px solid var(--point-color01);border-right: 1px solid var(--point-color01);transform:rotate(-135deg);margin-top:-3px;}
		#aside .gnb > li > a:before{display: none;}
		#aside ul.gnb .depth1_li .depth{padding:15px;display:none;text-align:left;background:var(--gray-bg01);border-top:1px solid var(--border-color01);}
		#aside ul.gnb .depth1_li .depth li a{font-size:var(--title-17);letter-spacing:-0.04em;color:#666;padding:6px 0;line-height: 1.4;width: 100%;display: block;}
    }
    @media (max-width:640px){
		#aside{width:75%;}
    }
    @media (max-width:479px){
		#aside{padding:30px 0;width:80%;}
		#aside .aside_logo img{height:24px;}
		#aside .close_btn{width:22px;height:22px;}
		#aside .aside_gnb{margin-top:20px;}
		#aside .aside_gnb li{padding:12px 0;}
		#aside .aside_gnb li img{height:20px;}
		
		#aside .gnb.m_menu{margin-top:20px;}
		#aside ul.gnb .depth1_li .depth{padding-bottom:5px;}
    }

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color01);}
	#footer .ft_content{display: flex;}
	#footer .ft_content > div{box-sizing:border-box;padding-top:70px;padding-bottom:94px;width:32.8%;border-right:1px solid rgba(255, 255, 255, 0.10);}
	#footer .ft_content > .ft_info{width:39.15%;}
		#footer .ft_info .info_box{margin-top:48px;}
		#footer .ft_info .info_box dl{display: flex;flex-wrap:wrap;gap:60px;}
		#footer .ft_info .info_box dl + dl{margin-top:19px;}
		#footer .ft_info .info_box dl dt, #footer .ft_info .info_box dl dd{font-size:var(--title-18);color:var(--point-white);font-weight:300;box-sizing:border-box;letter-spacing:-0.03em;}
		#footer .ft_info .info_box dl dt{width:106px;}
		#footer .ft_info .info_box dl dd{width:calc(100% - 166px);font-weight:200;opacity:0.7;}
		#footer .ft_info .info_box dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}
		#footer .ft_info .ft_sns{margin-top:34px;display: flex;flex-wrap:wrap;gap:10px 14px;}
		#footer .ft_info .ft_sns li a{display: flex;align-items: center;justify-content: center;box-sizing:border-box;width:40px;aspect-ratio:1;background:var(--black-color03);border-radius:100%;}
	#footer .ft_sub_title{display:flex;align-items: center;gap:12px;}
	#footer .ft_sub_title span{font-size:var(--title-18);color:var(--point-white);font-weight:500;}
	#footer .cs_info{padding-right:30px;padding-left:60px;}
		#footer .cs_info .cs_phone{font-size:var(--title-20);display:inline-flex;flex-direction: column;}
		#footer .cs_info .cs_phone a{display: inline-block;font-size:200%;color:var(--point-white);font-weight:400;margin-top:15px;letter-spacing:0.03em;}
		#footer .cs_info .cs_hours{margin-top:47px;}
		#footer .cs_info .cs_hours .hour_box{margin-top:23px;}
		#footer .cs_info .cs_hours .hour_box dl{display: flex;gap:40px;}
		#footer .cs_info .cs_hours .hour_box dl + dl{margin-top:12px;}
		#footer .cs_info .cs_hours .hour_box dl dt, #footer .cs_info .cs_hours .hour_box dl dd{font-size:var(--title-17);color:var(--point-white);font-weight:400;}
		#footer .cs_info .cs_hours .hour_box dl dt{width:60px;display: flex;justify-content: space-between;opacity:0.6;}
		#footer .cs_info .cs_hours .hour_box dl dt span{font-size:inherit;color:inherit;font-weight:inherit;}
		#footer .cs_info .cs_hours .hour_box dl dd{font-weight:200;opacity:0.8;}
		#footer .cs_info .cs_hours .hour_box p{margin-top:21px;}
		#footer .cs_info .cs_hours .hour_box p span{font-size:var(--title-16);color:rgba(255,255,255,0.4);font-weight:200;display: inline-block;}
		#footer .cs_info .cs_hours .hour_box p span + span:before{display: inline-block;width:1px;height:12px;content:"";background:rgba(255, 255, 255, 0.20);margin:0 12px;}
	#footer .loc_info{padding-right:40px;padding-left:40px;}
		#footer .loc_info > p{font-size:var(--title-18);color:rgba(255,255,255,0.8);font-weight:300;font-family:var(--font-type02);margin-top:19px;letter-spacing:-0.03em;}
		#footer .loc_info .map_box{margin-top:29px;width:100%;height:0;padding-bottom:59.8%;position: relative;overflow:hidden;border-radius:var(--radius-15);box-sizing:border-box;}
		#footer .loc_info .map_box iframe{width:100%;height:100%;position: absolute;top:0;left:0;}
	
	#footer .ft_bot{box-sizing:border-box;border-top:1px solid rgba(255, 255, 255, 0.10);padding:28px 0 28px;}
	#footer .ft_bot .w_custom{display: flex;align-items: center;justify-content: space-between;}
	#footer .ft_bot .copy{font-size:var(--title-15);color:var(--black-color08);font-weight:400;display: flex;gap:14px;flex-wrap:wrap;}
	#footer .ft_bot .copy a{font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;}
	#footer .ft_bot .ft_menu{display: flex;align-items: center;}
	#footer .ft_bot .ft_menu li {display: inline-flex;align-items: center;}
	#footer .ft_bot .ft_menu li + li:before{width:3px;height:3px;content:"";box-sizing:border-box;background:var(--black-color10);display: inline-block;margin:0 20px;}
	#footer .ft_bot .ft_menu li a{font-size:var(--title-17);color:rgba(255,255,255,0.7);font-weight:200;letter-spacing:-0.03em;}
	#footer .ft_bot .ft_menu li a strong{font-size:inherit;color:var(--point-white);font-weight:400;}
	
	/*quick*/
		.quick_wrap{position: fixed;bottom:30px;right:30px;box-sizing:border-box;border-radius:80px;background:var(--point-color04);padding:10px 10px;z-index:-1;opacity:0;transition:all 0.3s;}
		.quick_wrap.on{z-index:10;opacity:1;}
		.quick_wrap ul{display: flex;flex-direction: column;margin:20px 0;}
		.quick_wrap ul li{display: flex;align-items: center;text-align: center;position: relative;flex-direction: column;}
		.quick_wrap ul li + li:before{width:4px;height:4px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color05);opacity:0.5;display: inline-block;margin:14px 0}
		.quick_wrap ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.quick_wrap ul li p{font-size:var(--title-14);color:var(--point-color05);font-weight:600;margin-top:6px;}
        .quick_wrap .icon{display: flex;align-items: center;justify-content: center;height: 30px;}
		.quick_wrap .btn_top{width:60px;aspect-ratio:1;cursor:pointer;}
		.quick_wrap .btn_top span{display: flex;box-sizing:border-box;width:100%;height:100%;border-radius:100%;background:var(--point-color05);align-items: center;justify-content: center;}
		
	@media (max-width:1250px){
		#footer .ft_content > div,
		#footer .ft_content > .ft_info{width:calc(100% / 3);}
		#footer .ft_content > div{padding-right:30px;padding-left:30px;}
		#footer .ft_info .info_box dl{gap:20px;}
	}
	@media (max-width:1100px){
		#footer .ft_content{padding:60px 0;flex-direction: column;}
		#footer .ft_content > div, #footer .ft_content > .ft_info{width:100%;position: relative;border:none;padding:0;}
		#footer .ft_content > div + div{border-top:1px solid rgba(255, 255, 255, 0.10);padding-top:40px;margin-top:40px;}
		#footer .ft_info .info_box{display: flex;flex-wrap:wrap;margin-top:30px;gap:10px 30px;}
		#footer .ft_info .info_box dl{display: inline-flex;gap:10px;}
		#footer .ft_info .info_box dl + dl{margin-top:0;}
		#footer .ft_info .info_box dl dt, #footer .ft_info .info_box dl dd{width:auto;}
		#footer .ft_info .ft_sns{margin-top:0;position: absolute;top:0;right:0;}
		
		#footer .ft_bot .w_custom{flex-direction: column-reverse;align-items: flex-start;gap:20px;}
		
		/*quick*/
		.quick_wrap{bottom:20px;right:20px;}
	}
	@media (max-width:640px){
		#footer{padding-bottom:85px;}
		#footer .ft_info .ft_sns{position: static;margin-top:20px;}
		
		/*quick*/
		.quick_wrap{z-index:10;opacity:1;width:100%;bottom:0;right:0;padding:15px 0;border-radius:0;}
		.quick_wrap ul{margin:0;flex-direction: row;}
		.quick_wrap ul li{width:20%;}
		.quick_wrap ul li + li:before{position: absolute;left:-2px;top:50%;margin:0;transform:translateY(-50%);}
		.quick_wrap ul li .icon img{max-height:100%;}
		.quick_wrap .btn_top{position: fixed;bottom:100px;right:20px;z-index:-1;opacity:0;transition:all 0.3s;width:46px;}
		.quick_wrap.on .btn_top{z-index:10;opacity:1;}
		
		@supports (padding-bottom: env(safe-area-inset-bottom)) {
			.ios-safe-fix .quick_wrap {height: calc(63px + env(safe-area-inset-bottom));padding-bottom: env(safe-area-inset-bottom);}
			.ios-safe-fix .quick_wrap::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: env(safe-area-inset-bottom);background:var(--point-color04);}
			.ios-safe-fix .quick_wrap.on .btn_top{bottom:calc(74px + env(safe-area-inset-bottom));}
		}
	}
	@media (max-width:479px){
		#footer{padding-bottom:66px;}
		#footer .ft_content{padding:40px 0;}
		#footer .ft_content > div + div{margin-top:25px;padding-top:25px;}
		#footer .ft_info .ft_logo img{height:28px;}
			#footer .ft_info .info_box{margin-top:24px;gap:7px 20px;}
			#footer .ft_info .info_box dl{gap:7px;}
			#footer .ft_info .ft_sns{margin-top:20px;}
			#footer .ft_info .ft_sns li a{width:30px;}
			#footer .ft_info .ft_sns li a img{max-width:50%;}
		#footer .ft_sub_title{gap:8px;}
		#footer .cs_info .cs_phone a{margin-top:8px;font-size:188%;}
			#footer .cs_info .cs_hours{margin-top:20px;}
			#footer .cs_info .cs_hours .hour_box{margin-top:12px;}
			#footer .cs_info .cs_hours .hour_box dl{gap:20px;}
			#footer .cs_info .cs_hours .hour_box dl dt{width:46px;}
			#footer .cs_info .cs_hours .hour_box p{margin-top:10px;}
			#footer .cs_info .cs_hours .hour_box p span + span:before{height:8px;margin:0 6px;}
		#footer .loc_info > p{margin-top:10px;}
			#footer .loc_info .map_box{margin-top:20px;padding-bottom:70%;}
		#footer .ft_bot{padding:20px 0;}
			#footer .ft_bot .copy{gap:5px;}
			#footer .ft_bot .ft_menu li + li:before{margin:0 8px;}
			
		/*quick*/
		.quick_wrap{padding:10px 0;}
		.quick_wrap .icon{height:24px;}
		.quick_wrap ul li p{margin-top:3px;}
		.quick_wrap .btn_top{width:40px;right:15px;bottom:74px;}
		.quick_wrap .btn_top img{max-height:40%;}
		
	}
		

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		.visual_wrapper{position: relative;}
		#wrap .main_visual {position:relative;width:100%;margin:0;height:980px;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:980px;border:none;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;background-position:center;transition:transform 4s ease-in-out;transform:scale(1) rotate(0.003deg);}
		.main_visual .txt_box {text-align:center;position:absolute;left:50%;top:50%;font-size:var(--title-20);transform:translate(-50%, -59%);text-wrap:balance;}
		.main_visual .txt_box span,
		.main_visual .txt_box strong,
		.main_visual .txt_box p {display:block;text-align:center;color:var(--point-white);opacity:0;transform:translateY(100px);transition:all 0.5s;}
		.main_visual .txt_box span{font-size:120%;font-weight:600;letter-spacing:-0.02em;}
		.main_visual .txt_box strong{font-size:320%;font-weight:600;line-height:1.31;display: block;margin:29px 0 60px;letter-spacing:-0.02em;}
		.main_visual .txt_box p{font-size:110%;font-weight:200;line-height: 1.63;letter-spacing:-0.02em;}
		
		.main_visual .visual_btn_wrap{position: absolute;left:50%;transform:translate(-50%);bottom:119px;display: flex;align-items: center;justify-content: center;gap:62px;}
		.main_visual .slick-arrow{filter: invert(23%) sepia(0%) saturate(4%) hue-rotate(157deg) brightness(83%) contrast(84%);transition:all 0.3s;}
		.main_visual .visual_btn_wrap .control{display: flex;align-items: center;gap:33px;}
		.main_visual .visual_btn_wrap .next{transform:scaleX(-1);}
		.main_visual .visual_btn_wrap .slideController{display: flex;align-items: center;gap:10px;font-size:var(--title-18);color:var(--point-white);font-weight:400;}
		.main_visual .visual_btn_wrap .slideController .slideCountItem{min-width:10px;display: inline-block;}
		.main_visual .visual_btn_wrap .slash{opacity:0.2;} 
		.main_visual .visual_btn_wrap .slideCountAll{opacity:0.6;}
		.main_visual .visual_btn_wrap .play_btn_box{}
		.main_visual .visual_btn_wrap .play_btn_box #slickBtn{width:8px;height:12px;position: relative;font-size:0;cursor:pointer;opacity:0.6;transition:all 0.3s;}
		.main_visual .visual_btn_wrap .play_btn_box .slickPause:before, .main_visual .visual_btn_wrap .play_btn_box .slickPause:after{width:2px;height:100%;content:"";background:var(--point-white);position: absolute;top:0;}
		.main_visual .visual_btn_wrap .play_btn_box .slickPause:before{left:0;}
		.main_visual .visual_btn_wrap .play_btn_box .slickPause:after{right:0;}
		.main_visual .visual_btn_wrap .play_btn_box .slickPlay:before{border-left:7px solid var(--point-white);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position: absolute;top:0;left:0;}
		
		.visual_wrapper .scr_dwn{position: absolute;z-index:4;top:50%;left:48px;transform:translateY(-51%);display: flex;gap:14px;align-items: center;cursor:pointer;}
		.visual_wrapper .scr_dwn dt{ writing-mode:sideways-lr;font-size:var(--title-14);color:var(--point-white);font-weight:500;text-transform:uppercase;letter-spacing:0.2em;}
		.visual_wrapper .scr_dwn dd{width:1px;height:140px;background:rgba(255,255,255,0.3);position: relative;overflow:hidden;}
		.visual_wrapper .scr_dwn dd:before{width:1px;height:20px;content:"";background:var(--point-white);position: absolute;top:0;left:0;animation:linear 1s infinite running scroll;}
		@keyframes scroll{
			0%{top:calc(0% - 20px);}
			100%{top:calc(100% + 20px);}
		}

		/*active*/
			.main_visual .active a{transform:scale(1.05) rotate(0.003deg);}
			.main_visual .active .txt_box span,
			.main_visual .active .txt_box strong,
			.main_visual .active .txt_box p{opacity:1;transform:translateY(0);transition:all 0.5s;}
			.main_visual .active .txt_box strong{transition-delay:0.3s;}
			.main_visual .active .txt_box p{opacity:0.8;transition-delay:0.6s;}
		
		
		/*hover*/
		@media (pointer: fine) and (hover: hover) {
			.main_visual .slick-arrow:hover{filter:none;}
			.main_visual .visual_btn_wrap .play_btn_box #slickBtn:hover{opacity:1;}
		}
		
		@media (max-width:1600px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:60vw;}
		}
		@media (max-width:1360px){
			.main_visual .txt_box{transform: translate(-50%, -50%);}
			.main_visual .visual_btn_wrap{bottom: 85px;}
		}
		@media (max-width:1300px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:75vw;}
			.visual_wrapper .scr_dwn{left:20px;}
		}
		@media (max-width:1024px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:83vw;}
			
		}
		@media (max-width:860px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:110vw;min-height:640px;}
			.main_visual .txt_box strong{margin:15px 0 35px;font-size:280%;}
			.main_visual .visual_btn_wrap{gap:40px;}
			.main_visual .visual_btn_wrap .control{gap:20px;}
			.main_visual .visual_btn_wrap .slideController{gap:6px;}
			
			.visual_wrapper .scr_dwn{display: none;}
		}
		@media (max-width:767px){
			.main_visual .visual_btn_wrap{bottom:50px;}
		}
		@media (max-width:640px){
			.main_visual .txt_box br{display: none;}
			.main_visual .txt_box strong{font-size:260%;}
			.main_visual .txt_box p{font-size:100%;}
			.main_visual .slick-arrow img{height:18px;}
		}
		@media (max-width:479px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:160vw;min-height:initial;}
			.main_visual .txt_box strong{font-size:240%;}
			.main_visual .visual_btn_wrap{gap:20px;}
			
		}
		
	/*공통*/
		.main_content > div{position: relative;box-sizing:border-box;}
		/*title*/
			.main_title{text-align: center;font-size:var(--title-20);}
			.main_title span{display: inline-block;position: relative;font-size:100%;color:var(--point-color01);font-weight:500;}
			.main_title span:before, .main_title span:after{width:80px;height:1px;content:"";position: absolute;top:calc(50% - 1px);background:var(--point-color01);}
			.main_title span:before{right:calc(100% + 20px);}
			.main_title span:after{left:calc(100% + 20px);}
			.main_title h3{font-size:280%;color:var(--black-color01);font-weight:400;font-family:var(--font-type02);line-height:1.28;margin-top:30px;letter-spacing:-0.03em;text-wrap:balance;}
			.main_title h3 em{font-size:inherit;color:var(--point-color05);font-weight:600;}
			.main_title h3 strong{font-size:inherit;color:inherit;font-weight:600;}
			
			/*left*/
			.main_title.ta_left{text-align:left;}
			.main_title.ta_left span:before{display: none;}
			
		/*more*/
			.main_more{display: flex;align-items: center;justify-content: center;width:160px;aspect-ratio:1;background:var(--point-color01);border-radius:100%;position: absolute;top:-60px;right:-60px;z-index:5;}
			.main_more .circle_text{font-size:var(--title-20);width:100%;height:100%;position: relative;}
			.main_more .circle_text:before, .main_more .circle_text:after{content:"";background:var(--point-white);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
			.main_more .circle_text:before{width:18px;height:2px;}
			.main_more .circle_text:after{width:2px;height:18px;}
			.main_more .circle_text svg{animation:linear 5s infinite running circle;}
			@keyframes circle{
				0%{transform:rotate(0);}
				100%{transform:rotate(360deg);}
			}
			.main_more .circle_text textPath{font-size:70%;color:var(--point-white);font-weight:400;letter-spacing:0.17em;}
			
		/*btn*/	
			.view_btn_box{}
			.view_btn_box a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:70px;border-radius:0 20px 0 20px;position: relative;overflow:hidden;border:1px solid var(--point-color01);padding:0 47px;gap:20px;}
			.view_btn_box a span{font-size:var(--title-20);color:var(--point-color01);font-weight:600;font-family:var(--font-type02);position: relative;letter-spacing:-0.04em;}
			.view_btn_box a:before{width:0;height:100%;content:"";background:var(--point-color01);transition:width 0.4s;position: absolute;left:0;top:0;}
			.view_btn_box a:after{display: inline-block;width:14px;height:14px;content:"";background:url('../images/skin/main_more.svg')no-repeat center;background-size:auto 100%;position: relative;}
		
		/*hover*/
		@media (pointer: fine) and (hover: hover) {
			/*btn*/
			.view_btn_box a:hover span{color:var(--point-white);}
			.view_btn_box a:hover:before{width:100%;;}
			.view_btn_box a:hover:after{filter:var(--filter-white);}
		}
		@media (max-width:1300px){
			/*more*/
			.main_more{width:120px;top:-30px;right:-30px;}
			.main_more .circle_text svg{width:120px !important;height:120px !important;}
		}
		@media (max-width:1024px){
			.main_title span:before, .main_title span:after{width:60px;}
			.main_title span:befeore{right:calc(100% + 12px);}
			.main_title span:after{left:calc(100% + 12px);}
			.main_title h3{font-size:260%;margin-top:15px;line-height:initial;}
			
			/*more*/
			.main_more .circle_text textPath{font-size:73%;}
		}
		@media (max-width:860px){
			/*more*/
			.main_more .circle_text textPath{font-size:78%;}
			
			/*btn*/
			.view_btn_box a{height:64px;padding:0 28px;gap:15px;}
		}
		@media (max-width:640px){
			/*title*/
			.main_title h3{font-size:240%;}
			
			/*more*/
			.main_more .circle_text textPath{font-size:83%;}
		}
		@media (max-width:479px){
			/*title*/
			.main_title span:before, .main_title span:after{width:40px;}
			.main_title span:before{right:calc(100% + 8px);}
			.main_title span:after{left:calc(100% + 8px);}
			.main_title h3{font-size:210%;}
			
			/*more*/
			.main_more{width:80px;top:-15px;}
			.main_more .circle_text svg{width:80px !important;height:80px !important;}
			.main_more .circle_text textPath{font-size:88%;}
			.main_more .circle_text:before{width:15px;}
			.main_more .circle_text:after{height:15px;}
			
			/*btn*/
			.view_btn_box a{height:50px;padding:0 20px;gap:10px;border-radius:0 10px 0 10px;}
			.view_btn_box a:after{width:10px;height:10px;}
		}
				
	/*about*/
		#wrap .main_about{padding:160px 0;display: flex;flex-wrap:wrap;gap:93px;}
		#wrap .main_about > div{box-sizing:border-box;position: relative;}
		#wrap .main_about .txt_box{margin-top:30px;width:47%;}
		.main_about .main_title span{color:var(--point-color03);}
		.main_about .main_title span:after{background:var(--point-color03);}
		.main_about .des{font-size:var(--title-20);margin-top:60px;}
		.main_about .des h4{font-size:130%;color:var(--black-color03);font-weight:500;line-height:1.23;margin-bottom:41px;letter-spacing:-0.025em;}
		.main_about .des p{font-size:var(--title-19);color:var(--black-color06);font-weight:400;line-height:1.73;font-family:var(--font-type02);letter-spacing:-0.03em;text-wrap:balance;}
		.main_about .des p + p{margin-top:24px;}
		
		.main_about .img_box{width:calc(53% - 93px);padding-left:119px;}
		.main_about .img_box > div{position: relative;overflow:hidden;box-sizing:border-box;}
		.main_about .img_box .img01{width:100%;height:0;padding-bottom:132%;border-radius:60px 0 60px 0;}
		.main_about .img_box img{width:100%;height:100%;object-fit:cover;position: absolute;top:0;left:0;}
		.main_about .img_box .img02{position: absolute;bottom:60px;left:-1px;border-radius:0 30px 0 30px;width:220px;height:0;padding-bottom:250px;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);}
		
		@media (max-width:1600px){
			#wrap .main_about{padding-right:50px;padding-left:50px;}
			.main_about .des p br{display: none;}
		}
		@media (max-width:1300px){
			#wrap .main_about{gap:50px;padding-right:15px;padding-left:15px;}
			.main_about .main_title h3 br{display: none;}
			.main_about .img_box{width:calc(53% - 50px);padding-left:40px;}
		}
		@media (max-width:1024px){
			#wrap .main_about{padding-top:clamp(80px, 13vw, 160px);padding-bottom:clamp(80px, 13vw, 160px);flex-direction: column-reverse;align-items:center;padding-right:0;padding-left:0;gap:70px;}
			#wrap .main_about .txt_box{margin-top:0;width:100%;}
			.main_about .des{margin-top:35px;}
			.main_about .des h4{margin-bottom:20px;}
			.main_about .des p + p{margin-top:15px;}
			
			.main_about .img_box{width:54%;padding-left:70px;margin-right:15px;}
		}
		@media (max-width:860px){
			#wrap .main_about .img_box{padding-right:30px;margin-right:0;}
			#wrap .main_about .main_more{right:-5px;}
			.main_about .img_box{width:85%;}
		}
		@media (max-width:640px){
			#wrap .main_about{gap:50px;}
			.main_about .img_box{width:100%;}
			.main_about .img_box .img02{width:45%;padding-bottom:52%;bottom:30px;}
		}
		@media (max-width:479px){
			#wrap .main_about .img_box{padding-right:15px;padding-left:50px;}
			.main_about .img_box .img01{border-radius:30px 0 30px 0;}
			.main_about .img_box .img02{border-radius:0 15px 0 15px;bottom:20px;}
			
			.main_about .des{margin-top:20px;}
			.main_about .des h4{margin-bottom:15px;}
			.main_about .des p{line-height:1.6;}
			.main_about .des p + p{margin-top:10px;}
		}
		
	/*treat*/
		.main_treat{background:url('../images/skin/main_treatment_bg.jpg')no-repeat center;background-size:cover;padding:140px 0 200px;}
		.main_treat .main_title span, .main_treat .main_title h3 em{color:var(--point-color02);}
		.main_treat .main_title span:before, .main_treat .main_title span:after{background:var(--point-color02);}
		.main_treat .main_title h3{color:var(--point-white);}
		.main_treat .cont_box{display: flex;margin-top:20px;justify-content: space-between;}
		.main_treat .cont_box > div{width:calc(100%/3 - 66.7px);box-sizing:border-box;border-radius:var(--radius-20);background:rgba(0,0,0,0.5);text-align: center;padding:58px 30px 68px;font-size:var(--title-20);transition:all 0.3s;transition-timing-function: ease-out;position: relative;max-width:400px;}
		.main_treat .cont_box > div > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_treat .cont_box > div:nth-child(2){transform:translateY(60px);}
		.main_treat .cont_box span{font-size:90%;color:var(--point-color02);font-weight:400;}
		.main_treat .cont_box strong{font-size:150%;color:var(--point-white);font-weight:500;line-height:1.33;display: block;margin-top:14px;letter-spacing:-0.05em;}
		.main_treat .cont_box .img{height:109px;display: flex;align-items: center;justify-content: center;margin-top:37px;}
		.main_treat .cont_box .img img{max-height:100%;}
		.main_treat .cont_box ul{margin-top:45px;}
		.main_treat .cont_box ul li{font-size:var(--title-19);color:var(--point-white);font-weight:300;font-family:var(--font-type02);opacity:0.7;}
		.main_treat .cont_box ul li a{display: inline-block;font-size:inherit;color:inherit;font-weight:inherit;position: relative;}
		.main_treat .cont_box ul li a:before{width:0;height:1px;content:"";background:var(--point-color01);position: absolute;bottom:0;left:0;transition:width 0.3s;}
		.main_treat .cont_box ul li + li{margin-top:15px;}
		
		/*hover*/
		@media (pointer: fine) and (hover: hover) {
			.main_treat .cont_box > div:hover{background:var(--point-white);}
			.main_treat .cont_box > div:hover span{color:var(--point-color01);}
			.main_treat .cont_box > div:hover strong{color:var(--black-color01);}
			.main_treat .cont_box > div:hover .img{filter: brightness(0) saturate(100%) invert(19%) sepia(9%) saturate(4851%) hue-rotate(124deg) brightness(99%) contrast(96%);}
			.main_treat .cont_box > div:hover ul li{color:var(--black-color03);font-weight:400;}
			.main_treat .cont_box > div:hover ul li:hover{color:var(--point-color01);opacity:1;}
			.main_treat .cont_box ul li:hover a:before{width:100%;}
		}
		
		@media (max-width:1360px){
			.main_treat .cont_box > div{max-width: 360px;}

		}
		@media (max-width:1300px){
			.main_treat .cont_box{gap:60px;}
			.main_treat .cont_box > div{width:calc(100% / 3 - 40px);}
		}
		@media (max-width:1200px){
			.main_treat .cont_box{gap:0;margin-top:60px;}
			.main_treat .cont_box > div{max-width:initial;}
			.main_treat .cont_box > div:nth-child(2){transform:none;}
			.main_treat .pagination{display: flex;justify-content: center;margin-top:60px;}
			.main_treat .pagination .swiper-pagination-bullet{background:var(--point-white);}
			.main_treat .pagination .swiper-pagination-bullet-active{background:var(--point-color04);}
		}
		@media (max-width:1024px){
			.main_treat{padding-top:clamp(80px, 13vw, 140px);padding-bottom:clamp(80px, 16vw, 200px);}
			.main_treat .cont_box > div{padding:40px 20px 50px;}
		}
		@media (max-width:767px){
			.main_treat .cont_box > div{width:100%;}
			
			.main_treat .cont_box .img{height:80px;}
		}
		@media (max-width:640px){
			.main_treat .cont_box, .main_treat .pagination{margin-top:40px;}
		}
		@media (max-width:479px){
			.main_treat .cont_box > div{padding:30px 15px 40px;}
			.main_treat .cont_box .img{margin-top:20px;}
			.main_treat .cont_box ul{margin-top:25px;}
			.main_treat .cont_box ul li + li{margin-top:10px;}
		}
		
	/*equip*/
		.main_equip{background:url('../images/skin/main_equip_bg.jpg')no-repeat center;background-size:cover;padding:227px 0 231px;}
		.main_equip .w_custom{display: flex;flex-wrap:wrap;gap:120px;align-items: center;justify-content: flex-end;}
		.main_equip .w_custom > div{box-sizing:border-box;}
		.main_equip .img{width:62.9%;position: absolute;left:-18.5%;top:50%;transform:translateY(-50%);}
		.main_equip .txt{width:calc(57.3% - 120px);padding-right:40px;}
		.main_equip .main_title span{color:var(--point-color01);}
		.main_equip .main_title span:after{background:var(--point-color01);}
		.main_equip .main_title h3{font-size:260%;}
		.main_equip .main_title h3 strong{font-size:108%;}
		.main_equip .des{margin-top:60px;font-size:var(--title-20);}
		.main_equip .des h4{font-size:130%;color:var(--black-color03);font-weight: 500;line-height:1.23;font-family:var(--font-type02);letter-spacing:-0.03em;}
		.main_equip .des h4 strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;font-family:inherit;}
		.main_equip .des p{margin-top:40px;font-size:var(--title-19);color:var(--black-color06);font-weight:400;line-height: 1.73;letter-spacing:-0.03em;font-family:var(--font-type02);text-wrap:balance;}
		.main_equip .view_btn_box{margin-top:100px;}
		
		@media (max-width:1300px){
			.main_equip .w_custom{gap:50px;}
			.main_equip .txt{width:calc(57.3% - 50px);}
			.main_equip .txt br{display: none;}
		}
		@media (max-width:1024px){
			.main_equip{padding-top:clamp(60px, 11vw, 227px);padding-bottom:clamp(80px, 16vw, 231px);}
			.main_equip .w_custom{flex-direction: column;align-items:center;gap:10px;}
			.main_equip .img{position: static;transform:none;margin-left:-80px;width:75%;}
			.main_equip .txt{width:100%;padding:0;}
			.main_equip .des{margin-top:30px;}
			.main_equip .des p{margin-top:20px;}
			.main_equip .view_btn_box{margin-top:60px;}
		}
		@media (max-width:860px){
			.main_equip{padding-top:clamp(60px, 10vw, 227px);}
		}
		@media (max-width:640px){
			.main_equip .main_title h3{font-size:240%;}
			.main_equip .view_btn_box{margin-top:40px;}
		}
		@media (max-width:479px){
			.main_equip .img{width:100%;margin-left:-64px;}
			.main_equip .main_title h3{font-size:210%;}
			.main_equip .des{margin-top:20px;}
			.main_equip .des p{margin-top:10px;}
		}
		
	/*youtube*/
		.main_youtube{padding-top:140px;}
		.main_youtube:before{width:100%;height:79.15%;content:"";background:var(--point-color06);position: absolute;top:0;left:0;}
		.main_youtube .main_title{filter:var(--filter-white);}
		.main_youtube .main_title span{font-weight:400;}
		.main_youtube .youtube_box{position: relative;margin-top:60px;box-sizing:border-box;}
		.main_youtube .video_box{width:100%;height:0;padding-bottom:56.3%;position: relative;box-sizing:border-box;border-radius:0 60px 0 60px;overflow:hidden;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);}
		.main_youtube .video_box iframe{width:100%;height:100%;position: absolute;top:0;left:0;}
		
		@media (max-width:1600px){
			.main_youtube .youtube_box{padding:0 50px;}
			.main_youtube .main_more{right:-15px;}
		}
		@media (max-width:1024px){
			.main_youtube{padding-top:clamp(65px, 12vw, 140px);}
		}
		@media (max-width:860px){
			.main_youtube .youtube_box{padding:0 30px;}
			.main_youtube .main_more{right:0;top:-55px;}
		}
		@media (max-width:640px){
			.main_youtube .youtube_box{margin-top:40px;}
		}
		@media (max-width:479px){
			.main_youtube .youtube_box{padding:0 10px;margin-top:30px;}
			.main_youtube .main_more{top:-30px;}
			.main_youtube .video_box{border-radius:0 30px 0 30px;}
		}
		
	/*notice*/
		.main_notice{padding:140px 0 180px;text-align: center;`}
		.main_notice .main_title span, .main_notice .main_title h3 em{color:var(--point-color01);}
		.main_notice .main_title span:before, .main_notice .main_title span:after{background:var(--point-color01);}
		.main_notice .notice_box{margin-top:59px;}
		.main_notice .notice_box ul{display: flex;flex-wrap:wrap;gap:25px;}
		.main_notice .notice_box ul li{box-sizing:border-box;width:calc(100% / 3 - 16.7px);background:var(--gray-bg03);position: relative;padding:48px 38px 47px;transition:all 0.3s;border:2px solid var(--gray-bg03);}
		.main_notice .notice_box ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_notice .notice_box .txt{font-size:var(--title-20);text-align:left;}
		.main_notice .notice_box .txt strong{font-size:120%;color:var(--black-color03);font-weight:500;display: block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.main_notice .notice_box .txt .content{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.66;margin-top:29px;letter-spacing:-0.03em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;}
		.main_notice .notice_box .txt .more_box{display: flex;align-items: center;justify-content: space-between;margin-top:40px;}
		.main_notice .notice_box .txt .more_box .date{font-size:var(--title-16);color:var(--black-color08);font-weight:400;}		
		.main_notice .notice_box .txt .more{display: inline-flex;align-items: center;justify-content: center;gap:7px;border-bottom:1px solid var(--point-color01);margin-top:-4px;}
		.main_notice .notice_box .txt .more span{font-size:var(--title-16);color:var(--point-color01);font-weight:600;}
		.main_notice .notice_box .txt .more:after{display: inline-block;width:10px;height:10px;content:"";background:url('../images/skin/main_more.svg')no-repeat center;background-size:auto 100%;position: relative;}
		.main_notice .view_btn_box{margin-top:60px;}
		.main_notice .view_btn_box a{padding:0 35px;}
		.main_notice .pagination{display: none;}
		
		/*hover*/
		@media (pointer: fine) and (hover: hover) {
			.main_notice .notice_box ul li:hover{border-color:var(--point-color01);border-radius:var(--radius-20);background:var(--point-white);box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);}
			.main_notice .notice_box ul li:hover .txt strong{color:var(--point-color01);}
		}
		
		@media (max-width:1200px){
			.main_notice .notice_box ul li{padding:40px 20px 35px;}
		}
		@media (max-width:1024px){
			.main_notice{padding-top:clamp(80px, 15vw, 140px);padding-bottom:clamp(80px, 14vw, 180px);}
			.main_notice .notice_box ul li{width:calc(50% - 12.5px);}
		}
		@media (max-width:860px){
			.main_notice .notice_box{padding-bottom:40px;}
			.main_notice .notice_box ul{flex-wrap:initial;gap:0;}
			.main_notice .notice_box .txt strong{font-size:140%;}
			.main_notice .notice_box .txt .content{font-size:110%;}
			.main_notice .notice_box .txt .more_box{margin-top:70px;}
			.main_notice .notice_box .txt .more_box .date,
			.main_notice .notice_box .txt .more span{font-size:var(--title-18);}
			.main_notice .view_btn_box a{padding:0 18px;}
			
			.main_notice .pagination{display:block;}
			.main_notice .swiper-pagination-bullet{}
			.main_notice .swiper-pagination-bullet-active{background:var(--point-color01);}
		}
		@media (max-width:640px){
			.main_notice .notice_container{box-sizing:border-box;position: relative;}
			.main_notice .notice_box{margin-top:0;overflow:hidden;padding:40px 0 30px;}
			.main_notice .view_btn_box{margin-top:40px;}
		}
		@media (max-width:479px){
			.main_notice .notice_box{padding:30px 0 20px;}
			.main_notice .notice_box ul li{padding:25px 15px 30px;}
			.main_notice .notice_box .txt strong{font-size:120%;}
			.main_notice .notice_box .txt .content{font-size:100%;line-height:1.5;margin-top:15px;}
			.main_notice .notice_box .txt .more_box{margin-top:30px;}
		}