@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');
/* 초기화 */
html {overflow-y:scroll; font-size:10px;}

@media all and (max-width:480px){
	html {font-size:8px;}
}


body {
	overflow: hidden; margin:0;padding:0;
	font-size:1.6rem;font-weight:400;  font-family: "Noto Sans SC", sans-serif; background:#fff; color:#333;
}
html, h1, h2, h3, h4, h5, h6, fieldset {margin:0;padding:0;border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ol, ul, li,dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family: "Noto Sans SC", sans-serif; outline:none;}
input[type="submit"] {cursor:pointer}
input::focus {outline:none;}
input::placeholder {	color:#ccc; }

button {cursor:pointer; background-color:transparent; border:0; color:#000;}
table {border-collapse: collapse;}
textarea, select {font-family: "Noto Sans SC", sans-serif; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000; font-weight:400; text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}
.bodyfix { touch-action:none;}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}
@media all and (max-width:680px){
	.hd_pops {
		left: 5% !important;
        top: 110px !important;
        max-width: 90% !important;
	}
	.hd_pops_con {
		width: 100% !important;
        height: inherit !important;
	}
	.hd_pops_con p {
        font-size: 0;
    }
}

/********************************************************
■ 팝업 리뉴얼
********************************************************/
#pop_renew {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
	z-index:99999;
}
#pop_renew .alignc {
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	translate:-50% -50%;
}
#pop_renew h2 {
	display:flex;
	justify-content:center;
	color:#fff;
	text-align:center;
	margin-bottom:4rem;
}
#pop_renew h2 strong{
	display:inline-block;
	font-size:38px;
}
#pop_renew h2 strong span{
	color:#00a7ac;
}
#pop_renew h2 strong span{
	color:#00a7ac;
}
#pop_renew h2 .pop-pagination {	
	display:flex;
	justify-content:center;
	align-items:center;
	gap:5px;
	width:7.5rem;
	height:4.2rem;
	font-weight:500; 
/*	font-family:'ONEMobile';*/
	font-size:1.8rem;
	color:#fff;
	border-radius:3rem;
	margin-left:2rem;
	background: linear-gradient(45deg, rgba(111,73,143,1) 17%, rgba(23,161,175,1) 100%);
}
#pop_renew .pop_swiper_wrap{
	position:relative;
	max-width:1500px;	
	margin:0 auto 50px;
}
#pop_renew .pop_controll div {
	position:absolute;
	top:50%;
	translate:0 -50%;
	width:70px;
	height:70px;
	border-radius:50%;
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
}
#pop_renew .pop_controll .pop-prev {	
	left:0;
	background-image:url("/theme/basic/img/pop_prev.png"); 
}
#pop_renew .pop_controll .pop-next {	
	right:0;
	background-image:url("/theme/basic/img/pop_next.png");
}

#pop_renew .swiper{
	max-width:	1280px;
	overflow:hidden;
}
#pop_renew .swiper .swiper-slide{
	width:400px;
	font-size:0;
}
#pop_renew .swiper .swiper-slide img{
	width:100%;
}
#pop_renew .pop_bottom {
	width:250px;
	font-size:1.6rem;	
	color:#fff;
	margin:0 auto;
}
#pop_renew .pop_bottom input + .checkbox {
	display:inline-block;
	width:18px;
	height:18px;
	border-radius:3px;
	background-color:#fff;
	background-image:url("/theme/basic/img/pop_check_icon.png");
	background-repeat:no-repeat;
	background-position:center;
}
#pop_renew .pop_bottom input:checked + .checkbox {
	background-color:#774990;
}
#pop_renew .pop_bottom .chk_txt {
	margin: 0 3rem 0 1rem;
}
#pop_renew .pop_bottom .pop_close {
	position:relative;
	width:40px;
	height:40px;
	border:0;
	border-radius:50%;
	background-color:#774990;
	box-shadow: rgba(119, 73, 144, 0.5) 0px 0px 0px 10px;
}
#pop_renew .pop_bottom .pop_close span {
	position:absolute;
	top:50%;
	left:50%;
	translate:-50% -50%;
	width:20px;
	height:1px;
	background-color:#fff;
}
#pop_renew .pop_bottom .pop_close span:first-child {
	rotate:45deg;
}
#pop_renew .pop_bottom .pop_close span:last-child {
	rotate:-45deg;
}

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

}
@media all and (max-width:1340px){
	#pop_renew .swiper {
		width:82%;
	}
	#pop_renew .pop_controll .pop-prev{ left:15px; }
	#pop_renew .pop_controll .pop-next{ right: 15px; }
}
@media all and (max-width:640px){
	#pop_renew .pop_controll div {
		width:50px;
		height:50px;
	}
	#pop_renew .swiper .swiper-slide img{
		width:100%;
	}	
}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 폼 공통 스타일링*/
.rolling {
	position:relative;
	overflow:hidden;
}
.rolling > span {
	display:block;
	width:100%;
	text-align:center;
	transition:0.3s;
}
.rolling > span:nth-child(2){	
	position:absolute;
	top:150%;
	left:50%;
	translate: -50% 0;
	transition:0.3s;
}
.rolling:hover > span:nth-child(1){
	translate: 0 -200%;	
}
.rolling:hover > span:nth-child(2){
	top:50%;
	translate: -50% -50%;	
}

.rolling.rol2 {
	padding-left:2rem;
}
.rolling.rol2 > span {
	display:block;
	text-align:left;
	transition:0.3s;
}
.rolling.rol2 > span:nth-child(2){	
	position:absolute;
	top:150%;
	left:2rem;
	translate: 0 0;
	transition:0.3s;
}
.rolling.rol2:hover > span:nth-child(1){
	translate: 0 -280%;	
}
.rolling.rol2:hover > span:nth-child(2){
	top:50%;
	translate: 0 -50%;	
}

.chk_box .checkbox {
	display:inline-block;
	width:2rem;
	height:2rem;
	border:1px solid #ddd;
	border-radius:5px;
	margin-right:5px;
}
.chk_box input:checked + .checkbox{
	background-color: #01a6b5;
	background-image:url("/theme/basic/img/chk.png");
	background-repeat:no-repeat;
	background-position: center;
}
.chk_box .checklabel {}

/*공동*/
.inner_container {
	width:100%;
	max-width:1280px;
	margin:0 auto;
}
@media all and (max-width:1280px){
	.inner_container {
		padding: 0 3rem;
	}
}
@media all and (max-width:520px){
	.inner_container {
		padding: 0 1.5rem;
	}
}

/*헤더*/
#hd {	
	position:fixed;
	top:0;
	left:0;
	width:100%;
	box-shadow: rgba(100, 100, 111, 0.2) 0 0 15px 0;
	z-index:1000;
}
#hd_wrapper {	
	position:relative;
	width:100%;
	background-color:#fff;	
	z-index:11;
}
#hd_wrapper .hd_wrap{
	display: grid;		
	height: 95px;
	grid-template-columns:15rem 19rem;
	align-items:center;
	justify-content:space-between;
	gap: 2rem;
	padding:0 5rem;
}
#gnb_1dul{
	display: flex;	
	position: absolute;
    left: 50%;
    translate: -50% 0;
	width:740px;
	z-index:100;
}
#gnb_1dul .gnb_1dli{
	position:relative;
}
#gnb_1dul .gnb_1da{
	display:flex;
	height: 95px;
	align-items:center;
	font-size:2rem;
	text-align:center;
	font-weight:600;
	padding:0 3rem;
}
#gnb_1dul .gnb_2dul{
	display: none;
	position:absolute;
	top:100%;
	left:50%;
	translate:-50% 0;
	width:17rem;
	text-align:center;
	padding:2rem 0;
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 15px;
}
#gnb_1dul .gnb_2da{
	display:block;
	font-size:1.8rem;	
	padding:1.5rem 0;
}
#gnb_1dul .gnb_2da:hover{
	font-weight:500;
}


