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

.pro {
    padding:30px 0;
    margin-bottom:20px;
}

.pro img {
	width:100%;
    padding:5%;
}

.pro p {
    font-size:14px;
    font-family:'Nanum Gothic';
    font-weight:600;
    letter-spacing:-1px;
    line-height:1.5;
    color:#777;
    width:60%;
    margin:10px 0;
}

.pro a {
    font-size:14px;
    font-family:'Nanum Gothic';
    font-weight:600;
    letter-spacing:-1px;
    line-height:1.5;
    color:#b92111;
    width:60%;
    padding:3px 5px;
    text-align:center;
    border:1px solid #b92111;
    border-radius:15px;
    transition:0.5s ease;
}

.pro a:hover {
    color:#fff;
    box-shadow:
        0px 20px 0 0 #b92111 inset, 
        0px -20px 0 0 #b92111 inset;
}


.pro .pro_box {
	border-bottom:1px solid #bbb;
    margin:40px;
}

.pro .pro_box h2 {
    font-size:16px;
    font-family:'Jeju Gothic';
    font-weight:400;
    letter-spacing:-1px;
    padding:6px 0 4px;
    text-align:center;
    color:#373737;
    border:1px solid #ddd;
    border-bottom:0;
    width:130px;
}

/*pro_menu*/

.pro .pro_menu {
    border-bottom:1px solid #aaa;
    margin-bottom:30px;
    overflow:hidden;
}

.pro .pro_menu li {
    font-size:16px;
    font-family:'Jeju Gothic';
    font-weight:400;
    letter-spacing:-1px;
    padding:6px 0 4px;
    text-align:center;
    color:#373737;
    border:1px solid #ddd;
    width:12%;
    float:left;
    transition:0.4s ease;
    margin-right:0.5%;
    border-top-left-radius:13px;
}

.pro .pro_menu li:hover {
    cursor:pointer;
    background:#777;
    color:#fff;
    border-bottom:1px solid #cf1515;
}

.pro .pro_menu_on {
    background:#cf1515;
    box-shadow:0px 14px 0px rgba(255,255,255,0.22) inset;
    color:#fff !important;
}

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

/* mobile */
@media screen and (max-width:768px){
    .pro {
        padding:10px 0;
    }

    .pro img {
        width:100%;
        padding:30px 10px;
    }

    .pro .pro_menu {
        border-bottom:0;
        padding:0 10px;
        margin-bottom:0px;
    }

    .pro .pro_menu li {
        width:24.5%;
        margin-bottom:10px;
        font-size:13px;
    }
}