header{padding: 5px 20px;}
header nav{position: fixed; right:0; top: 60px; background: #f5f5f5; height: 100vh; z-index: 99999; width: 200px; padding: 20px 20px 50px; transform:translate(100%); transition:all 0.3s;}
header nav > ul {display: block; overflow-y: auto; overflow-x: hidden; max-height:100%}
header nav > ul > li > a {line-height: normal;padding: 0px 0px; font-size: 17px; text-align: left; font-weight: 500;}
header nav > ul > li > ul {display: block !important; border-left: 0px; padding-top: 0px; position: relative; top: auto; width: 100%; height: auto; margin: 10px 5px 30px;}
header nav > ul > li > ul li{display: flex; align-items: center; gap: 5px;}
header nav > ul > li > ul li:before{content:""; width: 3px; height: 3px; display: block; background: #999; border-radius:50%;}
header nav > ul > li > ul a {font-size: 14px;display: block;color: #000;padding: 5px 0;text-align: left;}

header nav a{color: #000;}
header nav > ul > li:after{display: none;}

header h1 a img {max-width: 130px;}
header #tnb .mb_status a.flex{display: flex; gap:5px}

header.active{background: #fff;}
header.active nav{transform:translate(0%);}
header.active .m_menu a span:nth-child(1) {transform: rotate(45deg) translate(5px, 0px);}
header.active .m_menu a span:nth-child(3) {transform: rotate(-45deg) translate(2px, 0px);}
header .hd_bg.active{display: none;}

.m_menu span{height: 2px; width: 28px;}



section .wrap{padding: 0 20px;}

#main_banner {height: auto;}
#main_banner video {padding-top: 0;top: 20px;height: auto;}




.schedule .wrap{display: block;}

.schedule .scd {width: auto;}

.link {width: auto;}
.link li{align-items: flex-start;}
.link li:last-child {text-align: left; flex-direction: row;}


.link .icon i{width: 100px; height: 100px; display: block; padding: 20px;}


.link .txt h3 {font-size: 19px;}
.link .txt p {font-size: 14px; }
.link .txt p br{display: none;}

.bbs_wrap .wrap{display: block;}
.bbs_wrap .wrap > div{width: auto; margin-bottom: 50px;}


.bbs_wrap .notice > div {border: 1px solid #e1e1e1;padding: 20px;min-height: auto;}

.bbs_wrap .notice ul li a{width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bbs_wrap .notice ul li a {line-height: 35px;font-size: 14px;font-weight: 500;}
.main_section h2 {font-size: 19px;font-weight: 600;}


.eq_cp .allwrap {display: block;}
.eq_cp .allwrap > div{width: auto; padding: 50px 20px;}
.eq_cp .allwrap > div h2 {font-size: 19px;font-weight: 600;}


.eq_cp .eq_stats{justify-content: center;}
.eq_cp .eq_stats > div:first-child {margin-bottom: 70px;}
.eq_cp .eq_stats ul li i {width: 100px;height: 100px;padding: 20px;}


.eq_cp .company .normal_bbs {min-height: auto;}
.eq_cp .company .normal_bbs ul li a{width: 50%;}
.eq_cp .company .normal_bbs ul li span{text-align: right;}
.eq_cp .company .half-wrap{max-width:none}

#ft{margin-top: 0;}
#ft_link ul{margin-top: 20px; flex-direction: column;}
#ft_link ul li a{padding-left: 0;}
#ft #ft_wr .flex{display: block;}
.ft-copy {margin: 20px 0px;}





#sub_wrap{padding: 0 20px 30px;}

header.sub .hd_bg{display: none;}

.sub-navigator {padding: 40px 20px 40px;margin-bottom: 50px; margin: 50px auto;}
.sub-navigator .navi {margin-bottom: 0;}
.sub-navigator h2 {font-size: 35px;}
.sub-navigator .navi ul li a {font-size: 14px;}

.greeting pre b {font-size: 20px;}


.overview .swiper-tab { top: 50px; margin-top: 50px;margin-bottom: 20px;}
.overview .swiper-tab ul{gap:5px; overflow-x: auto; padding-bottom: 10px;}
.overview .swiper-tab ul li a{padding: 5px 5px;border-radius: 10px;font-size: 15px; white-space: nowrap;}

.overview .dx-section {margin-bottom: 70px; padding-top: 50px; padding-bottom: 0;}
.overview .dx-section .title {font-size: 19px;padding: 10px 20px;}
.overview .dx-section .article{display: block;}
.overview .dx-section .article .txt {width: auto; padding: 15px 20px; margin-bottom: 10px;}

.overview .dx-section .article .txt li {margin-bottom: 20px;}
.overview .dx-section .article .txt p{font-size: 17px; margin-bottom: 5px;}
.overview .dx-section .article .txt span{font-size: 15px;}

.org .subtitle{padding: 10px;}
.org .subtitle:before{display: none;}
.org .subtitle:after{display: none;}

.sideteam {right: 0;top: 100px;}
.sideteam:before{display: none;}

.org-chart {grid-template-columns: auto;}
.org-chart .department {margin-top: 0px; padding: 10px;}
.org-chart .department:before{display: none;}
.org-chart .department > p{padding: 5px; margin-bottom: 5px;}
.org-chart .department ul{padding: 10px;}
.org-chart .department ul li{margin: 5px 0;}


.root_daum_roughmap_landing{width: auto !important;}
.root_daum_roughmap .wrap_map{height: 300px !important;}

.location .info {padding: 15px;}
.location .info p:first-child {font-size: 15px;font-weight: 500;}

.traffic .at {padding: 20px 0;}
.filter{padding: 0; margin-bottom: 20px;}
.filter ul li.search-btn{margin-left: 0;}
.filter ul li.search-btn .flex > span:nth-child(1){display: none;}

.gal-bd ul {grid-template-columns: repeat(2, 1fr); gap: 20px 10px;}
.gal-bd .txt {padding: 5px;}
.gal-bd .txt p{font-size: 15px;}

.gal-view .top-box{display: block; padding: 20px 0;}
.gal-view .thum {width: auto;}
.gal-view .txt {width: auto;padding: 10px 0;}
.gal-view .txt h3 {font-size: 19px;font-weight: 600;}
.gal-view .txt em {font-size: 13px;font-style: normal;}

.gal-view .info dl dt {width: 40%;}
.gal-view .info dl dt, .gal-view .info dl dd {padding: 5px 5px;}

.detail{display: block;}
.detail .info {margin-bottom: 20px;width: auto;}
.detail .info {border: 1px solid #e1e1e1;padding: 15px;border-radius: 15px;}
.detail .info p {font-size: 19px;font-weight: 600;padding-bottom: 10px;}

.gal-view .info dl {display: block;padding: 5px 0;}
.gal-view .detail .info dl dt {width: 50%;font-weight: 600;padding-bottom: 0;}
.gal-view .detail .info dl dd{width: auto;}


.write-equip .top-box{display: block;}
.write-equip .top-box .thum {width: auto;}
.write-equip .top-box .txt {width: auto;}
.write-equip .top-box .info dl dt {width: 40%;}

.write-equip .top-box .txt h3 {font-size: 19px;font-weight: 600;}
.write-equip .top-box .txt em{font-size: 13px;}
.write-equip .form .multi ul {flex-wrap: wrap;}


.sub-txt{font-size: 15px; margin-top: 0;}


.process {margin: 100px 0 50px;}
.process > ul{    flex-wrap: wrap;}
.process > ul > li i {display: block;width: 100px;height: 100px;padding: 20px;}
.eq_stats .allwrap {display: block;}
.eq_stats .allwrap > div {width: auto;padding: 20px 20px;}

.eq_stats .allwrap > div h2 {font-size: 19px;font-weight: 600;}

.guide .eq_stats2 ul li i {
	width: auto;
	height: auto;
    padding: 25px;
}
.guide .eq_stats2 > div:first-child {
    margin-bottom: 50px;
}
.status .scd-hd{flex-wrap: wrap;}

.status .scd-hd .month{margin-bottom: 20px;justify-content: center; width: 100%;}
.status .scd-bd .days ul li {
    height: 80px;
}
.status .scd-bd li {
    padding: 5px 5px;
}
.status .scd-bd li p{font-size:11px;}
.scd-bd ul li.today p{width: 20px; height: 20px; line-height: 20px;}

.status-icon ul {
     gap: 0 10px;
}
.status-icon ul li {
    padding: 10px;
}

.status-icon ul li u {
    width: 10px;
    height: 10px;
}
.status-icon ul li div {
    margin-bottom: 5px;
}
.status-icon ul li p {
    color: #777;
    padding-left: 10px;
}

#normal_list .list-box{overflow-x:auto;}
#normal_list .list-box ul li {flex-wrap: wrap; border-bottom: 1px solid #e1e1e1; padding: 5px;     flex-direction: column; position: relative; padding-left: 30px;}
#normal_list .list-box ul.list-hd{display: none;}
#normal_list .list-box ul.list-bd li div.subject h3{font-size: 17px; font-weight: 600;}
#normal_list .list-box ul li div {border-bottom:0px solid #e1e1e1;text-align: left;padding: 0px;flex: 1;white-space: nowrap;width: auto !important;}
#normal_list .list-box ul li div.no {font-weight: 700;position: absolute;left: 0;background: #000;color: #fff;padding: 2px 5px;}
#normal_list .list-box ul li div u {font-size: 11px;line-height: 25px;padding: 0 5px;}
#normal_list .list-box ul li div.status {margin-top: 0;position: absolute;right: 10px;top: 10px;}
#normal_list .list-box ul li div.set {position: absolute;right: 10px;bottom: 5px;min-width: auto;font-size:11px;}
#normal_list .list-box ul li div.set a{height: 25px;}




.class-view{padding: 0 20px;}
.class-view > div {display: block;}
.class-view .thum {width: auto; margin-bottom: 20px;}
.class-view .txt {width: auto;}



.reservation-btn a.reserv{padding: 0 20px;}

#management .contents-hd {
    padding: 0 10px 10px;
}
.form-section {
    margin-bottom: 50px;
    border: 1px solid #e1e1e1;
    padding: 10px;
}

.form-section .section-title {
    font-size: 19px;
}
.form-section .section-title {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}

.eden_form_type2 label.label_name {
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
    color: #202842;
    font-weight: 500;
    height: auto;
    letter-spacing: -1px;
    min-height: 20px;
}


.eden_form_type2 {
    padding: 10px;
}
.sign-box {
    padding: 0 10px;
}
.sign-box strong {
    font-size: 16px;
}
.e-form-hd h3 {
    font-size: 15px;
}


.tab-cont{min-height:100px; padding: 10px 0;}
#bo_v header{background: none;}
.write-equip .form.section{padding: 10px;}

.card-list ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px 20px;
}
.bo_tit {
    min-width: 200px;
}

.bo_v_file_cnt{position: relative;}

#bo_v {
    position: relative;
    z-index: 9;
}
.main_ban .flex{    flex-wrap: wrap;}
.main_ban  li{width: calc(50% - 10px);}
.bbs_wrap .resources > div{min-height:auto}