/* 01 college -> vision02.jsp */
ul.dot, ol.dot {list-style: disc; margin: 0px; padding: 5px 5px 5px 15px; list-style-position : outside;}
ul.dot li, ol.dot li {margin: 5px 0;}
.cont_box .vis{float:left; width:240px; height: 320px;margin-right:13px; background: url(/public_2017/images/sub/college/img_ability04.jpg) top center no-repeat; background-size: cover;}
.cont_box .vis:nth-child(2) {background: url(/public_2017/images/sub/college/img_ability05.jpg) top center no-repeat; background-size: cover;}
.cont_box .vis:nth-child(3) {background: url(/public_2017/images/sub/college/img_ability06.jpg) top center no-repeat; background-size: cover; margin-right:0;}
.cont_box .vis dt{margin: 35px 25px 10px; color: #fff; font-size:20px; font-weight: bold; width:100%; text-align: left;}
.cont_box .vis dd {margin: 0 25px;}
.cont_box .vis dd ul li{font-size:14px;;color:#fff;line-height:130%;letter-spacing: -1px;}
.cont_box .object {display: table;}
.cont_box .object dt {display: table-cell; width:190px; text-align: center; color: #fff; font-size:17px; }
.cont_box .object dt span {display: block; padding:15px 32px; height:78px; border-radius: 10px; background: #30a2f8; font-weight:400;}
.cont_box .object:nth-child(2) dt span {background: #4fb0f9;}
.cont_box .object:nth-child(3) dt span {background: #6cbdf9;}
.cont_box .object dd {display: table-cell; padding-left:40px; width:516px; vertical-align: top;}
.cont_box .object dd h6 {color: #000; font-size:15px; font-weight: 800; margin:0;}
.cont_box .object dd ul {margin-bottom: 15px;}
@media (max-width: 980px) and (min-width: 838px) {
   .cont_box .vis {width:33%; margin-right:0.333%}
   .cont_box .vis dd ul {width:100%;}
}
@media (max-width: 837px) {
   .cont_box .vis {float:none; width:100%;overflow:hidden; margin-bottom:10px;}
   .cont_box .vis dd ul {width:100%;}
}
@media (max-width: 570px) {
    .cont_box .object {margin: 0;}
    .cont_box .object dt {display: block;}
    .cont_box .object dd {display: block; padding:20px 10px; width: 100%;}
}