@charset "utf-8";

/*
 * File Name : layout.css
 * 작성일 : 2024-06-07
 */


/********************************************************

 *  Common

 ********************************************************/

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


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

.menuMo {position:fixed;width:320px;height:100% !important;right:-320px;top:0;background:#f4f4f4;z-index:1000;overflow-x:hidden;overflow-y:auto;transition:right 0.3s;}
.menuMo_head {position: relative;padding:60px 30px 40px 35px;display: flex;justify-content: space-between;align-items: center}
.menuMo_head .lang .drop_title {border-bottom: 2px solid #000;}
.menuMo_head .lang .drop_title.active {border-bottom-color:transparent;}
.menuMo_head .lang .drop_title a {max-width:80px;min-width: 80px; background:transparent;border: none;color:#000;padding-left: 0;font-weight: 700;}
.menuMo_head .lang .drop_title a:after {border-color:#000}
.menuMo_head .lang .drop_sub {border:none;border-radius: 10px;box-shadow: 0 0 10px rgba(0,0,0,0.1);overflow: hidden;}
.menuMo_head .lang .drop_sub li a {padding: 6px 0;text-align: center;font-weight: 600;}

.menuMo_head .btn_member {}
.menuMo_head .btn_member a {font-size: 14px;font-weight:600;color:#000;padding-left:22px;}
.menuMo_head .btn_member a.btn_login {background:url(../images/common/icon_login.svg) no-repeat left center;background-size: 15px auto;padding-right: 0;}
.menuMo_head .btn_member a.btn_logout {background:url(../images/common/icon_logout.svg) no-repeat left center;background-size: 15px auto;}


.menuMo_head .btn_close {position: absolute;top: 20px;right: 20px;display: block;width: 30px;height: 30px;background:url("../images/common/icon_close.png") no-repeat center center;background-size: 18px;cursor: pointer;text-indent: -9999px}
.menuMo > ul.menuMoCont {}
.menuMo > ul.menuMoCont > li {}
.menuMo > ul.menuMoCont > li + li {}
.menuMo > ul.menuMoCont > li > a {position: relative;display:block;padding:25px 35px;font-size:18px;line-height: 15px; font-weight:600; color:#444;}
.menuMo > ul.menuMoCont > li > a:after {content: "";position: absolute;right:25px;top:30px;width: 8px;height: 8px;border:2px solid #444;border-top:none;border-left:none;transform: rotate(45deg)}
.menuMo > ul.menuMoCont > li.noSub > a:after {display: none;}
.menuMo > ul.menuMoCont > li > a.active {color:#fff;background:#fcaf17;}
.menuMo > ul.menuMoCont > li > a.active:after {border-color:#fff;top:30px;transform: rotate(225deg)}
.menuMo > ul.menuMoCont > li div.mSubMenu {display: none;background:#fff;padding: 10px 0;}

.menuMo ul li ul li + li {/*border-top: 1px solid #999;*/}
.menuMo ul li ul li a {display:block;padding:10px 40px;font-size:16px;color:#000;font-weight:500;}
.menuMo_foot {padding: 30px 35px;}
.menuMo_foot a {display: inline-block;padding:0 25px 0 40px;height:40px; line-height:36px;background:#fff url("../images/common/inquiry_org.png") no-repeat 20px center;font-size:16px;color:#000;font-weight: 700; border-radius: 50px;}

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


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

#header {position: fixed;top:0;left:0;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2); z-index: 10;transition: all .5s ease}
#header.on {border-bottom:none; transition: all .5s ease}
#header.act {height: 100px; border-bottom:none; transition: all .2s ease}
#header.on:after {content: "";position: absolute;left: 0;top:0;width: 100%;height: 127px;}
#header.act:after {content: "";position: absolute;left: 0;top:0;width: 100%;height: 100px;background:#fff;border-bottom: 1px solid #e5e5e5}
#header.act_hidden {top:-100%;transition: all .5s ease}
#header .inner {position:relative;text-align: center;padding:0 380px 0 280px;}
#logo,
#header .util {position: absolute;left:0;top:0;z-index: 10}
#header .util {left:auto;right:0;top:0;}
#logo {width: 167px;}
#logo img.logo_org {display: none;}
#header.on #logo img,
#header.act #logo img {display: none;}
#header.on #logo img.logo_org,
#header.act #logo img.logo_org {display: block;}

/* Gnb */
#gnb {position:relative;text-align: center;margin:40px 0;z-index: 100;transition: all 0.3s ease}
#header.act #gnb {margin: 20px 0}
#gnb > ul {display: inline-block;}
#gnb > ul:after {clear: both;content: '';display: block;}
#gnb > ul > li {float:left;margin:0 40px;min-width: 88px;}
#gnb > ul > li > a {position: relative;display: block; font-size:20px;color:#fff;padding:5px 0;font-weight: 600;}
#gnb > ul > li > a:after {content: "";position: absolute;left: 50%;bottom:-48px;transform: translateX(-50%);width: 0;height: 2px;background:#fcaf17;transition: width 0.3s ease}
#header.act #gnb > ul > li > a:after {content: "";position: absolute;left: 50%;bottom:-40px;transform: translateX(-50%);width: 0;height: 2px;background:#fcaf17;transition: width 0.3s ease}
#gnb > ul > li:hover > a:after {width: 100%;}
#header.act #gnb > ul > li:hover > a:after {width: 100%;}
#header.on #gnb > ul > li > a {color:#000;}
#header.act #gnb > ul > li > a {color:#000;}
#gnb > ul > li:hover > a {color:#fcaf17 !important}

#gnb .sub_menu {display:none;}
#gnb .sub_menu .inner {padding:80px 0 70px;transition: all 0.3s ease;}
#header.act #gnb .sub_menu .inner {padding:80px 0 40px;}
#gnb .sub_menu .inner > ul > li > a { display:block;color:#666;font-size:16px;font-weight:500; padding:6px 0;text-align: center;}
#gnb .sub_menu .inner > ul > li:hover > a {color:#000;}

#header .util {display: flex;align-items: center;}
#header .util .btn_inq a {display: inline-block;padding:0 30px 0 50px;line-height:38px;background:url(../images/common/inquiry.png) no-repeat 30px center;border:1px solid #fff;font-size:16px;font-weight: 500; color:#fff;border-radius: 50px;}
#header.on .util .btn_inq a {background:url(../images/common/inquiry_org.png) no-repeat 30px center;border-color:#222;color:#222}
#header.act .util .btn_inq a {background:url(../images/common/inquiry_org.png) no-repeat 30px center;border-color:#222;color:#222}
#header .util .btn_loca {margin:0 30px}
#header .util .btn_loca a {display: flex;display: block; width:40px;height:40px;border-radius: 50%;text-indent:-9999px;background:#fff url(../images/common/location.png) no-repeat center center;}
#header.on .util .btn_loca a {background:#222 url(../images/common/location_org.png) no-repeat center center;}
#header.act .util .btn_loca a {background:#222 url(../images/common/location_org.png) no-repeat center center;}

#header .btn_member {margin-right: 10px;}
#header .btn_member a {font-size: 15px;font-weight:600;color:#fff;padding-left:24px;}
#header .btn_member a.btn_login {background:url(../images/common/icon_login_w.svg) no-repeat left center;background-size: 15px auto;}
#header .btn_member a.btn_logout {background:url(../images/common/icon_logout_w.svg) no-repeat left center;background-size: 15px auto;}
#header.on .btn_member a,
#header.act .btn_member a {color:#000;}
#header.on .btn_member a.btn_login,
#header.act .btn_member a.btn_login {background:url(../images/common/icon_login.svg) no-repeat left center;background-size: 15px auto;}
#header.on .btn_member a.btn_logout,
#header.act .btn_member a.btn_logout {background:url(../images/common/icon_logout.svg) no-repeat left center;background-size: 15px auto}

#header .lang {}
#header .lang .drop_title a {min-width: 80px;font-size: 16px;color: #fff;font-weight: 700;background:transparent;border: none;}
#header .lang .drop_title a:after {border-color:#fff;}
#header .lang .drop_sub {display: none; border: none;border-radius: 10px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1)}
#header .lang .drop_sub li a {border-bottom:none;padding:8px 0;font-weight: 500;}
#header .lang .drop_sub li:hover a {font-weight: 700;}
#header.on .drop_title a {color: #000;}
#header.act .drop_title a {color: #000;}
#header.on .lang .drop_title a:after {border-color:#000;}
#header.act .lang .drop_title a:after {border-color:#000;}

#header .menu_back {display:none;position:absolute; top:0; left:0;  width:100%; height:380px;background:#fff;box-shadow: 0 5px 10px rgba(0,0,0,0.05);transition: background 0.3s ease; z-index:0;}
#header.act .menu_back {display:none;position:absolute; top:0; left:0;  width:100%; height:340px;background:#fff;z-index:0;}
#header .menu_back:after {content: "";position: absolute; left: 0;top:127px;width: 100%;height: 1px;background:rgba(0,0,0,0.15);z-index: 1}
#header.act .menu_back:after {display: none;}

.mMenuBtn { display: none; position: absolute; top: 50px; right:80px; padding: 0 8px; width: 80px; height:80px;z-index: 10 }
.mMenuBtn a { overflow: hidden; display: block; position: relative; padding: 14px 0; width: 100%; height: 100%; }
.mMenuBtn .bar { display: flex; margin-top: 8px; width: 100%; height: 2px; }
.mMenuBtn .bar:first-child { margin-top: 0; }
.mMenuBtn .bar::before,
.mMenuBtn .bar::after { content: ''; flex: 1 0 auto; display: block; width: 100%; height: 100%; background: #fff; }
#header.act .mMenuBtn .bar::before,
#header.act .mMenuBtn .bar::after {background: #000; }
.mMenuBtn .bar::after { margin-left: 4px; }
.mMenuBtn .bar { transform: translateX(-6px); transition: transform linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%) .65s; }
.mMenuBtn .bar:nth-child(even) { transform: rotate(180deg) translateX(-6px); }
.mMenuBtn a:hover .bar { transform: translateX(calc(-100% + 2px)); }
.mMenuBtn a:hover .bar:nth-child(even) { transform: rotate(180deg) translateX(calc(-100% + 2px)); }

@media screen and (max-width:1480px){
  #header .inner {padding:0 330px 0 250px;}
  #gnb > ul > li > a {font-size: 18px;}
  #gnb > ul > li {margin: 0 15px;}
  #gnb .sub_menu .inner > ul > li > a {font-size: 15px;}
  #header .util .btn_inq a,
  #header.act .util .btn_inq a {padding: 0 20px 0 40px;background-position: 20px center;}
  #header .util .btn_loca {margin: 0 20px;}
  #header .btn_member {margin-right: 5px;}
}
@media screen and (max-width:1200px){
  #header {height: 100px;}
  #logo,
  #header .util {top:25px;}
  #gnb {display: none;}
  #header .util {display: none;}

  .mMenuBtn { display: block; top: 25px; right: 50px; padding: 0 6px; width: 50px; height: 50px; }
	.mMenuBtn a { padding: 11px 0; }
	.mMenuBtn .bar { margin-top:8px; }
}
@media screen and (max-width:1024px){
  #header {height: 80px;}
  #header.act {height: 80px;}
  #header.act:after {height:80px;}
  #header #logo {width: 140px;top: 20px}
  .mMenuBtn { top: 20px; right: 25px; width: 40px; height: 40px; }
	.mMenuBtn a { padding: 10px 0; }
	.mMenuBtn .bar { margin-top:6px; }
}

@media screen and (max-width:768px){
  .menuMo_head .lang .drop_title a {max-width:120px; min-width: 120px; }
}

@media screen and (max-width:480px){
  #header {height: 60px;}
  #header.act {height: 60px;}
  #header.act:after {height:60px;}
  #header .inner {padding:0;}
  #header #logo {width: 120px;top: 12px;}
  #header.act #logo {top:13px;}
  #header #logo a {display: block;}
  #header #logo a img {line-height: 0;}
  .mMenuBtn { top: 12px; right: 15px; width:36px; height:30px; }
	.mMenuBtn a { padding: 10px 0; }
	.mMenuBtn .bar { margin-top:5px; }
}


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

#container {overflow: hidden;}


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

#footer {background:#262626;position: relative;}
#footer .inr_box {padding:80px 0;}
#footer .ftr_cont {margin:30px 0;display: flex;}
#footer .ftr_cont dl,
#footer .ftr_cont .cs_center,
#footer .ftr_cont .address {flex:1;}
#footer .ftr_cont dt,
#footer .ftr_cont dd {font-size:16px;color:#aaa;line-height: 1.8;}
#footer .ftr_cont dt {clear:both;float:left;width:90px;}
#footer .ftr_cont dd {float:left;}
#footer h2 {font-size:24px;font-weight: 600;letter-spacing: 0.04em; color:#fff;margin-bottom:10px;}
#footer h2 + strong {color:#aaa}
#footer .cs_center strong {font-size:22px;color:#ffce00;letter-spacing: 0.04em;}
#footer address {font-size:18px;color:#aaa;}
#footer .copyright {color:#aaa;}
.btnTop {position:fixed;display:none;width:60px;height:60px;line-height:70px; right:20px;bottom:20px;background:#fff;border-radius: 50%;text-align: center;overflow: hidden;cursor: pointer;border:1px solid #e5e5e5;z-index: 10}
.btnTop.on {display: block;}

@media screen and (max-width:1024px){
  .ftr_logo {width: 220px}
  #footer .ftr_cont dl,
  #footer .ftr_cont .cs_center,
  #footer .ftr_cont .address {flex:auto;}

  .ftr_cont > dl {width:42%;flex-shrink: 0 !important;}
  #footer .ftr_cont dt, #footer .ftr_cont dd {font-size: 15px;}
  #footer .ftr_cont dt {width:70px;}
  #footer h2 {font-size: 22px;letter-spacing: 0.04em;}
  #footer .ftr_cont .cs_center {margin-right:30px;}
  #footer .cs_center strong {font-size: 20px;}
  #footer .copyright {font-size: 13px;}
  .btnTop {width: 50px;height: 50px;line-height: 60px;}
}
@media screen and (max-width:768px){
  .ftr_logo {width: 200px;}
  #footer .ftr_cont {margin: 30px 0;flex-direction: column;}
  #footer .ftr_cont dl {display: flex;flex-wrap: wrap;width: 100%;}
  #footer .ftr_cont dl dt {width: 25%;}
  #footer .ftr_cont dl dd {width:70%;}
  #footer h2 {font-size: 18px;margin-top: 30px;}
  #footer .cs_center strong {font-size: 18px;}
}
@media screen and (max-width:480px){
  #footer .inr_box {padding: 50px 0;}
  .ftr_logo {width: 140px;}
  #footer .ftr_cont dt,
  #footer .ftr_cont dd {font-size: 14px;}
  #footer h2 {font-size: 16px;margin-top: 20px;}
  #footer .cs_center strong {font-size: 16px;}
  #footer h2 + strong {font-size: 13px;}
  #footer .copyright {font-size: 11px;}

  .btnTop {width: 40px;height: 40px;line-height: 45px;}
  .btnTop img {width: 10px}
}


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

/* Horizontal Padding */
 .hPad50 {padding: 0 50px;}
 .hPad80 {padding: 0 80px;}
 .hPad100 {padding: 0 100px;}
 .hPad160 {padding: 0 160px;}

/* Vertical Padding */
.pb0 {padding-bottom: 0 !important;}

/* Both Padding */

@media screen and (max-width:1024px){
   .hPad50 {padding: 0 40px;}
   .hPad80 {padding: 0 50px;}
   .hPad100 {padding: 0 80px;}
   .hPad160 {padding: 0 140px;}
}
@media screen and (max-width:480px){
   .hPad50 {padding: 0 20px;}
   .hPad80 {padding: 0 30px;}
   .hPad100 {padding: 0 50px;}
   .hPad160 {padding: 0 80px;}
}


/*-----------------------------------------------------------------------------
 *  Content Box
 *----------------------------------------------------------------------------*/

/* Inner Box */
.inr_box {position:relative;max-width: 1400px; margin: 0 auto;}


/********************************************************

 *  Sub

 ********************************************************/

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

#sub_vis {position:relative;height:650px;display: flex;align-items: center;color:#fff;overflow: hidden;z-index: 5}
#sub_vis .bg {position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 0;animation: ZoomOut 6s forwards;transition: transform .5s ease}
#sub_vis .inr_box {width: 100%;color:#fff;font-weight: 600;letter-spacing: 0.04em;z-index: 1}
.sub_title span {display: inline-block;font-size:30px;font-weight: 500;}
.sub_title h2 {font-size:70px;font-weight: 700;}
.sub_title strong {display: inline-block; font-size:60px;line-height: 1.2}

@keyframes ZoomOut {
  0%{transform:scale(1.07)}
  100%{transform:scale(1)}
}


/* Page Navigation */

.pgNav {position: absolute;width:100%;max-width:1560px;top: auto; bottom:80px;left:50%;transform: translateX(-50%);padding: 0 80px;transition: top 0.35s ease; z-index: 1}
.pgNav.fix {position: fixed;top:0;width: 100%;max-width:none;bottom:auto;left: 0;transform: none;padding:0 20px; background:#fff;border-bottom: 1px solid #e5e5e5;}
.pgNav ol {overflow: hidden;}
.pgNav.fix ol {display: flex;justify-content: center;}
.pgNav li {float:left;margin-right:40px;}
.pgNav.fix li {float:none;margin: 0 15px;padding: 0;}
.pgNav li.active {border-bottom: 2px solid #fff;}
.pgNav.fix li.active {border-bottom: 2px solid #000;}
.pgNav li a {display: block; font-size:22px;color:#fff;font-weight: 600;opacity: 0.7;padding: 20px 10px;}
.pgNav.fix li a {color:#000;}
.pgNav li:hover a,
.pgNav li.active a{opacity: 1;}


/* Content Nav */

.tabs.row .tabs_head.cont_nav {}
.cont_nav.fix {position: fixed;top:0;width: 100%;margin: 0;background:#fff;padding-top: 10px;border-bottom: 1px solid #e5e5e5;z-index: 1;}
.tabs.row .tabs_head.cont_nav {display: flex;justify-content: center;margin-bottom: 100px;}
.tabs.row .tabs_head.cont_nav > div {display: block;font-size: 24px;font-weight: 600;color:#888;background:#fff; padding:0 30px;line-height: 50px;height: 50px;border: none; border-radius: 50px;margin: 0 5px;}
.tabs.row .tabs_head.cont_nav > div:hover {color:#000;}
.tabs.row .tabs_head.cont_nav .tabs_head_active {color:#fff !important;background:#233871;}
.tabs.row .tabs_head.cont_nav + .tabs_cont {padding: 0;border: none;margin-top: 0;}

@media screen and (max-width:1200px){
  .sub_title span {font-size: 28px;}
  .sub_title h2 {font-size: 66px;}
  .sub_title strong {font-size: 50px;}

  .pgNav li a {font-size: 18px;}
}
@media screen and (max-width:1024px){
  .sub_title span {font-size: 24px;}
  .sub_title h2 {font-size:60px;}
  .sub_title strong {font-size:40px;}

  .pgNav {padding: 0 60px;}

  .pgNav>ol {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center;}
  .pgNav>ol li {margin:0; text-align:center;}
  .pgNav>ol li + li {margin: 0; text-align:center;}
  .pgNav.fix>ol li { margin: 0; padding: 0; }
  .pgNav.fix>ol li + li {margin:0; text-align:center;}
  .pgNav>ol li a {font-size:12px;padding: 10px 5px}

  /*.pgNav li a {font-size:20px;}*/

  .tabs.row .tabs_head.cont_nav > div {font-size: 20px;padding: 0 25px;}
}
@media screen and (max-width:768px){
  #sub_vis {height: 500px;}
  .sub_title span {font-size: 20px;}
  .sub_title h2 {font-size: 44px;}
  .sub_title strong {font-size:36px;}

  .pgNav {padding: 0 50px;}
  /*.pgNav li {margin-right:25px;}
  .pgNav li a {font-size: 18px;padding: 15px 10px}*/

  .tabs.row .tabs_head.cont_nav {margin-bottom:60px;}
  .tabs.row .tabs_head.cont_nav > div {margin: 0 5px;font-size: 15px;padding: 0 15px;line-height:40px;height: 40px}
}
@media screen and (max-width:480px){
  #sub_vis {height: 350px;}
  .sub_title span {font-size:18px;}
  .sub_title h2 {font-size: 30px;}
  .sub_title strong {font-size:22px;}

  .pgNav {bottom:30px;padding: 0 30px;}

  /*.pgNav li {margin-right:0;}
  .pgNav li + li {margin-left: 20px;}
  .pgNav.fix li + li {margin:0 10px}
  .pgNav li a {font-size:16px;padding: 10px 5px}*/

  .tabs.row .tabs_head.cont_nav {flex-wrap: wrap;margin-bottom: 40px;gap:10px 10px;}
  .tabs.row .tabs_head.cont_nav > div {width: 48%;margin: 0;text-align: center;font-size: 14px;}
}


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

.content {padding:200px 0;}
.subCont .inr_box {display: flex;padding:150px 0;}
.subCont .inr_box.divide {border-top: 1px solid #ddd;}
.subCont .inr_box.divide:last-of-type {padding-bottom: 0}
.subCont .inr_box.first {padding:0 0 150px;}
.subCont + .subCont .inr_box {border-top:1px solid #ddd;}
.subCont .subCont_tit {flex-shrink: 0; width:400px;font-size:40px;color:#000;font-weight:700;padding-right: 80px;line-height: 1.2}
.subCont .subCont_tit em {display: block;font-size: 22px;font-weight: 700;padding-left: 5px;}
.subCont .subCont_right {width: 100%;}
.subCont .first .subCont_right > p {font-size: 24px;font-weight: 600;color:#000;}
.subCont .subCont_right > p {margin-bottom:40px;font-size: 20px;font-weight: 500;color:#000;}
.sub_pg_tit {font-size:24px; font-weight: 800; color:#000;margin-bottom: 30px; }
.col_cont_wrap {display: flex;justify-content: space-between;gap:0 40px;}
.col_cont_wrap .col_cont {width: 100%;}


/* Titles */
.tit_big {font-size: 30px;font-weight: 700; color:#000;margin-bottom: 50px;}
.tit_mdm {font-size: 26px;font-weight: 600;color:#fff;text-align: center;margin-bottom: 50px;background:#20409a;padding:20px 30px;border-radius: 15px;}
.tit_small {}
.tit_tiny {}
.tit_cont {font-size: 44px; font-weight: 800; color:#000;margin-bottom: 50px;border-top: 2px solid #000;padding-top:80px;}
.tit_cont > span {display: block; font-size: 24px; font-weight: 500; color:#222;margin-top: 10px;}

@media screen and (max-width:1400px){
  .subCont .subCont_tit {width: 300px;}
}
@media screen and (max-width:1200px){
  .subCont .subCont_tit {font-size: 36px;}
}
@media screen and (max-width:1024px){
  .content {padding:150px 0;}
  .subCont .inr_box {display: block;padding:100px 0;}
  .subCont .subCont_tit {width: 100%;font-size: 32px;margin-bottom: 50px;}
  .sub_pg_tit {font-size: 20px;margin-bottom: 20px;}

  .tit_big {font-size: 26px;margin-bottom: 40px;}
  .tit_mdm {font-size: 22px;margin-bottom: 40px;}
  .tit_cont {font-size: 36px;margin-bottom: 40px;padding-top: 60px;}
  .tit_cont > span {font-size:20px;}
}
@media screen and (max-width:768px){
  .content {padding:100px 0;}
  .subCont .inr_box {padding: 50px 0;}
  .subCont .inr_box.first {padding: 0 0 100px;}
  .subCont .subCont_tit {font-size: 28px;margin-bottom: 40px;padding-right: 0;}
  .subCont .subCont_tit em {font-size: 18px;padding-left: 2px;}
  .subCont .first .subCont_right > p {font-size: 20px;}
  .subCont .subCont_right > p {margin-bottom:30px;font-size: 18px;}
  .sub_pg_tit {font-size: 18px;}
  .col_cont_wrap {gap: 0 30px;}

  .tit_big {font-size:22px;margin-bottom: 30px;}
  .tit_mdm {font-size: 20px;margin-bottom:30px;}
  .tit_cont {font-size: 30px;margin-bottom: 30px;padding-top: 40px;}
  .tit_cont > span {font-size: 18px;}
}
@media screen and (max-width:480px){
  .content {padding: 60px 0 80px;}
  .subCont .inr_box {padding: 30px 0;}
  .subCont .inr_box.first {padding: 0 0 60px;}
  .subCont .subCont_tit {font-size: 22px;margin-bottom: 30px;}
  .subCont .subCont_tit em {font-size: 16px;}
  .subCont .first .subCont_right > p {font-size: 18px;}
  .subCont .subCont_right > p {margin-bottom:20px;font-size:16px;}
  .col_cont_wrap {gap: 0 20px;}

  .tit_big {font-size: 20px;margin-bottom: 20px;}
  .tit_mdm {font-size: 18px;margin-bottom: 20px;padding: 20px 25px;}
  .tb_tit {font-size:18px;}
  .tit_cont {font-size: 24px;margin-bottom: 20px;padding-top: 30px;}
  .tit_cont > span {font-size: 16px;}
}


/********************************************************

 *  Table

 ********************************************************/

.tb_tit {font-size: 26px;font-weight: 700;color:#000;margin-bottom: 20px}

@media screen and (max-width:1024px){
  .tb_tit {font-size: 22px;}
}
@media screen and (max-width:768px){
  .tb_tit {font-size: 20px;}
}

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

.tb_row {border-top: 2px solid #000}
.tb_row.center table {text-align: center;}
.tb_row table thead {background:#145696;color:#fff;}
.tb_row table thead th,
.tb_row table tbody td {padding: 15px;}
.tb_row table thead th {font-size: 18px;font-weight: 600;word-wrap: break-word; word-break: keep-all; white-space: normal;}
.tb_row table thead th + th {border-left:1px solid rgba(255,255,255,0.2)}
.tb_row table tbody td {font-size: 17px;font-weight: 500;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;word-wrap: break-word; word-break: keep-all; white-space: normal;}
.tb_row table tbody td:last-child {border-right: none;}
.row_tit {font-weight: 700;color:#145696;background:#f5fcff}
.td_head {background:#f8f8f8;font-weight: 500; color:#000000}

@media screen and (max-width:1024px){
  .tb_row table thead th,
  .tb_row table tbody td {padding:10px;}
  .tb_row table thead th {font-size: 16px;}
  .tb_row table tbody td {font-size: 15px;}
}
@media screen and (max-width:768px){
  .tb_row table thead th {font-size: 15px;}
  .tb_row table tbody td {font-size: 14px;}
}
@media screen and (max-width:480px){
  .tb_row table thead th,
  .tb_row table tbody td {padding:6px;}
  .tb_row table thead th {font-size: 14px;}
  .tb_row table tbody td {font-size: 13px;}
}


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

.tb_col {}


/********************************************************

 *  Button Set : 버튼 셋

 ********************************************************/

.btn_set {}


/********************************************************

 *  Gallery Modal : 모달 갤러리

 ********************************************************/

/* Gallery Modal */
#overlay {background: rgba(0, 0, 0, 0.8);width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: flex;justify-content: center;align-items: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 1001}
#overlay img {margin: 0;width:90%;max-width:550px; height: auto;-o-object-fit: contain;object-fit: contain;border-radius: 10px;overflow: hidden;}

@media screen and (min-width: 768px) {
  #overlay img {width: 60%;}
}
@media screen and (min-width: 1200px) {
  #overlay img {width: 50%;}
}

#nextButton {width: 50px;height: 50px; text-align: center;background:url(../images/sub/modal_arr_next.png) no-repeat center center;text-indent: -9999px; cursor:pointer;transition: opacity 0.5s;}
#nextButton:hover {opacity: 1;}
#prevButton {width: 50px;height: 50px; text-align: center;background:url(../images/sub/modal_arr_prev.png) no-repeat center center;text-indent: -9999px; cursor:pointer;transition: opacity 0.5s;}
#prevButton:hover {opacity: 1;}
#exitButton {position: absolute;top: 10px;right: 10px;width: 50px;height: 50px; text-align: center;background:url(../images/sub/modal_close.png) no-repeat center center;text-indent: -9999px; cursor:pointer;transition: opacity 0.8s;}
#exitButton:hover {opacity: 1;}