@media all and (max-width: 1600px){
    #hd_wrapper,
    #ft_link,
    .width-fixed{width:calc(100% - 20px);}
    #hd_wrapper{padding:0;}
    .all_menu > ul{width:100%;}

    #gnb .gnb_1dli + .gnb_1dli{margin-left:50px;}

    .main_top{height:100vh;}
    .main_top #main_slide .item{height:100vh;}
}
@media all and (max-width: 1400px){
    #gnb .gnb_1dli + .gnb_1dli{margin-left:30px;}
    #gnb .gnb_1dli.last{margin-left:2px;}

    .gallery_wrap .pic_lt2 li .lt_img{height:17vw;}
}
@media all and (max-width: 1200px){
    .width-fixed.board{width:calc(100% - 20px);}
    .history_list{width:100%;}
    #hd{padding:15px 0;border-bottom:1px solid #eee;}
    #hd_wrapper{margin-top:0;}
    #logo{margin-top:0;}
    .gnb_wrap{display:none;}
    #hd > .width-fixed{display:none;}
    .mobile_btn{display:block;cursor: pointer}

    .m_all_menu .close{position:absolute;right:-50px;width:50px;height:40px;top:20px;transition: all .4s .4s;cursor: pointer}
    .m_all_menu.active .close{right:470px;}
    .m_all_menu .close span{position:absolute;left:50%;top:50%;background:#fff;display:block;width:110%;height:2px;}
    .m_all_menu .close span:first-child{transform:translate(-50%,-50%) rotate(-45deg)}
    .m_all_menu .close span:last-child{transform:translate(-50%,-50%) rotate(45deg)}
    .m_all_menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:rgba(0,0,0,.6);opacity: 0;transition: all .4s ;display:block;}
    .m_all_menu.active{opacity: 1;z-index: 999999}
    .m_all_menu .mm {width:460px;position:absolute;right:-100%;background:#fff;height:100vh;top:0;transition: all .4s .4s;overflow-y: auto}
    .m_all_menu.active .mm {right:0;}
    .m_all_menu .mm > ul {display:block;}
    .m_all_menu .mm > ul > li{width:100%;}
    .m_all_menu .mm > ul > li > a{font-size:1.75em;padding:22px 15px;border-bottom:1px solid #ddd;display:block;position:relative;background:#393B5C;color:#fff;}
    .m_all_menu .mm > ul > li > a:after{content:"";background:url('../img/hd_ic_link.svg')center / contain no-repeat;width:1.5em;position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(90deg);display:block;height:1em;}
    .m_all_menu .mm > ul > li > span{font-size:1.75em;padding:22px 15px;border-bottom:1px solid #ddd;display:block;position:relative;}
    .m_all_menu .mm > ul > li > span:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(90deg);width:1.3em;height:1.3em;background:url('../img/btn_next.svg') center / contain no-repeat;transition: all .4s;}
    .m_all_menu .mm > ul > li.active > span:after{transform:translateY(-50%) rotate(-90deg);}
    .m_all_menu .mm > ul > li > div {display:none;}
    .m_all_menu .mm > ul > li > div > ul > li{font-size:1.5em;padding:15px;background:#eee;border-bottom:1px dashed #fff;}
    .m_all_menu .mm > ul > li > div > ul > li:last-child{border-bottom:0;}

    .logins ul {display:flex;align-items: center}
    .logins ul li{width:100%;border-bottom:1px solid #ddd;text-align: center;}
    .logins ul li a{width:100%;display: block;padding:15px 0;font-size:1.3em;}
    .logins ul li + li{border-left:1px solid #ddd;}

    .sub_top{margin-top:77px;}


    .main_event,
    .main_gallery,
    .latest{padding:80px 0;}

    .register{padding-top:150px;}
    .mbskin.find {width:calc(100% - 20px);padding-top:20px;}
    .mbskin.find .mbskin_box{width:calc(50% - 20px);padding:50px 30px;}
    .mbskin.find #login_fs{width:100%;}

    .greeting_top{height:40vw;padding:0 10vw}
    .greeting_top .txt h5{font-size:3vw;}
    .greeting_top .txt div{font-size:1vw;margin-top:5vw}


    .introduce_btm{display:block;}
    .introduce_btm .left{width:100%;}
    .introduce_btm .right{width:100%;margin-top:20px;}

    .years{width:200px;top:100px;}
    .his_list{width:calc(100% - 200px);}
    .his_list > div > div > h3{width:180px;}
    .his_list > div > div > div{width:calc(100% - 180px);}

    .award_box{gap:30px;}
    .award_box div{width:calc(50% - 15px);font-size:0.85em;}
    .award_box table tr th{padding:10px 4px;}

    .contact_wrap .map_info{font-size:0.8em;}

    .member_top{gap:100px;}
    .member_top .img{width:40%;height:55vw;}
    .member_top .txt{width:60%;}

    .academy_btm .profile_wrap{gap:120px;}

    #bo_gall .gall_img{height:31vw;}
    #bo_gall.gall2 .gall_img{height:17vw;}

    .related_wrap .item .img{height:16vw}



    .chairmen_wrap table tr th{font-size:1.5em;padding:1em 0.6em;}
    .chairmen_wrap table tr td{padding:2em 0.5em;}
}
@media all and (max-width: 960px){
    #ft_wr .ft_cnt{justify-content: center;padding:20px 0;}
    #ft_company > div{display:block;text-align: center}
    .ft_logo{margin:0 auto 30px auto;}
    body{font-size:0.7em;}

    .sub_container{padding-top:70px;}
    .sub_top{height:160px;}

    .main_top{height:80vw;}
    .main_top #main_slide .item{height:80vw;}

    .scrolling{display:none;}

    .lat ul{min-height:212px;}
    .lat li{padding:10px;}
    .pic_lt2 ul{gap:20px;grid-template-columns: 1fr 1fr;}
    .pic_lt2 li{width:100%;}
    .pic_lt2 li a{margin-top:0.6em;}
    .pic_lt li a{margin-top:0.6em;}

    .pic_lt ul{grid-template-columns: 1fr 1fr;gap:20px;}

    .register_form_inner{padding:3em;}

    .introduce_top{height:30vw;width:100%;background:url('../img/introduce_img.jpg') center / cover no-repeat;}
    .introduce_top img{display: none;}
    .introduce_btm{margin-top:40px;}

    .history_top{height:30vw;width:100%;background:url('../img/history_img.jpg') center / cover no-repeat;}
    .history_top img{display:none;}

    .years{width:160px;top:100px;}
    .his_list{width:calc(100% - 160px);}
    .his_list > div > div > h3{width:120px;}
    .his_list > div > div > div{width:calc(100% - 120px);}

    .contact_wrap .map{height:50vw;}

    .contact_wrap .map_info{display:block;font-size:1em;}
    .contact_wrap .map_info > div:first-child{padding:6px 0;}
    .contact_wrap .map_info > div:last-child{display:block;}
    .contact_wrap .map_info > div:last-child > div{padding:6px 0;}

    .member_top{gap:60px;}

    .event_wrap .event_imgs{gap:20px}
    .academy_btm{display:block;height:100%;}
    .academy_btm .profile_wrap{gap:50px;}
    .academy_btm .profile_wrap > div.profile{position:sticky;top:100px;width:280px;}
    .academy_btm .profile_wrap > div.profile_list{display:block;width:calc(100% - 280px);}
    .academy_btm .profile_wrap > div.profile_list > div{width:100%;}
    .academy_btm .profile_wrap > div.profile_list > div + div{margin-top:30px;}
    .academy_btm .profile_wrap > div.profile_list > div ul + h6{margin-top:30px;}

    .related_wrap {grid-template-columns: 1fr 1fr;}
    .related_wrap .item .img{height:30vw;}
    .related_wrap .item .txt span:first-child{width:70%;overflow-x: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}

    .chairmen_wrap table{display:none;}
    .chairmen_wrap .chairmen_mobile{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:20px;}
    .chairmen_wrap .chairmen_mobile .item{padding:20px;border:1px solid #ddd;}
    .chairmen_wrap .chairmen_mobile .item .img img{margin:0 auto;display: block;}
    .chairmen_wrap .chairmen_mobile .item .img span{font-size:1.4em;text-align: center;display:block;margin-top:10px;}
    .chairmen_wrap .chairmen_mobile .item .txt {margin-top:20px;}
    .chairmen_wrap .chairmen_mobile .item .txt div + div{margin-top:10px;padding-top:10px;border-top:1px dashed #ddd;}
    .chairmen_wrap .chairmen_mobile .item .txt div h5{font-size:1.5em;margin-bottom:10px;color:#7D2428}
    .chairmen_wrap .chairmen_mobile .item .txt div ul li{font-size:1.45em;word-break: keep-all;padding-left:15px;text-indent: -12px;line-height: 1.5}

    .gallery_wrap .pic_lt2 li .lt_img{height:30vw;}
}
@media all and (max-width: 720px){
    .main_event,
    .main_gallery,
    .latest{padding:60px 0;}

    .lat ul{min-height:19em;}
    .main_latest{display:block;}
    .main_latest .lat{width:100%;}
    .main_latest .lat + .lat{margin-top:50px;}

    .register_form_inner ul{display:block;}
    .register_form_inner ul li:not(:first-child):nth-child(odd){margin-top:15px;}
    .register_form_inner ul li:nth-child(even) {font-size:1.2em;margin-top:5px;}

    .mbskin.find > div {display:block;}
    .mbskin.find .mbskin_box{width:100%;padding:4em 2.5em;}
    .mbskin.find .mbskin_box + .mbskin_box{margin-top:50px;}

    .greeting_btm p br:not(.m){display:none;}

    .sub_container{padding:60px 0;}

    .history_list{display: block;padding-top:60px;}
    .years{background:#fff;width:100%;z-index: 10;top:78px;border-bottom:1px solid #ddd;}
    .years ul{display:flex;gap:5px;}
    .years ul li{width:25%;text-align: center}
    .years ul li:hover, .years ul li.active{font-size:2em;}
    .his_list {margin-top:50px;width:100%;}
    .his_list > div > div{display:block;}
    .his_list > div > div > h3{width:100%;text-align: left}
    .his_list > div > div > div{width:100%;margin-top:15px;}

    .bi_top{height:44vw;min-height:180px;}
    .bi_top img{width:70%;min-width:300px;}

    .award_box{gap:0;}
    .award_box div{width:100%;}

    .award_box div table {table-layout: fixed}
    .award_box div + div table tr:first-child{display:none;}

    .award_box + .award_box{margin-top:40px;}
    .contact_wrap .map_info{font-size:0.85em;}

    .member_top{display:block;}
    .member_top:before{width:120%;top:100px;height:calc(100% - 120px);left:50%;transform:translateX(-50%);}

    .member_top .img{margin:0 auto 30px auto;width:55%;height:75vw;}
    .member_top .txt{text-align: center;width:100%;}
    .member_top .txt p br:not(.m){display:none;}

    .sub_container .in_sub{margin-bottom:30px;}
    .sub_container .in_sub h4{font-size:3em;}

    .event_wrap .event_imgs{display:none;}
    .event_wrap #event_slide{display:block;}
    #event_slide .owl-dots {position:absolute;bottom:10px;left:50%;transform:translateX(-50%);}
    #event_slide .owl-dots .owl-dot{display:inline-block;vertical-align: middle;width:25px;height:2px;background:#fff;}
    #event_slide .owl-dots .owl-dot + .owl-dot{margin-left:10px;}
    #event_slide .owl-dots .owl-dot.active{background:#7D2428;}

    .academy_btm{margin-top:50px;}
    .academy_btm .profile_wrap{gap:50px;}
    .academy_btm .profile_wrap > div.profile{width:200px;}
    .academy_btm .profile_wrap > div.profile_list{width:calc(100% - 200px)}

    .academy_top div ul li{display:block;}
    .academy_top div ul li span:first-child{border-radius: 10px 10px 0 0 ;width:100%;text-align: center}
    .academy_top div ul li span:last-child{border-radius: 0 0 10px 10px ;width:100%;text-align: center;display: block;border-top:2px dashed #ddd;}

    .td_hidden{display:none;}

    #bo_gall #gall_ul{grid-template-columns: 1fr 1fr 1fr;gap:20px;}
    #bo_gall .gall_img{height:40vw}
    #bo_gall.gall2 .gall_img{height:23vw}


    .chairmen_wrap .chairmen_mobile{grid-template-columns: 1fr 1fr;}

}
@media all and (max-width: 560px){
    body{font-size:0.65em;}
    .mobile_btn{height:36px;width:40px;}
    #logo img{width:250px;}
    .sub_top{margin-top:67.38px;}

    .sub_menu > .width-fixed{width:100%;}
    .navis > div:nth-child(2){display: none;}
    .navis > div:last-child{width:calc(100% - 50px);position:unset;}
    .navis > div > span{border-right:0;font-size:1.6em;line-height: 50px;}
    .navis > div ul{left:0;border-top:0;}

    #ft_wr .ft_cnt{gap:5px;}
    #ft_link a + a{padding-left:5px;}

    .ft_logo{width:55%;min-width:200px;}

    .register{padding-top:120px;}
    .mbskin.find{padding-top:0;}
    .m_all_menu.active .close{right:calc(80% + 5px);width:40px;height:36px;top:10px;}
    .m_all_menu .mm{width:80%;}
    .m_all_menu .mm > ul > li > span{padding:15px;font-size:1.7em;}

    .introduce_btm .right br:not(.m){display:none;}
    .introduce_top{height:50vw;}

    .history_list{padding-top:20px;}
    .history_top{height:50vw;}
    .years{top:67.38px;}

    .years ul li{font-size:1.67em;}
    .years ul li:hover, .years ul li.active{font-size:1.67em;}

    .his_list{margin-top:20px;}

    .bi_desc > div + div{margin-top:30px;}

    #bo_v_title .bo_v_tit{font-size:2.6em;}

    #bo_gall #gall_ul{grid-template-columns: 1fr 1fr ;gap:20px 40px;}
    #bo_gall.gall2 #gall_ul{grid-template-columns: 1fr 1fr ;gap:20px 20px;}
    #bo_gall .gall_img{height:61vw;}
    #bo_gall.gall2 .gall_img{height:33vw;}

    .chairmen_wrap .chairmen_mobile{grid-template-columns: 1fr;}
}
@media all and (max-width: 480px){
    body{font-size:0.6em;}
    .mbskin{width:100%;}
    #login_fs{width: calc(100% - 20px);margin: 0 auto;}
    .fregister_agree input[type="checkbox"] + label b{display:none;}

    .register .btn_confirm{display:block;}
    .register .btn_confirm .btn_close,
    .register .btn_confirm .btn_leave,
    .register .btn_confirm .btn_submit{width:100%;margin-bottom:5px;}

    .register_form_inner{padding:1.7em}

    .bi_desc > div > div{}
    .bi_desc > div > div .box{width:15px;height:50px}
    .bi_desc > div > div .txt{width:calc(100% - 35px);}
    .bi_desc > div > div .txt > div strong{width:60px;}
    .bi_desc > div > div .txt > div span{}

    .bi_desc > div p br{display:none;}
    .contact_wrap .map_info > div{display:block;}
    .contact_wrap .map_info > div > div{display:block;}
    .contact_wrap .map_info > div strong{display:block;width:100%;}
    .contact_wrap .map_info > div span{display:block;width:100%;margin-top:6px;}

    .sub_top{height:120px;}
    .sub_top .sub_tit h2{font-size:3em;}

    .academy_btm .profile_wrap{display:block;}
    .academy_btm .profile_wrap > div.profile{margin:0 auto;}
    .academy_btm .profile_wrap > div.profile_list{width:100%;margin-top:30px;}

    .bo_sch_wrap{margin:0 }
    .bo_sch form > div{display:grid;grid-template-columns: 1fr 4fr;}
    .bo_sch .sch_bar{display:flex;}
    .bo_sch select{height:35px;}
    .bo_sch .sch_btn{width:80px;height:35px;}
    .bo_sch .sch_input{width:calc(100% - 80px);height:35px;}

    .bo_v_info{gap:6px;}

    .pic_lt2 ul{grid-template-columns: 1fr;}
    .gallery_wrap .pic_lt2 li .lt_img{height:60vw}
}
@media all and (max-width: 414px){
    #ft_wr .ft_cnt{padding:1.5em;}
    #ft_wr .ft_cnt a{font-size:1.1em;}

    #logo img{width:200px;}
    .mobile_btn{height:30px;width:36px;}

    .register{padding-top:100px;}

    .sub_top{margin-top:60.09px;}
    .years{top:60.09px;}

    .years ul li{overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all}
    .bi_top{min-height:120px;}
    .bi_top img{min-width:240px;}
}