@charset "utf-8";


/* 아토피 통시치료 */
@media all and (max-width: 768px) {
    
    
    #STATICMENU{display:none;}
    #header .gnb ul{width:100%;}
    #footer_wrap .footer{width:100%;}
    
    #wrapper {
        width: 95%;
    }


    /* 섹션 타이틀 (공통) */
    h2 {
        font-size: 24px;
        width: 100%;
        padding-bottom: 14px;
    }
    .warning {
        font-size: 12px;
    }

    /* 아토피 통시치료 */
    #tongsicure {
        width: 100%;
        height: auto;
        margin: 30px 0 0 0px;
    }
    #tongsicure h1 {
        width: 100%;
        height: auto;
        font-size: 28px;

    }
    #tongsicure > p {
        margin: 18px 0 85px 0px;
        font-size: 16px;
        line-height: 26px;
    }
    #tongsicure img {
        width: 100%;
        height: auto;
    }
    #tongsicure .cure_program {
        width: 100%;
        height: 280px;
        margin: 0 0 0 0px;
    }
    #tongsicure .cure_program h5 {
        width: 80%;
        margin: 35px auto;
    }
    #tongsicure .cure_program ol {
        width: 100%;
        height: auto;
        float: left;
        margin: 0px 0 0 0px;
    }
    #tongsicure .cure_program ol li {
        line-height: auto;
        font-size: 14px;
    }
    #tongsicure #sub_title {
        width: 100%;
        height: auto;
        background: none;
        margin: 40px 0 0 0px;
    }
    #tongsicure #sub_title h2 {
        width: 100%;
        font-size: 20px;
        margin: 40px auto;
    }
    #tongsicure #sub_title p {
        width: 90%;
        margin: 0 auto;
        font-size: 12px;
    }
    #tongsicure .box_1 {
        margin: 20px 0 0 0px;
    }


    /* 아토피 피부염 진단 체크리스트 */
    #checklist {
        float: left;
        width: 100%;
        height: auto;
        margin: 100px 0 0 0px;
    }
    #checklist h3 {
        width: 90%;
        margin: 15px;
        font-size: 16px;
    }
    #checklist h3 span {
        padding: 4px 8px 1px 8px;
        font-size: 16px;
    }
    #checklist .checkbox1 {
        float: left;
        width: 100%;
        height: auto;
        margin-top: 10px;
        border: 1px solid #1dabda;
    }
    #checklist .checkbox1 img {
        width: 100%;
        height: auto;
    }
    #checklist .checkbox1 ol {
        width: 90%;
        margin: 0 0 15px 15px;
    }
    #checklist .checkbox1 ol li {
        line-height: 22px;
        font-size: 14px;
    }
    #checklist .checkbox2 {
        width: 100%;
        height: auto;
        margin-top: 10px;
    }
    #checklist .checkbox2 h4 {
        width: 90%;
        font-size: 16px;
        margin: 10px 0 10px 15px;
    }
    #checklist .checkbox2 h4:nth-child(4) {
        margin: 0 0 10px 15px;
    }
    #checklist .checkbox2 ol {
        width: 90%;
        margin: 0 0 15px 15px;
    }
    #checklist .checkbox2 ol li {
        line-height: 22px;
        font-size: 14px;
    }
    #checklist .checkbox2:last-child {
        float: left;
        height: auto;
    }


    /* 아토피 검사방법 */
    #testmethod {
        width: 100%;
        height: auto;
    }
    #testmethod > p {
        margin-top: 30px;
        font-size: 14px;
        line-height: 25px;
    }
    #testmethod .testmethod_box {
        width: 100%;
        height: auto;
        background-color: #ecf6ff;
        margin: 20px 0 0 0px;
    }
    #testmethod .testmethod_box:last-child {
        margin: 20px 0 0 0px;
    }
    #testmethod .testmethod_box .table_list {
        margin: 70px 0 20px 0px;
        font-size: 14px;
        line-height: 25px;
    }


    /* 아토피 치료프로그램 */
    #cureprogram {
        width: 100%;
        height: auto;
    }
    #cureprogram .step {
        width: 100%;
        height: auto;
        margin: 20px 0 0 0px;
    }
    #cureprogram .step .step_article {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    #cureprogram .step .step_article h3 {
        width: 100%;
        height: auto;
        font-size: 20px;
        padding-bottom: 10px;
        margin: 0 0 15px 0px;
    }
    #cureprogram .step .step_article .triangle {
        height: auto;
        position:relative;
        margin: 15px 0 20px 0px;
    }
    #cureprogram .step img {
        float: left;
        width: 100%;
        height: auto;
    }


    /* 아토피 완치의 기준 */
    #atopystandard {
        width: 100%;
        height: auto;
        background: url("http://freehugs.dshow.kr/images/disease/atopy/standard.jpg") no-repeat;
    }
    #atopystandard h2 {
        margin: 70px 0 10px 0px;
    }
    #atopystandard p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 50px;
    }


    /* 아토피 생활치료프로그램 */
    #livecureprogram {
        width: 100%;
        height: auto;
        margin: 100px 0 0 0px;
    }
    #livecureprogram > p {
        font-size: 14px;
        line-height: 25px;
    }
    #livecureprogram #column_1 #title_1 {
        width: 24%;
        font-size: 16px;
    }

    #livecureprogram #column_1 .title_sub_1 {
        width: 24%;
        font-size: 13px;
    }
    #livecureprogram #column_1 .copy_1 {
        width: 51%;
    }
    #livecureprogram #column_1 .copy_1 h4 {
        font-size: 14px;
        padding: 10px 0 5px 10px;
    }
    #livecureprogram #column_1 .copy_1  p {
        font-size: 12px;
        width: 95%;
        padding: 10px 0 0 10px;
    }
    #livecureprogram #column_2 #title_2 {
        width: 24%;
        font-size: 16px;
    }
    #livecureprogram #column_2 .title_sub_2 {
        width: 24%;
        font-size: 13px;
    }
    #livecureprogram #column_2 .title_sub_3 {
        padding: 10px;
    }
    #livecureprogram #column_2 .copy_2 {
        width: 51%;
        font-size: 12px;
        padding: 10px;
    }


    /* 아토피 치료의 두가지 지표, 장내세균총과 중심체온 */
    #index {
        width: 100%;
        height: auto;
        margin: 100px 0 0 0px;
    }
    #index .immunity {
        width: 100%;
        height: auto;
        margin: 40px 0 0 0px;
    }
    #index .immunity img {
        width: 100%;
        height: auto;
    }
    #index .immunity figcaption {
        font-size: 18px;
        margin: 20px 0 0 0px;
    }
    #index .immunity p {
        font-size: 14px;
    }
    #index .immunity p span {
        font-size: 14px;
    }
    
    
    /* 아토피 치료전후 사진 */
    #beforeafter {
        width: 100%;
        height: auto;
        margin: 100px 0 0 0px;
    }
    #beforeafter .b_a_image_l {
        float: left;
        width: 100%;
        height: auto;
    }
    #beforeafter .b_a_image_r {
        float: left;
        width: 100%;
        height: auto;
    }
    #beforeafter .image_box {
        width: 50%;
        height: auto;
    }
    #beforeafter .image_box img {
        height: auto;
    }
    #beforeafter .image_box figcaption {
        width: 100%;
        line-height: 30px;
        font-size: 13px;
    }
    #beforeafter .first {
        margin: 30px 0 0px 0px;
    }
    #beforeafter #more {
        width: 100%;
        margin: 30px 0 0 0px;
    }
    #beforeafter #more a {
        width: 100%;;
        border-radius: 50px;
    }
}