@charset "utf-8";
/* CSS Document */



/**************************************************
PC, 테블릿 가로 ( 769px 이상 해상도 )
**************************************************/

/* Slider */
#main .main-visual{position:relative;}
#main .main-visual .bxslider li{height:750px;}
#main .main-visual .bxslider li.slide-img01{background:url(../images/main/slide01.jpg) no-repeat center;}
#main .main-visual .bxslider li.slide-img02{background:url(../images/main/slide02.jpg) no-repeat center;}
#main .main-visual .bxslider li.slide-img03{background:url(../images/main/slide03.jpg) no-repeat center;}
#main .main-visual .bxslider li.slide-img04{background:url(../images/main/slide04.jpg) no-repeat center;}
#main .main-visual .bxslider li.slide-img05{background:url(../images/main/slide05.jpg) no-repeat center;}
#main .main-visual .bxslider li div.slide-txt{max-width: 1280px;margin:0 auto; margin-top: 240px;padding-left:8.4%; *padding-left:15%;box-sizing:border-box;}
#main .main-visual .bxslider li div.slide-txt h1{font-size:3.1235rem;color:#fff;}
#main .main-visual .bxslider li div.slide-txt h1 br { display: none;}
#main .main-visual .bxslider li div.slide-txt span{font-size:3.1235rem;font-weight:500;display:block;margin-top:25px;color:#fff}
#main .main-visual .bxslider li div.slide-txt a.slide-go{color:#fff;font-size:1.5rem;margin-top:45px;display:inline-block;padding:5px 18px 5px 5px;background:url(../images/main/go_arr_w.png) no-repeat 99% center;background-size:7px;font-weight: 400;}
/* Pager */
#main .main-visual .bx-controls-auto{display:none}
#main .main-visual .bx-pager{position:absolute;bottom:48px;text-align:center;width:100%; *width:46%; *left:46%;}
#main .main-visual .bx-pager > div{display:inline-block; *float:left; *width:25px;}
#main .main-visual .bx-pager > div a.bx-pager-link{background:url(../images/main/slide_pg.png) no-repeat center;width:25px;height:25px;display:block;color:transparent}
#main .main-visual .bx-pager > div a.bx-pager-link.active{background:url(../images/main/slide_pg_on.png) no-repeat center}
/* 이전, 다음 */
#main .main-visual .slide_btn{position:absolute;z-index:9;width:100%}.slide_btn p{width:1184px;margin:320px auto 0;height:69px;position:relative}
#main .main-visual .slide_btn p #prev{left:0}.slide_btn span{display:block;position:absolute;height:69px;width:30px}
#main .main-visual .slide_btn p #next{right:0}
#main .main-visual .slide_btn p #prev a.bx-prev{background:url(../images/main/slide_arr_l.png) no-repeat left center}
#main .main-visual .slide_btn p #next a.bx-next{background:url(../images/main/slide_arr_r.png) no-repeat right center;background-size:30px;position:absolute;right:0}
#main .main-visual .slide_btn p span a{height:69px;display:block;color:transparent}
/* 화살표 버튼 */@media screen and (max-width:1183px){#main .main-visual .slide_btn{display:none}}

/* 공통 */
#main .business, #main .contact, #main .news{padding-top:158px;}
#main section > article{max-width: 1160px;margin:0 auto;}
#main section > article h1.tit{font-size:1.5rem;font-weight:700;color:#2172ba;text-align:center}
#main section > article h2.exp{font-size:1.875rem;line-height:2.81215rem;text-align:center;margin:36px 0 60px;color: #2c2c2c;}
#main section > article h2.exp span{font-size:1.875rem;font-weight:500}
#main section > article h3.tit-arr {font-size: 1.5rem;font-weight: 700;margin-bottom: 25px;}
#main section > article h3.tit-arr:after, #main .news .more-arr:after {content: '';width: 9px;height: 16px;background: url(../images/main/go_arr_b.png) no-repeat right center;display: inline-block;margin-left: 10px;}

/* Business */
#main .business{background:#f5f5f5; padding-bottom:530px;}
#main .business .info-box, #main .news .news-box{overflow:hidden;}
#main .business .info-box li, #main .news .news-box li{width: 31.2%;float:left;border: 1px solid #e0e0e0;margin-left: 3.2%;background: #fff; *width: 31%; width: 30.9%\0/IE8;}
#main .business .info-box li:first-child, #main .news .news-box li:first-child { margin-left: 0;}
#main .business .info-box li dl dd{padding: 58px 13%;}
#main .business .info-box li dl dd p {font-size: 1.25rem;line-height: 1.8rem;font-weight: 400;}

/* Contact */
#main .contact{margin-top:-530px}
#main .contact .contact-box{ border: 1px solid #e0e0e0; overflow: hidden;}
#main .contact .contact-box p, #main .contact .contact-box span.inq {float: left;width: 50%;height: 100%;}
#main .contact .contact-box span.inq { padding: 42px 7% 28px; background: #fff; display: block; box-sizing:border-box; *padding: 42px 6% 28px; *width:38%}
#main .contact .contact-box span.inq ul li, #main .contact .contact-box span.inq ul li span { color: #2172ba;font-size: 1.0625rem;}
#main .contact .contact-box span.inq ul li, #main .contact .contact-box span.inq dl dd {margin-bottom: 10px;display: flex;line-height: 1.4rem;}
#main .contact .contact-box span.inq ul li span, #main .contact .contact-box span.inq dl dt { font-weight: 500;}
#main .contact .contact-box span.inq dl{overflow: hidden; margin-top: 36px;}
#main .contact .contact-box span.inq dl dt, #main .contact .contact-box span.inq dl dd { font-size: 1.0625rem;}
#main .contact .contact-box span.inq dl dt { float: left; width: 106px; margin-right: 34px; *width:112px;}

/* News */
#main .news .news-box li{ min-height: 167px;}
#main .news .news-box li a { padding: 29px 12.2%;}
#main .news .news-box li a:hover { background: #2172ba; -webkit-animation: fadeEffect .5s; animation: fadeEffect .5s;}
#main .news .news-box li a:hover dt{color: #fff;}
#main .news .news-box li a:hover dd{color: #ffffff9a; color: #fff;}
#main .news .news-box li dl dt {font-size: 1.25rem;line-height: 1.8rem;height: 56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#main .news .news-box li dl dd {margin-top: 38px;font-size: 0.9375rem;color: #515151;}
#main .news .more-arr{font-size:1.25rem;font-weight:500;background: #f5f5f5;padding: 16.5px 0;border-radius: 100px;margin: 30px auto 0;width: 141px;text-align: center;}

/* PC ( 1160px 이하 해상도 )  */
@media screen and (min-width:769px) and (max-width:1159px){
/* Business */
#main .business .info-box li{min-height:466px;}
#main .business .info-box li dl dd p br{display:none;}
/* Contact */
#main .contact .contact-box p{width:55%;}
#main .contact .contact-box {height: 470px;}
#main .contact .contact-box span.inq{width:45%;padding: 44px 5% 28px;}
#main .contact .contact-box img{width:auto;height:100%;margin-left: -30%;}
#main .contact .contact-box span.inq ul li span, #main .contact .contact-box span.inq ul li{display:block;}
#main .contact .contact-box span.inq dl{margin-top:15px;}
#main .contact .contact-box span.inq dl dt{float:none;margin: 12.5px 0 5px;}
}



/**************************************************
		Tablet / Mobile ( 768px 이하 해상도 )
**************************************************/

@media screen and (max-width:768px){
/* Slider */
#main .main-visual .bxslider li div.slide-txt { margin: 170px auto 0; max-width: 375px; padding-left: 0; text-shadow: 1px 1px 5px rgb(0 0 0 / 0.9); width: 85%; }
#main .main-visual .bxslider li div.slide-txt h1 { font-size: 1.626rem; line-height: 2.25rem; }
#main .main-visual .bxslider li div.slide-txt span { font-size: 1.626rem; margin-top: 0; }
#main .main-visual .bxslider li div.slide-txt h1 br { display: block; }
#main .main-visual .bxslider li {background-position: 70% center !important;background-size: cover !important;height: 452px;transition: all 0.3s 0s ease-in-out;}
#main .main-visual .bxslider li div.slide-txt a.slide-go { background: url(../images/main/m-go_arr_w.png) no-repeat 99% center; background-size: auto; font-size: 0.8125rem; margin-top: 20px; padding: 5px 18px 5px 2px; }
#main .main-visual .bx-pager { bottom: 20px; }

/* 공통 */
#main .business, #main .contact, #main .news { padding-top: 70px; }
#main section > article { max-width: 375px;width: 90%; }
#main section > article h1.tit { font-size: 0.8125rem; }
#main section > article h3.tit-arr { font-size: 0.9375rem; margin-bottom: 10px; }
#main section > article h3.tit-arr:after, #main .news .more-arr:after { background: url(../images/main/m-go_arr_b.png) no-repeat right center; height: 10px; margin-left: 5px; width: 6px; }
#main section > article h2.exp { font-size: 1.25rem; line-height: 1.75rem; margin: 10px 0 30px; }
#main section > article h2.exp span { font-size: 1.25rem; }

/* Business */
#main .business { padding-bottom: 248px;}
#main .business .info-box li, #main .news .news-box li { float: none; margin: 0 0 20px 0; width: 100%; }
#main .business .info-box li dl dt, #main .contact .contact-box p {height: 156px;overflow: hidden;}
#main .business .info-box li dl dd { padding: 20px 14px; }
#main .business .info-box li dl dd p { font-size: 0.8125rem; letter-spacing: -.4px; line-height: 1.25rem; }
#main .business .info-box li dl dd p br { display: none; }

/* Contact */
#main .contact { margin-top: -280px; }
#main .contact .contact-box p, #main .contact .contact-box span.inq { float: none; width: 100%; }
#main .contact .contact-box span.inq { padding: 20px; }
#main .contact .contact-box span.inq ul *, #main .contact .contact-box span.inq dl * { font-size: 0.8125rem !important; line-height: 1.25rem !important; }
#main .contact .contact-box span.inq ul li { display: inline-block; margin: 0 15px 0 0; }
#main .contact .contact-box span.inq dl { margin-top: 20px; }
#main .contact .contact-box span.inq dl dt { margin-right: 15px; width: 82px; }
#main .contact .contact-box span.inq dl dd { margin-bottom: 0; }

/* News */
#main .news .news-box li { margin: -1px 0 0 0; min-height: auto; }
#main .news .news-box li:first-child { margin-top: 0; }
#main .news .news-box li a { background: url(../images/main/m-news-arr.png) no-repeat 95% center; background-size: 10px; padding: 26px 40px 30px 22px; }
#main .news .news-box li dl dt { display: block; font-size: 0.9375rem; font-weight: 400; height: auto; text-overflow: ellipsis; white-space: nowrap; }
#main .news .news-box li dl dt br { display: none; }
#main .news .news-box li dl dd { font-size: 0.8125rem; margin-top: 3px; }
#main .news .more-arr { font-size: 0.8125rem; margin: 20px auto 0; padding: 11.5px 0; width: 160px; }
}

/* Tablet / Mobile ( 640px 이상  768px 이하 해상도 )  */
@media screen and (min-width:640px) and (max-width:768px){
/* 메인 슬라이드 화살표 */
#main .main-visual .slide_btn { display: block !important; }
#main .main-visual .slide_btn p { margin: 220px auto 0; width: 80%; }
#main .main-visual .slide_btn p span a { background-size: 20px !important; }
/* 메인 슬라이드 텍스트 */
#main .main-visual .bxslider li div.slide-txt{max-width: 480px;}
#main .main-visual .bxslider li div.slide-txt h1 br { display: none;}
/* 메인 컨텐츠 */
#main section > article { max-width: 480px; width: 90%; }
#main .business .info-box li dl dt, #main .contact .contact-box p {height: 220px;}
#main .business .info-box li dl dd{padding: 20px;}
}