@charset "utf-8";

/* main_visual */
.main_visual {position:relative;width:100%;height:773px;overflow:hidden;}
.main_visual .main_txt{position:absolute; width:1240px; top:158px; left:50%; margin-left:-220px; z-index:9999; text-align:center;}
.btn_main_service a{display:inline-block; color:#000; border:4px solid #af0055; padding:15px 50px; margin-top:50px; margin-left:300px; font-size:20px;}
.btn_main_service a:hover{background:#fff; transition:all 0.7s ease; color:#333;}

#slideshow{width:100%;position:relative; left:50%; margin-left:-960px;}
#slideshow ul{width:100%;margin:0 auto;text-align:center}
#slideshow li{position:relative;top:0;left:0;}

#main_container{position:absolute; width:100%; margin-top:-190px; overflow:hidden; z-index:999; }

.center_service { position:relative; max-width:1400px; margin:0 auto; }
.service_list { position:relative; width:100%; margin:0 auto; overflow:hidden; text-align: center }
.service_list li { display:inline-block ;width:420px; background:url("/resources/images/main/c_menu_bg.jpg") repeat 0 0;  text-align:center; margin-left:70px;}
.service_list li:first-child { margin-left:0px; }
.service_list li a {display: block; padding:30px 0; background: #f6f6f6;}
.service_list li h3.txt { font-size:28px; font-weight:500; letter-spacing:-2px; padding:15px 0; }
.service_list li p { font-size:14px; letter-spacing:-0.7px; color:#000; line-height:20px; padding:0px 80px 0 80px; }

.service_text { position:relative; width:100%; padding:100px 0; text-align:center; }
.service_text h2 { font-size:40px; font-weight:500; letter-spacing:-2px; padding:10px 0;  }
.service_text p { font-size:18px; letter-spacing:-1.2px; color:#555; line-height:20px;  }


/*데이터 없을때*/
.main_no_data{width:100%; text-align:center; margin-top:132px; min-height:281px;}
.main_no_data p{font-size:20px; color:#666; margin-top:10px;}



/***************모바일***************/
@media all and (max-width:768px) {

    /* main_visual */
    .main_visual {height:370px; overflow:hidden;}
    .main_visual .main_txt{width:80%; top:120px; left:50%; margin-left:-39%;}
    .main_visual .main_txt img {width:100%;}
    .btn_main_service {margin-top:35px;}
    .btn_main_service a{padding:10px 25px; margin:0; font-size:16px; background: #fff;}

    #main_container {margin-top:0;  word-break: keep-all;}
    .bx-viewport{width:75% !important; margin:0 auto;}

    .center_service {max-width:820px;}
    .service_list li {float: none; width: 90%; min-height:200px; height: auto; margin: 20px auto;}
    .service_list li:first-child {margin:20px auto;}
    .service_list li p { padding:0 30px;}

    .service_text { position:relative; width:80%; margin:0 auto; padding:0px 0 35px 0; text-align:center; }
    .service_text h2 { font-size:28px; padding:10px 0;}
    .service_text p { font-size:14px; line-height:20px;}


    /*더보기*/
    .btn_more a{display:inline-block; border:1px solid #666; border-radius:10px; color:#666; font-size:16px; padding:10px 60px;}

}