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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    body{min-width: 1400px;}
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    #container, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1440px; margin-inline: auto; box-sizing: border-box;}
    #container{background: var(--point-white);padding-bottom:80px;}
    .w_custom.w_1680{max-width: 1680px;}
    #container:has(.full_sec){width: 100%; max-width: 100%;}

    label:has([type="checkbox"]){display: flex;gap: 12px;line-height: 25px;font-size: var(--title-15);font-weight: 400;color: var(--black-color03);cursor: pointer;}
    label [type="checkbox"]{display: inline-flex;width: 25px;height: 25px;border: 1px solid var(--border-color01);box-sizing: border-box;background: var(--point-white) no-repeat center;cursor: pointer;}
    label [type="checkbox"]:checked{background: var(--point-color01) url('../images/skin/chk_box.svg') no-repeat center;border-color: var(--point-color01);}

    input:is([type="text"], [type="password"], [type="number"]){line-height: normal;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;}
    select{appearance: none;background: var(--point-white) url('../images/skin/sel_arw.svg') no-repeat calc(100% - 20px) 50%;line-height: normal;padding: 0 45px 0 20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing: border-box;}

    @media (max-width:1400px){
        .for_pc{display: none;}
    }
	

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

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

───────────────────────────────────────────────────────────*/
    #header{position: sticky;top:0;width: 100%;height: 140px;z-index: 50;transition: all 0.4s;margin-bottom: -140px;}
    #header .cont{position: relative; height: 100%; transition: all 0.4s;z-index:3;}
    #header .w_custom{max-width: 1800px;height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 30px;}
    #header .logo{height: 100%;}
    #header .logo a{display: flex; align-items: center; max-width: 125px; height: 100%; box-sizing: border-box; padding-block: 15px; }
    #header .gnb{position: absolute;top: 0;left:50%;translate: -50%;width: calc(100% - 350px);height: 100%;font-size: var(--title-20);text-align: center;display: flex;justify-content: center;box-sizing: border-box;letter-spacing: 0;}
    #header .gnb > li{position: relative; height: 100%; font-size: 95%; font-weight: 500; color: var(--black-color02); box-sizing: border-box;}
    #header .gnb > li > a{display: flex;height: 100%;align-items: center;justify-content: center;padding-inline: clamp(30px, 2.7vw, 50px);box-sizing: border-box;}
    #header .gnb .dep02{position: absolute;top: 75%;left:50%;translate:-50%;background: var(--point-color01);width: 180px;padding-block: 15px;opacity: 0;pointer-events: none;transition: all 0.4s;}
    #header .gnb .dep02 > li{font-size: 85%;font-weight: 400;color: var(--point-white);}
    #header .gnb .dep02 > li > a{display: block;padding: 8px 25px;box-sizing: border-box;transition: all 0.4s;opacity: 0.6;font-family: var(--font-type02);}
    #header .link_wrap{display: flex; align-items: center; gap: 40px;}
    #header .lang_desc{position: relative;}
    #header .lang_desc dt{opacity: 0.7;display: flex;align-items: center;gap: 12px; cursor: pointer;}
    #header .lang_desc dt{&:before, &:after{display: inline-flex;content: '';width: 7px;height: 5px;background: var(--black-color02);clip-path: polygon(0 0, 50% 100%, 100% 0);}}
    #header .lang_desc dt:before{opacity: 0;}
    #header .lang_desc dd{position: absolute;top:calc(100% + 10px);left:50%;translate: -50%;font-size: var(--title-20);text-align: center;opacity: 0;pointer-events: none;transition: all 0.4s;width: max-content;padding: 8px 0;background: var(--point-white);box-sizing: border-box;border: 1px solid var(--border-color01);}
        #header .lang_desc:has(dt.on) dd{opacity: 1; pointer-events: all;}
    #header .lang_desc dd a{display: block;padding: 3px 25px;font-size: 70%;color: var(--black-color05);}
    #header .lang_desc dd a.on{color: var(--point-color01);}
    #header .allCate{position: relative; width: 34px; height: 34px; background: url('../images/skin/allCate.svg') no-repeat center / 100% auto; transition: all 0.4s;}
	
	.gnb_bg{width:100%;background: #fff;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);position: absolute;top:80%;left:0;z-index:2;padding:20px 0;     clip-path: inset(0 0 100% 0); transition:all 0.5s;}
		.gnb_bg.on{clip-path: inset(0);}	
	#header .gnb_bg .w_custom{height:auto;}
	.gnb_bg .gnb_all{width:100%;}
	.gnb_bg .gnb_all ul{justify-content: center;width:100%;display: none;}
	.gnb_bg .gnb_all ul.on{display: flex;}
	.gnb_bg .gnb_all ul li{}
	.gnb_bg .gnb_all ul li a{display:block; font-size:16px; font-weight:300; color:var(--black-color03);padding:10px 30px;}

        /* color */
        #header :where(.logo, .gnb > li > a, .lang_desc dt){filter: var(--filter-white); transition: all 0.4s;}
        #header .gnb > li:hover .dep02{opacity: 1; pointer-events: all;}

        /* on & over */
            #header:is(:hover, .on) .cont{background: var(--point-white); height: 80%; box-shadow: inset 0 -1px 0 var(--border-color01);}
            #header:is(:hover, .on) .allCate{background-image: url('../images/skin/allCateOv.svg');}
            #header:is(:hover, .on) :where(.logo, .gnb > li > a, .lang_desc dt){filter: none;}

            #header .gnb > li:hover > a{color: var(--point-color01);}
            #header .gnb > li:hover .dep02{opacity: 1; pointer-events: all; box-shadow: var(--shadow-01);}
            #header .gnb .dep02 > li:hover > a{opacity: 1;}
			
			.gnb_bg .gnb_all ul li:hover a{color: var(--point-color01);}
            
/*───────────────────────────────────────────────────────────

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    .layer_dim{position: fixed;inset: 0;z-index: 90;background: rgba(0, 0, 0, 0.6);opacity: 0;pointer-events: none;display: block;transition: all 0.4s;cursor: auto;}
    #aside{position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all 0.4s;}
        #aside.on{opacity: 1;}
        #aside.on .w_custom{pointer-events: all;}
        body:has(#aside.on){overflow: clip; touch-action:none;}
        body:has(#aside.on) .layer_dim{opacity: 1; pointer-events: all;}
    #aside .w_custom{max-width: 1680px;height: 82vh;background: var(--point-white);overflow: hidden;overflow-y: auto;}
    #aside .close{position: absolute;top:30px;right:30px;width: 30px;aspect-ratio: auto 1;z-index: 5;}
        #aside .close{&:before, &:after{position: absolute;content:'';width: 100%;height: 2px;background: var(--black-color01);top:50%;left:50%;translate: -50%;transform: rotate(45deg);}}
        #aside .close:after{transform: rotate(-45deg);}
    #aside .gnb{display: flex;flex-wrap: wrap;font-size: var(--title-20);text-align: center;height: 100%;box-sizing: border-box;}
    #aside .gnb a{display: block; padding-inline: 20px; transition: all 0.4s;}
    #aside .gnb > li{position: relative;width: calc(100% / 4);padding-block: 25vh 100px;box-sizing: border-box;}
        #aside .gnb > li:nth-child(2n){background: var(--point-color03);}
    #aside .gnb .cont > a{font-size: 160%;font-weight: 500;color: var(--black-color03);}
    #aside .gnb .dep02{padding-top: 15px; transition: all 0.4s;}
    #aside .gnb .dep02 > li{font-size: 90%; font-weight: 400; color: var(--black-color05);}
    #aside .gnb .dep02 > li > a{padding-block: 12px;}

        #aside .gnb .cont{translate:0 -100px; opacity: 0; transition: all 0.6s;}
            #aside.on .gnb .cont{translate:0; opacity: 1; transition-delay: 0.4s;}
            #aside.on .gnb > li:nth-child(2) .cont{transition-delay: 0.6s;}
            #aside.on .gnb > li:nth-child(3) .cont{transition-delay: 0.8s;}
            #aside.on .gnb > li:nth-child(4) .cont{transition-delay: 1s;}

        /* over */
            #aside .gnb > li:hover .cont > a{color: var(--point-color01);}
            #aside .gnb .dep02 > li:hover > a{color: var(--black-color00);}


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

    MAIN | index.html

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

    /* 비주얼 */
        .main_visual {position:relative; height: 980px; overflow: hidden;}
        .main_visual .thumb{display: block;width: 100%;height: 100%;background: var(--black-color00);}
        .main_visual .thumb :where(iframe, video){position: absolute;top:50%;left:50%;translate: -50% -50%;width: 100%;height: 100%;pointer-events: none;}
        .main_visual .txt_wrap{position: absolute;top:24%;left:50%;translate: -50%;font-size: var(--title-20);color: var(--point-white);box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;gap: 15px;letter-spacing: 0;}
        .main_visual .txt_wrap h2{font-size: 400%;font-weight: 600;line-height: 1.2;}
        .main_visual .txt_wrap h2 em{color: var(--trans-color);-webkit-text-stroke: var(--point-white);-webkit-text-stroke-width: 2px;}
        .main_visual .txt_wrap h3{font-size: 270%;font-weight: 600;line-height: 1.3;}
        .main_visual .txt_wrap h6{font-size: 120%;font-weight: 300;line-height: 1.4;letter-spacing: -0.03em;}
        .main_visual .txt_wrap .line:after{display: block;content: '';width: 80px;height: 2px;background: rgba(255,255,255,0.4);margin-block: 58px 33px;}
        .main_visual .scr_dwn{position: absolute;left:50%;bottom:0;translate: -50%;text-align: right;max-width: 1690px;font-size: 0;pointer-events: none;}
        .main_visual .scr_dwn .desc{writing-mode: vertical-lr;display: inline-flex;align-items: center;gap: 20px;text-align: center;font-size: var(--title-20);pointer-events: all;cursor: pointer;letter-spacing: 0;}
        .main_visual .scr_dwn .desc dt{font-size: 80%;font-weight: 500;color: rgba(255,255,255,0.8);}
        .main_visual .scr_dwn .desc dd{position: relative;width: 2px;height: 120px;background: rgba(255,255,255,0.3); overflow: hidden;}
            .main_visual .scr_dwn .desc dd:before{position: absolute; content:''; top:-15%; left:0; width: 100%; height: 15%; background: var(--point-white);}

            .main_visual .scr_dwn .desc dd:before{animation-name: scrDwn; animation-duration:1.5s; animation-iteration-count:infinite; transition-timing-function:linear;}
            @keyframes scrDwn {0% {top:-15%;}100% {top:115%;}}

    /* 공통 */
        .main_cont{position: relative; padding-top: 120px;} 
        .main_title{position: relative;font-size: var(--title-20);box-sizing: border-box;display: flex;justify-content: flex-start;flex-direction: column;gap: 5px;}
            .main_title.cen{align-items: center;text-align: center;}
            .main_title.hd:before{display: block;content:'';width: 1px;height: 100px;background: var(--border-color01);margin: 0 auto 50px;}
        .main_title h2{font-size:350%;font-weight: 700;color: var(--black-color01);line-height: 1.2;letter-spacing: -0.03em;}
        .main_title h3{font-size: 320%;font-weight: 700;color: var(--black-color01);line-height: 1.2;letter-spacing: -0.03em;}
            .main_title h3 + h6{margin-top: 73px;}
        .main_title h4{position: relative;font-size: 250%;font-weight: 500;color: var(--black-color01);}
			.main_title h4 + p{margin-top: 31px;}
        .main_title h5{font-size: 160%;font-weight: 600;color: var(--black-color01);letter-spacing: -0.035em;}
        .main_title h6{font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.73;letter-spacing: -0.03em;}
			.main_title h6 + h2{margin-top: 15px;}
			.main_title h6 + h4{margin-top: 9px;}
            .main_title h6 + h5{margin-top: 28px;}
            .main_title.hd h6{letter-spacing:0;}
        .main_title h6 em{font-weight: 500;color: var(--point-color02);letter-spacing: 0;}
        .main_title h6 big{font-size: 110%;font-weight: 500;}
		.main_title h6 big em{letter-spacing: inherit;}
        .main_title p{font-size: 90%;font-weight: 400;color: var(--black-color05);line-height: 1.78;font-family: var(--font-type02);}
        .plus_box{position: relative;display: block; width: 40px; background: var(--point-color02);box-sizing: border-box;transition: all 0.4s;font-size: var(--title-20);}
        .plus_box em{position: relative;display: flex;width: 100%;aspect-ratio:auto 1;transition: inherit;pointer-events: none;}
            .plus_box em{&:before, &:after{position: absolute;content:'';width: 2px;height: 12px;background: var(--point-white);top: 50%;left: 50%;translate: -50% -50%; transition: inherit;}}
            .plus_box em:after{width: 12px; height: 2px;}
            .plus_box:has(span){width: 54px;}
            .plus_box:has(span) em{width: 54px;}
            .plus_box:has(span) em{&:before, &:after{height: 16px;}}
            .plus_box:has(span) em:after{width: 16px;height: 2px;}
            .plus_box span{position: absolute;top: 50%;left:54px;translate: 0 -50%;width: max-content;display: flex;align-items: center;font-size: 85%;font-weight: 500;letter-spacing: -0.02em; filter: var(--filter-white); clip-path: inset(0);}
            .plus_box span:before{display: inline-flex;content:'Learn more';translate: 0 100%; opacity: 0; transition: all 0.4s; transition-delay: 0.2s;}

            /* over */
                .plus_box:has(span):hover{width: 162px;}
                .plus_box:has(span):hover em{transform: rotate(-180deg);}
                .plus_box:hover span:before{translate: 0; opacity: 1;}

        @media (max-width:1400px){
            .main_title{text-wrap: balance;}
        }

    /* What we stand for */
        .main_what .w_custom{display: flex;padding-block: 114px 130px;}
        .main_what .w_custom:before{position: absolute;content:'';width: calc(100% + 240px);height: 100%;background: var(--point-color03);top: 0;left: 50%;translate: -50%;pointer-events: none;}
        .main_what .main_title{width: 50%; padding-right: 50px;}
        .main_what .main_title h6 big{font-family: var(--font-type02);}
        .main_what .cont{position: relative;width: 50%;box-sizing: border-box;font-size: var(--title-20);padding-top: 52px;}
        .main_what .cont p{font-size: 95%;font-weight: 400;color: var(--black-color05);line-height: 1.84;font-family: var(--font-type02);letter-spacing: -0.03em;}
        .main_what .info_list{position: absolute;left:0;bottom: -190px;display: flex;box-shadow: var(--shadow-01);width: 100%;box-sizing: border-box;}
        .main_what .info_list > li{position: relative;width: calc(100% / 3);box-sizing: border-box;background: var(--point-white);padding: 30px;padding-bottom: 109px; transition: all 0.4s;}
        .main_what .info_list > li:not(:last-child){box-shadow: inset -1px 0 0 var(--border-color01);}
        .main_what .info_list .link{position: absolute; inset: 0; z-index: 5;}
        .main_what .info_list .desc{font-size: var(--title-20); transition: inherit;}
        .main_what .info_list .desc dt{font-size: 0;display: flex;height: 39px;align-items: center;}
            .main_what .info_list .desc dt + dd{margin-top: 19px;}
        .main_what .info_list .desc dd{font-size: 120%;font-weight: 500;color: var(--black-color03);line-height: 1.33;letter-spacing: 0;}
        .main_what .info_list .plus_box{position: absolute; right:30px; bottom:30px;}

        .main_what .info_list > :is(li:hover, li.on){background: var(--point-color02);}
        .main_what .info_list > :is(li:hover, li.on) .desc{filter: var(--filter-white);}
        .main_what .info_list > :is(li:hover, li.on) .plus_box{background: var(--point-white);}
        .main_what .info_list > :is(li:hover, li.on) .plus_box em{&:before, &:after{background: var(--point-color02);}}

    /* Our Solution */
        .main_sol{padding-block: 140px 80px;}
        .main_sol .cont_list{padding-top: 118px;display: flex;flex-direction: column;gap: 160px;counter-reset: item;}
        .main_sol .cont_list > li{position: relative;display: flex;align-items: center;}
        .main_sol .cont_list .thumb{font-size: 0;width: 50%;height: 500px;box-sizing: border-box;}
        .main_sol .cont_list .thumb span{position: relative; display: block;width: calc(100% + 240px);height: 100%;margin-left: -240px; overflow: hidden;}
        .main_sol .cont_list .thumb span{&:before, &:after{position: absolute; content:''; width: 0; height: 120px; background: var(--point-white); top:0; right:0;}}
        .main_sol .cont_list .thumb span:after{inset: auto; left:0; bottom:0;}
        .main_sol .cont_list .aos-animate .thumb span{&:before, &:after{width: 120px; transition: all 1.2s;}}
		.main_sol .cont_list .thumb img{width:100%; height:100%; object-fit:cover;}
        .main_sol .cont_list .main_title{width: 50%; padding-left: 120px;}
		.main_sol .cont_list .main_title h4{letter-spacing: -0.03em;width: fit-content;}
            .main_sol .cont_list .main_title h4:before{position: absolute;content: counter(item, decimal-leading-zero);counter-increment: item;font-size: 150px;font-weight: 700;width: max-content;line-height: 1;bottom: -16px;right: -115px;z-index: -1;color: var(--point-white);-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: var(--border-color03);letter-spacing: -0.03em;}
		.main_sol .cont_list .main_title h6 em{font-weight:600;letter-spacing: inherit;font-family: var(--font-type02);}
        .main_sol .cont_list .plus_box{margin-top: 75px;}

            .main_sol .cont_list > li:nth-child(2n){flex-direction: row-reverse;}
            .main_sol .cont_list > li:nth-child(2n) .thumb span{margin-left: 0;width: calc(100% + 120px);}
            .main_sol .cont_list > li:nth-child(2n) .thumb span:before{display: none;}
            .main_sol .cont_list > li:nth-child(2n) .main_title{padding-left: 0; padding-right: 120px;}

            .main_sol .cont_list > li:nth-child(3n) .thumb span:before{top:auto; bottom:0;}
            .main_sol .cont_list > li:nth-child(3n) .thumb span:after{bottom:auto; top:0;}

    /* News & Notices */
        .main_news .w_custom{max-width: 1670px;}
        .main_news .cont{border-block: 1px solid var(--border-color03);margin-top: 100px;}
        .main_news .cont .w_custom{display: flex;}
        .main_news .tab_list{position: relative;font-size: var(--title-20);padding-top: 60px;width: 330px;padding-right:50px;box-sizing: border-box;display: flex;flex-direction: column;align-items: flex-start;gap: 24px;}
        .main_news .tab_list > li{font-size: inherit; font-weight: 600; color: var(--black-color10); font-family: var(--font-type02); display: flex; align-items: center; gap: 20px; transition: all 0.4s; cursor: pointer;}
            .main_news .tab_list > li:before{display: inline-flex;content:'';width: 40px;height: 1px;background: var(--point-color02);flex-shrink: 0;opacity: 0;transition: inherit;}
            .main_news .tab_list > li.on{color: var(--point-color02);}
            .main_news .tab_list > li.on:before{opacity: 1;}
        .main_news .tab_item{width: calc(100% - 330px);box-sizing: border-box;margin-top: -1px;}
        .main_news .tab_item .box{transition: all 0.4s;}
            .main_news .tab_item .box:not(.on){height: 0; overflow: hidden; opacity: 0;}

        .gall_list{display: flex; flex-wrap: wrap; box-sizing: border-box;}
        .gall_list > li{position: relative;width: calc(100% / 3 + 1px);box-sizing: border-box;font-size: var(--title-20);border:1px solid var(--border-color03);padding: 51px 40px 86px;margin: 0 -1px -1px 0;display: flex;flex-direction: column;gap: 28px;align-items: flex-start;transition: all 0.4s;}
		.gall_list .link{position:absolute;inset: 0;z-index: 5;}
        .gall_list :where(.date, .info){transition: inherit;}
        .gall_list .date :where(dt, dd){color: var(--point-color02);}
        .gall_list .date dt{font-size: 190%;font-weight: 500;line-height: 1.1;}
        .gall_list .date dt + dd{margin-top: 5px;}
        .gall_list .date dd{font-size: 80%;font-weight: 400;}
        .gall_list .thumb{position: relative; font-size: 0; aspect-ratio: auto 1.53; overflow: hidden;}
        .gall_list .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
		.gall_list .info{margin-top:2px;}
        .gall_list .info :where(dt, dd){font-family: var(--font-type02);word-break: break-all;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;letter-spacing: -0.03em;}
        .gall_list .info dt{font-size: 110%;font-weight: 700;color: var(--black-color03);line-height: 1.45;}
            .gall_list .info dt + dd{margin-top: 14px;}
        .gall_list .info dd{font-size: 85%;font-weight: 400;color: var(--black-color06);line-height: 1.65;}

            /* over */
                .gall_list > li:hover{background: var(--point-color02); border-color: var(--point-color02); z-index: 5;}
                .gall_list > li:hover :where(.date, .info){filter: var(--filter-white);}
                .gall_list > li:hover .thumb img{transform: scale(1.05);}

    /* 웨이브 */
        .waveSwiper{position: relative;font-size: var(--title-20);padding-block: 40px 30px;}
        .waveSwiper .swiper-wrapper{transition-timing-function: linear;}
        .waveSwiper .swiper-slide{font-size: 500%; font-weight: 700; line-height: 1.1; color: var(--gray-bg01); width: auto; margin-right: 50px;}

    /* 퀵메뉴 */
        .main_quick{position: fixed;top:50%;right:0;transform: translateY(-50%);font-size: var(--title-20); transition: all 0.4s; display: flex; align-items: flex-start; z-index: 50;}
            .main_quick:has(.toggle_btn.on){right:300px;}
        .main_quick .btn_list > li{width: 60px;}
        .main_quick .btn_list > li.ver_m{display: none;}
        .main_quick .toggle_btn{width: 100%;height:200px;background: var(--point-color01);border-radius: 30px 0 0;padding:30px 0;font-size: 90%;font-weight: 500;color: var(--point-white);display: flex;align-items:flex-end;justify-content: center;position: relative;box-sizing:border-box;}
            .main_quick .toggle_btn span{position: absolute;transform:rotate(-90deg);width:100px;top:74px;left:-20px;}
        .main_quick .scr_top{display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; background: var(--black-color01); font-size: 0;}
        .main_quick .form_wrap{background:#f5f5f5; width: 300px; transition: all 0.4s; box-sizing: border-box; padding:30px; max-height:53vh; overflow: hidden; overflow-y: auto;position: absolute;top:0;right:-300px;}
        .main_quick .form_wrap::-webkit-scrollbar{width:4px;background:#ddd;}
        .main_quick .form_wrap::-webkit-scrollbar-thumb{width:4px;background:var(--point-color01);}
        .main_quick .form_wrap :where(table, tbody, tr, th, td){display: block; width: 100%;}
        .main_quick .form_wrap table{font-size: var(--title-20);}
        .main_quick .form_wrap table th{display: none;}
        .main_quick .form_wrap table td{font-size:80%; font-weight: 400; color: var(--black-color01); padding:5px 0;}
        .main_quick .form_wrap table strong{display: none;}
        .main_quick .form_wrap table :where(input[type="text"], input[type="password"]){width: 100%;height: 40px;padding:0 15px;font-size: inherit;background: var(--point-white);color: inherit;border: 1px solid var(--border-color02);}
        .main_quick .form_wrap table select{width:100%;height:40px;padding-inline: 15px 40px;background-position: calc(100% - 15px) 50%;font-size: inherit;font-weight: inherit;color: inherit;border: 1px solid var(--border-color02);}
        .main_quick .form_wrap table td .policy_cont{display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;padding-bottom:10px;}
        .main_quick .form_wrap table td .policy_cont > div{padding-bottom:0;}

        .main_quick .form_wrap table textarea{width: 100%; resize: none; font-size: inherit; padding:15px; box-sizing: border-box; background: var(--black-color02); color: inherit; border: 0;min-height:120px;}
        .main_quick .form_wrap table td:has(#password){display: none;}
        .main_quick .form_wrap table td .captcha_wrap{display: flex; flex-wrap: wrap; gap: 10px;}
        .main_quick .form_wrap #main-captcha-box{width: 180px;}
        .main_quick .form_wrap #refreshCode{position: relative; width: calc(100% - 190px); font-size: 0; background: var(--point-white); border:1px solid #ccc; cursor: pointer;padding:0;height:40px;box-sizing:border-box;border-radius:4px;}
        .main_quick .form_wrap #refreshCode:before{position: absolute; content:''; width:20px; height: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); background:url('../images/skin/icon_btn_reset.png') no-repeat center; background-size: 100% auto;filter:var(--filter-black);}
        .main_quick .form_wrap input#captcha{margin-top:10px;}
        .main_quick .more_box{justify-content: center;}
        .main_quick .policy_cont > div label{margin:0;font-size:12px;font-weight: 500;}
        .main_quick .policy_cont a{font-size: 12px;font-weight: 400;color: var(--black-color06);padding-top: 3px;}

        .main_quick .btn_send_main{display: flex;align-items: center;justify-content: center;height:50px;width:100%;background: var(--point-color02);font-size: var(--title-20);color:var(--point-white);font-weight: 400;box-sizing: border-box;margin-top: 10px;}
        .main_quick .btn_send_main span{font-size: 75%;}

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
    #footer{position: relative; background: var(--point-color04); padding-block: 80px 97px; box-sizing: border-box;}
    #footer .w_custom{display: flex; max-width: 1680px;}
    #footer .logo{width: 122px; filter: var(--filter-white);}
    #footer .info{width: calc(100% - 122px);padding-left: 100px;display: flex;align-items: flex-start;justify-content: space-between;gap: 30px;box-sizing: border-box;}
    #footer .cont{display: flex;flex-direction: column;gap: 25px;}
    #footer .name_list{display: flex; font-size: var(--title-20); font-family: var(--font-type02);}
    #footer .name_list > li{font-size: 90%; font-weight: 500; color: var(--point-white); line-height: 1.5;}
    #footer .name_list > li:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 12px; background: rgba(255,255,255,0.2); margin-inline:22px;}
    #footer .addr_list{display: flex;flex-direction: column;gap: 6px;align-items: flex-start;}
    #footer .addr_list > li{display: flex;flex-wrap: wrap;gap: 6px 30px;}
    #footer .addr_list .desc{font-size: var(--title-20); display: flex; gap: 20px; font-family: var(--font-type02);}
    #footer .addr_list .desc :where(dt, dd){font-size: 85%;color: rgba(255,255,255,0.6);line-height: 1.6;}
    #footer .addr_list .desc dt{font-weight: 400;flex-shrink: 0;}
    #footer .addr_list .desc dd{font-weight: 200;}
    #footer .copy{display: flex;flex-wrap: wrap;gap: 4px;font-size: var(--title-20);margin-top: 10px;}
    #footer .copy :where(dt, dd){font-size: 75%;font-weight: 300;color:rgba(255,255,255,0.3);letter-spacing: 0.01em;}
    #footer .link_list{display: flex;flex-wrap: wrap;font-size: var(--title-20);}
    #footer .link_list > li{font-size: 85%;font-weight: 400;color: var(--black-color10);display: flex;align-items: center;}
    #footer .link_list > li:not(:last-child):after{display: inline-flex; content: ''; width: 4px; height: 4px; background: rgba(255,255,255,0.2); margin-inline: 20px;}
    #footer .link_list > li strong{font-weight: 300;color: var(--point-white);}