@charset "UTF-8";
@media (max-width:1240px) {
    .nav_wrapper .nav, .board_wrapper, .intro_wrapper, .join_wrapper, .mypage_wrapper, .foot_wrapper,.con_wrapper,.position,.sub_nav .nav{width: 100%;padding: 0 20px; min-width: 360px;}
    .main_wrapper,.foot_band .band_con,.foot_band{min-width: 360px; width: 100%;}
    .foot_band .band_con{min-width: auto;}
    .intro_wrapper img{max-width: 100%;}
    a.pdf_down,.sub_nav .nav .selectbox{right: 20px;}
    .main_slogan{left: 40px;}
    .con_box{right: 40px;}
    .sub_slogan p{display: none;}
    .depth_01.logo{width: 10%;}
    .sub_slogan{background: none; position: inherit;}
    .sub_slogan img{left: 30px; right: auto;}
    .depth_02{background: transparent;}
    .sub_menu_bg { background: #ffffff url(../img/sub_menu_bg.jpg) left center; background-repeat: no-repeat; background-size: cover; }
}

@media (max-width:1040px) {
    .board_table.left,.board_table.right{width: 100%; clear: both; margin-bottom:40px ;}
    .mypage_wrapper .mypage_cover_letter li .text_box {width: 90%;}
}

@media (max-width:955px) {
    .main_wrapper.sub {height: 136px;}
    .main_wrapper.sub .nav_wrapper .nav {height: 88px; line-height: 88px;}
    .depth_01.logo img {width: 180px;}
    .depth_01:not(.logo){display: none;}
    .mobile-bar{display: block; z-index: 999;}
    #mobileMenu {height: calc(100% - 88px);}
    #mobileMenu, .mask {top: 88px; height: calc(100% - 88px);}
    .main_slogan{font-size: 2rem;}
    .con_box li{width: 100%; height: auto; padding: 1.5rem 1.8rem; margin: 0 !important; margin-bottom: 1rem !important;}
    .con_box p{margin-bottom: 0; font-size: 1rem;}
    .con_tit{margin-bottom: 1rem; font-size: 1.2rem;}
    .con_box li br{display: none;}
    .board_table table.table-striped td{width: 100px;}
}

@media (max-width:900px) {
    .main_slogan{display: none;}
    .con_box{width: 100%; position: relative; right: auto;}
    .main_wrapper{height: 640px;}
    .foot_wrapper .address{margin-left: 0; margin-top: 1.2rem; display: block;}
    .scroll_zone .scroll_tip{display: block;}
    .table_option .form-select{margin-bottom: 1rem;}
    .srch-group{position: relative; display: block; margin-bottom: 1rem; max-width: 100%;}
    .mypage_wrapper .mypage_cover_letter li .text_box {width: 88%;}
}

@media (max-width:780px) {
    .sub_nav {position: relative; padding: 0 10px; height: 52px; overflow: hidden;}
    .sub_nav .nav {width: 100%; position: absolute; padding: 0;}
    .sub_nav .nav li:not(.selectbox) {max-width: 40%; text-align: center; }
    .sub_nav .nav li:not(.selectbox) a{padding: 1rem 1.8rem;}
    .intro_wrapper .desc .sm_tit,.intro_wrapper .desc .sm_tit.round{width: 100%;}
    .intro_wrapper .desc .sm_tit+ul{display: block;margin-top: 1rem;}
    .table_option2 .form-select {width: 20%; background-position: right 10px center; box-sizing: border-box;}
    .srch-input-group {width: 50%;}
    .con_desc{border-left-width: 3px;}
    .gwangju_table_wrap .table {width: calc(50% - 25px);}
}

@media (max-width:640px) {
    html{font-size: 12.5px;}
    .main_wrapper.sub {overflow-x: hidden;}
    .sub_nav {top: -46.5px;}
    .sub_nav .nav .selectbox{top: 85px; right: 20px; z-index: 2;}
    .sub_nav .nav .selectbox .form-select{border-color: #dddddd;}
    .sub_nav .nav li:not(.selectbox) a{padding: 1rem 1.4rem;}
    .sub_nav .arrow_btn {display: block;}
    .sub_nav.drag_nav .nav {width: auto; display: table; position: absolute; padding: 0; transform: translate(0px, 0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 400ms;}
    .sub_nav.drag_nav .nav li:not(.selectbox) {display: table-cell;}
    .sub_nav.drag_nav .nav li:not(.selectbox) a {display: inline-block;}
    .nav_wrapper .nav, .board_wrapper, .intro_wrapper, .join_wrapper, .foot_wrapper, .con_wrapper, .position, .sub_nav .nav, .mypage_wrapper {margin-top: 0;}
    .foot_wrapper {margin-top: 20px;}
    .board_table .table-striped:not(.detail) td{text-overflow: inherit; white-space: inherit; overflow: auto;}
    .board_table .table-striped tr td:first-child,.board_table .table-striped tr th:first-child{display: none;}
    .board_table .table-striped tr td:last-child,.board_table .table-striped tr th:last-child{display: none;}
    #mobileMenu p br,.position{display: none;}
    .login_area {margin: 40px auto 80px;}
    .join_wrapper .form_area .form_detail {padding: 30px 20px;}
    .join_wrapper .form_area .form_detail input {height: 40px;}
    .join_wrapper .form_area .form_detail .form_line input {width: 73%;}
    .join_wrapper .form_area .form_detail .form_line .btn {width: 25%; height: 40px;}
    .table col:first-child {width: 32%;}
    .table.responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr { display: block;}
    .table.responsive-table th {display: none;}
    .table.responsive-table col {width: 100%;}
    .table.responsive-table td {height: 36px; border: none !important; border-bottom: 1px solid #dee2e6 !important; position: relative; padding-left: 36% !important; white-space: normal;}
    .table.responsive-table td:before {display: flex; align-items: center; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.05); width: 32%; height: 100%; padding: 0 1.6rem; border-right: 1px solid #dee2e6; box-sizing: border-box; white-space: nowrap; font-weight: 400;}
    .table.responsive-table td:before { content: attr(data-title); }
    .video_wrap a {width: 48%;}
    .video_wrap a .video_title {padding: 14px 12px;}
}

@media (max-width:420px) {
    .sub_nav .nav .selectbox{top: 126px;}
    #mobileMenu{width: 90%;}
    .sub_nav .nav .selectbox{top: 66px;}
    .intro_wrapper {margin-top: 0px;}
    .iframe iframe {height: 200px;}
    .address br{display: none;}
    .title {margin: 10px 0 30px; padding-left: 36px !important; font-size: 1.5rem;}
    .title::before {background-size: contain !important; width: 22px !important;}
    .sub_tit {font-size: 1.3rem; padding: 0 1.5rem;}
    .sub_tit::before, .sub_tit::after {width: 10px; top: 50%; transform: translateY(-50%);}
    .btn {padding: 0.5rem 1rem; font-size: .9rem;}
    .edit_btn {font-size: 0 !important; width: 1.8rem; height: 1.8rem; padding: 0 !important; border-radius: 50% !important; background-color: #2993d1; border: none !important;}
    .edit_btn::after {display: block; font-size: .45rem;}
    .table_option2 {margin-bottom: 20px; padding: 14px 10px; background-color: #f0f0f0;}
    .table_option2 .form-select {margin-right: 1%; background-color: #fff; width: 48%;}
    .table_option2 .form-select:last-of-type {margin-right: 0;}
    .table_option2 .srch-input-group {position: relative; width: 100%; margin-top: 10px;}
    .mypage_wrapper .table .table_btn {right: 10px;}
    .table.responsive-table td {padding-left: 42% !important;}
    .table.responsive-table td:before {width: 38%; padding-left: 1rem;}
    .step_box {margin-top: 50px; margin-bottom: 10px;}
    .step_box .step li {width: 100px;}
    .join_wrapper {margin-bottom: 30px;}
    .join_wrapper .checkbox_group {display: block;}
    .join_wrapper .checkbox_group .main_tit {margin-bottom: 14px;}
    .join_check_wrap {display: block;}
    .join_check_wrap>a {width: 100%;}
    .join_check_wrap>a:nth-of-type(2) {margin-top: 20px;}
    .join_wrapper .tit_wrap {margin: 50px auto 30px;}
    .join_wrapper .tit_wrap h4 {font-size: 1.6em;}
    .join_wrapper .tit_wrap p {font-size: 1em; word-break: keep-all;}
    .join_wrapper .btn_group {margin-top: 30px;}
    .join_wrapper .complete_area {margin: 50px auto;}
    .join_wrapper .complete_area h4 {padding-top: 130px; font-size: 1.6em;}
    .join_wrapper .complete_area h4::before {width: 110px; height: 110px; background-size: 50px auto;}
    .join_wrapper .complete_area .btn_group .btn {width: 100px;}
    .mypage_wrapper .table th, .mypage_wrapper .table td {padding: 0.8rem 1rem;}
    #popupLayout .srch-group span {width: 15%;;font-size: 1rem;}
    #popupLayout .srch-group input {width: 68%; font-size: .938em;}
    #popupLayout .srch-group .btn {width: 14%; padding: 0;}
    .mypage_wrapper .mypage_cover_letter li .text_box {width: 83%;}
    .foot_band .band_con a {padding: 0 6px; letter-spacing: -.5px;}
    .video_wrap a {width: 100%; margin: 0 0 30px;}
    .video_wrap a .video_title {padding: 14px 12px;}
}