@import url('https://use.fontawesome.com/releases/v5.15.2/css/all.css');
@import url('https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Guides:wght@400..700&family=Yeseva+One&display=swap');

@font-face {
  font-family: Sandoll Ongothic;
  font-weight: 400;
}

@charset "utf-8";

/* Reset CSS  */
html { height: 100%; overflow-y:scroll;}
body { font-size: 13px; color:#121212; top: 0 !important;}
.index_wrap { overflow: hidden; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none; font-family: "Pretendard", sans-serif;}
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#121212;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; height:auto; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 1.6;}
/* td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;} */
a:hover{text-decoration:none;}
p, a, li {word-break: keep-all;}
p {font-size: 16px;}

/* 지연 common*/
ul, ol, li { list-style: none; }
a { text-decoration: none; color: inherit; }
img { vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
button { border: none; background: transparent; font-family: inherit; font-size: inherit; cursor: pointer; }
button:active { outline: none; }
button:focus { outline: none; }
.clearfix::after { content: ""; display: block; clear: both; }
.blind { overflow: hidden; position: absolute; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; }
.inner_wrap { position: relative; width: 100%; height: 100%; margin: 0 auto;  }
#element { pointer-events: none; }

/* 공통 컬러 */
:root {
  --main-color: #015965;
  --sub-color: #;
  --back-color: #;
}




/***************************** H E A D E R *********************************/
#header { position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: space-between;  width: 100%; height: 90px; padding: 0 50px; z-index: 1000;transition: .9s;}
/*  background: rgba(255, 255, 255, .9); */
/* #header:hover{background: rgba(255, 255, 255, 1); transition: .6s;} */
.gnb { display: flex; }
.gnb_wrap  { display: flex; align-items: center; gap: 6.91vw; }
.gnb .gnb_menu_btn { display: none; }
.login { display: flex; gap: 1vw; }
.login li { color: #FFF; font-size: 16px; text-transform: capitalize; }
.login li a { display: flex; align-items: center; gap: 10px; transition: all 0.3s; }
.gnb_wrap li:nth-of-type(n+6) { display: none; }
.gnb_wrap li a { color: #FFF; font-size: 18px; letter-spacing: -0.18px; transition: all 0.3s;  text-transform: capitalize; }
.gnb_wrap li:hover a { color: #333;}
.login li:hover a { color: #4C8BF5;}
.login li:hover a img {filter: brightness(0) saturate(100%) invert(55%) sepia(79%) saturate(3398%) hue-rotate(200deg) brightness(98%) contrast(97%);}

#my_menu { display: block; position: fixed; right: -100%; top: 0; width: 100%; max-width: 320px; background: #fff; height: 100vh; box-shadow: 0 1px 20px #d6d6d6; padding: 50px 20px; }
#my_menu .lg_close_btn { position: absolute; right: 20px; top: 20px; }
#smb_my_act > ul { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; gap: 10px; }
#my_menu .my_ov_name { margin-bottom: 20px; display: flex; align-items: center; gap: 10px;  flex-direction: column; }
#my_menu .act_btn { font-size: 14px;  color: #888; }
#my_menu .op_area { padding: 20px 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#my_menu .op_area > * { display: inline-block; line-height: 1.75; font-size: 14px; }
#my_menu .op_area dt { width: 30%; font-weight: 500; color: #333; }
#my_menu .op_area dd { width: 68%; color: #888; }
#my_menu .nav { margin-bottom: 40px; }
#my_menu .nav-tabs li { line-height: 40px; border-bottom: 1px solid #ddd; }
/* #my_menu .nav-tabs li:nth-of-type(n+6) { display: none; } */
.lg_btn { display: block; background: #4C8BF5; color: #fff; width: 180px; line-height: 40px; text-align: center; font-size: 14px; font-weight: 500; margin: 0 auto; }
#nav_tog { display: none;}

/* 구글 번역api */
/* .goog-te-gadget-icon { display: none; }
#header .goog-te-gadget img { width: 20px; height: 20px; background-image: url("../img/ico_lang.png")!important; background-repeat: no-repeat; background-position: center center!important; }


.VIpgJd-ZVi9od-ORHb-OEVmcd body.VIpgJd-ZVi9od-ORHb { background-color: transparent !important; }
.VIpgJd-ZVi9od-ORHb-OEVmcd { box-shadow: inherit !important; border-bottom: inherit !important; } */
body > .skiptranslate .VIpgJd-ZVi9od-ORHb-OEVmcd { position: absolute; left: 150%; }
#google_translate_element { position: fixed; right: 20px; bottom: 20px; z-index: 1000;}
#google_translate_element .goog-te-gadget-simple span { font-size: 14px; }
#google_translate_element .goog-te-gadget-simple span:nth-of-type(n+2){display: none; }
#google_translate_element .goog-te-gadget-simple img:nth-of-type(n+2){display: none; }
#google_translate_element .goog-te-gadget-simple { display: flex; flex-direction: row-reverse; align-items: center; background: #fff; padding: 10px 20px; border-radius: 50px; border: 5px solid #f5f5f5; }
#google_translate_element .goog-te-gadget img { border-radius: 100%; background: #fff; }

.sub { background: #fff; }
.sub .login li { color: #33353D; }
#header.sub .goog-te-gadget-simple span { color: #33353D; }
.sub .gnb_wrap li a { color: #33353D; }
/*.sub .logo img {filter: brightness(0) saturate(100%) invert(55%) sepia(79%) saturate(3398%) hue-rotate(200deg) brightness(98%) contrast(97%);}*/
.sub .gnb_wrap li a img, .sub .login li img {filter: brightness(0) saturate(100%) invert(20%) sepia(15%) saturate(398%) hue-rotate(190deg) brightness(90%) contrast(92%);}

/***************************** I N D E X *********************************/
#my_wrapper { overflow: hidden; }
.visual { position: relative; width: 100%; height: 90vh; background: url("../img/visual_bg.png") no-repeat center center / cover ;}

.m_con { overflow: hidden; position: relative; margin-left: 50px; margin-bottom: 100px; width: 100%; max-width: 1920px; }
.m_con .h2_wrap { display: flex; align-items: center; justify-content: space-between; width: calc(100% - 100px); max-width: 1704px; }
.m_con .h2_wrap a {color: #919191;text-align: center;font-size: 14px;font-weight: 400;}
.m_con h2 { color: #33353D; font-size: 30px; font-weight: 600; margin-bottom: 20px; }
.m_con .sd_btn { display: block; width: 60px; height: 60px; background: url("../img/ico_sd_btn.png") no-repeat center center / cover ; position: absolute; top: 43%; transform: translateY(-50%); z-index: 100; cursor: pointer; }
.m_con .n_btn { right: 6%; }
.m_con .p_btn { display: none; left: 0; }

#ltt_warp { display: flex; }
#ltt_warp .swiper-slide { max-width: 336px; }
#ltt_warp .img_box { position: relative; display: block; margin-bottom: 12px; border-radius: 5px; overflow: hidden; }
#ltt_warp .img_box::after { content: ""; display: block; width: 100%; height: 100%; background: #000; opacity: 0; position: absolute; left: 0; top: 0; transition: all 0.3s; }
#ltt_warp .img_box img { transition: all 0.3s; }
#ltt_warp .rm-infos2 { display: flex; align-items: center; gap: 5px; margin-bottom: 3px; color: #33353D; font-size: 16px; font-weight: 600; }
#ltt_warp .rm-infos3 { display: flex; align-items: center; gap: 5px; color: #33353D; font-size: 14px; font-weight: 400;}
#ltt_warp .rm-infos4 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; color: #fff; font-weight: 200; font-size: 20px; padding: 0 20px; word-break: break-all; text-align: center; z-index: 1; opacity: 0; transition: all 0.5s; line-height: 1.5; }
#ltt_warp .rm-infos4 .title { font-weight: bold; margin-bottom: 10px; }
#ltt_warp .img_box:hover::after { opacity: 0.8; }
#ltt_warp .img_box:hover img { transform: scale(1.25); }
#ltt_warp .img_box:hover .rm-infos4 { opacity: 1; }

#plan { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1632px; margin: 0 auto 100px; padding: 0 50px; }
#plan .title { margin-bottom: 13px; color: #33353D; font-family: "Roboto Condensed"; font-size: 48px; font-weight: 400; letter-spacing: -0.48px; }
#plan .desc { color: #33353D; font-size: 20px; font-weight: 400; letter-spacing: -0.4px; }
#plan a { display: flex; align-items: center; gap: 13px; color: #33353D; font-size: 24px; font-weight: 500; letter-spacing: -0.48px; }

.best_pro { margin: 100px 0 150px; padding: 0 50px;}
.best_pro h2 { color: #33353D; font-size: 34px; font-weight: 500; letter-spacing: -0.34px; text-align: center; margin-bottom: 40px; }
.best_pro .wrap { display: none; }
.best_pro .nav ul { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; }
.best_pro .nav li { color: #838383; font-size: 18px; font-weight: 400; letter-spacing: -0.18px; line-height: 1; padding: 2px 40px; border-right: 1px solid #ddd; cursor: pointer; transition: all 0.3s; }
.best_pro .nav li:hover { color: #0460D9; }
.best_pro .nav li.active { color: #0460D9; text-decoration-line: underline; }
.best_pro .nav li:last-of-type { border-right: none; }
.best_pro #ltt_warp .img_box img { display: block; width: 470px; height: 370px; object-fit: cover; aspect-ratio: 1 / 1; }
.best_pro #ltt_warp { align-items: center; justify-content: center; gap: 15px; }
.best_pro #ltt_warp li { overflow: hidden; position: relative; }
.best_pro #ltt_warp .swiper-slide { max-width: 470px; }
.best_pro #ltt_warp .img_box { margin-bottom: 0; }
.best_pro #ltt_warp .rm-infos2 { position: absolute; left: 0; bottom: 41px; width: 100%; color: #fff; background: rgba(0, 0, 0, 0.5); padding: 20px 40px 5px; margin-bottom: 0; }
.best_pro #ltt_warp .rm-infos2 img {filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(59%) hue-rotate(193deg) brightness(117%) contrast(100%);}
.best_pro #ltt_warp .rm-infos3 img {filter: brightness(0) saturate(100%) invert(99%) sepia(99%) saturate(59%) hue-rotate(193deg) brightness(117%) contrast(100%);}
.best_pro #ltt_warp .rm-infos3 { position: absolute; left: 0; bottom: 0; width: 100%; padding: 5px 40px 20px; color: #fff; background: rgba(0, 0, 0, 0.5); }
.best_pro #ltt_warp .img_box::after { display: none; }
.best_pro #ltt_warp .rm-infos4 { display: none; }
.best_pro .sv_member { color: #fff; }

.sch_wr2 { display: block; position: relative; width: 100%; max-width: 1020px; border-radius: 10px; margin: -145px auto 0; background: #fff; padding: 40px 50px; border: 1px solid #DDDDDD;  }
.sch_wr2 h2 { margin-bottom: 35px; color: #33353D; font-size: 34px; font-weight: 500;  letter-spacing: -0.34px; }
.sch_wr2 #hd_sch { border-radius: 0; }
.sch_wr2 #hd_sch #sch_stx { background: #fff; border-radius: 0; border: 1px solid #DDD; width: 100%; max-width: 608px; margin-right: 20px;  height: 50px; font-size: 14px; color: #888; }
.sch_wr2 #hd_sch #sch_submit { font-size: 16px; color: #fff; font-weight: 700; background: #4C8BF5;  border-radius: 0; width: 290px; text-align: center; height: 50px; letter-spacing: -0.16px; }
.sh_tab { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.sh_tab li {color: #33353D;font-size: 22px;font-weight: 400;letter-spacing: -0.22px; padding: 10px 50px; }
.sh_tab li.active { border-bottom: 4px solid #4C8BF5; }




/* #pfm{border: 1px solid red; background: #1c1c1c; margin: 0 auto 0px; padding-bottom: 150px}
#pfm .bo_sch_wrap {margin: 100px auto 100px;}
#pfm .bo_sch {border: 2px solid #4C8BF5; color: #4C8BF5;}
#pfm .bo_sch::placeholder{ color: #4C8BF5;} */
.wetoz .thumbnail {border-radius: 5px; }
#pfm .wetoz .thumbnail {height: 120%;}


/***************************** S U B  *********************************/
#s_top{ position: relative; height: 800px; margin-bottom: 100px;  }
#s_top.bg01 {background: url('../img/sub_top_03.jpg') no-repeat center center;background-size: cover;}
#s_top.bg02 {background: url('../img/sub_top_01.jpg') no-repeat center center;background-size: cover;}
#s_top.bg03 {background: url('../img/sub_top_02.jpg') no-repeat center center;background-size: cover;}
#s_top.bg04 {background: url('../img/sub_top_04.jpg') no-repeat center center;background-size: cover;}
#s_top.bg05 {background: url('../img/sub_top_01.jpg') no-repeat center center;background-size: cover;}
.s_top .title { color: #33353D;font-size: 54px;font-weight: 400;line-height: 130%;letter-spacing: -0.54px; }
.s_top .title span { color: #4C8BF5; font-weight: 600; margin-bottom: 3px}
.s_top .desc { color: #33353D;text-align: right;font-size: 16px;font-weight: 300;line-height: 175%;letter-spacing: -0.2px; }
.s_top .inner_wrap { display: flex; align-items: flex-end;justify-content: space-between; padding: 180px 50px 40px; height: 400px; flex-direction: column;}

#sub h2 { color: #4c89f6;font-size: 40px;font-weight: 600;letter-spacing: 0.66px; text-align: center; font-family: "Yeseva One", serif;}

.sub01_header {max-width: 1240px; margin: 0 auto;}
.sub01_header ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub01_header ul li {width: 25%; position: relative; display: flex; align-items: center; justify-content: center; gap:22px; padding: 30px 0;}
.sub01_header ul li p {font-size: 20px; font-weight: 400;}


/*sub0101*/
/*sub0101공통*/
.section0101 {padding-bottom: 210px;}
.width1240 {max-width: 1240px; margin: 0 auto;}
.section0101 .title {font-size: 40px; font-weight: 700; margin-bottom: 60px;}
.section0101 .title span {color:var(--main-color);}
#sub0101 {scroll-margin-top: 100px;}
#sub0101_02 {scroll-margin-top: 250px;}
#sub0101_03 {scroll-margin-top: 100px; margin-top: 110px;}
#sub0101_05 {scroll-margin-top: 100px; margin-top: 150px;}

#sub0101_01 {background:#dfeae9; padding-top: 80px;}
#sub0101_01 .heritage .tit_wrap {display: flex; flex-wrap: wrap; padding-bottom: 82px; gap: 7.5%;}
#sub0101_01 .heritage .tit_wrap .txt_wrap {width: 50%;}
#sub0101_01 .heritage .title span {color:var(--main-color);}
#sub0101_01 .heritage .tit_wrap .txt_wrap .article {font-size: 20px; font-weight: 600; line-height: 160%; margin-bottom: 23px;}
#sub0101_01 .heritage .tit_wrap .txt_wrap .desc {line-height: 190%; font-weight: 300;}
.sub01slide { position: relative; }
.sub01slide { visibility: hidden; }
.sub01slide .swiper-wrapper { margin-bottom: 30px; }
.sub01slide .swiper-wrapper .swiper-slide{ position: relative; height: 198px; background: #fff; overflow: hidden; box-sizing: border-box;}
.sub01slide .swiper-wrapper .swiper-slide .img-wrap{ width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat;
  background-size: cover; transition: transform .35s ease; will-change: transform;}
.sub01slide .swiper-wrapper .swiper-slide:hover .img-wrap{ transform: scale(1.06);}
.sub01slide .swiper-wrapper .swiper-slide .gradation{ display:none; position:absolute; left:0; right:0; bottom:0; height:33%;
  background: linear-gradient(0deg, rgba(0,0,0,.7), transparent);}
.sub01slide .swiper-wrapper .swiper-slide .name{ display:none; position:absolute; bottom:6%; left:6%; font-size:18px; color:#fff;}
.sub01slide .swiper-wrapper .swiper-slide:hover .gradation,
.sub01slide .swiper-wrapper .swiper-slide:hover .name{ display:block; }
.sub01slide .swiper-wrapper .slide01 .img-wrap{background-image: url(../img/sub01_slide01.png);}
.sub01slide .swiper-wrapper .slide02 .img-wrap{background-image: url(../img/sub01_slide02.png);}
.sub01slide .swiper-wrapper .slide03 .img-wrap{background-image: url(../img/sub01_slide03.png);}
.sub01slide .swiper-wrapper .slide04 .img-wrap{background-image: url(../img/sub01_slide04.png);}
.sub01slide .swiper-wrapper .slide05 .img-wrap{background-image: url(../img/sub01_slide05.png);}
.sub01slide .swiper-wrapper .slide06 .img-wrap{background-image: url(../img/sub01_slide06.png);}
.sub01slide .swiper-wrapper .slide07 .img-wrap{background-image: url(../img/sub01_slide07.png);}
.sub01slide .swiper-wrapper .slide08 .img-wrap{background-image: url(../img/sub01_slide08.png);}
.sub01slide .swiper-wrapper .slide09 .img-wrap{background-image: url(../img/sub01_slide09.png);}
.sub01slide .swiper-wrapper .slide10 .img-wrap{background-image: url(../img/sub01_slide10.png);}
.sub01slide .swiper-wrapper .slide11 .img-wrap{background-image: url(../img/sub01_slide11.png);}
.sub01slide .swiper-wrapper .slide12 .img-wrap{background-image: url(../img/sub01_slide12.png);}
.sub01slide .swiper-wrapper .slide13 .img-wrap{background-image: url(../img/sub01_slide13.png);}
.sub01slide .swiper-wrapper .slide14 .img-wrap{background-image: url(../img/sub01_slide14.png);}
.sub01slide .swiper-wrapper .slide15 .img-wrap{background-image: url(../img/sub01_slide15.png);}
.sub01slide .swiper-wrapper .slide16 .img-wrap{background-image: url(../img/sub01_slide16.png);}
.sub01slide .swiper-wrapper .slide17 .img-wrap{background-image: url(../img/sub01_slide17.png);}

.sub01slide .swiper-pagination{position: static !important; text-align: center; z-index: 50; pointer-events: auto; display: flex; gap: 20px; padding: 0 30px;}
.sub01slide .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:0px;background:#d9d9d9;opacity:1; display:inline-block;cursor:pointer;}
.sub01slide .swiper-pagination .swiper-pagination-bullet-active{ background:#2bbfb3;opacity:1;}
.sub01slide .swiper-button-prev,
.sub01slide .swiper-button-next{ z-index: 100; pointer-events: auto; background-image: none !important;}
.sub01slide .sub01-controls {display: flex; align-items: center; justify-content: center;}
.sub01slide .sub01-controls .swiper-button-prev, .sub01slide .sub01-controls .swiper-button-next {position: static; height: auto; width: auto; color:#121212; margin-top:0; display: block;}
.sub01slide .sub01-controls .swiper-button-prev:after, .sub01slide .sub01-controls .swiper-button-next:after {font-size: medium!important;}

#sub0101_02 {background:#dfeae9;}
#sub0101_02 .txt_wrap {display: flex; gap:7%; align-items: center;}
#sub0101_02 .txt_wrap .txt p {font-size: 18px; line-height: 160%; margin-bottom: 30px;}
#sub0101_02 .txt_wrap .txt p:first-child {font-size: 20px;}
#sub0101_02 .txt_wrap .txt p:last-child {margin-bottom: 0;}

#sub0101_03 .tab_wrap {background:#dfeae9; display: flex; margin-bottom: 110px;}
#sub0101_03 .tab_wrap .sub0101tab {width: 50%;}
#sub0101_03 .tab_wrap .active_tab {background:#fff; border-radius: 0 50px 0 0; text-align: right;}
#sub0101_03 .tab_wrap .active_tab p {padding: 22px 72px 22px 0; font-size: 32px; color:var(--main-color); font-weight: 600;}
#sub0101_03 .tab_wrap .active_tab p span {font-weight: 700;}
#sub0101_03 .tab_wrap .move_tab {position: relative;}
#sub0101_03 .tab_wrap .move_tab p {padding: 22px 0 22px 72px; font-size: 32px; color: #6f7f81; font-weight: 300;}
#sub0101_03 .tab_wrap .move_tab p span {font-weight: 700;}
.cover {position: absolute; top:0; left: 0; width:100%; height: 100%; z-index: 9999;}

#sub0101_03 .event {display: flex; gap:5%; margin-bottom: 120px;}
#sub0101_03 .event .txt_wrap {width: 68%;}
#sub0101_03 .event .txt_wrap .top {margin-bottom: 140px;}
#sub0101_03 .event .txt_wrap .top .anno {font-size: 18px; color:#828282; margin-bottom: 14px;}
#sub0101_03 .event .txt_wrap .top .tit {font-size: 30px; font-weight: 700; position: relative; padding-left: 16px;}
#sub0101_03 .event .txt_wrap .top .tit:before {content:""; position: absolute; top:9%; left: 0; width: 4px; height: 28px; background:#42BAB3;}
#sub0101_03 .event .txt_wrap .btm ul {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
#sub0101_03 .event .txt_wrap .btm ul:last-child {margin-bottom: 0;}
#sub0101_03 .event .txt_wrap .btm ul li {font-size: 18px; line-height: 155%;}
#sub0101_03 .event .txt_wrap .btm ul li:first-child {width: 20%; color:#828282}
#sub0101_03 .event .txt_wrap .btm ul li:last-child {width: 80%;}

#sub0101_03 .detail_wrap .top {display: flex; flex-wrap: wrap; gap:120px; align-items: center; margin-bottom: 70px;}
#sub0101_03 .detail_wrap .top .txt_wrap {width: 56%;}
#sub0101_03 .detail_wrap .top .txt_wrap .desc {line-height: 160%; font-size: 18px;}
#sub0101_03 .detail_wrap .btm ul {padding: 20px; border-bottom: 1px solid #bdbdbd; display: flex; flex-wrap: wrap;}
#sub0101_03 .detail_wrap .btm ul:last-child {border-bottom: 0;}
#sub0101_03 .detail_wrap .btm ul li:first-child {width:10%; font-size: 20px; font-weight: 700; color:var(--main-color);}
#sub0101_03 .detail_wrap .btm ul li:last-child {width:80%; font-size: 16px; line-height: 160%; color:#424242;}


#sub0101_04.section0101 {padding-bottom: 0;}
#sub0101_04 .txt_wrap {display: flex; align-items: center; gap:16px; max-width: 1240px; margin: 0 auto 40px auto;}
#sub0101_04 .txt_wrap .title {margin-bottom: 0;}
#sub0101_04 .map_wrap {text-align: center; position: relative; margin-bottom: 20px;}
#sub0101_04 .map_wrap .map {margin-bottom: 20px;}
#sub0101_04 .map_wrap .marker {position: absolute; display: flex; align-items: center; transition: opacity .2s ease;}
#sub0101_04 .map_wrap .marker.dim{opacity:.4;}
#sub0101_04 .map_wrap .marker.is-active{opacity:1;}
#sub0101_04 .map_wrap .marker:hover .marker_tit {display: block;}
#sub0101_04 .map_wrap .marker.is-active .marker_tit{display:block;}
#sub0101_04 .map_wrap .m1 {top: 45%; left: 47%;}
#sub0101_04 .map_wrap .m2 {top: 46%; left: 48.9%;}
#sub0101_04 .map_wrap .m3 {top: 52.5%; left: 49.2%;}
#sub0101_04 .map_wrap .m4 {top: 56%; left: 51.5%;}
#sub0101_04 .map_wrap .m5 {top: 60%; left: 48.5%;}
#sub0101_04 .map_wrap .marker .marker_tit {display: none; position: absolute; top: -50%; font-weight: 700; padding: 8px 30px; background:#fff; border-radius: 100px 100px 100px 5px; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.25); z-index: 9999;}
#sub0101_04 .map_wrap .m1 .marker_tit {left: auto; right: 100%; border-radius: 100px 100px 5px 100px; border: 2px solid #42BAB3; color: #42BAB3;}
#sub0101_04 .map_wrap .m2 .marker_tit {left: 100%; border: 2px solid #016682; color: #016682;}
#sub0101_04 .map_wrap .m3 .marker_tit {left: 100%; border: 2px solid #90D82C; color: #90D82C;}
#sub0101_04 .map_wrap .m4 .marker_tit {left: 100%; border: 2px solid #019CA0; color: #019CA0;}
#sub0101_04 .map_wrap .m5 .marker_tit {left: -280%; border-radius: 100px 100px 5px 100px; border: 2px solid #002D5F; color: #002D5F;}
#sub0101_04 .map_wrap .explan {position: relative; color: #6f7f81; font-size: 20px; width:fit-content; margin: 0 auto; padding-left: 16px;}
#sub0101_04 .map_wrap .explan:before {content:""; position: absolute; top:42%; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #6f7f81;}



#par_roll .swiper{height:198px; overflow:hidden; margin-bottom: 10px;}
#par_roll .swiper:last-child {margin-bottom: 0;}
#par_roll .swiper-wrapper{transition-timing-function:linear !important; will-change:transform}
#par_roll .swiper-slide{ width: 198px !important; display:flex; align-items:center; justify-content:center; margin-right:10px;}
#par_roll .swiper-slide:last-child{margin-right:0}
#par_roll .swiper-slide img{max-width:100%; max-height:100%; display:block; opacity: 0.5;}
#par_roll .swiper-slide img:hover {opacity: 1;}

.m_img_wrap { display: none; }
.m_img_wrap.is-open{display: grid; grid-template-columns: repeat(auto-fill, minmax(198px, 1fr)); gap: 10px;}
.m_img_wrap .zone_wrap {text-align: center; margin-bottom: 10px;}
.m_img_wrap .zone_wrap  p {}
.m_img_wrap .zone_wrap img {width:198px; height:198px; object-fit:cover; display:block; margin-bottom: 8px;}



/* 모달 */
.hm-modal[hidden]{display:none}
.hm-modal{position:fixed; inset:0; z-index:9999; display:grid; place-items:center;}
.hm-backdrop{position:absolute; inset:0; background:rgba(0,0,0,.45);}

.hm-dialog{
  position:relative; z-index:1;
  width:clamp(520px, 64vw, 980px);
  max-height:56vh; background:#fff; border-radius:14px;
  box-shadow:0 20px 50px rgba(0,0,0,.3);
  display:flex; flex-direction:column; padding:18px 18px 22px;
  overflow:hidden;
}
.hm-close{position:absolute; top:4px; right:14px; background:transparent; border:0; font-size:36px; cursor:pointer}

/* 헤더 */
.hm-header{display:flex; align-items:center; gap:6px; margin-bottom:20px;}
.hm-titles {}
.hm-icon{width:36px; height:38px; object-fit:contain; margin-top: -14px; }
.hm-titles h3{margin:0; font-size:22px; font-weight:800;}
.hm-titles .en{margin-top: 4px; color:#6a6a6a}

/* 본문 스크롤 */
.hm-content{overflow:auto;}
.hm-grid{display:grid; grid-template-columns: minmax(280px, 40%) 1fr; gap:20px; align-items:start;}
.hm-photo img{width:100%; height:auto; max-height:48vh; object-fit:cover; border-radius:8px; display:block}
.hm-meta {font-size: 16px; padding: 0 20px 0 30px;}
.hm-meta dl {margin-bottom: 20px;}
.hm-meta dl div{display: flex; gap:6px; margin-bottom: 6px;}
/* .hm-meta dl{margin:0; display:grid; grid-template-columns:auto 1fr; row-gap:6px; column-gap:12px;} */
.hm-meta dt{color:#808080;}
.hm-meta dd{color:#808080; margin:0}
.hm-meta hr{border:none; border-top:1px solid #eee; margin:12px 0}
.hm-desc{line-height:1.7; word-break: keep-all;}



/* 모바일 */
@media (max-width:768px){
  .hm-dialog{width:92vw}
  .hm-grid{grid-template-columns: 1fr}
  .hm-photo img{max-height:38vh}
}






/***************************** F O O T E R *********************************/
#footer { background: #eff3f7; }
#footer .inner_wrap { padding: 50px 50px 0; }
#footer .logo { display: block; margin-bottom: 40px; }
#footer .logo img { height: 40px; object-fit: contain; }
#footer .title { display: block; margin-bottom: 4px; color: #0460D9; font-size: 14px; font-weight: 500; line-height: 175%; }
#footer address { margin-bottom: 14px; color: ##3C3C3C;font-size: 16px;font-weight: 500;line-height: 175%;}
#footer .contact a { display: flex; align-items: center; gap: 10px; color: ##3C3C3C;font-size: 16px;font-weight: 500;line-height: 175%; }
#footer .contact a img { display: block; width: 15px; object-fit: contain; }
#footer .flex_box { display: flex; justify-content: space-between; margin-bottom: 25px; }
#footer .sitemap { display: flex; align-items: center; gap: 25px; }
#footer .sitemap li { color: #3C3C3C; text-align: center; font-size: 14px; font-weight: 400; }
#footer .sitemap li:nth-of-type(n+6) { display: none; }
#footer .sns_wrap { display: flex; align-items: center; gap: 7px; }
#footer .right { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; }
#footer .bottom { border-top: 1px solid #E1E1E1; }
#footer .bottom .inner_wrap { display: flex; align-items: center; gap: 5vw; padding: 25px 50px 50px; }
#footer .bottom .ft_copy { color: ##3C3C3C;font-size: 14px;font-weight: 500;line-height: 175%;}
#footer .bottom .ft_link { display: flex; gap: 25px; color: #3C3C3C; text-align: center; font-size: 14px; font-weight: 400; }

/* 삭제할 수도 있음 */
#sub{ background: #1c1c1c;}
.s_top .title {color: #fff;}
.s_top .desc {color: #fff;}

@keyframes main_animation {
  0% {
    transform: scale(1);filter: brightness(1.02);
  }
  100% {
    transform: scale(1.09);filter: brightness(.54);
  }
}
#sub{padding: 0 200px;}
#s_top{animation: main_animation 2.2s ease-in-out .7s forwards;margin: 0 auto 100px auto;background-size: cover;}
#sub h2 {color: #fff;font-size: 40px;font-weight: 300;letter-spacing: 2.26px;text-align: center;font-family: "Yeseva One", serif;background: #162949;padding: 30px 0;left: 0;position: absolute;bottom: 0;width: 100vw;z-index: 10;}
#sub {padding: 0px; height: 100vh;}
.wetoz .nav > li > a {font-weight: 400;}
.wetoz .navi-wrap {margin-bottom: 0px;}

.tbl_into th {color: #fff !important;font-weight: 500 !important;}
.gall_li {border: 1px solid #e1e1e1;border-radius: 5px;overflow: hidden;}
#gall_ul .swiper {border-radius: 0px;}
#sub {height: 70vh;overflow: hidden;position: relative;}
#s_top{animation: main_animation 2.2s ease-in-out .7s forwards;margin: 0 auto 100px auto;position: absolute;top: 0%;}
#s_top{width: 100vw;height: 70vh;background-size: fill;}
.s_top .desc {z-index: 10; text-align: left;padding-top: 20px;}
.s_top .title {z-index: 10;}
.s_top .inner_wrap {align-items: flex-start;justify-content: space-between;}