#hd_wrapper .topbtnwrap{
	display:flex;
	justify-content:space-between;
}
#hd_wrapper .topbtnwrap > div{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
}
#hd_wrapper .snsbox,
#hd_wrapper .langbox{
	position:relative;
}
#hd_wrapper .snsbox button,
#hd_wrapper .langbox button{	
	display:block;
	width:100%;
	height:36px;
	font-size:1.5rem;
	font-weight:700;
	border-radius:2rem;
}
#hd_wrapper .snsbox ul,
#hd_wrapper .langbox ul{	
	display:none;
	position:absolute;
	z-index:10;
	top:calc(100% + 10px);
	left:0;
	width:100%;
	border-radius:2rem;
	border:1px solid #333;
	background-color:#fff;
}
#hd_wrapper .snsbox a,
#hd_wrapper .langbox a{
	display:block;
	text-align:center;
	font-size:1.5rem;
}
#hd_wrapper .langbox a:hover{
	font-weight:700;
}
#hd_wrapper .snsbox{	
	width:5rem;
}
#hd_wrapper .snsbox > button{		
	border:1px solid #333;
}
#hd_wrapper .snsbox ul{
	padding:1.5rem 1rem;
}
#hd_wrapper .snsbox ul li {
	margin-bottom:8px;
}
#hd_wrapper .snsbox ul li a {
	position:relative;
	display:block;
	width:30px;
	height:30px;
	border-radius:50%;
	overflow:hidden;
}
#hd_wrapper .snsbox ul li a:after {
	content:'';
	position:absolute;
	top:150%;
	left:50%;
	translate:-50% -50%;
	transition:0.3s;
}
#hd_wrapper .snsbox ul li a.kakao{ 
	background-color:#ffe800;
}
#hd_wrapper .snsbox ul li a.kakao:after{ 	
	width:15px;
	height:14px;
	background-image:url("/theme/basic/img/hd_kakao.png");
}
#hd_wrapper .snsbox ul li a.insta{
	background-image: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);  
  }
#hd_wrapper .snsbox ul li a.insta:after{ 	
	width:12px;
	height:12px;
	background-image:url("/theme/basic/img/hd_insta.png");
}
#hd_wrapper .snsbox ul li a.naver{
	background-color:#38b65d;
}
#hd_wrapper .snsbox ul li a.naver:after{ 	
	width:11px;
	height:10px;
	background-image:url("/theme/basic/img/hd_naver.png");
}
#hd_wrapper .snsbox ul li a.facebook{
	background-color:#0866ff;
}
#hd_wrapper .snsbox ul li a.facebook:after{ 	
	width:7px;
	height:14px;
	background-image:url("/theme/basic/img/hd_facebook.png");
}
#hd_wrapper .snsbox ul li a.youtube{
	background-color:#ed3023;
}
#hd_wrapper .snsbox ul li a.youtube:after{ 	
	width:14px;
	height:9px;
	background-image:url("/theme/basic/img/hd_youtube.png");
}
#hd_wrapper .snsbox ul li a.twitter{
	background-color:#1a1a1a;
}
#hd_wrapper .snsbox ul li a.twitter:after{ 	
	width:14px;
	height:14px;
	background-image:url("/theme/basic/img/hd_twitter.png");
}
#hd_wrapper .snsbox ul li a img {
	position:absolute;
	top:50%;
	left:50%;
	translate:-50% -50%;
	transition:0.3s;
}
#hd_wrapper .snsbox ul li a:hover img {	
	top:-50%;
}
#hd_wrapper .snsbox ul li a:hover:after {	
	top:50%;
}
  
#hd_wrapper .langbox{
	width:7rem;
}
#hd_wrapper .langbox > button{
	color:#fff;
	background: linear-gradient(90deg, rgba(111,73,143,1) 0%, rgba(23,161,175,1) 100%);
}
#hd_wrapper .langbox ul {
	padding:2rem;
}
#hd_wrapper .langbox ul li:not(:last-child) {
	margin-bottom:2rem;
}

#hd_wrapper .gnb_menu_btn{
	position:relative;
	width:36px;
	height:32px;
}
#hd_wrapper .gnb_menu_btn span{
	position:absolute;
	right:0;
	height:4px;
	transition:0.3s;
}
#hd_wrapper .gnb_menu_btn span:nth-child(1){
	top:0;
	width:100%;
	background-color:#95c420;
}
#hd_wrapper .gnb_menu_btn span:nth-child(2){
	width:26px;
	top:50%;
	translate:0 -2px;
	background-color:#774994;
}
#hd_wrapper .gnb_menu_btn span:nth-child(3){
	bottom:0;
	width:100%;
	background-color:#03aaba;
}
#hd_wrapper .gnb_menu_btn.open span:nth-child(1){
	top:50%;
	translate:0 -2px;
	rotate:45deg;
	background: linear-gradient(90deg, rgba(23,161,175,1) 0%, rgba(111,73,143,1) 100%);
}
#hd_wrapper .gnb_menu_btn.open span:nth-child(2){
	opacity:0;
}
#hd_wrapper .gnb_menu_btn.open span:nth-child(3){
	bottom:50%;
	translate:0 2px;
	rotate:-45deg;
	background: linear-gradient(90deg, rgba(111,73,143,1) 0%, rgba(23,161,175,1) 100%);
}

@media all and (max-width:1280px){
	#hd_wrapper .hd_wrap {
		padding:0 3rem;
	}
	#gnb_1dul {
		display:none;
	}
}
@media all and (max-width:640px){	
	#hd_wrapper .hd_wrap {
		grid-template-columns: 12rem 20rem;
		padding: 0 3rem;
	}
	#logo img {
		width:100%;
	}
}
@media all and (max-width:480px){	
	#hd_wrapper .snsbox {
		width:6rem;
	}
}
@media all and (max-width:380px){	
	#hd_wrapper .hd_wrap {
		grid-template-columns: 12rem 19rem;
	}
}

