@charset "UTF-8";

/*---------- sub visual ----------*/
/* #wrapper { overflow-y: scroll; overflow-x: hidden; height: 100%; } */
#subVisual {position: relative;width: 100%;height: 475px;overflow: hidden;} 
#subVisual:before {content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 475px;z-index: -1; animation: zoom_in 5000ms forwards; transition: transform 5000ms ease-in-out, opacity 5000ms ease 0s; } 
#subVisual.sub_visual1:before { background: url(/img/sub_visual1.jpg) no-repeat center/ cover; } 
#subVisual.sub_visual2:before { background: url(/img/sub_visual2.jpg) no-repeat center/ cover; } 
#subVisual.sub_visual3:before { background: url(/img/sub_visual3.jpg) no-repeat center/ cover; } 
#subVisual.sub_visual4:before { background: url(/img/sub_visual4.jpg) no-repeat center/ cover; } 
#subVisual.sub_visual5:before { background: url(/img/sub_visual5.jpg) no-repeat center/ cover; } 
#subVisual .inner {width: 100%;height: 100%;max-width: 1560px;padding-top: 245px;margin: 0 auto;color: #fff;} 
#subVisual .inner .txt {text-align: center;} 
#subVisual .inner .txt h2 {font-size: 52px;font-weight: 500;margin-bottom: 30px;} 
#subVisual .inner .txt span {font-size: 17px;line-height: 1.4;} 


