@charset "UTF-8";


/*---------- subVisual ----------*/
#subVisual .inner {width: 100%;height: 100%;padding-top: 255px;margin: 0 auto;text-align: center;} 
#subVisual .inner .txt {max-width: 1380px;margin: 0 auto 80px;} 
#subVisual .inner .txt > span {display: block;margin-bottom: 10px;}
#subVisual .inner .txt h2 span {display: block;font-size: 22px;font-weight: 500;margin-bottom: 25px;letter-spacing: -0.5px;color: var(--main-color);} 
#subVisual .inner .txt h2 {font-size: 70px;letter-spacing: -2px;} 
#subVisual .inner .img {position: relative;height: 332px;margin: 0 auto;opacity: 0;max-width: 1380px;border-radius: 30px;object-fit: cover;transition: 1.5s;} 
#subVisual .inner .img.aos-animate {opacity: 1;max-width: 100%;height: 432px;border-radius: 0px;transition: 1.5s 0.3s;}  



/*---------- sub_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; } 
/**/
.sub_nav {margin-top: 50px;} 
.lnbs {position: relative;display: block;z-index: 2;} 
.lnbs .lnb_wrap {align-items: center;justify-content: center;color: #999;} 
.lnbs .lnb_wrap i {font-size: 22px;} 
.lnbs .lnb_wrap .menu-location.location1 {margin: 0 10px;} 
.lnbs .lnb_wrap .menu-location {position: relative;} 


.lnbs .lnb_wrap .menu-locatio > a {padding: 0 20px;margin: 0 20px;}
.lnbs .lnb_wrap .menu-location.location1 > a:before {content:"";display: block;position: absolute;top: 25%;left: 0;width: 1px;height: 50%;background: #999;}
.lnbs .lnb_wrap .menu-location.location1 > a:after {content:"";display: block;position: absolute;top: 25%;right: 0;width: 1px;height: 50%;background: #999;}


.lnbs .lnb_wrap .\home , .lnbs .lnb_wrap .menu-location a {padding: 10px 15px;} 
.lnbs .lnb_wrap .menu-location > a {display: flex;align-items: center;justify-content: space-between;} 
.lnbs .lnb_wrap .menu-location > a span { display: inline-block; margin-right: 30px; } 
.lnbs .lnb_wrap .menu-location .s_lnb {position: absolute;top: calc(100% + 10px);left: 0;width: 100%;background: #fff;border-radius: 5px;box-shadow: 0px 0px 6px rgb(10 11 12 / 10%);}
/* hover */
.lnbs .lnb_wrap .menu-location .s_lnb li a {display: block;font-size: 16px;text-align: initial;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: var(--main-color); color: #fff; } 


/* 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 .con .tab {margin-bottom: 80px;} 
.page_wrap .page_con .con .tab.fx_2 li {flex-basis: calc(100% / 2);}
.page_wrap .page_con .con .tab.fx_3 li {flex-basis: calc(100% / 3);}
.page_wrap .page_con .con .tab.fx_4 li {flex-basis: calc(100% / 4);}
.page_wrap .page_con .con .tab li {border: 1px solid #dcdcdc;background: #fff;transition: all .3s;}
.page_wrap .page_con .con .tab li a {display: block;height: 100%;font-size: 20px;padding: 31px 25px;text-align: center;color: #999;transition: all .3s;}
/* current, hover */
.page_wrap .page_con .con .tab li.current {border: 1px solid transparent;background: var(--main-color); transition: all .3s;} 
.page_wrap .page_con .con .tab li.current a {font-weight: 500; color: #fff; transition: font-weight .1s;} 
.page_wrap .page_con .con .tab li:not(.current):hover { border: 1px solid transparent; background: #999; transition: all .3s;} 
.page_wrap .page_con .con .tab li:not(.current):hover a { color: #fff; transition: all .3s;} 
/**/
.page_wrap {position: relative;width: 100%;padding: 110px 0 200px;} 
.page_wrap.gall {padding: 75px 0 200px;} 
.page_wrap img {display: block;margin: 0 auto;} 
.page_wrap .page_con { width: 100%; max-width: 1380px; margin: 0 auto; } 
.page_wrap:not(.bo_table) .page_con .content p {margin-bottom: 30px;color: #666;letter-spacing: -.5px;line-height: 1.8;} 
.page_wrap .page_con .content p:last-child {margin-bottom: 0;} 
.page_wrap .page_con .content .cmt {display: block;font-weight: 500;margin-top: 50px;color: var(--main-color);} 
.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 .bottom {margin-top: 60px;} 
.page_wrap .page_con .content .con .bottom p {color: inherit;} 
.page_wrap .page_con .content .con.con1 .right p strong {display: block;margin-bottom: 5px;} 
/**/
.page_wrap .page_con .content .con .bottom .down {width: 310px;height: 84px;} 
.page_wrap .page_con .content .con .bottom .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 .bottom .down:hover a {background: #f8f8f8;transition: all .3s;} 
/**/
.page_wrap .page_con .content .con .sec_wrap {padding-bottom: 100px;margin-bottom: 100px;border-bottom: 2px solid #999;} 
.page_wrap .page_con .content .con .sec_wrap:last-child {padding-bottom: 0;margin-bottom: 0;border-bottom: none;} 


/* table, scroll */
/* scroll_guide */
.scroll_guide {position:absolute;top: 50%;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 !important; } 
/* hover */
.board_table:hover .scroll_guide {display: none;transition: all .5s;} 
/**/
.page_wrap .page_con .content .board_table {position: relative;border-top: 2px solid #ccc;margin-top: 35px;} 
.page_wrap .page_con .content .board_table table {display: table;table-layout: fixed;position: relative;max-width: 1380px;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 .w_50 {width: 50%;} 
.page_wrap .page_con .content .board_table table tbody tr .w_38 { width: 38%; } 
.page_wrap .page_con .content .board_table table tbody tr th {color: #242424;font-weight: 500;padding: 25px 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: 17px;color: #666;line-height: 1.8;letter-spacing: -.5px;padding: 25px 15px;} 
.page_wrap .page_con .content .board_table table tbody tr td img {display: block;margin: 0 auto 20px;}
.page_wrap .page_con .content .board_table table tbody tr.has_span td {background: #fafafa;} 


/*---------- company1 ----------*/
.page_wrap.company1 .page_con .content .con .top h3 {font-size: 52px;line-height: 1.3;} 
.page_wrap.company1 .page_con .content .con .top h3 span {color: var(--main-color);} 
.page_wrap.company1 .page_con .content .con .bottom p:nth-last-child(2) {margin-bottom: 65px;}
.page_wrap.company1 .page_con .content .con .bottom p:last-child {font-size: 22px;color: #333;}
.page_wrap.company1 .page_con .content .con .bottom p:last-child strong {font-size: 26px;color: #131313;margin-left: 20px;}



/*---------- company2 ----------*/
.page_wrap.company2 .page_con .content .con .flex:first-child {padding-top: 0;} 
.page_wrap.company2 .page_con .content .con .left h2 {font-family: 'Play', sans-serif;font-size: 90px;color: #999;} 
.page_wrap.company2 .page_con .content .con .left h2 font {display: block;font-size: 30px;font-weight: initial;} 
.page_wrap.company2 .page_con .content .con .left h2 span {color: var(--main-color);padding: 10px 0 50px 15px;} 
.page_wrap.company2 .page_con .content .con .right {width: 63%;} 
.page_wrap.company2 .page_con .content .con .right ul.list.list {position: relative;padding: 30px 0 200px 120px;} 
.page_wrap.company2 .page_con .content .con .right ul.list:before { content: ''; position: absolute; display: block; top: -5px; left: -5px; width: 10px; height: 10px; border-radius: 50px; background: #07539f; z-index: 2; } 
.page_wrap.company2 .page_con .content .con .right ul.list:after { content: ''; position: absolute; top: -9px; left: -9px; width: 18px; height: 18px; background: #fff; border: 1px solid #000; border-radius: 50px; z-index: 1; } 
.page_wrap.company2 .page_con .content .con .right ul.list li {position: relative;line-height: 1.6;margin-bottom: 25px;} 
.page_wrap.company2 .page_con .content .con .right ul.list li:last-child {margin-bottom: 0;} 
.page_wrap.company2 .page_con .content .con .right ul.list li:not(:first-child) {padding-left: 15px;} 
.page_wrap.company2 .page_con .content .con .right ul.list li:not(:first-child):before {content:"";position: absolute;left: 0; top: 12px;width: 3px;height: 3px;border-radius: 50%;background: #666;}
.page_wrap.company2 .page_con .content .con .right ul.list li.progress_bar {position: absolute;left: 0;top: 0;width: 2px;height: 100%;background: #ddd;} 
.page_wrap.company2 .page_con .content .con .right ul.list li.progress_bar span {display: block;width: 4px;height: 0%;margin-left: -1px;background: #07539f;z-index: 1;transition: all 100ms ease-in;-webkit-transition: all 100ms ease-in-out;-ms-transition: all 100ms ease-in-out;} 
/* aos */
.page_wrap.company2 .page_con .content .con .right ul.list.aos-animate .progress_bar_color { animation: progress_bar linear 1s; animation-fill-mode: both; animation-delay: 0.3s; } 
/* ani */
@keyframes progress_bar {
0% { height: 0%; } 
100% { height: 100%; } 
}



/*---------- company3 ----------*/
.page_wrap.company3 .page_con .content .con .img {position: relative;}
.page_wrap.company3 .page_con .content .con .img:before {content:"";display: block;position: absolute;top: 100px;left: 0;right: 0;width: 100%;max-width: 1560px;height: 790px;margin: 0 auto;background: url(/img/company3_2.png) no-repeat center/ cover;} 
.page_wrap.company3 .page_con .content .con .img img {display: block;width: 100%;max-width: 1270px;margin: 0 auto;} 



/*---------- company4 ----------*/
.page_wrap.company4 .page_con .content .con iframe {width: 100%;border-radius: 15px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap {margin-top: 50px;}  
.page_wrap.company4 .page_con .content .con .txt_wrap h3 {font-size: 42px;line-height: 1.2;margin-bottom: 15px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap h3 span {display: block;color: #666;font-size: 24px;font-weight: initial;text-align: right;} 
.page_wrap.company4 .page_con .content .con .txt_wrap h3 span:after {content: "";display: block;position: absolute;bottom: 8px;right: 150px;left: 0;width: auto;height: 1px;background: #ccc;}
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p {margin-bottom: 15px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p:nth-child(2) span:nth-child(2) { border-right: 1px solid #d7d7d7; padding-right: 30px; margin-right: 30px; } 
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p i {font-size: 20px;color: var(--main-color);vertical-align: baseline;margin-right: 20px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p strong {margin-right: 20px;width: 100px;display: inline-block;} 



/*---------- pro ----------*/
.page_wrap.pro .page_con .content .con figure {border: 1px solid #dcdcdc;} 
.page_wrap.pro .page_con .content .con .tit_img figure {border-radius: 20px;height: 479px;overflow: hidden;} 
.page_wrap.pro .page_con .content .con .tit_img figure img {height: 100%;object-fit: contain;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list {justify-content: flex-start;} 
.page_wrap.pro .page_con .content .con .img_list li figure {border-radius: 10px;} 
.page_wrap.pro .page_con .content .con .img_list li div {margin-top: 25px;} 
.page_wrap.pro .page_con .content .con .img_list li div span {display: block;font-size: 22px;font-weight: 500;color: var(--main-color);line-height: 1.4;margin-bottom: 10px;} 
.page_wrap.pro .page_con .content .con .img_list li div p {color: #666;} 
.page_wrap.pro .page_con .content .con .img_group {margin: 35px auto 0;} 
.page_wrap.pro .page_con .content .con .img_group li {display: flex;position: relative;width: 100%;padding: 60px;margin: 50px 0;box-shadow: 0 0 40px #0741814f;border-radius: 20px;justify-content: space-between;align-items: center;} 
.page_wrap.pro .page_con .content .con .img_group li:not(:nth-child(5)) {flex-direction: row-reverse;} 
.page_wrap.pro .page_con .content .con .img_group li:after {display: block;position: absolute;top: -50px;left: 30px;font-family: 'play', serif;font-size: 90px;font-weight: 700;color: var(--main-color);} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(1):after {content: "1";} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(2):after {content: "2";} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(3):after {content: "3";} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(4):after {content: "4";} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5):after {content: "5";} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(6):after {content: "6";} 

.page_wrap.pro .page_con .content .con .img_group li:not(:nth-child(5)) .img {width: 20%;min-width: 150px;}
.page_wrap.pro .page_con .content .con .img_group li:not(:nth-child(5)) .txt {width: 100%;margin-left: 3%;}
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) .img {width: 100%;margin-left: 3%;}
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) .txt {width: 20%;}

.page_wrap.pro .page_con .content .con .img_group li figure {height: auto;overflow: hidden;border: none;}  
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) figure {display: flex;} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) figure:last-child {margin-top: 20px;} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) figure img {height: auto;object-fit: contain;} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) figure p {margin: 0 0 0 20px;} 

.page_wrap.pro .page_con .content .con .img_group li:nth-child(6) figure img {width: 100%;} 


/* pro1 */
.page_wrap.pro.pro1 .page_con .content .con .img_list {margin: 0 -30px;} 
.page_wrap.pro.pro1 .page_con .content .con .img_list li {width: calc(100% / 2 - 60px);margin: 0 30px 110px;} 
.page_wrap.pro.pro1 .page_con .content .con .img_list li:last-child {margin: 0 30px;} 
/**/
.page_wrap.pro.pro1 .page_con .content .con .tit_img {margin-bottom: 80px;} 


/* pro2, pro3 + tec line */
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list {margin: 35px -27px 0;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list li {width: calc(100% / 3 - 54px);margin: 0 27px;} 
.page_wrap.pro:not(.pro1, .tec7, .tec8) .page_con .content .con .img_list li figure {height: 310px;overflow: hidden;} 
.page_wrap.pro:not(.pro1, .gall) .page_con .content .con .img_list li figure img {width: 100%;height: 100%;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list {margin-top: 25px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li {margin-bottom: 45px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li:last-child {margin-bottom: 0;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li ul {margin-top: 15px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li ul li {position: relative;color: #666;letter-spacing: -.5px;padding-left: 12px;margin-bottom: 12px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li ul li:before {content:"";display: inline-block;position: absolute;top: 9px;left: 0;width: 5px;height: 2px;background: #666;} 
/**/
.page_wrap.pro:not(.pro1) .page_con .content .con .sec {margin-bottom: 80px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .sec:last-child {margin-bottom: 0;} 
.page_wrap.pro:not(.pro1) .page_con .content .con div h3 {font-size: 24px;font-weight: 700;color: #333;} 
.page_wrap.pro:not(.pro1) .page_con .content .con div h4 {font-weight: 500;color: #242424;} 
.page_wrap.pro:not(.pro1, .gall) .page_con .content .con div p {margin-top: 20px;} 

/* pro3 */
.page_wrap.pro.pro3 .page_con .content .con .sec.sec1 .img_list li:nth-child(n+1):nth-child(-n+3) {margin: 0 27px 54px;} 



/*---------- tec ----------*/
.page_wrap.tec .page_con .content .con .tit_img {margin-top: 35px;} 

/* tec3 */
.page_wrap.pro.tec3 .page_con .content .con .tit_img figure.flex {justify-content: center;} 
.page_wrap.pro.tec3 .page_con .content .con .tit_img figure.flex img {height: auto;margin: 0 50px;} 
.page_wrap.pro.tec3 .page_con .content .con .tit_img figure img {object-fit: none;} 

/* tec4 */
.page_wrap.pro.tec4 .page_con .content .con .img_group li:last-child {margin: 50px 0 0;}

/* gall */
.page_wrap.pro.gall .page_con .content .con .img_list li:nth-child(n+1):nth-child(-n+6) {margin: 0 27px 110px;} 
.page_wrap.pro.gall .page_con .content .con .img_list li figure {padding: 20px 0; transition: all .3s;}
.page_wrap.pro.gall .page_con .content .con .img_list li figure img {height: 100%;}
.page_wrap.pro.gall .page_con .content .con .img_list li div {text-align: center;}
.page_wrap.pro.gall .page_con .content .con .img_list li div span {line-height: 1.4;margin-bottom: 0;}
.page_wrap.pro.tec7.gall .page_con .content .con .img_list li div span {margin-bottom: 5px;}
.page_wrap.pro.tec7.gall .page_con .content .con .img_list li div p {margin-bottom: 0;}
/* hover */
.page_wrap.pro.gall .page_con .content .con .img_list li:hover figure {border: 1px solid var(--main-color); box-shadow: 0 0 10px rgba(0,0,0,.1); transition: all .3s;}







/*---------- respon ----------*/

@media all and (max-width: 1500px){
#subVisual .inner .img {max-width: 800px;} 
}
@media all and (max-width: 1200px){
#subVisual .inner .img {max-width: 500px;} 
}
@media all and (max-width: 900px){
#subVisual .inner .img {max-width: 200px;} 
}


@media all and (max-width: 1380px){
.page_wrap .page_con {width: 96%;}
#subVisual .inner .img.aos-animate {height: 330px;}  

.page_wrap:not(.tec3, .tec4, .tec7, .tec8) img {width: 100%;}
.page_wrap.pro:not(.pro1, .tec7, .tec8) .page_con .content .con .img_list li figure {height: 250px;}

.page_wrap.company2 .page_con .content .con .right {width: 55%;}
.page_wrap.company2 .page_con .content .con .right ul.list.list {padding: 30px 0 200px 16%;} 

.page_wrap.pro:not(.tec6) .page_con .content .con .tit_img figure {padding: 50px;} 

.page_wrap.pro.tec6 .page_con .content .con .tit_img figure img {object-fit: cover;} 
}


@media all and (max-width: 1023px){
#subVisual .inner {padding-top: 200px;} 
#subVisual .inner .txt h2 span {font-size: 20px;margin-bottom: 15px;} 
#subVisual .inner .txt h2 {font-size: 60px;} 

.page_wrap .page_con .content .con .bottom {margin-top: 40px;} 
.page_wrap .page_con .con .tab li a {font-size: 18px;padding: 24px 15px;}
.page_wrap .page_con .content .board_table {overflow: auto;}
.page_wrap .page_con .content .board_table table {table-layout: auto;white-space: nowrap;}
.page_wrap .page_con .content .board_table table tbody tr th {padding: 18px 5px;} 
.page_wrap .page_con .content .board_table table tbody tr td {padding: 18px 15px;} 
.page_wrap .page_con .content .board_table table tbody tr td br {display: none;} 

.page_wrap.company1 .page_con .content .con .top h3 {font-size: 42px;} 

.page_wrap.company2 .page_con .content .con .flex {flex-direction: column;}
.page_wrap.company2 .page_con .content .con .left h2 {font-size: 75px;}
.page_wrap.company2 .page_con .content .con .left h2 font {font-size: 25px;} 
.page_wrap.company2 .page_con .content .con .right {width: 100%;}
.page_wrap.company2 .page_con .content .con .right ul.list.list {padding: 30px 0 150px 30px;} 

.page_wrap.company4 .page_con .content .con iframe {height: 380px;}
.page_wrap.company4 .page_con .content .con .txt_wrap h3 {font-size: 35px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap h3 span {font-size: 22px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p strong {width: 80px;} 

.page_wrap.pro .page_con .content .con .tit_img figure {height: 379px;} 
.page_wrap.pro .page_con .content .con .img_list li div span {font-size: 20px;margin-bottom: 10px;} 
.page_wrap.pro .page_con .content .con .img_group li {padding: 45px;box-shadow: 0 0 20px #0741814f;} 
.page_wrap.pro .page_con .content .con .img_group li:after {top: -40px;left: 30px;font-size: 75px;}
.page_wrap.pro.gall .page_con .content .con .img_list li:nth-child(n+1):nth-child(-n+6) {margin: 0 17px 80px;}
.page_wrap.pro:not(.pro1) .page_con .content .con div h3 {font-size: 22px;line-height: 1.4;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list {margin: 35px -17px 0;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list li {width: calc(100% / 2 - 34px);margin: 0 17px 34px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list li:last-child {margin: 0 17px;}
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li ul li {line-height: 1.4;margin-bottom: 6px;}
.page_wrap.pro:not(.tec6) .page_con .content .con .tit_img figure {padding: 30px;} 

.page_wrap.pro.pro1 .page_con .content .con .tit_img {margin-bottom: 50px;}
.page_wrap.pro.pro1 .page_con .content .con .img_list {margin: 0 -17px;} 
.page_wrap.pro.pro1 .page_con .content .con .img_list li {width: calc(100% / 2 - 34px);margin: 0 17px 80px;} 
.page_wrap.pro.pro1 .page_con .content .con .img_list li:last-child {margin: 0 17px;} 

.page_wrap.pro.pro3 .page_con .content .con .sec.sec1 .img_list li:nth-child(n+1):nth-child(-n+3) {margin: 0 17px 34px;} 

.page_wrap.pro.tec3 .page_con .content .con .tit_img figure.flex img {width: calc(100% / 2 - 50px);margin: 0 25px;}
}


@media all and (max-width: 767px){
#subVisual .inner {padding-top: 150px;} 
#subVisual .inner .img.aos-animate {height: 230px;}  
#subVisual .inner .txt {margin: 0 auto 10px;}
#subVisual .inner .txt h2 span {font-size: 18px;} 
#subVisual .inner .txt h2 {font-size: 50px;} 

.lnbs .lnb_wrap .\home, .lnbs .lnb_wrap .menu-location.location1 > a:before, .lnbs .lnb_wrap .menu-location.location1 > a:after {display: none;} 
.lnbs .lnb_wrap .menu-location {width: 50%;}
.lnbs .lnb_wrap .menu-location > a {font-size: 16px;}
.lnbs .lnb_wrap .menu-location .s_lnb li a {font-size: 14px;}

.page_wrap {padding: 80px 0 120px;} 
.page_wrap.gall {padding: 45px 0 120px;} 
.page_wrap .page_con .content .con .bottom {margin-top: 30px;} 
.page_wrap:not(.bo_table) .page_con .content p {font-size: 16px;margin-bottom: 20px;line-height: 1.6;}
.page_wrap .page_con .con .tab.fx_4 li, .page_wrap .page_con .con .tab.fx_3 li {flex-basis: calc(100% / 2);}
.page_wrap .page_con .con .tab.fx_2 li {flex-basis: 100%;}
.page_wrap .page_con .con .tab li a {font-size: 16px;padding: 19px 15px;}
.page_wrap .page_con .content .cmt {font-size: 16px;}
.page_wrap .page_con .content .board_table table tbody tr .w_50 {width: 40%;} 
.page_wrap .page_con .content .board_table table tbody tr th,  .page_wrap .page_con .content .board_table table tbody tr td {font-size: 16px;} 
.page_wrap .page_con .content .board_table table tbody tr th {padding: 13px 5px;} 
.page_wrap .page_con .content .board_table table tbody tr td {padding: 13px 15px;} 
.page_wrap .page_con .content .con .sec_wrap {padding-bottom: 80px;margin-bottom: 80px;} 

.page_wrap.company1 .page_con .content .con .top h3 {font-size: 32px;} 
.page_wrap.company1 .page_con .content .con .bottom p:last-child {font-size: 18px;}
.page_wrap.company1 .page_con .content .con .bottom p:last-child strong {font-size: 24px;margin-left: 10px;}

.page_wrap.company2 .page_con .content .con .left h2 {font-size: 55px;}
.page_wrap.company2 .page_con .content .con .left h2 font {font-size: 20px;} 
.page_wrap.company2 .page_con .content .con .right ul.list.list {padding: 20px 0 100px 20px;} 
.page_wrap.company2 .page_con .content .con .right ul.list li {font-size: 16px;margin-bottom: 10px;}
.page_wrap.company2 .page_con .content .con .right ul.list li:not(:first-child) {padding-left: 10px;} 

.page_wrap.company3 .page_con .content .con .img:before {top: 25%;height: 690px;}

.page_wrap.company4 .page_con .content .con iframe {height: 280px;}
.page_wrap.company4 .page_con .content .con .txt_wrap {margin-top: 35px;}  
.page_wrap.company4 .page_con .content .con .txt_wrap h3 {font-size: 30px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap h3 span {font-size: 18px;margin-top: 5px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap h3 span:after {right: 110px;}
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p:after {content:"";display: block;clear: both;}
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p i {float: left;} 
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p strong {display: block;width: 100%;margin-right: 0;}
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p span {float: left;}

.page_wrap.pro .page_con .content .con .tit_img figure {height: 279px;} 
.page_wrap.pro .page_con .content .con .img_list li div {margin-top: 15px;} 
.page_wrap.pro .page_con .content .con .img_list li div span {font-size: 18px;} 
.page_wrap.pro .page_con .content .con .img_group li {flex-wrap: wrap;padding: 30px 20px;margin: 40px 0;} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(1) {margin: 30px 0 40px;} 
.page_wrap.pro .page_con .content .con .img_group li:after {top: -30px;left: 20px;font-size: 55px;} 
.page_wrap.pro .page_con .content .con .img_group li:not(:nth-child(5)) .txt {margin-left: 0;}
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) .img {margin: 20px auto 0;}
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) figure {flex-wrap: wrap;}
.page_wrap.pro .page_con .content .con .img_group li:nth-child(5) figure p {margin: 10px auto 0;} 
.page_wrap.pro.gall .page_con .content .con .img_list li:nth-child(n+1):nth-child(-n+6) {margin: 0 10px 50px;}
.page_wrap.pro:not(.pro1) .page_con .content .con div h3 {font-size: 20px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list {margin: 35px -10px 0;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list li {width: calc(100% / 2 - 20px);margin: 0 10px 20px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list li:last-child {margin: 0 10px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list li figure {height: 200px;}
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li {margin-bottom: 35px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li ul {margin-top: 10px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con .txt_list li ul li {font-size: 16px;}
.page_wrap.pro:not(.pro1) .page_con .content .con .sec {margin-bottom: 60px;}

.page_wrap.pro.pro1 .page_con .content .con .img_list {margin: 0 -10px;} 
.page_wrap.pro.pro1 .page_con .content .con .img_list li {width: calc(100% / 2 - 20px);margin: 0 10px 50px;} 
.page_wrap.pro.pro1 .page_con .content .con .img_list li:last-child {margin: 0 10px;} 

.page_wrap.pro.pro3 .page_con .content .con .sec.sec1 .img_list li:nth-child(n+1):nth-child(-n+3) {margin: 0 10px 20px;} 

.page_wrap.pro.tec3 .page_con .content .con .tit_img figure.flex {flex-wrap: wrap;height: auto;}
.page_wrap.pro.tec3 .page_con .content .con .tit_img figure.flex img {width: 100%;height: 200px;margin: 0;object-fit: contain;}
.page_wrap.pro.tec3 .page_con .content .con .tit_img figure.flex img:last-child {margin: 0;}


.page_wrap.pro.tec4 .page_con .content .con .img_group li:last-child {margin: 40px 0 0;}

}


@media all and (max-width: 479px){ 
#subVisual .inner .txt h2 span {font-size: 16px;} 
#subVisual .inner .txt h2 {font-size: 40px;} 

.lnbs .lnb_wrap .menu-location.location1 {display: none;} 
.lnbs .lnb_wrap .menu-location {width: 100%;}
.lnbs .lnb_wrap .menu-location a {padding: 10px;} 

.page_wrap .page_con .content .board_table table tbody tr td {font-size: 15px;} 
.page_wrap .page_con .content .cmt {line-height: 1.4;}
.page_wrap .page_con .content .con .sec_wrap {padding-bottom: 60px;margin-bottom: 60px;}

.page_wrap.company1 .page_con .content .con .top h3 {font-size: 25px;} 

.page_wrap.company2 .page_con .content .con .left h2 {font-size: 35px;}
.page_wrap.company2 .page_con .content .con .left h2 font {font-size: 18px;} 
.page_wrap.company2 .page_con .content .con .right ul.list.list {padding: 20px 0 80px 20px;} 
.page_wrap.company2 .page_con .content .con .right ul.list li {margin-bottom: 5px;}

.page_wrap.company3 .page_con .content .con .img:before {height: 490px;}

.page_wrap.company4 .page_con .content .con .txt_wrap h3 {font-size: 25px;margin-bottom: 10px;} 
.page_wrap.company4 .page_con .content .con .txt_wrap .txt_bottom p span {width: 100%;}

.page_wrap.pro .page_con .content .con .tit_img figure {height: 200px;} 
.page_wrap.pro .page_con .content .con .img_list li div span {font-size: 16px;} 
.page_wrap.pro .page_con .content .con .img_group li {margin: 30px 0;} 
.page_wrap.pro .page_con .content .con .img_group li:nth-child(1) {margin: 20px 0 30px;} 
.page_wrap.pro .page_con .content .con .img_group li:after {top: -20px;font-size: 35px;} 
.page_wrap.pro.gall .page_con .content .con .img_list li:nth-child(n+1):nth-child(-n+6) {margin: 0 auto 35px;}
.page_wrap.pro.gall .page_con .content .con .img_list li div p {font-size: 14px;}
.page_wrap.pro:not(.pro1) .page_con .content .con div h3 {font-size: 18px;} 
.page_wrap.pro:not(.pro1) .page_con .content .con div h4 {font-size: 16px;line-height: 1.4;}
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list {margin: 35px auto 0;}
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list li {width: 100%;margin: 0 auto 10px;}
.page_wrap.pro:not(.pro1) .page_con .content .con .img_list li:last-child {margin: 0 auto;}  
.page_wrap.pro:not(.tec6) .page_con .content .con .tit_img figure {padding: 20px;} 

.page_wrap.pro.pro1 .page_con .content .con .img_list {margin: 0;} 
.page_wrap.pro.pro1 .page_con .content .con .img_list li {width: 100%;margin: 0 auto 10px;} 
.page_wrap.pro.pro1 .page_con .content .con .img_list li:last-child {margin: 0 auto;} 

.page_wrap.pro.pro3 .page_con .content .con .sec.sec1 .img_list li:nth-child(n+1):nth-child(-n+3) {margin: 0 auto 10px;} 

.page_wrap.pro.tec3 .page_con .content .con #tab-2 .sec.sec1 {margin-bottom: 40px;}

.page_wrap.pro.tec4 .page_con .content .con .img_group li{box-shadow: 0 0 10px #0741814f;}
.page_wrap.pro.tec4 .page_con .content .con .img_group li:last-child {margin: 30px 0 0;}
}