@charset "utf-8";
@media screen and (max-width: 768px) {


/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:auto}

#hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #ft_wr {width: 100%;}

/* 팝업레이어 */
#hd_pop {}
#hd_pop h2 {}
.hd_pops {}
.hd_pops img {}
.hd_pops_con {}
.hd_pops_footer {}
.hd_pops_footer:after {}
.hd_pops_footer button {}
.hd_pops_footer .hd_pops_reject {}
.hd_pops_footer .hd_pops_close {}

/* 상단 레이아웃 */
#hd {
    height: 60px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 1000;
    border-bottom: 1px solid #EDEDED;
}
#hd_h1 {}

#tnb {display: none;}
#tnb:after {}
#tnb .inner {}

#hd_wrapper {position:relative;margin:0 auto;height: 60px;zoom:1;width: 100%;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding: 17px 15px 0;}


/* 메인메뉴 */
#gnb {}

#gnb_1dul{display: none;}

#gnb .gnb_menu_btn{display: none;}

.mGnb_menu_btn {background: #C48B3A;color:#fff;width: 64px;height: 60px;border:0;vertical-align:top;font-size:18px;position: absolute;right: 0;display: block;z-index: 10000;}
.mGnb_menu_btn span{display: block;height: 2px;width: 22px;background: #fff;position: absolute;top: 50%;margin-top: -1px;left: 50%;margin-left: -11px;transition: all 0.5s;}
.mGnb_menu_btn span:before{content:'';display: block;height: 100%;width: 100%;background: #fff;position: absolute;top: -7px;transform: rotate(0deg);transition: all 0.5s;}
.mGnb_menu_btn span:after{content:'';display: block;height: 100%;width: 100%;background: #fff;position: absolute;top: 7px;transform: rotate(0deg);transition: all 0.5s;}
.mGnb_menu_btn.active span{background: transparent;}
.mGnb_menu_btn.active span:before{transform: rotate(135deg);top: 0;}
.mGnb_menu_btn.active span:after{transform: rotate(-135deg);top: 0;}

/**/
@keyframes dp_menu_m {
    from {
      transform: translateX(0px) translateY(-5px);
    opacity:0;
    }
    to {
      transform: translateX(0px) translateY(0px);
    opacity:1;
    }
    }
    /**/
/*mGnb*/
#mGnb {-webkit-overflow-scrolling: touch;overflow-y: auto;position: fixed;left: -430px;right: 0;top: 0;bottom: 0;z-index: 9999;zoom: 1;display: none;background-color: #000;width: 100%;}

.mGnb_hd {}

.mGnb_hd_wrap {
    height: 60px;
    border-bottom: 1px solid #333333;
}

.mTnb {
    padding: 16px 8px;
    border-bottom: 1px solid #333333;
}

.mTnb ul {
    font-size: 0;
    margin: 0 -8px;
}

.mTnb ul li {
    display: inline-block;
    width: 25%;
    padding: 0 8px;
}

.mTnb ul li a {
    font-size: 12px;
    font-weight: 500;
    color: #696969;
    display: block;
    text-align: center;
    border: 1px solid #696969;
    padding: 3px 0;
    border-radius: 13px;
}

.mGnb_wrap {
    position: relative;
    height: calc(100% - 120px);
}

.mGnb_d1wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
    height: 100%;
    background-color: #000;
    overflow-y: auto;
    z-index: 1;
    background-image: url(../img/ico/ico_knu_black.svg);
    background-repeat: no-repeat;
    background-position: left 15px bottom 20px;
}

.mGnb_d1ul {}

.mGnb_1dli {}

.mGnb_1dli.mGnb_al_li_plus {}

.mGnb_1dli.active {}

.mGnb_1da {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: block;
    height: 50px;
    padding: 12px 15px;
}

.mGnb_al_wrap {
    padding-left: 140px;
    background: #fff;
    height: 100%;
    overflow-y: auto;
}

.mGnb_al_ul {
    padding: 0 15px;
}

.mGnb_al_li {
}

.mGnb_al_li.li_plus {}

.mGnb_al_li.active {
    display: block;
    animation-name: dp_menu_m;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-direction: alternate;
    animation-fill-mode: forwards;

}

.mGnb_al_li>a {
    display: none;
}

.mGnb_al_ul2 {
    display: none;
}
.mGnb_al_li.active .mGnb_al_ul2 {display: block;}
.mGnb_al_li2 {}

.mGnb_al_li2.li_plus {}

.mGnb_al_li2.li_plus > a{
    position: relative;
}

.mGnb_al_li2.li_plus > a:after,
.mGnb_al_li2.li_plus > a:before {content:'';position:absolute;height: 1px;width: 8px;background: #000;right: 18px;top: 25px;display: block;transition: all .2s;}

.mGnb_al_li2.li_plus > a:after {
    margin-right: 1px;
    transform: rotate(45deg);
}

.mGnb_al_li2.li_plus > a:before {
    transform: rotate(-45deg);
    margin-right: -5px;
}
.mGnb_al_li2.li_plus.active > a{
    color: #CD121A;
    text-decoration: underline;
}
.mGnb_al_li2.li_plus.active > a:after {
    transform: rotate(-45deg);
    background: #CD121A;
}

.mGnb_al_li2.li_plus.active > a:before {
    transform: rotate(45deg);
    background: #CD121A;
}




.mGnb_al_li2.active {}

.mGnb_al_li2>a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    border-bottom: 1px solid #E4E4E4;
    padding: 16px 0px;
}

.mGnb_al_ul3 {
    display: none;
}
.mGnb_al_li2.active .mGnb_al_ul3{/*display: block;*/}
.mGnb_al_li3 {}

.mGnb_al_li3>a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    padding: 10px 0px;
}
.mGnb_al_li3>a:before{content:'- '}
/*탑이미지*/
div#topimg {
    position: relative;
    height: 200px;
    width: 100%;
}
div#topimg .bg_color{

    position: absolute;
    top: 0;
    width: 100%;

}
div#topimg .bg_img{
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat:no-repeat;
}


