@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:"Noto Sans KR", 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;}
.container {width:1400px; margin: 0 auto;}
#darkModeToggle{display: none;}


/*다크모드------------------------------------------------------------------------------------------------------------------ */
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: "Noto Sans KR", sans-serif; font-weight: 900;}
.NotoKr_B { font-family: "Noto Sans KR", sans-serif; font-weight: 800;}
.NotoKr_DL { font-family: "Noto Sans KR", sans-serif;font-weight: 700;}
.NotoKr_L { font-family: "Noto Sans KR", sans-serif; font-weight: 600;}
.NotoKr_M { font-family: "Noto Sans KR", sans-serif; font-weight: 500;}
.NotoKr_R { font-family: "Noto Sans KR", sans-serif; font-weight: 400;}
.NotoKr_T { font-family: "Noto Sans KR", sans-serif; font-weight: 300;}

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

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


.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:#00738f;}*/
/*.main-color{--main-color:#00738f !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:"Noto Sans KR",sans-serif;border-radius:0}
button{ overflow:visible; white-space: nowrap; font-family:"Noto Sans KR", 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:"Noto Sans KR";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:"Noto Sans KR";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:"Noto Sans KR"; 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:"Noto Sans KR";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:"Noto Sans KR";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:"Noto Sans KR";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: "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: 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: "Noto Sans KR", sans-serif; font-weight: 800;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: "Noto Sans KR", 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-bo-list > h2{display: none;}*/
#gw-map > h2{display: none;}

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

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

/*서브*/
.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: "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: #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:"Noto Sans KR", sans-serif; font-weight: 800;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 var(--main-color);background: var(--main-color);width: 100%;height:55px;line-height:55px;color: #fff;display: block;cursor:pointer;text-transform:uppercase;transition:all .3s;font-family:"Noto Sans KR", sans-serif; font-weight: 800;}
.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", "Noto Sans KR", 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:"Noto Sans KR", sans-serif; font-weight: 800;}
.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: 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);}
.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: "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: "Noto Sans KR", 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: "Noto Sans KR", 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: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:"Noto Sans KR" !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: 768px;}

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

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

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

    /*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::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------------------------------------------------------------------------------------------------------------------ */

/*****lavom 메인페이지*****/
.main_visual_cont{position: absolute;top: 18%;left: 11%;text-align: center;}
.main_slide_txt1{font-size: 1.7188vw;color: #fff;font-family: 'vitrocore';line-height: 1.4;}
.main_slide_txt2{font-size: 1.1021vw;color: #fff;font-family: 'SCDream';line-height: 1.4;font-weight: 400;}
.main_slide_txt2 span{font-weight: 600;}
.main_slide_dots{margin: 10% 0 4% 0;}
.main_slide_logo_bg{width: 30.5208vw;height: 20.7500vw;background: url(../img/main_slide_logo_bg.png) no-repeat center 0;background-size: cover;margin: auto;margin-top: 1.6042vw;}
.main_slide_logo{width: 23.2292vw;margin: auto;margin-top: -13.0208vw;}
.main_slide_logo img{width: 68%; margin-top: -4.8000vw;}

.main_visual_cont>div{opacity:0;transform:translateY(50%);transition:all 0.6s;}
body.intro-done .swiper-slide.active .main_slide_txt1{
    opacity:1;
    transform:translateY(0);
    transition-delay: 0.3s;
}

body.intro-done .swiper-slide.active .main_slide_logo_bg{
    opacity:1;
    transform:translateY(0);
    transition-delay: 0.5s;
}

body.intro-done .swiper-slide.active .main_slide_logo{
    opacity:1;
    transform:translateY(0);
    transition-delay: 1s;
}

body.intro-done .swiper-slide.active .main_slide_dots{
    opacity:1;
    transform:translateY(0);
    transition-delay: 0.9s;
}

body.intro-done .swiper-slide.active .main_slide_txt2{
    opacity:1;
    transform:translateY(0);
    transition-delay: 1.1s;
}
/* 전체 컨테이너 설정 */
    .background-svg-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        pointer-events: none;
        overflow: hidden;
    }

    /* 각 선의 공통 위치 설정 */
    .line-item {
        position: absolute;
    }

    /* 위치별 세부 조정: 테두리에 딱 붙게 0 설정 */
    .t-r { top: 0; right: 0; width: 300px; height: 500px; }
    .b-l { bottom: 0; left: 0; width: 150px; height: 450px; }
    .b-r { bottom: 0; right: 0; width: 400px; height: 200px; }

    .line-item svg {
        width: 100%;
        height: 100%;
        display: block;
        overflow: visible; /* 선이 두꺼울 때 잘림 방지 */
    }

    /* 애니메이션 설정 */
    .draw-line {
        stroke-dasharray: 1200;
        stroke-dashoffset: 1200;
        transition: stroke-dashoffset 2s cubic-bezier(0.7, 0.3, 0.5, 1);
    }

    /* 스크립트에 의해 active 클래스가 붙으면 실행 */
    .background-svg-container.active .draw-line {
        stroke-dashoffset: 0;
    }

    /* 순차적 등장 딜레이 (선택 사항) */
    .t-r .draw-line { transition-delay: 0.2s; }
    .b-l .draw-line { transition-delay: 0.6s; }
    .b-r .draw-line { transition-delay: 1s; }

/*****lavom 서브페이지*****/
#sub-lavom .gw-btn-wrap{position: relative;z-index: 100;}
#sub-lavom .container {margin: 0 auto;max-width: 1176px;width: 100%;}
.support_container{text-align: center;}

#sub-lavom .gw-box-container .icon{color: var(--main-color);}

@font-face {
    font-family: 'vitrocore';
    src: url('../fonts/VITRO-CORE-TTF.woff2') format('woff2'),
        url('../fonts/VITRO-CORE-TTF.woff') format('woff'),
        url('../fonts/VITRO-CORE-TTF.ttf') format('ttf');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; }

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; }

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; }

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; }

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; }

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; }

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; }

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; }

