/* @charset "UTF-8"; */
#wrap {}
#header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    transition: all 0.3s ease-in-out;
    background:#fff;
    height: 120px;
}

#menuwrap {
    display: flex;
    width: 1660px;
    position: relative;
    margin: 0 auto;
	height:100%;
}
#navigation_mobile_wrap {
    display: none;
}
#header #menuwrap .logo a{
    z-index: 9999;
    float: left;
    margin-top: 28px;
	position: absolute;
}
#navigation_pc {width: 100%;}
#navigation_pc > ul {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
    width: auto;
    margin-left: 54px;
}

#navigation_pc > ul > li > a {
    font-size: 21px;
    color: #000;
    font-weight: 700;
}
#navigation_pc > ul > li > a:after {height: 6px;background:#004e2b;width: 6px;border-radius: 100%;left: 50%;position: absolute;transform: translateX(-50%);bottom: 6px;transform: translate(-50%,0);transform: scaleX(0);transform-origin: center;transition: transform 300ms;}
#navigation_new > li > a:hover:after {transform: scaleX(1);transform-origin: center;}
#navigation_pc > ul > li > a:hover span{color:#004e2b !important;}


#header_search_wrap { display: block; width: 100vw; height: 100vh; margin: 0; padding: 20px; position: fixed; left: 0; top: 0; background-color: #074e2e; text-align: center; overflow: hidden; font-size: 10px; z-index: 9999999; }


#header_search_wrap .btn_close { position: absolute !important; position: absolute !important;right:4% !important;top: 4% !important;}

#header_search_wrap .btn_close:before, #header_search_wrap .btn_close:after { height: 28px !important; }

#header_search_wrap .header_search { display: block; width: 100%; max-width: 780px; margin: 0 auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }


#header_search_wrap .header_search h3 { display: block; width: 100%; height: auto; line-height: 1; margin: 0 auto; padding: 10px; color: #fff; font-weight: 600; font-size: 3em; margin-bottom: 60px; }

#header_search_wrap form { text-align: center; }

#header_search_wrap fieldset { display: flex; width: auto; height: 40px; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

#header_search_wrap #search_select_label2 { flex: 0 1 auto; display: inline-block; width: calc(100% - 40px - 10px); height: 40px; float: left; border: 0; border-radius: 4px; margin-right: 10px; padding: 0 4px 10px; background-color: transparent; color: #fff; font-size: 2.2em; border-radius: 0;}

#header_search_wrap #search_select_label2:placeholder { color:#fff !important; }
#header_search_wrap #search_select_label2::-webkit-input-placeholder {  color: #fff !important;}
#header_search_wrap #search_select_label2::-moz-input-placeholder {  color: #fff !important;}
#header_search_wrap #search_select_label2:-ms-input-placeholder {  color: #fff !important;}
#header_search_wrap #search_select_label2:-o-input-placeholder {  color: #fff !important;}


#header_search_wrap .btnsearch { flex: 0 1 auto; display: inline-block; width: 100%; max-width: 40px; height: 40px; float: left; color: transparent; border: 0; border-radius: 4px; background-color: transparent; background-image: url("../img2/main/icon_search2.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; }

#header_search_wrap .btn_close { display: inline-block; width: 50px; height: 50px; position: relative; float: left; cursor: pointer; }

#header_search_wrap .btn_close:before, #header_search_wrap .btn_close:after { content: ''; display: block; width: 2px; height: 24px; position: absolute; left: 50%; top: 50%; background-color: #fff; }

#header_search_wrap .btn_close:before { transform: translate(-50%, -50%) rotate(-45deg); }

#header_search_wrap .btn_close:after { transform: translate(-50%, -50%) rotate(45deg); }

#header_search_wrap .btn_close span{display:none;}

#header_search_wrap .keywords_wrap { display: block; width: 100%; height: auto; padding:50px 50px 45px 50px; margin-top: 40px; background-color: #023920; color: #fff; font-size: 10px; border-radius: 20px; }


#header_search_wrap .keywords_wrap h4 { color: #63ffb9; font-size: 2em; font-weight: 500; text-align: left; }

#header_search_wrap .keywords_wrap h4 span { font-style: italic; }

#header_search_wrap .keywords_wrap .ranks_wrap { display: block; width: 100%; height: auto; position: relative; }

#header_search_wrap .keywords_wrap .ranks_wrap .search_bg_img { width: auto; height: auto; position: absolute; right: -100px; bottom: -190px; }


#header_search_wrap .keywords_wrap .ranks_wrap ul { display: block; width: 100%; height: auto; padding: 40px 0; }

#header_search_wrap .keywords_wrap .ranks_wrap ul li { display: block; line-height: 30px; counter-increment: count; counter-reset: 1; font-size: 1.6em; font-weight: 100; text-align: left; margin-bottom: 10px; }

#header_search_wrap .keywords_wrap .ranks_wrap ul li:before { content: counter(count); display: inline-block; float: left; width: 30px; height: 30px; text-align: center; margin-right: 10px; color: #fff; background-color: #468e16; border-radius: 50%; font-weight: bold; }

#header_search_wrap .keywords_wrap .ranks_wrap ul li a{color:#fff;}

#header_search_wrap .keywords_wrap .keywords { display: inline-block; width: 100%; height: auto; margin: 0; padding: 0; }

#header_search_wrap .keywords_wrap .keywords ul { display: block; width: 70%; height: auto; text-align: left; }

#header_search_wrap .keywords_wrap .keywords ul li a {color:#99e9c5;}


#header_search_wrap .keywords_wrap .keywords ul li { display: inline-block; width: auto; height: auto; margin-right: 10px; margin-bottom: 10px; font-size: 1.5em; font-weight: 100; color: #beeaa1; float: left; }

.header_search_wrap_m { display: block; width: 100%; height: auto; padding: 40px; margin: 0; position: fixed; left: 0; top: 142px; background-color: #2a2e36; text-align: center; overflow: hidden; font-size: 10px; }

.header_search_wrap_m form { text-align: center; }

.header_search_wrap_m fieldset { display: flex; width: auto; height: 40px; flex-wrap: wrap; justify-content: center; }

.header_search_wrap_m #search_select_label2 { flex: 0 1 auto; display: inline-block; width: 260px; height: 40px; float: left; border: 0; border-radius: 4px; margin-right: 10px; padding: 0 20px; font-size: 2.2em; }

.header_search_wrap_m .btnsearch { flex: 0 1 auto; display: inline-block; width: 100%; max-width: 40px; height: 40px; float: left; color: transparent; border: 0; border-radius: 4px; background-color: #fff; background-image: url("/assets/img/icon/icon_search.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; }

.header_search_wrap_m .btn_close { display: inline-block; width: 40px; height: 40px; position: relative; float: left; cursor: pointer; }

.header_search_wrap_m .btn_close:before, .header_search_wrap_m .btn_close:after { content: ''; display: block; width: 2px; height: 18px; position: absolute; left: 50%; top: 50%; background-color: #fff; }

.header_search_wrap_m .btn_close:before { transform: translate(-50%, -50%) rotate(-45deg); }

.header_search_wrap_m .btn_close:after { transform: translate(-50%, -50%) rotate(45deg); }



.header-active {
    background: #fff;
}
.header-active ul li a {
    color: #000 !important;
}


#header:hover .btnPullDown, #header:focus .btnPullDown, #header:visited .btnPullDown {
    color: #000;
}

#m_header_wrap {
    display: none;
}

.header_menu .site_link {
    position: relative;
    display: inline-block;
    border-radius: 30rem;
    background: #2E3664;
    color: #fff;
    height: 4.5rem;
    line-height: 4.5rem;
    padding: 0 4rem 0 2rem;
}

.header_menu .site_link:hover {
    text-decoration: none;
    background-color: #1f2449;
}
.header_menu .site_link:after {
    content: "";
    display: block;
    position: absolute;
    background: url("/pages/gwangju/img2/main/icon_link_wh.svg") top right no-repeat;
    background-size: 1.8rem;
    width: 1.8rem;
    height: 1.8rem;
    top: 0.5rem;
    right: 1rem;
}
.header_menu .site_link svg {
    fill: #fff;
}
#gu_modal { display:block; 
       position: absolute;
    width: 1500px;
    max-width: 1500px;
    height: calc(100% - 117px);
   
    top: 119px;
    left: -1430px ;
    z-index: 999; }