/*---------- sub menu ----------*/
.lnbs {position: relative;display: block;height: 70px;border-bottom: 1px solid #ccc;z-index: 200;} 
.lnbs .lnb_wrap {display: flex;max-width: 1560px;margin: 0 auto;align-items: center;} 
.lnbs .lnb_wrap a.home {display: block;width: 70px;height: 100%;text-align: center;border: 1px #ccc;border-style: none solid;padding: calc(70px / 2 - 9.5px) 0;} 
.lnbs .lnb_wrap a.home img { } 
.lnbs .lnb_wrap .menu-location {position: relative;width: 300px;border-right: 1px solid #ccc;} 
.lnbs .lnb_wrap .menu-location.location3 {display: none;} 
.lnbs .lnb_wrap .menu-location.location1 {} 
.lnbs .lnb_wrap .menu-location.location1:after { content: ""; display: block; position: absolute; top: calc(100% / 2 - 15%); right: -20px; width: 1px; height: 30%; background: rgb(255 255 255 / 60%); } 
.lnbs .lnb_wrap .menu-location.location2 {width: 370px;} 
.lnbs .lnb_wrap .menu-location a { display: flex; align-items: center; justify-content: space-between; } 
.lnbs .lnb_wrap .menu-location a {display: flex;line-height: 70px;font-size: 18px;padding: 0 20px;color: #222;} 
.lnbs .lnb_wrap .menu-location a { } 
.lnbs .lnb_wrap .menu-location.location2 > a { } 
.lnbs .lnb_wrap .menu-location.location2 > a span { display: inline-block; margin-right: 30px; } 
.lnbs .lnb_wrap .menu-location .s_lnb {position: absolute;top: 70px;left: 0;width: 100%;background: #fff;box-shadow: 0px 10px 28px rgba(0, 0, 0, 0.3);border-radius: 8px;} 
.lnbs .lnb_wrap .menu-location .s_lnb li a {line-height: 20px;padding: 10px 20px;font-size: 16px;color: #666;transition: all 0.1s;} 
.lnbs .lnb_wrap .menu-location .s_lnb li.on a {font-weight: 700;}
.lnbs .lnb_wrap .menu-location .s_lnb li a i {display: none;}
 /* on */
.lnbs .lnb_wrap .menu-location .s_lnb li a:hover { background: #ce2e29; color: #fff; transition: all 0.1s; } 

/* sub menu : mb */
#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); } 
 }*/



/*---------- common ----------*/
.page_wrap {position: relative;width: 100%;padding: 150px 0 215px;} 
.page_wrap .page_con { width: 100%; max-width: 1560px; margin: 0 auto; } 
.page_wrap .page_con h2.tit {font-size: 48px;font-weight: 700;margin-bottom: 125px;text-align: center;} 
.page_wrap .page_con .content p, .page_wrap .page_con .content ul.dot li {font-size: 19px;letter-spacing: -.5px;line-height: 1.8;color: #222;} 
.page_wrap .page_con .content .con > h3 { font-size: 48px; font-weight: 400; text-align: center; } 
.page_wrap .page_con .content .con > h3 font { font-weight: 600; color: #ce2e29; letter-spacing: -1px; } 
.page_wrap .page_con .content .con > p { margin-bottom: 80px; padding-left: 0; } 
 /**/
.page_wrap .page_con .content ul.img.b_bdbdbd li img { border: 1px solid #bdbdbd; } 
.page_wrap .page_con .content ul.img.flex { margin: 0 -15px; } 
.page_wrap .page_con .content ul.img.flex > li { margin: 0 15px; } 
.page_wrap .page_con .content ul.img.flex.f_2 > li { width: calc(100% / 2 - 30px); } 
.page_wrap .page_con .content ul.img.flex.f_3 > li { width: calc(100% / 3 - 30px); } 
.page_wrap .page_con .content ul.img.flex.f_4 > li { width: calc(100% / 4 - 30px); } 
.page_wrap .page_con .content ul.img.flex > li > img { display: block; width: 100%; height: auto; margin: 0 auto; object-fit: cover; } 
 /**/
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p:last-child { margin-bottom: 0; } 

/* scroll_guide, table */

/* table, scroll */
.scroll_guide_txt {margin-top:4px;font-size: 13px !important;line-height: 1.4;padding-left: 0 !important;margin-bottom: 0 !important;} 
.scroll_guide_i, .scroll_guide_txt { color:#fff !important; } 
.board_table {position:relative;overflow-x:auto;overflow-y:hidden}
.scroll_guide{position:absolute;top:50%;left:50%;width:110px;height: auto;border-radius:7px;background:rgba(0,0,0,0.67);padding:10px;text-align:center;transform:translate(-50%, -50%);z-index:10;}
.over-height .scroll_guide {top:350px}
 /**/
.page_wrap .page_con .content .board_table {position: relative;margin-bottom: 60px;} 
.page_wrap .page_con .content .board_table:last-of-type {margin-bottom: 0;} 
.page_wrap .page_con .content .board_table table { position: relative; max-width: 1560px; width: 100%; border-top: 2px solid #9a9a9a; } 
.page_wrap .page_con .content .board_table table tbody tr { border-bottom: 1px solid #ddd; } 
.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;line-height: 1.6;border: 1px solid #cdcdcd;vertical-align: middle;} 
.page_wrap .page_con .content .board_table table tbody tr th.w_20 { width: 20%; } 
.page_wrap .page_con .content .board_table table tbody tr th.w_25 { width: 25%; } 
.page_wrap .page_con .content .board_table table tbody tr th {font-size: 20px;background: #f7f7f7;font-weight: 500;padding: 15px 5px;} 
.page_wrap .page_con .content .board_table table tbody tr .lh { line-height: 1.4; } 
.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;padding: 20px 5px;} 
.page_wrap .page_con .content .board_table table tbody tr td:first-child {font-weight: 500;}
/**/
.pro .page_con .content .bottom .sec span.mark {display: block;font-size: 18px;color: red;margin-top: 20px;} 
.pro.pro6 .page_con .content .bottom .sec span.mark {text-align: left;padding-left: 20px;}

/*---------- company1 ----------*/
.page_wrap.company1 .page_con { max-width: 100%; } 
.page_wrap.company1 .page_con h2.tit {max-width: 1560px;margin: 0 auto;} 
.page_wrap.company1 .page_con h2.tit {margin: 0 auto 125px;}
.page_wrap.company1 .page_con .content p {margin-bottom: 35px;}
/**/
.company1 .page_con .content .con {} 
.company1 .page_con .content .con > div {position: relative;} 
.company1 .page_con .content .img {
} 
.company1 .page_con .content .img img {display: block;width: 100%;max-width: 830px;height: 100%;object-fit: cover;} 
.company1 .page_con .content .img h3 {position: absolute;top: 90px;left: 175px;right: 70px;font-size: 28px;line-height: 1.6;font-weight: 300;color: #fff;}
.company1 .page_con .content .img h3 span {font-weight: 500;}
.company1 .page_con .content .txt {padding: 70px 175px 70px 70px;margin-top: 20px;z-index: -1;} 
.company1 .page_con .content .txt:before {content:"";display: block;position: absolute;top: 0;left: -140px;width: calc(100% + 140px);height: calc(100% + 40px);background: #f7f7f7;z-index: -1;} 
.company1 .page_con .content .txt .right {max-width: 802px;}
.company1 .page_con .content .txt p:nth-last-child(2) {margin-bottom: 80px;} 
.company1 .page_con .content .txt p:last-child {font-size: 20px;text-align: right;color: #000;margin: 0 20px 0 0;} 
.company1 .page_con .content .txt p:last-child span {font-size: 30px;font-weight: 500;line-height: 1;margin-left: 20px;} 


/*---------- company2 ----------*/
.company2 .page_con .content .table { position: relative; margin: 0; } 
.company2 .page_con .content .table .table_box {} 
.company2 .page_con .content .table .table_box:after { content: ""; display: block; clear: both; } 
.company2 .page_con .content .table .table_box > div {float: left;width: 60%;}
/**/
.company2 .page_con .content .table .table_box .table_img {position: relative;flex-direction: column;width: 50%;padding-right: 7.3%;} 
.company2 .page_con .content .table .table_box .table_img img {display: block;width: 100%;max-width: 500px;height: 300px;object-fit: cover;box-shadow: 20px 20px 40px rgba(0,0,0,.1);}
.company2 .page_con .content .table .table_box .table_img P {position: absolute;top: 320px;bottom: auto;left: 0;display: block;font-weight: 700;letter-spacing: -2px;line-height: 1;font-size: 72px;color: rgb(0 0 0 / 10%);} 
/**/
.company2 .page_con .content .table .table_box .table_list { position: relative; float: right; } 
.company2 .page_con .content .table .table_box .table_list .list { position: relative; padding: 0; } 
.company2 .page_con .content .table .table_box .table_list .list:before { content: ''; position: absolute; display: block; top: -5px; left: -5px; width: 10px; height: 10px; border-radius: 50px; background: #d62e28; z-index: 2; } 
.company2 .page_con .content .table .table_box .table_list .list:after { content: ''; position: absolute; top: -9px; left: -9px; width: 18px; height: 18px; background: #fff; border: 1px solid #9b1e1a; border-radius: 50px; z-index: 1; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap {position: relative;padding: 0 0 160px 13.3%;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .progress_bar { position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ddd; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .progress_bar span { display: block; width: 4px; height: 0%; margin-left: -1px; background: #d62e28; z-index: 1; transition: all 100ms ease-in; -webkit-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .year { display: block; position: relative; top: -10px; margin-bottom: 20px; font-size: 22px; font-weight: 600; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .year:before { content: ''; display: block; position: absolute; top: 13px; left: -15.3%; width: 10%; height: 2px; background: #ddd; z-index: -1; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month { color: #222; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {position: relative;padding-bottom: 60px;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li:last-child {padding-bottom: 0;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p {display: flex;margin-bottom: 25px;align-items: center;line-height: 1.4;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {display: inline-block;font-size: 24px;margin-right: 50px;width: 10%;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap.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%; } 
 }


/*---------- company4 ----------*/
.company4 .page_con .content .img {position: relative;}
.company4 .page_con .content .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/company4_2.png) no-repeat center/ cover;} 
.company4 .page_con .content .img img {display: block;width: 100%;max-width: 1000px;margin: 0 auto;} 


/*---------- company5 ----------*/
.company5 .page_con .content { } 
.company5 .page_con .content .map_wrap iframe { width: 100%; } 
.company5 .page_con .content .txt_wrap { margin-top: 50px; }  
.company5 .page_con .content .txt_wrap h4 {margin-bottom: 30px;font-size: 42px;color: #000;font-weight: 600;} 
.company5 .page_con .content .txt_wrap h4 span {display: block;color: #444;font-size: 24px;font-weight: 400;margin-top: 15px;} 
.company5 .page_con .content .txt_wrap h4 span:after {content: "";display: block;position: absolute;bottom: 0;left: 150px;right: 0;width: auto;height: 1px;background: #ccc;}
.company5 .page_con .content .txt_wrap .txt_bottom { } 
.company5 .page_con .content .txt_wrap .txt_bottom p { margin-bottom: 15px; color: #666; } 
.company5 .page_con .content .txt_wrap .txt_bottom p span:nth-child(2) { border-right: 1px solid #d7d7d7; padding-right: 30px; margin-right: 30px; } 
.company5 .page_con .content .txt_wrap .txt_bottom p span:nth-child(3) { padding-left: 25px; } 
.company5 .page_con .content .txt_wrap .txt_bottom p i { font-size: 20px; color: #ce2e29; vertical-align: baseline; margin-right: 20px; } 
.company5 .page_con .content .txt_wrap .txt_bottom p strong { font-weight: 600; margin-right: 20px; width: 100px; display: inline-block; color: #111; } 



/*---------- busi ----------*/
.busi .page_con .content .con .top {padding-bottom: 100px;border-bottom: 1px solid #ccc;}
.busi .page_con .content .con .top figure {width: 100%;max-width: 720px;margin-right: 60px;}
.busi .page_con .content .con .top figure img {display: block;width: 100%;height: auto;}
.busi .page_con .content .con .top ul {width: 100%;}
.busi .page_con .content .con .top ul li {margin-bottom: 40px;}
.busi .page_con .content .con .top ul li h3 {font-size: 26px;font-weight: 500;color: #111;margin-bottom: 20px;}
.busi .page_con .content .con .top ul li p {position: relative;}
.busi .page_con .content .con .top ul li.list p {padding-left: 10px;margin-bottom: 5px;}
.busi .page_con .content .con .top ul li.list p:before {content:"";display: block;position: absolute;top: 50%;left: 0;width: 2px;height: 2px;background: #444;border-radius: 50%;}
/**/
.busi .page_con .content .con .bottom {color: #111;padding-top: 40px;}
.busi .page_con .content .con .bottom h4, .pro .page_con .content .con .bottom h4 {position: relative;font-size: 26px;font-weight: 600;padding-left: 20px;margin-bottom: 30px;}
.busi .page_con .content .con .bottom h4:before, .pro .page_con .content .con .bottom h4:before {content:"";display: block;position: absolute;top: 50%;left: 0;width: 6px;height: 6px;background: #ce2e29;}
.busi .page_con .content .con .bottom h5, .pro .page_con .content .con .bottom h5 {font-size: 22px;font-weight: 600;padding-left: 20px;margin-bottom: 15px;}
.busi .page_con .content .con .bottom ul {flex-wrap: wrap;justify-content: flex-start;margin: 0 -10px;}
.busi .page_con .content .con .bottom ul li {flex-basis: calc(100% / 3 - 20px);margin: 0 10px 60px;}
.busi .page_con .content .con .bottom ul li img {display: block;width: 100%;max-width: 505px;border-radius: 20px;}
.busi .page_con .content .con .bottom ul li p {transition: all .3s;}
.busi .page_con .content .con .bottom > p, .busi .page_con .content .con .bottom ul li p {font-size: 24px;font-weight: 400;text-align: center;}
.busi .page_con .content .con .bottom > p {margin-bottom: 30px;color: #ce2e29;}
.busi .page_con .content .con .bottom ul li p {margin-top: 20px;}
/* hover */
.busi .page_con .content .con .bottom ul li:hover p {color: #ce2e29; transition: all .3s;}


/*---------- pro ----------*/
.page_wrap.pro .page_con h2.tit {margin: 0 auto 125px;}
.page_wrap.pro .page_con p {line-height: 2;}
/**/
.pro .page_con .content .con .tabs_wrap {max-width: 1560px;margin: 0 auto;}
.pro .page_con .content .con .tabs {justify-content: center;margin: 0 -10px 80px;} 
.pro .page_con .content .con .tabs li {flex-basis: calc(100% / 6 - 20px);margin: 0 10px;border: 1px solid #c7c6c6;border-radius: 5px;background: #fff;font-weight: 400;text-align: center;color: #acabab;transition: all .3s;}
.pro .page_con .content .con .tabs li a {display: block;padding: 20px;}
.pro .page_con .content .top figure img {display: block;width: 100%;height: 100%;max-height: 520px;margin: 0 auto;object-fit: contain;}
 /* current, hover */
 .pro .page_con .content .con .tabs li.current { color: #fff; border: 1px solid transparent; background: #ce2e29; } 
 .pro .page_con .content .con .tabs li:hover { color: #fff; border: 1px solid transparent; background: #ce2e29; transition: all .3s; } 
/**/
.pro .page_con .content .top {}
.pro .page_con .content .top figure {position: relative;}
.pro .page_con .content .top figure img {display: block;width: 100%;max-width: 1560px;margin: 0 auto;}
.pro .page_con .content .top p {margin-top: 30px;height: 300px;padding: 50px 70px 0;background: rgb(247 247 247 / 95%);} 
.pro .page_con .content .top p span {font-size: 24px;font-weight: 500;}
.pro .page_con .content .top p strong {color: #ce2e29;}
/**/
.pro .page_con .content .bottom {padding-top: 100px;margin-top: 100px;border-top: 1px solid #ccc;}
.pro .page_con .content .bottom p {font-size: 20px;font-weight: 500;}
.pro .page_con .content .bottom .sec {margin-bottom: 100px;}
.pro .page_con .content .bottom .sec:last-child {margin-bottom: 0;}
.pro .page_con .content .bottom .sec .img:not(.list):after {content:""; display: block; clear: both;}
.pro .page_con .content .bottom .sec .img.list {flex-wrap: wrap;margin: 0 -10px;}
.pro .page_con .content .bottom .sec .img.list figure {flex-basis: calc(100% / 3 - 20px);margin: 0 10px 60px;}
.pro .page_con .content .bottom .sec .img.list figure img {display: block;width: 100%;padding: 20px 40px;margin: 0 auto;border: 1px solid #ccc;}
.pro .page_con .content .bottom .sec .img.list figure p {text-align: center;margin-top: 10px;}
.pro .page_con .content .bottom .sec .img:not(.list) figure {float: left;width: 47%;border: 1px solid #ccc;margin-right: 6.5%;}
.pro .page_con .content .bottom .sec .img:not(.list) figure img {display: block;width: 100%;max-width: 734px;object-fit: cover;}
.pro .page_con .content .bottom .sec .flex.f_column {flex-direction: column;}
.pro .page_con .content .bottom .sec.txt > p, .pro .page_con .content .bottom .sec.txt ul li  {padding-left: 20px;}
.pro .page_con .content .bottom .sec.txt ul li  {margin-bottom: 30px;}
.pro .page_con .content .bottom .sec.txt ul li:last-child  {margin-bottom: 0;}
.pro .page_con .content .bottom .sec ul li p, .pro .page_con .content .bottom .sec ul li span {padding-left: 10px;}
.pro .page_con .content .bottom .sec ul li p{position: relative;margin-bottom: 10px;}
.pro .page_con .content .bottom .sec ul li p:before {content:"";display: block;position: absolute;top: 50%;left: 0;width: 4px;height: 4px;background: #444;border-radius: 50%;}
.pro .page_con .content .bottom .sec ul li span {display: block;font-size: 18px;line-height: 2;color: #444;}
/* pro2 */
.pro.pro2 .page_con .content .bottom .sec.txt ul li {padding-left: 0;}
/* tab3 */
.pro .page_con .content #tab3-2.tab-content {margin-top: 150px;}


/*---------- news1 ----------*/
.page_wrap:not(.news1) .page_con .content .con > figure {display: none;}
.page_wrap.news1 .page_con .content .con > figure {margin-bottom: 100px;}
.page_wrap.news1 .page_con .content .con > figure img {display: block; width: 100%; max-width: 1000px; margin: 0 auto;}




/*---------- data3 ----------*/
.data3 .page_con .content .popup-gallery { flex-wrap: wrap; justify-content: flex-start; margin: 0 -23px 0; } 
.data3 .page_con .content .popup-gallery a { display: block; flex-basis: calc(100% / 4 - 46px); margin: 0 23px 90px; } 
.data3 .page_con .content .popup-gallery a figure { padding: 40px; border: 1px solid #d8d8d8; background: #fafafa; transition: all .3s; } 
.data3 .page_con .content .popup-gallery a figure img { display: block; width: 190px; height: 270px; object-fit: cover; margin: 0 auto; box-shadow: 6px 6px 6px #eee; } 
.data3 .page_con .content .popup-gallery a p { font-size: 24px; font-weight: 600; margin-top: 30px; text-align: center; transition: all .3s; } 
/* hover */
.data3 .page_con .content .popup-gallery a:hover figure { border: 1px solid #ce2e29; transition: all .3s; } 
.data3 .page_con .content .popup-gallery a:hover p { color: #ce2e29; transition: all .3s; } 



/*---------- customer1 ----------*/
.customer1 .content .con.con1 form .top {margin-bottom: 30px;}
.customer1 .content .con.con1 form .top h3 {font-size: 42px;font-weight: 700;letter-spacing: -.5px;} 
.customer1 .content .con.con form .inquiry_style1 .inquiry_tbl_style1_icon {color: #e80006;font-size: 17px;} 
/**/
.customer1 .content .con.con form .inquiry_style1 .editor textarea {width: 100%;height: 150px;border: 1px solid #d8d8d8;padding: 20px;font-size: 16px;font-weight: 500;color: #666;display: block;font-family: 'Play', sans-serif;} 
.customer1 .content .con.con form .inquiry_style1 p {margin-top: 5px;}
.customer1 .content .con.con form .inquiry_style1 p label {font-size: 18px;margin-left: 5px;} 
/**/
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 {font-size: 16px;margin-top: 75px;} 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 > span {text-align: right;display: block;margin-bottom: 10px;} 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl { width: 100%; border-top: 1px solid #333; } 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl th, .customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl td {padding: 10px 15px;border-bottom: 1px solid #ddd;vertical-align: middle;} 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl th {font-size: 18px;font-weight: 400;width: 12%;text-align: left;} 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-input, .customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-select, .customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-textarea { border: 0px; background-color: #fff; border: 1px solid #d2d2d2; font-size: 14px; vertical-align: middle; padding: 10px; box-sizing: border-box; resize: none; } 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-textarea { width: 100%; height: 200px; } 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-input:focus { border-color: #333; } 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-input { text-indent: 10px; width: 20%; } 
.customer1 .content .con.con form .inquiry_style1.inquiry_tbl_style2 .write-tbl .write-select { height: 38px; width: 20%; } 
 /* pro 참고*/
.customer1 .content .con.con form .more { justify-content:center; margin: 120px -10px 0; width: 100%; height: auto; } 
.customer1 .content .con.con form .more input, .customer1 .content .con.con form .more a { flex-basis: calc(100% / 2 - 20px); margin: 0 10px; font-size: 20px; font-weight: 600; text-align: center; border: none; border-radius: 5px; background: #f1f1f1; padding: 27px 0; } 
.customer1 .content .con.con form .more input {border: none; background: #ce2e29; color: #fff; transition: all .2s;}
 /* hover */
.customer1 .content .con.con form .more input:hover {box-shadow: 0px 10px 10px rgb(10 11 12 / 10%); transition: all .2s;}
.customer1 .content .con.con form .more a:hover {color: #111; transition: all .2s;}





.filebox {width: 100%;overflow: hidden;margin-bottom: 20px;}
.filebox .file_wr {justify-content: flex-start;}
.filebox > div.file_wr:nth-of-type(3) {float: right;}
.filebox .file_wr input {width: 55%;}
.filebox .file_wr label {display: inline-block;padding: 0 20px;vertical-align: top;width: 150px;box-sizing: border-box;height: 38px;line-height: 38px;font-size: 14px;background: #ccc;text-align: center;margin-left: 15px;font-weight: 300;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}




/*---------- respon ----------*/
@media all and (max-width: 1919px) {
/* company1 */
.page_wrap.company1 .page_con .content p br {display: none;}
}
@media all and (max-width: 1560px) { /* width */
 /* common */
#subVisual .inner, .page_wrap .page_con {max-width: 96%;} 

/* company1 */
.page_wrap.company1 .page_con h2.tit {max-width: 96%;}
 /**/
.company1 .page_con .content .img h3 {left: 2%;right: 2%;text-align: center;}
.company1 .page_con .content .txt {padding: 70px 2% 70px 2%;} 

/* busi */
.busi .page_con .content .con .top ul li p br {display: none;}

/* pro */
.pro .page_con .content .con .tabs li {flex-basis: calc(100% / 4 - 20px);}
.pro .page_con .content .top figure img {/* max-height: 85%; */}
}
@media all and (max-width: 1360px) {
/* company2 */
.company2 .page_con .content .table .table_box .table_img img {object-fit: contain;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {width: 15%;}

/* pro */
.pro .page_con .content .bottom p:not(.scroll_guide_txt) br {display: none;}
}
@media all and (max-width: 1200px) {
/* busi */
.busi .page_con .content .con .top {flex-direction: column;padding-bottom: 60px;}
.busi .page_con .content .con .top figure {margin: 0 auto 60px;}
.busi .page_con .content .con .top ul li p br {display: block;}

}
@media all and (max-width: 1100px) {
/* company1 */
.company1 .page_con .content .img h3 span {display: block;}
}
@media (max-width: 1023px) { /* subvisual */
#subVisual, #subVisual:before {height: 400px;} 
#subVisual .inner {padding-top: 200px;} 
#subVisual .inner .txt h2 {font-size: 42px;} 
 
 /* common */
 .page_wrap {padding: 100px 0 150px;} 
 .page_wrap .page_con h2.tit {font-size: 38px;margin-bottom: 80px;} 
 .page_wrap .page_con .content .con > h3 { font-size: 31px; } 
 .page_wrap .page_con .content .con > p { line-height: 1.4; } 
 .page_wrap .page_con .content h4 { font-size: 26px; margin-bottom: 20px; } 

 /* table, scroll */
 .page_wrap .page_con .content .board_table table tbody tr th { font-size: 22px; } 
  .page_wrap .page_con .content .board_table { overflow: auto; } 
 .page_wrap .page_con .content .board_table table { table-layout: auto; white-space: nowrap; } 

  /* scroll bar */
.page_wrap .page_con .content .board_table::-webkit-scrollbar { width: 7px; height: 7px; border-radius: 50px; } 
.page_wrap .page_con .content .board_table::-webkit-scrollbar-button { display: none; } 
.page_wrap .page_con .content .board_table::-webkit-scrollbar-thumb { background-color: #b80000; border-radius: 50px; } 
.page_wrap .page_con .content .board_table::-webkit-scrollbar-track { background-color: #E8E8E8; border-radius: 50px; } 

 /* company1 */
.page_wrap.company1 .page_con h2.tit {margin: 0 auto 80px;}
 /**/
.company1 .page_con .content .con {flex-direction: column;}
.company1 .page_con .content .img img {max-width: 100%;height: 350px;} 
.company1 .page_con .content .img h3 {top: calc(100% / 2 - 62px);left: 0;right: 0;font-size: 26px;margin: 0 auto;}
.company1 .page_con .content .img h3 span {display: inline-block;}
.company1 .page_con .content .txt {padding: 50px 2%;margin-top: 0;} 
.company1 .page_con .content .txt:before {left: 0;width: 100%;height: 100%;}
.company1 .page_con .content .txt .right {max-width: 100%;}
.company1 .page_con .content .txt p:last-child {margin: 0;} 
.company1 .page_con .content .txt p:last-child span {font-size: 28px;} 

/* company2 */
.company2 .page_con .content .table .table_box {flex-direction: column;}
.company2 .page_con .content .table .table_box > div {width: 100%;}
.company2 .page_con .content .table .table_box .table_img {width: 100%;padding: 0 0 5% 0;} 
.company2 .page_con .content .table .table_box .table_img p {top: 100px;left: auto;right: 0;font-size: 62px;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap {padding: 0 0 120px 6%;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {width: 8%;font-size: 22px;}

/* busi */
.busi .page_con .content .con .top ul li h3,
.busi .page_con .content .con .bottom h4, .pro .page_con .content .con .bottom h4 {font-size: 24px;}
.busi .page_con .content .con .bottom > p, .busi .page_con .content .con .bottom ul li p {font-size: 22px;}
 
/* pro */
.pro .page_con .content .con .tabs {flex-wrap: wrap;}
.pro .page_con .content .con .tabs li {flex-basis: calc(100% / 2 - 20px);margin: 0 10px 20px;}
.pro .page_con .content .top figure img {height: 450px;}
.pro .page_con .content .top p {height: auto;padding: 30px 50px 70px;}
.pro .page_con .content .top p br {display: none;}
.pro .page_con .content .top p span {font-size: 22px;text-decoration: underline;}
.pro .page_con .content .bottom .sec .img:not(.list) figure {float: unset;width: 100%;margin: 0 auto 30px;}
.pro .page_con .content .bottom .sec .img:not(.list) figure img {margin: 0 auto;}
.pro .page_con .content .bottom p {font-size: 18px;}
.pro .page_con .content .bottom .sec.txt > p, .pro .page_con .content .bottom .sec.txt ul li {padding-left: 0;}
.pro .page_con .content .bottom p:not(.scroll_guide_txt) br {display: block;}
.pro .page_con .content .bottom .sec .img.list figure img {padding: 20px;}
/**/
.pro.pro6 .page_con .content .bottom .sec span.mark {padding-left: 0;}

 
/* contect */ 
 .company5 .page_con .content .map_wrap iframe, .company5 .page_con .content .map_wrap > div .wrap_map { height: 380px !important; } 
.company5 .page_con .content .txt_wrap h4 {font-size: 35px;} 
 }
@media all and (max-width: 900px) { /* lnb */
 .lnbs { height: 65px; } 
 .lnbs .lnb_wrap a.home { display: none; } 
 .lnbs .lnb_wrap .menu-location, .lnbs .lnb_wrap .menu-location.location2 { width: 50%; } 
 .lnbs .lnb_wrap .menu-location a { font-size: 17px; line-height: 65px; padding: 0 20px; } 
 .lnbs .lnb_wrap .menu-location .s_lnb { top: 65px; } 
 /**/
 .lnbs.pro .lnb_wrap .menu-location a.cur-location { height: 65px; } 
 .lnbs.pro .lnb_wrap .menu-location a { line-height: 1.4; } 
 .lnbs.pro .lnb_wrap .menu-location.location2 .s_lnb a { text-align: left; } 
 }

@media all and (max-width: 767px) { /* subvisual */
#subVisual, #subVisual:before {height: 350px;} 
#subVisual:before {background-position: 35% 50% !important;}
 #subVisual .inner {padding-top: 160px;} 
#subVisual .inner .txt h2 {font-size: 32px;margin-bottom: 20px;} 

/* lnb */
.lnbs .lnb_wrap .menu-location {border-right: none;}
.lnbs .lnb_wrap .menu-location.location1 {display: none;} 
.lnbs .lnb_wrap .menu-location, .lnbs .lnb_wrap .menu-location.location2 {width: 100%;}
.lnbs .lnb_wrap .menu-location .s_lnb li.on a { text-decoration: underline; } 

 /* common */
 .scroll_guide { display: block; transition: all .5s; } 
 .page_wrap { padding: 100px 0; } 
 .page_wrap .page_con h2.tit {font-size: 28px;margin-bottom: 50px;} 
 .page_wrap .page_con .content .con > h3 { font-size: 26px; line-height: 1.6; } 
 .page_wrap .page_con .content .con > h3 strong { margin-bottom: 0; } 
 .page_wrap .page_con .content .con > p { margin-bottom: 60px; } 
 .page_wrap .page_con .content h4 { font-size: 24px; } 
 /**/
 .page_wrap .page_con .content ul.img.flex { flex-wrap: wrap; margin: 0 -10px; } 
 .page_wrap .page_con .content ul.img.flex.f_2 { margin: 0; } 
.page_wrap .page_con .content ul.img.flex > li { margin: 0 10px 20px; } 
.page_wrap .page_con .content ul.img.flex.f_2 > li { width: 100%; } 
.page_wrap .page_con .content ul.img.flex.f_3 > li, .page_wrap .page_con .content ul.img.flex.f_4 > li { width: calc(100% / 2 - 20px); } 

 /* table, scroll */
 .page_wrap .page_con .content .board_table table tbody tr th { font-size: 20px; padding: 10px 5px; } 
 .page_wrap .page_con .content .board_table table tbody tr td { padding: 15px 5px; } 

 /* company1 */
.page_wrap.company1 .page_con h2.tit {margin: 0 auto 50px;}
.page_wrap.company1 .page_con .content p {margin-bottom: 20px;}
 /**/
.company1 .page_con .content .img img {height: 250px;} 
.company1 .page_con .content .txt {padding: 30px 2% 50px;} 
.company1 .page_con .content .img h3 {top: calc(100% / 2 - 57.5px);font-size: 24px;}
.company1 .page_con .content .txt p:last-child {font-size: 18px;}
.company1 .page_con .content .txt p:last-child span {font-size: 26px;margin-left: 10px;} 
.company1 .page_con .content .txt p:nth-last-child(2) {margin-bottom: 50px;} 

/* company2 */
.company2 .page_con .content .table .table_box > div {width: 100%;}
.company2 .page_con .content .table .table_box .table_img {width: 100%;padding: 0 0 5% 0;} 
.company2 .page_con .content .table .table_box .table_img img {object-fit: cover;}
.company2 .page_con .content .table .table_box .table_img p {top: 100%;font-size: 52px;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap {padding: 80px 0 120px 6%;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {padding-bottom: 40px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p {display: block;margin-bottom: 15px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {display: block;width: 100%;font-size: 20px;margin-bottom: 10px;}

/* company4 */
.company4 .page_con .content .img:before {top: 60px;height: 500px;}

/* busi */
.busi .page_con .content .con .top {padding-bottom: 40px;}
.busi .page_con .content .con .top figure {margin: 0 auto 40px;}
.busi .page_con .content .con .top ul li h3,
.busi .page_con .content .con .bottom h4, .pro .page_con .content .con .bottom h4 {font-size: 22px;margin-bottom: 20px;}
.busi .page_con .content .con .bottom > p, .busi .page_con .content .con .bottom ul li p {font-size: 20px;}
.busi .page_con .content .con .bottom ul li p {margin-top: 10px;}
.busi .page_con .content .con .bottom ul li {flex-basis: calc(100% / 2 - 20px);margin: 0 10px 40px;}
 
/* pro */
.page_wrap.pro .page_con p, .pro .page_con .content .bottom .sec ul li span {line-height: 1.6;}
 /**/
.pro .page_con .content .con .tabs {margin: 0 -5px 60px;}
.pro .page_con .content .con .tabs li {flex-basis: calc(100% / 2 - 10px);margin: 0 5px 10px;}
.pro .page_con .content .con .tabs li a {font-size: 14px;}
.pro .page_con .content .top figure img {height: 350px;}
.pro .page_con .content .top p {margin-top: 20px;padding: 30px 30px 50px;}
.pro .page_con .content .top p span {font-size: 20px;}
.pro .page_con .content .bottom {padding-top: 80px;margin-top: 80px;}
.pro .page_con .content .bottom .sec {margin-bottom: 80px;}
.pro .page_con .content .bottom .sec .img:not(.list) figure {margin: 0 auto 20px;}
.pro .page_con .content .bottom .sec.txt ul li {margin-bottom: 20px;}
.pro .page_con .content .bottom p:not(.scroll_guide_txt) br {display: none;}
.pro .page_con .content .bottom .sec .img.list {margin: 0 -5px;}
.pro .page_con .content .bottom .sec .img.list figure {flex-basis: calc(100% / 2 - 10px);margin: 0 5px 40px;}
.pro .page_con .content .bottom .sec .img.list figure img {padding: 10px;}
 
/* contect */ 
 .company5 .page_con .content .map_wrap iframe { width: 100%; } 
 .company5 .page_con .content .map_wrap iframe, .company5 .page_con .content .map_wrap > div .wrap_map { height: 280px !important; } 
.company5 .page_con .content .txt_wrap h4 { font-size: 30px; letter-spacing: -0.5px; } 
.company5 .page_con .content .txt_wrap h4 span { font-size: 18px; }  
.company5 .page_con .content .txt_wrap h4 span:after {left: 120px;}   
.company5 .page_con .content .txt_wrap .txt_bottom p { line-height: 1.4; } 
.company5 .page_con .content .txt_wrap .txt_bottom p i { display: block; vertical-align: top; margin: 5px 10px 0 0; } 
.company5 .page_con .content .txt_wrap .txt_bottom p strong { width: 100%; margin-right: 0; } 
 .company5 .page_con .content .txt_wrap .txt_bottom p:nth-child(2) span { display: inline-block; } 
 .company5 .page_con .content .txt_wrap .txt_bottom p:nth-child(2) span strong { display: block; } 
 }

@media all and (max-width: 479px) { /* subvisual */
#subVisual .inner .txt h2 {font-size: 28px;} 

 /* lnb */
 .lnbs { height: 55px; } 
 .lnbs .lnb_wrap .menu-location a { font-size: 16px; line-height: 55px; padding: 0 10px; } 
 .lnbs .lnb_wrap .menu-location .s_lnb { top: 55px; } 
 .lnbs .lnb_wrap .menu-location .s_lnb li a { font-size: 15px; padding: 5px 10px; } 
 /**/
 .lnbs.pro .lnb_wrap .menu-location a.cur-location { height: 55px; } 

 /* common */
 .scroll_guide { display: block; transition: all .5s; } 
 .page_wrap {padding: 80px 0 100px;padding: 40px 0 100px;} 
 .page_wrap .page_con h2.tit {display: none;font-size: 24px;} 
 .page_wrap .page_con .content .con > h3 { font-size: 21px; line-height: 1.4; } 
 .page_wrap .page_con .content .con > h3 strong { margin-bottom: 0; } 
 .page_wrap .page_con .content h4 { font-size: 22px; margin-bottom: 10px; } 
 /**/
 .page_wrap .page_con .content ul.img.flex { margin: 0; } 
.page_wrap .page_con .content ul.img.flex > li { margin: 0 auto 20px; } 
.page_wrap .page_con .content ul.img.flex.f_3 > li, .page_wrap .page_con .content ul.img.flex.f_4 > li { width:100%; } 
 .pro2 .page_con .content .con > p, .pro2 .page_con .content .con3 ul.dot,
.pro3 .page_con .content .con > p,
.pro5 .page_con .content .con > p, .pro5 .page_con .content .con4 ul.dot,
.pro6 .page_con .content .con2 ul.dot,
.pro8 .page_con .content .con > p, .pro8 .page_con .content .con2 ul.dot { margin-bottom: 30px; } 
 
 /* company1 */
.page_wrap.company1 .page_con .content p {margin-bottom: 20px;}
 /**/
.company1 .page_con .content .img h3 {top: calc(100% / 2 - 48px);font-size: 20px;}
.company1 .page_con .content .txt p:last-child span {font-size: 22px;} 

/* company2 */
.company2 .page_con .content .table .table_box > div {width: 100%;}
.company2 .page_con .content .table .table_box .table_img {width: 100%;padding: 0 0 5% 0;} 
.company2 .page_con .content .table .table_box .table_img img {height: 220px;}
.company2 .page_con .content .table .table_box .table_img p {font-size: 42px;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap {padding: 80px 0 120px 6%;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {padding-bottom: 40px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p {display: block;margin-bottom: 15px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {display: block;width: 100%;font-size: 20px;margin-bottom: 10px;}
 
 /* busi */
.busi .page_con .content .con .top {padding-bottom: 40px;}
.busi .page_con .content .con .top figure {margin: 0 auto 40px;}
.busi .page_con .content .con .top ul li h3,
.busi .page_con .content .con .bottom h4, .pro .page_con .content .con .bottom h4 {font-size: 20px;line-height: 1.4;}
.busi .page_con .content .con .top ul li h3 {margin-bottom: 10px;}
.busi .page_con .content .con .bottom > p, .busi .page_con .content .con .bottom ul li p {font-size: 18px;}
.busi .page_con .content .con .bottom ul {margin: 0 auto;}
.busi .page_con .content .con .bottom ul li {flex-basis: 100%;margin: 0 auto 40px;}
 
 /* pro */
.page_wrap.pro .page_con h2.tit {margin: 0 auto 85px;line-height: 1.4;}
.pro .page_con .content .con .tabs li a {padding: 16px 0;font-size: 12px;/* height: 64px; *//* line-height: 32px; */}
.pro .page_con .content .top figure img {height: 300px;}
.pro .page_con .content .top figure img {max-height: 80%;}
.pro .page_con .content .top p {padding: 30px 2% 50px;}
.pro .page_con .content .bottom {padding-top: 60px;margin-top: 60px;}
.pro .page_con .content .bottom .sec {margin-bottom: 60px;}
 
/* contect */ 
.company5 .page_con .content .map_wrap > div .wrap_map { height: 200px !important; } 
.company5 .page_con .content .txt_wrap h4 {font-size: 25px;} 
.company5 .page_con .content .txt_wrap { margin-top: 30px; } 
.company5 .page_con .content .txt_wrap .txt_bottom p i { vertical-align: inherit; margin-right: 10px; } 
 }
@media all and (max-width: 400px) { /* lnb */
 .lnbs.pro .lnb_wrap .menu-location a, .lnbs .lnb_wrap .menu-location .s_lnb li a { line-height: 1.2; } 
 }
@media all and (max-width: 380px) { /* lnb */
 .lnbs .lnb_wrap .menu-location a { font-size: 15px; padding: 0 5px; letter-spacing: -.5px; } 

 /* contect */
.company5 .page_con .content .txt_wrap .txt_bottom p span:nth-child(2) { padding-right: 15px; margin-right: 10px; } 
 .company5 .page_con .content .txt_wrap .txt_bottom p span:nth-child(3) { padding-left: 5px; } 
 }