@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll; font-size:10px; color:#222;}

@media all and (max-width:480px){
	html {font-size:8px;}
}
body {margin:0;padding:0;font-size:1.6rem;font-family:'Paperlogy', dotum, sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Paperlogy', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
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:'Paperlogy', dotum, sans-serif;font-size:1em}
button {cursor:pointer; background-color:#fff;}
textarea, select {font-family:'Paperlogy', dotum, 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;text-decoration:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

*, :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}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;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: #005ddd;
}
#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;
	margin:0 auto;
	overflow:hidden;
}
#pop_renew .swiper .swiper-slide{
	width:400px;
	font-size:0;
}
#pop_renew .swiper .swiper-slide img{
	width:100%;
}
#pop_renew .pop_bottom {
	position:relative;
	width:250px;
	font-size:1.6rem;	
	color:#fff;
	margin:0 auto;
}
#pop_renew .pop_bottom input {
	position:absolute;
	top:0;
	left:0;
	appearance: none
}
#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:focus + .checkbox {
	outline:2px solid #fff;
	outline-offset:2px;
}
#pop_renew .pop_bottom input:checked + .checkbox {
	background-color:#005ddd;
}
#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:#005ddd;
	box-shadow: rgba(0, 98, 221, 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;width:1px;height:1px;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}

/* 본문 바로가기 */
#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
}

/* 캡챠 스타일링 plugin/kcaptcah/kcaptcha.lib.php */
#captcha{
	display:grid;
	grid-template-columns:1fr 7rem 7rem;
	gap:1rem;
}
#captcha .captcha_img_box {
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #333;	
}
#captcha_audio {
	order:5;
}
#captcha_mp3, #captcha_reload {
	height:7rem;
	font-size:0;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#4b4b4b;
}
#captcha #captcha_mp3 { background-image:url("/theme/basic/img/captcha_mp3.png"); }
#captcha #captcha_reload { background-image:url("/theme/basic/img/captcha_reload.png"); }
#captcha #captcha_key {
	order:4;
	grid-column:1 / 4;
	padding-left:4rem;
}

/* 공통 페이지너비, 테마 컬러등 */
.hidden{position:absolute;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.inner_container{
	width:100%;
	max-width:1320px;
	margin:0 auto;
}
.theme_color {
	color:#005ddd;
}
@media all and (max-width:1320px){
	.inner_container {
		padding:0 3rem;
	}
}
@media all and (max-width:640px){
	.inner_container {
		padding:0 1.5rem;
	}
}

/*헤더*/
#hd .topbar {
	text-align:center;
	background-color:#023b8a;
	overflow:hidden;
}
#hd .topbar span {
	display:inline-block;
	font-size:1.8rem;
	color:#fff;
	max-width:650px;
	width:100%;
	padding:2rem 0;
	background-image:url("/theme/basic/img/topbar_bg01.png"), url("/theme/basic/img/topbar_bg02.png");
	background-repeat:no-repeat;
	background-position: left 20px bottom, right 5px;	
}
#hd_wrapper {
	background-color:#eafcfe;
}
.gnb_wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:3rem 0;
}
.btngnb{
	display:flex;		
	align-items:center;
}
#gnb_1dul {
	display:flex;	
}
#gnb_1dul .gnb_1dli{
	position:relative;
	padding:0 1rem;
}
#gnb_1dul .gnb_1dli:after {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	translate:0 -50%;
	width:1px;
	height:12px;
	background-color:#92a1b7;
}
#gnb_1dul .gnb_1dli:first-child {
	padding-left:0;
}
#gnb_1dul .gnb_1dli:last-child {
	padding-right:0;
}
#gnb_1dul .gnb_1dli:last-child:after {
	content:none;
}
.gnb_menu_btn{
	position:relative;
	width:55px;
	height:55px;
	border-radius:50%;
	border:0;
	margin-right:2rem;
	background-color:#023b8a;
}
.gnb_menu_btn span {
	position:absolute;
	left:50%;
	translate:-50% -50%;
	width:20px;
	height:2px;	
	background-color:#fff;
}
.gnb_menu_btn .b1 {
	top:calc(50% - 6px);
}
.gnb_menu_btn .b2 {
	top:50%;
}
.gnb_menu_btn .b3 {
	top:calc(50% + 6px);
}

