/* Reset */

html {font-size: 20px;}
body {font-family: 'Pretendard', 'Noto Sans KR', '돋움', 'Dotum', '굴림', 'Gulim', 'GmarketSans', AppleGothic, UnDotum, Arial, Tahoma, Verdana, sans-serif; font-size: 0.8rem; line-height: 1.5; letter-spacing: -1px;}
body > *:not(#sub_container_wrap, .jconfirm),
body > *:not(#sub_container_wrap, .jconfirm)::before,
body > *:not(#sub_container_wrap, .jconfirm)::after,
body > *:not(#sub_container_wrap, .jconfirm) *,
body > *:not(#sub_container_wrap, .jconfirm) *::before,
body > *:not(#sub_container_wrap, .jconfirm) *::after {box-sizing: border-box;}
body > *:not(#sub_container_wrap, .jconfirm) input {border: 0; background: none; padding: 0; letter-spacing: inherit;}
body > *:not(#sub_container_wrap, .jconfirm) select {border: 0; background: none;}
body > *:not(#sub_container_wrap, .jconfirm) button {letter-spacing: inherit;}



/* sub_container_wrap */
#sub_container_wrap {line-height: 1.25; letter-spacing: 0;}
#sub_container_wrap .sub_visual {font-size: 0; line-height: 0; overflow: hidden;}
#sub_container_wrap .sub_visual img {position: relative; left: 50%; transform: translateX(-50%);}



/* sub_content_wrap */
.sub_content_wrap {width: 100%; max-width: calc(var(--container-width) + (var(--container-gap) * 2)) !important; padding: 0 var(--container-gap); box-sizing: border-box;

  /* size */
  --container-width: 70rem;
}



/* Menu */
#menu h1 {display: flex; justify-content: center; align-items: center; height: 4rem; background: var(--colorUtilBackground); font-size: 1.4rem; color: var(--colorUtilText); line-height: 1.3; word-break: keep-all; position: relative;}
#menu .lnb > li > a {font-size: 0.8rem;}
#menu .lnb > li.row > a {padding-right: 40px;}
#menu .subLnb li a {font-size: 0.7rem;}
#menu h1.on {background-image: none !important;}


/* title_area */
#sub_content .title_area {height: auto; overflow: visible;}
.title_area .location {font-size: 0.7rem;}
.title_area .pageTitle {height: 2.55rem; padding-right: 4rem; font-size: 1.6rem; line-height: 1.3;}



/* snsBox */
/* .snsBox {display: flex;}
.snsBox > button {margin-left: 0;}
.snsBox > button + button {margin-left: 7px;}
.snsBox .sns_more {gap: 7px; right: 0;}
.snsBox .snsClose {margin-left: 0;} */

/* snsBox : active
.snsBox.on {right: 0;}
.snsBox.on .sns_more {display: flex;}
*/



/* sub_content */
#sub_content {width: calc(100% - 15rem); max-width: unset;}
#sub_content > *:not(.title_area) {font-family: Malgun Gothic, '맑은고딕', sans-serif; font-size: 14px;}



/* weeCenter */
#weeCenter {width: calc(100% - 15rem);}
#weeCenter .svisual {display: flex; justify-content: center; align-items: center; background-color: #fffcdf;}
#weeCenter .svisual img {width: 100%; max-height: 228px; object-fit: contain;}
#weeCenter .notice .list_box ul.ul_list li a {max-width: calc(100% - 60px); box-sizing: border-box;}
#weeCenter .notice .list_box ul.ul_list li span.date {min-width: 60px; word-break: keep-all;}



/* sec_edu */
#sec_edu:not(#sec_edu #sec_edu) {width: calc(100% - 15rem);}
#sec_edu #sec_edu {width: 100%; padding: 0;}
#sec_edu .sec_visual {background-position: center center; background-size: cover;}



/* 260108 예약하기 버튼 밑으로 갈 수 있도록 추가*/
.booking .txt {float: unset;}



@media screen and (min-width: 1281px) {

  /* Menu */
  #menu nav {display: block !important;}
}



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

  /* sub_container_wrap */
  #sub_container_wrap {padding-top: 0;}
  #sub_container_wrap .sub_visual img {width: 150%;}

  /* sub_content_wrap */
  .sub_content_wrap {max-width: unset !important; padding: 0; margin: 0 auto; box-sizing: border-box;}

  /* Menu */
  #menu {width: 100%; padding-top: 0; margin-right: 0;}
  #menu h1 {font-size: 1.3rem;}
  #menu > button {width: 100%; height: auto; background: var(--colorUtilBackground) url("/static/image/sub/bgLnbDepth.png") no-repeat 98% 50%; padding: 6px 0 9px; font-size: 1rem; color: var(--colorUtilText); line-height: 1.5; box-sizing: border-box;}
  #menu nav {display: none; border-bottom: 1px solid #333;}
  #menu .lnb {border: 0;}
  /* Menu : active */
  #menu.on > button {background-image: url("/static/image/sub/bgLnbDepthOn.png");}

  /* sub_content */
  #sub_content {width: 100%; padding: 0 2.5% 20px; box-sizing: border-box;}

  /* subCntBody
  .subCntBody {box-sizing: border-box;}
  */

  /* weeCenter */
  #weeCenter {width: 100%; padding: 3%; box-sizing: border-box;}

  /* sec_edu */
  #sec_edu:not(#sec_edu #sec_edu) {width: 100%; padding: 3% 2.5%; box-sizing: border-box;}
}



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

  /* Menu */
  #menu h1 {height: auto; font-size: 1.2rem; line-height: 1.5;}
  #menu h1::before {content: "\ea4e"; display: block; width: 1rem; height: 1rem; font-family: 'remixicon'; font-weight: 400; line-height: 1; position: absolute; right: 0.5rem; top: 50%; transform: translateY(-60%);}
  #menu h1.on::before {content: "\ea78";}
}



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

  /* title_area */
  #sub_content .title_area {padding-bottom: 0;}
  .title_area .pageTitle {padding-right: 0;}

  /* snsBox
  .snsBox {justify-content: flex-end;}
  */
}



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

  /* Menu */
  #menu h1 {font-size: 1rem;}
  #menu > button {background-position: 97% 50%; padding: 6px 16px 9px; text-align: left;}

  /* title_area */
  .title_area .pageTitle {font-size: 1.3rem;}
}



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

  /* Menu */
  #menu > button {background-position: 96% 50%;}
}