* { font-family: "Pretendard"; }
.fta:before,
.fta:after { font-family: "Font Awesome 5 Free" !important; font-weight: 900; }
/** WORDPRESS MAIN VISUAL SLIDER DEFAULT SETTING **/
#mainVisualCon > .elementor-element,
#mainVisualCon > .elementor-element > .elementor-widget-container > .main-visual { height: 100%; }
/********************************************
 * Header Menu Setting
 * 헤더
 ********************************************/
 .elementor-location-header[data-elementor-type="header"] .fixed { position: fixed; width: 100%;left: 0; top: 0; z-index: 9999; }
/********************************************
 * Header Font Setting
 * 메인 메뉴(헤더) 폰트 셋팅
 ********************************************/
#header {position:fixed; left:0; top:0; width:100%; background:#fff; z-index:9999; transition: all 0.3s ease; }
#header.active {background:#fff; box-shadow:3px 3px 12px #00000014}
#header #logo_on { display: none; }
#header #globalMenu_on { display: none; }
#header #nav {width:70%}
#header #nav a { font-family: "Pretendard"; }
#header #nav .elementor-widget-container { padding: 0; }
#header #nav .elementor-nav-menu > .menu-item > a { padding: 40px 50px; color: #000; font-size: 1.8rem; font-weight: 400; position:relative;}
#header #nav .elementor-nav-menu > .menu-item > a .sub-arrow {display:none;}
#header #nav .elementor-nav-menu > .menu-item > a:after
{content:''; position:absolute; left:50%; bottom:20px; width:0.8rem; height:0.8rem; border-radius:50%; opacity:0;}
#header #nav .elementor-nav-menu > .menu-item > .sub-menu { width: 100% !important; }
#header #nav .elementor-nav-menu > .menu-item > .sub-menu a { font-size: 16px; color: #4e4e4e; font-weight: 700; white-space:wrap; border:none; }
#header #nav .elementor-nav-menu > .menu-item > .sub-menu .current-menu-item a { color: #fff; }
#header #nav .elementor-nav-menu > .menu-item > .sub-menu li:hover a { color: #fff; }

#header #nav .elementor-nav-menu > .menu-item.current-menu-item > a,
#header #nav .elementor-nav-menu > .menu-item.current-page-ancestor > a
{color:var(--main-color)}
#header #nav .elementor-nav-menu > .menu-item.current-menu-item > a:after,
#header #nav .elementor-nav-menu > .menu-item.current-page-ancestor > a:after
{ background:var(--main-color); opacity:1;}

