@media all and (max-width: 1600px){
    .width-fixed{width:90%}
    #hd_wrapper{width:90%}
    .main_bottom_menu{width:90%}
    #gnb .gnb_wrap{width:90%}
}

@media all and (max-width: 1200px){
    #hd, #wrapper, #ft{min-width:inherit;}
    #ft_wr{width:100%;}
    #ft_copy{width:100%;}
    .width-fixed{width:calc(100% - 20px)}
    #hd_wrapper{width:100%;}
    .top_menu{left:15px;}
    .hd_login{right:15px;}
    .main_bottom_menu{width:100%;}
    #gnb .gnb_wrap{width:100%;}
    .all_menu .gnb_al_ul{width:100%;}

    .owl-carousel#mainSlide .owl-nav button.owl-next{}
    .owl-carousel#mainSlide .owl-nav button.owl-prev{}

    .main_board .left{width:calc(100% - (300px + 2%));margin-right:2%;}
    .main_board .right{width:300px;}
    .tab_con{min-height:0;}
    #photo_slide .item .img{height:260px;}
    #photo_slide .owl-dots {width:70%;}
    #photo_slide .owl-dots .owl-dot {width:calc((100% / 10) - 2px);margin:0 1px ;}
    #photo_slide .owl-dots .owl-dot span{width:100%;}

    .board_con{height:auto;min-height:150px;}
    .board_con h2{font-size:20px;}

    .board_list {padding:0 10px;}
    .board_list div{padding:4px 0;width:100%;}
    .board_list div span{font-size:15px;}
    .board_tab_left li{font-size:16px;}

    .info_wr{}
    .info_wr:after {content:"";clear:both;display:block;}
    .info_wr > div{text-align: left;}
    .info_wr > div > div.text h2{text-align: left;font-size:18px;}
    .info_wr > div > div.text p{text-align: left;font-size:14px;}
    .info_wr > div > div.text p.point_all{text-align: left;font-size:14px;}
    .info_wr > div:first-child{width:33.33%;}
    .info_wr > div:nth-child(2){width:33.33%;}
    .info_wr > div:last-child{width:calc(33.33% - 30px);}

    .info_wr > div.schedule .top h2{font-size:20px;}
    .info_wr > div.schedule .week{padding:10px ;}
    .info_wr > div.schedule .week > div h2 span{font-size:16px;}
    .info_wr > div.schedule .week > div h2.today:after{width:30px;height:30px;}

    .group_list .top {padding:15px;}
    .group_list .top h2{font-size:24px;}
    .group_list .top h1{font-size:18px;}
    .group_list .top h2 span{font-size:26px;}
    .group_list .top:after{opacity: 0;display:none;}
    .group_list .top div:last-child {position: relative;bottom:inherit;right:inherit;}
    .group_list .top div:last-child span{color:#8b3888;font-size:18px;}
}

@media all and (max-width:960px){
    #gnb{display:none;}
    #hd_wrapper{height:80px;}
    #logo{width:40%;background:url('../img/logo.jpg')center / contain no-repeat;left:15px;-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}
    .hd_login{display:none;}
    #hd{background:#fff;position: relative;}
    .top_menu {right:15px;left:inherit}
    .top_menu span{background:#000;}
    .all_menu > div.menu{background:#fff;height:100%;position:fixed;left:-100%;top:0;width:80%;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
    .all_menu.active > div.menu{left:0;}
    .all_menu .gnb_al_ul{width:100%;position: relative;top:inherit;left:inherit;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    .all_menu .gnb_al_ul li{width:100%;margin:0;padding:0;border-left:none;}
    .all_menu .gnb_al_ul li div{font-size:20px;color:#000;border-bottom:1px solid #ddd;padding:15px;margin:0;position: relative;}
    .all_menu .gnb_al_ul li div:after{content:"";position: absolute;top:50%;right:15px;width:20px;height:40px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);background:url('../img/arrow_icon.png')center / contain no-repeat;}
    .all_menu .gnb_al_ul li.active div:after{-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);}
    .all_menu .gnb_al_ul li > ul {display:none;}
    .all_menu .gnb_al_ul li.active > ul {display:block;}
    .all_menu .gnb_al_ul li.active > ul li {padding:0;border-bottom:1px solid #ddd;background:#eee;}
    .all_menu .gnb_al_ul li.active > ul li a{padding:15px;font-size:20px;color:#000;font-weight: normal;display:block;width: 100%;}

    .all_menu .close{right:inherit;left:-80px;top:8px;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
    .all_menu.active .close{right:inherit;left:calc(80% + 10px);}
    .all_menu .mobile_login{display:inline-block;border-bottom:1px solid #ddd;background:#eee;padding: 20px 0;width: 100%;}
    .all_menu .mobile_login .hd_login{display:block;position: relative;top:inherit;left:inherit;right:inherit;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    .all_menu .mobile_login .hd_login li a{font-size:17px !important;color:#000 !important;}

    #mainSlide{height:70vw}
    .owl-carousel#mainSlide .owl-nav{display:none;}
    .owl-carousel#mainSlide .wrap{width:100%;padding:0 15px;}
    .owl-carousel#mainSlide .item .img{height:70vw;}

    .owl-carousel#mainSlide .owl-dots{bottom:15px;left:50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
    .owl-carousel#mainSlide .owl-dots .owl-dot{width:4vw;}

    .owl-carousel#mainSlide .item .text h2{font-size:30px;}
    .owl-carousel#mainSlide .item .text h1{font-size:32px;}
    .owl-carousel#mainSlide .item .text button{font-size:15px;}

    .lat li {font-size:16px;}
    .main_bottom_menu{width:100%;height:auto;left:unset;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;bottom:unset;position:relative;}
    .main_bottom_menu .slide_notice{display:none}
    .main_bottom_menu .slide_pop{display:none}
    .main_bottom_menu .notice_latest, .main_bottom_menu .popup_latest{width:100%;display:block;position:relative;float:none;}
    .main_bottom_menu .notice_latest{background-color:#fff;}
    .main_bottom_menu .popup_latest{background-color:#818181;}
    .lat,.lat2{margin-bottom:0;}
    .main_bottom_menu .show_btn{display:none;}

    .main_board{padding:5vw 0;}
    .main_info{padding:5vw 0;}
    .main_favo{padding:5vw 0}

    .info_wr > div:first-child{width:calc(50% - 4px);margin-bottom:30px;}
    .info_wr > div:nth-child(2){width:calc(50% - 4px);margin-bottom:30px;}
    .info_wr > div:last-child{width:100%;}

    #main_favo .item .img{height:80px}
    #ft{padding:5vw 0;}

    .lnb{display:none}
    .content_wr{width:100%;margin-left: 0;padding: 0;}

}

@media all and (max-width:720px){
    .modal > div{width:calc(100% - 20px);}


    #hd_wrapper{height:14vw;}
    .main_board .left{width:calc(100%);margin-right:0;margin-bottom:10px;}
    .main_board .right{width:calc(100%);}
    .board_con{height:auto;min-height:120px;}
    .board_con h2{font-size:16px;}
    .board_con div{font-size:14px;}
    .board_list div span{font-size:14px;}
    .board_list div span:last-child{font-size:14px;}

    #photo_slide .item .img{height:240px;}


    .info_wr > div:first-child{width:100%;margin-bottom:30px;zoom:0.9}
    .info_wr > div:nth-child(2){width:100%;margin-bottom:30px;zoom:0.9}
    .info_wr > div:last-child{width:100%;}

    .owl-carousel#mainSlide .item .text h2{font-size:22px;}
    .owl-carousel#mainSlide .item .text h1{font-size:24px;}

    #ft_wr ul li{font-size:12px;margin:0 1vw;}
    #ft_copy{font-size:12px;}

    .lat li a{font-size:15px;}
    .lat2 li a{font-size:15px;}

    .greeting .bg{display:none;}
    .greeting p{margin:0;width:100%;}
    .greeting h1 br{display:none;}

    .sub_tit{padding-bottom:15px;}
    .sub_tit h2{font-size:24px;}
    .board_tit {padding-bottom:15px;}
    .board_tit h2{font-size:24px}
    .group_list .groups{padding-top:15px;}

    .history_wrap:before{left:10px;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
    .history_wrap .gr_1{width:100%;text-align:left;padding:0;margin-left:0;padding-left:70px;}
    .history_wrap .gr_1:after{left:0;right:inherit;}
    .history_wrap .gr_1:before{right:inherit;left:0;}
    .history_wrap .gr_0{width:100%;text-align:left;padding:0;margin-left:0;padding-left:70px;}
    .history_wrap .gr_0:after{left:0;right:inherit;}

    .history_wrap li strong#right{display:none;}
    .history_wrap li strong#right_mobile{display:inline-block;margin-right:15px;}
    .history_wrap li span{padding-left:-15px;text-indent:15px;}
    .group_list .groups table th{font-size:14px;}
    .group_list .groups table td{font-size:14px;}

    #map{height:60vw;margin-bottom:15px;}
    .map_info{padding-bottom:15px;}

    .map_road{padding-top:15px;}
    .map_road div img{width:50px;}
    .map_road div span:nth-child(2){font-size:16px;}
    .map_road div span:last-child{width:100%;margin-top:10px;padding-left:60px;font-size:15px;}

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

    .td_hidden{display:none;}
    .pg_current,
    .pg_page{height:6vw;width:6vw;line-height: 5vw;padding:0;min-width: 6vw;font-size:3vw;}

    .ir_table .sub_tit select{width:100%;margin-bottom:10px;padding:6px;}
    .pc_month{display:none}
    .mobile_month{display:block;}
    .cal_lists{display:block;}

    .mobile_cal{display:none;}
    .mobile_cal h2{font-size:24px;padding-bottom:15px;}
    .mobile_cal .days {padding:10px;border:1px solid #ddd;margin-bottom:10px;}
    .mobile_cal .days > div{display:inline-block;vertical-align: middle;width:25%;text-align: center;}
    .mobile_cal .days > div span{display:inline-block;font-size:15px;color:#8b3888;font-weight:bold;}
    .mobile_cal .days > div span:nth-child(2){display:inline-block;font-size:15px;color:#8b3888;font-weight:bold;}
    .mobile_cal .days > div span:last-child{color:#000;padding:5px 8px;margin-left:5px;background:#eee;-webkit-border-radius:3px 3px;-moz-border-radius:3px 3px;border-radius:3px 3px;}
    .mobile_cal .days > div span.sun{color:red;}
    .mobile_cal .days > div span.sta{color:blue}
    .mobile_cal .days > div:last-child{padding:15px;border-left:2px solid #8b3888;width:calc(75% - 6px)}
    .mobile_cal .days > div .ttt{font-size:14px;text-align: left;padding-left:10px;text-indent:-10px;word-break: keep-all}
    .mobile_cal .days > div .ttt:before{content:"-";padding-right:10px;}
    .schedule_tbl{}
}

@media all and (max-width:560px){
    .sub_con .navi{padding:2vw 0;}
    .sub_con .navi li{font-size:13px;}

    .register_wr > div > div{width:100%;}
    .register_wr > div > div:first-child{width:100%;margin-bottom:10px;}
    .register_wr > div > div:last-child a{display:inline-block;padding:7px 10px ;height:auto; width:100%;}

    .mbskin{margin:20vw auto;}
    #mb_login .login_tit{padding-top:0;}
    #mb_login h1{font-size:26px;}
    #login_info .login_if_lpl a{font-size:14px;}
    #login_info .login_if_auto label span:last-child{font-size:14px;}
    #mb_login p{font-size:14px;}

    .register{margin:20vw auto;}
    .register .login_tit{padding-top:0;padding-bottom:0;}
    .register h1{font-size:26px;}

    #fregister h2{padding:10px;}
    #fregister textarea{padding:10px;height:100px;}
    #fregister_private div{padding:10px;}

    .register .btn_confirm .btn_submit, .register .btn_confirm .btn_close{font-size:13px;width:100%;margin:0;height:40px !important;line-height:40px;}
    .register .btn_confirm .btn_submit{margin-top:10px;}
    .fregister_agree input[type="checkbox"] + label span{top:12px;right:10px;}
    .fregister_agree.chk_all input[type="checkbox"] + label{padding-left:10px;}

    #register_form{margin-top:10px;}
    #register_form h2{padding:10px;}

    .bo_sch form{padding:10px 0;}
    .bo_sch select{width:100%;margin-bottom:5px;font-size:13px;padding:9px 10px;}
    .bo_sch .sch_bar{width:100%;font-size:13px;}
    .bo_sch .sch_input{font-size:13px;width: calc(100% - 40px);}
    #bo_gall .gall_box{margin-bottom:20px;}
    #bo_gall .gall_li{width:calc(50% - 5px);}
    #bo_gall .gall_li:nth-child(3n){margin-right:10px;}
    #bo_gall .gall_li:nth-child(even){margin-right:0 !important;}
    #bo_gall .gall_img{height:50vw;}

    #mb_confirm{width:calc(100% - 20px);}

    .tbl_head01 thead th{font-size:13px;padding:10px 0;}
    .tbl_head01 td{font-size:13px;padding:13px 0;}
    .tbl_head01 td .bo_tit{/*word-break: keep-all;overflow-x: hidden;text-overflow: ellipsis;width:75%;white-space: nowrap*/}
}

@media all and (max-width:480px){

    .history_wrap .gr_1{width:100%;text-align:left;padding:0;margin-left:0;padding-left:30px;}
    .history_wrap .gr_1:before{right:inherit;left:0;width:20px;}
    .history_wrap .gr_0{width:100%;text-align:left;padding:0;margin-left:0;padding-left:30px;}
    .history_wrap .gr_0:before{right:inherit;left:0;width:20px;}

    .history_wrap li{font-size:3.6vw;}
    .history_wrap li strong#right{}
    .history_wrap li span{}
    .map_info div span{font-size:14px;}
    .map_info div span:last-child{width:100%;text-align: right}
    .map_road div span:last-child{font-size:13px;}

    .owl-carousel#mainSlide .item .text h2{font-size:5vw;}
    .owl-carousel#mainSlide .item .text h1{font-size:6vw;}
    .owl-carousel#mainSlide .item .text button{font-size:3vw;}
}

@media all and (max-width:410px){

}