@charset "utf-8";
/* ============================== 반응형 css ============================== */
@media screen and (max-width : 1715px) {
   .header .inner {padding: 0 10%;}
   .lang_wrap {margin-left: 20px;}

   .footer .btm {padding: 40px 20%;}

   /* ----- 메인 ----- */
   /* 제품소개 */
   .prd_slide .swiper-slide {padding-bottom: 28%;}

   /* ----- 서브 ----- */
   /* 회사개요 */
   .overview .con_container3 .con_wrap {height: 370px;}
   .overview .con_container3 .con_wrap .con .txt_box {height: 200px;}
}

/* 노트북 : 1024px ~ 1540px */
@media screen and (max-width : 1540px) {

   /* ----- 헤더, 푸터 ----- */
   /* 헤더 */
   .header .inner {padding: 0 2%;}
   .header .logo span {font-size:20px; top:13px;}
   .main_navi .main_menu > li {padding: 0 15px; font-size:15px;}
   .sub_menu > li > a {font-size: 15px;}
   lang_wrap {margin-left: 10px;}
   .all_menu {padding: 20px 5%}

   /* 푸터 */
   .footer .btm {padding: 40px 9%;}

   /* top 버튼 */
   .btn_top {right:30px; bottom:40px;}

   /* ----- 메인 ----- */
   .main_visual .swiper-slide span {line-height: 1.2;}
   
   /* 제품소개 */
   .prd_intro .inner {padding: 80px 10%;}
   .prd_slide .next {right:3%;}
   .prd_slide .prev {left:3%;}
   .prd_slide .swiper-slide {padding-bottom: 27%;}
   .prd_slide .swiper-slide .name_box {font-size: 16px;}

   /* 배너 */
   .banner .inner {padding: 0 5%;}
   .banner .box .txt {width:70%;}

   /* ----- 서브 ----- */
   /* 공통 */
   .depth_container .depth_wrap {padding: 0 5%;}
   .page_wrap {padding: 1% 5%;}
   .page_wrap .tit_wrap {margin-bottom:60px;}

   /* CEO인사말 */
   .greeting .page_wrap {padding: 1% 5%;}
   .greeting .con_container {margin-bottom:0;}
   .greeting .con_container .img_box {width:350px; height:500px;}
   .greeting .con_container .con_wrap .txt_box .txt:nth-of-type(4) {margin-bottom:50px;}

   /* 회사개요 */
   .overview .tit_wrap {padding: 0 5%;}
   .overview .tit_wrap::before {width: 90%;}

   .overview .con_container {padding: 0 5%;}
   .overview .con_container1 {margin-bottom: 120px;}

   .overview .con_container2 .con_wrap .img_box {right: 0; width:350px; height:500px;}
   .overview .con_container2 .con_wrap .txt_box {width: 55%;}
   .overview .con_container2 .con_wrap .txt_box .tit_box span {font-size:32px;}

   .overview .con_container2 .con_wrap .top {height: 380px; background-size: cover;}
   .overview .con_container2 .con_wrap .top .con {width: 240px; font-size:15px;}
   .overview .con_container2 .con_wrap .top .con:nth-child(1) {left: 0; top: 50px;}
   .overview .con_container2 .con_wrap .top .con:nth-child(2) {width: 220px; top: 130px;}
   .overview .con_container2 .con_wrap .top .con:nth-child(2) .tit_box {margin-left: 0;}
   .overview .con_container2 .con_wrap .top .con:nth-child(2) .txt {width: 115%;}
   .overview .con_container2 .con_wrap .top .con:nth-child(3) {left: 0; bottom: 20px;}

   .overview .con_container2 .con_wrap .btm .con {width: calc((100% / 4) - 40px);}
   .overview .con_container2 .con_wrap .btm .con .tit_box {width:185px; height:185px; line-height:185px;}
   .overview .con_container2 .con_wrap .btm .con .tit_box strong {font-size:20px;}

   .overview .con_container3 {padding: 0; margin-bottom: 250px; background-position: center; background-size: cover;}
   .overview .con_container3 > .tit {padding: 60px 7% 0;}
   .overview .con_container3 > .tit::before {left:5%;}
   .overview .con_container3 .con_wrap {padding: 40px 5% 0; height: 340px;}
   .overview .con_container3 .con_wrap .con .tit {font-size:18px; height: 90px;}
   .overview .con_container3 .con_wrap .con .txt_box {}
   .overview .con_container3 .con_wrap .con .txt_box li {font-size:15px;}

   /* history */
   .history .con_container .con_wrap:nth-of-type(2) {width:44%;}
   .history .con_container .con_wrap:last-child::before {left:-49px;}
   .history .con_box .con {padding-left:35px; line-height:1.6; font-size:16px;}
   .history .con_box .con::before {width:40px; left:-55px; top:10px;}
   .history .con_box .con::after {left:-55px; top:4px;}
   .history .con_box .con .month {position:absolute; left:0; top:0;}

   /* 제품소개 */
   .prd_list .con_container .con_wrap .con {width: calc((100% / 4) - 20px);}
   .prd_list .con_container .con_wrap .con .img_box a img {width: 100%; height: auto;}

   .product .con_wrap .con_box .con {margin-top:40px;}

   .product .btn_list {margin-bottom:80px;}

   /* 온라인 문의 */
   .inquiry .page_wrap {padding: 2% 5% 6%;}

}

