@charset "utf-8";
/* import */
@import url("base.css");
@import url("commone.css");

@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);







* {font-family: 'KoPubDotumMedium', sans-serif; letter-spacing: -1px;}



/* 콘텐츠 */
.main_intro02 .atopy_con {

}
.main_intro02 .atopy_con img {
    display: block;
    margin: 0 auto;
    width:100%;
}



@media all and (max-width:2559px) {
    .main_intro02 .atopy_con {
        height: auto;
    }
    .main_intro02 .atopy_con img {
        height: auto
    }
}


@media all and (max-width:1199px) {
    
    .main_intro02 .atopy_con {
        height: auto;
    }
    .main_intro02 .atopy_con img {
        width: 100%;
        height: auto
    }
}

/*
@media all and (min-width:787px) {
    .main_intro02 .atopy_con .mobile {
        display: none;
    }
}

@media all and (max-width:786px) {
    .main_intro02 .atopy_con .pc {
        display: none;
    }
    .main_intro02 .atopy_con .mobile {
        display: block;
    }
}
*/

.main06 {
    margin: 0 0 100px 0px;
}




/* 푸터 */
.intro_footer {
    background:#363636;
    float: left;
    width: 100%;
}
.intro_footer .intro_fmenu {
    border-bottom:1px solid #fff;
    color:#4f4f4f;
    font-size:16px;
}
.intro_footer .intro_fmenu ul {
    text-align:center;
}
.intro_footer .intro_fmenu ul li {
    display:inline-block;
}
.intro_footer .intro_fmenu ul li a {
    display:inline-block;
    padding:0 20px;
    line-height:59px;
    color:#4f4f4f;
}
.intro_footer .intro_fmenu ul li a:hover {
    color:#868686;
}

@media all and (max-width:550px) {
    .intro_footer .intro_fmenu {
        font-size:14px;
    }
    .intro_footer .intro_fmenu ul li a {
        padding:0 10px;
        line-height:50px;
    }
}
@media all and (max-width:400px) {
    .intro_footer .intro_fmenu {
        font-size:13px;
        color:#ccc;
    }
    .intro_footer .intro_fmenu ul li a {
        padding:0;
        line-height:40px;
    }
}

.intro_footer .intro_fcounsel_m {
    width: 100%;
    height: 60px;
    background-color: rgba( 0, 0, 0, 0.8 );
    position: fixed;
    bottom: 0px;
}
.intro_footer .intro_fcounsel_m .intro_fguide {
    width: auto; 
    float: left;
}
.intro_footer .intro_fcounsel_m .intro_fguide:first-child {
    margin: 20px 20px 0 47px;
}
.intro_footer .intro_fcounsel_m .intro_fguide:last-child {
    margin: 20px 0 0 20px;
}
.intro_footer .intro_fcounsel_m .intro_fguide a {
    color: white;
    font-size: 16px;
}
.intro_footer .intro_fcounsel_m .intro_fguide a img {
    height: 22px;
    width: auto;
    margin-right: 10px;
    margin-top: -2px;
}
.intro_footer .intro_finfo {
    width:1200px;
    margin:0 auto;
    padding:50px 0 30px;
    font-size:12px;
}
.intro_footer .intro_finfo:after {
    display:block;
    clear:both;
    content:'';
}
.intro_footer .intro_finfo .intro_f_logo {
    float:left;
    width:250px;
}
.intro_footer .intro_finfo .intro_f_copy {
    width:600px;
    line-height: 1.5em;
    margin: 30px auto;
    text-align: center;
    color: #b7b7b7;
}
.intro_footer .intro_finfo .intro_f_copy span {
    font-weight: bold;
    color:#0076a3;
}
.intro_footer .intro_finfo .intro_f_copy div .f_rule {
    margin-bottom: 20px;
}
.intro_footer .intro_finfo .intro_f_copy div > p {
    padding: 2px;
}
.intro_footer .intro_finfo .intro_f_copy div .f_rule > a {
    margin: 0 20px;
    color: white;
}
/*
.intro_footer .intro_finfo .intro_f_cs{float:left;width:380px;}
.intro_footer .intro_finfo .intro_f_cs > dl{padding-left:12px;border-left:1px solid #cbcbcb;}
.intro_footer .intro_finfo .intro_f_cs > dl dt{font-size:14px;color:#0076a3;}
*/
.intro_footer .intro_finfo .intro_f_family{width:250px;margin: 0 auto;}
.intro_footer .intro_finfo .intro_f_family .SumoSelect > .CaptionCont{line-height:30px;border-color:#c0c0c0;background: url('/images/main/intro_select.png') no-repeat 95% 50%;}
.intro_footer .intro_finfo .intro_f_family .SumoSelect > .optWrapper{top:auto;bottom:35px;}
@media all and (max-width:1199px) {
.intro_footer .intro_finfo{position:relative;width:100%;padding:20px 0 80px;}
.intro_footer .intro_finfo .intro_f_copy{float:none;width:100%;padding-top:10px;}
.intro_footer .intro_finfo .intro_f_copy > div{border:0;padding:0 10px; }
}
    
/*
.intro_footer .intro_finfo .intro_f_cs{float:none;width:100%;}
.intro_footer .intro_finfo .intro_f_cs > dl{border:0;padding:0 10px; }
*/
.intro_footer .intro_finfo .intro_f_family{bottom:30px;right:10px;}
}
@media all and (max-width:500px) {
.intro_footer .intro_finfo .intro_f_copy > div span{display:block;}
/*.intro_footer .intro_finfo .intro_f_cs > dl dd span{display:block;}*/
}
@media all and (max-width:350px) {
.intro_footer .intro_finfo{font-size:11px;}
.intro_footer .intro_finfo .intro_f_family{width:96%;right:2%;}
}