/*전체 메뉴*/
#gnb_all{
	display:none;
	position:absolute;
	top:95px;
	width:100%;
	border-top:1px solid #ddd;
	background-color:#fff;
	z-index:10;
}
#gnb_all .gnb_al_ul{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(12rem, auto));
	max-width:1600px;
	min-height:510px;
	text-align:center;
	margin:0 auto;
}
#gnb_all .gnb_al_li {
	padding-top: 6rem;
}
#gnb_all .gnb_al_a {
	font-size:2.6rem;
	font-weight:700;
}
#gnb_all .gnb_al2ul {
	padding-top:4rem;
}
#gnb_all .gnb_al2ul li {
	margin-bottom:3rem;
}
#gnb_all .gnb_al2ul li:last-child {
	margin-bottom:0;
}
#gnb_all .gnb_al2ul a {
	color:#777;
	font-size:1.8rem;	
}
#gnb_all .gnb_al2ul a:hover{ 
	font-weight:500; 
}
#gnb_all_bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7)	;
}
.gnb_close_btn{
	position:absolute;
	top:5rem;
	right:5rem;
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	background-image:url("/theme/basic/img/menu_close.png");
	background-position: center center;
}
@media all and (max-width:1280px){
	#gnb_all .gnb_al_ul {
		max-height:calc(100vh - 96px);
		text-align:left;
		grid-template-columns: 1fr;
		padding:0;
		overflow:auto;
	}
	#gnb_all .gnb_al_ul .gnb_al_li:hover {
		background-color:#fff !important; 
	}
	#gnb_all .gnb_al_li {
		padding:0;
		border-bottom:1px solid #ddd;
	}
	#gnb_all .gnb_al_a {
		position:relative;
		display:block;
		font-size:2.2rem;
		padding:3rem;
	}
	#gnb_all .gnb_al_a:after {
		content:'';
		width:16px;
		height:10px;
		position:absolute;
		top:50%;
		right:3rem;
		translate:0 -50%;
		background-image:url("/theme/basic/img/menu_arrow.png");
		background-repeat:no-repeat;
		transition:0.3s;
	}
	#gnb_all .gnb_al_a.slide-on:after {
		rotate:180deg;
	}
	#gnb_all .gnb_al2ul {
		display:none;
		padding:4rem 3rem;
	}
	#gnb_all .gnb_al2ul li a {
		color:#333;
		font-size:2rem;
	}
}

@media all and (max-width:1280px){
	#gnb_all .gnb_al_ul {
		min-height:auto;
	}
}


#gnb_all .gnb_al2ul .link, #gnb_1dul .gnb_2dli .link{	
	display:inline-block;
	padding-right:2rem;
	background-image: url("/theme/basic/img/link.png");
	background-repeat: no-repeat;
	background-position: right center;
}

.adminbtn {
	position:fixed;
	right:7rem;
	bottom:18rem;	
	width:10rem;
	text-align:center;
	font-weight:700;
	color:#fff;
	border-radius:3rem;
	padding:1rem 0;
	transition:0.3s;
	z-index:10;
	background-image: linear-gradient(90deg, #333 0%, #333 40%, rgba(111,73,143,1) 50%, rgba(23,161,175,1) 100%);
	background-position:0 0;
	background-size: 300% 300%;
}
.adminbtn:hover{
	background-position:100% 0%;
}
/* 챗 봇 */
.chatbot_box {
	position:fixed;
	bottom:10rem;
	right:12rem;		
	z-index:10;
}
.chatbot {
	position:absolute;
	top:50%;
	left:50%;
	translate:-50% -50%;
	width:100px;
	height:100px;
	border:2px solid #333;
	border-radius:50%;
	background-image: linear-gradient(45deg, #fff 0%, #fff 20%, rgba(235,206,255,1) 50%, rgba(209,248,252,1) 100%);
	background-repeat:no-repeat;
	background-position: 0% 100%;
	background-size:500% 500%;	
	transition:1s;
	z-index:10;
	overflow:hidden;
}
.chatbot img {
	position:absolute;
	top:10px;
	left:14px;
	transition:0.3s;
}
.chatbot:hover{
	background-position: 100% 50%;
}
.chatbot:hover img{
	animation-name:char_move;
	animation-duration:0.3s;
}
.chatbot_box .circle {
	position:absolute;
	top:50%;
	left:50%;
	translate:-50% -50%;
	animation-name:chat_rotate;
	animation-duration:8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes char_move{
	0% {top:10px;}
	50% {top:-5px;}
	100% {top:10px;}
}
@keyframes chat_rotate{
	0% {rotate:0deg}
	100% {rotate:360deg}
}
@media all and (max-width:1280px){	
	.chatbot_box {
		right:8rem;		
	}
}
@media all and (max-width:640px){	
	.adminbtn {
		display:none;
	}
	.chatbot_box {
		bottom:7rem;
	}
	.chatbot_box .circle {
		width:90px;
	}
	.chatbot {
		width:70px;
		height:70px;
	}
	.chatbot img {
		width:40px;
		left:10px;
	}
}

/* 메인 */ 
/* 풀페이지 세팅 */
#fullpage .section {overflow:hidden;}
#fullpage_controller {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:2rem;
	position:fixed;
	bottom:36%;
	width:520px;
	left:-18rem;
	rotate:90deg;
	z-index:10;
}
#fullpage_controller p{
	font-size:1.4rem;
	font-weight:600;
	color: transparent;
	background: linear-gradient(90deg, rgba(23,161,175,1) 0%, rgba(111,73,143,1) 100%);
    background-clip: text;
	-webkit-background-clip: text;
}
#fullpage_controller .progress {
	position:relative;
	width:150px;
	height:2px;
	background-color:#000;
}
#fullpage_controller .progress .state{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background:#fff;
	transition:0.3s;
}
#fullpage_controller .btns {
	display:flex;
	gap:1rem;
}
#fullpage_controller .btns button{
	display:block;
	width:40px;
	height:40px;
	border-radius:50%;
	transition-duration:0.2s;
	background-repeat:no-repeat;
	background-position:center;
}
#fullpage_controller .btns #main_prev{
	background-color:#000;
	background-image:url("/theme/basic/img/fullpage_prev.png?0324");
}
#fullpage_controller .btns #main_next{
	background-color:#000;
	background-image:url("/theme/basic/img/fullpage_next.png?0324");
}
#fullpage_controller .btns #main_prev.hover {
	background-image: url("/theme/basic/img/fullpage_prev.png?0324"), linear-gradient(90deg, rgba(23,161,175,1) 0%, rgba(111,73,143,1) 100%);
}
#fullpage_controller .btns #main_next.hover {
	background-image: url("/theme/basic/img/fullpage_next.png?0324"), linear-gradient(90deg, rgba(23,161,175,1) 0%, rgba(111,73,143,1) 100%);
}
@media all and (max-width:1600px){		
	#fullpage_controller {
		left: -21rem;
	}
}
@media all and (max-width:1280px){	
	#fullpage {
		padding-top:96px;
	}
	#fullpage_controller {
		display:none;
	}
	.fp-tableCell {
		vertical-align:top;
	}
}

/* 메인컨텐츠 공통 */
.main_container{
	display:grid;
	grid-template-columns:1fr 1.6fr;
	max-width:1920px;
	padding:0 0 0 16rem;
	margin:0 auto;
}
#main_company .main_container, #main_notice .main_container { grid-template-columns: 38.5% 61.5%; }
#main_event .main_container, #main_company .main_container, #main_notice .main_container, #main_tour .main_container {
	height:100%;
	padding-top:96px;
}
.main_title{ 
	position:relative;
	display:grid;
	grid-template-rows:1fr 1fr;
	height:100%;
	background-repeat:no-repeat;		
}
.main_title .title_top{ 
	align-self: end;
	padding-bottom:1.5rem;
	z-index:1;
}
.main_title .sub{ 
	display:block; 
	width:auto;
	font-size:1.8rem;
	font-weight:800;
	margin-bottom:4rem;
}
.main_title h3{ 
	font-size:7.5rem;
	font-weight:500;
	margin-bottom:4rem;
}
.main_title h3 span {
	font-weight:800;	
}
.main_title .txt { 
	font-size:2.2rem;
	font-weight:500;
	line-height:1.5;
}
.main_title .txt span { 
	font-weight:700;
}
.main_title a { 
	display: flex;
    align-items: center;
	width:235px;
	height:65px;
	color:#fff;
	font-size:2.2rem;
	font-weight:500;
	border-radius:50px;
	margin-top:8.5rem;
}
.main_title a strong {
	font-weight:700;
}

