/****************************** sub_style.css ******************************/
@charset "UTF-8";


/*---------- subVisual ----------*/
/* #wrapper { overflow-y: scroll; overflow-x: hidden; height: 100%; } */
#subVisual { } 
#subVisual .inner {width: 100%;height: 100%;padding-top: calc(135px + 120px);margin: 0 auto;} 
#subVisual .inner .txt {max-width: 1580px;padding-bottom: 5px;margin: 0 auto 55px;overflow: hidden;} 
#subVisual .inner .txt > span {display: block;margin-bottom: 10px;}
#subVisual .inner .txt h2 {font-size: 65px;font-weight: 500;letter-spacing: -2px;} 
#subVisual .inner .txt h2 span {font-size: 35px;font-weight: initial;margin-left: 15px;letter-spacing: -1px;} 


/*---------- sub_nav ----------*/
#subVisual .inner .txt .sub_nav { align-items: center; } 
#subVisual .inner .txt .sub_nav .nav { } 
#subVisual .inner .txt .sub_nav .nav span { display: inline-block; font-size: 18px; font-weight: 300; margin-right: 13px; } 
#subVisual .inner .txt .sub_nav .nav span:not(:first-child) { cursor: default; } 
#subVisual .inner .txt .sub_nav .nav span::before { content: ">"; display: inline-block; margin-right: 13px; vertical-align: text-top; color: #262626; } 
#subVisual .inner .txt .sub_nav .nav span:first-child::before { display: none; } 
#subVisual .inner .txt .sub_nav .nav span a i { color: #ef4036; } 
/**/
.lnbs { position: relative; display: block; z-index: 2; } 
.lnbs .lnb_wrap .menu-location { position: relative; width: 250px; } 
.lnbs .lnb_wrap .menu-location a { font-size: 18px; padding: 10px; } 
.lnbs .lnb_wrap .menu-location > a { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #111; } 
.lnbs .lnb_wrap .menu-location > a span { display: inline-block; margin-right: 30px; } 
.lnbs .lnb_wrap .menu-location > a i { color: #ef4036; } 
.lnbs .lnb_wrap .menu-location .s_lnb { position: absolute; top: 100%; left: 0; width: 100%; background: #eee; } 
.lnbs .lnb_wrap .menu-location .s_lnb li a { display: block; transition: all 0.1s; } 
.lnbs .lnb_wrap .menu-location .s_lnb li.on a { font-weight: 600; } 
 /* on */
.lnbs .lnb_wrap .menu-location.on .s_lnb li a:hover { background: #ef4036; color: #fff; } 
.lnbs .lnb_wrap .menu-location.on .s_lnb li a:hover i:before { content:"xi-caret-up-min"; transition: all 0.1s; } 


/* mobile: lnb_m */
#lnb_m { display: none; } 
/* #lnb_m { display:none; position: relative; z-index:555; } 
#lnb_m > a { width:100%; height:60px; background: #bc0005; display: table; box-sizing:border-box; padding: 0 2%; position: relative; } 
#lnb_m > a:after { content:""; display: block; width:10px; height:10px; border-left:3px solid #fff; border-bottom:3px solid #fff; position: absolute; top: 20px; right: 20px; transform:rotate(-45deg); } 
#lnb_m > a span { display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; } 
#lnb_m ul { display: none; box-sizing:border-box; background: rgba(0,0,0,0.8); position: absolute; top: 60px; left: 0; width: 100%; overflow: hidden; } 
#lnb_m ul li a { display: block; width: 100%; line-height:150%; box-sizing:border-box; padding:10px 15px; color: #fff; border-top: 1px solid #c3c3c3; } 
#lnb_m ul li:first-child a { border-top: none; } 
@keyframes vsTit { 
 0% { opacity:0; transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
 }
@-webkit-keyframes vsTit { 
 0% { opacity:0; -webkit-transform:scale(.5); } 
100% { opacity:1; -webkit-transform:scale(1); } 
 }*/



/*---------- page_wrap: common ----------*/
.page_wrap .page_con .content ul.flex {flex-wrap: wrap;margin: 0 -10px;} 
.page_wrap .page_con .content ul.flex.f_5, .page_wrap.pro .page_con .content .right .img.img3 div {flex-wrap: wrap;margin: 0 -15px;} 
.page_wrap .page_con .content ul.flex li {margin: 0 10px;} 
.page_wrap .page_con .content ul.flex.f_5 li, .page_wrap.pro .page_con .content .right .img.img3 div figure {margin: 0 15px;} 
.page_wrap .page_con .content ul.flex.f_2 li, .page_wrap.pro .page_con .content .img.flex.f_2 > div { width: calc(100% / 2 - 20px); } 
.page_wrap.pro .page_con .content .right .img.img3 div figure { width: calc(100% / 2 - 30px); } 
.page_wrap .page_con .content ul.flex.f_3 li { width: calc(100% / 3 - 20px); } 
.page_wrap .page_con .content ul.flex.f_4 li { width: calc(100% / 4 - 20px); } 
.page_wrap .page_con .content ul.flex.f_5 li { width: calc(100% / 5 - 30px); } 
.page_wrap .page_con .content ul.flex li figure {border: 1px solid #ccc;padding: 15px;border-radius: 7px;} 
.page_wrap .page_con .content ul.flex li img {display: block;width: 100%;height: auto;margin: 0 auto;object-fit: cover;} 
.page_wrap .page_con .content ul.flex li p {margin: 20px auto 0;} 
/**/
.page_wrap {position: relative;width: 100%;padding: 115px 0 200px;} 
.page_wrap  img {display: block;margin: 0 auto;} 
.page_wrap.pro .img:not(.img2, .img3) img {width: -webkit-fill-available;height: 477px;object-fit: contain;} 
.page_wrap.pro .img.img2 img {width: -webkit-fill-available;height: 138px;object-fit: contain;} 
.page_wrap.pro .img.img3 img {width: -webkit-fill-available;height: 243px;object-fit: contain;} 
.page_wrap .page_con { width: 100%; max-width: 1580px; margin: 0 auto; } 
.page_wrap .page_con .content {color: #000;} 
.page_wrap .page_con .content .con {margin-bottom: 120px;} 
.page_wrap .page_con .content .con:last-child { margin-bottom: 0; } 
.page_wrap .page_con .content .con .left {width: 24%;min-width: 225px;max-width: 365px;padding-right: 70px;} 
.page_wrap .page_con .content .con .right {width: 77%;max-width: 1215px;} 
.page_wrap .page_con .content h3 {font-size: 40px;font-weight: 600;line-height: 1.3;} 
.page_wrap .page_con .content h3 span {display: block;font-size: 22px;font-weight: 300;line-height: 1.6;margin-top: 5px;} 
.page_wrap .page_con .content p {font-size: 20px;font-weight: 300;margin-bottom: 35px;} 
.page_wrap .page_con .content p:last-child {margin-bottom: 0;} 
.page_wrap .page_con .content .con.con1 .right p strong {display: block;margin-bottom: 5px;} 
/**/
.page_wrap .page_con .content .con .right .down {width: 310px;height: 84px;} 
.page_wrap .page_con .content .con .right .down a {display: block;padding: 31px 10px;font-size: 20px;font-weight: 300;color: #242424;border: 1px solid #ccc;text-align: center;border-radius: 10px;transition: all .3s;} 
 /* hover */
.page_wrap .page_con .content .con .right .down:hover a {background: #f8f8f8;transition: all .3s;} 


/* table, scroll */
/* scroll_guide */
.scroll_guide {display: none;position:absolute;top: 200px;left:50%;width: 115px;height: auto;border-radius:7px;background:rgba(0,0,0,0.67);padding:10px;text-align:center;transform:translate(-50%, -50%);z-index:10;transition: all .5s;} 
.scroll_guide_txt { margin-top:4px; font-size:13px !important; line-height: 1.4; padding-left: 0 !important; } 
.scroll_guide_i, .scroll_guide_txt { color:#fff; } 
 /* hover */
.board_table:hover .scroll_guide {display: none;transition: all .5s;} 
/**/
.page_wrap .page_con .content .board_table {position: relative;} 
.page_wrap .page_con .content .board_table table {position: relative;max-width: 1215px;width: 100%;} 
.page_wrap .page_con .content .board_table table tbody tr { border-bottom: 1px solid #d9d9d9; } 
.page_wrap .page_con .content .board_table table tbody tr th, .page_wrap .page_con .content .board_table table tbody tr td {text-align: center;border: 1px solid #dcdcdc;border-bottom: 1px solid #ccc;vertical-align: middle;} 
.page_wrap .page_con .content .board_table table tbody tr th.b_bottom {border-bottom: 1px solid #dcdcdc;} 
.page_wrap .page_con .content .board_table table tbody tr th.w_22 { width: 22%; } 
.page_wrap .page_con .content .board_table table tbody tr th.w_38 { width: 38%; } 
.page_wrap .page_con .content .board_table table tbody tr th {font-size: 20px;color: #131313;background: #ccc;font-weight: 500;padding: 15px 5px;} 
.page_wrap .page_con .content .board_table table tbody tr th:first-child, .page_wrap .page_con .content .board_table table tbody tr td:first-child { border-left: none; } 
.page_wrap .page_con .content .board_table table tbody tr th:last-child, .page_wrap .page_con .content .board_table table tbody tr td:last-child { border-right: none; } 
.page_wrap .page_con .content .board_table table tbody tr td {font-size: 18px;font-weight: 300;color: #242424;line-height: 1.4;letter-spacing: -.5px;padding: 30px 15px;} 
.page_wrap .page_con .content .board_table table tbody tr td img {display: block;margin: 0 auto 20px;}
.page_wrap.pro1_1 .page_con .content .board_table table tbody tr td img {transform: scale(1.2);}
.page_wrap .page_con .content .board_table table tbody tr.has_span td {background: #fafafa;} 


/*---------- greeting ----------*/
.page_wrap.greeting .page_con .content .con > h3 { font-weight: 300; } 
/* con2 */
.page_wrap.greeting .page_con .content .con.con2 .right figure img {width: 100%;max-width: 1160px;}
/* con3 */
.page_wrap.greeting .page_con .content .con.con3 .right ul li {max-width: 243px;}
.page_wrap.greeting .page_con .content .con.con3 .right ul li p {text-align: center;}
/* con4 */
.page_wrap.greeting .page_con .content .con.con4 .right ul li, .page_wrap.catalog .page_con .content .con.con1 .right ul li {margin-bottom: 60px;}
.page_wrap.greeting .page_con .content .con.con4 .right ul li p span {display: block;font-size: 16px;font-weight: 500;color: #333;}


/*---------- contect ----------*/
.page_wrap.contect .page_con .content .right .txt_wrap, .page_wrap.pro .page_con .content .con.con1 .right .txt, .page_wrap.pro .page_con .content .con.con1 .right .img.img2 {margin-top: 50px;} 
.page_wrap.contect .page_con .content .right .txt_wrap p {margin-bottom: 15px;color: #242424;} 
.page_wrap.contect .page_con .content .right .txt_wrap p:last-child { margin-bottom: 0; } 
.page_wrap.contect .page_con .content .right .txt_wrap p span {font-weight: 600;} 


/*---------- pro ----------*/
.page_wrap.pro .page_con .content .con .right .txt p {color: #242424;} 
.page_wrap.pro .page_con .content .con .right .txt p strong {font-weight: 500;color: #131313;} 
.page_wrap.pro .page_con .content .con .right .txt p span {background: #ccc;} 
.page_wrap.pro .page_con .content .con.con2 .right .txt p  {margin-bottom: 5px;}
.page_wrap.pro:not(.pro1) .page_con .content .board_table table tbody tr td {padding: 12px 15px;} 
/**/
.page_wrap.pro .page_con .content .right .img figure {height: auto;max-height: 540px;border: 1px solid #ccc;border-radius: 10px;padding: 31px;} 
.page_wrap.pro .page_con .content .right .img.img2 div {max-width: 576px;margin-bottom: 50px;} 
.page_wrap.pro .page_con .content .right .img.img2 div figure {max-height: 297px;padding: 79px 47px;} 
.page_wrap.pro .page_con .content .right .img.img2 div p {color: #242424;margin: 15px 0 0;}
.page_wrap.pro .page_con .content .right .img.img3 {margin-bottom: 60px;}
.page_wrap.pro .page_con .content .right .img.img3 p {margin-bottom: 20px;}
.page_wrap.pro .page_con .content .right .img.img3 div {justify-content: flex-start;margin: 0 -15px;}
.page_wrap.pro .page_con .content .right .img.img3 div figure {max-width: 407px;padding: 10px;margin: 0 15px;}
.page_wrap.pro.pro2 .page_con .content .right .img.img3 div figure {max-width: 576px;padding: 10px 47px;} 
/* con1 */
.page_wrap.pro .page_con .content .con.con1 .right .txt, .page_wrap.pro .page_con .content .con.con1 .right .img.img2 {margin-top: 50px;}  
.page_wrap.pro .page_con .content .con.con1 .right .txt.mb_0, .page_wrap.pro .page_con .content .con.con1 .right .txt.txt2 {margin-top: 0;} 

.page_wrap.pro.pro3 .page_con .content .con.con2 .right .img {margin-top: 30px;}

/* slide */
.subSwiper .swiper-slide {min-width: 300px;overflow: hidden;background: #fff;backface-visibility: unset !important;transition: all .3s;} 
.subSwiper.swiper {height: auto;} 
 /* pagnation */
.subSwiper .control_wrap {position: absolute;bottom: 20px;left: 0;right: 0;width: 100%;z-index: 1;} 
.subSwiper .control_wrap .swiper-pagination {right: 0;margin: 0 auto;} 
.subSwiper .control_wrap .swiper-pagination-bullet {position: relative;width: 8px;height: 8px;margin: 0 1% !important;border-radius: 50%;overflow: hidden;} 
.subSwiper .control_wrap .swiper-pagination-bullet { background: var(--swiper-pagination-bullet-inactive-color,none) !important; cursor: default !important; }  
.subSwiper .control_wrap .swiper-pagination-bullet:before {content:"";display: block;position: absolute;top: 0;left: 0;width: 8px;height: 8px;background: rgb(0 0 0 / 30%);} 
.subSwiper .control_wrap .swiper-pagination-bullet::after {content:"";display: block;position: absolute;left: 0;top: 0;width: 8px;height: 8px;background: #000; opacity: 1;} 
.subSwiper .control_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active:after {animation:LoadingBar 5s both;animation-delay: 0.3s;} 
 /* button */
.subSwiper .swiper-button div.swiper-button-prev { left: 50px; } 
.subSwiper .swiper-button div.swiper-button-next { right: 50px; } 
.subSwiper .swiper-button div:after { color: #fff; text-shadow: 0px 0px 3px #666; } 


/*---------- catalog ----------*/
.page_wrap.catalog .page_con .content .con.con1 ul.flex {justify-content: flex-start;}
/* con1 */
.page_wrap.catalog .page_con .content .con.con1 .right ul li {max-width: 220px;}
.page_wrap.catalog .page_con .content .con.con1 .right ul li p {text-align: center;color: #242424;}
.page_wrap.catalog .page_con .content .con.con1 .right ul li figure {transition: all .3s;} 
.page_wrap.catalog .page_con .content .con.con1 .right ul li figure:after {content: "\eb7c";display: block;font-family: 'xeicon';font-size: 30px;color: #999;text-align: right;opacity: 0;transition: all .3s .2s;} 
.page_wrap.catalog .page_con .content .con.con1 .right ul li figure img {max-width: 150px;max-height: 249px;}  
 /* hover */
.page_wrap.catalog .page_con .content .con.con1 .right ul li figure:hover {background: #f8f8f8;transition: all .3s;} 
.page_wrap.catalog .page_con .content .con.con1 .right ul li figure:hover:after {opacity: 1; transition: all .3s .1s;} 
/* con3 */
.page_wrap.catalog .page_con .content .con.con3 .right div p:first-child {font-size: 30px;font-weight: 600;}
.page_wrap.catalog .page_con .content .con.con3 .right div p:first-child a {text-decoration: underline; transition: all .3s;}
 /* hover */
.page_wrap.catalog .page_con .content .con.con3 .right div p:first-child a:hover {text-underline-offset: 3px; color: #02bf5f; transition: all .3s;}


/*---------- inquiry ----------*/
.page_wrap.inquiry .page_con .content .con > h3 {margin-bottom: 40px;} 
.page_wrap.inquiry .page_con .content h4 {margin-bottom: 10px;} 
/**/
.essential-icon {color: #ef4036;}
.page_wrap.inquiry .page_con .content .form_wrap { margin-bottom: 0; } 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 .editor textarea {width: 100%;height: 150px;border: 1px solid #d9d9d9;padding: 20px;font-size: 15px;color: #444;display: block;} 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 p label { font-size: 18px; margin-left: 5px; } 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 { font-size: 16px; margin: 40px 0 50px; } 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 .inquiry_tbl_style1_icon {font-weight: 600;color: #ef4036;font-size: 17px;} 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 > span { text-align: right; display: block; margin-bottom: 5px; } 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl { width: 100%; border-top: 1px solid #333; } 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl th,
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl td {padding: 10px 15px;border-bottom: 1px solid #d9d9d9;} 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl th {color: #444;font-size: 18px;font-weight: 400;width: 12%;text-align: left;vertical-align: middle;} 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-input,
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-select,
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-textarea {border: 0px;background-color: #fff;border: 1px solid #d9d9d9;font-size: 14px;vertical-align: middle;padding: 10px;box-sizing: border-box;resize: none;} 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-textarea { width: 100%; height: 200px; } 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-input:focus { border-color: #333; } 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-input {text-indent: 10px;width: 20%;} 
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-select { height: 38px; width: 20%; } 
.page_wrap.inquiry .page_con .content .form_wrap .cm_btn_controls .btn_submit1 {border: 2px solid #ef4036;background: #fff;text-align: center;width: 220px;height: 60px;font-size: 20px;display: block;margin: 0 auto;border-radius: 10px;transition: all .3s;} 
/**/
.page_wrap.inquiry .page_con .content .form_wrap .cm_btn_controls .btn_submit1:hover { border: 2px solid transparent; background: #ef4036; color: #fff; transition: all .3s; } 


/*---------- data ----------*/
.page_wrap.data .page_con .content h4 {margin: 20px auto 0;text-align: center;}
/**/
.page_wrap.catalog .page_con .content div.img ul.flex {justify-content: space-evenly;}
.page_wrap.catalog .page_con .content div.img ul.flex li figure {border: 1px solid #ccc;overflow:hidden;}
.page_wrap.catalog .page_con .content div.img ul.flex li figure img {padding: 10px;border: 3px solid transparent;transition: border .3s;box-sizing: border-box;}
/* hover */
.page_wrap.catalog .page_con .content div.img ul.flex li:hover figure {border: none;}
.page_wrap.catalog .page_con .content div.img ul.flex li:hover figure img {border: 3px solid #ef4036;transition: border .3s;}




 


/*---------- respon ----------*/
@media (min-width: 480px) and (max-width: 1920px){
/* pro */
.page_wrap.pro .page_con .content .right .img.img3 div {flex-wrap: nowrap;}
}
@media all and (max-width: 1580px){ /* width */
/* common */
#subVisual .inner .txt, .page_wrap .page_con {width: 96%;}
.page_wrap .page_con .content ul.flex.f_5 li { width: calc(100% / 4 - 30px); } 
.page_wrap:not(.pro) .page_con .content p br {display: none;}

/* catalog */
/* con1 */
.page_wrap.catalog .page_con .content .con.con1 .right ul li {max-width: none;}
}
@media all and (max-width: 1400px){
/* common */
.page_wrap .page_con .content h3 {font-size: 35px;}

/* page_wrap: common */
.page_wrap .page_con .content .board_table {overflow: auto;}
.page_wrap .page_con .content .board_table table {max-width: 100%;table-layout: auto;white-space: nowrap;} 
.scroll_guide {display: block; transition: all .5s;}
}
@media all and (max-width: 1300px){
/* common */
#subVisual .inner .txt h2 span {font-size: 25px;margin-left: 5px;} 
.page_wrap .page_con .content h3 {font-size: 25px;}
.page_wrap .page_con .content h3 span {font-size: 20px;}
 
/* greeting */
.page_wrap .page_con .content .con .left {padding-right: 50px;} 
}


@media all and (max-width: 1023px){
/* common */
#subVisual .inner {padding-top: 170px;}
#subVisual .inner .txt {margin-bottom: 35px;}
#subVisual .inner .txt h2 {font-size: 50px;}
#subVisual .inner .img {display: block;width: 100%;height: 340px;object-fit: cover;}
.page_wrap {padding: 80px 0 100px;}
.page_wrap .page_con .content .con {flex-direction: column;}
.page_wrap .page_con .content h3 br {display: none;}
.page_wrap .page_con .content p {font-size: 18px;margin-bottom: 25px;} 

/* page_wrap: common */
.page_wrap.pro .page_con .content .img.flex {flex-wrap: wrap;margin: 0 -10px;} 
.page_wrap.pro .page_con .content .img.flex > div {margin: 0 10px;} 
.page_wrap .page_con .content ul.flex.f_5, .page_wrap.pro .page_con .content .right .img.img3 div {flex-wrap: wrap;margin: 0 -10px;} 
.page_wrap .page_con .content ul.flex.f_5 li, .page_wrap.pro .page_con .content .right .img.img3 div figure {margin: 0 10px;} 
.page_wrap .page_con .content ul.flex.f_4 > li, .page_wrap .page_con .content ul.flex.f_5 li { width: calc(100% / 3 - 20px); } 
.page_wrap.pro .page_con .content .right .img.img3 div figure {width: calc(100% / 2 - 20px);max-width: 100%;} 
 /**/
.page_wrap .page_con .content .con .right .down {height: 74px;} 
.page_wrap .page_con .content .con .right .down a {padding: 26px 10px;font-size: 18px;} 
 
/* greeting */
.page_wrap .page_con .content .con .left, .page_wrap .page_con .content .con .right {max-width: 100%;} 
.page_wrap .page_con .content .con .left {width: 100%;padding: 0 0 25px 0;} 
.page_wrap .page_con .content .con .right {width: 100%;} 
/* con4 */
.page_wrap.greeting .page_con .content .con.con4 .right ul li p span {font-size: 14px;}

/* catalog */
.page_wrap.catalog .page_con .content .con.con1 .right ul li figure:after {opacity: 1;}
.page_wrap.catalog .page_con .content .con.con3 .right div p:first-child {line-height: 1;}
.page_wrap.catalog .page_con .content .con.con3 .right div p:first-child a {text-underline-offset: 3px; color: #02bf5f; transition: all .3s;}
 
/* contect */
.page_wrap.contect .page_con .content .con .right .map_wrap .wrap_map {height: 400px !important;}
.page_wrap.contect .page_con .content .right .txt_wrap, .page_wrap.pro .page_con .content .con.con1 .right .txt, .page_wrap.pro .page_con .content .con.con1 .right .img.img2 {margin-top: 35px;} 

/* pro */
.page_wrap .page_con .content .board_table table tbody tr th {font-size: 18px;}
.page_wrap .page_con .content .board_table table tbody tr td {font-size: 16px;padding: 15px;}
.page_wrap.pro .page_con .content .right .img:not(.img3) figure {height: 400px;}
.page_wrap.pro .page_con .content .right .img figure img {width: 100%;height: 100%;object-fit: contain;}
.page_wrap.pro .page_con .content .right .img.img3 {margin-bottom: 45px;}


/* inquiry */
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 .editor textarea,
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 {font-size: 14px;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 p label,
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl th {font-size: 16px;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 .inquiry_tbl_style1_icon {font-size: 15px;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-input {width: 100%;}
.page_wrap.inquiry .page_con .content .form_wrap .cm_btn_controls .btn_submit1 {width: 170px; height: 50px; font-size: 18px;}
}


@media (max-width: 767px){
/* common */
#subVisual .inner .txt h2 {font-size: 35px;line-height: 1.2;}
#subVisual .inner .txt h2 span {display: block;margin-left: 0;} 
#subVisual .inner .txt .sub_nav {flex-direction: column;}
#subVisual .inner .txt .sub_nav > div,
#subVisual .inner .txt .sub_nav > nav, .lnbs .lnb_wrap .menu-location {width: 100%;}
#subVisual .inner .txt .sub_nav .nav {margin-bottom: 15px;text-align: right;}
#subVisual .inner .txt .sub_nav .nav span {font-size: 16px;}
.lnbs .lnb_wrap .menu-location a {font-size: 16px;}
#subVisual .inner .img {height: 290px;}
.page_wrap {padding: 60px 0 80px;}
.page_wrap .page_con .content h3 {font-size: 20px;}
.page_wrap .page_con .content h3 span {font-size: 16px;}
.page_wrap .page_con .content h3 span {display: block;}
.page_wrap .page_con .content p:not(.board) {font-size: 16px;margin-bottom: 15px;}

/* page_wrap: common */
.page_wrap .page_con .content ul.flex.f_3 > li, .page_wrap .page_con .content ul.flex.f_4 > li, .page_wrap .page_con .content ul.flex.f_5 li { width: calc(100% / 2 - 20px); } 
.page_wrap .page_con .content ul.flex li p {margin: 10px auto 0;} 
 /**/
.page_wrap .page_con .content .con .right .down {width: 250px;height: 64px;} 
.page_wrap .page_con .content .con .right .down a {padding: 22px 10px;font-size: 16px;} 

/* greeting */
/* con3 */
.page_wrap.greeting .page_con .content .con.con3 .right ul li {margin-bottom: 60px; max-width: unset;}
/* con4 */
.page_wrap.greeting .page_con .content .con.con4 .right ul li p span {font-size: 12px;}
 
/* contect */
.page_wrap.contect .page_con .content .con .right .map_wrap .wrap_map {height: 300px !important;}
.page_wrap.contect .page_con .content .right .txt_wrap, .page_wrap.pro .page_con .content .con.con1 .right .txt, .page_wrap.pro .page_con .content .con.con1 .right .img.img2 {margin-top: 25px;} 

/* pro */
.page_wrap .page_con .content .board_table table tbody tr th {font-size: 16px;}
.page_wrap .page_con .content .board_table table tbody tr td {font-size: 16px;}
.page_wrap.pro .page_con .content .right .img:not(.img3) figure {height: 300px;}
.page_wrap.pro .page_con .content .right .img.img2 div figure {padding: 10%;} 
.page_wrap.pro .page_con .content .right .img.img2 div figure, .page_wrap.pro .page_con .content .right .img.img3 div figure {max-height: 200px;} 
.page_wrap.pro .page_con .content .right .img.img3 {margin-bottom: 35px;}
/* button */
.subSwiper .swiper-button div.swiper-button-prev { left: 10px; } 
.subSwiper .swiper-button div.swiper-button-next { right: 10px; } 
.swiper-button-next:after, .swiper-button-prev:after {font-size: 35px !important;} 
 
/* inquiry */
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 .editor textarea,
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 {font-size: 13px;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 .editor textarea {height: 100px;padding: 15px;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 p label,
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl th {font-size: 14px;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl th {width: 17%;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-textarea {height: 150px;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1 .inquiry_tbl_style1_icon {font-size: 14px;}
.page_wrap.inquiry .page_con .content .form_wrap .cm_btn_controls .btn_submit1 {font-size: 16px;}
}


@media (max-width: 479px){
/* common */
#subVisual .inner .txt h2 {font-size: 25px;}
#subVisual .inner .txt h2 span {font-size: 20px;} 
#subVisual .inner .txt .sub_nav .nav span, #subVisual .inner .txt .sub_nav .nav span::before {margin-right: 6px;}
#subVisual .inner .txt .sub_nav .nav span {font-size: 15px;}
#subVisual .inner .img {height: 240px;}
.more {width: 155px;height: 46px;}
.more a {padding: 16px 10px;font-size: 14px;}


/* page_wrap: common */
.page_wrap .page_con .content ul.flex,
.page_wrap .page_con .content ul.flex > li { margin: 0; } 
.page_wrap .page_con .content ul.flex.f_2 > li, .page_wrap .page_con .content ul.flex.f_3 > li,
.page_wrap .page_con .content ul.flex.f_4 > li, .page_wrap .page_con .content ul.flex.f_5 > li, .page_wrap.pro .page_con .content .img.flex.f_2 > div, .page_wrap.pro .page_con .content .right .img.img3 div figure { width: 100%; }  
/**/
.page_wrap .page_con .content .con .right .down {width: 100%;} 

/* greeting */
/* con3 */
.page_wrap.greeting .page_con .content .con.con3 .right ul li {max-width: 100%;}
.page_wrap.greeting .page_con .content .con.con3 .right ul li {margin-bottom: 60px;}
/* con4 */
.page_wrap.greeting .page_con .content .con.con3 .right ul li, .page_wrap.greeting .page_con .content .con.con4 .right ul li,
.page_wrap.catalog .page_con .content .con.con1 .right ul li, .page_wrap.pro .page_con .content .right .img.img2 div {margin-bottom: 30px;}
.page_wrap.pro .page_con .content .right .img.img3 div figure {margin-bottom: 10px;}
.page_wrap.greeting .page_con .content .con.con3 .right ul li figure img, .page_wrap.greeting .page_con .content .con.con4 .right ul li figure img {height: 120px;object-fit: contain;}

/* contect */
.page_wrap.contect .page_con .content .con .right .map_wrap .wrap_map {height: 200px !important;}
.page_wrap.contect .page_con .content .right .txt_wrap p span {display: block;}

/* catalog */
/* con1 */
.page_wrap.catalog .page_con .content .con.con1 .right ul li figure img {max-height: 90px;object-fit: contain;} 
/* con3 */
.page_wrap.catalog .page_con .content .con.con3 .right .txt p strong {display: block;} 

 
/* pro */
.page_wrap .page_con .content .board_table table tbody tr th {padding: 10px 5px;font-size: 16px;}
.page_wrap .page_con .content .board_table table tbody tr td {font-size: 14px;}
.page_wrap.pro .page_con .content .right .img:not(.img3) figure {height: 200px;}
.page_wrap.pro .page_con .content .right .img figure {padding: 21px 0;}
  /* pagnation */
.subSwiper .control_wrap {bottom: 5px;} 
.page_wrap.pro .page_con .content .right .img.img2 div figure, .page_wrap.pro .page_con .content .right .img.img3 div figure {max-height: 150px;} 

 
/* data */
.page_wrap.data .flex {flex-wrap: wrap;}
.page_wrap.data .page_con .content h4 {margin: 20px auto 30px;}
/* catalog */
.page_wrap.catalog .page_con .content div.img ul.flex li {width: 100%;}
.page_wrap.catalog .page_con .content div.img ul.flex li figure img {padding: 5px;}

/* inquiry */
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl th,
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl td {display: table;width: 100%;word-break: break-word;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl th, .page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl td {border-bottom: 0;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl th {width: 100%;margin: 20px auto 10px;}
.page_wrap.inquiry .page_con .content .form_wrap .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-textarea {height: 100px;}
.page_wrap.inquiry .page_con .content .form_wrap .cm_btn_controls .btn_submit1 {width: 120px; height: 40px; font-size: 14px;}
}