@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/jejugothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css");

.info {
	margin-bottom:20px;

}

.info p {
    font-size:15px;
    font-family:'Nanum Gothic';
    font-weight:400;
    letter-spacing:-1px;
    color:#797979;
    line-height:1.7;
    margin:20px 0;
}

.info p em {
    font-family:'Nanum Gothic';
    font-weight:800;
}

.info span {
    font-size:35px;
    font-family:'Nanum Brush Script';
    font-weight:400;
    padding-left:10px;
}

/* 이미지 */
.sub_img {
    display: block;
    width: 100%;
    vertical-align: top;
    border-radius:25px 0 25px 0;
}

/* top */

.info .top {
    padding:20px 0;
}

.info .top h2 {
    font-size:25px;
    font-family:'Jeju Gothic';
    font-weight:400;
    letter-spacing:-2px;
    color:#595959;
    line-height:1.3;
}

.info .top h2 em {
    font-family:'Jeju Gothic';
    font-weight:400;
    color:#ab572e;
}

.info .top h3 {
    font-size:20px;
    font-family:'Jeju Gothic';
    font-weight:200;
    letter-spacing:0px;
    color:#fff;
    line-height:1.3;
    background:#0881d1;
    padding:10px 20px;
    margin:20px 0;
}
.info .top h3 em{
    font-size:25px;
    font-family:'Jeju Gothic';
    font-weight:400;
    color:#feeb6d;
    padding-left:15px;
} 



/* right */
.info_box_right {
    position:relative;    
    display:inline-block;
    width:30%;
    float:right;
    vertical-align:bottom;
}
.info_box_right img {
    display:block;
    width: 100%;
    max-width:190px;
    padding-top:30px;
}

/* info_box */


.info .info_box {
    position:relative;
    display:inline-block;
    width:60%;
}

.info .ceo {
    position:absolute;
    right:0;
    bottom:0;
    width:35%;
}

/* tablet */
@media screen and (min-width:769px) and (max-width:991px){

    .info {
        padding:0;
    }
}

/* mobile */
@media screen and (max-width:768px){
    .info {
        padding:0 7%;      
	margin-bottom:230px;
    }
       
    
    .info .top h2 {
        font-size:17px;
        letter-spacing:-1px;
    }
    
    .info .top h3 {
    font-size:15px;
    font-family:'Jeju Gothic';
    font-weight:200;
    letter-spacing:-1px;
    padding:10px;
}
    .info .info_box {
        overflow:hidden;
        display:block;
        width:100%;
     
    }    
     
    .info_box_right {
    position:relative;
    padding:20px 0;        
        width:100%;

}
.info_box_right img {

    padding-top:10px;
}
    .info p {
        width:100%;
        font-size:13px;
        margin:10px 0;
    }

    .info .ceo {
        position:static;
        width:100%;
        padding-left:50%;
        float:right;
    }

    .info .right {
        text-align:right;
    }    

}