@charset "utf-8";

#content {padding:20px 10px 50px;}

#content .titleBox {display: flex; justify-content: space-between; border-bottom:10px solid #ddd;}
#content .titleBox p:first-child {padding-top:20px; padding-right:20px; width:70%; font-size:0.9rem; line-height: 26px;}
#content .titleBox p:last-child {width:30%; text-align: center;}
#content .titleBox p img {width:100%; max-width:190px;}

#content .process {margin-top:50px;}
#content .process h3 {margin-bottom:20px; font-size:1.2rem; font-weight: normal; text-align: center;}
#content .process ul {list-style:none; display: flex; justify-content: space-evenly; align-items: center;}
#content .process ul li {text-align: center;}
#content .process ul li.infoBox {padding:15px 0; width:20%; font-size:13px; color:#fff; line-height:20px; border-radius:20px; background:#008DCF;}
#content .process ul li.arrow {width:6%; font-size:13px; color:#bbb;}

#content ul.gubunBox {margin:70px 0 50px; list-style:none; display: flex; justify-content: space-between;}
#content ul.gubunBox li {width:30%;}
#content ul.gubunBox li h3 {margin-bottom:20px; font-size:20px; font-weight: normal; text-align:center;}
#content ul.gubunBox li p {text-align: center;}
#content ul.gubunBox li img {width:80%; max-width: 120px; text-align:center;}
#content ul.gubunBox li p.txt {margin:15px 0; height:40px; text-align:center;}

#content ul.gubunBox li p a {padding:10px; color:#fff; background:#3499a5; border-radius:5px;}
#content ul.gubunBox li p a:hover {background:#3db5c2;}
#content ul.gubunBox li p a i {margin-right:5px; font-size:14px;}