@charset "utf-8";
@import url('/user/css/fonts.css');


/* ------- reset
------------------------------------------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
a, span{margin:0;  padding:0;  border:0; /*vertical-align:top; */ box-sizing:border-box;  -ms-box-sizing:border-box;  -moz-box-sizing:border-box;  -webkit-box-sizing:border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, dl{list-style:none;}
img, video{-width:100%; vertical-align:middle;}
a{text-decoration:none; color:inherit;}
table{border-collapse:collapse; border-spacing:0;}
input, select{vertical-align:top;}
button{cursor:pointer; margin:0; padding:0; border:none; background:none;vertical-align:top}
.blind, legend, hr{display:block; position:absolute; top:0; left:-1000em; width:1px; height:1px; margin:-1px; overflow:hidden;}
i, em, address{font-style:normal; font-weight:normal;}


input[type="text"], input[type="password"] {padding:2px 5px;}
input[type="checkbox"], input[type="radio"], label{cursor:pointer;}
input[type="radio"] {margin:0; vertical-align:middle; position:relative; bottom:1px; width:17px; height:17px; border:0 !important;}
input[type="checkbox"] {border:1px solid #c2c2c2; background:#ffffff; margin:0; vertical-align:middle; position:relative; bottom:1px; border:0 !important;}


body{min-width:320px; font-family: "Paperlogy-4Regular", Pretendard, "Helvetica Neue", "Noto Sans KR", sans-serif; font-weight:400; font-size:16px;}


#wrap{width:100%;}


/* ------- header
------------------------------------------------------------------ */
header{border-bottom:5px solid #8dc63f}
.util-menu{max-width:1200px; margin:0 auto; text-align:center}
.util-menu .util a{display:inline-block; padding:5px 10px; font-size:14px;}




@media all and (min-width:1200px){
	.util-menu{position:relative;}
	.util-menu .util{position:absolute; top:0; right:0}
	.util-menu .util a{display:inline-block; margin-left:-4px; padding:5px 0 5px 20px; font-size:14px; color:#afadad; vertical-align:bottom;}
	.util-menu .util a > span{display:block;}
	.util-menu .util-btn{display:inline-block;}
	.util-btn > a{position:relative;}
	.util-btn > a:last-child:before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:9px; display:inline-block; width:1px; height:12px; background:#ccc}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 10px;}
	.rd-navbar-logo-center.rd-navbar-static .rd-navbar-top-block {padding-top:7px;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 22px;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li + li {margin-left: 25px;}
}

@media all and (max-width:1199px){
	.rd-navbar-brand > a > img{height:40px}
	.util-menu .util > a:first-child:after{content:' ｜'; display:inline-block; padding-left:10px}
	.util-menu .util > a:nth-child(2){padding-left:0;}
	.util-menu .util a.btn-login, .util-menu .util a.btn-join{margin-top:8px}
	.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand {
		display: block;
		position: fixed;
		top: 10px;
		left: 50%;
		transform:translateX(-50%);
		width: auto;
		z-index:100;
	}}




/* ------- footer
------------------------------------------------------------------ */
#footer{width:100%; color:#212121; background:#fafafa;}
#footer > .inner{padding-top:30px; padding-bottom:30px}

.footer-nav:after{content:''; display:block; clear:both;}
.footer-nav li {float: left; font-size: 15px; letter-spacing: -0.085rem; color: #555;}
.footer-nav li:after {content: ''; display: inline-block; width: 1px; height: 13px; background: #ddd; margin: 0 12px 0 13px;}
.footer-nav li:last-child:after {display: none;}
.footer-nav li a {color: #555;}

.footer-info:after{content:''; display:block; clear:both;}
.footer-info li {float: left; font-size: 14px; line-height: 24px; color: #777}
.footer-info li:after {content: ''; display: inline-block; width: 1px; height: 12px; background: #ddd; margin: 0 11px 0 10px;}
.footer-info li:nth-child(4):after,
.footer-info li:last-child:after {display: none;}
.footer-copy {top: 146px; left: 188px; font-size: 13px; color: #aaa;}
.siryc-footer-logo {filter: grayscale(100%); width: fit-content; height: 54px;}


@media all and (min-width:1200px){
	.pc-view{display:block !important;}
	.mobile-view{display:none !important;}
}


@media all and (max-width:1199px){
	.pc-view{display:none !important;}
	.mobile-view{display:block !important;}
}





#container{position:relative; width:100%;}

.sub-bg{width:100%; padding:10px 0 8px; background:#f3f9eb; border-top:1px solid #d6e8ef;}
.location li{display:inline-block; padding-right:13px; background:url('/user/images/common/bul_arr_location_gray.png') right 7px no-repeat; font-size:15px; color:#888}
.location li:last-child{background:none; color:#222}
.location li > i{vertical-align:middle;}
.location li > .icon-xxs{font-size:20px; line-height:20px;}



.contWrap {
	min-height:800px; padding:40px 0 100px; text-align: left;}
/*
.contWrap > h2{position:relative; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #000; font-size:32px; font-weight:700; color:#212121; letter-spacing:-1px;}
.contWrap h3{position:relative; margin:0 0 20px; font-size:20px; letter-spacing:-1px; font-weight:700; color:#252525; word-break:keep-all;}
.contWrap h3 + h3{margin-top:50px;}
.contWrap > h3{padding-left:23px; background:url('../images/sub/h3_bul.png') left 7px no-repeat;}
.contWrap > h4{margin:18px 0 6px; font-size:17px; font-weight:500; letter-spacing:-1px;}
*/


/* 탭 */
.tab-w2 > li{width:50%}
.tab-w3 > li{width:33%}
.tab-w4 > li{width:25%}
.tab-w5 > li{width:20%}
.responsive-tabs .resp-tabs-list{overflow:hidden;}
.responsive-tabs .resp-tabs-list li{display:block; float:left;}
.responsive-tabs-dashed .resp-tabs-list > li {position: relative; padding:12px 20px; font-size: 16px; font-weight:700; letter-spacing:-1px; background:#eee; border-right:3px solid #fff; color: #787878; text-align:center; text-transform: uppercase;}
.responsive-tabs-dashed .resp-tabs-list > li.resp-tab-active, .responsive-tabs-dashed .resp-tabs-list > li:hover {background:#1aa0a3; color: #fff;}
.responsive-tabs-dashed .resp-tabs-list > li + li {margin-left:0; padding:12px 20px;}
.responsive-tabs-dashed .resp-tabs-list > li + li:before {display:none;}
.responsive-tabs-dashed .resp-tab-content + .resp-accordion {margin-top: 5px;}
.responsive-tabs-dashed .resp-tab-active {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.responsive-tabs .resp-accordion.resp-tab-active{color:#1aa0a3} 
@media all and (min-width: 992px) {
	.responsive-tabs-dashed .resp-tab-content {
		background: transparent;
		padding: 0;
		border: none;
	}}



/* 테이블 */
.tb-stripe{width:100%; border-top:2px solid #212121;}
.tb-stripe thead th{padding:10px; border-bottom:1px solid #212121; text-align:center; font-weight:500; color:#212121; vertical-align:middle;}
.tb-stripe tbody th{padding:6px 12px; border:1px solid #dbdbdb; border-left:none; text-align:center; font-weight:500; vertical-align:middle;}
.tb-stripe tbody td{padding:6px 12px; border:1px solid #dbdbdb; text-align:center; vertical-align:middle;}
.tb-stripe tbody td:first-child{border-left:none;}
.tb-stripe tbody td:last-child{border-right:none;}
.tb-stripe tbody tr:nth-of-type(odd) {
	background-color: #f7f7f7;}


.tb-list{width:100%; margin-left:-1px; border-top:2px solid #4b4b4b;}
.tb-list thead th{background:#f1f1f1; padding:12px 10px; border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; text-align:center; font-weight:700;}
.tb-list tbody th{padding:10px 1%; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:#fafafa; text-align:center; font-weight:700;}
.tb-list tbody td{padding:10px 1%; border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center;}
@media all and (max-width:768px){
	.tb-list th, .tb-list td {font-size:14px;}
}




/* 회원가입 */
.join-cate > a{display:block; width:100%; border:1px solid #dadada}
.join-cate > a > h3{position:relative; padding:20px 30px; border-bottom:1px dashed #dadada; background:#fafafa; color:#212121; letter-spacing:-0.5px; font-size:22px; font-weight:500;}
.join-cate > a > h3 > small{font-size:15px; color:#212121; vertical-align:middle;}
.join-cate > a > h3:after{content:''; display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:40px; height:40px; background:url('../images/common/arrow_r.png') no-repeat;-khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-cate > a > p{padding:40px 30px; word-break:keep-all;}
.join-cate > a:hover{border:1px solid #212121;-khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-cate > a:hover > h3:after{right:15px;}
.join-exp > h3:before{content:''; display:block; position:absolute; left:0; top:0; width:12px; height:100%; background:#1aa0a3}
.join-exp > h3{position:relative; margin:40px 0 10px; padding:8px 26px; background:#e1e7ef; font-size:18px; font-weight:700; color:#212121; letter-spacing:-0.5px}
.join-exp > dl > dt{margin:25px 0 5px; padding-left:17px; background:url('../images/common/bul_tit_ico.png') left 4px no-repeat;}
.join-exp > dl > dd{padding-left:5px}
.join-exp > dl, .join-exp > div{padding:0 25px; word-break:keep-all}
.join-exp .btn-down{position:relative; display:inline-block; margin-top:15px; padding:5px 35px 5px 15px; background:#fff; border:1px solid #212121; color:#212121; text-align:center; font-size:14px; letter-spacing:-0.5px}
.join-exp .btn-down:after{content:''; position:absolute; right:15px; top:52%; transform:translateY(-50%); display:inline-block; width:14px; height:14px; background:url('../images/sub/ic_down.png') no-repeat;}
.join-exp .btn-down:hover, .btn-down:focus{color:#fff; background:#1aa0a3; border:1px solid #1aa0a3; text-decoration:none; -khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.join-exp .btn-down:hover:after, .btn-down:focus:after{background:url('../images/sub/ic_down_ov.png') no-repeat; -khtml-transition:all .2s; -moz-transition:all .2s; -ms-transition:all .2s; -o-transition:all .2s; transition:all .2s;}

.join-agree{border:1px solid #212121}
.join-agree > .img{padding:15px; border-bottom:1px dashed #dadada; background:#fafafa; text-align:center;}
.join-agree > .txt{padding:25px; font-size:15px; word-break:keep-all;}

#accordion-agree.panel-group.accordion .panel-heading a{padding:8px 22px; font-size:15px;}
#accordion-agree.panel-group.accordion .panel-heading a:after{top:4px}
.accordion-label{margin:5px 0 20px; text-align:right;}
#accordion-agree .rules{font-size:14px}
.rules.p > p{margin-bottom:18px}

@media all and (min-width:991px){
	.join-agree.join1{min-height:353px;}
	.join-agree.join2{min-height:220px;}
}

/* 회원가입안내 */
.join-order{margin:40px 0;}
.join-order > ul:after{content:''; display:block; clear:both;}
.join-order > ul > li{float:left; position:relative; width:33.333%; padding:0 40px; text-align:center; word-break:keep-all;}
.join-order > ul > li:after{content:''; position:absolute; right:-9px; top:50%; transform:translateY(-50%); display:block; width:16px; height:25px; background:url('/user/images/sub/bul_arrow4.png') left center no-repeat;}
.join-order > ul > li:last-child:after{display:none}
.join-order > ul > li > span{display:inline-block; width:100%; padding:30px 0; background:#e9e9e9; border-radius:20px;}
.join-order > ul > li.on > span{background:#6286d5; color:#fff;}

@media all and (max-width:767px){
	.join-order > ul > li{padding:10px}
	.join-order > ul > li > span{min-height:65px; padding:10px; border-radius:10px;}
	.join-order > ul > li:after{background-size:50%; right:-12px;}
}


/* 회칙 */
.rules > h3{font-size:28px; letter-spacing:-1px; font-weight:500; color:#212121; word-break:keep-all;}
.rules > h4{margin:55px 0 25px; padding:10px 0; text-align:center; font-size:20px; letter-spacing:-1px; font-weight:500; border-top:2px solid #333; border-bottom:1px solid #333; color:#333}
.rules > dl > dt{margin-top:20px; font-weight:500;}
.rules > dl > dd > ol{margin-left:6px; padding-left:18px;}
.rules > dl > dd > ol > li{list-style-type:decimal}
.rules > ol > li{list-style-type:decimal}
.num-c, .num-b, .txt-k{margin-bottom:8px;}
.num-c > li{position:relative; padding-left:18px;}
.num-c > li:before{position:absolute; left:0; top:0; display:block;}
.num-c > li:nth-of-type(1):before{content:'① ';}
.num-c > li:nth-of-type(2):before{content:'② ';}
.num-c > li:nth-of-type(3):before{content:'③ ';}
.num-c > li:nth-of-type(4):before{content:'④ ';}
.num-c > li:nth-of-type(5):before{content:'⑤ ';}
.num-c > li:nth-of-type(6):before{content:'⑥ ';}
.num-c > li:nth-of-type(7):before{content:'⑦ ';}
.num-c > li:nth-of-type(8):before{content:'⑧ ';}
.num-c > li:nth-of-type(9):before{content:'⑨ ';}
.num-c > li:nth-of-type(10):before{content:'⑩ ';}
.num-c > li:nth-of-type(11):before{content:'⑪ ';}
.num-c > li:nth-of-type(12):before{content:'⑫ ';}
.num-c > li:nth-of-type(13):before{content:'⑬ ';}
.num-c > li:nth-of-type(14):before{content:'⑭ ';}
.num-c > li:nth-of-type(15):before{content:'⑮ ';}
.num-b > li{position:relative; padding-left:18px;}
.num-b > li:before{position:absolute; left:0; top:0; display:block;}
.num-b > li:nth-of-type(1):before{content:'⑴ ';}
.num-b > li:nth-of-type(2):before{content:'⑵ ';}
.num-b > li:nth-of-type(3):before{content:'⑶ ';}
.num-b > li:nth-of-type(4):before{content:'⑷ ';}
.num-b > li:nth-of-type(5):before{content:'⑸ ';}
.num-b > li:nth-of-type(6):before{content:'⑹ ';}
.num-b > li:nth-of-type(7):before{content:'⑺ ';}
.num-b > li:nth-of-type(8):before{content:'⑻ ';}
.num-b > li:nth-of-type(9):before{content:'⑼ ';}
.num-b > li:nth-of-type(10):before{content:'⑽ ';}
.num-b > li:nth-of-type(11):before{content:'⑾ ';}
.num-b > li:nth-of-type(12):before{content:'⑿ ';}
.num-b > li:nth-of-type(13):before{content:'⒀ ';}
.num-b > li:nth-of-type(14):before{content:'⒁ ';}
.num-b > li:nth-of-type(15):before{content:'⒂ ';}
.txt-k > li{position:relative; padding-left:24px;}
.txt-k > li:before{position:absolute; left:0; top:0; display:block;}
.txt-k > li:nth-of-type(1):before{content:'가. ';}
.txt-k > li:nth-of-type(2):before{content:'나. ';}
.txt-k > li:nth-of-type(3):before{content:'다. ';}
.txt-k > li:nth-of-type(4):before{content:'라. ';}
.txt-k > li:nth-of-type(5):before{content:'마. ';}
.txt-k > li:nth-of-type(6):before{content:'바. ';}
.txt-k > li:nth-of-type(7):before{content:'사. ';}
.txt-k > li:nth-of-type(8):before{content:'아. ';}
.txt-k > li:nth-of-type(9):before{content:'자. ';}
.txt-k > li:nth-of-type(10):before{content:'차. ';}
.txt-k > li:nth-of-type(11):before{content:'카. ';}
.txt-k > li:nth-of-type(12):before{content:'타. ';}
.txt-k > li:nth-of-type(13):before{content:'파. ';}
.txt-k > li:nth-of-type(14):before{content:'하. ';}





/* 리스트 */
ul{margin:0; padding:0;}
.ul-list01 > li{padding-left:12px; background:url('../images/common/bul_dot3.png') left 9px no-repeat; word-break:keep-all;}
.ul-list02 > li{padding-left:12px; background:url('../images/common/bul_bar2.gif') left 12px no-repeat; word-break:keep-all;}
.ul-list03 > li{padding-left:15px; background:url('../images/common/bul_star-b.png') left 8px no-repeat; word-break:keep-all;}
.ul-list03 > li.em{padding-left:15px; background:url('../images/common/bul_star.png') left 8px no-repeat; color:#ce110f; word-break:keep-all;}
.ul-list04 > li{padding-left:10px; background:url('../images/common/bul_dot.png') left 11px no-repeat; word-break:keep-all;}
.ol-list01{padding-left:18px;}
.ol-list01 > li{list-style:decimal;}
.dl-list01 > dt{margin:15px 0 6px; font-weight:700;}
.dl-list01 > dt:first-child{margin:0 0 6px;}
.dl-list01 > dd > ol{padding-left:18px;}
.dl-list01 > dd > ol > li{list-style-type:decimal}




/**/
.box{width:100%; margin-top:30px; padding:20px;  border:1px solid #ccc;}
.box2{width:100%; padding:30px 40px;  border:1px solid #ccc;}
.box3{width:100%; padding:20px; background:#f8f8f8; border:1px solid #f3f3f3;}
.box4{width:100%; padding:20px; background:#fff; border:1px solid #dbdbdb; word-break:keep-all}
.box5{width:100%; padding:40px; background:#efefef;}

.box-wrap{width:100%; margin:15px 0; padding:6px; background:url('../images/sub/bul_line.png');}
.box-wrap .box-line{width:100%; padding:20px; background:#fff;}
.star{margin:0; padding-left:15px; background:url('../images/common/bul_star.png') left 8px no-repeat;}
.starb{margin:0; padding-left:15px; background:url('../images/common/bul_star-b.png') left 8px no-repeat;}
.c-bg{background:none}

.img-align{margin-bottom:15px}
.img-align > img{margin:0 auto; text-align:center;}

.block{display:block;}
.blue{color:#19459d}
.red{color:#ce110f}



 #agree-content h5, .h5 {margin-top: 0;}

#agree-content dt {margin-left: 18px;}

	/* 서브페이지 전체 wrap */
	.sub-page-menu-wrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 30px;   /* 🔥 전체 여백 줄임 */
	}

	/* 메뉴 */
	.sub-page-menu {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;    /* 🔥 간격 줄임 */
	}

	/* 메뉴 버튼 (PC) */
	.sub-page-menu a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 40px;  /* 🔥 높이 축소 */
		padding: 0 22px;   /* 🔥 좌우 패딩 축소 */
		border: 1px solid #ddd;
		background: #fff;
		color: #666;
		font-size:18px;   /* 🔥 글씨 줄임 */
		font-family: 'Paperlogy-5Medium';
		letter-spacing:-0.02em;
		text-decoration: none;
		transition: all .2s;
		border-radius: 4px;
	}

	.sub-page-menu a:before{
		content:"☀️";
		/*content:"🌻";*/
		margin-right:8px;
		font-size:14px;
	}

	/*
	.sub-page-menu a:before{
		font-family:'Glyphicons Halflings';
		content:"\e089";  
		margin-right:8px;
		color:#f6b400;
	} */

	.sub-page-menu a.active,
	.sub-page-menu a:hover {
		background: #7ac943;
		border-color: #7ac943;
		color: #fff;
		border-radius: 4px;
	}

	/* 캐릭터 */
	.sub-page-menu-img {
		flex: 0 0 auto;
		max-width: 200px;   /* ✅ 요청 반영 */
	}

	.sub-page-menu-img img {
		width: 100%;
		height: auto;
		display: block;
	}

	/* 모바일 */
	@media (max-width: 767px) {

		.sub-page-menu-wrap {
			display: block;
			text-align: center;
			margin-bottom: 25px;
		}

		.sub-page-menu {
			justify-content: center;
			gap: 6px;
			margin-bottom: 15px;
		}

		.sub-page-menu a {
			min-height: 36px;
			padding: 0 14px;
			font-size: 14px;
		}

		.sub-page-menu-img {
			max-width: 160px;
			margin: 0 auto;
		}
	}




/* =========================
   온라인 기지개센터
========================= */

.gijigae-wrap{
	display:block;
	width:100%;
}

/* 제목 및 소개 */
.tit-container{
	width:100%;
	max-width:none;
	margin-bottom:40px;
	padding:34px 30px 0;
}

.tit-container h2:after{
	content:"";
	display:block;
	width:42px;
	height:5px;
	margin-top:14px;
	border-radius:999px;
	background:linear-gradient(
		90deg,
		#f26452,
		#ffc928,
		#69c74c,
		#3aa7e3
	);
}

.main-cont-title{
	margin-bottom:28px;
	font-size:42px;
	font-family:'Paperlogy-6SemiBold';
	color:#212121;
}

.main-cont-subtitle{
	max-width:900px;
	font-size:19px;
	line-height:1.65;
	word-break:keep-all;
}

.main-cont-subtitle > p{
	margin-bottom:10px;
}

/* =========================
   카드 목록
========================= */

.box-container{
	display:grid;
	grid-template-columns:repeat(2, minmax(0,1fr));
	gap:40px;
	width:100%;
	padding:0 30px;
	box-sizing:border-box;
}

/*
left-cont, right-cont의 레이아웃을 없애고
내부 gj-box를 box-container의 Grid 항목으로 사용
*/
.box-container .left-cont,
.box-container .right-cont{
	display:contents;
}

/* 카드 외부 */
.gj-box{
	display:flex;
	min-width:0;
}

/* 카드 */
.gj-box > a{
	position:relative;
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	min-width:0;
	margin:0;
	padding:30px 50px 80px;
	box-sizing:border-box;
	border-radius:30px;
	color:#212121;
	text-decoration:none;
	overflow:hidden;
	z-index:1;

	transition:
		background-color .35s ease,
		color .35s ease,
		transform .35s ease,
		box-shadow .35s ease;
}

.gj-box > a:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	z-index:0;
	transition:background .35s ease;
}

.gj-box > a > *{
	position:relative;
	z-index:2;
}

.gj-box > a:hover{
	transform:translateY(-8px);
}

/* 카드 색상 */
.gj-box > a.yellow{background:#f9e69e;}
.gj-box > a.green{background:#cfe7ae;}
.gj-box > a.skyblue{background:#a9e2f7;}
.gj-box > a.blue{background:#b3c6e2;}
.gj-box > a.orange{background:#ffbb7a;}
.gj-box > a.purple{background:#e7b6d7;}

.gj-box > a.yellow:hover{background:#f1c418;}
.gj-box > a.green:hover{background:#8cc63e;}
.gj-box > a.skyblue:hover{background:#31baec;}
.gj-box > a.blue:hover{background:#4270b7;}
.gj-box > a.orange:hover{background:#f19c4b;}
.gj-box > a.purple:hover{background:#c2499a;}

/* 카드 제목 */
.gj-box > a > h3{
	margin:0 0 25px;
	font-size:28px;
	font-family:'Paperlogy-5Medium';
	line-height:1.2;
	color:#212121;
	word-break:keep-all;
	transition:all .28s ease;
}

/* 카드 설명 */
.gj-box > a > p{
	margin:0 0 13px;
	line-height:1.7;
	color:#444;
	word-break:keep-all;
	transition:all .28s ease;
}

.gj-box > a:hover h3{
	color:#fff;
	transform:translateY(-2px);
}

.gj-box > a:hover p{
	color:#fff;
	transform:translateY(-3px);
}

/* 상단 이모지 */
.gj-box .gj-icon{
	display:block;
	width:54px;
	height:54px;
	margin-bottom:10px;
	font-size:28px;
	line-height:54px;
	transition:transform .28s ease;
}

.gj-box > a:hover .gj-icon{
	transform:rotate(-6deg) scale(1.08);
}

/* 카테고리 태그 */
.gj-category-list{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin:18px 0 0;
	padding:0;
	list-style:none;
}

.gj-category-list li{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	margin:0;
	padding:4px 12px;
	border:1px solid rgba(60,60,60,.15);
	border-radius:999px;
	background:rgba(255,255,255,.6);
	color:#444;
	font-size:13px;
	font-weight:600;
	line-height:1.2;
	white-space:nowrap;
	transition:all .28s ease;
}

.gj-box > a:hover .gj-category-list li{
	border-color:rgba(255,255,255,.45);
	background:rgba(255,255,255,.18);
	color:#fff;
}

/* 우측 하단 화살표 */
.gj-link-icon{
	position:absolute !important;
	right:30px;
	bottom:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	opacity:0;
	transform:translateX(-8px);
	transition:all .3s ease;
	pointer-events:none;
}

.gj-link-icon svg{
	width:38px;
	height:38px;
	fill:none;
	stroke:#fff;
	stroke-width:2.2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.gj-box > a:hover .gj-link-icon{
	opacity:1;
	transform:translateX(0);
}

/* =========================
   태블릿 · 모바일
========================= */

@media (max-width:991px){

	.tit-container{
		width:100%;
		margin-bottom:28px;
		padding:30px 16px 0;
	}

	.main-cont-title{
		margin-bottom:20px;
		font-size:28px;
	}

	.main-cont-subtitle{
		font-size:16px;
		line-height:1.65;
	}

	.main-cont-subtitle > p{
		margin-bottom:5px;
	}

	.main-cont-subtitle > p > br{
		display:none;
	}

	/*
	모바일에서는 기존처럼 가로 스크롤 카드 사용
	*/
	.box-container{
		display:flex;
		gap:20px;
		align-items:stretch;
		width:auto;
		margin-top:20px;
		padding:0 16px 15px;
		overflow-x:auto;
		overflow-y:hidden;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
	}

	.box-container::-webkit-scrollbar{
		height:6px;
	}

	.box-container::-webkit-scrollbar-thumb{
		background:#d6d6d6;
		border-radius:20px;
	}

	.box-container .left-cont,
	.box-container .right-cont{
		display:contents;
	}

	.gj-box{
		display:flex;
		flex:0 0 300px;
		width:300px;
		scroll-snap-align:start;
	}

	.gj-box > a{
		width:100%;
		height:100%;
		margin:0;
		padding:30px 30px 70px;
		border-radius:24px;
	}

	.gj-box > a:hover{
		transform:none;
	}

	.gj-box .gj-link-icon{
		opacity:1;
		transform:none;
	}

	/* 모바일에서는 강조 색상 기본 적용 */
	.gj-box > a.yellow{background:#f1c418;}
	.gj-box > a.green{background:#8cc63e;}
	.gj-box > a.skyblue{background:#31baec;}
	.gj-box > a.blue{background:#4270b7;}
	.gj-box > a.orange{background:#f19c4b;}
	.gj-box > a.purple{background:#c2499a;}

	.gj-box > a > h3,
	.gj-box > a > p{
		color:#fff;
	}

	.gj-category-list li{
		border-color:rgba(255,255,255,.45);
		background:rgba(255,255,255,.18);
		color:#fff;
	}
}

@media (max-width:480px){

	.tit-container{
		padding-right:14px;
		padding-left:14px;
	}

	.box-container{
		gap:14px;
		padding-right:14px;
		padding-left:14px;
	}

	.gj-box{
		flex-basis:285px;
		width:285px;
	}

	.gj-box > a{
		padding:28px 24px 68px;
	}

	.gj-box > a > h3{
		font-size:24px;
	}

	.gj-box > a > p{
		font-size:14px;
		line-height:1.65;
	}

	.gj-category-list li{
		padding:4px 10px;
		font-size:12px;
	}
}

/* 카드 작은 분류명 */
.gj-card-label{
	display:block;
	margin-bottom:8px;
	color:#7b3970;
	font-size:13px;
	font-weight:700;
	letter-spacing:.02em;
}

/* 강조 소개 문장 */
.gj-box > a > .gj-card-summary{
	font-weight:600;
	color:#333;
}

/* 카드 내부 소제목 */
.gj-box > a > h4{
	margin:28px 0 9px;
	font-size:16px;
	font-weight:800;
	color:#212121;
	transition:color .28s ease;
}

/* 활동 목록 */
.gj-activity-list{
	margin:0;
	padding:0;
	list-style:none;
}

.gj-activity-list li{
	position:relative;
	margin-bottom:5px;
	padding-left:13px;
	color:#444;
	font-size:14px;
	line-height:1.65;
	word-break:keep-all;
	transition:color .28s ease;
}

.gj-activity-list li:before{
	content:"-";
	position:absolute;
	left:0;
	top:0;
	font-weight:800;
}

/* 진행 기간을 카드 아래로 배치 */
.gj-card-date{
	margin-top:auto;
	padding-top:30px;
	color:#333;
	font-size:13px;
	line-height:1.5;
	transition:color .28s ease;
}

/* 마우스 오버 */
.gj-box > a:hover .gj-card-label,
.gj-box > a:hover .gj-card-summary,
.gj-box > a:hover h4,
.gj-box > a:hover .gj-activity-list li,
.gj-box > a:hover .gj-card-date{
	color:#fff;
}

/* 모바일 */
@media (max-width:991px){
	.gj-card-label,
	.gj-box > a > .gj-card-summary,
	.gj-box > a > h4,
	.gj-activity-list li,
	.gj-card-date{
		color:#fff;
	}
}

/* 경험 목록 */
.gj-experience-list{
	margin:0;
	padding:0;
	list-style:none;
}

.gj-experience-list li{
	position:relative;
	margin-bottom:6px;
	padding-left:19px;
	color:#444;
	font-size:14px;
	line-height:1.65;
	word-break:keep-all;
	transition:color .28s ease;
}

.gj-experience-list li:before{
	content:"✓";
	position:absolute;
	left:0;
	top:0;
	color:#4270b7;
	font-weight:800;
}

/* 변경 가능 안내 */
.gj-card-notice{
	margin:12px 0 0 !important;
	font-size:12px;
	line-height:1.5;
	color:#666 !important;
}

/* 마우스 오버 */
.gj-box > a:hover .gj-experience-list li,
.gj-box > a:hover .gj-experience-list li:before,
.gj-box > a:hover .gj-card-notice{
	color:#fff !important;
}

/* 모바일 */
@media (max-width:991px){
	.gj-experience-list li,
	.gj-experience-list li:before,
	.gj-card-notice{
		color:#fff !important;
	}
}



/* 미션&비전 */
.gj-mvv-wrap{padding:40px 0 60px; color:#212121;}
.gj-mvv-box{position:relative;overflow:visible;}
.gj-road-svg{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;}
.gj-road-path{fill:none;stroke:#eee;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;}
.gj-road-section{position:relative;z-index:2;text-align:center;padding:70px 40px;}
.gj-road-section.value-section{padding-bottom:90px;}
.gj-road-section-inner{opacity:0;transform:translateY(30px);animation:gjFadeUp .8s ease forwards;}
.gj-mvv-label{display:inline-block; padding:2px 8px;background:linear-gradient(to top,#eef7ff 48%,transparent 48%);color:#2877c8;font-size:34px;font-weight:600;line-height:1.2;}
.gj-mvv-icon{font-size:54px;margin:18px 0;transition:transform .35s ease;}
.gj-mvv-text{font-size:18px;line-height:1.8;word-break:keep-all;}
.gj-value-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:880px;margin:32px auto 0;}
.gj-value-card{background:#f4f7fa;min-height:290px;padding:54px 24px 35px; border-radius:20px; text-align:center;transition:all .35s ease;}
.gj-value-icon{font-size:50px;margin-bottom:18px;}
.gj-value-title{margin:0 0 22px;font-size:22px;font-weight:600;color:#212121;}
.gj-value-desc{margin:0;font-size:18px;line-height:1.3;word-break:keep-all;}

@keyframes gjFadeUp{
	to{opacity:1;transform:translateY(0);}
}

@media(max-width:991px){
	.gj-road-path{stroke-width:14;}
	.gj-road-section{padding:58px 25px;}
	.gj-value-list{grid-template-columns:repeat(2,1fr);gap:15px;}
	.gj-value-card{min-height:250px;padding:42px 18px 30px;}
}
@media(max-width:560px){
	.gj-mvv-wrap{padding:20px 10px 40px;}
	.gj-road-path{stroke-width:10;}
	.gj-road-section{padding:45px 30px;}
	.gj-value-list{grid-template-columns:1fr;max-width:320px;}
	.gj-value-card{min-height:auto;padding:34px 20px 32px;}
	.gj-mvv-text br,.gj-value-desc br{display:none;}
}



/* 조직도 */
.org-wrap{width:100%;max-width:1200px; padding:40px 0 60px;color:#4f5968;}
.org-chart{position:relative;}
.org-card{position:relative;background:#fff;border:1px solid #e0e5e6; box-shadow:0 1px 0 rgba(0,0,0,.03);z-index:2;border-radius: 15px;} /* overflow:hidden; */
.org-card .org-head{padding:18px 10px;text-align:center;font-size:22px;line-height:1.2;font-weight:600;color:#333;border-bottom:1px solid #e0e5e6;border-radius: 15px 15px 0px 0px;}
.org-card .org-body{padding:20px 18px 35px;text-align:center;font-size:15px;line-height:1.45;word-break:keep-all;}
.org-card .role{position:relative;display:inline-block;margin-top:22px;padding:0 5px;font-size:20px;font-weight:500;color:#333;z-index:0;}
.org-card .role:first-child{margin-top:0;}
.org-card.bg-yellow .role:before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:3px;display:block;width:100%;height:11px;background:rgba(255,240,184,.45);z-index:-1;}
.org-card.bg-green .role:before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:3px;display:block;width:100%;height:11px;background:rgba(207,232,174,.45);z-index:-1;}
.org-card.bg-blue .role:before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:3px;display:block;width:100%;height:11px;background:rgba(139,215,239,.45);z-index:-1;}
.org-card .desc{margin-top:2px;}
.bg-yellow .org-head{background:#fff0b8;}
.bg-green .org-head{background:#cfe8ae;}
.bg-blue .org-head{background:#8bd7ef;}
.org-lines{display:none;}
.org-top{width:340px;margin:0 auto 70px;position:relative;}
.org-top .org-body{min-height:80px;}
.org-branch-row{position:relative;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:70px;align-items:start;}
.org-branch{position:relative;}
.org-dept-card{width:340px;margin:0 auto 65px;}
.org-dept-card .org-body{min-height:100px;}
.org-branch-teams{position:relative;display:grid;gap:20px;}
.org-branch-plan .org-branch-teams{grid-template-columns:repeat(3,minmax(0,1fr));}
.org-branch-biz .org-branch-teams{grid-template-columns:repeat(2,minmax(0,1fr));}
.org-team-card{width:100%;}
.org-team-card .org-body{min-height:520px;padding-left:18px;padding-right:18px;}
.org-top:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:40px;background:#e4e7eb;transform:translateX(-50%);}
.org-branch-row:before{content:"";position:absolute;left:28%;right:19%;top:-35px;height:8px;background:#e4e7eb;}
.org-branch:before{content:"";position:absolute;left:50%;top:-35px;width:8px;height:35px;background:#e4e7eb;transform:translateX(-50%);}
.org-branch:after{content:"";position:absolute;left:50%;top:150px;width:8px;height:65px;background:#e4e7eb;transform:translateX(-50%);}
.org-branch-teams:before{content:"";position:absolute;left:15%;right:15%;top:-32px;height:8px;background:#e4e7eb;}
.org-branch-biz .org-branch-teams:before{content:"";position:absolute;left:23%;right:23%;top:-32px;height:8px;background:#e4e7eb;}
.org-branch-teams .org-team-card:before{content:"";position:absolute;left:50%;top:-32px;width:8px;height:32px;background:#e4e7eb;transform:translateX(-50%);}

@media (max-width:1199px){
	.org-wrap{max-width:900px;}
	.org-top{margin-bottom:45px;}
	.org-branch-row{display:block;}
	.org-branch{max-width:720px;margin:0 auto 45px;}
	.org-branch:last-child{margin-bottom:0;}
	.org-dept-card{margin-bottom:28px;}
	.org-branch-plan .org-branch-teams{grid-template-columns:repeat(2,minmax(0,1fr));}
	.org-branch-biz .org-branch-teams{grid-template-columns:repeat(2,minmax(0,1fr));}
	.org-top:after,.org-branch-row:before,.org-branch:before,.org-branch:after,.org-branch-teams:before,.org-branch-teams .org-team-card:before{display:none;}
}
@media (max-width:767px){
	.org-wrap{padding:30px 15px 50px;}
	.org-top,.org-dept-card,.org-team-card{width:100%; margin-left:auto;margin-right:auto;}
	.org-branch{ margin-bottom:35px; padding:30px;background:#f7f7f7;border-radius:20px;}
	.org-dept-card{margin-bottom:18px;}
	.org-branch-plan .org-branch-teams,.org-branch-biz .org-branch-teams{display:block;}
	.org-team-card{margin-bottom:16px;}
	.org-team-card:last-child{margin-bottom:0;}
	.org-card .org-head{font-size:20px;padding:15px 10px;}
	.org-card .org-body{min-height:0 !important;padding:24px 18px 28px;}
	.org-card .role{font-size:18px;}
}
@media (max-width:480px){
	.org-wrap{padding:25px 10px 40px;}
	.org-branch{padding:14px 10px 10px;}
	.org-card .org-head{font-size:18px;}
	.org-card .org-body{font-size:14px;line-height:1.5;}
	.org-card .role{font-size:17px;}
}


/* 연혁 */
.history-wrap{width:100%;padding:40px 0 60px; overflow:hidden;}
.history-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:330px 1fr;gap:150px;align-items:flex-start;}
.history-intro{animation:historyFadeUp .8s ease both;}
.history-intro h2{margin:0 0 34px;font-size:24px;font-weight:700;color:#285da8;}
.history-intro p{margin:0 0 22px;font-size:16px;line-height:1.85;color:#212121;font-weight:500;letter-spacing:-.4px;}
.history-intro strong{display:block;margin-top:20px;font-size:16px;line-height:1.8;color:#212121; font-weight:600}
.history-list{position:relative;}
.history-item{display:grid;grid-template-columns:130px 1fr;gap:22px;margin-bottom:58px;opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1);}
.history-item.is-show{opacity:1;transform:translateY(0);}
.history-year{font-size:28px;font-weight:700;color:#8bd34b;line-height:1; white-space:nowrap;}
.history-item ul{margin:0;padding:0;list-style:none;}
.history-item li{position:relative;display:flex;gap:14px;align-items:flex-start;margin:0 0 11px;padding-left:14px;font-size:14px;line-height:1.7;color:#555;font-weight:500;letter-spacing:-.35px;transition:all .25s ease;}
.history-item:hover li{color:#222;}
.history-month{flex:0 0 40px;display:inline-flex; color:#7bc63b;font-size:15px; text-align:left;}
.history-month-list{width:100%;}
.history-month-row{display:grid;grid-template-columns:65px 1fr; margin-bottom:20px; gap:15px;}
.history-month-row:last-child{margin-bottom:0;}
.history-month-row ul{margin:0;padding:0;list-style:none;}
.history-month-row li{position:relative;margin:0 0 6px; font-size:15px;line-height:1.5;color:#555;font-weight:500;letter-spacing:-.35px;transition:all .25s ease; word-break:keep-all;}
.history-month-row li:before{content:"-";position:absolute;left:0;top:0;color:#8bd34b;font-weight:800;}
.history-month-row li:last-child{margin-bottom:0;}

@keyframes historyFadeUp{
	0%{opacity:0;transform:translateY(28px);}
	100%{opacity:1;transform:translateY(0);}
}

@media (max-width:1199px){
	.history-inner{grid-template-columns:290px 1fr;gap:55px;}
	.history-year{font-size:28px;}
	.history-item{grid-template-columns:110px 1fr;gap:30px;}
}
@media (max-width:991px){
	.history-wrap{padding:50px 18px;}
	.history-inner{display:block;}
	.history-intro{margin-bottom:48px;}
	.history-intro h2{font-size:23px;margin-bottom:24px;}
	.history-intro p{font-size:14px;line-height:1.8;margin-bottom:18px;}
	.history-list{padding-left:0;}
	.history-item{display:block;margin-bottom:32px;padding:30px;background:#f7f7f7;border-radius:20px;}
	.history-year{font-size:28px;margin-bottom:20px;}
	.history-item li{gap:10px;font-size:14px; line-height:1.75;margin-bottom:9px;}
	.history-month{flex:0 0 48px;font-size:14px;padding:3px 8px;}
	.history-month-row{grid-template-columns:52px 1fr;gap:12px;margin-bottom:16px;}
	.history-month-row li{font-size:14px;}
}
@media (max-width:480px){
	.history-wrap{padding:42px 14px;}
	.history-intro h2{font-size:21px;}
	.history-intro p,.history-intro strong{font-size:13.5px;}
	.history-item{padding:22px 18px;border-radius:18px;}
	.history-year{font-size:25px;}
	.history-item li{display:block; font-size:13.5px;padding-left:12px;}
	.history-month{display:inline-block;margin-bottom:3px; padding:0; font-size:13.5px;}
	.history-month-row{display:block;padding-left:0;}
	.history-month-row li{font-size:13.5px;}
}

 /* 연혁2 */

.gijigae-history-wrap{width:100%;padding:60px 0 80px;overflow:hidden;}
.gijigae-history-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:60px;align-items:flex-start;}
.gijigae-history-intro{position:sticky;padding:34px 30px;border-radius:28px;background:#f7fff9;border:1px solid #e6f0e8;box-shadow:0 14px 34px rgba(36,49,38,.08);}
.gijigae-history-label{display:inline-flex;align-items:center;margin-bottom:16px;padding:6px 14px;border-radius:999px;background:#fff6d8;color:#e98a00;font-size:12px;font-weight:800;letter-spacing:.08em;}
.gijigae-history-intro h2{position:relative;margin:0 0 26px;font-size:28px;font-weight:900;color:#1f3327;letter-spacing:-.05em;line-height:1.35;}
.gijigae-history-intro h2:after{content:"";display:block;width:42px;height:5px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,#f26452,#ffc928,#69c74c,#3aa7e3);}
.gijigae-history-intro p{margin:0 0 18px;font-size:15px;line-height:1.85;color:#333;font-weight:500;letter-spacing:-.04em;word-break:keep-all;}
.gijigae-history-quote{margin-top:26px;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,#17b8c8,#69c74c);color:#fff;font-size:18px;font-weight:900;line-height:1.55;letter-spacing:-.04em;box-shadow:0 10px 22px rgba(23,184,200,.2);}
.gijigae-history-list{position:relative;padding-left:34px;}
.gijigae-history-list:before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:3px;border-radius:999px;background:linear-gradient(180deg,#f26452,#ffc928,#69c74c,#3aa7e3);}
.gijigae-history-item{position:relative;margin-bottom:34px;padding:26px 28px 26px 34px;border:1px solid #e2edf3;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(38,142,181,.08);transition:all .25s;}
.gijigae-history-item:before{content:"";position:absolute;left:-34px;top:32px;width:18px;height:18px;border-radius:50%;background:#fff;border:5px solid #7ac943;box-shadow:0 0 0 6px rgba(122,201,67,.14);}
.gijigae-history-item:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(38,142,181,.14);border-color:#bfe3f0;}
.gijigae-history-year{display:inline-flex;align-items:center;margin-bottom:20px;padding:6px 18px;border-radius:999px;background:#eef9fb;color:#129cad;font-size:26px;font-weight:900;line-height:1;letter-spacing:-.04em;}
.gijigae-history-content{width:100%;}
.gijigae-history-month-row{display:grid;grid-template-columns:82px 1fr;gap:18px;margin-bottom:18px;}
.gijigae-history-month-row:last-child{margin-bottom:0;}
.gijigae-history-month{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:999px;background:#f5fbef;color:#62b92f;font-size:14px;font-weight:800;white-space:nowrap;}
.gijigae-history-month-row ul{margin:0;padding:0;list-style:none;}
.gijigae-history-month-row li{position:relative;margin:0 0 8px;padding-left:18px;font-size:15px;line-height:1.65;color:#444;font-weight:500;letter-spacing:-.04em;word-break:keep-all;}
.gijigae-history-month-row li:last-child{margin-bottom:0;}
.gijigae-history-month-row li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:#8cc63f;box-shadow:0 0 0 4px rgba(140,198,63,.13);}
.gijigae-history-item:nth-child(4n+1):before{border-color:#f26452;box-shadow:0 0 0 6px rgba(242,100,82,.13);}
.gijigae-history-item:nth-child(4n+2):before{border-color:#ffc928;box-shadow:0 0 0 6px rgba(255,201,40,.18);}
.gijigae-history-item:nth-child(4n+3):before{border-color:#69c74c;box-shadow:0 0 0 6px rgba(105,199,76,.14);}
.gijigae-history-item:nth-child(4n+4):before{border-color:#3aa7e3;box-shadow:0 0 0 6px rgba(58,167,227,.14);}

@media(max-width:1199px){
	.gijigae-history-inner{grid-template-columns:310px 1fr;gap:60px;padding:0 20px;}
}
@media(max-width:991px){
	.gijigae-history-wrap{padding:42px 0 60px;}
	.gijigae-history-inner{display:block;padding:0 18px;}
	.gijigae-history-intro{position:relative;top:auto;margin-bottom:36px;padding:28px 24px;border-radius:24px;}
	.gijigae-history-list{padding-left:28px;}
	.gijigae-history-item{padding:24px 22px 24px 28px;}
	.gijigae-history-item:before{left:-29px;}
}
@media(max-width:640px){
	.gijigae-history-inner{padding:0 14px;}
	.gijigae-history-intro{padding:24px 20px;border-radius:22px;}
	.gijigae-history-intro h2{font-size:24px;}
	.gijigae-history-intro p{font-size:14px;line-height:1.75;}
	.gijigae-history-quote{font-size:16px;}
	.gijigae-history-list{padding-left:0;}
	.gijigae-history-list:before{display:none;}
	.gijigae-history-item{padding:22px 18px;margin-bottom:20px;border-radius:20px;}
	.gijigae-history-item:before{display:none;}
	.gijigae-history-year{font-size:22px;margin-bottom:18px;}
	.gijigae-history-month-row{grid-template-columns:1fr;gap:8px;margin-bottom:18px;}
	.gijigae-history-month{justify-content:flex-start;width:max-content;height:28px;}
	.gijigae-history-month-row li{font-size:14px;line-height:1.6;}
}


/* ci&마스코트 */
.ci-page-wrap{width:100%; padding:40px 0 60px; color:#212121;}
.ci-title{margin:0 0 28px;font-size:28px; font-weight:600; color:#212121;}
.ci-section{margin-bottom:78px;}
.ci-logo-box{display:flex;align-items:center;justify-content:center;min-height:220px;border:3px solid #eee;background:#fff;padding:35px;box-sizing:border-box;border-radius: 20px;}
.ci-logo-box img{max-width:360px;width:60%;height:auto;display:block;}
.ci-info-row{display:grid;grid-template-columns:260px 1fr;gap:70px;margin-top:34px;align-items:start;}
.ci-down-btn{display:flex;align-items:center;justify-content:center;width:200px;height:50px;border-radius:50px;background:#3f70b8;color:#fff;text-decoration:none;font-size:17px;font-weight:700;transition:all .25s ease;}
.ci-down-btn:hover{background:#285da8;color:#fff;text-decoration:none;transform:translateY(-3px);box-shadow:0 10px 24px rgba(63,112,184,.25);}
.ci-down-btn:focus{color:#fff;}
.ci-desc-block{margin-bottom:28px;}
.ci-desc-block h3{margin:0 0 12px;font-size:17px;font-weight:800;color:#212121;}
.ci-desc-block p{margin:0;font-size:15px;line-height:1.7;color:#333;word-break:keep-all;}
.ci-color-list{display:flex;gap:12px;margin:12px 0 14px;}
.ci-color-list span{display:block;width:30px;height:30px;}
.mascot-section{margin-top:20px;}
.mascot-layout{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:start; margin-top:70px;}
.mascot-img-area{text-align:center;}
.mascot-img{display:block;height:auto;margin:0 auto;animation:mascotFloat 3.2s ease-in-out infinite;}
.mascot-main{width:230px;max-width:100%;}
.mascot-small-row{display:flex;justify-content:center;gap:30px;margin-top:20px;}
.mascot-small{width:95px;}
.ani-delay-1{animation-delay:0s;}
.ani-delay-2{animation-delay:.35s;}
.ani-delay-3{animation-delay:.7s;}
.mascot-top-line{height:2px;background:#212121;margin:0 0 36px;}
.mascot-head{padding:0 18px 28px;border-bottom:1px solid #777;}
.mascot-head h3{margin:0 0 24px;font-size:25px;font-weight:900;letter-spacing:-1px;}
.mascot-head h3 span{display:inline-block; padding:0 4px;}
.mascot-head h3 span.mascot1{background:linear-gradient(to top,#ffe100 48%,transparent 48%);}
.mascot-head h3 span.mascot2{background:linear-gradient(to top,#8cc63f 48%,transparent 48%);}
.mascot-head h3 span.mascot3{background:linear-gradient(to top,#2ac4f4 48%,transparent 48%);}
.mascot-head strong{display:block;margin-bottom:24px;font-size:19px;font-weight:900;line-height:1.5;color:#111;}
.mascot-head p{margin:0;font-size:15px;line-height:1.8;color:#444;word-break:keep-all;}
.mascot-table{padding:8px 18px 0;}
.mascot-table dl{display:grid;grid-template-columns:95px 1fr;gap:25px;margin:0;padding:22px 0;border-bottom:1px dashed #ddd;}
.mascot-table dt{font-size:15px;font-weight:800;color:#212121;}
.mascot-table dd{margin:0;font-size:15px;line-height:1.75;color:#333;word-break:keep-all;}
.mascot-table dd p{margin:0;}

@keyframes mascotFloat{
	0%{transform:translateY(0) rotate(0deg);}
	50%{transform:translateY(-10px) rotate(1deg);}
	100%{transform:translateY(0) rotate(0deg);}
}

@media(max-width:991px){
    .ci-page-wrap{padding:32px 16px 60px;}
    .ci-title{font-size:24px;margin-bottom:20px;}
    .ci-logo-box{min-height:180px;padding:28px 20px;}
    .ci-logo-box img{width:72%;max-width:320px;}
    .ci-info-row{grid-template-columns:1fr;gap:28px;margin-top:26px;}
    .ci-download-area{display:flex;justify-content:center;}
    .ci-down-btn{width:190px;height:48px;font-size:16px;}
    .mascot-layout{grid-template-columns:1fr;gap:38px;}
    .mascot-img-area{order:1;}
    .mascot-info-area{order:2;}
    .mascot-main{width:300px;}
    .mascot-small{width:150px;}
    .mascot-top-line{margin-bottom:28px;}
}

@media(max-width:767px){
    .ci-page-wrap{padding:26px 14px 50px;}
    .ci-section{margin-bottom:58px;}
    .ci-title{font-size:22px;}
    .ci-logo-box{min-height:145px;border-width:2px;padding:24px 15px;}
    .ci-logo-box img{width:86%;}
    .ci-desc-block h3{font-size:16px;}
    .ci-desc-block p{font-size:14px;}
    .ci-color-list{gap:7px;flex-wrap:wrap;}
    .ci-color-list span{width:25px;height:25px;}
    .mascot-main{width:220px;}
    .mascot-small{width:120px;}
    .mascot-head{padding:0 4px 24px;}
    .mascot-head h3{font-size:23px;margin-bottom:20px;}
    .mascot-head strong{font-size:17px;margin-bottom:18px;}
    .mascot-head p{font-size:14px;}
    .mascot-table{padding:4px 4px 0;}
    .mascot-table dl{grid-template-columns:1fr;gap:8px;padding:18px 0;}
    .mascot-table dt{font-size:15px;}
    .mascot-table dd{font-size:14px;}
}



/* =========================
   사업소개
========================= */

.work-wrap{
	width:100%;
	color:#212121;
}

/* 상단 소개 */
.work-top{
	display:grid;
	grid-template-columns:1fr 1.85fr;
	gap:30px;
	margin-bottom:50px;
}

.work-title-box > h2{
	margin-bottom:40px;
	font-size:40px;
	font-family:'Paperlogy-6SemiBold';
	color:#212121;
}

.work-title-box > p{
	margin-bottom:15px;
	font-size:19px;
	word-break:keep-all;
}

.work-title-box h2:after{
	content:"";
	display:block;
	width:42px;
	height:5px;
	margin-top:14px;
	border-radius:999px;
	background:linear-gradient(
		90deg,
		#f26452,
		#ffc928,
		#69c74c,
		#3aa7e3
	);
}

/* 상단 안내 박스 */
.work-info-box{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr;
	min-height:290px;
	margin-left:70px;
	background:#f8f8f8;
	border-radius:0 20px 20px 20px;
	overflow:visible;
}

.work-info-box:before{
	content:"";
	position:absolute;
	left:-50px;
	top:-1px;
	width:60px;
	height:60px;
	border-top:70px solid #f8f8f8;
	clip-path:polygon(0 0,100% 75%,100% 0);
}

.work-info-item{
	position:relative;
	z-index:2;
	padding:54px 46px;
}

.work-info-item + .work-info-item{
	border-left:5px solid #fff;
}

.work-info-item > h3{
	margin:0 0 28px;
	font-size:19px;
	font-weight:600;
	letter-spacing:-.5px;
	color:#212121;
}

.work-info-item > p{
	margin:0 0 10px;
	font-size:16px;
	line-height:1.5;
	color:#444;
	word-break:keep-all;
}

.work-info-item > p:last-child{
	margin-bottom:0;
}

.work-info-item li{
	position:relative;
	margin:0 0 6px;
	padding-left:13px;
	font-size:16px;
	line-height:1.5;
	font-weight:400;
	letter-spacing:-.35px;
	color:#444;
	word-break:keep-all;
}

.work-info-item li:before{
	content:"-";
	position:absolute;
	left:0;
	top:0;
	font-weight:800;
	color:#444;
}

.work-info-item li:last-child{
	margin-bottom:0;
}

/* =========================
   카드 목록
========================= */

.work-card-list{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:repeat(2, minmax(0,1fr));
	gap:40px;
	width:100%;
	height:auto !important;
}

/* 카드 */
.work-card-list > .work-card{
	position:relative !important;
	left:auto !important;
	right:auto !important;
	top:auto !important;
	bottom:auto !important;

	display:flex;
	flex-direction:column;
	align-self:stretch;

	width:100% !important;
	height:auto !important;
	min-width:0;
	margin:0 !important;
	padding:30px 50px 80px;

	box-sizing:border-box;
	border-radius:30px;
	color:#212121;
	text-decoration:none;
	overflow:hidden;

	transition:
		background-color .35s ease,
		color .35s ease,
		transform .35s ease,
		box-shadow .35s ease;
}

.work-card:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	z-index:0;
}

.work-card > *{
	position:relative;
	z-index:1;
}

.work-card:hover{
	color:#fff;
	transform:translateY(-8px);
}

.work-card h3{
	margin:0 0 28px;
	font-size:25px;
	font-weight:600;
}

.work-card h4{
	margin:28px 0 8px;
	font-size:16px;
	font-weight:800;
	color:#212121;
	transition:color .35s ease;
}

.work-card p{
	margin:0 0 13px;
	font-size:15px;
	line-height:1.75;
	color:#444;
	word-break:keep-all;
	transition:color .35s ease;
}

.work-card ul{
	margin-bottom:0;
}

.work-card li{
	position:relative;
	margin:0 0 6px;
	padding-left:13px;
	font-size:15px;
	line-height:1.75;
	font-weight:400;
	letter-spacing:-.35px;
	color:#444;
	word-break:keep-all;
	transition:color .35s ease;
}

.work-card li:before{
	content:"-";
	position:absolute;
	left:0;
	top:0;
	font-weight:800;
	color:#444;
	transition:color .35s ease;
}

.work-card li:last-child{
	margin-bottom:0;
}

.work-card:hover p,
.work-card:hover h4,
.work-card:hover .card-date,
.work-card:hover li,
.work-card:hover li:before{
	color:#fff;
}

/* 카드 배경색 */
.card-yellow{background:#f9e69e;}
.card-green{background:#cfe7ae;}
.card-blue{background:#b3c6e2;}
.card-orange{background:#ffbb7a;}
.card-skyblue{background:#a9e2f7;}
.card-purple{background:#e7b6d7;}

.card-yellow:hover{background:#f1c418;}
.card-green:hover{background:#8cc63e;}
.card-blue:hover{background:#4270b7;}
.card-orange:hover{background:#f19c4b;}
.card-skyblue:hover{background:#31baec;}
.card-purple:hover{background:#c2499a;}

/* 추가 카드 색상 */
.card-pink{
	background:#f3c2d8;
}

.card-mint{
	background:#bfe7dc;
}

/* 마우스 오버 */
.card-pink:hover{
	background:#d95f93;
}

.card-mint:hover{
	background:#3aa88c;
}

@media (max-width:991px){

	.card-pink{
		background:#d95f93;
	}

	.card-mint{
		background:#3aa88c;
	}
}

/* 카드 상단 아이콘 */
.card-icon{
	display:block;
	width:160px;
	height:56px;
	margin-bottom:10px;
	font-size:28px;
	line-height:54px;
	transition:transform .28s ease;
}

.work-card-list > .work-card:hover .card-icon{
	transform:rotate(-6deg) scale(1.08);
}


/* 우측 하단 화살표 */
.wk-link-icon{
	position:absolute;
	right:30px;
	bottom:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	opacity:0;
	transform:translateX(-8px);
	transition:all .3s ease;
	pointer-events:none;
}

.wk-link-icon svg{
	width:38px;
	height:38px;
	fill:none;
	stroke:#fff;
	stroke-width:2.2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.work-card-list > .work-card:hover .wk-link-icon{
	opacity:1;
	transform:translateX(0);
}

/* 별도 work-layout 사용 시 */
.work-layout{
	display:grid;
	grid-template-columns:minmax(320px,420px) minmax(0,1fr);
	gap:40px;
	align-items:start;
}

.work-layout .work-top{
	display:block;
	margin-bottom:0;
}

.work-layout .work-card-list{
	grid-template-columns:repeat(2, minmax(0,1fr));
}

/* =========================
   태블릿
========================= */

@media (max-width:991px){

	.work-wrap{
		padding:40px 16px;
	}

	.work-top{
		grid-template-columns:1fr;
		gap:28px;
		margin-bottom:34px;
	}

	.work-title-box h2{
		margin-bottom:24px;
		font-size:31px;
	}

	.work-info-box{
		display:block;
		margin:0;
		border-radius:20px;
	}

	.work-info-box:before{
		display:none;
	}

	.work-info-item + .work-info-item{
		border-top:5px solid #fff;
		border-left:0;
	}

	/* 모바일 한 줄 배치 */
	.work-card-list,
	.work-layout .work-card-list{
		grid-template-columns:1fr;
		gap:20px;
		height:auto !important;
	}

	.work-card-list > .work-card{
		position:relative !important;
		left:auto !important;
		top:auto !important;
		width:100% !important;
		height:auto !important;
		margin:0 !important;
		padding:42px 34px 70px;
		border-radius:20px;
	}

	.work-card h3{
		font-size:23px;
	}

	.work-card .wk-link-icon{
		opacity:1;
		transform:none;
	}

	.card-yellow{background:#f1c418;}
	.card-green{background:#8cc63e;}
	.card-blue{background:#4270b7;}
	.card-orange{background:#f19c4b;}
	.card-skyblue{background:#31baec;}
	.card-purple{background:#c2499a;}

	.work-card,
	.work-card h3,
	.work-card h4,
	.work-card p,
	.work-card li,
	.work-card li:before,
	.work-card .card-date{
		color:#666;
	}

	.work-layout{
		display:block;
	}

	.work-layout .work-top{
		margin-bottom:30px;
	}
}

/* =========================
   모바일
========================= */

@media (max-width:767px){

	.work-wrap{
		padding:34px 14px;
	}

	.work-title-box h2{
		font-size:28px;
	}

	.work-title-box p{
		margin-bottom:16px;
		font-size:15px;
		line-height:1.7;
	}

	.work-info-item{
		padding:30px 20px;
	}

	.work-card-list > .work-card{
		padding:34px 24px 70px;
	}

	.work-card h3{
		margin-bottom:22px;
		font-size:22px;
	}

	.work-card p{
		font-size:14px;
		line-height:1.7;
	}
}

/* 온라인 기지개센터 기지개 영상실 추가 */
.gj-category-list{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
	margin:18px 0 0;
	padding:0;
	list-style:none;
}

.gj-category-list li{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:28px;
	margin:0;
	padding:4px 12px;
	border:1px solid rgba(60,60,60,.15);
	border-radius:999px;
	background:rgba(255,255,255,.6);
	color:#444;
	font-size:13px;
	font-weight:600;
	line-height:1.2;
	white-space:nowrap;
}



/* 오시는길 */
.location-info-wrap{width:100%;padding:28px 0 0;color:#212121;}
.location-info-item{display:flex;align-items:center;gap:14px;font-size:18px;line-height:1.4;}
.location-info-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;}
.location-info-icon img{max-width:100%;height:auto;display:block;}
.location-info-text{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.location-info-text strong{font-size:16px;font-weight:500;color:#212121;word-break:keep-all;}
.line-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:30px;padding:0 14px;border-radius:999px;font-size:15px;font-weight:700;color:#fff;line-height:1;}
.line-4{background:#00a5de;}

@media (max-width:767px){
	.location-info-wrap{padding:22px 0 0;}
	.location-info-item{gap:12px;font-size:16px;align-items:flex-start;}
	.location-info-icon{width:30px;height:30px;flex-basis:30px;margin-top:1px;}
	.location-info-text{gap:8px;}
	.location-info-text strong{font-size:16px;}
	.line-badge{min-width:58px;height:28px;padding:0 12px;font-size:14px;}
}

@media (max-width:480px){
	.location-info-item{gap:10px;}
	.location-info-text{display:block;}
	.location-info-text strong{display:block;margin-top:7px;font-size:15px;}
}

/* ===========================
   Work Card Premium Design
=========================== */

.work-card{
    transition:all .35s ease;
    overflow:hidden;
}

/* 빛이 지나가는 효과 */
.work-card:after{
    content:"";
    position:absolute;
    top:-150%;
    left:-45%;
    width:35%;
    height:320%;
    background:rgba(255,255,255,.35);
    transform:rotate(25deg);
    transition:.7s;
    pointer-events:none;
}

.work-card:hover:after{
    left:140%;
}


/* Hover */
.work-card:hover{
    transform:translateY(-10px) scale(1.015);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}


/* 카드별 Hover 배경 */

.card-yellow:hover{
    background:#fff2bf;
}

.card-green:hover{
    background:#ddf2c4;
}

.card-skyblue:hover{
    background:#c9effb;
}

.card-orange:hover{
    background:#ffd2a8;
}

.card-blue:hover{
    background:#c7d8ef;
}

.card-purple:hover{
    background:#efd1e6;
}


/* 제목 */

.work-card h3{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:22px;
    font-size:27px;
    letter-spacing:-0.04em;
    color:#222;
    transition:.3s;
}

.work-card:hover h3{
    transform:translateX(4px);
    letter-spacing:-0.02em;
    color:#222;
}


/* 본문 */

.work-card p{
    color:#555;
    line-height:1.75;
    transition:.3s;
}

.work-card:hover p{
    color:#555;
}


/* 소제목 */

.work-card h4{
    display:inline-flex;
    align-items:center;
    margin:30px 0 14px;
    padding:7px 15px;
    border-radius:30px;
    background:rgba(255,255,255,.55);
    font-size:14px;
    font-weight:700;
    color:#2d3d4a;
    box-shadow:0 2px 8px rgba(0,0,0,.05);
    transition:.3s;
}

.work-card h4:before{
    content:"";
    width:7px;
    height:7px;
    margin-right:8px;
    border-radius:50%;
    background:#7ac943;
}

.work-card:hover h4{
    background:rgba(255,255,255,.75);
    color:#2d3d4a;
}


/* 리스트 */

.work-card ul{
    margin-top:5px;
    padding:18px 20px;
    border-radius:18px;
    background:rgba(255,255,255,.35);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
    transition:.3s;
}

.work-card:hover ul{
    background:rgba(255,255,255,.55);
}

.work-card li{
    position:relative;
    padding-left:22px;
    margin-bottom:9px;
    color:#555;
    line-height:1.65;
    transition:.3s;
}

.work-card li:last-child{
    margin-bottom:0;
}

.work-card li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:#6cbf47;
    font-weight:700;
}

.work-card:hover li{
    color:#555;
}

.work-card:hover li:before{
    color:#57a734;
}


/* 날짜 */

.card-date{
    display:inline-flex;
    align-items:center;
    margin-top:24px;
    padding:9px 16px;
    border-radius:30px;
    background:rgba(255,255,255,.55);
    font-size:13px;
    font-weight:700;
    color:#666;
    transition:.3s;
}

.card-date:before{
    content:"📅";
    margin-right:6px;
}

.work-card:hover .card-date{
    background:rgba(255,255,255,.75);
    color:#666;
}


/* 아이콘 */

.card-icon{
    transition:.35s;
}

.work-card:hover .card-icon{
    transform:rotate(-5deg) scale(1.08);
}


/* 화살표 */

.wk-link-icon{
    opacity:.6;
    transform:none;
    transition:.3s;
}

.work-card:hover .wk-link-icon{
    opacity:1;
    transform:translateX(5px);
}


/* 모바일 */

@media(max-width:767px){

    .work-card h3{
        font-size:23px;
    }

    .work-card h4{
        margin-top:24px;
    }

    .work-card ul{
        padding:15px 16px;
    }

    .work-card li{
        font-size:14px;
    }

    .card-date{
        display:flex;
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .work-card:hover{
        transform:translateY(-4px);
    }

}

.wk-link-icon{
    position:absolute;
    right:28px;
    bottom:20px;
    width:52px;
    height:52px;
    border-radius:50%;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(4px);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 6px 18px rgba(0,0,0,.08);
    opacity:1;
    transition:.3s;
}

.work-card:hover .wk-link-icon{
    background:#fff;
    transform:translateX(6px) scale(1.08);
    box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.wk-link-icon svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:#6cbf47;
    stroke-width:2.6;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:.3s;
}

.work-card:hover .wk-link-icon svg{
    stroke:#2f8d27;
}

@media(max-width:767px){

    .work-card{
        padding-bottom:96px;
    }

    .card-date{
        width:100%;
        padding-right:16px;
        margin-bottom:12px;
    }

    .wk-link-icon{
        right:23px;
        bottom:20px;
        transform:translateX(50%);
    }

    .work-card:hover .wk-link-icon{
        transform:translateX(50%) scale(1.06);
    }

}

/* work-info-box 내부만 꾸미기 */

.work-info-item > h3{
    display:flex;
    align-items:center;
    margin-bottom:22px;
    font-size:21px;
    font-weight:800;
    color:#243328;
    letter-spacing:-0.04em;
}

.work-info-item:first-child > h3:before{
    content:"💡";
    margin-right:10px;
    font-size:22px;
}

.work-info-item:last-child > h3:before{
    content:"🤝";
    margin-right:10px;
    font-size:22px;
}

.work-info-item > h3:after{
    content:"";
    flex:1;
    height:1px;
    margin-left:14px;
    background:linear-gradient(90deg,#8cc63f,rgba(140,198,63,0));
}

.work-info-item ul{
    margin:0;
    padding:0;
}

.work-info-item li{
    position:relative;
    margin-bottom:11px;
    padding-left:28px;
    font-size:16px;
    line-height:1.7;
    color:#465246;
    word-break:keep-all;
}

.work-info-item li:before{
    content:"✓";
    position:absolute;
    left:0;
    top:4px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:#eef8e8;
    color:#6abf45;
    font-size:13px;
    font-weight:900;
    line-height:20px;
    text-align:center;
}

.work-info-item > p{
    position:relative;
    margin-bottom:14px;
    padding-left:18px;
    font-size:16px;
    line-height:1.8;
    color:#465246;
    word-break:keep-all;
}

.work-info-item > p:before{
    content:"";
    position:absolute;
    left:0;
    top:.72em;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#8cc63f;
}

.work-info-item > p:last-child{
    margin-bottom:0;
}

@media(max-width:767px){
    .work-info-item > h3{
        font-size:19px;
    }

    .work-info-item li,
    .work-info-item > p{
        font-size:15px;
    }
}


.br-mo {
    display: none;
}

@media all and (max-width:767px) {
    .br-pc {
        display: none;
    }

    .br-mo {
        display: block;
    }
}


/* ==============================
   마이페이지 레이아웃
============================== */

.myact-wrap{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    display:grid;
    grid-template-columns:260px 1fr;
    gap:34px;
    min-height:760px;
    color:#222;
}

/* 왼쪽 독립 메뉴 */
.myact-side{
    position:relative;
    width:100%;
    min-height:640px;
    padding:30px 22px;
    border-radius:28px;
    background:linear-gradient(180deg,#ffffff 0%,#f7fbf5 100%);
    border:1px solid #e8f1e3;
    box-shadow:0 12px 32px rgba(56,90,38,.08);
    overflow:hidden;
}

.myact-logo{
    position:relative;
    z-index:2;
    margin-bottom:34px;
    padding-bottom:22px;
    font-size:16px;
    line-height:1.35;
    font-weight:800;
    color:#243328;
    letter-spacing:-0.04em;
    border-bottom:1px dashed #dbead4;
}

.myact-logo b{
    display:inline-block;
    margin-top:4px;
    font-size:25px;
    color:#1898ff;
}

/* 메뉴 */
.myact-menu{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.myact-menu a{
    height:43px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 17px;
    border-radius:16px;
    background:#fff;
    border:1px solid #edf1ec;
    color:#333;
    font-size:16px;
    font-weight:800;
    letter-spacing:-0.04em;
    text-decoration:none;
    transition:all .25s ease;
}

.myact-menu a:hover{
    transform:translateX(6px);
    background:#eff9e8;
    border-color:#cfeabc;
    color:#3c8a20;
}

.myact-menu a.active{
    background:#eaf7df;
    border-color:#cfeabc;
    color:#3c8a20;
    box-shadow:0 8px 18px rgba(122,201,67,.14);
}

/* 왼쪽 하단 이미지 */
.myact-side-illust{
    position:absolute;
    left:22px;
    right:22px;
    bottom:32px;
    z-index:1;
    text-align:center;
    animation:floatY 3s ease-in-out infinite;
}

.myact-side-illust img{
    max-width:180px;
    width:100%;
    height:auto;
}

/* 오른쪽 내용 영역 - 선 없음 */
.myact-content{
    min-width:0;
    padding:4px 0 50px;
    background:#fff;
}

/* 기존 카드/내역 넣는 영역용 */
.myact-content-inner{
    width:100%;
}

/* 애니메이션 */
@keyframes floatY{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-10px);}
}




/* ==============================
   1200px 이하
============================== */

@media(max-width:1200px){

    .myact-wrap{
        display:block;
        min-height:auto;
    }

    .myact-side{
        width:100%;
        min-height:auto;
        margin-bottom:24px;
        padding:22px 20px;
        border-radius:22px;
    }

    .myact-menu{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:10px;
    }

    .myact-menu a{
        height:50px;
        justify-content:center;
    }

    .myact-side-illust{
        display:none;
    }

}

/* ==============================
   모바일
============================== */

@media(max-width:768px){

    .myact-wrap{
        display:block;
        min-height:auto;
    }

    .myact-side{
        min-height:auto;
        margin-bottom:24px;
        padding:18px 16px;
        border-radius:22px;
    }

    .myact-logo{
        margin-bottom:16px;
        padding-bottom:14px;
        font-size:14px;
    }

    .myact-logo b{
        font-size:21px;
    }

    .myact-menu{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    .myact-menu a{
        height:46px;
        font-size:14px;
        padding:0 8px;
        justify-content:center;
    }


    .myact-side-illust{
        display:none;
    }

    .myact-content{
        padding:0 0 38px;
    }

}

/* 작은 모바일 */
@media(max-width:480px){

    .myact-menu{
        grid-template-columns:repeat(2,1fr);
    }

    .myact-menu a{
        font-size:13.5px;
    }

}

/* 마이페이지 공통 타이틀 */

.mypage-title{
    margin-bottom:28px;
    padding-bottom:16px;
    border-bottom:2px solid #eef2ec;
}

.mypage-title h2{
    margin:0;
    font-size:30px;
    font-weight:800;
    color:#222;
    letter-spacing:-0.04em;
    line-height:1.2;
}

.mypage-title p{
    margin:10px 0 0;
    font-size:15px;
    color:#666;
    line-height:1.6;
    word-break:keep-all;
}

@media(max-width:768px){

    .mypage-title{
        margin-bottom:20px;
        padding-bottom:12px;
    }

    .mypage-title h2{
        font-size:24px;
    }

    .mypage-title p{
        font-size:14px;
        margin-top:8px;
    }

}