div#topimg .topimg_txt{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin-top: -25px;
}
div#topimg .topimg_subj{font-size: 24px;font-weight: 700;color: #fff;}
div#topimg .topimg_location{
    font-size: 14px;
    font-weight: 400;
    color: #B7B7B7;
}
div#topimg.it_id {height: 60px;}
div#topimg.it_id .bg_img {
    background: #fff;
}
div#topimg.it_id .topimg_txt{display:none;}
/*로케*/
#location {
    background-color: rgb(51 51 51 / 0.7);
    margin-top: -50px;
    position: relative;
    height: 50px;
    z-index: 1;
}

.location_wrap {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    font-size: 0;
}

.home_btn_wrap {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
}

.home_btn {
    display: block;
    background-image: url(../img/ico/ico_home.svg);
    background-color: #C48B3A;
    width: 50px;
    height: 50px;
}

#location ul {
    display: inline-block;
    position: relative;
    border-right: 1px solid #696969;
}


#location ul:after,
#location ul:before {content:'';position:absolute;height: 1px;width: 8px;background: #fff;right: 18px;top: 25px;display: block;transition: all .2s;}

#location ul:after {
    margin-right: 1px;
    transform: rotate(45deg);
}

#location ul:before {
    transform: rotate(-45deg);
    margin-right: -5px;
}

#location ul.on:after {
    transform: rotate(-45deg);
}

#location ul.on:before {
    transform: rotate(45deg);
}





#location ul li{
    width: 220px;
    height: 50px;
    background-color: rgb(51 51 51 / 0.7);
    transition: 0.2s;
}

#location ul li a{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    display: block;
    padding: 13px 25px;
}
#location ul li.active>a,
#location ul li:hover>a{/* font-weight: 700 !important; */}
#location .location_ul {width: calc(100% - 50px);}
#location .location_ul.on .location_li{ height: 50px;}
#location .location_ul.on .location_li:not(:first-child){
    height: 30px;
}
#location .location_ul.on .location_li:not(:first-child)>a{
    padding: 3px 25px;
    font-size: 14px;
    font-weight: 400;
}
#location .location_ul2.on .location_li2{
    height: 50px;

}
#location .location_ul2.on .location_li2:not(:first-child){
    height: 30px;
}
#location .location_ul2.on .location_li2:not(:first-child)>a{
    padding: 3px 25px;
    font-size: 14px;
    font-weight: 400;

}
#location .location_ul3.on .location_li3{
    height: 50px;

}
#location .location_ul3.on .location_li3:not(:first-child){
    height: 30px;
}
#location .location_ul3.on .location_li3:not(:first-child)>a{
    padding: 3px 25px;
    font-size: 14px;
    font-weight: 400;
}
#location ul.on li:not(:first-child){background-color: rgb(51 51 51 / 0.7);}
#location ul.on li:first-child {background-color:transparent}
#location .location_li {
    height: 0;
    overflow: hidden;
    width: 100%;
}

