@charset "utf-8";
/**/
/* .fp-section.fp-table, .fp-slide.fp-table{opacity:0}
.fp-section.fp-table.fp-completely, .fp-slide.fp-table.fp-completely{opacity:1}
 */
/* Main visual */
.main_visual {position:relative; height:100%; background:url("../img/main/main_bg.jpg"); background-size:cover; box-sizing:border-box; background-position:center;}
.main_visual .main_txt {position: absolute; transform:translateY(-50%); left:50px; top:60%; margin-top:150px;}
.main_vis_tit { position:relative; font-size: 54px; font-weight: 600; color:#fff; letter-spacing:-1.6px; }
.main_vis_tit span{ color:#70f1ff; }
.main_visual .link_btn{ font-size:20px; color:#fff; font-weight: 400; font-family: 'Montserrat'; margin-top:50px; }

/* Company */
.section.company {background:url("../img/main/comp_bg.jpg"); background-size:cover; background-position:center;}
.main_company {}
.main_company .company_txt {position:relative; margin-top:50px;}
.main_company h3{ font-size: 38px; font-weight: 600; font-family: 'Montserrat'; color:#fff;  }
.main_company .cnt_box{ margin-top:100px; display:flex; align-items: center; }
.comp_icon{ width:344px; height:344px; background:url('../img/main/comp_icon.png'); }
.comp_txt{ width:calc( 100% - 344px ); box-sizing:border-box; padding-left:100px; }
.comp_txt .comp_logo{ margin-bottom:60px; }
.comp_txt .comp_p{ font-family: "KoddiUD OnGothic"; color:#fff; font-size:24px; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); line-height:1.5; }
.comp_txt .comp_p span{ font-weight:600; }


/* Contact */
.main_contact {
	position:relative; height:100%; background: rgb(3,134,245);
	background: linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%); box-sizing:border-box;
}
.main_contact:before {content:""; position:absolute; left:0; top:0; width:810px; height:100%; }
.main_contact .cnt_box {position: absolute; transform:translate3d(-50%,-50%,0); left:50%; top:50%; margin-top:50px; display:flex; font-size:16px;}
.main_contact .cnt_box .contact_tit {width:50%; color:#fff; padding-top:15px; padding-right:20px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main_contact .cnt_box .contact_tit b {font-size: 2em; }
.main_contact .cnt_box .contact_tit .tit {display:block; font-size: 3.5em; line-height:1.35em; margin-top: 0.53em;}
.main_contact .cnt_box .contact_tit .tit span {opacity:0.5;filter:Alpha(opacity=50);}
.main_contact .cnt_box .contact_tit .txt {font-size: 1.25em; line-height:1.75em; opacity:0.5;filter:Alpha(opacity=50); font-weight:300; margin-top:1.25em;}

/*뉴스*/
.section.news:after {content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:40%; background:linear-gradient(to right, #e3ecf6 40%, #fff 60%); z-index:-1;}
.main_news {
	max-width:1400px; width:100%; position:relative; margin:0 auto;
}
.main_news .news_tit {position:relative;}
.main_news .news_tit b {font-weight:700; font-size:2em; color:#989eaa;}
.main_news .news_tit .tit {display:block; font-weight:900; line-height:0.9em; font-size:6.5em; color:#000;}
.main_news .bx {display:block;position:relative;margin-top:10px;width:2050px;}
.main_news .m_bx {display:none}
.main_news .bx .slick-slide {margin-top:20px;background:#fff; margin-right:40px; border:1px solid #e1e1e1;position:relative;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.main_news .bx .slide_li a {display:block;width:auto;height:100%;position:relative;height:220px;padding:40px;box-sizing: border-box;}
.main_news .bx .slide_li .p1{font-size: 20px;font-weight:bold;color:#000;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
height: 85px;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 3;
}
.main_news .bx .slide_li .p2 {position:absolute;bottom:40px;left:40px;font-size: 17px;font-weight:normal;color:#a1a3a4;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.main_news .bx .slide_li .p3 {position:absolute;bottom:30px;right:40px;font-size:35px;color:#000;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.main_news .bx .slick-slide:hover{border: 1px solid transparent;margin-top:0px;background:linear-gradient(-45deg, #0036f9, #0098ce);-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;box-shadow:10px 10px 10px rgba(0,0,0,0.3)}
.main_news .bx .slick-slide:hover p{color:#fff}
.main_news .indicaotr{position:relative; margin-top:20px; max-width:1400px; width:100%; text-align:right;}
.main_news .prevArrow{display:inline-block; margin-right:10px; width:50px;height:50px;opacity:1;background:#fff url('../img/main/arrow_left.png');background-position:center; background-repeat:no-repeat; z-index:99;overflow:hidden;text-indent:-9999px;border:1px solid #000;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; border-radius:50px;}
.main_news .nextArrow{display:inline-block; width:50px;height:50px;opacity:1;background:#fff url('../img/main/arrow_right.png');background-position:center; background-repeat:no-repeat; z-index:99;overflow:hidden;text-indent:-9999px;border:1px solid #000;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; border-radius:50px;}
.main_news .more_btn {position:absolute; bottom:0; right:0; display:inline-block; padding:0 30px; height:50px; line-height:48px; border:1px solid #000; border-radius:50px; font-weight:700; letter-spacing:-0.25px; transition:all 0.4s; font-size:1.125em;}
.main_news .more_btn:hover {background:#000; color:#fff;}

/* 문의폼 */
.main_contact .cnt_box .contact_form {width:50%;}
.main_contact .cnt_box .inquiry_form .item {position:relative; display:flex;  align-items:center; height:3.31em; border-bottom: 1px solid rgba(255,255,255,0.3); padding:0 10px; margin-top:10px; color:#fff;}
.main_contact .cnt_box .inquiry_form .item:first-child {margin-top:0; }
.main_contact .cnt_box .inquiry_form .item .icon {display:block; width:3.93em; height:100%; text-align:center; background-position:center; background-repeat:no-repeat;}
.main_contact .cnt_box .inquiry_form .item:first-child .icon {background-image:url('../img/main/contact_icon_01.png');}
.main_contact .cnt_box .inquiry_form .item:nth-child(2) .icon {background-image:url('../img/main/contact_icon_02.png');}
.main_contact .cnt_box .inquiry_form .item:nth-child(3) .icon {background-image:url('../img/main/contact_icon_03.png');}
.main_contact .cnt_box .inquiry_form .item:nth-child(4) .icon {background-image:url('../img/main/contact_icon_04.png'); background-position:center top 18px;}
.main_contact .cnt_box .inquiry_form .item input,
.main_contact .cnt_box .inquiry_form .item textarea {background:transparent; border:0; color:#fff; font-size:1em;}
.main_contact .cnt_box .inquiry_form .textarea {display:table; width:100%; height:auto; padding:10px; border-top: 1px solid rgba(255,255,255,0.3); background-color:rgba(255,255,255,0.1); -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.main_contact .cnt_box .inquiry_form .item input:focus,
.main_contact .cnt_box .inquiry_form .item textarea:focus {outline:0;}
.main_contact .cnt_box .inquiry_form .item input::-webkit-input-placeholder {color: #fff;}
.main_contact .cnt_box .inquiry_form .item input:-ms-input-placeholder { color: #fff;}
.main_contact .cnt_box .inquiry_form .item textarea::-webkit-input-placeholder { color: #fff;}
.main_contact .cnt_box .inquiry_form .item textarea:-ms-input-placeholder { color: #fff;}
.main_contact .cnt_box .inquiry_form .textarea .icon {display:table-cell; vertical-align:top;}
.main_contact .cnt_box .inquiry_form .textarea textarea  {display:table-cell; vertical-align:top; width:100%; height: 6.875em; padding:0.9375em 0;}
.main_contact .cnt_box .inquiry_form .item input {width:calc(100% - 3.625em - 3.93em); height:100%;}
.main_contact .cnt_box .inquiry_form .item .necessary-txt {display:block; width:3.625em; text-align:center;}

/* 개인정보처리방침 */
.main_contact .cnt_box .agree_box {position:relative; padding-right: 100px; margin-top:20px;}
.main_contact .cnt_box .agree_box .checkbox_item input[type="checkbox"] {visibility:hidden;}
.main_contact .cnt_box .agree_box .checkbox_item input[type="checkbox"] + label {position:relative; padding-left: 2.28em; font-size:0.875em; color:#fff; margin-left:-15px; cursor:pointer;}
.main_contact .cnt_box .agree_box .checkbox_item input[type="checkbox"] + label span {color:#9bd7e9;}
.main_contact .cnt_box .agree_box .checkbox_item input[type="checkbox"] + label:before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1.21em; height:1.21em; line-height:1.21em; text-align:center; z-index:9; color:#3d3d3d; background:url('../img/main/check_icon.png') no-repeat center; opacity:0;filter:Alpha(opacity=0); }
.main_contact .cnt_box .agree_box .checkbox_item input[type="checkbox"] + label:after {content:""; width:1.07em; height:1.07em; border:1px solid #458596; background-color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.main_contact .cnt_box .agree_box .checkbox_item input[type="checkbox"]:checked + label:before {opacity:1;filter:Alpha(opacity=100);}
.main_contact .cnt_box .agree_box a {position:absolute; right:0; top:0; color:#fff; border-bottom:1px solid #fff; font-size:0.875em; padding-bottom:5px; opacity:0.5;filter:Alpha(opacity=50);}

/* 보내기버튼 */
.main_contact .cnt_box .send_btn {display:block; width:100%; max-width:10.27em; height:3em; margin: 40px 0 0 auto; border:1px solid #fff; border-radius:50px; font-size:1.125em; color:#fff; font-weight:700; letter-spacing:-0.25px; transition:all 0.4s;}
.main_contact .cnt_box .send_btn span {display:inline-block; vertical-align:top; position:relative; padding-right: 55px; line-height:3em; }
.main_contact .cnt_box .send_btn span:before {content:""; position:absolute; right:0; top:50%; margin-top:-8px; display:block; width:21px; height:16px; background:url("/images/main/main_news_arrow_on.png") no-repeat; transition:all 0.4s;}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 0;
-moz-box-shadow:0 0 0;
box-shadow:0 0 0;
border:0 !important;
}

/* 메인 솔루션 섹션 추가 */
.main_solution .top_box{ width:80%; display:flex; align-items:center; border-radius:100px; padding:10px; border:1px solid #ddd; background:#f2f5f5; margin:0 auto; margin-top:60px; }
.main_solution .top_box > li{ border-radius:100px; text-align:center; border:1px solid #ddd; background:#fff; flex-grow:1; height:100px; line-height:100px; font-size:20px; font-weight:500; margin:0px 5px; }
.main_solution .mid_arr{ width:100%; text-align:center; font-size:26px; font-weight:600; padding:50px 0px; background:url('../img/main/main_solution_arrow_00.png') no-repeat; background-size:408px; background-position:center; margin-bottom:20px; }
.main_solution .bott_box{ display:flex; align-items:flex-start; justify-content: center; }
.main_solution .bott_box .bott_item img + p{ margin-top:20px; font-size:18px; font-weight:500; text-align:center; }
.main_solution .bott_box .bott_item.i_01{ padding-right:110px; background:url('../img/main/main_solution_arrow_01.png') no-repeat; background-position-x:right; background-position-y:50%; margin-right:20px; }
.main_solution .bott_box .bott_item.i_02 img{ border-radius:14px; overflow:hidden; box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.05); }
.main_solution .bott_box .bott_item.i_03{ padding-left:130px; background:url('../img/main/main_solution_arrow_02.png') no-repeat; background-position-x:15px; background-position-y:50%; }
.main_solution .bott_box .bott_item.i_03 ul li{ border-radius:100px; border:1px solid #ddd; height:60px; width:140px; line-height:59px; text-align:center; font-size:18px; font-weight:400; box-sizing:border-box; padding-left:30px; position:relative; box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.05);}
.main_solution .bott_box .bott_item.i_03 ul li:nth-child(2){ margin:77px 0px; }
.main_solution .bott_box .bott_item.i_03 ul li:before{ content:" "; display:block; width:24px; height:24px; position:absolute; left:50%; top:17px; margin-left:-30px; }
.main_solution .bott_box .bott_item.i_03 ul li:nth-child(1):before{
	background:url('../img/main/main_solution_icon_01.png') no-repeat;
}
.main_solution .bott_box .bott_item.i_03 ul li:nth-child(2):before{
	background:url('../img/main/main_solution_icon_02.png') no-repeat;
}
.main_solution .bott_box .bott_item.i_03 ul li:nth-child(3):before{
	background:url('../img/main/main_solution_icon_03.png') no-repeat;
}

/* 메인 솔루션 추가 - 2 240119 KSB */
.section.epidap {background:url("../img/main/comp_bg.jpg"); background-size:cover; background-position:center;}
.section .tit_h3 { font-size: 38px; font-weight: 600; font-family: 'Montserrat'; color: #fff; }
.section .tit_h3 + .info_p{ font-size: 18px; font-weight: 500; font-family: 'Montserrat'; color: #fff; margin-top:10px; }
.epidap_ul{ display:flex; align-items: center; justify-content: space-between; margin-top:100px; }
.epidap_ul li{ border-radius:10px; width:calc( (100% - 100px) / 3 ); box-shadow: 8px 10px 15px 0px #00000030; }
.epidap_ul li img{ width:100%; }

.section .main_solution_02 .tit_h3,
.section .main_solution_02 .tit_h3 + .info_p{ color:#222; }

.main_solutions .lr_box{ display:flex; align-items: center; justify-content: space-between; margin-top:60px; }
.main_solutions .lr_box .left_box{ width:60%; box-sizing:border-box; padding-right:100px; }
.main_solutions .lr_box .right_box{ width:40%; }
.main_solutions .lr_box .left_box .icon_h3{ font-size:26px; font-weight: 700; font-family: 'Montserrat'; padding-left:43px; position:relative; }
.main_solutions .lr_box .left_box .icon_h3:before{ content:" "; display:block; position:absolute; background:url("../img/main/h3_icon.png"); width:37px; height:36px; left:0px; top:-2px; }
.main_solutions .lr_box .left_box .info_p{ font-size:18px; font-weight: 500; font-family: 'Montserrat'; word-break: keep-all; margin-top:20px; line-height:26px; }
.main_solutions .lr_box .left_box .solution_box{ margin-top:30px; }
.main_solutions .lr_box .left_box .solution_box .sol_tit{ position:relative; }
.main_solutions .lr_box .left_box .solution_box .sol_tit span{ font-size:22px; font-weight: 700; font-family: 'Montserrat'; color:#008390; padding-right:10px; background:#fff; position:relative; z-index: 2; }
.main_solutions .lr_box .left_box .solution_box .sol_tit:after{ content:" "; display:block; position:absolute; width:100%; height:1px; background:#ddd; top:50%; left:0; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt{ padding:30px 20px 0px; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt > h4{ font-size:18px; font-weight: 700; font-family: 'Montserrat'; color:#222; padding-left:15px; position:relative; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt > h4:before{ content:" "; display:block; position:absolute; width:5px; height:5px; border-radius:6px; background:#008390; top:9px; left:0px; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .sol_info{ margin-top:10px; padding-left:15px; display:flex; align-items: center; justify-content: space-between; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt p{ font-size:15px; font-weight: 500; font-family: 'Montserrat'; color:#222; word-break: keep-all; padding-right:20px; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box{ display:flex; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box a{ font-size:0; width: 60px; height:65px; border-radius:5px; box-shadow:1px 2px 7px 0px #00000020; background-color: #fff; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box a:hover,
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box a:focus,
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box a:active{ box-shadow:1px 2px 7px 0px #00000040; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box a.git{ background:url(../img/main/icon_git.png) center no-repeat #fff; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box a.bio{ background:url(../img/main/icon_bio.png) center no-repeat #fff; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box a.pmd{ background:url(../img/main/icon_pmd.png) center no-repeat #fff; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .link_box a + a{ margin-left:10px; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .sol_img{ padding-left:15px; display:flex; box-sizing:border-box; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .sol_img div{ width:700px; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .sol_img div img{ width:100%; }
.main_solutions .lr_box .left_box .solution_box .sol_cnt .sol_img div + div{ margin-left:15px; }

.main_solutions .lr_box .right_box img{ box-shadow:8px 6px 30px 0px #00000020; }
.main_solutions .lr_box .right_box{ display: flex; justify-content: flex-end;}

.section.antibody,
.section.antibody .main_solutions .lr_box .left_box .solution_box .sol_tit span{ background:#f0f5f7; }
.section.antibody .main_solutions .lr_box{ flex-direction: row-reverse; }
.section.antibody .main_solutions .lr_box .right_box{ justify-content: flex-start;}
.section.antibody .main_solutions .lr_box .left_box{ padding-right:0px; padding-left:100px; }

/*메인 연혁추가*/
.our_journey_con{ padding-top:40px; border-top:1px solid #ddd; }
.history_tit .tit,
.history_tit .title { color:#111; font-size:70px; font-weight:700; line-height:1.2; font-family: 'Montserrat'; }
.inner1400{ max-width: 1400px; width: 100%; margin: 0 auto; }
.history_wrap .inner1400 { display:flex; flex-wrap:wrap; }
.history_wrap .year-box { width:680px; position:sticky; top:100px; max-height:580px; z-index:2 }
.history_wrap .history-list { width:calc(100% - 680px); }
.history_wrap .year-box .subTopTitle { text-align:left; }
.history_wrap .year-box .year_btn { margin-top:75px; }
.history_wrap .year-box .year_btn li { width:185px; }
.history_wrap .year-box .year_btn li:not(:last-child) { margin-bottom:10px; }
.history_wrap .year-box .year_btn li a {  width:100%; height:59px; border-radius:60px; display:flex; align-items:center; justify-content:center; border:1px solid #d6d6d6; font-size:18px; color:#999; font-weight:300; }
.history_wrap .year-box .year_btn li.on a { color:#fff; font-weight:700; background-color:#0aa5b5; border:none; }
.history_wrap .history-list { position:relative; margin-top:80px; }
.history_wrap .history-list:before { content:""; display:block; position:absolute; top:32px; left:0; width:3px; height:calc(100% - 210px); border-left:1px dashed #d6d6d6; }
.history_wrap .history-list > ul:not(:last-child),
.history_wrap .history-list > ul > li{ margin-bottom:50px; }
.history_wrap .history-list > ul > li { position:relative; padding-left:54px;  }
.history_wrap .history-list > ul > li:before { content:""; display:block; position:absolute; top:32px; left:-4px; width:9px; height:9px; background:#d6d6d6; border-radius:10px; }
.history_wrap .history-list > ul.effect > li:before { background:#0aa5b5; }
.history_wrap .history-list > ul > li > dl { display:flex; flex-wrap:wrap; }
.history_wrap .history-list > ul > li > dl > dt { width:175px; color:#111; font-size:45px; font-weight:600; }
.history_wrap .history-list > ul > li > dl > dd { width:calc(100% - 175px); padding-top:10px; }
.history_wrap .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:38px; }
.history_wrap .history-list > ul > li > dl > dd li { position:relative; padding-left:40px; font-size:18px; color:#333; font-weight:400; line-height:1.4; word-break:keep-all; }
.history_wrap .history-list > ul > li > dl > dd li strong { position:absolute; left:0; top:0; width:27px; text-align:right; display:inline-block; color:#0aa5b5; font-weight:600; letter-spacing:-0.02em; }
@media screen and (max-width:1400px){	
  .history_wrap .year-box { width:600px; }
  .history_wrap .history-list { width:calc(100% - 600px); }
}
@media screen and (max-width:1280px){	
  .history_wrap .year-box { width:500px; }
  .history_wrap .history-list { width:calc(100% - 500px); }
  .history_wrap .history-list > ul > li > dl > dt { width:150px; font-size:40px; }
  .history_wrap .history-list > ul > li > dl > dd { width:calc(100% - 150px); }
}
@media screen and (max-width:1024px){	
  .history_wrap .year-box { width:400px; }
  .history_wrap .year-box .year_btn { margin-top:45px; }
  .history_wrap .year-box .year_btn li { width:160px; }
  .history_wrap .year-box .year_btn li a { height:48px; }
  .history_wrap .history-list { width:calc(100% - 400px); margin-top:45px; }
  .history_wrap .history-list:before { top:15px; }
  .history_wrap .history-list > ul:not(:last-child),
  .history_wrap .history-list > ul > li:not(:last-child) { margin-bottom:80px; }
  .history_wrap .history-list > ul > li { padding-left:40px; }
  .history_wrap .history-list > ul > li:before { top:13px; }
  .history_wrap .history-list > ul > li > dl > dt { width:100px; font-size:30px; }
  .history_wrap .history-list > ul > li > dl > dd { width:calc(100% - 100px); padding-top:2px; }
  .history_wrap .history-list > ul > li > dl > dd li { padding-left:40px; font-size:16px;}
  .history_wrap .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:25px; }
}
@media screen and (max-width:960px){
  .history_wrap .year-box .subTopTitle { text-align:center; }
  .history_wrap .year-box .subTopTitle .title br { display:none }
  .history_wrap .history-list:before { top:15px; height:calc(100% - 290px); }
  .history_wrap .year-box { width:100%; position:relative; top:0; }
  .history_wrap .year-box .year_btn ul { display:flex; max-width:500px; gap:0 10px;}
  .history_wrap .year-box .year_btn ul li { width:cacl((100% - 20px) / 3); }
  .history_wrap .history-list { width:100%; margin-top:45px; }
  .our_journey_con{ padding:20px;}
}
@media screen and (max-width:640px){	
  .history_wrap .history-list:before { top:15px; height:calc(100% - 340px); }
  .history_wrap .history-list > ul:not(:last-child),
  .history_wrap .history-list > ul > li:not(:last-child) { margin-bottom:50px; }
  .history_wrap .history-list > ul > li { padding-left:35px; }
  .history_wrap .history-list > ul > li > dl > dt { width:100%; font-size:30px; }
  .history_wrap .history-list > ul > li > dl > dd { width:100%; padding-top:20px; }
  .history_wrap .history-list > ul > li > dl > dd li:not(:last-child) { margin-bottom:20px; }
  .history_tit .tit, .history_tit .title{ font-size:50px; }
  .our_journey_con{ padding:10px; margin-top:20px; }
} 



@media all and (max-width:1400px){

	.main_company .company_txt, .main_news, .main_contact .cnt_box {padding:0 50px; box-sizing:border-box;}

}

@media all and (max-width:1200px){
	.main_vis_tit {font-size: 4vw;}
	.main_company .company_txt, .main_news, .main_contact .cnt_box {padding:0 20px; box-sizing:border-box;}
	.main_visual .main_txt {left:20px;}
}

@media all and (max-width:1000px){
	.main_news .news_tit b, .main_contact .cnt_box .contact_tit b {font-size:1.5em;}
	.main_news .news_tit .tit {font-size:4.5em;}
	.main_news .more_btn {font-size:1em; height:40px; line-height:38px;}
	.main_news .bx {width:1200px;}
	.comp_txt .comp_logo {width:150px; margin-bottom:40px;}
	.comp_txt .comp_p {font-size:20px; font-family:'Noto Sans KR', sans-serif;}
	.comp_icon {width:200px; height:200px; background-size:100% auto; background-position:center;}
	.comp_txt {width:calc( 100% - 150px ); padding-left:40px;}
	.main_contact .cnt_box .contact_tit .tit {font-size:2.5em;}
	.main_contact .cnt_box .contact_tit .txt {font-size:16px;}
	.main_contact .cnt_box .contact_tit {width:100%; padding:0; margin-bottom:20px;}
	.main_contact .cnt_box .contact_form {width:100%;}
	.main_contact .cnt_box {flex-direction:column; margin:0;}
	.main_contact .cnt_box .send_btn {width:110px; font-size:1em; height:40px; line-height:38px;}
	.main_contact .cnt_box .send_btn span {padding-right:0; line-height:38px;}

	/* 메인 수정 240119 */
	.section.epidap,
	.section.epidap .fp-tableCell,
	.section.epidap .fp-scrollable{ height:initial !important; }
	.main_solution_01{ padding:40px 0px; }
	.epidap_ul{ margin-top:30px; display:block; }
	.epidap_ul li{ margin:0 auto; width:80%; }
	.epidap_ul li + li{ margin-top:30px; }

	.main_solutions .lr_box .left_box{ width:70%; padding:0px !important; }
	.main_solutions .lr_box .right_box{ width:30%; }
	.main_solutions .lr_box .right_box img{ width:100%; }
	

}

@media all and (min-width:801px){
	.main_contact .cnt_box .send_btn:hover {color:#12bbce; background-color:#fff;}
	.main_contact .cnt_box .send_btn:hover span:before {background-image:url("/images/content/online_arrow_on.png");}
}

@media all and (max-width:800px){
	.main_contact .cnt_boxtainer {padding:85px 0 50px;
		background: rgb(3,134,245);
		background: -moz-linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
		background: -webkit-linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
		background: linear-gradient(50deg, rgba(3,134,245,1) 0%, rgba(24,207,192,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0386f5",endColorstr="#18cfc0",GradientType=1);
	}
	.main_contact .cnt_boxtainer:before {display:none;}
	.main_contact .cnt_boxtainer .wave {height:36px; background-size:auto 36px;}
	.main_contact .cnt_box  {font-size:13px;}
	.main_contact .cnt_box .contact_tit .tit {font-size:36px;}
	.main_contact .cnt_box .contact_tit .txt {font-size:13px;}
	.comp_txt .comp_p {font-size:18px;}

	/* 문의폼 */
	.main_contact .cnt_box .inquiry_form .item  {padding:0; margin-top:5px;}
	/* 개인정보처리방침 */
	.main_contact .cnt_box .agree_box .checkbox_item input[type="checkbox"] + label {padding-left: 20px;}

	/* 메인 솔루션 */
	.main_solution .top_box{ width:100%; }
	.main_solution .top_box > li{ font-size:16px; }
	.main_solution .bott_box{ display:block; }
	.main_solution .bott_box .bott_item.i_01{ padding-right:0px; padding-bottom:100px; background:none; position:relative; margin-right:0px; }
	.main_solution .bott_box .bott_item img{ display:block; max-width:100%; margin:0 auto;  }
	.main_solution .bott_box .bott_item.i_01:after{ content:" "; width:101px; height:32px; display:block; position:absolute; background:url('../img/main/main_solution_arrow_01.png') no-repeat; bottom: 35px; transform: rotate(90deg) scale(0.7); left: 50%; margin-left: -48px;}
	.main_solution .bott_box .bott_item.i_03{ padding-left:0px; padding-top:120px; position:relative; background:none; }
	.main_solution .bott_box .bott_item.i_03:before{ content:" "; width:104px; height:284px; display:block; position:absolute; background:url('../img/main/main_solution_arrow_02.png') no-repeat; top: -80px; transform: rotate(90deg); left: 50%; margin-left: -52px; }
	.main_solution .bott_box .bott_item.i_03 ul{ display:flex; margin-bottom:60px; justify-content: center; }
	.main_solution .bott_box .bott_item.i_03 ul li:nth-child(2){ margin:0px; }

	/* 메인 수정 240119 */
	.main_solutions { padding:30px 0px; }
	.main_solutions .lr_box{ display:block; margin-top:20px; }
	.main_solutions .lr_box .left_box{ width:90%; margin:0 auto; }
	.main_solutions .lr_box .right_box{ width:90%; margin:0 auto; margin-top:30px; }

}
@media all and (max-width:640px){

	.main_company h3 {font-size:30px;}
	.main_company .cnt_box {margin-top:40px;}
	.comp_txt {width:100%; padding-left:0; text-align: center;}
	.comp_txt .comp_p {font-size:15px;}
	.comp_icon {position:absolute; top:0; right:20px; opacity:0.2;}
	.main_visual .link_btn {margin-top:40px; font-size:16px; padding-right:90px;}
	.main_visual .link_btn:after {width:40px; height:40px;}
	.main_visual .link_btn .link_arrow {bottom:8px; right:17px;}
	.main_contact .cnt_box {display:block;}
	.main_contact .cnt_box .contact_tit {width:100%;}
	.main_contact .cnt_box .contact_form {width:100%; margin-top:35px;}
	.main_news .news_tit .tit {font-size:35px;}
	.main_news .bx {width:100%;}
	.main_news .bx .slick-slide {margin-right:0;}
	.main_news .bx .slide_li .p1 {font-size:18px;}
	.main_news .bx .slide_li .p2 {font-size:14px;}
	.main_contact .cnt_box .contact_tit .tit {font-size:30px}

	.fp-table.section, .fp-tableCell {min-height:600px;}
	.fp-completely, .fp-tableCell {min-height:670px;}
	.fp-table.section.footer, .footer .fp-tableCell {min-height:auto;}

	/* 문의폼 */
	.main_contact .cnt_box .inquiry_form .item {margin-top:0;}
	.main_contact .cnt_box .inquiry_form .textarea {margin-top:5px;}
	/* 보내기버튼 */
	.main_contact .cnt_box .send_btn {margin:40px auto 0;}

	.main_solution .top_box{ flex-wrap:wrap; justify-content: center; width:96%; border-radius:50px; }
	.main_solution .top_box > li{ flex-grow:0; width:45%; height:60px; line-height:60px; }
	.main_solution .top_box > li:nth-child(n+3){ margin-top:10px; }

	/*240119*/
	.section .tit_h3{ font-size:28px; }
	.section .tit_h3 + .info_p{ padding:0px 10px; word-break: keep-all; font-size:16px; }
	.main_solutions .lr_box .left_box .icon_h3{ font-size:24px; }
	.main_solutions .lr_box .left_box .info_p{ font-size:16px; }
}

@media all and (max-height:500px){
	.fp-table.section, .fp-tableCell {min-height:600px;}
	.fp-completely, .fp-tableCell {min-height:670px;}
	.fp-table.section.footer, .footer .fp-tableCell {min-height:auto;}

	
}