@charset "UTF-8";
/*************************************************
            css파일에서 수정금지!!!!!!!
            scss파일에서 수정해야함!!!!!!
*************************************************/
#nt_body { padding: 0; }

main .prod { padding: 100px 0; background: #f9f9f9; }

main .prod .slider { position: relative; }

main .prod .slider .inner { overflow: hidden; width: 100%; margin: 0 auto; }

main .prod .slider .inner .slide_list .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 0 25px; width: calc(56% - 50px); height: 450px; background: #fff; }

main .prod .slider .inner .slide_list .swiper-slide .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .prod .slider .inner .slide_list .swiper-slide .img img { width: 100%; max-width: 100%; }

main .prod .slider .inner .slide_list .swiper-slide .txt { position: relative; padding: 55px 10px 45px 0; min-width: 45%; }

main .prod .slider .inner .slide_list .swiper-slide .txt .sub-title { position: relative; padding: 0 0 27px; margin: 0 0 33px; line-height: 1; color: #111; }

main .prod .slider .inner .slide_list .swiper-slide .txt .sub-title:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: #014099; }

main .prod .slider .inner .slide_list .swiper-slide .txt .name { padding: 0 0 25px; font-size: 35px; font-weight: 700; line-height: 1.2; word-break: keep-all; }

main .prod .slider .inner .slide_list .swiper-slide .txt .desc li { padding: 0 0 10px; font-size: 16px; line-height: 1.2; word-break: keep-all; }

main .prod .slider .inner .slide_list .swiper-slide .txt a.more { display: block; position: absolute; left: 0; bottom: 45px; width: 60px; height: 60px; border: 1px solid #e1e1e1; background: url(/img/arpl/ico_arrow_right2.png) no-repeat center center/auto; }

@media (max-width: 1800px) { main .prod .slider .inner .slide_list .swiper-slide { width: calc(66% - 50px); } }

@media (max-width: 1400px) { main .prod .slider .inner .slide_list .swiper-slide { width: calc(80% - 50px); height: 430px; }
  main .prod .slider .inner .slide_list .swiper-slide .img { width: 50%; }
  main .prod .slider .inner .slide_list .swiper-slide .txt { width: 50%; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .sub-title { padding: 0 0 25px; margin: 0 0 28px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .name { font-size: 30px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt a.more { width: 50px; height: 50px; } }

@media (max-width: 768px) { main .prod .slider .inner .slide_list .swiper-slide { margin: 0 10px; width: calc(90% - 5px); height: 380px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .sub-title { padding: 0 0 22px; margin: 0 0 20px; font-size: 16px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .sub-title:after { height: 2px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .name { padding: 0 0 20px; font-size: 24px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .desc li { font-size: 15px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt a.more { display: none; } }

@media (max-width: 576px) { main .prod .slider .inner .slide_list .swiper-slide { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 20px; margin: 0 10px; width: calc(90% - 5px); height: auto; }
  main .prod .slider .inner .slide_list .swiper-slide .img { width: 100%; text-align: center; }
  main .prod .slider .inner .slide_list .swiper-slide .img img { max-width: 340px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt { padding: 20px 0 0; width: 100%; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .sub-title { padding: 0 0 22px; margin: 0 0 20px; font-size: 16px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .sub-title:after { height: 2px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .name { padding: 0 0 20px; font-size: 24px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt .desc li { font-size: 15px; }
  main .prod .slider .inner .slide_list .swiper-slide .txt a.more { display: none; } }

main .prod .slider .btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; width: 90px; height: 90px; text-align: center; font-size: 38px; line-height: 90px; border-radius: 50%; color: #fff; background: rgba(0, 0, 0, 0.3); -webkit-transition: 0.3s; transition: 0.3s; }

main .prod .slider .btn.prev { left: 20%; }

main .prod .slider .btn.next { right: 20%; }

main .prod .slider .btn:focus { -webkit-box-shadow: none; box-shadow: none; }

main .prod .slider .btn:hover { background: rgba(0, 0, 0, 0.6); }

@media (max-width: 1400px) { main .prod .slider .btn { width: 80px; height: 80px; line-height: 80px; }
  main .prod .slider .btn.prev { left: 6%; }
  main .prod .slider .btn.next { right: 6%; } }

@media (max-width: 991px) { main .prod .slider .btn { width: 70px; height: 70px; line-height: 70px; }
  main .prod .slider .btn.prev { left: 4%; }
  main .prod .slider .btn.next { right: 4%; } }

@media (max-width: 768px) { main .prod .slider .btn { width: 60px; height: 60px; line-height: 60px; }
  main .prod .slider .btn.prev { left: 2%; }
  main .prod .slider .btn.next { right: 2%; } }

main .company { padding: 70px 0 60px; background: url(/img/arpl/m_company_bg.jpg) no-repeat center center/auto; background-attachment: fixed; }

main .company .flex { padding: 0 50px; }

main .company .flex .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

main .company .flex .txt { font-size: 24px; line-height: 1.5; color: #fff; font-weight: 500; }

main .company .flex .txt p { padding: 0 0 20px; }

main .company .flex .txt a { color: #fff; }

@media (max-width: 1200px) { main .company .flex { padding: 0; }
  main .company .flex .txt { font-size: 22px; } }

@media (max-width: 991px) { main .company .flex .txt { width: 60%; font-size: 18px; }
  main .company .flex .txt p br { display: none; } }

@media (max-width: 768px) { main .company .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 10px; }
  main .company .flex .txt { padding: 40px 0 0; width: 100%; text-align: center; } }

@media (max-width: 576px) { main .company .flex .txt { font-size: 16px; } }

main .customer .flex > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 650px; }

main .customer .flex .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: right; -ms-flex-pack: right; justify-content: right; padding: 100px 10px 150px; background: url(/img/arpl/m_info_bg.jpg) no-repeat center center/auto; background-size: cover; }

main .customer .flex .info .inner { max-width: 780px; width: 100%; color: #fff; }

main .customer .flex .info .inner .img img { width: 100%; max-width: 453px; }

main .customer .flex .info .inner dl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 0 30px; }

main .customer .flex .info .inner dl dt, main .customer .flex .info .inner dl dd { margin-bottom: 18px; height: 50px; line-height: 50px; }

main .customer .flex .info .inner dl dt { width: 50px; height: 50px; background: url(/img/arpl/ico_tel.png) no-repeat center center/contain; text-indent: -9999999%; }

main .customer .flex .info .inner dl dt:nth-of-type(2) { background: url(/img/arpl/ico_fax.png) no-repeat center center/contain; }

main .customer .flex .info .inner dl dd { padding-left: 15px; width: calc(100% - 50px); font-size: 35px; font-weight: 700; }

main .customer .flex .info .inner ul li { font-size: 20px; font-weight: 500; line-height: 1.2; }

main .customer .flex .info .inner ul li + li { padding: 15px 0 0; }

main .customer .flex .location { overflow: hidden; position: relative; }

main .customer .flex .location .map-wrap { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

@media (max-width: 1199px) { main .customer .flex > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 550px; }
  main .customer .flex .info .inner .img img { max-width: 400px; } }

@media (max-width: 991px) { main .customer .flex > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 500px; }
  main .customer .flex .info { padding: 80px 10px; }
  main .customer .flex .info .inner .img img { max-width: 350px; }
  main .customer .flex .info .inner dl dt, main .customer .flex .info .inner dl dd { margin-bottom: 13px; height: 40px; line-height: 40px; }
  main .customer .flex .info .inner dl dt { width: 40px; }
  main .customer .flex .info .inner dl dd { width: calc(100% - 40px); font-size: 28px; }
  main .customer .flex .info .inner ul li { font-size: 17px; } }

@media (max-width: 768px) { main .customer .flex > div { height: 440px; }
  main .customer .flex .info .inner .img img { width: 240px; }
  main .customer .flex .info .inner dl { padding: 40px 0 20px; }
  main .customer .flex .info .inner dl dt, main .customer .flex .info .inner dl dd { margin-bottom: 13px; height: 34px; line-height: 34px; }
  main .customer .flex .info .inner dl dt { width: 34px; }
  main .customer .flex .info .inner dl dd { width: calc(100% - 34px); font-size: 20px; }
  main .customer .flex .info .inner ul li { font-size: 15px; line-height: 1.2; } }

@media (max-width: 576px) { main .customer .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  main .customer .flex > div { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; }
  main .customer .flex .info { padding: 60px 30px; height: auto; }
  main .customer .flex .location { height: 340px; } }

@media (max-width: 400px) { main .customer .flex .info { padding: 50px 20px; height: auto; }
  main .customer .flex .location { height: 320px; } }

main .contact { padding: 100px 0; }

main .contact .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0 0 60px; }

main .contact .header h2 { padding: 0 20px 0 0; font-size: 35px; font-weight: 700; color: #111; }

main .contact .header span { display: block; color: #777; }

@media (max-width: 576px) { main .contact { padding: 70px 0; }
  main .contact .header { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 20px; text-align: center; }
  main .contact .header h2 { padding: 0 0 13px; width: 100%; font-size: 34px; }
  main .contact .header span { width: 100%; } }

main .quick { padding: 90px 0; }

main .quick ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 10px; border-right: 1px solid #d7d7d7; }

main .quick ul li:nth-of-type(1) h2 { background: url(/img/arpl/ico_company.png) no-repeat top center/auto; }

main .quick ul li:nth-of-type(2) h2 { background: url(/img/arpl/ico_notice.png) no-repeat top center/auto; }

main .quick ul li:nth-of-type(3) h2 { background: url(/img/arpl/ico_contact.png) no-repeat top center/auto; }

main .quick ul li:last-of-type { border-right: 0; }

main .quick ul li:last-of-type h2 { background: url(/img/arpl/ico_location.png) no-repeat top center/auto; }

main .quick ul li a h2 { padding: 70px 0 15px; text-align: center; line-height: 1; font-size: 20px; font-weight: 700; color: #000; }

main .quick ul li a p { font-size: 16px; color: #666; line-height: 1.5; text-align: center; }

main .quick ul li a:hover p { text-decoration: underline; }

@media (max-width: 991px) { main .quick ul li h2 { padding: 65px 0 15px; font-size: 18px; }
  main .quick ul li p { font-size: 15px; } }

@media (max-width: 768px) { main .quick ul li h2 { padding: 65px 0 15px; font-size: 18px; }
  main .quick ul li p { font-size: 14px; }
  main .quick ul li p br { display: none; } }

@media (max-width: 576px) { main .quick ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  main .quick ul li { padding: 30px 10px; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 50%; }
  main .quick ul li h2 { padding: 65px 0 15px; font-size: 18px; }
  main .quick ul li p { font-size: 14px; }
  main .quick ul li p br { display: none; }
  main .quick ul li:nth-of-type(2n) { border-right: 0; }
  main .quick ul li:nth-of-type(-n+2) { border-bottom: 1px solid #cfcfcf; } }

@media (max-width: 768px) { main .quick { padding: 70px 0; } }