@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Open+Sans:wght@400;700&display=swap');

* {margin:0; padding:0; font-family: 'Ubuntu', 'Noto Sans', 'Noto Sans KR', sans-serif;}

html, body { overflow-x: hidden; }

li {list-style:none;}
a {text-decoration:none; color:inherit;}

.clearfix{*zoom:1}

.clearfix:after{clear:both;display:block;content:'';}


.scroll { width: 100%; overflow-x: auto !important; }

.content_box{
	background:#ffffff;
	width: 100%
	max-width:1200px;
	padding:49px;
	box-sizing:border-box;
	margin:auto;
	border:1px solid #e1e1e1;
	
}

/* 라이브러리 */
.con {
    margin:0 auto;
}

.img-box > img {
    width:100%;
    display:block;
}

.row::after {
    content:"";
    display:block;
    clear:both;
}

.cell {
    float:left;
    box-sizing:border-box;
}

.cell-right {
    float:right;
    box-sizing:border-box;
}

.margin-0-auto {
    margin:0 auto;
}

.block {
    display:block;
}

.inline-block {
    display:inline-block;
}

.text-align-center {
    text-align:center;
}

.line-height-0-ch-only {
    line-height:0;
}

.line-height-0-ch-only > * {
    line-height:normal;
}

.relative {
    position:relative;
}

.absolute-left {
    position:absolute;
    left:0;
}

.absolute-right {
    position:absolute;
    right:0;
}

.absolute-middle {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
}

.table {
    display:table;
}

.table-cell {
    display:table-cell;
}



/* 커스텀 */
.con {
    max-width:1440px;
}

.con-min-width {
    min-width:320px;
}


.web_banner{
    position:relative;
    transition:all 1s;
	top:0;
	opacity: 0;
	top:100px;
}
.bAction{
	top:0 !important;
	opacity: 1 !important;
}

.web_banner2{
    position:relative;
    transition:all 1s;
    left:0;
    opacity: 0;
    left:-10%;
}
.bAction2{
	left:0;
	opacity: 1 !important;
}

.web_banner3{
    position:relative;
    transition:all 1s;
    right:0;
    opacity: 0;
    right:-10%;
}
.bAction3{
	right:0;
    opacity: 1;
}

.transition1{transition-delay:0.3s}
.transition2{transition-delay:0.6s}
.transition3{transition-delay:0.9s}
.transition4{transition-delay:1.2s}
.transition5{transition-delay:1.5s}
.transition6{transition-delay:1.8s}
.transition7{transition-delay:2.1s}





.effFade{position:relative;opacity:0;transition:all 1.2s;}
.effFade2{position:relative;opacity:0;transition:all 2.4s;}
.effLeft{position:relative;left:-50px;opacity:0;transition:all .8s;}
.effRight{position:relative;left:50px;opacity:0;transition:all .8s;}
.effTop{position:relative;top:-50px;opacity:0;transition:all 1.2s;}
.effBottom{position:relative;top:20px;opacity:0;transition:all .8s;}
.effAction{
	top:0 !important;
	left:0 !important;
	bottom:0 !important;
	opacity: 1 !important;
}
.effDelay1{transition-delay:0.1s}
.effDelay2{transition-delay:0.2s}
.effDelay3{transition-delay:0.3s}
.effDelay4{transition-delay:0.4s}
.effDelay6{transition-delay:0.6s}
.effDelay8{transition-delay:0.8s}
.effDelay10{transition-delay:1s}
.effDelay12{transition-delay:1.2s}
.effDelay14{transition-delay:1.4s}
.effDelay16{transition-delay:1.6s}
.effDelay18{transition-delay:1.8s}
.effDelay20{transition-delay:2s}
.effDelay22{transition-delay:2.2s}
.effDelay24{transition-delay:2.4s}
.effDelay26{transition-delay:2.6s}
.effDelay28{transition-delay:2.8s}
.effDelay30{transition-delay:3s}
.effDelay32{transition-delay:3.2s}
.effDelay34{transition-delay:3.4s}
.effDelay36{transition-delay:3.6s}
.effDelay38{transition-delay:3.8s}
.effDelay40{transition-delay:4s}
.effDelay42{transition-delay:4.2s}
.effDelay44{transition-delay:4.4s}
.effDelay46{transition-delay:4.6s}
.effDelay48{transition-delay:4.8s}
.effDelay50{transition-delay:5s}
.effDelay52{transition-delay:5.2s}
.effDelay54{transition-delay:5.4s}
.effDelay56{transition-delay:5.6s}
.effDelay58{transition-delay:5.8s}
.effDelay60{transition-delay:6s}

/* ------------------------------------------------------------------  HEADER ------------------------------------------------------------------ */

/*header{position:relative; width:100%; overflow:hidden;}*/
#nav {position:relative; z-index:9999; width:100%; height:80px; box-shadow:0 1px 5px rgba(0,0,0,0.1);}

header h1{display:inline-block; line-height:80px; margin-right:80px;}
header h1 img{display:block; width:215px; margin:15px 0; float:left;}

