/* 미디어쿼리 */
#m_header{display: none;}
.m_popup{display: none;}
.m_area{display: none !important;}
.guide_tabs .bx-controls{display:none;}

@media (max-width:1200px){

    /* 사업영역 */
    .business_content>li{ width: 48%; margin: 0 1% 20px; }

}

@media (max-width:960px){

    /* 인사말 */
    .greeting_content{ flex-flow: column-reverse wrap; align-items: center; }
    .greeting_content>dt{ width: 100%; margin-top: 70px; text-align: center; }
    .greeting_content>dt>img{ max-width: 400px; }
    .greeting_content>dd{ width: 100%; }
    .greeting_content>dd>h4{ justify-content: center; }
    .greeting_content>dd>p{ display: flex; flex-flow: row wrap; justify-content: center; }
    .greeting_content>dd>p>span{ margin: 0 2px; }
    .greeting_content>dd>h5{ margin: 45px 0 40px; justify-content: center; }
    .greeting_content>dd>h6{ text-align: center; }

    /* 사업영역 */
    .business_content>li{ width: 32%; margin: 0 0.5% 20px; }

    /* 안전성 */
    .safety_content>h4{ font-size: 34px; }
    .safety_content>h4>span{ margin: 0 3px; }
    .safety_content>h5{ margin: 40px 0 10px; font-size: 24px; }

    /* 오시는길 */
	.direction_content .daum_map{ height: 300px !important; }

    /* 베이직박스 */
    .basic_content>p{ font-size: 16px; }

    /* 스텝박스 */
    .step_content>p{ font-size: 16px; }

    /* 스페셜스텝박스 */
    .special_content>p{ font-size: 16px; }

    /* 테크닉박스 */
    .technic_content>p{ font-size: 16px; }

    /* 블록특징 */
    .character_content>h4{ font-size: 34px; }
    .character_content>h4>span{ margin: 0 3px; }
    .character_content>h6{ padding: 20px 0; font-size: 18px; }
    .character_content>figure{ width: 30px; height: 4px; margin: 15px 0 30px; }
    .character_content>div{ margin-top: 40px; }

    /* 교육효과 */
    .effect_content>h4{ font-size: 34px; }
    .effect_content>h4>span{ margin: 0 3px; }
    .effect_content>h6{ padding: 20px 0; font-size: 18px; }

    /* 교구구성 */
    .teachingaid_content>h4{ margin: 70px 0 10px; }
    .teachingaid_content>h4>i{ margin-right: 10px; font-size: 16px; line-height: 42px; }
    .teachingaid_content>h4>dl>dt{ font-size: 25px; }
    .teachingaid_content>h6{ margin: 30px 0 5px; font-size: 20px; }
    .teachingaid_content>dl{ margin-top: 15px; }
    .teachingaid_content>dl>dt{ width: 90px; height: 90px; font-size: 20px; }
    .teachingaid_content>dl>dd{ width: calc(100% - 110px); }

    /* 교재구성 */
    .book_content>h4{ margin-bottom: 10px; }
    .book_content>h4>i{ margin-right: 10px; font-size: 16px; line-height: 42px; }
    .book_content>h4>dl>dt{ font-size: 25px; }
    .book_content>h6{ margin: 30px 0 5px; font-size: 20px; }



}