@font-face { font-family: 'SCDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; }
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-Black.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-ExtraBold.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-Bold.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-SemiBold.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-Medium.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-Regular.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-Light.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-ExtraLight.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(../../../packages/pretendard/dist/web/static/woff2/Pretendard-Thin.woff2) format('woff2'), url(../../../packages/pretendard/dist/web/static/woff/Pretendard-Thin.woff) format('woff');
}
/* 나눔고딕 @import 방식 */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

.sub_title{font-size: 25px;font-family: 'SCDream';color: #000;text-align: center;line-height: 1.8;}
.margintop{margin-top: 5%;}
.sub_title span{font-size: 47px;color: #00738f;font-family: 'vitrocore';font-weight: 700;line-height: 1.2;}
.sub_title span.brown{color: #a29478;}
.italic{font-style: italic;display: inline-block;}
.sub_img{margin-top: 3%;}

.apply_wrap {
    width: 100%;
}

.apply_title {
    font-family: 'Nanum Gothic', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}

.apply_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 30px;
}
.cungyak-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 5%;
}

.table-row {
    display: flex;
    flex-wrap: wrap; /* 모바일에서 아래로 떨어지게 함 */
    gap: 0; /* 테이블 사이 간격 (필요시 10px 정도로 조정) */
}

.table-col {
    flex: 1;
    min-width: 300px; /* 이 너비보다 좁아지면 위아래로 배치됨 */
}

.custom-table {
    width: 100%;
    height: 100%; /* 양쪽 높이를 맞춤 */
    border-collapse: collapse;
    font-size: 17px;
    text-align: center;
}

.custom-table th {
    background-color: #00738f;
    color: #ffffff;
    padding: 12px 8px;
    border: 1px solid #ddd;
    font-weight: 700;
}

.custom-table td {
    padding: 20px 10px;
    border: 1px solid #ddd;
    line-height: 1.6;
    color: #333;
    background: #fff;
}

/* 숫자/날짜 폰트 보정 클래스 */
.num-cell {
    font-weight: 400;
    letter-spacing: -0.02em;
    /* 숫자가 내려가 보인다면 미세 조정 */
    position: relative;
    top: -0.5px;
}

.custom-table a {
    color: #007bff;
    text-decoration: none;
}

/* 모바일 전용 스타일 */
@media screen and (max-width: 768px) {
    .table-col {
        flex: 0 0 100%; /* 모바일에서는 무조건 100% 너비 */
    }
    .table-row {
        gap: 15px; /* 모바일에서 위아래 테이블 사이 간격 */
    }
}
/* 공통 박스 */
.apply_item {
    background: #00738f;
    color: #fff;
    border-radius: 40px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1.2;
}

/* 번호 */
.apply_item .num {
    font-size: 31px;
    font-weight: 700;
    color: #ffe600;
    margin-right: 20px;
    min-width: 50px;
    border-right: 1px solid #fff;
    padding-right: 20px;
    font-family: 'Pretendard'; 
    
}

/* 텍스트 */
.apply_item .txt {
    font-size: 21px;
    flex: 1;
}

/* 버튼 */
.go_btn {
    background: #a0885f;
    color: #fff!important;
    padding: 10px 23px;
    border-radius: 25px;
    font-size: 18px;
    text-decoration: none;
    font-weight: 700;
}

/* 모바일 */
@media (max-width: 768px) {
    .apply_grid {
        grid-template-columns: 1fr;
    }

    .apply_item {
        border-radius: 40px;
        padding: 18px 20px;
    }

    .apply_item .txt {
        font-size: 18px;
    }

    .apply_item .num {
        font-size: 22px;
    }
}

.page_tabs{width: 100%;display: flex;flex-direction: row;justify-content: space-between;}
.page_tabs li{width: 50%;text-align: center;padding:0.5% 0;background: #dcdcdc;transition: 0.3s ease-in-out;color: #fff;font-size: 24px;font-weight: 700;list-style: none;margin-top: 3%;}
.page_tabs li a{color: #fff;width: 100%;height: 100%;display: block;}
.page_tabs li.active,.page_tabs li:hover{background: #00738f;}

.tab_content {
    display: none;
  }

  #tab1 {
    display: block;
  }
ul.tabs {
    width: 80%;
    margin: 0 auto;
    margin-top: 4%;
    margin-bottom: 5%;
    list-style: none;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
ul.tabs li {
 
 width: 24%;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-align:center;
    opacity: 1;
    transition: 0.3s ease-in-out;
    background: #bebebe;
    border-radius: 60px;

}
ul.tabs li a {
 text-decoration: none;
 color: #fff;
 display: block;
 font-size: 20px;
 padding: 8px 0px 4px 0px;
 outline: none;
font-weight: 900;
font-family: 'Gmarket Sans';
}
ul.tabs li a span{font-weight: 400;}
         ul.tabs li.active a, html ul.tabs li:hover a{color: #fff;}
ul.tabs li.active, html ul.tabs li:hover{
 background: #efbb95;
} 

ul.tabs li:nth-child(2).active, html ul.tabs li:nth-child(2):hover{
 background: #b3ce6a;
} 

ul.tabs li:nth-child(3).active, html ul.tabs li:nth-child(3):hover{
 background: #88d3cf;
} 

ul.tabs li:nth-child(4).active, html ul.tabs li:nth-child(4):hover{
 background: #5fafff;
} 
ul.tabs li:nth-child(5).active, html ul.tabs li:nth-child(5):hover{
 background: #2cc6a8;
} 
ul.tabs li:nth-child(6).active, html ul.tabs li:nth-child(6):hover{
 background: #d973ff;
} 

.unit_top{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 5%;}
.unit_left{width: 20%;display: flex;flex-direction: column;}
.unit_right{width: 65%;}
.unit_ico_area{width: 100%;display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 1%;}
.unit_ico_box{display: flex;flex-direction: column;align-items: center;}
.unit_ico_ico{width: 80%;}
.unit_ico_txt{text-align: center;line-height: 1.4;}
.unit_ico_txt1{font-size: 16px;color: #343434;font-weight: 400;font-family: 'Gmarket Sans';}
.unit_ico_txt2{font-size: 24px;color: #343434;font-weight: 700;font-family: 'Gmarket Sans';}
.unit_ico_txt2 span{font-size: 18px;}
.unit_tit{font-size: 80px;color: #63b32e;font-family: 'Gmarket Sans';font-weight: 900;text-align: center;line-height: 1.2;}
.unit_tit span{font-size: 24px;font-weight: 300;color: #343434;display: block;margin-top: -20px;}
.unit_info{width: 100%;display: flex;justify-content: space-between;margin-top: 2%;}
.unit_info_txt{font-size: 18px;color: #000;font-weight: 400;font-family: 'Gmarket Sans';}
.unit_info_txt span{font-weight: 700;}
.keymap{width: 100%;display: flex;flex-direction: column;}
.keymap_img{width: 100%;}
.keymap_txt{width: 100%;padding: 3% 0 2% 0;font-size: 18px;font-weight: 400;font-family: 'Gmarket Sans';background: #63b32e;color: #fff;text-align: center;}
.unit_img{border: 1px solid #dcdcdc;text-align: center;padding: 3% 0;}
.unit_img img{max-width: 100%;max-height: 100%;width: unset;height: unset;}

.type_25 .unit_tit{color: #efbb95;}
.type_25 .keymap_txt{background: #efbb95}

.type_47 .unit_tit{color: #b3ce6a}
.type_47 .keymap_txt{background: #b3ce6a}

.type_79 .unit_tit{color: #88d3cf}
.type_79 .keymap_txt{background: #88d3cf}

.type_39B .unit_tit{color: #5fafff}
.type_39B .keymap_txt{background: #5fafff}

.type_39C .unit_tit{color: #2cc6a8}
.type_39C .keymap_txt{background: #2cc6a8}

.type_39S .unit_tit{color: #d973ff}

.type_39S .keymap_txt{background: #d973ff}


.unit_option{width: 100%;margin-top: 5%;}
.unit_option_tit{color: #00738f;font-weight: 400;font-family: 'Gmarket Sans';font-size: 18px;line-height: 1.6;}
.unit_option_tit span{font-weight: 700;}
.option_table{width: 100%;text-align: center;font-size: 18px;color: #343434;font-family: 'Gmarket Sans';border-top: 2px solid #00738f;border-bottom: 2px solid #00738f;line-height: 1.4;margin-top: 1%;}
/* 표 헤더(th)의 컬럼별 너비 비율 지정 (총합 100%) */
.option_table th:nth-child(1) { width: 20%; } /* 구분 */
.option_table th:nth-child(2) { width: 35%; } /* 주요시설 */
.option_table th:nth-child(3) { width: 45%; } /* 비고 */
.option_table tr{border: 1px solid #00738f;}
.option_table th,.option_table td{border-right: 1px solid #00738f;padding: 1.3% 0 1% 0;}
.option_table th{background: #00738f;font-weight: 700;color: #fff;border-right: 1px solid #fff;}
.option_table th:last-child{border-right: 1px solid #00738f;}
.option_table td{font-family: 'NanumSquare';font-weight: 600;}

  .unit-gallery-wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    margin-top: 3%;
  }

  .unit-swiper-main {
    width: 100%;
    border-radius: 16px; 
  }

  .unit-img-wrap {
    width: 100%;
    overflow: hidden;
    border-radius: 16px; 
    background-color: #f8f8f8;
  }


  .unit-nav-next, .unit-nav-prev {
    width: 44px !important;
    height: 44px !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    border: 1px solid #e0e0e0 !important; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    top: 50% !important;
    transform: translateY(-50%);
    margin: 0 !important;
  }

  .unit-nav-prev { left: -65px !important; }
  .unit-nav-next { right: -65px !important; }

  .unit-nav-next::after, .unit-nav-prev::after {
    font-size: 18px !important;
    color: #666 !important;
    font-weight: bold;
  }

/* 슬라이드가 세로로 나열되는 것을 방지 */
.unit-swiper-main .swiper-wrapper {
    display: flex !important;
    flex-direction: row !important;
}

.unit-swiper-main .swiper-slide {
    flex-shrink: 0 !important; 
    height: auto !important;
}

.unit-img-wrap img {
    width: 100%;
    display: block;
    object-fit: cover;
    border-radius: 16px;
}
  /* 모바일 대응 (1000px 이하) */
  @media (max-width: 1000px) {
    .unit-gallery-wrapper {
      padding: 0; 
        
    }
    .unit-nav-prev { left: 0 !important; }
    .unit-nav-next { right: 0 !important; }
  }


.commu_area{width: 100%;margin-top: 5%;position: relative;background: #00738f;border-radius: 0 60px 0 60px;padding: 6% 0;overflow: hidden;}
.commu_wrap{width: 100%;max-width: 983px;margin: auto;position: relative;z-index: 1;}
.commu_map{width: 100%;}
.commu_map_tit{font-size: 22px;color: #fff;font-family: 'Gmarket Sans';font-weight: 400;margin-bottom: 2%;text-align: right;}
.commu_map_tit span{font-weight: 700;}
.commu_ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 5%;}
.commu_li{width: 23.5%;display: flex;flex-direction: column;margin-bottom: 3%;text-align: center}
.commu_li_img{width: 100%;margin-bottom: 5%;}
.commu_li_tit{font-size: 22px;color: #fff;font-family: 'vitrocore';font-weight: 700;margin-bottom: 2%;}
.commu_li_txt{font-size: 14px;color: #fff;font-family: 'Gmarket Sans';font-weight: 400;line-height: 1.4;word-break: keep-all;margin-top: 1%;}
.commu_map_back{width: 588px;opacity: 0.3;position: absolute;top: -3%;left: -1%;z-index: 0}

.info_img{width: 100%;margin-top: 3%; margin-bottom: 4%;}
.info_box{width: 100%;display: flex;flex-direction: column;margin-top: 3%;}
.info_tit{display: flex;flex-direction: row;align-items: center;margin-bottom: 0.5%;}
.info_tit_ico{width: 30px;margin-right: 5px;}
.info_tit_txt{font-size: 24px;color: #000;font-family: 'NanumSquare';font-weight: 900;}
.info_cont{margin-left: 30px;word-break: keep-all;}
.info_cont span{font-size: 22px;font-weight: 700;color: #00738f; padding-bottom: 10px;}
.quilyfy_info_cont{margin-top: 1%;margin-bottom: 2%;margin-left: unset;line-height: 2;}

.info_visual{width: 100%;display: flex;flex-direction: row;justify-content: space-between;margin-top: 2%;margin-bottom: 3%;}
.info_visul_box{width: 49%;background: #006b9d;color: #fff;font-size: 28px;font-family: 'vitrocore';display: flex;align-items: center;justify-content: center;border-radius: 30px 30px 0 0;overflow: hidden;text-align: center;border: 1px solid #dcdcdc;}
.info_visul_box:first-child{padding: 5% 0;}
.info_visul_box2 .info_box_div{padding: 4% 0;}
.box_divide{display: flex;flex-direction: column;background: #7e4eb5;box-sizing: border-box;}
.info_visul_box2{padding: 0!important;background: #006b9d}
.info_box_div{width: 100%;height: 50%;display: flex;align-items: center;justify-content: center;}
.info_box_div:last-child{background: #fff;font-family: "Noto Sans KR", sans-serif;font-weight: 400;font-size: 20px;color: #343434;}

ul.tabs.qualify_tab{width: 50%;}
ul.tabs.qualify_tab li{width: 49%;}
ul.tabs.qualify_tab li a{color: #fff;}
ul.tabs.qualify_tab li.active, html ul.tabs.qualify_tab li:hover{background: #00738f;}

.qualify{display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-top: 3%;margin-bottom: 3%; border: 1px solid #dcdcdc;;border-radius: 30px 0 0 30px;}
.qualify_tit{width: 30%;font-size: 24px;color: #fff;font-family: 'vitrocore';height: 100%;text-align: center;border-radius: 30px 0 0 30px;background: #00738f;padding: 5% 4%;}
.qualify .info_box{margin-top: unset;margin-left: 30px;}
.qualify .info_box .info_tit_txt{font-family: "NanumSquare";font-weight: 700;font-size: 18px;word-break: keep-all;}
.qualify .info_tit:last-child{margin-bottom: 0;margin-top: 1%;}

.info_cont_li{padding-left: 15px;position: relative;margin-bottom: 5px;margin-top: 5px;line-height: 1.6;}
.info_cont_li:before{content:'';display: inline-block;width: 6px;height: 6px;background: #343434;border-radius: 60px;position: absolute;top: 10px;left: 5px;}
.info_cont_li_warn{font-size: 14px;color: #343434;font-family: "Noto Sans KR", sans-serif;font-weight: 400;line-height: 1.4;}
.info_cont_li_warn .warn,.warn span{font-size: 14px;color: #343434;}
.info_cont_li_warn.mojip_warn .warn{font-size: 15px;}
.underline{text-decoration: underline;display: inline-block;}

.qualify_table_tit{font-size: 18px;font-weight: 700;margin-bottom: 1%;margin-top: 1%;}
.qualify_table{width: 100%;text-align: center;font-size: 14px;color: #343434;border-top: 2px solid #dcdcdc;border-bottom: 2px solid #dcdcdc;line-height: 1.4;margin-bottom: 1%;}
.qualify_table tr{border: 1px solid #dcdcdc;}
.qualify_table th{background: #ededed;font-weight: 700;}
.qualify_table th,.qualify_table td{border-right: 1px solid #dcdcdc;padding: 1.3% 0 1% 0;}
.qualify_warn_box{width: 100%;padding: 2%;background: #F6F6F6;line-height: 1.8;}
.qualify_warn_box .warn{font-size: 14px;}
.qualify_warn_box .warn_tit{margin-bottom: 2%;}
.qualify_warn_box .warn:last-child span{padding-bottom: 0;}

.mojipnotice_img{width: 100%;margin: 3% 0;}
.mojipnotice_ul{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;gap: 20px; font-family: 'Gmarket Sans';}
.mojipnotice_li{width: 32%;padding: 2%; display: flex;flex-direction: column;justify-content: space-between;align-items: center;position: relative;border: 1px solid #00738f;border-radius: 20px;text-align: center;gap: 20px;min-height: 288px;}
.notice_num{font-size: 34px;font-weight: 700;color: #b3a389;position: absolute;top: 15px;left: 15px;}
.notice_ico{max-width: 78px;}
.notice_tit{font-size: 28px;color: #00738f;font-weight: 700;word-break: keep-all;}
.notice_date{font-size: 19px;color: #fff;font-weight: 500;background: #00738f;text-align: center;padding: 5% 0 5% 0;border-radius: 60px;width: 100%;letter-spacing: -1px;line-height: 1.4;}
.notice_btn{font-size: 20px;font-weight: 700;color: #fff;display: inline-block;background: #848484;padding: 2% 5%; transition: 0.3s ease-in-out;margin: auto;margin-top: 5%;}
.notice_btn a{color: #fff;}
.notice_btn:hover{background: #00738f;}
.notice_btn_ico{width: 30px;display: inline-block;margin-right: 10px;}

.sub_img_box{width: 100%;height: 330px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.sub_img_box.support_img{background: url(../img/support_img.jpg) no-repeat center 0;background-size: cover;border-radius: 30px 0 30px 0;overflow: hidden;}
.sub_img_box_txt{color: #fff;text-align: center;}
.sub_img_box_txt h1{font-size: 38px;font-family: 'Gmarket Sans'}
.sub_img_box_txt h2{margin-top: 10px;font-family: "Noto Sans KR", sans-serif;font-weight: 300;font-size: 22px;}
.support_ico{width: 80px;margin-top: 1%;}

.support_btn_area{display: flex;flex-direction: row;justify-content: space-between;width: 50%;margin: auto;}
.support_btn_area a{width: 49%;}
.support_btn{width: 100%; padding: 1.4% 0 1.1% 0;background-color: var(--main-color);color: #fff;text-align: center;border-radius: 60px;margin:0 auto;margin-top: 30px;font-size: 22px;font-family: 'NEXON Lv1 Gothic OTF', sans-serif;font-weight: 700;border: 1px solid var(--main-color);transition: 0.3s ease-in-out;}
.support_btn:hover{background-color: #fff;color: var(--main-color);}

.chungyaknotice_ul {flex-wrap: unset;margin-top: 5%;margin-bottom: 3%;}
.chungyaknotice_ul .mojipnotice_li{padding: 4% 1%;width: 34%;}
/*.chungyaknotice_ul .notice_tit{font-size: 25px;}*/
.chungyaknotice_ul .notice_txt{font-size: 18px;font-family: NanumSquare;color: #343434;font-weight: 500;}
.chungyaknotice_ul .notice_date {font-size: 18px;}

.chungyak_btn{width: 100%;}
.chungyak_btn ul.tabs{width: 100%;}
.chungyak_btn ul.tabs li{width: 32%;background: var(--main-color);}
.chungyak_btn ul.tabs li a{font-size: 18px;}
.chungyak_btn ul.tabs li.active,.chungyak_btn ul.tabs li:hover{
 background: #25ceae!important;
} 

.chungyak_btn2{width: 100%;}
.chungyak_btn2 ul.tabs{width: 50%;}
.chungyak_btn2 ul.tabs li{width: 48%;background: var(--main-color);}
.chungyak_btn2 ul.tabs li.active,.chungyak_btn2 ul.tabs li:hover{
 background: #25ceae!important;
} 

.sp_bt{display: flex;flex-direction: row;justify-content: space-between;padding: 2% 3%;background: #f3f3f3;}
.sp_bt .info_box{width: 48%;align-items: center;}
.sp_bt .info_box .quilyfy_info_cont{text-align: center;}

.formpdf_area{width: 100%;display: flex;flex-direction: row;justify-content: space-between;margin-top: 1%;}
.formpdf_area a{width: 24%;}
.formpdf_btn{font-size: 18px;font-weight: 700;color: #fff;display: flex;align-items: center;justify-content: center;background: #00738f;border: 1px solid #00738f; padding: 2% 0;transition: 0.3s ease-in-out;margin: auto;width: 100%;text-align: center;height: 100%;}
.formpdf_btn:hover{background: #fff;color: #00738f;}
.formpdf_sample{border: 1px solid #ec273e;color: #ec273e;background: #fff;}
.formpdf_sample:hover{color: #fff;background: #ec273e;}

.documents_sample{border: 1px solid #00738f;color: #00738f;background: #fff;}
.documents_sample:hover{color: #fff;background: #00738f;}

.warn{width: 97%;font-size: 12px;font-family: 'Noto Sans KR';color: #363636;line-height: 1.4;display: flex;word-break: keep-all;margin-bottom: 0.2%;}
.warn_tit{font-size: 18px;font-weight: 700;color: #343434;}
.warn span{margin-right: 5px;}
.warn_first{margin-top: 1.5%;}

.gw-footer-container .foot_down{font-size: 24px;color: #fff;background: #333;border-radius: 60px;display: inline-block;width: 45px;height: 45px;display: flex;justify-content: center;align-items: center;position: absolute;top: 0;right: 0;display: none;cursor: pointer;}
.gw-footer-container.on .foot_down{display: flex;}
/*반응형------------------------------------------------------------------------------------------------------------------ */
#pc{}
#mb{display: none;}

@media screen and (max-width:1024px){
#pc{display: none;}
#mb{display: block;}
    .main_line_area{display: none;}
    .main_visual_cont {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
        width: 100%;
    }
    .main_slide_txt1{font-size: 1.4em;}
    .main_slide_txt2{font-size: 1.1em;}
    .main_slide_txt3{font-size: 4em;}
    .main_slide_logo{width: 55%;margin: auto;margin-top: -50%;}
    .main_slide_logo img{width: 100%;}
    .main_slide_dots{width: 10%;margin:3% auto;}
    .main_slide_dots img{width: 100%;}
    .main_line_area svg{width: 90%;height: 190%;margin-left: 6.3%;
    margin-top: -144%;}
    
    .main_slide_logo_bg{width: 92vw;height: 63vw;}
    .background-svg-container{opacity: 0.2;}
    #sub-lavom .gw-box-container{padding: 0;}
    
    .sub_title{font-size: 1.3em;}
    .sub_title span{font-size: 1.3em;}
    .sub_img{margin-top: 10%;}
    
    .benefit_ul{width: 95%;margin: auto;margin-top: 5%;}
    .benefit_li{flex-direction: column;justify-content: unset;}
    .benefit_left{width: 100%;}
    .benefit_right{width: 100%;align-items: center;text-align: center;padding: 5% 0;}
    .benefit_tit{font-size: 1.5em;margin-bottom: 1%;}
    .benefit_tit br{display:none;}
    .benefit_txt{font-size: 1.0em;word-break: keep-all;margin-top: 1%;}
    .benefit_ico{font-size: 1.5em;top: 2%;right: 2%;}
    .premium_ul{width: 95%;margin: auto;margin-top: 5%;gap: unset;justify-content: space-between;flex-direction: column;flex-direction: row;display: flex;}
    .premium_li{width: 48%;}
    .premium_txt{font-size:0.8em;margin-top: 1%;}
    
    .unit_tit{font-size: 5em;width: 50%;}
    .unit_info_txt{font-size: 0.9em;line-height: 1.4;}
    .keymap_txt{font-size: 1.3em;}
    .unit_info{flex-direction: column;margin-top: 7%;}
    .unit_top{flex-direction: column;margin-top: 15%;}
    .keymap{width: 50%;}
    .unit_left{width: 100%;flex-direction: row;align-items: center;justify-content: space-between;}
    .unit_right{width: 100%;}

/* 모바일 반응형 (1024px 이하) 수정 코드 */
.unit_ico_ico { 
    width: 32px; /* 아이콘 크기를 px로 지정해 화면이 좁아져도 일정 비율 유지 */
}

.unit_ico_area {
    flex-wrap: nowrap; /* 줄바꿈을 방지하고 한 줄 배치 유지 */
    gap: 0;            /* 간격을 제거하여 5개 균등 분배 */
    margin-top: 3%;
    justify-content: space-between;
    align-items: center;
}

.unit_ico_box {
    width: 20%;        /* 5개 박스가 exact 100% (20% * 5) 로 한 줄에 딱 맞도록 설정 */
}

.unit_ico_txt1 {
    font-size: 0.75rem; /* 글자 크기를 살짝 조절하여 좁은 화면에서도 텍스트가 깨지지 않게 함 */
    word-break: keep-all;
}

.unit_ico_txt2 {
    font-size: 0.85rem;
    white-space: nowrap; /* 숫자와 단위(㎡)가 다음 줄로 넘어가지 않게 함 */
}

.unit_ico_txt2 span {
    font-size: 0.7rem;
}

    .tab_container{width: 95%;margin: auto;}
    .unit_img{margin-top: 5%;}
    .unit_img img{width: 70%; height: auto;}
    .unit_option{width: 95%;margin: auto;margin-top: 10%;}
    .unit_tit span{margin-top: unset;}
    .unit_option_tit{font-size: 1.3em;}
    .option_table{font-size: 0.9em;font-family: 'Noto Sans KR';}
    .warn{font-size: 0.8em;}
    ul.tabs{width: 95%;}
    ul.tabs.qualify_tab{width: 95%;}
    ul.tabs li a{font-size: 1.2em;padding: 3% 0 4% 0;}
    .page_tabs li{font-size: 1.3em;}
    
    .commu_area{border-radius: 0;}
    .commu_map_tit{font-size: 0.9em;word-break: keep-all;line-height: 1.4;}
    .commu_wrap{max-width: 95%;}
    .commu_ul{margin-top: 8%;}
    .commu_li{width: 48%;margin-bottom: 4%;}
    .commu_li_tit{font-size: 1.3em;}
    .commu_li_txt{font-size: 0.9em;word-break: keep-all;margin-top: 1%}
    .commu_li_txt br{display: none;}
    .commu_map_back{width: 102%;}
    .warn_first{margin-top: 3%;}
    
    .info_box{width: 95%;margin: auto;margin-top: 6%;}
    .info_visual{margin: 5% 0;}
    .info_visul_box{border-radius: 0;}
    .info_box_div{height: unset;}
    .info_visul_box{font-size: 1.3em;}
    .info_box_div:last-child{font-size:0.7em;word-break: keep-all;}
    .info_box_div:first-child{padding: 2% 0;}
    .info_box_div:last-child{height: 100%;}
    
    .qualify{flex-direction: column;border: 0px;width: 95%;margin: auto;margin-top: 3%;margin-bottom: 6%;}
    .qualify_tit{width: 50%;border-radius: 60px;font-size: 1.3em;padding: 2% 4%;margin-bottom: 3%;}
    .qualify .info_box .info_tit_txt{font-size: 1.1em;width: 100%;}
    .qualify .info_box{margin-left: 0;margin-right: 0;}
    .warn_tit{line-height: 1.4;word-break: keep-all;margin-bottom: 1%;font-size: 1.1em;margin-top: 3%;}
    .qualify_table{font-size: 1em;}
    .qualify_table tbody{width: 100%;}
    .qualify_table tr{width: 100%;}
    .qualify_table th, .qualify_table td{word-break: break-all;}
    .qualify_table td:first-child{word-break: keep-all;}
    .info_tit{font-size: 1.1em;align-items: flex-start;}
    .info_cont .warn span{padding-bottom: 0;}
    .info_cont span
    .info_cont_li{font-size: 1em;}
    .info_cont_li:before{}
    .qualify_table_tit{margin-top: 4%;font-size: 1.2em;}
    .info_cont_li_warn{font-size: 0.8em;}
    .info_cont_li{margin-bottom: 4%;}
    .info_tit_txt{font-size: 1.4em;line-height: 1.2;}
    .info_tit_txt{font-size: 1.4em;line-height: 1.2;}
    .info_tit_txt{width: 100%;word-break: keep-all;}
    .info_cont span{font-size: 1.3em; line-height: 1.2;}
    
    .mojipnotice_ul{gap:unset;justify-content: space-between;width: 95%;margin: auto;margin-top: 5%;}
    .mojipnotice_li{width: 48%;justify-content: center;margin-bottom: 4%;overflow: hidden;word-break: keep-all}
    .notice_tit{font-size: 1.5em;word-break: keep-all;}
    .notice_tit br{display: none;}
    .notice_date{font-size: 1.2em;border-radius: 0;line-height: 1.4;}
    .chungyaknotice_ul{flex-wrap: wrap;}
    .chungyaknotice_ul .mojipnotice_li{width: 49%;}
    .chungyak_btn ul.tabs li{width: 49%;margin-bottom: 3%;}
    .chungyaknotice_ul .notice_tit{font-size: 1.5em;}
    .notice_date{position: absolute;bottom: 0;min-height: 7vh;display: flex;align-items: center;justify-content: center;}
    .chungyak_btn2 ul.tabs{width: 80%;}
    
    .sp_bt{flex-direction: column;}
    .sp_bt .info_box{width: 100%;}
    
    .sub_img_box.support_img{width: 95%;margin: auto;padding: 0 3%}
    .sub_img_box_txt h1{font-size: 2em;}
    .sub_img_box_txt h2{font-size: 1.3em;}
    .support_btn_area{flex-direction: column;width: 92%;}
    .support_btn_area a{width: 100%;}
    .support_btn{max-width: 95%;font-size: 1.2em;}
    
    .formpdf_area{flex-wrap: wrap;}
    .formpdf_area a{width: 49%;}
    .formpdf_area a:nth-child(n+3){margin-top: 1%;}
    .formpdf_btn{font-size: 1em;}
}