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

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

───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		#wrap {position:relative;width:100%;margin:0;padding:0;} 
		#contents_wrap, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1600px; margin:0 auto; box-sizing: border-box;}
        #contents_wrap{padding-bottom:150px;}
        #wrap .for_m{display:none;}

	@media screen and (max-width:1023px) {
        #contents_wrap, .w_custom{width: calc(100% - 40px);}
	}
    @media screen and (max-width:860px) {
        #wrap .for_m{display:block;}
	}
    @media screen and (max-width:640px) {
        #contents_wrap{padding-bottom:100px;}
	}
	@media screen and (max-width:320px) {
		#contents_wrap, .w_custom{width: calc(100% - 20px);}
	}

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

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

───────────────────────────────────────────────────────────*/
    .skip_nav {position:relative;z-index:9999;}
    .skip_nav a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;font-size:12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;}
    .skip_nav a:focus, .skip_nav a:active {height:auto;width:100%;padding:0;margin-bottom:0;position:absolute;left:0;top:0;}

    #hd_wrap{position: sticky; top:0; left:0; width: 100%; height:160px; z-index:99; }
    #hd_wrap #header{height:100%; background: var(--point-white); transition: all 0.4s;}
    #hd_wrap .w_custom{display: flex; align-items: center; justify-content: space-between; max-width: 1720px; height: 100%; transition: all 0.4s; z-index: 9;}
    #hd_wrap .logo{font-size: 0; height:100%; display: flex; align-items: center;}
    #hd_wrap .logo a{display: block; width: 318px; height: 100%; background: url('../images/skin/logo.png') no-repeat left center; background-size: 100% auto; transition: all 0.4s;}
    #hd_wrap .gnb{position: absolute; top:0; left:50%; transform: translateX(-50%); height:100%; display: flex; justify-content: center; text-align: center; width: calc(100% - 680px);}
    #hd_wrap .gnb > li{position: relative; height: 100%; font-size: var(--title-20); font-family: var(--font-type02);}
    #hd_wrap .gnb > li > a{display: flex; align-items: center; justify-content: center; font-size: inherit; font-weight: 600; color: var(--black-color11); height:100%; padding:0 1.9vw; transition: all 0.4s;}
    #hd_wrap .link_wrap{display: inline-flex; align-items: center; gap:60px;}
    #hd_wrap .lang_list{display: inline-flex; gap:30px;}
    #hd_wrap .lang_list > li{font-size: var(--title-20); text-transform: uppercase; font-family: var(--font-type02);}
    #hd_wrap .lang_list > li > a{position: relative; display: block; font-size: 80%; font-weight: 500; color: var(--black-color11);}
        #hd_wrap .lang_list > li > a:before{position: absolute; content:''; width:0; height:2px; background: var(--point-color01); left:0; bottom:-4px; transition: all 0.4s; opacity: 0;}
        #hd_wrap .lang_list > li.on > a{font-weight: 600;}
        #hd_wrap .lang_list > li.on > a:before{width:110%; opacity: 1;}
    #hd_wrap .lang_list > li > a span{transition: all 0.4s;}
    #hd_wrap .menu-trigger{position: relative; display: none; width:45px; height:20px; font-size: 0;}
    #hd_wrap .menu-trigger:before, #header .menu-trigger:after{position: absolute; content:''; top:0; right:0; width:100%; height:2px; background: var(--black-color11); transition: all 0.4s;}
    #hd_wrap .menu-trigger:after{top:calc(100% - 2px);}
    #hd_wrap .more_btn span{transition-delay: 0s;}

    .more_btn{position: relative; font-size: var(--title-20); background: var(--transparent); overflow: hidden; box-sizing: border-box; display: flex; align-items: center; justify-content: center; text-align: center; padding:0 16px; height: 54px; font-weight: 600; color: var(--black-color11); font-family: var(--font-type02);}
        .more_btn:before{position: absolute; content:''; width:100%; height:100%; border:1px solid var(--black-color11); top:0; left:0; box-sizing: border-box;}
    .more_btn span{position: relative;font-size: 85%; box-sizing: border-box; z-index: 5; transition: all 0.4s;}
    .more_btn .circle{pointer-events: none; position: absolute; content:''; width:100%; height:100%; background: var(--point-color01); top:0; left:0; z-index: 3; clip-path: circle(0 at 50% 50%); transition: all 0.6s;}

    .quick_list{position: fixed; right:25px; bottom:23px; z-index: 9; display: inline-flex; align-items: flex-end; flex-direction: column; gap:20px; opacity: 0; pointer-events: none; transition: all 0.4s;}
        #wrap:has(#hd_wrap.on) .quick_list{opacity: 1; pointer-events: all;}
    .quick_list > li{position: relative;}
    .quick_list .desc{position: relative; font-size: var(--title-20);}
    .quick_list .desc dt{display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 30px; background: var(--black-color11); font-size: 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); transition: all 0.4s;}
        .quick_list .inquiry .desc dt{background: var(--point-color01);}
    .quick_list .desc dd{font-size: 80%; font-weight: 500; color: var(--point-white); font-family: var(--font-type03); position: absolute; top:50%; right:60px; transform: translateY(-50%); opacity: 0; transition: all 0.4s; pointer-events: none;}
    .quick_list .link{position: absolute; top:0; left:0; width:100%; height:100%; z-index: 5;}
    

        /* color */
            #wrap:has(.main_visual) #hd_wrap{position: fixed;}
            #wrap:has(.main_visual) #hd_wrap #header{background: var(--transparent); }
            #wrap:has(.main_visual) #hd_wrap #header .logo a{background-image: url('../images/skin/nap-main-white-nobg.png');background-size: 40%;}
            #wrap:has(.main_visual) #hd_wrap :is(.gnb > li > a, .lang_list > li > a span, .more_btn span), #wrap:has(.main_visual) #hd_wrap .more_btn:before, #wrap:has(.main_visual) #hd_wrap .menu-trigger:before, #wrap:has(.main_visual) #hd_wrap .menu-trigger:after{filter: var(--filter-white);}

        /* over */
            @media screen and (min-width:1023px){
                #wrap:has(.main_visual) #hd_wrap:hover #header{background: var(--point-white); height: 82%;}
                #wrap:has(.main_visual) #hd_wrap:hover #header .logo a{background-image: url('../images/skin/nap-main.png');}
                #wrap:has(.main_visual) #hd_wrap:hover #header :is(.gnb > li > a, .lang_list > li > a span, #wrap:has(.main_visual) .more_btn span), #wrap:has(.main_visual) #hd_wrap:hover #header .more_btn:before{filter: none;}
                #hd_wrap .gnb > li > a:hover{color: var(--point-color01);}
                #hd_wrap .lang_list > li > a:hover:before{width:110%; opacity: 1;}

                .more_btn:hover .circle{clip-path: circle(150% at 50% 100%); transition: all 0.6s;}
                #hd_wrap .more_btn:hover span{filter: var(--filter-white) !important; transition-delay: 0.1s;}

                .quick_list > li:hover .desc:has(dd) dt{padding-left:80px;}
                .quick_list > li:hover .desc:has(dd) dd{opacity: 1; pointer-events: all;}
            }
        
        /* on */
            #hd_wrap.on #header{height: 82%; box-shadow: 3px 3px 5px rgba(0,0,0,0.1);}
                #wrap:has(.main_visual) #hd_wrap.on #header{background: var(--point-white);}
            #wrap:has(.main_visual) #hd_wrap.on #header .logo a{background-image: url('../images/skin/nap-main.png');}
            #hd_wrap.on #header :is(.gnb > li > a, .lang_list > li > a span, .more_btn span), #hd_wrap.on #header .more_btn:before, #hd_wrap.on #header .menu-trigger:before, #hd_wrap.on #header .menu-trigger:after{filter: none;}

    @media screen and (max-width:1480px){
        #hd_wrap .logo a{width:280px;}
        #hd_wrap .gnb{width: calc(100% - 600px);}
        #hd_wrap .gnb > li > a{font-size: 90%; padding:0 1.6vw;}
        #hd_wrap .link_wrap{gap:50px;}
    }
    @media screen and (max-width:1300px){
        #hd_wrap .logo a{width:250px;}
        #hd_wrap .gnb{width: calc(100% - 560px);}
        #hd_wrap .gnb > li > a{font-size: 85%; padding:0 1.4vw;}
        #hd_wrap .link_wrap{gap:40px;}
        #hd_wrap .lang_list{gap:25px;}
    }
    @media screen and (max-width:1100px){
        #hd_wrap .logo a{width:220px;}
        #hd_wrap .gnb{width: calc(100% - 560px);}
        #hd_wrap .gnb > li > a{font-size: 80%; padding:0 1.2vw;}
        #hd_wrap .link_wrap{gap:30px;}
    }
    @media screen and (max-width:1023px){
        #hd_wrap{height:140px;}
        #hd_wrap #header :is(.gnb, .lang_list, .more_btn){display: none;}
        #hd_wrap .menu-trigger{display: block;}

        .quick_list{gap:15px; right:20px; bottom:20px;}
    }
    @media screen and (max-width:860px){
        #hd_wrap{height:120px;}
        #hd_wrap .menu-trigger{width:40px; height:18px;}
        
        .quick_list .desc dt{width: 55px; height: 55px;}
    }
    @media screen and (max-width:640px){
        #hd_wrap{height:100px;}
        #hd_wrap .menu-trigger{width:35px; height:16px;}

        .quick_list{gap:10px;}
        .quick_list .desc dt{width: 50px; height: 50px; padding:12px; box-sizing: border-box;}
    }
    @media screen and (max-width:479px){
        #hd_wrap{height:70px;}
        #hd_wrap .logo a{width: 200px;}
        #hd_wrap .menu-trigger{width: 27px; height: 12px;}

        .quick_list .desc dt{width: 45px; height: 45px;}
    }


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

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

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