.section .contents {
	align-self: center;
}
@media all and (max-width:1600px){	
	.main_container {
		padding:0 0 0 10rem;
	}	
}
@media all and (max-width:1280px){	
	.main_container {
		padding:0 3rem;
	}
	#main_event .main_container, #main_company .main_container, #main_notice .main_container, #main_tour .main_container {
		grid-template-columns: 100%;
		padding:12rem 3rem;
		gap:8rem;
	}
	#main_company .main_container, #main_notice .main_container{ padding:12rem 0 12rem 3rem; }
	.main_title {
		grid-template-rows: 1fr;
	}
	.main_title .title_top {
		padding-bottom:0;
	}
	.main_title h3 {
		font-size:6rem;
		margin-bottom:2rem;
	}
	.main_title a {
		margin-top:6rem;
	}
}
@media all and (max-width:420px){	
	.main_title h3 {
		font-size:5rem;
	}
	.main_title .txt {
		font-size:2rem;
	}
}

/* 메인 인트로 */
#main_intro {
	position:relative;
	background-image:url("/theme/basic/img/main_intro_bg2.png"), url("/theme/basic/img/main_intro_bg3.png"), url("/theme/basic/img/main_intro_bg4.png"), url("/theme/basic/img/main_intro_bg5.png");
	background-position:right bottom, right 39% top 14em, right top, left 10em bottom -5em;
	background-repeat:no-repeat;
}
#main_intro:after {
	content:'';
	position:absolute;
	width:322px;	
	height:548px;
	bottom:0;
	right:30%;
	background-image:url("/theme/basic/img/main_intro_bg1.png");	
	background-repeat:no-repeat;
}
#main_intro .main_container{
	display:block;
	position:relative;
	z-index:1;
}
#main_intro h2{
	font-size:8rem;
	font-weight:800;
	word-break:keep-all;
	margin-bottom:3rem;
}
#main_intro p{
	font-size:2.9rem;
	font-weight:500;
	line-height:1.5;
	word-break:keep-all;
	margin-bottom:8rem;
}
#main_intro p strong{
	font-size:4rem;
	font-weight:800;
}
#main_intro p strong:nth-child(1){	color:#10a2af; }
#main_intro p strong:nth-child(2){	color:#70478e; }
#main_intro a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:235px;
	height:65px;
	color:#fff;
	font-size:2.2rem;
	font-weight:500;
	border-radius:5rem;
	background: linear-gradient(90deg, rgba(23,161,175,1) 0%, rgba(111,73,143,1) 100%);
}
@media all and (max-width:1280px){		
	#main_intro {
		padding: 10rem 0 5rem;
		background-image:url("/theme/basic/img/main_intro_bg2.png"), url("/theme/basic/img/main_intro_bg5.png");
		background-position:right -3rem bottom,  left -7rem bottom -1rem;
		background-size: 500px, auto;
	}
	#main_intro:after {
		width:250px;
		transform:scaleX(-1);
		bottom: 0;
		right: inherit;
		left: -3rem;
		background-size:contain;
		background-position: left bottom;
	}
	#main_intro .intro_inner {
		padding:0 3rem;
	}
	#main_intro h2 {
		font-size:6.5rem;
	}
	#main_intro p {
		font-size:2.2rem;
		line-height:1.3;
		margin-bottom:6rem;
	}
	#main_intro p strong {
		font-size:3.4rem;
	}
}
@media all and (max-width:640px){
	#main_intro {
		padding: 10rem 0 0;
		background-size: 350px, 250%;
	}
	#main_intro:after {
		width:180px;
	}
}
@media all and (max-width:520px){		
	#main_intro {
		padding: 5rem 0 0;
		background-size: 300px, auto;
	}
	#main_intro:after {
		width:150px;
	}
	#main_intro h2 {
		word-break: normal;
	}
	#main_intro h2 br {
		display:none;
	}
}

/* 메인 이벤트 */
#main_event {
	background-color: #e2f7f9; 
	background-image:url('/theme/basic/img/main_event_bg01.png');
	background-repeat:no-repeat;
	background-position:right top;
	background-size:543px 100%;
}
#main_event .theme_color{ color: #10a2af; }
#main_event .theme_bg{ background-color: #10a2af; }
#main_event .main_title:after{ 
	content:'';
	position:absolute;
	bottom:-24rem;
	right:0;
	width:290px;
	height:572px;
	background-image:url('/theme/basic/img/main_event_char.png');	
}
#main_event .contents ul { 
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:3rem;
	max-width:960px;
	align-content:center;
}
#main_event .contents ul li a	{
	display:block;
	padding-top: 19.5rem;
	border-radius:3rem;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:300px;
	transition:0.3s;
	overflow:hidden;
}
#main_event .contents ul li.eventhall a {background-image:url('/theme/basic/img/main_event_item01.png');	}
#main_event .contents ul li.schedule a {background-image:url('/theme/basic/img/main_event_item02.png');	}
#main_event .contents ul li.program a {background-image:url('/theme/basic/img/main_event_item03.png');	}
#main_event .contents ul li.exhibition a {background-image:url('/theme/basic/img/main_event_item04.png'); }
#main_event .contents ul li.viewing a {background-image:url('/theme/basic/img/main_event_item05.png'); }
#main_event .contents ul li.vr a {background-image:url('/theme/basic/img/main_event_item06.png'); }
#main_event .contents ul li .con{
	position:relative;
	display:grid;
	align-content:center;
	height:95px;
	color:#fff;
	text-align:center;
	transition:0.3s;
}
#main_event .contents ul li .con:after {
	content:'';
	position:absolute;
	bottom:100%;
	right:0;	
}
#main_event .contents ul li.eventhall .con { background-color:#0a8691; }
#main_event .contents ul li.eventhall .con:after {
	width:94px;
	height:86px;
	background-image:url("/theme/basic/img/main_event_char01.png");
}
#main_event .contents ul li.schedule .con {background-color:#cd4400;}
#main_event .contents ul li.schedule .con:after {
	width:94px;
	height:86px;
	background-image:url("/theme/basic/img/main_event_char02.png");
}
#main_event .contents ul li.program .con {background-color:#719e00;}
#main_event .contents ul li.program .con:after {
	width:112px;
	height:65px;
	background-image:url("/theme/basic/img/main_event_char03.png");
}
#main_event .contents ul li.exhibition .con {background-color:#dc7700;}
#main_event .contents ul li.exhibition .con:after {
	width:89px;
	height:73px;
	background-image:url("/theme/basic/img/main_event_char04.png");
}
#main_event .contents ul li.viewing .con {background-color:#5bb4b9;}
#main_event .contents ul li.viewing .con:after {
	width:77px;
	height:93px;
	background-image:url("/theme/basic/img/main_event_char05.png");
}
#main_event .contents ul li.vr .con {background-color:#643876;}
#main_event .contents ul li.vr .con:after {
	width:75px;
	height:78px;
	background-image:url("/theme/basic/img/main_event_char06.png");
}
#main_event .contents ul li .con h4 {
	font-size:2.5rem;
	font-weight:400;
	margin-top:1rem;
}
#main_event .contents ul li .con button,
#main_event .contents ul li .con span,
#main_event .contents ul li .con h4 {
	translate:0 3rem;
}
#main_event .contents ul li .con h4 strong {
	font-weight:700;
}
#main_event .contents ul li .con button {	
	color:#fff;
	width:115px;
	text-align:center;
	padding:8px 0;
	border:1px solid #fff;
	border-radius:1.5rem;
	margin:4rem auto 0;
	opacity:0;
	transition-duration:0.3s;
	transition-delay:0.3s;
	transition-property:opacity;
}

