html{font-size:20px;}
body{font-size:1rem;}

.tablet{display:none;}
.mob{display:none;}
img, i{vertical-align:middle;}
.mobbr{display:none;}

.inner{width:1625px;margin:0 auto;}

/* 로그인 전 */
.gnb .log{display:inline-block; vertical-align:top; z-index:100;font-size:0.8rem;color:#666;}
.gnb .log li{position:relative;  display:inline-block;}
.gnb .log li:before{ content : ""; display : block; position : absolute; left :-15px; top:50%;  margin-top:-2px; width : 4px; height : 4px; background : #fff; border-radius:50%; }
.gnb .log li:first-child:before{display:none;}
.gnb .log li:before{display: none;}
.gnb .log li a{color:#666;}

/* 로그인 후 관리자님 */
.gnb .log_box{display:inline-block; vertical-align:top; z-index:500; cursor: pointer;color:#666; height:1.5rem;  line-height: 1.5rem; }
.gnb .log_box img{ width: 1rem; vertical-align: middle; display: inline-block; margin-right:5px;}
.gnb .log_box i, .gnb .log_box a{color: #666; margin-left:10px;}

  
/* 클릭시 내려옴 */
.gnb .login_list{position:absolute; top:40px; right:0; background: #fff; z-index:500; display: none; padding:0 20px 15px; text-align:left;}
.gnb .login_list li{display: block; padding: 5px 10px; font-size: .75rem; height:auto; line-height:1; }
.gnb .login_list li:nth-of-type(1){position: relative; padding:10px 0; margin-bottom:10px;}
.gnb .login_list li:nth-of-type(1):after{content : ""; display : block; position : absolute; bottom:0; left :50%; transform: translateX(-50%); width: 100%; height:1px; background: #ddd;}
.gnb .login_list li:nth-of-type(1) p img{width: 1.5rem;padding-right: 5px;}
.gnb .login_list li b{font-weight:500;}

/*검색*/
.search{display:inline-block; margin-right:30px;}
.search_area{width: 9rem; border-radius: 1rem; overflow: hidden; position: relative;}
.search_area label{display:none;}
.search_area input.insearch{  float: left; display: inline-block; font-size:0.7rem;  margin: 0;  padding: 0 0 0 20px;  width:calc(100% - 2rem);  height:1.5rem;  line-height: 1.5rem;  border: none;   color: #4B4F58; background-color:#f4f4f4 ;font-weight: 400; box-sizing:border-box; border-radius:0;}
.inbtn {  float: left;  display: inline-block;  margin: 0;  padding: 0 0 0px 0;  border: none;  color: #999;   text-align: center;}
 a.inbtn {  padding: 0 0 0 0;  width: 2rem;  height:1.5rem; line-height: 1.5rem;  color:#fff; font-size:0; background: #f4f4f4 url("/images/default/main/search.png") no-repeat center center; background-size:.9rem .9rem;}

/*탑메뉴*/

/*주요 프로그램 탑메뉴 예외*/
.header_inner #nav ul.excep{background: #641d91; width:580px; height:160px; text-align:left; padding:1.5rem; position:absolute; box-sizing:border-box;font-size:0.85rem; left:40%;}
.header_inner #nav ul.excep > li{display:block; height:auto; position:static; margin-bottom:10px;}
.header_inner #nav ul.excep > li > a{ color:#fff; font-weight:normal; background:url(/images/default/main/plus.png) no-repeat right center; padding-right:30px;}
.header_inner #nav ul.excep > li > a.on{ color:#fff; font-weight:normal; background:url(/images/default/main/minus.png) no-repeat right center; padding-right:30px;}
.header_inner #nav ul.excep > li.on > a{color:#f9e183;  text-decoration:underline !important; background:url(/images/default/main/minus.png) no-repeat right center;}
.header_inner #nav ul.excep > li > ul{display:block; position:absolute; left:380px; top:1.5rem; padding:0; width:260px;}
.header_inner #nav ul.excep > li > ul:before{content : ""; display : block; position : absolute; left : -25px; top:0;  width :1px; height : 100%; background : #8c57ad;}
.header_inner #nav ul.excep > li > ul > li{width:50%; float:left;text-align:left; margin-top:0; margin-bottom:10px; position:relative; padding-left:10px;}
.header_inner #nav ul.excep > li > ul > li:before{content : ""; display : block; position : absolute; left : 0; top:13px;  width :6px; height : 1px; background : #fff;}
.header_inner #nav ul.excep > li > ul > li a{font-size:0.8rem !important; }
.header_inner #nav ul.excep > li a:hover{color:#f9e183;  text-decoration:underline !important;}



/*사이드 메뉴*/

.main_side {position: fixed;top: 0;right: 0;z-index: 50;width: 95px;height: 100vh;background-color: #fff;border-left: 1px solid #ddd;}
.main_side .side-btn{position:absolute;bottom:0;}
.main_side .side-btn a{font-size:0.7rem;color:#231816;font-weight:600;text-align:center;display:flex;height:5.5rem; flex-direction:column;justify-content:center;align-items:center;padding:0 0.5rem;background:#ffe700;}
.main_side .side-btn a:nth-child(2) {background:#fff;}
.main_side .side-btn a:nth-child(3) {background:#eae6ff;}
.main_side .side-btn a:nth-child(4) {background:#333;color:#fff;}
.main_side .side-btn a:nth-child(5) {background:#40318b;color:#fff;}
.main_side .side-btn a img{margin-bottom:5px;}
.main_side .sns {position:absolute;bottom:28rem;left:50%;transform:translateX(-50%);}
.main_side .sns li{margin-bottom:2rem;}
.main_side .sns li a{display:inline-block;width:1.4rem;height:1.45rem;background:url(/images/default/main/sns-icon01.png)no-repeat center center; background-size:cover;}
.main_side .sns li:nth-child(2) a{background:url(/images/default/main/sns-icon02.png)no-repeat center center; background-size:cover;}
.main_side .sns li:nth-child(3) a{background:url(/images/default/main/sns-icon03.png)no-repeat center center; background-size:cover;}

.main_side .sns li a:hover{background:url(/images/default/main/sns-icon01-on.png)no-repeat center center; background-size:cover;}
.main_side .sns li:nth-child(2) a:hover{background:url(/images/default/main/sns-icon02-on.png)no-repeat center center; background-size:cover;}
.main_side .sns li:nth-child(3) a:hover{background:url(/images/default/main/sns-icon03-on.png)no-repeat center center; background-size:cover;}
	.main_side .sns li{margin-bottom:0.5rem;}
@media (max-width:1720px){

}


@media (max-width:1500px){
	.main_side {width:3rem;}
	.main_side .sns{bottom:15rem;}

}




/*비주얼*/
#visual {width: calc(100% - 4.75rem); height:43rem; position:relative;  background-size:cover;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;}
#visual h3{font-size:2rem;}
#visual h3 b{font-size:3.75rem;font-weight:800;line-height:1;margin:0.15rem 0 2rem 0;display:inline-block;}
#visual .swiper {width: 100%;overflow:hidden;height:100%;width:100%;}
#visual .vtxt{padding-bottom:4rem;}

#visual .swiper-wrapper {z-index: 0;}
#visual .swiper .swiper-slide {display:flex;justify-content:center;align-items:center;}
#visual .swiper-pagination-visual{position:absolute;bottom:12.5rem;z-index:1;}
#visual .swiper-pagination-visual span{width:10px;height:10px;background:#fff;margin:0 0.675rem;opacity:0.7;}
#visual .swiper-pagination-bullet-active{background:#fff;position:relative;opacity:1 !important;}
#visual .swiper-pagination-bullet-active:after{content:'';display:block;position:absolute;width:1.2rem;height:1.2rem;border:1px solid #fff;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;}



@media (max-width:1500px){
	#visual {width:calc(100% - 3rem); }
	.main_side .side-btn a{padding:0;width:100%;height:3rem;}
	.main_side .side-btn a span{display:none;}
	.main_side .side-btn{width:100%;}
}



.swiper-btn-con {position:relative;width:13rem;height:3.5rem;background:#fff;margin-top:-3.5rem;z-index:1;padding:1rem;margin-left:36.6rem;}
.swiper-btn-con .swiper-pagination-main{width:10rem;height:100%;margin:0 auto;position:relative;bottom:auto;left:auto;}
.swiper-btn-con .swiper-pagination-main span{font-size:0.8rem;font-weight:600;}
.swiper-btn-con .swiper-pagination-main .swiper-pagination-current{position:absolute;left:0;top:50%;transform:translateY(-50%);}
.swiper-btn-con .swiper-pagination-main .swiper-pagination-total{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#6256ac;}

.autoplay-progress span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.main-business .swiper-pagination { position: relative;  width: 100%; display:flex; justify-content:space-between;  bottom: auto; font-size:16px; color:#aaa; font-weight:600;}
.main-business .swiper-pagination-total{color:#6256ac;}
.main-business .swiper-pagination-progressbar-fill {  background: #6256ac;}
.main-business .swiper-pagination2 { position: absolute; width:124px; top:50%;left:50%; transform:translate(-50%,-50%); height: 2px; bottom: auto;  background:#ddd; z-index:2;}
.main-business .swiper-pagination  span{line-height:1.5rem;}


/* 공지사항 */
.section01{background:#f6f5fd;padding:5rem 0 5rem 0;width:calc(100% - 95px);position:relative;overflow:hidden;}
.section01 .object {position:absolute;z-index:0;transition-duration: .5s;}
.section01 .object.ob1 {top: -20rem;left: -16rem;width: 32.5rem;height: 32.5rem;border-radius:50%;background:#e8e5fc;animation: obj01 2.5s ease-in-out infinite alternate;}

.section01 .object.ob2 {right:-10rem;top: -16rem;width: 32.5rem;height: 32.5rem;border-radius:50%; border-style:inset;border:10rem solid #e8e5fc;animation: obj02 2.5s ease-in-out infinite alternate;}

@keyframes obj01{
	0%{top:-20rem;}
	100%{top:-17rem;}
}
@keyframes obj02{
	0%{top:-16rem;}
	100%{top:-12rem;}
}

.section01 .inner {position:relative;z-index:1;}

.section01 .board-bx{display:flex;justify-content:space-between;height:20.5rem;}
.section01 .board-bx #board{flex-basis:54.54%;box-shadow: 10px 0 28px rgb(79 79 79 / 10%);border-radius:10px;background:#fff;padding:1.3rem 1.75rem;position:relative;}
.section01 .board-bx #board .notice-tap {display:flex;margin-bottom:1.5rem;}
.section01 .board-bx #board .notice-tap li{font-size:1.3rem;font-weight:600;position:relative;}
.section01 .board-bx #board .notice-tap li:nth-child(3) {font-size: 1.1rem;}
.section01 .board-bx #board .notice-tap li a{color:#838383;display:inline-block;width:7.25rem;height:2.5rem;line-height:2.5rem;border-radius:25px;text-align:center;background:#eeeeee;}
.section01 .board-bx #board .notice-tap li.on a{color:#fff;background:#6256ac;}
/* .section01 .board-bx #board .notice-tap li:nth-child(1){margin-right:0.85rem;} */
.section01 .board-bx #board .notice-tap li:not(:last-child){margin-right: 0.85rem;}
.section01 .board-bx #board .notice-list{position:relative;}
.section01 .board-bx #board .notice-list a{display:flex;justify-content:space-between;font-weight:500;}
.section01 .board-bx #board .notice-list a .date {width:5.2rem;font-size:.9rem;color:#555;font-weight:500;}
.section01 .board-bx #board .notice-list:not(:last-child){margin-bottom:1rem;}
.section01 .board-bx #board .notice-list:first-child{border-bottom:1px solid #ddd;padding-bottom:1rem;}
.section01 .board-bx  p.more{position:absolute;right:2rem;top:2rem;width:2.3rem;height:2.3rem;border-radius:5px;border:1px solid #ddd;background: url(/images/default/main/more-btn.png)no-repeat center center;}
.section01 .board-bx  p.more:hover{position:absolute;right:2rem;top:2rem;width:2.3rem;height:2.3rem;border-radius:5px;background:#6256ac;color:#fff;border:1px solid #6256ac;background: url(/images/default/main/more-btn-on.png)no-repeat center center;}
.section01 .board-bx  p.more a{width:100%;height:100%;display:inline-block;color:#fff;text-align:center;line-height:2.25rem;}
.section01 .board-bx #board .notice-list:first-child a{flex-direction:row-reverse;    justify-content: flex-end;
    align-items: center;}
.section01 .board-bx #board .notice-list:first-child a .date{width:4.75rem;height:4.75rem;border:3px solid #e5e4eb;border-radius:50%;text-align:center; position:relative;font-size:0.8rem;display:flex; flex-direction: column-reverse;justify-content:center;align-items:center;color:#555555;}
.section01 .board-bx #board .notice-list:first-child a .date em{font-size:1.65rem;font-weight:700;color:#333;line-height:1;}
.section01 .board-bx #board .notice-list:first-child .subject{font-size:1.15rem;font-weight:700; /*height:3.6rem;*/ position:relative;width:calc(100% - 4.75rem);display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden; padding-left:1.4rem;}
.section01 .board-bx #board .notice-list:first-child a .date:after{content:'';display:block;position:absolute;width:1rem;height:1.05rem;background:url(/images/default/main/new-icon.png)no-repeat center center;background-size:cover;right:0;top:0;}
.section01 .board-bx #board .notice-list:first-child .subject:hover{text-decoration: underline; text-underline-position:under;text-decoration-color:#6256ac;color:#6256ac;text-decoration-thickness: auto;}
.section01 .board-bx #board .notice-list a:hover{color:#6256ac}
.section01 .board-bx #board .notice-list a:hover .date{color:#6256ac}


.section01 .board-bx #board .notice-list:after{content:'';display:block;position:absolute;width:5px;height:5px;background:#000;border-radius:50%;left:0;top:0.5rem;}
.section01 .board-bx #board .notice-list{padding-left:1rem;}
.section01 .board-bx #board .notice-list:first-child:after{display:none;}

.section01 .board-bx  p.more a{color:#4f4f4f;}
.section01 .board-bx  p.more:hover a{color:#fff;}



/*20230519 이달의 행사 일정 수정*/

.section01 .board-bx .event-bx{box-shadow: 10px 0 28px rgb(79 79 79 / 10%);border-radius:10px;background:#fff;padding:2rem;position:relative;flex-basis:43.74%;}
.section01 .board-bx .event-bx p.tit{font-size:1.5rem;color:#191919;font-weight:900;margin-bottom:1.5rem;}
.section01 .board-bx .event-bx .event-con {display:flex;justify-content:space-between;}
.section01 .board-bx .event-bx .event-con > div{font-weight:500;}
.section01 .board-bx .event-bx .event-con > div:first-child{border:1px solid #ddd;border-radius:10px;padding:1rem;width:18rem;height:12.5rem;}
.section01 .board-bx .event-bx .event-con > div:first-child li {display:flex;}
.section01 .board-bx .event-bx .event-con > div:first-child li  span{display:inline-block;width:100%; max-width:3rem; height:1.5rem;text-align:center;line-height:1.5rem;
background:#ff7372;color:#fff;border-radius:5px;font-size:.9rem;}
.section01 .board-bx .event-bx .event-con > div:first-child li .cate0{background:#fff;}
.section01 .board-bx .event-bx .event-con > div:first-child li .cate2{background:#4a929f;}
.section01 .board-bx .event-bx .event-con > div:first-child li  p{margin-left:0.85rem;position:relative;}
.section01 .board-bx .event-bx .event-con > div:first-child li  p:hover{color: #6256ac;}

.section01 .board-bx .event-bx .event-con > div:first-child li:not(:last-child){margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ddd;}
.section01 .board-bx .event-bx .event-con > div:nth-child(2) {border:1px solid #ddd;width:12.75rem;padding-top:12.5rem;border-radius:10px;}

.section01 .quick-menu {margin-top:4.5rem;}
.section01 .quick-menu ul {display:flex;}
.section01 .quick-menu ul li{}
.section01 .quick-menu ul li:not(:last-child){margin-right:5.5rem;}
.section01 .quick-menu ul li .icon-bx{width:6.75rem;height:6.75rem;background:#fff;box-shadow: 3px 0 28px rgb(79 79 79 / 15%);border-radius:10px;display:flex;justify-content:center;align-items:center;position:relative;border:3px solid #c3bdeb;}
.section01 .quick-menu ul li .icon-bx:hover{border:3px solid #6256ac;}
.section01 .quick-menu ul li .icon-bx img{-webkit-transition: all 0.5s ease-out 0s; transition: all 0.2s ease-out 0s;}
.section01 .quick-menu ul li:hover .icon-bx img{transform: rotateY(360deg);}
.section01 .quick-menu ul li p{font-size:1.15rem;font-weight:600;color:#333;margin-left:1.4rem;}
.section01 .quick-menu ul li:hover p {color:#6256ac;font-weight:700;}
.section01 .quick-menu ul li a{display:flex;align-items:center;}

@media (max-width:1750px){
	
		.section01 .quick-menu ul li{display:block;text-align:center;flex-basis:calc(100% / 5);}
		.section01 .quick-menu ul li .icon-bx{margin:0 auto;margin-bottom:1rem;}
		.section01 .quick-menu ul li:not(:last-child){margin-right:0;}
		.section01 .quick-menu ul li a {display:block;}
}

@media (max-width:1625px){
	.inner{width:100%;padding:0 1rem;}

}

@media (max-width:1500px){
	.section01 {width:calc(100% - 3rem);padding:3rem 0;}
	.section01 .board-bx #board{padding:1rem ;margin-bottom:1rem;}
	.section01 .board-bx .event-bx{padding:1rem;}
	.section01 .board-bx #board .notice-tap li{font-size:1.2rem;}
	.section01 .board-bx .event-bx p.tit{font-size:1.2rem;}
	.section01 .board-bx{display:block;height:auto;}
	.section01 .board-bx .event-bx .event-con > div:first-child{width:78%;display:flex;align-items:center;}
	.section01 .board-bx .event-bx .event-con > div:first-child ul {width:100%;}
	.section01 .board-bx p.more{right:1rem;top:1rem;}
	.section01 .board-bx p.more:hover{right:1rem;top:1rem;}
	.section01 .img-banner img{width:100%;max-width:100%;}

	.section01 .quick-menu ul li .icon-bx{margin:0 auto;}
	.section01 .quick-menu ul li p{margin-left:0;margin-top:1rem;}

}
@media (max-width:767px){
	.section01 .board-bx #board .notice-list a{display:block;}
	.section01 .board-bx #board .notice-list:first-child a{display:flex;}
	.section01 .board-bx .event-bx .event-con > div:first-child{width:100%;}
	.section01 .board-bx .event-bx .event-con{display:block;}
	.section01 .board-bx .event-bx .event-con > div:nth-child(2){width:100%;padding-top:100%;margin-top:1rem;}
	.section01 .quick-menu ul{flex-wrap:wrap;justify-content:center;margin:-0.5rem;}
	.section01 .quick-menu ul li{flex-basis:calc(100% / 3 - 1rem);margin:0.5rem;}
}


.section01 .img-banner img{border-radius:10px;}




/*컨텐츠*/
#container .inn{ width:65rem; margin:0 auto; position:relative;}
.inn h3{font-size:1.9rem; display:inline-block; font-family: 's-core-dream-extralight'; text-transform:uppercase; margin-bottom:1rem; color:#121212; position:relative;}
.inn h3 b{font-family: 's-core-dream-bold'; color:#641d91;}
.inn h3:before{content : ""; display : block; position : absolute; left : -5%; top:50%; transform:translateY(-50%); width :92px; height : 92px; background: url("/images/default/main/circle.png") no-repeat center center; background-size:100% 100%; }
.inn p.st{}

#container .section02 {padding:5rem 0;position:relative;}
.tit-bx{text-align:center;margin-bottom:3.3rem;}
.tit-bx h4{font-size:2.25rem;font-weight:600;line-height:1;color:#191919;}
.tit-bx h4 span {font-size:1rem;font-weight:500;margin-top:0.75rem;display:block;}
#container .section02 .text-box {
	display: none;
	background-color: #fff;
	color: #333;
	padding: 1.5rem 2rem 3.1rem;
	box-shadow: 0px 8px 20px rgb(0 0 0 / 8%);
	background: #fff;
	border-radius:0 0 0.5rem 0.5rem;
	min-height:7.6rem;
	position:relative;
}
#container .section02 .text-box p{font-size:1rem; font-weight:500; text-align:left;}
#container .section02 .text-box a{position:absolute; padding-right:3.3rem; right:2rem; color:#6256ac; font-size:0.9rem; font-weight:600;}
#container .section02 .text-box a:after{content:'';display:block;position:absolute;width:46px;height:46px;background:url(/images/default/main/more-btn.png)no-repeat center center;background-size:cover;top:50%;transform:translateY(-50%);right:0;}
#container .section02 .text-box a:hover:after{background:url(/images/default/main/more-btn-on.png)no-repeat center center;background-size:cover;}
#container .section02 .swiper-slide > div{position:relative;}
#container .section02 .img-txt{writing-mode: vertical-rl; text-orientation: sideways;
	position: absolute; top: 0; height: 100%; display: flex; align-items: flex-start; flex-direction: column; background: rgb(98 86 172 / 90%); padding: 2.1rem; color: #fff; border-top-left-radius: 0.5rem; opacity:0; transition: all 0.3s 0.2s;  -webkit-transition: all 0.3s 0.2s;}
#container .section02 .img-txt strong{font-size:2.15rem; font-weight:600;}
#container .section02 .img-txt p{font-size:1rem; font-weight:700;}

#container .primary{overflow:inherit;}
#container .section02 .swiper-slide img{width:100%; max-width:100%; border-radius:0.5rem;}
#container .section02 .swiper-slide-active img{border-radius:0.5rem 0.5rem 0 0;}
#container .section02 .swiper-slide-active{padding-bottom:2rem;}
#container .section02 .swiper-slide-active .text-box{display:block;}
#container .section02 .swiper-slide-active .img-txt{opacity:1;}
#container .section02 .swiper-btn{width: 1132px; height: 56px; position: absolute; top: 33.5361%; left: 50%; transform: translateX(-50%); z-index:10;}
#container .section02 .swiper-btn .swiper-button-next{background:url('/images/default/main/swiper-right.png')no-repeat center; width:56px; height:56px;}
#container .section02 .swiper-btn .swiper-button-prev{background:url('/images/default/main/swiper-left.png')no-repeat center; width:56px; height:56px;}

@media (max-width:1625px){
	.cts1 .inn {width:100%;padding:0 1rem;}
}
@media (max-width:1500px){
	.cts1 {width:calc(100% - 3rem);}
	#container .section02 .swiper-btn{width: 150px;height: 40px;position: absolute;top: inherit;left: 50%;transform: translate(-50%, -50%);bottom: -3rem;}
	#container .section02 .swiper-btn .swiper-button-next{width:40px; height:40px; background-size: cover;}
	#container .section02 .swiper-btn .swiper-button-prev{width:40px; height:40px; background-size: cover;}
	#container .section02 .text-box a{padding-right:2.8rem;}
	#container .section02 .text-box a:after{width:30px; height:30px;}
}
@media (max-width:1030px){
	#container .section02 .swiper-btn{bottom: -4rem;}
	#container .section02 .text-box a{bottom:1rem;}
}
@media (max-width:767px){
	#container .section02 .img-txt{padding:0.5rem 1rem;}
	#container .section02 .img-txt{writing-mode: inherit; top: auto; height: auto; bottom: 0; width: 100%; border-top-left-radius:0;}
	#container .section02 .img-txt strong{font-size:1.5rem;}
	#container .section02 .text-box{padding:1rem 1rem 3.1rem;}
	#container .section02 .swiper-btn .swiper-button-next{width: 30px; height: 30px;}
	#container .section02 .swiper-btn .swiper-button-prev{width: 30px; height: 30px;}
	#container .section02 .swiper-btn{width:100px; height:30px; bottom:-3rem;}
}

/*자주 찾는 서비스*/
.service{background:#641d91;}
.service .inn h3{font-size:1.1rem;color:#83c3f2;font-family: 's-core-dream-bold';width:15%;margin-bottom:0;}
.service .inn h3:before{display:none;}
.service .inn {display:flex;padding:1.3rem 0;align-items:center;}
.service ul {display:flex;width:85%;}
.service ul li{width:25%;text-align:center;display:flex;align-items:center;}
.service ul li span{background:#fff;border-radius:100%;width:5.25rem;height:5.25rem;display:inline-block;padding:1rem;}
.service ul li p{display:inline;color:#fff;padding-left:1rem;}

/*Y-star 소개*/
.cts1{margin-top:4rem; text-align:center; }
.cts1 .inn .box{padding:1.5rem 4rem 0; margin-top:1rem; position:relative; color:#fff; z-index:0;}
.cts1 .inn .box:before{content : ""; display : block; position : absolute; left : 0; top:0; width :100%; height : 60%; background: url("/images/default/main/proj_bg.jpg") no-repeat center top; background-size:cover; z-index:-1; border-radius:4rem;}
.cts1 .inn .box .unit{font-size:0.85rem; text-align:right; margin-right:5rem;}
.cts1 .inn .data{ margin-top:1rem; font-family: 's-core-dream-medium'; }
.cts1 .inn .icon{padding:1.5rem 0; background:#fff; border:3px solid #641d91; border-radius:200px; position:relative; z-index:0;}
.cts1 .inn .icon li{display:inline-block; width:17%; padding-top:17%; margin:0 1rem;  position:relative;}
.cts1 .inn .icon li div{position:absolute; left:0; top:0; right:0; bottom:0;border-radius:50%; background:#641d91;box-shadow:0px -15px 15px rgba(0, 0, 0, 0.15);font-size:1rem; color:#fff; display: flex; align-items: center; justify-content: center;flex-direction: column;}
.cts1 .inn .icon li:after{content : ""; display : block; position : absolute; left : -5%; top:-5%; width :110%; height : 110%; background: url("/images/default/main/circle.png") no-repeat center center; z-index:-1; background-size:100% 100%;}
.cts1 .inn .icon li img{margin-bottom: 10px; width:3rem; border-bottom:1px solid #fff; padding-bottom:10px;}
.cts1 .inn .icon li h4{font-size:2rem; color:#83c3f2;}
.cts1 .inn .icon li h4 em{font-size:0.85rem; color:#fff; font-family: 's-core-dream-extralight'; margin-left:.25rem;}
.cts1 .inn .icon li h4 .count_after {font-size:1rem; }



/* 프로그램 */
.cts2{background:#fdf9ff;padding:5rem 0 9.5rem 0;width:calc(100% - 95px); position:relative;overflow:hidden;}
.cts2 .object {position:absolute;z-index:0;transition-duration: .5s;}
.cts2 .object.ob1 {bottom: -16rem;left: -16rem;width: 36.5rem;height: 36.5rem;border-radius:50%;border:11.5rem solid #f5f4ff;animation: obj03 2.5s ease-in-out infinite alternate;}

.cts2 .object.ob2 {right:-16rem;top: -13rem;width: 36.5rem;height: 36.5rem;border-radius:50%;border:11.5rem solid #edebfb;animation: obj04 2.5s ease-in-out infinite alternate;}


@keyframes obj04{
	0%{top:-13rem;}
	100%{top:-10rem;}
}

@keyframes obj03{
	0%{bottom:-15rem;}
	100%{bottom:-18rem;}
}

.cts2 .inn{width:1625px !important;margin:0 auto;position:relative;}
.cts2 .inn .archive{overflow:hidden;}
.cts2 .inn .archive .txt-zone{background:#fff;padding:1.5rem;color:#333;font-weight:600;}
.cts2 .inn .archive .txt-zone span{display:inline-block;width:4.5rem;height:1.75rem;text-align:center;border-radius:5px;background:#ffae02;color:#fff;line-height:1.75rem;font-size:.9rem;margin-bottom:1rem;}
.cts2 .inn .archive .txt-zone p{display: -webkit-box;word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;overflow: hidden;height:3rem;}
.cts2 .inn .swiper-slide {border:1px solid #ddd;border-radius:10px;overflow:hidden;}
.cts2 .inn .swiper-slide img{max-width:100%;}
.cts2 .inn .swiper-slide .img-zone {padding-top:100%;}

.swiper-scrollbar-drag  {background:#6256ac;}

.swiper-container-horizontal>.swiper-scrollbar{opacity:1 !important;bottom:-4.5rem;width:1410px;height:2px;}
.cts2 .inn .swiper-button-next, .cts2 .inn .swiper-button-prev {top:auto;margin-top:0;bottom:-5.5rem;}
.cts2 .inn .swiper-button-next {width:2.3rem;height:2.3rem;background:url(/images/default/main/right-btn.png)no-repeat center center;background-size:cover;}
.cts2 .inn .swiper-button-prev {width:2.3rem;height:2.3rem;background:url(/images/default/main/left-btn.png)no-repeat center center;background-size:cover;left:auto;right:5.3rem;}
.cts2 .inn .swiper-button-next.swiper-button-disabled, .cts2 .inn .swiper-button-prev.swiper-button-disabled {opacity:1;}
.cts2 .inn .remocon .play_no{display:inline-block;position:absolute;width:2.3rem;height:2.3rem;background:url(/images/default/main/stop-btn.png)no-repeat center center;background-size:cover;right:2.9rem;bottom:-5.5rem; }
.cts2 .inn .remocon .play_on{display:inline-block;position:absolute;width:2.3rem;height:2.3rem;background:url(/images/default/main/start-btn.png)no-repeat center center;background-size:cover;right:2.9rem;bottom:-5.5rem; }
.cts2 .inn .archive .txt-zone span.cate02 {background:#ffae02;}
/*.cts2 .inn .archive .txt-zone span.cate03 {background:#9c63fe;}*/
.cts2 .inn .archive .txt-zone span.cate03 {background:#54c2bf;}
.cts2 .inn .archive .txt-zone span.cate04 {background:#9e63ff;}
.cts2 .inn .archive .txt-zone span.cate05 {background:#ff6d72;}
.cts2 .more{position:absolute;right:0;top:0;width:2.3rem;height:2.3rem;border-radius:5px;background: url(/images/default/main/more-btn.png)no-repeat center center;border:1px solid #ddd;}
.cts2 .more a{width:100%;height:100%;display:inline-block;color:#ddd;text-align:center;line-height:2.25rem;}
.cts2 .more:hover{background: url(/images/default/main/more-btn-on.png)no-repeat center center;}
.scroll-bx{position:relative;}


@media (max-width:1625px){
	.cts2 .inn {width:100%;padding:0 1rem;}
	.cts2 .more{right:1rem;top:1rem;}
	.swiper-container-horizontal>.swiper-scrollbar{width:calc(100% - 10rem);left:auto;}
}



@media (max-width:1500px){
	.cts2{width:calc(100% - 3rem);}
}
@media (max-width:1200px){
	.cts2 .inn .swiper-slide img {width:100%;}

}
@media (max-width:767px){
	.cts2 .inn .swiper-button-next {width:30px;height:30px;}
	.cts2 .inn .swiper-button-prev {width:30px;height:30px;}
	.cts2 .inn .remocon .play_no{width:30px;height:30px;}
	.cts2 .inn .remocon .play_on{right:3rem;}
}

@media (max-width: 450px){
	.cts2 .inn .tit-bx h4 { text-align: left;}
}

/*온라인 TALK*/
.cts3 {padding:6.65rem 0 6.85rem 0;background:url(/images/default/main/cts03-bg.jpg)no-repeat center center;background-size:cover;width:calc(100% - 95px);}
.cts3 .tit-bx{margin-bottom:2.8rem;}
.cts3 .tit-bx h4{color:#fff;line-height:1.3;}
.cts3 .inn{width:1625px;margin:0 auto;position:relative;}
.cts3 .inn ul {display:flex;}
.cts3 .inn ul li{color:#fff;font-size:1.25rem;text-align:center;position:relative;}
.cts3 .inn ul li > div {width: 7.7rem;}
.cts3 .inn ul li > div > div{font-size:1.25rem;display:inline-block;line-height:1;}
.cts3 .inn ul li > div  span {display:block;margin-bottom:0.55rem;}
.cts3 .inn ul li div em{font-size:3.5rem;font-weight:700;}
.cts3 .inn ul li:not(:last-child){padding-right:17.5rem;}
.cts3 .inn ul li:not(:last-child):after{position:absolute;content:'';display:block;width:9rem;height:1px;background:#fff;bottom:2rem;right:5.5rem;}





@media (max-width:1625px){
	.cts3 .inn {width:100%;padding:0 1rem;}
 }
 @media (max-width:1500px){
	.cts3 {width:calc(100% - 3rem);}
	.cts3 .inn ul li:not(:last-child){padding-right:0;}
	.cts3 .inn ul li{width:calc(100% / 4);}
	.cts3 .inn ul li:not(:last-child):after{display:none;}
	.cts3 .inn ul li > div {width: 100%;}
}
 @media (max-width:1030px){
 	.cts3{padding:3rem 1rem;}
 
 }
 @media (max-width:767px){
 	.cts3 .inn ul{flex-wrap:wrap;}
	.cts3 .inn ul li {width:calc(100% / 2);}
	
 }

/*소통하는 TALK*/
.cts4 {padding:5rem 0 5rem 0;width:calc(100% - 95px);}
.cts4 .sns-bx{display:flex;justify-content:center;}
.cts4 .sns-bx li:not(:last-child){margin-right:1.4rem;}
.cts4 .sns-bx li a{width:3rem;height:3rem;background:#fff url("/images/default/main/sns-bx01.png")no-repeat center center;box-shadow: 3px 0 20px rgb(116 116 116 / 20%);border-radius:50%;display:inline-block;}
.cts4 .sns-bx li:nth-child(2) a {background:#fff url("/images/default/main/sns-bx02.png")no-repeat center center;}
.cts4 .sns-bx li:nth-child(3) a {background:#fff url("/images/default/main/sns-bx03.png")no-repeat center center;}

.cts4 .sns-bx li:hover a {background:url("/images/default/main/sns-bx01-on.png")no-repeat center center;}
.cts4 .sns-bx li.on a{background:url("/images/default/main/sns-bx01-on.png")no-repeat center center;}
.cts4 .sns-bx li:nth-child(2):hover a{background:url("/images/default/main/sns-bx02-on.png")no-repeat center center;}
.cts4 .sns-bx li:nth-child(2).on a{background:url("/images/default/main/sns-bx02-on.png")no-repeat center center;}

.cts4 .sns-bx li:nth-child(3):hover a{background:url("/images/default/main/sns-bx03-on.png")no-repeat center center;}
.cts4 .sns-bx li:nth-child(3).on a{background:url("/images/default/main/sns-bx03-on.png")no-repeat center center;}



.cts4 .sns-bx a:not(:last-child){margin-right:1.4rem;}
.cts4 .talk {overflow:hidden;margin-top:2.55rem;}
.cts4 .talk .swiper-slide{border:1px solid #ddd;padding:2rem 2.75rem;border-radius:10px;margin-bottom: 2px;}
.cts4 .talk .swiper-slide:hover{border:1px solid #6256ac;}
.cts4 .talk .swiper-slide .img-zone{padding-top:100%;border-radius:8px;}
.cts4 .talk .swiper-slide .txt-zone .id{font-size:.9rem;padding:0.7rem 0;border-bottom:1px solid #ddd;margin-bottom:0.7rem;}
.cts4 .talk .swiper-slide .txt-zone .id img{display:inline-block;margin-right:5px;}
.cts4 .talk .swiper-slide .txt-zone .content{color:#333;font-weight:600;word-break: break-all;}
.cts4 .talk02 .swiper-slide .txt-zone .tit{font-size:1rem;color:#333;font-weight:700;margin-top:0.9rem;}
.cts4 .talk02 .swiper-slide .txt-zone .content {font-size:1rem;color:#555;font-weight:400;margin-top:2rem;padding-bottom:3.75rem;border-bottom:1px solid #ddd;}
.cts4 .talk02 .swiper-slide .txt-zone .date{font-size:0.9rem;color:#999;margin-top:1.25rem;}
.cts4 .talk03 .swiper-slide .img-zone {padding-top:0;border-radius:8px;overflow:hidden;}
.cts4 .talk03 .swiper-slide .img-zone img{max-width:100%;}
.cts4 .talk03 .swiper-slide .txt-zone .tit{position:relative;color:#333;font-weight:bold;padding-left:2.5rem;margin-top:1rem;}
.cts4 .talk03 .swiper-slide .txt-zone .tit p{width: 100%;font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.6;height: 1.6rem;}
.cts4 .talk03 .swiper-slide .txt-zone .tit img{position:absolute;left:0;}
.cts4 .talk03 .swiper-slide .txt-zone .content {font-size:.9rem;color:#666;margin:0.5rem 0 ;}
.cts4 .talk03 .swiper-slide .txt-zone .date{border-top:1px solid #ddd;}
.cts4 .talk03 .swiper-slide .txt-zone .date ul {display:flex;justify-content: space-between;}
.cts4 .talk03 .swiper-slide .txt-zone .date ul li{font-size:.9rem;color:#666;margin-top:0.5rem;}
.cts4 .tit-bx {margin-bottom:1.1rem;}

 @media (max-width:1500px){
 	.cts4{width:calc(100% - 3rem);}
	.cts4 .talk .swiper-slide {padding:1rem;}
}
 @media (max-width:767px){
	.cts4 .talk-inn{width:100%;padding:0 1rem;}
 }



.cts5 {background:#eef2fd;padding:4.8rem 0 4.9rem 0;position:relative;width:calc(100% - 4.5rem);overflow:hidden;}
.cts5 .inner{width:1625px;margin:0 auto;}
.cts5 .inner ul {display:flex;}
.cts5 .inner ul li{flex-basis:calc(100% / 3 - 1.75rem);}
.cts5 .inner ul li:not(:last-child){margin-right:3.5rem;}
.cts5 .inner ul li a{display:inline-block;width:100%;height:100%;background:#55c3c2;padding:2.3rem 3rem;border-radius:15px;}
.cts5 .inner ul li a span{color:rgba(255,255,255,0.6);font-weight:600;}
.cts5 .inner ul li a h5{font-size:1.75rem;color:#fff;font-weight:600;line-height:1;margin:1rem 0 2.5rem 0;}
.cts5 .inner ul li a p {font-size:0.9rem;display:inline-block;color:#fff;position:relative;}
.cts5 .inner ul li a p:after{content:'';display:block;position:absolute;width:0.4rem;height:0.7rem;background:url(/images/default/main/quick-more.png)no-repeat center center;background-size:cover;top:50%;transform:translateY(-50%);right:-1.5rem;}

.cts5 .inner ul li:first-child a{background:#55c3c2 url(/images/default/main/btn-bg01.png)no-repeat right+1.5rem bottom+1rem;}
.cts5 .inner ul li:nth-child(2) a{background:#7d8ce5 url(/images/default/main/btn-bg02.png)no-repeat right bottom;}
.cts5 .inner ul li:nth-child(3) a{background:#ff7372 url(/images/default/main/btn-bg03.png)no-repeat right bottom;}
.cts5 .banner-txt{position:absolute;bottom:0;font-size:4.75rem;font-weight:800;color:rgba(255,255,255,0.85); animation: content_move linear infinite 8s;display:flex;    text-transform: uppercase;width: 100%;white-space: nowrap;vertical-align: top;line-height:1;}
.cts5 .tit-bx {margin-bottom:3.05rem;}

.cts5 .inner ul li:hover a{box-shadow: 13px 0 33px rgb(4 0 0 / 25%);}

@-webkit-keyframes content_move {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

 @media (max-width:1620px){
	.cts5 .inner {width:100%;padding:0 1rem;}
}
@media (max-width:1500px){
	.cts5 {width:calc(100% - 3rem);}
		.cts5 .inner ul li:not(:last-child){margin-right:1rem;}
	.cts5 .inner ul li{flex-basis: calc(100% / 3 - 0.5rem);}
}
@media (max-width:1030px){
	.cts5 .inner ul li a {padding:2rem 1rem;}
	.cts5 .inner ul{display:block;}
	.cts5 .inner ul li{width:100%;}
	.cts5 .inner ul li:not(:last-child){margin-bottom:1rem;}

	.cts5 .inner ul li:nth-child(1) a,
	.cts5 .inner ul li:nth-child(2) a,
	.cts5 .inner ul li:nth-child(3) a {background-size:50%;}

}


/*팝업 롤링 추가*/
.layerPopup {position:absolute;top:230px;left:10rem; width:450px; background:#fff;line-height:auto;z-index:99999;border:10px solid #000000;box-shadow:0 0 4px rgba(0,0,0,0.2); padding-bottom:40px;}
.layerPopWrap{position:relative; width:100%; height:100%;}
.layerPopup ul li img{width:100%;}


/*유튜브 배너*/
.youtube_banner{border-radius:.5rem; overflow:hidden;position:fixed;bottom:2rem;right:5.2rem;z-index:999;}
.youtube_banner02{bottom:2rem;}
.k_mob{display:none;}
.k_web{display:block;}

.no_post{ border: 1px solid #ddd; text-align: center !important; padding: 140px 0px 30px 0px !important; height: auto !important; background: #fff url('/images/default/content/nodata.png') no-repeat center 25px !important; background-size: auto; background-size: 105px auto !important; width: 100% !important;}

/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1500px){
	.k_mob{display:block;}
	.k_web{display:none;}
	.yknot_banner{bottom:3.5rem;}
	.youtube_banner{right:4rem; bottom:6rem;}
	.youtube_banner02{bottom:3rem;}
}


@media (max-width:1300px){
	.header_inner,
	#visual .vtxt,
	#board .section,
	#footer .fcon .of,
	#footer .copyright { width:100%;} 

	#container .inn{width:100% !important; padding:0 1rem;}
	#container .service .inn{padding:1rem;display:block;text-align:center;}
	.service .inn h3{width:100%;margin-bottom:1rem;}
	.service ul{width:100%;}
	.service ul li{justify-content:center;}
	.service ul li p {padding-left:0;display:block;padding-top:1rem;}

	#header h1{left:1rem;}
	.gnb{right:4rem;}
	.header_inner #nav > ul{margin-right:3rem;}

	#menuAll ul{width:100%;}
	.cts1 .inn .box{padding:1.5rem 2rem 0;}	
	.cts1 .inn .icon li img{width:2.5rem; margin-bottom:5px;}
	.yknot_banner{bottom:4rem;}

}


/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){

	html{font-size:16px;}
    body{font-size:1rem}

    .tablet{display:block;}
    .web{display:none;}
    img {max-width:100%; vertical-align:middle;}
	.mob{display:block;}
	.web{display:none;}

    /* 헤더 */
    #wrap{ position:relative; }
	#header .header_inner{}
	#header{width:100%; height:4rem;  padding:0 1rem;  }
	#header h1 {position:absolute; left:1rem; top:50%; transform:translateY(-50%);  z-index:9999;}
	#header h1 img{width:7rem;}
	#header p.sns{display:none;}
	#header .btn-gnb-menu{display:block; top:0.5rem;}
    #header p.log{display:none; position:absolute; right:5rem; top:0;height:5rem; line-height:5rem;cursor:pointer; z-index:10; width:5rem; text-align:center; background: url("/images/default/main/down.png") no-repeat 90% center; background-size: 12px auto;}
    #header p.logon{ padding-top:0.84rem; line-height:1.0; }
    #header p.logon b{display:block; margin-top:10px;font-size: 0.8rem;}


    #header .btnAll { position:relative; width: 1rem; height: 1rem; outline: none; z-index:9999;}
    #header .btnAll span { display: block; width: 100%; height: 2px; position: absolute; background-color: #9f3291; -webkit-transition: all 0.25s; transition: all 0.25s; }
    #header .btnAll > span:nth-child(1) { top: 0; }
    #header .btnAll > span:nth-child(2) { top: 0.42rem; }
    #header .btnAll > span:nth-child(3) { top: 0.81rem; }
    #header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
    #header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; }
    #header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

    /*사이트맵*/
    #header #navi{background:#fff; position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:5rem;  z-index:100; transition:right 0.45s; background:#fff;}
    #header.open #navi{transition:right 0.45s; right:0px;}
    
	#menuAll .menu-member{display: block;}
    #navi h3{font-size:1rem; padding:1.5rem 0.75rem; line-height:1.3; color:#666; font-weight:normal; margin:0; text-align: left; background:#EFF7FE;}
    #navi h3 em{color:#670194; font-weight:600;}
    #navi .menu-member{background: #670194; overflow:hidden;}
    #navi .menu-member li{width:50%; float:left; text-align:center; margin:0;}
    #navi .menu-member li a{color:#fff; display:block;font-size:.9rem; padding:0.75rem 0;}
    #navi .menu-member li:nth-of-type(2n-1){ border-right: 1px solid rgba(255, 255, 255, .5);}
	#navi .menu-member li.w100{border-bottom:1px solid rgba(255, 255, 255, .5);}

    /*1차*/
    #navi .mbtop {width:100%; margin:0; padding:0; padding:0px 1rem; }
    #navi .mbtop li {margin:0; float:none; width:100%; border-bottom:1px #eeeeee solid; background:url('/images/mobile/down.png') right center no-repeat; background-size:15px auto; }
    #navi .mbtop li a {padding:0; background: none; text-align:left; display:block; width:100%; height:3rem; box-sizing:border-box; font-weight:500;  font-size:1.2rem; line-height:50px;   color:#262626;}
    #navi .mbtop li.open_li{ position:relative;}
    #navi .mbtop li.open_li:after{ content : ""; display : block; position : absolute; left:98%; top:20px; width :15px; height : 8px;  background:url('/images/mobile/up.png') 0 0 no-repeat; background-size:15px auto;}
    #navi .mbtop li.open_li > a {color:#0071BF;}


    /*2차*/
    #navi .mbtop li ul {display:none; float:none; background-color:#ECEEEF; position:relative; left:0; top:0; width:auto; height:auto; visibility:visible;  padding:0.75rem;margin-top:0;}
    #navi .mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none;}
    #navi .mbtop li ul li a {color:#262626; background:url(none); font-weight:500; height:auto; line-height:30px; padding-left:0;  font-size:1.1rem;}
    #navi .mbtop li ul li:first-child{border:none;}

    /*3차*/
    #navi .mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
    #navi .mbtop li ul li ul li {display:none;}


	/* 비주얼 */
	#visual .vtxt h3{font-size:1.8rem; margin-bottom:30px;}
	/* 비주얼게시판 */
	#visual .event_board{float:none;display:inline-block;width:300px;height:200px;padding-left:0; background-size: auto 100%;}
	#visual .event_board .btn.prev a{padding:16px 9px 60px 9px;}
	#visual .event_board .btn.next a{padding:60px 9px 16px 9px;}
	#visual .event_board ul{margin-top:15px;height:185px;}
	#visual .event_board ul li{margin-bottom:18px;}
	#visual .event_board ul li .info{width:60px;}
	#visual .event_board ul li .info .type{font-size:13px;}
	#visual .event_board ul li .info .date{font-size:20px;}
	#visual .event_board ul li .cont{width:160px;padding-left:15px;}
	#visual .event_board ul li .cont .tit{padding-top:0;font-size:14px;}
	#visual .event_board ul li .cont .txt{padding-top:5px;font-size:12px;}

	#visual .event_roll{display:none;}
	
	
	/* 컨텐츠 */
	.inn h3{font-size:1.3rem;}

	.cts1 .inn .box{padding:1.5rem 1rem 0;}	
	.cts1 .inn .icon li{width:19%; padding-top:19%;}

	.con_tab{padding:4rem 0;}

	.cts3 .sns:after{width:100%; background-position:center center; left:0;  background-size:100% auto;}
	.cts3 .sns_con .item ul{height:500px;}
	.cts3 .sns_con #insta.item ul {height:calc(500px - 4rem);}


	#footer .copyright { width:100%;padding:2rem 1rem;}
	#footer .fcon .of { width:100%;}
	#footer .fcon .notice{padding-left:1rem;}
	#footer .fcon .cust{padding:0 1rem;}

	/*팝업 롤링 추가*/
	.layerPopup {left:50%;  transform:translateX(-50%);}

}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	#header h1 img{width:5rem;}
	#header #navi{padding-top:3.7rem; overflow-y:auto;}
	#header{height:3.7rem;}


	#visual {}
	#visual .vtxt h3{font-size:1.2rem; margin-bottom:0;}

	
	
	#visual .sns{display:none;}


	#container .service .inn{padding:1.5rem 1rem;}
	.service ul{flex-wrap:wrap;justify-content:center;}
	.service ul li{width: calc(100%/3 - 4vw );margin:2vw;}
	.service ul li span{width:5rem;height:5rem;}
	

	.inn h3:before{width:40px; height:40px; left:-20px; top:10px;}
	.cts1 .inn .icon{border-radius:30px;}
	.cts1 .inn .icon li img{width:2rem;}
	.cts1 .inn .icon li{width:21%; padding-top:21%;margin: 5px;}

	.con_tab{padding-bottom:2rem;}
	.con_tab ul{border-radius:0; border:none; border-left:1px solid #ddd;border-top:1px solid #ddd;}
	.con_tab li{width:33.33%; border:none; border-bottom:1px solid #ddd;border-right:1px solid #ddd; }
	.con_tab li a{border:none;}


	/*팝업 롤링 추가*/
	.mobile_dim{width: 100%; height:100%; position: absolute; top: 0; left: 0; margin: 0; z-index: 1039; display: inline-block; background: rgba(0,0,0,0.5);}
	.layerPopup {left:5%;  transform:translateX(0%); width:90%; top:130px;}
	.chkvsb{font-size:0.7rem !important;}


}

@media (max-width:540px){
	.cts1 .inn .box{padding:1.5rem 2rem 0;}
	.cts1 .inn .box .unit{margin-right:0; margin-top:15px;}
	.cts1 .inn .icon li{width:35%; padding-top:35%;}
	.cts1 .inn .icon li div{font-size:0.7rem;}
	.cts1 .inn .icon li h4{font-size:1.3rem;}
	.cts3 .sns_con .item ul li .img{padding-top:100%;}
	
	#footer .copyright .fr{width:100%;}
	#footer .copyright .fr ul{overflow:hidden;}
	#footer .copyright .fr li{width:35%; padding:0 10px; text-align:center; float:left; margin:0;}
	#footer .copyright .fr li:first-child{width:30%;}
	#footer .copyright .cust > ul{text-align:center;}
	#footer .copyright .cust > ul > li{float:none;}
	.cts3 .sns_con .item ul{height:500px; }
	.cts3 .sns_con #insta.item ul{height:500;}

}


@media (max-width:320px){
	.cts1 .inn .box{padding:1.5rem 1rem 0;}
	.cts1 .inn .icon li{width:40%; padding-top:40%;}
}