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

/*---------- 서브비주얼 ----------*/
/* 풀페이지 스크롤 none */
/* #wrapper { overflow-y: scroll; overflow-x: hidden; height: 100%; } */
#subVisual {width: 100%;height: 550px;} 
#subVisual.sub_visual1 { background: url(/img/sub_visual1.jpg) no-repeat center/ cover; } 
#subVisual.sub_visual2 { background: url(/img/sub_visual2.jpg) no-repeat center/ cover; } 
#subVisual.sub_visual3 { background: url(/img/sub_visual3.jpg) no-repeat center/ cover; } 
#subVisual.sub_visual4 { background: url(/img/sub_visual4.jpg) no-repeat center/ cover; } 
#subVisual.sub_visual5 { background: url(/img/sub_visual5.jpg) no-repeat center/ cover; } 
#subVisual .inner {width: 100%;height: 100%;max-width: 1700px;padding-top: 250px;margin: 0 auto;text-align: center;} 
#subVisual .inner > span { font-family: 'Oxanium', sans-serif; font-size: 24px; font-weight: 600; color: rgb(255 255 255 / 50%); } 
#subVisual .inner h2 {font-size: 60px;color: #fff;letter-spacing: -2px;margin: 30px auto;} 



/*---------- 서브 네비 ----------*/
.lnbs {position: relative;width: auto;height: auto;display: block;z-index: 2;} 
.lnbs .lnb_wrap {display: flex;margin: 0 auto;align-items: center;justify-content: center;} 
.lnbs .lnb_wrap a.home {display: block;width: 3%;height: 100%;text-align: center;} 
.lnbs .lnb_wrap a.home img { } 
.lnbs .lnb_wrap .menu-location {position: relative;width: 160px;}
.lnbs .lnb_wrap .menu-location.location2 {width: 300px;}
.lnbs.pro .lnb_wrap .menu-location.location2 {width: 500px;} 
.lnbs.pro.pe-foam-converting-processing-machine_page .lnb_wrap .menu-location.location2,
.lnbs.pro.ps-foam-converting-processing-machine_page .lnb_wrap .menu-location.location2 {width: auto;} 
.lnbs .lnb_wrap .menu-location a {display: flex;align-items: center;justify-content: space-between;padding: 0 10px;font-size: 18px;letter-spacing: -.5px;line-height: 40px;transition: all .2s;} 
.lnbs .lnb_wrap .menu-location > a {color: #fff;}
.lnbs .lnb_wrap .menu-location.location2 > a span {display: inline-block;margin-right: 30px;} 
.lnbs .lnb_wrap .menu-location .s_lnb {position: absolute;top: 50px;left: 0;width: 100%;background: #fff;border-radius: 5px;box-shadow: 0px 4px 6px rgb(10 11 12 / 10%);} 
.lnbs .lnb_wrap .menu-location .s_lnb li a {line-height: 20px;padding: 10px;font-size: 16px;border-bottom: 1px solid #eee;} 
.lnbs .lnb_wrap .menu-location .s_lnb li.on a {font-weight: 600;} 
.lnbs .lnb_wrap .menu-location .s_lnb li a i {display: none;}
.lnbs .lnb_wrap .menu-location .s_lnb li:last-child a {border-bottom: none;} 
    /* on */
.lnbs .lnb_wrap .menu-location.on .s_lnb li a:hover {background: #016ab2; color: #fff; transition: all .2s;} 


/* 모바일: #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 {position: relative;width: 100%;padding: 135px 0 105px;} 
.page_wrap .page_con { width: 100%; max-width: 1525px; margin: 0 auto; } 
.page_wrap .page_con h2.tit {font-size: 60px;margin-bottom: 145px;text-align: center;} 
.page_wrap .page_con .content p, .page_wrap .page_con .content ul.dot li {font-size: 20px;line-height: 1.8;} 
.page_wrap .page_con .content .con > h3 { font-size: 36px; font-weight: 300; } 
.page_wrap .page_con .content .con > h3 strong { display: inline-block; font-weight: 600; color: #bd1920; margin-bottom: 15px; letter-spacing: -1px; } 
.page_wrap .page_con .content .con > p {margin-bottom: 80px;padding-left: 0;} 
.page_wrap.pro2 .page_con .content .con > p, .page_wrap.pro2 .page_con .content .con3 ul.dot,
.page_wrap.pro3 .page_con .content .con > p,
.page_wrap.pro5 .page_con .content .con > p, .page_wrap.pro5 .page_con .content .con4 ul.dot,
.page_wrap.pro6 .page_con .content .con2 ul.dot,
.page_wrap.pro8 .page_con .content .con > p, .page_wrap.pro8 .page_con .content .con2 ul.dot {margin-bottom: 40px;} 
.page_wrap .page_con .content h4 {font-size: 28px;font-weight: 600;letter-spacing: -.5px;margin-bottom: 30px;} 
 /**/
.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;}
 /**/
.page_wrap .page_con .content p:last-child, .page_wrap .page_con .content ul.dot li:last-child { margin-bottom: 0; } 
 /**/
.page_wrap .page_con .content ul.dot li {display: inline-block;position: relative;padding-left: 20px;margin-bottom: 10px;line-height: 1.4;}
.page_wrap .page_con .content ul.dot li:before {content:"";display: block;position: absolute;top: 15px;left: 0;width: 2px;height: 2px;background: #111;border-radius: 50%;}

/* table, scroll */
/* scroll_guide */
.scroll_guide{display: none;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;}
 /* 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: 1525px;width: 100%;border-top: 2px solid #9a9a9a;}
.page_wrap .page_con .content {}
.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;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: 24px;background: #f5f5f5;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;font-weight: 300;line-height: 1.4;padding: 20px 5px;}



/*---------- company1 ----------*/
.company1 .page_con .content .img {position: relative;height: 672px;}
.company1 .page_con .content .img:after {content:""; display: block; clear: both;}
.company1 .page_con .content .img .left {position: absolute;top: 0;bottom: auto;left: 0;right: auto;width: 100%;max-width: 985px;height: 360px;background: linear-gradient(169deg, rgb(2 96 179 / 90%) 23%, rgb(85 160 226 / 90%));padding: 60px 50px 35px 80px;margin-top: 380px;color: #fff;z-index: 1;}
.company1 .page_con .content .img .left:before {content:"";display: block;position: absolute;top: -124px;left: 0;background: url(../../img/company1_1.png) no-repeat center / cover;width: 100%;max-width: 524px;height: 124px;}
.company1 .page_con .content .img .left:after {content:"";display: block;position: absolute;top: 25px;right: 65px;background: url(../../img/company1_2.png) no-repeat center / cover;width: 100%;max-width: 393px;height: 315px;}
.company1 .page_con .content .img .left h3 {font-size: 48px;font-weight: 600;line-height: 1.5;letter-spacing: -2px;}
.company1 .page_con .content .img .left p {position: absolute;bottom: 35px;right: 50px;font-size: 36px;font-weight: 600;line-height: 1.4;text-align: right;letter-spacing: -1px;}
.company1 .page_con .content .img .left p span {display: block;font-size: 24px;font-weight: 300;}
/**/
.company1 .page_con .content .img .right {float: right;margin-left: 20%;}
.company1 .page_con .content .img .right img {display: block; width: 100%; max-width: 895px;}

.company1 .page_con .content .txt {margin-top: 150px;}
.company1 .page_con .content .txt p {margin-bottom: 30px;letter-spacing: -1px;}
.company1 .page_con .content .txt p:last-child {margin-bottom: 0;}



/*---------- company2 ----------*/
.company2 .page_con .content .img {position: relative;height: 350px;margin-bottom: 70px;} 
.company2 .page_con .content .img img {width: 100%;height: 100%;object-fit: cover;transform: scale(0.5);} 
.company2 .page_con .content .img.aos-animate img {animation: scale_up 1.5s forwards;}
.company2 .page_con .content .img div {display: block;position: absolute;top: 32%;left: 0;width: 100%;} 
.company2 .page_con .content .img div p {font-size: 24px;color: #0260b3;text-align: center;font-weight: 600;} 
.company2 .page_con .content .img div p span {display: block;font-size: 48px;color: #fff;letter-spacing: -2px;} 
@keyframes scale_up {
0% { transform: scale(0.5);} 
100% { transform: scale(1); } 
}
/**/
.company2 .page_con .content .table .table_box { border-bottom: 1px solid #ddd; padding: 50px 0; } 
.company2 .page_con .content .table .table_box:last-child { border-bottom: none; padding: 50px 0 0; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap { padding-left: 10%; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {padding-bottom: 30px;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p span {position: relative;width: 100%;padding-left: 15px;} 
.company2 .page_con .content .top { position: relative; height: 350px; margin-bottom: 110px; } 
.company2 .page_con .content .top img { width: 100%; height: 100%; object-fit: cover; } 
.company2 .page_con .content .top div { display: block; position: absolute; top: 32%; left: 0; width: 100%; } 
.company2 .page_con .content .top div p { color: #cacaca; text-align: center; } 
.company2 .page_con .content .top div p strong { display: block; font-size: 60px; color: #fff; letter-spacing: -2px; font-weight: 600; margin-bottom: 15px; } 
.company2 .page_con .content .table { position: relative; max-width: 1400px; margin: 0 auto; } 
.company2 .page_con .content .table .table_box { margin: 0 auto; } 
.company2 .page_con .content .table .table_box:after { content: ""; display: block; clear: both; } 
.company2 .page_con .content .table .table_box > div { float: left; width: 70%; } 
.company2 .page_con .content .table .table_box .table_txt {width: 20%;font-size: 55px;font-weight: 600;} 
.company2 .page_con .content .table .table_box .table_img { padding-right: 7%; } 
.company2 .page_con .content .table .table_box .table_img img { border: 1px solid #eee; box-shadow: 3px 6px 9px #eee; width: 100%; } 
.company2 .page_con .content .table .table_box .table_img img:nth-child(1) { margin-bottom: 20px; } 
.company2 .page_con .content .table .table_box .table_img.flex { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.company2 .page_con .content .table .table_box .table_img img { height: 280px; } 
.company2 .page_con .content .table .table_box:last-child .table_img img { object-fit: contain; } 
.company2 .page_con .content .table .table_box .table_img.flex img:nth-child(1) { width: 199px; } 
.company2 .page_con .content .table .table_box .table_img.flex img:nth-child(2) { width: calc(100% - 199px); object-fit: contain; } 
.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; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap { position: relative; line-height: 1.8; } 
.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: #f39606; 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;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p { display: flex; margin-bottom: 10px; line-height: 1.6; align-items: baseline; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {display: inline-block;font-size: 28px;margin-right: 20px;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 { } 
.company4 .map_wrap iframe {width: 100%;} 
.company4 .txt_wrap { margin-top: 50px; } 
.company4 .txt_wrap h4 { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; color: #666; font-size: 20px; } 
.company4 .txt_wrap h4 strong {font-size: 40px;color: #000;font-weight: 600;letter-spacing: -2px;} 
.company4 .txt_wrap .txt_bottom p { margin-bottom: 15px; color: #666; } 
.company4 .txt_wrap .txt_bottom p span:nth-child(2) {border-right: 1px solid #d7d7d7;padding-right: 30px;margin-right: 30px;}
.company4 .txt_wrap .txt_bottom p i {font-size: 18px;color: #0260b3;vertical-align: baseline;margin-right: 20px;}  
.company4 .txt_wrap .txt_bottom p strong {font-weight: 600;width: 90px;display: inline-block;color: #111;} 


/*---------- laboratory1 ----------*/
.page_wrap.laboratory1 {padding-bottom: 0;}
.page_wrap.laboratory1 .page_con {max-width: 100%;} 
.page_wrap.laboratory1 .page_con .content .con.con1 {position: relative;padding: 225px 0;overflow: hidden;}
.page_wrap.laboratory1 .page_con .content .con.con1:before {content:"";display: block;position: absolute;top: 0;left: 0;background: url(../../img/laboratory1_1.png) no-repeat center / cover;width: 100%;max-width: 1920px;height: 100%;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt {color: #fff;text-align: center;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top {margin-bottom: 110px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top h3 {font-size: 48px;font-weight: 300;line-height: 1.4;letter-spacing: -2px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top h3 br.pc_hidden {display: none;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom {max-width: 1525px; margin: 0 auto;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul {align-items: center;margin: 0 -17px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li {position: relative;flex-basis: calc(100% / 5 - 34px);height: 276px;margin: 0 17px 17px;background: rgb(0 64 149 / 30%);%;border-radius: 50%;transition: all .3s;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li p {position: absolute;top: 30%;bottom: auto;left: 0;right: 0;padding: 0 20px;margin: 0 auto;letter-spacing: -1px;}
/* hover */
.page_wrap.laboratory1:hover .page_con .content .con.con1:before { animation: zoom_in 3000ms forwards; transition: transform 3000ms ease-in-out, opacity 3000ms ease 0s; }
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li:hover {background: rgb(0 64 149);mix-blend-mode: difference;transition: all .3s;}


/*---------- support1 ----------*/
.page_wrap.support1 .page_con .content .con.con1 .txt {width: 100%;max-width: 650px;border: 1px solid #dcdcdc;padding: 40px 50px;text-align: center;margin: 0 auto 110px;box-shadow: 0px 0px 6px rgb(10 11 12 / 10%);transition: all .3s;} 
.page_wrap.support1 .page_con .content .con.con1 .txt h3 {font-size: 24px;color: #000;}
.page_wrap.support1 .page_con .content .con.con1 .txt h3, .page_wrap.support1 .page_con .content .con.con1 .txt ul li {font-weight: 400;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li {}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) {font-size: 38px;font-weight: 600;color: #0962b1;margin: 25px 0;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) {font-size: 20px;line-height: 1.4;margin-top: 40px;}
/**/
.page_wrap.support1 .page_con .content .inquiry_style1 h3 {font-size: 20px;font-weight: 400;margin: 20px 0 10px;color: #000;} 
.page_wrap.support1 .page_con .content .inquiry_style1 h3:before { display: none; } 
.page_wrap.support1 .page_con .content .inquiry-essential-txt {text-align: right;font-size: 16px;}
.page_wrap.support1 .page_con .content .editor textarea { width: 100%; height: 150px; border: 1px solid #ddd; padding: 20px; font-size: 15px; font-weight: 500; color: #444; display: block; } 
.page_wrap.support1 .page_con .content .agree_txt { background: #eee; padding: 10px; } 
.page_wrap.support1 .page_con .content .agree_txt label {font-size: 16px;} 
/**/
.inquiry_style1.inquiry_tbl_style2 {margin-bottom: 50px;} 
.essential-icon {color: #ff0007;font-size: 17px;font-weight: bold;} 
.write-tbl {width:100%;border-top: 1px solid #0962b1;} 
.write-tbl th,.write-tbl td { padding:10px 15px; border-bottom:1px solid #ddd; } 
.write-tbl th {color:#444;font-size:16px;font-weight:400;width: 12%;vertical-align: middle;} 
.write-tbl .write-input,
.write-tbl .write-textarea { height:38px; border:0px; /* width:63.6%; */ background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle; padding:10px; box-sizing:border-box; } 
.write-tbl .write-input:focus { border-color:#333; } 
.write-tbl .write-input { text-indent:10px; width: 20%; } 
.write-tbl .write-textarea { width:100%; height:200px; resize:none; } 
.write-tbl .hypen { margin:0 5px; } 
.radioCont li { float:left; padding: 10px 30px 10px 0; font-size:15px; color:#666; } 
.radioCont li input { margin-right:5px } 
.frm_info { color:#e73221; font-size:14px; font-weight:bold; margin-top:5px; display:block; } 
.cm-btn-controls {margin-top: 110px;}
.cm-btn-controls button{display: block;width: 354px;height: 70px;line-height: 70px;font-family: 'Pretendard';font-size: 20px;font-weight: 500;color: #0161b2;margin: 0 auto;border: 1px solid #dedede;background: transparent; transition: all .3s;}
/* hover */
.cm-btn-controls button:hover {color: #fff; background: #0161b2; transition: all .3s;}





/*---------- respon ----------*/
@media all and (max-width: 1541px){
 /* pro */
 .page_wrap.pro .page_con .content .con > p br,  .page_wrap .page_con .content ul.dot li br {display: none;}
}
@media all and (max-width: 1525px){ /* width */
 /* common */
#subVisual .inner, .page_wrap .page_con {width: 96%;}

/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1 {margin: 0 -2%;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt {width: 96%; margin: 0 auto;}
}
@media (max-width: 1350px){
/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1:before {background-position: left center;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul {flex-wrap: wrap;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li {flex-basis: calc(100% / 4 - 34px);}
}
@media (max-width: 1300px){
/* company1 */
.company1 .page_con .content .img {height: 650px;}
.company1.page_wrap .page_con .content p br {display: none;}

/* support1 */
.write-tbl th {width: 15%;}
}
@media (max-width: 1200px){
/* company2 */
.company2 .page_con .content .table .table_box > div {f;width: 80%;}

 /* laboratory1 */
 .page_wrap.laboratory1 .page_con .content .con.con1 .txt .top h3 br {display: none;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top h3 br.pc_hidden {display: block;}
}
@media (max-width: 1100px){
/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul {justify-content: flex-start;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li {flex-basis: calc(100% / 3 - 34px);}
}
@media (max-width: 1023px){
/* subvisual */
#subVisual {height: 450px;} 
#subVisual .inner {padding-top: 170px;}
#subVisual .inner > span {font-size: 22px;}
#subVisual .inner h2 {font-size: 50px;}
 
 /* common */
 .page_wrap {padding: 100px 0;}
 .page_wrap .page_con h2.tit {font-size: 50px;margin-bottom: 80px;} 
 .page_wrap .page_con .content .con > h3 { font-size: 31px;} 
 .page_wrap .page_con .content p, .page_wrap .page_con .content ul.dot li {font-size: 18px;}
 .page_wrap .page_con .content .con > p {line-height: 1.4;}
 .page_wrap.pro .page_con .content .con .sec .img p, .page_wrap.pro .page_con .content .con .sec .img ul.dot li {line-height: 1.4;}
 .page_wrap.pro .page_con .content .con .sec .img p, .page_wrap.pro .page_con .content .con .sec .img ul.dot {margin-top: 10px;}
 .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;}
 
 /* company1 */
.company1 .page_con .content .img {height: 490px;}
.company1 .page_con .content .img .left:before, .company1 .page_con .content .img .left:after {background-size: 100%;}
.company1 .page_con .content .img .left:before {top: -110px;max-width: 420px;}
.company1 .page_con .content .img .left:after {max-width: 300px;}
.company1 .page_con .content .img .left {height: 300px;padding: 60px 4% 35px;margin-top: 300px;}
.company1 .page_con .content .img .left h3 {font-size: 40px;}
.company1 .page_con .content .img .left p {font-size: 30px;right: 4%;}
.company1 .page_con .content .img .left p span {font-size: 20px;}

/* company2 */
.company2 .page_con .content .img {margin-bottom: 50px;}
.company2 .page_con .content .img div p {font-size: 20px;}
.company2 .page_con .content .img div p span {font-size: 40px;}
.company2 .page_con .content .table .table_box .table_txt {font-size: 47px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap { padding-left: 8%; } 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {width: 6%;font-size: 24px;}

/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1 {padding: 180px 0;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top {margin-bottom: 60px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top h3 {font-size: 40px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li p {top: 33%;}
 
 /* pro */
 .page_wrap.pro .page_con .content .con > h3 {margin-bottom: 30px; } 
 
/* company4 */ 
 .company4 .map_wrap iframe, .company4 .map_wrap > div .wrap_map { height: 450px !important; } 
.company4 .txt_wrap h4 {padding-bottom: 20px;} 

/* support1 */
.page_wrap.support1 .page_con .content .con.con1 .txt {padding: 30px 4%;margin: 0 auto 80px;} 
.page_wrap.support1 .page_con .content .con.con1 .txt h3 {font-size: 20px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) {font-size: 30px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) {font-size: 18px;}
.page_wrap.support1 .page_con .content .inquiry-essential-txt, .page_wrap.support1 .page_con .content .agree_txt {letter-spacing: -.5px;}
.page_wrap.support1 .page_con .content .inquiry_style1 h3 {font-size: 18px;}
.write-tbl th {width: 20%;}
.write-tbl td:not(.flex_div_3) .write-input {width: 100%;}
.write-tbl .write-input {width: calc(100% / 3 - 19px)} 
.cm-btn-controls {margin-top: 80px;}
.cm-btn-controls button {width: 300px;font-size: 18px;}
}
@media all and (max-width: 900px) {
 /* lnb */
 .lnbs {height: 65px;}
.lnbs .lnb_wrap a.home {width: 5%;}
 .lnbs .lnb_wrap .menu-location, .lnbs .lnb_wrap .menu-location.location2 {width: 50%;}
 .lnbs .lnb_wrap .menu-location a {font-size: 17px;}
 /**/
  .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;} 

/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul {margin: 0 -10px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li {flex-basis: calc(100% / 3 - 20px);margin: 0 10px 20px;height: 260px;}
}

@media all and (max-width: 767px) {
/* subvisual */
#subVisual {height: 350px;} 
#subVisual .inner > span {font-size: 20px;}
#subVisual .inner h2 {font-size: 40px;margin: 20px auto 30px;letter-spacing: -1px;}

  /* lnb */
 .lnbs .lnb_wrap a.home {display: none;}
 .lnbs .lnb_wrap .menu-location a {font-size: 16px;}
 .lnbs .lnb_wrap .menu-location .s_lnb li a {font-size: 15px;}

  /* common */
 .scroll_guide {display: block;transition: all .5s;}
 .page_wrap {padding: 80px 0;}
 .page_wrap .page_con h2.tit {font-size: 40px;margin-bottom: 60px;letter-spacing: -2px;line-height: 1.4;} 
 .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 p, .page_wrap .page_con .content ul.dot li {font-size: 16px;}
 /**/
 .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;}
 .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: #0260b3; border-radius: 50px;}
.page_wrap .page_con .content .board_table::-webkit-scrollbar-track {background-color: #E8E8E8; border-radius: 50px;}

 /* company1 */
.company1 .page_con .content .img {height: 410px;}
.company1 .page_con .content .img .left:before {top: -100px;max-width: 320px;}
.company1 .page_con .content .img .left:after {top: 0px;right: 35px;max-width: 200px;}
.company1 .page_con .content .img .left {height: 250px;padding: 40px 4% 15px;margin-top: 280px;}
.company1 .page_con .content .img .left h3 {font-size: 30px;}
.company1 .page_con .content .img .left p {font-size: 25px;bottom: 15px;letter-spacing: -0.5px;}
.company1 .page_con .content .img .left p span {font-size: 18px;}
.company1 .page_con .content .img .right {float: unset;margin-left: 0;}
.company1 .page_con .content .img .right img {height: 280px;}
.company1 .page_con .content .txt p {margin-bottom: 20px;letter-spacing: 0;}

/* company2 */
.company2 .page_con .content .img {height: 280px;margin-bottom: 30px;}
.company2 .page_con .content .img div p {font-size: 18px;}
.company2 .page_con .content .img div p span {font-size: 30px;letter-spacing: -1px;}
.company2 .page_con .content .table .table_box {padding: 30px 0;}
.company2 .page_con .content .table .table_box:last-child { border-bottom: none; padding: 30px 0 0; } 
.company2 .page_con .content .table .table_box .table_txt, .company2 .page_con .content .table .table_box > div {f;width: 100%;}
.company2 .page_con .content .table .table_box .table_txt {font-size: 37px;margin-bottom: 30px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap {padding-left: 0;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {padding-bottom: 10px;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {width: 10%;font-size: 20px;}

/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1 {padding: 130px 0;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top h3 {font-size: 30px;letter-spacing: -1px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li p {letter-spacing: 0;}
 
  /* pro */
 .page_wrap.pro .page_con .content .con >h3 {margin-bottom: 10px;} 
 .page_wrap.pro .page_con .content .con, .page_wrap.pro .page_con .content .con .sec {margin-bottom: 50px;} 
.page_wrap.pro3 .page_con .content .con .sec .img:first-child,
.page_wrap.pro8 .page_con .content .con.con2 .sec .img:first-child {margin-bottom: 0px;} 


/* company4 */ 
 .company4 .map_wrap iframe, .company4 .map_wrap > div .wrap_map {height: 280px !important;} 
.company4 .txt_wrap h4 strong {font-size: 30px;letter-spacing: -1px;}
.company4 .txt_wrap .txt_bottom p i {margin-right: 10px;}
.company4 .txt_wrap .txt_bottom p span:nth-child(2) {padding-right: 20px;margin-right: 20px;}
.company4 .txt_wrap .txt_bottom p strong {width: 65px;margin-right: 10px;}

/* support1 */
.page_wrap.support1 .page_con .content .con.con1 .txt {padding: 30px 2%;margin: 0 auto 80px;} 
.page_wrap.support1 .page_con .content .con.con1 .txt h3 {font-size: 18px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) {font-size: 25px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) {font-size: 16px;margin-top: 30px;}
.page_wrap.support1 .page_con .content .inquiry-essential-txt, .page_wrap.support1 .page_con .content .agree_txt label {font-size: 15px;}
.page_wrap.support1 .page_con .content .inquiry_style1 h3 {font-size: 16px;}
.write-tbl th {width: 28%;}
.cm-btn-controls button {width: 250px;}
}
@media all and (max-width: 650px) {
/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li {flex-basis: calc(100% / 2 - 20px);height: 260px;}
}
@media all and (max-width: 550px) {
/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li {height: 220px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li p {top: 26%;}
}
@media all and (max-width: 479px) {
/* subvisual */
#subVisual {height: 300px;} 
#subVisual .inner {padding-top: 140px;}
#subVisual .inner > span {font-size: 18px;}
#subVisual .inner h2 {font-size: 30px;letter-spacing: -0.5px;}

  /* lnb */
 .lnbs {height: 55px;}
 .lnbs .lnb_wrap .menu-location.location1 {display: none;}
 .lnbs .lnb_wrap .menu-location.location2 {width: 100%;}
 .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;}
  /**/
  .lnbs.pro .lnb_wrap .menu-location a.cur-location {height: 55px;}

   /* common */
 .scroll_guide {display: block;transition: all .5s;}
 .page_wrap .page_con h2.tit {font-size: 30px;letter-spacing: -1px;} 
 .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%;}
 .page_wrap.pro2 .page_con .content .con > p, .page_wrap.pro2 .page_con .content .con3 ul.dot,
.page_wrap.pro3 .page_con .content .con > p,
.page_wrap.pro5 .page_con .content .con > p, .page_wrap.pro5 .page_con .content .con4 ul.dot,
.page_wrap.pro6 .page_con .content .con2 ul.dot,
.page_wrap.pro8 .page_con .content .con > p, .page_wrap.pro8 .page_con .content .con2 ul.dot {margin-bottom: 30px;} 

 /* company1 */
.company1 .page_con .content .img {height: 270px;}
.company1 .page_con .content .img .left:before {top: -80px;max-width: 220px;}
.company1 .page_con .content .img .left:after {top: 0px;right: 35px;max-width: 200px;}
.company1 .page_con .content .img .left {height: 180px;padding: 30px 4% 15px;margin-top: 210px;}
.company1 .page_con .content .img .left h3 {font-size: 20px;letter-spacing: 0px;}
.company1 .page_con .content .img .left p {font-size: 20px;}
.company1 .page_con .content .img .left p span {font-size: 16px;}
.company1 .page_con .content .img .right {float: unset;margin-left: 0;}
.company1 .page_con .content .img .right img {height: 220px;}
.company1 .page_con .content .txt p {margin-bottom: 20px;}

/* company2 */
.company2 .page_con .content .img {height: 220px;}
.company2 .page_con .content .img div p span {font-size: 25px;}
.company2 .page_con .content .table .table_box .table_txt, .company2 .page_con .content .table .table_box > div {f;width: 100%;}
.company2 .page_con .content .table .table_box .table_txt {font-size: 32px;margin-bottom: 20px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap {padding-left: 0;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li {padding-bottom: 10px;} 
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p {flex-direction: column;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p strong {width: 100%;font-size: 18px;}
.company2 .page_con .content .table .table_box .table_list .list .list_wrap .month li p span {padding-left: 0;}

/* laboratory1 */
.page_wrap.laboratory1 .page_con .content .con.con1 {padding: 80px 0;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top h3 {font-size: 19px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .top h3 strong {font-size: 25px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul {margin: 0;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li {flex-basis: 100%;margin: 0 15% 20px;}
.page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li p {top: 30%;}
 .page_wrap.laboratory1 .page_con .content .con.con1 .txt .bottom ul li p br {display: block;}

 /* pro */
.page_wrap .page_con .content ul.img.flex > li > img {height: 150px;}
 .page_wrap.pro4 .page_con .content .con5 ul.img.flex {display: block;}
 
/* company4 */ 
 .company4 .map_wrap iframe, .company4 .map_wrap > div .wrap_map {height: 220px !important;} 
.company4 .txt_wrap {margin-top: 30px;}
.company4 .txt_wrap h4 {margin-bottom: 20px !important;} 
.company4 .txt_wrap h4 strong {font-size: 25px;}
.company4 .txt_wrap .txt_bottom p i, .company4 .txt_wrap .txt_bottom p strong {display: block;}
.company4 .txt_wrap .txt_bottom p i {margin-right: 0;}
.company4 .txt_wrap .txt_bottom p:nth-child(2) span {display: inline-block;width: 46%;}
.company4 .txt_wrap .txt_bottom p strong  {width: 100%;margin-right: 0;}

/* support1 */
.page_wrap.support1 .page_con .content .con.con1 .txt h3 {font-size: 16px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(1) {font-size: 20px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(2) {font-size: 15px;line-height: 1.4;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(2) strong {display: block;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(2) strong:nth-child(2) {margin-top: 10px;}
.page_wrap.support1 .page_con .content .con.con1 .txt ul li:nth-child(3) {line-height: 1.4;}
.page_wrap.support1 .page_con .content .inquiry-essential-txt, .page_wrap.support1 .page_con .content .agree_txt label {font-size: 13px;}
.page_wrap.support1 .page_con .content .editor textarea {height: 100px;padding: 20px 4%; font-size: 14px;}
.write-tbl tr,
.write-tbl th,
.write-tbl td {display: table;word-break: break-word;width: 100%;border-bottom: none;}
.write-tbl tr {margin-bottom: 10px;}
.write-tbl tr:first-child {margin: 10px auto;}
.write-tbl th {margin: 5px 0;text-align: left;font-size: 15px;}
.write-tbl .write-textarea {height: 150px;}
#captcha.m_captcha #captcha_info {font-size: 14px;}
.cm-btn-controls button {width: 200px;height: 60px;line-height: 60px;font-size: 16px;}
}
@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;}

   /* company4 */
 .company4 .txt_wrap .txt_bottom p span {font-size: 15px;}
.company4 .txt_wrap .txt_bottom p span:nth-child(2) {padding-right: 15px;margin-right: 10px;}
 .company4 .txt_wrap .txt_bottom p span:nth-child(3) {padding-left: 5px;}
}