#main_event .contents ul li a:hover {
	padding-top:0;
}
#main_event .contents ul li a:hover .con{
	height:290px;
}
#main_event .contents ul li a:hover .con button,
#main_event .contents ul li a:hover .con span,
#main_event .contents ul li a:hover .con h4 {
	translate:0 0;
}
#main_event .contents ul li a:hover .con button {	
	opacity:1;
}
@media all and (max-width:1280px){
	#main_event {
		background-image: none;
	}
	#main_event .main_title:after {
		transform:scaleX(-1);
		bottom: -28rem;
	}
	#main_event .contents ul {
		position:relative;
		z-index:1;
		padding:0;
		max-width:100%;
	}
	#main_event .contents ul li a {
		background-size:cover;
	}
}
@media all and (max-width:780px){
	#main_event .main_title:after {
		bottom:-24rem;
		width: 230px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left bottom
	}
	#main_event .contents ul {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media all and (max-width:580px){
	#main_event .main_title:after {
		bottom:-16rem;
		width: 135px;
	}
}
@media all and (max-width:480px){
	#main_event .main_title:after {
		bottom: -16rem;
		width: 94px;
	}
	#main_event .contents ul li a:hover .con{
		height:251px;
	}
	#main_event .contents ul li .con:after {
		background-size:contain;
		background-position:right bottom;
		background-repeat:no-repeat;
	}
	#main_event .contents ul li.eventhall .con:after {width:64px;}
	#main_event .contents ul li.schedule .con:after {width:64px;	}
	#main_event .contents ul li.program .con:after {width:72px;	}
	#main_event .contents ul li.exhibition .con:after {width:59px;}
	#main_event .contents ul li.viewing .con:after {	width:47px;	}
	#main_event .contents ul li.vr .con:after {	width:45px;	}
}
@media all and (max-width:380px){
	#main_event .main_title:after {
		background-image:none;
	}
}


/* 메인 참가기업*/
#main_company {
	background-color: #f2ecf6; 
	background-image:url("/theme/basic/img/main_company_bg01.png");
	background-repeat:no-repeat;
	background-position: right 5rem bottom;
}
#main_company .theme_color{ color: #70478e; }
#main_company .theme_color2{ color: #70478e; font-weight:400;}
#main_company .theme_bg{ background-color: #70478e; }
#main_company .main_title:after {
	 content: '';
    position: absolute;
    top: 23rem;
    right: 3rem;
    width: 88px;
    height: 112px;
    background-image: url("/theme/basic/img/main_company_char.png");
}
#main_company .contents{ 
	max-width:1100px;
}
#main_company .swiper-slide{ 
	width:300px;
	padding-top:240px;
	border-radius:3rem;
	background-repeat:no-repeat;
	background-position: center top;
	background-size:300px;
	overflow:hidden;
}
#main_company .swiper-slide.it01{ 	background-image:url("/theme/basic/img/main_company_item01.png"); }
#main_company .swiper-slide.it01 h4{ 	color:#91ba2a }

#main_company .swiper-slide.it02{ 	background-image:url("/theme/basic/img/main_company_item02.png"); }
#main_company .swiper-slide.it02 h4{ 	color:#f18d00 }

#main_company .swiper-slide.it03{ 	background-image:url("/theme/basic/img/main_company_item03.png"); }
#main_company .swiper-slide.it03 h4{ 	color:#10a2af }

#main_company .swiper-slide.it04{ 	background-image:url("/theme/basic/img/main_company_item04.png"); }
#main_company .swiper-slide.it04 h4{ 	color:#70478e }

#main_company .swiper-slide .con {
	display:grid;
	align-content:center;	
	height:220px;
	font-size:1.8rem;
	color:#333;
	padding:0 3rem;
	background-color:#fff;	
}
#main_company .swiper-slide .con h4 {
	font-weight:700;
	font-size:2.6rem;
	margin-bottom:2rem;
}
#main_company .swiper-slide .con p {
	font-size:1.8rem;
	line-height:1.5;
}
@media all and (max-width:1280px){
	#main_company {
		padding-bottom:33rem;
		background-position:left 6rem bottom;
	}
	#main_company .main_title:after {
	    top: inherit;
		bottom:-8.5rem;
		right: 6rem;
		transform:scaleX(-1);
	}
}
@media all and (max-width:480px){
	#main_company .main_title:after {
		right: 2rem;
	}
}
@media all and (max-width:380px){
	#main_company .main_title:after {
		background-image:none;
	}
}


/* 메인 커뮤니티*/
#main_notice {
	background-color: #f8f3eb; 
}
#main_notice .theme_color{ color: #f18d00; }
#main_notice .theme_bg{ background-color: #f18d00; }
#main_notice .main_title a {
	position:relative;
	z-index:1;
}
#main_notice .main_title:after {
	content: '';
    position: absolute;
    bottom: -14rem;
    right: 3rem;
    width: 436px;
    height: 436px;
    background-image: url("/theme/basic/img/main_notice_char.png");
}
#main_notice .contents .board_menu { 
	display:inline-flex;
	padding:6px;
	border: 1px solid #ddd;
	border-radius:4rem;
	margin-bottom:6rem;
	background-color:#fff;
}
#main_notice .contents .board_menu button { 
	width:160px;
	height:65px;
	font-size:2rem;
	font-weight:700;
	color:#333;
	border-radius:4rem;
}
#main_notice .contents .board_menu button.on{ 
	color:#fff;
	background-color:#f18d00;
}
#main_notice .contents .boards > div { 
	display:none;
}
#main_notice .contents .boards > div#exponews { 
	display:block;
}
@media all and (max-width:1280px){
	#main_notice .contents .board_menu {
		position:relative;
		z-index:1;
		margin-right:3rem;
	}
	#main_notice .main_title:after {
		transform:scaleX(-1);
	    bottom: -8.5rem;
		right: inherit;
		left:33rem;
		width: 250px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center bottom;
	}
}
@media all and (max-width:560px){
	#main_notice .main_title:after {
		width:180px;
	}
	#main_notice .contents .board_menu {
		display:block;
	}
	#main_notice .contents .board_menu button {
		width:100%;
	}
}

/* 메인  핫플 */
#main_tour { 
    background-image: url("/theme/basic/img/main_tour_bg01.png"), url("/theme/basic/img/main_tour_bg02.png");
	background-position:right 8rem top 15rem, right 2rem bottom 3rem;
	background-repeat:no-repeat;
}
#main_tour .main_container{ grid-template-columns: 550px calc(100% - 550px);}
#main_tour .theme_color1{
    color: transparent;
    background: linear-gradient(90deg, rgba(23, 161, 175, 1) 0%, rgba(111, 73, 143, 1) 100% );
    background-clip: text;
    -webkit-background-clip: text;
}
#main_tour .theme_color2{ color: #18a1ae; }
#main_tour .theme_color3{ color: #774990; }
#main_tour .theme_bg1{ background-color:#18a1ae; }
#main_tour .theme_bg2{ background-color:#774990; margin-top:12px;}

