@charset "utf-8";

/*
 * File Name : main.css
 * 작성일 : 2023-09-09
 */


/********************************************************
 
 *  Main Visual
 
 ********************************************************/

#visual {position: relative;height: calc(100vh - 120px);min-height:800px;overflow: hidden}
#visual .visual_cont_wrap {position: absolute;left:50%;transform: translateX(-50%);bottom:50px;display: flex;flex-direction: column;gap:30px;width: 100%; max-width: 1560px;padding: 0 80px; z-index:5;}
#visual .visual_cont_wrap .visual_tit {font-size: 40px;font-weight: 500; color:#fff;}
#visual .visual_cont_wrap .visual_tit strong {display: block; font-size: 40px; line-height: 1.3; font-weight: normal;opacity: 0;transform: translateY(50px);animation: fadeInUp 1s 0s forwards}
#visual .visual_cont_wrap .visual_tit strong span {display: block;font-size:60px;font-weight: 600}
#visual .visual_cont_wrap .visual_tit p {font-size: 24px;font-weight: 500; margin-top: 20px;padding: 0 5px;opacity: 0;transform: translateY(50px);animation: fadeInUp 1s 1s forwards}

#visual .visual_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:url("../images/main/vis_img1.jpg") no-repeat center center / cover;transform: scale(1.07);animation: scaleIn 7s 0.3s forwards}
#visual .visual_bg:after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2)}
#visual .visual_bg .bg_smoke {position: absolute;left:0;bottom: 0;width: 100%;font-size: 0;text-align: center;z-index: 1;transform: scale(1.07);animation: scaleIn 9s 0.9s forwards}
#visual .visual_bg .bg_img {position: absolute;left:0;bottom: 0;width: 100%;font-size: 0;text-align: center}

#visual .visual_slider {width: 100%;height: 650px;}
#visual .swiper-wrapper {height: 100% !important;}
#visual .swiper-slide {position: relative;height:100%;}
#visual .img-container {height: 100%;}
#visual .img-container img {width: 100%;height: 100%;object-fit: cover;object-position: center;}

#visual .visual_control {position: relative;margin-right: 100px;}
#visual .visual_roll_txt_wrap p {animation: rotation 7s linear infinite}
#visual .swiper-button-prev,
#visual .swiper-button-next {width: 60px;height: 16px;top:50%;transform: translateY(-50%);font-size: 0;margin-top: 0}
#visual .swiper-button-prev {left:-100px;}
#visual .swiper-button-next {right:-100px;}
#visual .swiper-button-prev:after,
#visual .swiper-button-next:after {width: 60px;height: 16px;font-size: 0;}
#visual .swiper-button-prev:after {background:url("../images/main/btn_visual_prev.png") no-repeat left center;}
#visual .swiper-button-next:after {background:url("../images/main/btn_visual_next.png") no-repeat right center;}
#visual .swiper-pagination {top:50%;bottom: auto; transform: translateY(-50%);font-family: 'AritaBuri';font-size: 40px;color:#fff;letter-spacing: -0.04em}
#visual .swiper-pagination span {font-family: 'AritaBuri';font-size: 40px;font-weight: 100; letter-spacing: -0.04em}
#visual .swiper-pagination span.swiper-pagination-current {font-weight: 900;}
.btn_slider_arr.stop-autoplay {background-image:url("../images/common/slider_btn_stop_off.png")}
.btn_slider_arr.start-autoplay {background-image:url("../images/common/slider_btn_play_off.png")}

