@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:"NotoKr_R", sans-serif;color: #222;font-size: 16px;scroll-behavior: smooth;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6 {font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 700;line-height: 1.5;}
.container {width:1400px; margin: 0 auto;}
#darkModeToggle{display: none;}

#gw-sub-head-container {
    background:url(../img/sub-visual.jpg) no-repeat bottom center;
    background-size:cover;
}

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


/*font------------------------------------------------------------------------------------------------------------------ */
.NotoKr_BK{font-family: 'NotoKr_BK', sans-serif;}
.NotoKr_B{font-family: 'NotoKr_B', sans-serif;}
.NotoKr_DL{font-family: 'NotoKr_DL', sans-serif;}
.NotoKr_L{font-family: 'NotoKr_L', sans-serif;}
.NotoKr_M{font-family: 'NotoKr_M', sans-serif;}
.NotoKr_R{font-family: 'NotoKr_R', sans-serif;}
.NotoKr_T{font-family: 'NotoKr_T', sans-serif;}

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

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

.Play-R {font-family: "Play", sans-serif;font-weight: 400;}
.Play-B {font-family: "Play", sans-serif;font-weight: 700;}

/*폰트사이즈------------------------------------------------------------------------------------------------------------------ */
:root{--main-title01:55px;--main-title02:50px;--main-title03:30px;--main-title04:21px;--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:"NotoKr_R",sans-serif;border-radius:0}
button{ overflow:visible; white-space: nowrap; font-family:"NotoKr_R", sans-serif;}


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

/*input  - password*/
input[type="password"]{all:unset;box-shadow:none;background:#fff;border: 2px solid #ddd;border-radius:5px;padding:12px 17px; width: 100%;height: 55px;font-family:"NotoKr_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;}
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 - select*/
:where(.gw-input-wrap) select{height:3rem; line-height:1;padding:0.8rem;  font-family:"NotoKr_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: 2px solid #ddd;background:#fff;border-radius:5px;padding:12px 17px;height: 55px;width: calc(70% - 3px);}

/*textarea*/
textarea{all:unset;box-shadow:none;display:block;border: 2px solid #ddd;border-radius:5px;padding:12px 17px; width: 100%;font-family:"NotoKr_R";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: 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:"NotoKr_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:"NotoKr_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;color: #666;}

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


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

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

/* 콘텐츠 */
#wrapper{width: 100vw;}
#container_wr{background: #f8f8f8;}
#container > [id*="sub-"]{padding-bottom:170px;}

/*서브*/
.gw-sub-container{padding-top: 150px;}
.gw-sub-title {font-size: var(--main-title02);}
.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.75;}
.gw-sub-con-1200{position:relative;margin:0 auto;width: 1200px;}
[class*="gw-sub-con"]:not(:last-child){margin-bottom: 158px;}

/*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;}
.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: 15px 40px;display: inline-block;position: relative;width:100%;z-index: 1;overflow: hidden;color: #000;border: 3px solid rgba(0,0,0,0.05);background-color: transparent;text-align: center;text-transform: uppercase;font-family:"NotoKr_B", sans-serif;transition:all .3s;}
.gw-btn01::before {content: '';width: 0;height: 800%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(45deg);background: #000;transition: .5s ease;display: block;z-index: -1;}
.gw-btn01:hover::before {width: 150%;}
.gw-btn01:hover {color: #fff;border-color:#000;}
.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:"NotoKr_B", sans-serif;}
.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:#f3f3f3; width:auto;color: #666;display: inline-block;cursor:pointer; font-size: 14px;}
.gw-btn04{all:unset;cursor:pointer;text-transform:uppercase;font-family: "Play", 'NotoKr_B', sans-serif;font-weight: 700;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:20px;display: flex;background:#F3F3F3;gap:10px;}
.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:'NotoKr_B', sans-serif;}
.gw-tabs > li >a.active {background: #fff;box-shadow: 0 15px 10px rgba(34, 34, 34, .02);color: var(--main-color);}
.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: 90%; max-width:800px;}
.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);}
.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;}
.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: 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;}
.gw-list01 > li:before {content: '';display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 12px;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: 'NotoKr_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: 'NotoKr_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: auto;}
.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:1280px) {
	#container > [id*="sub-"]{padding-bottom:120px;}
    
    /*서브*/
    .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:35px;}

    .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:'NotoKr_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;border-left: none !important;}
}

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

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

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

    .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;
        }
    }
    
    /*modal*/
    .modal{padding:20px;width: calc(100% - 40px);}
    .modal-content{padding: 20px;}
    :where(.modal) .small-btn{right: 20px;top: 20px;}
}