@media (max-width:850px){

    /* 사업영역 */
    .business_content>li{ width: 48%; margin: 0 1% 20px; padding: 25px 20px; }

}

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

    /* 블록특징 */
    .character_content>div>ul{ display: none; }
    .character_content>div>div .swiper-container{ width: 100%; height: 509px; display: block; }
    .character_content>div>div .swiper-container-3d .swiper-slide-shadow-left{ background-image: none !important; }
    .character_content>div>div .swiper-container-3d .swiper-slide-shadow-right{ background-image: none !important; }
    .character_content>div>div .swiper-slide-prev, .character_content>div>div .swiper-slide-next{ opacity: 0.2; }
    .swiper-button-next, .swiper-button-prev{ min-width: 17%; height: 100% !important; margin-top: 0 !important; background-image: none !important; top: 0 !important; }
    .swiper-button-prev{ left: 0 !important; }
    .swiper-button-next{ right: 0 !important; }
    .character_content>div>div .main_con_img{ width: 100%; background-size: 282px auto; background-position: center top; background-repeat: no-repeat; }
    .character_content>div>div .main_con_img>h4{ width: 100%; height: 122px; max-width: 282px; margin: auto; padding-top: 25px; color: rgb(255,255,255); font-size: 34px; text-align: center; font-weight: bold; transition: all 0.2s ease-in-out; }
    .character_content>div>div .main_con_img>h4>p{ color: rgb(255,255,255); font-size: 20px; font-weight: normal; transition: all 0.2s ease-in-out; }
    .character_content>div>div .main_con_img>h2{ width: 100%; height: 85px; max-width: 282px; margin: 0 auto 15px; padding-top: 15px; font-size: 22px; text-align: center; font-weight: bold; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; }
    .character_content>div>div .main_con_img>h2.color_tit_1{ color: #d71920; }
    .character_content>div>div .main_con_img>h2.color_tit_2{ color: #0078bf; }
    .character_content>div>div .main_con_img>h2.color_tit_3{ color: #fac92c; }
    .character_content>div>div .main_con_img>h2.color_tit_4{ color: #8cc641; }
    .character_content>div>div .main_con_img>p{ width: 100%; height: auto; max-width: 282px; margin: auto; padding: 0 15px; font-size: 15px; color: rgb(51,51,51); text-align: justify; transition: all 0.2s ease-in-out; }

}

@media (max-width:550px){

    /* 사업영역 */
    .business_content>li{ width: 100%; margin: 0 0 15px; }

}

@media (max-width:480px){

    /* 인사말 */
    .greeting_content>dt{ margin-top: 50px; }
    .greeting_content>dd>h4{ justify-content: flex-start; }
    .greeting_content>dd>h4>span:nth-of-type(1){ font-size: 24px; }
    .greeting_content>dd>h4>span:nth-of-type(2){ font-size: 16px; }
    .greeting_content>dd>p{ display: block; font-size: 14px; }
    .greeting_content>dd>p>span{ margin: 0; }
    .greeting_content>dd>h5{ margin: 30px 0 35px; font-size: 18px; }
    .greeting_content>dd>h6{ font-size: 24px; text-align: left; }

    /* 연혁 */
    .history_content>h4{ margin: 30px 0 10px; font-size: 24px; }
    .history_content>h4>i{ margin-right: 5px; font-size: 14px; }
    .history_content>ul{ flex-flow: row wrap; }
    .history_content>ul:first-of-type{ border-top: 0; }
    .history_content>ul>li{ border-bottom: 0; }
    .history_content>ul>li:nth-of-type(1){ width: 100%; padding: 10px 5px 5px; border-right: 0; text-align: left; }
    .history_content>ul>li:nth-of-type(2){ width: 100%; padding: 0px 15px 10px; border-bottom: 1px solid rgb(204,204,204); font-size: 14px; }
    .history_content>ol{ flex-flow: row wrap; }
    .history_content>ol:first-of-type{ border-top: 0; }
    .history_content>ol>li{ border-bottom: 0; }
    .history_content>ol>li:nth-of-type(1){ width: 100%; padding: 10px 5px 5px; }
    .history_content>ol>li:nth-of-type(2){ width: 100%; padding: 0px 15px 10px; border-bottom: 1px solid rgb(204,204,204); font-size: 14px; }

    /* 사업영역 */
    .business_content>li>h4{ font-size: 20px; }
    .business_content>li>div{ width: 40px; height: 3px; margin: 10px 0 20px; }
    .business_content>li>h5{ margin: 20px 0 10px; padding-bottom: 10px; font-size: 16px; }
    .business_content>li>h5>span:nth-of-type(1){ min-width: 70px; }

    /* 안전성 */
    .safety_content>h4{ font-size: 25px; }
    .safety_content>h4>span{ margin: 0 2px; }
    .safety_content>div{ width: 30px; height: 3px; margin: 15px 0 30px; }
    .safety_content>h5{ margin: 30px 0 10px; font-size: 20px; }
    .safety_content>p{ font-size: 14px; line-height: 24px; }

    /* 오시는길 */
    .direction_content>ul{ flex-flow: column nowrap; }
    .direction_content>ul:first-of-type{ border-top: 0; }
    .direction_content>ul>li{ border-bottom: 0; }
    .direction_content>ul>li:nth-of-type(1){ width: 100%; padding: 10px; }
    .direction_content>ul>li:nth-of-type(1)>i{ margin-right: 5px; font-size: 12px; }
    .direction_content>ul>li:nth-of-type(2){ width: 100%; padding: 0 20px 10px; border-bottom: 1px solid rgb(204,204,204); font-size: 14px; }
    .direction_content .daum_map{ height: 250px !important; margin-top: 20px; }

    /* 베이직박스 */
    .basic_content>p{ margin-top: 15px; font-size: 14px; }

    /* 스텝박스 */
    .step_content>p{ margin-top: 15px; font-size: 14px; }

    /* 스페셜스텝박스 */
    .special_content>p{ margin-top: 15px; font-size: 14px; }

    /* 테크닉박스 */
    .technic_content>p{ margin-top: 15px; font-size: 14px; }

    /* 블록특징 */
    .character_content>h4{ font-size: 25px; }
    .character_content>h4>span{ margin: 0 2px; }
    .character_content>h6{ padding: 15px 0; font-size: 16px; }
    .character_content>figure{ width: 25px; height: 3px; margin: 10px 0 25px; }
    .character_content>div{ margin-top: 10px; }
    .character_content>div>h4{ margin-bottom: 30px; font-size: 32px; }
    .character_content>div>h4>span:nth-of-type(1){ margin: 0 5px 0 10px; }
    .character_content>div>h4>span:nth-of-type(2){ margin-right: 10px; }
    .character_content>div>h4>i{ font-size: 10px; }

    /* 교육효과 */
    .effect_content>h4{ font-size: 25px; }
    .effect_content>h4>span{ margin: 0 2px; }
    .effect_content>h6{ padding: 15px 0; font-size: 16px; }

    /* 교구구성 */
    .teachingaid_content>h4{ margin: 50px 0 10px; }
    .teachingaid_content>h4>i{ margin-right: 5px; font-size: 14px; line-height: 34px; }
    .teachingaid_content>h4>dl>dt{ font-size: 20px; }
    .teachingaid_content>h4>dl>dd{ margin-top: 5px; font-size: 14px; }
    .teachingaid_content>h6{ margin: 20px 0 5px; font-size: 18px; }
    .teachingaid_content>p{ font-size: 14px; }
    .teachingaid_content>dl{ margin-top: 10px; }
    .teachingaid_content>dl>dt{ width: 80px; height: 80px; border-width: 3px; }
    .teachingaid_content>dl>dd{ width: calc(100% - 100px); font-size: 14px; }

    /* 교재구성 */
    .book_content>h4{ margin-bottom: 10px; }
    .book_content>h4>i{ margin-right: 5px; font-size: 14px; line-height: 34px; }
    .book_content>h4>dl>dt{ font-size: 20px; }
    .book_content>h4>dl>dd{ margin-top: 5px; font-size: 14px; }
    .book_content>h6{ margin: 20px 0 5px; font-size: 18px; }
    .book_content>p{ font-size: 14px; }

}


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

    /* 블록특징 */
    .character_content>div>h4{ margin-bottom: 20px; font-size: 24px; }

    /* 교구구성 */
    .teachingaid_content>dl>dt{ width: 60px; height: 60px; font-size: 16px; }
    .teachingaid_content>dl>dd{ width: calc(100% - 70px); }

}