#main_tour .main_title:after {
	content: '';
    position: absolute;
    bottom: 5rem;
    right: 3rem;
    width: 269px;
    height: 369px;
    background-image: url("/theme/basic/img/main_tour_char.png");
	background-position: center bottom;
	background-repeat:no-repeat;
}
#main_tour .main_title h3 img {
	translate:0 -150%;
}
#main_tour .contents .swiper-slide {
	width:300px;
}
#main_tour .contents .swiper-slide a {
	position:relative;
	display:block;
	height:470px;
	background-repeat:no-repeat;
}
#main_tour .contents a .card {
	position:absolute;
	left:50%;
	translate:-50% 0;
	width:100%;
	height:400px;	
	border-radius:3rem;
	transition:0.3s;
	background-size:110%;
	background-position:center;
}
#main_tour .contents .swiper-slide a:hover .card {
	background-size:120%;
}
#main_tour .contents .con{	
    position: absolute;
	left:50%;
	translate:-50% 0;
	width:250px;
	color:#fff;
	text-align:center;
	padding:5.5rem 2rem 5rem;
	border-radius:3rem;
}
#main_tour .contents a.it01 .card{
	top:0;
	background-image:url("/theme/basic/img/main_tour_item01.jpg");
}
#main_tour .contents .it01 .con{
	bottom:0;
	background-color:rgba(16,162,175,0.9);
}
#main_tour .contents a.it02 .card{
	bottom:0;
	background-image:url("/theme/basic/img/main_tour_item02.png");
}
#main_tour .contents .it02 .con{
	top:0;
	background-color:rgba(227,87,18,0.9);
}
#main_tour .contents a.it03 .card{
	top:0;
	background-image:url("/theme/basic/img/main_tour_item03.png");
}
#main_tour .contents .it03 .con{
	bottom:0;
	background-color:rgba(144,190,31,0.9);
}
#main_tour .contents .con h4 {
	font-size:2.2rem;
	font-weight:400;
	margin-bottom:2rem;
}
#main_tour .contents .con h4 strong{
	font-weight:700;
}
#main_tour .contents .con p {
	line-height:1.5;
	padding-bottom:4rem;
}
#main_tour .contents .con:after {
	position:absolute;
	left:50%;
	bottom:5rem;
	translate:-50% 0;
	content:'';
	width:14px;
	height:14px;
	background-image:url("/theme/basic/img/plus_icon.png");
	transition:0.5s;
}
#main_tour .contents a:hover .con:after {
	rotate:360deg;
}
@media all and (max-width:1280px){
	#main_tour{ 
		background-image:none;
	}
	#main_tour .main_container{ grid-template-columns: 100%;}
	#main_tour .main_title:after {
		transform:scaleX(-1);
		bottom: -5rem;
	}
}
@media all and (max-width:780px){
	#main_tour .main_title h3 {
		word-break:keep-all;
	}
	#main_tour .main_title:after {
		background-size:contain;
		width:180px;
	}
}
@media all and (max-width:580px){	
	#main_tour .main_title:after {
		right:0;
		width:120px;
	}
	#main_tour .main_title h3 img {
		translate:0 -100%;
	}
}
@media all and (max-width:380px){	
	#main_tour .main_title:after {
		background-image:none;
	}
}

.family_site{
	position:relative;
	padding:3rem 0;
	background-color:#f4f4f4;
}
.family_site .inner_container{
	display:grid;
	grid-template-columns: 26rem 1fr;
}
.family_site .family_head {
	display: flex;
	align-items:center;
	gap:2rem;
}
.family_site .family_head h3 {	
	font-weight:500;
	font-size:1.6rem;
	padding-left:2rem;
	background-image:url("/theme/basic/img/familysite_home.png");
	background-repeat:no-repeat;
	background-position: left center;
}
.family_site .family_head h3 img {
	vertical-align:bottom;
}
.family_site .family_head .controller button {
	margin-bottom:3px;
}
.family_site .family_head button {
	border:0;
	background-color:transparent;
}
.family_site .family_head .family-controll {	
	margin: 0 1rem;
}
.family_site #family_swiper {
	width:100%;
}
.family_site .swiper-slide {
	width:238px;
}
.family_site .swiper-slide img {
	width:100%;
	border:1px solid #ddd;
}
@media all and (max-width:1280px){
	.family_site .inner_container{
	    grid-template-columns: 20rem 1fr;
		padding:0 0 0 3rem;
	}
}
@media all and (max-width:640px){	
	.family_site .swiper-slide {
		width:169px;
	}
}
/* 푸터 */
footer {
	background:#fff;
}
footer .top{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
footer .top .ft_menu{
	display: flex;
	justify-content:space-between;
	margin-bottom:4rem;
}
footer .top .ft_menu #ft_1dul{
	display: flex;
	align-items:flex-end;
	gap:4rem;
	padding-bottom:1rem;
}
footer .top .ft_menu #ft_1dul .ft_1da{
	font-size:1.7rem;
	font-weight:700;
}
footer .top .sns {
	display: flex;
	gap:8px;
	margin-bottom:4rem;
}
footer .top .sns a{
	display:block;
	width:50px;
	height:50px;
	border:1px solid #ddd;
	border-radius:50%;
	background-repeat:no-repeat;
	background-position:center;
}
footer .top .sns a:hover {
	border:1px solid #333;
}
footer .top .sns .insta{ background-image:url("/theme/basic/img/ft_insta.png"); }
footer .top .sns .facebook{ background-image:url("/theme/basic/img/ft_facebook.png"); }
footer .top .sns .naver{ background-image:url("/theme/basic/img/ft_naver.png"); }
footer .top .sns .youtube{ background-image:url("/theme/basic/img/ft_youtube.png"); }
footer .top .sns .twitter{ background-image:url("/theme/basic/img/ft_twitter.png"); }

footer .top .webinfo li { 
	display:grid;
	grid-template-columns:8rem 1fr;
	margin-bottom:2rem;
}
footer .top .webinfo li:last-child {
	margin-bottom:0;
}
footer .top .webinfo li span{ 
	color:#01a6b5;
}

footer .bottom { 
	padding-top:3rem;
	padding-bottom:3rem;
	border-top:1px solid #ddd;
}
footer .bottom .inner_container { 
	display:flex;
	justify-content:space-between;
}
footer .bottom a{ 
	font-weight:500;
}
@media (max-width: 1280px) {
	footer .top .ft_menu #ft_1dul {
		gap:2rem;
	}
}
@media (max-width: 1080px) {
	footer .top .ft_menu #ft_1dul {
		display:none;
	}
	footer .bottom .inner_container {
		flex-wrap:wrap;
		gap:3rem;
	}
	footer .bottom .inner_container .copy{
		order:2;
		width:100%;
	}
	footer .bottom .inner_container a{
		order: 1;
	}
}

/* 서브 페이지 공통 */
.ctt_admin, .btn_admin {
	display:none;
}
#ctt {
	padding-top:95px;
	padding-bottom:12rem;
}

.dotlist > li p {
	position:relative;
	padding-left: 1.5rem;
	margin-bottom:1rem;	
}
.dotlist > li p:after{
	content:'';
	position:absolute;
	top:0.55em;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
}