/* Exhibition Info */
.exh_info {position: relative;z-index: 100;margin-top: 20px;}
.exh_info .inr {display: flex;gap:20px;align-items: stretch}
.exh_time {width: 100%;max-width:420px; background:#fff;border-radius: 10px;padding:30px 40px}
.exh_time strong {display: block;font-weight:600;font-size:  26px;color:#134569;padding-bottom: 10px;border-bottom: 1px solid #000;}
.exh_time p {display: flex; flex-wrap:wrap; width:100%; align-items: center;gap:10px;font-size: 30px;font-weight: 700;color:#000;padding: 10px 0;border-bottom: 1px solid #ddd;line-height: 1.3}
.exh_time p span.lasttime {margin-left:45px; font-size:14px; line-height: 1.2; font-weight: 400;}
.exh_time .holiday {display: flex;align-items: center;gap:10px;font-size: 18px;margin-top:15px;line-height: 1.2;}
.exh_time .holiday em {display: inline-block;line-height: 30px;padding: 0 15px;border-radius: 50px;background:#f17458;font-size: 15px;font-weight: 500;color:#fff;}
  

.exh_btns {display: flex;gap:20px;justify-content: space-between;}
.exh_btns a {flex: 1 0 0;width:200px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:10px;padding: 30px 20px;border-radius: 10px;}
.exh_btns a.btn1 {background:#156c9f;}
.exh_btns a.btn2 {background:#d49f35;}
.exh_btns a strong {font-size:22px;font-weight: 500;color:#fff;line-height: 1.3}

/* Scroll Down */
.scroll {position:absolute;bottom:50px;right:130px;width:1px;height:130px;background:rgba(255,255,255, 0.5);padding-bottom:0; z-index:10;}
.scroll span {position:absolute;bottom:55px;left:-10px;transform:translateX(-75px) rotate(90deg);font-size:12px;color:#fff;letter-spacing: .3em;line-height: 1; white-space: nowrap}
.scroll .scr_bar {position:absolute;top:0;left:0;width:2px;height:15px;background:#fff;}
.moveYani {transition: all .2s ease;-webkit-transition: all .2s ease;animation-name:moveYani;animation-duration:2s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-direction: normal;-webkit-animation-name: moveYani;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;-webkit-animation-direction: normal;}

@keyframes fadeInUp {
  0% {opacity: 0;transform: translateY(50px);}
  100% {opacity: 1;transform: translateY(0);}
}
@keyframes rotation {
  0% {transform:rotate(0);}
  100% {transform:rotate(360deg);}
}

@keyframes moveYani {
  0% {top:0;}
  50% {top:95%;}
  100% {top:0;}
}
@keyframes scaleIn {
  0% {transform: scale(1.07)}
  100% {transform: scale(1)}
}

@media screen and (max-width:1600px){
  #visual .visual_cont_wrap .visual_tit p {font-size: 22px;}
  .exh_info dl {font-size: 20px;gap:25px;}
  .exh_info dl dt {width: 150px;}
  .exh_info dl dt:after {width: 20%;margin-left:15px;}
  .exh_info dl dd { line-height: 1.4;}
}
@media screen and (max-width:1400px){
  #visual .visual_cont_wrap .visual_tit p {font-size: 20px;}
  #visual .visual_control {flex-shrink: 0;margin-right: 80px;}
  #visual .swiper-button-prev, 
  #visual .swiper-button-next {width: 40px;height: 10px;}
  #visual .swiper-button-prev {left: -60px;}
  #visual .swiper-button-next {right: -60px;}
  #visual .swiper-pagination {font-size:30px;}
  #visual .visual_roll_txt_wrap p img {width: 150px;}
  #visual .swiper-button-prev:after, 
  #visual .swiper-button-next:after {background-size: 40px auto !important;}
}
@media screen and (max-width:1200px){
  #visual .visual_control {margin-right:60px;}
  .exh_info dl {flex-wrap: wrap;justify-content: flex-start;gap:20px;}
  .exh_info dl dt {width: 20%;}
  .exh_info dl dd {width: 25%;}
  .exh_info dl dt.info_3:after {margin-left: 32px;}
  .exh_info dl dt.info_3 + dd {width: 60%}
  
  .scroll {display: none;}
}
@media screen and (max-width:1024px){
  
}
@media screen and (max-width:960px){
  #visual .visual_cont_wrap {gap: 15px;padding: 0 50px;}
  #visual .visual_cont_wrap .visual_tit strong {font-size:30px;}
  #visual .visual_cont_wrap .visual_tit strong span {font-size: 50px;}
  .exh_time strong {font-size: 22px;}
  .exh_time p {font-size: 26px;}
  .exh_time p img {width: 30px;}
  .exh_time .holiday {font-size: 16px;}
  .exh_time .holiday em {line-height: 28px;font-size:14px;}
  .exh_btns a {width:160px;padding:25px 15px;}
  .exh_btns a strong {font-size: 20px;}
  .exh_btns a > img {height: 40px;}
}
@media screen and (max-width:768px){
  #visual {min-height: 680px}
  #visual .visual_cont_wrap {gap: 10px;padding: 0 30px;}
  #visual .visual_cont_wrap .visual_tit {font-size: 30px;}
  #visual .visual_cont_wrap .visual_tit strong {font-size:22px;}
  #visual .visual_cont_wrap .visual_tit strong span {font-size:30px;}
  #visual .visual_cont_wrap .visual_tit p {font-size: 16px;margin-top: 10px}
  #visual .visual_cont_wrap .visual_tit p br {display: none}
  
  
  .exh_info .inr {flex-wrap: wrap;gap:10px;}
  .exh_time {padding: 25px 30px;max-width: none}
  .exh_time strong {font-size:20px;}
  .exh_btns {width: 100%;gap:10px}
  .exh_btns a {width:100%;padding: 20px 10px;}
  .exh_btns a > img {height: 30px;}
  .exh_btns a strong {font-size: 18px;}
  .exh_btns a .arr {width: 16px}
}
@media screen and (max-width:480px){
  #visual {min-height: 700px}
  .exh_time p {font-size:22px;}
  .exh_time p img {width:26px;}
  .exh_time .holiday {font-size:14px;}
  .exh_time .holiday em {line-height: 26px;font-size: 13px;}
}


/********************************************************
 
 *  Main Content
 
 ********************************************************/

.section_cont {position: relative;padding: 150px 0 180px;}
.section_cont .section_head {position: relative;display: flex;justify-content: center;align-items: center;}
.section_cont .section_head .section_tit {display: flex; gap:15px; align-items: center;font-size: 40px;font-weight: 600;color:#000;}
.section_cont .section_head .section_tit:before {content: "";display: block;width: 50px;height: 50px;border-radius: 50%;}

@media screen and (max-width:1024px){
  .section_cont {padding: 100px 0 150px;}
  .section_cont .section_head .section_tit {font-size: 36px;}
}
@media screen and (max-width:768px){
  .section_cont {padding: 100px 0 120px;}
  .section_cont .section_head {padding: 0 30px;justify-content: space-between;}
  .section_cont .section_head .section_tit {font-size: 30px;}
  .section_cont .section_head .section_tit:before {width: 40px;height: 40px;background-size: 16px auto !important;}
}
@media screen and (max-width:640px){
  
}
@media screen and (max-width:480px){
  .section_cont {padding: 60px 0 80px;}
  .section_cont .section_head {padding: 0 20px;}
  .section_cont .section_head .section_tit {font-size: 26px;gap:10px;}
  .section_cont .section_head .section_tit:before {width: 35px;height:35px;background-size: 14px auto !important;}
}


/*-----------------------------------------------------------------------------
 *  Section 01 : 퀵메뉴 바로가기
 *----------------------------------------------------------------------------*/

#quick_menu {}
#quick_menu .menu_list ul {display: flex;justify-content:center;align-items: center;}
#quick_menu .menu_list ul li {display: flex;align-items: stretch;}
#quick_menu .menu_list ul li + li:before {content: "";display: block; width: 1px;background:#ccc;margin:0 70px;}
#quick_menu .menu_list ul li a {display: flex;flex-direction: column;gap:20px;align-items: center;text-align: center;font-size: 24px;color:#15579f;font-weight: 500}
#quick_menu .menu_list ul li a .icon {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 120px;height: 120px;border-radius: 50%;background:#15579f;}

@media screen and (max-width:1400px){
  #quick_menu .menu_list ul li + li:before {margin: 0 40px;}  
  #quick_menu .menu_list ul li a {font-size: 20px;}
}
@media screen and (max-width:1200px){
  #quick_menu .menu_list ul li a {font-size: 18px;}
}
@media screen and (max-width:1024px){
  #quick_menu .menu_list ul li a .icon {width: 100px;height: 100px;}
}
@media screen and (max-width:960px){
  #quick_menu .menu_list ul {flex-wrap: wrap;gap:30px}
  #quick_menu .menu_list ul li + li:before {display: none}
}

@media screen and (max-width:768px){
    #quick_menu .menu_list ul li a {gap:10px}
  #quick_menu .menu_list ul li a .icon img {width:32px}
}
@media screen and (max-width:480px){
  #quick_menu .menu_list ul {gap: 15px 20px;}
  #quick_menu .menu_list ul li a .icon {width: 80px;height: 80px;}
  #quick_menu .menu_list ul li a .icon img {width: auto;height: 26px}
  #quick_menu .menu_list ul li a {font-size: 16px;gap:10px}
}


/*-----------------------------------------------------------------------------
 *  Section 02 : 교육/기획 전시
 *----------------------------------------------------------------------------*/

#edu_apply,
#exhibition {border-top: 1px solid #ddd;overflow: hidden}
#edu_apply .inr,
#exhibition .inr {position: relative}
.exh_slider_1 {overflow: visible}
.exh_list_slider .swiper-wrapper {align-items: stretch !important}
.exh_slider_1 .swiper-slide {border-radius: 10px;overflow: hidden;border:1px solid #ddd;transition: border-color 0.3s ease, box-shadow 0.3s ease}
.exh_slider_1 .swiper-slide:hover {border-color: #888;box-shadow: 0 0 20px rgba(0,0,0,0.15)}
.exh_slider_1 .swiper-slide a {display: block;height: 100%;}
.exh_slider_1 .list_img {position: relative;display: block;height: 338px;}
.exh_slider_1 .list_img:after {content: "";position: absolute;left: 0;bottom:-1px;height: 150px;width: 100%;background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 85%);}
.exh_slider_1 .list_img .list_label {position: absolute;left: 20px;top: 20px;display: inline-block;font-size:16px;font-weight: 500;color:#fff;background:#15579f; line-height:35px;padding: 0 15px;border-radius: 50px;}
.exh_slider_1 .plan .list_img .list_label {background:#c7650d;}
.exh_slider_1 .list_img img {display: block;width: 100%;height: 100%;object-fit: cover}
.exh_slider_1 .list_cont {display: block;padding:20px 30px 50px;}
.exh_slider_1 .list_cont strong {display: block;font-size:22px;font-weight: 600;color:#000}
#exhibition .list_cont strong {color:#000}
.exh_slider_1 .list_cont p {display: block;font-size:16px;margin-top: 5px}
.exh_list_slider .swiper-button-prev {left:-15px;}
.exh_list_slider .swiper-button-next {right:-15px;}
.exh_list_slider .swiper-button-prev:before,
.exh_list_slider .swiper-button-next:before {content: "";position: absolute;top:-10px;display: block;width:60px;height: 60px;border:1px solid #eee;background:#fff;border-radius: 50%;transform: rotate(45deg);z-index: 1}
.exh_list_slider .swiper-button-prev:before {left:-15px}
.exh_list_slider .swiper-button-next:before {right:-15px}
.exh_list_slider .swiper-button-prev:after,
.exh_list_slider .swiper-button-next:after {font-size: 18px;font-weight: 700;color:#174f77; z-index: 10}
.exh_list_slider .swiper-button-prev:hover:before,
.exh_list_slider .swiper-button-next:hover:before {background:#174f77;border-color:#174f77}
.exh_list_slider .swiper-button-prev:hover:after,
.exh_list_slider .swiper-button-next:hover:after {color:#fff}

@media screen and (max-width:1200px){
  .exh_slider_1 .list_img {height: 300px;}
}
@media screen and (max-width:768px){
  .exh_slider_1 .list_img {height: 200px;}
  .exh_slider_1 .list_img .list_label {left:10px;top: 10px;font-size: 14px;line-height: 30px;}
  .exh_slider_1 .list_cont {padding: 15px 20px 25px;}
  .exh_slider_1 .list_cont strong {font-size:18px;}
  .exh_slider_1 .list_cont p {font-size: 15px;line-height: 1.3;word-break: break-all}
  .exh_list_slider .swiper-button-prev:before, 
  .exh_list_slider .swiper-button-next:before {width: 40px;height: 40px;top: -2px}
  .exh_list_slider .swiper-button-prev:before {left: -8px;}
  .exh_list_slider .swiper-button-next:before {right: -8px;}
  .exh_list_slider .swiper-button-prev:after, 
  .exh_list_slider .swiper-button-next:after {font-size: 14px;}
  .exh_list_slider .swiper-button-prev {left: -25px;}
  .exh_list_slider .swiper-button-next {right: -25px;}
}
@media screen and (max-width:480px){
  .exh_slider_1 .list_img {height: 140px;}
  .exh_slider_1 .list_img:after {height: 100px;}
  .exh_slider_1 .list_cont strong {
    font-size: 16px;
}
  .exh_list_slider .swiper-button-prev {left: -15px;}
  .exh_list_slider .swiper-button-next {right: -15px;}
  .exh_list_slider .swiper-button-prev:before, .exh_list_slider .swiper-button-next:before {top: 0;}
}


/*-----------------------------------------------------------------------------
 *  Section 02 : 공지사항
 *----------------------------------------------------------------------------*/

/* 공지사항 */
#main_brd {border-top: 1px solid #ddd;background:url("../images/main/mainBrd_bg.jpg") no-repeat center center / cover}
.main_brd_cont {display: flex;gap:150px;justify-content: space-between;align-items:stretch}
.main_brd_cont .notice {width: 100%;overflow: hidden}
.main_brd_cont .notice .list_head {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom:40px}
.main_brd_cont .notice .list_head h2 {font-weight: 600; text-align: left;margin-bottom: 0}
.main_brd_cont .notice .list_head .btn_more {flex-shrink: 0; display: inline-block;font-size: 18px;font-weight: 500;margin-bottom: 15px}
.main_brd_cont .notice .list_head .btn_more:after {content: "";display: inline-block;vertical-align: middle;width:35px;height: 35px;border-radius: 50%;background:#444 url("../images/common/icon_more_w.png") no-repeat center center;margin-left: 10px;}
.main_brd_cont .notice .list_cont {}
.main_brd_cont .notice .list_cont ul {border-top: 1px solid #000}
.main_brd_cont .notice .list_cont ul li {border-bottom:1px solid #ddd;}
.main_brd_cont .notice .list_cont ul li a {position: relative;display: flex;flex-direction: column;gap:5px;padding: 35px 80px 35px 10px}
.main_brd_cont .notice .list_cont ul li a strong {display: block; font-size: 24px;font-weight: 600;color:#000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.main_brd_cont .notice .list_cont ul li a strong span.icon_new {display: inline-block;vertical-align:text-top;margin-left: 10px; font-size: 10px;font-weight: 800;color:#fff;line-height: 20px;width: 20px;height: 20px;border-radius: 50%;background:#f72f2f;text-align: center}
.main_brd_cont .notice .list_cont ul li a .list_desc {display: flex;flex-direction: column;gap:5px;}
.main_brd_cont .notice .list_cont ul li a .list_desc .list_desc_txt {display: block; width: 100%; font-size:18px;color:#666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.main_brd_cont .notice .list_cont ul li a .btn_view {position: absolute;right:10px;top:50%;transform: translateY(-50%);width: 55px;height: 55px;border-radius: 50%;background:url("../images/common/arr_view.png") no-repeat center center;text-indent: -9999px;border:1px solid #666;}
.main_brd_cont .notice .list_cont ul li a .list_date {font-size: 16px;}


/* Banner */
.main_brd_cont .bnr {flex:0 0 400px;width: 400px;border-radius: 10px;overflow: hidden;background:url("../images/main/guide_bg.jpg") no-repeat center center / cover}
.main_brd_cont .bnr .bnr_cont {position: relative;display: flex;flex-direction: column;gap:10px; color:#fff;padding: 60px 50px 280px;height: 100%;}
.main_brd_cont .bnr .bnr_cont h3 {font-size: 30px;font-weight: 600;}
.main_brd_cont .bnr .bnr_cont p {font-size: 18px;}
.main_brd_cont .bnr .bnr_cont a {display: flex;gap:10px;align-items: center;font-size: 18px;font-weight: 500;color:#fff;margin-top: 10px;}
.main_brd_cont .bnr .bnr_cont a img {display: block;}
.main_brd_cont .bnr .bnr_cont .img {position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;font-size: 0}
.main_brd_cont .bnr .bnr_cont .img img {width: 100%;}

@media screen and (max-width:1400px){
  .main_brd_cont {gap: 80px;}
  .main_brd_cont .bnr {flex: 0 0 300px;width: auto;}
  .main_brd_cont .bnr .bnr_cont {padding: 60px 50px 240px;}
}
@media screen and (max-width:1200px){
  .main_brd_cont {flex-direction: column;gap: 100px;}
}
@media screen and (min-width:480px) and (max-width:1200px){
  .main_brd_cont .bnr {flex: 0 0 100%;width: 100%;}
  .main_brd_cont .bnr .bnr_cont p {padding-right: 280px}
  .main_brd_cont .bnr .bnr_cont .img {left: auto;right: 0;width: 300px;transform: scaleX(-1)}
}
@media screen and (max-width:1024px){
  .main_brd_cont {flex-direction: column;gap: 50px;}
  .main_brd_cont .notice {flex:1.5;flex-shrink: 0; width:100%;}
  .main_brd_cont .notice .list_head {margin-bottom: 30px;}
  .main_brd_cont .notice .list_head h2 {font-size: 34px;}
  .main_brd_cont .notice .list_head .btn_more {font-size: 16px;}
  .main_brd_cont .notice .list_head .btn_more:after {width: 30px;height: 30px;background-size: 8px auto;}
  .main_brd_cont .notice .list_cont ul li a {padding: 30px 60px 30px 10px;}
  .main_brd_cont .notice .list_cont ul li a strong {font-size: 20px;}
  .main_brd_cont .notice .list_cont ul li a .list_desc .list_desc_txt {font-size: 16px;}
  .main_brd_cont .notice .list_cont ul li a .list_date {font-size: 14px;}
  .main_brd_cont .notice .list_cont ul li a .btn_view {width: 40px;height: 40px;background-size: 8px auto;}
  .main_brd_cont .bnr {flex:1;max-width:none;}
  .main_brd_cont .bnr .bnr_img:before {right: -20px;top: 20px;}
  .main_brd_cont .bnr .bnr_txt {font-size: 15px;}
}
@media screen and (max-width:768px){
  .main_brd_cont .notice .list_head h2 {font-size:26px;}
  .main_brd_cont .notice .list_head .btn_more {font-size: 15px; margin-bottom: 0}
  .main_brd_cont .notice .list_head .btn_more:after {width: 26px;height: 26px;}
  .main_brd_cont .bnr .bnr_cont {padding: 40px 40px 180px;}
  .main_brd_cont .bnr .bnr_cont h3 {font-size: 26px;}
  .main_brd_cont .bnr .bnr_cont p {padding-right: 0;font-size: 16px;}
  .main_brd_cont .bnr .bnr_cont a {font-size: 16px;}
  
  .main_brd_cont .bnr .bnr_cont a .arr {width: 16px;}
  .main_brd_cont .notice .list_cont ul li a .btn_view {width: 36px;height: 36px;background-size: 6px auto;}
}
@media screen and (max-width:480px){
  .main_brd_cont .bnr {flex: 0 0 100%;width:100%;padding-right: 0;}
  .main_brd_cont .notice .list_head h2 {font-size: 24px;}
  .main_brd_cont .notice .list_cont ul li a strong {font-size: 18px;}
  .main_brd_cont .notice .list_cont ul li a .list_desc .list_desc_txt {font-size: 15px;}
  .main_brd_cont .notice .list_cont ul li a .btn_view {width:35px;height:35px;}
  .main_brd_cont .bnr .bnr_cont {padding: 40px 40px 220px;}
  .main_brd_cont .bnr .bnr_cont h3 {font-size:22px;}
  .main_brd_cont .bnr .bnr_cont p {font-size: 15px;}
  .main_brd_cont .bnr .bnr_cont a {font-size: 15px;margin-top: 5px;}
}


/*-----------------------------------------------------------------------------
 *  Section 03 : 관람 가이드
 *----------------------------------------------------------------------------*/

#main_foot {padding-top:80px;padding-bottom:100px;border-top: 1px solid #ddd;}
#main_foot .inr {display: flex;justify-content: space-between;align-items: center;}
.exh_foot_info {}
.exh_foot_info ul {display: flex;justify-content: space-between;gap:100px;}
.exh_foot_info ul li {}
.exh_foot_info ul li h3 {display: flex;align-items: center;gap:10px;font-size: 26px;font-weight: 600;color:#000;}
.exh_foot_info ul li h3:before {content: "";display: block;width: 35px;height: 35px;border-radius: 50%;}
.exh_foot_info ul li h3.info_1:before {background:#000 url("../images/main/icon_clock_w.png") no-repeat center center;background-size: 20px auto;}
.exh_foot_info ul li h3.info_2:before {background:#000 url("../images/main/icon_price_w.png") no-repeat center center;background-size: 16px auto;}
.exh_foot_info ul li h3.info_3:before {background:#000 url("../images/main/icon_holiday_w.png") no-repeat center center;background-size: 16px auto;}
.exh_foot_info ul li p {font-size: 22px;font-weight: 500;margin-top: 5px;padding-left: 45px}
.exh_foot_info ul li p em {display: block;font-size: 16px;}
.exh_foot_btns {display: flex;gap:20px;}
.exh_foot_btns a {display: flex;gap:10px;align-items: center;font-size: 20px;font-weight: 500;color:#222; line-height: 70px;border:1px solid #222;padding: 0 40px; }
.exh_foot_btns a:before {content: "";display: inline-block;width:20px;height: 20px;}
.exh_foot_btns a.btn_guide {background:#222;color:#fff;}
.exh_foot_btns a.btn_guide:before {background:url("../images/main/icon_clock_w.png") no-repeat center center}
.exh_foot_btns a.btn_location:before {background:url("../images/common/icon_location_k.png") no-repeat center center}

@media screen and (max-width:1400px){
  .exh_foot_info ul {gap: 50px;}
  .exh_foot_info ul li p {font-size: 20px;}
  
  .exh_foot_btns {gap: 10px;}
  .exh_foot_btns a {font-size: 20px;line-height: 60px;padding: 0 20px;}
}
@media screen and (max-width:1200px){
  #main_foot .inr {display: block;}
  
  .exh_foot_btns {margin-top: 30px;}
}
@media screen and (max-width:960px){
  .exh_foot_info ul {flex-direction: column;gap: 20px;}
  .exh_foot_info ul li {display: flex;gap:5px;align-items: flex-start}
  .exh_foot_info ul li h3 {flex-shrink: 0; width:160px;}
  .exh_foot_info ul li h3:before {flex-shrink: 0;}
  .exh_foot_info ul li p {font-size: 18px;padding-left: 0;}
  .exh_foot_info ul li p em {font-size: 14px;}
}
@media screen and (max-width:768px){
  #main_foot {padding-top: 60px;padding-bottom: 80px;}
  .exh_foot_info ul li h3 {font-size: 22px;}
  .exh_foot_info ul li h3:before {width: 30px;height: 30px;}
  
  .exh_foot_btns a {width: 100%; justify-content: center;}
}
@media screen and (max-width:480px){
  .exh_foot_info ul li {display: block;}
  .exh_foot_info ul li h3 {font-size: 20px;}
  .exh_foot_info ul li p {font-size: 16px;padding-left: 40px;}
  .exh_foot_info ul li p em {font-size: 13px;}
  
  .exh_foot_btns a {gap:5px;font-size: 17px;line-height: 50px;padding: 0 18px;}
}