.serviceLogin {
    position: relative;
}

.serviceLogin .dropdown {
    border: 1px solid #eaeaea;
    position: absolute;
    z-index: 2;
    background: #fff;
    margin-top: 10px;
    min-width: 120px;
    display: none;
    width: 100%;
}

.serviceLogin .dropdown.on {
    display: block;
    transition-delay: 0.4s;
}

.service_btn.text_small {
    font-size: 17px;
}

.service_btn {
    position: relative;
    font-size: var(--title-20);
    background: var(--transparent);
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 16px;
    height: 40px;
    font-weight: 600;
    color: var(--black-color11);
    font-family: var(--font-type02);
}
a.service_btn:hover {
    color: var(--point-color01);
}
.service_btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /*border: 1px solid var(--black-color11);*/
    top: 0;
    left: 0;
    box-sizing: border-box;
}
.service_btn span {
    position: relative;
    font-size: 85%;
    box-sizing: border-box;
    z-index: 5;
    transition: all 0.4s;
}
.service_btn .circle {
    pointer-events: none;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: var(--point-color01);
    top: 0;
    left: 0;
    z-index: 3;
    clip-path: circle(0 at 50% 50%);
    transition: all 0.6s;
}



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

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

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

───────────────────────────────────────────────────────────*/
    body:has(#aside.on){overflow: hidden; touch-action: none;}
    #hd_wrap:has(#aside.on) #header{height: 87.5%; box-shadow: none;}
    #hd_wrap:has(#aside.on) .logo a{background-image: url('../images/skin/nap-main-white-nobg.png') !important; background-size: 80px;}
    #hd_wrap:has(#aside.on) .menu-trigger:before, #hd_wrap:has(#aside.on) .menu-trigger:after{filter: var(--filter-white); top:50%; transform: translateY(-50%) rotate(45deg);}
    #hd_wrap:has(#aside.on) .menu-trigger:after{transform: translateY(-50%) rotate(-45deg);}

	#hd_wrap #aside{position: fixed; top:0; right:0; z-index:5; background: var(--black-color11); width: 100%; height: 100vh; clip-path: circle(0 at 100% 0); transition: all 1.2s;}
        #hd_wrap #aside.on{clip-path: circle(150vmax at 100% 0);}
    #hd_wrap #aside .cont{position: relative; width:calc(100% - 50px); margin:110px auto 0; box-sizing: border-box; padding-bottom: 120px; overflow-y: auto; height: calc(100% - 90px);}
    #hd_wrap #aside .gnb{display: block; width: auto; height:auto; position: relative; top:auto; left:auto; transform: none;}
    #hd_wrap  #aside .gnb > li{height: auto;}
    #hd_wrap #aside .gnb > li > a{font-size: inherit; padding:12px 0; filter: var(--filter-white);}
    #hd_wrap #aside .more_btn{display: flex; width: 100%; height: 50px; margin-top:15px;}
    #hd_wrap #aside li:first-child .more_btn{margin-top:55px;}
    #hd_wrap #aside .lang_list{display: flex; justify-content: center; margin-top:46px;}
    #hd_wrap #aside .lang_list > li > a{font-size: 88%;}

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

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
    #wrap:has(.main_visual) #contents_wrap{width: 100%; max-width: 100%; padding:0;}

    /* 인트로 */
        body:has(.main_intro){overflow: hidden;}
        body:has(.main_intro[style="display: none;"]){overflow: visible;}
        body:has(.main_intro) #wrap{opacity: 0;}
        .main_intro{position: fixed; top:0; left:0; width:100%; height:100%; background: var(--black-color11); z-index: 999; display: flex; align-items: center; justify-content: center; opacity: 0;}
        .main_intro .bg{position: absolute; content:''; width: 100%; height: 100%; background: var(--point-color01); top:0; left:0; z-index: 9; clip-path: circle(0 at 50% 50%); transition: all 2s; opacity: 0;}
        .main_intro .cont{position: relative; width: 260px; height: 260px; padding:40px; box-sizing: border-box; border:1px solid var(--point-color01); border-radius: 100%;}
        .main_intro .circle{position: absolute; top:0; left:0; width:100%; height:100%; border-radius: 100%;}
            .main_intro .circle:before, .main_intro .circle:after{position:absolute; content:''; width: 12px; height: 12px; border-radius: 100%; top:-7px; left:50%; margin-left:-6px; background: var(--point-color01); box-sizing: border-box;}
            .main_intro .circle:after{top:auto; bottom:-7px;}

            .main_intro .circle{animation-name: introCircle; animation-duration:18s; animation-iteration-count:infinite; transition-timing-function:linear;}
            @keyframes introCircle {
                0% {transform: rotate(0);}
                100% {transform: rotate(1800deg);}
            }


        .main_intro .thumb{position: relative; width: 100%; height: 100%; border-radius: 100%; background:var(--black-color11) url('../images/skin/main_intro_img01.png') no-repeat center; background-size: cover;}
            .main_intro .thumb:before{position: absolute; content:''; top:50%; left:50%; width: 43px; height: 40px; background: url('../images/skin/main_intro_logo.png') no-repeat center; transform: translate(-50%, -50%); z-index: 5;}
        .main_intro .thumb span{position: absolute; top:0; left:0; opacity: 0; transition: all 0.6s;}
        .main_intro .thumb span.on{opacity: 1;}


	/* 비주얼 */
        .main_visual {position:relative; overflow: hidden;}
		.main_visual .slick-slide {position: relative; height: 940px; overflow: hidden;}
        .main_visual .thumb{width: 100%; height: 100%; background:url('../images/skin/main_visual01.jpg') no-repeat center; background-size: cover; transition: all 3s; transition-timing-function: linear;}
            .main_visual .active .thumb{transform: scale(1.1);}
        .main_visual .txtAni{opacity: 0; transform: translateX(70px); transition: all 1.2s; transition-delay: 0.2s;}
            .main_visual .txtAni + .txtAni{transition-delay: 0.4s;}
            .main_visual .txtAni + .txtAni + .txtAni{transition-delay: 0.6s;}
            .main_visual .txtAni + .txtAni + .txtAni + .txtAni{transition-delay: 0.8s;}
            .main_visual .active .txtAni{opacity: 1; transform: translate(0);}
        .main_visual .txt_box{position: absolute;top: 54.5%;left:50%;transform: translate(-50%, -50%);z-index: 5;font-size: var(--title-20);color: var(--black-color03);font-family: var(--font-type02);}
        .main_visual .txt_box h2{font-size: 300%;font-weight: 400;line-height: 1.33;filter: var(--filter-white);letter-spacing: -0.035em;}
            .main_visual .txt_box h2 + p{margin-top: 38px;}
        .main_visual .txt_box h2 strong{font-weight: 600; color: var(--point-color01);}
        .main_visual .txt_box h5{font-size: 150%;font-weight: 400;line-height: 1.4;filter: var(--filter-white);}
            .main_visual .txt_box h5 + h2{margin-top: 34px;}
        .main_visual .txt_box p{position: relative;font-size: inherit;font-weight: 400;line-height: 1.6;filter: var(--filter-white);box-sizing: border-box; font-family: var(--font-type01);}
            .main_visual .txt_box p.bullet{padding-left:12px;}
            .main_visual .txt_box p.bullet:before{position: absolute; content:'·'; top:0; left:0;}

            .main_visual .slick-slide[data-slick-index="1"] .thumb{background-image: url('../images/skin/main_visual02.jpg');}
            .main_visual .slick-slide[data-slick-index="2"] .thumb{background-image: url('../images/skin/main_visual03.jpg');}
            .main_visual .slick-slide[data-slick-index="3"] .thumb{background-image: url('../images/skin/main_visual04.jpg');}
            .main_visual .slick-slide[data-slick-index="2"] .txt_box *{filter:none;}
        .main_visual .btn_box{margin-top: 58px;}
        .main_visual .btn_box .dwn_btn{width: 380px; padding:0 10px;}


        .main_visual .slick-dots{position: absolute; left:0; bottom:40px; width: 100%; padding:0 15px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap:13px;}
        .main_visual .slick-dots li{position: relative; width: 10px; height: 10px; box-sizing: border-box; transition: all 0.4s;}
        .main_visual .slick-dots li button{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: calc(100% - 2px); height: calc(100% - 2px); background: rgba(255,255,255,0.5); transition: all 0.4s; border-radius: 100%; font-size: 0;}
            .main_visual .slick-dots li.slick-active button{width: 100%; height: 100%; background: rgba(255,255,255,1);}

        .main_visual .scr_dwn{font-size: 16px;font-weight: 500;color: var(--border-color01);font-family: var(--font-type02);position: absolute;right: 83px;bottom: 116px;display: flex;align-items: center;gap:25px;letter-spacing: 0;}
        .main_visual .scr_dwn em{writing-mode:vertical-lr; transform:rotate(-180deg); font-weight: inherit;}
        .main_visual .scr_dwn .line{position: relative;width: 1px;height: 90px;background: rgba(255,255,255,0.5);position: absolute;top: calc(100% + 26px);left: 50%;}
            .main_visual .scr_dwn .line:before{position: absolute;content:'';width: 7px;height: 7px;background: var(--point-white);border-radius: 100%;top: 1px;left: 50%;margin-left: -3.5px;}

            .main_visual .scr_dwn .line:before{animation-name: scrDwn; animation-duration:2s; animation-iteration-count:infinite; animation-fill-mode: forwards; transition-timing-function:linear;}
            @keyframes scrDwn {0% {top:1;}100% {top:110%;}}

            @media screen and (min-width:1024px){
                .main_visual .dwn_btn:hover:after{transform: translateY(-5px);}
            }

        @media screen and (max-width:1023px){
            .main_visual .txt_box{padding:0 5px;}
            .main_visual .slick-slide{height: 91.8vw; min-height: 510px;}
            .main_visual .scr_dwn{display: none;}
        }
        @media screen and (max-width:860px){
            .main_visual .txt_box h2{font-size: 250%;}
            .main_visual .txt_box h2 + p{margin-top:30px;}
            .main_visual .txt_box h5{font-size: 120%;}
            .main_visual .txt_box h5 + h2{margin-top:25px;}
            .main_visual .txt_box p{font-size: 95%;}
            .main_visual .btn_box{margin-top:50px;}
            .main_visual .dwn_btn{width: 260px; height: 65px;}

            .main_visual .slick-dots{bottom:30px;}
        }
        @media screen and (max-width:750px){
            .main_visual .thumb{background-image:url('../images/skin/main_visual01_M.jpg');}
            .main_visual .slick-slide[data-slick-index="1"] .thumb{background-image: url('../images/skin/main_visual02_M.jpg');}
            .main_visual .slick-slide[data-slick-index="2"] .thumb{background-image: url('../images/skin/main_visual03_M.jpg');}
            .main_visual .slick-slide[data-slick-index="3"] .thumb{background-image: url('../images/skin/main_visual04_M.jpg');}
        }
        @media screen and (max-width:640px){
            .main_visual .txt_box h2{font-size: 200%;}
            .main_visual .txt_box h2 + p{margin-top:20px;}
            .main_visual .txt_box h5{font-size:110%;}
            .main_visual .txt_box h5 + h2{margin-top:20px;}
            .main_visual .txt_box p{font-size: 90%;}
            .main_visual .btn_box{margin-top:50px; gap:15px;}
            .main_visual .dwn_btn{width: 100%;}

            .main_visual .slick-dots{bottom:30px; gap:10px;}
            .main_visual .slick-dots li{width: 8px; height: 8px;}

            .main_visual .scr_dwn{display: none;}
        }
        @media screen and (max-width:479px){
            .main_visual .txt_box h2{font-size: 176%;}
            .main_visual .txt_box h2 + p{margin-top:15px;}
            .main_visual .txt_box h5{font-size:inherit;}
            .main_visual .txt_box h5 + h2{margin-top:15px;}
            .main_visual .txt_box p{font-size: 76.5%;}
            .main_visual .txt_box br:not(.for_m){display: none;}
            .main_visual .btn_box{margin-top:40px;}

            .main_visual .slick-dots{bottom:20px;}
        }

    /* 공통 */
        .anchor{position: relative; top:-200px;}
        .anchor#sec01{top:0;}
        .btn_box{display: flex;gap: 20px;font-size: var(--title-20);}
        .btn_box .dwn_btn{display: flex; align-items: center; justify-content: center; text-align: center; font-size: inherit; padding:0 30px; box-sizing: border-box; background: var(--point-color01); font-weight: 500; color: var(--point-white); width: auto; height: 70px; gap:22px;}
            .btn_box .dwn_btn:after{display:inline-flex; content:''; width:25px; height:25px; background: url('../images/skin/dwn_btn_icon.svg') no-repeat center; background-size: 100% auto; transition: all 0.4s;}
            
        .main_title{position: relative; font-size: var(--title-20); box-sizing: border-box;}
            .main_title.cen{text-align: center;}
            .main_title.hd{margin-bottom: 80px;}
        .main_title h3{position: relative; font-size: 240%;font-weight: 400;color: var(--black-color11);line-height: 1.5;letter-spacing: -0.04em;}
        .main_title h3 em{position: relative;font-weight: 700;color: var(--point-color01);}
            .main_title h3 em.bg:before{position: absolute;content: '';width: calc(100% + 6px);height: 23%;left: 50%;bottom: 3px;transform: translateX(-50%);background: var(--point-color01);opacity: 0.2;}
            .main_title h3 em.bg span{position: relative;}
        .main_title h3 strong{font-weight: 600;}
        .main_title h6{position: relative; font-size: 110%;font-weight: 500;color: var(--black-color11);font-family: var(--font-type02);letter-spacing: -0.01em;}
            .main_title h6.icon:before{display: block;content: '';width: 10px;height: 10px;border-radius: 100%;background: var(--point-color01);margin-bottom: 32px;}
            .main_title.cen h6.icon:before{margin-left: auto; margin-right: auto;}
            .main_title h6 + h3{margin-top: 41px;}
        .main_title h6 em{font-weight: inherit; color: var(--point-color01);}

        @media screen and (max-width:1300px){
            .main_title.hd{margin-bottom: 70px;}
            .main_title h3{font-size: 220%;}
        }
        @media screen and (max-width:1023px){
            .main_title.hd{margin-bottom: 60px;}
            .main_title h6 + h3{margin-top:36px;}
        }
        @media screen and (max-width:860px){
            .btn_box .dwn_btn{height: 65px;}

            .main_title.hd{margin-bottom: 50px;}
            .main_title h3{font-size: 200%;}
            .main_title h6 + h3{margin-top:30px;}
            .main_title h6.icon:before{margin-bottom: 25px;}
        }
        @media screen and (max-width:640px){
            .btn_box .dwn_btn{font-size: 90%; height: 60px; gap:17px;}
            .btn_box .dwn_btn:after{width: 20px; height: 20px;}

            .main_title.hd{margin-bottom: 40px;}
            .main_title h3{font-size: 180%;}
            .main_title h6{font-size: 100%;}
                .main_title h6 + h3{margin-top:25px;}
                .main_title h6.icon:before{width: 8px; height: 8px; margin-bottom: 20px;}
        }
        @media screen and (max-width:479px){
            .btn_box .dwn_btn{font-size:82.3%; height: 45px;}
            .btn_box .dwn_btn:after{display: none;}

            .main_title.hd{margin-bottom: 30px;}
            .main_title h3{font-size: 159%; line-height: 1.48;}
            .main_title h6{font-size: 94%;}
                .main_title h6 + h3{margin-top:17px;}
            .main_title h6.icon:before{width: 6px; height: 6px; margin-bottom: 15px;}
        }
        @media screen and (max-width:360px){
            .main_title h3{font-size: 145%;}
            .main_title h6{font-size: 90%;}
        }

    /* 어바웃 */
        .main_about{position: relative; padding:140px 0 160px; overflow: hidden;}
        .main_about .circle{position: absolute; right:-336px; top:-336px; width: 672px; height: 672px; border:1px solid var(--point-color01); box-sizing: border-box; border-radius: 100%;}
        .main_about .circle .item{position: absolute; top:0; left:0; width: 100%; height: 100%; box-sizing: border-box; border-radius: 100%;}
            .main_about .circle .item:before, .main_about .circle .item:after{position: absolute; content:''; width:12px; height: 12px; border-radius: 100%; background: var(--point-color01); top:-6px; left:50%; margin-left:-6px;}
            .main_about .circle .item:after{top:auto; bottom:-6px;}
            .main_about .circle .item{animation-name: circleRotate; animation-duration:8s; animation-iteration-count:infinite; transition-timing-function:linear;}
            @keyframes circleRotate {0% {transform:rotate(0);}100% {transform:rotate(350deg);}}


        .main_about .info_list{display: flex; counter-reset: countNum; gap:38px;}
        .main_about .info_list > li{position: relative;width: 100%;height: auto; padding: 99px 50px 47px;background: var(--black-color11);border-radius: 20px 100px 20px 20px;font-size: var(--title-20); box-sizing: border-box; flex-shrink: 1;}
            .main_about .info_list > li:nth-child(2){background: var(--point-color01);}
            .main_about .info_list > li:nth-child(3){background: var(--gray-bg01);}
            .main_about .info_list > li:nth-child(3) .desc{filter:none;}
            .main_about .info_list > li:before{position: absolute;content:'';top:0;right:0;width: 90px;height: 90px;background: url('../images/skin/main_about_rounding.svg') no-repeat top right;background-size: 100% auto;}
            .main_about .info_list > li:after{position: absolute; content: counter(countNum, decimal-leading-zero); counter-increment: countNum; display: flex; align-items: center; justify-content: center; text-align: center; width: 60px; height: 60px; font-size: 120%; font-weight: 500; color: var(--point-white); letter-spacing: -0.03em; border-radius: 100%; top:0; right:0; font-family: var(--font-type02); background: var(--black-color11);}
            .main_about .info_list > li:nth-child(2):after{background: var(--point-color01);}
            .main_about .info_list > li:nth-child(3):after{background: var(--gray-bg01); color: var(--black-color11); font-weight: 600;}
        .main_about .info_list .icon{display: flex; height: 165px; justify-content: center; font-size: 0; margin:0 auto; text-align: center;}
            .main_about .info_list .icon + .desc{margin-top: 53px;}
        .main_about .info_list .desc{font-size: var(--title-20); color: var(--black-color11); filter: var(--filter-white);}
        .main_about .info_list .desc dt{font-size: 180%; font-weight: 700; line-height: 1.39; letter-spacing: -0.04em; text-align: center;}
            .main_about .info_list .desc dt + dd{margin-top: 41px;}
        .main_about .info_list .desc dd{font-size: inherit;font-weight: 500;line-height: 1.7;letter-spacing: -0.05em;}

    /* 광고 */
        .main_advertiser{position: relative; padding: 140px 0 100px; background: var(--black-color11); overflow: clip;}
        .main_advertiser .w_custom{display: flex; align-items: flex-start; justify-content: space-between; gap:30px;}
        .main_advertiser .main_title{position: sticky; top:165px;}
            .main_advertiser:not(.media) .main_title:before{position: absolute; content:''; width: 433px; height: 433px; background: var(--black-color03); opacity: 0.7; right:calc(100% - 135px); bottom:-133px; border-radius: 100%;}
            .main_advertiser:not(.media) .main_title:after{position: absolute;content:'';width:298px;height: 275px;background-size: 100% auto;left: 65%;top: 55%;}
            .main_advertiser .main_title *{z-index: 5;}
        .main_advertiser:not(.media) .main_title :where(h3 ,h3 em, h6){color: var(--point-white);}
        .main_advertiser:not(.media) .main_title h6{font-weight: 400;}
        .main_advertiser:not(.media) .main_title h3{font-weight: 300;}
        .main_advertiser:not(.media) .main_title h3 em{font-weight: 600;}
        .main_advertiser:not(.media) .main_title h3 em.bg:before{opacity: 1;}
        .main_advertiser .main_title .vector{position: relative; display: block; margin-top:70px; font-size: 0;}
        .main_advertiser .main_title .vector img{position: relative;}
        .main_advertiser .exp_list{position: relative; width: 56.3%; display: flex; flex-wrap: wrap; gap:8.3vw 5.2vw; box-sizing: border-box; padding-bottom: 60px;}
        .main_advertiser .exp_list > li{width: calc(100% / 2 - 2.6vw); background: var(--point-white); border: 1px solid var(--border-color02); border-radius: 40px 40px 0 40px; padding:58px 40px 57px; box-sizing: border-box; box-shadow:0 0 50px rgba(0, 0, 0, 0.1);}
            .main_advertiser .exp_list > li:nth-child(2n){ transform: translateY(17.7vw);}

            .main_advertiser:not(.media) .exp_list > li:nth-child(1n){background: var(--point-color01);  border-color: rgba(255, 255, 255, 0.4); box-shadow: none;}
            .main_advertiser:not(.media) .exp_list > li:nth-child(1n) .desc :where(dt, dd){filter: var(--filter-white);}
            .main_advertiser:not(.media) .exp_list > li:nth-child(2n){background: var(--gray-bg01);}
            .main_advertiser:not(.media) .exp_list > li:nth-child(2n) .desc :where(dt, dd){filter: none;}
            .main_advertiser:not(.media) .exp_list > li:nth-child(3n){background: var(--black-color11)}
            .main_advertiser:not(.media) .exp_list > li:nth-child(3n) .desc :where(dt, dd){filter: var(--filter-white);}
            .main_advertiser:not(.media) .exp_list > li:nth-child(1n+5){background: var(--point-color01);}
            .main_advertiser:not(.media) .exp_list > li:nth-child(1n+5) .desc :where(dt, dd){filter: var(--filter-white);}
            .main_advertiser:not(.media) .exp_list > li:nth-child(2n+6){background: var(--gray-bg01);}
            .main_advertiser:not(.media) .exp_list > li:nth-child(2n+6) .desc :where(dt, dd){filter: none;}
            .main_advertiser:not(.media) .exp_list > li:nth-child(3n+7){background: var(--black-color11)}
            .main_advertiser:not(.media) .exp_list > li:nth-child(3n+7) .desc :where(dt, dd){filter: var(--filter-white);}
            
        .main_advertiser .exp_list .icon{display: flex; align-items: center; font-size: 0; height: 91px;}
            .main_advertiser .exp_list .icon + .desc{margin-top:34px;}
        .main_advertiser .exp_list .desc{font-size: var(--title-20); color: var(--black-color11);}
        .main_advertiser .exp_list .desc dt{font-size: 150%; font-weight: 700; line-height: 1.43; letter-spacing: -0.03em;}
            .main_advertiser .exp_list .desc dt + dd{margin-top:20px;}
        .main_advertiser .exp_list .desc dd{font-size: 90%; font-weight: 500; line-height: 1.78; letter-spacing: -0.04em;}

        @media screen and (min-width:1201px){
            .main_advertiser .main_title *{opacity: 1 !important; transform: none !important;}
        }

    /* 미디어 */
        .main_advertiser.media{background: none;}
        .main_advertiser.media .w_custom{flex-direction: row-reverse;}
        .main_advertiser.media .main_title:before{position: absolute;content:'';width:467px;height: 467px;background: var(--point-color01);border-radius: 100%;right: calc(100% + 45.3vw);top: 7.5%;}
        .main_advertiser.media .main_title:after{position: absolute;content:'';width:268px;height: 268px;background: var(--point-color01);border-radius: 100%;left: calc(100% - 25px);top: -28%;}
        .main_advertiser.media .exp_list{flex-direction: row-reverse;}
        .main_advertiser.media .exp_list > li{background: var(--point-white); transition: all 0.4s;}
        .main_advertiser.media .main_title .vector:before{position: absolute;content:'';width:324px;height:324px;background: var(--gray-bg01);border-radius: 100%;left: 17%;bottom: -122px;}
        .main_advertiser.media .exp_list .desc dd{font-weight: 400;}

            /* over */
                @media screen and (min-width:1024px){
                    .main_advertiser.media .exp_list > li:hover{border-color: var(--point-color01); box-shadow: 0 0 50px rgba(206, 24, 30, 0.15);}
                }

    /* 광고문의 */
        .main_contact{background: url('../images/skin/main_contact_bg.jpg') no-repeat center; background-size: cover; padding:160px 0 140px;}
        .main_contact .main_title.hd{margin-bottom: 68px;}
        .main_contact .main_title *{filter: var(--filter-white);}
        .main_contact .main_title h6 + h3{margin-top:30px;}
        .main_contact .bnr_wrap{position: relative; background: url('../images/skin/main_contact_bnr.jpg') no-repeat center; background-size: cover; padding:110px 120px; box-sizing: border-box; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; gap:30px;}
            .main_contact .bnr_wrap:before{position: absolute; content:''; width:664px; height:83px; right:0; bottom:calc(100%);}
        .main_contact .txt_wrap{font-size: var(--title-20);}
        .main_contact .txt_wrap h3{font-size: 210%; font-weight: 400; color: var(--point-white); line-height: 1.33; letter-spacing: -0.04em;}
            .main_contact .txt_wrap h3 + h6{margin-top:30px}
        .main_contact .txt_wrap h3 em{font-weight: 700; color: var(--point-color01);}
        .main_contact .txt_wrap h6{font-size: 90%; font-weight: 300; color: var(--point-white); letter-spacing: -0.03em;}
            .main_contact .txt_wrap h6 + p{margin-top:12px;}
        .main_contact .txt_wrap p{font-size: 75%; font-weight: 300; color: var(--point-white); opacity: 0.8; letter-spacing: -0.03em;}
        .main_contact .btn_box .dwn_btn{height: 80px;}
        .main_contact .btn_box .dwn_btn:after{display: none;}

    @media screen and (max-width:1680px){
        .main_about .circle{width: 40vw; height: 40vw; right:-20vw; top:-20vw;}
        .main_about .info_list{gap:30px;}
        
        .main_advertiser .exp_list .desc dd br:not(.keep){display: none;}

        .main_contact .bnr_wrap{padding:6.5vw 7.1vw;}
    }
    @media screen and (max-width:1400px){
        .main_about .info_list > li{padding:95px 45px 42px;}
        .main_about .info_list .icon{height: 150px;}
        .main_about .info_list .icon + .desc{margin-top:48px;}
        .main_about .info_list .desc dt{font-size: 160%;}
        .main_about .info_list .desc dt + dd{margin-top:36px;}

        .main_advertiser .exp_list{gap:6vw 3vw;}
        .main_advertiser .exp_list > li{padding:50px 35px; width: calc(100% / 2 - 1.5vw);}
            .main_advertiser .exp_list > li:nth-child(2n){transform: translateY(16vw);}
        .main_advertiser .exp_list .icon{height: 85px;}
            .main_advertiser .exp_list .icon + .desc{margin-top:30px;}
        .main_advertiser .exp_list .desc dt{font-size: 140%;}
            .main_advertiser .exp_list .desc dt + dd{margin-top: 15px;}
        .main_advertiser .exp_list .desc dd{font-size: 80%;}
    }
    @media screen and (max-width:1200px){
        .main_about .info_list {gap:20px;}
        .main_about .info_list > li{padding:95px 40px 37px;}
        .main_about .info_list .icon{height: 140px;}
        .main_about .info_list .icon + .desc{margin-top:40px;}
        .main_about .info_list .desc dt{font-size: 140%;}
        .main_about .info_list .desc dt + dd{margin-top:30px;}
        .main_about .info_list .desc dd{font-size: 90%;}
        
        .main_advertiser .w_custom{display: block;}
        .main_advertiser .main_title{position: static; transform: none !important;}
        .main_advertiser:not(.media) .main_title:after{top:5px; left:auto; right:0px; width: 25vw; height: 23.2vw; min-width: 134px; min-height: 124px;}
        .main_advertiser:not(.media) .main_title:before{width: 36vw; height: 36vw; min-width: 217px; min-height: 217px;}
        .main_advertiser .exp_list{width: 100%; padding:40px 0 0;}

        .main_advertiser.media .main_title:after{display: none;}
        .main_advertiser.media .main_title:before{width: 38.5vw;height: 38.5vw;min-width: 233px;min-height: 233px;right: auto;left: -115px;top: auto;bottom: 7%;}
    }
    @media screen and (max-width:1023px){
        .main_about{padding:120px 0 140px;}
        .main_about .info_list{flex-wrap: wrap; gap:15px;}
        .main_about .info_list > li{width:calc(100% / 2 - 7.5px);}

        .main_advertiser .main_title .vector{margin:0; position: static;}
        .main_advertiser .main_title .vector img{display: none;}

        .main_advertiser.media .main_title .vector:before{width: 33vw;height: 33vw;min-width: 162px;min-height: 162px;left: auto;bottom: auto;top: 46vw;right: -80px;}
        
        .main_contact{padding:120px 0 140px;}
        .main_contact .main_title.hd{margin-bottom: 60px;}
        .main_contact .bnr_wrap{flex-wrap: wrap;}
        .main_contact .btn_box{width: 100%;}
        .main_contact .btn_box .dwn_btn{width: 100%; padding:0 10px; height: 70px;}
    }
    @media screen and (max-width:860px){
        .main_about{padding:100px 0 120px;}
        .main_about .circle{display: none;}
        .main_about .info_list > li{padding:55px 35px 35px;border-radius: 20px 70px 20px 20px;}
        .main_about .info_list > li:before{width: 65px; height: 65px;}
        .main_about .info_list > li:after{width: 45px; height: 45px; font-size: 100%;}
        .main_about .info_list .icon{height: 130px;}
        .main_about .info_list .desc dt{font-size: 130%;}
            .main_about .info_list .icon + .desc{margin-top:30px;}
        .main_about .info_list .desc dt + dd{margin-top:25px;}

        .main_advertiser{padding:100px 0;}

        .main_contact{padding:100px 0 120px;}
        .main_contact .main_title.hd{margin-bottom: 50px;}
        .main_contact .bnr_wrap:before{display: none;}
        .main_contact .txt_wrap h3{font-size: 170%;}
        .main_contact .txt_wrap h3 + h6{margin-top:24px;}
    }
    @media screen and (max-width:640px){
        .main_about{padding:70px 0 90px;}
        .main_about .main_title h6{transform: none !important; opacity: 1 !important;}
        .main_about .info_list > li{padding:45px 30px 30px;border-radius: 10px 60px 10px 10px; width:100%;}
        .main_about .info_list > li:before{width: 55px; height: 55px;}
        .main_about .info_list > li:after{width: 40px; height: 40px; font-size: 90%;}
        .main_about .info_list .icon{height: 110px;}
            .main_about .info_list .icon + .desc{margin-top:22px;}
        .main_about .info_list .desc dt{font-size: 125%;}
        .main_about .info_list .desc dt + dd{margin-top:20px;}

        .main_advertiser{padding:70px 0;}
        .main_advertiser:not(.media) .main_title:before{right:auto; left:-90px; bottom:-122px;}
        .main_advertiser .exp_list{padding-top:30px; gap:20px;}
        .main_advertiser .exp_list > li{width: 100%; border-radius: 20px 20px 0 20px; padding: 40px 30px 40px 0; display: flex; align-items: flex-start;}
            .main_advertiser .exp_list > li:nth-child(2n){transform: none;}
        .main_advertiser .exp_list .icon{width: 110px; height: 52px; justify-content: center;}
        .main_advertiser .exp_list .icon + .desc{width: calc(100% - 110px); margin-top:0;}
        .main_advertiser .exp_list .desc dt{font-size: 125%;}
        .main_advertiser .exp_list .desc dt + dd{margin-top: 10px;}

        .main_contact{padding:90px 0; background-image: url('../images/skin/main_contact_bg_m.jpg');}
        .main_contact .main_title.hd{margin-bottom: 40px;}
        .main_contact .main_title h6 + h3{margin-top:25px;}
        .main_contact .bnr_wrap{border-radius: 10px; background-image: url('../images/skin/main_contact_bnr_m.jpg');}
        .main_contact .txt_wrap h3{font-size: 150%;}
        .main_contact .txt_wrap h3 + h6{margin-top:20px;}
        .main_contact .btn_box .dwn_btn{height: 60px;}
    }
    @media screen and (max-width:479px){
        .main_about{padding:50px 0 70px;}
        .main_about .info_list > li{padding:35px 25px 25px;border-radius: 10px 50px 10px 10px;}
        .main_about .info_list > li:before{width: 45px; height: 45px;}
        .main_about .info_list > li:after{width: 32px; height: 32px; font-size: 82%;}
        .main_about .info_list .icon{height: 90px;}
            .main_about .info_list .icon + .desc{margin-top:16px;}
        .main_about .info_list .desc dt{font-size: 118%;}
            .main_about .info_list .desc dt + dd{margin-top:15px;}
        .main_about .info_list .desc dd{font-size: 82%;}

        .main_advertiser{padding:70px 0;}
        .main_advertiser .exp_list > li{width: 100%; border-radius: 20px 20px 0 20px; padding: 30px 25px 25px 0;}
        .main_advertiser .exp_list .desc dt{font-size: 118%;}
        .main_advertiser .exp_list .desc dd{font-size: 76.5%;}

        .main_contact{padding:70px 0;}
        .main_contact .main_title.hd{margin-bottom: 30px;}
        .main_contact .main_title h6 + h3{margin-top:17px;}
        .main_contact .bnr_wrap{gap:25px; padding:25px;}
        .main_contact .txt_wrap h3{font-size: 135%;}
            .main_contact .txt_wrap h3 + h6{margin-top:15px;}
        .main_contact .txt_wrap h6{font-size: 82%;}
        .main_contact .txt_wrap p{font-size: 70%;}
        .main_contact .btn_box .dwn_btn{height: 45px;}
    }

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
    #footer{position: relative; background: var(--black-color11); overflow: hidden;}
    #footer .cont{padding:160px 0 120px; box-sizing: border-box;}
    #footer .ftr_title{position: relative; font-size: var(--title-20); margin-bottom: 46px;}
    #footer .ftr_title h5{font-size: 120%; font-weight: 400; color: var(--point-white); font-family: var(--font-type02);}
    #footer .desc{position: relative; font-size: var(--title-20); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap:25px 30px;}
        #footer .desc:before{position: absolute; content:''; width:100%; height:1px; background:rgba(217, 217, 217, 0.6); top:50%; left:0;}
    #footer .desc dt{position: relative; font-size: 200%; font-weight: 500; color: var(--point-white); padding-right:100px; background: var(--black-color11);}
    #footer .desc dd{position: relative; padding-left:80px; background: var(--black-color11);}
    
    #footer .mask_ball{ position: relative; z-index:8; height: 108px;}
    #footer .ball {transform:translateZ(0); position: absolute; width: 108px; height: 108px; background: #fff; border-radius: 100%; bottom: 0; box-sizing: border-box; overflow: hidden;}
    #footer .ball_01 { left: 10%; z-index: 1; }
    #footer .ball_02, #footer .ball_01 .ball_inner { left: 15%; }
    #footer .ball_01 .ball_inner { background: #f52f23; position: relative; }
    #footer .ball.ball_stroke {border: 4px solid #fff;background: transparent;left: 0px;}
    #footer .ball.ball_stroke_inner { border: 4px solid #f52f23; left: 0; }
    #footer .ball_inner, #footer .ball_stroke_inner{transition:linear;}
    #footer .ball[data-tween-id="ball_02"]{background: var(--point-color01);}


    #footer .sns_list{display: flex; align-items: center; gap:20px;}
    #footer .sns_list > li > a{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: var(--point-white); transition: all 0.4s; padding:8px 10px; box-sizing: border-box;}
    #footer .btm_sec{border-top:1px solid rgba(255,255,255,0.5); padding:31px 0;}
    #footer .btm_sec .w_custom{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:18px 30px}
    #footer .link_list{display: flex; flex-wrap: wrap; gap:15px 30px;}
    #footer .link_list > li{font-size: var(--title-20);}
    #footer .link_list > li > a{font-size: 90%; font-weight: 400; color: var(--point-white); line-height: 1.43;}
    #footer .copyright{display: flex; align-items: center; flex-wrap: wrap; gap:10px 45px; font-size: var(--title-20); color: var(--point-white); font-family: var(--font-type02); letter-spacing: 0;}
    #footer .copyright :where(dt, dd){font-size: 85%; line-height: 1.43;}
    #footer .copyright dt{opacity: 0.9; font-weight: 300;}
    #footer .copyright dd{font-weight: 600;}

        /* over */
            @media screen and (min-width:1024px){
                #footer .sns_list > li > a img{transition: all 0.4s;}
                #footer .sns_list > li > a:hover{background: var(--point-color02);}
                #footer .sns_list > li > a:hover img{filter:var(--filter-white);}
            }

    @media screen and (max-width:1400px){
        #footer .cont{padding:120px 0 100px;}
        #footer .ftr_title{margin-bottom: 40px;}
        #footer .desc dt{padding-right: 80px;}
        #footer .desc dd{padding-left: 60px;}
    }
    @media screen and (max-width:1200px){
        #footer .cont{padding:100px 0 80px;}
        #footer .ftr_title{margin-bottom: 35px;}
        #footer .desc dt{padding-right: 60px;}
        #footer .desc dd{padding-left: 40px;}
    }
    @media screen and (max-width:1023px){
        #footer .cont{padding:80px 0;}
        #footer .ftr_title{margin-bottom: 30px;}
        #footer .desc{flex-direction: column; align-items: flex-start;}
            #footer .desc:before{display: none;}
        #footer .desc dt{padding-right: 0;}
        #footer .desc dd{padding-left: 0;}
        #footer .sns_list{gap:15px;}
        #footer .mask_ball{display: none;}
    }
    @media screen and (max-width:860px){
        #footer .ftr_title{margin-bottom: 25px;}
        #footer .desc dt{font-size: 190%;}
    }
    @media screen and (max-width:640px){
        #footer .btm_sec{padding:50px 0;}
        #footer .ftr_title{margin-bottom: 20px;}
        #footer .desc dt{font-size: 170%;}

        #footer .ball { width: 80px; height: 80px;}
    }
    @media screen and (max-width:479px){
        #footer .ftr_title{margin-bottom: 15px;}
        #footer .desc dt{font-size: 147%;}
        #footer .sns_list{gap:10px;}
        #footer .sns_list > li > a{width: 35px; height: 35px;}
        #footer :is(.link_list > li > a, .copyright :where(dt, dd)){font-size: 82%;}
    }

/* Works for Chrome */
::-webkit-scrollbar {
    width: 0
}

html {
    scrollbar-width: none;
    -ms-overflow-style: none;
}