@charset "utf-8";

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


/********************************************************
 
 *  Common
 
 ********************************************************/

body {width:100%;height: 100%; min-height: 100%; color:#444;font-size:14px;line-height:1.5;font-family:'Pretendard','맑은 고딕', 'Dotum', '돋움', verdana, sans-serif;word-break: keep-all;overflow:hidden;overflow-y:auto;}
#wrap {min-width:340px;width:100%;height: 100%;}

.inr {max-width: 1400px;margin: 0 auto;}


/*-----------------------------------------------------------------------------
 *  Search
 *----------------------------------------------------------------------------*/

.top_search {display: none;position: fixed;left:0;top:0;width: 100%;z-index: 1002}
.top_search:after {content: ""; position: fixed;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index: 0}
.top_search .sch_inr {background:#15579f;}
.top_search .sch_inr .sch_inr_box {display: flex;align-items:flex-end;gap:50px;justify-content: center;max-width:1400px;margin: 0 auto;padding:150px 0}
.top_search h2 {color:#fff;font-size: 44px;font-weight: 700;line-height: 1;}
.top_search h2 em {display: block;font-size: 20px;font-weight: 500;line-height: 1;margin-bottom:10px;}
.top_search .sch_inp_box {position: relative;padding-right: 50px; width: 100%;height:60px; flex-shrink: 0; max-width: 600px;border-bottom: 1px solid #fff;}
.top_search .sch_inp_box input[type=text] {background:transparent;height: 100%;border: none;font-size: 22px;font-weight: 500; color:#fff;}
.top_search .sch_inp_box input[type=text]::placeholder {font-size: 22px;font-weight: 500; color:rgba(255,255,255,0.7);}
.top_search .sch_inp_box button {position: absolute;right: 0;top:0;display: block; width:40px;height: 100%;background:url("../images/common/icon_detail_view_w.svg") no-repeat center center / 30px auto;font-size: 0}
.top_search .sch_box {position: relative;z-index: 1;}
.top_search .btn_close {display: block;flex-shrink: 0; width: 60px; height: 60px; background:#fff url("../images/common/btn_icon_sch_close.png") no-repeat center center;font-size: 0;border-radius: 50%;}

@media screen and (max-width:1024px){
  .top_search .sch_inr .sch_inr_box {gap: 40px;padding:60px 0;}
  .top_search h2 {font-size:36px;}
  .top_search h2 em {font-size: 18px;}
  .top_search .sch_inp_box {max-width: 400px;}
}
@media screen and (max-width:768px){
  .top_search .sch_inr .sch_inr_box {gap:20px;padding:80px 0;align-items: center}
  .top_search h2 {font-size: 28px;}
  .top_search h2 em {font-size:13px;margin-bottom: 5px;}
  .top_search .sch_inp_box {max-width: 280px;padding-right: 40px;height: 50px}
  .top_search .sch_inp_box input[type=text] {font-size: 18px;padding: 0 5px}
  .top_search .sch_inp_box input[type=text]::placeholder {font-size: 18px;}
  .top_search .btn_close {width:40px;height: 40px;background-size: 14px auto}
}
@media screen and (max-width:480px){
  .top_search .sch_inr .sch_inr_box {flex-direction: column;align-items:center;justify-content: center;gap:10px;padding: 50px 0}
  .top_search .sch_inp_box {height: 50px;}
  .top_search .sch_inp_box button {background: url("../images/common/icon_detail_view_w.svg") no-repeat center center / 25px auto;}
  .top_search .btn_close {position: absolute;right:20px;top:20px;width:35px;height: 35px;background-size: 10px auto;}
}


/*-----------------------------------------------------------------------------
 *  Header
 *----------------------------------------------------------------------------*/

#header {background:#fff;height:120px;padding-right: 0; top:-100%;transition: top 0.5s ease}
#header.fixed {position: fixed;top: 0;width: 100%;border-bottom: 1px solid #e5e5e5; z-index: 100}
#header > .inr {display: flex;justify-content: space-between;align-items: center;max-width: none;}
#header .logo {width:160px;height: 80px}
#header .logo a {display: block;height: 100%;background:url("../images/common/logo.png") no-repeat left center / 100%;text-indent: -9999px}


/* Gnb */
#gnb { display: flex;align-items: center;height:120px;margin-right: 120px}
.gnb_menu {position: relative;height: 100%;}
.gnb_menu > ul {display: inline-flex;align-items: center;gap:30px;height: 100%;}
.gnb_menu > ul > li {position: relative;height: 100%;}
.gnb_menu > ul > li > a {display: flex; flex-direction: column;align-items: center;justify-content: center;height: 100%; padding:35px 25px;font-size: 20px;text-decoration: none;}
.gnb_menu > ul > li > a > span {position: relative;font-weight: 600;}
.gnb_menu > ul > li:hover > a span,
.gnb_menu > ul > li:focus-within > a span {color:#15579f}
.gnb_menu > ul > li .gnb_sub {position: absolute;width:100%;min-width: 160px; height: 0; top:120px;left: 20px;transition: all .3s ease;text-align: left;overflow: hidden; z-index: 100;}
.gnb_menu > ul > li .gnb_sub ul {position: relative;padding:30px 0;}
.gnb_menu > ul > li .gnb_sub li {padding: 0 10px;}
.gnb_menu > ul > li .gnb_sub li a {display: block;color: #888;font-size: 16px;font-weight: 500; padding:5px 0;}
.gnb_menu > ul > li .gnb_sub li a:hover,
.gnb_menu > ul > li .gnb_sub li a:focus {color:#15579f;}
.gnb_back {height: 0;overflow: hidden;position: absolute;left: 0;top:120px;right: 0;width: 100%;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.05); z-index: 10}
#gnb:hover .gnb_back,
#gnb:focus-within .gnb_back {border-top:1px solid #ddd;}
#header.fixed .gnb_back {border-top:none}

#header .top_sch {position: absolute;right:120px;top: 0; height:120px;}
#header .top_sch button {display: block;width: 120px;height:100%;background:#f6f6f6 url("../images/common/icon_detail_view.svg") no-repeat center center / 32px auto;text-indent:-9999px;}

/* Menu Btn */
.nav-toggle {flex-shrink: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 120px;height: 120px;background:#15579f; z-index: 1001;}
.nav-toggle.is-active {right:20px;}
.nav-toggle .icon-menu {position: relative;display: inline-block;width: 28px;height: 20px;vertical-align: middle;fill: none;}
.icon-menu .line {position: absolute;left: 0;display: block;width: 100%;height: 2px;-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);background-color: #fff;}
.icon-menu .line-1 { top: 0; }
.is-active .icon-menu .line-1 {-webkit-transform: translateY(9px) translateX(0) rotate(45deg);-ms-transform: translateY(9px) translateX(0) rotate(45deg);transform: translateY(9px) translateX(0) rotate(45deg);}
.icon-menu .line-2 {top: 50%;margin-top: -1px;}
.is-active .icon-menu .line-2 { opacity: 0; }
.icon-menu .line-3 { bottom: 0; }
.is-active .icon-menu .line-3 {-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);transform: translateY(-9px) translateX(0) rotate(-45deg);}


/* Util */
.top_util {display: flex;align-items: center;gap:30px;margin-left: auto;margin-right: 60px;}
.top_util .top_util_menu ul {display: flex;align-items: center;gap:20px;}
.top_util .top_util_menu ul li {display: flex;align-items: center;gap:20px;}
.top_util .top_util_menu ul li a {display: block;font-size: 18px;font-weight: 500; border:1px solid #222;color:#222;line-height: 50px;padding: 0 30px 0 60px;}
.top_util .top_util_menu ul li.util_menu_1 a {background:url("../images/common/icon_clock_brown.png") no-repeat 30px center;color:#b57020;border-color:#b57020;}
.top_util .top_util_menu ul li.util_menu_2 a {background:url("../images/common/icon_location_k.png") no-repeat 30px center;}
.top_util .top_util_menu ul li.util_menu_1:hover a {color:#fff;background:#b57020 url("../images/common/icon_clock_w.png") no-repeat 30px center;} 
.top_util .top_util_menu ul li.util_menu_2:hover a {color:#fff;background:#444 url("../images/common/icon_location_w.png") no-repeat 30px center;} 


@media screen and (max-width:1600px){
  .gnb_menu > ul {gap:15px;}
  .gnb_menu > ul > li > a {padding: 10px 15px;font-size: 18px;}
  .gnb_menu > ul > li .gnb_sub {top: 150px;left: 0;}
  .gnb_menu > ul > li .gnb_sub li a {font-size: 15px;padding: 5px 5px;}
  .top_util .top_util_menu ul li a {font-size: 17px;line-height: 45px;padding: 0 25px 0 55px;background-position: 25px center !important;}
}
@media screen and (max-width:1300px){
  #gnb {display: none;}
  .top_util {display: none;}
  
  #aside {display: none;}
}
@media screen and (max-width:1024px){
  #header {height:100px;}
  #header .logo {width: 140px;height: 60px;}
  #header .top_sch {right: 100px;height: 100px;}
  #header .top_sch button {width: 100px;}
  .nav-toggle {width: 100px;height: 100px;}
}
@media screen and (max-width:768px){
  #header {height: 80px;}
  #header .logo {width:120px;height:60px}
  
  .nav-toggle {width: 80px;height: 80px;}
  .nav-toggle .icon-menu {transform: scale(0.8)}
  
  #header .top_sch {right: 80px;height:80px;}
  #header .top_sch button {width:80px;background-size:24px auto;}
}
@media screen and (max-width:640px){
  
}
@media screen and (max-width:480px){
  #header {height:70px;}
  #header .logo {width: 110px;height: 50px;}
  .nav-toggle {width:70px;height: 70px;}
  
  #header .top_sch {right: 70px;height: 70px;}
  #header .top_sch button {width: 70px;height:70px;background-size: 20px auto;}
}


/*-----------------------------------------------------------------------------
 *  Mobile Menu Content
 *----------------------------------------------------------------------------*/

.menuMo {position:fixed;width:100%;max-width: 360px; height:100% !important;right:-100%;top:0;background:#fff;visibility: hidden;z-index:1000;overflow-x:hidden;overflow-y:auto;transition:right 0.3s;}
.menuMo_head {position: relative;padding:35px 40px;}
.menuMo_head .mo_logo a {display: inline-block; width:140px;height:65px;background:url("../images/common/logo.png") no-repeat left center;background-size: cover;text-indent: -9999px;}
.menuMo_head .top_util {display: block; margin-right: 0;}
.menuMo_head .top_util .top_util_menu ul {width: 100%; justify-content: space-between;gap: 10px;}
.menuMo_head .top_util .top_util_menu ul li {display: block;width: 100%;}
.menuMo_head .top_util .top_util_menu ul li a {font-size: 15px;line-height:40px;padding: 0 25px 0 50px;background-position: 25px center !important}

.menuMo > ul.menuMoCont {border-top: 1px solid #ddd;}
.menuMo > ul.menuMoCont > li {border-bottom: 1px solid #ddd;}
.menuMo > ul.menuMoCont > li + li {}
.menuMo > ul.menuMoCont > li > a {position: relative;display:block;padding:22px 40px;font-size:17px;line-height: 15px; font-weight:600; color:#000;}
.menuMo > ul.menuMoCont > li > a:after {content: "";position: absolute;right:30px;top:22px;width: 8px;height: 8px;border:2px solid #444;border-top:none;border-left:none;transform: rotate(45deg);transition: all 0.3s ease}  
.menuMo > ul.menuMoCont > li.noSub > a:after {display: none;}
.menuMo > ul.menuMoCont > li > a.active {color:#fff;background:#15579f}
.menuMo > ul.menuMoCont > li > a.active:after {border-color:#fff;top:25px;transform: rotate(225deg)}
.menuMo > ul.menuMoCont > li div.mSubMenu {display: none;background:#fff;padding: 15px 0;}

.menuMo ul li ul li + li {/*border-top: 1px solid #999;*/}
.menuMo ul li ul li a {position: relative;display:block;padding:10px 40px;font-size:15px;color:#222;font-weight:500;}
.menuMo ul li ul li.subMore > a:after {content: "";position: absolute;right:20px;top: 50%;transform: translateY(-50%);display: block;width: 10px;height: 10px;background:url("../images/icon/icon_plus.svg") no-repeat center center}
.menuMo ul li ul li.subMore > a.active:after {background:url("../images/icon/icon_minus.svg") no-repeat center center}
.menuMo ul li ul li a.active {color:#000;font-weight: 600;}
.menuMo .subMore {}
.menuMo ul li ul li ul li a {font-size: 14px;padding:6px 40px}
.menuMo_foot {padding: 30px 35px;}

.menuBackBg {display:none;width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.7);left:0;top:0;z-index:990;}

@media screen and (min-width:1201px){
  .menuMo {max-width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 80px;background:#15579f}
  .menuMo_head {padding:50px 0;}
  .menuMo_head .mo_logo a {background: url("../images/common/logo_w.png") no-repeat center center / cover;}
  .menuMo > ul.menuMoCont {border-top:none;display: flex;gap:50px;}
  .menuMo > ul.menuMoCont > li {border:none;min-width: 110px;}
  .menuMo > ul.menuMoCont > li > a {padding:20px 0;font-size: 24px;pointer-events: none;color:#fff;}
  .menuMo > ul.menuMoCont > li > a:after {display: none;}
  .menuMo > ul.menuMoCont > li div.mSubMenu {display: block;padding:0 0 0 20px;border-left: 1px solid rgba(255,255,255,0.3);background:none;margin-top: 20px;}
  .menuMo ul li ul li a {padding: 6px 0;color:#fff;font-size: 16px;}
}
@media screen and (max-width:480px){
  .menuMo_head .top_util .top_util_menu ul li a {padding: 0 20px 0 45px;background-position: 20px center !important;}
}


/*-----------------------------------------------------------------------------
 *  Aside
 *----------------------------------------------------------------------------*/

#aside {position: fixed;right: 0;top:50%;transform: translateY(-50%);border-radius:10px 0 0 10px;overflow: hidden;z-index: 100}
.aside_box {text-align: center;background:#041a29}
.aside_box strong {display: block;padding: 15px;text-align: center;background:#d49f35;font-size: 18px;font-weight: 700;color:#fff;line-height: 1.2}
.aside_box ul li + li {border-top: 1px solid rgba(255,255,255,0.2);}
.aside_box ul li a {display: flex;justify-content: center;flex-direction: column;gap:5px;align-items: center;padding: 20px 15px;text-align: center;color:#fff;font-size: 15px;font-weight: 500;}


/*-----------------------------------------------------------------------------
 *  Container
 *----------------------------------------------------------------------------*/

#container {}
#container.fixed {padding-top: 150px;}

.cont_gap {display: flex;flex-direction: column;gap:80px;}
.cont_gap.type2 {gap:40px;padding:30px 0 30px;}
.cont_gap.type2 .cont_box {padding-left:15px;padding-right: 15px;}
.cont_gap.type2 .cont_box:first-child {padding-left:0}

/* Empty Content */
.empty_ment {display: flex;flex-direction: column;gap:5px;align-items: center;justify-content: center;text-align: center;font-size:20px;font-weight: 500;color:#15579f ;padding:150px 30px;background:#fff;border:1px solid #ddd;border-radius: 10px;}
.empty_ment.empty_slider {position: relative;height: 100%; margin:50px 0;z-index: 10}
.empty_ment:before {content: "";display: block;width:60px;height:60px;background:url("../images/sub/icon_empty.png") no-repeat center center;background-size:50px auto;}
.empty_ment span {font-size: 16px;color:#888;font-weight: 500}

@media screen and (max-width:1024px){
  
}
@media screen and (max-width:768px){
  #container.fixed {padding-top:80px;}
  
  .cont_gap {display: flex;flex-direction: column;gap:50px;}
}
@media screen and (max-width:640px){
  .empty_ment {font-size:16px;padding:100px 30px;}
  .empty_ment:before {}
  .empty_ment span {font-size: 15px;}
}
@media screen and (max-width:480px){
  #container.fixed {padding-top:60px;}
  
  .cont_gap {gap:30px;}
  .cont_gap.type2 {gap:25px;padding: 20px 0 20px;}
  
  .empty_ment:before {width:50px;height: 50px;background-size:40px auto;}
  .empty_ment span {font-size:14px;}
}


/*-----------------------------------------------------------------------------
 *  Footer
 *----------------------------------------------------------------------------*/

#footer {background:#18181e;padding-top: 120px;padding-bottom: 150px}
#footer .inr {position: relative;}
#footer .footer_logo {font-size: 26px;color:#fff;font-weight:600;}
#footer address {max-width:900px; margin-top: 30px;}
#footer address span {display: inline-block;font-size: 16px;font-weight: 500; color:#ccc;margin-right:30px;margin-bottom: 5px;}

.copy {margin-top: 30px;font-size: 13px;color:#999;letter-spacing: 0.06em;}

.footer_menu {margin-bottom: 30px;}
.footer_menu ul {display: flex;gap:30px;}
.footer_menu ul li {}
.footer_menu ul li a {font-size:18px;color:#888;font-weight: 500;}
.footer_menu ul li:hover a {color:#fff;}
.footer_menu ul li.policy a {color:#c89e4e;}

.footer_right {position: absolute;right:0;top: 0;}
.footer_right .site .drop_down a {background:#18181e}
.footer_right .sns {margin-bottom:15px;}
.footer_right .sns ul {display: flex;gap:12px;align-items: center;justify-content: flex-end}
.footer_right .sns ul li a {display: block;width:40px;}
.footer_right .sns ul li a img {width: 100%}

.btnTop {position:fixed;display:none;width:50px;height:50px;line-height:60px; right:20px;bottom:20px;background:#d3d3e9;border-radius: 50%;text-align: center;overflow: hidden;cursor: pointer;z-index: 10}
.btnTop.on {display: block;}

@media screen and (max-width:1024px){
  .footer_menu ul {gap: 20px;}
  .footer_menu ul li a {font-size: 17px;}
  
  .btnTop {width: 45px;height: 45px;line-height: 50px;}
  .btnTop img {width: 10px;}
}
@media screen and (max-width:768px){
  #footer {padding-top:80px;padding-bottom: 100px;}
  #footer .inr {padding-right: 0;}
  #footer .footer_logo {font-size: 20px;}
  .footer_left strong img {width: 150px;}
  #footer address {margin-top:10px;}
  #footer address span {font-size: 15px;margin-right: 0px;margin-bottom:5px;}
  .copy {margin-top: 40px;font-size: 12px;}
  
  .footer_right {position: static;align-items: flex-start;margin-bottom: 20px;}
  .family_site .drop_title a {min-width: 200px;}
  .family_site .drop_sub {bottom: 34px;}
  .footer_right .sns ul {justify-content: flex-start;}
}
@media screen and (max-width:640px){
  
}
@media screen and (max-width:480px){
  #footer {padding-top: 60px;padding-bottom: 80px;}
  #footer .footer_logo {font-size:18px;}
  .footer_left strong img {width: 140px;}
  #footer address span {display: block;font-size:13px;margin-bottom: 5px;}
  .copy {margin-top: 30px;font-size: 11px;line-height: 1.8;}
  .footer_menu ul {gap: 15px;}
  .footer_menu ul li a {font-size: 15px;}
  .btnTop {right: 10px;bottom: 10px;width: 40px;height: 40px;line-height: 45px;}
  .btnTop img {width: 8px;} 
  .footer_right .sns ul li a {width:36px;}
}


/*-----------------------------------------------------------------------------
 *  Margin & Padding
 *----------------------------------------------------------------------------*/

/* Vertical Padding */
.vPad30 {padding: 30px 0;}
.vPad50 {padding: 50px 0;}
.vPad60 {padding: 60px 0;}
.vPad80 {padding: 80px 0;}
.vPad100 {padding: 100px 0;}


/* Horizontal Padding */
.hPad30 {padding: 0 30px;}
.hPad50 {padding: 0 50px;}
.hPad60 {padding: 0 60px;}
.hPad80 {padding: 0 80px;}
.hPad100 {padding: 0 100px;}


/* Both Padding */
.pad30 {padding: 30px;}
.pad50 {padding: 50px;}
.pad60 {padding: 60px;}
.pad80 {padding: 80px;}
.pad100 {padding: 100px;}

@media screen and (max-width:1024px){
  /* Vertical Padding */
  .vPad30 {padding: 20px 0;}
  .vPad50 {padding: 40px 0;}
  .vPad60 {padding: 50px 0;}
  .vPad80 {padding: 60px 0;}
  .vPad100 {padding: 80px 0;}


  /* Horizontal Padding */
  .hPad30 {padding: 0 20px;}
  .hPad50 {padding: 0 40px;}
  .hPad60 {padding: 0 50px;}
  .hPad80 {padding: 0 60px;}
  .hPad100 {padding: 0 80px;}


  /* Both Padding */
  .pad30 {padding: 20px;}
  .pad50 {padding: 40px;}
  .pad60 {padding: 50px;}
  .pad80 {padding: 60px;}
  .pad100 {padding: 80px;}
}
@media screen and (max-width:768px){
  /* Vertical Padding */
  .vPad30 {padding: 10px 0;}
  .vPad50 {padding: 30px 0;}
  .vPad60 {padding: 35px 0;}
  .vPad80 {padding: 45px 0;}
  .vPad100 {padding: 60px 0;}


  /* Horizontal Padding */
  .hPad30 {padding: 0 10px;}
  .hPad50 {padding: 0 30px;}
  .hPad60 {padding: 0 35px;}
  .hPad80 {padding: 0 45px;}
  .hPad100 {padding: 0 60px;}


  /* Both Padding */
  .pad30 {padding: 10px;}
  .pad50 {padding: 30px;}
  .pad60 {padding: 35px;}
  .pad80 {padding: 45px;}
  .pad100 {padding: 60px;}
}
@media screen and (max-width:480px){
  /* Vertical Padding */
  .vPad30 {padding: 5px 0;}
  .vPad50 {padding: 10px 0;}
  .vPad60 {padding: 20px 0;}
  .vPad80 {padding: 25px 0;}
  .vPad100 {padding: 30px 0;}


  /* Horizontal Padding */
  .hPad30 {padding: 0 5px;}
  .hPad50 {padding: 0 10px;}
  .hPad60 {padding: 0 20px;}
  .hPad80 {padding: 0 25px;}
  .hPad100 {padding: 0 30px;}


  /* Both Padding */
  .pad30 {padding: 5px;}
  .pad50 {padding: 10px;}
  .pad60 {padding: 20px;}
  .pad80 {padding: 25px;}
  .pad100 {padding: 30px;}  
}


/********************************************************
 
 *  Sub
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Sub Visual
 *----------------------------------------------------------------------------*/

#sub_visual {position: relative;height:350px; }
#sub_visual .visual_img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

#sub_visual .visual_img.bg22 {background:url("../images/sub/vis_bg1.jpg") no-repeat center center;background-size: cover;}
#sub_visual .visual_img.bg5  {background:url("../images/sub/vis_bg2.jpg") no-repeat center center;background-size: cover;}
#sub_visual .visual_img.bg2  {background:url("../images/sub/vis_bg3.jpg") no-repeat center center;background-size: cover;}
#sub_visual .visual_img.bg32 {background:url("../images/sub/vis_bg4.jpg") no-repeat center center;background-size: cover;}
#sub_visual .visual_img.bg1  {background:url("../images/sub/vis_bg5.jpg") no-repeat center center;background-size: cover;}
#sub_visual .visual_img.bg3  {background:url("../images/sub/vis_bg6.jpg") no-repeat center center;background-size: cover;}
#sub_visual .visual_img.bg4  {background:url("../images/sub/vis_bg7.jpg") no-repeat center center;background-size: cover;}
#sub_visual .visual_img.bg43 {background:url("../images/sub/vis_bg8.jpg") no-repeat center center;background-size: cover;}

#sub_visual .visual_cont_wrap {padding-top: 80px}
#sub_visual .visual_cont_wrap .visual_tit {position: relative;display: flex;flex-direction: column;gap:20px;justify-content: center;align-items: center;z-index: 1}
#sub_visual .visual_cont_wrap .visual_tit .sub_pg_tit {color:#fff;font-weight: 600;font-size: 50px;}
#sub_visual .visual_cont_wrap .pg_nav ul {display: flex;align-items: center;}
#sub_visual .visual_cont_wrap .pg_nav ul li {display: flex;align-items: stretch;font-size: 16px;color:#fff;}
#sub_visual .visual_cont_wrap .pg_nav ul li.current {font-weight: 600;}
#sub_visual .visual_cont_wrap .pg_nav ul li + li:before {content: "";width: 30px;height: 22px;background:url("../images/sub/arr_pg_nav.png") no-repeat center center;}
#sub_visual .visual_cont_wrap .pg_nav ul li a {display: flex;gap:10px; color:#fff;}

.sub_pg_menu {position: absolute;left: 0;bottom: 0;width: 100%;background:rgb(18, 67, 121,0.5); z-index: 1}
.sub_pg_menu .inr {position: relative;overflow: hidden;}
.sub_pg_menu ul {display: flex;justify-content: space-between;overflow:auto;white-space: nowrap}
.sub_pg_menu ul li {flex:1 0 0;height:60px; border-left: 1px solid rgba(0,0,0,0.5);border-right: 1px solid rgba(0,0,0,0.5)}
.sub_pg_menu ul li a {position: relative;display: flex;justify-content: center;align-items: center;height: 100%; padding: 15px 10px;font-size:20px;font-weight: 500;line-height: 1.2; color:#fff;text-align: center}
.sub_pg_menu ul li a span {position: relative;}
.sub_pg_menu ul li.on a span:before {content: "";position: absolute;left: -10px;top: -2px;width: 6px;height: 6px;border-radius: 50%;background:#fff;}
.sub_pg_menu ul li.on a:before {content: "";position: absolute;left: 0;bottom: 0;top:0;width: 100%;background: linear-gradient(to bottom,  rgba(3,85,160,1) 0%,rgba(0,66,126,1) 100%);border-radius: 0 }
.sub_pg_menu ul::-webkit-scrollbar {display: none;}
.sub_pg_menu .pointer {width:50px;height: 100%;position: absolute;top: 0;background-color:rgba(255,255,255,0.5);cursor: pointer}
.sub_pg_menu .left-pointer {left: 0;background: linear-gradient(to right,  rgba(18,67,121,1) 0%,rgba(18,67,121,0) 100%);}
.sub_pg_menu .right-pointer {right:0;background: linear-gradient(to right,  rgba(18,67,121,0) 0%,rgba(18,67,121,1) 100%);}
.sub_pg_menu .pointer.dis {display: none !important;}
.sub_pg_menu .pointer i {display:block;width: 100%;height: 100%;}
.sub_pg_menu .pointer.left-pointer i {background:url(../images/common/arr_prev_on.png) no-repeat center center;}
.sub_pg_menu .pointer.right-pointer i {background:url(../images/common/arr_next_on.png) no-repeat center center;}

@media screen and (max-width:1400px){
  .sub_pg_menu .hPad30 {padding: 0}
}
@media screen and (max-width:1200px){
  .sub_pg_menu ul li a {font-size:18px;}
}
@media screen and (max-width:1024px){
  #sub_visual {height:300px;}
  #sub_visual .visual_cont_wrap .visual_tit .sub_pg_tit {font-size:36px;}
  
  .sub_pg_menu ul li {height: 70px;}
  .sub_pg_menu ul li a {padding:15px;font-size:17px;line-height: 1.2}
  .sub_pg_menu ul li.on a span:before {display: none;}
}
@media screen and (max-width:768px){
  #sub_visual {height:250px;}
  #sub_visual .visual_cont_wrap .visual_tit .sub_pg_tit {font-size:30px;}
  
  #sub_visual .visual_cont_wrap {padding-top: 50px;}
  #sub_visual .visual_cont_wrap .visual_tit {gap: 10px;}
  .sub_pg_menu ul li {height: 60px;}
  .sub_pg_menu ul li a {padding: 10px 25px;font-size: 16px;}
  .sub_pg_menu ul li.on a span:before {left: -6px;top: -6px;width: 5px;height: 5px;}
}
@media screen and (max-width:480px){
  #sub_visual {height:200px;}
  #sub_visual .visual_cont_wrap .visual_tit .sub_pg_tit {font-size:26px;}
  
  #sub_visual .visual_cont_wrap .pg_nav ul li {font-size:14px;}
  .sub_pg_menu .hPad30 {padding: 0}
  .sub_pg_menu ul li {height: 50px;}
  .sub_pg_menu ul li a {padding: 10px 20px;font-size:15px;}
  .sub_pg_menu ul li.on a:before {top: -5px;border-radius: 8px 8px 0 0;}
  .sub_pg_menu ul li.on a span:before {left: -6px;top: -4px;width: 5px;height: 5px;}
}


/*-----------------------------------------------------------------------------
 *  Sub Content
 *----------------------------------------------------------------------------*/

#sub_container {padding-top:120px;padding-bottom: 180px;}
#sub_container > .inr {display: flex;justify-content: space-between;gap:100px;}

/* Cont Empty */
.cont_empty {margin-top: 80px;background:url("../images/sub/bg_ready.jpg") no-repeat right center;background-size: cover;padding:120px;}
.cont_empty strong {display: block;font-size: 40px; font-weight: 700; color:#222;padding-left: 60px;background:url("../images/sub/icon_ready.png") no-repeat left center;}
.cont_empty p {margin-top: 10px;font-size: 18px;font-weight: 500;padding-right: 300px;}

@media screen and (max-width:1600px){
  .cont_empty {padding:100px;}
}
@media screen and (max-width:1400px){
  #sub_container > .inr {gap: 80px;}
  
  .cont_empty {margin-top: 60px;background:url("../images/sub/bg_ready.jpg") no-repeat right center;background-size: cover;padding:80px;}
  .cont_empty strong {display: block;font-size: 40px; font-weight: 700; color:#222;padding-left: 60px;background:url("../images/sub/icon_ready.png") no-repeat left center;}
  .cont_empty p {margin-top: 10px;font-size: 18px;font-weight: 500;padding-right: 300px;}
}
@media screen and (max-width:1024px){
  #sub_container {padding-top:100px;padding-bottom:150px;}
}
@media screen and (max-width:768px){
  #sub_container {padding-top: 80px;padding-bottom: 100px;}
}
@media screen and (max-width:480px){
  #sub_container {padding-top: 40px;padding-bottom: 60px;}
}


/* Side Menu */
#side_menu {position: sticky;left:0;top:120px;flex-shrink: 0; width: 330px;height: max-content;}
#side_menu h2 {font-size: 30px;font-weight: 600; color:#000;padding-bottom: 35px;border-bottom: 2px solid #000;}
#side_menu ul {}
#side_menu ul li {border-bottom: 1px solid #ddd;}
#side_menu ul li a {display: flex;justify-content: space-between; align-items: center;font-size:20px; font-weight: 500; color:#666; line-height: 70px;padding: 0 30px 0 40px;}
#side_menu ul li a:hover {background:#f8f8f8;}
#side_menu ul li a.current {background:#b57020;color:#fff;}
#side_menu ul li a .view {display: inline-block;width: 18px;height: 14px;background:url("../images/sub/side_menu_arr_off.png") no-repeat center center;background-size: cover;text-indent: -9999px;}
#side_menu ul li a.current .view {background:url("../images/sub/side_menu_arr_on.png") no-repeat center center;background-size: cover;}
#side_menu .side_info {margin-top: 50px;border:1px solid #ddd;padding: 35px 40px;}
#side_menu .side_info h3 {font-size: 30px;font-weight: 600; color:#000;padding: 0 0 20px 50px;border-bottom: 1px solid #000;background:url("../images/sub/side_info_icon.png") no-repeat left 5px;}
#side_menu .side_info h3 strong {color:#b57020}
#side_menu .side_info .side_time {display: flex; flex-direction: column;padding: 30px 5px;border-bottom: 1px solid #ddd;}
#side_menu .side_info .side_time strong {font-size: 30px;font-weight: 600;color:#000;}
#side_menu .side_info .side_time em {font-size: 18px;color:#222}
#side_menu .side_info h4 {font-size: 20px;font-weight: 500;margin-top: 20px;color:#000;padding: 0 5px;}
#side_menu .side_info .side_holiday {font-size: 16px;font-weight: 500;padding: 0 5px;}


/* Titles */
.sec_tit {position: relative;font-size: 44px;font-weight:700;color:#15579f;text-align: center;margin-bottom: 60px;line-height: 1.3}
.sec_tit.top_line {margin-top: 30px;}
.sec_tit.top_line:before {content: "";position: absolute;left: 50%;top:-120px;transform: translateX(-50%);width: 1px;height: 80px;background:#a1b5c3;}
.sec_tit .sub_tit {display: block;font-size: 24px;font-weight: 500;color:#444;margin: 0 0 10px}
.cont_tit {position: relative;font-size: 36px;font-weight:700; color:#000; padding-bottom:100px;text-align: center}
.cont_tit:after {content: "";display: block; width:40px;height:3px;margin:30px auto 0;background:#15579f;}
.cont_sub_tit {position: relative;font-size: 30px;font-weight:600; color:#000;margin-bottom: 30px;}
.cont_sm_tit {position: relative;display: flex;justify-content: space-between;align-items: center;font-size:26px;font-weight:600; color:#000;margin-bottom: 30px;margin-top: 10px; padding-left:15px;}
.cont_sm_tit:before {content: "";position: absolute;left: 0;top:5px;display: block;width: 8px;height: 8px;background:#15579f;border-radius: 50%;}
.cont_sm_tit2 {font-size:22px;font-weight:600; color:#000;margin-bottom: 20px;}
.tit_btn {display: flex;justify-content: center;align-items: center;gap:10px;height:40px;padding: 0 20px;border-radius: 5px;background:#15579f;font-size:16px;font-weight: 500;color:#fff;}
.tit_btn:before {content: "";display: block;width: 10px;height: 10px;background:url("../images/common/icon_more_w.png") no-repeat center center}
.tit_btn:hover {background:#000}

/* List */
.dot_list li {position: relative;font-size: 16px;padding-left: 15px;margin-bottom: 8px;line-height: 1.4}
.dot_list li:last-child {margin-bottom: 0}
.dot_list li:before {content: "";position: absolute;left: 0;top:8px;width: 5px;height: 5px;border-radius: 50%;background:#15579f;}
.rd_txt {display: inline-block;padding: 0 25px;background:#e96727;color:#fff;border-radius: 50px;line-height: 40px;font-size:20px;font-weight: 700;}

/* Round Box */
.rd_box_wrap {border-radius: 10px;padding: 50px;background:#f6f6f6;margin-top:40px;}
.cont_sub_tit + .rd_box_wrap {margin-top: 0;margin-bottom: 50px}
.rd_txt_p {padding-left:30px;font-size: 18px;font-weight: 500;color:#666;line-height: 1.4;background:url("../images/common/icon_ment.png") no-repeat left 4px;}
.rd_txt_p strong {color:#15579f;text-decoration: underline}
.dot_dl_list {font-size: 20px;display: flex;flex-wrap: wrap;}
.dot_dl_list dt {font-weight: 500;color:#000;width:120px;margin: 5px 0}
.dot_dl_list dd {padding-left: 15px;width: calc(100% - 120px);margin: 5px 0}


@media screen and (max-width:1400px){
  #side_menu {width: 300px;}
}
@media screen and (max-width:1200px){
  #side_menu {display: none;}
}
@media screen and (max-width:1024px){
  .sec_tit {font-size: 36px;margin-bottom: 40px;}
  .sec_tit .sub_tit {font-size:20px;}
  .sec_tit.top_line:before {top: -80px;height:50px;}

  .sub_content {width: 100%;}
  .sub_content .content_head {text-align: center}
  .sub_content .content_head .content_tit {font-size:40px;font-weight: 600;color:#000;}
  .sub_content .content_head .content_tit:after {content: "";display: block;width: 50px;height: 2px;margin:20px auto;background:#0357a4}

  .sub_content .content_head .content_tit {font-size: 36px;}
}
@media screen and (max-width:768px){
  .sec_tit {font-size:26px;margin-bottom: 30px;}
  .sec_tit .sub_tit {font-size: 18px;margin-bottom:5px}
  
  .sub_content .content_head {flex-direction: column;align-items: flex-start}
  .sub_content .content_head .content_tit {font-size: 30px;}
  
  .content {padding:40px 0 0;}
  
  .cont_tit {font-size: 30px;padding-bottom: 30px;}
  .cont_tit:after {width: 30px; height: 3px;margin: 15px auto 0;}
  .cont_sub_tit {font-size:24px;margin-bottom:20px;}
  .cont_sm_tit {font-size: 22px;margin-bottom: 18px;}
  .cont_sm_tit2 {font-size: 20px;}
  
  .tit_btn {height: 35px;padding: 0 15px;font-size: 15px;}
  
  .dot_list li {font-size:16px;}
  .dot_list li:before {top: 8px;width: 4px;height: 4px;}
  
  .rd_box_wrap {padding: 40px;margin-top:30px;}
  .rd_txt_p {padding-left:25px;font-size:16px;background-size: 16px;}
  
  .dot_dl_list {font-size: 18px;}
  .dot_dl_list dt {width: 90px;}
}
@media screen and (max-width:480px){
  
  .sec_tit {font-size:24px;}
  .sec_tit.top_line {margin-top:20px;}
  .sec_tit.top_line:before {top: -40px;height:30px;}
  .sub_content .content_head .content_tit {font-size: 24px;}
  
  .content {padding:30px 0 0;}
  
  .cont_tit {font-size:26px;padding-bottom: 20px;}
  .cont_tit:before {width:14px;height:14px;}
  .cont_sub_tit {font-size: 22px;}
  .cont_sub_tit + .rd_box_wrap {margin-bottom:30px;}
  .cont_sm_tit {padding-left: 12px;}
  .cont_sm_tit:before {top: 5px;width:6px;height:6px;}
  
  .dot_list li {font-size:15px;padding-left:10px;}
  
  .rd_txt {padding: 0 20px;font-size:18px;}
  
  .rd_box_wrap {padding:25px;margin-top:20px;}
  .rd_txt_p {font-size:15px;background-position: left 3px;}
  
  .dot_dl_list {font-size: 16px;}
  .dot_dl_list dt {width: 80px;}
  
  
}


/* Page Location */
.pg_location {}
.pg_location ol {display: flex;align-items: center;gap:5px;}
.pg_location ol li {}
.pg_location ol li > a {display: block;}
.pg_location ol li > a.home {width: 30px;height: 30px;border-radius: 50%;background:#b57020;text-align: center;line-height: 30px; color:#fff;}
.sub_menu_drop {}
.sub_menu_drop .drop_title a {height: 30px;padding: 0 50px 0 15px;border:none;background: #fff;font-size: 17px;color: #444;line-height: 29px;}
.sub_menu_drop .drop_title a:after {right: 15px;top: 8px;border-color: #444;}
.sub_menu_drop .drop_title a:before {content: "";display: block;position: absolute;right:4px;top:-1px; width: 30px;height: 30px;border-radius: 50%;border:1px solid #ddd;}
.sub_menu_drop .drop_title.active a:after {top: 12px;border-color:#fff;}
.sub_menu_drop .drop_title.active a:before {background:#444;border-color:#444;}
.sub_menu_drop .drop_sub {top: 35px;border: 1px solid #ccc;border-top-color: #ccc;background: #fff;}
.sub_menu_drop .drop_sub li a {padding: 8px 15px;color: #444;}
.sub_menu_drop .drop_sub li.active a {color: #fff;}

@media screen and (max-width:768px){
  .pg_location {margin-top: 20px;}
  .pg_location ol {gap: 5px;}
  .pg_location ol li > a.home {font-size: 13px;width: 25px;height: 25px;line-height: 25px;}
  .sub_menu_drop .drop_title a {height:25px;font-size: 16px;line-height: 24px;}
  .sub_menu_drop .drop_title a:before {width: 25px;height: 25px;}
  .sub_menu_drop .drop_title a:after {right: 13px;top: 6px;width: 6px;height: 6px; border-color: #444;}
  .sub_menu_drop .drop_title.active a:after {top: 10px;}
}
@media screen and (max-width:480px){
  .pg_location ol li > a.home {font-size: 12px;}
  .sub_menu_drop .drop_title a {font-size: 15px;padding-right: 35px;}
}

/* Page Tabs */
.pg_tabs {margin-bottom: 50px;}
.pg_tabs .tabs {}
.pg_tabs .tabs ul {display: flex;justify-content: space-between;height:75px;border:1px solid #ddd;border-radius: 10px;overflow: hidden}
.pg_tabs .tabs ul li {flex:1 1 0;margin-left: -1px;}
.pg_tabs .tabs ul li + li {border-left: 1px solid #ddd}
.pg_tabs .tabs ul li.current {position: relative;z-index: 10}
.pg_tabs .tabs ul li a {display: flex;justify-content: center; align-items: center;height:100%; font-size: 20px;line-height: 1.3; font-weight: 500;text-align: center;gap:10px;padding:10px}
.pg_tabs .tabs ul li:hover a {background:#f6f6f6}
.pg_tabs .tabs ul li.current a {background:#0357a4;color:#fff;font-weight: 700}
.pg_tabs .tabs ul li.current a:before {content: "";display: block;width: 12px;height: 12px;background:url("../images/sub/tab_chk_on.png") no-repeat center center;background-size: cover;}

.tab_content_active {display: block;}

/* Small Tabs */
.pg_tabs.sm {margin-bottom: 20px;}
.pg_tabs.sm .tabs {border-bottom: 1px solid #ccc;}
.pg_tabs.sm .tabs ul {display: flex;justify-content: flex-start;height: 65px;border:none;}
.pg_tabs.sm .tabs ul li {flex: none;}
.pg_tabs.sm .tabs ul li + li {border-left:none;margin-left: 40px;}
.pg_tabs.sm .tabs ul li a { font-size: 18px;font-weight: 500;padding: 0 20px;}
.pg_tabs.sm .tabs ul li:hover a {background:none;color:#0357a4}
.pg_tabs.sm .tabs ul li.current {border-bottom: 1px solid #0357a4}
.pg_tabs.sm .tabs ul li.current a {background:none;color:#0357a4;font-weight: 700}
.pg_tabs.sm .tabs ul li.current a:before {display: none;}

@media screen and (max-width:1024px){
  .pg_tabs .tabs ul {flex-wrap: wrap;height: auto;justify-content: flex-start;border-right: none;border-bottom: none;border-radius: 0}
  .pg_tabs .tabs ul li {flex: 0 0 33.44%;height: 60px;border: 1px solid #ddd; margin: -1px 0 0 -1px}
}
@media screen and (max-width:768px){
  .pg_tabs {margin-bottom: 30px;}
  .pg_tabs .tabs ul {}
  .pg_tabs .tabs ul li {height: 50px;}
  .pg_tabs .tabs ul li a { font-size:18px;}
  .pg_tabs .tabs ul li.current a:before {width: 8px;height: 8px;}  
}
@media screen and (max-width:768px){
  .pg_tabs .tabs ul li a { font-size:15px;}
  
  .pg_tabs.sm .tabs ul {height: 55px;}
  .pg_tabs.sm .tabs ul li + li {margin-left:10px;}
  .pg_tabs.sm .tabs ul li a {font-size:16px;padding: 0 10px;}
  .pg_tabs .tabs ul li.current a:before {display: none}
}
@media screen and (max-width:480px){
  .pg_tabs .tabs ul li a { font-size:14px;gap:5px;line-height: 1.2}
  .pg_tabs .tabs ul li.current a:before {flex-shrink: 0; width: 6px;height: 6px;}
  
  .pg_tabs.sm .tabs ul li + li {margin-left:5px;}
  .pg_tabs.sm .tabs ul li a {font-size:15px;padding: 0 6px;}
}


/********************************************************
 
 *  Slider
 
 ********************************************************/

/* Slider Right : Width 1400일 경우 */
.slider_right {padding-left: calc(50% - 700px)}

/* Slider Column : 왼쪽 컨텐츠가 있을 경우 Width 1400일 경우 */
.slider_column {display: flex;align-items: stretch;padding-left: calc(50% - 700px)}
.slider_column .left_cont {flex-shrink: 0; width: 400px;background:#f2f2f2;}

/* Slider Tween : 슬라이더 2개 연동 */
.slider_tween {display: flex;justify-content: space-between;}
.slider_tween .swiper-container {width: 50%}

/* Slider Gallery : 갤러리 형태 */
.slider_gallery {max-width: 1400px;margin: 0 auto;}
.slider_gallery .swp_thumb .swiper-slide {border:2px solid transparent;}
.slider_gallery .swp_thumb .swiper-slide-active {border-color: #bc4f38;}

/* Slider Progress Circle : 페이지 원 형태 */
.swp_progress_cir .swiper-pagination-bullet {background:transparent;width: 30px;height: 30px;}
.swp_progress_cir .swiper-pagination-bullet-active .path {display: inline-block !important;stroke-dasharray: 1000;stroke-dashoffset: 0;-webkit-animation: dash linear 120s;animation: dash linear 120s;-webkit-animation-iteration-count: unset;animation-iteration-count: unset;}
.path {display: none;}
  
@-webkit-keyframes dash{
  from {stroke-dashoffset: 1000;}
  to {stroke-dashoffset: 0;}
}
@keyframes dash {
  from {stroke-dashoffset: 1000;}
  to {stroke-dashoffset: 0;}
}


/********************************************************
 
 *  Table
 
 ********************************************************/

/*-----------------------------------------------------------------------------
 *  Row Table : 가로형 기본 테이블
 *----------------------------------------------------------------------------*/

.tb_row {border-top:2px solid #000;}
.tb_row th,
.tb_row td {padding:20px 15px}
.tb_row th {font-size: 18px;font-weight: 600; color:#000;background:#f8fbff;border-bottom: 1px solid #e5e5e5;}
.tb_row tr + tr th:first-child {border-left: 1px solid #e5e5e5}
.tb_row thead th + th {border-left: 1px solid #e5e5e5}
.tb_row tbody th {}
.tb_row td {font-size: 16px;font-weight: 500;border-bottom: 1px solid #e2e2e2;word-break: keep-all}
.tb_row th + td,
.tb_row td + td {border-left: 1px solid #e2e2e2;}
.td_center {text-align: center !important;}
.td_right {text-align: right;}
.txt_left {text-align: left !important;}
.tb_row.center td {text-align: center;}
table.right td {text-align: right}
table tr.td_total td {border-bottom: 1px solid #15579f;font-weight: 600;color:#15579f;background:#fffbfa;}
.tb_top {text-align: right;padding: 0 0 15px}
table.scroltable {min-width: 600px;}

/* Scroll Table */
.scroltable-wrapper{position:relative}
.scroltable-container{overflow:auto}
.scroltable-nav{display:none;position:absolute;width:60px;height:100%;cursor:pointer}
.scroltable-nav.scroltable-nav-left{left:0;background:url(../images/common/arr_prev_off.png) no-repeat 10px center,-webkit-linear-gradient(180deg,rgba(255,255,255,0),#fff);background:url(../images/common/arr_prev_off.png) no-repeat 10px center,-moz-linear-gradient(to left,rgba(255,255,255,0),#fff);background:url(../images/common/arr_prev_off.png) no-repeat 10px center,-ms-linear-gradient(to left,rgba(255,255,255,0),#fff);background:url(../images/common/arr_prev_off.png) no-repeat 10px center,-o-linear-gradient(to left,rgba(255,255,255,0),#fff);background:url(../images/common/arr_prev_off.png) no-repeat 10px center,linear-gradient(to left,rgba(255,255,255,0),#fff)}
.scroltable-nav.scroltable-nav-right{right:0;background:url(../images/common/arr_next_off.png) no-repeat right 10px center,-webkit-linear-gradient(0,rgba(255,255,255,0),#fff);background:url(../images/common/arr_next_off.png) no-repeat right 10px center,-moz-linear-gradient(to right,rgba(255,255,255,0),#fff);background:url(../images/common/arr_next_off.png) no-repeat right 10px center,-ms-linear-gradient(to right,rgba(255,255,255,0),#fff);background:url(../images/common/arr_next_off.png) no-repeat right 10px center,-o-linear-gradient(to right,rgba(255,255,255,0),#fff);background:url(../images/common/arr_next_off.png) no-repeat right 10px center,linear-gradient(to right,rgba(255,255,255,0),#fff)}


@media screen and (max-width:1400px){
  .tb_row th,
  .tb_row td {padding:20px 10px}
  .tb_row th {font-size: 16px}
  .tb_row td {font-size: 15px}
}
@media screen and (max-width:1024px){
  .tb_row th,
  .tb_row td {padding:20px 10px}
  .tb_row th {font-size: 16px}
  .tb_row td {font-size: 15px}
}
@media screen and (max-width:768px){
  .tb_row th,
  .tb_row td {padding:10px 5px}
  .tb_row th {font-size: 15px}
  .tb_row td {font-size: 14px}
}
@media screen and (max-width:768px){
  .tb_row th {font-size: 14px}
  .tb_row td {font-size: 13px}
}


/*-----------------------------------------------------------------------------
 *  Column Table : 세로형 기본 테이블
 *----------------------------------------------------------------------------*/

.tb_col {border-top:2px solid #000;}
.tb_col th,
.tb_col td {padding:20px 15px}
.tb_col th {font-size: 18px;font-weight: 600; color:#000;background:#f8fbff;border-bottom: 1px solid #e5e5e5;}
.tb_col thead th + th {border-left: 1px solid #e5e5e5}
.tb_col tbody th {background:#f8fbff;border-bottom-color: #e5e5e5;}
.tb_col td {font-size: 16px;font-weight: 500;border-bottom: 1px solid #e5e5e5;word-break: keep-all}
.tb_col th + td,
.tb_col td + td {border-left: 1px solid #e5e5e5;}
.td_center {text-align: center;}

@media screen and (max-width:1400px){
  .tb_col th,
  .tb_col td {padding:20px 10px}
  .tb_col th {font-size: 16px}
  .tb_col td {font-size: 15px}
}
@media screen and (max-width:1024px){
  .tb_col th,
  .tb_col td {padding:20px 10px}
  .tb_col th {font-size: 16px}
  .tb_col td {font-size: 15px}
}
@media screen and (max-width:768px){
  .tb_col th,
  .tb_col td {padding:10px}
  .tb_col th {font-size: 15px}
  .tb_col td {font-size: 14px}
}



/********************************************************
 
 *  Button Set : 버튼 셋
 
 ********************************************************/

.btn_set {text-align:left;}
.btn_set.center {display: flex;justify-content: center;align-items: center}
.btn_normal {display: inline-flex;align-items: center;gap: 8px;height: 55px;padding: 0 50px;border-radius:10px;background: #15579f;font-size: 20px;font-weight: 500;color: #fff;}
.btn_normal .icon {display:inline-block;width: 20px;height: 20px;font-size: 0}
.download_btns {display: flex;justify-content: center;gap:10px;}
.download_btns .btn {display: inline-flex;align-items: center;justify-content: center;gap:10px;padding: 0 25px;height:  60px;line-height: 1.3; border-radius: 10px;font-size: 16px;font-weight: 500;background:#fff;}
.download_btns .btn.type1 {background:#15579f;color:#fff}
.download_btns .btn.type2 {background:#d49f35;color:#fff}
.download_btns .btn .icon {flex-shrink: 0; display: inline-block;width:20px;height:20px;}
.download_btns .btn .icon img {display: block;width: 100%}
.download_btns .arr {font-size: 0}
.download_btns .arr img {width:14px}

@media screen and (max-width:640px){
  .btn_normal {width: 100%;justify-content: center;
    height: 50px;
    font-size: 16px;
}
  .download_btns {flex-direction: column;}
  .download_btns .btn {padding: 0 20px;height:55px;font-size: 15px;justify-content: center}
}
/********************************************************
 
 *  통합검색
 
 ********************************************************/
.total_search .photo_list {padding-top:30px;}
.total_search .photo_list ul {display: grid; gap: 60px 40px; grid-template-columns: repeat(4, 1fr);}
.total_search .photo_list ul li a {display:block;}
.total_search .photo_list ul li .list_img_wrap {position: relative;display: block;font-size: 0;border-radius: 10px;overflow: hidden}
.total_search .photo_list ul li .list_subject {position: relative; display: block; font-size: 0;border-radius: 10px; overflow: hidden;}
.total_search .photo_list ul li .list_img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.total_search .brd_wbz_list .btns {display: flex;gap:10px;align-items: center;margin-top:30px}
.total_search .brd_wbz_list .btns a {display: inline-flex;gap:10px;align-items: center;padding:15px 25px;text-align: center;border-radius: 10px;font-size: 16px;font-weight:600;color:#15579f;border:1px solid #15579f}
.total_search .brd_wbz_list .btns a:before {content: "";display: block;width: 20px;height: 20px;}
.total_search .brd_wbz_list .btns a.btn_reserv {color:#fff;background:#d85640;border-color:#d85640 }
.total_search .brd_wbz_list .btns a.btn_detail_view:before {background:url("../images/common/icon_detail_view.svg") no-repeat center / 24px auto}
.total_search .brd_wbz_list .btns a.btn_reserv:before {background:url("../images/common/icon_calendar.svg") no-repeat center / 24px auto}
                          
.sch_rst .list_box > a {display: flex;flex-direction: row !important; justify-content: space-between;align-items: center;text-decoration: none;}
.sch_rst .list_box > a .list_more {display: inline-flex;gap:3px;align-items: center;font-size: 15px;font-weight: 500;color:#444;padding: 0 15px;border-radius: 5px;border:1px solid #ccc}
.sch_rst .list_box > a .list_more:hover {color:#000;border-color:#000}
.sch_rst .list_box > a .list_more:before {content: "+";display: inline-block;font-size:18px;font-weight:500;color:#444;text-decoration: none;margin-bottom: 3px;}
.sch_rst .rd_txt_p {margin:30px 0;}
 @media screen and (max-width:1024px){
.total_search .photo_list ul {gap:40px 20px; grid-template-columns: repeat(3, 1fr);}
}
@media screen and (max-width:768px){
.total_search .photo_list ul {gap:40px 20px; grid-template-columns: repeat(2, 1fr);}
.sch_rst .list_box > a .list_more {font-size:14px;}
.sch_rst .list_box > a .list_more:before {font-size:16px;margin-bottom: 2px;}
.sch_rst .rd_txt_p {margin:20px 0;}
}



/* 레이어팝업 */
.pop_wrap{border:0!important;}


/*레이어 팝업2*/
.layer_pop{max-width:100%; height:auto!important;  border:1px solid #dedede!important;}
.layer_pop img{max-width:100%;height:auto!important;}
.layer_pop p{margin-top:-2px;}
.layer_pop > br{display:none;}

@media all and (max-width:1023px){
	.layer_pop{top:0px!important; left:0!important;}
}