#location .location_li.li_plus {}

#location .location_li.active {
    display: inline-block;
    /* position: relative; */
    height: 50px;
    background-color: transparent;
}

#location .location_ul2 {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 100%;
}
#location .location_li.active .location_ul2{
    display: inline-block;
}
#location .location_li2 {
    height: 0;
    overflow: hidden;
    width: 100%;
}

#location .location_li2.li_plus {}

#location .location_ul.on .location_ul2:not(.on) .location_li2.active,
#location .location_li2.active {
    background-color: transparent;
    height: 50px;
}

#location .location_ul3 {
    position: absolute;
    top: 0;
    left: 100%;
    display: none;
    width: 100%;
}
#location .location_li2.active .location_ul3{
    display: inline-block;
}
#location .location_li3 {
    height: 0;
    overflow: hidden;
    width: 100%;
}

#location .location_ul2.on .location_ul3:not(.on) .location_li3.active,
#location .location_li3.active {
    background-color: transparent;
    height: 50px;
}
#location .li_plus>a:after{content:'>'}

#location.loca_lv_1 {}

#location.loca_lv_2 {}
#location.loca_lv_2 .location_li{width:0}
#location.loca_lv_2 .location_li>a{display: none;}
#location.loca_lv_2 .location_ul2{left:0}
#location.loca_lv_2 .location_ul:before,
#location.loca_lv_2 .location_ul:after{display:none}

#location.loca_lv_3 {}
#location.loca_lv_3 .location_li{width:0}
#location.loca_lv_3 .location_li>a{display: none;}
#location.loca_lv_3 .location_ul2{left:0}
#location.loca_lv_3 .location_li2{width:0}
#location.loca_lv_3 .location_li2>a{display: none;}
#location.loca_lv_3 .location_ul3{left:0}
#location.loca_lv_3 .location_ul:before,
#location.loca_lv_3 .location_ul:after,
#location.loca_lv_3 .location_ul2:before,
#location.loca_lv_3 .location_ul2:after{display:none}

/* 중간 레이아웃 */
#wrapper {
    padding-top: 60px;
}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}

#container {/* position:relative; *//* float:left; */min-height:500px;height:auto !important;/* margin:20px 0; */height:500px;font-size:1em;/* width:930px; */zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size: 20px;margin:0 auto;font-weight: 500;margin-top: 35px;}
#container_title span {margin: 0 auto 15px;display:block;line-height:30px;}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px; padding-bottom: 40px;}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin: 0;margin-top: 40px;}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}


.latest_l {float: left;width: 100%;padding-right: 0px;}

.latest_r {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-top: 50px;
}

.container{}
.container_wr{
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 15px;
}
#contents{
    position: relative;
}

/* 하단 레이아웃 */
#ft {background: #333333;margin:0 auto;text-align:center;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1240px;margin:0;padding: 30px 0;position:relative;display:inline-block;text-align: center;}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {/* width:25%; *//* float:left; */padding: 0 28px;text-align: center;}

#ft_link {text-align:left}
#ft_link a {display: inline-block;color:#fff;line-height: 10px;font-weight: 400;font-size: 10px;padding: 0 15px;}
#ft_link a:first-child{
    padding-left: 0;
}
#ft_link a:not(:first-child){
    border-left: 1px solid #505050;
}
#ft_company h2 {font-size: 0;/* margin-bottom:20px; */display: none;}
#ft_company {color: #B7B7B7;/* line-height:2em */margin-top: 15px;font-size: 10px;font-weight: 400;}
#ft_company .ft_info div{
    display: inline-block;
}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;/* width:1200px; */margin:0 auto;color: #B7B7B7;font-size: 9px;font-weight: 200;padding: 0 28px;margin-top: 8px;}
#top_btn {position: static;margin-top: 20px;width: 150px;height: 40px;line-height: normal;border: 1px solid #333;color:#333;text-align:center;font-size: 14px;z-index:90;background: #fff;/* margin:  0 auto; */}
#top_btn:hover {}
#top_btn span{
    position: relative;
    padding-right: 15px;
}
#top_btn span:after,
#top_btn span:before {content:'';position:absolute;height: 1px;width: 6px;background: #333333;right: 0;top: 7px;display: block;}

