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

/*초기화------------------------------------------------------------------------------------------------------------------ */
*{box-sizing: border-box; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
*: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;}
ul, ol, dl{list-style:none;}
fieldset{border:none;}
legend{display:none;}
img{border:none;}


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

/* 인용구 */
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;}


/*추가------------------------------------------------------------------------------------------------------------------ */

/* 모바일 */
.gw-mob{display:none !important;}

/* 스크롤 위치값 */
.posNum {position: fixed;left: 50%;top: 50%;width: 300px;height: 50px;margin: -25px 0 0 -150px;background: rgba(0,0,0,0.6);color: #fff;font-size: 20px;font-weight: bold;text-align: center;line-height: 50px;z-index: 9999;}


/* 타이틀 */
:root{--gw-main-title01:3rem !important;--gw-main-title02:2.5rem !important;--gw-main-title03:2rem !important;--gw-main-title04:1.5rem !important;}


/* 텍스트 */
.gw-fs6{font-size:6rem !important;}
.gw-fs45{font-size:4.5rem !important;}
.gw-fs1875{font-size:1.875rem !important;}
.gw-fs15{font-size:1.5rem !important;}
.gw-fs125{font-size:1.25rem !important;}
.gw-fs1125{font-size:1.125rem !important;}
.gw-fs1{font-size:1rem !important;}
.gw-fs09{font-size:0.9rem !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-mb20{margin-bottom: 20rem !important;}
.gw-mb150{margin-bottom: 15rem !important;}
.gw-mb10{margin-bottom: 10rem !important;}
.gw-mb13{margin-bottom: 8rem !important;}
.gw-mb625{margin-bottom: 6.25rem !important;}
.gw-mb5{margin-bottom: 4rem !important;}
.gw-mb35{margin-bottom: 3.5rem !important;}
.gw-mb15{margin-bottom: 1.5625rem !important;}
.gw-mb125{margin-bottom: 1.25rem !important;}
.gw-mb05{margin-bottom: 0.5rem !important;}
.gw-mb0{margin-bottom: 0rem !important;}
.gw-mt05{margin-top: 0.5rem !important;}
.gw-mt15{margin-top: 1.5625rem !important;}
.gw-mt625{margin-top: 6.25rem !important;}
.gw-ml15{margin-left:1.5rem;}
.gw-ml05{margin-left:0.5rem;}
.gw-ml025{margin-left:0.25rem;}
.gw-ml0{margin-right:0 !important;}
.gw-mr05{margin-right:0.5rem;}
.gw-mr1{margin-right:1rem;}


/* 패딩 */
.gw-pd0{padding:0rem !important;}
.gw-pt0{padding-top:0rem !important;}
.gw-pt5{padding-top:5rem !important;}
.gw-pt15{padding-top:1.5rem !important;}
.gw-pt8{padding-top: 8rem !important;}
.gw-pt75{padding-top:7.5rem !important;}
.gw-pt35{padding-top:3.5rem !important;}
.gw-pt125{padding-top: 1.25rem !important;}
.gw-pt150{padding-top:1.5rem !important;}
.gw-pb15{padding-bottom: 15rem !important;}
.gw-pb8{padding-bottom: 8rem !important;}
.gw-pb5{padding-bottom: 5rem !important;}
.gw-pb375{padding-bottom: 3.75rem !important;}
.gw-pb35{padding-bottom:3.5rem !important;}
.gw-pb150{padding-bottom: 1.5rem !important;}
.gw-pb125{padding-bottom: 1.25rem !important;}
.gw-pr3{padding-right:3rem !important;}


/* 여백 */
:root{--gw-gutter-x:1rem;--gw-gutter-y:0;}

/* 줄바꿈 */
.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-TL{text-align:left !important;}
.gw-TC{text-align:center !important;}
.gw-TR{text-align:right !important;}

/* 행간 */
.gw-lh-17{line-height:1.7;}


/* 색상 */
:root{--gw-000:#000 !important; --gw-999:#999 !important; --gw-fff:#fff !important; --gw-666:#666 !important; --gw-color01:#e1e5f9 !important;--gw-color02:#F8f8f8 !important;}


.gw-color-fff {color:#fff !important;}
.gw-color-ddd {color:#ddd !important;}
.gw-color-eee {color:#eee !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;}




/* 배경 */
:root{--gw-main-color:#1454ff !important;--gw-sub-color:rgba(237,240,253,0.8) !important;--gw-sub-color01:#343644 !important;--gw-sub-color02:#6148FE !important;--gw-sub-color03:#00e0f1!important; --gw-sub-color04:#00F0AA!important;}
.gw-main-color{color:#1454ff !important;}


/*공통-----------------------------------------------------------------------------------------------------------------*/
.gw-col-1{width:100% !important;}
.gw-col-2{width:calc(50% - 0.5rem) !important;}
.gw-col-3{width:33.3% !important;}
.gw-col-4{width:25% !important;}
.gw-col-5{width:20% !important;}
.gw-col-6{width:16.6% !important;}

/* 배치와 관련된 속성 클래스로 정의 */
.none{display:none;}
.block{display:block;}
.gw-flex{display:flex;}
.gw-flex-btw {display:flex !important;justify-content:space-between;align-items:center;}
.gw-flex-cnt {display:flex !important;justify-content:center;}
.gw-column {display: flex;flex-direction: column;}
.gw-row {display: flex;flex-flow: row;flex-wrap: wrap;}
.row {height:100%;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--gw-gutter-y));margin-right: calc(-.5 * var(--gw-gutter-x));margin-left: calc(-.5 * var(--gw-gutter-x));}
.row>* {box-sizing: border-box;flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--gw-gutter-x) * .5);padding-left: calc(var(--gw-gutter-x) * .5);margin-top: var(--gw-gutter-y);}

/* 플렉스와 관련된 속성 클래스로 정의 */
.gw-flex-grow-1{flex-grow:1;}
.gw-gap-05{gap:0.5rem;}
.gw-gap-1{gap:1rem;}
.gw-gap-15{gap:1.5rem;}
.gw-gap-2{gap:2rem;}
.gw-gap-3{gap:3rem;}
.gw-align-center{align-items: center;}

/* 포지션과 관련된 속성 클래스로 정의 */
.gw-rel{position:relative;}
.gw-center{position:absolute;left:50% !important;top:50% !important;transform:translate(-50%,-50%);}
.gw-row-center{position:absolute;left:50% !important;transform:translateX(-50%) !important;}
.gw-column-center{position:absolute;top:50%;transform:translateY(-50%);}



/*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{-webkit-appearance: none;border:1px solid #ccc; border-radius:0; padding:0.5rem 0.8rem; margin:0; outline:none; font-family:"NotoKr_R"; font-size:1.15rem;transition:0.3s;}
input::placeholder{opacity:1; color:#ccc; font-family:"NotoKr_L";transition:0.3s;}
input:focus{outline:none; border:1px solid #000;}
textarea{vertical-align:middle; background:#fff; font-family:"NotoKr_R",sans-serif;border-radius:0}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap; font-family:"NotoKr_R", sans-serif;}
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;}

.gw-input-wrap{position: relative;} 
:where(.gw-input-wrap) .input::placeholder{color:var(--sub-color01); opacity:1; font-size:1rem; font-family:"NotoKr_R";}

/*input - text*/
input[type="text"]{width: 100%; height:3.25rem;box-sizing: border-box;background:#FDFDFD;color: var(--gw-666);}
:where(.gw-input-wrap) input{border: 1px solid #ddd; padding: 0.5rem; transition: 0.4s;font-size:1rem;}
:where(.gw-input-wrap) input ~ .focus-border:before,
:where(.gw-input-wrap) input ~ .focus-border:after{content: ""; position: absolute; top: 0; right: 0; width: 0; height: 2px; background: #000; transition: 0.2s; transition-delay: 0.2s;}
:where(.gw-input-wrap) input ~ .focus-border:after{top: auto; bottom: 0; right: auto; left: 0; transition-delay: 0.6s;}
:where(.gw-input-wrap) input ~ .focus-border i:before,
:where(.gw-input-wrap) input ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; background: #000; transition: 0.2s;}
:where(.gw-input-wrap) input ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0; transition-delay: 0.4s;}
:where(.gw-input-wrap) input:focus ~ .focus-border:before,
:where(.gw-input-wrap) input:focus ~ .focus-border:after{width: 100%; transition: 0.2s; transition-delay: 0.6s;}
:where(.gw-input-wrap) input:focus ~ .focus-border:after{transition-delay: 0.2s;}
:where(.gw-input-wrap) input:focus ~ .focus-border i:before,
:where(.gw-input-wrap) input:focus ~ .focus-border i:after{height: 100%; transition: 0.2s;}
:where(.gw-input-wrap) input:focus ~ .focus-border i:after{transition-delay: 0.4s;}



/*input  - password*/
input[type="password"]{width: 100%;height:3.25rem;color: var(--gw-666);} 

/*input - radio*/
:where(.gw-input-wrap) .label {margin:0.5rem;display: inline-block;font-size: 1rem;color: #333;position: relative;outline: none;}
:where(.gw-input-wrap) .label:hover {cursor: pointer;}
input[type="radio"].radio {opacity: 0;position: absolute;}
input[type="radio"] + .label:before {content: '';background: #fff;border-radius: 100%;border: 1px solid #666;display: inline-block;width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;vertical-align:middle ;cursor: pointer;text-align: center;}
input[type="radio"]:checked + .label:before {background: #6A82EE;box-shadow: inset 0 0 0 4px #fff;border: 1px solid #6A82EE;}
input[type="radio"]:focus + .label:before {outline: none;}
input[type="radio"] + .label:empty:before {margin-right: 0;}

/*input - checkbox*/
:where(.gw-input-wrap) .check-label{display: inline-block;font-size: 1rem;color: #333;position: relative;outline: none;}
:where(.gw-input-wrap) .check-label:hover {cursor: pointer;}
input[type="checkbox"].checkbox {opacity: 0;position: absolute;}
input[type="checkbox"] + .check-label:before {content: '';background: #fff;border-radius: 0;border: 1px solid #ddd;display: inline-block;width: 1.5rem;height: 1.5rem;margin-right: 0.5rem;vertical-align:middle ;cursor: pointer;text-align: center;}
input[type="checkbox"]:checked + .check-label:before{ content: "\e928"; font-family: "xeicon";border: 1px solid #000;font-weight: 600;font-size:1rem;line-height:1.5rem;color:var(--gw-000);}
input[type="checkbox"]:focus + .check-label:before{outline: none;}
input[type="checkbox"] + .check-label:empty:before {margin-right: 0;}



/*input - select*/
:where(.gw-input-wrap) select{width:100%;height:3.25rem;padding:0.8rem; font-size:1.125rem; font-family:"NotoKr_R"; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;border: 1px solid #ddd;background: #FDFDFD;color:var(--gw-666);}
:where(.gw-input-wrap) select:focus {border: 1px solid #ddd;}

/*input - date */
input[type="date"]{all:unset;width: 40%;height:3.25rem;box-sizing: border-box;background:transparent;color: var(--gw-666);line-height: 3.25rem;align-items: center;}


/* 필수입력 */

/* 테이블 */
table{width:100%;}
table th,table td{padding:1.2rem;position:relative;}
table th{background:#F9FAFB;}

/* 테이블 항목별 정의 */

/* 탭메뉴 */
.gw-tabmenu-wrap{text-align: center;}
:where(.gw-tabmenu-wrap) .tab-nav{margin-bottom:3rem;width:100%;}
:where(.gw-tabmenu-wrap > ul) .nav {position:relative;display: inline-block;margin:0.5rem;}
:where(.gw-tabmenu-wrap > ul) .nav:first-child:before {display:none;}
:where(.gw-tabmenu-wrap > ul) .nav a {width: 100%;padding: 1rem;border:2px solid #ddd;border-radius:50px;color:#666666;display: block; -webkit-transition: background 300ms;transition:background 300ms;border:1px solid #ddd;font-size:1.125rem;transition:0.3s;}
:where(.gw-tabmenu-wrap > ul) .nav.on { border-color:#6A82EE;}
:where(.gw-tabmenu-wrap > ul) .nav.on:before{display:none;}
:where(.gw-tabmenu-wrap > ul) .nav.on a {border:2px solid #009de5;color:#ffffff;background:#009de5;font-family:'NotoKr_B' , sans-serif;}
:where(.gw-tabmenu-wrap > ul) .nav a:hover{color:#009de5;}
:where(.gw-tabmenu-wrap > ul) .nav.on a:hover{background: rgba(0,157,229,0.05);color: #009de5;}

/* 리스트 */
:where(.gw-list01) li{position:relative;width:100%; height:auto; line-height:1.5; padding-left:1rem; font-size:1rem;}
:where(.gw-list01) li > span{position: relative;}
:where(.gw-list01) li > span:before{content:"";display:block;position:absolute;top:0.5rem;left: -0.5rem;width:0.25rem;height: 0.25rem;background:#666;border-radius: 100%;}
:where(.gw-list01) .display-none{padding-left:0;}
:where(.gw-list01) .display-none:before{display:none;}

/* 스크롤바 */
.gw-scrollbar {width: 100%;height: 100%;overflow-y: scroll;}
.gw-scrollbar::-webkit-scrollbar {width: 0.5rem;}
.gw-scrollbar::-webkit-scrollbar-thumb {height: 10%;background: rgba(0,0,0,0.4); border-radius: 3rem;}
.gw-scrollbar::-webkit-scrollbar-track {background: rgba(0,0,0,0.15);border-radius: 3rem;}


/* 기타 */
.dot {width: 0.35rem;height: 0.35rem;background: #D3D3D3;display: inline-block;border-radius: 50%;margin: 0 0.35rem;vertical-align: middle;transition: all .3s;}
.num {width: 2rem;height: 2rem;background: var(--gw-main-color);color: #fff;border-radius: 50%;line-height: 2rem;margin-right: 0.5rem;text-align: center;font-size: 1rem;font-family: 'Pretendard', sans-serif;}
.essential{position:relative;}
.essential:before {content: "";width: 0.4rem;height: 0.4rem;border-radius: 100%;background: #0000FF;position: absolute;top: 0.25rem;right: -0.5rem;}
/*반응형-----------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1024px)  {
    .gw-pc{display:none;}
    .gw-mob{display: block !important;}
}

@media screen and (max-width: 768px) {
    /* 타이틀 */
    :root{--gw-main-title01: 8vw !important;}

    /* 폰트 */
    .gw-fs6{font-size:11vw !important}
    .gw-fs45{font-size:9vw !important}
    .gw-fs1875{font-size:1.875rem !important;}
    .gw-fs1875{font-size:1.5rem !important;}
    .gw-fs15{font-size:1.25rem !important;}
    .gw-fs125{font-size:1.125rem !important;}
    .gw-fs1125{font-size:1rem !important;}

     /* 패딩 */
    .gw-pb15{padding-bottom: 7.5rem !important;}

    /* 마진 */
    .gw-mt15{margin-top: 1.25rem !important;}
    .gw-mb150{margin-bottom: 6.25rem !important;}
    .gw-mb13{margin-bottom: 6.25rem !important;}
    .gw-mb5{margin-bottom: 3.5rem !important;}
    .gw-mb35{margin-bottom: 1.5625rem !important;}
    .gw-mb15{margin-bottom: 1.25rem !important;}
    .gw-mb125{margin-bottom: 0.5rem !important;}

    /*sec04*/
    #gw-sec04.gw-pb15{padding-bottom:2rem !important}
}


@media screen and (max-width: 501px) {
    [class*="btn"]{width:100%;transition: none;}
}


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