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

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

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

/*그누위즈 gw.css------------------------------------------------------------------------------------------------------------------ */
html, body {margin: 0;padding: 0;font-family:'Pretendard', sans-serif;color: #000;font-size: 16px;scroll-behavior: smooth;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-family: "Wanted Sans Variable", sans-serif;font-weight: 700;}
.container {width:1400px; margin: 0 auto;}
#darkModeToggle{display: none;}


/*font------------------------------------------------------------------------------------------------------------------ */
.Pretendard_BL{font-family:'Pretendard';font-weight:900;}
.Pretendard_EB{font-family:'Pretendard';font-weight:800;}
.Pretendard_B{font-family:'Pretendard';font-weight:700;}
.Pretendard_SB{font-family:'Pretendard';font-weight:600;}
.Pretendard_M{font-family:'Pretendard';font-weight:500;}
.Pretendard_R{font-family:'Pretendard';font-weight:400;}
.Pretendard_L{font-family:'Pretendard';font-weight:300;}
.Pretendard_EL{font-family:'Pretendard';font-weight:200;}
.Pretendard_T{font-family:'Pretendard';font-weight:100;}

.Wandted_R{ font-family: "Wanted Sans Variable", sans-serif;font-weight: 300;}
.Wandted_M{ font-family: "Wanted Sans Variable", sans-serif;font-weight: 400;}
.Wandted_B{ font-family: "Wanted Sans Variable", sans-serif;font-weight: 700;}

.Outfit_BL {font-family: "Outfit", sans-serif; font-weight: 900;}
.Outfit_EB { font-family: "Outfit", sans-serif; font-weight: 800;}
.Outfit_B { font-family: "Outfit", sans-serif; font-weight: 700;}
.Outfit_SB { font-family: "Outfit", sans-serif; font-weight: 600;}
.Outfit_M { font-family: "Outfit", sans-serif;font-weight: 500;}
.Outfit_R { font-family: "Outfit", sans-serif; font-weight: 400;}
.Outfit_L { font-family: "Outfit", sans-serif; font-weight: 300;}
.Outfit_EL { font-family: "Outfit", sans-serif; font-weight: 200;}
.Outfit_T { font-family: "Outfit", sans-serif; font-weight: 100;}


/*폰트사이즈------------------------------------------------------------------------------------------------------------------ */
:root{--main-title01:80px;--main-title02:58px;--main-title03:30px;--main-title04:24px;--main-text01:18px;}

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

/*폰트색상------------------------------------------------------------------------------------------------------------------ */
/*.gw-highlight{color:var(--main-color);}*/
.gw-highlight{transition: all 1.0s;transition-delay:1.0s;background: linear-gradient(90deg, var(--main-color), var(--main-color) 50%, rgba(0,0,0,0.2) 0);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% 100%;background-position: 100%;}
.gw-highlight.animated {background-position: 0% !important;}

/*여백------------------------------------------------------------------------------------------------------------------ */
:root{--gw-padding:30px;--gw-area-width:1720px;--gw-width:1500px;}

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


/*input - text*/
input[type="text"]{all:unset;box-shadow:none;border-radius:3px;padding:12px 17px; width: 100%;height: 55px;font-family:'Pretendard';transition:0.3s;box-sizing: border-box;background:#f6f6f6;}
input[type="text"]:focus {border-color: #000;}

/*input  - password*/
input[type="password"]{all:unset;box-shadow:none;border-radius:3px;background:#F6F6F6;padding:12px 17px; width: 100%;height: 55px;font-family:'Pretendard';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;}
input[type="checkbox"] + .check-label:before {content: '';background: #fff;border-radius: 5px;border: 2px solid #ddd;display: inline-block;width: 22px;height: 22px;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:16.5px;color:#fff;}
input[type="checkbox"]:focus + .check-label:before{outline: none;}
input[type="checkbox"] + .check-label:empty:before {margin-right: 0;}
input[type="checkbox"]:disabled {cursor: not-allowed;opacity: 0.5;}
input[type="checkbox"]:disabled::before {content: '';display: inline-block;width: 22px;height: 22px;background: #ccc;border-radius: 5px;margin-right: 5px;}

/*input - select*/
:where(.gw-input-wrap) select{height:3rem; line-height:1;padding:0.8rem;  font-family:'Pretendard'; 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: #000;width: 100%;height:55px;color: #fff;display: block;cursor:pointer;border-radius: 3px;line-height: 55px;position: absolute;right: 0;top: 0;}
.file-name {position:relative;white-space: nowrap;text-overflow: ellipsis;background:#f6f6f6;border-radius:3px;padding:12px 17px;height: 55px;width: calc(70% - 3px);}

/*textarea*/
textarea{all:unset;box-shadow:none;display:block;border: 2px solid #ddd;padding:12px 17px; width: 100%;font-family:'Pretendard';transition:0.3s;box-sizing: border-box;background:#fff;}
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: 0;transform:translateY(-50%);display:block;z-index:0;color: #666;}
.sel-wrap > select{display:block;background:#fff;border-radius:3px;padding:12px 0;width: 100%;height: 55px;font-family:'Pretendard';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';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;}

/*gw-input-style02-box-----------------------------------------------------------------------------------------------------------------*/
.gw-input-style02-box .input-write-box {display:flex; margin-top: 20px; padding:20px 30px; position: relative; background: #f6f6f6; border-radius:3px; box-sizing:border-box; height: 64px;}
.gw-input-style02-box .input-write-box:before {display: block; content:""; position:absolute; left:0; top:0; width: 100%; height: 100%; border:2px solid #00508f; border-radius:3px; box-sizing:border-box; opacity: 0; transition:all 0.3s;}
.gw-input-style02-box .input-write-box.on:before {opacity:1;}
.gw-input-style02-box .input-write-box:first-child{margin-top:0;}
.gw-input-style02-box .input-write-box .icon {position: relative; display:flex; align-items:center; height: 100%; line-height: 64px; width: 120px; align-self:flex-start;font-size: var(--main-text01);}
.gw-input-style02-box .input-write-box .icon:after {display: block; content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width: 1px; height: 30px; background: rgba(201,201,201,0.6);}
.gw-input-style02-box .input-write-box .write-input {position: relative; width: calc(100% - 120px); height:100%; border: none; padding-left: 10px; background: #f6f6f6; font-size:var(--main-text01); border-radius:3px;}
.gw-input-style02-box .input-write-box .write-input::placeholder {color:rgba(0,0,0,0.5);}
.gw-input-style02-box .essential{color: var(--main-color); margin-right: 5px; font-size: 13px; font-weight: 600; position: relative; top:-8px; right:-5px;}

/*캡챠-----------------------------------------------------------------------------------------------------------------*/
#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: "Outfit", sans-serif; font-weight: 600;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: 20px 0;border-top: 2px solid #000;border-bottom: 1px solid #000;border-right: 1px solid #ddd;text-align: center;font-size: var(--main-text01);background: #f5f5f5;letter-spacing:-0.02em;font-weight:700;}
.gw-table01 th:last-child{border-right: none;}
.gw-table01 td{position:relative;padding: 20px 0;text-align: center;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;color: #666;font-weight:500;letter-spacing: -0.02em;}
.gw-table01 td:last-child{border-right: none;}

.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;color:#666;}

/*sub table------------------------------------------------------------------------------------------------------------------ */
.gw-scroll-drag-container{display: none;}
.gw-sub-table-wrap {overflow: hidden;}
.gw-sub-table-wrap .gw-sub-table01 {width: 100%;border-collapse: collapse;}
.gw-sub-table-wrap .gw-sub-table01 thead{border-top:2px solid #000; border-bottom:1px solid #000;background: #f5f5f5;}
.gw-sub-table-wrap .gw-sub-table01 thead tr th {padding: 20px 0;font-size: var(--main-text01);font-weight: 700;letter-spacing:-0.02em;text-align: center;border-right: 1px solid #ddd;border-bottom: 1px solid #000;}
.gw-sub-table-wrap .gw-sub-table01 thead tr th:last-child{border-right: none;}
.gw-sub-table-wrap .gw-sub-table01 tbody tr td {padding: 20px;background: #fff;line-height: 1.5;color: #666;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;font-weight: 500;letter-spacing: -0.02em;}
.gw-sub-table-wrap .gw-sub-table01 tbody tr td:first-child{background: #f9f9f9;font-weight:600;color:#000;}
.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:'Pretendard', sans-serif;font-weight: 800;color: #222;}
.gw-sub-table-wrap .gw-sub-table01 .gw-text {color: #555;}
.gw-sub-table-wrap .gw-sub-table01 .bg-gray {background: #f3f3f3;}

.gw-sub-table-wrap .gw-sub-table02{border-top: 1px solid #000; width: 100%;}
.gw-sub-table-wrap .gw-sub-table02 tr{border-bottom: 1px solid #E5E5E5;font-size: var(--main-text01);}
.gw-sub-table-wrap .gw-sub-table02 tr:last-child{border-bottom-color: #000;}
.gw-sub-table-wrap .gw-sub-table02 th{padding: 20px; width: 300px;line-height: 1.3; font-weight: 700; color: #000; text-align: center; box-sizing: border-box; background-color: #F5F5F5;}
.gw-sub-table-wrap .gw-sub-table02 td{padding: 20px; width: calc(100% - 300px); line-height: 2; font-weight: 500; color: rgba(0,0,0,0.5); box-sizing: border-box;font-family: "Outfit", sans-serif;}


/*게시판 타이틀------------------------------------------------------------------------------------------------------------------ */
#gw-bo-list > h2{display: none;}
#gw-map > h2{display: none;}

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

/* 콘텐츠 */
#container > [id*="sub-"]{padding-bottom:170px;}

/*서브*/
.gw-sub-container{padding-top: 150px;}
.gw-sub-title {position:relative;font-size: var(--main-title02);letter-spacing: -0.02em;}
.gw-sub-title02{color: var(--main-color);font-size: var(--main-title04);font-family: "Outfit", sans-serif; font-weight: 700;}
.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: rgba(0,0,0,0.5);line-height: 1.77;font-size: var(--main-title04);letter-spacing: -0.02em;font-weight:300;}
.gw-sub-con-wrap{position:relative;margin:0 auto;width: var(--gw-width);}
.gw-sub-con-1200{position:relative;margin:0 auto;width: 1200px;}
[class*="gw-sub-con"]:not(:last-child){margin-bottom: 120px;}

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

/* 버튼 */
.gw-btn-wrap{place-content: center;}
.small-btn {position:relative;width: 50px;height: 50px;border:2px solid #ddd;overflow: hidden;}
.small-btn:before{content:"";width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;background: #fff;}
.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);}
.small-btn:hover:after{transform: scale(1.0);}
.small-btn > i{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index: 100;transition: all .3s;}
.small-btn:hover > i{color: #fff;}
.gw-btn01 {padding:20px 30px;display: flex;justify-content:space-between;position: relative;width:100%;max-width:240px;z-index: 1;overflow: hidden;color: var(--main-color);border: 2px solid var(--main-color);background-color: transparent;text-align: center;text-transform: uppercase;font-weight: 800;transition:all .3s;border-radius:10px;font-size: var(--main-text01);}
.gw-btn01::before {content: '';width: 0;height: 800%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);background: var(--main-color);transition: .5s ease;display: block;z-index: -1;}
.gw-btn01:hover::before {width: 150%;}
.gw-btn01:hover {color: #fff;border-color:var(--main-color);}
.gw-btn0102{padding:20px 30px;display: flex;justify-content:space-between;border:2px solid var(--main-color);background: var(--main-color);width: 100%;max-width:240px;color: #fff;cursor:pointer;text-transform:uppercase;font-family:'Pretendard', sans-serif;font-weight: 800;border-radius:10px;font-size: var(--main-text01);transition:all .3s;}
.gw-btn02{all:unset;display:block;text-align: center;background: #888;width: 100%;height:55px;color: #fff;display: block;cursor:pointer;border-radius: 5px;}
.gw-btn03{padding:8px;display:block;text-align: center;border: 1px solid #ddd;background:#fff; width:auto;color: #666;display: inline-block;cursor:pointer; font-size: 14px;}
.gw-btn04{all:unset;cursor:pointer;text-transform:uppercase;font-family: "Play", 'Pretendard', sans-serif;font-weight: 800;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 {padding:10px;display: flex;gap:10px;background:rgba(0, 0, 0, 0.05);border-radius:30px;backdrop-filter: blur(10px) brightness(1);}
.gw-tabs > li {flex:1;text-align:center;cursor: pointer;border-radius: 5px;transition: all .3s;}
.gw-tabs > li:hover {background: #fff;}
.gw-tabs > li >a{display:block;padding:12px 17px;font-family:'Pretendard', sans-serif;font-weight: 800;background:#fff;border-radius: 30px;}
.gw-tabs > li >a.active {background: var(--main-color);color: #fff;}
.gw-tab-content {display: none;}
#tab1{display: block;}

/* 스크롤바 */
.gw-scrollbar {width: 100%;height: 100%;overflow-y: scroll;overflow-x: hidden;}
.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: 50px 70px 70px;background: #fff;z-index: 9999;width: 96%;max-width:1000px;border-radius: 10px;}
.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 9999;}
.modal-title{font-size: var(--main-title03);}
.modal-content {padding: 20px;background: #f9f9f9;line-height: 1.75;height: 400px;}
:where(.modal) .small-btn{position: absolute;right: 40px;top: 40px;color: #000;}
.modal-content > h2{font-size: var(--main-title04);}

/*개인정보처리방침 및 위치정보이용약관*/
.DB_info_detail_wrap p{margin-bottom:20px; font-size:14px;color: #666;}
.DB_info_detail_wrap dl dt{display:block; font-weight: 700;color: #666;}
.DB_info_detail_wrap dl dd{margin-bottom:10px;font-size:14px;color: #666;}
.DB_info_detail_wrap dl dd table{width: 100%; text-align: center; margin-top: 2.5%;}
.DB_info_detail_wrap dl dd table caption{text-align: left; margin-bottom: 1%;}
.DB_info_detail_wrap dl dd table thead{border-top:2px solid #000;border-bottom:1px solid #000;}
.DB_info_detail_wrap dl dd table thead tr td{padding:10px;color:#222;border-right: 1px solid #ddd;vertical-align: middle;font-weight:600;background:#f6f6f6;word-break:keep-all;}
.DB_info_detail_wrap dl dd table thead tr td:last-child{border-right: none;}
.DB_info_detail_wrap dl dd table tbody tr td{padding: 10px;border-right: 1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.5;vertical-align: middle;}
.DB_info_detail_wrap dl dd table tbody tr td:last-child{border-right: none;}


/*말풍선*/
.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:#666}
.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;}
.gw-btn01_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: 3px solid #f2f2f2;background: #fff;text-align:center;border-radius: 3px;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 dashed rgba(0, 0, 0, 0.1)}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

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


.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: "Outfit", sans-serif; font-weight: 600;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', sans-serif;font-weight: 500;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', sans-serif;font-weight: 500;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:1500px) {
    .gw-sub-con-wrap{padding:0 30px;width: 100%;}
}

@media screen and (max-width:1280px) {
	#container > [id*="sub-"]{padding-bottom:120px;}
    
    /*서브*/
    .gw-sub-con-1200{width: 100%;}
    .gw-sub-con-100{padding: 0 !important;}
}

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

    /* 테이블 */
    .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' !important;font-weight: 800 !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: 1200px;}
    .gw-sub-table-wrap .gw-sub-table02{min-width: 1024px;}

    .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;
        }
    }

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

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

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

    :root{--gw-padding:20px;}
    :root{--main-title01:40px;--main-title02: 30px;--main-title03: 24px;--main-title04: 20px;--main-text01:16px;}
}

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

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

    /*tab*/
    .gw-tabs{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-title{font-size:var(--main-title04);margin-bottom:20px !important;width: 85%;}
    .modal-content{padding: 20px;}
    :where(.modal) .small-btn{right: 10px;top: 10px;}

    /*btn*/
    .small-btn{width:40px;height: 40px;}
    .gw-btn01{max-width: 100%;}
    .gw-btn01::before{display: none;}
    .gw-btn01:hover{color: #000;border-color: rgba(0,0,0,0.05);}
    .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------------------------------------------------------------------------------------------------------------------ */