/*********common***************/
:root {
  --cnvs-themecolor:#102a8d;
  --cnvs-themecolor-rgb:20, 56, 132;
  --zd-pointcolor:#EF7E09;

  --bs-link-color:  var(--cnvs-themecolor);
  --bs-link-color-rgb:  var(--cnvs-themecolor-rgb);
  --bs-link-hover-color:  var(--cnvs-heading-color);
  --cnvs-white: #fff;
  --cnvs-black: #000;
  --cnvs-body-bg: var(--bs-body-bg);
  --cnvs-body-bg-boxed: var(--cnvs-contrast-0);
  --cnvs-headings-font-weight:700;

  /* Font Families */
  --cnvs-body-font: 'Noto Sans KR', sans-serif;
  --cnvs-primary-font: 'Noto Sans KR', sans-serif;
  --cnvs-secondary-font: 'Noto Sans KR', sans-serif;
  --cnvs-line-height-base:  1.5;
  --cnvs-line-height-content: 1.65;

  /* Margins */
  --cnvs-margin-base: 3rem;
  --cnvs-margin-sm: 2rem;
  --cnvs-margin-lg: 5rem;
  --cnvs-content-padding: 6rem;
  --cnvs-section-margin:  4rem;
  --cnvs-section-padding: var(--cnvs-section-margin);
  --cnvs-col-padding: var(--cnvs-section-padding);
  --cnvs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --cnvs-box-shadow:  0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --cnvs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --cnvs-copyrights-font-size: 0.875rem;
  --bs-bg-opacity:  1;

  /* Header Height */
  --cnvs-header-height: 120px;
  --cnvs-header-height-sm:  80px;
  --cnvs-header-height-md:  90px;
  --cnvs-header-height-lg:  100px;
  --cnvs-header-height-shrink:  60px;
  --cnvs-side-header-width: 260px;
  --cnvs-side-header-padding-gutters: 30px;
  --cnvs-side-panel-size: 300px;
  --cnvs-side-panel-padding:  50px 70px 50px 40px;
  --cnvs-side-panel-widget-padding: 40px;
  --cnvs-transitions: 0.5s ease;

  /* Social Colors */
  --cnvs-font-size-body:  var(--bs-body-font-size);
  --cnvs-font-size-h1:  2.5rem;
  --cnvs-font-size-h2:  2rem;
  --cnvs-font-size-h3:  1.75rem;
  --cnvs-font-size-h4:  1.5rem;
  --cnvs-font-size-h5:  1.25rem;
  --cnvs-font-size-h6:  1.125rem;
  --cnvs-font-size-small: calc(var(--cnvs-font-size-body) * 0.875);
}

