@charset "utf-8";

#container { overflow:hidden; }
/*.wrap { max-width:1400px; width:96%; margin:0 auto; }*/

.visual { position:relative; float:left; width:51%; overflow:hidden; margin-bottom:3rem;}
.visual .control { position:absolute; right:2rem; bottom:0.5rem; z-index:10; }
.visual .control a { display:block; float:left; width:20px; height:20px; background:#fff url('/Main/Images/new/governor/main/control.png') no-repeat 0 0; border-radius:50%; text-indent:-9999px; }
.visual .control a.stop {background-position:-90px -9.5px;}
.visual .control a.play { display:none; background-position:-130px -9.5px;}
.visual .control .dots { float:left; margin-right:1.5rem; }
.visual .control .dots li {float:left; padding:0 0.5rem;}
.visual .control .dots li button { vertical-align:top; width:2rem; height:2rem; border:4px solid #fff; background:transparent; border-radius:50%; text-indent:-9999px; cursor:pointer; }
.visual .control .dots li.slick-active button { background:#fff; }
.visual span { position:absolute; left:2.5rem; top:2.5rem; z-index:50; font-weight:600; font-size:1.9rem; /*font-family:'GmarketSans', sans-serif;*/}
.visual .title { position:absolute; right:4.3rem; bottom:4rem; z-index:10; text-align:right; }
.visual .title .txt1 {margin-bottom:15px;}
.visual .title .txt2 { font-size:4rem; font-weight:600; color:#fff; line-height:1.2; text-shadow:2px 2px 6px rgba(0,0,0,0.5); }
.visual .title .txt2 span {display:block; }
.visual_ul li {position:relative; height:44rem; vertical-align:top; }
.visual_ul li img {width:100%; height:100%;}
.visual_ul .txt {display:block; position:absolute; left:0; bottom:0; width:100%; height:5rem; line-height:5rem; background:rgba(0,0,0,0.7); color:#fff;}
.visual_ul .txt p {padding:0 1.5rem; font-size:1.84rem;}
.visual_ul video {display:block; width:100%; height:39rem; object-fit: cover;}
.visual .ai_txt {background:rgba(0,0,0,0.7); height:5rem; padding:0 2rem; line-height:5rem; color:#fff; text-align:left; font-size:1.6rem;}
@media all and (max-width:1200px){
  .visual {width:60%; margin-bottom:0;}
  .visual_ul li, .visual_ul video {height:40rem;}
  .visual .title .txt2 {font-size:4rem;}
}
@media all and (max-width:1023px){
  .visual {width:100%;}
  .visual_ul li, .visual_ul video {height:auto;}
}
@media all and (max-width:768px){
  /*.visual .control {left:2rem; bottom:2rem; }*/
  .visual .title {right:2rem; bottom:2rem; }
  .visual_ul .txt p {font-size:1.6rem; width:calc(100% - 11.5rem); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .visual .control .dots {margin-right:1rem;}
  .visual .control .dots li {padding:0 0.3rem;}
}
@media all and (max-width:520px){
  .visual span {left:1.5rem; top:1rem; font-size:1.7rem;}
}

.profile { float:left; width:49%; height:34rem; background:#eceded url('/Main/Images/new/governor/main/profileBg_new.png') no-repeat right bottom/auto 100%; padding:6rem 0 0 5rem; }
.profile p { font-size:3.5rem; font-weight:600; line-height:1.3;}
.profile p img {margin-bottom:0.5rem;}
.profile .txt1 .color1 {color:#fc0106;}
.profile .txt1 .color2 {color:#fe5214;}
.profile .txt1 .color3 {color:#ffd302;}
.profile .txt1 .color4 {color:#7ff900;}
.profile .txt1 .color5 {color:#0885f9;}
.profile .txt2 { font-size:4rem; letter-spacing:-0.25rem;}
.profile .txt2 span { font-weight:400; font-size:3rem; }
.profile .btn { margin:2rem 0 0 3px; padding:0; height:auto; line-height:normal;}
.profile .btn li { position:relative; padding-left:1.2rem;}
.profile .btn li::before { content:''; position:absolute; left:0; top:1.5rem; width:5px; height:2px; background:#0a1d7b;}
.profile .btn a { position:relative; display:inline-block; font-size:1.8rem; padding:0.4rem 5.5rem 0.4rem 0;}
.profile .btn a:hover {font-weight:600;}
.profile .btn a::before { content:''; position:absolute; right:2rem; top:50%; width:4rem; height:4rem; margin-top:-2rem; background:#b9005d url('/Main/Images/new/governor/main/profileMore.png') no-repeat center; border-radius:50%; opacity:0; transition:all 0.3s ease-in-out; }
.profile .btn a:hover::before { right:0; opacity:1; }
@media all and (max-width:1450px){
  .profile {padding:4rem 0 0 4rem;}
  .profile .txt2 { line-height:1.2; margin-top:0.5rem; }
}
@media all and (max-width:1200px){
  .profile { width:40%; height:40rem; background-size:auto 70%; }
}
@media all and (max-width:1023px){
  .profile { width:100%; height:auto; background-position:right bottom; background-size:auto 100%; padding:4rem; }
}
@media all and (max-width:768px){
  .profile { background-size:auto 80%; }
}
@media all and (max-width:480px){
  .profile { /*background-position:120% bottom;*/ padding:2rem; }
  .profile .txt1 img {width:35%;}
  .profile .txt2 {font-size:2.8rem;}
  .profile .txt2 span { display:block; font-size:2.2rem;}
}

.quick { float:left; width:49%; background:#b90000; text-align:center; padding:0 5rem;}
.quick li { position:relative; display:flex; align-items:center; text-align:center; height:5rem; float:left; width:50%; }
/*.quick li:nth-child(2) {width:20%;}
.quick li:nth-child(2) a {margin:0 auto;}
.quick li:nth-child(3) a {margin-left:auto;}*/
.quick li::after { display:none; content:''; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background:#fff; border-radius:50%; }
.quick li:first-child::after {display:none;}
.quick a { position:relative; display:inline-block; font-family:'NotoSansKR', sans-serif; color:#fff; padding:0 4rem 0 0; font-size:1.84rem;  }
.quick a::before {content:''; position:absolute; right:0; top:50%; width:2.5rem; height:2.5rem; margin-top:-1.25rem; background:url('/Main/Images/new/governor/main/moreImg.png') no-repeat center/100%; }
@media all and (max-width:1023px){
  .quick {padding:0 3rem; }
  .quick a {padding-right:3.5rem; font-size:1.6rem; letter-spacing:-0.12rem }
}
@media all and (max-width:768px){
  .quick {padding:0 5rem; }
}
@media all and (max-width:480px){
  .quick {padding:0 3rem;}
  .quick a {margin:0 !important; }
  .quick li {width:100% !important; border-top:1px dashed rgba(255,255,255,0.3);}
  .quick li::after {display:none;}
}

.sns { float:left; width:49%; background:#0b1d35; text-align:center; margin-bottom:3rem; padding:0 2rem; }
.sns li { display:flex; align-items:center; height:5rem; float:left; width:18.6%; text-align:center; }
.sns li:nth-child(1) {width:21%;}
.sns li:nth-child(2) {width:23%;}
.sns a { position:relative; display:inline-block; font-family:'NotoSansKR', sans-serif; color:#fff; padding:0 0 0 3.8rem; margin:0 auto; }
.sns a::before {content:''; position:absolute; left:0; top:50%; width:3rem; height:3rem; margin-top:-1.5rem; background:#0062d4 url('/Main/Images/new/governor/main/snsIcon.png') no-repeat 0 0/auto 100%; border-radius:50%; }
.sns li:nth-child(2) a::before { background-position:25% 0;}
.sns li:nth-child(3) a::before { background-color:#000000; background-position:50% 0;}
.sns li:nth-child(4) a::before { background-color:#ff0000; background-position:75% 0;}
.sns li:nth-child(5) a::before { background-color:#36ac37; background-position:100% 0;}
@media all and (max-width:1450px){
  .sns a {font-size:14px; padding:0 0 0 3rem;}
  .sns a::before { width:2.5rem; height:2.5rem; margin-top:-1.25rem; }
}
@media all and (max-width:1200px){
  .quick { width:60%;}
  .sns { width:40%;}
  .sns li, .sns li:nth-child(1), .sns li:nth-child(2) {width:20%;}
  .sns a {text-indent:-9999px;}
  .sns a::before {width:3rem; height:3rem; margin-top:-1.5rem; }
}
@media all and (max-width:768px){
  .quick, .sns {width:100%;}
  .sns li { width:18%;}
  .sns li:nth-child(1) {width:22%;}
  .sns li:nth-child(2) {width:24%;}
  .sns a {text-indent:0; padding:1rem 0 1rem 4rem; }
}
@media all and (max-width:480px){
  .sns li, .sns li:nth-child(1), .sns li:nth-child(2) {width:20%;}
  .sns a {text-indent:-9999px;}
}

h2 { font-weight:500; font-size:2.2rem; margin-bottom:1rem; }
.photoWrap { position:relative; float:left; width:23.5%; margin-left:2%; }
.photoWrap a { position:relative; display:block; /*height:29rem;*/ min-height:180px; overflow:hidden; background:#0a1d35;}
.photoWrap a:focus {outline:2px dashed #000;}
.photoWrap > h2 > a { background:none; height:auto !important; min-height:auto !important; }
.photoWrap .txt { position:absolute; left:0; bottom:0; width:100%; padding:1rem 2rem; text-align:center; color:#fff; background:#0a1d35; font-size:1.7rem; }
.photoWrap .txt .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.photoWrap a img {width:100%; height:calc(100% - 4.8rem);}
/*.photoWrap a:hover .txt { display:flex; align-items:center; height:100%; background:rgba(0,0,0,0.8); }
.photoWrap a:hover .txt p { margin:0 auto; text-overflow:inherit; white-space:normal; text-align:center; }
.photoWrap a img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:none; width:100%; height:100%; object-fit:cover; z-index:1; }*/
a.more { position:absolute; display:block; right:0; top:1rem; width:1.7rem; height:1.7rem !important; min-height:auto !important; margin-top:0 !important; background:url('/Main/Images/new/governor/main/moreImg2.gif') no-repeat center; text-indent:-9999px; }
@media all and (max-width:1023px){
  .photoWrap { width:49%; }
  .photoWrap:nth-child(2n+1) { clear:both; margin-left:0; }
  .photoWrap.photo, .photoWrap.movie { margin-top:3rem; }
}
@media all and (max-width:480px){
  .photoWrap { width:100%; margin:3rem 0 0 !important; }
  .photoWrap .txt {position:relative;}
}

.cardnews { clear:both; margin-left:0; }
.cardnews a img { height:auto; }
@media all and (max-width:480px){
  .cardnews { margin:0 !important; }
}

.schedule { position:relative; float:left; width:23.5%; margin-left:2%; }
.schedule h2 span {font-size:1.9rem; margin-left:1.5rem; color:#0072bc;}
.schedule div {background:#ebeceb; padding:2rem 3rem; overflow:hidden; min-height:180px; }
.schedule div a {position:relative; display:block; margin-top:0.8rem; font-size:1.7rem; padding-left:1.2rem; }
.schedule div a::before { content:''; position:absolute; left:0; top:1.5rem; width:5px; height:2px; background:#0a1d7b; }
.schedule div a:first-child {margin-top:0;}
.schedule div a:nth-child(4) { display:none; }
.schedule .time { font-weight:600; color:#0072bc; }
.schedule .txt { font-family:'NotoSansKR', sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.schedule .empty { text-align:center; margin-top:30%;}
@media all and (max-width:1200px){
  .schedule div a:nth-child(3) { display:none; }
}
@media all and (max-width:1023px){
  .schedule { width:49%; }
  .schedule div a:nth-child(3),
  .schedule div a:nth-child(4) { display:block; }
}
@media all and (max-width:768px){
  .schedule div a:nth-child(4) { display:none; }
}
@media all and (max-width:520px){
  .schedule div a:nth-child(3) { display:none; }
}
@media all and (max-width:480px){
  .schedule { width:100%; margin:3rem 0 0 !important; }
  .schedule div {height:auto; }
  .schedule div a::before {top:1.2rem;}
  /*.schedule .time { clear:both; float:left; width:50px; padding:1rem 0; }
  .schedule .txt { float:left; width:calc(100% - 50px); padding:1rem 0;}*/
  .schedule .empty {margin-top:0;}
}

.footer { margin-top:3rem; }