@charset "utf-8";

#sub_visual {height:86.9rem; color:#2e2525; background:no-repeat center/cover;}
#sub_visual.sub1 {background-image:url('../images/sub/sub1_visual.jpg');}
#sub_visual.sub3 {height:100vh; background-image:url('../images/sub/sub3_visual.jpg');}
#sub_visual.sub4 {background-image:url('../images/sub/sub4_visual.jpg');}
#sub_visual.sub5 {background-image:url('../images/sub/sub5_visual.jpg');}
#sub_visual.sub6 {background-image:url('../images/sub/sub5_visual.jpg');}
#sub_visual .cbox {display:flex; width:92%; max-width:1260px; height:66.7rem; margin:auto;}
#sub_visual .txt {flex:1; min-width:0; padding-top:30rem; letter-spacing:-0.04em; text-align:center;}
#sub_visual .txt > span {display:block; font-size:2.3rem; font-weight:200;}
#sub_visual .txt > strong {display:block; margin-top:1rem; font-size:4.4rem; font-weight:700;}
#sub_visual .txt > p {margin-top:2rem; font-size:5.3rem; font-weight:300; letter-spacing:-0.07em;}
#sub_visual .txt > p strong {font-weight:700; color:#cb1818;}
#sub_visual .img {width:55.8%; max-width:700px; margin-right:-8rem; background:url('../images/sub/sub1_visual_img.png') no-repeat center bottom; background-size:contain;}
#sub_visual .tit {width:92%; max-width:1400px; height:20.2rem; padding-top:4rem; margin:auto; text-align:center; background:rgba(255,255,255,0.8);}
#sub_visual .tit span {display:block; font-family: "Noto Sans KR", sans-serif; font-size:1.5rem; font-weight:300; letter-spacing:0.2em; text-transform:uppercase;}
#sub_visual .tit strong {display:Block; padding-top:1.3rem; font-size:4.2rem; font-weight:700;}
#sub_visual .tit p {padding-top:1.5rem; font-size:2.2rem; font-weight:300;}

#sub_visual.sub1 .txt {padding-top:33.2rem; text-align:left;}

#sub_visual.sub3 .txt {padding-top:24rem; color:#fff; text-align:center;}
#sub_visual.sub3 .t1 {font-family: "Noto Serif KR", serif; font-size:7.4rem; font-weight:700;}
#sub_visual.sub3 .t2 {margin:2.5rem 0 3.5rem; font-family: 'GmarketSans', sans-serif; font-size:8.4rem; font-weight:700; text-transform:uppercase;}
#sub_visual.sub3 .t3 {display:inline-block; padding:0.2rem 2.2rem 0; border-radius:2rem; font-family: "Noto Sans KR", sans-serif; font-size:2rem; line-height:3.3rem; text-transform:uppercase; font-weight:300; background:#cb1818;}

#sub_visual.mem {background-image:url('../images/sub/mem_visual.jpg');}
#sub_visual.mem .cbox {flex-direction:column;}
#sub_visual.mem .mem_tab {width:100%; max-width:84rem; margin:auto auto 0; background:#a63535;}
#sub_visual.mem .mem_tab ul {display:flex;}
#sub_visual.mem .mem_tab li {position:relative; width:33.33%;}
#sub_visual.mem .mem_tab li+li::before {position:absolute; top:50%; left:0; width:1px; height:2.8rem; margin-top:-1.4rem; background:#f9f0ef; content:'';}
#sub_visual.mem .mem_tab a {display:block; line-height:6.5rem; font-family: "Noto Sans KR", sans-serif; font-size:1.8rem; color:#fff; font-weight:300; text-align:center;}
#sub_visual.mem .mem_tab .on a {font-weight:700;}

@media (max-width:1024px){
	#sub_visual {height:auto;}
	#sub_visual .cbox {height:40rem;}
	#sub_visual .txt {padding-top:18rem !important; text-align:center !important;}
	#sub_visual .img {display:none;}
	
	#sub_visual .txt > span {font-size:1.8rem;}
	#sub_visual .txt > strong {font-size:3.5rem;}
	#sub_visual .txt > p {font-size:4.2rem;}
	#sub_visual .tit {height:16rem; padding-top:3.2rem;}
	#sub_visual .tit span {font-size:1.3rem;}
	#sub_visual .tit strong {padding-top:1rem; font-size:3.4rem;}
	#sub_visual .tit p {padding-top:1rem; font-size:1.8rem;}
	
	#sub_visual.sub3 {height:55rem;}
	#sub_visual.sub3 .t1 {font-size:4.2rem;}
	#sub_visual.sub3 .t2 {font-size:5.6rem;}
	#sub_visual.sub3 .t3 {font-size:1.9rem;}
	
	#sub_visual.mem .txt {padding-top:14rem !important;}
}