#gnb_1dul .gnb_1da{
	position:relative;
	color:#111;
	font-size:2rem;
}
#gnb_1dul .gnb_1da:hover{
	font-weight:bold;
	color:#023b8a;
}
#gnb_1dul .active .gnb_1da{
	font-weight:bold;
	color:#023b8a;
}
#gnb_1dul .active .gnb_1da:after{
	content:'';
	position:absolute;
	bottom:-20px;
	left:50%;
	translate:-50% 0;
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:#023b8a;
}
#gnb_1dul .gnb_2dul{
	display: none;
	position:absolute;
	top:100%;
	left:50%;
	translate:-50% 0;
	width:100%;
	background-color:#fff;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	z-index:1000;
}
#gnb_1dul .gnb_2da{
	display:block;
	text-align:center;
	padding:1.5rem 0;
}
#gnb_1dul .gnb_2da:hover{
	background:#ddd;
}
@media all and (max-width:1200px){
	.gnb_wrap {
		position:relative;
		flex-direction: row-reverse;
		padding:5rem 0;
	}
	.gnb_wrap h1 {
		position:absolute;
		top:50%;
		left:50%;
		translate:-50% -50%;
	}
	#gnb_1dul{
		display:none;
	}
	.gnb_menu_btn {
		width:80px;
		height:80px;
	}
}
@media all and (max-width:640px){
	#hd .topbar span {
		background-image:none;
	}
}
@media all and (max-width:480px){
	.gnb_wrap {
		padding:4rem 0;
	}
	.gnb_wrap h1 {
		width:130px;
	}
	.gnb_wrap h1 img {
		width:100%;
	}
	.gnb_menu_btn {
		width:50px;
		height:50px;
	}
}


/* 전체메뉴 */
#gnb_all {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	padding:20rem 10rem;
	background-color:rgba(0,0,0,0.3);
	z-index:5000;
	backdrop-filter: blur(16px);
	background-color:rgba(0,0,0,0.5);
	overflow:auto;
}
#gnb_all .gnb_al_ul {
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	text-align:center;
	opacity:0;	
	transition-property:opacity;
	transition-delay:0.5s;
	transition-duration:0.5s;
}
#gnb_all .gnb_al_ul.show {
	opacity:1;
}
#gnb_all .gnb_al_ul .gnb_al_li {
	margin-bottom:5rem;
}
#gnb_all .gnb_al_ul .gnb_al_a {
	display:block;	
	font-size:4rem;	
	font-weight:bold;
	color:#fff;
}
#gnb_all .gnb_al_ul2 {
	margin-top:2rem;
}
#gnb_all .gnb_al_li2 {
	padding:1rem 0;
}
#gnb_all .gnb_al_li2 a {
	color:#fff;
}
#gnb_all .gnb_close_btn {
	position:absolute;
	top:60px;
	right:60px;
	width:50px;
	height:50px;
	border:0;
	background-color:transparent;
}
#gnb_all .gnb_close_btn span{
	position:absolute;
	top:50%;
	left:50%;
	translate:-50% -50%;
	display:inline-block;
	width:100%;
	height:2px;
	background-color:#fff;
}
#gnb_all .gnb_close_btn span:nth-child(1){
	rotate:45deg;
}
#gnb_all .gnb_close_btn span:nth-child(2){
	rotate:-45deg;
}
@media all and (max-width:1500px){
	#gnb_all .gnb_al_ul .gnb_al_a {
		font-size:3.2rem;
	}
}
@media all and (max-width:1200px){
	#gnb_all {
		padding:0;
	}
	#gnb_all .gnb_al_ul{		
		display:block;
		position:absolute;
		right:0;
		top:0;
		width:80%;
		height:100vh;
		text-align:left;
		padding: 10rem 3.64% 20px 20px;
		background-color:#fff;
		opacity:1;
	}
	#gnb_all .gnb_al_ul .gnb_al_a {
		position:relative;
		font-weight:500;
		font-size:2.4rem;
		color:#000;
	}
	#gnb_all .gnb_al_ul li .gnb_al_a:after {
		position:absolute;
		top:50%;
		right:10px;
		translate:0 -50%;
		content:'';
		width:10px;
		height:10px;
		rotate:135deg;
		border-right:2px solid #333;
		border-top:2px solid #333;
		transition:0.3s;
	}
	#gnb_all .gnb_al_ul .gnb_al_a.active:after {
		rotate:-45deg;
	}
	#gnb_all .gnb_al_ul2 {
		display:none;
	}
	#gnb_all .gnb_al_li2 a {
		color:#000;
	}
	#gnb_all .gnb_close_btn {
		top:20px;
		right:20px;
	}
	#gnb_all .gnb_close_btn span {
		background-color:#333;
	}
}