/* GU 靹滊箘鞀� 氇嫭 */
.gusvc-modal{
 background: linear-gradient(90deg, rgba(22,46,56,0.9), rgba(46,99,82,0.9)); 
    border-radius: 50px;
	    width: 100%;
    display: none;
}
.gusvc-modal button.gusvc-modal-btn{position:absolute;right:0;top:0;width:100px;height:100px;background:#363636;text-align: center;color: #fff;font-size: 16px;z-index: 1000;}
.gusvc-modal button.gusvc-modal-btn:before{content:'';background:url('/pages/gwangju/img3/main/gusvc-modal-btn.png') center no-repeat;width: 100%;height: 40px;position: relative;display: inline-block;}
.gusvc-modal .gusvc-tab{

    color: #fff;
    font-family: "Gmarket Sans";
}
.gusvc-modal .gusvc-tab h6{text-transform: uppercase;font-size: 29px;font-weight: 500;letter-spacing: -2px;}
.gusvc-modal .gusvc-tab ul{
    width: 100px;
    display: inline-block;
}

.gusvc-cont1 {     float: left;  width: calc(100% - 600px); margin-left: 55px; }
.gusvc-quick {         float: left; width:100%;  }
.gusvc-quick ul{     float: left;
    width: 100%;
    text-align: center; }
.gusvc-quick ul li{     float: left;      width: calc(100% / 4 - 10px); margin-left: 10px; }
.gusvc-quick ul li a{ color: #fff;     float: left;
	width: 100%;
    padding: 8px 0;
    border: 1px solid #fff;
    border-radius: 50px;
    font-size: 24px; }
.gusvc-quick ul .on a {     background: #fff;
    color: #152d38; }

.gusvc-modal .gusvc-tab ul li a{
    color: #fff;
    opacity: 0.7;
    font-size: 20px;
    font-weight: 500;
    padding: 50px 0 25px;
    display: inline-block;
    border-bottom: 1px dashed #fff;
    width: 100%;
	position:relative;
	transition:ease-in-out .25s;
}

.gusvc-modal .gusvc-tab ul li a:before{content:'';width: 100%;height: 40px;position: relative;display: inline-block;margin-bottom: 13px;}
.gusvc-modal .gusvc-tab ul li:nth-child(4) a{border-bottom:0;}
.gusvc-modal .gusvc-tab ul li a:hover, .gusvc-modal .gusvc-tab ul li.on a{opacity:1;}
.gusvc-modal .gusvc-cont{position:relative;width:100%;padding: 137px 80px;box-sizing: border-box;display: inline-block;}
.gusvc-modal .gusvc-cont .gusvc-icon-w{width: 100%;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon{}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon .tit{
    display: inline-block;
    font-family: "Gmarket Sans";
    letter-spacing: -1px;
    align-items: center;
    margin-bottom: 30px;
}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon .tit h6{
    font-size: 29px;
    font-weight: 500;
}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon .tit span{
    color: #777777;
    font-size: 17px;
    margin-left: 30px;
	position:relative;
}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon .tit span:before{content:'';width: 1px;height: 14px;position: relative;display: inline-block;background: #000000;opacity: 0.5;margin-right: 20px;top: 2px;}

.gusvc-modal .gusvc-cont .gusvc-icon-w ul{
    background: #fff;
    margin-top: 30px;
    width: 100%;
    border-radius: 50px;
    padding-bottom: 10px;
    height: 100%;
    float: left;
    min-height: 447px;
}
.gusvc-modal .gusvc-cont .gusvc-icon-w ul li{}
.gusvc-modal .gusvc-cont .gusvc-icon-w ul li a{
      width: calc(100% / 4);
      display: inline-block;
      float: left;
      height: 110px;
      margin-top: 24px;
      margin-left: -1px;
      text-align: center;
      font-size: 18px;
      letter-spacing: -0.5px;
      position: relative;
      transition: ease-in-out .25s;
}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon ul.bg1{background:#fff url('/pages/gwangju/img3/main/gu_servicebg.png') 93% 95% no-repeat}
.gusvc-modal .gusvc-cont .gusvc-icon-w ul li a:hover{font-weight:700;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon ul li a:before{content:'';position: relative;display: inline-block;margin-bottom: 15px;width: 100%;height: 70px;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon1 ul li:nth-child(1) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico13.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon1 ul li:nth-child(2) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico14.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon1 ul li:nth-child(3) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico15.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon1 ul li:nth-child(4) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico4.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon1 ul li:nth-child(5) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico1.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon1 ul li:nth-child(6) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico31.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon1 ul li:nth-child(7) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico12.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon1 ul li:nth-child(8) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico16.png') center no-repeat;}

.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(1) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico1.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(2) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico2.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(3) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico3.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(4) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico4.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(5) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico5.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(6) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico6.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(7) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico7.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(8) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico8.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(9) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico9.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(10) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico10.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon2 ul li:nth-child(11) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico11.png') center no-repeat;}

.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon3 ul li:nth-child(1) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico1.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon3 ul li:nth-child(2) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico2.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon3 ul li:nth-child(3) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico3.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon3 ul li:nth-child(4) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico9.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon3 ul li:nth-child(5) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico10.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon3 ul li:nth-child(6) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico11.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon3 ul li:nth-child(7) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico17.png') center no-repeat;}

.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon4 ul li:nth-child(1) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico1.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon4 ul li:nth-child(2) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico20.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon4 ul li:nth-child(3) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico18.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon4 ul li:nth-child(4) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico19.png') center no-repeat;}
.gusvc-modal .gusvc-cont .gusvc-icon-w .gusvc-icon.gusvc-icon4 ul li:nth-child(5) a:before{background: url('/pages/gwangju/img3/main/gusvc2-ico10.png') center no-repeat;}

.zone-btn { background: #fff; }

.gusvc-modal .gusvc-cont .popupzone-w{
    float: left;
	    margin-left: 70px;
}
.gusvc-modal .gusvc-cont .popupzone-w h6{
    display: flex;
    font-family: "Gmarket Sans";
    font-size: 29px;
    font-weight: 500;
    margin-bottom: 30px;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone{}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone{
    width: 443px;
    overflow: hidden;
    height: 472px;
    box-sizing: border-box;
    background-size: cover;
    position: relative;
    border: solid 1px #eee;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone h6{
    font-family: "Gmarket Sans";
    font-size: 29px;
    font-weight: 400;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone-btn{
    display: flex;
    float: right;
    margin-bottom: 23px;
    align-items: center;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone-btn li a{
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 15px;
    color: #888;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone-btn li:nth-child(1) a{
    width: auto;
    height: auto;
    font-size: 18px;
    margin-top: -5px;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone-btn li:nth-child(2) a{background:url('/pages/gwangju/img3/main/pz-arrow-l.png') center no-repeat;}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone-btn li:nth-child(3) a{
    border: 1px solid #707070;
    border-radius: 100%;background:url('/pages/gwangju/img3/main/pz-stop.png') center no-repeat;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone-btn li:nth-child(4) a{background:url('/pages/gwangju/img3/main/pz-arrow-r.png') center no-repeat;}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone{
    width: 100%;
    height: 472px; 
	    display: flex;
}




.swiper-wrapper {
	position: relative;
	width: 100%;
	/* height: 100%; */
	z-index: 1;
	/*
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	*/
}
#popzones {      overflow: hidden;   width: 100%;}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone li{
    width: 100%;     display: inline-block;    flex-shrink: 0;
    position: relative;
    height: 100%;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone li a{
    width: 100%;
    height: 100%;
    display: inline-block;
}
.gusvc-modal .gusvc-cont .popupzone-w .popupzone ul.zone li img{width: 100%;height: 100%;object-fit: cover;}


.close_btn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    }
.close_btn span {     color: #fff;
    font-size: 26px; }
.close_btn a { }
.close_btn img{
    position: relative;
    top: 8px;
    left: 8px;}


/* lnb */
#lnb2{
    margin: 0 auto;
    width: 100%;
    max-width: 1430px; }
#lnb2 .lnb_title{font-size:37px;padding:50px 0;font-weight:500;text-align:center;letter-spacing:-.09em;color:#000}
#lnb2 .lnb{width:100%}
#lnb2 .lnb ul{display: flex; width: 100%; justify-content: flex-start; overflow:hidden;text-align:center;margin:0 auto;padding-top:1px;margin-left:1px; flex-wrap: wrap;}
#lnb2 .lnb ul li{display:inline-block; flex: 0 1 auto; width: calc(100% / 5);margin-left: -1px;}
#lnb2 .lnb ul li a{display:inline-block;width:100%;height:60px;margin:-1px 0 0px 1px;line-height:58px;font-size:18px;color:#666;letter-spacing:-1px;border:1px solid #ddd; box-sizing:border-box}
a.webloc_blank{position:relative;}
a.webloc_blank:after{content:'';display:inline-block;background:url(/pages/gwangju/img2/main/icon_blank.png) center no-repeat;width: 12px;height: 12px;margin-left: 8px;}
#lnb2 .lnb ul li a.webloc_blank:hover:after{background:url(/pages/gwangju/img2/main/icon_blank-w.png) center no-repeat;}

.visual_cont{display: flex;position: absolute;bottom: 50px;left: 50%;z-index: 999;transform: translateX(-50%);}
#visual_pagination{display: flex;}
.swiper-pagination-bullet{width:17px !important;height:17px !important;margin-left:15px;background:#fff !important;opacity:0.4 !important;}
.swiper-pagination-bullet-active{background:#49aee5 !important;opacity:1 !important;}
.visual_btn_playstop {    z-index: 10000;
    text-align: center;
    margin: 0 auto;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
	 }
.visual_btn_playstop:before,.visual_btn_playstop:after{border-radius:5px;content:'';display:inline-block;background:#fff;width:4px;height:17px;}
.visual_btn_playstop:after{margin-left:5px;}
.visual_cont .play {    z-index: 10000;
    text-align: center;
    margin: 0 auto;
    width: 17px;
    height: 17px;
    display: inline-block;
    position: relative;
}
.visual_cont .play:before{
	width: 0;
	height: 0;
	border-bottom: 9px solid transparent;
	border-top: 9px solid transparent;
	border-left: 10px solid #fff;
	border-right: 10px solid transparent;
	background:transparent;
	border-radius:2px;
}
.visual_cont .play:after{display:none;}



#lnb2 .lnb ul li a:hover,#lnb2 .lnb ul li a.on{background:#303c51;color:#fff;font-weight:500}

#lnb2 .lnb2 ul{overflow:hidden;text-align:center;background:#fff;border:4px solid #efefef;padding:5px 0 20px 0;margin:30px 0}
#lnb2 .lnb2 ul li{display:inline;position:relative}
#lnb2 .lnb2 ul li a{position:relative;display:inline-block;height:55px;margin-left:-1px;line-height:68px;font-size:18px;color:#666;box-sizing:border-box;padding:0 20px}
#lnb2 .lnb2 ul li a:before{content:'';background:#999;width:1px;height:12px;position:absolute;top: 50%;right:0}
#lnb2 .lnb2 ul li:last-child a:before{display:none;}

#lnb2 .lnb2 ul li a.on{border-bottom:4px solid #078fe5;color:#000;font-weight:700;text-decoration:none}
#lnb2 .lnb2 ul li a:hover{color:#000;font-weight:700;text-decoration:none}
#lnb2 .lnb2 ul li:last-child:before{background:none}



.contents{    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    padding: 10px 0 50px 0;
    letter-spacing: 0.9px;
    box-sizing: border-box;
    max-width: 1430px;
}


#paginate_complex {
    margin-top: 20px;
}

/* 脙茠脗芦脙垄芒鈥毬偮姑冣€毭偮疵兤捗偮兟⒚⑩€毬偮姑冣€毭偮� 脙茠脗芦脙鈥毭偮睹兟⒚⑩偓拧脗卢脙茠脗卢脙垄芒鈥毬吢久冣€γ⑩偓艙 脙茠脗卢脙垄芒鈥毬⑩偓聺脙鈥毭偮懊兤捗偮冣€毭偮澝冣€毭偮矫兤捗偮冣€毭偮裁冣€姑呪€� 脙茠脗卢脙鈥毭偮犆兟⒚⑩€毬偮⒚兤捗偮冣€毭偮趁冣€毭偮� */
.content_info .duty_wrap{width:100%;overflow:hidden;background:#f1f2f7;padding:30px;box-sizing:border-box;line-height:40px}
.content_info .duty_wrap .duty span{display:none; overflow:hidden;position:relative;top:-2px;width:1.5rem;height:1.5rem;margin-right:0.25rem;border-radius:100%;text-align:center;line-height:1.5rem;vertical-align:middle}
.content_info .duty_wrap .duty dl::before{display:block;width:100%;height:100%;color:#fff;content:'';line-height:inherit;background:#3c4165;width:24px;height:24px;border-radius:50%;float:left;position:absolute;left:0;top:10px;}
.content_info .duty_wrap .duty dl{padding-left:30px;float:left;margin:0 20px ;position:relative}
.content_info .duty_wrap .duty dl.duty_admin::before {display:inline;background:#3c4165 url(../img/sub/duty_ico_admin.png) center center no-repeat}
.content_info .duty_wrap .duty dl.duty_call::before {display:inline;background:#3c4165 url(../img/sub/duty_ico_call.png) center center no-repeat}
.content_info .duty_wrap .duty dl.duty_call{margin:0 0 0px 20px}
.content_info .duty_wrap .duty dt{display:inline;font-weight:500;color:#3c4165}
.content_info .duty_wrap .duty dt::after{display:inline-block;width:1px;height:0.7rem;margin:0 0.25rem 0 0.5rem;background-color:#d5d9df;content:'';vertical-align:middle}
.content_info .duty_wrap .duty dd{display:inline;margin-right:1rem;letter-spacing:0}
.content_info .duty_wrap .duty_date{float:right;font-size:17px}
.content_info .duty_wrap .duty_date strong{font-weight:500;color:#3c4165}
.content_info .duty_wrap .duty_date strong::after{display:inline-block;width:1px;height:0.7rem;margin:0 0.25rem 0 0.5rem;background-color:#d5d9df;content:'';vertical-align:middle}


#navigation_new {
    display: inline-block;
}
#navigation_new > li {
    float: left;
    padding: 0 37px;
}

#navigation_new > li > a {
    display: inline-block;
    padding: 32px 0 26px;
    position: relative;
    z-index: 9999;
    max-width: 25rem;
    height: 80px;
}
#navigation_new > li > a:after {
    content: "";
    display: block;
    position: absolute;
    transition: width 0.5s, left 0.5s;}

#navigation_new > li > a:hover {
    font-weight: 700;
    text-decoration: none;
}

#navigation_new > li > a.blank{background: url(/pages/gwangju/img3/main/blank.png) right 35px no-repeat;padding-right: 16px;}

#navigation_new .navigation_stit{float: left;text-align: left;width: 330px;height: 465px;box-sizing: border-box;padding: 80px 0 0 65px;}
#navigation_new .navigation_stit h4{position:relative;color:#0d5e39;font-size:30px;padding:15px 0 10px 0;font-weight:500}
#navigation_new .navigation_stit h4:before{content:'';position:absolute;top:-10px;left:0;width:122px;height:36px;background:url(../img/main/navigation_stit_butt.png) no-repeat}
#navigation_new .navigation_stit p{color: #222;font-size: 16px;line-height: 25px;font-weight: 300;}



.pullDown{width:100%;position:absolute;z-index:999;height:auto;left:0;top: 120px;display:none;min-height: 440px;}
.pullDown ul > li{display:inline-block}

.pullDown ul.depth2{width: calc(100% - 280px);margin: 0 0 0 280px;float: left;}
.pullDown ul.depth2 > li{position:relative;display:block;float:left;width:100%;transition: background .35s;}
.pullDown ul.depth2 > li:first-child:after{content:'';background: #ddd;width: 100vw;height: 1px;position:absolute;left: 0;top: 0;z-index: 1;}
.pullDown ul.depth2 > li:before{content:'';background: #ddd;width: 100vw;height: 1px;position:absolute;left: 0;bottom: 0;z-index: 1;}
.pullDown ul.depth2 > li.on {background-color: #000;}
/*.pullDown ul.depth2 > li:last-child{border-bottom:none}*/



.pullDown ul.depth2 li > a.blank .depth_lmn{display:inline-block;background:url(/pages/gwangju/img2/main/icon_blank.png) right center no-repeat;padding-right:20px}

/* .pullDown ul.depth2 li > a.blank  .depth_lmn{display:inline-block;background:url(/pages/gwangju/img2/main/icon_blank.png) right center no-repeat;padding-right:20px}
.pullDown ul.depth2 li > a.blank :hover .depth_lmn{background:url(/pages/gwangju/img2/main/icon_blank_on.png) right center no-repeat} */
/* .pullDown ul.depth2 li > a.blank:hover{background:url(/pages/basic/img/main/icon_blank_on.png) right top no-repeat} */

.pullDown ul.depth3{float:left;padding: 11px 20px;width: calc(100% - 280px);background-color: #fff;min-height: 48px;box-sizing: border-box;margin-left: 280px;}
.pullDown ul.depth3 li{display:block !Important;text-align:left;position:relative;float:left;padding: 0px 0px;}
/* .pullDown ul.depth3 li:before{content:'';position:absolute;top:26px;left:0;width:3px;height:3px;background:#999} */
.pullDown ul.depth3 li > a{
    position:relative;
    display:inline-block !Important;
    text-align:left;
    font-size: 16px;
    text-decoration:none;
    font-weight: 500;
    color: #494949;
    margin-right:18px;
    /*padding: 13px 0 0 0;
    height: 43px;*/
    line-height: 27px;
}
.pullDown ul.depth2 > li > a{
    float:left;
    display:inline-block;
    text-align:left;
    text-decoration:none;
    padding: 12px 0 11px 25px;
    font-size: 16px;
    font-weight:500;
    color:#111;
    transition: background .35s;
    width: 280px;
    background:#f8f8f8;
    position:relative;
    /*min-height: 48px;*/
    line-height: 27px;
    height: 100%;
    font-weight: 600;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
	left:0;
}
.pullDown ul.depth2 > li > a:hover{font-weight: 800;}

.pullDown ul.depth3 li > a.blank:before{content:'';position:absolute;right:-17px;top:7px;height:12px;background:url(/pages/gwangju/img2/main/icon_blank_bl.png) right top no-repeat;padding-right:20px}
.pullDown ul.depth3 li > a.blank{margin-right:30px}
.pullDown ul.depth3 li > :after{content:"";display:block;margin-top:0px;width:100%;height:1px;border-bottom:1px solid #9abb4e;transform:scale(0);}
.pullDown ul.depth3 li > :hover{font-weight:bold; color:#055732;}






.pullDownbg{min-height:320px;position:relative;border-top:1px solid #ddd;background: #fff;width:100%;height:100%;position:absolute;top: 120px;z-index:9;display:none;/* box-shadow: 0.25rem 0.25rem 0.25rem rgba(100, 100, 100, 0.15); */}

.pullDownbg2{content:'';background:#000;width:100vw;height: 100vh;position:absolute;top:0;bottom:0;opacity: 0.4;z-index: 100;}


#navigation_new .pullDown .tit {width: 280px;z-index: 1;color: #fff;float: left;background:#004e2b;height: 100%;display: inline-block;position: absolute;top: 0;bottom: 0;padding: 70px 0 0;left:0;}
#navigation_new .pullDown .tit::before{display:block;background:#004e2b;content:'';width: 100vw;height:100%;position:absolute;left: calc(-100vw + 1px);top: 0;}
#navigation_new .pullDown .tit::after{display:block;background:url('/pages/gwangju/img3/main/top-sub-bg.png') center no-repeat;content:'';width: 174px;height: 178px;position:absolute;right: 20px;bottom: 40px;}
#navigation_new .pullDown .tit_s{
    line-height: 25px;
    font-size: 18px;
    opacity: 0.7;
    display: block;
    margin-top: 27px;
    font-weight: 400;
}

#navigation_new .pullDown .tit .tit_title {
    font-size: 32px;
    font-weight: 700;
    display: block;
    color: #fff;
}

#menuwrap .login{position: absolute;top: 0;right: 0;width: 133px;height: 43px;background: #008C4D;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;font-family: "Gmarket Sans";}
#menuwrap .login a{transition:ease-in-out .25s; color: #fff;font-size: 14px;width: 100%;height: 100%;display: flex;align-items: center;}
#menuwrap .login a:hover{opacity:0.8;}
#menuwrap .login a span{margin:0 auto;position:relative;}
#menuwrap .login a span:before{content:'';display: inline-block;height: 13px;width: 14px;position: relative;background:url(/pages/gwangju/img3/main/hd-login.png) no-repeat;margin-right: 6px;top: 2px;}
#menuwrap .mb-menu{display:none;}
.header_menu {position: absolute;bottom: 26px;right: 0;}
.header_menu a.hd-nav{transition:ease-in-out .25s;border:1px solid #ddd;border-radius:100%;width: 51px;height: 51px;display: inline-block;margin-left: 5px;}

.header_menu .language_box .language_btn:hover{background: #65a3e5 url(/pages/gwangju/img3/main/h-nav2-on.png) center center no-repeat;border: 1px solid #65a3e5;}
.header_menu .navBtn1 {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
}
ul.mb-bmenu{display:none;}

.pc_me { display:inline-block !important; }
.mo_me { display:none !important;}


.flipX {
    animation: 1.3s anim-flipX ease;
}

@keyframes anim-flipX {
    0% {
        opacity: 1;
        transform: rotateX(180deg);
    }
    50% {
        /* animate nothing to pause animation at the end */
        opacity: 1;
        transform: rotateX(0deg);
    }
    100% {
        /* animate nothing to pause animation at the end */
        opacity: 1;
        transform: rotateX(0deg);
    }
}
/* 脙茠脗芦脙鈥毭偮冣€毭偮兤捗偮冣€毭偮懊兟⒚⑩€毬偮澝兤捗偮冣€毭偮澝冣€毭偮济兤捗偮冣€毭偮┟兟⒚⑩€毬偮澝兤捗偮兟⒚⑩€毬偮懊冣€毭偮� */
.navigation_mobile_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 999;
    background: #333;
    top: 0;
    left: 0;
    opacity: 0.8;
    display: none;
}

.uquick_btn ul {position: relative;z-index: 10000000;top: 0; background:#f7f7f7; display:none; border-top: 1px solid #ddd;overflow-y:auto;width: 100%; height:300px;}


/* 脙茠脗卢脙鈥毭偮犆兟⒚⑩€毬吢久兤捗偮冣€毭偮裁冣€毭偮疵兤捗偮冣€毭偮┟兟⒚⑩€毬偮澝兤捗偮兟⒚⑩€毬偮懊冣€毭偮� */



#navigation_mobile h2 {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}



/*#navigation_mobile ul > li > a:hover{color:#fff}*/
#navigation_mobile ul > li > a.on {
    background: #1c1f3b;
    font-weight: bold;
    color: #fff;
}

/* #navigation_mobile ul > li > a.on span{font-size:33px} */


#navigation_mobile li > ul {
    padding-top: 0;
}

#navigation_mobile li > ul > li > a {
    display: block;
    background: #2a2e53;
    line-height: 45px;
    height: 45px;
    font-size: 1.6rem;
    padding-left: 30px;
    border-bottom: 1px solid #51586e;
}

#navigation_mobile li > ul > a span {
    right: 30px;
}

#navigation_mobile .btn_close {  z-index: 9999;  position: fixed;  top: 0;  display: block;  width: 50px;  height: 50px;  background: #333 url(/pages/gwangju/img2/main/qrcode_close_btn.png) center center no-repeat;  left: 1px;}

/* 脙茠脗芦脙鈥毭偮冣€毭偮兤捗偮冣€毭偮懊兟⒚⑩€毬偮澝兤捗偮冣€毭偮澝冣€毭偮� nav */
.navigation_top {  background: #f8f8f8;  overflow: hidden;  height:100px;}
.navigation_top .site_link {font-size: 1.4rem;height: 50px;line-height: 50px;width: 50%;background: #023920;display: block;text-align: center;color: #fff;font-weight: 200;float: left;border-right:1px solid #ffffff21;box-sizing: border-box;}
.navigation_top .lang_link {  font-size: 1.4rem;  height: 50px;  line-height: 50px;  width: 50%;  background:#023920;  display: block;  text-align: center;  color: #fff;  font-weight: 200;  float: left;}

.navigation_top .lang_link:after{display: inline-block;width: 9px;height: 5px;background: url(/pages/gwangju/img2/main/bul_linkArrow_down.png) center center no-repeat;  background-size: auto;background-size: auto;content: "";background-size: cover;margin-left: 12px;vertical-align: middle;}

.navigation_top ul {  margin-top: 10px;}

.uquick_btn {float: left;width: calc(100% / 4);height: 50px;border-right:1px solid #575757;line-height: 50px;text-align: center;background:#3d3d3d;}
.uquick_btn a{color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 3.3rem;
    font-weight: 600;
    text-decoration: none !important;position: relative;
    padding: 0 9px 0 0;}
.uquick_btn a.tune_select:before{content: "";
    display: block;
    width: 10px;
    height: 5px;
    position: absolute;
    top: 12px;
    right: -6px;
    background: url(/pages/gwangju/img2/main/bul_linkArrow_down.png) center center no-repeat;}
.uquick_btn a span.uquick_gu{letter-spacing: -1.5px;}
.uquick_btn ul li{position: relative;height: 50px;line-height: 50px;background: #f7f7f7;font-weight: 200;color: #555;text-align: center;display: block;}



/* 脙茠脗卢脙垄芒鈥毬⑩偓艙脙鈥毭偮该兤捗偮兟⒚⑩€毬⑩偓艙脙鈥毭偮疵兤捗偮兟⒚⑩€毬吢久冣€毭偮犆兤捗偮冣€犆⑩偓鈩⒚冣€毭偮� */
.header_menu .language_box {
    display: inline-block;
    position: relative;
}


    #navigation_mobile.active .gnb_wrap {
        right: 0;
    }

    /* 脙茠脗芦脙鈥毭偮冣€毭偮兤捗偮冣€毭偮懊兟⒚⑩€毬偮澝兤捗偮冣€毭偮澝冣€毭偮济兤捗偮冣€毭偮┟兟⒚⑩€毬偮澝兤捗偮兟⒚⑩€毬偮懊冣€毭偮� */
    #navigation_mobile_wrap{position:fixed;width:100%;height:100%;top:70px;display:none;z-index:9999}
    #navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
    #navigation_mobile .gnb_top2{display:flex;position:absolute;top:0;left:0;width:100%;height:50px;background:#fff;line-height:40px;border-top: 1px solid #ddd;align-items: center;}
    #navigation_mobile .gnb_top2 .m_language_box{}
    #navigation_mobile .gnb_top{position:absolute;top:50px;left:0;width:100%;height:50px;background:#2a334d;line-height:40px;}
    #navigation_mobile .gnb_top ul li{position: relative;    display: inline-block;    width: 100%;/*border-bottom: 1px solid  #bcbcbc;*/}
    #navigation_mobile .gnb_top ul li a{display: inline-block;color: #555;font-size: 1.3rem;width: 100%; line-height: 16px;vertical-align: middle;padding:0;}
    #navigation_mobile .gnb_top ul li a:hover{opacity:1;text-decoration:none}
    #navigation_mobile .gnb_top ul li:last-child:before{background:none}

    /* 脙茠脗芦脙鈥毭偮∶冣€γ⑩偓艙脙茠脗陋脙鈥毭偮访冣€毭偮该兤捗偮冣€毭偮澝冣€毭偮� */
    .gnb_top2 .login_box{float:left; width:50%;text-align: center;}
    .gnb_top2 .login_box a{position: relative;color:#555;border: none;height: 50px;line-height: 50px;cursor: pointer;text-align: center;font-size: 1.4rem;font-weight: bold;display: block;text-decoration: none !important;box-sizing: border-box;}

	.gnb_nav{flex:1;text-align:center;height: 100%;line-height: 50px;}
	.gnb_nav:nth-child(2){border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

    /* 脙茠脗卢脙垄芒鈥毬⑩偓艙脙鈥毭偮该兤捗偮兟⒚⑩€毬⑩偓艙脙鈥毭偮疵兤捗偮兟⒚⑩€毬吢久冣€毭偮犆兤捗偮冣€犆⑩偓鈩⒚冣€毭偮� */
    #navigation_mobile .m_language_box{float:left;text-align: center;width:50%;}
    #navigation_mobile .m_language_box button{position: relative;color: #555;border: none;height: 50px;cursor: pointer;font-size: 1.4rem;text-decoration: none;font-weight: bold;	width:100%;}
    #navigation_mobile .m_language_box button:before{content:'';display:block;height:45px;width:40px;position:absolute;top: 6px;right: 0;}
    #navigation_mobile .m_language_box ul{position:absolute;top:50px;right:0px;padding:10px 20px;width:50%;display:block;background:#555;z-index:9999999999;}
    #navigation_mobile .m_language_box ul li a{display:block !important;color:#fff;padding:0;width:100%;font-size:14px;line-height:21px;font-weight:bold;background-size:20px !important;text-align:left;padding:0 !Important;line-height:23px !important}
    #navigation_mobile .m_language_box ul li:before{display:none}



    #navigation_mobile {
        display: block;
    }


    #navigation_mobile .gnb_wrap{position:fixed;top:100px;right:-100% ;overflow:hidden;width:100%;/*max-width:100%;*/height:100%;margin:0;background:#fff;transition:right 0.3s}

    #navigation_mobile .gnb_wrap .lang_wrap{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:40px;padding:0 20px;background:#3D3D3D;line-height:40px;}
    #navigation_mobile .gnb_wrap .lang_wrap p{float:left;font-weight:500;color:#fff;}
    #navigation_mobile .gnb_wrap .lang_wrap ul{float:right;}
    #navigation_mobile .gnb_wrap .lang_wrap li{display:inline-block;height:auto;border:0;line-height:1;}
    #navigation_mobile .gnb_wrap .lang_wrap li a{font-size:1.3rem;color:#fff}
    #navigation_mobile .gnb_wrap .lang_wrap li + li a{padding-left:15px;margin-left:15px;border-left:1px solid #787878;}
    #navigation_mobile .gnb_list{display:block;overflow:auto;/*max-height:calc(100% - 85px);*/height:100%;margin-top:100px;background:#004e2b;}
    #navigation_mobile .gnb_list ul li a{text-decoration:none;}
    #navigation_mobile .depth1 > li{width:120px;padding:0;text-align:center}
    #navigation_mobile .depth1 > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        font-size: 1.7rem;
        z-index: 100000;
        position: relative;
        border-bottom:1px solid #528d31;
        height: 50px;
    }

    #navigation_mobile .depth1 > li > a:hover{background-color:#023920;text-decoration:none}
    #navigation_mobile .depth1 > li > a span{display:block;width:100%;background: no-repeat 48% 0%;color:#fff;opacity:0.8;background-size:55px;text-align: center;font-size:1.6rem/* ;height:100%; */}/**/
    #navigation_mobile .depth1 > li > a:hover{opacity:1}

    #navigation_mobile .depth1 > li > a::after{display:none}
    #navigation_mobile .gnb_bg{top:100px;left:120px;width:calc(100% - 120px);/*height:calc(100% - 45px);*/padding:0;box-shadow:none;display:block;text-align:left;background:#fff;visibility: hidden;opacity: 0;position:absolute;text-align:left;background:#fff;}
    #navigation_mobile .gnb_scroll{overflow:auto;max-width:100%;max-height:calc(100% - 200px);margin:0;position:relative;width:100%}/* -45 */
    #navigation_mobile .depth2{display:block;flex-wrap: wrap}
    #navigation_mobile .depth2 > li{width:100%;padding:0;margin:0}
    #navigation_mobile .depth2 > li > a{position: relative;
        padding: 0 20px;
        padding-right: 20px;
        padding-right: 50px;
        border-bottom: 1px solid #ddd;
        font-size: 1.7rem;
        line-height: 50px;
        display: block;
        font-weight: 700;
        color: #555;
        height: 50px;}
    #navigation_mobile .depth2 > li > a:hover{text-decoration:none !important;}

    #navigation_mobile .depth2 > li > a:after {content: '';display:block;position:absolute;top:0px;right:0px;width:50px;height:50px;background-size:100%;}
    #navigation_mobile .depth2 > li.active > a:after{transform:rotate(270deg)} /**/

    #navigation_mobile .depth2 > li.active a{background-color: #9abb4e;color: #fff;border-bottom: 1px solid #b8cb8d;}
    #navigation_mobile .depth2 > li > a.is-active{color:#1969b2}
    #navigation_mobile .depth2 > li > a.is-active::after{background-image:url(./images/common/mobile_2depth_gnb_minus.png)}
    #navigation_mobile .depth3{display:none;background:#eee;padding:0px;}


    /* 	#navigation_mobile .depth3 > li + li{border-top:1px solid #eee} */
    #navigation_mobile .depth3 > li > a{width: 100%;
        margin: 0;
        padding: 0 20px;
        font-size: 1.5rem;
        background: #f7f7f7 !Important;
        color: #666 !important;
        display: block;
        font-weight: 600;
        border-bottom: 1px solid #ddd !important;
        height: 50px;
        line-height: 50px;
    }
    #navigation_mobile .depth3 > li.blank > a span{width:15px;height:15px;background:url(/pages/gwangju/img2/main/icon_blank.png) right center no-repeat;padding-right:20px}
    #navigation_mobile .depth3 > li.blank > a:hover span{background:url(/pages/gwangju/img2/main/icon_blank_on.png) right top no-repeat}
    #navigation_mobile .depth3 > li.active a,#navigation_mobile .depth3 > li > a:hover{background:#7f7f7f !important;color:#fff !important;text-decoration:none}

    #navigation_mobile .depth3 > li > a::before{display:none}
    #navigation_mobile .gnb_wrap .gnb_close{display:none}



    header .depth3 > li {
        /*width: 100%;*/
        padding: 0;
        margin: 0;}
    #navigation_mobile .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile .gnb_btn i{position:relative;background:#333}
    #navigation_mobile .gnb_btn i:nth-child(1){top:8px;transform:rotate(45deg)}
    #navigation_mobile .gnb_btn i:nth-child(2){transform:translateX(150%)}
    #navigation_mobile .gnb_btn i:nth-child(3){top:-8px;transform:rotate(-45deg)}
    #navigation_mobile .depth1 > li > a:hover,
    #navigation_mobile .depth1 > li > a{color:#cdd0d6;}
    #navigation_mobile .depth1 > li.active > a{background:#0b3f12;}
    #navigation_mobile .depth1 > li.active > a span{opacity:1}
    #navigation_mobile .depth1 > li.active .gnb_bg{visibility:visible;opacity:1;height: 100%;background: #fff;}
    #navigation_mobile.scroll{border-bottom:1px solid #E6E6E6;background:#fff}
    #navigation_mobile.scroll .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile.scroll .gnb_btn i{position:relative;background:#333}
    #navigation_mobile.scroll .search_wrap > .search_btn{background-image:url(./images/common/header_search_btn_ic_b_m.png)}




}

.header_menu .language_box ul li {
    display: block;
    float: none;
}

.header_menu .language_box .language_btn {background: url('/pages/gwangju/img3/main/h-nav2.png') center center no-repeat;}
.header_menu .language_box ul {
    display: none;
    position: absolute;
    top: 66px;
    left: 50%;
    width: 95px;
    background: #fff;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid #ddd;
    border-bottom: 0;
    transform: translateX(-50%);
}

.header_menu .language_box ul li a {
    display: block !important;
    color: #333;
    width: 100%;
    font-size: 14px;
    padding: 0 2rem;
    font-weight: 400;
    text-align: left;
    line-height: 40px !important;
    letter-spacing: 0;
    border-bottom: 1px solid #ddd;
}

.header_menu .language_box ul li a:hover {
    font-weight:bold;
    text-decoration: none;
}


.header_menu .login_link {transition:ease-in-out .25s; background:#65a3e5 url('/pages/gwangju/img3/main/h-nav1-on.png') center no-repeat; border: 1px solid #65a3e5;}
.header_menu .logout_link {transition:ease-in-out .25s; background:#65a3e5 url('/pages/gwangju/img3/main/logout.png') center no-repeat; border: 1px solid #65a3e5 ;}

.header_menu .search_link {transition:ease-in-out .25s; background:url('/pages/gwangju/img3/main/h-nav3.png') center no-repeat;}
.header_menu .search_link:hover{border:1px solid #65a3e5;background:#65a3e5 url('/pages/gwangju/img3/main/h-nav3-on.png') center no-repeat;}
.header_menu .sitemap{transition:ease-in-out .25s; background:url('/pages/gwangju/img3/main/h-nav4.png') center no-repeat;}
.header_menu .sitemap:hover{background:#65a3e5 url('/pages/gwangju/img3/main/h-nav4-on.png') center no-repeat;border: 1px solid #65a3e5;}

.mleft_menu{position:fixed;top:0;left:0;z-index:999999;width:100px;transform:scale(1);transition: all .3s;height:100%;background:#074e2e;}
.mleft_menu .sitemap a{  background:#023920;  width:100px;  height:100px;  text-align:center;  display:block;  z-index:9999 !important;  float:left;position:absolute;  top:0;  left:0;  padding: 39px 0 0 0;box-sizing: border-box;}
.mleft_menu .user_menu{text-align: center;margin: 100px 0 0 0;padding: 50px 15px 0 15px;box-sizing: border-box;height: 100%;}
.mleft_menu .user_menu li a{display: block;font-size: 1.4rem;height: 53px;line-height: 53px;color: #fff;font-weight: 500;border-bottom: 1px dotted #9dbfaf;}
.mleft_menu .user_menu li a:hover{text-decoration:none; color:#d6ffa1;}

.mleft_menu a.quick_menu_btn{background: url(/pages/gwangju/img2/main/quick_menu_btn_arrow.png) left center no-repeat;position: absolute;top: 50%;right: -39px;width: 39px;height: 95px;}

.mleft_menu_on{width: 578px;    height: 100%;    background: #fff;    position: fixed;   top: 100px;    left: 100px;    z-index: 800;    padding:36px 80px 45px 77px;    box-sizing: border-box;box-shadow: 2px 2px 12px #0202020a;}
.mleft_menu_on a.quick_menu_btn2{background: url(/pages/gwangju/img2/main/quick_menu_btn_arrow2.png) left center no-repeat;position: absolute;top: 42%;right: -39px;width: 39px;height: 95px;}

.mleft_menu_on h6{font-size: 33px;color: #074e2e;font-weight: 500;margin: 0 0 20px 0;}
.mleft_menu_on ul.gu_service{width: 426px;    display: inline-block;}
.mleft_menu_on ul.gu_service li{margin: 0 43px 20px 0;    width: calc(100% / 3 - 29px);    display: inline-block;   text-align: center;    float: left;}
.mleft_menu_on ul.gu_service li a{display: block;    position: relative;    padding-top: 130px;    color: #444;   font-size: 17px;    line-height: 23px;   text-align: center;    width: 100%;}
.mleft_menu_on ul.gu_service li a:hover{font-weight:600;text-decoration:none;}
.mleft_menu_on ul.gu_service li a:before,
.mleft_menu_on ul.gu_service li a:after{content:""; display:block; position:absolute; top:0; left:0; right:0; width:113px; height:113px; transition-timing-function:ease-in-out; transition-duration:.25s;}
.mleft_menu_on ul.gu_service li a:before{content: "";    position: absolute;    top: 0;    left: 0;    right: 0;    width: 111px;    height: 111px;   border:1px solid #c7c7c7;    border-radius: 15px;    background-color: #fff;    transition-property: background, box-shadow;    transition-duration: .25s;}
.mleft_menu_on ul.gu_service li a:after{content:""; }
.mleft_menu_on ul.gu_service li a:hover:before{/*background:linear-gradient(-30deg, #adc8f1 0, #def4ff 100%); border:1px solid #1db042;*/ box-shadow:0 10px 10px rgba(219, 219, 219, 0.13);background-color: #8db335;}
.mleft_menu_on ul.gu_service li a:hover:after{transform:translateY(-5px);}


.mleft_menu_on ul.gu_service li.gu_i1 a:after{background:url(/pages/gwangju/img2/main/gu_icon1.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.gu_i2 a:after{background:url(/pages/gwangju/img2/main/gu_icon2.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.gu_i3 a:after{background:url(/pages/gwangju/img2/main/gu_icon3.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.gu_i4 a:after{background:url(/pages/gwangju/img2/main/gu_icon4.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.gu_i5 a:after{background:url(/pages/gwangju/img2/main/gu_icon5.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.gu_i6 a:after{background:url(/pages/gwangju/img2/main/gu_icon6.png) center center no-repeat;}

.mleft_menu_on ul.gu_service li.st_i1 a:after{background:url(/pages/gwangju/img2/main/st_i1.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i2 a:after{background:url(/pages/gwangju/img2/main/st_i2.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i3 a:after{background:url(/pages/gwangju/img2/main/st_i3.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i4 a:after{background:url(/pages/gwangju/img2/main/st_i4.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i5 a:after{background:url(/pages/gwangju/img2/main/st_i5.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i6 a:after{background:url(/pages/gwangju/img2/main/st_i6.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i7 a:after{background:url(/pages/gwangju/img2/main/st_i7.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i8 a:after{background:url(/pages/gwangju/img2/main/st_i8.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i9 a:after{background:url(/pages/gwangju/img2/main/st_i9.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i10 a:after{background:url(/pages/gwangju/img2/main/st_i10.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i11 a:after{background:url(/pages/gwangju/img2/main/st_i11.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i12 a:after{background:url(/pages/gwangju/img2/main/st_i12.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i13 a:after{background:url(/pages/gwangju/img2/main/st_i13.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i14 a:after{background:url(/pages/gwangju/img2/main/st_i18.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i15 a:after{background:url(/pages/gwangju/img2/main/st_i15.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i16 a:after{background:url(/pages/gwangju/img2/main/st_i16.png) center center no-repeat;}
.mleft_menu_on ul.gu_service li.st_i17 a:after{background:url(/pages/gwangju/img2/main/st_i17.png) center center no-repeat;}

.mleft_menu_on ul.gu_service li:nth-child(3){margin-right:0;}
.mleft_menu_on ul.gu_service li:nth-child(6){margin-right:0;}
.mleft_menu_on ul.gu_service li:nth-child(9){margin-right:0;}
.mleft_menu_on ul.gu_service li:nth-child(12){margin-right:0;}



.mleft_pop{width:426px; height:345px;float:left;position:relative;box-sizing:border-box;overflow:hidden;background:#fff; border:1px solid #c7c7c7;}
.mleft_pop .popzone_btn{position:absolute;bottom:0px;right:0;z-index:10}

.mleft_pop .mleft_pop_wrap{width:426px; height:295px;}
.mleft_pop .mleft_pop_wrap ul{width:100%; height:100%;}
.mleft_pop .mleft_pop_wrap ul li{width:100%; height:100%;}
.mleft_pop .mleft_pop_wrap ul li a img{width:100%; height:100%;}

.mleft_pop ul.list li{display:inline}

/* 脙茠脗芦脙鈥毭偮∶冣€毭偮っ兤捗偮冣€毭偮冣€毭偮伱兤捗偮冣€毭偮裁兟⒚⑩€毬吢久兤捗偮冣€γ偮犆冣€毭偮� */
.mleft_pop_btn{width:443px; height:50px;    position: relative;
    z-index: 100000;
    background: #fff;}

.mleft_pop_btn .mleft_pop_box{width: calc(100% - 150px);padding: 0 25px;box-sizing:border-box;height: 100%;font-size: 17px;float: left;color: #333333;line-height: 50px;}
.mleft_pop_btn .mleft_pop_box p{
    display: inline-block;
}

.mleft_pop_btn .mleft_num{text-align: center;color: #333;float: right;font-weight: 300;}
.mleft_pop_btn .mleft_num span{color:#333;}
.swiper-pagination-custom{}
.mleft_pop_btn ul.pop_btn_icon{width: 150px;float: left;height: 100%;}
.mleft_pop_btn ul.pop_btn_icon li{display:inline}
.mleft_pop_btn ul.pop_btn_icon li a{display:block;float:left;}
.mleft_pop_btn ul.pop_btn_icon li a.btn_prev{width: 50px;height: 100%;background: #fff url(../img2/main/popzone_btn_prev.png) center center no-repeat;border-left: 1px solid #c7c7c7;}
.mleft_pop_btn ul.pop_btn_icon li a.btn_next{width: 50px;height: 100%;background: #fff url(../img2/main/popzone_btn_next.png) center center no-repeat;border-left: 1px solid #c7c7c7;}
.mleft_pop_btn ul.pop_btn_icon li a.btn_playstop{width: 50px;height: 100%;background: #fff url(../img2/main/popzone_btn_playnstop.png) center center no-repeat;border-left: 1px solid #c7c7c7;}
.mleft_pop_btn ul.pop_btn_icon li a.play{width: 50px;height: 46px;background: #fff url(../img2/main/popzone_btn_play.png) center center no-repeat;overflow: hidden;border-left: 1px solid #c7c7c7;}
.mleft_pop_btn ul.pop_btn_icon li a.stop{background-position:0 -33px}
.mleft_pop_btn ul.pop_btn_icon li span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}





/*脙茠脗芦脙鈥毭偮姑兟⒚⑩€毬吢久兤捗偮冣€毭偮Ｃ冣€毭偮济兤捗偮兟⒚⑩€毬⑩偓艙脙鈥毭偮�*/
#container {  position: relative;width: calc(100% - 100px);
    float: right;
    /*display: table;
    table-layout: fixed;*/}
#visual {width: 100vw; height: 100vh;}
#visual {width:100%;  /*height: 100vh;*/  background: center top no-repeat;  background-size: cover;  float: right;padding: 99px 0 0 0;box-sizing: border-box;}
#visual {overflow: hidden;}
#visual .visual ul li {position: relative;}
#visual .visual ul li .inner_img {  color: #fff;  padding: 0 0 0 0;  width: 100%;  height: 100%;   background-size:cover!important; position: relative;}
#visual video {height: 100%; margin: 0 auto;  position: absolute; left: 50%; top: 0; transform: translate(-50%,0);}
#visual .visual ul li .inner_img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
#visual_wrapper_pc {display: block;}
#visual_wrapper_m {display: none;}
#visual .visual#visual_wrapper_pc ul li .inner_img img {width: auto; height: 100%;}
#visual .visual#visual_wrapper_m ul li {width: 100%; height: auto;}
#visual .visual#visual_wrapper_m ul li .inner_img {width: 100%; height: 100%;}
#visual .visual#visual_wrapper_m ul li .inner_img img {width: 100%; height: auto;}



.quick_menu {
    position: fixed;
    top: 32rem;
    right: 10rem;
    z-index: 1;
}

.quick_menu .quick_list {
    position: relative;
    padding-left: 2rem;
}

.quick_menu .quick_list:before {
    content: "";
    display: block;
    position: absolute;
    background: url("/pages/gwangju/img2/main/quick_dot.png") 0.1rem 1rem no-repeat;
    width: 1rem;
    height: 100%;
}
.quick_menu .quick_list a {
    display: block;
    color: #eee;
    padding: 3rem 0;
    position: relative;
}
.quick_menu .quick_list a:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    left: 0;
    top: 0;
    border: 1px solid #eee;
}
.quick_menu .quick_list a > span {
    display: none;
}
.quick_menu .quick_list a:hover:after, .quick_menu .quick_list a.on:after {
    content: "";
    display: block;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #eee;
    border-radius: 50%;
    left: -0.6rem;
    top: -0.5rem;
}
.quick_menu .quick_list a.on span {
    display: inline-block;
    background: #FFBB00;
    color: #000;
    padding: 0.7rem 1rem;
    font-size: 1.3rem;
    position: absolute;
    top: -1rem;
    left: 2rem;
}

.quick_menu .quick_list.active_a a:before {
    background: #999;
    border: 1px solid #999;
}

.quick_menu .quick_list.active_a a.on:after {
    border: 1px solid #999;
}

.quick_menu .quick_list.active_a:before {
    content: "";
    display: block;
    position: absolute;
    background: url("/pages/gwangju/img2/main/quick_dot2.png") 0.1rem 1rem no-repeat;
}

.quick_menu .quick_list.active_b a:before {
    background: #170808;
    border: 1px solid #453535;
}

.quick_menu .quick_list.active_b a.on:after {
    border: 1px solid #7b6262;
}

.control_btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30rem;
    height: 8rem;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99;
}

.control {
    align-items: center;
    justify-content: center;
    display: flex;
    height: 8rem;
}

.control > li {
    float: left;
    font-weight: 900;
}
.control > li.num {
    line-height: 3.2rem;
    padding: 0 2rem;
}

.control > li.num span.now {
    color: #000;
}
.control > li > a {
    display: block;
    float: left;
}
.control > li > a.btn_arrow {
    background: url("/pages/gwangju/img2/main/icon_arrow_prev.png") 50% 50% no-repeat;
    width: 5.5rem;
    height: 0.8rem;
    padding: 1.5rem;
}

.control > li > a.btn_next {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.control > li > a.btn_play {
    background: url("/pages/gwangju/img2/main/icon_arrow_play.png") 50% 50% no-repeat;
    width: 1.1rem;
    height: 1.5rem;
    margin: 0.2rem 0 0 1.3rem;
}
.control > li > a.btn_stop {
    background: url("/pages/gwangju/img2/main/icon_arrow_stop.png") 50% 50% no-repeat;
    width: 1.2rem;
    height: 1.4rem;
    margin: 0.2rem 0 0 1.3rem;
}
.control_btn_pop {
    position: absolute;
    top: 0;
    right: 0;
}
.control_btn_pop .control {
    height: auto;
}

.sec {
    width: 1250px;
    margin: 0 auto;
    position: relative;
}

.main_title p {
    font-size: 1.4rem;
    color: #999;
    font-weight: bold;
    position: relative;
}
.main_title p:before {
    content: "";
    display: block;
    position: absolute;
    width: 0.01rem;
    height: 7rem;
    background: #fff;
    transform: rotate(70deg);
    top: -5.5rem;
    left: 2rem;
    opacity: 0.4;
}
.main_title dt {
    font-size: 1.6rem;
    color: #999;
    padding: 2rem 0 0 0;
    font-weight: 400;
    line-height: 2.8rem;
}

.main_title dd {
    font-family: "NEXONFootball";
    font-weight: 100;
    letter-spacing: -0.2rem;
    font-size: 5rem;
    color: #000;
    line-height: 6rem;
    letter-spacing: 0;
}


.main_title2 {
    position: relative;
}
.main_title2 h3 {
    font-size: 1.6rem;
    color: #fff;
    padding-bottom: 1.5rem;
    font-weight: bold;
}
.main_title2 a.btn_more {
    background: url("/pages/gwangju/img2/main/icon_bn_more_wh.png") right center no-repeat;
    width: 6.5rem;
    height: 3.5rem;
    display: block;
    position: absolute;
    top: -1rem;
    right: 0;
}



/* 脙茠脗陋脙鈥毭偮趁冣€毭偮得兤捗偮冣€毭偮兟⒚⑩偓拧脗卢脙茠脗卢脙垄芒鈥毬吢∶冣€毭偮兤捗偮兟⒚⑩€毬偮⒚冣€毭偮� */
.mn_wrap{width:1660px; margin:0 auto;display: table-cell;vertical-align: middle;}
.main_ntit{font-size: 41px;font-weight: 800;color: #333;letter-spacing: -1px;display:inline-block;position: relative;padding: 8px 12px 0 0;margin:0 0 27px 0 ;}
.main_ntit:before {content: "";display: block;width: 14px;height: 14px;position: absolute;top: 0;right: -11px;background: #568d3e;border-radius: 50%;}




#notice_wrap{width: 1660px;height: 640px;background: #fff;position: relative;box-sizing: border-box;overflow: hidden;margin: 0 auto;}
.tabMenu{position:relative;width: 100%; height: auto;}
.tabMenu .wrap{float: left;width: calc(100% / 5 - 12px);}
.tabMenu .tab{float:left;position:relative;z-index:2;width: 100%;}
.tabMenu .tab a{display: block;float: left;position: relative;width: 100%;height: 63px;font-size: 16px;letter-spacing: -1px;line-height: 63px;background: #f7f7f7;color: #555;font-weight: 400;border-right: 1px solid #ddd;text-align: center;text-decoration: none;}
.tabMenu .tab a:hover{color:#000;text-decoration:none}
.tabMenu .cnt{width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 63px;
    display: none;
    box-sizing: border-box;
    z-index: 9;
    margin: 25px 0 0 0;}
.tabMenu .cnt ul li{position:relative;width:100%}

.tabMenu .cnt ul li a{position:relative;font-size:16px;color:#222;line-height:32px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;width:90%;padding-left:20px}
.tabMenu .cnt ul li a:before{content:'';display:block;position:absolute;top:15px;left:0;width:4px;height:4px;background:#3491f0}

.tabMenu .cnt ul li a:hover{font-weight:500;color:#000;text-decoration:none}

.tabMenu .cnt ul li a span.date{position:absolute;right:40px;color:#3184d9;font-size:14px}
.tabMenu .tab a.btn_more{display:none}

.tabMenu .cnt .btn_more2{position: absolute;top:-88px;right: 0;text-decoration: underline;background: #3d3d3d url(/pages/gwangju/img2/main/bbs_btn_more.png) center center no-repeat;width: 63px;height: 63px;}
.tabMenu .cnt .btn_more2 span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}

.tabMenu .btn_more_new {display: none; width: calc(100% / 3); font-size:15px; color:#555; height: 50px;line-height:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; float: left; border-left: 1px solid #ddd;background-color: #f7f7f7; position: relative;}
.tabMenu .btn_more_new h3 {display: inline-block; width: auto; color: #555;position: relative; letter-spacing: -1px;}
.tabMenu .btn_more_new h3::before,
.tabMenu .btn_more_new h3::after {content: ''; display: block; width: 2px; height: 8px; background-color: #555; position: absolute; left: -12px; top: 50%;}
.tabMenu .btn_more_new h3::before {transform: translate(0, -50%);}
.tabMenu .btn_more_new h3::after {transform: translate(0, -50%) rotate(90deg);}

.tabMenu .cnt .box{width: calc(100% / 4 - 19px);float: left;background: #fff;text-align: left;position: relative;display: block;border: 1px solid #c7c7c7;margin: 0 25px 25px 0;height: 263px;padding: 40px 47px;box-sizing: border-box;transition:ease-in-out 0.25s;}
.tabMenu .cnt .box:hover{border:1px solid #0a7444; text-decoration:none;}
.tabMenu .cnt .box:nth-child(4){margin-right:0;}
.tabMenu .cnt .box:nth-child(8){margin-right:0;}

.tabMenu .cnt .box span.sm_tit{background: #3ba4e5;color: #000;padding: 8px 15px;}
.tabMenu .cnt .box span.sm_bg1{background: #8db335;}
.tabMenu .cnt .box span.sm_bg2{background: #f7ab00;}
.tabMenu .cnt .box span.sm_bg3{background: #B08DBE;}


.tabMenu .cnt .box .tit_wrap .tit{font-size: 20px;
    color: #000;
    line-height: 130%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 49px;
    overflow: hidden;
    margin-top: 29px;
    font-weight:600;}

.tabMenu .cnt .box .tit_wrap .text{
    color: #666;
    margin-bottom: 15px;
    line-height: 140%;
    text-overflow: ellipsis;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 4.5rem;
    overflow: hidden;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 400;
    }

.tabMenu .cnt .box .date{font-weight: 400;color: #000;}


.tabMenu .wrap.on  a.tab1,.tabMenu .wrap.on a.tab2,.tabMenu .wrap.on a.tab3,.tabMenu .wrap.on a.tab4,.tabMenu .wrap.on a.tab5{color:#fff;background:#0a7444;}
.tabMenu .wrap.on  a.tab1:after,.tabMenu .wrap.on  a.tab2:after,.tabMenu .wrap.on  a.tab3:after{content:"";display:block; width:16px;height:11px;vertical-align:middle;margin:-1px auto 0}
.tabMenu .wrap.on .cnt{display:block}
.tabMenu .wrap.on .tab a.btn_more{display:none;position:absolute;z-index:100;top:4px;right:5px;color:#666;width:18px;height:18px;background:none;border:none}
.tabMenu .tab_m{display:none}

/*about us*/
#about_us { height: 100vh;
    overflow: hidden;
    display: table;
    /*
    display: table;
    table-layout: fixed;
    */
    padding: 100px 0 0 0;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    /*
    display: table-cell;
    vertical-align: middle;
    */
}



#about_us .about_banner a:hover {
    text-decoration: none;
}
#about_us .about_banner h3 {
    color: #fff;
    font-size: 2.4rem;
    line-height: 3.4rem;
    height: 4rem;
    padding-bottom: 3rem;
    width: 58%;
}

#about_us .about_banner p.txt {
    font-size: 1.8rem;
    color: #222;
    height: 6rem;
    line-height: 3rem;
    margin-top: 25rem;
    overflow: hidden;
    width: 80%;
}

#about_us .about_banner span.btn_more {
    color: #666;
    position: relative;
    display: block;
    margin-top: 1rem;
}

#about_us .about_banner span.btn_more:after {
    content: "";
    display: block;
    position: absolute;
    display: inline-block;
    top: -0.4rem;
    background: url("/pages/gwangju/img2/main/icon_bn_more.png") right center no-repeat;
    padding: 0;
    width: 4.2rem;
    height: 2.2rem;
}
#about_us .about_banner .bn1 {
    width: 290px;
    height: 350px;
    background: url("/pages/gwangju/img2/main/bn1.png") no-repeat;
}

#about_us .about_banner .bn1:hover {
    width: 29rem;
    height: 54.5rem;
    background: url("/pages/gwangju/img2/main/bn1_on.png") no-repeat;
    border: 4px solid #FFBB00;
}
#about_us .about_banner .bn1:hover p.txt {
    color: #fff;
}
#about_us .about_banner .bn1:hover span.btn_more {
    color: #fff;
}
#about_us .about_banner .bn1:hover span.btn_more:after {
    background: url("/pages/gwangju/img2/main/icon_bn_more_wh.png") right center no-repeat !important;
    background-size: 4.2rem !important;
}

#about_us .about_banner .bn1:hover p.txt {
    margin-top: 20rem;
}
#about_us .about_banner .bn2 {
    width: 290px;
    height: 350px;
    background: url("/pages/gwangju/img2/main/bn2.png") no-repeat;
}

#about_us .about_banner .bn2:hover {
    width: 29rem;
    height: 54.5rem;
    background: url("/pages/gwangju/img2/main/bn2_on.png") no-repeat;
    border: 4px solid #FFBB00;
}
#about_us .about_banner .bn2:hover p.txt {
    color: #fff;
}
#about_us .about_banner .bn2:hover span.btn_more {
    color: #fff;
}
#about_us .about_banner .bn2:hover span.btn_more:after {
    background: url("/pages/gwangju/img2/main/icon_bn_more_wh.png") right center no-repeat !important;
    background-size: 4.2rem !important;
}

#about_us .about_banner .bn2:hover p.txt {
    margin-top: 20rem;
}
#about_us .about_banner .bn3 {
    width: 290px;
    height: 350px;
    background: url("/pages/gwangju/img2/main/bn3.png") no-repeat;
}

#about_us .about_banner .bn3:hover {
    width: 29rem;
    height: 54.5rem;
    background: url("/pages/gwangju/img2/main/bn3_on.png") no-repeat;
    border: 4px solid #FFBB00;
}
#about_us .about_banner .bn3:hover p.txt {
    color: #fff;
}
#about_us .about_banner .bn3:hover span.btn_more {
    color: #fff;
}
#about_us .about_banner .bn3:hover span.btn_more:after {
    background: url("/pages/gwangju/img2/main/icon_bn_more_wh.png") right center no-repeat !important;
    background-size: 4.2rem !important;
}

#about_us .about_banner .bn3:hover p.txt {
    margin-top: 20rem;
}
#about_us .about_banner .bn4 {
    width: 290px;
    height: 350px;
    background: url("/pages/gwangju/img2/main/bn4.png") no-repeat;
}

#about_us .about_banner .bn4:hover {
    width: 29rem;
    height: 54.5rem;
    background: url("/pages/gwangju/img2/main/bn4_on.png") no-repeat;
    border: 4px solid #FFBB00;
}
#about_us .about_banner .bn4:hover p.txt {
    color: #fff;
}
#about_us .about_banner .bn4:hover span.btn_more {
    color: #fff;
}
#about_us .about_banner .bn4:hover span.btn_more:after {
    background: url("/pages/gwangju/img2/main/icon_bn_more_wh.png") right center no-repeat !important;
    background-size: 4.2rem !important;
}

#about_us .about_banner .bn4:hover p.txt {
    margin-top: 20rem;
}
#about_us .about_banner .bn5 {
    width: 290px;
    height: 350px;
    background: url("/pages/gwangju/img2/main/bn5.png") no-repeat;
}

#about_us .about_banner .bn5:hover {
    width: 29rem;
    height: 54.5rem;
    background: url("/pages/gwangju/img2/main/bn5_on.png") no-repeat;
    border: 4px solid #FFBB00;
}
#about_us .about_banner .bn5:hover p.txt {
    color: #fff;
}
#about_us .about_banner .bn5:hover span.btn_more {
    color: #fff;
}
#about_us .about_banner .bn5:hover span.btn_more:after {
    background: url("/pages/gwangju/img2/main/icon_bn_more_wh.png") right center no-repeat !important;
    background-size: 4.2rem !important;
}

#about_us .about_banner .bn5:hover p.txt {
    margin-top: 20rem;
}






/*focus*/
.mf_wrap{width: 1660px;margin: 0 auto;box-sizing: border-box;display: table-cell;vertical-align: middle;}
.mf_in{width: 1660px;margin: 0 auto;}
.main_ftit{display:inline-block;position: relative;padding: 8px 12px 0 0;margin:0 0 18px 0;font-size: 44px;font-weight: 800;color: #fff;letter-spacing: -1px;}
.main_ftit:before {content: "";display: block;width: 14px;height: 14px;position: absolute;top: 0;right: -11px;background: #b1f354;border-radius: 50%;margin: 0 0 27px 0;}
.main_ftit a{color:#fff;}
.main_ftit a:hover{text-decoration:none;}
.main_ftit a span{color:#b1f354;}
p.main_ftxt{font-size:17px;font-weight:400;color: #fff;margin: 0 0 31px 0;}

.story_list ul{margin:0px 0 45px 0;text-align:center;transition-timing-function:ease-out;position: relative;display:flex;transform-style:preserve-3d;transition-property:transform;box-sizing:content-box}
.story_list ul li{display: inline-flex;width: 385px;height: 512px;white-space: normal;flex-shrink: 0;background: #fff;margin: 0 20px 0 0;text-align: left;}
.story_list ul li a{position:relative;display:block;width:100%}
.story_list ul li a:hover{}


.story_list ul li a div.image{float:left;padding-bottom:20px;height:250px;width:100%;text-align:center}
.story_list ul li a div.image img{width:100%;height:250px}
.story_list ul li a div.text{float: left;padding: 40px;width: 100%;height: 260px;box-sizing: border-box;}
.story_list ul li a div.text h4{font-size: 21px;    color: #000;    line-height: 33px;    padding-bottom: 15px;    height: 68px;    overflow: hidden;    margin: 18px 0 0 auto;    word-break: keep-all;    font-weight: 500;    overflow: hidden;    text-overflow: ellipsis;    white-space: normal;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    word-wrap: break-word;}
.story_list ul li a div.text p.cont{font-size: 16px;    color: #666;    line-height: 22px;    height: 64px;    overflow: hidden;    margin-bottom: 15px;    word-break: keep-all;    font-weight: 400;    overflow: hidden;    text-overflow: ellipsis;    white-space: normal;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    word-wrap: break-word;}.story_list ul li a div.text p.date{font-size: 15px;letter-spacing: -.04em;color: #000;font-weight: 400;}

.scroll_wrap{position:relative;width:1660px;margin:0 auto}
.swiper-scrollbar{border-radius:0 !important;background:#f8f8f842 !important;}
.swiper-scrollbar-drag{border-radius:0 !important;background:#b1f354 !important;}


.progressbar{position: relative;width: 100%;height: 5px;background: #fff;}
.progressbar-fill{position:absolute;top:0;left:0;background:#fff;font-size:0;width:50%;height:5px}
.button_wrap{display:none;}

#news {display: table;background-color: #065c35;background-image: url("/pages/gwangju/img2/main/news_bg.png"),url("/pages/gwangju/img2/main/news_bg2.png");width:100%;height: 100vh;overflow: hidden;display: table;table-layout: fixed;float: right;padding: 100px 0 0 0;box-sizing: border-box;margin: 0 auto;background-position: right top,left bottom;background-repeat: no-repeat;}


#news .hot_news_wrap {
    display: table-cell;
    vertical-align: middle;
}
#news .news_wrap {
    display: flex;
}

#news .news_wrap div {
    width: 100%;
}
#news .news_wrap .notice {
    padding: 0 7.5rem 0 0;
}

#news .news_wrap .notice dl {
    color: #fff;
    padding: 1rem 0 2rem 0;
}

#news .news_wrap .notice dl dt {
    font-size: 2.1rem;
    padding-bottom: 1rem;
    font-weight: 300;
}
#news .news_wrap .notice dl dd.con {
    padding-bottom: 2rem;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 300;
}
#news .news_wrap .notice dl dd.date {
    font-size: 1.3rem;
    color: #18C5AD;
}
#news .news_wrap .notice ul {
    position: relative;
    width: 100%;
}
#news .news_wrap .notice ul li {
    width: 100%;
    border-bottom: 1px solid #656e8e;
    position: relative;
}
#news .news_wrap .notice ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    background: #18c5ad;
    top: 1.4rem;
}
#news .news_wrap .notice ul li a {
    color: #fff;
    line-height: 3.3rem;
    padding-left: 2rem;
    font-weight: 300;
}

#news .news_wrap .notice ul li a span.date {
    font-size: 1.3rem;
    color: #18C5AD;
    position: absolute;
    right: 0;
    font-weight: bold;
}

#news .main_title {
    text-align: center;
    padding-bottom: 2rem;
}

#news .main_title p, #news .main_title dt, #news .main_title dd {
    color: #fff !important;
}
#news .main_title p:before {
    left: 50%;
}
#news .main_title dd {
    position: relative;
    width: 40rem;
    margin: 0 auto;
}

#news .main_title dd span {
    padding-left: 5.3rem;
}
#news .main_title dd:before {
    content: "";
    display: block;
    position: absolute;
    background: url("/pages/gwangju/img2/main/icon_news.png") center center no-repeat;
    width: 8rem;
    height: 5.9rem;
    top: -0.8rem;
    left: 50%;
    margin-left: -5rem;
}

#media .media_area {
    width: 100%;
    height: 34.8rem;
    background: #000;
}

/* 脙茠脗陋脙鈥毭偮疵兟⒚⑩€毬嬇撁兤捗偮冣€毭偮Ｃ冣€毭偮济兤捗偮冣€γ⑩偓鈩⒚兟⒚⑩偓拧脗卢 story&popupzone */
#program {display:table;background: #edf0f5; width: 100%;  height: 100vh;  overflow: hidden;  display: table;  table-layout: fixed;  float: right;padding: 100px 0 0 0;box-sizing: border-box;margin:0 auto;}

.ms_wrap{width: 1660px;margin: 0 auto;box-sizing: border-box;display: table-cell;vertical-align: middle;}
.ms_in{width: 1660px;margin: 0 auto;}
.main_stit{font-size: 44px;font-weight: 800;color: #333333;letter-spacing: -1px;display: inline-block;position: relative;padding: 8px 12px 0 0;margin:0 0 18px 0;}
.main_stit:before {content: "";display: block;width: 14px;height: 14px;position: absolute;top: 0;right: -11px;background: #3c6fa1;border-radius: 50%;margin: 0 0 27px 0;}
.main_stit span{color:#3c6fa1;}
p.main_stxt{font-size:17px;font-weight: 400;    color: #4e4e4e;margin: 0 0 31px 0;}

.mstory_wrap{float:left; width:1096px; margin:0 30px 0 0;}

.story_list2{width:100%; overflow: hidden;}
.story_list2 ul{ display: inline-block; margin: 0px 0 36px 0;text-align: center;position: relative;box-sizing: content-box;width: 100%;height: 510px;}
.story_list2 ul li{     margin-top: 0 !important; height: 241px;white-space: normal;background: #fff;margin: 0 20px 20px 0;text-align: left;float: left;width:352px;}
.story_list2 ul li a{position: relative;display: block;width: 100%;height: 100%;transition:ease-in-out 0.25s;}
.story_list2 ul li:nth-child(3){margin-right:0;}
.story_list2 ul li:nth-child(6){margin-right:0;}
.story_list2 ul li:nth-child(9){margin-right:0;}
.story_list2 ul li:nth-child(12){margin-right:0;}

.story_list2 ul li a div.image{float:left;padding-bottom:20px;height:250px;width:100%;text-align:center}
.story_list2 ul li a div.image img{max-width:100%;height:250px}
.story_list2 ul li a div.text{float: left;padding: 37px 44px;width: 100%;height: 260px;box-sizing: border-box;}
.story_list2 ul li a div.text h4{font-size: 23px;color: #000;line-height: 35px;height: 72px;overflow: hidden;margin:0 0 14px 0;word-break: keep-all;font-weight: 500;width: 100%;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.story_list2 ul li a div.text p.cont{font-size: 16px;color: #3a6fa4;margin-bottom: 12px;font-weight:400;border: 1px solid #5986b2;display: inline-block;padding: 14px 12px;box-sizing: border-box;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}
.story_list2 ul li a div.text p.date{font-size: 16px;letter-spacing: -.04em;color: #6e6e6e;font-weight: 400;}

.story_list2 ul li a:hover{background:#5986b2 !important; color:#fff;}
.story_list2 ul li a:hover div.text h4{color:#fff;}
.story_list2 ul li a:hover div.text p.cont{color: #fff;border: 1px solid #fff;}
.story_list2 ul li a:hover div.text p.date{color:#fff;}

.scroll_wrap2{position:relative;margin:0 auto; left:20px;width: 10px;}
.progressbar2{position: relative;width: 8px;height: 100%;background: #a5a1a1;     border-radius: 5px;}
.progressbar-fill2{position:absolute;top:0;left:0;background:#cacaca;font-size:0;width:50%;height:5px}
.button_wrap2{display:none;}

/* 脙茠脗颅脙鈥γ⑩偓鈩⒚冣€毭偮澝兤捗偮兟⒚⑩€毬⑩偓聺脙垄芒鈥毬偮γ兤捗偮冣€毭偮∶冣€毭偮� */
.mpop_wrap{float:right; width:471px;}
#popzone{width:471px; height:550px;float:left;position:relative;box-sizing:border-box;overflow:hidden;background:#ddd;}
#popzone .uok_wrap{width:471px; height:550px;}
#popzone .uok_wrap ul{width:100%; height:auto;}
#popzone .uok_wrap ul li{width:100%; height:auto;}
#popzone .uok_wrap ul li a img{width:100%; height:auto;}
#popzone .popzone_btn{position:absolute;bottom:0px;right:0;z-index:10}

#popzone ul.list li {display:inline;}
#popzone ul.list li > * {width: 100%;}
#popzone ul.list li > * > * {width: 100%;}
#popzone ul.list li img {height: auto; object-fit: cover;}

#popzone .btn_wrap a.btn_prev{display:block;position:absolute;top:45%;left:0;background:url(../img/main/btn_arrow_prev2.png) no-repeat;width:30px;height:30px;z-index:99}
#popzone .btn_wrap a.btn_next{display:block;position:absolute;top:45%;right:0;background:url(../img/main/btn_arrow_next2.png) no-repeat;width:30px;height:30px;z-index:99}
#popzone .btn_wrap a:hover{background-position:0 -30px}


/* 脙茠脗芦脙鈥毭偮∶冣€毭偮っ兤捗偮冣€毭偮冣€毭偮伱兤捗偮冣€毭偮裁兟⒚⑩€毬吢久兤捗偮冣€γ偮犆冣€毭偮� */
.rolling_area .num{display:none;}
/*
.rolling_area .num{width:45px;height:31px;background:#fff;border:1px solid #ddd;text-align:center;font-size:12px;color:#bbb;line-height:30px;float:left}
.rolling_area .num span{font-weight:bold;color:#888fa5}
*/
.rolling_area ul.btn{float:left;width:162px}
.rolling_area ul.btn li{display:inline}
.rolling_area ul.btn li a{display:block;float:left;}
.rolling_area ul.btn li a.btn_prev{width: 54px;height: 54px;background: #222 url(../img2/main/popzone_btn_prev.gif) center center no-repeat;}
.rolling_area ul.btn li a.btn_next{width: 54px;height: 54px;background: #222 url(../img2/main/popzone_btn_next.gif) center center no-repeat}
.rolling_area ul.btn li a.btn_playstop{width: 54px;height: 54px;background: #222 url(../img2/main/popzone_btn_playnstop.gif) center center no-repeat;overflow:hidden;}
.rolling_area ul.btn li a.play{width: 54px;height: 54px;background: #222 url(../img2/main/popzone_btn_play2.gif) center center no-repeat;overflow:hidden;}
.rolling_area ul.btn li a.stop{background-position:0 -33px}
.rolling_area ul.btn li span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}


#program .program_box_wrap {
    display: table-cell;
}
#program .main_title {
    margin-top: 33rem;
}
#program .main_title .control {
    justify-content: flex-start;
    margin: 3rem 0 0 5rem;
}

#program .main_title .control_btn {
    left: 50%;
    margin-left: -62.5rem;
    bottom: 0;
    width: 90rem;
    height: 25rem;
    z-index: 1;
}

#program .program_wrap {
    position: absolute;
    top: 0;
    right: 0;
    background: url("/pages/gwangju/img2/main/bg_program_r.png") center top no-repeat;
    width: 124rem;
    height: 94.7rem;
    color: #fff;
    z-index: 2;
}

#program .program_wrap .prog1 {
    background: url("/pages/gwangju/img2/main/prog_img1.png") center right no-repeat;
}
#program .program_wrap .prog2 {
    background: url("/pages/gwangju/img2/main/prog_img2.png") center right no-repeat;
}
#program .program_wrap .prog_txt {
    position: absolute;
    top: 38rem;
    left: 15rem;
    width: 100rem;
    height: 42rem;
    background-size: contain;
    background-position: right 0;
}

#program .program_wrap .prog_txt h3 {
    font-size: 4rem;
    font-family: "NEXONFootball";
    font-weight: 100;
    letter-spacing: -0.2rem;
    padding-bottom: 1rem;
    width: 60%;
}

#program .program_wrap .prog_txt p {
    font-size: 1.7rem;
    line-height: 3rem;
    font-weight: 100;
    width: 50%;
}

#program .program_wrap .prog_txt ul {
    margin-top: 4rem;
    width: 50%;
}

#program .program_wrap .prog_txt ul li a {
    color: #fff;
    display: block;
    border-bottom: 1px solid #777679;
    font-size: 1.6rem;
    padding: 2rem 3rem;
    background: url("/pages/gwangju/img2/main/icon_bn_more_wh.png") 90% center no-repeat;
}

#program .program_wrap .prog_txt ul li a:hover {
    border-radius: 30rem;
    border: 4px solid #FFBB00;
    text-decoration: none;
}






/* 脙茠脗卢脙鈥毭偮澝冣€毭偮疵兤捗偮冣€γ偮∶冣€毭偮┟兤捗偮冣€γ偮久冣€毭偮惷兤捗偮冣€毭偮趁兟⒚⑩€毬吢� 脙茠脗卢脙垄芒鈥毬吢久冣€γ⑩偓艙脙茠脗芦脙鈥毭偮姑兟⒚⑩€毬吢久兤捗偮冣€γ偮犆冣€毭偮� */

.student_life_wrap{width: 1660px;margin: 0 auto;box-sizing: border-box;height: 589px;display: table-cell;vertical-align: middle;}
.student_life_in{width: 1660px;margin: 0 auto;}

.recruit_banner{width: 385px;height: 589px;background: url("/pages/gwangju/img2/main/muser_bg1.png") 0 0 no-repeat;  background-size: auto;padding: 66px 55px;box-sizing: border-box;float: left;background-size: cover;background: #305287;}
.recruit_banner h6{font-size:39px;font-weight: 800;color: #fff;letter-spacing: -1px;display: inline-block;}
.recruit_banner p{font-size:17px;font-weight:400;color: #fff;margin:15px 0 20px 0;}
.recruit_banner ul li a{border: 1px solid #cad2e9;width: 100%;padding: 20px 0;box-sizing: border-box;text-align: center;display: block;margin: 0 0 10px 0;color: #fff;font-size: 17px;background: #0100205c;}
.recruit_banner ul li a:hover{font-weight:600; text-decoration:none;}

.franchise_banner{width: 385px;height: 589px;background: url("/pages/gwangju/img2/main/muser_bg2.png") 0 0 no-repeat;  background-size: auto;padding: 66px 55px;box-sizing: border-box;float: left;background-size: cover;margin: 0 25px 0;background: #24596b;}
.franchise_banner h6{font-size:39px;font-weight: 800;color: #fff;letter-spacing: -1px;display: inline-block;}
.franchise_banner p{font-size:17px;font-weight:400;color: #fff;margin:15px 0 20px 0;}
.franchise_banner ul li a{border: 1px solid #cad2e9;width: 100%;padding: 20px 0;box-sizing: border-box;text-align: center;display: block;margin: 0 0 10px 0;color: #fff;font-size: 17px;background:#0b1318c9;}
.franchise_banner ul li a:hover{font-weight:600; text-decoration:none;}

.user_quick_wrap{width: 780px;height: 589px;background: url("/pages/gwangju/img2/main/muser_bg3.png") 0 0 no-repeat;  background-size: auto;padding:66px 65px;box-sizing: border-box;float: left;background-size: cover;}
.user_quick_wrap h6{font-size:39px;font-weight: 800;color: #000;letter-spacing: -1px;display: inline-block;}
.user_quick_wrap p{font-size:17px;font-weight:400;color: #000;margin:15px 0 20px 0;}
.user_quick_wrap ul li a{position:relative;width: calc(100% / 4);box-sizing: border-box;text-align: center;display: block;color: #333;font-size: 17px;background: #fff;float: left;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;height: 173px;padding: 51px 0 0 0;}
.user_quick_wrap ul li a:before{  background: url("/pages/gwangju/img2/main/muser_icon.png") center center no-repeat;  content: "";  display: block;  width: 100%;  height: 35px;  transition-timing-function: ease-in-out;transition-duration: .25s;margin: 0 0 25px 0;}
.user_quick_wrap ul li.mu_1 a:before{background: url("/pages/gwangju/img2/main/muser_icon1.png") center center no-repeat;}
.user_quick_wrap ul li.mu_2 a:before{background: url("/pages/gwangju/img2/main/muser_icon2.png") center center no-repeat;}
.user_quick_wrap ul li.mu_3 a:before{background: url("/pages/gwangju/img2/main/muser_icon3.png") center center no-repeat;}
.user_quick_wrap ul li.mu_4 a:before{background: url("/pages/gwangju/img2/main/muser_icon4.png") center center no-repeat;}
.user_quick_wrap ul li.mu_5 a:before{background: url("/pages/gwangju/img2/main/muser_icon5.png") center center no-repeat;}
.user_quick_wrap ul li.mu_6 a:before{background: url("/pages/gwangju/img2/main/muser_icon6.png") center center no-repeat;}
.user_quick_wrap ul li.mu_7 a:before{background: url("/pages/gwangju/img2/main/muser_icon7.png") center center no-repeat;}
.user_quick_wrap ul li.mu_8 a:before{background: url("/pages/gwangju/img2/main/muser_icon8.png") center center no-repeat;}
.user_quick_wrap ul li a:hover{text-decoration:none; font-weight:600;}
.user_quick_wrap ul li a:hover:before{transform:translateY(-5px);}

#student_life {width: 100%;  height: 100vh;  overflow: hidden;  display: table;  table-layout: fixed;  float: right;padding: 100px 0 0 0;box-sizing: border-box;margin:0 auto;}
#student_life #student_wrap {
    height: 44rem;
    overflow: hidden;
    margin-left: 33rem;
    width: auto;
}

#student_life .control_btn {
    left: 50%;
    margin-left: -62.5rem;
}

#student_life .main_title p {
    color: #fff;
}
#student_life .main_title dt, #student_life .main_title dd {
    color: #fff;
}
#student_life .list {
    align-items: center;
    padding-top: 2rem;
}
#student_life .list .title {
    display: none;
}
#student_life .list .on .title {
    display: block;
    color: #fff;
    font-size: 2.4rem;
    font-family: "NEXONFootball";
    font-weight: 100;
    letter-spacing: -0.2rem;
    letter-spacing: -0.03rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 45rem;
}
#student_life .list li {
    position: relative;
    padding-right: 2rem;
}

#student_life .list li .label {
    position: absolute;
    top: 0;
    left: 0;
    background: #666;
    padding: 0 2rem;
    line-height: 3.8rem;
    color: #fff;
}
#student_life .list li .label1 {
    background: #FFD100;
    color: #000;
}
#student_life .list li .title {
    padding: 1rem 0 0 2rem;
    font-size: 1.7rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80%;
}
#student_life .list li > a:hover {
    text-decoration: none;
}

#student_wrap .swiper-wrapper {
    transition-timing-function: ease-out;
    position: relative;
    display: flex;
    transform-style: preserve-3d;
    transition-property: transform;
    box-sizing: content-box;
    align-items: center;
}


#student_wrap .swiper-slide {
    display: inline-block;
    flex-shrink: 0;
}

#student_wrap .swiper-slide > a > span.thumb {
    overflow: hidden;
    width: 330px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 800ms ease;
    background: #000;
}


#student_wrap .swiper-slide img {
    width: 100%;
}

#student_wrap .swiper-slide-active > a > span.thumb {
    overflow: hidden;
    width: 550px;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}


#student_wrap .swiper-slide-active .label {
    background: #FFD100 !important;
    color: #000 !important;
}

#student_wrap .swiper-slide-active .title {
    display: block !important;
    color: #fff;
    font-size: 2.4rem !important;
    font-family: "NEXONFootball";
    font-weight: 100;
    letter-spacing: -0.2rem;
    font-weight: 100;
    letter-spacing: -0.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 45rem;
}

/* footer */
footer {width:100%;height: 330px;background: #2c343e;color: #fff;}
#footer{width:1660px;margin:0 auto;padding: 40px 0;}

#sitelink_sbox_wrap{  float: left;  width: 100%;}
.sitelink_box{margin:0 auto;}
.sitelink_box h3{overflow:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0}
.sitelink_sbox_w{display: flex;}
.sitelink_sbox{float:left;position:relative;margin-right: 20px;border-radius: 10px;border: 1px solid #5a6267;flex: 1;}
.sitelink_sbox:last-child{margin-right:0;}
.sitelink_sbox .sitelink_on, .sitelink_sbox .sitelink_off{text-align: left;float: left;color: #fff;padding: 0 30px;width: 100%;border: none;position: relative;top: 0px;cursor: pointer;background: url(../img3/main/sitelink_icon_more.png) right center no-repeat;background-color: rgba(0, 0, 0, 0);font-size: 16px;font-weight: 400;box-sizing: border-box;display: flex;align-items: center;min-height: 63px;}
.br_l{border-left:1px solid #d1d1d1 !important;}
.sitelink_sbox ul{position:absolute;bottom:63px;left:0px;width:100%;height:auto;display:block;background:#ffffff;padding:20px 10px 20px 25px;z-index:200;box-sizing:border-box;border-top:1px solid #ddd;border-left:1px solid #ddd;;border-right:1px solid #ddd;max-height:300px;overflow-y:scroll}
.sitelink_sbox ul li a{font-size:16px;line-height:28px;color:#666;display:block;width:100%;font-weight:400}

#footer_wrap{display: inline-block; width:100%;margin:0 auto;position:relative; text-align: center;}
#footer_wrap .f_menuwrap h3{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#footer_wrap .f_menuwrap .navigation {float:left;padding:25px 0 0 0}
#footer_wrap .f_menuwrap .navigation li{float:left;width:200px}
#footer_wrap .f_menuwrap .navigation li a{display:block;line-height:20px;font-size:14px;color:#c4c4c4}
#footer_wrap .f_menuwrap .navigation li a.btnPullDown{display:block;font-size:19px;color:#fff;padding:0 0 12px 0}
#footer_wrap .f_menuwrap .navigation li a.f_pullDown{}
#footer_wrap .f_menuwrap .navigation li a:hover{text-decoration:none;color:#fff;font-weight:500}
#footer_wrap .footer_info{width:100%;box-sizing:border-box;position:relative; width: 1660px; margin: 0 auto; height: auto; display: inline-block; text-align: center;}
#footer_wrap .footer_info h1{float: left;padding-right: 20px;position: absolute;top: 125px;left: 0;}
#footer_wrap .footer_info h1 a{display:block;padding-bottom:20px}
#footer_wrap .footer_info ul{width: 100%;max-width: 1660px;margin: 40px 0 36px;}
#footer_wrap .footer_info ul {text-align: left;}
#footer_wrap .footer_info ul li{display:inline}
#footer_wrap .footer_info ul li a{position: relative;display: inline-block;font-size: 16px;margin: 0 53px 0 0;font-weight: 400;color: #fff;opacity: 0.5;}
#footer_wrap .footer_info ul li:first-child a{color: #fff !important;opacity: 1;font-weight: 600;text-decoration: underline;}
#footer_wrap .footer_info ul li a strong{font-weight:500}
#footer_wrap .footer_info ul li a:before{content: '';display: block;position: absolute;top: 7px;right: -30px;width: 5px;height: 5px;background: #b0b0b0;border-radius: 50%;}
#footer_wrap .footer_info ul li:last-child a:before{background:none}
#footer_wrap .footer_address{float: none;font-size: 16px;color: #fff;line-height: 26px;width: 100%;margin: 0 auto;position: relative;opacity: 0.5;}
#footer_wrap .footer_address address {text-align: left;}
#footer_wrap .footer_address p.copyright {text-align: left;}
#footer_wrap .footer_address address br{display:none}
#footer_wrap .footer_address p.copyright br{display:none}
#footer_wrap .foot_logo{position:absolute;right:0px;top:135px}
#footer_wrap .foot_logo li{float:left; display:inline-block;}
#footer_wrap .foot_logo li a{padding: 0 !important;}
#footer_wrap .foot_logo ul li a:before{width:0px;}
#footer_wrap .foot_logo li.sns_icon{margin-left:10px;}
#footer_wrap .w_mark{position: absolute;right: 0;top: 40px;}


/* sub_visual */
#s_visual{width:100%;height:266px;position:relative;}
#s_visual:before{content:''; display:inline-block; width:100%; height:100%; background:#000; opacity:0.65; position:absolute; top:0; left:0;}
#s_visual h3.sub_title{font-size:42px;color:#fff;text-align:center; padding:84px 0 0 0;z-index:1;position:relative;}
.sub01{background:url(../img2/sub/s_visual1.jpg) center top no-repeat}
.sub03{background:url(../img2/sub/s_visual2.jpg) center top no-repeat}
.sub04{background:url(../img2/sub/s_visual3.jpg) center top no-repeat}
.sub06{background:url(../img2/sub/s_visual4.jpg) center top no-repeat}
.sub08{background:url(../img2/sub/s_visual5.jpg) center top no-repeat}

/* weblocation */
.weblocation{width: 100%;
    height: 62px;
    display: block;
    margin: -62px auto 0 auto;
    box-sizing: border-box;
    z-index: 999;
    left: 0;
    right: 0;}
.weblocation .weblocation_box{position:relative;z-index:2;width:100%;height:62px;max-width:1430px;margin:0 auto;box-sizing:border-box;background:#fff;border-bottom: 1px solid #ddd;}
.weblocation_box h3{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.weblocation_box .location{float:left;position:relative}
.weblocation_box .location > li{position: relative;
    float: left;
    padding:0 25px 0 30px;
    background: url(../img/sub/weblocation_icon_arrow.png) no-repeat;
    border-right: 1px solid #ddd;
    text-align: left;
    /*width: 223px;*/
    min-width: 223px;

}
.weblocation_box .location > li > a{display:block;font-size:16px;line-height:62px;color:#333;position:relative;}
.weblocation_box .location > li > a > span{display:inline-block;width:100%;font-weight:400;background:url(../img2/sub/weblocation_icon_arrow2.png) no-repeat right center;cursor:pointer;padding: 0 30px 0 0;}
.weblocation_box .location > li > a:hover span{font-weight:bold}
.weblocation_box .location > li.home{float:left;width:62px; min-width:62px;height:62px;background:#074e2e url(../img2/sub/weblocation_icon_home.png) no-repeat center center;padding:0;border-right:0;}
.weblocation_box .location > li.home a span{font-size:0;background:none !important;padding:0 !important}

.weblocation_box .location_dept_wrap h4{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0;}
.weblocation_box .location_dept{display:none;position:absolute;top:62px;z-index:15;background-color:#fff !important;border: 1px solid #ddd;border-top: 0;left: 0;width:223px;left: -1px;width: calc(100% + 2px);}
.location_dept > li{background:none !important;height:48px !important; border-bottom:1px solid #ddd;}
.location_dept > li:last-child{border-bottom:0;}

.location_dept > li > a{display: block;width: 100%;height: 48px !important;line-height: 48px !important;color: #444 !important;font-size: 15px !important;padding: 0 30px;box-sizing: border-box;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.location_dept > li > a:hover,.location_dept li a.on{background-color: #074e2e !important;font-weight: 700 !important;color: #fff !important;}
.location_dept > li > a span{display:inline-block !important;padding:0 5px 5px 12px !important;cursor:pointer;background:none !important}

.weblocation .info{position:absolute;right:0}
.location_dept > li > a.lnb_blank {position:relative;display:inline-block;}
.location_dept > li > a.lnb_blank:after{content:'';display:inline-block;width:12px;height:12px;background:url(/pages/gwangju/img2/main/icon_blank.png) center no-repeat;margin-left: 8px;}
.location_dept > li > a.lnb_blank:hover:after{background:url(/pages/gwangju/img2/main/icon_blank_on.png) center no-repeat;}


/* sns */
.weblocation .info .sns{float:left}

.weblocation .info .sns .show_family_btn{float:left;display:block;font-size:0;width:62px;height:62px;border:none;border-left:1px solid #ddd;color:#222;font-weight:400;
    background:url(../img/sub/weblocation_icon_sns.png) center center no-repeat;cursor:pointer;position:relative}

.weblocation .info .sns .linkfamily_on{display:block;width:530px;height:90px;background:#fff;padding:30px 0 15px 20px;border:1px solid #ddd;z-index:20;position:absolute;top:61px;right:-67px;box-sizing:border-box;box-shadow:5px 5px 5px #999}
.weblocation .info .sns ul li a{position:relative;display:inline-block;float:left;height:28px;color:#555;margin-bottom:3px}
.weblocation .info .sns ul li a:before{content:'';position:absolute;top:0;left:0;;background:url(../img/sub/sns_list.png) 0 0 no-repeat;width:28px;height:28px}
.weblocation .info .sns ul li.tw a:before{background-position:-28px 0}
.weblocation .info .sns ul li.bd a:before{background-position:-56px 0}
.weblocation .info .sns ul li.ks a:before{background-position:-84px 0}
.weblocation .info .sns ul li.gp a:before{background-position:-112px 0}
.weblocation .info .sns ul li a:hover{font-weight:700;color:#333}
.weblocation .info .sns ul li a span{display:block;padding:6px 20px 0 38px;font-size:15px;font-weight:400;letter-spacing:0}
.weblocation .info .sns .btn_close{position:absolute;top:20px;right:20px}
.weblocation .info .sns .btn_close_m{display:none}

/* qr */
.weblocation .info .qrcode{float:left}
.weblocation .info a.btn_qr_sub{display:block;float:left;height:62px;font-size:15px;font-weight:400;color:#222;line-height:38px;padding:0 15px 0 50px;overflow:hidden;
    border-left:1px solid #ccc;background:url(../img/sub/weblocation_icon_qr.png) 5px top no-repeat}
.weblocation .info a:hover.btn_qr_sub{text-decoration:none;background-color:#ddd}
.weblocation .qr_sub_on{width:400px;height:350px;box-sizing:border-box;padding:30px 24px 0 30px;box-shadow:5px 5px 5px #999;background:#fff;position:absolute;z-index:2;top:45px;right:0;
    border:1px solid #ddd;overflow:hidden;z-index:9999}

.weblocation .qr_sub_on dl{display:block;padding:12px 0 15px 0;/* float: left; */text-align: center;}
.weblocation .qr_sub_on dt{font-size:18px;color:#000;font-weight:700;padding-bottom:10px}
.weblocation .qr_sub_on dd{font-size:14px;line-height:20px;color:#555}
.weblocation .qr_sub_on .qr_img{width:100%;background: url(../img/sub/bg_qrcode_phone.png) center bottom no-repeat;height:255px;text-align: center;}
.weblocation .qr_sub_on .qr_img img{padding:85px 0 0 0}
.weblocation .qr_sub_on .btn_close{position:absolute;top:20px;right:20px}




/* print */
.weblocation .info .btn_print{
    float: left;
    line-height: 38px;
    color: #222;
    font-size: 0;
    font-weight: 400;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: url(../img/sub/weblocation_icon_print.png) center center no-repeat;
    padding: 0 15px 0 50px;
    box-sizing: border-box;
}

@media screen and (max-width:700px) {
    #visual {}
    #visual_wrapper_pc {display: none;}
    #visual_wrapper_m {display: block;}
	section.sc1 {  height: auto !important;}

	#visual_pagination_m {     position: relative;
    width: 40%;
    text-align: center;
    z-index: 100;
    margin-top: -20px; }

	#header{border-bottom: 1px solid #ddd;}
	.weblocation{display:none;}
	.contents_top{display:none;}
	#lnb2{margin-top: 120px;}
	.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px !important;}

	#lnb2 .lnb_title{font-size: 27px;padding: 40px 0;}
	#lnb2 .lnb ul li{width:100%;}


}





/************************** media **************************/
@media screen and (max-width:1700px) {
	#header{padding: 0 2%;}
	#menuwrap{width:100%;}
	#navigation_new > li{padding: 0 2%;}
	#footer{width:100%;padding-left:4%;padding-right:4%;}
	.sitelink_box, #footer_wrap .footer_info{width:100%;}
	#footer_wrap .w_mark{top: 70px;}
	.page-btn{display:none;}
}


@media screen and (max-width:1400px) {
	#navigation_new > li{padding: 0 1%;}
}


@media screen and (max-width:1200px) {

.pc_me { display: none !important; }
.mo_me { display:inline-block !important; }
	#gu_modal{display:none;}
	#navigation_pc, .header_menu .language_box, #menuwrap .login{display:none !important;}
	.header_menu a.hd-nav{margin-left:0;}
	.header_menu{bottom: 29px;}
	.visual_cont{bottom: 30px;}
	.swiper-pagination-bullet{width: 14px !important;height: 14px !important;}
	footer{height:auto;}
	#footer_wrap .footer_info ul{margin: 20px 0;}
	#footer_wrap .footer_info ul li a{margin-bottom: 11px;}
	#footer_wrap .footer_info ul li:first-child a{text-decoration:none;}
	#footer_wrap .w_mark{top: inherit;bottom: 0;}
	#footer_wrap .footer_address{padding-right: 150px;}



	.scroll_wrap2{width:10px;margin-left: 10px;left: 0;}
}


@media screen and (max-width:900px) {
	#lnb2 .lnb ul li{width: calc(100% / 4);}
	#lnb2 .lnb ul li a{font-size: 17px;}
	#footer{padding-top:4%;padding-bottom:4%;}
	.sitelink_sbox_w{display: inline-block;}
	.sitelink_sbox{width:calc(100% / 3 - 7px);margin-bottom: 10px;margin-right:10px;}
	.sitelink_sbox:nth-child(3n){margin-right:0;}
	.sitelink_sbox .sitelink_on, .sitelink_sbox .sitelink_off{min-height: 45px;font-size: 14px;padding: 0 20px;}
	#lnb2 .lnb{padding:0 2.5rem;box-sizing:border-box;}
	.sitelink_sbox ul{bottom: 47px;}
}

@media screen and (max-width:690px) {
	#lnb2 .lnb ul li{width:calc(100% / 2);}
	#lnb2 .lnb ul li a{height: 52px;line-height: 52px;font-size: 15px;word-break: auto-phrase;}
	#header #menuwrap .logo a{margin-top: 28px;}
	#header #menuwrap .logo a img{width:165px;}
	#footer_wrap .footer_address {padding-right: 0;}
	#footer_wrap .w_mark{position:relative;float: left;margin-top: 14px;}
	#footer_wrap .w_mark img{width:100px;}
	.visual_cont .play:before{
	width: 0;
	height: 0 !important;
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	border-left: 8px solid #fff;
	border-right: 8px solid transparent;
	background:transparent;
	border-radius:2px;
	}

}


@media screen and (max-width:500px) {
	#sitelink_sbox_wrap{padding: 20px 0 0;}
	#footer_wrap .footer_info ul{margin: 10px 0;}
	#footer_wrap .footer_info ul li a{font-size: 14px;margin: 0 23px 0 0;line-height: 22px;}
	#footer_wrap .footer_info ul li a:before{width: 4px;height: 4px;right: -16px;}
	#footer_wrap .footer_address{font-size: 14px;}
	.sitelink_sbox{width: 100%;}
	.sitelink_sbox .sitelink_off{width: 100%;margin-bottom: 5px;}

}