/* =======================================================
defalt_basic_style - root
   ======================================================= */
html {
  scroll-behavior: smooth;
}
.quick_menu {display:none}

.width_area * {box-sizing:border-box;}
:root {
	--maincolor: #0953b8;
	--maincolor2: #0055bc;
	--grey:#737382;
	--black: #1a1a1d;
	--black2: #333;
	--black3: #666;
	--black4: #888;
	--red: #ed1849;
	--bg01: #f2f2f2;
	--bg02: #ebebeb;
	--bg03: #d5d5d5;
	--blue:#497bea;
	--mobile: 767px;
	--tablet: 1023px;
	--desktop: 1024px;
	--h2-mobile: 1.5rem;
	--h2-tablet: 2rem;
	--h2-desktop: 2.5rem;
	--radius01: 30px;
	--radius02: 50px;
	--radius03: 80px;
	--radius04: 15px;
	--radius05: 10px;
	--compadding1: 50px 5%;
	--compadding2: 50px 3%;
	--compadding2: 50px 3%;
}

.blue {color:var(--maincolor2);}
.mt20 {margin-top:20px;}
.wd100per {width:100%;}




/* =======================================================
body - root defalut
   ======================================================= */
html,
body {
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

body {
	min-width: 320px;
	overflow-x: hidden;
}

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

section {
	width: 100%;
	display: block;
}

section:after {
	content: '';
	display: block;
	clear: both;
}


/************************
*
*공통 Flexbox 스타일 
*
*************************/

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

/*정렬*/
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}


.flex-start {
	justify-content: flex-start;
}

.flex-end {
	justify-content: flex-end;
}

.flex-sb {
	justify-content: space-between;
}

.flex-sa {
	justify-content: space-around;
}

.flex-se {
	justify-content: space-evenly;
}


/* 수직 정렬 옵션 */
.align-start {
	align-items: flex-start;
}


.align-end {
	align-items: flex-end;
}

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

.align-stretch {
	align-items: stretch;
}

.align-baseline {
	align-items: baseline;
}

/* 세로축 기준 정렬 */
.flex-column {
	flex-direction: column;
}

.flex-column-reverse {
	flex-direction: column-reverse;
}

/* 플렉스 아이템 스타일 */
.flex-item {
	flex: 1;
	/* 균등하게 공간 차지 */
	min-width: 0;
	/* 오버플로우 방지 */
}

/* 중간 정렬 (양축 모두 중앙) */
.middle-align {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 가변 레이아웃 */
.flex-auto {
	flex: 1 1 auto;
}

.flex-none {
	flex: 0 0 auto;
}

/* 정렬 헬퍼 클래스 */
.text-center {
	text-align: center;
}

/* 플렉스 간격 */
.flex-gap-small {
	gap: 8px;
}

.flex-gap-medium {
	gap: 16px;
}

.flex-gap-large {
	gap: 24px;
}


/************************
*
*width_area
*
*************************/




.inner_wrap,
.width_area {
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	max-width: 1600px
}


/************************
*
*header
*
*************************/


/* header */
.header2 {
	position: absolute;
	width: 100%;
	z-index: 90;
}

.header2 .width_area {
	position: relative;
	padding-top: 80px;
	z-index: 90;
}

.header2 h1.logo {
	width: 300px;
}

.header2.active:before {
	content: '';
	position: absolute;
	top: 0;
	lefT: 0;
	background: var(--maincolor);
	width: 100%;
	height: 500px;
	z-index: 89;
}


.header2 h1.logo a {
	width: 100%;
	height: 80px;
	display: inline-block;
	background: url(/nimg/logo_w.png) no-repeat center 50%;
}

.header2 h1.logo a em {
	width: 100%;
	display: inline-block;
	font-size: 0;
	text-indent: -9999;
}

.header2 h1.logo a img {
	width: 100%;
	max-width: 280px;
}

.header2 div.sitemap {
	position: absolute;
	top: 20px;
	right: 0px;
	overflow: hidden;
	width: fit-content;
}
.header2 div.sitemap  li {padding-left:30px;}


.header2 ul li {
	color: #a8a8a8;
	font-size: 11px;
	text-align: Center;
	cursor: pointer !important;
/* 	padding-left: 30px;
	 */	line-height: 80px;
	height: 80px;
	position: relative;
}

.header2 ul li:last-child:after {
	display: none;
}

.header2 ul li a {
	color: #fff;
	font-size: 15px;
	letter-spacing: 2px;
	line-height: 80px;
	font-weight: 700;
	font-family: "Nunito", sans-serif;
}
.header2 ul li a.kortxt {  	letter-spacing: 0px;
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}



.header2 ul li svg {
	height: 33px;
	height: 33px;
	margin-top: 20px;
}

.header2 .sitemap li {
	padding-right: 30px;
}

.header2 .sitemap li:before {
	content: '';
	position: absolute;
	top: 36px;
	background: rgba(255, 255, 255, 0.6);
	right: 0px;
	height: 11px;
	width: 1px;
}

.header2 .sitemap li:last-child:before {
	display: none;
	padding-right: 0;
}


@media all and (max-width:1000px) {

	/* 	 .header2{ position:fixed; height:54px; background:#fff;
				        -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
			-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);
			-o-box-shadow:0 1px 1px rgba(0,0,0,0.1);
			-ms-box-shadow:0 1px 1px rgba(0,0,0,0.1);
			box-shadow:0 1px 1px rgba(0,0,0,0.1); } */
	.header2 h1.logo {
		width: 250px;
	}

	.header2 h1.logo a {
		background-size: contain;
	}


	#topmenu_area,
	.header_top_txt {
		display: none;
	}

	#topmenu_area_admin,
	.header_top_txt {
		display: none;
	}
}


@media all and (max-width:600px) {
	.header2 h1.logo {
		width: 200px;
		max-width: 200px;
	}
}


/* 공통 탑메뉴 */
#topmenu_area {
	z-index: 100;
	position: relative;
	width: calc(100% - 350px);
}

#topmenu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}

#topmenu ul li {
	line-height: 50px;
	flex: 1;
}



#topmenu ul li a {
	color: #FFF;
	font-size: 17px;
	cursor: pointer !important;
	font-family: Poppins;
	font-weight: 700;
	width: 100%;
	display: block;
	text-align: center;
}

#topmenu ul li:last-child a {
	padding: 0px 0px 0px 0px;
}


#topmenu {position:relative; padding-right:50px;}
#topmenu #menu-toggle {color:#fff; position:absolute; z-index:99; right:0; top:20px; width:40px;}
#topmenu #menu-toggle svg {width:100%; height:100%}


#topmenu ul li.menu span {
	font-size: 33px;
	margin-top: 25px;
}

#topmenu_sub {
	display: none;
	width: 100vh;
	z-index: 90;
	padding-top: 0px;
	top: 0px;
	left: 0;
	position: absolute;
	overflow: hidden;
	overflow: hidden;
	min-height: 400px;

}


@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {

	/* Firefox */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {

	/* Safari and Chrome */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {

	/* Opera */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#topmenu_sub {
	position: absolute;
	width: 100%;
	padding-top: 90px;
	padding-right: 50px;
	box-sizing: border-box;
}

.header2.active #topmenu_sub {
	display: flex !important;
	flex-wrap: wrap;
}

#topmenu_sub ul {
	flex: 1;
}

#topmenu_sub ul li {
	margin: 0;
	padding: 0 !important;
	height: auto !important;
}

#topmenu_sub ul li a {
	display: block;
	font-size: 16px;
	height: auto !important;
	letter-spacing: 0px;
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
	line-height: 30px;
	color: #fff;
	text-align: center;
	padding: 10px 0px;
	cursor: pointer;
	font-weight: 400;
}

#topmenu_sub ul li.menu span {
	font-size: 30px;
	margin-top: 50px;
}


/*메뉴크기 이슈해결*/
@media all and (max-width:1300px) {
	.header2 h1.logo {
		position: absolute;
		top: 20px;
	}

	#topmenu_area {
		z-index: 100;
		position: relative;
		width: 100%;
		margin-top: 10px;
	}

}


@media all and (min-width:1000px) {}

/* 공통 탑메뉴-admin */
#topmenu_area_admin {
	z-index: 100;
	width: 100%;
	background-color: rgba(17, 17, 17, 0.7);
	height: 50px;
}

#topmenu_admin {
	clear: both;
	position: relative;
	margin: 0 auto;
	height: 50px;
	z-index: 2;
}

#topmenu_admin ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 100%;
}

#topmenu_admin ul li {
	float: left;
	width: 15%;
	height: 100%;
	display: block;
	line-height: 50px;
	border-left: 1px solid #454a4b;
}

#topmenu_admin ul li:last-child {
	border-right: 1px solid #454a4b;
}

#topmenu_admin ul li a {
	color: #FFF;
	font-size: 17px;
	font-weight: 700;
	width: 100%;
	display: block;
	text-align: center;
}

#topmenu_admin ul li a:hover {
	color: #cfe21b;
}

#topmenu_admin ul li.active a {
	background: #b3c317;
	color: #fff !important;
}

#topmenu_sub_admin {
	display: none;
	width: 100%;
	height: 250px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.95);
	position: relative;
	z-index: 1;
	box-shadow: 0px -10px 20px 5px #000;
	/* box-shadow:0 0 8px rgba(0, 0, 0, .175); */
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {

	/* Firefox */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {

	/* Safari and Chrome */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {

	/* Opera */
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

#topmenu_sub_admin ul {
	width: 249px;
	height: 250px;
	margin-top: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	display: inline;
	border-right: 1px solid #ddd;
}

#topmenu_sub_admin ul:first-child {
	border-left: 1px solid #ddd;
}

#topmenu_sub_admin ul li {
	margin: 0;
	padding: 0;
}

#topmenu_sub_admin ul li:first-child {
	margin-top: 20px;
}

#topmenu_sub_admin ul li a {
	display: block;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #666;
	cursor: pointer;
	font-weight: 600;
}

#topmenu_sub_admin ul li a:hover {
	color: #a8b80b;
}

#topmenu_sub_admin-ul1 {
	margin-left: 0;
	position: absolute;
}

#topmenu_sub_admin-ul2 {
	margin-left: 251px;
	position: absolute;
}

#topmenu_sub_admin-ul3 {
	margin-left: 501px;
	position: absolute;
}

#topmenu_sub_admin-ul4 {
	margin-left: 750px;
	position: absolute;
}