/* =================================== */
/* 메인 */
/* =================================== */

/* 메인 타이틀 공통 */
.sec_title {
	margin-bottom:5rem;
}
.sec_title > p {
	font-weight:bold;
	font-size:1.8rem;
	padding:13rem 0 4rem;
}
.sec_title .title_head {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
.sec_title .title_head h3 {
	font-size:5rem;
}
.sec_title .title_head h3 strong {
	font-weight:600;
}
.sec_title .title_head a {	
	font-size:1.8rem;
	padding-right:65px;;
	background-image:url("/theme/basic/img/maintitle_arrow.png");
	background-repeat:no-repeat;
	background-position:right bottom 2px;
}
.sec_title .title_head a:hover{
	color:#777;
}
@media all and (max-width:640px){
	.sec_title .title_head h3 {
		font-size:4rem;
	}
	.sec_title .title_head a {
		height:17px;
	}
	.sec_title .title_head a strong {
		display:none;
	}
}

/* 메인배너 */
.mainbanner_wrap {
	background: linear-gradient(0deg, rgba(255,255,255,0) 30%, rgba(234,252,254,1) 30%, rgba(234,252,254,1) 100%);
}

/* 입점업체 */
.enter_wrap {
	margin-bottom:13rem;
}

/* 판매 제품 */
.product_wrap {
	position:relative;
}
.product_wrap .contents{
	display:grid;
	grid-template-columns:1fr 1fr;
	height:690px;
}
.product_wrap .info{	
	color:#fff;
	padding-top:11rem;
	padding-left:30rem;
	border-radius:0 20rem 0 0;	
	background-color:#00a3ff;
	background-image:url('/theme/basic/img/product_bg.png');
	background-position:left bottom -35rem;
	background-repeat:no-repeat;
}
.product_wrap .info strong{
	display:inline-block;
	font-size:1.8rem;
	margin-bottom:3rem;
}
.product_wrap .info h3{	
	font-weight:600;
	font-size:5rem;
	margin-bottom:5rem;
}
.product_wrap .info .pg_button button{	
	width:70px;
	height:70px;
	border:0;
	background-color:#fff;
}
.product_wrap .swiper{	
	position:absolute;
	top:50%;
	right:0;
	translate:0% -50%;
	width:67%;
	overflow:hidden;
}
.product_wrap .swiper .swiper-slide {	
	display:grid;
	grid-template-columns:610px 1fr;
	font-weight:600;
	width: 980px;
}
.product_wrap .swiper .swiper-slide img {
	border-radius:3rem;
}
.product_wrap .swiper .swiper-slide > div {
	padding-left:6rem;
	background-color:#fff;
}
.product_wrap .swiper .swiper-slide .pro_tit {
	font-size:5rem;
	padding-top:5rem;
	margin-bottom:3rem;
	background-repeat:no-repeat;
}
.product_wrap .swiper .swiper-slide.pro_item01 .pro_tit {	
	background-image:url("/theme/basic/img/product_title01.png");
	background-position:120px 20px;
}
.product_wrap .swiper .swiper-slide.pro_item02 .pro_tit {	
	background-image:url("/theme/basic/img/product_title02.png");
	background-position:left 140px bottom 15px;
}
.product_wrap .swiper .swiper-slide .text {
	min-height:21rem;
	font-size:1.8rem;
	font-weight:400;
	line-height:1.6;
}
.product_wrap .swiper .swiper-slide a {
	display:inline-block;
	width:200px;
	color:#fff;
	text-align:left;
	padding:2rem 3.5rem 2rem 2rem;
	border-radius:3rem;
	background-image:url('/theme/basic/img/btn_arrow_w.png');
	background-position: right 2rem center;
	background-repeat:no-repeat;
}
.product_wrap .swiper .swiper-slide.pro_item01 a {	
	background-color:#fc5a37;
}
.product_wrap .swiper .swiper-slide.pro_item02 a {	
	background-color:#47c7f6;
}
@media all and (max-width:1600px){
	.product_wrap .info {
		padding-left: 15rem;
	}
	.product_wrap .swiper {
		width:980px;
	}
}
@media all and (max-width:1380px){	
	.product_wrap .contents {
	    grid-template-columns: 1fr;
		height:inherit;
	}
	.product_wrap .info {
		border-radius:0;
		padding-left: 3rem;
		padding-bottom:100rem;
		background-color:transparent;
		background-image:url('/theme/basic/img/product_bg_m.png'), linear-gradient(180deg,rgba(0, 163, 255, 1) 50%, rgba(255, 255, 255, 0) 50%);
		background-position:right top -100rem, right top;
		background-size:1380px, cover;
		background-repeat:no-repeat;
	}
	.product_wrap .pg_button {
		position:absolute;
		max-width:680px;
		top:38%;
		left:50%;
		translate:-50% 0;
		display:flex;
		width:100%;
		justify-content:space-between;
		z-index:1;
	}
	.product_wrap .swiper {
		top:22%;
		right:50%;
		translate:50%;
		width:95%;
	}
	.product_wrap .swiper .swiper-slide {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align:center;
	}	
	.product_wrap .swiper .swiper-slide > div {
		padding-left:0;
		background:transparent;
	}
	.product_wrap .swiper .swiper-slide.pro_item01 .pro_tit {
	    background-position: 180px 24px;
	}
	.product_wrap .swiper .swiper-slide.pro_item02 .pro_tit {
		width:340px;
		background-position: left 240px bottom 15px;
	}
	.product_wrap .swiper .swiper-slide a {
		width:250px;
		padding: 3rem 4rem;
		border-radius:5rem;
		background-size:50px;
		background-position: right 4rem center;
	}
}
@media all and (max-width:640px){
	.product_wrap .info {	
        padding-bottom: 160%;
		background-position:right top -40rem, right top;
		background-size:640px, cover;
	}
	.product_wrap .swiper .swiper-slide img {
		width:100%;
	}
}
@media all and (max-width:480px){
	
	.product_wrap .info {	
		padding-top: 15%;
		padding-bottom: 190%;
		background-position:right top -500px, right top;
	}
	.product_wrap .info strong {
		margin-bottom:3%;
	}
	.product_wrap .info h3 {
		margin-bottom:5%;
	}
	.product_wrap .swiper .swiper-slide img {
		width:100%;
	}
	.product_wrap .pg_button {
		top:35%;
	}
}


/*볼거리 즐길거리*/
.interact_wrap{
	padding-bottom:13rem;
	background-color:#f1faff;
	overflow:hidden;
}
.interact_wrap .swiper{
	position:relative;
	max-width:1440px;
	margin: 0 auto;
	overflow:visible;
}
.interact_wrap .swiper .swiper-slide { 
    width: 420px;
}
.interact_wrap .swiper .swiper-slide a:focus {
	outline:none;
}
.interact_wrap .swiper .pg_button {
	position:absolute;
	top:calc(50% - 6rem);
	left:0;
	z-index:1;
	display:flex;
	justify-content:space-between;
	width:100%;
}
.interact_wrap .swiper .pg_button button {
	width:70px;
	height:70px; 
	border:0;
	background-color:#005ddd;
}
@media all and (max-width:1320px){	
	.interact_wrap .swiper .pg_button {
		left: -3rem;
		width:calc(100% + 6rem);
	}
}
@media all and (max-width:640px){	
	.interact_wrap .swiper .pg_button {
		left: -1.5rem;
		width:calc(100% + 3rem);
	}
}

/* 공지사항, 
오시는 길 */
.notice_wrap {
	position:relative;
	padding-bottom:8.5rem;
}
.notice_wrap .inner_container{
	display: grid;
	grid-template-columns: calc(50% - 3.5rem) calc(50% - 3.5rem);
	gap:7rem;
}
.notice_wrap #daumRoughmapContainer1744006190056{
	width:100%;
	border-radius:3rem;
}
.notice_wrap .map .root_daum_roughmap .cont .section.lst,
.notice_wrap .map .root_daum_roughmap .wrap_controllers,
.notice_wrap .map .root_daum_roughmap .wrap_btn_zoom,
.notice_wrap .map .root_daum_roughmap .border1,
.notice_wrap .map .root_daum_roughmavp .border2,
.notice_wrap .map .root_daum_roughmap .border3,
.notice_wrap .map .root_daum_roughmap .border4,
.root_daum_roughmap .map > div:nth-child(2) {
	display:none;
}
@media all and (max-width:1320px){
	.notice_wrap {
		padding-bottom:0;
	}
	.notice_wrap .inner_container{
		grid-template-columns: 100%;
		padding:0;
	}
	.notice_wrap .coustomer{
		padding:0 3rem;
	}
	.notice_wrap .map .sec_title{
		padding:0 3rem;
	}
	.notice_wrap #daumRoughmapContainer1744006190056 {
		height:430px;
		border-radius:0;
	}
}
@media all and (max-width:640px){
	.notice_wrap .coustomer{
		padding:0 1.5rem;
	}
	.notice_wrap .map .sec_title{
		padding:0 1.5rem;
	}
}
/* =================================== */
/* 푸터 */
/* =================================== */
#ft{
	color:#b4a7a2;
	padding:27rem 0 6rem;
	background-color:#564944;
	background-image:url("/theme/basic/img/ft_bg.jpg"), url("/theme/basic/img/ft_bg2.jpg");
	background-repeat:no-repeat, repeat-x;
	background-position:center top;
}
#ft .inner_container{	
	display:grid;
	grid-template-columns: 18rem 1fr;
}
#ft .provision{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:5rem;
}
#ft .provision li:not(:last-child)  {
	position:relative;
	padding-right:4rem;
	margin-right:4rem;
}
#ft .provision li:not(:last-child):after {
	content:'';
	position:absolute;
	top:50%;
	translate:0 -50%;
	right:0;
	width:1px;
	height:15px;
	background-color: #b4a7a2;
}
#ft .provision a {
	color:#fff;
	font-size:2rem;
}
#ft .detail {
	font-size:1.8rem;
	margin-bottom:2rem;
}
#ft .detail > p {
	margin-bottom:1.5rem;
}
#ft .detail .info {
	display:flex;
	flex-wrap:wrap;
	gap:1.5rem;
}
#ft .detail strong{
	color:#fff;
}
#ft .copy{
	font-size:1.8rem;
	margin-bottom:3rem;
}
#ft .familysite {
	width:100%;
	display:flex;
	gap:1rem;
}
#ft .familysite img {
	width:100%;
}
@media all and (max-width:1920px){
	#ft{
		background-position:left top;
	}
}
@media all and (max-width:1320px){
	#ft{
		background-position:left top -80px;
	}
}
@media all and (max-width:980px){
	#ft .inner_container {
		    grid-template-columns: 1fr;
	}
	#ft .left {
		display:none;
	}
}