.sub_container {width:92%; max-width:1400px; margin:0 auto; color:#333; word-break:keep-all;}

.fc-red {color:#cb1818;}
.fc-primary {color:#ae4747;}

.stit {margin-bottom:4rem; text-align:center;}
.stit span {display:block; font-size:1.5rem; letter-spacing:0.2em; font-family: "Noto Sans KR", sans-serif; text-transform:uppercase;}
.stit h3 {margin-top:1rem; font-size:4.2rem; color:#2a2a2a; font-weight:700;}
.stit p {margin-top:1.5rem; font-size:2.2rem; color:#2e2525; font-weight:300;}
@media (max-width:1024px){
	.stit h3 {font-size:3.4rem;}
	.stit p {font-size:1.8rem;}
}

.intro_c01 {display:flex; padding-left:11rem; padding-bottom:20rem; border-bottom:1px solid #313030;}
.intro_c01 .cont {flex:1; min-width:0; padding:9rem 0 5rem;}
.intro_c01 .img {width:50rem; background:url('../images/sub/intro_c01_img.jpg') no-repeat center; background-size:40.2rem auto;}
.intro_c01 h3 {font-size:3.5rem; font-weight:400; line-height:1.42875;}
.intro_c01 .t1 {margin-top:3rem; font-family: "Noto Sans KR", sans-serif; font-size:2.3rem; font-weight:500; color:#313030; line-height:1.4;}
.intro_c01 .t2 {margin-top:3rem; font-family: "Noto Sans KR", sans-serif; font-size:2rem; font-weight:500; color:#666666; line-height:1.6;}
.intro_c01 img {width:52.7rem; margin-top:7rem;}
@media (max-width:1024px){
	.intro_c01 {position:relative; padding:0 0 12rem}
	.intro_c01::before {position:absolute; top:0; right:0; bottom:0; z-index:-1; width:60%; background:url('../images/sub/intro_c01_img.jpg') no-repeat right 8rem/contain; opacity:0.4; content:'';}
	.intro_c01 .img {display:none;}	
	.intro_c01 img {width:41.3rem;}
}

.intro_c02 {padding:16rem 0 22rem; border-bottom:1px solid #313030;}
.intro_c02 .img {padding-bottom:46.375%; background:url('../images/sub/intro_c02_img.jpg') no-repeat center/cover;}
.pc .intro_c02 .img {transform:scale(0.5); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);} /* transition: cubic-bezier(0.84, 0.03, 0.38, 0.98) 0.8s */


.intro_c02 .cont {padding:6rem 11rem 0;}
.intro_c02 .t1 {margin-bottom:3rem; font-family: "Noto Sans KR", sans-serif; font-size:2.3rem; color:#313030; font-weight:500; line-height:1.391;}
.intro_c02 .t2 {font-family: "Noto Sans KR", sans-serif; font-size:2rem; color:#666666; line-height:1.6; letter-spacing:-0.06em;}
.intro_c02 .t3 {margin:5rem 0 1rem; font-size:3.5rem; color:#313030; font-weight:700; line-height:1.4;}
@media (max-width:1024px){
	.intro_c02 {padding:12rem 0 15rem;}
	.intro_c02 .cont {padding:4rem 0 0;}
	.intro_c02 .t3 {font-size:3rem;}
}

.intro_c03 {padding:16rem 0; border-bottom:1px solid #313030;}
.intro_c03 .cmap {overflow:hidden; position:relative; height:77rem; background:#ccc;}
.pc .intro_c03 .cmap {transform:scale(0.5); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);}
.intro_c03 .cmap .inbox {position:absolute; top:-100px; left:-100px; right:-100px; bottom:-100px;}
.intro_c03 .cmap .root_daum_roughmap,
.intro_c03 .cmap .wrap_map {width:100% !important; height:100% !important;} 
.intro_c03 .info {padding:6rem 0;}
.intro_c03 .info h4 {padding-left:13rem; line-height:9rem; font-size:3.5rem; font-weight:700; color:#2d2d2d;}
.intro_c03 .info ul {margin-top:3rem; padding-left:13rem; font-family: "Noto Sans KR", sans-serif; background:no-repeat 6.4rem 0.5rem; background-size:1.8rem auto;}
.intro_c03 .info.car h4 {background:url('../images/sub/icon_car.jpg') no-repeat 2.3rem center; background-size:8.3rem auto;}
.intro_c03 .info.car ul {background-image:url('../images/sub/car_txt.jpg');}
.intro_c03 .info.bus h4 {background:url('../images/sub/icon_bus.jpg') no-repeat 2.2rem center; background-size:8.5rem auto;}
.intro_c03 .info.bus ul {background-image:url('../images/sub/bus_txt.jpg');}
.intro_c03 .info li+li {margin-top:2rem;}
.intro_c03 .info ul strong {display:block; position:relative; margin-bottom:1rem; padding-left:2rem; font-size:2.3rem; font-weight:500;}
.intro_c03 .info ul strong::before {position:absolute; top:50%; left:0; width:1.3rem; height:1.3rem; margin-top:-0.6rem; background:#313030; content:'';}
.intro_c03 .info ul strong:first-child {margin-top:0;}
.intro_c03 .info ul p {font-size:2rem; color:#666666; line-height:1.6;}
@media (max-width:1024px){
	.intro_c03 {padding:12rem 0;}
	.intro_c03 .cmap {height:45rem;}
	
	.intro_c03 .info h4 {padding-left:8rem; font-size:3rem; line-height:6.5rem; background-position:1rem 0.3rem !important; background-size:5rem auto !important;}
	.intro_c03 .info ul {padding-left:1rem; background:none !important;}
}


#sub_visual_program {overflow:hidden; display:flex; align-items:center; position:relative; height:100vh; background:url('../images/sub/sub_visual_program.jpg') no-repeat center/cover;}
#sub_visual_program .txt {width:96%; margin:auto; text-align:center;}
#sub_visual_program .t1 {font-size:8.3rem; color:#fff; font-weight:700;}
html[lang="en"] #sub_visual_program .t1 {font-size:5rem;}
#sub_visual_program .t2 {margin-top:5rem; font-size:19rem; color:#fff; font-weight:700; letter-spacing:-0.03em;}
#sub_visual_program .obj {position:absolute; top:50%; left:50%; z-index:1; width:192rem; height:108rem; margin:-54rem -96rem;}
#sub_visual_program span {position:absolute; background:no-repeat center/contain;}
#sub_visual_program .obj01 {left:10rem; top:18.8rem; width:24.9rem; height:28.9rem; background-image:url('../images/sub/program_obj01.png');}
#sub_visual_program .obj02 {left:162.3rem; top:25.4rem; width:25.2rem; height:21.3rem; background-image:url('../images/sub/program_obj02.png');}
#sub_visual_program .obj03 {left:39rem; top:49.4rem; width:21.9rem; height:11.1rem; background-image:url('../images/sub/program_obj03.png');}
#sub_visual_program .obj04 {left:23.2rem; top:84.8rem; width:14.9rem; height:10.5rem; background-image:url('../images/sub/program_obj04.png');}
#sub_visual_program .obj05 {left:139.8rem; top:63.8rem; width:26.4rem; height:32.5rem; background-image:url('../images/sub/program_obj05.png');}
#sub_visual_program .obj06 {left:68.4rem; top:91.4rem; width:11.5rem; height:13.3rem; background-image:url('../images/sub/program_obj06.png');}
#sub_visual_program .obj07 {left:166rem; top:89rem; width:24.4rem; height:16.5rem; background-image:url('../images/sub/program_obj07.png');}
#sub_visual_program .t1,
#sub_visual_program .t2 {transform:translateY(5rem); opacity:0; transition:transform 0.9s, opacity 0.9s;}
#sub_visual_program .t1 {transition-delay:0.4s;}
#sub_visual_program .t2 {transition-delay:0.6s;}
#sub_visual_program span {transform:scale(0.2); opacity:0; transition:all 0.6s;}
#sub_visual_program .obj01 {transition-delay:0.5s;}
#sub_visual_program .obj02 {transition-delay:0.8s;}
#sub_visual_program .obj03 {transition-delay:1s;}
#sub_visual_program .obj04 {transition-delay:1.3s;}
#sub_visual_program .obj05 {transition-delay:1.5s;}
#sub_visual_program .obj06 {transition-delay:1.8s;}
#sub_visual_program .obj07 {transition-delay:2s;}
#sub_visual_program.play .t1,
#sub_visual_program.play .t2 {transform:translateY(0); opacity:1;}
#sub_visual_program.play span {transform:scale(1); opacity:1;}
@media (max-width:2000px){
	#sub_visual_program .txt,
	#sub_visual_program .obj {transform:scale(0.8);}
}
@media (max-width:1600px){
	#sub_visual_program .txt,
	#sub_visual_program .obj {transform:scale(0.7);}
}
@media (max-width:1024px){
	#sub_visual_program .txt {transform:scale(1);}
	#sub_visual_program .obj {top:50%; left:0; width:100%; height:100rem;  margin:0; margin-top:-50rem; transform:scale(1);}
	#sub_visual_program .obj span {transform:scale(0.6);}
	#sub_visual_program .t1 {font-size:3.8rem;}
	html[lang="en"] #sub_visual_program .t1 {font-size:2.7rem; word-break:keep-all;}
	#sub_visual_program .t2 {margin-top:3rem; font-size:8rem;}
	
	#sub_visual_program .obj01 {left:0; top:9rem;}
	#sub_visual_program .obj02 {left:auto; right:-2em; top:21rem;}
	#sub_visual_program .obj03 {left:-1rem; top:45.4rem;}
	#sub_visual_program .obj04 {left:1.2rem; top:61.8rem;}
	#sub_visual_program .obj05 {left:auto; right:-5rem; top:51.8rem}
	#sub_visual_program .obj06 {left:12.4rem; top:70.4rem;}
	#sub_visual_program .obj07 {left:auto; top:70rem; right:-3rem;}
}

.gimjang {background:#f9f0ef;}

.gimjang_c01 {max-width:1260px; margin:auto; padding:16rem 0; font-family: "Noto Sans KR", sans-serif;}
.gimjang_c01 .clist1 {display:flex; gap:3rem;}
.gimjang_c01 .clist1 li {flex:1; min-width:0; padding:7.5rem 0 8rem; text-align:center; background:#d9e188;}
.gimjang_c01 .clist1 li::before {display:block; width:12rem; height:12rem; margin:auto; background:url('../images/sub/icon_gimjang01.png') no-repeat center/contain; content:'';}
.gimjang_c01 .clist1 li:nth-child(2) {background:#bdce2c;}
.gimjang_c01 .clist1 li:nth-child(2)::before {background-image:url('../images/sub/icon_gimjang02.png');}
.gimjang_c01 .clist1 li:nth-child(3)::before {background-image:url('../images/sub/icon_gimjang03.png');}
.gimjang_c01 .clist1 li .tit_rbox {margin-top:2rem;}
.gimjang_c01 .clist1 li div {margin-top:3rem; font-size:2.3rem; line-height:1.52; letter-spacing:-0.05em;}

@media (max-width:1024px){
	.gimjang_c01 {padding:10rem 0 12rem;}
	.gimjang_c01 .clist1 {flex-direction:column;}
	.gimjang_c01 .clist1 li {padding:4rem 0;}
}

.tit_rbox {display:inline-block; padding:0 2rem; border-radius:2.5rem; font-size:2rem; color:#fff; line-height:4.6rem; font-weight:400; background:#2b3f07;}

.stit2 {display:flex; align-items:center; margin-bottom:3rem;}
.stit2::before {width:9.4rem; height:8rem; background:url('../images/sub/icon_tit01.png') no-repeat 0 center/contain; content:'';}
.stit2.s2::before {background-image:url('../images/sub/icon_tit02.png')}
.stit2.s3::before {background-image:url('../images/sub/icon_tit03.png')}
.stit2 .tit_rbox {min-width:14.5rem; padding:0 3rem; text-align:center;}

.mt_20 {margin-top:2rem;}
.mt_40 {margin-top:4rem;}
.mt_70 {margin-top:7rem;}
.mt_110 {margin-top:11rem;}

.cont_t1 {padding-left:6rem; font-size:2.3rem; line-height:1.6;}

.clist2 {padding-left:6rem; font-size:2.3rem; color:#000000; line-height:1.52;}
.clist2 li {position:relative; padding-left:3rem; letter-spacing:-0.06em;}
.clist2 li::before {position:absolute; top:1.5rem; left:1.1rem; width:0.6rem; height:0.6rem; border-radius:100%; background:#000000; content:'';}
.clist2+.clist2 {margin-top:2rem;}


.mbtn {display:inline-flex; align-items:center; justify-content:center; gap:2rem; width:44rem; height:9.2rem; margin-left:6rem; margin-top:3rem; border:1px solid #6e6d6d; border-radius:5rem; font-family: 'GmarketSans', sans-serif; font-size:2.3rem; color:#000000; font-weight:500; transition:all 0.4s;}
.mbtn::after {width:3.2rem; height:3.2rem; background:url('../images/sub/icon_arr.png') no-repeat center/contain; content:''; transition:all 0.4s;}
.mbtn span {position:relative; top:0.2rem;}
.mbtn:hover {border-color:#a63535; color:#fff; background:#a63535;}
.mbtn:hover::after {filter: brightness(0) invert(1);}


.stable {width:100%; border-bottom:1px solid #505050;}
.stable th {height:10rem; font-family: 'GmarketSans', sans-serif; text-align:center; font-size:2.3rem; color:#fff; background:#505050;}
.stable td {height:7rem; padding:1rem; border-bottom:1px solid #9f9f9f; border-right:1px solid #9f9f9f; border-left:1px solid #9f9f9f; text-align:center; font-size:2rem;}
.stable td:first-child {border-left:0;}
.stable td:last-child {border-right:0;}
@media (max-width:1024px){
	.clist2 {padding:0;}
	
	.cont_t1 {padding-left:0; font-size:2.3rem;}
	
	.stable th {height:8.5rem; font-size:2rem}
	.stable td {height:6rem; padding:0.5rem; font-size:1.8rem;}
}

.gimjang {padding:7rem 0 20rem;}
.sub_tmotion1 {display:flex; width:658.8rem; animation: scroll_left 26s linear infinite;}
.sub_tmotion1 > div {flex:1; min-width:0; height:9.3rem; background:url('../images/sub/sub_txt01.jpg') no-repeat center/contain;}

.sub_tmotion2 {display:flex; width:658.8rem; margin-top:2.7rem; animation: scroll_right 26s linear infinite;}
.sub_tmotion2 > div {flex:1; min-width:0; height:9.3rem; background:url('../images/sub/sub_txt02.jpg') no-repeat center/contain;}
@media (max-width:1024px){
	.gimjang {padding:5rem 0 10rem;}
	.sub_tmotion1 {width:329.4rem;}
	.sub_tmotion1 > div {height:4.7rem;}
	.sub_tmotion2 {width:329.4rem;}
	.sub_tmotion2 > div {height:4.7rem;}
}


@keyframes scroll_right {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes scroll_left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-25%);
  }
}



.pos {position:relative; top:-11rem;}
.policy_cont {padding:6rem 7rem 15rem; font-family: "Noto Sans KR", sans-serif; font-size:1.6rem; line-height:1.5625; color:#666666;}
.privacy_list {display:flex; margin-bottom:8rem; border-top:1px solid #d1d1d1;}
.privacy_list ul {width:50%; text-align:center;}
.privacy_list ul+ul {border-left:1px solid #d1d1d1;}
.privacy_list li {height:5rem; border-bottom:1px solid #d1d1d1;}
.privacy_list a {font-size:1.6rem; color:#666666; line-height:4.9rem;}
.privacy_list a:hover {color:#ad4646; text-decoration:underline;}
.policy_cont h3 {margin:2.5rem 0 0.5rem; color:#222222; font-weight:700; font-size:2rem;}
.policy_cont .gbox {margin-top:2.5rem; padding:3rem; border:1px solid #d1d1d1; line-height:1.875;}

@media (max-width:1024px){
	.pos {top:-60px;}
	.policy_cont {padding:6rem 0 10rem;}
	.privacy_list a {font-size:1.5rem;}
	.privacy_list ul {width:54%;}
	.privacy_list ul+ul {width:46%;}
}