/*
header .member{display:inline-block; float:right; clear:both;}
header .member li{float:left; margin-left:20px; font-size:16px; line-height:80px; font-weight:500; color:#4b4b4b; transition:color 0.2s;}
header .member li:hover{color:#6bb85e;}
*/
header .member{display:inline-block; float:right; clear:both;}
header .member li{float:left; /*margin-left:20px;*/ margin-right:10px; margin-top:20px; font-size:16px; padding:10px; border-radius:4px; font-weight:500; color:#fff; }
header .member li:nth-child(1) {background:#35343c;}
header .member li:nth-child(1):hover{background:#01010d; transition:.2s;}
header .member li:nth-child(2) {background:#4c30a5;}
header .member li:nth-child(2):hover{background:#362382; transition:.2s;}

.inner{width:1200px; margin:0 auto;}
.nav-list{padding: 0; display:inline-block; clear:both; }
.nav-list a {display: block; position: relative; zoom: 1; }
.nav-list .dep1{float:left; margin-right:55px; font-size:18px; line-height:80px; color:#01010d; transition:color 0.2s;}
.nav-list .dep1:hover{color:#4c30a5;}

.nav-list .dropped {display:none; width:100%; max-width: 1240px; min-height:180px; /*background:#fbfbfb;*/background:#fff; position:absolute;  left: 50%; transform: translateX(-50%); top:80px; clear:both; box-sizing:border-box; padding-left: 40px; padding-top:10px; padding-bottom:10px;}
.nav-list .dropped::before { content: ""; display: block; width: 100vw; height: 100%; background: #FFF; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
.nav-list .dropped::after { content: ""; display: block; width: 100vw; height: 1px; background: #CCC; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; }
.nav-list .dropped .drop-wrap { position: relative; }
.nav-list .dropped .drop-wrap::after { content: ""; display: block; width: calc(100vw + 30px); height: 1px; background: #EDEDED; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); z-index: -1; }

.nav-list .dropped > div{float:left; }
.nav-list .index{width:240px; min-height:180px; padding:15px 0 20px; box-sizing:border-box;}
.nav-list .index .imgbox{width:100%; height:150px; overflow:hidden;/* background:#eee;*/}
.nav-list .index .imgbox img{max-width:100%;}
.nav-list .index h2{font-weight:500; font-size:24px; line-height:30px; margin-bottom:15px; color:#333;}
.nav-list .dep2{padding-left:15px; margin:15px 20px 20px; position:relative;}
.nav-list .dep2:before{position:absolute; content:""; border-left:1px dotted #ddd; width:1px; height:150px; left:0; top:10px;}
.nav-list .dep2 h3{text-indent:16px; font-size:18px; font-weight:600;}
.nav-list .dep2 h3 a{color:#4c30a5;}
.nav-list .dep3{margin-top:12px; padding-left:15px;}
.nav-list .dep3 li{margin-top:8px; padding:0; font-size:16px;}
.nav-list .dep3 li a{color:#5b5b5b;}
.nav-list .dep3 li a:hover{color:#000;}


.gnb-layer-bg { display: none; }

.gnb-layer { display: none; }

/* ------------------------------------------------------------------  MAIN ------------------------------------------------------------------ */


/* 메인슬라이드 - Swiper */

.main-swiper-container { 
	width: 100%; 
	height: auto;
	/* aspect-ratio: 1920/640;  */
	margin-bottom: 50px; 
	position: relative;
}

.main-swiper {
	width: 100%;
	/* height: 100%; */
}
.swiper-wrapper {
	height:unset !important;
}
.main-swiper .swiper-slide {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.main-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Swiper 네비게이션 버튼 스타일 */
.main-swiper .swiper-button-next,
.main-swiper .swiper-button-prev {
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.main-swiper .swiper-button-next:hover,
.main-swiper .swiper-button-prev:hover {
	background: rgba(0, 0, 0, 0.6);
	transform: scale(1.1);
}

.main-swiper .swiper-button-next:after,
.main-swiper .swiper-button-prev:after {
	font-size: 20px;
	font-weight: bold;
}

/* Swiper 페이지네이션 스타일 */
.main-swiper .swiper-pagination {
	bottom: 20px;
}

.main-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5);
	opacity: 1;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	transition: all 0.3s ease;
}

.main-swiper .swiper-pagination-bullet-active {
	background: #4c30a5;
	transform: scale(1.2);
}
.main-title-wrap {position:relative; top:200px;}
.main-title {font-size:38px; font-family: 'NanumSquare', sans-serif;}
.main-subtitle {font-size:48px; margin:10px 0; font-weight:800; font-family: 'NanumSquare', sans-serif;}

.main-bt {width:200px; height:48px; line-height:48px; font-size:14px; text-align:center; background:#4c30a5; color:#fff; border-radius:30px; margin:50px 0;}
.main-bt a {display:inline-block; width:100%;}
.main-bt:hover {background:#2e1d68; transition:.2s;}

.main-bx .pc { display: block; }
.main-bx .mo { display: none !important; }


.main-btns {width:1400px; margin:0 auto; display:flex; justify-content:space-between;}
.main-btns a {display:block; width:calc(25% - 20px); height:120px; border-radius:12px;}
.main-btns a.btns01 {background:/*#2eb2e5;*/#2e77e5;}
.main-btns a.btns02 {background:/*#2e77e5;*/#4146b7;}
.main-btns a.btns03 {background:/*#2e77e5;*/#2f91bf;}
.main-btns a.btns04 {background:/*#2e77e5;*/#fa0;}


.main-btns a.btns01:hover {box-shadow: 0 0 10px 4px rgba(46, 119, 229, 0.5); transition:.2s;}
.main-btns a.btns02:hover {box-shadow: 0 0 10px 4px rgba(65, 70, 183, 0.5); transition:.2s;}
.main-btns a.btns03:hover {box-shadow: 0 0 10px 4px rgba(47, 145, 191, 0.5); transition:.2s;}
.main-btns a.btns04:hover {box-shadow: 0 0 10px 4px rgba(255, 170, 0, 0.5); transition:.2s;}

.main-btns a .inr {position:relative; height:100%; display:flex; align-items:center; justify-content:space-between; padding:0 20px; box-sizing:border-box;}
.main-btns a .inr .icon {width:80px; height:80px; display:flex; align-items:center; justify-content:center;}
.main-btns a .inr .icon img {width:80px; height:80px;}

.main-btns a .inr .btns-name {width:calc(100% - 95px); font-size:22px; font-weight:600; color:#fff;}
.main-btns a .inr .arrow {position:absolute; top:52%; right:20px; transform:translateY(-50%); width:20px; height:20px; background:url("/images/arrows.svg")no-repeat center center / cover;}


.con-wrapper { width: 100%; max-width:1200px; margin:0 auto;}
.con-wrapper .bx-viewport {height:auto !important;}

.con-wrapper .bx-wrapper .bx-controls-direction a {margin-top:15px;}

.con-wrapper .bx-wrapper .bx-prev {left:-50px;}
.con-wrapper .bx-wrapper .bx-next {right:-50px;}

/*.sec {padding:50px 0;}*/
.sec02 {padding:150px 0 100px 0; background:url("/images/content/about-bg.jpg")no-repeat; background-size:cover; background-position-x: 50%; }
.sec03 {padding:50px 0 100px 0; background:#e6edf4;}
.sec04 {padding:50px 0 150px 0; background:#fff;}


.sec .section-title {font-size:36px; font-family: 'Montserrat', sans-serif; text-align:center; /*margin-bottom:50px;*/ margin:80px 0 50px 0;}
.service-box-wrap .service-box {float:left; width:285px; height:400px; text-align:center; background:#fff; box-shadow:1px 7px 10px 0px rgb(0 0 0 / 12%);}
.service-box-wrap a {display:inline-block;}

.service-box-wrap  a:not(:last-child) {margin-right:15px;}

.service-box-wrap .service-box img {margin:50px 0 40px 0;}

.service-box-wrap .service-box:hover {background:#f1f2f3; transition:.2s;}

.service-tit {font-size:24px; font-weight:600; font-family: 'NanumSquare', sans-serif; color:#4c30a5;}
.service-subtit {font-size:18px; margin:10px 0;}
.service-txt {color:#383844;}

.about-box {float:right; width:50%; padding-top:100px; box-sizing:border-box;}
.about-title {font-size:24px; font-family: 'Montserrat', sans-serif;}
.about-subtitle {margin:50px 0;}
.about-subtitle p:nth-child(1) {font-size:24px;}
.about-subtitle p:nth-child(2) {font-size:38px; font-weight:800; font-family: 'NanumSquare', sans-serif; margin:10px 0 30px 0;}
.about-subtitle p:nth-child(3) {color:#383844;}
.about-subtitle p:nth-child(3) br { display: none; }


.partner-box-wrap * { box-sizing: border-box; }
.partner-box-wrap .partner-box {float:left; width:285px; height:250px; text-align:center; /*box-shadow:1px 7px 10px 0px rgb(0 0 0 / 12%);*/ /* border:1px solid #e1e1e1; */}
/*
.partner-box-wrap div:not(:last-child) {margin-right:20px;}
.partner-box-wrap .partner-box p.partner-txt {font-size:20px;margin-top:80px;}
*/
.partner-box-wrap .partner-box img { width: 100%; height: 100%; object-fit: cover; }


.boardBox {float:left; width:calc((100%/2) - 30px); height:350px;}
.boardBox01 {margin-right:60px;}
.boardBox .boardTit {height: 60px; font-size:20px; font-weight:600; padding:15px 0; border-bottom:1px solid #555; box-sizing: border-box; }

.boardList {margin-top:30px;}
.boardList li {padding:10px 0; color:#666; border-bottom:1px dotted #e1e1e1; color:#01010d;}

.boardDate {float:right; color:#888;}
.boardMore {float:right; display:inline-block; width:32px; height:32px; background:url("/images/content/btnM.png")no-repeat; background-size:cover; vertical-align:middle;}

.sec04 .bx-wrapper { aspect-ratio: auto; }


#mainSlide {position:relative; top:0px; z-index:10; width:100%; height:760px; overflow:hidden;}

#mainSlide .slick-list {width:100%; height:100%;}
#mainSlide .slick-track {width:100%; height:100%;}
#mainSlide .slick-slide {width:100%; height:760px; overflow:hidden;}
#mainSlide .slick-slide .s01 .bgArea {height:100%; background:url('/images/content/slide01.jpg') center top no-repeat; background-size:cover; transition: all 5s;}
#mainSlide .slick-slide .s02 .bgArea {height:100%; background:url('/images/content/slide02.jpg') center top no-repeat; background-size:cover; transition: all 5s;}


#mainSlide .slick-slide > div, #mainSlide .slick-slide > div > div {position:relative; height:100%;}
#mainSlide .slick-slide .bgArea:before { content: ""; display:none; height:100%; width:100%; position:absolute; top:0; left:0;}
#mainSlide .slick-slide.ani .bgArea:before {display:block;}
#mainSlide .slick-slide.ani .bgArea {-ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

#mainSlide .slick-dots {position:absolute; left:50%; bottom:80px; width:1200px; margin-left:-36px;/*margin:0 0 0 -580px;*/  text-align:left; z-index:50;}
#mainSlide .slick-dots:after {content:""; display:block; clear:both;}
#mainSlide .slick-dots li {display:inline-block; width:8px; height:8px; border:2px #999 solid; transition: all 0.5s; margin:0 7px; cursor:pointer; border-radius:20px;}
#mainSlide .slick-dots li.slick-active {display:inline-block; width:36px; height:8px; border:2px #d81c3e solid; background:#d81c3e;}
#mainSlide .slick-dots li button {display:none;}

/* innerbox */
.innerbox {position:relative; width:1200px; margin:0 auto;}
.innerbox:after {content:""; display:block; clear:both;}


#mainSlide .slick-slide .txtArea {position:absolute; left:0; bottom:250px; width:100%; height:220px; opacity:0; overflow:hidden; z-index:4; word-break:keep-all;}

#mainSlide .slick-slide .txtArea .txt {font-size:54px; text-align:center; color:#fff; line-height:1.3; letter-spacing:-1px; margin:0 auto;}

#mainSlide .slick-slide .txtArea .tit-btn:hover {background:#333; border:1px solid #333;}

#mainSWrap {position:relative; width:100%;}
#mainSWrap:after {content:""; display:block; clear:both;}
#mainSWrap .msLeft {position:absolute; left:50px; top:49%; display:inline-block; width:80px; height:80px; margin:-40px 0 0 0; background:url('/images/btn_main_slide_left.png') left top no-repeat; z-index:60; cursor:pointer;}
#mainSWrap .msRight {position:absolute; right:50px; top:49%; display:inline-block; width:80px; height:80px; margin:-40px 0 0 0; background:url('/images/btn_main_slide_right.png') left top no-repeat; z-index:60; cursor:pointer;}




/* 중앙 컨텐츠 3차 visual story */
.v-sec {padding:100px 0 !important; background:#faf6ea;}

.v-story-wrap {
    font-size:25px;
}

.v-story-wrap .v-story-tt {
    text-align:center;
    margin-bottom:10px;
	letter-spacing:-1.5px;
	font-weight:500;
}

.v-story-wrap .v-story-tt2 {
    text-align:center;
    margin-bottom:40px;
	letter-spacing:-0.8px;
	font-size:16px;
	font-weight:400;
	color:#666;
}

.v-story-wrap .v-story-slider {
    text-align:center;
}

.v-story-wrap .v-story-slider .slick-list {
    box-sizing:border-box;
}

.v-story-wrap .v-story-slider .slider-item {
    max-width:690px;
    position:relative;
}

.v-story-wrap .v-story-slider .slider-item .img-box > img {
    transform-origin:50% 50%;
    transform:scale(0.88);
    transition:transform .5s linear;
}

.v-story-wrap .v-story-slider .slick-center .slider-item .img-box > img {
    transform:scale(1);
    transition:transform .5s linear;
}

/* discover btn 호버시 나오는 애니메이션까지 */
.v-story-wrap .v-story-slider .slider-item > a {
    position:relative;
}

.v-story-wrap .v-story-slider .slider-item > a::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,0);
    transition:background-color .8s;
}

.v-story-wrap .v-story-slider .slick-active .slider-item > a:hover::after {
    background-color:rgba(0,0,0,.3);
}

.v-story-wrap .v-story-slider .slider-item > a > .discover {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:5;
    opacity:0;
    transition:opacity .8s;
}

.v-story-wrap .v-story-slider .slider-item > a > .discover > span.discover-btn {
    background: url("/images/content/more-icon.png")no-repeat center center;
    width:50px;
    height:50px;
	margin:0 auto 20px; 
	transition:transform .8s;
}




.v-story-wrap .v-story-slider .slider-item > a > .discover > span.discover-txt {
    font-size:20px;
    color:#fff;
}

/* 호버 애니메이션 */
.v-story-wrap .v-story-slider .slick-active .slider-item > a:hover > .discover {
    opacity:1;
}

.v-story-wrap .v-story-slider .slick-active .slider-item > a:hover > .discover > span.discover-btn {
    transform:rotate(360deg);
}

/* visual story 내부 텍스트 */
.v-story-wrap .v-story-slider .slider-item > .v-story-desc-list {
    margin-top:26px;
    opacity:0;
    transform:translateY(30%);
    transition:opacity .8s, transform .8s;
}

.v-story-wrap .v-story-slider .slider-item > .v-story-desc-list > .v-story-desc-tt {
    font-size:14px;
}

.v-story-wrap .v-story-slider .slider-item > .v-story-desc-list > .v-story-desc {
	margin:20px 0;
    font-size:16px;
}

.v-story-wrap .v-story-slider .slick-active .slider-item > .v-story-desc-list {
    opacity:1;
    transform:translateY(0);
    transition:opacity .8s .5s, transform .8s .5s;
}

/* visual story 사이드 버튼 */
.v-story-wrap .v-story-slider .slick-arrow {
    z-index:10;
    top:185px;
    width:50px;
    height:60px;
}

.v-story-wrap .v-story-slider .slick-prev {
    left:259px;
}

.v-story-wrap .v-story-slider .slick-next {
    right:259px;
    left:auto;
}

.v-story-wrap .v-story-slider .slick-arrow::before {
    display:block;
    width:14px;
    height:26px;
    margin:0 auto;
    color: #000;
    font-size: 24px;
}

/* visual story 하단 페이지 버튼 */
.v-story-wrap .v-story-slider .slick-dots > li {
    width:auto;
    height:auto;
    margin:0 8px;
}

.v-story-wrap .v-story-slider .slick-dots > li > button {
    width:8px;
    height:8px;
    border:1px solid #363636;
    border-radius:45px;
    box-sizing:border-box;
    display:block;
    position:relative;
}

.v-story-wrap .v-story-slider .slick-dots > li > button::before {
    content:"";
    width:100%;
    height:100%;
    border-radius:45px;
    background-color:#363636;
    opacity:0;
    transition:opacity .8s;
}

.v-story-wrap .v-story-slider .slick-dots > li.slick-active > button::before {
    opacity:1;
}

.v-story-wrap .v-story-slider .slick-dots > li:hover > button::before {
    opacity:1;
}

/* 중앙 컨텐츠 3차 visual story 반응형 */
@media (max-width:1440px){
    .v-story-wrap .v-story-tt {
        font-size:2.2vw;
    }
    
    .v-story-wrap .v-story-slider .slider-item {
        max-width:48vw;
    }
    
    .v-story-wrap .v-story-slider .slider-item > .v-story-desc-list > .v-story-desc-tt {
        font-size:12px;
    }
    
    .v-story-wrap .v-story-slider .slider-item > .v-story-desc-list > .v-story-desc {
        font-size:18px;
    }
    
    .v-story-wrap .v-story-slider .slick-arrow {
        top:13vw;
        width:3.5vw;
        height:4.1vw;
    }
    
    .v-story-wrap .v-story-slider .slick-prev {
        left:18vw;
    }
    
    .v-story-wrap .v-story-slider .slick-next {
        right:18vw;
    }
}

@media (max-width:770px){
    .v-story-wrap .v-story-tt {
        font-size:40px;
    }
    
    .v-story-wrap .v-story-slider .slider-item {
        max-width:100%;
    }
    
    .v-story-wrap .v-story-slider .slider-item > a {
        padding:0 6.6vw;
    }
}

.v-story-wrap .slick-slide {height:auto;}



.section {padding:30px 0;}
.bullet {width:65px; height:30px; background:url("/images/content/bullet.png")no-repeat center center; margin:0 auto 20px;}

.tit {text-align:center; font-size:37px; font-weight:500;}
.tit-sub {font-weight:400; display:inline-block; margin-top:8px; font-size:16px; color:#666;}

.wrapper {width:1260px; margin:0 auto;}

.login_go {font-family: 'NanumSquare', sans-serif; transform:skew(-0.03deg);}

.user-join-wrap {margin-top:78px;}
.user-join-tit {font-size:38px; font-family:'Noto Sans KR', sans-serif; text-align:center;}
.dot {margin-top:50px; text-align:center;}
.dot ul {text-align:center; display:inline-block;}
.dot ul li {float:left; width:10px; height:10px; margin:0 10px; border-radius:100%;}
.user-box {margin:80px 0 150px 0;}
.user-box .user-box-inner {float:left; width:20%; padding:10px;  box-sizing:border-box;}

.user-box .user-box-inner a {display:block; padding:50px 0; border-radius:15px; box-shadow:1px 7px 25px 0px rgb(0 0 0 / 15%); text-align:center;  transition: .5s;-webkit-transition: .5s;}

.user-box-icon {display:inline-block; width:100px; height:100px;}
.user-box .user-box-inner a > p {margin-top:20px; font-size:22px; font-family: 'NanumSquare', sans-serif; font-weight:600;}

.user-box .user-box-inner a:hover, .user-box .user-box-inner a:focus{transform: translate(-10px,-10px);-webkit-transform: translate(-10px,-10px);box-shadow: 7px 7px 20px rgba(0,0,0,0.3);}




.box-con {margin:30px 0;}
.box-con::after {content:""; display:block; clear:both;}
.box-con .box {float:left; width:33.333%;}
.box-con .box .box-inner {padding:15px; box-sizing:border-box;}

.box-inner:hover {margin-top:-20px; transition:all .35s ease-in-out; cursor:pointer;}

.board-sec {background:url("/images/content/dot-bg01.png")no-repeat bottom left;}
.board-wrap {margin-top:40px;}
.board-wrap::after {content:""; display:block; clear:both;}
.board-wrap .board-box {float:left; height:420px;}

.board-wrap .board-box01, .board-wrap .board-box03 {width:300px; }
.board-wrap .board-box02 {width:620px; margin:0 20px;}

.board-wrap .board-box01 div {height:200px;}
.board-wrap .board-box01 div:first-child {margin-bottom:20px;}


.board-news, .board-notice01, .board-box02, .board-box03 {padding:20px; box-sizing:border-box;}

.board-tit {font-size:15px; letter-spacing:5px; font-weight:600;}
.board-sub-tit {font-size:20px; margin:5px 0;}
.board-data {font-size:15px; color:#666; margin:15px 0;}
.board-more {font-size:14px; color:#666;}
.board-more:hover {color:#333; cursor:pointer;}

.board-news, .board-notice01, .board-box02, .board-box03 {border-radius:20px; box-sizing:border-box;}
.board-news, .board-box03 {border:2px solid #83cabc;}
.board-notice01, .board-box02 {border:2px solid #c39d92;}

.board-img-box {margin-top:40px;}
.board-img-box::after {content:""; display:block; clear:both;}
.board-img-box .board-img-inner {float:left; width:50%;}
.board-img-inner div {margin:5px; border-radius:20px; box-sizing:border-box; overflow:hidden;}

.board-img-box02 {margin-top:20px; border-radius:20px; box-sizing:border-box; overflow:hidden;}

.about-sec {padding:150px 0 !important; background:url("/images/content/dot-bg02.png")no-repeat top right;}
.about-wrap {height:430px;}
.about-wrap::after {content:""; display:block; clear:both;}
.about-wrap .about-box {float:left; width:50%; height:430px;}

.about-txt-box {letter-spacing:-1px; padding:40px; box-sizing:border-box;}
.about-tit-sub {font-size:20px; color:#333;}
.about-tit {margin:20px 0; font-size:51px; line-height:1.2;}
.about-txt {margin:50px 0; font-size:16px; color:#666; line-height:1.5;}

.more-btn {width:200px; height:50px; line-height:50px; background:#c39c92; color:#fff; text-align:center; border-radius:30px;}

.more-btn a {display:inline-block; width:100%;}

.more-btn:hover {background:#a67a7b; transition:.5s;}

.partner-sec {padding:100px 0;}

.partner-box {margin-top:50px;}
.partner-box::after {content:""; display:block; clear:both;}
.partner-box div {float:left; width:285px; height:60px; border:1px solid #d1d1d1; box-sizing:border-box; overflow:hidden;}
.partner-box div:not(:last-child) {margin-right:20px;}





.bottom-menu {width:600px; margin:0 auto 30px; padding-top:30px;}
.bottom-menu::after {content:""; display:block; clear:both;}
.bottom-menu li {float:left; width:150px; text-align:center;}

.info {text-align:center; font-size:15px; line-height:1.5; padding:50px 0; border-top:1px dotted #666;}




/* ------------------------------------------------------------------ SUB ------------------------------------------------------------------ */

.sub-top {height:400px; background:url("/images/content/sub.jpg")no-repeat center center;}

.sub-top-title {line-height:500px; font-size:34px;  text-align:center; color:#fff;}]

.sub-board {background:url("/images/content/subBg.png")no-repeat top center;}
.sub-board-title {text-align:center; font-size:34px; font-weight:600; margin-bottom:50px;}


.shadow {box-shadow: 2px 2px 8px 0px rgb(50 50 50 / 20%);}


/*20231129 css추가*/
.pageTitle {border-bottom:1px solid #222052; margin-bottom:12px; display:flex; align-items:center; gap:20px;}
.pageTitle span {display:inline-block; background:#222052; color:#fff; padding:10px 20px; border-radius:12px 12px 0 0; box-sizing:border-box; min-width:158px; text-align:center; font-weight:600;}
.pageTitle p {font-size:14px; color:#666;}

.newBtn {min-width:50px;}
.newBtn.skyblue {background:#1eaed3 !important; color:#fff;}
.newBtn.skyblue:hover {background:#129dc1 !important;}
.newBtn.purple {background:#4d30a6 !important; color:#fff;}
.newBtn.purple:hover {background:#391f89 !important;}

.c-purple {color:#4d30a6 !important;}



/*20240316 추가*/
.brandOpen-wrap{position:relative !important; cursor:pointer;}
.brandOpen {position:absolute; top:50%; transform:translateY(-50%); right:20px; cursor:pointer; transition:0.3s;}
.brandOpen.on {transform:translateY(-50%) rotate(-180deg);}














.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 30px;
	padding: 3px;
	background-color: white;
	border-radius: 18px;
	cursor: pointer;

}

.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 14px;
	text-transform: uppercase;
	background: #999;
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	-webkit-transition-property: opacity background;
	-moz-transition-property: opacity background;
	-o-transition-property: opacity background;
	transition-property: opacity background;
}

.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #fff;
}

.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}

.switch-input:checked ~ .switch-label {
	background: #4fb845;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}

.switch-handle {
	position: absolute;
	top: 8px;
	left: 10px;
	width: 18px;
	height: 18px;
	background: white;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
	background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
	background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
	-webkit-transition: left 0.15s ease-out;
	-moz-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}

.switch-handle:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: #f9f9f9;
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
	background-image: -webkit-linear-gradient(top, #eeeeee, white);
	background-image: -moz-linear-gradient(top, #eeeeee, white);
	background-image: -o-linear-gradient(top, #eeeeee, white);
	background-image: linear-gradient(to bottom, #eeeeee, white);
}

.switch-input:checked ~ .switch-handle {
	left: 55px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #47a8d8;
}

.mo { display: none; }

@media screen and (max-width: 1440px) {
	.main-btns { width: 100%; max-width: 1432px; padding: 0 16px; box-sizing: border-box; }
	.main-btns a { height: 100px; }
	.main-btns a .inr { padding: 0 14px; }
	.main-btns a .inr .icon,
	.main-btns a .inr .icon img { width: 60px; height: 60px; }
	.main-btns a .inr .btns-name { width: calc(100% - 75px); font-size: 20px; }

	.sec04 .bx-wrapper { width: calc(100% - 96px); }
}



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

	/* 헤더 */
	.nav-list .index { width: 220px; }
	.nav-list .index h2 { font-size: 20px; }
	.nav-list .dep2 h3 { font-size: 16px; }
	.nav-list .dropped { padding-left: 20px; }
	.nav-list .dep3 li { font-size: 15px; }

	/* 메인 */
	.inner { width: 100%; max-width: 1232px; padding: 0 16px; box-sizing: border-box; }

	header h1 img { width: 180px; margin: 19px 0; }
	header .member li { padding: 8px; font-size: 15px; }
	.nav-list .dep1 { margin-right: 35px; font-size: 16px; }

	.main-btns a { height: 90px; }
	.main-btns a .inr .icon,
	.main-btns a .inr .icon img { width: 50px; height: 50px; }
	.main-btns a .inr .btns-name { width: calc(100% - 60px); font-size: 18px; }
	.main-btns a .inr .arrow { right: 14px; }


	.con-wrapper { width: 100%; max-width: 1232px; padding: 0 16px; box-sizing: border-box; }
	.service-box-wrap { display: flex !important; gap: 20px; }
	.service-box-wrap a { width: calc(25% - 10px); }
	.service-box-wrap  a:not(:last-child) { margin-right: 0; }
	.service-box-wrap a .service-box { width: 100%; height: auto; padding: 24px 16px; box-sizing: border-box; min-height:290px;}
	.service-box-wrap .service-box img { margin: 0 auto 20px; }
	.service-tit { font-size: 20px; }
	.service-subtit { font-size: 16px; }

	/* 로그인/회원가입 */
	.wrapper {width:100%; }
	.user-box { margin: 50px 0 80px; padding: 0 20px; }
	.user-join-wrap { margin-top: 30px; }
	.user-join-tit { font-size: 32px; }
	.user-box .user-box-inner a { padding: 40px 0; }

	.order_wrap { min-height: auto !important; margin: 50px auto 50px !important; }
}

	



@media screen and (max-width: 1100px) {
	/* 메인 */
	.main-btns a .inr .btns-name { font-size: 16px; }

	/* 헤더 */
	.nav-list .index { width: 200px; }
	.nav-list .index h2 { font-size: 18px; }
	.nav-list .dep2 { margin: 10px 12px 12px; }
	.nav-list .dep2 h3 { font-size: 15px; }
	.nav-list .dropped { padding-left: 20px; }
	.nav-list .dep3 li { font-size: 14px; }
}
/* 이용약관 */
	.sub-board{
		padding: 100px 10px !important;
	}


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

	/* 메인 */
	header .nav-list { display: none; }
	header .member { display: none; }
	header .gnb { width: 40px; height: 40px; background: url("/images/common/gnb.svg") no-repeat 50% 50%; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); }

	.gnb-layer-bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); position: fixed; right: 0; top: 0; overflow-Y: auto; z-index: 999; }

	.gnb-layer * { box-sizing: border-box; }
	.gnb-layer { display: block; width: 40%; min-width: 280px; height: 100%; padding: 80px 30px; background: #FFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); position: fixed; right: -100%; top: 0; overflow-Y: auto; z-index: 9999; box-sizing: border-box; }

	.gnb-layer .btn-box { display: flex; gap: 6px; position: absolute; top: 20px; left: 30px; }
	.gnb-layer .btn-box a { display: flex; juetify-content: center; align-items: center; height: 40px; padding: 0 10px; border-radius: 4px; font-size: 15px; color: #FFF; }
	.gnb-layer .btn-box a:nth-child(1) { background: #35343c; }
	.gnb-layer .btn-box a:nth-child(2) { background: #4c30a5; }
	.gnb-layer .close { display: none; width: 40px; height: 40px; background: url("/images/common/gnb_close.svg") no-repeat 50% 50%; position: fixed; top: 20px; right: 16px; z-index: 1; }
	.gnb-layer .nav { display: flex; flex-direction: column;  width: 100%; }
	.gnb-layer .nav > li { display: flex; flex-direction: column;}
	.gnb-layer .nav li .depth01 { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 16px 0; border-top: 1px solid #F1F1F1; font-size: 18px; font-weight: 600; color :#01010d; }
	.gnb-layer .nav li:first-child .depth01 { border-top: none; }
	.gnb-layer .nav li .depth01 span { width: 24px; height: 24px; aspect-ratio: 1/1; background: url("/images/common/gnb_arrow_down.svg") no-repeat 50% 50%; }
	.gnb-layer .nav li .depth01.active span { transform: rotate(180deg); }
	.gnb-layer .nav li .depth02 { display: flex; flex-direction: column; gap: 10px; margin-bottom: 50px; }
	.gnb-layer .nav li:last-child .depth02 { margin-bottom: 0; }
	.gnb-layer .nav li .depth02 > li > a { display: flex; justify-content: flex-start; align-items: center; width: 100%; padding: 16px; font-size: 16px; font-weight: 700; color :#4c30a5;  position: relative; }
	.gnb-layer .nav li .depth02 > li > a::before { content: ""; display: block; width: 4px; height: 4px; background :#4c30a5; border-radius: 999px; position: absolute; top: 28px; left: 4px; }
	.gnb-layer .nav li .depth02 li .depth03 { display: flex; flex-direction: column; gap: 5px; }
	.gnb-layer .nav li .depth02 li .depth03 li { padding-left: 28px; font-size: 14px; font-weight: 300; position: relative; }
	.gnb-layer .nav li .depth02 li .depth03 li::before { content: "-"; display: block; position: absolute; top: 2px; left: 16px; }
	.gnb-layer .nav li .depth02 li .depth03 li.tit { padding-left: 16px; font-size: 15px; font-weight: 600; text-align: left; }
	.gnb-layer .nav li .depth02 li .depth03 li.tit::before { display: none; }
	.gnb-layer .nav li .depth02 li .depth03 li.mb10 { margin-bottom: 10px; }

	/* Swiper 모바일 스타일 */
	.main-swiper-container { 
		margin-bottom: 40px; 
		/* aspect-ratio: 2/1;  */
	}
	
	.main-swiper .swiper-button-next,
	.main-swiper .swiper-button-prev {
		display: none; /* 모바일에서는 네비게이션 버튼 숨김 */
	}
	
	.main-swiper .swiper-pagination {
		bottom: 10px;
	}
	
	.main-swiper .swiper-pagination-bullet {
		width: 10px;
		height: 10px;
		margin: 0 4px;
	}

	.main-btns { 
		flex-wrap: wrap; 
		justify-content: center; 
		gap: 20px; 
		/*max-width: 520px; */
	}
	.main-btns a { 
		width: calc(50% - 10px); 
		/*max-width: 250px; */
		height: auto; 
	}
	
	/* 모바일에서 아이콘 아래 이름이 오도록 레이아웃 변경 */
	.main-btns a .inr { 
		flex-direction: column; 
		justify-content: center; 
		align-items: center; 
		padding: 15px 10px; 
	}
	.main-btns a .inr .icon { 
		width: 80px; 
		height: 80px; 
		margin-bottom: 10px; 
	}
	.main-btns a .inr .icon img { 
		width: 80px; 
		height: 80px; 
	}
	.main-btns a .inr .btns-name { 
		width: 100%; 
		text-align: center; 
		line-height: 1.3; 
	}

	.sec .section-title { font-size: 30px; }
	.about-title { font-size: 20px; }
	.about-subtitle { margin: 30px 0; }

	.about-subtitle p:nth-child(1) { font-size: 18px; }
	.about-subtitle p:nth-child(2) { font-size: 30px; }
	.sec02 { padding: 80px 0 50px; }
	.sec03 { padding: 0 0 50px; }
	.sec04 { padding: 0 0 30px; }
	.board-wrap { margin-top: 0; }
	.boardBox { width: calc(50% - 10px); }
	.boardBox01 { margin-right: 16px; }
	.partner-box-wrap .partner-box { width: 250px; height: auto; aspect-ratio: 250/219; margin-top: 0;  }
	.partner-box-wrap .partner-box img { width: 100%; }

	.service-box-wrap { flex-wrap: wrap; }
	.service-box-wrap a { width: calc(50% - 10px); }
	.service-txt br { display: none; }

	.con-wrapper .bx-wrapper .bx-controls-direction a{
		margin-top:-16px;
	}

	/* 로그인/회원가입 */
	.user-join-tit { font-size: 28px; }
	.dot ul li { width: 8px; height: 8px; }
	.user-box-icon { width: 80px; height: 80px; }
	.user-box .user-box-inner a { padding: 30px 0; }
	.user-box .user-box-inner a > p { font-size: 20px; }

	.zTable input,.zTable select { font-size: 15px !important; }
	select#mobile01 { width: 60px !important; }
	input#mobile02, input#mobile03, input#phone01, input#phone02, input#phone03 { width: 50px !important; }
}

@media screen and (max-width: 960px) {
.before-hidden { padding: 16px !important; }
.before-hidden::before { display: none !important; }
}

@media screen and (max-width: 860px) {
.user-box .user-box-inner a > p { font-size: 18px; }
}


@media screen and (max-width: 768px) {
.sec02{
	background-position-x: 52%;
	padding: 0;
}
.about-box {
	padding-top: 50px;
}
.about-subtitle {
	margin: 20px 0 0;l
}
.about-subtitle p:nth-child(2){
	font-size: 24px;
}
.main-bt {
	margin: 20px 0;
}
	.sub-board {
		padding: 50px 10px !important;
	}
	.content_box{
		padding: 0 0px;
	}
	.service-box-wrap a .service-box {min-height:200px;}
	.mo { display: block; }
	.pc { display: none; }

	/* 메인 */
	.main-bx .pc { display: none; }
	.main-bx .mo { display: block; }

	.gnb-layer .btn-box a { display: flex; juetify-content: center; align-items: center; height: 40px; padding: 0 10px; border-radius: 4px; font-size: 14px; color: #FFF; }

	/* Swiper 모바일 추가 스타일 */
	.main-swiper-container { 
		margin-bottom: 30px; 
		/* aspect-ratio: 1.5/1;  */
	}
	.board-wrap { display: flex; flex-direction: column; }
	.boardBox { width: 100%; }
	.boardBox01 { margin-right: 0; }

	.zTable input,.zTable select,.zTable textarea { font-size: 14px !important; }
	
	/* zTable 모바일 레이아웃 수정 */
	.zTable {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.zTable table {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.zTable tr {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.zTable th, .zTable td {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
	}
	.zTable th { display: none !important; }
	.zTable td {
		clear: both !important;
		padding: 15px 10px 15px 130px !important;
		position: relative !important;
		text-align: left !important;
		height: auto !important;
		word-break: keep-all !important;
		white-space: normal !important;
		line-height: 1.4 !important;
		border: 0 !important;
		border-bottom: 1px solid #ccc !important;
		font-size: 14px !important;
		min-height: 50px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.zTable td:before {
		color: #000 !important;
		content: attr(data-th) " :" !important;
		display: inline-block !important;
		width: 120px !important;
		left: 10px !important;
		position: absolute !important;
		top: 50% !important;
		-webkit-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
		font-size: 14px !important;
		font-weight: bold !important;
	}

	/* 로그인/회원가입 */
	.wrapper .logo { margin: 20px auto !important; }
	.user-join-tit { font-size: 24px; }
	.user-box-icon { width: 70px; height: 70px; }
	.user-box { display: flex !important; flex-wrap: wrap; justify-content: center; }
	.user-box .user-box-inner { width: calc(100%/3); }
	.user-box .user-box-inner a { padding: 24px 0; }
	.user-box .user-box-inner a > p { font-size: 17px; }


	.boardList {margin-top:10px;}
	.sec03{
		padding: 0;
		padding: 30px 0 ;
	}
	.boardBox{
		height:auto;
	}
	.sec .section-title {
		margin: 20px 0 10px;
		font-size: 20px;
	}
}


@media screen and (max-width: 640px) {
	/* 메인 */
	.service-box-wrap a { width: 100%; }
	.service-box-wrap a .service-box { display: flex; align-items: center; gap: 20px; }
	.service-box-wrap a .service-box img { width: 130px; }
	.service-box-wrap a .service-box > div { width: calc(100% - 150px); }
	.service-box-wrap a .service-box div p { text-align: left; }
	.about-box { width: 70%; }


	/* 로그인/회원가입 */
	.wrapper .logo { width: 200px !important; margin: 10px auto !important; }
	.order_wrap .logo { width: 200px !important; margin: 10px auto !important; }
	.wrapper .dot { margin-top: 30px; }
	.user-box { margin: 30px 0 50px; }
	.user-join-wrap { margin-top: 10px; }
	.user-join-tit { font-size: 20px; }
	.login_btn p{font-size:1.1em;}
	.bt_btn a{font-size:1.4em;}
	.lg_btn a{font-size:1.1em;}
}


@media screen and (max-width: 520px) {
	.main-btns { max-width: 100%; padding: 0 10px; gap: 5px;  }
	.main-btns a { width: calc(50% - 5px); max-width: none; height: auto; }
	
	/* 520px 이하에서도 아이콘 아래 이름 레이아웃 유지 */
	.main-btns a .inr { 
		flex-direction: column; 
		justify-content: center; 
		align-items: center; 
		padding: 20px 0px; 
	}
	.main-btns a .inr .icon { 
		width: 60px; 
		height: 60px; 
		margin-bottom: 8px; 
	}
	.main-btns a .inr .icon img { 
		width: 60px; 
		height: 60px; 
	}
	.main-btns a .inr .btns-name { 
		width: 100%; 
		font-size: 16px; 
		text-align: center; 
		line-height: 1.2; 
	}

	/* 로그인/회원가입 */
	.user-box .user-box-inner { width: calc(100%/2); }
	.user-box-icon { width: 60px; height: 60px; }

	.category-sub span { width: fit-content !important; padding: 0 12px; }
	.category-sub .small.cbtn:link, .small.cbtn:visited { padding: 10px !important; font-size: 16px !important; }
}


/* .pTable 가로스크롤 - 1400px 미만일 때 */
@media screen and (max-width: 1399px) {
	.table-container {
		overflow-x: auto;
		overflow-y: hidden;
		width: 100%;
		position: relative;
	}
	
	.pTable,
	.gTable2 {
		width: 100%;
		min-width: 1200px; /* 최소 너비 설정 */
		margin: 0;
	}
	
	/* 가로스크롤바 스타일링 */
	.table-container::-webkit-scrollbar {
		height: 8px;
	}
	
	.table-container::-webkit-scrollbar-track {
		background: #f1f1f1;
		border-radius: 4px;
	}
	
	.table-container::-webkit-scrollbar-thumb {
		background: #4c30a5;
		border-radius: 4px;
	}
	
	.table-container::-webkit-scrollbar-thumb:hover {
		background: #362382;
	}
	
	/* 스크롤 힌트 */
	.scroll-hint {
		position: fixed;
		bottom: 20px;
		right: 20px;
		background: rgba(76, 48, 165, 0.9);
		color: white;
		padding: 10px 15px;
		border-radius: 20px;
		font-size: 14px;
		z-index: 1000;
		animation: bounce 2s infinite;
        display: block;
	}
	
	@keyframes bounce {
		0%, 20%, 50%, 80%, 100% {
			transform: translateY(0);
		}
		40% {
			transform: translateY(-10px);
		}
		60% {
			transform: translateY(-5px);
		}
	}
}

/* 768px 이하에서 추가 모바일 스타일 */
@media screen and (max-width: 768px) {
	.table-container {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	
	.pTable {
		min-width: 1000px;
	}
	
	.aTbl2.aTbl {
		min-width: 1000px;
	}
	.radio-wrap label {
		display: inline-block;
		margin-bottom: 8px; /* 줄 간격 */
	}
	.radio-wrap input {
		margin-right: 5px;
	}
	.mobileOn{
		display: block;
	}
	.pageTitle-wrap .pageTitle01{
		font-size: 16px;
		padding: 8px 10px;
	}
	.text-box-wrap {
        flex-direction: column;   /* 세로 배치 */
        align-items: flex-start;  /* 왼쪽 정렬 */
    }

    .text-box-wrap .btn-group {
        width: 100%;
        display: flex;
        gap: 3px;
    }
}