@charset "utf-8";

/* top_img */
.top_img .inner {background:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),url(../img/business/business_top_bg.jpg)no-repeat center center; background-size:cover;}

/* contents */
.contentW {width:100%; background:#fff;}

.contentW .inner {width:58.5rem; margin:0 auto; padding:5rem 0;}

.contentW .inner .content {margin:0 0 5rem 0;}
.contentW .inner .content:last-child {margin-bottom:0;}

.contentW .inner .content h2 {text-align:center; font-size:1.4rem; padding:0 0 2.5rem 0;}
.contentW .inner .content img {display:block; max-width:100%; margin:0 auto;}
.contentW .inner .content li {font-size:0.9rem;}

.contentW .inner .con1:after {content:''; display:block; clear:both;}
.contentW .inner .con1 .left {float:left; width:49%;}
.contentW .inner .con1 .right {float:right; width:49%; padding: 15% 0;}

.contentW .inner .con1 ul {height:10.3rem; border:2px solid #ddd; box-sizing:border-box;}
.contentW .inner .con1 ul:nth-child(1) {margin-bottom:1.5rem;}
.contentW .inner .con1 ul li {padding:0 1rem;}
.contentW .inner .con1 ul .title {padding:0.75rem 1rem; background: #0063A6; color: #fff; font-size:1rem;}
.contentW .inner .con1 ul li:nth-child(2) {padding-top:1rem;}

/* img 아래에 내용 넣을 때 css 참고
.contentW .inner .con2 .top:after {content:''; display:block; clear:both;}

.contentW .inner .con2 ul {height:10.3rem; border:1px solid #ddd; box-sizing:border-box;}
.contentW .inner .con2 ul:nth-child(odd) {float:left; width:49%;}
.contentW .inner .con2 ul:nth-child(even) {float:right; width:49%;}

.contentW .inner .con2 ul li {padding:0 1rem;}
.contentW .inner .con2 ul .title {padding:0.75rem 1rem; background: #0063A6; color: #fff; font-size:1rem;}
.contentW .inner .con2 ul li:nth-child(2) {padding-top:1rem;}
*/

@media (max-width:1186px ){
    
    /* contents */
    .contentW .inner {width:90%;}

    .contentW .inner .con1 .left, .contentW .inner .con1 .right {float:none; width:100%;}
    .contentW .inner .con1 .left {padding-bottom:2.5rem;}
    .contentW .inner .con1 .right {padding: 0;}
    .contentW .inner .right:after {content:''; display:block; clear:both;}

    .contentW .inner .con1 ul:nth-child(1) {margin-bottom:0;}
    .contentW .inner .con1 ul:nth-child(odd) {float:left; width:49%;}
    .contentW .inner .con1 ul:nth-child(even) {float:right; width:49%;}
}

@media ( min-width:0px ) and ( max-width:900px ){
    
    /* contents */
    .contentW .inner .con1 ul {height: 100%; padding-bottom:1rem;}
    .contentW .inner .con1 ul:nth-child(odd) {float:none; width:100%; margin-bottom:1.5rem;}
    .contentW .inner .con1 ul:nth-child(even) {float:none; width:100%;}
   
}