#header.main-header
{background:transparent;}
#header.main-header #nav .elementor-nav-menu > .menu-item > a
{color:#fff;}
#header.active #nav .elementor-nav-menu > .menu-item > a
{color:#000}
/********************************************
 * Header Utility Setting
 * 헤더 유틸리티 셋팅
********************************************/
#util
{display:flex; align-items: center; width:20rem;;}
#util .util-con
{display:flex; align-items:center;}
#util .util-con a
{margin:0 0.5rem; width:4rem; height:4rem; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#000; backdrop-filter:blur(10px)}
#util .util-con a img
{}


#header.main-header #util .util-con a
{background:#0000001c;}
#header.active #util .util-con a
{background:#000}
#header.active #util .sitemap-con .sitemap-icon .row
{background:#000;}




/********************************************
 * SUB VISUAL SETTING
 * 서브 비주얼 셋팅
 ********************************************/
#subVisual { width: 100%; height: 20rem; background-position:center;}
#subVisual > .e-con-inner { justify-content: end; }
#subVisual .container {width:100%; height:100%;}
#subVisual .sub-visual-con {display:flex; justify-content:space-between; align-items:end; width:100%; height:100%;}
#subVisual .sub-visual-tit-con
{overflow:hidden;}
#subVisual .sub-visual-tit-con h2
{font-size:7rem; color:#000; font-weight:600; font-family:'Montserrat'; text-transform:uppercase; display:inline-block; position:relative; line-height:1;}
#subVisual .sub-visual-tit-con h2 span
{ font-family:'Montserrat'; line-height:1;}
#subVisual .sub-visual-breadcrumb span
{display:inline-block; margin:0 0.5rem;}
#subVisual .sub-visual-breadcrumb span,
#subVisual .sub-visual-breadcrumb span a
{font-size:2rem; color:#888; font-weight:400;}


/********************************************
 * SUB MENU SETTING
 * 서브 메뉴 셋팅
 ********************************************/
#subVisual #subMenu { }
#subVisual #subMenu .elementor-element { max-width: var(--max-container); width: 100%; }
#subVisual #subMenu ul.elementor-nav-menu { width: 100%; flex-wrap: wrap; justify-content:center;}
#subVisual #subMenu ul.elementor-nav-menu li { width: 15%; transition: all 0.3s ease; }
#subVisual #subMenu ul.elementor-nav-menu li a { font-family: "Pretendard"; padding: 2.5rem 1rem; font-size: 20px; font-weight: 500; background:#00000061; color: #fff; position: relative; display: inline-block; text-align: center; transition: all 0.3s ease; }
#subVisual #subMenu ul.elementor-nav-menu li a:after { content: ""; position: absolute; width: 1px; height: 50%; top: 50%; transform: translateY(-50%); background: #ffffff1c; right: 0; left: auto; opacity: 1; }
#subVisual #subMenu ul.elementor-nav-menu li:last-child a:after { display: none; }
#subVisual #subMenu ul.elementor-nav-menu li.current-menu-item a,
#subVisual #subMenu ul.elementor-nav-menu li.current-page-ancestor a { background: var(--main-color); }
#subVisual #subMenu ul.elementor-nav-menu li.current-menu-item a,
#subVisual #subMenu ul.elementor-nav-menu li.current-page-ancestor a { color: #fff; }
#subVisual #subMenu ul.elementor-nav-menu li:hover a { background: var(--main-color); }
#subVisual #subMenu ul.elementor-nav-menu li:hover a { color: #fff; }

/********************************************
 * POLICE COMMON
 * 정책 공통 세팅
********************************************/
.police-content .police-con p { font-size: 17px; color: #000; font-weight: 300; margin-bottom: 20px; line-height: 1.5; }
.police-content .discl-box { max-width: 800px; margin: 15px auto 15px; background: #f4f4f4; border: 1px solid #ddd; padding: 30px; border-radius: 15px; }
.police-content .discl-box p { font-size: 17px; color: #000; font-weight: 300; line-height: 1.5; }
.emailinfo .info_box { display: flex; align-items: center; flex-wrap: wrap; background: #f4f4f4; border: 1px solid #ddd; border-radius: 10px; padding: 30px; }
.emailinfo .info_box .txt-con { width: 100%; }
.emailinfo .info_box .txt-con h4 { font-size: 19px; margin-bottom: 10px; }
.emailinfo .info_box .txt-con p { font-size: 17px; color: #4b4b4b; line-height: 1.3; word-break: keep-all; }
.emailinfo .emailinfo-detail { }
.emailinfo .emailinfo-detail .detail-sec { margin: 50px 0; }
.emailinfo .emailinfo-detail .detail-sec h5 { font-size: 21px;
margin-bottom: 25px; position: relative; color: #222; }
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li { font-size: 18px; color: #4e4e4e; margin-bottom: 25px; font-weight: 600; word-break: keep-all; line-height: 1.5; }
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul { margin-top: 10px; }
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul > li { font-size: 16px; color: #666; margin-bottom: 5px; font-weight: 400; line-height: 1.5; }
.login-content input[type="submit"] {background-color:var(--main-color) !important}
/**************************************************
* MAIN VISUAL
* 메인 비주얼 공통 세팅
****************************************************/
#mainVisualCon { width:100%; height:100vh;}
/* 풀페이지에만 사용 */
/*
.section .fp-tableCell .elementor-element,
.section .fp-tableCell .elementor-element .elementor-widget-container { height: 100%; }
*/
.main-visual-slide, .main-visual-slide .slick-list, .main-visual-slide .slick-track, .main-visual-item { height:100%; }
.main-visual-item .container { height: 100%; }
.main-visual-overlay { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.15); left:0; top:0;}

#mainVisualCon .visual-area
{width:100%; height:100%; max-width:var(--max-container); margin:0 auto;}
#mainVisualCon .main-visual-txt-con
{ position:relative; height:100%; display:flex; flex-direction:column; justify-content: center; align-items: start; }
#mainVisualCon .visual-txt-con h4
{font-size:3rem; color:#fff; font-weight:300; letter-spacing:-0.02em; margin-top:3rem;}
#mainVisualCon .visual-txt-con a
{font-size:2.4rem; color:#fff; font-weight:200; margin-top:3rem; display:flex; align-items:center;;}
#mainVisualCon .visual-txt-con a i
{font-size:2rem; display:flex; align-items:center; justify-content:center; width:5rem; height:5rem; border:1px solid #fff; border-radius:50%; margin-left:2rem;}


/**************************************************
* SUB COMMON
* 서브 공통
****************************************************/
.hide-menu
{display:none;}

.cm-sub-con
{margin:10rem 0;}
.bg-con
{padding:10rem 0;}

.cm-table-style-01 table tr th
{background: #f4f4f4 !important; font-size: 2rem; color: #222; border-color: #ddd; }
.cm-table-style-01 table tr td
{background:#fff !important; }

.cm-table-style-02 table tr th
{background: #f4f4f4 !important; font-size: 2rem; color: #222; border-color: #ddd; }
.cm-table-style-02 table tr td
{background:#fff !important; }



@media screen and (max-width:1800px) {
  #header{padding: 0 2rem;}
  #header #nav{padding-right: 1rem; width: auto}
}
@media screen and (max-width:1400px) {
  #subVisual > .e-con-inner {padding:0 10px;}
}
@media screen and (max-width:1024px) {
  #sitemapBtn
  {display:none;}
  /* 모바일 메뉴 버튼 */
  #header #menu-wrap .elementor-menu-toggle
  {background:#ffffff3b}
  /* 모바일 토글 메뉴 */
  /* 1차 메뉴 */
  #header #nav .elementor-nav-menu > .menu-item > a
  {color:#000; font-size:1.7rem; padding:20px;}
  /* 1차 메뉴 active */
  #header #nav .elementor-nav-menu > .menu-item.current-menu-ancestor,
  #header #nav .elementor-nav-menu > .menu-item.current-menu-item
  {background:var(--main-color);}
  #header #nav .elementor-nav-menu > .menu-item.current-menu-ancestor > a,
  #header #nav .elementor-nav-menu > .menu-item.current-menu-item > a
  {color:#fff;}
  /* 2차 메뉴 */
  #header #nav .elementor-nav-menu > .menu-item > .sub-menu
  {width:100% !important;}
  #header #nav .elementor-nav-menu > .menu-item > .sub-menu a
  {justify-content: start; text-align:left; font-size:16px; padding:20px;}
  #header #nav .elementor-nav-menu > .menu-item > .sub-menu > li:hover a,
  #header #nav .elementor-nav-menu > .menu-item > .sub-menu > li.current-menu-item a
  {background:var(--main-color); color:#fff;}
  /* 스크롤 다운 (header active) */
  #header.active #nav .elementor-nav-menu > .menu-item > a.elementor-item-active,
  #header #nav .elementor-nav-menu > .menu-item > a.highlighted
  {background:var(--main-color); color:#fff;}

  #header{min-height: 100px;}
  .elementor-nav-menu--dropdown.elementor-nav-menu__container
  {margin-top: 33px;box-shadow: 0px 10px 13px -6px #00000045}
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover
  {color: #fff;background: var(--sub-color);}
  #header #nav .elementor-nav-menu > .menu-item.current-menu-item > a:after, #header #nav .elementor-nav-menu > .menu-item.current-page-ancestor > a:after
  {display: none;}

  .elementor-menu-toggle{background-color: transparent;}

}
@media screen and (max-width:767px) {
  .cm-table-style-01,
  .cm-table-style-02
  {overflow-x:scroll;}
  #subVisual #subMenu ul.elementor-nav-menu li
  {width:50%;}
  #subVisual #subMenu ul.elementor-nav-menu li a 
  {font-size:1.6rem;}

  .mcu-logo-img
  {width: 60%}

  .elementor-9 .elementor-element.elementor-element-95cfeff
  { --padding-top: 70px; --padding-bottom: 0px;}
  .elementor-9 .elementor-element.elementor-element-6682d3d,
  .elementor-9 .elementor-element.elementor-element-57e40be
  { --padding-top: 70px; --padding-bottom: 70px;}

  .bg-con
  {padding: 7rem 0}
  .cm-sub-con
  {margin: 7rem 0}

}