#top_btn span:after {
    margin-right: 0px;
    transform: rotate(-45deg);
}

#top_btn span:before {
    transform: rotate(45deg);
    margin-right: -4px;
}

/* 페이징 */
.pg_wrap {clear:both;/* float:left; *//* display:inline-block; */text-align: center;margin-top: 50px;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background: #fff;border: 1px solid #E6E6E2;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color: #B7B7B7;font-size: 14px;font-weight: 400;height: 40px;line-height: 40px;padding:0 5px;min-width: 33px;text-decoration:none;border-radius:3px;margin: 0 7px;}
.pg_page:hover {background-color: #333333;color: #fff;}
.pg_start {text-indent:-999px;overflow:hidden;background: url('../img/btn_first.gif') no-repeat 50% 50% #333333;padding:0;border: 1px solid #333333;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #333333;padding:0;border:1px solid #333333}
.pg_end {text-indent:-999px;overflow:hidden;background: url('../img/btn_end.gif') no-repeat 50% 50% #333333;padding:0;border: 1px solid #333333;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #333333;padding:0;border:1px solid #333333}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color: #333333;color: #fff;}

.pg_current {display:inline-block;background: #333333;border: 1px solid #333333;color:#fff;font-size: 14px;/* font-weight:bold; */height: 40px;line-height: 40px;padding:0 10px;min-width: 33px;border-radius:3px;margin: 0 7px;}

/*main_slide{*/
.main_slide {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 425px;
}
.swiper-wrapper{max-height: 450px;}
.main_slide .swiper-slide {
    position: relative;
    background-position: center;
    background-size: auto 400px;
    background-repeat: no-repeat;
    height: 400px;
}

.swiper-slide img {width:100%}

.slide-text {
    position: absolute;
    left: 50%;
    margin-left: 0;
    bottom: 50%;
    padding-left: 0;
    text-align: center;
    transform: translate(-50%, 50%);
}

.slide-text-img {
    width: 76px;
    height: 75px;
    position: relative;
    left: 0;
    top: 0;
    margin: 0 auto;
}

.slide-text-img img {
    width: 76px;
    height: 75px;
}

.slide-text-wrap {
    white-space: nowrap;
}

.slide-text-txt1 {font-size: 32px;font-weight: 200;color: #fff;line-height: 40px;}

.slide-text-txt2 {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    line-height: 40px;
}

.swiper-controller {
    font-size: 0;
    background-color: #CD121A;
    position: absolute;
    bottom: 0px;
    right: 15px;
    left: 15px;
    /* transform: translate(50%, 0px); */
    margin-right: 0;
    z-index: 1;
    width: auto;
}

.swiper-controller > div {
    display: inline-block;
    vertical-align: bottom;
    height: 50px;
    min-width: 50px;
    position: static;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.swiper-controller > div:after{display:none}
.swiper-controller > div:first-child{
    padding: 15px 19px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    width: calc(100% - 150px);
    text-align: center;
}
.swiper-controller > div>img{
    transform: translate(-3px, -2px);
}
.swiper-controller > div:not(:first-child):before {/* content:''; */}

.swiper-controller .swiper-button-prev {background-image: url(../img/ico/ico_prev.svg);}

.swiper-controller .swiper-button-next {background-image: url(../img/ico/ico_next.svg);}

.swiper-controller .swiper-button-play {background-image: url(../img/ico/ico_play.svg);display: none;}

.swiper-controller .swiper-button-pause {background-image: url(../img/ico/ico_pause.svg);}


/*link_panel*/
.link_panel {
    margin-top: 20px;
}

.link_panel_wrap {}

.link_panel_ul {
    border-radius: 0;
}

.link_panel_li {
    display: block;
    width: 100%;
    padding: 0;
    margin-top: 10px;
    border-radius: 4px;
}

.link_panel_li_ {
    padding: 12px 25px;
}
.link_panel_li:not(:first-child) .link_panel_li_:before{content:'';position: absolute;width: 1px;height: 100%;background-color: #505050;left: 0;top: 0;}
.link_panel_subj {font-size: 14px;}

.link_panel_href {
    font-size: 9px;
}























}