.dottxt {
	position:relative;
	font-size:1.8rem;
	line-height:1.5;
	color:#333;
	padding-left:1.5rem;	
	margin-bottom:1rem;
}
.dottxt:after{
	content:'';
	position:absolute;
	top:0.65em;
	left:0;
	width:5px;
	height:5px;
	border-radius:50%;
}

.theme_btn{transition:0.3s;}

/* 커밍순 */
#ctt .inner_container > img{
	width:100%;
}
.sub_header .inner_container {
	padding-top:9rem;
	padding-bottom:9rem;
	color:#333;
	background-repeat:no-repeat;
}
.sub_header .topname {
	font-size:2.2rem;
	font-weight:bold;
	margin-bottom:1.5rem;
}
.sub_header h3 {
	font-size:5.2rem;
	margin-bottom:3.5rem;
}
.sub_header .subtext {
	font-size:2rem;
}
.path {
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	margin-bottom:11rem;
	background-color:#f6f6f6;
}
.path .sub_ul {
	display:flex;
}
.path .sub_ul > li{
	position:relative;
	border-left:1px solid #e7e7e7;
}
.path .sub_ul > li:first-child{
	text-align:center;
}
.path .sub_ul > li:not(:first-child){
	width:100%;	
	max-width:240px;	
}
.path .sub_ul > li:last-child{
	border-right:1px solid #e7e7e7;
}
.path .sub_ul > li > a{
	display:flex;
	justify-content:center;
	align-items:center;
	width:60px;	
	height:100%;
}
.path .sub_ul > li button{	
	position:relative;
	display:block;
	width:100%;	
	max-width:240px;	
	height:100%;
	font-weight:500;
	font-size:1.6rem;	
	text-align:left;
	padding:2rem 2.2rem;
}

.path .sub_ul > li button span {
	padding-right:5rem;
}
.path .sub_ul > li button:after{
	content:'';
	position:absolute;
	top:50%;
	right:2.3rem;
	width:10px;
	height:6px;
	background-image:url("/theme/basic/img/path_arrow.png");
	background-position:right 3rem center;
	background-repeat:no-repeat;
	background-position:center;
	transition:0.3s;
}
.path .sub_ul > li button.on:after {
	rotate:180deg;
}
.path .slide_ul2{
	position:absolute;
	top:calc(100% + 1px);
	width:100%;
	display:none;	
	z-index:10;
	background-color:#f6f6f6;
}
.path .slide_ul2 a{
	display:block;
	padding:2rem;
	border-bottom:1px solid #ddd;
	transition:0.3s;
}
.path .slide_ul2 a:hover{
	background-color:#c7c6c67d;
}
@media all and (max-width:640px){
	#wrapper .sub_header .inner_container {
		background-image:none;
	}
	.path .sub_ul.inner_container {		
		padding:0;
	}
	.path .sub_ul > li:first-child a{
		text-align:left;
		padding:2rem;
	}
	.path .sub_ul > li button {
		width:100%;
	}
}

/* 게시판 관련 */
.cke_sc {display:none;}
.board_wrap {padding-top:95px;}
/* 리스트 */

/* 댓글*/
#bo_vc {
	margin-bottom:2rem;
	margin-top:7rem;
}
#bo_vc > h2{ 
	padding-bottom:2rem;
	border-bottom:2px solid #333;	
}
#bo_vc h2 > p {
	font-weight:400;
	font-size:1.8rem;
	margin-top:3rem;
}
#bo_vc article {	
	position:relative;
	padding:3rem 0;
	gap:2rem;
	border-bottom:1px solid #ddd;
}
#bo_vc article time{	
	color:#777;
}
#bo_vc article .cmt_contents{	
	line-height:1.5;
}
#bo_vc .bo_vl_opt {
	position:absolute;
	top:3rem;
	right:0;
}
#bo_vc .bo_vl_opt .btn{
	width:5rem;	
	height:5rem;
	padding:0;
	border-radius: 1rem;
}
#bo_vc .bo_vl_opt .btn:hover {
	color:#fff;
	border: 2px solid transparent;
}
#bo_vc .bo_vc_act {
	display:none;
	position:absolute;
	top:110%;
	left:50%;
	translate:-50% 0;
	width:6rem;
	line-height:1.5em;
	text-align:center;
	border:1px solid #333;
	border-radius:1rem;
	padding:1.5rem 0;
	background:#fff;
	z-index:1;
}
#bo_vc .bo_vc_act a:hover {
	font-weight:500;
}
#bo_vc article .cm_wrap header{	
	margin-bottom:1rem;
}
#bo_vc article .cm_wrap .comment_name{	
	padding-right:1rem;
	border-right:1px solid #ddd;
	margin-right:1rem;
}
#bo_vc_empty{
	padding: 5rem 3rem;
}
#bo_vc .bo_vc_w_info{
	margin-top:1rem;
}
#bo_vc .btn_confirm{
	margin:0;
}
#bo_vc .btn_submit {
	width: 100%;
    line-height: 3em;
    border: 1px solid #333;
    margin-top: 1rem;
}
#bo_vc .btn_submit:hover {
	color:#fff;
	border: 1px solid transparent;
}
#bo_vc #wr_content {
	width: 100%;
}
@media all and (max-width:780px){
	#bo_vc .bo_vl_opt .btn{
		width:3rem;
		padding:7px 0;
	}
}

/* 댓글쓰기 */
#bo_vc_w {
	margin-top:7rem;
}
#bo_vc_w h2{
	margin-bottom:3rem;
}
#bo_vc_w form input {
	font-size:1.6rem;
}
#bo_vc_w .bo_vc_top {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:5px;
	margin-bottom:2rem;
}
#bo_vc_w input {
	height:4.5rem;
	line-height:4.5rem;
}
#bo_vc_w .bo_vc_top .chk_box{
	position:relative;
	margin-left:2rem;
}
#bo_vc_w .con_wrap{
	display:grid;
	grid-template-columns:1fr 13rem;
	margin-bottom:2rem;
}
#bo_vc_w .con_wrap > div {
	font-size:0;	
}
#bo_vc_w .con_wrap .btn_confirm {
	margin:0;
}
#bo_vc_w #wr_content {
	width:100%;
	height:140px;
	font-size:1.6rem;
	border-right:0;
}
#bo_vc_w .btn_submit {
	width:100%;
	height:100%;
	font-size:1.6rem;
	color:#fff;
	background-color:#333;
}
#bo_vc_w .btn_submit:hover {
	color:#fff;
	border:1px solid transparent;
}

.bo_vc_w_info .certinput{
	width:100%;
	height:3rem;
	line-height:3rem;
	padding: 0 2rem;
	border:1px solid #ddd;
	border-radius: 5px;
	margin-bottom:1rem;
}
@media all and (max-width:780px){
	#bo_vc_w .bo_vc_top {
		margin-bottom:1rem;
	}
	#bo_vc_w form input:not(.sound_only) {
		width:calc(50% - 3px);
	}
	#bo_vc_w .bo_vc_top .chk_box{
		margin-left:0;
	}
}
@media all and (max-width:640px){
	#bo_vc_empty {
		padding:3rem 1.5rem;
	}
	#bo_vc_w #wr_content {
		height:90px;
	}
}