@media all and (min-width:1000px) {
	#topmenu_area_admin {
		display: block;
	}
}


@media (max-width: 600px) {
	.header2 .width_area {
		padding-top: 20px;
	}

	.header2 h1.logo {
		top: 0;
	}

	#navbutton svg {
		padding-top: 16px;
	}
}


/************************
*
* sub_wrap
*
*************************/


.sub_wrap {
	margin: 0 auto;
	width: 1000px;
	height: auto;
	padding-top: 20px;
}


.header_top {
	z-index: 1;
	padding-top: 75px;
}

.header_navi {
	z-index: 1;
	float: right;
	height: 30px;
	font-size: 14px;
	font-weight: normal;
	margin-top: 10px;
	color: rgba(255, 255, 255, 0.8);
}

.header_navi a {
	color: rgba(255, 255, 255, 0.8);
}


@media all and (max-width:1000px) {
	.bg_sub {
		width: 100%;
		padding: 50px 0;
		height: auto;
	}

	.header_top {
		display: none;
	}

	.header_top_title {
		clear: both;
		text-align: center;
		color: #ffffff;
		padding: 0px;
		line-height: 1.4;
	}

	.title_name {
		font-size: 34px;
	}
}

@media all and (max-width:801px) {
	.bg_sub {
		padding: 40px 0;
	}

	.title_name {
		font-size: 28px;
		font-weight: 600;
	}

	.title_info {
		font-size: 14px;
		font-weight: 400;
		padding-top: 7px;
	}
}


@media all and (max-width:600px) {
	.bg_sub {
		padding: 30px 0;
	}

	.title_name {
		font-size: 24px;
	}

	.title_info {
		font-size: 13px;
		padding-top: 5px;
	}
}

@media all and (max-width:400px) {
	.title_name {
		font-size: 22px;
	}
}

@media all and (max-width:350px) {
	.title_name {
		font-size: 20px;
	}
}


/************************
*
* snb
*
*************************/
.snb {
	background: #000;
	overflow: hidden;
	text-align: Center;
}

.snb .width_area {
	display: none;
}

.snb .width_area.active {
	display: block;
}

.snb a {
	color: rgba(255, 255, 255, 0.6);
	font-size: 18px;
	line-height: 33px;
	padding: 20px 30px;
}

.snb a.active {
	color: rgba(255, 255, 255, 1);
	font-weight: 800;
}


@media all and (max-width:1000px) {
	.snb {
		padding: 10px;
	}

	.snb a {
		font-size: 16px;
		line-height: 26px;
		padding: 10px 20px;
	}

}

@media all and (max-width:600px) {
	.snb a {
		font-size: 16px;
		line-height: 26px;
		padding: 5px 10px;
	}
}


