@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;}
    .google-auto-placed {display: none;}

    /* 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;}
    #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: 70px; padding: 0;}
    #navbar .nav_contain .navbar-brand img {width: unset; height: 100%;}
    #navbar .nav_contain .navbar-toggler {margin: 0 1rem; background-color: unset;}
    #navbar .nav_contain .navbar-toggler i {font-size:3.5rem}


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

    /* main */
    #sun_wrap {margin-top: 121px;}
    #sun_wrap .sun_inner { display: flex; flex-flow: column;}
    .main_1st {margin: 2rem auto;}
    .main_1st .link_1st {flex-flow: row wrap; height: unset;}
    .main_1st .link_1st li {width: calc(50% - 1rem); margin-bottom: 2rem;}
    .main_1st .link_1st li:nth-child(1) {order:2; margin: 2rem 1rem 2rem 2rem; width: calc(50% - 3rem);}
    .main_1st .link_1st li:nth-child(2) {order:3; margin: 2rem 2rem 2rem 1rem; width: calc(50% - 3rem);}
    .main_1st .link_1st li.center .img_wrap > img {content:url('/img/mobile/mo_content1.png')}
    .main_1st .link_1st li.center {order:1; width: 100%; margin: 0;}
    .main_1st .link_1st li.center ~ li {display: none;}
    .main_1st .link_1st li.center a {top: 41.8%; height: 8.9%; border: 0;}
    .main_1st .pc_ad {display: none;}

    .main_2nd {}
    .main_2nd .center-heading {}
    .main_2nd .center-heading h2 img {height: unset; width: 100%;}
    .main_2nd .center-heading .head_txt {}
    .main_2nd .center-heading .head_txt p {display: none;}
    .main_2nd .center-heading .head_txt a {position: unset;}
    .main_2nd .contents_2nd .row_1st {padding: 0 1rem; display: flex; flex-flow: row wrap;}
    .main_2nd .contents_2nd .row_1st li {width: calc(50% - 1rem); margin-bottom: 1rem; border: unset;}
    .main_2nd .contents_2nd .row_1st li:first-child {width: 100%;}
    .main_2nd .contents_2nd .row_1st li:nth-child(1) a img {content: url('/img/mobile/content2_1.png');}
    .main_2nd .contents_2nd .row_1st li:nth-child(2) a img {content: url('/img/mobile/content2_3.png');}
    .main_2nd .contents_2nd .row_1st li:nth-child(3) a img {content: url('/img/mobile/content2_2.png');}
    .main_3rd .contents_3rd .row_1st li .txt_wrap a {font-size:1.4rem; word-break: keep-all;}


    .main_3rd {margin-bottom: 2rem; background: #fff;}
    .main_3rd .contents_3rd {width:100%}
    .main_3rd .contents_3rd ul { display: flex; flex-flow: column;}
    /* .main_3rd .contents_3rd ul li {height: 200px;} */
    .main_3rd .contents_3rd ul li:nth-child(4) .mo_img {display: block;}
    .main_3rd .contents_3rd ul li:nth-child(4) .mo_img img {width: 100%;}
    .main_3rd .contents_3rd ul li:nth-child(2),
    .main_3rd .contents_3rd ul li:nth-child(3) {display: none;}
    .main_3rd .contents_3rd ul li.txt_wrap {padding: 2rem; width: 100%; height: unset; display: flex; flex-flow: column;}
    .main_3rd .contents_3rd ul li.txt_wrap > .title {order:1; position: relative;z-index: 1;}
    .main_3rd .contents_3rd ul li.txt_wrap > .title::after {content: ''; display: block; width: 30%; height: 10px; background: #c8bfe7; position: absolute; left: 0; bottom: 0; z-index: -1;}
    .main_3rd .contents_3rd ul li.txt_wrap > *:nth-child(2) {order:3; border: 0;}
    .main_3rd .contents_3rd ul li.txt_wrap > *:nth-child(3) {order:4; font-size: 1.4rem; border: 0;}
    .main_3rd .contents_3rd ul li.txt_wrap > a {order:2; margin: 0.5rem 0; position: unset; align-self: flex-start; display: inline-block; width: fit-content; font-size: 1.4rem;}
    .main_3rd .contents_3rd ul li.txt_wrap .title {font-size:2rem; padding-right:25%; word-break: keep-all;}
    .main_3rd .contents_3rd ul li.txt_wrap .content {margin-top: 0.5rem;}
    .main_3rd .contents_3rd ul li ins {width: 200px; height: 200px;;}
    .main_3rd .contents_3rd .ads_wrap {display: none;}

    .main_4th {order:2}
    .main_4th .center-heading {}
    .main_4th .center-heading h2 img {height: unset; width: 100%;}
    .main_4th .center-heading .head_txt p {display: none;}
    .main_4th .center-heading .head_txt a {position: unset;}
    .main_4th .if_swiper {display: none;}
    .main_4th .mo_4th_content {display: flex; flex-flow:column; padding: 0 2rem;}
    .main_4th .mo_4th_content .sub-box-list {background: #eee; padding: 1.5rem; border-radius: 10px; margin-bottom: 2rem;}
    .main_4th .mo_4th_content .sub-box-list:nth-child(1) {background: #efe4b0;}
    .main_4th .mo_4th_content .sub-box-list:nth-child(2) {background: #c8bfe7;}
    .main_4th .mo_4th_content .sub-box-list:nth-child(3) {background: #c3c3c3;}
    .main_4th .mo_4th_content .sub-box-list .box-title {display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start;}
    .main_4th .mo_4th_content .sub-box-list .box-title h3 {font-size:1.6rem; font-weight: 800;}
    .main_4th .mo_4th_content .sub-box-list .box-title a {padding: 0.5rem; border: 1px solid #ccc; align-self: flex-end; background: #fff;}
    .main_4th .mo_4th_content .sub-box-list .box-content {font-size:1.4rem; line-height: 1.4;}
    .main_4th .ads_wrap.pc_ads {display: none;}
    .main_4th .contents_4rd > * {width: 50%;}
    .main_4th .contents_4rd > *:nth-child(3),.main_4th .contents_4rd > *:nth-child(4) {display: none;}
    .main_4th .contents_4rd a + .pc_ad {width: 100%;}
    .main_4th .contents_4rd a + .pc_ad ins {width: 300px; height: 100px;}

    .main_5th {order:1}
    .main_5th .contents_5rd {}
    .main_5th .contents_5rd a {width: 100%;}
    .main_5th .contents_5rd a img {width: 100%;}
    .main_5th .contents_5rd a + .pc_ad {margin-top: 2rem; display: none;}
    .main_5th .contents_5rd a + .pc_ad ins {width: 300px; height: 100px;}

    .main_6th {order:3; margin: 0 auto;}
    .main_6th .contents_6rd .qna_wrap {display: none;}
    .main_6th .contents_6rd .link_wrap {width: 100%; }
    .main_6th .contents_6rd .link_wrap a {text-align: center;height: 200px;}
    .main_6th .contents_6rd .link_wrap img {height: 100%; width: unset;}
    .main_6th .contents_6rd {display: flex;}


    /* sub-page */
    #bo_v {padding: 0;}
    #bo_v_img {height: unset !important;}
    #bo_v_top {display: none;}
    #bo_v_con {padding: 2rem;}
    /* 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}
    #bo_list {display: flex; flex-flow: column;}
    #bo_list .ads_wrap {width: 100% !important;}
    #bo_btn_top .ads_wrap .ads_bnr {width: 300px; height: 100px;}
    .ads_3wrap {width: 100% !important; text-align: center;}
    .ads_3wrap .adsbygoogle ~ .adsbygoogle {display: none !important;}
    /* footer */
    .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;}
}