@media only screen and (min-width: 321px) and (max-width: 768px) {
    /* 모바일 전용 */
    #right_cont, #left_cont {display: none;}
    .mo_none {display: none !important;}
    .mo_col {display: block !important;}
    .mo_ad {display: flex; width: 100%; justify-content: center; align-items: center; text-align: center;}
    #bo_list_total {display: none;}
    .ads_mo_rec:nth-child(2) {display: none;}
    #bo_v_con .ads_bnr {width: 320px; height: 100px;}
    /* 애드센스 pc / mo */
    .ads_wrap.pc {display: none !important;}

    .list_ads_wrap .ads_bnr {width: 300px; height: 100px;}

    /* nav */
    #navbar {min-width: 100%; max-width: 100%; min-height: 70px;}
    #navbar .nav_contain {max-width: unset; flex-flow: row wrap; justify-content: space-between; padding: 10px 15px;}
    #navbar .nav_contain #navbarResponsive .navbar-nav .nav-item {padding: 0;}
    #navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .nav-link {font-size: 1.4rem;}
    #navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .sun_set_01 {position: unset; flex-flow:column; border: 0; height: 0;}
    #navbar .nav_contain #navbarResponsive .navbar-nav .nav-item.show .sun_set_01 {height: 50px;}
    #navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .sun_set_01 li {width: 100%;padding: 0;}
    #navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .sun_set_01 li a {width: 100%; font-size: 1.4rem; text-align: left; padding: 1rem 3rem;}

    #navbar .nav_contain .navbar-brand {height: 60px; padding: 0; order:1;}
    #navbar .nav_contain .navbar-brand img {width: unset; height: 100%;}
	#navbar .nav_contain .hd_sch_wr { order:2;width:30%;}
    #navbar .nav_contain .navbar-toggler {margin: 0 1rem; background-color: unset; order:3;}
    #navbar .nav_contain .navbar-toggler i {font-size:2rem}
	#navbar .nav_contain #navbarResponsive { order:4; width: 100%;}
	#navbar .nav_contain #navbarResponsive .navbar-nav { padding: 15px;}
	#navbar .nav_contain #navbarResponsive .navbar-nav .nav-item .nav-link:before { left: -3px; top: 48%;}

    /* main_bnr */
    .main_bnr_wrap .mo_banner {display: block;}
    .main_bnr_wrap .mo_banner img {display: block; width: 100%;}

    /* main */
    #sun_wrap {margin-top: 81px;}
	#main_1st .contents_wrap li { width:49%;}
	#main_2nd .contents_wrap li.top { width:100%; }
	#main_2nd .contents_wrap li.top:nth-of-type(2) { margin-top: 15px;}
	#main_2nd .contents_wrap li.bottom { width:49%;}
	#main_4th .contents_wrap li:nth-child(odd) { transform: translateY(15px);}
	#main_5th ul { flex-wrap: wrap;}
	#main_5th ul li { width:100%;}
	#main_6th .inner .con_title span { width:50%;}
	#main_6th .inner .contents_wrap .slide_box { flex-wrap:wrap;}
	#main_6th .inner .contents_wrap .swiper-slide .left { width:100%;}
	#main_6th .inner .contents_wrap .swiper-slide .right { width:100%; margin-top: 20px;}
	#main_6th .inner .contents_wrap .swiper-slide .right a { height:unset; margin: 15px auto;}
	#main_6th .inner .contents_wrap .swiper-slide .right a .text_wrap { padding: 15px 5px;}
	#main_6th .swiper-button-prev { right: var(--swiper-navigation-top-offset,15%);top:var(--swiper-navigation-top-offset,-3%);}
	#main_6th .swiper-button-next {top:var(--swiper-navigation-top-offset,-3%);}
	#main_7th .top {flex-wrap: wrap;}
	#main_7th .top li { width: 49%;}

    /* sub-page */
    #bo_v {padding: 0;}
    #bo_v_img {height: unset !important;}
    #bo_v_top {display: none;}
    #bo_v_con {padding: 2rem;}
    #bo_sch select
    /* list */
    #gall_allchk + .wrapper .row {margin: 0 !important;}
    .wrapper .row .img-card {display: flex; align-items: flex-end; height: unset; }
    .wrapper .row .img-card img {height: unset;}
    .container-list .row {margin: 0 !important;}
    .container-board .row {margin: 0 !important;}
    .mo_list span {font-size:1.4rem !important;}
    .bo_v_nb li .nb_tit {font-size:1.4rem}
    .bo_v_nb li .nb_tit + a {font-size: 1.4rem;}
    .bo_v_nb li .nb_date {font-size:1.4rem}
    #bo_vc_empty {font-size:1.4rem}
    .cmt_btn {padding: 0 1rem 10px !important;}
    #fviewcomment {padding: 0 1rem;}
    #fviewcomment textarea {font-size:1.4rem}
    .mo_list ins.ads_bnr {width: 300px; height: 100px;}
    #bo_list tbody tr:hover {background: unset;}
    .content-wrap-q span {font-size:1.4rem !important;}
    /* footer */
	.sun_ft .container .row { padding: 0 15px; flex-wrap:wrap;}
    .sun_ft h1 a {height: 100px;justify-content: center;}
    .sun_ft h1 a img {}
    .sun_ft .container .row .text_wrap {text-align: center;}
    /* top */
    #top_btn {right: 10px; bottom: 10px; width: 40px; height: 40px; line-height: 45px;}
}

@media only screen and (min-width: 769px) and (max-width: 1120px) {
#navbar .nav_contain { padding:0 15px;}
#main_7th .top li a .text_wrap { font-size: 0.9rem;}
#main_7th .top li a .text_wrap b {font-size:1rem;}
}