.dark {--cnvs-contrast-bg-offset: #222;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;font-size:16px;overflow: hidden;overflow-y: auto;background: #fff;position:relative;}
body {font-size:1rem;line-height:1.6;font-weight:400; color: #222; -webkit-font-smoothing: antialiased;overflow: hidden;font-family:'Noto Sans KR', sans-serif !important;}

.is-expanded-menu #header + .include-header {
  margin-top: calc(-1 * var(--cnvs-header-height) - 52.67px);
}

/***************** common *****************/
/** web Font **/
@font-face {
  font-family: 'GmarketSansLight';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansMedium';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GmarketSansBold';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.ff-gl {font-family: 'GmarketSansLight' !important;}
.ff-gm {font-family: 'GmarketSansMedium' !important;}
.ff-gb {font-family: 'GmarketSansBold' !important;}

.color {color: var(--cnvs-themecolor) !important;}
.pcolor {color: var(--zd-pointcolor) !important;}
.scolor {color:#81ecec !important;}

.tooltip {display:none}
.sv-all-none, .sv-none {display:none;font-size:0;line-height:0;margin:0;padding:0}

.pc,
br.pc {display:block}

.mo,
br.mo {display:none}
.con-word {font-size:22px;}

.br-20 {border-radius:20px}
.img-box {padding:60px;border:3px dotted #ddd;border-radius:0.5em;text-align:center}


.content-wrap.conts {padding:0 0 0px;}
.content-wrap {padding:0 0 80px !important;}


.con-bg {padding:80px 0;background:#f9f9f9;margin-bottom:6rem}
.con-pd {padding:80px 0;}

.bg-box {
    border:1px solid #ccc;
    padding:40px;
    border-radius:20px;background:#dfe4ea;
}

.r-list {font-size:1.125rem}
.r-list ul {padding:0; margin:0;margin-left:18px;}


@media (max-width: 991.98px) {
  .con-word {font-size:20px;}
  .con-bg {padding:60px 0;margin-bottom:5rem}
  .r-list {font-size:1rem}

  .bg-box  {padding:30px;}
}

@media (max-width: 767.98px) {
  .pc,
  br.pc {display:none}
  .mo,
  br.mo {display:block}
  .con-word {font-size:18px;}
  .img-box {padding:30px;}
  .con-bg {padding:40px 0;margin-bottom:4rem}
  .con-pd {padding:40px 0;}
  .content-wrap {padding:70px 0}
}

@media (max-width: 575.98px) {
  .con-word {font-size:16px;}
  .con-bg {padding:30px 0;margin-bottom:3rem}

  .bg-box  {padding:20px;}
}



.img-scalein {display: block;overflow: hidden;}
.img-scalein img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: all 1s ease;
  transition: all 1.1s ease;
}

.img-scalein img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.img-scalein:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



/** Typo **/
.af-line:after {
    content: '';
    display: inline-block;
    margin: 0px 0px 0 6px;
    height:14px;
    width: 24px;
    border-top: 6px solid #16a085;
}

.bul:before {content:""; width:8px; height:1.625rem;background-color: var(--cnvs-themecolor); display:inline-block; margin:0 3px 3px 0; vertical-align:middle;}
.bul2:before {content:""; width:4px; height:1.25rem;background-color:#bbb; display:inline-block; margin:0 6px 3px 0; vertical-align:middle;}

h4.bul:before {content:""; width:4px; height:1.125rem;background-color:#aaa;display:inline-block; margin:0 4px 4px 0; vertical-align:middle;}
.h5.bul:before {content:""; width:5px; height:1.125rem;background-color:var(--cnvs-themecolor);;display:inline-block; margin:0 8px 4px 0; vertical-align:middle;}

.sports .modal-header {
    border-bottom: 1px solid var(--cnvs-themecolor);
    background:var(--cnvs-themecolor);color:#fff;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;padding:0.8rem 0.8rem;
}
.sports .modal-header h4 {color:#fff;font-size:18px;font-weight:500}
.sports .modal-content {border:0;border-radius:0 !important}
.sports .modal-header .btn-close {color: #fff;text-shadow: none;opacity: .8;--bs-btn-close-color: #fff;}

.sports .modal-body .infobox {background:#ecf0f1;color:#57606f;font-weight:500;font-size:15px;padding:14px 20px;margin-bottom:16px;}
.sports .modal-body .disc {font-size:14px;padding:0 20px}
.sports .modal-body .disc h5 {font-size:15px;margin-bottom:2px;font-weight:500}
.sports .modal-body .disc div{margin-bottom:15px}
/*.sports.modal-dialog {width:80%}*/



@media (max-width: 767.98px) {
  .c-intro {padding-top:50px !important;padding-bottom:50px !important}
}
@media (max-width: 575.98px) {
  .sports .modal-body .infobox {font-size:16px;padding:10px;margin-bottom:15px;}
  .sports .modal-body .disc {padding:0 10px}
  .sports .modal-body .disc div{margin-bottom:10px}
  h4.ico-tit {font-size:16px;}
  h4.ico-tit .more {font-size:13px;right:6px;top:6px}
  .sports.modal-dialog {width:100%}
  .c-intro {padding-top:30px !important;padding-bottom:30px !important}
  .c-intro h1.contit.mb30 {font-size:22px;margin-bottom:8px !important}
  .dropcap {font-weight:700;}
}



/* pdf viewer and download */
.pdf-viewer-wrap { position: relative; width: 100%;min-height:860px;overflow:hidden;border:1px solid #ddd}
.pdf-viewer-wrap iframe{width:100%;height:100%;}
.pdf-viewer-wrap .pdf-viewer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto !important; min-height:860px}
.pdf-download { display:none; }
@media (max-width: 768px) {
  .pdf-viewer-wrap {min-height:600px;}
  .pdf-viewer-wrap .pdf-viewer {min-height:600px}
}




.cateboxs {padding:18px 10px;background:#fff;border:0px solid #eee;}
.cate-form{max-width:900px;margin:0 auto;}
.cate-form a {padding:10px 14px;font-size:15px;line-height:1;letter-spacing:-1px;font-weight:700;color:var(--cnvs-themecolor);;border:1px solid var(--cnvs-themecolor);;background:#fff;border-radius:1px;margin:4px;}
.cate-form a.active,
.cate-form a:hover {color:#fff;background:var(--cnvs-themecolor);}


.transparent-menu-color{color: #fff !important;}


/***************** TOP *****************/
/*-------------- top noti---------------------*/
@media (min-width: 992px) {
  .top-noti-wrap + #top-bar.transparent-topbar + #header.transparent-header + #slider,
  .top-noti-wrap +  #top-bar.transparent-topbar + #header.transparent-header + .page-title-parallax {
    margin-bottom: -227px;
    top: -227px;
  }
}
.top-noti-wrap {
  width:100%;
  max-height:50px;
  background:var(--cnvs-themecolor);
  position:relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 1em;
  align-items: center;
}
.top-noti-wrap .bullhorn{color: #fff;margin-left:10px;}
.top-noti-cont {
  display:block;
  font-size:1.125rem;
  color:#fff !important;
  text-align:center;
  padding:20px;
  font-weight:500;
  white-space:nowrap;
  min-width:0%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.top-noti-cont a{color:#fff;}
.top-noti-cont a:hover{color:#f9ca24;}
.top-noti-cont:hover { color:#f9ca24 !important; }
.tn-btn {color:#fff;text-align:center;}
.close-top-popup{align-self: center;color:#fff;margin-right:10px;}
.close-top-popup a{color: #fff !important;cursor: pointer;width:30px;height:30px;line-height:30px;font-size:24px;}

@media (max-width: 991.98px) {
  .top-noti-wrap {max-height:40px;justify-content: space-between;}
  .top-noti-wrap .top-noti-cont {font-size:1rem;padding:10px}
  .top-noti-wrap .close-top-popup{line-height:20px;color:#fff;flex-shrink:0;margin-right:10px;}
  .top-noti-wrap .close-top-popup a{font-size:20px;line-height:20px;color:#fff;}
  /*.top-noti-wrap .bullhorn{display:none;}*/
}

@media (max-width: 767.98px){
  .top-noti-wrap .bullhorn {display:none !important;}
}

/** top-noti **/
.scroll-container {overflow: hidden;}
.scroll-text {
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);

  -moz-animation: scroll-animation 15s linear infinite;
  -webkit-animation: scroll-animation 15s linear infinite;
  animation: scroll-animation 15s linear infinite;
}

/* for Firefox */
@-moz-keyframes scroll-animation {
  from { -moz-transform: translateX(100%); }
  to { -moz-transform: translateX(-100%); }
}

/* for Chrome */
@-webkit-keyframes scroll-animation {
  from { -webkit-transform: translateX(100%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes scroll-animation {
  from {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

/*--------------// top noti---------------------*/

/*-------------- top menu ---------------------*/
#lnb {padding-top: 0px;text-align: left;list-style-type: none;height:120px;margin-bottom:0}
#lnb > li{
padding-top:50px !important;
padding-left:0px;
padding-right:0px;
font-size:18px;
font-weight:700;
position: relative;
min-width:230px;
transition: all 0.1s ease-in-out;
text-align:center;
}
#lnb a {display:inline-block}
#lnb a:hover{color:var(--cnvs-themecolor);}
#lnb > li > a{line-height:1.15;padding-bottom: 50px;color:#000;}

#lnb > li.on {border-top:0px solid var(--cnvs-themecolor);}
#lnb > li.on:hover {border-top:0px solid var(--cnvs-themecolor);}

#lnb .depth {position: absolute;min-width: 100%;left: 0;z-index: 97;overflow: hidden;margin-top:0px;border-top:0px solid transparent;padding-top:0px;border-left:1px solid #dfe4ea;}
#lnb .depth:last-child {border-right:1px solid #dfe4ea;}
#lnb .depth > li:first-child > a {margin-top:28px;}
#lnb .depth > li> a{text-align:center;font-weight:500;font-size:15px;margin-top:14px;padding:0 20px;color:#000;transition: all 0.3s ease;letter-spacing:-1px;}
#lnb .depth a:hover{text-decoration: underline !important;font-weight:700;color:var(--cnvs-themecolor);}
#lnb > li:hover .depth{background:#dfe4ea;border-color:#e5e7eb;}

#lnb > li.active > a{color: #b20000 }
#lnb .depth .active{color: #b20000 ;text-decoration: underline;}


#lnb .depth02 {list-style:none;margin:0;padding:0px 0 14px 0;line-height:1 !important;}
#lnb .depth02 > li {padding:0 !important;margin:0 !important;line-height:1 !important;}
#lnb .depth02 > li > a{text-align:center;font-size:14px;font-weight:400;padding:0px !important;letter-spacing:-0.5px;line-height:1 !important;margin:5px 0;color:#222}
#lnb .depth02 a:hover{text-decoration:none !important;font-weight:500;color:var(--cnvs-themecolor);}

#lnb .depth a.on {font-weight:700;color:var(--cnvs-themecolor);}
#lnb .depth02 a.on{font-weight:500;color:var(--cnvs-themecolor);text-decoration:none !important;}


#lnb .depth a.on::before, #lnb .depth02 a.on::before {}

.depth_bg{position: absolute;left: 0;width: 100%;z-index: 87;top:120px;border-bottom:0px solid #ccc;border-top:0px solid #ddd;
background:#f1f2f6 /*url('/_skin/kor/images/site/gate.png1') no-repeat 25% bottom*/;background-size:400px;
}
.depth,.depth_bg{height:0;}

.depth_bg:after{content: ''; height: 0px; background:rgba(255,255,255, 0.1); position: absolute; top:0px; left: 50%; width: 0; transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.depth_bg.on{overflow: visible;}
.depth_bg.on:after{width: 100%;left: 0}

a.side-panel-trigger.bio {font-size: 1.6rem;color:#000;}

.is-expanded-menu #header.full-header:not(.transparent-header) {border-bottom-color: #fff !important;}
#header-wrap {border-bottom: 0px solid #fff !important;}
.is-expanded-menu .sticky-header.full-header #header-wrap {border-bottom: 1px solid #ddd !important;
box-shadow: 0px 0.5px 12px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0.5px 12px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0.5px 12px 0px rgba(0,0,0,0.1);
}
.is-expanded-menu .full-header #logo {padding-right:0px;border-right:0;}
#header-wrap #logo img {height: var(--cnvs-header-height);}
#logo {margin-right:0;}

@media (max-width: 1350px){
  #lnb > li{font-size:17px;min-width:140px;}
  .depth_bg{background:#f1f2f6 url('/_skin/kor/images/site/gate.png1') no-repeat left bottom;background-size:300px;}
}

@media (max-width: 1199.98px){
  #depth_bg, #lnb{display: none !important; }
  .header-misc{display: block !important;}
  .header-misc:not([class*="order-"]) {
    -ms-flex-order: 13;
    order: 13;
   }
}

@media (max-width: 991.98px) {
  #header-wrap #logo img {
    height: var(--cnvs-header-height-lg);
  }
}

@media (max-width: 767.98px){
  #top-bar {display: none !important;}
  #header-wrap #logo img {
    height: var(--cnvs-header-height-md);
  }
}
@media (max-width: 575.98px) {
  #header-wrap #logo img {
    height: var(--cnvs-header-height-sm);
  }
}

.header-row{display:flex;justify-content:space-between !important;}

@media (max-width: 1200px) {
  .header-row{justify-content:space-between !important;}
  .header-col{flex-grow: 0 !important;margin:0 !important;}
}

.header-col{
  max-width:300px;
  flex-grow: 1;
  align-items:center;
  margin:0 0;
}
.header-col2 {margin:0 auto;}
#lnb{width:100%;justify-content: center !important;}


.full-header .top-links-item > a {
    font-weight:500;
    color:#000 !important;
}
.full-header .top-links-item > a:hover {
    background-color:#102a8d  !important; color:#fff !important;
}

.full-header .top-links-item > a.sitemaps:hover {
    background-color:#EF7E09  !important; color:#fff !important;
}

.transparent-header .top-links-item > a {
    font-weight:700;
    text-transform: var(--cnvs-topbar-font-transform);
    color:#fff !important;
}
.sticky-header .top-links-item > a {
    color:#000 !important;
}

.transparent-header .top-links-item:hover {
    background-color:#102a8d !important;
}
.sticky-header .top-links-item > a:hover {
    background-color:#102a8d  !important; color:#fff !important;
}

.transparent-header .top-links-item a.sitemaps:hover {
    background-color:#EF7E09 !important;
}
.sticky-header .top-links-item > a.sitemaps:hover {
    background-color:#EF7E09  !important; color:#fff !important;
}

.top-links-container i {font-size:1.4rem}
.top-links-item > a {padding:6px 8px}


/******** SV  *************************************************************************************************************************/


#page-title.sv-wrap .breadcrumb >li {font-size:15px;color:#fff;text-shadow:none;
padding:6px 10px;
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.5);
/*border:1px solid rgba(255,255,255,0.2);
background:rgba(255,255,255,0.22);*/
}
#page-title.sv-wrap .breadcrumb {border:0px solid rgba(255,255,255,0.2);}
#page-title.sv-wrap .breadcrumb > li + li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right:20px;
    border-radius: 50%;
    vertical-align: 3px;
    background: #aaa;
}

#page-title.sv-wrap .breadcrumb a {color:#fff}
#page-title.sv-wrap .breadcrumb a:hover {color:#e67e22}
#page-title.sv-wrap .breadcrumb > li:first-child {padding-left:20px}
#page-title.sv-wrap .breadcrumb > li:last-child {color:#e67e22;font-weight:400;padding-right:20px}
#page-title.sv-wrap .breadcrumb > li:last-child a {color:#e67e22;font-weight:400;}

@media (max-width: 575.98px) {
  #header.transparent-header + #page-title.sv-wrap .breadcrumb {margin-top: 6px !important;margin-bottom: 8px !important;}
  #page-title.sv-wrap .breadcrumb >li {font-size:12.5px;padding:6px 5px;border:none;background:rgba(0,0,0,0.15);}
  #page-title.sv-wrap .breadcrumb > li + li:before {width: 3px;height: 3px;margin-right:10px;vertical-align: 2px;}
  #page-title.sv-wrap .breadcrumb > li:first-child {padding-left:10px}
  #page-title.sv-wrap .breadcrumb > li:last-child {padding-right:10px}
}
.container-fluid.zd {padding: 0 60px;}

/** 일반컨텐츠 SV **/
.sv-box {position: relative;width: 100%;margin: 0 auto;color:#fff;z-index:9;}
.sv-wrap {display: flex;justify-content: center;align-items: center;position: relative;text-align: center;height:320px;}
.sv-wrap.on::before {width: calc(100% + 400px);}

.sv-wrap .tit{line-height:1 !important;font-size:3rem;font-weight:700;letter-spacing:0px;margin-bottom:0;padding:0px;text-shadow: 1px 1px 2px #000;}
.sv-wrap .stit {margin-top:10px;line-height:1;font-size:1.25rem;color:#ff9600;display:inline-block;background:rgba(0,57,126,0.8);padding:10px 12px 6px;font-weight:700;letter-spacing:-0.5px;text-shadow: 0px 0px 0px #000;}

.sv-breadcrumb {
  position: relative !important;
  top: 0!important;
  left: 0!important;
  right: 0!important;
  margin:20px 0 0 !important;
  transform: translateY(0);
  list-style:none;text-align:center;border-top:1px solid #ddd;display: inline-block;border-bottom:1px solid #ddd;padding:6px 12px;line-height:1.2;
}
.sv-breadcrumb-item{display: inline-block;font-size:16px;font-weight:500;text-shadow: 0px 0px 1px #000;}
.sv-breadcrumb-item a{color:rgba(255,255,255,0.8);}
.sv-breadcrumb-item a:hover{color:#00fffc}
.sv-breadcrumb-item+.sv-breadcrumb-item::before {
    display: inline-block;
    padding:0 0.5rem;
    color:rgba(255,255,255,0.8);
    content: "•";
}


@media (max-width:1199.98px) {
  .sv-wrap {height:300px;}
  .sv-wrap::before {width: calc(100% - 0px);}
  .sv-wrap.on::before {width: calc(100% + 300px);}
  .container-fluid.zd {padding: 0 40px;}
  .sv-wrap .tit {font-size:2.75rem;}

}

@media (max-width: 991.98px) {
  .sv-wrap {height:280px;}
  .container-fluid.zd {padding: 0 30px;}
  .sv-wrap .tit {font-size:2.65rem;}
  .sv-breadcrumb-item{font-size:1rem;}
  .sv-breadcrumb {margin:14px 0 0 !important;}
}

@media (max-width: 767.98px) {
  .sv-wrap {height:240px;}
  .container-fluid.zd {padding: 0 20px;}
  .sv-wrap .tit {font-size:2.25rem;}
  .sv-breadcrumb {margin:10px 0 0 !important;}
  .sv-wrap .stit {display:none}
}

@media (max-width: 575.98px) {
  .sv-wrap {height:200px;}
  .container-fluid.zd {padding: 0 15px;}
  .sv-wrap .tit {font-size:2rem;}
  .sv-breadcrumb-item{font-size:14px;;}
}

@media (max-width: 375.98px) {
  .sv-wrap {height:160px;}
  .sv-wrap::before {width:100%;border-radius:0rem;}
  .sv-wrap.on::before {width:100%}
  .sv-wrap .tit {font-size:1.85rem;}
  .sv-breadcrumb-item{font-size:14px;;}
}



.snusr-dropdown:hover > .dropdown-menu {display: block;}
.snusr-dropdown > .dropdown-toggle:active {pointer-events: none;}




.smu-box-wrap {padding:20px 0px;margin:0px 0 0px;background:#fff;border-bottom:1px solid #ddd}
.smu-box div {padding:0 18px;margin:0px;font-size:18px;font-weight:500}
.smu-box.pd-biz02 div {padding:0 10px;letter-spacing:-0.06em}

.smu-box div a {color:#222;}
.smu-box div a:hover {color:#2c2f88;font-weight:500}
.smu-box div.current > a {color:#e67e22;font-weight:700}

.dropdown-item.active, .dropdown-item:active {
  color: #fff !important;
  text-decoration: none;
  background-color: #2c2f88;
}

@media (max-width: 1088.98px) {
  .smu-box.pd-biz02 div {padding:0 7px;font-size:15px;}
}

#header.sticky-header #header-wrap {
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#header.transparent-header {border-bottom: 1px solid rgba(255,255,255,0.2);}
#header.sticky-header  #header-wrap {border-bottom: 1px solid #eee;}

.sv-black1:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #45484d 0%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  opacity:0.5;
}


/**page-title**/

#page-title.page-title-dark span {color:#b2bec3}
#page-title.pa-page-tit {/*background-size:cover !important;background-position:center center; background-color:#ef7911;*/
  padding:50px 0  50px !important;
  background: rgb(17,28,78);
  background: url('/_skin/kor/images/icons/sv-bg-12.png'),
                    linear-gradient(90deg, rgba(17,28,78,1) 0%, rgba(44,47,136,1) 60%, rgba(239,121,17,1) 100%);
  background-repeat: repeat;
  background-position: center  center;background-size:auto !important;
}

#page-title h1.sv-tit{font-family:'Nanum Myeongjo', 'Noto Serif KR', serif;
    font-size: 36px;line-height:1.2;
    font-weight: 800;
    letter-spacing:0px;color:#fff !important;text-shadow:none;}

#page-title h2.sv-tit {
    font-size: 18px;
    font-weight:500;
    letter-spacing:0px;color:#fff !important;margin:14px 0 0 ;text-shadow:none;}


#page-title.page-title-parallax.pa-page-tit span {font-size:16px;font-weight:400;}

#page-title.page-title-parallax .breadcrumb >li {font-size:15px;color:#fff;text-shadow:none;
padding:6px 10px;
border-top:1px solid rgba(255,255,255,0.5);
border-bottom:1px solid rgba(255,255,255,0.5);
/*border:1px solid rgba(255,255,255,0.2);
background:rgba(255,255,255,0.22);*/
}


#page-title.page-title-parallax .breadcrumb {border:0px solid rgba(255,255,255,0.2);}
#page-title.pa-page-tit .breadcrumb > li + li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right:20px;
    border-radius: 50%;
    vertical-align: 3px;
    background: #aaa;
}

#page-title.page-title-dark .breadcrumb a {color:#fff}
#page-title.page-title-dark .breadcrumb a:hover {color:#e67e22}

#page-title.pa-page-tit .breadcrumb > li:first-child {padding-left:20px}
#page-title.pa-page-tit .breadcrumb > li:last-child {color:#e67e22;font-weight:400;padding-right:20px}
#page-title.pa-page-tit .breadcrumb > li:last-child a {color:#e67e22;font-weight:400;}

#header.transparent-header + #page-title.page-title-parallax .breadcrumb {margin-top: 15px !important;}
#page-title.act-page-tit {padding:150px 0  150px !important;background-position:center center;background-size:cover !important;}
#page-title.lc-page-tit {padding:120px 0  120px !important;background-position:center center;background-size:cover !important;}

.sv-item-img2 {position: absolute;top:0px;left:30%;}
.sv-item-img {position: absolute;bottom:50px;right:30%;height:120px;}


@media (max-width: 1280px) {
  .sv-item-img2 {left:15%;}
  .sv-item-img {bottom:50px;right:15%;height:100px;}
}

@media (max-width: 991.98px) {
  .sv-item-img2 {left:12%;height:180px;}
  .sv-item-img {right:12%;height:100px;}
}

@media (max-width: 767.98px) {
  #page-title.page-title-parallax.pa-page-tit h1 {font-size: 40px;}
  #page-title.act-page-tit,
  #page-title.pa-page-tit {padding:80px 0 !important;}
  #page-title.lc-page-tit {padding:80px 0 !important;}

  #page-title h1.sv-tit{font-size:24px;letter-spacing:0px;margin-bottom:0px;}
  #page-title.act-page-tit h2.sv-tit {display:none}
  .sv-item-img2 {left:10%;height:150px;}
  .sv-item-img {bottom:30px;right:10%;height:80px;}
}

@media (max-width: 575.98px) {
  #page-title.page-title-parallax.pa-page-tit h1 {font-size: 28px;margin-bottom:14px}
  #page-title.act-page-tit,
  #page-title.pa-page-tit {padding:50px 0 !important;}
  #page-title.lc-page-tit {padding:50px 0 !important;}

  #page-title.page-title-parallax.pa-page-tit span {display:none}
  #header.transparent-header + #page-title.pa-page-tit .breadcrumb {margin-top: 6px !important;margin-bottom: 8px !important;}

  #page-title.page-title-parallax .breadcrumb >li {font-size:12.5px;padding:6px 5px;border:none;background:rgba(0,0,0,0.15);}
  #page-title.pa-page-tit .breadcrumb > li + li:before {width: 3px;height: 3px;margin-right:10px;vertical-align: 2px;}
  #page-title.pa-page-tit .breadcrumb > li:first-child {padding-left:10px}
  #page-title.pa-page-tit .breadcrumb > li:last-child {padding-right:10px}

  #page-title.lc-page-tit h2.sv-tit {margin:3px  0 0 0!important}
  .sv-item-img2 {left:10px;height:100px;}
  .sv-item-img {bottom:10px;right:-0%;height:50px;}

}

.sv-dvd {height:80px;}
@media (max-width: 767.98px) {
  .sv-dvd {height:60px;}
}

@media (max-width: 575.98px) {
  .sv-dvd {height:40px;}
}


/** page sub menu**/

#page-menu.subMu ,
.subMu #page-menu-wrap {width:100%;display:block;position: relative;height: 66px;line-height: 66px;text-shadow:none;}
.subMu #page-menu-wrap {
  z-index: 99;
  background-color: #fff;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;border-bottom:1px solid #eee
}

#page-menu.sticky-page-menu.subMu #page-menu-wrap {
  position: relative;
  z-index: 99;
  left: 0;
  width: 100%;
  box-shadow:none;
}

#page-menu.subMu nav ul {margin-bottom: 0;height: 66px;width:100%;}
#page-menu.subMu nav li {position: relative;float: left;list-style: none;background:none !important;}
#page-menu.subMu nav li a {
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 15px 8px;
  padding: 0 4px;
  color: #000;
  font-size:15px;font-weight:500;
  border-radius: 0px;
}

#page-menu.subMu nav li:hover a,
#page-menu.subMu nav li.current a { background-color: rgba(0,0,0,0.0); }


#page-menu.subMu nav > ul > li:hover {background:none !important;}
#page-menu.subMu nav > ul > li > a:hover {background:none !important;color:#e67e22}

#page-menu.subMu nav li a .icon-angle-down { margin-left: 5px; }
#page-menu.subMu nav li.current a { background-color: rgba(0,0,0,0.0);}

#page-menu.subMu nav > ul > li.current a { color:#e67e22;background-color: rgba(0,0,0,0.0); font-weight:800}

#page-menu.subMu li:hover ul { display: block; }

#page-menu.subMu ul ul {
  display: none;
  position: absolute;
  width: 150px;
  top: 66px;
  left: 0;
  z-index: 149;
  height: auto;
  background-color: #ef7911;
}

#page-menu.subMu ul ul ul { display: none !important; } /* Disable Multi-Level Links */
#page-menu.subMu ul ul li { float: none;text-align:left !important;border-bottom:1px dotted rgba(255,255,255,0.2); }
#page-menu.subMu ul ul li:first-child {margin-top:4px}
#page-menu.subMu ul ul li:last-child {margin-bottom:2px;border-bottom:0}
#page-menu.subMu ul ul a {
  height: auto;
  line-height: 24px;
  margin: 0;
  padding: 8px 14px;
  border-radius: 0;font-weight:500 !important;font-size:15px !important;
}
#page-menu.subMu ul ul li a {color:#fff !important}
#page-menu.subMu ul ul li a:hover,
#page-menu.subMu ul ul li.current a { color:#eee !impotant;background-color: rgba(0,0,0,0); }

/* image animation effect*/
.sv-bg-img{overflow:hidden;}
.sv-bg-img.loaded:before{
  transform: scale(1.2) perspective(2000px);
}

.full-width-image {
  width: 100%;
  position: relative;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
}

.zoom-parallax {
  position: relative;
}
.zoom-parallax:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: transform 4.5s;
  -webkit-transition: -webkit-transform 4.5s;
  transition: -webkit-transform 4.5s;
  transition: transform 4.5s;
  transition: transform 4.5s,-webkit-transform 4.5s;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-timing-function: cubic-bezier(0,.56,6,.68);

}
.zoom-parallax.transition:before {
  -webkit-transform: none;
  transform: none;
}
/******** SV end *************************************************************************************************************************/


/******* Mobile Menu **********/


.nav-tree.human-mmu li a {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 700;
  letter-spacing:0px;padding:5px 0;
}

.nav-tree.human-mmu li a:hover {color:#fff}
.nav-tree.human-mmu li a i { float:right; }

.nav-tree.human-mmu ul ul a {

  font-size: 14px;
  padding-left:5px !important;
  letter-spacing: 0px;
  font-weight: 400;
}
.nav-tree.human-mmu ul ul ul a {

  font-size: 13px;
  padding-left: 10px  !important;
  letter-spacing: -1px;
  font-weight: 300;
}

.nav-tree.human-mmu ul ul ul li{background: url('../images/icons/li_arrow.png') left 5px no-repeat;margin-left:10px}
#side-panel .side-panel-wrap.side-human {
    padding: 20px 30px 50px 40px;
}
.side-lang {margin:20px 0 35px;position:relative;}
.side-lang a {border:1px solid #8d98aa;padding:4px 12px;text-align:center;margin:0 2px;font-size:11px;font-weight:700;color:#8d98aa;transition: all 0.3s ease-in-out;letter-spacing:2px}
.side-lang a.active,
.side-lang a:hover {border:1px solid #8d98aa;background-color:#8d98aa;color:#fff}

#side-panel {
    background: rgb(17, 28, 78) !important;
    background: /*url(/_skin/kor/images/icons/sv-bg-121.png),*/ linear-gradient(180deg, rgba(17, 28, 78, 1) 0%, rgba(44, 47, 136, 1) 100%, rgba(239, 121, 17, 1) 100%) !important;
    background-repeat: repeat !important;
    background-position: center center !important;
    background-size: auto !important;
}
.nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {color: var(--zd-pointcolor) !important;}


/******* Mobile Menu END **********/


@media (max-width: 991.98px) {
  .logo-snusr {max-width:200px;margin:0 auto}
  .footer-widgets-wrap {text-align:center}
}


/***************** contents *****************/

.btn-close.mod {
    --bs-btn-close-color: #fff !important;
}
.wb-k {word-break: keep-all !important;}
.con-bio {font-size:1.25rem !important;}
.con-zd {font-size:1.25rem !important;}

@media (max-width:1199.98px) {
  .con-bio {font-size:1.125rem !important;}
}

@media (max-width: 991.98px) {
  .con-zd {font-size:1.125rem !important;}
  .con-bio {font-size:1.125rem;}
}
@media (max-width: 767.98px) {
  .con-bio {font-size:1rem;}
  .con-zd {font-size:1rem;}
}


.stretched-link2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}
.tit-line {border-bottom:1.25px solid #ccc;padding-bottom:30px;line-height:1.3;}
.tit-line em{font-style:normal;border-bottom:2px solid var(--zd-pointcolor);padding-bottom:32px;}
@media (max-width:1199.98px) {
  .tit-line em{border-bottom:0}
}
@media (max-width:767.98px) {
  .tit-line {padding-bottom:20px;}
}



/** 역대 임원 **/
.page-executives .card-body{font-size:1.125rem}
.page-executives .card-text{font-size:1rem}
.nav {
    --bs-nav-link-padding-x: 2rem;
    --bs-nav-link-padding-y: 0.7rem;
}
.nav-tabs {font-weight:400}
.nav-link.active {font-weight:700}


/** SDGs 소개 **/
.sdgs-mu{justify-content: center !important;}
.sdgs-mu.start{justify-content: flex-start !important;}
.sdgs-mu a.mu{width:calc(5.5% - 4px);margin:2px;display:block;}
.sdgs-mu a.mu img{border-radius:10px;}

.sdgs-box {padding:10px 20px 10px 40px;color:#fff;border-radius:10px;}
.sdgs-box .icon{max-width:120px}
.sdgs-box .tit {font-weight:700;font-size:1.75rem;line-height:1.2}

.sdgs-link-wrap a{display:block;width:24px;height:24px;line-height:24px;color:#fff;font-size:12px;font-weight:700;margin:2px;border-radius:50%;text-align:center;}


@media (max-width:991.98px) {
  .sdgs-mu a.mu{width:calc(11% - 4px);}
  .sdgs-box .icon{max-width:120px}
  .sdgs-box .tit {font-size:1.5rem;}
}

@media (max-width:767.98px) {
  .sdgs-mu a.mu{width:calc(16.5% - 4px);}
  .sdgs-box {padding:16px 16px 16px 30px;}
}

@media (max-width:575.98px) {
  .sdgs-mu a.mu{width:calc(11% - 4px);}
  .sdgs-box {padding:12px 12px 12px 24px;}
  .sdgs-box .tit {font-size:1.125rem;}
}


.taglist > a{margin:4px;padding-right:12px;font-weight:500;color:#102a8d}
.taglist > a:hover{color:#EF7E09;text-decoration:underline !important}
a.taglink:hover{text-decoration:underline !important}


.tags-link-wrap a {display:block;font-size:14px;font-weight:400;margin:2px 3px;color:#102a8d}
.tags-link-wrap a:hover {text-decoration:underline !important;color:#EF7E09}