@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;
}

/* 이미지 */
.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:#1880ca;
}
.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;
}

/* info_box */
.info .info_box {
    position:relative;
}
.info .info_box p {
    font-size:15px;
    font-family:'Nanum Gothic';
    font-weight:400;
    letter-spacing:-1px;
    color:#797979;
    line-height:1.7;
    margin:20px 0;
}
.info .info_box p em {
    font-family:'Nanum Gothic';
    font-weight:800;
}
.info .info_box p span {
    font-size:35px;
    font-family:'Nanum Brush Script';
    font-weight:400;
	letter-spacing:3px;
	padding-left:7px;
}
.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%;
    }
    .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;
    }
    .info .info_box 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;
    }
}