.intro_footer .intro_fcounsel {
    width: 100%; height: 90px; background-color: #ff896f; margin-top: -1px;
}
.intro_footer .intro_fcounsel > ul > li {
    text-align: center; margin: 33px 40px; float: left;
}
.intro_footer .intro_fcounsel > ul > li > a {
    color: white;
}


/* 모바일일 때 하단 고정메뉴 */
.intro_footer .intro_fcounsel_m {
    width: 100%; 
    height: 60px; 
    background-color: rgba( 0, 0, 0, 0.8 ); 
    position: fixed; 
    bottom: 0px; 
    z-index: 200;
}
.intro_footer .intro_fcounsel_m .intro_fguide {
    width: auto; 
    float: left;
}
.intro_footer .intro_fcounsel_m .intro_fguide:first-child {
    margin: 20px 20px 0 47px;
}
.intro_footer .intro_fcounsel_m .intro_fguide:last-child {
    margin: 20px 0 0 20px;
}
.intro_footer .intro_fcounsel_m .intro_fguide a {
    color: white;
    font-size: 16px;
}
.intro_footer .intro_fcounsel_m .intro_fguide a img {
    height: 22px; 
    width: auto; 
    margin-right: 10px; 
    margin-top: -2px; 
}




/* 메인으로 버튼 */
.go_main {
    padding:17px 0;
}
.go_main .btn {
    position:relative;
    display:inline-block;
    width:274px;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:white ;
    background:url('/images/main/btn_info_therapy.png') no-repeat top right;
}
.go_main .btn .icn {
    display:inline-block;
    width:23px;
    height:16px;
    margin-left:40px;
    background:url('/images/main/info_therapy_blet02.png?20170930') no-repeat;
}

/* 탑 버튼 */
#to_top {
    position : fixed ;
    bottom : 20px ;
    right : 20px ;
    cursor : pointer ;
    width : 57px ;
    height : 35px ;
    display : block ;
    padding-top : 10px ;
    background : #666 ;
    opacity : .5 ;
    color : #fff ;
    text-align : center ;
    border-radius : 4px ;
    text-decoration : none ;
}
@media all and (max-width:768px) {
    #to_top {
        bottom : 75px;
    }
}