@charset "utf-8";

/*공통*/
/** {zoom : 100%; filter:blur(0);}*/
html {font-family:'NotoSansKR', sans-serif; /* font-family:'GmarketSans', sans-serif; */ font-weight:400; font-size:10px; color:#0a1d35; overflow-x:hidden !important; word-wrap:normal; word-break:keep-all; }
body { font-size:1.7rem; letter-spacing:-0.07rem; line-height:1.7; overflow-x:hidden !important; }
a, a:hover, a:visited, a:active, a:focus { color:#0a1d35; }
input, select { /* font-family:'GmarketSans', sans-serif; */ }
legend {position:absolute; left:-9999px;}
textarea {font-family:'NotoSansKR', sans-serif;}
@media all and (max-width:768px){
  html {font-size:9.5px;}
}
@media all and (max-width:480px){
  html {font-size:9px;}
}

/*본문바로가기*/
#skipBtn a { display: block; position:fixed; left:-9999px; top:-9999px; width:100%; }
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active { position:fixed; left:0; top:0; padding:10px 0; background: #333; color: #fff; text-align:center; z-index:500; }

.noScroll {overflow:hidden !important;}
.wrap { max-width:1400px; width:96%; margin:0 auto; }

header .wrap {position:relative;}
header h1 {position:absolute; left:0; top:0.7rem; font-size:2rem; }
header h1 span {display:inline-block; vertical-align:top; }
header h1 span:nth-child(1) {background:url('/data/intro_2021/img/intro/logo_2022_section.png') no-repeat center/100% auto; width:20rem; height:6rem; text-indent:-9999px; }
header h1 span:nth-child(2) {margin-left:1.5rem; padding-top:1.7rem; }
/*header h1 span:nth-child(1) {background:url('/Main/Images/new/governor/layout/logo1.png') no-repeat center/100% auto; width:11.9rem; height:4.6rem; text-indent:-9999px; }
header h1 span:nth-child(2) {margin-left:1rem; padding-top:0.3rem; }*/
#gbLink {position:absolute; display:block; right:7rem; top:2.7rem; background:url('/Main/Images/new/governor/layout/logo3.png') no-repeat left center; padding:0.2rem 0 0.2rem 50px; font-weight:600; text-indent:-9999px; }
#menuOpen { position:absolute; display:block; right:0; top:0; width:5rem; height:100%; background:url('/Main/Images/new/governor/layout/nav2.gif') no-repeat center; text-indent:-9999px; }
@media all and (max-width:1200px){
  #gbLink {text-indent:-9999px; right:6rem;}
}
@media all and (max-width:1023px){
  header, #menuOpen {height:8rem;}
}
@media all and (max-width:480px){
  header h1 span:nth-child(1) { width:12rem; }
  header h1 span:nth-child(2) {font-size:1.8rem; padding-top:1.5rem;}
  #gbLink {right:5rem;}
}

nav {text-align:center;}
nav ul.depth1 {display:inline-block; margin:0.5rem 0 0 6rem;}
nav ul.depth1 > li { position:relative; float:left; }
nav ul.depth1 > li > a { display:block; font-size:2rem; font-weight:500; padding:1.8rem 3rem;}
nav ul.depth2 { display:none; position:absolute; left:50%; top:100%; margin-left:-8rem; width:16rem; background:rgba(11,29,54,0.9); border-radius:2rem; padding:1rem; z-index:100;}
nav ul.depth2 > li > a { display:block; color:#fff; padding:0.5rem; }
nav ul.depth2 > li > a span { display:inline-block; border-bottom:1px solid transparent; }
nav ul.depth2 > li > a:hover span { border-bottom:1px solid #fff;}
nav ul.depth3 {display:none;}
nav .covidMenu { display:inline-block; text-indent:-9999px; width:24rem; height:5rem; background:url('/Main/Images/new/governor/layout/covidMenu.png') no-repeat center/auto 100%; vertical-align:top; margin-top:1.9rem; }

nav a[target="_blank"] span{ position:relative; display:inline-block; padding-right:20px;}
nav a[target="_blank"] span::before {content:''; position:absolute; right:0; top:0; width:14px; height:14px; background:url('/Main/Images/new/governor/layout/blank.png') no-repeat left top; }
nav ul.depth2 > li > a[target="_blank"] span::before { background-position:right top;}

@media all and (max-width:1300px){
  nav ul.depth1 > li > a {padding:1.8rem 1.3rem; }
}
@media all and (max-width:1200px){
  nav ul.depth1 { margin:0.5rem 0 0 13rem;}
  nav ul.depth1 > li > a {font-size:1.8rem; }
  nav ul.depth1 > li.covidMenu a {background-size:16rem auto; width:18rem; }
  nav .covidMenu { width:17rem; height:4rem;}
}
@media all and (max-width:1023px){
  nav { display:none; }
}

#menu { position:fixed; align-items:center; width:100%; height:0; top:-100%; right:0; background:#fff; transition:all 0.5s ease-in-out; z-index:200; overflow:auto; padding:80px 0; }
#menu.on { top:0; height:100%; }
#menu a.logo {display:block; float:left; font-size:2rem; font-weight:600;}
#menu a.logo span {display:inline-block; vertical-align:top; }
#menu a.logo span:nth-child(1) {background:url('/data/intro_2021/img/intro/logo_2022_section.png') no-repeat center; width:200px; height:60px; text-indent:-9999px;}
/*#menu a.logo span:nth-child(1) {background:url('/Main/Images/new/governor/layout/logo1.png') no-repeat center; width:119px; height:46px; text-indent:-9999px;}*/
#menu a.logo span:nth-child(2) {margin-left:1.5rem; padding-top:2rem;}
#menu .snsLink { float:right; position:relative; right:auto; top:auto; overflow:hidden; }
#menu .snsLink a { float:left; display:block; width:50px; height:50px; background:url('/Main/Images/new/governor/layout/sns.png') no-repeat 0 0; text-indent:-9999px; margin:0 5px; }
#menu .snsLink a:nth-child(2) {background-position:-50px 0;}
#menu .snsLink a:nth-child(3) {background-position:-100px 0;}
#menu .nav { clear:both; overflow:hidden; }
#menu .depth1 > li {float:left; width:25%; }
#menu .depth1 > li > a { position:relative; display:inline-block; font-size:2.5rem; font-weight:600; padding:10px; transition:all 0.3s ease-in-out; line-height:1.3; margin:40px 0 10px; }
#menu .depth1 > li > a:hover { color:#fff; }
#menu .depth1 > li > a::before {content:''; position:absolute; left:0; top:0; width:0px; height:100%; background:#b9005d; transition:all 0.3s ease-in-out; z-index:-1; }
#menu .depth1 > li > a:hover::before { width:100%; }
#menu .depth2 > li > a { position:relative; display:inline-block; font-size:2rem; padding:0 10px; font-weight:500; margin-bottom:10px;}
#menu .depth3 {margin-bottom:15px;}
#menu .depth3 > li > a { position:relative; display:inline-block; padding:5px 10px 5px 20px; }
#menu .depth3 > li > a::after {content:''; position:absolute; left:10px; top:15px; width:5px; height:1px; background:#0b1d35;}
#menu .depth2 > li > a::before,
#menu .depth3 > li > a::before {content:''; position:absolute; left:10px; bottom:0; width:0px; height:2px; background:#b9005d; transition:all 0.3s ease-in-out; z-index:-1; }
#menu .depth2 > li > a:hover::before,
#menu .depth3 > li > a:hover::before { width:calc(100% - 15px); }
#menu a[target="_blank"] span { position:relative; display:inline-block; padding-right:20px;}
#menu a[target="_blank"] span::before { content:''; position:absolute; right:0; top:0; width:14px; height:14px; background:url('/Main/Images/new/governor/layout/blank.png') no-repeat left top; }
#menu .depth1 > li > a:hover span::before {background-position:right top;}
#menuClose { display:block; position:absolute; right:20px; top:20px; width:50px; height:50px; text-indent:-9999px; }
#menuClose::before,
#menuClose::after {content:''; position:absolute; left:50%; top:0; width:1px; height:100%; background:#333; transition:all 0.5s ease-in-out; transition-delay:0.3s }
#menu.on #menuClose::before { transform:rotate(45deg); }
#menu.on #menuClose::after { transform:rotate(-45deg); }
@media all and (max-width:1023px){
  #menu .snsLink {float:left; transform:scale(0.8);}
}
@media all and (max-width:768px){
  #menu .depth1 > li {width:33.33%; }
}
@media all and (max-width:480px){
  #menu .snsLink { margin:10px 0 0 -15px;}
  #menu .depth1 > li {width:50%; }
  #menu .depth1 > li > a {margin:20px 0 10px;}
}

.footer { clear:both; display:flex; align-items:center; padding:3rem 0; border-top:1px solid #ddd; }
.footer .wrap {position:relative; padding-left:180px;}
.footer .wrap img { position:absolute; left:0; top:50%; margin-top:-32px; }
.footer .address {overflow:hidden;}
.footer .address li:first-child {width:100%;}
.footer .address li {float:left; margin-right:2rem; }
.footer .address li strong {margin-right:1rem;}
.footer .copy {font-size:11px; opacity:0.7; margin:1.5rem 0 0; /*text-transform:uppercase;*/ letter-spacing:0; }
.footer .email {font-size:1.3rem; opacity:0.7;}
@media all and (max-width:768px){
  .footer .wrap {padding-left:0;}
  .footer .wrap img {display:none;}
}


/*sublayout*/

#snb {background:#fff; border-bottom:1px solid #ced2d7; overflow:hidden; border-top:1px solid #ddd; padding:0.1rem 0; }
#snb a { position:relative; display:block; float:left; font-size:1.8rem; text-align:center; padding:1rem; }
#snb.num2 a {width:50%;}
#snb.num3 a {width:33.33%;}
#snb.num4 a {width:25%;}
#snb.num5 a {width:20%;}
#snb.num6 a {width:16.66%;}
#snb.num7 a {width:14.28%;}
#snb.num8 a {width:12.5%;}
#snb a::after {content:''; position:absolute; left:0; top:30%; width:1px; height:40%; background:#ced2d7; }
#snb a:first-child::after {display:none;}
#snb a:hover, #snb a.on {color:#b9005d; font-weight:600; }
#snb a::before {content:''; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#b9005d; transition:all 0.3s ease-in-out; }
#snb a:hover::before, #snb a.on::before { left:0; width:100%; }
#snb a[target="_blank"] span{ position:relative; display:inline-block; padding-right:20px;}
#snb a[target="_blank"] span::before {content:''; position:absolute; right:0; top:0; width:14px; height:14px; background:url('/Main/Images/new/governor/layout/blank.png') no-repeat left top; }
@media all and (max-width:1200px){
  #snb.num6 a,
  #snb.num7 a,
  #snb.num8 a {width:25%;}
}
@media all and (max-width:768px){
  #snb a {width:33.33% !important; padding:0.5rem;}
  #snb a:nth-child(3n+1)::after {display:none;}
}
@media all and (max-width:480px){
  #snb a { width:50% !important; }
  #snb a:nth-child(3n+1)::after { display:block; }
  #snb a:nth-child(2n+1)::after {display:none;}
}

#snbTab {text-align:center; margin-bottom:2rem;}
#snbTab a { position:relative; display:inline-block; margin:1rem; font-size:2rem; padding:0 0.5rem; }
#snbTab a::before {content:''; position:absolute; left:0; bottom:2px; width:0; height:0.5rem; background:rgba(185, 0, 93, 0.8); z-index:-1; transition:all 0.5s ease-in-out; }
#snbTab a.on, #snbTab a:hover {font-weight:600;}
#snbTab a:hover::before, #snbTab a.on::before { width:100%; }
#snbTab a[target="_blank"] span{ position:relative; display:inline-block; padding-right:20px;}
#snbTab a[target="_blank"] span::before {content:''; position:absolute; right:0; top:0; width:14px; height:14px; background:url('/Main/Images/new/governor/layout/blank.png') no-repeat left top; }
@media all and (max-width:768px){
  #snbTab { text-align:left; }
  #snbTab a {margin:0.5rem;}
}

#snbTab2 {text-align:center; margin-bottom:2rem;}
#snbTab2 a { position:relative; display:inline-block; margin:1rem; font-size:1.7rem; padding:0.5rem 2rem; background:#eee; border-radius:2.2rem;}
#snbTab2 a.on, #snbTab2 a:hover {font-weight:600; background:#b9005d; color:#fff;}
@media all and (max-width:768px){
  #snbTab2 { text-align:left; }
  #snbTab2 a {margin:0.5rem;}
}

/*.subWrap { background:#f1f1f1; }*/
.subWrap .wrap { position:relative; padding:3rem 0 2rem; border-bottom:1px solid #ddd;}
.subWrap h2 { font-size:3.5rem;}
.subWrap .loca, .subWrap .util { position:absolute; right:0; bottom:2rem;}
.subWrap a {display:block; float:left;}
.subWrap .loca { right:11rem; }
.subWrap .loca .home {width:2.7rem; height:2.7rem; background:url('/Main/Images/new/governor/layout/home.png') no-repeat center; text-indent:-9999px; margin-left:0; }
.subWrap .loca a { position:relative; margin-left:3rem;}
.subWrap .loca a::before {content:''; position:absolute; left:-2rem; top:50%; width:0.6rem; height:0.6rem; margin-top:-0.35rem; border-right:1px solid #333; border-top:1px solid #333; transform:rotate(45deg); }
.subWrap .loca .home::before {display:none;}
.subWrap .loca a:last-child {font-weight:600;}
.subWrap .util { padding-left:3rem; }
.subWrap .util::before {content:''; position:absolute; left:1.5rem; top:0.5rem; width:1px; height:60%; background:#666; }
.subWrap .util a { text-indent:-9999px; width:2.5rem; height:2.5rem; background:url('/Main/Images/new/governor/layout/util.png') no-repeat 0 0/cover; }
.subWrap .util a:nth-child(2n) {background-position:-2.5rem 0;}
.subWrap .util a:nth-child(3n) {background-position:-5rem 0;}
@media all and (max-width:1023px){
  .subWrap { text-align:right;}
  .subWrap h2 { text-align:left; font-size:3rem;}
  .subWrap .loca, .subWrap .util {position:relative; display:inline-block; text-align:left; right:auto; bottom:auto; }
}
@media all and (max-width:768px){
  .subWrap h2 { font-size:2.7rem;}
}

#content { font-family:'NotoSansKR', sans-serif; font-weight:300; padding:3rem 0; width:calc(100% - 10rem); margin:0 auto; overflow:hidden;}
@media all and (max-width:1700px){
  #content { width:96%; margin:0 auto; max-width:1400px; }
}

#topBtn { display:block; position:fixed; bottom:3rem; right:3rem; width:5rem; height:5rem; font-weight:600; padding-top:2.5rem; text-align:center; z-index:100; }
#topBtn::before {content:'↑'; position:absolute; left:50%; top:0; width:2rem; margin-left:-1rem; }
@media all and (max-width:1400px){
  #topBtn { background:rgba(10,29,52,0.8); color:#fff;  padding-top:2rem; border-radius:3px;}
  #topBtn::before {color:#fff;}
}
@media all and (max-width:768px){
  #topBtn {right:1rem; bottom:1rem; font-size:1.3rem; width:4.5rem; height:4.5rem;}
}