@media screen and (max-width : 1400px) {
/* ----- 메인 ----- */
/* 제품소개 */
.prd_slide .swiper-slide {padding-bottom: 28%;}
.name_box span {font-size: 12px;}
}

/* 태블릿 : 768px ~ 1023px */
@media screen and (max-width : 1023px) {

   body {font-size: 15px !important;}

   /* ----- 헤더, 푸터 ----- */
   /* 헤더 */
   .header .inner {padding: 0 2%;}
   .main_navi .main_menu {display:none;}

   /* 푸터 */
   .footer .top {padding: 0 5%;}
   .footer .top a {font-size: 15px;}
   .footer .btm {padding: 40px 5%;}

   /* ----- 메인 ----- */
   /* 메인비주얼 */
   .main_visual .swiper-slide span {font-size: 18px;}
   .main_visual .swiper-slide h2 {font-size: 72px; margin-top: 16px;}

   /* 제품소개 */
   .prd_intro .inner {padding: 60px 10%;}
   .prd_intro .tit_wrap {margin-bottom: 35px;}
   .prd_intro .tit_wrap > .more_btn {padding: 0 60px 0 20px; height: 40px; line-height: 40px;}
   .prd_slide .swiper-button {width: 40px; height: 40px;}
   .prd_slide .prev {transform: translateY(-61%);}
   .prd_slide .next {transform: translateY(-61%) scaleX(-1);}
   .prd_slide .swiper-button i {width: 10px;}
   .prd_slide .swiper-button i:first-child {top: 22px;}
   .prd_slide .swiper-button i:last-child {bottom:21px; transform: translateX(-50%) rotate(-45deg);}
   .prd_slide .swiper-slide {padding-bottom: 28%;min-height: 200px;}
   .prd_slide .swiper-slide .name_box {padding:10px 0;font-size: 15px;}
   .prd_slide .swiper-slide .name_box.on::before {top:-22px; height:30px; background:linear-gradient(180deg, #222 22px, #fff 8px);}
   .prd_slide .swiper-slide .name_box.on::after {top:-25px; height:8px;}

   /* ----- 서브페이지 ----- */
   /* 공통 */
   .sub_visual {height:500px;}
   .sub_visual .inner {padding: 0 2%;}

   .depth_container {height:50px; top:-50px;}
   .depth_container::before {display:none;}
   .depth_wrap .home_btn {width:50px; background-size:50%;}
   .depth_container .depth_wrap {padding:0;}
   .depth_wrap .depth {width:200px; background-position: center right 20px; line-height:50px;}
   .depth_wrap .depth .depth_name {left:20px; font-size:15px;}
   .depth ul {top:49px; text-indent:20px;}
   .depth ul > li > a {font-size:14px;}

   .page_wrap {padding: 0 2%;}
   .page_wrap .tit_wrap {margin-bottom:40px; height: 70px;}

   /* ----- 회사소개 ----- */
   /* CEO인사말 */
   .greeting .con_container {flex-wrap: wrap-reverse; justify-content: flex-end;}
   .greeting .con_container .con_wrap {width: 100%;}

   .greeting .con_container .img_box {margin-bottom: 40px; width: 100%; height: 250px;}

   .greeting .con_container .con_wrap .tit_box {margin-bottom: 40px;}
   .greeting .con_container .con_wrap .txt_box .txt, .greeting .con_container .con_wrap .txt_box .txt:nth-of-type(4) {margin-bottom: 20px;}

   /* 회사개요 */
   .overview .tit_wrap {padding: 0 2%;}
   .overview .tit_wrap::before {width: 96%;}

   .overview .con_container {padding: 0 2%;}

   .overview .con_container2 .con_wrap .txt_box {width: 100%;}
   .overview .con_container2 .con_wrap .txt_box .tit_box {margin-bottom: 40px;}
   .overview .con_container2 .con_wrap .img_box {display: none;}

   .overview .con_container2 .con_wrap .top {background-image: url(../../img/overview-img02-m.png);}
   .overview .con_container2 .con_wrap .top .con {width: 190px; }
   .overview .con_container2 .con_wrap .top .con:nth-child(1) {top: 60px;}
   .overview .con_container2 .con_wrap .top .con:nth-child(2) {width: 180px; top: 115px;}
   .overview .con_container2 .con_wrap .top .con:nth-child(3) {bottom: 60px;}
   .overview .con_container2 .con_wrap .top .con .txt {font-size: 14px;}
   .overview .con_container2 .con_wrap .top .con:nth-child(2) .txt {width: 105%;}
   .overview .con_container2 .con_wrap .top .con .tit_box {padding: 10px 70px 10px 0; margin-bottom: 0;}

   .overview .con_container2 .con_wrap .btm .con {width: calc((100% / 4) - 20px); display: flex; flex-wrap: wrap; justify-content: center;}
   .overview .con_container2 .con_wrap .btm .con .tit_box {width: 160px; height: 160px; line-height: 160px;}
   .overview .con_container2 .con_wrap .btm .con .tit_box strong {font-size: 18px;}

   .overview .con_container3 {margin-bottom: 90%;}
   .overview .con_container3 > .tit {padding: 60px 5% 0;}
   .overview .con_container3 > .tit::before {left: 2%;}

   .overview .con_container3 .con_wrap {padding: 40px 2% 0; flex-wrap: wrap; height: 270px;}
   .overview .con_container3 .con_wrap .con {width: calc((100%/2) - 10px); margin-bottom: 20px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
   .overview .con_container3 .con_wrap .con .tit {height: 80px;}
   .overview .con_container3 .con_wrap .con .txt_box {height: 140px;}

   /* 조직도 */
   .org .con_container {display: none;}
   .org .con_container.mobile {display: block;}

   /* History */
   .history .con_container {flex-wrap:wrap;}
   .history .con_container .con_wrap {width: 100%;}
   .history .con_container .con_wrap:nth-of-type(2) {width: 100%;}
   .history .con_container .con_wrap:last-child::before {left: 20px;}

   .history .img_box {padding-bottom: 40%; margin-bottom: 40px;} 
   .history .con_box {width: 92%; margin-left: 68px;}

   /* ----- 제품소개 ----- */
   /* 공통 */
   .prd_list {padding-bottom: 0;}
   .prd_list .con_container .con_wrap .con {width: calc((100% / 3) - 20px); margin: 0 10px 60px;}
   .product .con_wrap .con_box .con {margin-top: 30px;}

}


/* 모바일 가로 : 480px ~ 767px */
@media screen and (max-width : 767px) {

   /* ----- 헤더, 푸터 ----- */
   /* 헤더 */
   .header {height:80px;}
   .header .inner {padding: 0;}
   
   .header .logo img {margin-top:15px; width:40%;}
   .header .logo span {top:14px; font-size:18px;}

   .lang_wrap {margin:0;}

   .all_menu_btn {display:none;}
   .m_menu_btn {border:none; outline:none; background:none; width:80px; height:100%; position:relative;}
   .m_menu_btn > i {display:block; width:30px; height:2px; background:#4d4d4d; position:absolute; left:50%; transform:translateX(-50%); transition: all 0.3s;}
   .m_menu_btn > i:nth-of-type(1) {top:30px;}
   .m_menu_btn > i:nth-of-type(3) {top:50px;}
   .m_menu_btn.on > i:nth-of-type(1) {transform: rotate(45deg) translate(-50%, 0); top:65%;}
   .m_menu_btn.on > i:nth-of-type(2) {opacity:0;}
   .m_menu_btn.on > i:nth-of-type(3) {transform: rotate(-45deg) translate(-50%, 0); top:39%;}

   .m_menu {width:100%; height:100%; position:fixed; top:80px; left:0; right:0; background:rgba(0, 0, 0, 0.9); color:#fff;}
   .m_menu > ul > li {width:100%; }

   .m_menu_list {padding:0 20px; height:50px; line-height:50px; position:relative; border-top:1px solid rgba(255, 255, 255, 0.3); border-bottom:1px solid rgba(255, 255, 255, 0.3); cursor: pointer;}
   .m_menu_list i {display:block; width:10px; height:1px; background:#fff; position:absolute; right:20px; top:50%; transform: translateY(-50%); transition: all 0.3s;}
   .m_menu_list i:nth-of-type(1) {transform: translateY(-50%) rotate(90deg);}
   .m_menu_list.on i:nth-of-type(1) {transform: translateY(-50%) rotate(0); opacity: 0;}

   .m_sub_menu {}
   .m_sub_menu > ul {padding:10px 20px;}
   .m_sub_menu > ul > li {padding:10px 20px; font-size:14px; position:relative;}
   .m_sub_menu > ul > li::before {content:'-'; display:block; position:absolute; left:10px;}
   .m_sub_menu > ul > li > a {color:#fff; font-weight:300; display: block; width: 100%; height: 100%;}

   /* 푸터 */
   .footer .top {padding: 0;}
   .footer .top a {padding: 0 20px; font-size:14px;}
   .footer .btm {padding: 40px 20px;}
   .footer .btm span {font-size:14px; margin-bottom:10px;}
   .footer .btm .copy {font-size:13px;}

   /* top 버튼 */
   /* .btn_top {right:20px; bottom:20px;} */

   /* ----- 메인 ----- */
   /* 메인비주얼 */
   .main_visual {height:100vh;}
   .main_visual .swiper-slide .inner {left:30%;}
   .main_visual .swiper-slide span {font-size:15px;}
   .main_visual .swiper-slide h2 {font-size:62px;}
   .main_visual .pagination {bottom:50px !important;}
   .main_visual .pagination .swiper-pagination-bullet {width:40px;}

   /* 제품소개 */
   .prd_intro .inner {padding: 40px 5%;}
   .prd_intro .tit_wrap > .tit {margin-bottom:20px;}
   .prd_slide .swiper-slide {padding-bottom: 36%;min-height: 200px;}
   .prd_slide .swiper-button {display:none;}

   /* 배너 */
   .banner {height:500px;}
   .banner .inner {flex-wrap: wrap;}
   .banner .box {width: 100%; border:none; height:33%; padding: 10px 0; margin-top: 0; background-position:center top 15px;}
   .banner .box:first-child {border:none;}
   .banner .box:nth-child(2) {border-top: 1px solid #666; border-bottom: 1px solid #666;}
   .banner .box .tit {top:65px; font-size:24px;}
   .banner .box .txt {top: 110px; width:100%;}
   .banner .box:hover {background-position: center top 15px;}
   .banner .box:hover .tit {top:65px;}
   .banner .box:hover::before, .banner .box:hover .tit::after {display:none;}


   /* ----- 서브페이지 ----- */
   /* 공통 */
   .sub_visual {height:350px;}
   .sub_visual .tit {font-size:40px; margin-bottom:10px;}
   .sub_visual .desc {font-size:16px;}
   
   .depth_container {height:45px; top:-45px;}
   .depth_wrap .home_btn {width:45px;}
   .depth_wrap .depth {width:160px; background-position: center right 10px; line-height:45px;}   
   .depth_wrap .depth .depth_name {left:10px;}
   .depth ul {top:44px;}
   
   .page_wrap .tit_wrap {height:50px;}
   .page_wrap .tit_wrap .tit {font-size:24px;}
   .page_wrap .tit_wrap .page_navi {font-size:13px;}
   .page_wrap .tit_wrap .page_navi .right_arrow {margin: 0 5px;}

   /* CEO인사말 */
   .greeting .con_container .img_box {height:200px; margin-bottom:20px;}
   .greeting .con_container .con_wrap .tit_box span {font-size:20px;}
   .greeting .con_container .con_wrap .tit_box .tit {font-size:40px;}
   .greeting .con_container .con_wrap .txt_box {margin-bottom:50px;}

   /* 회사개요 */
   .overview .con_container1 {margin-bottom:50px;}
   .overview .con_container2 .con_wrap .txt_box .tit_box span {font-size:24px;}

   .overview .con_container2 .con_wrap {margin-bottom:20px;}

   .overview .con_container2 .con_wrap .top {margin:40px 0; background:none; min-height:415px;}
   .overview .con_container2 .con_wrap .top .con {width:100%; position:static; border: 1px solid skyblue; border-radius:10px; padding:10px 30px;}
   .overview .con_container2 .con_wrap .top .con:nth-child(2) {width:100%; margin:10px 0;}
   .overview .con_container2 .con_wrap .top .con .tit_box {padding:15px 0 15px 70px; background-position: left center; text-align:left;}
   .overview .con_container2 .con_wrap .top .con .txt {text-align:left;}

   .overview .con_container2 .con_wrap .btm {flex-wrap:wrap; justify-content:center;}
   .overview .con_container2 .con_wrap .btm .con {width: calc((100% / 2) - 10px); margin-bottom:40px;}

   .overview .con_container3 {margin-bottom: 120%;}
   .overview .con_container3 > .tit {font-size: 24px; padding: 40px 7% 0;}
   .overview .con_container3 .con_wrap {height: 300px;}
   .overview .con_container3 .con_wrap .con:nth-child(1) .img_box {background-image:url(../../img/overview-img04-m.png);}
   .overview .con_container3 .con_wrap .con:nth-child(2) .img_box {background-image:url(../../img/overview-img05-m.png);}
   .overview .con_container3 .con_wrap .con:nth-child(3) .img_box {background-image:url(../../img/overview-img06-m.png);}
   .overview .con_container3 .con_wrap .con:nth-child(4) .img_box {background-image:url(../../img/overview-img07-m.png);}
   .overview .con_container3 .con_wrap .con .txt_box {height: 170px; padding: 0 10px;}

   /* 조직도 */
   .org .mobile {width:100%; padding:0 10px;}
   .org .mobile img {width:100%; height:auto;}

   /* History */
   .history .con_wrap::before, .history .con_box .con::before, .history .con_box .con::after {display:none !important;}
   .history .con_box {margin-left:20px; margin-top:50px;}
   .history .con_box:last-child {padding-bottom:0;}
   .history .con_box .con {margin-top:10px;}

   /* 오시는 길 */
   .root_daum_roughmap .wrap_map {height:200px !important;}
   .contact .table {margin-top:40px;}

   /* ----- 제품소개 ----- */
   /* 공통 */
   .depth_wrap .depth:nth-of-type(4) {display: none;}

   .prd_list .con_container .con_wrap:first-child {margin-bottom:40px;}
   .prd_list .con_container .con_wrap .con {width: calc((100% / 3) - 10px); margin: 0 5px 40px;}
   .prd_list .con_container .con_wrap .con .img_box { margin-bottom:10px; }
   .prd_list .con_container .con_wrap .con .name_box {padding:10px 15px; line-height:1.4; font-size:14px;}
   .prd_list .con_container .con_wrap .con .name_box::after {display:none;}

   .product .con_wrap {flex-wrap:wrap; margin-bottom:20px;}
   .product .con_wrap .img_box {margin: 0 auto 40px; width:70%; height:auto;}
   .product .con_wrap .con_box {width:100%; }
   .product .con_wrap .con_box .con {padding:0 20px;}

   .product .btn_list {margin: 10% auto 10%; width:150px; padding:10px 0;}

   /* ----- 고객센터 ----- */
   /* 온라인 문의 */
   .inquiry .img_box {height: 200px; background-position: center; margin-bottom: 20px;}
   .inquiry .table_wrap .tit {margin-bottom: 20px;}
   .inquiry .table_wrap table th {width: 25%;}
   .inquiry .table_wrap table td {width: 75%; padding:20px 20px 15px 0;}
   .btn_style_wrap {margin-bottom: 20px;}

}
@media screen and (max-width : 570px) {
.prd_list .con_container .con_wrap .con .name_box br {display: block;}
}
@media screen and (max-width : 510px) {
   /* ----- 메인 ----- */
   /* 제품소개 */
   .prd_slide .swiper-slide {padding-bottom: 56%;}
   .prd_slide .swiper-slide .name_box {font-size: 14px;}
   .name_box span br {display: block;}
}

/* 모바일 : 320px ~ 479px */
@media screen and (max-width : 479px) {

   /* 공통 */
   .table td {padding: 10px 20px;}

   /* ----- 헤더, 푸터 ----- */
   /* 헤더 */
   .header {height: 60px;}
   .header .logo img {height: 80%; width: auto; margin-top: 5px;}
   .header .logo span {top:5px; left: 2px; font-size: 16px;}
   .lang_wrap > li {font-size: 14px; padding: 8px 10px;}
   .m_menu_btn {width: 60px;}
   .m_menu_btn > i {width: 25px;}
   .m_menu_btn > i:nth-of-type(1) {top: 23px;}
   .m_menu_btn > i:nth-of-type(3) {top: 37px;}
   .m_menu_btn.on > i:nth-of-type(3) {top: 35%;}
   .m_menu {top: 60px;}

   /* 푸터 */
   .footer .top {height: 50px; line-height: 50px;}
   .footer .top a {padding: 0 10px;}
   .footer .top a:last-child {display: none;}
   .footer .btm {padding: 20px 0; }
   .footer .btm span {padding: 0 10px;}
   .footer .btm span::before {height: 15px;}
   .footer .btm .copy {font-size: 12px; line-height: 1.2;}

   /* ----- 메인 ----- */
   /* 메인비주얼 */
   .main_visual .swiper-slide .inner {left:20%;}
   .main_visual .swiper-slide span {font-size:14px; width:85%; display:inline-block; line-height:1.4;}
   .main_visual .swiper-slide h2 {font-size:45px;}
   .main_visual .pagination .swiper-pagination-bullet {width:25px;}

   /* 제품소개 */
   .prd_intro .tit_wrap {align-content: flex-end; margin-bottom: 25px;}
   .prd_intro .tit_wrap > span {font-size: 20px;}
   .prd_intro .tit_wrap > .tit {font-size: 32px;}
   .prd_intro .tit_wrap > .more_btn {font-size: 14px; padding: 0 30px 0 10px; height: 30px; line-height: 30px;}
   .prd_intro .tit_wrap > .more_btn > i {right: 10px;}

   /* 배너 */
   .banner {height: 400px;}
   .banner .box {background-size: auto 35px; background-position: center top 15px;}
   .banner .box .tit {top: 45px; font-size: 20px;}
   .banner .box .txt {top: 80px; width: 80%; line-height: 1.4;}
   .banner .box:hover {background-position: center top 15px;}
   .banner .box:hover .tit {top: 45px;}

   /* ----- 서브페이지 ----- */
   /* 공통 */
   .sub_visual {height: 300px;}
   .sub_visual .tit {font-size: 32px;}
   .sub_visual .desc {font-size: 15px;}

   .depth_container .depth_wrap {width: 100%;}
   .depth_wrap .depth {width: calc(100%/2);}

   .page_container {margin-top: -20px;}
   .page_wrap .tit_wrap {margin-bottom: 30px;}
   .page_wrap .tit_wrap .page_navi {display: none;}

   /* ----- 회사소개 ----- */
   /* CEO인사말 */
   .greeting .con_container .img_box {height: 160px;}

   /* 회사개요 */
   .overview .con_container1 {margin-bottom: 40px;}
   .overview .con_container2 .con_wrap {padding-bottom: 0;}
   .overview .con_container2 .con_wrap .txt_box .tit_box {margin-bottom: 20px;}
   .overview .con_container2 .con_wrap .txt_box .tit_box span {font-size: 16px;}
   .overview .con_container2 .con_wrap .txt_box .tit_box .tit {font-size: 40px; line-height: 1.2;}

   .overview .con_container2 .con_wrap .top {min-height: 500px;}
   .overview .con_container2 .con_wrap .top .con {padding: 6px 20px;}
   .overview .con_container2 .con_wrap .top .con .tit_box {margin-bottom: 10px;}

   .overview .con_container2 .con_wrap .btm {justify-content: space-between;}
   .overview .con_container2 .con_wrap .btm .con {width: 100%;}
   .overview .con_container2 .con_wrap .btm .con .tit_box {width: 200px; height: 200px; line-height: 200px; margin-bottom:20px;}
   .overview .con_container2 .con_wrap .btm .con .tit_box::before {display: none;}

   .overview .con_container3 {margin-bottom: 500%;}
   .overview .con_container3 > .tit {padding: 40px 2% 0;}
   .overview .con_container3 > .tit::before {display: none;}
   .overview .con_container3 .con_wrap .con {width: 100%;}

   /* 조직도 */
   .org .con_container {margin-bottom: 30px;}

   /* History */
   .history .img_box {margin-bottom: 20px;}

   /* ----- 제품소개 ----- */
   /* 공통 */
   .prd_list .con_container .tit {margin-bottom: 20px;}
   .prd_list .con_container .con_wrap:last-child {margin-bottom: 20px;}
   .prd_list .con_container .con_wrap .con {width: calc((100% / 2) - 10px); margin: 0 5px 20px;}
   .prd_list .con_container .con_wrap .con .name_box {padding: 8px 7px;}

   .product .con_wrap .img_box {width: 80%; margin: 0 auto 30px;}
   .product .con_wrap .con_box .name_box .model {font-size: 16px;}
   .product .con_wrap .con_box .name_box .name {font-size: 24px;}
   .product .con_wrap .con_box .con {margin-top: 20px;}
   .product .con_wrap .con_box .con h6 {font-size: 20px; margin-bottom: 10px;}
   .product .con_wrap .table {margin-top: 50px;}
   .product .con_wrap .table caption {top: -45px; padding: 10px 0 14px 25px; background-size:15px; font-size: 18px;}
   .product .con_wrap .table th.second_th {font-size: 14px; padding: 10px 5px; line-height: 1.4;}

   /* ----- 고객센터 ----- */
   /* 온라인 문의 */
   .inquiry .table_wrap {margin-bottom: 30px;}
   .inquiry .img_box {height: 160px;}
   .inquiry .txt {font-size: 15px; margin-bottom: 40px;}
   .inquiry .txt::before {height: 16px;}
   .inquiry .table_wrap .tit .check_point {display: block; margin-left: 10px; font-size: 15px; margin-top: 10px;}
   .inquiry .table_wrap .tit .check_point::before {top: 7px; left: 2px;}
   .inquiry .table_wrap table th {width: 100%; font-size: 16px; display: block; text-align: left; padding: 12px 20px 0;} 
   .inquiry .table_wrap table td {width: 100%; display: block; padding: 10px 20px 10px 20px;}
   .count_box .count_num {margin-top: 8px;}
   .btn_style_wrap {margin-bottom: 10px;}
   .inq_btn {width: 100px; height: 40px;}

}