@media (max-width:800px) { /* 모바일용 */
/* header & footer */
#w_header { height: 60px; }
#w_header.up { top:-61px; }
#w_header.down { height: 100vh; }
#w_header .wrap { height: 60px; }
#w_header h1 { top:10px; } 
#w_header h1 img { height: 40px; } 
#w_header #w_gnb { position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width:240px; gap: 0; height: auto; display: block; text-align: center; line-height:40px; }
#w_header #w_gnb > li { border-bottom:1px solid #ddd; }
#w_header #w_gnb > li a { display: block; line-height:40px;  }
#w_header #w_gnb > li:last-child { border-bottom:none; }
#w_header #w_gnb ul { position: static; font-size:16px; padding-top: 0; line-height: 40px; display: none; }
#w_header #w_gnb ul li { border-top:1px dashed #ddd; }


#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #fff; display: block; margin: 8px auto; transition: all 0.3s ease-in-out;}
#nav_btn:hover{ cursor: pointer;}
#nav_btn.act .line:nth-child(2){ opacity: 0;}
#nav_btn.act .line:nth-child(1){ transform: translateY(10px) rotate(45deg);}
#nav_btn.act .line:nth-child(3){ transform: translateY(-10px) rotate(-45deg);} 

#w_header.fix #nav_btn .line,
#w_header.down #nav_btn .line { background-color: #000; }

#w_footer .wrap { display: block; }
#w_footer .tel { font-size: 15px; }
#w_footer .time { font-size: 15px; }
#w_footer .foot_txt p { font-size: 14px; }
#w_footer .foot_logo img { display: none; }

/* index */
#main { height: 360px; }
#main .mainVisualSwiper .swiper-pagination { bottom: 20px; }
#main .main_wrap { padding-bottom: 0; }
#main h2 { font-size:3.8rem; }
#main p { font-size:1.8rem; }

.more { font-size:14px; }
.slide1 { background-position:right center !important; }

#exp { padding: 60px 0; }
#exp .exp_title { font-size: 28px; }
#exp .exp_desc { font-size: 15px; }
#exp .exp_list { flex-direction: column; gap: 12px; margin-top: 30px; }
#exp .exp_list li { flex: 1 1 auto; }

#mid { height: 240px; text-align: center; }
#mid h2 { font-size: 28px; }
#mid p { font-size: 15px; }

#pic { padding: 60px 0; }
#pic .pic_row, #pic .pic_row.reverse { flex-direction: column; }
#pic .pic_row > div { width: 100%; }
#pic .pic_row > .pic { height: 220px; }
#pic .pic_img { height: 220px; }
#pic .pic_row .pic img, #pic .pic_row.reverse .pic img { position: static; width: 100%; height: 100%; object-fit: cover; }
#pic .pic_row + .pic_row { margin-top: 50px; }
#pic .pic_txt { padding: 20px 0 0; text-align: center; }
#pic .pic_row.reverse .pic_txt { text-align: center; }
#pic .pic_eng { font-size: 22px; }
#pic .pic_tit { font-size: 24px; }
#pic .pic_desc { font-size: 14px; margin-top: 10px; }
#pic .pic_btn { font-size: 13px; padding: 0 20px; line-height: 38px; margin-top: 20px; }
.pic_txt > img { height: 40px; width: auto; margin-bottom: 8px; }

/* sub layout */
.sv { height: 240px; padding-top: 40px; box-sizing: border-box; }

.sm { border-bottom:1px solid #ddd; color:#666; position: relative; }
.sm ul { display: none; }
.sm select { height: 50px; width: 100%; border:none; padding:0 3%; box-sizing: border-box; appearance: none; font:16px ptb; outline:none; }
.sm i { position: absolute; right: 3%; top: 50%; transform: translateY(-50%); font-size: 14px; pointer-events: none; font-weight: bold; }

/* sub1_1 */
#sub1_1 .cont1 { height: 500px; padding: 0 5%; box-sizing: border-box; }
#sub1_1 .cont1_logo { height: 60px; }
#sub1_1 .cont1_tit { margin-top: 24px; font-size: 26px; }
#sub1_1 .cont1_desc { margin-top: 14px; font-size: 15px; }

#sub1_1 .cont2 { flex-direction: column; gap: 30px; padding: 60px 0; }
#sub1_1 .cont2_txt, #sub1_1 .cont2_photo { width: 100%; }
#sub1_1 .cont2_photo { height: 220px; }
#sub1_1 .cont2_label { font-size: 14px; }
#sub1_1 .cont2_tit { margin-top: 12px; font-size: 26px; }
#sub1_1 .cont2_desc { margin-top: 20px; }
#sub1_1 .cont2_desc p { font-size: 15px; }
#sub1_1 .cont2_desc p + p { margin-top: 12px; }

#sub1_1 .cont3 { padding: 60px 0; }
#sub1_1 .cont3_label { font-size: 14px; }
#sub1_1 .cont3_tit { margin-top: 12px; font-size: 26px; }
#sub1_1 .cont3_desc { margin-top: 14px; font-size: 15px; }
#sub1_1 .cont3_desc br { display: none; }
#sub1_1 .cont3_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 30px; }
#sub1_1 .cont3_list li { width: 100%; height: auto; padding: 24px 16px; border-radius: 20px; }
#sub1_1 .cont3_eng { font-size: 13px; }
#sub1_1 .cont3_kor { margin-top: 8px; font-size: 16px; }
#sub1_1 .cont3_num { margin-top: 16px; font-size: 48px; height: 40px; }
#sub1_1 .cont3_num.small { font-size: 28px; }

#sub1_1 .cont3_swiper_wrap { margin-top: 0px; }
#sub1_1 .cont3_scrollbar { margin-top: 0; width: 240px; }

#sub1_1 .cont4 { padding: 60px 0; }
#sub1_1 .cont4_label { font-size: 14px; }
#sub1_1 .cont4_tit { margin-top: 12px; font-size: 26px; }
#sub1_1 .cont4_desc { margin-top: 14px; font-size: 15px; }
#sub1_1 .cont4_desc br { display: none; }
#sub1_1 .cont4_row { flex-direction: column; gap: 40px; margin-top: 40px; }
#sub1_1 .cont4_logo_grid { flex: none; width: 100%; max-width: 320px; gap: 12px; }
#sub1_1 .cont4_logo_box img { width: 70%; }
#sub1_1 .cont4_logo_box.circle img { width: 50%; }
#sub1_1 .cont4_ci { width: 100%; }
#sub1_1 .cont4_ci_label { font-size:24px; }
#sub1_1 .cont4_ci_tit { font-size: 30px; }
#sub1_1 .cont4_color_list { margin-top: 24px; text-align: left; }
#sub1_1 .cont4_color_list li + li { margin-top: 20px; }
#sub1_1 .cont4_color_chip { flex: 0 0 56px; width: 56px; }
#sub1_1 .cont4_color_code { font-size: 16px; }
#sub1_1 .cont4_color_desc { font-size: 14px; }

/* sub1_2 */
#sub1_2 .cont1 { flex-direction: column; gap: 30px; padding: 60px 0; }
#sub1_2 .cont1_label { font-size: 14px; }
#sub1_2 .cont1_tit { margin-top: 12px; font-size: 26px; }
#sub1_2 .cont1_desc { margin-top: 20px; }
#sub1_2 .cont1_desc p { font-size: 15px; line-height: 1.6; }
#sub1_2 .cont1_desc p + p { margin-top: 14px; }
#sub1_2 .cont1_desc br { display: none; }
#sub1_2 .cont1_sign { margin-top: 16px; font-size: 16px; }
#sub1_2 .cont1_photo { flex: none; width: 100%; height: 320px; }
#sub1_2 .cont1_photo img { height: 100%; }

/* sub1_3 */
#sub1_3 .cont1 { padding: 60px 0 40px; }
#sub1_3 .cont1_label { font-size: 14px; }
#sub1_3 .cont1_tit { margin-top: 12px; font-size: 30px; }
#sub1_3 .cont1_desc { margin-top: 14px; font-size: 15px; }
#sub1_3 .cont1_desc br { display: none; }

#sub1_3 .cont2 { padding: 20px 0 80px; }
#sub1_3 .cont2_timeline::before { display: none; }
#sub1_3 .cont2_year { grid-template-columns: 0 1fr; column-gap: 0; margin-top: 0; }
#sub1_3 .cont2_year + .cont2_year { margin-top: 50px; }
#sub1_3 .cont2_year_tit { grid-column: 2; text-align: left; padding-right: 0; font-size: 28px; }
#sub1_3 .cont2_dot { display: none; }
#sub1_3 .cont2_event_list { grid-column: 2; padding-left: 0; margin-top: 14px; gap: 10px; }
#sub1_3 .cont2_event_list li { gap:0; }
#sub1_3 .cont2_month { flex: 0 0 26px; font-size: 15px; }
#sub1_3 .cont2_desc { font-size: 14px; line-height: 1.6; }

/* sub2_1 */
#sub2_1 .cont1 { padding: 60px 0; }
#sub2_1 .cont1_label { font-size: 14px; }
#sub2_1 .cont1_tit { margin-top: 12px; font-size: 26px; }
#sub2_1 .cont1_desc { margin-top: 14px; font-size: 15px; }
#sub2_1 .cont1_desc br { display: none; }
#sub2_1 .cont1_photo { margin-top: 30px; height: 200px; border-radius: 16px; }
#sub2_1 .cont1_bottom { flex-direction: column; align-items: center; gap: 30px; margin-top: 40px; text-align: center; }
#sub2_1 .cont1_summary { width: 100%; }
#sub2_1 .cont1_summary p { font-size: 14px; text-align: center; }
#sub2_1 .cont1_summary p br { display: none; }
#sub2_1 .cont1_summary p + p { margin-top: 14px; }
#sub2_1 .cont1_icon { width: 60px; height: 60px; margin: 0 auto; }
#sub2_1 .cont1_icon img { width: 100%; height: 100%; object-fit: contain; }
#sub2_1 .cont1_divider { width: 60px; height: 1px; margin: 0 auto; }
#sub2_1 .cont1_point { margin-left: 0; text-align: center; }
#sub2_1 .cont1_point_tit { font-size: 20px; }
#sub2_1 .cont1_point_list li { font-size: 14px; }

#sub2_1 .cont2 { padding: 60px 0; }
#sub2_1 .cont2_label { font-size: 14px; }
#sub2_1 .cont2_tit { margin-top: 12px; font-size: 26px; }
#sub2_1 .cont2_desc { margin-top: 14px; font-size: 15px; }
#sub2_1 .cont2_desc br { display: none; }
#sub2_1 .cont2_list { flex-direction: column; gap: 16px; margin-top: 30px; }
#sub2_1 .cont2_list li { padding: 30px 24px; }
#sub2_1 .cont2_list li.active { transform: none; }
#sub2_1 .cont2_num { font-size: 13px; }
#sub2_1 .cont2_eng { margin-top: 10px; font-size: 22px; }
#sub2_1 .cont2_kor { margin-top: 14px; font-size: 15px; }
#sub2_1 .cont2_txt { margin-top: 14px; font-size: 14px; }
#sub2_1 .cont2_txt br { display: none; }

#sub2_1 .cont3 { flex-direction: column; padding: 60px 0; }
#sub2_1 .cont3_label { font-size: 14px; }
#sub2_1 .cont3_tit { margin-top: 12px; font-size: 28px; }
#sub2_1 .cont3_desc { margin-top: 14px; font-size: 15px; }
#sub2_1 .cont3_desc br { display: none; }
#sub2_1 .cont3_gallery { width: 100%; margin-top: 30px; gap: 16px; }
#sub2_1 .cont3_col { width: calc(50% - 8px); gap: 16px; }
#sub2_1 .cont3_col.offset { margin-top: 0; }
#sub2_1 .cont3_card_img { height: 140px; }
#sub2_1 .cont3_card_txt { padding: 20px 12px; }
#sub2_1 .cont3_card_tit { font-size: 16px; }
#sub2_1 .cont3_card_desc { margin-top: 8px; font-size: 12px; }
#sub2_1 .cont3_card_desc br { display: none; }

/* sub2_2 */
#sub2_2 .cont1 { padding: 60px 0; }
#sub2_2 .cont1_label { font-size: 14px; }
#sub2_2 .cont1_tit { margin-top: 12px; font-size: 26px; }
#sub2_2 .cont1_desc { margin-top: 14px; font-size: 15px; }
#sub2_2 .cont1_desc br { display: none; }

#sub2_2 .cont1_row { flex-direction: column; gap: 30px; margin-top: 30px; }
#sub2_2 .cont1_photo { width: 100%; height: auto; }
#sub2_2 .cont1_photo img { width: 100%;  }
#sub2_2 .cont1_detail { width: 100%; text-align: center; }
#sub2_2 .cont1_detail_label { font-size: 16px; }
#sub2_2 .cont1_detail_icon { width: 60px; height: 60px; margin: 12px auto 0; }
#sub2_2 .cont1_detail_icon img { width: 100%; height: 100%; object-fit: contain; }
#sub2_2 .cont1_detail_tit { margin-top: 16px; font-size: 26px; }
#sub2_2 .cont1_detail_divider { margin: 20px auto 0; width: 60px; }
#sub2_2 .cont1_detail_desc { margin-top: 16px; font-size: 15px; }
#sub2_2 .cont1_detail_desc br { display: none; }

#sub2_2 .cont2 { padding: 60px 0; }
#sub2_2 .cont2_label { font-size: 14px; }
#sub2_2 .cont2_tit { margin-top: 12px; font-size: 26px; }
#sub2_2 .cont2_desc { margin-top: 14px; font-size: 15px; }
#sub2_2 .cont2_desc br { display: none; }
#sub2_2 .cont2_list { grid-template-columns: 1fr; gap: 16px; margin-top: 30px; }
#sub2_2 .cont2_list li { padding: 24px; }
#sub2_2 .cont2_card_tit { font-size: 20px; }
#sub2_2 .cont2_card_desc { margin-top: 10px; font-size: 15px; }

#sub2_2 .cont3 { padding: 60px 0; }
#sub2_2 .cont3_top { flex-direction: column; gap: 20px; }
#sub2_2 .cont3_photo { width: 100%; height: 200px; }
#sub2_2 .cont3_txt { width: 100%; text-align: center; }
#sub2_2 .cont3_label { font-size: 14px; }
#sub2_2 .cont3_tit { margin-top: 12px; font-size: 26px; }
#sub2_2 .cont3_desc { margin-top: 14px; font-size: 15px; }
#sub2_2 .cont3_desc br { display: none; }
#sub2_2 .cont3_swiper_wrap { margin-top: 30px; }
#sub2_2 .cont3Swiper { padding: 20px 0; }
#sub2_2 .cont3Swiper .swiper-slide:nth-child(odd),
#sub2_2 .cont3Swiper .swiper-slide:nth-child(even) { transform: none; }
#sub2_2 .cont3_card_img { height: 140px; }
#sub2_2 .cont3_card_tit { padding: 14px 8px; font-size: 15px; }
#sub2_2 .cont3_scrollbar { width: 200px; margin-top: 20px; }

/* sub2_3 */
#sub2_3 .cont1 { min-height: 300px; padding: 0 5%; box-sizing: border-box; }
#sub2_3 .cont1_label { font-size: 14px; }
#sub2_3 .cont1_tit { margin-top: 12px; font-size: 28px; }
#sub2_3 .cont1_desc { margin-top: 14px; font-size: 15px; }

/* sub4_1 */
#sub4_1 .cont1 { padding: 60px 0; }
#sub4_1 .cont1_label { font-size: 14px; }
#sub4_1 .cont1_tit { margin-top: 12px; font-size: 28px; }
#sub4_1 .cont1_desc { margin-top: 14px; font-size: 15px; }
#sub4_1 .cont1_desc br { display: none; }

#sub4_1 .cont1_map { position: relative; width: 100%; height: 300px; margin-top: 30px; overflow: hidden; border-radius: 16px; }
#sub4_1 .cont1_map .root_daum_roughmap { width: 100% !important; height: 100% !important; }
.root_daum_roughmap .wrap_map { height: 100% !important; }
#sub4_1 .cont1_map iframe {  width: 100% !important; height: 100% !important; }

#sub4_1 .cont1_info { flex-direction: column; gap: 24px; margin-top: 30px; font-size: 15px; }
#sub4_1 .cont1_info_item:nth-child(1),
#sub4_1 .cont1_info_item:nth-child(2),
#sub4_1 .cont1_info_item:nth-child(3) { width: 100%; }
#sub4_1 .cont1_info_tit { font-size: 15px; }
#sub4_1 .cont1_info_txt { margin-top: 8px; }
#sub4_1 .cont1_info_txt.strong,
#sub4_1 .cont1_info_txt.sub { font-size: 15px; }


/* sub4_2 */
#sub4_2 .cont1 { padding: 60px 0; }
#sub4_2 .cont1_label { font-size: 14px; }
#sub4_2 .cont1_tit { margin-top: 12px; font-size: 28px; }
#sub4_2 .cont1_desc { margin-top: 14px; font-size: 15px; }

/* sub5_1 */
#sub5_1 .cont1 { padding: 60px 0; }
#sub5_1 .cont1_tit { font-size: 28px; }
#sub5_1 .cont1_form { margin-top: 30px; }
#sub5_1 .cont1_row { grid-template-columns: 1fr; gap: 20px; }
#sub5_1 .cont1_field { margin-top: 20px; }
#sub5_1 .cont1_field label { font-size: 16px; }
#sub5_1 .cont1_field input,
#sub5_1 .cont1_field textarea { font-size: 14px; }
#sub5_1 .cont1_field textarea { height: 150px; }
#sub5_1 .cont1_agree { margin-top: 20px; }
#sub5_1 .cont1_check { font-size: 14px; }
#sub5_1 .cont1_policy p { font-size: 13px; }
#sub5_1 .cont1_btn { width: 100%; margin-top: 30px; }




















}


@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }

#w_header #w_gnb ul { transition:none; pointer-events: none; }

}