@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{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;}


    /*btn*/
    .small-btn{width:40px;height: 40px;}
    .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------------------------------------------------------------------------------------------------------------------ */




.sub-vision2 .gw-intro-container{margin:0 auto;}
.sub-vision2 .gw-intro .gw-text{font-size: var(--main-title04);line-height: 1.5;font-family: 'NotoKr_M', sans-serif; word-break: keep-all;}
.sub-vision2 .gw-necessity-box {display: flex;justify-content: space-between;position: relative;}
.sub-vision2 .gw-necessity-box .gw-necessity-item {background: #f3f3f3;border-radius: 30px;width: 49.23%;padding: 100px 50px;box-sizing: border-box;}
.sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(1) {padding-right:200px;}
.sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(3) {padding-left: 200px;}
.sub-vision2 .gw-necessity-box .gw-necessity-item dl {text-align: center;}
.sub-vision2 .gw-necessity-box .gw-necessity-item dl dt {font-size: var(--main-title03);line-height: 1.4;color: #222;font-family: 'Poppins_B','NotoKr_B', sans-serif;}
.sub-vision2 .gw-necessity-box .gw-necessity-item dl dd {line-height: 1.5;color: #555;margin-top: 25px;}
.sub-vision2 .gw-necessity-box .gw-necessity-circle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sub-vision2 .gw-necessity-box .gw-necessity-circle:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 125%;height: 125%;border-radius: 50%;background: #e1e1e1;}
.sub-vision2 .gw-necessity-box .gw-necessity-circle .tit {position: relative;font-size: var(--main-title03);line-height: 1.4;color: #fff;font-family: "NotoKr_B", sans-serif;text-align: center;display: flex;align-items: center;justify-content: center;width: 250px;height: 250px;border-radius: 50%;background: var(--main-color);}
.sub-vision2 .gw-necessity-box .gw-necessity-item {background: #fff;}
.sub-vision2 .gw-importance-list .list-item {display: flex;align-items: center;padding: 20px;box-sizing: border-box;border-radius: 100px;background: #fff;margin-bottom: 10px;}
.sub-vision2 .gw-importance-list .gw-num {width: 45px;height: 45px;border-radius: 100%;line-height: 45px;color: #fff;font-family: 'Poppins_B', sans-serif;text-align: center;background: var(--main-color);}
.sub-vision2 .gw-importance-list .gw-tit {width: 300px;font-size: var(--main-title04);line-height: 1.3;color: #111;font-family: "NotoKr_B", sans-serif;padding: 0 30px;box-sizing: border-box;}
.sub-vision2 .gw-importance-list .gw-txt {width: calc(100% - 300px);line-height: 1.5;color: #666;}
.sub-vision2 .gw-effect-list {padding: 40px;border-radius: 30px;background: #fff;box-shadow: 10px 10px 30px 0 rgba(0,0,0,0.07);box-sizing: border-box;}
.sub-vision2 .gw-effect-list .gw-effect-item {display: flex;align-items: center;padding: 30px 0;border-bottom: 2px dashed #ddd;}
.sub-vision2 .gw-effect-list .gw-effect-item:first-child {padding-top: 0;}
.sub-vision2 .gw-effect-list .gw-effect-item:last-child {padding-bottom: 0;border-bottom: 0;}
.sub-vision2 .gw-effect-list .gw-left-box {width: 30%;text-align: center;}
.sub-vision2 .gw-effect-list .gw-left-box .gw-tit {margin-top: 10px;font-size: var(--main-title04);font-family: 'NotoKr_B', sans-serif;}
.sub-vision2 .gw-effect-list .gw-left-box .gw-text {display: block;color: #666;font-family: 'NotoKr_M', sans-serif;font-size: var(--main-text01);}
.sub-vision2 .gw-effect-list .gw-right-box {width: 70%;}

@media screen and (max-width:1024px) {
    .sub-vision2 .gw-effect-list{padding: 20px;}
    .sub-vision2 .gw-necessity-box{flex-direction: column;}
    .sub-vision2 .gw-necessity-box .gw-necessity-item{padding:50px 15px;width: 100%;}
    .sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(1){padding-right:15px;padding-bottom:115px;margin-bottom: 150px;}
    .sub-vision2 .gw-necessity-box .gw-necessity-item:nth-of-type(3){padding-left:15px;padding-top:115px;}
    .sub-vision2 .gw-necessity-box .gw-necessity-circle .tit{width: 230px;height: 230px;}
}

@media screen and (max-width:576px) {
    .sub-vision2 .gw-importance-list .list-item{flex-direction: column;gap: 10px;border-radius: 30px;text-align: center;}
    .sub-vision2 .gw-importance-list .gw-num{width: 30px;height: 30px;line-height: 30px;}
    .sub-vision2 .gw-importance-list .gw-tit{width: 100%;padding: 0;}
    .sub-vision2 .gw-importance-list .gw-txt{width: 100%;}
    .sub-vision2 .gw-effect-list .gw-effect-item{flex-direction: column;gap: 20px;}
    .sub-vision2 .gw-effect-list .gw-left-box{width: 100%;}
    .sub-vision2 .gw-effect-list .gw-right-box{width: 100%;}
}





.sub-about-us .gw-btn-wrap{position: relative;z-index: 100;}
.sub-about-us .gw-img-container{height: 500px;}
.sub-about-us .gw-img-container > div{position: absolute;bottom: 0;left: 0;overflow: hidden;}
.sub-about-us .gw-img-container .bg{width:100%;height:500px;}
.sub-about-us .gw-img-container .img{width: 100%;bottom: 0;right: 0;}
.sub-about-us .gw-img-container .building {transform: translateY(100%);opacity:0;transition: all 1.5s ease;}
.sub-about-us.active .gw-img-container .building{transform: translateY(0);opacity: 1;}
.sub-about-us .gw-company-container {margin: 0 auto;width: 768px;border-top: 2px solid #000;}
.sub-about-us .gw-company-container > li{padding:19px 30px;border-bottom: 1px solid #ddd;}
.sub-about-us .gw-box-container{flex-wrap: wrap;}
.sub-about-us .gw-box-container > li{position:relative;padding: 40px 20px;counter-increment: list-counter;}
.sub-about-us .gw-box-container > li:before {display:none;}
.sub-about-us .gw-box-container > li .img img {
	max-width:70px;
}
.sub-about-us .gw-title {color: var(--main-color);}
.sub-about-us .gw-col-2{width:calc(50% - 10px);}
.sub-about-us .gw-col-3{width:calc(33.3% - 10px);}
.sub-about-us .gw-col-4{width:calc(25% - 10px);}
.sub-about-us .gw-box-container .icon{color: var(--main-color);}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1280px){
    .sub-about-us .gw-box-container{padding: 0;}
}

@media screen and (max-width:1024px){
    .sub-about-us .gw-w-15{width:25% !important;}
    .sub-about-us .gw-box-container{padding: 0;}
}

@media screen and (max-width:768px){
    .sub-about-us .gw-w-15 {width: 25% !important;}
    .sub-about-us .gw-img-container{height: 25vh;}
    .sub-about-us .gw-img-container .bg{height: 25vh;}
    .sub-about-us .gw-img-container .building{transform:translateY(0);opacity:1;}
    .sub-about-us .gw-company-container{width: 100%;}
    .sub-about-us .gw-box-container .gw-col-4{width: calc(50% - 5px);border: none;}
}

@media screen and (max-width:576px){
    .sub-about-us .gw-w-15{width:100% !important;}
    .sub-about-us .gw-img-container{height: 15vh;}
    .sub-about-us .gw-img-container .bg{height: 15vh;}
    .sub-about-us .gw-company-container > li{padding:20px;flex-direction: column;align-items: flex-start;gap: 5px;}
    .sub-about-us .gw-box-container > li{padding:20px;}
}

.img img {
    width:auto; max-width:100%;
}


.contact-bt{
	background:url(../img/contact-bg.jpg) no-repeat center bottom; background-size:cover;
}
.contact-bt .gw-sub-con-1200 {
	padding:100px 15px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.contact-bt .gw-sub-con-1200 .contact-bt-left {
	display:flex;
	flex-direction:column;
}
.contact-bt .gw-sub-con-1200 .contact-bt-left strong {
	font-size:var(--main-title02);
	color:#fff;
	display:block;
	margin-bottom:30px;
}
.contact-bt .gw-sub-con-1200 .contact-bt-left p {
	font-size:var(--main-title04);
	color:#fff;
}
.contact-bt .gw-sub-con-1200 .contact-bt-right {
	width:230px;
	padding:30px;
	height:230px;
	border:solid 7px #fff;
}
.contact-bt .gw-sub-con-1200 .contact-bt-right .border-box {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	height:100%;
}
.contact-bt .gw-sub-con-1200 .contact-bt-right .border-box b {
	display:Block;
	font-size:var(--main-title04);
	color:#fff;
}
.contact-bt .gw-sub-con-1200 .contact-bt-right .border-box a {
	display:inline-flex;
	color:#fff;
	font-size:var(--main-title05);
	margin-top:auto;
	font-size: 30px;
}

@media all and (max-width:768px) {
	.contact-bt .gw-sub-con-1200 {
		flex-direction:column;
		align-items:flex-start;
	}
	.contact-bt .gw-sub-con-1200 .contact-bt-right {
		width:100%;
		height:auto;
		margin-top:30px;
		padding:15px;
	}
	.contact-bt .gw-sub-con-1200 .contact-bt-right .border-box {
		flex-direction:row;
		align-items:center;
	}
}


.sub-business2 .gw-intro-container{margin:0 auto;}
.sub-business2 .gw-intro .gw-text{font-size: var(--main-title04);line-height: 1.5;font-family: 'NotoKr_M', sans-serif;}
.sub-business2 .gw-intro .gw-img{ border-radius: 30px;overflow: hidden;}
.sub-business2 .gw-circle-list {position: relative;width: 33%;}
.sub-business2 .gw-circle {position: relative;width: 100%;height: 0;padding-top: 100%;background: #e1e1e1;border-radius: 50%;}
.sub-business2 .gw-circle:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 85%;height: 85%;border-radius: 50%;background: #fff;box-shadow: 10px 10px 30px 0 rgba(0, 0, 0, 0.07);}
.sub-business2 .gw-inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;padding: 0 20px;box-sizing: border-box;}
.sub-business2 .gw-inner .gw-title {font-size: var(--main-title03);line-height: 1.8;color: var(--main-color);font-family: 'Poppins_B', sans-serif;}
.sub-business2 .gw-inner .gw-text {font-size: var(--main-title04);line-height: 1.45;font-family: "NotoKr_M", sans-serif;word-break: keep-all;font-weight: 400 !important;}
.sub-business2 .gw-generator-list {display: flex;justify-content: space-between;margin-top: 70px;}
.sub-business2 .gw-generator-list .gw-list-item {padding: 60px 30px;position: relative;width: calc(33.33% - 14px);background: #fff;border-radius: 30px;box-sizing: border-box;text-align: center;box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.07);}
.sub-business2 .gw-generator-list .gw-point {position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);width: 100px;height: 35px;background: #222;border-radius: 35px;text-align: center;font-size: 14px;line-height: 35px;color: #fff;font-family: 'Poppins_B', sans-serif;}
.sub-business2 .gw-generator-list .gw-txt-box {display: flex;flex-direction: column;justify-content: center;height: 100%;}
.sub-business2 .gw-generator-list .gw-tit {font-size: var(--main-title04);color: #222;font-family: 'NotoKr_B', sans-serif;word-break:keep-all;}
.sub-business2 .gw-generator-list .gw-txt {margin-top: 30px;color: #555;}
.sub-business2 .gw-features-list {display: flex;gap: 20px;margin-bottom: 120px;}
.sub-business2 .gw-features-item {padding: 30px 40px;display: flex;width: 25%;background: #fff;border-radius: 30px;box-sizing: border-box;box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.07);min-height: 130px;flex-direction: column;flex-wrap: wrap;}
.sub-business2 .gw-features-item .gw-title {flex: 1;font-size: var(--main-title04);line-height: 1.3;color: var(--main-color);font-family: 'NotoKr_B', sans-serif;text-align: left;display: flex;align-items: center;}
.sub-business2 .gw-features-item .gw-title img {max-width: 50px;display:block;}
.sub-business2 .gw-features-item .gw-title span {
	display:block;
	margin-left: 15px;
	font-size: 20px;
}
.sub-business2 .gw-features-item .gw-num {font-size: var(--main-text01);line-height: 1;color: #bbb;font-family: 'Poppins_SB', sans-serif;display: block;margin-bottom: 15px;}


/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1024px){
    .sub-business2 .gw-circle-container {flex-wrap: wrap;place-content: center;}
    .sub-business2 .gw-circle-list{width: calc(50% - 20px);}
    .sub-business2 .gw-generator-list{flex-wrap: wrap;gap: 30px;}
    .sub-business2 .gw-generator-list .gw-list-item{padding:40px 20px;width: 100%;}
    .sub-business2 .gw-features-item{width: calc(50% - 10px);}
	.sub-business2 .gw-features-list {
		width: 100%;
		flex-wrap: wrap;
	}
}


@media screen and (max-width:576px){
    .sub-business2 .gw-intro .gw-text{font-size: var(--main-text01);}
    .sub-business2 .gw-circle-list{width: 100%;}
	.sub-business2 .gw-features-item {
		padding:30px 15px;
		text-align:center;
	}
	.sub-business2 .gw-features-item .gw-title {
		flex-direction:column;
	}
	.sub-business2 .gw-features-item .gw-title span {
		margin-left:0;
	}
	.contact-bt .gw-sub-con-1200 .contact-bt-left p {
		font-size:16px;
		word-break:keep-all;
	}
	.contact-bt .gw-sub-con-1200 .contact-bt-left p br {
		display:none;
	}
}


.background {background: url(../img/bg.jpg) no-repeat center center;background-size:cover;min-height:900px;display: flex;justify-content: center;align-items: center;}
.background .gw-sub-title02 {font-size:2em; color:#fff; line-height:1.45;}
.background .gw-sub-title {font-size:4em; color:#fff;}
.background .gw-sub-title-line:after {display:none;}
.sub-history { background: url(../img/history_bg.jpg) no-repeat right bottom; background-size: 900px;}
.sub-history .gw-history-list{padding-bottom:80px;position: relative;}
.sub-history .gw-history-line{position:absolute;top:10px;left: 50%;width: 1px;height: 100%;background: #ddd;}
.sub-history .gw-history-list .gw-history-line:before {content: "";display: block;width: 1px;height: 0;background: var(--main-color);transition: all 1s;}
.sub-history .gw-history-list .gw-history-line.active:before {height: 100%;}
.sub-history .gw-history-box .gw-title{position:relative;font-size: var(--main-title03);transition: all .3s;}
.sub-history .gw-history-box .gw-title:before{content: "";display: block;width: 90px;height: 1px;background: #ddd;position: absolute;top: 50%;transform: translateY(-50%);transition: all .3s;}
.sub-history .gw-history-box .dot {position: absolute;top: 50%;width: 10px;height: 10px;border-radius: 50%;border: 10px solid #f2f2f2;background: #BFBFBF;transform: translateY(-50%);margin: 0;box-sizing: content-box;transition: all .3s;}
.sub-history .gw-history-box.active .gw-title {color: var(--main-color);}
.sub-history .gw-history-box.active .gw-title:before{background: var(--main-color);}
.sub-history .gw-history-box.active .dot {background: var(--main-color);}
.sub-history .gw-history-left-list .gw-history-box {padding-right: 100px;}
.sub-history .gw-history-left-list .gw-history-box .gw-title:before{right: -100px;}
.sub-history .gw-history-left-list .gw-history-box .dot{right: -115px;}
.sub-history .gw-history-left-list .gw-title{text-align: right;}
.sub-history .gw-history-left-list .gw-text > li > .gw-flex {flex-direction: row-reverse;}
.sub-history .gw-history-right-list{flex-direction: row-reverse;}
.sub-history .gw-history-right-list .gw-history-box {padding-left: 100px;}
.sub-history .gw-history-right-list .gw-history-box .gw-title:before{left: -100px;}
.sub-history .gw-history-right-list .gw-history-box .dot{left: -115px;}
.sub-history .gw-history-box .gw-text > li {align-items: flex-start;}
.sub-history .gw-history-box .gw-img {width: 100%;height: 210px;}

.vision_v2 {
    width: 100%;
    padding: 140px 50px 0;
    max-width: 1920px;
    margin: 0 auto;
}
.vision_v2 h3 {
    font-size: 3em;
}
.vision_v2 ul {
	margin-top:50px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.vision_v2 ul li {
	width: calc(25% - 50px);
	margin-bottom:70px;
}
.vision_v2 ul li strong {
	font-size:1.5em;
	display:block;
	margin-bottom:20px;
}
.vision_v2 ul li p {
	word-break:keep-all;
}
@media all and (max-width:960px) {
    .vision_v2 ul li {
        width: calc(50% - 50px);
    }
}
/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:768px){
    .sub-history .gw-history-container {padding-left: 20px;}
    .sub-history .gw-history-line{left: 0;}
    .sub-history .gw-w-50{width: 100% !important;}
    .sub-history .gw-history-box .gw-title:before{display: none;}
    .sub-history .gw-history-right-list{flex-direction: row;}
    .sub-history .gw-history-right-list .gw-history-box{padding-left: 40px;}
    .sub-history .gw-history-right-list .gw-history-box .dot{left: -55px;}
    .sub-history .gw-history-left-list .gw-title{text-align: left;}
    .sub-history .gw-history-left-list .gw-history-box{padding-right: 0;padding-left: 40px;}
    .sub-history .gw-history-left-list .gw-history-box .dot{right: inherit;left: -55px;}
    .sub-history .gw-history-left-list .gw-text > li > .gw-flex{flex-direction: row;}
	.sub-history {background-position:right bottom;background-size: contain;}
    
}

@media screen and (max-width:576px){
    .sub-history .gw-history-box .gw-img{height: 30vw  ;}
    .vision_v2 ul li {
        width: 100%;
    }
}