@charset "UTF-8";
/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*그누위즈 reset.css------------------------------------------------------------------------------------------------------------------ */
/*초기화------------------------------------------------------------------------------------------------------------------ */
*{box-sizing: border-box; -webkit-text-size-adjust: none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
*:focus{outline:none; border:none;}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0;font-family:var(--font-type01);word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere;letter-spacing:-0.03em;line-height:1.3;}
ul, ol, dl{list-style:none;}
fieldset{border:none;}
legend{display:none;}
img{border:none;max-width:100%;}
em{font-style:normal;}

body {background:var(--point-white); color:var(--black-color01); font-style:normal; font-size:max(13px, var(--title-15)); font-family:var(--font-type01); line-height: 1.3; letter-spacing:0; word-break: keep-all; text-wrap: pretty; overflow-wrap: anywhere;}

/* 링크 */
a{color:#222;text-decoration:none; }
a:link{ color:#222; text-decoration:none;}
a:visted{ color:#222; text-decoration:none;}
a:active{ color:#222; text-decoration:none;}
a:hover{ text-decoration:none;}

/* 인용구 */
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse;border-spacing: 0;}
blockquote, q{quotes: none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display: block;}

/* custom */
:root{
    --trans-color:transparent;
    --point-white:#fff;
	--point-orange:#f70;
	--point-red:#DF001E;
	--point-red02:#C72A46;
	--point-yellow:#FFD81F;
	--point-yellow02:#FCCC42;
    --point-color01:#00AFB5;
	--point-color02:#FFD81F;
	--point-color03:#FFB62D;
	--point-color04:#D5F8F6;
	--point-color05:#D6EDF8;
    --point-color06:#00BEC4;
	--point-color07:#F3F9FD;
	--point-color08:#F2F9F9;
	--point-color09:#F0F6F6;
	--border-color01:#ddd;
    --border-color02:#ccc;
	--border-color03:#eee;
    --border-color04:#d9d9d9;
    --black-color00:#000;
    --black-color01:#111;
    --black-color02:#222;
    --black-color03:#333;
    --black-color04:#444;
    --black-color05:#555;
    --black-color06:#666;
    --black-color07:#777;
    --black-color08:#888;
    --black-color09:#999;
    --black-color10:#aaa;
	--black-color11:#bbb;
    --black-color12:#3A3938;
    --gray-bg01:#F5F5F5;
    --gray-bg02:#F8F8F8;
    --gray-bg03:#FAFAFA;
	--gray-bg04:#F4F6F9;
    --font-type01:'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --font-type02:'Inter', 'Pretendard', 'Malgun Gothic', '맑은 고딕', dotum, sans-serif;
    --filter-white:brightness(0) invert(1);
    --filter-black:brightness(0);
	--polygon-path01:polygon(calc(50% - 1px) 0, calc(50% - 1px) calc(50% - 1px), 0 calc(50% - 1px), 0 calc(50% + 1px), calc(50% - 1px) calc(50% + 1px), calc(50% - 1px) 100%, calc(50% + 1px) 100%, calc(50% + 1px) calc(50% + 1px), 100% calc(50% + 1px), 100% calc(50% - 1px), calc(50% + 1px) calc(50% - 1px), calc(50% + 1px) 0);
    --radius-130: 130px;
    --radius-80:80px;
    --radius-50:50px;
    --radius-40:40px;
    --radius-30:30px;
    --radius-20:20px;
    --radius-16:16px;
    --radius-15:15px;
    --radius-14:14px;
    --radius-10:10px;
    --radius-06:6px;
    --radius-04:4px;
    --title-20:20px;
    --title-19:19px;
    --title-18:18px;
    --title-17:17px;
    --title-16:16px;
    --title-15:15px;
    --title-14:14px;
}

@media (max-width:1023px){
    :root{
        --title-20:19px;
        --title-19:18px;
        --title-18:17px;
        --title-17:16px;
        --title-16:15px;
        --title-15:14px;
        --title-14:13px;
    }
}
@media (max-width:860px){
    :root{
        --radius-80:70px;
        --radius-50:40px;
        --radius-40:30px;
        --radius-30:20px;
        --radius-20:15px;
        --radius-16:12px;
        --radius-15:11px;
        --radius-14:10px;
        --radius-10:7px;
        --title-20:18px;
        --title-19:17px;
        --title-18:16px;
        --title-17:15px;
        --title-16:14px;
        --title-15:13px;
        --title-14:12px;
    }
}
@media (max-width:640px){
    :root{
        --shadow-01: 5px 5px 10px rgba(0, 0, 0, 0.15);
        --shadow-02: 5px 5px 5px rgba(0, 0, 0, 0.15);
        --shadow-03: 10px 4px 15px rgba(0, 17, 48, 0.15);
        --shadow-04: 10px 4px 15px rgba(88, 181, 48, 0.15);
        --shadow-05: 10px 4px 15px rgba(235, 97, 29, 0.15);
        --shadow-06: 4px 4px 9px rgba(0, 0, 0, 0.15);
        --radius-130: 100px;
        --radius-80:40px;
        --radius-50:25px;
        --radius-40:20px;
        --radius-30:15px;
        --radius-20:10px;
        --radius-16:8px;
        --radius-15:7.5px;
        --radius-14:7px;
        --radius-10:5px;
        --radius-06:3px;
        --radius-04:2px;
		--title-90:9vw;
        --title-20:17px;
        --title-19:16px;
        --title-18:15px;
        --title-17:14px;
        --title-16:13px;
        --title-15:12px;
    }
}
@media (max-width:479px){
    :root{
        --title-20:16px;
        --title-19:15px;
        --title-18:14px;
        --title-17:13px;
    }
}



/*추가------------------------------------------------------------------------------------------------------------------ */
.gw-mob{display:none;}

/* 너비 */
.gw-w-0 {width: 0% !important;}
.gw-w-5 {width: 5% !important;}
.gw-w-10 {width: 10% !important;}
.gw-w-15 {width: 15% !important;}
.gw-w-20 {width: 20% !important;}
.gw-w-25 {width: 25% !important;}
.gw-w-30 {width: 30% !important;}
.gw-w-35 {width: 35% !important;}
.gw-w-40 {width: 40% !important;}
.gw-w-45 {width: 45% !important;}
.gw-w-50 {width: 50% !important;}
.gw-w-55 {width: 55% !important;}
.gw-w-60 {width: 60% !important;}
.gw-w-65 {width: 65% !important;}
.gw-w-70 {width: 70% !important;}
.gw-w-75 {width: 75% !important;}
.gw-w-80 {width: 80% !important;}
.gw-w-85 {width: 85% !important;}
.gw-w-90 {width: 90% !important;}
.gw-w-95 {width: 95% !important;}
.gw-w-100 {width: 100% !important;}


/* 높이 */
.gw-h-1 {height:1px !important;}
.gw-h-2 {height:2px !important;}
.gw-h-3 {height:3px !important;}
.gw-h-4 {height:4px !important;}
.gw-h-5 {height:5px !important;}
.gw-h-6 {height:6px !important;}
.gw-h-7 {height:7px !important;}
.gw-h-8 {height:8px !important;}
.gw-h-9 {height:9px !important;}
.gw-h-10 {height:10px !important;}
.gw-h-15 {height:15px !important;}
.gw-h-20 {height:20px !important;}
.gw-h-30 {height:30px !important;}
.gw-h-40 {height:40px !important;}
.gw-h-50 {height:50px !important;}
.gw-h-60 {height:60px !important;}
.gw-h-70 {height:70px !important;}
.gw-h-80 {height:80px !important;}
.gw-h-90 {height:90px !important;}
.gw-h-100 {height:100px !important;}


/* 폰트 사이즈 */
.gw-font-8 {font-size:8px !important;}
.gw-font-9 {font-size:9px !important;}
.gw-font-10 {font-size:10px !important;}
.gw-font-11 {font-size:11px !important;}
.gw-font-12 {font-size:12px !important;}
.gw-font-14 {font-size:14px !important;}
.gw-font-15 {font-size:15px !important;}
.gw-font-16 {font-size:16px !important;}
.gw-font-17 {font-size:17px !important;}
.gw-font-18 {font-size:18px !important;}
.gw-font-19 {font-size:19px !important;}
.gw-font-20 {font-size:20px !important;}
.gw-font-22 {font-size:22px !important;}
.gw-font-24 {font-size:24px !important;}
.gw-font-26 {font-size:26px !important;}
.gw-font-28 {font-size:28px !important;}
.gw-font-30 {font-size:30px !important;}
.gw-font-36 {font-size:36px !important;}
.gw-font-40 {font-size:40px !important;}
.gw-font-45 {font-size:45px !important;}
.gw-font-50 {font-size:50px !important;}


/* 폰트 두께 */
.gw-weight01{font-weight:100 !important;}
.gw-weight02{font-weight:200 !important;}
.gw-weight03{font-weight:300 !important;}
.gw-weight04{font-weight:400 !important;}
.gw-weight05{font-weight:500 !important;}
.gw-weight06{font-weight:600 !important;}
.gw-weight07{font-weight:700 !important;}
.gw-weight08{font-weight:800 !important;}
.gw-weight09{font-weight:900 !important;}

/* 줄바꿈 */
.gw-br-1280{display:none;}
.gw-br-1024{display:none;}
.gw-br-768{display:none;}
.gw-br-480{display:none;}
.gw-br-375{display:none;}
.gw-br-320{display:none;}

/* 마진 */
.gw-mt-3 {margin-top: 3px !important;}
.gw-mt-5 {margin-top: 5px !important;}
.gw-mt-10 {margin-top: 10px !important;}
.gw-mt-12 {margin-top: 12px !important;}
.gw-mt-15 {margin-top: 15px !important;}
.gw-mt-20 {margin-top: 20px !important;}
.gw-mt-25 {margin-top: 25px !important;}
.gw-mt-30 {margin-top: 30px !important;}
.gw-mt-32 {margin-top: 32px !important;}
.gw-mt-35 {margin-top: 35px !important;}
.gw-mt-40 {margin-top: 40px !important;}
.gw-mt-45 {margin-top: 45px !important;}
.gw-mt-50 {margin-top: 50px !important;}
.gw-mt-55 {margin-top: 55px !important;}
.gw-mt-60 {margin-top: 60px !important;}
.gw-mt-65 {margin-top: 65px !important;}
.gw-mt-70 {margin-top: 70px !important;}
.gw-mt-75 {margin-top: 75px !important;}
.gw-mt-80 {margin-top: 80px !important;}
.gw-mt-85 {margin-top: 85px !important;}
.gw-mt-90 {margin-top: 90px !important;}
.gw-mt-95 {margin-top: 95px !important;}
.gw-mt-100 {margin-top: 100px !important;}
.gw-mt-110 {margin-top: 110px !important;}
.gw-mt-120 {margin-top: 120px !important;}
.gw-mt-130 {margin-top: 130px !important;}
.gw-mt-140 {margin-top: 140px !important;}
.gw-mt-150 {margin-top: 150px !important;}


.gw-mb-3 {margin-bottom: 3px !important;}
.gw-mb-5 {margin-bottom: 5px !important;}
.gw-mb-10 {margin-bottom: 10px !important;}
.gw-mb-15 {margin-bottom: 15px !important;}
.gw-mb-20 {margin-bottom: 20px !important;;}
.gw-mb-25 {margin-bottom: 25px !important;}
.gw-mb-30 {margin-bottom: 30px !important;}
.gw-mb-32 {margin-bottom: 32px !important;}
.gw-mb-35 {margin-bottom: 35px !important;}
.gw-mb-40 {margin-bottom: 40px !important;}
.gw-mb-45 {margin-bottom: 45px !important;}
.gw-mb-50 {margin-bottom: 50px !important;}
.gw-mb-55 {margin-bottom: 55px !important;}
.gw-mb-60 {margin-bottom: 60px !important;}
.gw-mb-65 {margin-bottom: 65px !important;}
.gw-mb-70 {margin-bottom: 70px !important;}
.gw-mb-75 {margin-bottom: 75px !important;}
.gw-mb-80 {margin-bottom: 80px !important;}
.gw-mb-85 {margin-bottom: 85px !important;}
.gw-mb-90 {margin-bottom: 90px !important;}
.gw-mb-95 {margin-bottom: 95px !important;}
.gw-mb-100 {margin-bottom: 100px !important;}
.gw-mb-110 {margin-bottom: 110px !important;}
.gw-mb-120 {margin-bottom: 120px !important;}
.gw-mb-130 {margin-bottom: 130px !important;}
.gw-mb-140 {margin-bottom: 140px !important;}
.gw-mb-150 {margin-bottom: 150px !important;}

/* 패딩 */
.gw-pt-0 {padding-top: 0px !important;}
.gw-pt-3 {padding-top: 3px !important;}
.gw-pt-5 {padding-top: 5px !important;}
.gw-pt-10 {padding-top: 10px !important;}
.gw-pt-15 {padding-top: 15px !important;}
.gw-pt-20 {padding-top: 20px !important;}
.gw-pt-25 {padding-top: 25px !important;}
.gw-pt-30 {padding-top: 30px !important;}
.gw-pt-32 {padding-top: 32px !important;}
.gw-pt-35 {padding-top: 35px !important;}
.gw-pt-40 {padding-top: 40px !important;}
.gw-pt-45 {padding-top: 45px !important;}
.gw-pt-50 {padding-top: 50px !important;}
.gw-pt-55 {padding-top: 55px !important;}
.gw-pt-60 {padding-top: 60px !important;}
.gw-pt-65 {padding-top: 65px !important;}
.gw-pt-70 {padding-top: 70px !important;}
.gw-pt-75 {padding-top: 75px !important;}
.gw-pt-80 {padding-top: 80px !important;}
.gw-pt-85 {padding-top: 85px !important;}
.gw-pt-90 {padding-top: 90px !important;}
.gw-pt-95 {padding-top: 95px !important;}
.gw-pt-100 {padding-top: 100px !important;}
.gw-pt-110 {padding-top: 110px !important;}
.gw-pt-120 {padding-top: 120px !important;}
.gw-pt-130 {padding-top: 130px !important;}
.gw-pt-140 {padding-top: 140px !important;}
.gw-pt-150 {padding-top: 150px !important;}

.gw-pb-0 {padding-bottom: 0px !important;}
.gw-pb-3 {padding-bottom: 3px !important;}
.gw-pb-5 {padding-bottom: 5px !important;}
.gw-pb-10 {padding-bottom: 10px !important;}
.gw-pb-15 {padding-bottom: 15px !important;}
.gw-pb-20 {padding-bottom: 20px !important;}
.gw-pb-25 {padding-bottom: 25px !important;}
.gw-pb-30 {padding-bottom: 30px !important;}
.gw-pb-32 {padding-bottom: 32px !important;}
.gw-pb-35 {padding-bottom: 35px !important;}
.gw-pb-40 {padding-bottom: 40px !important;}
.gw-pb-45 {padding-bottom: 45px !important;}
.gw-pb-50 {padding-bottom: 50px !important;}
.gw-pb-55 {padding-bottom: 55px !important;}
.gw-pb-60 {padding-bottom: 60px !important;}
.gw-pb-65 {padding-bottom: 65px !important;}
.gw-pb-70 {padding-bottom: 70px !important;}
.gw-pb-75 {padding-bottom: 75px !important;}
.gw-pb-80 {padding-bottom: 80px !important;}
.gw-pb-85 {padding-bottom: 85px !important;}
.gw-pb-90 {padding-bottom: 90px !important;}
.gw-pb-95 {padding-bottom: 95px !important;}
.gw-pb-100 {padding-bottom: 100px !important;}
.gw-pb-110 {padding-bottom: 110px !important;}
.gw-pb-120 {padding-bottom: 120px !important;}
.gw-pb-130 {padding-bottom: 130px !important;}
.gw-pb-140 {padding-bottom: 140px !important;}
.gw-pb-150 {padding-bottom: 150px !important;}


/* 텍스트 정렬 */
.gw-TL{text-align:left !important;}
.gw-TC{text-align:center !important;}
.gw-TR{text-align:right !important;}


/* 색상 */
.gw-color-fff {color:#fff !important;}
.gw-color-ddd {color:#ddd !important;}
.gw-color-eee {color:#eee !important;}
.gw-color-bbb {color:#bbb !important;}
.gw-color-000 {color:#000 !important;}
.gw-color-999 {color:#999 !important;}
.gw-color-888 {color:#888 !important;}
.gw-color-777 {color:#777 !important;}
.gw-color-666 {color:#666 !important;}
.gw-color-555 {color:#555 !important;}
.gw-color-444 {color:#444 !important;}
.gw-color-333 {color:#333 !important;}
.gw-color-222 {color:#222 !important;}
.gw-color-111 {color:#111 !important;}


/* 배치와 관련된 속성 클래스로 정의 */
.none{display:none;}
.gw-flex{display: flex;align-items: center;}
.gw-flex-btw {display:flex;justify-content:space-between;align-items: center;}
.gw-flex-cnt {display:flex; justify-content:center;}
.gw-column {display: flex;flex-direction: column;}
.gw-row {display: flex;flex-flow: row;flex-wrap: wrap;}
.gw-rel{position: relative;}
.gw-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.gw-row-center{position:absolute;left:50%;transform:translateX(-50%);}
.gw-column-center{position:absolute;top:50%;transform:translateY(-50%);}
.gw-gap-03{gap: 3px;}
.gw-gap-05{gap: 5px;}
.gw-gap-10{gap: 10px;}
.gw-gap-15{gap: 15px;}
.gw-gap-20{gap: 20px;}

/*input------------------------------------------------------------------------------------------------------------------ */
select{border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none; /* 화살표 없애기 공통*/}
select::-ms-expand{display:none; /* 화살표 없애기 for IE10, 11*/ }
input{all:unset;-webkit-appearance: none;margin:0; outline:none; }
input:focus{outline:none; }
textarea{vertical-align:middle; background:#fff;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; }
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}

/* 테이블 */
table{width:100%;}
table { border-collapse:unset; border-spacing:0; width:100%;table-layout:fixed;}
th {vertical-align:middle;}
th, td { border-collapse:collapse; }
legend, hr { display:none; }
caption{text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0; }


@media screen and (max-width:1024px) {
    .gw-mt-60{margin-top:30px !important;}
}

@media screen and (max-width:768px){
    .gw-pt-150 {padding-top: 75px !important;}
    .gw-mb-30{margin-bottom:15px !important}
    .gw-mb-50{margin-bottom:30px !important;}

    /* 폰트 사이즈 */
    .gw-font-30{font-size:18px !important}
}

@media screen and (max-width:576px){
    .gw-pt-20 {padding-top: 10px !important;}
    .gw-pt-80{padding-top: 50px !important;}
    .gw-pb-20 {padding-bottom: 10px !important;}
    .gw-pb-80{padding-bottom: 50px !important;}

    .gw-mb-20 {margin-bottom:10px !important}
    .gw-mb-40 {margin-bottom:20px !important}
    .gw-mb-80 {margin-bottom: 50px !important;}

    .gw-font-18{font-size:16px !important}
    .gw-font-20 {font-size:17px !important;}
    .gw-font-36{font-size: 21px !important;}

    /*너비*/
    .gw-w-5 {width: 100% !important;}
    .gw-w-10 {width: 100% !important;}
    .gw-w-15 {width: 100% !important;}
    .gw-w-20 {width: 100% !important;}
    .gw-w-25 {width: 100% !important;}
    .gw-w-30 {width: 100% !important;}
    .gw-w-35 {width: 100% !important;}
    .gw-w-40 {width: 100% !important;}
    .gw-w-45 {width: 100% !important;}
    .gw-w-50 {width: 100% !important;}
    .gw-w-55 {width: 100% !important;}
    .gw-w-60 {width: 100% !important;}
    .gw-w-65 {width: 100% !important;}
    .gw-w-70 {width: 100% !important;}
    .gw-w-75 {width: 100% !important;}
    .gw-w-80 {width: 100% !important;}
    .gw-w-85 {width: 100% !important;}
    .gw-w-90 {width: 100% !important;}
    .gw-w-95 {width: 100% !important;}


}


/*그누위즈 reset.css------------------------------------------------------------------------------------------------------------------ */