@charset "utf-8";


/* 전체 영역 */
    #wrapper {
        margin: 0 auto;
        width: 1200px;
    }


    /* 공통 */
    h2 {
        font-size: 30px;
        color: #4f4f4f;
        text-align: center;
        width: 100%;
        border-bottom: 3px solid #d7d7d7;
        padding-bottom: 20px;
        margin-top: 10px;
    }
    .warning {
        float: left;
        width: 100%;
        font-size: 14px;
        color: #f26c4f;
        text-align: right;
        margin: 2.5% 0% 2.5% 0%;
    }


    /* 아토피 통시치료 */
    #tongsicure {
        float: left;
        width: 1200px;
        height: auto;
        margin: 50px 0 0 0px;
    }
    #tongsicure h1 {
        float: left;
        width: 100%;
        height: auto;
        text-align: center;
        font-family: 'NanumMyeongjoWeb';
        font-weight: bold;
        font-size: 35px;
        color: #4f4f4f;
    }
    #tongsicure h1 span {
        color: #009cce;
    }
    #tongsicure > p {
        float: left;
        width: 100%;
        height: auto;
        text-align: center;
        margin: 20px 0 85px 0px;
        font-family: 'NanumMyeongjoWeb';
        font-size: 20px;
        font-weight: bold;
        color: #4f4f4f;
        line-height: 30px;
    }
    #tongsicure > p span {
        color: #009cce;
    }
    #tongsicure .cure_program {
        float: left;
        width: 360px;
        height: 320px;
        background-color: #ebebeb;
        margin: 50px 15px 0 0px;
    }
    #tongsicure .cure_program h5 {
        width: 300px;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        border-bottom: 2px solid #898989;
        margin: 40px 0 0 30px;
        padding-bottom: 20px;
    }
    #tongsicure .cure_program ol {
        width: 100%;
        height: auto;
        float: left;
        margin: 30px 0 0 0px;
    }
    #tongsicure .cure_program ol li {
        line-height: 30px;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
    }
    #tongsicure #sub_title {
        float: left;
        width: 964px;
        height: 147px;
        background: url("http://freehugs.dshow.kr/images/disease/atopy/tongsicure_2.png") no-repeat;
        margin: 80px 0 0 118px;
    }
    #tongsicure #sub_title h2 {
        border-bottom: 0px;
        font-family: 'NanumMyeongjoWeb';
        font-size: 26px;
        font-weight: bold;
        color: #4f4f4f;
        margin: 40px 0 0 0px;
    }
    #tongsicure #sub_title p {
        text-align: center;
        font-size: 16px;
        color: #f26c4f;
    }
    #tongsicure .box_1 {
        margin: 60px 0 0 60px;
    }
    #tongsicure .box_2 {
        margin: 60px 0 0 0px;
        background-color: #fdfcf0;
    }
    #tongsicure .box_3 {
        margin: 60px 0 0 0px;
        background-color: #ecf6ff;
    }


    /* 아토피 피부염 진단 체크리스트 */
    #checklist {
        float: left;
        width: 1200px;
        height: auto;
        margin: 100px 0 0 0px;
    }
    #checklist h3 {
        float: left;
        margin: 40px;
        font-size: 22px;
        font-weight: bold;
        color: #1dabda;
    }
    #checklist h3 span {
        background-color: #1dabda;
        padding: 5px 9px 2px 9px;
        color: white;
        font-weight: normal;
        font-size: 18px;
    }
    #checklist .checkbox1 {
        float: left;
        width: 100%;
        height: 330px;
        margin-top: 10px;
        border: 1px solid #1dabda;
    }
    #checklist .checkbox1 img {
        float: left;
        width: 435px;
        height: 328px;
    }
    #checklist .checkbox1 ol {
        float: left;
        width: 683px;
        margin: 0 40px 0 40px;
    }
    #checklist .checkbox1 ol li {
        margin-bottom: 10px;
        line-height: 22px;
        font-size: 15px;
        font-weight: normal;
    }
    #checklist .checkbox2 {
        float: left;
        width: 583px;
        height: 638px;
        margin-top: 40px;
        border: 1px solid #1dabda;
    }
    #checklist .checkbox2 h4 {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 15px 40px;
        float: left;
        width: 400px;
    }
    #checklist .checkbox2 h4:nth-child(4) {
        margin: 15px 0 15px 40px;
    }
    #checklist .checkbox2 ol {
        float: left;
        width: 503px;
        margin: 0 40px 0 40px;
    }
    #checklist .checkbox2 ol li {
        margin-bottom: 10px;
        line-height: 22px;
        font-size: 15px;
        font-weight: normal;
    }
    #checklist .checkbox2:last-child {
        float: right;
    }


    /* 아토피 검사방법 */
    #testmethod {
        float: left;
        width: 1200px;
        height: auto;
        margin: 100px 0 0 0px;
    }
    #testmethod > p {
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 40px;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        color: #4f4f4f;
    }
    #testmethod .testmethod_box {
        float: left;
        width: 396px;
        height: 460px;
        background-color: #ecf6ff;
        margin: 30px 6px 0 0px;
    }
    #testmethod .last {
        margin-right: 0px;
    }
    #testmethod .testmethod_box .table_title {
        float: left;
        width: 100%;
        height: 45px;
        background-color: #4f4f4f;
    }
    #testmethod .testmethod_box .table_title h3 {
        float: left;
        width: 100%;
        height: 45px;
        color: white;
        text-align: center;
        line-height: 45px;
        font-size: 18px;
        font-weight: bold;
    }
    #testmethod .testmethod_box .table_list {
        margin: 70px 0 0 0px;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        color: #4f4f4f;
        line-height: 30px;
    }



    /* 아토피 치료프로그램 */
    #cureprogram {
        float: left;
        width: 1200px;
        height: 1600px;
        margin: 100px 0 0 0px;
    }
    #cureprogram .step {
        float: left;
        width: 100%;
        height: 250px;
        margin: 50px 0 0 0px;
    }
    #cureprogram .step .step_article {
        float: left;
        width: 580px;
        height: 100%;
    }
    #cureprogram .step .step_article h3 {
        float: left;
        width: 580px;
        height: auto;
        font-size: 24px;
        font-weight: bold;
        color: #2f486a;
        border-bottom: 1px solid #2f486a;
        padding-bottom: 15px;
        margin: 0 0 25px 0px;
    }
    #cureprogram .step .step_article h3 span {
        color: #f26c4f;
    }
    #cureprogram .step .step_article .hashtag {
        font-family: 'NanumMyeongjoWeb';
        font-size: 16px;
        font-weight: bold;
        line-height: 28px;
        color: #4f4f4f;
    }
    #cureprogram .step .step_article .triangle {
        float: left;
        width: 580px;
        height: 50px;
        font-size: 16px;
        font-weight: normal;
        color: #2f486a;
        position: absolute;
        margin: 30px 0 0 0px;
    }
    #cureprogram .step img {
        float: right;
        width: 580px;
        height: 250px;
    }


    /* 아토피 완치의 기준 */
    #atopystandard {
        float: left;
        width: 1200px;
        height: 463px;
        margin: 100px 0 0 0px;
        background: url("http://freehugs.dshow.kr/images/disease/atopy/standard.jpg") no-repeat;
    }
    #atopystandard h2 {
        float: left;
        width: 100%;
        height: auto;
        font-family: 'NanumMyeongjoWeb';
        font-size: 30px;
        font-weight: 500;
        color: #4f4f4f;
        margin: 120px 0 10px 0px;
        border-bottom: 0px;
    }
    #atopystandard p {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: normal;
        line-height: 30px;
        color: #4f4f4f;
    }


    /* 아토피 생활치료프로그램 */
    #livecureprogram {
        float: left;
        width: 1200px;
        height: 840px;
        margin: 100px 0 0 0px;
    }
    #livecureprogram > p {
        float: left;
        width: 100%;
        text-align: center;
        margin: 40px 0 37px 0px;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        color: #4f4f4f;
    }

    #livecureprogram #column_1 {
        float: left;
        width: 100%;
        height: 383px;
        margin: 0 0 1px 0px;
    }
    #livecureprogram #column_1 #title_1 {
        float: left;
        width: 220px;
        height: 100%;
        background-color: #2f3952;
        margin: 0 1px 0 0px;
        text-align: center;
        color: white;
        font-size: 18px;
        font-weight: normal;
        line-height: 383px;
    }

    #livecureprogram #column_1 .title_sub_1 {
        float: left;
        width: 220px;
        height: 95px;
        background-color: #5d8da3;
        margin: 0 1px 1px 0px;
        text-align: center;
        color: white;
        font-size: 16px;
        font-weight: normal;
        line-height: 95px;
    }
    #livecureprogram #column_1 .copy_1 {
        float: left;
        width: 758px;
        height: 95px;
        background-color: #ecf6ff;
        margin: 0 0 1px 0px;
    }
    #livecureprogram #column_1 .copy_1 h4 {
        float: left;
        font-size: 15px;
        font-weight: bold;
        color: #4f4f4f;
        width: 100%;
        height: auto;
        padding: 17px 0 0 39px;
    }
    #livecureprogram #column_1 .copy_1  p {
        font-size: 15px;
        font-weight: normal;
        color: #4f4f4f;
        width: 100%;
        height: auto;
        padding: 40px 0 0 39px;
    }
    #livecureprogram #column_1 .even {
        background-color: #f8f8f8;
    }

    #livecureprogram #column_2 {
        float: left;
        width: 100%;
        height: 191px;
    }
    #livecureprogram #column_2 #title_2 {
        float: left;
        width: 220px;
        height: 100%;
        background-color: #2f486a;
        margin: 0 1px 0 0px;
        text-align: center;
        color: white;
        font-size: 18px;
        font-weight: normal;
        line-height: 191px;
    }
    #livecureprogram #column_2 .title_sub_2 {
        float: left;
        width: 220px;
        height: 95px;
        background-color: #4896c4;
        margin: 0 1px 1px 0px;
        text-align: center;
        color: white;
        font-size: 16px;
        font-weight: normal;
        line-height: 95px;
    }
    #livecureprogram #column_2 .title_sub_3 {
        line-height: 22px;
        padding: 25px 0 0 0px;
    }
    #livecureprogram #column_2 .copy_2 {
        float: left;
        width: 758px;
        height: 95px;
        background-color: #ecf6ff;
        margin: 0 0 1px 0px;
        padding: 39px;
        color: #4f4f4f;
        font-size: 15px;
        font-weight: normal;
    }
    #livecureprogram #column_2 .even {
        background-color: #f8f8f8;
    }


    /* 아토피 치료의 두가지 지표, 장내세균총과 중심체온 */
    #index {
        float: left;
        width: 1200px;
        height: 613px;
        margin: 100px 0 0 0px;
    }
    #index .immunity {
        float: left;
        width: 580px;
        height: 485px;
        margin: 60px 40px 0 0px;
        background-color: white;
    }
    #index .immunity:last-child {
        margin-right: 0px;
    }
    #index .immunity img {
        float: left;
        width: 578px;
        height: 358px;
        border: 1px solid #d7d7d7;
    }
    #index .immunity figcaption {
        float: left;
        width: 100%;
        height: auto;
        font-size: 20px;
        font-weight: bold;
        color: #4f4f4f;
        margin: 25px 0 0 0px;
    }
    #index .immunity p {
        float: left;
        width: 100%;
        height: auto;
        font-size: 16px;
        font-weight: normal;
        color: #4f4f4f;
        margin: 10px 0 0 0px;
    }
    #index .immunity p span {
        float: left;
        width: 100%;
        height: auto;
        font-size: 16px;
        font-weight: normal;
        color: #f26c4f;
        margin: 10px 0 0 0px;
    }


    /* 아토피 치료전후 사진 */
    #beforeafter {
        float: left;
        width: 1200px;
        height: auto;
        margin: 100px 0 0 0px;
    }
    #beforeafter .b_a_image_l {
        float: left;
        width: 580px;
        height: 220px;
        margin: 0 0 10px 0px;
    }

    #beforeafter .b_a_image_r {
        float: right;
        width: 580px;
        height: 220px;
        margin: 0 0 10px 0px;
    }
    #beforeafter .image_box {
        float: left;
        width: 290px;
        height: 220px;
    }
    #beforeafter .image_box .cure_branch {
        position: absolute;
        width: 85px;
        height: 35px;
        color: white;
        line-height: 35px;
        text-align: center;
        background: rgba(0,0,0, 0.75);
    }
    #beforeafter .image_box img {
        float: left;
        width: 100%;
        height: 180px;
    }
    #beforeafter .image_box figcaption {
        float: left;
        width: 290px;
        height: auto;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        font-weight: normal;
        color: #4f4f4f;
    }
    #beforeafter .first {
        margin-top: 60px;
    }
    #beforeafter #more {
        float: left;
        width: 250px;
        line-height: 55px;
        font-size: 18px;
        font-weight: bold;
        margin: 30px 0 0 475px;
        
    }
    #beforeafter #more a {
        float: left;
        width: 250px;
        text-align: center;
        color: white;
        background-color: #4896c4;
        border-radius: 50px;
    }
    .videoWrapper {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 56.25%;
    }
    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    /* 부위별 아토피 */
    .region_atopy_img {
        width: 100%;
    }
    .tab_type02 {
        overflow:hidden;
        width:100%;
        background:url('../../images/intro/brancnTab_bar.gif') repeat-y 0 0;
    }
    .tab_type02 li {
        float:left;width:171px;
        text-align:center;
        line-height:50px;
        font-size:16px;
        background:url('../../images/intro/brancnTab.png') no-repeat right top;
        cursor:pointer;
    }
    .tab_type02 li a {
        display:block;
    }
    .tab_type02 li.on {
        color:#fff;
        background:#ff896f;
    }
    .tab_type02 li.on a {
        color:#fff;
    }