/* 서브 페이지 공통 */
.ctt_admin, .btn_admin {
	 display:none; 
}

/* 서브 헤더 */
.sub_header {
	margin-top:4rem;
	margin-bottom:9rem;
}
.path_ul {
	margin-bottom:10rem;
}
.path_ul {
	display:flex;
}
.path_ul > li{
	position:relative;
	padding-right:1.5rem;
	margin-right:1rem;
}
.path_ul > li:not(:last-child):after{
	content:'';
	position:absolute;
	top:50%;
	right:0;
	translate:0 -50%;
	width:3px;
	height:3px;
	border-radius:50%;
	background-color:#a1a1a1;
}
.path_ul > li button{	
	position:relative;
	font-weight:500;
	font-size:1.5rem;	
	border:0;
	color:#a1a1a1;
}
.path_ul > li:last-child button{
	font-weight:bold;
	color:#023b8a;
}
.path_ul > li button .arrow{	
	display:inline-block;
	width:18px;
	height:18px;
	border-radius:50%;
	margin-left:5px;
	vertical-align:middle;
	background-image:url("/theme/basic/img/path_arrow.png");
	background-position:4px center;
	background-repeat:no-repeat;
	background-color:#a1a1a1;
	transition:0.3s;
}
.path_ul > li button.on .arrow {
	rotate:180deg;
}
.path_ul > li:last-child button .arrow{
	background-color:#023b8a;
}
.path_ul .path_ul2{
	position:absolute;
	top:calc(100% + 10px);
	width:18rem;
	display:none;	
	z-index:10;
	padding:2.5rem;
	border:1px solid #ddd;
	background-color:#fff;
}
.path_ul .path_ul2 a{
	display:block;
	font-weight:bold;
	font-size:15px;
	padding:1rem 0;
	transition:0.3s;
}
.path_ul .path_ul2 a:hover{
	color:#023b8a;
}
.sub_ul {
	margin-bottom:11rem;
}
.sub_ul .slide_ul2 {
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, auto));
}
.sub_ul .slide_ul2 li a {
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.8rem;
	height:70px;
	border:1px solid #ddd;
	border-right:0;
	background-image: linear-gradient(90deg, #fff 0%, #fff 40%, #023b8a 41%, #023b8a 100%);
	background-size:300%;
	background-position:left center;
	transition:0.5s;
}
.sub_ul .slide_ul2 li:last-child a {
	border-right:1px solid #ddd;
}
.sub_ul .slide_ul2 li a.active {
	color:#fff;
	font-weight:600;
	background: linear-gradient(90deg, #023b8a 0%, #023b8a 100%);
}
.sub_ul .slide_ul2 li a:hover, .sub_ul .slide_ul2 li a:focus {	
	color:#fff;
	background-position:right 10% center;
}
.sub_header h2{
	font-size:5rem;
	text-align:center;
	margin-bottom:8rem;
}
.sub_header h3{
	font-size:5rem;
	padding-bottom:7rem;
	border-bottom:2px solid #333;
}
@media all and (max-width:1280px){
	.subbanner {
		border-radius:0;
	}
}
@media all and (max-width:640px){
	.sub_header .pagetop {
		flex-direction:column;
		align-items: flex-start;
		gap:3rem;
	}
	.path_ul {		
		padding:0;
	}
	.path_ul > li:first-child a{
		text-align:left;
		padding:2rem;
	}
	.path_ul > li button {
		width:100%;
	}
	.sub_ul .slide_ul2 {		
		grid-template-columns: repeat(2, 1fr);
	}
	.sub_ul .slide_ul2 li a {	
		border-bottom:0;
	}
	.sub_ul .slide_ul2 li:nth-child(2n) a {
		border-right:1px solid #ddd;
	}
	.sub_ul .slide_ul2 li:last-child a {
		border-bottom:1px solid #ddd;
	}
}

/* 인풋 공통 스타일링*/
.chk_box .checkbox {
	display:inline-block;
	width:2rem;
	height:2rem;
	border:1px solid #ddd;
	border-radius:5px;
	margin-right:5px;
}
.chk_box input{
	
}
.chk_box input:checked + .checkbox{
	background-color: #1466f3;
	background-image:url("/theme/basic/img/chk.png");
	background-repeat:no-repeat;
	background-position: center;
}
/* 게시판 관련 */
.cke_sc {display:none;}
/* 댓글*/
#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;
	}
}
/* 이전글 다음글*/
.bo_v_nb {
	border-top: 1px solid #ddd;
	margin-bottom: 6rem;
}
.bo_v_nb li {
	display: grid;
	grid-template-columns: 20rem 1fr;
	font-size:1.8rem;
	border-bottom: 1px solid #ddd;	
}
.bo_v_nb li .nb_head{
	padding: 2rem 0;
	text-align: center;
	background-color: #f4f4f4;
}
.bo_v_nb li .nb_body{
	padding: 2rem 0 2rem 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: 12rem;
	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;
	background-color:#005ddd;
}
@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_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 .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");
	background-color:#005ddd;
}
@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 li {
	overflow:hidden;
}
#bo_v_link li a{
	position:relative;
	display:block;
	color: #333;
    padding: 1rem 4rem;
	word-break: break-all;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#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");
	background-color:#005ddd;
}
@media all and (max-width:640px){
	#bo_v_link{
		padding:2rem;
		grid-template-columns: 100%;
	}	
}
/* 글 상세 */
#bo_v_con img {
	max-width:100%;
}


/* 푸터버튼 */
.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;
	background-color:#005ddd;
}

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