@import url("http://fonts.googleapis.com/css?family=Montserrat");
@import url("http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css");

.info2 {
}

.info2 h2 {
    font-size:25px;
    font-family:'montserrat';
    letter-spacing:-2px;
    text-align:center;
    background:#4463da;
    color:#fff;
    padding:5px 0;
    margin-bottom:20px;
}

.info2 p {
    font-size:16px;
    line-height:1.7;
    padding:5px 10px;
}

.info2 .info_2 {
    width:100%;
    display:inline-block;
    border-bottom:1px dashed #ddd;
    padding-bottom:30px;
    margin:15px auto;
}

.info_2 .img_box {
    width:38%;
    float:left;
}

.info_2 .img_box img {
    width:100%;
    max-width:271px;
    display:block;
    margin:0 auto;
    border:2px solid #eee;
}

.info_2 .txt_box {
    width:60%;
    padding:10px 0;
    float:right;

}

.info_2 .txt_box p {
    font-size:28px;
    letter-spacing:-2px;
    font-weight:bold;
    padding-bottom:10px;
    border-bottom:2px solid #eee;
}

.info_2 .txt_box p span {
    border-bottom:4px solid #4463da;
    padding-bottom:9px;
    color:#4463da;
}

.info_2 .txt_box ul {

}

.info_2 ul li {
    font-size:16px;
    line-height:1.7;
    padding:5px;
    position:relative;
    padding-left:10px;
}

.info_2 ul li strong {
	color:#4463da;
    font-size:17px;
    letter-spacing:-1px;
}

.info_2 ul li:before {
    display:inline-block;
    content:'';
    background-color:#4463da;
    width:3px;
    height:3px;
    background-size:100%;

    margin-right:5px;
    vertical-align:middle;
    position:absolute;
    top:15px;
    left:0;
}

.info_2 ul .txt_none:before {
    display:none;
}

.info_2 ul .txt_none {
    margin-top:-60px;
}

.info_2 ul .txt_none,.info_2 h3 {
    font-size:20px;
    font-weight:bold;
    padding-top:20px;
    display:block;
    color:#4463da;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px dashed #ddd;
    padding-left:0px;      
}

.info_2 h3 {
	border-bottom:none;
    padding-top:0;
}

.info_2 .txt_box ul .txt_none img,.info_2 h3 img {
    width:20px;
    margin-right:5px;
}

.info_2 .info_img {
	width:100%;
    display:block;
    margin:20px 0;
}

.info2 h4 {
    text-align:center;
    line-height:1.7;
    padding:10px;
    font-size:20px;
    letter-spacing:-2px;
    background:#edf1ff;
    border-right:4px solid #4463da;
    border-left:4px solid #4463da;

}

.info2 h4 span {
    font-size:22px;
    color:#4463da;
    border-bottom:1px solid #4463da;
    padding-bottom:2px;
}


/* s_pc */
@media screen and (min-width:991px) and (max-width:1199px){
    .info2 .info_2 {
        width:100%;
        display:block;
        margin:30px auto;
    }
}

/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .info2 .info_2 {
        width:100%;
        display:block;
        margin:30px auto;
    }
}

/* mobile */
@media screen and (max-width:768px){
    .info2 .info_2 {
        width:100%;
        display:block;
        margin:30px auto;
    }

    .info_2 .img_box {
        width:100%;
        float:none;
    }

    .info_2 .img_box img {
        width:100%;
        max-width:271px;
        display:block;
        margin:0 auto;
    }

    .info_2 .txt_box {
        width:100%;
        padding:10px 0;
        float:none;

    }

    .info_2 .txt_box ul {
        width:100%;
        float:none;
        margin-left:0;
    }
}