/************************
*
*new_footer_wrapper
*                       
*************************/
.new_footer_wrapper {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.new_footer_wrapper .section01 {
	padding: 35px 0px;
}

.new_footer_wrapper .section01 .address dt,
.new_footer_wrapper .section01 .address dd {
	padding: 0px 10px;
	color: #333;
	font-size: 15px;
	font-weight: 400;
}

.new_footer_wrapper .section01 a.mailto {
	border-left: 1px solid #ddd;
	background: url('/nimg/mail_icon.gif') no-repeat center right;
	color: #333;
	font-size: 15px;
	font-weight: 600;
	padding-left: 30px;
	padding-right: 40px;
}


.new_footer_wrapper .section02 {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 40px 0px;
}
.new_footer_wrapper .snsarea  {display:none;}


.new_footer_wrapper .section02 p {
	color: #777;
	font-weight: 200;
}

.new_footer_wrapper .snsarea a {
	background: url('/nimg/snsicon.gif') no-repeat;
	text-indent: -9999px;
	width: 30px;
	font-size: 15px;
	height: 30px;
	margin: 0px 7px;
}

.new_footer_wrapper .snsarea a.facebook {
	background-position: 0px 0px;
}

.new_footer_wrapper .snsarea a.insta {
	background-position: -53px 0px;
}

.new_footer_wrapper .snsarea a.youtube {
	background-position: -110px 0px;
}

.new_footer_wrapper .snsarea a.tweetx {
	background-position: -165px 0px;
}


@media all and (max-width:1300px) {
	.new_footer_wrapper .section01 h1 img {
		height: 30px;
	}

	.new_footer_wrapper .section01 a.mailto {}

	.new_footer_wrapper .section01 h1,
	.new_footer_wrapper .section01 .address dt,
	.new_footer_wrapper .section01 .address dd,
	.new_footer_wrapper .section01 a.mailto {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media all and (max-width:1000px) {


	.new_footer_wrapper .section01 .address {
		margin: 5px 0px;
	}

	.new_footer_wrapper .section01 h1,
	.new_footer_wrapper .section01 .address dt,
	.new_footer_wrapper .section01 .address dd,
	.new_footer_wrapper .section01 a.mailto {
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.new_footer_wrapper .section01 .address {
		margin-left: -10px;
	}

	.new_footer_wrapper .section01 a.mailto {
		border: none;
		padding-left: 0px;
	}

	.new_footer_wrapper .section01 h1,
	.new_footer_wrapper .section01 .address dt,
	.new_footer_wrapper .section01 .address dd,
	.new_footer_wrapper .section01 a.mailto {
		line-height: 24px;
	}
}

@media all and (max-width:600px) {

	.new_footer_wrapper .snsarea {
		display: flex;
	}

	.new_footer_wrapper .snsarea,
	.new_footer_wrapper .section02 .width_area,
	.new_footer_wrapper .section01,
	.new_footer_wrapper .section01 .address {
		justify-content: center;
		text-align: center;
		align-items: center;
	}

	.new_footer_wrapper .section02 {
		padding: 15px 0px;
	}

	.new_footer_wrapper .snsarea {
		padding-top: 10px;
	}
}


/* =======================================================
bg_sub
   ======================================================= */


@keyframes zoomFadeIn {
	0% {
		opacity: 0;
		transform: scale(1.1);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.bg_sub {
	display: flex;
	justify-content: center;
	align-items: center;
	/* 수직 정렬 */
	position: relative;
	width: 100%;
	height: 420px;
	text-align: center;
	color: #fff;
	background: url('/nimg/sub/inbg_subtop.gif') no-repeat top center;
	background-size: cover;
	animation: zoomFadeIn 1.2s ease-out 1;
}

 .bg_sub.bg_sub_20 {
	background: url('/nimg/sub/inbg_subtop2.gif') no-repeat top center;
 }

 .bg_sub.bg_sub_30 {
	background: url('/nimg/sub/inbg_subtop3.gif') no-repeat top center;
 }

 .bg_sub.bg_sub_40 {
	background: url('/nimg/sub/inbg_subtop4.gif') no-repeat top center;
 }

 .bg_sub.bg_sub_ {
	background: url('/nimg/sub/inbg_subtop5.gif') no-repeat top center;
 }



.bg_sub .title_name {
	font-family: Poppins;
	padding-top: 80px;
	font-size: 60px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 3px;
}


@media all and (max-width:1000px) {
	.bg_sub {
		height: 270px;
	}

	.bg_sub .title_name {
		padding-top: 80px;
		font-size: 40px;
		letter-spacing: 2px;
	}


}

@media all and (max-width:600px) {
	.bg_sub {
		height: 200px;
	}

	.bg_sub .title_name {
		padding-top: 60px;
		font-size: 30px;
		letter-spacing: 1px;
	}

}


/* =======================================================
subtxt >> 서브기본글씨크기 
   ======================================================= */

.subtxt * {box-sizing:border-box;
}

@media all and (max-width:1000px) {

}


/* =======================================================
서브공통스타일
======================================================= */

/*공통*/
h3.titstyle01 {font-size:28px; line-height:1.4; font-weight:800;}
.subwrap_padding {padding:100px 0px;}


@media all and (max-width:1000px) {
.subwrap_padding {padding:70px 0px;}
/* body {border:6px solid blue;}
 */}

@media all and (max-width:600px) {

.subwrap_padding {padding:50px 0px;}
h3.titstyle01 {font-size:24px; }
/* body {border:6px solid green;}
 */
}


@media all and (max-width:350px) {

h3.titstyle01 {font-size:22px; letter-spacing:-1px; }
}



/* =======================================================
글로벌공학교육센터 컨벤션
   ======================================================= */


.aboutgcp_wrap {
	width: 100%;
	align-items: stretch;
	min-height: 100vh;
}

.aboutgcp_bg {
	flex: 1;
	background: url('/nimg/sub/inbgsub.gif') no-repeat center center;
	background-size: cover;
	position: relative;
	display: flex;
	justify-content: center;
	color: #fff;
	padding: 0px 0px 0px 3vw;
	flex-direction: column;
}

.aboutgcp_title {
	font-size: 100px;
	line-height: 1;
	font-weight: 400;
	font-family: Poppins;
}

.aboutgcp_title span {
	vertical-align: middle;
	display: inline-block;
	width: 80px;
	height: 7px;
	background: #fff;
	margin-left: 30px;
}


.aboutgcp_sub {
	font-family: Nunito;
	letter-spacing: 2px;
	padding-top: 30px;
	font-size: 17px;
	font-weight: 700;
	text-transform: uppercase;
}


.aboutgcp_button_wrap {
	background-color: #113e8f;
	font-size: 14px;
	width: 70%;
	max-width: 500px;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
	justify-content: space-between;
	cursor: pointer;
	height: 120px;
}




.aboutgcp_button_wrap dt,
.aboutgcp_button_wrap dd {
	display: flex;
	align-items: center;
	justify-content: center;
}


.aboutgcp_button_wrap dt  a {color:#fff;}
.aboutgcp_button_wrap dt {
	flex: 1;
	font-family: Nunito;
	letter-spacing: 4px;
	font-weight: 800;
	font-size: 14px;
}

.aboutgcp_button_wrap dd {
	background: #f0f0f0;
	color: var(--black);
	width: 25%
}

.aboutgcp_button_wrap dd svg {
	text-align: center;
	width: 30px;
	height: 30px;
}


/* 오른쪽 텍스트 영역 */
.aboutgcp_right {
	flex: 1.1;
	padding: 100px 50px 100px 4%;

}

.aboutgcp_right h3 {
	font-size: 50px;
	line-height: 1.4;
	letter-spacing: -1px;
	font-weight: 800;
	margin-bottom: 30px;

}


.aboutgcp_right h3.tit_com01 {padding-left:0; margin-bottom:0; margin-top:30px;}
.aboutgcp_right .aboutgcp_desc{padding:20px 0px;font-size:18px; line-height:1.9;
}


.aboutgcp_contact { padding-bottom:20px;
	padding-top: 0px;
	gap: 20px 20px;
}

.aboutgcp_contact dl {
	display: flex;
	flex-wrap: wrap;
	width: 45%;
}

.aboutgcp_contact dl dt {
	width: 40px;
}

.aboutgcp_contact dl dd {
	font-family: Nunito;
	font-size: 16px;
	line-height: 26px;
	padding-left: 20px;
}
.aboutgcp_right .com_button_wrap {justify-content: left;}
.aboutgcp_right .com_button_wrap a { background:none; color:var(--maincolor2); 
border-color: var(--maincolor2); border-style:solid; border-width:3px; max-width:400px;
}

.aboutgcp_right .com_button_wrap a  svg {display:none;height:50px; width:50px; padding-right:15px;}


@media (min-width: 1300px) {
	.aboutgcp_bg {
		flex: 1;
	}

	.aboutgcp_right {
		flex: 1.4;
		padding: 100px 50px 100px 6%;
	}
}
@media (min-width: 1000px) {

	.aboutgcp_right {
align-content: center;
	}
}




@media all and (max-width:1000px) {

	.aboutgcp_wrap {
		flex-direction: column;
	}

	.aboutgcp_bg {
		padding: 80px 0px 130px 3vw;
	}

	.aboutgcp_title {
		font-size: 70px;
	}

	.aboutgcp_title span {
		width: 60px;
		height: 5px;
		margin-left: 25px;
	}

	.aboutgcp_button_wrap {
		height: 90px;
	}

	.aboutgcp_right {
		flex-basis: 100%;
		padding: 60px 4% 60px 4%;
	}

	.aboutgcp_right h3 {
		font-size: 30px;
	}


	.aboutgcp_contact {
		gap: 10px 10px;
	}

	.aboutgcp_contact dl {
		width: 100%;
	}

	.aboutgcp_contact dl dt {
		width: 30px;
	}

}

@media all and (max-width:600px) {
	.aboutgcp_bg {
		padding: 40px 0px 110px 3vw;
	}

	.aboutgcp_title {
		font-size: 50px;
	}

	.aboutgcp_button_wrap {
		height: 70px;
	}

.aboutgcp_button_wrap dt {
    letter-spacing: 2px;
    font-size: 13px;
}

.aboutgcp_right .aboutgcp_desc{padding:16px 0px;font-size:17px;

  white-space: normal !important;
  word-break: keep-all;   
  line-height: 1.6;     
}
.aboutgcp_contact { padding-bottom:10px; }


.aboutgcp_right .aboutgcp_desc br{display:none;}



}








/* =======================================================
오시는 길
======================================================= */


.aboutgcp_map_wrap .map_area {padding:0; margin:0;}
.aboutgcp_map_wrap .map_area iframe {
  width: 100%; padding:0; margin:0;
  height: 450px;
}

.aboutgcp_map_wrap .location_info {
  padding: 20px 50px 20px 50px;
  border: 1px solid #ddd;
  border-top:0px;
}

.aboutgcp_map_wrap .location_info .txtarea  {padding:20px 0px;border-bottom:1px solid #ddd; justify-content: space-between;}
.aboutgcp_map_wrap .location_info .txtarea * {display:flex;align-items: center;}




.aboutgcp_map_wrap  a {
  display: inline-block;
  padding: 12px 20px;
  font-weight: 600;
  border-radius: 35px;
  text-decoration: none;
  transition: all 0.3s;
  width:270px; 
  justify-content: center;
}
.aboutgcp_map_wrap  .tmap_btn{
  background: #edccff;
  color: #111;

}


.aboutgcp_map_wrap .map_btn_wrap {gap:0px 15px;}
.aboutgcp_map_wrap  .kakao_btn {
  background: #fedd00;
  color: #111;
 
}



.aboutgcp_map_wrap  a img {vertical-align:middle; height:30px; margin-right:15px;}
.aboutgcp_map_wrap  a svg {width:20px; height:20px; margin-left:15px; vertical-align:middle;}


.aboutgcp_map_wrap  .location_info ul {
gap:15px 0px; padding:20px 0px;
}

.aboutgcp_map_wrap  .location_info li {
width:100%; display:flex; flex-wrap:wrap;
}




.location_info li strong {
  font-weight: 800; width:65px;
}
.aboutgcp_map_wrap  .location_info p {flex:1; }
.aboutgcp_map_wrap  .location_info p  span {display:inline-block; width:50px;}

.aboutgcp_map_wrap .loadwrap .oninner {display:flex; flex-wrap:wrap; gap:20px 0px;}
.aboutgcp_map_wrap .loadwrap {width:100%; gap:20px; }
.aboutgcp_map_wrap .loadwrap .oninner:nth-child(1) {width:550px;}
.aboutgcp_map_wrap .loadwrap .oninner:nth-child(2) {flex:1;}



.location_info p {padding-right:50px;}


.aboutgcp_map_wrap  .visit_methods {
padding-top:100px;
display: flex;
  justify-content: space-between;
  gap: 30px 20px;
  flex-wrap: wrap;
}

.aboutgcp_map_wrap .visit_methods  h3 {width:100%; padding-left:50px;}



.aboutgcp_map_wrap .method_card {
  flex: 1;
  display: flex;
  flex-direction: row; 
  align-items: center;
  gap: 20px;
  min-width: 280px;
  padding: 30px 2%;
  border: 1px solid #e0e0e0;
  text-align: left;  
  transition: transform 0.2s;
  background: #fff;
}

.method_card img {
  margin-bottom: 0; 
  flex-shrink: 0;
}

.method_card .text_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.method_card .title {
  font-weight: 800;
  margin-bottom: 6px;
  font-size: 23px;
  line-height: 1.4;
}

.method_card .desc {
  font-size: 17px;
  color: #555;
  line-height: 1.6;
}
.method_card .text_box dl{padding-top:20px;}
.method_card .text_box dl dt{font-weight:600;}
.method_card .text_box dl dd{position:relative;  display:inline-block; padding-right:30px; font-size:15px; line-height:1.6; margin-top:5px; padding-left:13px;}
.method_card .text_box dl dd:before {content: '\00B7'; font-size:18px;  position:absolute; top:-5px; left:0;}








@media all and (max-width:1000px) {

.aboutgcp_map_wrap .loadwrap .oninner {display:flex; flex-wrap:wrap; gap:20px 0px;}
.aboutgcp_map_wrap .loadwrap {width:100%; gap:20px; }


.aboutgcp_map_wrap .loadwrap .oninner:nth-child(1) {width:100%;}
.aboutgcp_map_wrap .loadwrap .oninner:nth-child(2) {flex-basis:100%;}




.aboutgcp_map_wrap .map_area iframe {
  height: 400px;
}

.aboutgcp_map_wrap .location_info {
  padding: 20px 5% 20px 5%;
}

.aboutgcp_map_wrap a { margin-top:20px;
  padding: 10px 10px; font-size:15px;   width:240px; 

}

.aboutgcp_map_wrap a img {margin-right:4px;}
.aboutgcp_map_wrap a svg {margin-left:4px;}

.aboutgcp_map_wrap  .location_info ul {
gap:10px 0px; padding:15px 0px;
}
.location_info p {padding-right:20px;}
.aboutgcp_map_wrap  .location_info ul li span {width:100%;height:2px; display:block;}

.aboutgcp_map_wrap  .visit_methods {
padding-top:50px; 
  gap: 15px 20px;
}

.aboutgcp_map_wrap .visit_methods  h3 { padding-left:5%}

.aboutgcp_map_wrap .method_card {
  gap: 6px; width:100%; flex-basis:100%;
  padding: 20px 4%;
}

.method_card img {
width:70px;
}

.method_card .text_box {
padding-left:30px;
}

.method_card .title {
  font-size: 20px;
}

  .visit_methods {
    flex-direction: column;
  }
  .method_card {
    width: 100%;
  }
.method_card .desc {
  font-size: 15px;
}

}

#daumRoughmapContainer1753253725475,
#daumRoughmapContainer1753253725475 .wrap_map {width:100%; height:500px}



@media all and (max-width:600px) {

#daumRoughmapContainer1753253725475,
#daumRoughmapContainer1753253725475 .wrap_map {height:300px !important}



.aboutgcp_map_wrap  a{ text-indent:-999px; border-radius:50%;  text-align:center; justify-content: center;
overflow:Hidden; padding:0; width:40px; height:40px;}

.aboutgcp_map_wrap .map_btn_wrap {gap:0px 4px;}
.aboutgcp_map_wrap a{margin-top:0px;}
.aboutgcp_map_wrap a.tmap_btn img {width:24px; height:24px;}

.aboutgcp_map_wrap a img {margin:0;}

.aboutgcp_map_wrap a svg {display:none !important}

.aboutgcp_map_wrap .map_area iframe {
  height: 300px;
}
.aboutgcp_map_wrap .location_info {
padding-top:0px;
}

.method_card .text_box {
padding-left:10px;
}

}


/* =======================================================
Why GECE Convention?
======================================================= */

.aboutgcp_solution_wrap {
  width: 100%;
		background-image:url('/nimg/sub/fa_subbg.gif');
		background-repeat:no-repeat;
		background-size:contain;
		background-position:top 110px center;

}

.aboutgcp_solution_wrap .topper {padding:0px 5% 30px 3%; position:relative; justify-content: space-between;}

.aboutgcp_solution_wrap .topper  h2 p{font-size:5vw; letter-spacing:-3px; font-weight:800; line-height:1.2;   font-family: Poppins;}
	.aboutgcp_solution_wrap .topper  h2 p:nth-child(1) {color:#8cc4ef;}
	.aboutgcp_solution_wrap .topper  h2 p:nth-child(2) {color:#659fdf; padding-left:10%;}
	.aboutgcp_solution_wrap .topper  h2 p:nth-child(3) {color:#437dd0; padding-left:20%;}

.aboutgcp_solution_wrap .solution_highlight { display:flex; gap:10px; flex-direction: column; display: flex;
  justify-content: end;}


.aboutgcp_solution_wrap .solution_highlight li {width:100%;  font-weight:600;position:relative;font-size:22px;
line-height:1.5; padding:0px 20px;}

.aboutgcp_solution_wrap .solution_highlight li:before {content:'';position:absolute; top:15px; left:0px; border-radius:50%;
width:4px; height:4px; background:#256bec;}

.aboutgcp_solution_wrap .solution_inner {padding:60px 0px;}

.solution_cards {
  display: flex; padding-bottom:90px;
  flex-direction: column;
  gap: 80px;
}

.solution_card {
  display: flex;
  align-items: center;
  gap: 50px 5%;
}

.solution_card.reverse {
  flex-direction: row-reverse;
}

.solution_card .text {
  flex: 1.3;
}

.solution_card .text h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}
.solution_card .text p {line-height:2;}

.solution_card .image {
  flex: 1;
}

.solution_card .image img {
  width: 100%;
  height: auto;
}

.solution_cards .solution_card:nth-child(1) .image {box-shadow:-40px 40px 0px #8adaff}
.solution_cards .solution_card:nth-child(2) .image {box-shadow:-40px 40px 0px #0f4ab3}
.solution_cards .solution_card:nth-child(3) .image {box-shadow:40px -40px 0px #85c0f1}



.aboutgcp_solution_wrap  .contact-bottom {border:1px solid #ddd; background:#fff; 
padding:30px 0px;gap:10px 60px; justify-content: center;}
.aboutgcp_solution_wrap  .contact-bottom .contact-item {gap:0px 30px;  align-items: center;}
.aboutgcp_solution_wrap  .contact-bottom .contact-item .name {font-weight:800;
letter-spacing:-1px; font-size:26px; line-height:1.5;}

.aboutgcp_solution_wrap  .contact-bottom .contact-item .info {gap:0px 20px;}
.aboutgcp_solution_wrap  .contact-bottom .contact-item span.email {background-image:url('/nimg/sub/b_c_icon01.gif')}
.aboutgcp_solution_wrap  .contact-bottom .contact-item span.tel {background-image:url('/nimg/sub/b_c_icon02.gif')}

.aboutgcp_solution_wrap  .contact-bottom .contact-item span {
background-repeat:no-repeat; background-size:auto 32px; padding:10px 0px 10px 45px;
background-position:left center;}


@media all and (max-width:1200px) {

.aboutgcp_solution_wrap .solution_highlight li {font-size:20px;}



}

@media all and (min-width:1000px) {

.aboutgcp_solution_wrap .topper {position:relative; }

.aboutgcp_solution_wrap .solution_highlight {position:absolute; bottom:2.6vw; left:50vw;}



}

@media all and (max-width:1000px) {
.aboutgcp_solution_wrap {background-position:top 70px center; }
.aboutgcp_solution_wrap .topper {  flex-direction: column;}
.aboutgcp_solution_wrap .topper  h2 p{font-size:5vw; letter-spacing:-2px; }
.aboutgcp_solution_wrap .solution_highlight  {padding-top:30px; }
.aboutgcp_solution_wrap .solution_highlight li {font-size:20px;  padding:0px 13px;}
.solution_card { gap: 50px 3%;}
.solution_cards .solution_card:nth-child(1) .image {box-shadow:-25px 25px 0px #8adaff}
.solution_cards .solution_card:nth-child(2) .image {box-shadow:-25px 25px 0px #0f4ab3}
.solution_cards .solution_card:nth-child(3) .image {box-shadow:25px -25px 0px #85c0f1}



.aboutgcp_solution_wrap  .contact-bottom .contact-item {gap:0px 30px; justify-content: center ;}
.aboutgcp_solution_wrap  .contact-bottom .contact-item .name { width:100%; justify-content: center; text-align:Center;
letter-spacing:-1px; font-size:23px; }
.aboutgcp_solution_wrap  .contact-bottom .contact-item span {
background-size:auto 26px; padding:10px 0px 10px 35px;}



}

@media all and (max-width:600px) {

.aboutgcp_solution_wrap .topper  h2 p{font-size:8vw; letter-spacing:-1px; }
.aboutgcp_solution_wrap .solution_highlight li {font-size:17px;  }
  .solution_card,
  .solution_card.reverse {
    flex-direction: column;
  }

.solution_card .image  {  width: 80%;}
.solution_card .image img {

  height: auto;
}
.solution_cards {
padding-bottom:30px;
}


.aboutgcp_solution_wrap  .contact-bottom {
padding:15px 0px 30px 0px;}


.aboutgcp_solution_wrap  .contact-bottom .contact-item .name { padding-top:15px;  font-size:20px; }

.aboutgcp_solution_wrap  .contact-bottom .contact-item .info {    flex-direction: column;}
.aboutgcp_solution_wrap  .contact-bottom .contact-item span {
background-size:auto 26px; padding:6px 0px 6px 35px;}




}






/* =======================================================
서브공통스타일
======================================================= */

@media all and (max-width:1000px) {


}

@media all and (max-width:600px) {


}



/* =======================================================
회의시설
======================================================= */


    .facility-meeting-wrap { gap:40px 0px;}



    nav.menu2 a, 
    .facility-meeting-wrap nav.menu a { line-height:3;  font-weight:400; letter-spacing:-1px;
      text-decoration: none; flex:1; text-align:Center;
	  border-bottom-style:solid;
	  border-bottom-width:3px;
	  border-bottom-color:var(--black);
      color: #000; position:relative;
		font-size: clamp(0.875rem, 2.9vw, 24px);

    }

    nav.menu2 a:before, 
    .facility-meeting-wrap nav.menu a:before {content:''; position:absolute; top:35%; left:0; background:#DDD;
	 height:30%; width:1px;}

 nav.menu2 a:nth-child(1):before ,
    .facility-meeting-wrap nav.menu a:nth-child(1):before {display:none;}


    nav.menu2 a.active,
    .facility-meeting-wrap nav.menu a.active {
      color: var(--maincolor2); font-weight:800;
	  border-bottom-color:var(--maincolor2);
    }










    /* 소개 섹션 */
       .facility-meeting-wrap   .intro-section {
      display: flex;
      flex-wrap: wrap;
    }

       .facility-meeting-wrap   .intro-section .image-box {
      flex: 1;
      min-width: 300px;
	  max-width:830px;
      position: relative;
    }
    .facility-meeting-wrap  .slick-slider ,
    .facility-meeting-wrap  .slick-slider div {height:100%}

       .facility-meeting-wrap   .custom-slider img {
object-fit: cover;
  width: 100%;
  height: 100%;      display: block; 
    }

       .facility-meeting-wrap   .slider-arrows {
      position: absolute;
      bottom: 0px; background:#fff;
      left: 0px;
      display: flex;
      z-index: 10; width:230px;  height: 75px;
    }

     .facility-meeting-wrap .slider-arrows:before {content:'';  position:absolute;  top:40%;width:1px; height:20%;
	background:#ddd; position:absolute; left:50%;}


     .facility-meeting-wrap .slider-arrows button { height:100%;
      border: none; width:50%;
      cursor: pointer; 
    }
   .facility-meeting-wrap  .slider-arrows button svg { box-sizing:border-box;
      width: 23px;  height:auto;
    }

   .facility-meeting-wrap  .intro-section .info-box {
     flex:1; min-width:500px;   color: #fff;
      padding: 70px 4%;
      display: flex;
      flex-direction: column;
      justify-content: center;
	  background:#0055bc url('/nimg/sub/fa_inbg.gif') no-repeat bottom right;
	  background-size:auto 100%;
justify-content: space-between;
    }

   .facility-meeting-wrap  .intro-section .info-box.bg01{
	  background:#00a5e1 url('/nimg/sub/fa_inbg2.gif') no-repeat bottom right;
	  background-size:auto 100%;



   }



    .facility-meeting-wrap .info-box h2 {
       line-height:1.4;
      margin-bottom: 30px; font-weight:800; 
		font-size: clamp(25px, 2.5vw, 35px);
    }
    .facility-meeting-wrap .info-box h2 span { 		font-size: clamp(20px, 2.5vw, 25px);
    vertical-align:baseline;  font-weight:600;
    }

    .facility-meeting-wrap .info-box .txt {flex:1; min-height:10px; }




    .facility-meeting-wrap .goicon  {gap:0px 20px;}
   .facility-meeting-wrap .goicon a{ flex:1;
 line-height:3; font-weight:600;
      background-color:rgba(0,0,0,0.6);
		font-size: clamp(0.875rem, 2vw, 25px);
      color: #fff;
       text-align:center;
    }



   .facility-meeting-wrap .goicon a.btn-reserve:before {background-image:url('/nimg/sub/icon_rev.png')}
   .facility-meeting-wrap .goicon a.btn-VR:before {background-image:url('/nimg/sub/icon_vr.png')}
   .facility-meeting-wrap .goicon a:before  {content:''; 	  background-repeat:no-repeat; width:55px; height:30px; 
	  background-size:auto 100%; display:inline-block; vertical-align:middle; 
	  background-position: center left;}


   .facility-meeting-wrap .table-wrap-wrapin {width:100%;}
  


   .facility-meeting-wrap .floor_chart_div {width:100%;}
   .facility-meeting-wrap .floor_chart_div h3 {flex:1;}
   .facility-meeting-wrap .floor_chart_div  h4 {color:#d6d6d6; 
    font-size: 220px; line-height:1; padding-top:50px;
   font-weight:800; padding-right:60px;}
   .facility-meeting-wrap .floor_chart_div div.img {max-width:778px;width:57%; padding-top:50px;}
   .facility-meeting-wrap .floor_chart_div div.img img {width:100%;}



@media all and (max-width:1000px) {
   .facility-meeting-wrap  .intro-section .info-box { width:100%; }
		.facility-meeting-wrap .floor_chart_div h3 {flex-basis:100%;}

.facility-meeting-wrap .floor_chart_div h4 { padding-top:0px; width:180px; font-size:90px; }
.facility-meeting-wrap .floor_chart_div div.img {flex:1; padding-top:0px; }

}


    @media (max-width: 600px) {
.ctt_admin a {padding:6px;}
       .facility-meeting-wrap   .slider-arrows {width:130px;  height: 44px; }
   .facility-meeting-wrap  .intro-section .info-box { min-width:100%;  padding: 30px 7%;
    }
    }

@media (max-width: 650px) {

  .facility-meeting-wrap .floor_chart_div  {width:100%; 
      justify-content: space-between; flex-wrap:wrap;}

  .facility-meeting-wrap .floor_chart_div  h3 {flex:0 0 auto;}

    .facility-meeting-wrap .floor_chart_div h4 { padding-right:0;
      padding-left: 0px; font-size:46px; padding-top:30px;
      padding-bottom: 0px;
      width: auto !important;
    }


  .facility-meeting-wrap .floor_chart_div div.img {width:100%;}

  .facility-meeting-wrap .floor_chart_div div.img a {position:relative; display:block;  padding-bottom:20px;}
  .facility-meeting-wrap .floor_chart_div div.img a:before{
    content: '';
    position: absolute;
    background-color: var(--black);
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607ZM10.5%207.5v6m3-3h-6'%20%2F%3E%3C%2Fsvg%3E");
    background-size: auto 25px;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: 20px;
    right: 0px;
    width: 50px;
    height: 50px;
  }





    .facility-meeting-wrap .info-box .txt {flex:1; min-height:160px; }
    .facility-meeting-wrap .goicon  {gap:10px 0px;}
   .facility-meeting-wrap .goicon a{ flex-basis:100%; font-size: 17px; }
   .facility-meeting-wrap .goicon a:before  { width:43px; height:26px;  }


.facility-meeting-wrap .floor_chart_div div.img {flex-basis:100%}

    }




@media all and (max-width:1000px) {


}

@media all and (max-width:600px) {



}



.custom-slider2 {
  display: flex;   
  position: relative;
  transition: transform 0.5s ease-in-out;
}

.custom-slider2 > div {
  flex: 0 0 100%;
  max-width: 100%;
  width:100%;
}

.custom-slider2 > div  img {width:100%;}

.custom-modal  .image-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}



/* =======================================================
예약절차
======================================================= */


    .reservation__wrap { gap:10px 0px; flex-direction: column;}

    .reservation__step .step-box { display: flex; border: 1px solid #ddd; margin-bottom: 15px; }
    .reservation__step .step-number { text-align:Center;
      flex: 0 0 20%; background: #00b8d4; color: #fff; padding:30px 3%;  
      display: flex; justify-content: center; align-items: center;  font-weight:800;flex-direction: column;
    }
    .reservation__step .step-number div {  	font-size: clamp(1rem, 2.5vw, 1.6rem); letter-spacing:0.6rem; 
	line-height:2; font-weight: inherit;}

    .reservation__step .step-box:nth-child(1)  .step-number  {background-color:#2ec3c5;}
    .reservation__step .step-box:nth-child(2)  .step-number  {background-color:#2e95c5;}
    .reservation__step .step-box:nth-child(3)  .step-number  {background-color:#2e6ec5;}
    .reservation__step .step-box:nth-child(4)  .step-number  {background-color:#2e4ec5;}
    .reservation__step .step-box:nth-child(5)  .step-number  {background-color:#1328a5;}

    .reservation__step .step-number span {  
	  	font-size: clamp(2rem, 4vw, 6rem); display:flex; justify-content: center; 
	width:100%; text-align:Center;
	border-top:1px solid rgba(255,255,255,0.5); line-height:1.5; }

    .reservation__step .step-desc {
      flex: 1; padding: clamp(20px, 2.5vw,50px);      
display: flex; flex-wrap:wrap; justify-content: center; flex-direction: column;
gap:20px;
    }
    .reservation__step .step-desc h3 { font-size: clamp(23px, 2.5vw, 30px); font-weight:800;}


    .reservation__notice { display: flex; flex-wrap: wrap; gap: 20px; }
    .reservation__notice  h3 {width:100%; padding-bottom:10px;}
    .reservation__notice .notice-box { 
      flex: 1 1 calc(50% - 20px); border: 1px solid #ddd; 
		padding:  clamp(20px, 6vw, 50px) ;
		background-repeat:no-repeat;
		background-position: right 30px bottom 30px;
		background-size:25% auto ;
    }


    .reservation__notice  .notice-box:nth-child(2) {
	background-image:url('/nimg/sub/alertbg01.png')
	}

    .reservation__notice  .notice-box:nth-child(3) {
	background-image:url('/nimg/sub/alertbg02.png')
	}
    .reservation__notice  .notice-box:nth-child(4) {
	background-image:url('/nimg/sub/alertbg03.png')
	}

    .reservation__notice .notice-box:nth-child(5) {
	background-image:url('/nimg/sub/alertbg04.png')
	}


    .reservation__notice h4 { 	font-size: clamp(23px, 5.5vw, 27px); font-weight:800;
	border-bottom:1px solid var(--black); margin-bottom:40px; line-height:3;
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'3'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm19.5%208.25-7.5%207.5-7.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 20px;
background-repeat: no-repeat;
background-position: right  center;
	
	}



    .reservation__notice ul { padding-right:25%;}

    .reservation__button { text-align: center; margin-top: 40px; }
    .reservation__button button {
      background: #004aad; color: #fff; border: none;
      padding: 12px 24px; font-size: 16px; cursor: pointer;
    }


@media all and (max-width:1000px) {


}

@media all and (max-width:600px) {
	.reservation__notice ul { padding-right: 0%;}
	.reservation__notice ul li:last-child { padding-right: 25%;}

		.reservation__notice h4 {
			margin-bottom: 20px;
		}

}






/* =======================================================
*공통*
======================================================= */
  /* 테이블 */
    .table-wrap {
      overflow-x: auto; width:100%;
    }
    .facil_t {
	      border-top: 2px solid var(--black);
      width: 100%; z-index:1; 
      min-width: 600px; position:relative;
	  border-bottom:2px solid var(--black);
    }


    .facil_t:after,
    .facil_t:before {content:''; position:absolute; z-index:2; top:0; width:3px; display:block; height:100%; background:#fff;}

    .facil_t:after{right:-2px;}
    .facil_t:before{left:-2px;}

    .facil_t  th{font-weight:800;  }
    .facil_t th,    .facil_t td { padding:15px;   }
	

.facil_t.tdleft tbody td {text-align:left;}

   .facil_t th.point:before {content:'*'; color:Var(--red); padding-right:10px;}



    .facil_t tbody th, .facil_t tbody td {
      border: 1px solid #ddd;
	  background:none !important;
      text-align: center;
    }
	    .facil_t thead th{ border-color:var(--black); background:none;}





   .table-wrap .scroll-notice {
      display: none;
      color:var(--red);
      font-size: 0.9rem;
      line-height:1.5; padding-bottom:10px;
    }


@media screen and (min-width: 651px) {
    .table-wrap,
    .facil_t {overflow: hidden; }
}


@media screen and (max-width: 650px) {



.info-table,
.revdetail_table {min-width:100% !important; padding-top:0px !important;}

.info-table .scroll-notice,
.revdetail_table .scroll-notice {display:none !important}

.revdetail_table thead{ display:none}
.revdetail_table,
.revdetail_table tbody,
.revdetail_table tr,
.revdetail_table td {display:block; width:100%;}

.revdetail_table table {min-width:100% !important}
.revdetail_table td{display:flex; position:relative; flex-wrap:wrap; 
border:none !important; border-bottom:1px solid #ddd !important;  text-align:left; gap:0px 15px; padding-left:0;  }

.revdetail_table td:after {content:''; position:absolute; top:0; left:20%; height:100%; width:1px; background:#ddd;}

.revdetail_table tbody tr td:before{font-weight:600;   padding-left:0;padding-right:0;width:20%; text-align:center;}

.revdetail_table tbody tr td:nth-child(1):before{content:'일자';}
.revdetail_table tbody tr td:nth-child(2):before{content:'회의실';}
.revdetail_table tbody tr td:nth-child(3):before{content:'시간';}
.revdetail_table tbody tr td:nth-child(4):before{content:'대관료';}


.revdetail_table tbody tr.total td:nth-child(2):before{content:'소계';}
.revdetail_table tbody tr.total2 td:nth-child(2):before{content:'합계';}
.revdetail_table tbody tr.total3 td:nth-child(2):before{content:'기타비용';}


.revdetail_table tbody tr.total td:nth-child(1),
.revdetail_table tbody tr.total2 td:nth-child(1),
.revdetail_table tbody tr.total3 td:nth-child(1){display:none}




/* info-table  */



  .info-table table, .info-table tbody, .info-table tr, .info-table th, .info-table td {
    display: flex;  flex-wrap:wrap;  width:100%; 
  }


  .info-table table, .info-table tbody, .info-table tr {    position:relative; width: 100%; }


  .info-table table {min-width:100%; padding-top:0; border-right:none !important; }


 .info-table td,
  .info-table th {align-items: center;
  align-content: center;}
 .info-table th {width:130px;}

 .info-table th { border:none !important;  justify-content: center; border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important;}

 .info-table td {width:calc(100% - 130px); border:none !important; border-bottom: 1px solid #ddd !important; padding-left:15px; overflow:hidden;}

 .info-table td input[type="button"],
 .info-table td input[type="password"],
 .info-table td input[type="file"],
 .info-table td input[type="text"] {max-width:100% !important;}
  .checks input[type="radio"] + label {
    font-size: 16px !important; 
  }
 .info-table td input[name="org_name"] {max-width:calc(100% - 100px) !important;}




}









h3.tit_com01 {
		font-size: clamp(23px, 3.5vw, 40px); line-height:1.5;  font-weight:800; padding:50px 0px 30px 50px;}

.subwrap_padding h3.tit_com01.first {padding-top:0 !important;}




.tit_notice {justify-content: space-between; align-items: end;}
.tit_notice .notice_txt_list {padding-bottom:30px;}
.ul_com_list { padding:20px 2%; gap:10px;}
.ul_com_list li{position:relative; flex: 1 1 calc(50% - 20px); padding-left:20px;}
.ul_com_list li:before{content:''; position:absolute; top:10px; left:0;border-radius:50%; 
background:var(--blue); width:5px; height:5px;}
.ul_com_list.gapmore li {margin-top:15px;} 




.ul_com_list2 li{ position:relative; margin-bottom: 10px; padding-left:20px;  line-height:1.5;
	font-size: clamp(16px, 2.5vw, 20px); color:var(--grey);}
.ul_com_list2 li:before {content: '\00B7';  font-size:26px;   position:absolute; top:-4px; left:0;}


.com_button_wrap {gap:20px 20px; width:100%; justify-content: center; padding-top:clamp(30px, 2.5vw, 60px);}

.com_button_wrap .bluebtn,
.com_button_wrap input[type='button'],
.com_button_wrap .greybtn,
.com_button_wrap button,
.com_button_wrap .input_with_icon ,
.com_button_wrap a{
 text-align:center; 
max-width:550px; width:clamp(100%, 2.5vw, 45%); display:flex; justify-content: center; align-items: center;}


.com_button_wrap.small .greybtn,
.com_button_wrap.small button,
.com_button_wrap.small .input_with_icon ,
.com_button_wrap.small a{ width:clamp(110px, 9vw, 300px); }



.com_button_wrap .bluebtn,
.com_button_wrap .greybtn,
.com_button_wrap button,
.com_button_wrap .input_with_icon ,
.com_button_wrap a{background-color:var(--maincolor2); 
 text-align:center; }


.com_button_wrap .greybtn,
.com_button_wrap button,
.com_button_wrap .input_with_icon input {background:none; border:none;  height:auto !important;  }


.com_button_wrap .bluebtn,
.com_button_wrap input[type='button'],
.com_button_wrap .greybtn,
.com_button_wrap button,
.com_button_wrap .input_with_icon input,
.com_button_wrap a { height:auto;
line-height:4; font-weight:800;
font-size: clamp(20px, 2.5vw, 25px);
}

.com_button_wrap .bluebtn,
.com_button_wrap button,
.com_button_wrap .input_with_icon input,
.com_button_wrap a { color:#fff; 	}

.com_button_wrap .greybtn {color:var(--black); background:#ddd;}
.com_button_wrap .input_with_icon input:hover {color:#fff; opacity:1;}
.com_button_wrap .input_with_icon::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('/nimg/sub/icon_rev.png') no-repeat center center;
  background-size: contain;
  margin-right:10px;

}


.com_button_wrap input:before,
.com_button_wrap a img { padding-right:20px;}

.com_button_wrap input:before {content:''; 
width:30px; height:30px; background:url('/nimg/sub/icon_rev.png') no-repeat center center; border:1px solid red;
display:inline-block; vertical-align:middle;
}
.tdin_button{border:none}

.facil_t tbody td input[type='button'], 
.facil_t tbody td input[type='password'], 
.facil_t tbody td input[type='file'], 
.facil_t tbody td input[type='text'] {line-height:43px; height:43px; max-width:90%;}
.file_evt_info_file_reg,
#file_evt_org_biz_file_add,
.tdin_button {color:#fff; background:#999 !important; border:none}


.payinfo2 {gap:3px 0px; padding:10px 0px;opacity:0.8; }
.payinfo2 p {font-weight:600;}
.payinfo2 p,
.payinfo2 ul {width:100%;}
.payinfo2 ul  {padding-bottom:20px;}
.payinfo2 ul li {position:relative; padding-left:15px; margin:3px 0px;}

.payinfo2 ul li:before {position:absolute; top:0px; left:0;}

.payinfo2 ul li.bar:before {content: '\00B7';}
.payinfo2 ul li.alert:before {content:'※'}




@media all and (max-width:1000px) {
.ul_com_list li{flex: 1 1 calc(100% - 20px);}
      .reservation__notice .notice-box {
        flex: 1 1 100%; padding-top:10px;
      }


}

@media all and (max-width:600px) {


.facil_t tbody td input[type='button'], 
.facil_t tbody td input[type='password'], 
.facil_t tbody td input[type='file'], 
.facil_t tbody td input[type='text'] {line-height:33px; height:33px; max-width:300px;}


	.tit_notice .notice_txt_list {padding-bottom:20px;}

	  		h3.tit_com01 {padding:30px 0px 20px 20px;}

          .table-wrap .scroll-notice {
        display: block;
      }



.com_button_wrap .bluebtn,
.com_button_wrap input[type='button'],
.com_button_wrap .greybtn,
.com_button_wrap button,
.com_button_wrap .input_with_icon input,
.com_button_wrap a { 
line-height:3; 
}
.ul_com_list2 li:before { font-size:21px; }


}



/* =======================================================
게시판시작
======================================================= */



/* =======================================================
sub_tit_wrap
======================================================= */

.sub_tit_wrap h2 {font-size:clamp(30px, 3vw, 50px) ; font-weight:800; padding-bottom:15px;}
.sub_tit_wrap h3 {font-size:clamp(18px, 3vw, 24px) ;}



@media all and (max-width:1000px) {

}

@media all and (max-width:600px) {



}


/* =======================================================
게시판서칭창
======================================================= */

.board_search2 {gap:0px 15px; padding:60px 0px; display:flex; flex-wrap:wrap; justify-content: center; width:100%}
.board_search2 fieldset {border-bottom:3px solid var(--black); max-width:600px; width:100%; display:flex; flex-wrap:wrap; }

.board_search2 form {width:100%; display:flex; flex-wrap:wrap;}



.board_search2 fieldset * {border:none; line-height:65px; height:65px; font-weight:600;}
.board_search2 select {width:120px;}
.board_search2 .sch_input {width:calc(100% - 150px)}

.board_search2 .btn_search__ {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607Z'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 30px;
background-repeat: no-repeat;
background-position:  right center;
width:30px;
text-indent:-9999px;
}


@media all and (max-width:1000px) {
.board_search2 {padding:30px 0px; }

}


@media all and (max-width:650px) {
.board_search2 select {width:90px;}
.board_search2 .sch_input {width:calc(100% - 120px)}

}




/* =======================================================
게시판리스트
======================================================= */
#bo_list_total {display:none}
.board_write,
.board_view,
.board.notice{border-top:3px solid var(--black) !important}

.board.notice ul{ display:flex;flex-wrap:wrap; border-bottom:1px solid #ddd; align-items: center; }
.board.notice .title { border-bottom:1px solid var(--black); background:none}

	.board.notice .title li {font-weight:800;  padding:25px 0px; text-align:center;}
	.board.notice li {text-align:center;  font-size:18px;  padding:12px 0px;}
	.board.notice li.check {width:60px;}

	.board.notice li.num {width:15%;}
	.board.notice li.num2 {width:11%; min-width:50px;}

	.board.notice li.subject {flex:1;}

	.board.notice li.date {width:25%;}
	.board.notice li.view {width:15%;}

	.board.notice li.name {display:none}
	.board.notice .title li.subject {text-align:center; }
	.board.notice li.subject {text-align:left; }

	.board.notice li .notice_strong a {font-weight:600;}

	.board.notice li  em {display:none}

@media all and (max-width:1000px) {
	.board.notice li.num {display:none}

}




@media all and (max-width:600px) {
	.board.notice .title li {padding:15px 0px;}
  .notice ul li div {
    width: 100%; text-align:Center;
  }
  .notice ul li.subject div {
 text-align:left;
  }



}



/* =======================================================
게시판 페이징
======================================================= */

.pg_wrap  span {display:flex; flex-wrap:wrap; padding:30px 0px; gap:5px; width:100%; justify-content: center;}
.pg_wrap  span  a,
.pg_wrap  span  strong  { width:40px !important; height:40px !important; line-height:40px !important; border:none; padding:0 !important;}

.pg_current {background:none; border:1px solid var(--maincolor2) !important; color:var(--maincolor2);}


.pg_start {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2'%20stroke%3D'%23dcdcdc'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm18.75%204.5-7.5%207.5%207.5%207.5m-6-15L5.25%2012l7.5%207.5'%20%2F%3E%3C%2Fsvg%3E");
}
.pg_prev {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2'%20stroke%3D'%23dcdcdc'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M15.75%2019.5%208.25%2012l7.5-7.5'%20%2F%3E%3C%2Fsvg%3E");
}
.pg_next {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2'%20stroke%3D'%23dcdcdc'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm8.25%204.5%207.5%207.5-7.5%207.5'%20%2F%3E%3C%2Fsvg%3E");
}
.pg_end {background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'2'%20stroke%3D'%23dcdcdc'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm5.25%204.5%207.5%207.5-7.5%207.5m6-15%207.5%207.5-7.5%207.5'%20%2F%3E%3C%2Fsvg%3E");
}

.pg_start, .pg_prev, .pg_next, .pg_end {text-indent:-999px; 
background-size: auto 25px;
background-repeat: no-repeat;
background-position: center center;

}




@media all and (max-width:600px) {

.pg_wrap  span  a,
.pg_wrap  span  strong  { width:30px !important; height:30px !important; line-height:30px !important; }

.pg_start, .pg_prev, .pg_next, .pg_end {
background-size: auto 22px;
}

}


/* =======================================================
게시판 뷰
======================================================= */

.board_view{margin-top:50px; border:none}

.board_view .title {background:none; padding:40px 0px 0px 0px; text-align:left;  
font-size:clamp(25px, 3vw, 35px);  font-weight:700; border:none;}




.board_view.qna .title,
.board_view.qna #bo_v_con
{ position:relative;
padding-left:clamp(40px, 3vw, 48px);
}


.board_view.qna .title:before,
.board_view.qna #bo_v_con:before {border-radius:50%;   font-weight:700;
font-size:clamp(16px, 3vw, 25px); display:inline-block; text-align:center; position:absolute;left:0;
 text-align:Center; border-radius:50%;
width:clamp(25px, 3vw, 35px);
height:clamp(25px, 3vw, 35px);
line-height:clamp(25px, 3vw, 35px);
}


.board_view.qna .title:before {content:'Q';   background:var(--black); color:#fff;  top:45px; }
.board_view.qna #bo_v_con:before {content:'A';   border:2px solid var(--black);   top:0px; }






#bo_v_share a{font-size:20px; line-height:30px; border:1px solid #ddd;}





.board_view .profile_info_ct * {color:var(--grey); font-weight:400;}
.board_view .profile_info_ct {display:flex; flex-wrap:wrap;  gap:10px; margin:0px !important; padding:0px 20px 40px 0px !important;}
.board_view .profile_info_ct strong {border-right:1px solid #ddd; padding-right:25px;}
.board_view .profile_info_ct strong:last-child {border:none}

 .bo_v_nb {border-top:1px solid var(--black); display:flex; flex-wrap:wrap; flex-direction: column;}
 .bo_v_nb li {display:flex; flex-wrap:wrap; gap:0px; padding:0px !important; align-items: center;}

.bo_v_nb li .nb_tit {width:20%; max-width:190px; font-weight:700;  text-align:Center;}
.bo_v_nb li .nb_tit ,
  .bo_v_nb li a {color:var(--black) !important; padding:0px !important;}
  .bo_v_nb li a {flex:1;}

 .bo_v_nb li:hover {background:none}

@media all and (max-width:1000px) {

}

@media all and (max-width:600px) {

.board_view .profile_info_ct {gap:7px; padding:0px 10px 20px 0px !important;}
.board_view .profile_info_ct strong { padding-right:15px;  margin:0px !important}
}


/* =======================================================
게시판 하단버튼
======================================================= */
.btnwrap_board { justify-content: right;}
.btnwrap_board,
.btn_bo_user {display:flex;  justify-content: right; flex-wrap:wrap; gap:10px;}


.btnwrap_board a,
.btn_bo_user button,
.btn_bo_user  a { font-size:17px; line-height:3;  width:160px; text-align: center;
  font-weight: 700;
height:auto; background:none; border:1px solid #bbb; color:var(--black) !important}






@media all and (max-width:600px) {

.btnwrap_board a,
.btn_bo_user button,
.btn_bo_user  a { font-size:15px;   width:100px;  line-height:2.5;  }
}



/* =======================================================
글쓰기
======================================================= */

.write_wrap h5  {display:none;}

.write_wrap  {overflow:hidden;}
table.board_write {width:100%;}
.board_write tr th,
.board_write tr td{ 
  border-bottom: 1px solid #ddd;
  padding: 15px 3%;
}


.board_write tr td {text-align:left;}
.board_write tr th {background:#eee; font-weight:700; width:200px; min-width:100px;}
.chk_box input[type="checkbox"] + label span { vertical-align:middle; margin-right:5px; margin-top:7px; }


.board_write tr td input {max-width:90% !important; box-sizing:border-box;}
.board_write .write_div {width:100%; box-sizing:border-box;}

.edit_wrapper{ 
  overflow-Y: AUTO !important;
  overflow-X: hidden;
  width: 100%;}



.board_write tr td input[type="file"],
.board_write tr td input[type="text"] {line-height:40px; height:40px;}

.board_write {margin-bottom:30px;}


@media all and (max-width:600px) {
.board_write tr td input[type="file"],
.board_write tr td input[type="text"] {line-height:30px; height:30px;}

.board_write tr th,
.board_write tr td{ 
  padding: 10px 2%;
}

.board_write input[type='text'] { max-width: 60vw !important; }


}





/* =======================================================
QNA
======================================================= */


.iconqna {border-radius:50%; width:30px; height:30px;line-height:30px; background:var(--black);
color:#fff; display:inline-block; color:#fff;  font-weight:700;}



/* =======================================================
갤러리
======================================================= */


#gall_allchk {padding:20px 0px; text-align:right;}


#bo_gall #gall_ul {
  margin: 0 !important;
  display: flex; padding:30px 4%; 
  flex-wrap: wrap;
  gap: 20px 4%; 
}

#bo_gall #gall_ul li {width: calc((100% - 8%) / 3);
  border-bottom: 3px solid var(--black);
}


#bo_gall #gall_ul li:hover {background:#f1f3ff; border-bottom:3px solid var(--maincolor2)}

#bo_gall #gall_ul li .gall_con {display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
  padding: 30px 6%;
    height: 300px;
  justify-content: space-between;
  }


#bo_gall #gall_ul li .gall_con .gall_text_href { min-height: 60px;  font-weight:700; font-size:23px; line-height:1.5;}
#bo_gall #gall_ul li .gall_con .gall_cnt {  flex-grow: 1; min-height: 80px;}
#bo_gall #gall_ul li .gall_con .gall_info {font-weight:700; opacity:0.5; min-height: 30px;}

#bo_gall .gall_img a {width:100%; height:100%;}

#bo_gall .gall_img span {width:100%;  display:block; ; text-align:Center; 
height:100%; background:#eee url('/nimg/logo_b.png') no-repeat center center; background-size: 60% auto}


#bo_gall .gall_img  {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;  
  overflow: hidden;
}

#bo_gall .gall_img  img {
  width: 100%;
  height: 100%;
  object-fit: contain
}




@media all and (max-width:1000px) {

#bo_gall #gall_ul {
  display: flex; padding: 26px 3%; 
  gap: 15px 3%; 
}

#bo_gall #gall_ul li {width: calc((100% - 6%) / 2);
}



}




@media all and (max-width:600px) {

#bo_gall #gall_ul {
  display: flex; padding: 26px 6%; 
  gap: 15px 2%; 
}

#bo_gall #gall_ul li {width: 100%
}





#bo_gall #gall_ul li .gall_con {display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
  padding: 30px 6%;
    height:auto;
  justify-content: space-between;
  }


#bo_gall #gall_ul li .gall_con .gall_text_href { ; font-size:20px; }




}








/* =======================================================
게시판리스트
======================================================= */
@media all and (max-width:1000px) {

}

@media all and (max-width:600px) {



}





/* =======================================================
온라인예약
======================================================= */
.step-wrapper {
  align-items: stretch;
  justify-content: center;
  gap: 20px;
  padding: 20px;
}

.step-wrapper .step-box {
  background-color: #eee;
  padding: 20px 2%;
  text-align: center;
flex:1;  align-items: stretch;
  justify-content: space-between;
 
display: flex; border-radius:20px;
  flex-direction: column;
}

.step-wrapper .step-box .step-label {
  background: white; border-radius:6px;
  padding: 3px 0;  font-size:16px;
  margin-bottom: 6px;
  letter-spacing: 2px;
}

.step-wrapper .step-box .step-label ,
.step-wrapper .step-box .step-text  {  font-weight: 500; }

.step-wrapper .step-box .step-text {
padding: 10px 0px;
  font-size: 18px;
  line-height: 1.3;
  flex-grow: 1;
  align-items: center;
  display: flex; flex-wrap:wrap;
  justify-content: center;
}

.step-wrapper .step-box .step-label ,
.step-wrapper .step-box .step-text  {color:#666}

/* 활성화된 단계 */
.step-wrapper .step-box.active {
  background-color: var(--maincolor2);
}

.step-wrapper .step-box.active .step-label { color: var(--maincolor2);}
.step-wrapper .step-box.active .step-text {
  color: white;
}


.step-wrapper .arrow  {align-content: center;}
.step-wrapper .arrow svg {
width:40px; height:40px;
padding: 0 0px;
}

  .step-text .br::after {
    content: " ";
    white-space: normal; padding:0px 3px;
}
/* .step-text .br::after {
  content: "\A";
  white-space: pre; 

}
 */


@media (max-width:1000px) {
.step-wrapper {
  padding: 10px;
}

.step-wrapper .step-box {
 height: 170px;
}

.step-wrapper .step-box .step-label {
 font-size:18px;
}


.step-wrapper .step-box .step-text {
  font-size: 17px;
}
.step-wrapper .arrow svg {padding:0px 3px;}
.step-wrapper .arrow svg {
width:25px; height:25px;
}


}



@media (max-width: 800px) {

 .step-wrapper  {
	  gap: 3px;
  padding: 10px;
  }

.step-wrapper .step-box {
  padding: 20px 3%;
  flex :1 1 100%;
 height: auto;
}

.step-wrapper .step-box .step-label {
font-size:14px; padding:3px; width:130px; margin-bottom:0px;
}

.step-wrapper .step-box {
  flex-direction: row;
}



.step-wrapper .step-box .step-text {
padding: 0px 0px;
  font-size: 16px; flex:1;
}





  .step-wrapper  .arrow { 
    transform: rotate(90deg);
padding: 0px 0px;
}


}

@media (max-width: 650px) {
.step-wrapper .step-box {display:none}
.step-wrapper .step-box.active  {display:flex;}
 .step-wrapper  .arrow { 
display:none;
}

.step-wrapper .step-box .step-label {
width:96px; 
}
}



/* =======================================================
온라인 예약
======================================================= */

.cal_wrap_topper {width:100%; padding-top:40px;}



.cal_wrap_topper .yearselectarea {gap:0px 70px;  
  justify-content: center; align-items: center;}

.cal_wrap_topper .yearbtn svg { width:25px; height:25px; vertical-align:middle;}

.cal_wrap_topper a.yearbtn  {align-items: center; display:flex; flex-wrap:wrap; 
padding:10px 0px; font-weight:600;
 font-size:20px; width:200px;    justify-content: center; align-items: center;
  border-radius:90px;
  color:var(--maincolor2);
  border:3px solid var(--maincolor2);
gap:0px 10px;}






.cal_wrap_topper dl {gap:20px;  justify-content: center;}
.cal_wrap_topper dl dt,
.cal_wrap_topper dl dd{font-weight:800; line-height:2; font-size:clamp(30px, 3vw, 60px); font-weight:800; ;}




.cal_wrap_topper  .menu2 {width:100%; display:flex; flex-wrap:wrap;}
.cal_wrap_topper  .menu2  a {flex:1;}
.cal_wrap_topper  .menu2  a:nth-child(1):before {display:none} 



.cal_wrap_topper2 {width:100%; display:flex; flex-wrap:wrap;  padding:30px 0px;gap:10px 0px; width:100%; justify-content: space-between;}


.cal_wrap_topper2 div {display:flex; flex-wrap:wrap; gap:10px 10px; color:#666;}
.cal_wrap_topper2 div.time_table dt {font-weight:700;}
.cal_wrap_topper2 div.sort_icon {gap:10px 20px;}
.cal_wrap_topper2 div dl{display:flex; flex-wrap:wrap; gap:10px 10px; align-items: center;}
.cal_wrap_topper2 div.sort_icon dl dd {width:35px;height:21px; border-radius:2px;}


.cal_wrap_topper2 div.sort_icon dl.inicon01 dd {background:#e7e7e7}
#calendarWrap_user .daywrap > div p.room_time span.can,
.cal_wrap_topper2 div.sort_icon dl.inicon02 dd {color:#fff;background:#1593c6}
#calendarWrap_user .daywrap > div p.room_time span.sel,
.cal_wrap_topper2 div.sort_icon dl.inicon03 dd {color:#fff; background:#ff764c}

.modal-dialog .con_hsbox {display:flex; flex-wrap:wrap; flex-direction: column;gap:10px 0px; }
.modal-dialog .con_hsbox em {font-weight:600;}

.modal-dialog .con_hsbox  #search_stx,
.modal-dialog .con_hsbox  #btn_search{width:100%; line-height:50px; height:50px;}

.modal-dialog .modaltable {
  overflow-y: auto;
  max-height: 300px;}


.modal-dialog .con_hsbox  #btn_search{background-color:#999; font-weight:700; color:#fff; text-align:Center; margin-top:10px;}



@media (max-width: 1000px) {
	.cal_wrap_topper .yearselectarea {gap:0px 26px;  }
	.cal_wrap_topper .yearbtn svg { width:20px; height:20px;}
	.cal_wrap_topper a.yearbtn  { font-size:18px; width:160px;   }
}



@media (max-width: 650px) {

.cal_wrap_topper {padding-top:30px;}


.cal_wrap_topper2 {padding:20px 0px;}

.cal_wrap_topper2 div { gap:5px; }
.cal_wrap_topper2 div.sort_icon {gap:5px 10px;}
.cal_wrap_topper2 div dl{display:flex; flex-wrap:wrap; gap:5px  5px; align-items: center;}
.cal_wrap_topper2 div.sort_icon dl dd {width:30px;height:20px; ;}

.cal_wrap_topper dl {order: 0; width:100%;} 
.cal_wrap_topper a.yearbtn.prev  {order: 1;} 
.cal_wrap_topper a.yearbtn.next  {order: 2;} 

	.cal_wrap_topper .yearselectarea {gap:0px 16px; padding-bottom:20px;   }
	.cal_wrap_topper .yearbtn svg { width:20px; height:20px;}
	.cal_wrap_topper a.yearbtn  { font-size:15px; width:110px;   }

}





/* =======================================================
로그인
======================================================= */
.width_area2   {max-width:750px; margin-left:auto; margin-right:auto; width:92%;}
.form_login {width:100%;
padding:clamp(30px, 6vw, 60px); background:#eee;}
h3.titstyle02 {font-size:clamp(30px, 4vw, 60px);  line-height:2; font-weight:700;}
#login_txt dl dt{font-size:16px; line-height:20px; font-weight:600; text-align:left;}
#login_txt dl dd{padding:10px 0px 20px 0px; text-align:left;}
#login_txt  a.btn_grey,
#login_txt  input, #login_txt  button{width:100%; line-height:50px; height:50px;}
#login_txt  a.btn_grey{background-color:#999; font-weight:700; color:#fff; text-align:Center; margin-top:10px;}
#login_txt  button[type='submit'],
#login_txt  button.btn_submit {background-color:var(--maincolor2); color:#fff; font-weight:700;}
#login_txt .chk_box {padding-bottom:20px;}

#login_txt .blue {font-weight:600; color:var(--maincolor2)}


.captcha_wrap {position:relative; width:100%; padding-left:180px; text-align:left;}

.captcha_wrap img {position:absolute; top:0; left:0;}
.captcha_wrap button {width:calc(50% - 5px) !important;  line-height:40px !important;  height:40px !important;
font-size:15px; margin-top:5px;  display:inline-block; background-color:#fff; font-weight:600; }
.captcha_wrap button#captcha_mp3 {   border:1px solid var(--maincolor2); color:var(--maincolor2); 
margin-right:5px;}
.captcha_wrap button#captcha_reload {border:1px solid #666; color:#666;}

#captcha_info {width:100%; display:block; font-size:15px;padding-top:10px; overflow:hidden;}






@media (max-width: 650px) {


.captcha_wrap {padding-left:0px;  text-align:center;}

.captcha_wrap img {position:relative; margin-bottom:20px;}
.captcha_wrap button {font-size:14px; }
#captcha_info {text-align:left;}

}
/* =======================================================
움직임
======================================================= */

/* 
.subContnet {
  animation: fadeUp33 0.5s ease-out forwards;
}

@keyframes fadeUp33 {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
 */



/* =======================================================
예약목록
======================================================= */
.re_modify_list2 {width:100%;padding:30px 0px; gap:30px;}
.re_modify_list2 .rembox {position:relative;  display:flex; flex-wrap:wrap;
border:1px solid #ddd; width:calc(50% - 30px); padding: clamp(25px, 3vw, 50px); cursor:pointer;}
.re_modify_list2 .rembox:before {content:''; background-color:var(--maincolor2); width:80px; height:80px;
position:absolute; top:0px; right:0; 
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'3'%20stroke%3D'%23fff'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'm4.5%2019.5%2015-15m0%200H8.25m11.25%200v11.25'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 20px;
background-repeat: no-repeat;
background-position: center center;
}

.re_modify_list2 .rembox h3 {	align-items: center; gap:0px 20px; font-size: clamp(20px, 2.5vw, 33px); line-height:1.5; letter-spacing:-1px; margin-bottom:10px; min-height:80px; width:100%;
font-weight:800;}
.re_modify_list2 .rembox h3 span {background:#6b767c; color:#fff; padding:10px 20px;  line-height:1;  border-radius:6px;
font-size: clamp(12px, 2.5vw, 20px); font-weight:300; vertical-align:middle; !important;}

.re_modify_list2 .rembox .infowrapin {flex:1; width:100%;}
.re_modify_list2 .rembox .infowrapin dl{display:flex;  flex-wrap:nowrap; opacity:0.7; margin:10px 0px;
position:relative; gap:10px 10px;}
.re_modify_list2 .rembox .infowrapin dl dt:before{content: '\00B7'; padding-right:6px;}
.re_modify_list2 .rembox .infowrapin dl dt,
.re_modify_list2 .rembox .infowrapin dl dd { font-size: clamp(16px, 2vw, 22px); line-height:1.4}

.re_modify_list2 .rembox .infowrapin dl dt{font-weight:600;}
.re_modify_list2 .rembox .infowrapin dl dt:after{content:':' ;padding-left:6px;}




@media (max-width:1000px) {
.re_modify_list2 .rembox h3 span { padding:5px 15px; display:inline-block; vertical-align:middle;}
.re_modify_list2 { gap:20px;}
.re_modify_list2 .rembox {width:calc(50% - 20px); }
.re_modify_list2 .rembox:before {width:60px; height:60px;background-size: auto 20px;}
.re_modify_list2 .rembox .infowrapin dl{margin:5px 0px;  gap:10px 10px;}

}



@media (max-width: 650px) {

.re_modify_list2 { gap:10px;}
.re_modify_list2 .rembox {width:100%; }

.re_modify_list2 .rembox:before {width:44px; height:44px;background-size: auto 16px;}

    .select_room_reseult #room_select p {
        font-size: 16px;
    }
}






/* =======================================================
모달팝업
======================================================= */

.custom-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  inset: 0;
  align-items: center;
  justify-content: center;
}
.custom-modal.custom-modal--active {
  display: flex;
}

.custom-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}

.custom-modal__content {
  position: relative;
  background: #fff;
	padding: clamp(25px, 2.5vw, 50px); 
  z-index: 1001;
  max-width: 90%;
  width: 880px;
  max-height: 93vh;
  overflow-y: auto;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  transform: translateY(-70px);
  opacity: 0;
  transition: transform 0.5s ease-out, opacity 0.3s ease;
}

.custom-modal--active .custom-modal__content {
  opacity: 1;
  transform: translateY(0);
}

.custom-modal__header { padding-bottom:20px;
  display: flex; border-bottom:1px solid #ddd;
  justify-content: space-between;

}

.custom-modal__title { 
	font-size: clamp(22px, 5vw, 40px); 
font-weight:800;
}
.custom-modal__close {border:none}
.custom-modal__close svg {
	width:clamp(25px, 5vw, 50px); 
	height:clamp(25px, 5vw, 50px); 
}

.custom-modal__body {
padding:30px 0px;
}







/* =======================================================
사이트맵
======================================================= */
#full-menu {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background: #fff;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  pointer-events: none;
}

/* 활성화될 때 추가할 클래스 */
#full-menu.show {
  display: flex;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}


  #full-menu  #menu-close22 {position:absolute; top:50px; right:50px; bordeR:none}
  #full-menu  #menu-close22 svg {width:60px; height:60px;}


  #full-menu  .titlearea,
  #full-menu  .inner  {padding:50px 3%;}


  #full-menu  .titlearea {flex:1; 
  background:url('/img/inbg_top022.gif') no-repeat bottom center;
 background-size:cover
  }
  #full-menu  .titlearea h3 { font-family: Poppins; color:#fff; font-weight:800; font-size:110px; text-shadow: 3px -3px 11px #7582b7;}


  #full-menu  .inner {flex: 2;  flex-direction: column;}

  #full-menu  .inner h3 {font-family: Poppins; padding-right:15px;width:100%; font-size:30px; line-height:1.6; font-weight:700; color:var(--maincolor2);  }


  #full-menu  .inner h3:after {content:''; border-radius:50%; display:inline-block; vertical-align:top; margin-right:10px;
  width:8px; height:8px; background:var(--maincolor2)}

  #full-menu  .inner div {display:flex; flex-wrap:wrap; gap:10px 30px;}

  #full-menu  .inner div a {font-size:20px; line-height:1.5;}

  #full-menu .inner  .menuin {border-top:1px solid #ddd; padding:40px 0px;}
  #full-menu .inner  .menuin:nth-child(1) {border-top:none;}



/* =======================================================
quick_menu12
   ======================================================= */


.quick_menu12 {position:fixed; box-sizing:border-box;  right:30px;  bottom:30px; z-index:60;}
.quick_menu12 dl {cursor:pointer; margin:14px 0px; background:var(--black); color:#fff; position:relative;
border-radius:50%; height:55px; width:55px; box-sizing:border-box; padding-top:10px;
box-shadow: 0 0 18px -8px rgba(0,0,0,.6); text-align:Center; }


.quick_menu12 dl dd { position:absolute; top:20px; right:65px; color:var(--black);
  opacity: 0; display:none;
  transform: translateX(10px);
  transition: all 0.3s ease;
  display: inline-block;
  white-space: nowrap;
}

.quick_menu12 dl:hover dd {
  opacity: 1; display:block;
  transform: translateX(0);
}


.quick_menu12 dl dt svg {width:27px; margin-top:5px; height:27px; /*  stroke:#0953b8; */ }
.quick_menu12 dl dd {/* color:#0953b8; */ font-size:14px; font-weight:500; line-height:1.3;}


.quick_menu12 dl.top {background:#fff; }



}




.quick_menu12 dl.top dd{display:none;}

.quick_menu12 dl.top dt svg {width:24px; height:24px; stroke:var(--black); }



@media (max-width: 1000px) {

.quick_menu12 {display:none}





}






/* =======================================================
iframe
   ======================================================= */
iframe.vrview {width:100%;  margin-top:30px ;height:700px;}
iframe.vrview2 {width:100%;  height:580px;}


@media (max-width:650px) {


iframe.vrview { height:500px;}

iframe.vrview2 {height:400px; }



}