/* 캡챠 */
#captcha {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:5px;
}
#captcha_key{
	border:1px solid #ddd;
	padding:5px;
}
#captcha button {
	height:4.5rem;
	padding:0 1rem;
}
#captcha input {
	width:15rem;
}
#captcha_mp3 {
	padding:5px;
	border:1px solid #333;
}
#captcha_reload {
	padding:5px;
	border:1px solid #333;
}
#captcha_info {
	margin-left:2rem;
}

/* 이전글 다음글*/
.bo_v_nb {
	border-top: 1px solid #ddd;
	margin-top:5rem;
	margin-bottom: 6rem;
}
.bo_v_nb li {
	display: grid;
	grid-template-columns: 20rem 1fr;
	border-bottom: 1px solid #ddd;
	color: #333;
}
.bo_v_nb li .nb_head{
	padding: 2.5rem 0;
	text-align: center;
	background-color: #f4f4f4;
}
.bo_v_nb li .nb_body{
	padding: 2.5rem 0 2.5rem 3rem;	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.bo_v_nb li .nb_body span{
	color: #999;
}
@media all and (max-width: 640px){
	.bo_v_nb li {
		grid-template-columns: 13rem 1fr;
	}
}


/* 검색 */
#list_search {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 6rem;
}
#list_search > p {
	font-size: 1.8rem;
}
#list_search > p span {
	color:#777;
}
#list_search .input_wrap input,
#list_search .input_wrap select{
	font-size: 1.6rem;
	height: 55px;
	background-repeat: no-repeat;	
	padding-left: 1.5rem;
	border: 1px solid #ddd;
}
#list_search .input_wrap form {
	font-size: 0;
}
#list_search .input_wrap select {
	width: 17rem;
	line-height: 1em;
	appearance:none;	
	margin-right: 5px;
	background-image: url("/theme/basic/img/select_arrow.png");
	background-position: right 1.5rem center;
}
#list_search .input_wrap input[type="text"]{
	width: 23rem;
	padding-right: 4rem;
	border-right :0;
}
#list_search .input_wrap input[type="text"]::placeholder {
	color: #bbb;
}
#list_search .input_wrap input[type="submit"]{
	width: 10rem;
	color:#fff;
	padding:0;
	text-align:center;
	cursor: pointer;
}
@media all and (max-width: 640px){
	#list_search {
		flex-wrap:wrap;
		gap:2rem;
		margin-bottom: 4rem;
	}
	#list_search .input_wrap select {
		width:100%;
		margin-right:0;
		margin-bottom:1rem;
	}
	#list_search .input_wrap input[type="text"] {
		width:calc(100% - 10rem);
	}
}
/*폼요소 공통*/

/* 페이징 스타일링 */
.pg_wrap {margin:6rem 0 30px;text-align:center; }
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center; font-size: 0;}
.pg_numwrap { display: inline-block; }
.pg_numwrap a:not(:last-child) { margin-right:5px; }
.pg_page, .pg_current,.qa_page {display:inline-flex; align-items: center; justify-content: center; border:1px solid #e2e2e2; }
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page,.qa_page {color:#070506; font-size: 1.6rem; height:40px;width:40px;text-decoration:none;}
.pg_page:hover,.qa_page:hover {border: 1px solid #333;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/pg_start.png') no-repeat center;padding:0;border:1px solid #eee;  border-right: 0; }
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/pg_prev.png') no-repeat center;padding:0;border:1px solid #eee; margin-right: 12px;}
.pg_start.pg_disabled {background-image:url('../img/pg_start_disabled.png');}
.pg_prev.pg_disabled {background-image:url('../img/pg_prev_disabled.png');}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/pg_end.png') no-repeat center;padding:0;border:1px solid #eee;  border-left: 0;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/pg_next.png') no-repeat center;padding:0;border:1px solid #eee; margin-left: 12px;}
.pg_end.pg_disabled {background-image:url('../img/pg_end_disabled.png'); }
.pg_next.pg_disabled {background-image:url('../img/pg_next_disabled.png');}
.pg_disabled { cursor: not-allowed; }
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {background:#333;border:0; color:#fff; font-size: 1.6rem; height:40px;width:40px; text-decoration:none; }
.pg_current:last-child, .pg_page:last-child {margin-right: 0;}
 

/*파일*/
#bo_v_file {
	color: #333;
	display: grid;
	align-items: center;
	grid-template-columns: 160px 1fr;
	padding: 2rem 4rem;
	border: 1px solid #333;
	border-radius:3rem;
	margin-bottom: 1.5rem;
}
#bo_v_file > p {
	font-weight:500;
}
#bo_v_file .view_file_download {
	position:relative;	
	color: #333;
	display: block;
	padding: 1rem 4rem;
	word-break: break-all;
}
#bo_v_file .view_file_download:after {		
	content:'';
	position:absolute;
	left:0;
	top:50%;
	translate:0 -50%;
	width:26px;
	height:26px;
	border-radius:5px;	
	border:1px solid #ddd;
	background-image: url("/theme/basic/img/file.png");
	background-repeat: no-repeat;
	background-position: center;
	transition:0.3s;
}
#bo_v_file .view_file_download:hover:after {	
	border:1px solid transparent;
	background-image: url("/theme/basic/img/file_w.png");
}
@media all and (max-width:640px){
	#bo_v_file{
		padding:2rem;
		grid-template-columns: 1fr;
	}	
}
/* 링크 */
#bo_v_link {
	 color: #333;
    display: grid;
    align-items: center;
    grid-template-columns: 160px 1fr;
    padding: 2rem 4rem;
    border: 1px solid #333;
	border-radius:3rem;
    margin-bottom: 7rem;
}
#bo_v_link h4 {
	font-weight:500;
}
#bo_v_link li a{
	position:relative;
	display:block;
	color: #333;
    padding: 1rem 4rem;
	word-break: break-all;
}

#bo_v_link li a:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	translate:0 -50%;
	width:26px;
	height:26px;
	border-radius:5px;	
	border:1px solid #ddd;
	background-image: url("/theme/basic/img/bd_link.png");
	background-repeat: no-repeat;
	background-position: center;
	transition:0.3s;
}
#bo_v_link li a:hover:after{
	border:1px solid transparent;
	background-image: url("/theme/basic/img/bd_link_w.png");
}
@media all and (max-width:640px){
	#bo_v_link{
		padding:2rem;
		grid-template-columns: 1fr;
	}	
}

/* 푸터버튼 */
.list_footer {
	position:relative;
}
.list_footer .write_btn {
	position:absolute;
	top:0;
	right:0;
	display:flex;
	align-items: center;
	justify-content:center;
	height:100%;
	font-weight:500;
	width:12rem;
	border:1px solid #333;
	border-radius:5rem;
}
.list_footer .write_btn:hover{
	color:#fff;
	border:1px solid transparent;
}

.btn_bo_user {
	display:flex;
	justify-content:space-between;
}
.btn_bo_user .more_opt{
	display:flex;
	gap:5px;
}
.btn_bo_user .more_opt button{
	padding:5px 10px;
	border:1px solid #333;
}

@media all and (max-width: 640px){
	.pg_wrap { margin: 4rem 0 20px; }
	.list_footer .write_btn {
		position:static;
		width:100%;
		height:4rem;
		margin-bottom:3rem;
	}
}
 @media all and (max-width:540px){
	.blist_wrap {
		margin-bottom:0;
	}
	.pg_wrap {
		margin:2rem 0 20px;
	}
}
@media all and (max-width: 340px){
	.pg_page, .pg_current, .qa_page { width: 30px; height: 30px;}
}