:root {
	/*color*/
	--color-base: #000;
	--color-kakao: #ffc401;
	--color-kakao-text: #442f01;
	--color-naver: #00c13a;

	/*font-size*/
	--font-size-13: 0.813rem;
	--font-size-14: 0.875rem;
	--font-size-15: 0.938rem;
	--font-size-16: 1rem; 
	--font-size-17: 1.0625rem; 
	--font-size-18: 1.125rem;
	--font-size-20: 1.25rem; 
	--font-size-23: 1.438rem; 
	--font-size-24: 1.5rem; 
	--font-size-26: 1.625rem;
	--font-size-27: 1.688rem; 
	--font-size-31: 1.938rem; 
	--font-size-80: 5rem;

	/*font-weight*/
	--font-r: 400;
	--font-m: 500;
	--font-sb: 600;
	--font-b: bold;
	--font-bl: 900;
}




/*font size*/

.fs_13{font-size: var(--font-size-13);}
.fs_14{font-size: var(--font-size-14);}
.fs_15{font-size: var(--font-size-15);}
.fs_16{font-size: var(--font-size-16);} 
.fs_17{font-size: var(--font-size-17);} 
.fs_18{font-size: var(--font-size-18);}
.fs_20{font-size: var(--font-size-20);} 
.fs_23{font-size: var(--font-size-23);}
.fs_24{font-size: var(--font-size-24);}
.fs_26{font-size: var(--font-size-26);}
.fs_27{font-size: var(--font-size-27);} 
.fs_31{font-size: var(--font-size-31);}
.fs_80{font-size: var(--font-size-80);}


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

.fs_23 {font-size:15px;}

}



/*font weight*/
.font_r{font-weight: var(--font-r);}
.font_m{font-weight: var(--font-m);}
.font_sb{font-weight: var(--font-sb);}
.font_b{font-weight: var(--font-b);}
.font_bl{font-weight: var(--font-bl);}


/*text-motion*/
.j_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.j_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.j_delay_01{transition-delay: .2s !important;}
.j_delay_02{transition-delay: .4s !important;}
.j_delay_03{transition-delay: .6s !important;}
.j_delay_04{transition-delay: .8s !important;}
.j_delay_05{transition-delay: 1s !important;}
.j_delay_06{transition-delay: 1.2s !important;}
.j_delay_07{transition-delay: 1.4s !important;}
.j_delay_08{transition-delay: 1.6s !important;}
.j_delay_09{transition-delay: 1.8s !important;}
.j_delay_10{transition-delay: 2s !important;}
.j_delay_11{transition-delay: 2.2s !important;}


/*common*/
.j_inner {max-width:1400px; margin:0 auto; width:92%;}
.img_section {text-align:center;}
.img_section img {max-width:100%;}
.main {max-width:1920px; margin:0 auto; width:100%; }


.pc_img img{width:100%;}
.mo_img {display:none;}
.mo_767 {display:none;}


@media screen and (max-width:768px){
.pc_767 {display:none;}
.pc_img img{display:none;}
.mo_img {display:block;}
.mo_767 {display:block; width:100%;}

}




/*header*/

#j_header {height:100px; position:fixed; left:0; top:0; width:100%; z-index:10; transition:0.28s;}
#j_header.on {background:#fff;}
#j_header.on .j_hd_nav {color:#000;}
.j_hd_inner {max-width:1400px; margin:0 auto; height:100%; width:92%;}
.j_hd_wrap {display:flex; align-items:center; height:100%;  justify-content: space-between;}
.j_hd_nav {color:#fff; transition:0.28s;}
.j_hd_nav > .j_gnb {display:flex;height:100%;}
.j_hd_nav > .j_gnb > li {height:100%;}
.j_hd_nav > .j_gnb > li > a {display:block; padding:0px 20px; height:100%; line-height:100px;}
.j_hd_nav > .j_gnb > li:last-child a {padding-right:0;}



@media screen and (max-width:1580px){
	.j_hd_nav > .j_gnb > li > a {padding:0 15px;}
}

@media screen and (max-width:1320px){
	.j_hd_nav > .j_gnb {display:none;}
}

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

#j_header {height:80px;}

}


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

