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

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

******************************************************************/

/*그누위즈 gw.css------------------------------------------------------------------------------------------------------------------ */
html{overflow-x:hidden;}
html, body {margin: 0;padding: 0;font-family:"Pretendard_R", sans-serif;color: #111;font-size: 16px;overflow-x: hidden;}
html.on,body.on{overflow-y:hidden;}
html.on02,body.on02{overflow-y:hidden;}
h1, h2, h3, h4, h5, h6 {font-family: "Pretendard_B", sans-serif;font-weight: 700;letter-spacing:-0.75px;}
.container {width:1400px; margin: 0 auto;}
#darkModeToggle{display: none;}


/*다크모드------------------------------------------------------------------------------------------------------------------ */
body {transition: all 0.5s;}
body.dark-mode {background: #111;}
body.dark-mode #container_wr{background: #111;}



/*font------------------------------------------------------------------------------------------------------------------ */
.Neon_R{ font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 300;}
.Neon_M{ font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 400;}
.Neon_B{ font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 700;}

.Pretendard_BL{font-family: 'Pretendard_BL', sans-serif;}
.Pretendard_EB{font-family: 'Pretendard_EB', sans-serif;}
.Pretendard_B{font-family: 'Pretendard_B', sans-serif;}
.Pretendard_SB{font-family: 'Pretendard_SB', sans-serif;}
.Pretendard_M{font-family: 'Pretendard_M', sans-serif;}
.Pretendard_R{font-family: 'Pretendard_R', sans-serif;}
.Pretendard_L{font-family: 'Pretendard_L', sans-serif;}
.Pretendard_EL{font-family: 'Pretendard_EL', sans-serif;}
.Pretendard_T{font-family: 'Pretendard_T', sans-serif;}

.Poppins_BL{font-family: 'Poppins_BL', sans-serif;}
.Poppins_EB{font-family: 'Poppins_EB', sans-serif;}
.Poppins_B{font-family: 'Poppins_B', sans-serif;}
.Poppins_SB{font-family: 'Poppins_SB', sans-serif;}
.Poppins_M{font-family: 'Poppins_M', sans-serif;}
.Poppins_R{font-family: 'Poppins_R', sans-serif;}
.Poppins_L{font-family: 'Poppins_L', sans-serif;}
.Poppins_EL{font-family: 'Poppins_L', sans-serif;}
.Poppins_T{font-family: 'Poppins_L', sans-serif;}


/*폰트사이즈------------------------------------------------------------------------------------------------------------------ */
:root{--main-title01:40px;--main-title02:32px;--main-title03:26px;--main-title04:20px;--main-text01:18px;}

/*색상------------------------------------------------------------------------------------------------------------------ */
/*:root{--main-color:#1A4399;}*/
/*.main-color{--main-color:#1A4399 !important;}*/


/*배경------------------------------------------------------------------------------------------------------------------ */
:root{--bg01:#222;}
.gw-bg-fff{background: #fff;}
.gw-bg-f8{background: #f8f8f8;}


/*input-----------------------------------------------------------------------------------------------------------------*/
input::placeholder{opacity:1; color: #666; transition:0.3s;}
input:focus{border:1px solid #000;}
textarea{font-family:"Pretendard_R",sans-serif;border-radius:0}
button{ overflow:visible; white-space: nowrap; font-family:"Pretendard_R", sans-serif;}


/*input - text*/
input[type="text"]{all:unset;box-shadow:none;border: 1px solid #eaeaea;border-radius:10px;padding:12px 17px; width: 100%;height: 55px;font-family:"Pretendard_R";transition:0.3s;box-sizing: border-box;background:#f7f7f7;color:#888;}
input[type="text"]:focus {border-color: #000;}

/*input  - password*/
input[type="password"]{all:unset;box-shadow:none;background:#f7f7f7;color:#888;border: 1px solid #ddd;border-radius:10px;padding:12px 17px; width: 100%;height: 55px;font-family:"Pretendard_R";transition:0.3s;box-sizing: border-box;}
input[type="password"]:focus {border-color: #000;}

/*input - radio*/
.radio-box {display: flex;align-items: center;}
input[type="radio"].radio {opacity: 0;position: absolute;}
.radio-label{color: #666;}
input[type="radio"] + .radio-label:before {content: '';background: #fff;border-radius: 100%;border: 2px 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="radio"]:checked + .radio-label:before {box-shadow: inset 0 0 0 4px #fff;border: 8px solid var(--main-color);}
input[type="radio"]:focus + .radio-label:before {outline: none;}
input[type="radio"] + .radio-label:empty:before {margin-right: 0;}

/*input - checkbox*/
input[type="checkbox"].checkbox {opacity: 0;position: absolute;}
input[type="checkbox"] + .check-label{display:inline-block;color: #666;cursor: pointer;}
input[type="checkbox"] + .check-label:before {content: '';background: #fff;border-radius: 50%;border: 1px solid #ddd;display: inline-block;width: 25px;height: 25px;margin-right: 5px;vertical-align:middle ;cursor: pointer;text-align: center;}
input[type="checkbox"]:checked + .check-label:before{ content: "\e928"; font-family: "xeicon";border-color: var(--main-color);background:var(--main-color);font-weight: 600;line-height:23.5px;color:#fff;}
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{height:3rem; line-height:1;padding:0.8rem;  font-family:"Pretendard_R"; padding-right:3rem; border:1px solid #ddd; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#FDFDFD url("/fro_end_kor/img/sel-arrow.svg") center no-repeat; background-size:auto 30%;background-position-x:90%;}

/*input - file*/
input[type="file"] {display: none;}
.gw-file-input-container {position: relative;display: inline-block;width: 100%;}
.gw-file-input-button {all:unset;display:block;text-align: center;background: #888;width: 100%;height:55px;color: #fff;display: block;cursor:pointer;border-radius: 5px;line-height: 55px;position: absolute;right: 0;top: 0;}
.file-name {position:relative;white-space: nowrap;text-overflow: ellipsis;border: 1px solid #ddd;background:#f7f7f7;border-radius:10px;padding:12px 17px;height: 55px;width: calc(70% - 3px);}

/*textarea*/
textarea{all:unset;box-shadow:none;display:block;border: 1px solid #ddd;border-radius:10px;padding:12px 17px; width: 100%;font-family:"Pretendard_R";transition:0.3s;box-sizing: border-box;background:#f7f7f7;}
textarea:focus{border: 2px solid #000;}
textarea:active{border: 2px solid #000;}

/*select*/
.sel-wrap{position: relative;}
.sel-wrap:after{font-family:xeicon;content:"\e941";position:absolute;top:50%;right: 17px;transform:translateY(-50%);display:block;z-index:0;color: #666;}
.sel-wrap > select{display:block;background:#fff;border: 2px solid #ddd;border-radius:5px;padding:12px 17px;width: 100%;height: 55px;font-family:"Pretendard_R";transition:0.3s;box-sizing: border-box;line-height: 30px;cursor: pointer;}
.sel-wrap > select:focus{border: 2px solid #000;transition: all .3s ease;}
.sel-wrap > select:active{border: 2px solid #000;}
.sel-wrap.focus:after {color: #000; transform:translateY(-50%) rotate(-180deg);transform-origin:center;}


/*검색창 select*/
.sel-wrap01{position: relative;}
.sel-wrap01:after{font-family:xeicon;content:"\e941";position:absolute;top:50%;right: 0;transform:translateY(-50%);display:block;z-index:0;}
.sel-wrap01 > select{display:block;background:#fff;border-bottom: 2px solid #000;padding:12px 0;width: 100%;height: 45px;font-family:"Pretendard_R";transition:0.3s;box-sizing: border-box;}
.sel-wrap01 > select:focus{border-bottom: 2px solid #000;}
.sel-wrap01 > select:active{border-bottom: 2px solid #000;}


/*캡챠-----------------------------------------------------------------------------------------------------------------*/
#captcha {display: inline-block;position: relative;width: 100%;}
#captcha #captcha_info {display: block;font-size: 14px;margin-top: 10px;color: var(--main-color);}
#captcha #captcha_img {height: 45px;vertical-align: middle;padding: 0;margin: 0}
#captcha #captcha_key {width: 20%;height: 55px;border: 2px solid #ddd;background: #fff;font-family: "Poppins_SB";text-align: center;border-radius: 5px;vertical-align: middle;margin-top: 0;}
#captcha #captcha_mp3 {margin: 0;padding: 0;width: 50px;height: 50px;border: 0;background: transparent;vertical-align: middle;overflow: hidden;cursor: pointer;background: #888 url('../../../img/captcha2.png') no-repeat;text-indent: -999px;border-radius: 5px;}
#captcha #captcha_reload {margin: 0;padding: 0;width: 50px;height: 50px;border: 0;vertical-align: middle;overflow: hidden;cursor: pointer;background: #888 url('../../../img/captcha2.png') no-repeat 0 -50px;text-indent: -999px;border-radius: 5px;}



/*main table------------------------------------------------------------------------------------------------------------------ */
.gw-table01{border-top:2px solid #000;}
.gw-table01 caption{display: none;}
.gw-table01 th {position:relative;padding: 17px 0;border-top: 2px solid #000;border-bottom: 2px solid #ddd;text-align: center;font-size: 15px;}
.gw-table01 th:not(:last-child):after {content: "";width: 1px;height: 15px;background: #ddd;display: block;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.gw-table01 td{position:relative;padding: 19px 0;text-align: center;border-bottom: 1px solid #ddd;}

.gw-table02{border-top:2px solid #000;}
.gw-table02 th {padding: 17px 30px;position: relative;text-align: left;border-bottom: 1px solid #ddd;background: #f8f8f8;word-break: keep-all;vertical-align: middle;}
.gw-table02 td {padding: 17px 30px;vertical-align: middle;border-bottom: 1px solid #ddd;}

/*sub table------------------------------------------------------------------------------------------------------------------ */
.gw-scroll-drag-container{display: none;}
.gw-sub-table-wrap {overflow: hidden;border-radius: 30px 30px 0 0;}
.gw-sub-table-wrap .gw-sub-table01 {width: 100%;}
.gw-sub-table-wrap .gw-sub-table01 thead tr th {padding: 20px;border-right: 1px solid rgba(221, 221, 221, 0.3);background: #333;color: #fff;font-size: var(--main-title04);font-family: "NotoKr_B", sans-serif;text-align: center;}
.gw-sub-table-wrap .gw-sub-table01 tbody tr td {padding: 20px;background: #fff;line-height: 1.5;color: #555;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.gw-sub-table-wrap .gw-sub-table01 tbody tr td:last-child {border-right: none;}
.gw-sub-table-wrap .gw-sub-table01 .gw-title {font-family: "NotoKr_B", sans-serif;color: #222;}
.gw-sub-table-wrap .gw-sub-table01 .gw-text {color: #555;}
.gw-sub-table-wrap .gw-sub-table01 .bg-gray {background: #f3f3f3;}


/*공통 스타일-----------------------------------------------------------------------------------------------------------------*/

/* 콘텐츠 */
#wrapper{width:100vw;}
#container{position:relative;padding-bottom:170px;margin:0 auto;width:1400px;min-height:500px;height:auto !important;background: #fff !important;}
#container_wr{background: #f8f8f8;}
#container > [id*="sub-"]{padding-bottom:170px;}
.gw-skin-box{margin-top: 40px !important;}
#wrapper_title{padding-top:70px;margin-bottom:50px;font-size: var(--main-title01);font-family: 'Pretendard_B', sans-serif;text-align: center;}

/*서브*/
.gw-sub-container{padding-top: 150px;}
.gw-sub-title {font-size: var(--main-title02);text-transform: uppercase;}
.gw-sub-title02{color: var(--main-color);font-size: var(--main-title04);font-family: 'Poppins_B', sans-serif;}
.gw-sub-title-line{position: relative;}
.gw-sub-title-line:after{display:block; content:""; width:1px; height:30px; background:#ddd; margin:40px auto 0;}
.gw-sub-text{color: #666;line-height: 1.5;font-size:var(--main-text01);}
.gw-sub-con-1400{position:relative;margin:0 auto;width: 1400px;}
[class*="gw-sub-con"]:not(:last-child){margin-bottom: 158px;}

.gw-none{display: none;}

/*box*/
.gw-box01 {border: 2px solid #ddd;border-radius: 5px;padding: 12px 17px;}
.gw-box02 {border-radius: 5px; background: #F3F3F3;padding: 20px;}

/* 버튼 */
.gw-btn-wrap{place-content: center;}
.small-btn {position:relative;width: 50px;height: 50px;border:1px solid #ddd;overflow: hidden;border-radius: 100%;}
.small-btn:before{content:"";width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;background: #fff;border-radius: 100%;}
.small-btn:after{content:"";background: #000;width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;transition:all .3s .1s;transform-origin: center center;transform: scale(0);border-radius: 100%;}
.small-btn:hover:after{transform: scale(1.0);}
.small-btn > i{color:#000;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 100;transition: all .3s;}
.small-btn:hover > i{color: #fff;}
.gw-btn01{all:unset;display:inline-block;text-align: center;border: 1px solid var(--main-color);background:var(--main-color);width: 100%;height:55px;line-height:55px;color: #fff !important;cursor:pointer;text-transform:uppercase;transition:all .3s;font-family:"Pretendard_B", sans-serif;border-radius:10px;}
.gw-btn0102{all:unset;margin:0 auto;display:block;text-align: center;border: 2px solid #000;background: #000;width: 100%;height:55px;line-height:55px;color: #fff;display: block;cursor:pointer;text-transform:uppercase;transition:all .3s;font-family:"Pretendard_B", sans-serif;border-radius: 10px;}
.gw-btn02{all:unset;display:block;text-align: center;border:1px solid var(--main-color);width: 100%;height:55px;line-height:55px;color: var(--main-color) !important;display: block;cursor:pointer;border-radius: 10px;font-family: "Pretendard_B", sans-serif;}
.gw-btn03{padding:8px;display:block;text-align: center;border: 1px solid #ddd;background:#f3f3f3; width:auto;color: #666 !important;display: inline-block;cursor:pointer; font-size: 14px;}
.gw-btn04{all:unset;cursor:pointer;text-transform:uppercase;font-family:'Poppins_SB', sans-serif;display:inline-block;position:relative;font-size: 14px;}
.gw-btn04:before {content: "";display: block;height: 2px;background: #ddd;position: absolute;bottom: -2px;right: 0;width: 100%;transition: all .3s;}
.gw-btn04:after {content: "";display: block;height: 2px;background: var(--main-color);position: absolute;bottom: -2px;left: 0;width: 0;transition: all .3s;}


/* 탭 */
.gw-tabs {display: flex;place-content:center;gap:10px;}
.gw-tabs > li {text-align:center;cursor: pointer;}
.gw-tabs > li >a{display:block;padding:13px 42px;font-family:'Pretendard_B', sans-serif;border:1px solid #eaeaea;background: #fff;border-radius:30px;color:#999;}
.gw-tabs > li >a.active {color: #fff;border-color:#111;background:#111;}
.gw-tab-content {display: none;}
#tab1{display: block;}

/* 스크롤바 */
.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;}

/*모달창*/
.modal {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 40px;background: #fff;z-index: 1200;width: 600px;}
.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 1100;}
.modal-title{font-size: var(--main-title03);color:#111;}
.modal-content {padding: 24px 32px;background: #f8f8f8;line-height: 1.75;height: 250px;border-radius: 5px;}
:where(.modal) .small-btn{position: absolute;right: 40px;top: 40px;color: #000;}
.modal-content > h2{font-size: var(--main-title04);}


/*말풍선*/
.sv_wrap {position:relative; text-align: left;}
.sv_wrap > a{color: #666;}
.sv_wrap .sv {z-index:100;display:none;margin:5px 0 0;background:#fff;border:1px solid #ddd;box-shadow: 70px 70px 130px rgb(39 49 108 / 20%);}
.sv_wrap .sv:before {content:"";position:absolute;top:-7px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #ddd transparent}
.sv_wrap .sv:after {content:"";position:absolute;top:-5px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #fff transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:2.5px 10px;line-height:30px;width:120px;color:#666;border-bottom: 1px solid #f1f1f1;}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* ckeditor 단축키 */
.cke_sc{text-align: right;margin-bottom: 10px;}
.btn_cke_sc {all:unset;padding:8px;display:block;text-align: center;border: 1px solid #ddd;background:#f3f3f3; width:auto;color: #666;display: inline-block;cursor:pointer;}
.cke_sc_def {padding: 20px;border: 1px solid #ddd;background: #fff;text-align:center;background: #fff;border-radius: 5px;margin-top: 10px;}
.cke_sc_def dl {margin-bottom:10px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #ddd}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 리스트 */
.gw-list01{position: relative;}
.gw-list01 > li {padding-left: 16px;position: relative;color: #666;line-height: 1.5;}
.gw-list01 > li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 10px;background: var(--main-color);border-radius: 50%;}
.gw-list01 > li:not(:last-child) {margin-bottom: 5px;}

.gw-list02 {list-style: none;counter-reset: my-counter;}
.gw-list02 > li {padding-left:35px;display:flex;align-items:center;flex-wrap:wrap;position: relative;counter-increment: my-counter;line-height: 1.75;}
.gw-list02 > li:before {content: counter(my-counter);display: inline-block;position:absolute;top:0;left:0;width: 24px;height: 24px;text-align: center;background: #BFBFBF;color: #fff;line-height: 25px;font-family: 'Poppins_SB', sans-serif;font-size:12px;}
.gw-list02 > li:not(:last-child) {margin-bottom: 5px;}

/* 팝업창 */
#gw-win-title {position:relative;font-size: var(--main-title03);padding: 20px;border-bottom: 1px solid #ddd;text-align: center;}

/*기타*/
.dot {width: 5px;height: 5px;background: #D3D3D3;display: inline-block;border-radius: 50%;margin: 0 5px;vertical-align: middle;transition: all .3s;}
.sticky01 {display: inline-block;font-size: 14px;padding: 5px;background: #000;color: #fff;font-family: 'Pretendard_M', sans-serif;min-width: 60px;text-align: center;}
.sticky02 {display: inline-block;font-size: 14px;padding: 5px;border: 1px solid var(--main-color);color: var(--main-color);font-family: 'Pretendard_M', sans-serif;min-width: 60px;text-align: center;}
[class*="sticky03"]{ margin-right: 11px;padding: 4px 11px;border-radius: 30px;color: #fff;font-style: normal;display: inline-block;vertical-align: middle;font-size: 14px;}
[class*="img"] > img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.gw-line {padding-bottom: 1px;border-bottom: 1px solid #ddd;}

/* 검색결과 색상 */
.sch_word {color:#fff;background:var(--main-color);padding:5px;}

/*게시물복사------------------------------------------------------------------------------------------------------------------ */
#gw-copymove .gw-table01 tbody td{display:inline-block;width: auto !important;background: #fff;border: none;}
#gw-copymove .gw-table01 tbody .copymove_currentbg td {background: transparent;}

@media screen and (max-width:1440px) {
    .gw-sub-con-1400{width: 100%;}
}

@media screen and (max-width:1280px) {
    #container > [id*="sub-"]{padding-bottom:120px;}

    #gw-theme-main-visual{margin-top: 0 !important;}

    /*서브*/
    .gw-sub-con-1200{width: 100%;}
    [class*="gw-sub-con"]{padding: 0 40px;}
}

@media screen and (max-width:1024px) {
    html,body{font-size: 15px;}
    :root{--main-title01:42px;}

    .gw-table01 {border: 0;}
	.gw-table01 thead{border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;  }
	.gw-table01 tr{display: block;border-top:2px solid #bbb; border-bottom:1px solid #bbb;box-shadow:0 5px 10px rgba(0, 0, 0, 0.08);}
	.gw-table01 tr:not(:last-child){margin-bottom:20px;}
	.gw-table01 tbody td{padding:19px 20px;display: block;text-align: right;border-right:none;width: 100% !important;}
	.gw-table01 tbody td:before{content:attr(data-label);float: left;font-family:'Pretendard_B' !important;color:#222;font-size: 14px;}
	.gw-table01 tbody td:nth-child(2n){background:rgba(0,0,0,0.02);}
	.gw-table01 tbody td:last-child{border-bottom: 0;}

    .gw-sub-table-wrap .gw-sub-table01{min-width: 768px;}

    /*서브*/
    [class*="gw-sub-con"]{padding: 0 20px;}
}

@media screen and (max-width:768px) {
    #container{padding-top: 60px;}
	#container > [id*="sub-"]{padding-bottom:60px;}
    .gw-skin-box{margin-top: 15px !important;}

    /*서브*/
    [class*="gw-sub-con"]:not(:last-child){margin-bottom: 100px;}

    :root{--main-title02: 24px;--main-title03: 21px;--main-title04: 17px;}

    .gw-scroll-drag-container {display: flex;justify-content: flex-end;margin-right: 20px;}
    .gw-scroll-drag {position: relative;width: 50px;height: 50px;}
    .gw-scroll-drag:before{content:"";position:absolute; top:4px; right:0; width:100%; height:3px; background:#ddd; border-radius:5px;}
    .gw-scroll-line{position: absolute;top: 3px;left: 0;z-index: 1;animation: gwMoveScrollAni 3s both infinite;}
    .gw-scroll-drag .gw-scroll {display: block;width: 25px;height: 5px;background: var(--main-color);border-radius: 5px;}
    .gw-scroll-drag .hand-icon {font-size: 30px;color: #666;}
    @keyframes gwMoveScrollAni {
        0%, 10% {
            left: 0;
            margin-left: 0;
        }
        50% {
            left: 100%;
            margin-left: -25px;
        }
        100% {
            left: 0;
            margin-left: 0;
        }
    }
}

@media screen and (max-width:576px) {
    html,body{font-size: 14px;}
    :root{--main-title01:26px;}

    /*캡챠*/
    #captcha #captcha_key{width: calc(100% - 100px);}

    /*tab*/
    .gw-tabs{
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        justify-content: center;
        align-items: center;
        gap: 10px;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 10px;
    }
    .gw-tabs > li >a{padding: 10px;}

    /*list*/
    .gw-list01 > li{flex-direction: column;align-items: flex-start;gap: 0;}
    .gw-list01 > li:not(:last-child){margin-bottom: 10px;}
    .gw-list02 > li:before{width: 22px;height: 22px;line-height: 21px;}

    /*modal*/
    .modal{padding:20px;width: calc(100% - 40px);}
    .modal-content{padding: 20px;}
    :where(.modal) .small-btn{right: 20px;top: 20px;}

    /*btn*/
    .small-btn{width:40px;height: 40px;}
    .gw-btn01:hover {background: #fff;color: #000;}
    .gw-btn03{padding: 8px 4px;font-size: 12px;}
    .gw-btn04{font-size: 12px;}

    /*table*/
    .gw-table01 tbody td{padding:15px;}

    /*기타*/
    .sticky02{font-size: 12px;}
    [class*="sticky03"]{margin-right:0;padding:2px 7px 2px 9px;font-size: 12px;}

}

@media screen and (max-width:375px) {
    .gw-none-375{display: none;}
}

@media screen and (max-width:320px) {
    .gw-none-320{display: none;}
    .gw-file-input-button{font-size: 12px;}
}
/*그누위즈 gw.css------------------------------------------------------------------------------------------------------------------ */