@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;
    }
    
    
    /* 프리허그 안심치료 3대 원칙 */
    #principle {
        width: 100%;
        height: auto;
    }
    #principle h1 {
        font-size: 35px;
    }
    #principle .three_principle {
        width: 100%;
        height: auto;
        margin: 5% 0 0 0px;
    }
    #principle .three_principle h2 {
        font-size: 14px;
        padding: 0px;
        margin: 6.5% 7.5% 0 7.5%;
    }
    #principle .three_principle h3 {
        font-size: 20px;
        color: #2f3952;
        margin: 0 7.5% 0 7.5%;
        padding-bottom: 3%
    }
    #principle .three_principle p {
        font-size: 14px;
        line-height: 1.8em;
        margin: 4% 7.5% 7.5% 7.5%;
    }
    
    
    /* 스테로이드 */
    #steroid {
        width: 100%;
    }
    #steroid #search {
        width: 80%;
        height: auto;
        margin: 10%;;
        padding: 0px;
    }
    #steroid #search h3 {
        font-size: 22px;
        padding: 0 0 0 5%;
    }
    #steroid article {
        float: left;
        width: 100%;
        height: auto;
        background-color: #f8f8f8;
    }
    #steroid article #summary #radius {
        width: 90%;
        font-size: 18px;
        margin: 7.5% 5% 7.5% 5%;
    }
    #steroid article #summary #txt {
        width: 90%;
        font-size: 14px;
        margin: 0 5% 5% 5%;
    }
    #steroid article #summary #fault {
        width: 90%;
        font-size: 18px;
        margin: 0 5% 7.5% 5%;
    }
    #steroid #bg {
        float: left;
        width: 100%;
        height: auto;
        background: url("http://freehugs.dshow.kr/images/intro/relaxcure/steroid_bg.jpg") no-repeat;
        background-size: cover;
    }
    #steroid #bg p {
        width: 90%;
        font-size: 14px;
        text-align: justify;
        text-shadow: 0px 0px 15px black;
        margin: 5%;
    }
    #steroid #bg p span {
        font-size: 16px;
    }
    
    
    
        /* 믿을 수 있습니다 */
    #trust article {
        font-size: 14px;
    }
    #trust > h3 {
        padding: 2%;
    }
    #trust #quality_test .test {
        float: left;
        width: 20%;
        height: auto;
        border-left: 1px solid #2f486a;
        border-bottom: 1px solid #2f486a;
    }
    #trust #quality_test .test:last-child {
        border-right: 1px solid #2f486a;
    }
    #trust #quality_test .test img {
        float: left;
        width: 80%;
        height: auto;
        margin: 10%;
    }
    #trust #quality_test .test h4 {
        font-size: 14px;
    }
    #trust #recommendation {
        margin: 10% 0 0 0%;
    }
    #trust #recommendation img {
        width: 100%;
    }
    #trust #recommendation h3 {
        width: 90%;
        font-size: 18px;
        margin: 5%;
        padding-bottom: 3%;
    }
    #trust #recommendation ol {
        width: 90%;
        margin: 0 5% 5% 5%;
    }
    #trust #recommendation ol li {
        font-size: 14px;
    }
    #trust #sub_title {
        width: 100%;
        height: auto;
        background: none;
        margin: 15% 0 0 0px;
        border-top: 1px solid #1dabda;
        border-bottom: 1px solid #1dabda;
    }
    #trust #sub_title h2 {
        font-size: 20px;
        line-height: 1.7em;
    }
    #youtube {
        float: none;
        clear: both;
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }

    #youtube iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
}