#j_header {height:56px;}

}




/*mobile_wrap*/
.mobile_wrap {position:absolute;  width:auto; height:100vh; top:0; right:0; padding:40px; background:#fff; transition: transform 0.4s; transform:translateX(100%); box-shadow: 5px 20px 24px 0px rgba(0, 0, 0, 0.11); z-index:99;}
.mobile_wrap.on {transform:translateX(0);}
.mo_inner {height:100%;}
.mo_inner > .j_gnb {height:100%; display: flex; height: 100%;  flex-direction: column; justify-content: center; align-items: center; width: 100%; text-align: center;}
.mo_inner > .j_gnb > li {font-size:28px;}

.mo_inner .j_gnb > li a {display:block; padding:20px 0; font-weight:700; transition:0.28s;}
.mo_inner .j_gnb > li a:hover {color:#ed9392;}
.btn_box {display:none;}
.close_btn {position:absolute; right:15px; top:15px; width:20px; height:20px;}
.close_btn span {background:#000; width:100%; height:2px;  display:block;  position:absolute; transform:translate(0);}
.close_btn span:nth-of-type(1) {transform: rotate(45deg);}
.close_btn span:nth-of-type(2) {transform: rotate(-45deg);}


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

.mobile_wrap {display:block; background:#fff;}
.btn_box {display:block;}
}



/*main*/

.mv_section {position:relative;}
.link_btn {position:absolute; display:flex; bottom:9%; left:50%; transform:translateX(-50%);}
.link_btn li a {display:flex; justify-content: center; align-items:center; width:clamp(16px, 24vw, 284px); height:90px; line-height:90px; }
.link_btn li a i {margin-left:33px;}
.link_btn li a i img {vertical-align:unset; width:100%;}
.link_btn li:nth-of-type(1) a{ text-align:center; background:#fff; }
.link_btn li:nth-of-type(2) a {text-align:center; border:1px solid #fff; color:#fff;}



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

.link_btn {bottom:5%;}
.link_btn li a {height:60px; line-height:60px;}
}


@media screen and (max-width:1080px){
.link_btn li a {font-size:18px;}
.link_btn li a i {margin-left:15px;}
.link_btn li a i img {width:70%;}
}

@media screen and (max-width:890px){
.link_btn li a {font-size:18px;}
.link_btn li a i {margin-left:10px;}

}

@media screen and (max-width:767px){
.link_btn li a {font-size:15px; width:153px; height:47px; line-height:47px; }
.link_btn li a i img {width:65%;}
.link_btn li a i {margin-left:15px;}
.link_btn {bottom:10%;}
.admin_btn {bottom:30px;}
}



/*section*/


#j_section01 {padding: 180px;background:url('/img/section/j_section01_bg.jpg') no-repeat center center / cover;}
.youtube_box {text-align:center; max-width:976px; height:100%; width:100%; margin:0 auto;}
#j_section01 .j_sec_title {color: #FFF;text-align: center;font-size: 2.25rem;margin-bottom: 40px;}
@media screen and (max-width:1024px){
#j_section01 {padding:0;}
#j_section01 .j_inner{width:100%;}

}


@media screen and (max-width:767px){
#j_section01 {padding:0;}
#j_section01 .j_inner{width:100%;}

}


#j_section04 {background:url('/img/section/j_section04_bg.jpg') no-repeat center center / cover;}

.j_form_box { padding:38px 80px 51px; background:rgba(255, 255, 255, 0.3); border-radius:20px;  }

.j_form_wrap {display:flex; justify-content: center; flex-wrap:wrap; max-width:920px; margin: 0 auto;}
.j_form_list {display:flex; color:#fff; align-items:center;  width:50%; justify-content: center; position:relative;}
.j_form_list.w100 {width:100%; justify-content: unset; margin-top:28px;}
.j_form_list:nth-of-type(3) {margin-top:20px;}
.j_form_list:nth-of-type(4) {margin-top:20px;}
.j_form_name {width:116px;}
.j_form_input {width:calc(100% - 116px);}

.j_form input[type="text"],.j_form select,.date_wr_5 {max-width:250px; width:100%; height:55px; background:#878c97; border-radius:10px; border:none; padding:0 17px; color:#fff;}
.j_form input::placeholder {color:#fff;}
.j_form select {padding-left:17px; border:none; outline:none; appearance:none; background:url('/img/icon/down_arr.png') no-repeat center right 17px; width:100%;  }
.sel_custom {position:relative; width:250px; height:55px; background:#878c97; border-radius:10px; border:none;  line-height: 55px;}

.date_wr_5 {position:relative; color:#fff;}
.date_wr_5::after {content:''; width:16px; height:15px; position:absolute; top:50%; transform:translateY(-50%); right:17px; background: url('/img/icon/calen_icon.png') no-repeat;}
.date_wr_5::placeholder {color:#fff}
.ui-datepicker-trigger img { z-index:3; position:relative; margin-left:-47px;}
.checkbox_type01 {position:absolute; right:17px; top:50%; transform:translateY(-50%); }
.checkbox_type01 input[type="checkbox"] {display:none; position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden;}
.checkbox_type01 input[type="checkbox"]:checked + label span {background:url('/img/icon/chk_icon.png') no-repeat 50% 50%; background-color:#000;}
.chk_type01 {display:flex; align-items:center; cursor:pointer;}
.chk_type01 span {display:block; width:17px; height:17px; border-radius:50%; border:1px solid #fff; margin-right:7px; cursor: pointer; background:#000;}

.j_filed_list {color:#fff; display:flex; justify-content:center;}
.field_list {display:flex; align-items:center;}
.field_list li + li {margin-left:25px;}
.filed_radio {display:flex; align-items:center; cursor:pointer; font-size:16px;}
.field_list input[type="checkbox"] {display:none; position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden;}
.field_list input[type="checkbox"] + label span {display:block; width:17px; height:17px; border-radius:50%; border:1px solid #fff; margin-right:7px; cursor: pointer; background:#000;}
.field_list input[type="checkbox"]:checked + label span {background:url('/img/icon/chk_icon.png') no-repeat 50% 50%; background-color:#000;}

.agree_box {width:100%; margin-top:36px; display:flex;}
.agr_1 {color:#fff;}
.agr_1 input[type="checkbox"] {display:none; position:absolute; top:0; left:0; width:0; height:0; opacity:0; outline:0; z-index:-1; overflow:hidden;}
.agr_1 input[type="checkbox"] + label span {display:block; width:17px; height:17px; border-radius:50%; border:1px solid #fff; margin-right:7px; cursor: pointer; background:#000;}
.agr_1 input[type="checkbox"]:checked + label span {background:url('/img/icon/chk_icon.png') no-repeat 50% 50%; background-color:#000;}
.agree_flex {display:flex; align-items:center; cursor:pointer; margin-top:15px;}


.pr_info {margin-left:88px; padding:5px 20px; border:1px solid rgba(255, 255, 255, 0.3); border-radius:3px; width:61%; background:rgba(0, 0, 0, 0.3);}
.pr_info p {color:rgba(255, 255, 255, 0.3);}
.form_btn {width:250px; height:60px; line-height:60px; text-align:center; background:#fff; border-radius:10px; margin-top:44px; }
.form_btn_wrap .form_btn i {margin-left:50px;}
.form_btn_wrap .form_btn i img {vertical-align:unset;}


@media screen and (max-width:1180px){
	.j_form_box {padding:30px 20px 30px}
}

@media screen and (max-width:1080px){
	.j_form_list {width:100%;}
	.j_form_input {width:calc(100% - 116px)}
	.j_form_list:nth-of-type(2) {margin-top:20px;}
	.j_form input[type="text"], .j_form select {width:100%; max-width:unset;}
	.j_form input[type="text"].date_wr_5 {max-width:400px; }
	.sel_custom {width:100%;}
	.checkbox_type01 {}
	.field_list {flex-wrap:wrap;}
	.field_list li {width:20%;}
	.field_list li + li {margin-left:0;}
	.field_list li:nth-of-type(n+6) {margin-top:10px;}
	.j_form_list.w100 { width:100%; margin-top:20px;}
}


@media screen and (max-width:850px){
	
	.date_wr_5 {max-width:380px; }

}

@media screen and (max-width:767px){
	#j_section04 {background:url('/img/section/j_section04_bg_m.jpg') no-repeat center center / cover;}
	.j_form input[type="text"]::placeholder{font-size:11px;}
	.j_form input[type="text"] {padding:0 13px; height:30px;}
	.j_form input[type="text"].date_wr_5 {max-width:160px;}
	.date_wr_5 { max-width:160px; height:30px; font-size:11px;}
	.sel_custom {border-radius:5px;}
	.j_form_input {width:calc(100% - 63px)}
	.j_form_name { width:63px;}
	.j_form_name p {font-size:12.5px;}
	.filed_radio {font-size:11px;}
	.field_list input[type="checkbox"] + label span {width:8.5px; height:8.5px;}
	.field_list li {width:25%;}
	.field_list li:nth-of-type(n+5) {margin-top:5px;}
	.j_form select {height:30px; font-size:11px;}
	.sel_custom {height:30px; line-height:30px;}
	.field_box {width:calc(100% - 63px);}
	.chk_type01 span {width:8.5px; height:8.5px;}
	.j_form_input input::placeholder {font-size:11px !important;}
	.j_form input[type="text"],.j_form select {border-radius:5px;}

	.agree_box {flex-wrap:wrap;}
	.agr_1 {width: 100%; display: flex;  align-items: center; justify-content: space-between;}
	.agr_1 h2 {font-size:12.5px;}
	.agree_flex {margin-top:0;}
	.agr_1 input[type="checkbox"] + label span {width:8.5px; height:8.5px;}

	.pr_info {width:100%; margin-left:0; padding:5px 15px; margin-top:8px;}
	.pr_info p {overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
	.form_btn {margin-top:16px; width:170px; height:40px; line-height:40px; font-size:15px;}
	.checkbox_type01 input[type="checkbox"]:checked + label span {background:url('/img/icon/chk_icon.png') no-repeat 50% 50%; background-color:#fff;}
	.field_list input[type="checkbox"]:checked + label span {background-color:#fff;}
}


#j_section05 {background:url('/img/section/j_section05_bg.jpg') no-repeat center center / cover; padding-bottom:153px;}


.swiper-pagination {bottom:150px; left:50%; transform:translateX(-50%); width:100%;}
.swiper-pagination-bullet {margin:0 17.5px; width:13px; height:13px; background:rgba(255, 255, 255, 0.8);}
.swiper-pagination-bullet-active {background:rgba(249, 240, 242, 1);}
.swiper-pagination-bullet:first-child {margin-left:0;}
.swiper-pagination-bullet:last-child {margin-right:0;}
.cont_swiper + .cont_swiper {margin-top:40px;}

.swiper-slide {border-radius:30px; overflow:hidden;} 
.swiper-slide img {width:100%;}
.cont_swiper_list {display:flex; align-items: flex-end;}
.cont_swiper_list .lt_box {max-width:800px; width:100%;}

.cont_swiper_list .rt_box {position:relative;}
.cont_swiper_list .rt_box .txt_box {border-radius:30px; overflow:hidden; margin-bottom:150px; margin-left:-50px; z-index:2; position:relative; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);}

.cont_swiper02 .cont_swiper_list {flex-direction: row-reverse;}
.cont_swiper02 .cont_swiper_list .rt_box .txt_box {margin-left:auto; margin-right:-50px;}



@media screen and (max-width:1180px){
	.swiper-slide {border-radius:30px 30px 0 0;}
	.cont_swiper_list {flex-wrap:wrap;}
	.cont_swiper_list .rt_box .txt_box {margin-left:0; border-radius:0 0 30px 30px; margin-bottom:0;}
	.cont_swiper_list .lt_box {width:100%; max-width:unset; margin-bottom:0; }
	.cont_swiper_list .rt_box {width:100%;}
	.cont_swiper02 .cont_swiper_list .rt_box .txt_box {margin-right:0;}
}

@media screen and (max-width:767px){
.swiper-pagination {bottom:30px !important;}
.swiper-pagination-bullet  {width:6.5px; height:6.5px; margin:0 9px;}
#j_section05 {padding-bottom:80px; background:url('/img/section/j_section05_bg_m.jpg') no-repeat center center / cover;}
}









#j_section06 {padding:75px 0; background:url('/img/section/j_section06_bg.jpg') no-repeat center center / cover;} 

#j_section06 .swip06_page .swiper-pagination-bullet {background:#b9b8b3;}
#j_section06 .swip06_page .swiper-pagination-bullet-active {background:#ef9190;}
#j_section06 .sec06_swip .swiper-pagination {bottom:53px;}
.sec06_list {display:flex; }
.sec06_list li{width:50%;}
.sec06_list li .pc_img {border-radius:0 30px 30px 0; overflow:hidden;}
.sec06_list li .pc_img img {width:100%;}
.sec06_swip .swiper-slide {border-radius:30px 0 0 30px;}


@media screen and (max-width:767px){
	.sec06_list {flex-wrap:wrap;}
	.sec06_list li {width:100%;}
	.sec06_swip .swiper-slide {border-radius:30px 30px 0 0;}
	#j_section06 {background:url('/img/section/j_section06_bg_m.jpg')} 
}



#j_section010 {background:url('/img/section/section10_bg.jpg') no-repeat center center / cover;}
.sec10_list {display:flex; position:relative;}
.sec10_list li.map_box {border-radius:0 30px 0 0; overflow:hidden; }
.root_daum_roughmap .wrap_controllers {display:none;}
.sec10_list li {width:50%;}


.sec10_list li.map_box .root_daum_roughmap_landing{width:100%; height:100%; }
.sec10_list li.map_box .root_daum_roughmap .wrap_map{height:100%;}


.map_rt_btn {color:#fff; background:#ff7c7c; width:250px; height:60px; text-align:center; line-height:60px; border-radius:8px; position:absolute; left: 55%; top:50%; transform:translateY(-50%); display:flex; justify-content:center;}
.map_rt_btn i {margin-left:50px;}
.map_rt_btn i img {vertical-align:unset;}

.root_daum_roughmap .wrap_btn_zoom {display:none !important;}

@media screen and (max-width:767px){
	.map_rt_box {position:relative;} 
	.sec10_list {flex-wrap:wrap; flex-direction: column-reverse;}
	.sec10_list li {width:100%;}
	.map_rt_btn {left:27px; width:170px; height:40px; line-height:40px; top: 47%;}
	.map_rt_box {background:url('/img/section/section10_bg_m.jpg') no-repeat center center / cover;}
	.sec10_list li.map_box .root_daum_roughmap .wrap_map {height:300px;}
}





/*footer*/

footer {background:#000; text-align:center; padding:49px 0 40px 0;}
.ft_txt_box p {color:rgba(254, 254, 254, 0.3); line-height:1.5em; margin-top:24px;}



@media screen and (max-width:767px){
	footer {padding:49px 0 40px 0;}
	.ft_txt_box p {margin-top:12px;}
}


/*quick*/

.fixed_banner {    position: fixed; right: 20px; bottom: 250px; z-index:20;}
.fixed_banner ul li a {display:block;}
.fixed_banner ul li + li {margin-top:10px;}


@media screen and (max-width:767px){
	.fixed_banner {right:5px; bottom:200px;}
	.fixed_banner ul li a {text-align:right;}
	.fixed_banner ul li img {width:60%;}
}