/*** 2021 ***/

/* 랜딩페이지1 */
* {word-break:keep-all !important;}
p, span, a {font-family:'Poppins', sans-serif !important}
#lp1, .main {height:100vh}
.lp1_hd {width:100%; height:70px; position:absolute; top:0; background:none; padding:0 40px; align-items:center; z-index:1;}
.lp1_hd .lp1_logo {width:150px; height:75%; background: url("../img/lp_logo_new.png") left no-repeat; background-size:contain; position:absolute; top:8px}
.lp1_hd .lp1_logo a {width:100%; height:100%; display:inline-block;}
.lp1_hd .lp1_logo p {font-size:15px; display:inline-block;position:absolute; width:412px; padding-left:20px; color:#fff; line-height:52.5px}
.lp1_hd .lp1_logo p br {display:none}
.lp1_hd .countcv {width:60%; margin:auto; text-align:center;}
.lp1_hd .std.m {display:none}
.lp1_hd .std, .lp1_hd .lang a {display:block; width:140px; height:35px; background-color:#ef812c; border-radius:5px; color:#fff; line-height:35px; text-align:center; position:relative; transition: 0.2s; z-index:1}
.lp1_hd .std {display:inline-block; margin-left:8px}
.lp1_hd .std:after,  .lp1_hd .lang a:after{
	content:"";
	display:block;
	position:absolute;
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	transition: 0.2s;
	z-index:-1
}
.lp1_hd .std:hover:after, .lp1_hd .lang a:hover:after {height:79%; opacity:1}
.lp1_hd .std:hover {color: #ef812c;}
.lp1_hd .lang a:hover {color: #005fa8;}
.lp1_hd .count .number {display:inline-block;}
.lp1_hd .count .number h1 {font-size:35px; font-weight:700; color:#fff;
/*background-image: -webkit-linear-gradient(transparent, transparent), 
  url('../img/countmask.jpg');
  -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-position:center;
*/
position:relative;
z-index:1;
width:300px; 
}
.lp1_hd .count .number h1.outer {background:none; position:absolute; z-index:0; top:-3px; text-shadow:0 3px 3px #002643}
.lp1_hd .count .number h1 div {float:left; width:25%}
.lp1_hd .count .number h1 div:first-child {width:30%}
.lp1_hd .count .number h1 div:last-child {width:20%}
.lp1_hd .count .number h1 div:after {content:""; display:inline-block; width:10px; height:28px; background:url("../img/cl.png") center no-repeat; margin-left:13px;}
.lp1_hd .count .number h1 div:last-child:after {display:none}
.lp1_hd .count .number ul {position:absolute; bottom:0;}
.lp1_hd .count .number ul li {display:inline-block; font-size:11px; margin:0 13px; color:#fff}
.lp1_hd .count .number ul li:first-child {margin-left:19px;}
.lp1_hd .count .number ul li:nth-child(2) {padding-left:19px;}
.lp1_hd .count .number ul li:nth-child(3) {padding-left:0; margin-left:12px;}
.lp1_hd .count .number ul li:last-child {padding-left:0; margin-left:10px;}
.lp1_hd .count .early {width:250px; margin: 0 auto; transition: all .5s}
.lp1_hd .count .early a {color:#fff; display: block; width: 220px; height: 35px; margin: auto; background: #dc1d2b; line-height: 35px; position:relative; font-weight:700; margin-top:18px; margin-bottom:40px}
.lp1_hd .count .early a:after {content:""; display:none; background: url("../img/earlybird.png") center no-repeat; position: absolute; width: 30px; height: 29px; right: -28px; top: -14px; transform: rotate(-20deg);}
.lp1_hd .count .early > span {padding: 20px; background: rgba(255,255,255,0.6); color: #d50000; border-radius: 5px; position:relative; font-weight:600;}
.lp1_hd .count .early > span:before {content: ""; display: inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid rgba(255,255,255,0.6); position: absolute; top: -5px; left: 86px;}
.lp1_hd .hd_right {position:absolute; right:40px; top:17.5px;}
.lp1_hd .hd_right .sns {_display:inline-block; display:none;}

.lp1_hd .hd_right .sns li {display:inline-block; margin:0 2px; opacity:1}
.lp1_hd .hd_right .sns li:hover {opacity: 1}
.lp1_hd .hd_right .lang.m {display:none}
.lp1_hd .hd_right .lang {margin-left:10px; display:inline-block;}
.lp1_hd .hd_right .lang a {width:100px; background-color: #005fa8;}
.lp1_hd .hd_right .lang a span {display:inline-block; width:15px; height:9px; background: url("../img/lang.png") right no-repeat;}
.lp1_hd .hd_right .lang a span.hover {background:url("../img/lang_h.png") right no-repeat;}
.lp1_hd .hd_right .lang .lang_opt {position:absolute; top:35px;}
.lp1_hd .hd_right .lang .lang_opt li {padding-top: 5px}
.lp1_hd .hd_right .lang .lang_opt li a {background:rgba(0,95,168,0.6); border:1px solid rgba(255,255,255,0.6);}
.vdo {height:100vh; overflow:hidden}
.vdo video {object-fit:cover}
.scr p {text-align:center; color:#fff; position:absolute; bottom:40px; left:50%; transform:translateX(-43px)}
.scr p span {display:block; height:20px; background: url("../img/scr.png") center no-repeat;}
.index3main-slider .panoDiv {position:unset; padding-top:0; margin-top:60px}
.index3main-slider .panoDiv > a {color: #0052ff; display: block; width: 100%; height: 100%; position: relative;}
.enterWrap {width: 100%; height: 100%; position: absolute; left: -88px; top: 70px; display: flex; justify-content: center; align-items: center;}
#lp1 .panoDiv .enter {text-shadow:1px 4px 3px #005fa8, 0 0 14px #000, 1px 0 0 #005fa8; position:absolute; top:66px;}
.toptxt_m {display:none}

/* Mouse Animation */
.mouse {
  width: 100px;
  display: inline-block;
  position: absolute;
  left: 50.25%;
  bottom: 150px;
  z-index: 1;
  -webkit-transform: translateX(-12px);
  -ms-transform: translateX(-12px);
  transform: translateX(-12px); }

.mouse-icon {
  width: 25px;
  height: 45px;
  border: 2px solid white;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  text-align: center;
  transform:translateY(40px)
  }

.mouse-wheel {
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 6px;
  background-color: white;
  border-radius: 5px;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
  -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down; }

@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

@-moz-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

@keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 20px;
    opacity: 0; } }

#logwrap {position:absolute; z-index:999; width:100%; height:100%}
#login {position:relative; height:100%; padding-top:80px;}
#login > span {position:absolute; right:0; font-size:40px; cursor:pointer}

/* 랜딩페이지2 공통 */
p, span, a {font-family:'Poppins', sans-serif !important}
.lp2 {width: 100%; height:100vh; background-size: cover; position:relative;}
.lp2.lpnow {background: url(../img/lp/komts_LP2_now_.jpg) no-repeat; background-size: cover;}
.lp2_hd {width: 100%; height:70px; display:-webkit-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-box-pack: justify; justify-content: center; background: #005fa8;}
.lp2_hd.lpnow {height:69px; background:#005fa8}
.lp2_hd > ul > li {height: 100%; float: left; position:relative;}
.lp2_hd > ul > li > button {display: block; width: 100%; height: 100%; font-size: 26px; color: #fff; padding: 0 45px; background:none}
.lp2_hd > ul {height: 100%; line-height: 70px;}
.lp2_hd > ul:after {content: ""; display: block; clear: both}
.lp2_hd > ul > li.on, .lp2_hd > ul > li.active, .lp2_hd > ul > li:hover {background: rgba(255,255,255,0.2); box-shadow: 0 0 4px rgba(0,0,0,0.4); border-bottom: 3px solid #ef812c}
.lp2submn {display:none}
.lp2_hd > ul > li:hover > .menu-submenu {display:block}
.menu-submenu {position: absolute; z-index:99999; width:100%; display:none; padding-top:3px;}
.menu-submenu li {width: 100%; /* added */  padding: 0 15px; /* adjust */  white-space: nowrap; /* added */ z-index: 10; background:rgba(0,0,0,0.6); line-height:3em;}
.menu-submenu li:hover {background:rgba(255,255,255,0.6);}
.menu-submenu li button {font-size:16px; font-weight:300; color:#fff; background:none; width:100%; text-align:left}
.menu-submenu li:hover button {color:#005fa8}
.lp2con {height:calc(100% - 60px)}
.lp2_view, .lp2_view > li {height:100%;}
.about, .reg, .tv, .guide, .pri, .map, .b2b, .news, .why, .time, .notice, .letter, .schex {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%;}
.lp2tt, .tv h3, .lp4 h3 {height: 120px; font-size: 40px; text-align: center; /*background: url(../img/lp/ttbacklogo_new.png) center;*/ margin: 40px 0; padding-top:55px; background-repeat: no-repeat; color:#000; font-weight:700;}
/*.lp2tt {margin-top:0}*/
.about > div, .reg > div, .guide > div, .tv > div {width:100.9%}
.lp2_hd .db:hover {border-bottom:0}
.lp2_hd .db a {width: 170px; height: 40px; color: #fff; background: #ef812c; display: block; border-radius: 5px; text-align: center; line-height: 40px; position:relative; z-index:1; margin:15px;}

/* 랜딩페이지2 now */
.now {text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 32%;}
.now h3, .record h3 {color: #fff; font-size: 40px; text-shadow: 0 0 4px rgba(0,0,0,0.5); padding: 30px 0; font-weight:700;}
.now h3 {padding-bottom:0}
.now ul {width: 80%; display:-webkit-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top:20px;}
.now ul li {height: 128px; position: relative; width: 33.3%;}
.now ul .vi {background: url(../img/lp/now_count1.png) no-repeat center; background-size: contain;}
.now ul .ex {background: url(../img/lp/now_count2.png) no-repeat center;  background-size: contain;}
.now ul .co {background: url(../img/lp/now_count3.png) no-repeat center;  background-size: contain;}
.now ul li p {padding: 45px 0 37px 100px; font-size: 15px; color:#000}
.now ul li p span {font-size: 26px; display: block; font-weight:600;}
.record {text-align: center; width: 100%;  height: 67%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.record ul {width: 80%; display:-webkit-box; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-box-pack: justify; justify-content:space-around; flex-wrap: wrap}
.record ul li {display: block; color: #fff; width: 33%; text-align: center; margin-bottom: 30px; font-size: 15px;}
.record ul li i {display: block; width: 100px; height: 100px; background: rgba(0,0,0,0.6); border-radius: 50px; margin: auto;}
.record ul li i img {padding-top: 22px;}
.record ul li:nth-child(7) i img {padding-top: 16px}
.record ul li a {font-size:26px; font-weight:bold;}
.record ul li span {display: inline-block; font-size: 26px; padding-top: 10px; font-weight:600;}
.record ul li p {background: rgba(255,255,255,0.7); width: fit-content; padding: 0 12px; color: #000; border-radius: 5px; margin: 0 auto; margin-top: 7px; display:ruby-text-container}
.sns_quick {position: fixed; right: 0; top: 28%; display:none; z-index: 9999999999}
.record ul li br {display:none}
.sns_quick ul li {width: 46px; height: 46px; margin: 10px 40px}
.sns_quick ul li a {display:block; height:100%;}
.sns_quick ul li.bl {background: url(../img/lp/sns9.png) no-repeat; background-size:contain}
.sns_quick ul li.in {background: url(../img/lp/sns1.png) no-repeat; background-size:contain}
.sns_quick ul li.yt {background: url(../img/lp/sns2.png) no-repeat; background-size:contain}
.sns_quick ul li.fb {background: url(../img/lp/sns3.png) no-repeat; background-size:contain}
.sns_quick ul li.ka {background: url(../img/lp/sns4.png) no-repeat; background-size:contain}
.sns_quick ul li.q_top {background: url(../img/lp/q_top.png) no-repeat; background-size:contain}

/* 랜딩페이지2 aboutkomts */
.aboutSet ul {text-align:center}
.about ul li {width:350px; height:600px; display:inline-block; box-shadow: 0 5px 30px rgba(0,0,0,0.2); margin:0 20px; text-align: center; border-radius: 5px; position:relative; vertical-align:middle}
.about ul li .circle {width: 248px; height: 248px; border-radius: 50%; margin: auto; margin-top:40px;}
.about ul li p {font-size: 16px; padding: 0 20px; line-height:1.3em; height:160px}
.about ul li p span {font-size: 26px; display: block; color: #005fa8; padding: 35px 0 20px; font-weight:600}
.about ul li .btnBox {position:absolute; bottom:40px; left:32%}
.about ul li .btn_ab {width: 120px; height: 48px; color: #fff; background: #005fa8; display: block; border-radius: 5px; text-align: center; line-height: 48px; margin: auto; position:relative; z-index:1}
/* 랜딩페이지 버튼 after 공통 */
.about ul li .btn_ab:after, .tablinks_p:after, .f_top .right a:after {
	content:"";
	display:block;
	position:absolute;
    width: 100%;
    height: 0;
    top: 50%;
    left: 50%;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
	transition: 0.2s;
	z-index:-1}
.about ul li .btn_ab:hover:after, .tablinks_p:hover:after, .f_top .right a:hover:after {height:79%; opacity:1;}
.about ul li .btn_ab:hover, .f_top .right a:hover {color: #005fa8;}

#info1 {display:none}
.pgon {display:block;}

/* 랜딩페이지2 whykomts */
.whyWrap {width:85%; margin:0 auto;}
.whyBox {width:calc(50% - 80px); float:left; margin:35px; padding:20px 30px; box-shadow: 0 5px 30px rgba(0,0,0,0.2); position:relative}
.whyBox .circle {width:185px; height:185px; background:url(../img/lp/why1.png) no-repeat; position: absolute; right:-50px; top:-50px; border-radius:50%; box-shadow:0 5px 20px rgba(0,0,0,0.2); overflow:hidden;}
.whyBox:nth-child(2) .circle {background:url(../img/lp/why2.png) no-repeat;}
.whyBox:nth-child(3) .circle {background:url(../img/lp/why3.png) no-repeat;}
.whyBox:nth-child(4) .circle {background:url(../img/lp/why4.png) no-repeat;}
.whyBox h4 {font-size: 20px; color: #005fa8; padding: 10px 0 20px; font-weight:600; width:80%; line-height:1.3em}
.whyBox ul li {list-style:inside; line-height:1.3em; width:80%; font-size:16px; text-indent:-23px; padding-left:20px; height:70px}
.whyBox:nth-child(3) ul li:last-child, .whyBox:nth-child(4) ul li:last-child {list-style:none}
.whyBox ul li:last-child {margin-bottom:0}

/*렌딩페이지2 b2b*/
.s02_c3_hp > p {text-align: center; margin-bottom: 30px; line-height: 20px;}
.s02_c3_b:after {content: ''; display: block; clear: both;}
.s02_c3_b {text-align: center; font-size: 0;}
.s02_c3_b1 {cursor: pointer; transition: all 0.8s; padding-bottom: 20px; vertical-align: middle; width: calc(18% - 70px); background-size: 100%; background-color: white; border-radius: 5px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); display: inline-block; padding-top: 20px; margin: 0 20px; position: relative;}
.s02_c3_b1:after {content: ''; display: block; width: 10px; height: 18px; background-image: url('../img/arr_right.png'); background-repeat: no-repeat; background-size: 100%; position: absolute; top: 50%; left: 105.5%; transform: translateY(-50%);}
.s02_c3_b1:last-child:after {content: none;}
.s02_c3_b1 span:first-child {transition: transform 0.8s, opacity 0.1s 0.3s; width: 204px; height: 240px; display: block; margin: 0 auto; border-radius: 5px; overflow: hidden;}
.s02_c3_b1:nth-child(1) span:first-child img {margin: 0 auto; background-size: 100%;}
.s02_c3_b1:nth-child(2) span:first-child img {margin: 0 auto; background-size: 100%;}
.s02_c3_b1:nth-child(3) span:first-child img {margin: 0 auto; background-size: 100%;}
.s02_c3_b1:nth-child(4) span:first-child img {margin: 0 auto; background-size: 100%;}
.s02_c3_b1:nth-child(5) span:first-child img {margin: 0 auto; background-size: 100%;}
.s02_p_wrap {width: 100%; overflow: hidden;}
.s02_c3_b11 {transition: transform 1s; text-align: center; padding-top: 15px;}
.s02_c3_b1 h4 {line-height: 28px; height: 56px; margin: 0 auto; width: 100%; font-size: 24px; color: #005fa8; margin-top: 15px;}
.s02_c3_b1 span:last-child {display: block; width: 100px; height: 50px; background-color: #005fa8; background-size: 100px; text-align: center; color: white; transition: transform 1s; border-radius: 5px; margin: 0 auto;}
.s02_c3_b1 span:last-child p {color: white; font-size: 16px; line-height: 50px;}
.s02_c3_b1:hover {background-color: #e7eff7;}
.s02_c3_b1:hover span:last-child p,
.s02_c3_b1.cs-hover span:last-child p {color: #e7eff7;}
.s02_c3_b1:hover span:last-child,
.s02_c3_b1.cs-hover span:last-child {background-color: #e7eff7; color: #e7eff7;}
.s02_c3_b11 {overflow: hidden; height: 0px; width: 100%; top: auto; bottom: -40px; opacity: 0; transform: translateY(100%); transition: transform 0.8s, opacity 0.1s 0.3s;}
.s02_c3_b11 p {line-height: 18px; overflow: hidden; transition: transform 0.8s; font-size: 16px; width: 80%; margin: 0 auto;}
.s02_c3_b1:hover span:first-child,
.s02_c3_b1.cs-hover span:first-child {transition: transform 0.8s, opacity 0.1s; height: 0;}
.s02_c3_b1:hover .s02_c3_b11,
.s02_c3_b1.cs-hover .s02_c3_b11 {height: 180px; opacity: 1; transform: translateY(0px); transition: transform 0.8s, opacity 0.1s;}
.s02_c3_b1:hover h4,
.s02_c3_b1.cs-hover h4 {height: 56px; margin-top: 90px;}

/*랜딩페이지2 webinar*/
.s24_tb1 {text-align: center;}
.s24_tb1 p.blue {font-size: 26px; color: #005fa8; font-weight: 500; margin-bottom: 10px;}
.s24_tb1 p:nth-child(2) {margin-bottom: 25px;}
.s24_tb1 p:nth-child(3) {margin-bottom: 25px;}
.s24_sd {font-size:0; width: 90%; margin: 0 auto;}
.s24_sd div.s24_o1 { border: 1px solid #eee;}
.s24_sd div {text-align:center; background-size: 100%; background-color: white; border-radius: 5px;}
.s24_sd div span {padding-top: 20px; transition: transform 0.4s; width: 136px; height: auto; display: block; margin: 0 auto; border-radius: 5px;}
.s24_sd div span img {width: 100%; border-radius: 5px;}
.s24_sd div p {padding-top: 15px; font-size:14px; line-height: 18px; display: inline-block; width: 90%; white-space:nowrap; text-overflow: ellipsis;overflow: hidden; margin-bottom: 0;}
.webinar .slick-slide {padding: 0; margin: 0 20px;}
.webinar .slick-prev {width: 30px; height: 30px; background-size: 100%;}
.webinar .slick-next {width: 30px; height: 30px; background-size: 100%;}

/* 랜딩페이지2 register */
.regSet {width: 100%; height:auto; background: #f4fbff; font-family:'Poppins', sans-serif}
.regSet ul {width: 85%; margin: auto;}
.regSet ul:after {content: ""; display: block; clear: both;}
.regSet ul li {float: left; width: 160px; height: 160px; border: 1px solid #ef812c; border-radius: 5px; background: #fff; text-align: center;margin: 2% 3%; position: relative; font-size:16px; line-height:1.3em; color:#000;}
.regSet ul li:after {content: ""; display: inline-block; width: 18px; height: 18px; background: url(../img/lp/lparr2.png); position: absolute; right: -60px; top: 48%}
.regSet ul li:last-child {margin-right: 0}
.regSet ul li:last-child:after {display: none}
.regSet ul li img {display: block; width: 57px; margin: auto; margin-top: 30px; margin-bottom: 10px;}
.regSet ul li.first {background: none; border: none; color: #005fa8; margin-right: 20px; margin-left: 0; font-size:26px; font-weight:600;}
.regSet ul li.first i {display: block; background: #d5e1ee; width: 100px; height: 100px; border-radius: 50%; margin: auto; margin-bottom: 10px;}
.regSet ul li.first i img {padding-top: 22px;}
.regSet ul li.first:after {background: url(../img/lp/lparr1.png); right: -30px;}
.ddline {width: 85%; margin: auto; margin-top: 30px; display: none;}
.ddline table {border-spacing: 0; color:#000}
.ddline h4 {color: #005fa8; width: 10%; float: left; text-align: center; margin-right: 70px; padding-top: 20px;}
.ddline h4 span {display:none}
.ddline table tr th {width: 300px; text-align: left; padding: 10px; background: #d5e1ee; font-size:16px; border: 1px solid #d5e1ee}
.ddline table tr th:first-child {border-right: 1px solid #fff}
.ddline table tr span {font-size:12px; vertical-align:super;}
.ddline table tr td{padding: 10px; border: 1px solid #d5e1ee}
.ddline table tr td:first-child {border-right: 0}
.ddline table tr:last-child td {border:0}
.ddline p {font-size: 14px;}

/* 랜딩페이지2 booth contents */
.tabBox {position: relative; text-align:center; padding: 0 12%}
.boothTab {width: 260px; height: 551px; background: url(../img/lp/BG_circle.png) center no-repeat; position: relative; float: left;}
.boothTab .tablinkss {position: absolute; border-radius: 50%;}
.boothTab .tablinkss img {padding: 10px; transition: all 0.3s; cursor: pointer;}

/*심유주 추가 수정*/
.stan {top: 12%; left: 42%;}
.gold {top: 32%; left: 1.5%}
.pre {bottom: 27%; left: 1%;}
.cus {bottom: 7%; left: 40%}


.boothTab .tablinkss:hover {background: rgba(255,255,255,0.4); transition: all 0.3s}
.boothTab .tablinkss.active {background: rgba(255,255,255,0.4);}
.tabcontentt.booth {position: absolute; left:30%; top: 0; width: 60%; text-align:left;}
.tabcontentt.booth .booth_b, .tabcontentt.booth .b_con {display: inline-block;}
.tabcontentt.booth .booth_b {margin-top: 90px; width:45%;}
.tabcontentt.booth .b_con {text-align: center; padding-left:5%; width:40%}
.tabcontentt.booth .b_con p {text-align: center; margin-bottom: 30px;}
.tabcontentt.booth .b_con p span {font-size: 26px; color: #005fa8; display: block; margin-bottom: 10px; font-weight:600;}
.tabcontentt.booth .b_con p span.add {font-size:16px; color:#000}
.tabcontentt.booth .b_con h5 {font-size: 18px; font-weight: normal; color: #005fa8; text-align: center; margin-bottom: 20px;}
.tabcontentt.booth .b_con .b_icon li {width: 25%; float: left; font-size: 14px; text-align: center; margin-bottom: 20px; line-height:1.3em;}
.tabcontentt.booth .b_con .b_icon li img {padding: 12px; background: #d5e1ee; border-radius: 50%; margin-bottom: 10px;}
.tabcontentt.booth .b_con .b_icon li:nth-child(7) img, .tabcontentt.booth .b_con .b_icon li:nth-child(8) img, .tabcontentt.booth .b_con .b_icon li:nth-child(9) img {background: none; border: 1px solid #ef812c; padding:4px;}
.tabcontentt.booth .b_con .b_icon li:nth-child(7), .tabcontentt.booth .b_con .b_icon li:nth-child(8), .tabcontentt.booth .b_con .b_icon li:nth-child(9) {color: #ef812c; font-weight:600;}
#stan .booth_b img {transform:translateY(25px)}

/* 랜딩페이지2 pricing */
.b_price {text-align: center; margin: 0 auto}
.b_price tr th {background: #005fa8; color: #fff; padding: 10px; border:1px solid #fff}
.b_price tr td {background: #d5e1ee; padding: 7px 20px; line-height:1.2em; font-size:14px; border:1px solid #fff}
.b_price tr .light {background: #e7eff7}
.b_price tr .orange {background: #ffbb86}
.b_price tr .olight {background: #ffdabd}
.tab_p {text-align:center; position:absolute; top:0; left:0}
.tablinks_p {padding: 10px 0; border-radius:5px; background:#ef812c; margin: 0 10px 10px; color:#fff !important; font-size:26px; font-weight:600; position:relative; z-index:1; display:block; width:180px;}
.tablinks_p:hover {color: #ef812c !important}
.tablinks_p.active {background: #005fa8}
.tablinks_p.active:hover {color:#fff !important}
.tablinks_p.active:after {display:none}
#p_webi, #p_banner, #p_spon {padding: 0 2%}
#p_webi table, #p_banner table, #p_spon table {width: 100%; border: 1px solid #005fa8; text-align: center;}
#p_webi td, #p_banner td, #p_spon td {padding: 33% 0}
.tabSet {width:calc(50% + 200px); position:relative; padding-left:200px;}
.b_price tr.b_sample td {padding:0}
.b_price tr.b_sample td p {margin-bottom:0}
.b_price tr td:first-child {width:25%}
.bnWrap {display:flex; flex-wrap:wrap; justify-content: space-between;}
.bnSet {width:calc(50% - 40px); height:300px; display:inline-block; box-shadow: 0 5px 18px rgba(0,0,0,0.2); margin:0 20px 20px 0; text-align: center; border-radius: 5px}
.bnSet h5 {padding:10px 0 5px; color:#005fa8; font-weight:600;}
.bnSet ul {display:flex; justify-content:center;}
.bnSet ul li {margin: 0 10px}
.bnSet ul li p {line-height:1.3em; padding-top:5px; margin-bottom:0}
.bnSet ul li p span {display:block; font-weight:600;}
.bnicon {width: 60px; height: 60px; background: url(/2021/img/lp/bnicon1.png); margin: auto; margin-top:10px;}
.bnicon.b {background: url(/2021/img/lp/bnicon3.png);}
.bnicon.c {background: url(/2021/img/lp/bnicon4.png);}
.bnicon.d {background: url(/2021/img/lp/bnicon5.png);}
.bnicon.e {background: url(/2021/img/lp/bnicon2.png);}

.bnSet ul li:last-child {position: absolute; top: 0;
left: 0;}

/*랜딩페이지2 notice*/
a {color: inherit; text-decoration: none;}
.s41_ip input {border-radius: 5px; width: 250px; position: absolute; right: 0; top: 0; padding: 5px; border: 1px solid #005fa8; background-color: #f4fbff;}
.s41_c1_is1 {width: 20px; position: absolute; top: 4px; right: 10px;}
.s41_c1_is1 img {width: 100%;}
.s41 {width: 55%; position: relative;}
.s41_u1 {font-size: 16px; background-color: #f4fbff; margin-top: 50px;}
.s41_u1:after {content: ''; display: block; clear: both;}
.s41_u1 li {float: left; text-align: center; padding: 10px 0; border-top: 2px solid #005fa8; border-bottom: 1px solid #005fa8; color: #373737;}
.s41_u1 li:first-child {width: 80%;}
.s41_u1 li:last-child {width: 20%;}
.s41_u2 {color: #373737;  border-bottom: 1px solid #005fa8;}
.s41_u2:after {content: ''; display: block; clear: both;}
.s41_u2 li {float: left; padding: 8px 0;}
.s41_u2 li:first-child {width: calc(80% - 20px); text-align: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.s41_u2 li:first-child a {margin-left: 20px;}
.s41_u2 li:last-child {width: 20%; text-align: center; margin-left: 20px;}
.s41_pd_ul {margin-top: 30px;padding-bottom: 30px; font-size: 0; text-align: center;}
.s41_pd_ul li {line-height: 20px; width: 20px; height: 20px; background-color: #d5e1ee; display: inline-block; font-size: 16px; margin-left: 5px; margin-right: 5px;}
.s41_pd_ul li.s41on {color: #fff; background-color: #005fa8;}
.s41_pd_ul li:first-child, 
.s41_pd_ul li:last-child {background-color: #fff;}

/*랜딩페이지2 news, newsletter*/
.s42 {width: 70%;}
.s42_c1:after {content: ''; display: block; clear: both;}
.s42_c1 {border-top: 2px solid #005fa8; background-color: #f4fbff;}
.s42_c1_b1 {margin-bottom: 20px; float: left; width: calc(25% - 20px); margin-left: 10px; margin-right: 10px;}
.s42_c1_b1:last-child {margin-right: 0;}
.s42_c1_b1 li {border-radius: 5px;text-align: center;  padding-top: 20px;background-color: #fff; 
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);}
.s42_c1_b1 li span .newimgwrap {width:220px; height:300px; overflow:hidden; margin:0 auto; margin-bottom: 20px; border-radius:5px;}
.s42_c1_b1 li span img {border-radius: 5px; width: 100% !important;}
.s42_c1_b1 li > p:nth-child(2) {margin-bottom: 20px; color: #373737; font-size: 16px; padding: 0 15px !important; white-space: normal; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.s42_c1_b1 li > p:nth-child(3) {color: #888888; font-size: 16px; padding: 0 10px; padding-bottom: 20px;}
.s42_c1_b1 li span {display: block; width: 90%; height: 390px; overflow: hidden; margin: 0 auto; border-radius: 5px !important;}    
.s42_c1_b1 li span a img {width: 100%; height: auto;}

/* 랜딩페이지2 준비중 */
.ing {width:50%; text-align:center; line-height:500px; background: #d5e1ee; border-radius:5px; margin-top:30px;}

/* 랜딩페이지3 komtsTV */
.lp3 {height:100vh; background: #f4fbff; padding-top:1px;}
.tabcontent {display:none;}
.tvbg {max-width: 1184px; height: 549px; background: url(../img/lp/tvbg.png) center no-repeat; margin: auto; overflow: hidden;
box-shadow:-8px 10px 20px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: -8px 10px 20px 2px rgba(0,0,0,0.2);
-ms-box-shadow: -8px 10px 20px 2px rgba(0,0,0,0.2);
-moz-box-shadow:-8px 10px 20px 2px rgba(0,0,0,0.2);
}
.tab.ktv {float: right; width: calc(26% - 36px); height: calc(95% + 1px); margin: 5px 5px 0 0;}
.tab.ktv li {width: 100%; height: 25%; border-bottom: 1px solid #ef812c; position: relative; cursor:pointer; background:#fff;}
.tab.ktv li:last-child {border-bottom: none}
.tab.ktv li.active {background: #ef812c; color: #fff}
.tab.ktv li.active:before {content: ""; display: inline-block; width: 7px; height: 12px; background: url(../img/lp/tabact.png) no-repeat; position: absolute; left: -6px; top: 48%;}
.tab.ktv li.active p span {font-weight: 600; color: #005fa8}
.tab.ktv li p {padding: 20px 20px 0; line-height:1.3em; font-size:14px;}
.tab.ktv li p span {font-size: 16px; display: block; padding-bottom: 10px;}
.tabcontent.vid {float: left; width: calc(76% + 1px); height: calc(95% + 1px); margin: 6px 0 0 6px;}
.tabcontent.vid iframe {width: 100%; height: 100%;}
.playpause {width:96px; height:95px; background: url(../img/lp/btn_tv.png) center no-repeat; position:absolute; top:40%; left:35%; display:none}
	/*** tv 수정 ***/
	.tvSet {width:67%; height:550px; margin:auto; position:relative; z-index:2;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);}
	.tabcontent.vid {margin:0; width:76%; height:100%;}
	.tab.ktv {margin:0; width:24%; height:100%; background-color: #f1f1f1;}
	.sdw {width:70%; margin:auto; height: 297px; background: transparent url(../img/lp/tvsdw.png) no-repeat bottom center; text-align:center; position:relative; z-index:1; margin-top:-170px; background-size:contain}
	.tab.ktv.m {display:none}

/* 랜딩페이지4 search exhibitor */
.lp4 {height:55%}
.searchWrap {width:60%;}
.searchWrap .slick-slide {padding: 8px 20px 0; height:200px;}
.se_slide .se_box {position:relative; text-align:center; box-shadow: 0 1px 1px rgb(0 0 0 / 5%), 0 2px 10px rgb(0 0 0 / 5%), 0 4px 15px rgb(0 0 0 / 15%), 0 8px 8px rgb(0 0 0 / 5%);
-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%), 0 2px 10px rgb(0 0 0 / 5%), 0 5px 15px rgb(0 0 0 / 15%), 0 0px 8px rgb(0 0 0 / 5%);
-ms-box-shadow: 0 1px 1px rgb(0 0 0 / 5%), 0 2px 10px rgb(0 0 0 / 5%), 0 4px 15px rgb(0 0 0 / 15%), 0 8px 8px rgb(0 0 0 / 5%);
-moz-box-shadow: 0 1px 1px rgb(0 0 0 / 5%), 0 2px 10px rgb(0 0 0 / 5%), 0 4px 15px rgb(0 0 0 / 15%), 0 8px 8px rgb(0 0 0 / 5%);}
.se_slide .se_box img {width:100%; border-radius:5px; padding:10px;}
.se_slide .se_box p {text-align:center; margin: 10px 0; font-size:20px; font-weight:600;}
form.search {text-align:center; margin-top:30px;}
form.search select {border: 1px solid #ccc; border-radius: 5px; padding: 8px;}
form.search input {background: #eee; border-style: inset; border-width: 1px; padding: 5px; border-radius: 5px; margin: 0 10px; width:300px;}
form.search a {display: inline-block; padding: 8px 20px; border-radius: 5px; background: #005fa8; color: #fff;}
.searchWrap .slick-next {background: transparent url(../img/lp/slickarr_r.png) no-repeat; top:50%; right: -70px}
.searchWrap .slick-prev {background: transparent url(../img/lp/slickarr_l.png) no-repeat; top:50%; left: -70px}
form.search.m {display:none}
/* 수정 */
.se_img {height:120px; display: flex; justify-content: center; align-items: center;}

/* 푸터 */
/*.sponWrap {position:absolute; bottom:0}*/
.sponsor_new {background:#fff;}
.f_wrap .slick-slider button {display:none}
.f_wrap .slick-slide {padding:0}
.f_wrap .slick-slide img {margin:auto}
#footer2_ {background:none; padding:0; position:relative; height:45%; color:#000; overflow:hidden}
.f_wrap {width:100%; z-index:9999; height:100%; display:flex; flex-direction:column; justify-content:space-between; position:relative}
.f_top {padding:0 40px; border-bottom: 1px solid #eee; line-height:75px; height:75px; margin-top:65px;}
.f_top .left {width: 20%; float: left;}
.f_top .mid {text-align: center; float: left; width:60%}
.f_top .mid ul li {display:inline-block; padding: 0 10px; margin: 0 10px;}
.f_top .right {width: 20%; float: right; text-align:right}
.f_top .right a {width: 170px; height: 40px; color: #fff; background: #005fa8; display: block; border-radius: 5px; text-align: center; line-height: 40px; position:relative; z-index:1; margin-top:18px; float:right;}
.f_bottom_ {clear:both; text-align:center; display: flex; justify-content: center; align-items: center; flex-direction: column; height: calc(100% - 206px);}
.f_bottom_ br {display:none}
.f_bottom_ .sns {margin: 30px 0; display:none}
.f_bottom_ .sns li {display:inline-block; float:none; margin:0 5px;}
.f_bottom_ p {text-align:center; margin-bottom:0;}
.f_bottom_ p span {display: inline-block; margin-right:20px}
#footer2_ .f_bottom_ p:last-child {margin-top: 12px; color: #aaa; font-size: 12px;}
.bg_ani .wave {width:100%; height:300px; background: url(../img/f_wave3.png) repeat-x; position:absolute;}
.bg_ani .wave:nth-child(2) {background: url(../img/f_wave3.png) repeat-x; top:30px;}
.bg_ani .wave:nth-child(3) {background: url(../img/f_wave3.png) repeat-x; top:60px;}
.bg_ani .wave:nth-child(2) .vessel {float:right}
.bg_ani .wave:nth-child(2) .vessel img {transform:rotateY(180deg)}
.vessel {
  margin: 0 10%;
  -webkit-animation: 3s ease-in-out infinite vessel;
  -moz-animation: 3s ease-in-out infinite vessel;
  animation: 3s ease-in-out infinite vessel;
  animation-direction:alternate;
  -webkit-animation-direction:alternate;
  }

.entereng {left: 3px !important; font-size: 50px !important; top: 60px !important;}
.mouseeng {left: 50% !important;}

@-webkit-keyframes vessel {
  0% { }
  100% {
    -webkit-transform: translateY(10px);
	}
	}

@-moz-keyframes vessel {
  0% { }
  100% {
    -webkit-transform: translateY(10px);
	}
	}

@keyframes vessel {
  0% { }
  100% {
    -webkit-transform: translateY(10px);
	}
	}

.bg_ani .wave {
  -webkit-animation: waves;
  -moz-animation: waves;
  animation: infinite waves;
  animation-duration: 100s;
  animation-timing-function: linear;
  }

@-webkit-keyframes waves {
   from {
     background-position:0 0;
   }
   to { 
     background-position:-2000px 0;
   }
	}

@-moz-keyframes waves {
   from {
     background-position:0 0;
   }
   to { 
     background-position:-2000px 0;
   }
	}

@keyframes waves {
   from {
     background-position:0 0;
   }
   to { 
     background-position:-2000px 0;
   }
	}

.bg_ani .wave:nth-child(2) {
  -webkit-animation: infinite wavess;
  -moz-animation: infinite wavess;
  animation: infinite wavess;
  animation-duration: 100s;
  animation-timing-function: linear;
  }

@-webkit-keyframes wavess {
   from {
     background-position:0 0;
   }
   to { 
     background-position:2000px 0;
   }
	}

@-moz-keyframes wavess {
   from {
     background-position:0 0;
   }
   to { 
     background-position:2000px 0;
   }
	}

@keyframes wavess {
   from {
     background-position:0 0;
   }
   to { 
     background-position:2000px 0;
   }
	}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.index3main-slider .panoDiv {bottom:36%}
.vdo video {height:auto;}
.now ul {margin-top:0}
.record h3 {padding: 40px 0 30px}
.b_price tr td img {width:60%}
.lp4 {height:57%}
.schex h3 {margin: 0 0 30px}
.se_slide .se_box {box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);}
#footer2_ {height:43%}
.record ul li br {display:block}
form.search input {border-color:#f0f0f0; height:40px;}
}

/* 랜딩페이지1 반응형 */

@media screen and (max-width:1500px) {
.lp1_hd .lp1_logo p {font-size:14px; letter-spacing:-0.5px;}
.lp1_hd .count .number h1 {font-size:30px; width:263px; margin-top:5px;}
.lp1_hd .count .number h1 div:after {height:23px; margin-left:13px;}
.lp1_hd .count .number ul {height:33px}
.lp1_hd .count .number ul li {font-size:10px; margin:0 9px}
.lp1_hd .count .number ul li:first-child {margin-left:15px}
.lp1_hd .std, .lp1_hd .lang a {font-size:14px; letter-spacing:-0.5px; width:120px;}
}

@media screen and (max-width:1366px) {
.lp1_hd {padding:0 10px}
.lp1_hd .hd_right {right:10px;}
.lp1_hd .lp1_logo p {padding-left:10px;}
}

@media screen and (max-width:1280px) {
.lp1_hd .lp1_logo p span {display:none}
.lp1_hd .lp1_logo p br {display:block}
.lp1_hd .lp1_logo p {line-height:1.3em; padding-top:12px;}
}

@media screen and (max-width:1120px) {
.lp1_hd .hd_right .sns {margin:0; text-align:center}
.lp1_hd .std, .lp1_hd .lang a {width:100px; font-size:13px;}
.lp1_hd .std, .lp1_hd .hd_right .lang {margin-left:0}
}

/* 랜딩페이지2,3,4,푸터 반응형 */

@media screen and (max-width:1680px) {
.se_img {height:100px;}
.whyBox ul li:last-child {height:50px;}
    .s02_c3_b1:hover h4,
    .s02_c3_b1.cs-hover h4 {margin-top: 100px;}
    .s02_c3_b1 h4 { height: 86px; font-size: 20px;}
    .s02_c3_b1:hover .s02_c3_b11,
    .s02_c3_b1.cs-hover .s02_c3_b11 {height: 200px;}
    .s02_c3_b11 p {font-size: 14px;}
    .s02_c3_b1 {width: calc(18% - 40px);}
}

@media screen and (max-width:1600px) {
.tabBox {width:100%;}
.lp2.lpnow {background-position:center;}
.lp2_hd {height:60px;}
.lp2_hd.lpnow {height:59px;}
.lp2_hd > ul {line-height:60px;}
.lp2_hd.lpnow > ul {line-height:57px;}
.lp2_hd > ul > li > button {font-size:20px;}
.lp2_hd > ul > li:hover {}
.menu-submenu li button {font-size:14px;}
.lp2_hd .db a {margin:10px}
.lp2tt, .tv h3, .lp4 h3 {height:85px; padding-top:38px; font-size:30px; background-size:contain}
.about ul li {width:19%; height:480px;}
.about ul li .btnBox {position:unset}
.about ul li .circle {width:70%; height:auto; margin-top:30px;}
.about ul li p {letter-spacing:-0.5px; font-size:14px;}
.about ul li p span {padding:20px 0 10px }
.whyWrap {width:90%}
.whyBox {width: calc(50% - 40px); margin:20px;}
.whyBox .circle {width:160px; height:160px; background-position:center; right:-30px; top:-30px}
.whyBox h4 {font-size:18px; padding:5px 0 10px}
.whyBox ul li {height:60px; font-size:14px; text-indent:-19px}
.whyBox ul li:last-child {height:40px;}
.whyBox:nth-child(3) ul li:last-child, .whyBox:nth-child(4) ul li:last-child {display:none}
.regSet ul li {font-size:14px; width:140px; height:140px; margin: 1.5% 3%}
.regSet ul li:after {right:-50px}
.regSet ul li.first {font-size:20px; margin-top:0}
.regSet ul li img {margin-top:20px;}
.ddline {margin-top:20px;}
.ddline h4 {font-size:20px;}
.ddline table tr th, .ddline table tr td {padding: 5px 10px;}
.tablinks_p {font-size:20px; font-weight:600; width:130px; padding:5px 0}
.tabSet {padding-left:150px;}
.b_price tr th {padding:5px;}
.b_price tr td {padding: 3px 20px;}
.b_price tr.b_sample td p {width:80%; margin: 0 auto}
.sdw {margin-top: -220px; width:80%}
.tvSet {width:75%; height:450px;}
.tab.ktv li p {padding:15px 10px 0; line-height:1.2em; font-size:13px;}
.tab.ktv li p span {padding-bottom:5px; font-size:14px}
.searchWrap {width:70%;}
.schex {padding-top:5px;}
.searchWrap .slick-arrow {top:43%}
form.search {margin-top:0}
.lp4 {height:60%}
#footer2_ {height:40%;}
.f_logo img {max-width:120px; margin-bottom:8px;}
.f_top .right a {font-size:14px; width:155px; height:35px; margin-top:16px; line-height:35px}
.f_top .mid ul li a {font-size:14px;}
    .s02_c3_b11 p {font-size: 14px;}
    .s02_c3_b span:last-child p {font-size: 14px; line-height: 40px;}
    .s02_c3_b span:last-child {height: 40px; line-height: 40px;}
    .s02_c3_b1:hover h4,
    .s02_c3_b1.cs-hover h4 {margin-top: 95px;}
    .s02_c3_b1:hover .s02_c3_b11,
    .s02_c3_b1.cs-hover .s02_c3_b11 {height: 195px;}
    
}

@media screen and (max-width:1470px) {
.tabBox {padding:0 5%}
.boothTab {height:460px; background-size:contain}
.tabcontentt.booth {top:30px; width:80%; left:24%}
.tabcontentt.booth .booth_b {margin-top:0}
.tabcontentt.booth .b_con p {line-height:1.2em; font-size:14px;}
.tabcontentt.booth .b_con .b_icon li {line-height:1.2em}
.tabcontentt.booth .b_con .b_icon li img {padding:5px;}
.tabcontentt.booth .b_con .b_icon li:nth-child(7) img, .tabcontentt.booth .b_con .b_icon li:nth-child(8) img, .tabcontentt.booth .b_con .b_icon li:nth-child(9) img {width:80%}
.s02_c3_b11 h4 {width: 90%;}
    .s02_c3_b1 h4 {height: 84px;}
    .s02_c3_b1:hover h4,
    .s02_c3_b1.cs-hover h4 {height: 84px;margin-top: 72px;}
    .s02_c3_b1:hover .s02_c3_b11,
    .s02_c3_b1.cs-hover .s02_c3_b11 {height: 195px;}
    
}

@media screen and (max-width:1440px) {
.about ul li {height:500px;}
.about ul li .circle {width:65%; margin-top:25px;}
.about ul li p {line-height:1.2em;}
.about ul li p span {font-size:20px;}
.regSet ul {padding:0 3%}
.regSet ul li {margin:1.5% 2% 0}
.regSet ul li:after {right:-36px}
.regSet ul li.first:after {right:-20px; top:60%}
.ddline {padding-left:3%}
.se_img {height:70px;}
.s02_c3_b1 > span {width: 164px;}
}

@media screen and (max-width:1366px) {
.index3main-slider .panoDiv {bottom:42%; right:44.5%}
.lp2.lpnow {background-position-y:0}
.now h3 {padding-top:0}
.about ul li {margin: 0 10px; box-shadow:0 5px 20px rgb(0 0 0 / 20%); height:450px;}
.about ul li p {height:180px; padding: 0 8px}
.regSet {padding: 2% 0 3%}
.regSet ul li {width:120px; height:120px; font-size:13px;}
.regSet ul li.first {font-size:18px; margin-top:10px;}
.regSet ul li.first:after {top:50px;}
.regSet ul li img {margin-top:11px;}
.regSet ul li:after {right:-30px;}
.regSet ul li.first:after {top:53%;}
.tabcontentt.booth .b_con p span {line-height:1.2em; font-size:20px;}
.cus {left:35%}
.stan {left:33%}
.ing {width:70%;}
.b_price tr td:first-child {width:33%;}
.b_price tr td {font-size:13px;}
.sdw {margin-top:-200px;}
.sns_quick ul li {width:40px; height:40px; margin: 5px 40px;}
.lp4 {height:50%}
.searchWrap .slick-slide {height:160px;}
#footer2_ {height:50%;}
/*
.lp4 {height:64%}
#footer2_ {height:36%}
.f_top {padding: 0 10px;}
.f_bottom_ .sns {right:10px;}
#footer2_ .f_bottom_ p:last-child {left:10px;}
*/
.s02_c3_b1 span:first-child {width: 164px;}
    .s41_ip input {width: 200px; padding: 4px;}
.s41_c1_is1 {width: 15px; position: absolute; top: 4px; right: 10px;}
    .s41_u1 li {padding: 8px 0;}
.s41_u2 li {font-size: 14px; padding: 6px 0;}
    
}

@media screen and (max-width:1280px) {
.now h3, .record h3 {font-size:30px;}
.now h3 {padding-bottom:5px;}
.now ul {margin-top:0}
.now ul li {padding:22px 0 10px; height:100px;}
.now ul li p {padding: 7px 5px 0 100px;}
.now ul li p span {font-size:24px;}
.record {bottom:20px;}
.record ul li {font-size:14px; margin-bottom:15px;}
.record ul li i {width:90px; height:90px;}
.record ul li i img {padding-top:17px;}
.record ul li:nth-child(7) i img {padding-top:10px;}
.record ul li span {font-size:20px; padding-top:5px;}
.record ul li a {font-size:20px}
.record ul li p {margin-top:2px;}
.now ul li {width:30%}
.regSet ul {width:100%}
.ddline {width:100%}
.tvSet {width:90%; height:410px;}
.sdw {margin-top:-220px; width:90%;}
.searchWrap .slick-slide {height:175px;}
.searchWrap .slick-arrow {top:36%}
.sns_quick ul li {width:40px; height:40px; margin: 5px 10px;}
    .s02_c3_b1:hover h4,
    .s02_c3_b1.cs-hover h4 {height: 84px;margin-top: 40px;}
    .s02_c3_b1:hover .s02_c3_b11,
    .s02_c3_b1.cs-hover .s02_c3_b11 {height: 230px;}
    .s24_tb1 p:nth-child(2) {margin-bottom: 0;}
    .s24_tb1 p:nth-child(3) {margin-bottom: 15px;}
    
}

@media screen and (max-width:1024px) {
.lp2, .lp3, #section2.main, #lp1, .main {height:auto}
.s02_c3_b1 h4 {margin-top: 40px; width: 95%; font-size: 18px; line-height: 20px;}
.s02_c3_b11 > p {width: 90%; font-size: 13px;}
.s02_c3_b11 span {width: 90px; height: 40px;}
.s02_c3_b11 span p {font-size: 14px; line-height: 40px;}
.s02_c3_b1 > span {width: 124px;}
.s02_c3_b1 span:first-child {height: 150px;}
.s02_c3_b1 span:first-child {width: 130px;}
.s02_c3_b1 span:last-child p {font-size: 14px;}
    .s02_c3_b1:hover h4,
    .s02_c3_b1.cs-hover h4 {height: 60px;margin-top: 0px;}
    .s02_c3_b1:hover .s02_c3_b11,
    .s02_c3_b1.cs-hover .s02_c3_b11 {height: 227px;}
    .s24_sd div span {width: 100px;}
    .s24_tb1 p.blue {font-size: 20px; width: 90%; margin: 0 auto;}
    .s24_tb1 p:nth-child(2) {font-size: 14px; width: 90%; margin: 0 auto; line-height: 18px;}
    .s24_tb1 p:nth-child(3) {font-size: 20px; width: 90%; margin: 0 auto; margin-bottom: 10px;}
    .s24_sd {padding-bottom: 50px;}
    .s41 {width: 90%;}
    .s42_c1_b1 li span {height: 170px;}
    .s42 {width: 90%; padding-bottom: 50px;}
    .s42_c1_b1 li {padding-top: 15px;}
.s42_c1_b1 li span {margin-bottom: 15px;}
.s42_c1_b1 li > p:nth-child(2) {margin-bottom: 15px;font-size: 14px;}
.s42_c1_b1 li > p:nth-child(3) {font-size: 14px;padding-bottom: 15px;}
    
}

@media screen and (max-width:980px) {
.lp1_hd .lp1_logo p {display:none}
.toptxt_m {display:block; font-size:13px; color:#fff; transform:translateY(20px)}
.lp1_hd .countcv {margin-top:70px; width:100%; text-align:center}
.lp1_hd .count .number {width:100%;}
.lp1_hd .count .number h1 {margin-top:0; width:350px; margin: auto}
.lp1_hd .count .number h1 div {width:25%; font-size:35px; float:unset; display:inline-block;}
.lp1_hd .count .number h1 div:last-child {width:14%}
.lp1_hd .count .number h1 div:after {height:28px; margin-left:20px;}
.lp1_hd .count .number ul {position:unset; transform:translateY(-30px)}
.lp1_hd .count .number ul li {font-size:11px; padding:0; margin:0}
.lp1_hd .count .number ul li:nth-child(2), .lp1_hd .count .number ul li:nth-child(3), .lp1_hd .count .number ul li:first-child, .lp1_hd .count .number ul li:last-child {padding:0; margin:0; padding-left:24px;}
.lp1_hd .count .number ul li:nth-child(2) {margin-left:39px;}
.lp1_hd .count .number ul li:nth-child(3) {margin-left:17px;}
.lp1_hd .count .number ul li:last-child {margin-left:7px}
.lp1_hd .count .early {padding-top:5px}
.lp1_hd .hd_right .sns {display:none}
.lp1_hd .std.m {display:inline-block;}
.lp1_hd .hd_right .lang, .lp1_hd .std {display:none}
.lp1_hd .hd_right .lang.m {display:inline-block}
.lp1_hd .hd_right .lang.m a, .lp1_hd .std.m {width:50px; height:40px; line-height:40px;}
.lp1_hd .hd_right .lang.m a span {display:none}
.lp1_hd .hd_right .lang.m .lang_opt li {padding-top:10px}
.lp1_hd .std:after,  .lp1_hd .lang a:after{display:none}
.lp1_hd .hd_right .lang.m a img, .lp1_hd .std.m img {width:19px}
.s02_c3_b1 > span {width: 104px;}   
    .s02_c3_b1 span:first-child {width: 120px;}
}

@media screen and (max-width:768px) {
.log_img {margin: 30px 0 40px}
.log_img img {width:200px}
.log_inp input {margin-bottom:10px}
.log_txt {margin: 10px 0}
.sns_quick {top:inherit; bottom:10px}
.sns_quick ul li {border-radius:50%; box-shadow:0 0 5px #fff}
.lp2_hd > ul {width:100%}
.lp2_hd > ul > li {width:20%}
.lp2_hd > ul > li:nth-child(3) {width:40%}
.lp2_hd > ul > li > button {font-size:16px; padding: 0}
.lp2_hd .db {display:none}
.lp2tt, .tv h3, .lp4 h3 {margin-top:30px}
.now, .record {height:auto}
.now h3, .record h3 {padding: 30px 0}
.now ul {display:unset}
.now ul li {width:100%; margin-bottom:30px}
.record {padding-bottom:30px; background:rgba(0,0,0,0.4)}
.record ul li {width:50%; margin-bottom:25px}
.record ul li p {letter-spacing:-1px; padding:0 10px}
.about ul {padding-bottom:30px}
.about ul li {height:auto; width:auto; display:block; margin: 0 20px 20px}
.about ul li .circle {width:75%; padding-top:30px; margin-top:0; margin-bottom:10px}
.about ul li p {padding: 0 30px; margin-bottom:0; height:200px; font-size:16px;}
.about ul li p span {font-size:26px; padding: 20px 0}
.whyWrap {width:100%; padding-bottom:30px}
.whyBox {width:90%; float:unset; margin:0; padding:30px 0; margin: 0 auto; margin-bottom:20px}
.whyBox .circle {position:unset; margin:auto;}
.whyBox h4 {width:90%; text-align:center; padding:30px 0 20px; margin: 0 auto;}
.whyBox ul li {width:calc(100% - 40px); height:70px; margin: 0 auto; height:auto;}
.whyBox ul li:last-child {height:auto}
.txtBox {padding-bottom:30px}
.regSet {padding:30px 0; display:inline-block;}
.regSet ul {width:50%; float:left; padding:0}
.regSet ul li.first {font-size:26px; margin:auto; margin-bottom:100px;}
.regSet ul li.first:after {top:inherit; bottom: -50px; left: 60px; transform: rotate(90deg);}
.regSet ul li:after {right: 60px;transform: rotate(90deg); bottom: -35px; top:inherit;}
.regSet ul li:last-child {margin:auto;}
.regSet ul li {margin: auto; float:unset; width:140px; height:140px; font-size:14px; margin-bottom:50px}
.regSet ul li img {margin-top:20px;}
.ddline {padding: 20px 10px 30px; clear:both; margin-top:0}
.ddline h4 {width:100%; font-size:26px; padding:20px 0}
.ddline h4 br {display:none}
.ddline h4 span {display:inline-block; width:10px;}
.ddline table {margin:auto}
.ddline table tr th {width:50%}
.boothTab {width:100%; height:auto; display:flex; flex-wrap:wrap; background:none}
.boothTab .tablinkss {width:50%; position:unset;}
.boothTab .tablinkss.active {background: rgba(213,225,238,0.4)}
.tabcontentt.booth {width:100%; position:unset;}
.tabcontentt.booth .booth_b {margin-top:10px; width:100%; text-align:center}
.tabcontentt.booth .b_con {width:100%; padding-left:0; padding:20px 0 50px}
#cus .booth_b img, #stan .booth_b img {transform:translateY(0)}
.tabSet {padding-left:0; width:100%; padding:50px 5px 80px}
.b_price tr th {font-size:12px;}
.b_price tr.b_sample td {padding:0; font-size:12px;}
.b_price tr td {font-size:13px; padding: 7px 0}
.b_price tr td:first-child {width:25%}
.tab_p {left:inherit; width:calc(100% - 10px);}
.tablinks_p {padding:7px 0; font-size:14px; width:calc(25% - 8px); margin:0 4px; float:left;}
.tvSet {text-align:center}
.tab.ktv {display:none}
.tab.ktv.m {display:block; width:100%; bottom:-500px; position:absolute}
.tab.ktv.m li {width:50px; height:50px; background:#ef812c; display:inline-block; border-radius:50%; color:#fff; font-size:20px; line-height:50px; margin: 0 5px}
.tab.ktv.m li.active:before {content: ""; display: inline-block; width: 7px; height: 12px; background: url(../img/lp/tabact.png) no-repeat; position: absolute; left: 43%; top: -8px;transform: rotate(90deg);}
.tab.ktv.m li.active p span {font-weight: 600; color: #005fa8}
.tab.ktv.m li:last-child {border-bottom:1px solid #ef812c}
.tabcontent.vid {width:100%}
.sdw {margin-bottom:100px;}
.searchWrap .slick-slide {padding: 8px 10px 0; height:150px}
.searchWrap .slick-arrow {top:50%}
.searchWrap .slick-next {right:-50px}
.searchWrap .slick-prev {left:-50px}
.searchWrap .slick-slide {height:130px;}
.se_img {height:70px}
.se_slide .se_box p {font-size:14px}
form.search {display:none}
form.search.m {display:block; margin: 30px 0 50px}
form.search.m select {font-size:13px; padding:5px; display:inline-block;}
form.search.m input {font-size:13px; display:inline-block; width:165px; margin: 0 5px; padding:3px 5px}
form.search.m a {font-size:13px; padding: 3px 10px;}
#footer2_ {height:350px; overflow:hidden;}
.f_top {padding: 0 10px; height:65px; line-height:65px}
.f_top .mid, .f_bottom_ .sns {display:none}
.bg_ani .wave:nth-child(2) .vessel {display:none}
.vessel {text-align:center}
.vessel img {width:100px;}
.s02_c3_b1 {display: block; width: calc(100% - 40px); margin: 0 20px 20px 20px;}
.s02_c3_b1:after {content: none;}
.s02_c3_b1 span:first-child {width: 204px; height: 240px;}
.s02_c3_b11 h4 {height: 50px; width: 80%; font-size: 24px;} 
.s02_c3_b11 > p {height: 50px; width: 70%;}
.s02_c3_b11 span {width: 120px; height: 48px;}
.s02_c3_b11 span p {line-height: 48px;}
    .s02_c3_b1 h4 {margin-top: 20px; line-height: 26px;height: 52px; font-size: 22px; font-weight: bold;}
    .s02_c3_b11 span:last-child p {font-size: 14px;}
.s02_c3_b1:hover .s02_c3_b11,
.s02_c3_b1.cs-hover .s02_c3_b11 {height: 153px; opacity: 1; transform: translateY(0px); transition: transform 0.8s, opacity 0.1s;}
.s02_c3_b1:hover h4,
.s02_c3_b1.cs-hover h4 {height: 56px; margin-top: 118px;}
    .s24_sd div span {width: 136px;}
    .webinar .slick-slide {padding: 0; margin: 0 10px;}
    .s24_tb1 p.blue {line-height: 26px; margin-bottom: 10px;}
    .s24_tb1 p:nth-child(2) {margin-bottom: 10px}
    .s02_c3_b11 > p {height: 150px;}
    .s41_ip input {width: 150px; padding: 4px;}
    .s41_u1 li {padding: 6px 0;}
.s41_u2 li {font-size: 14px; padding: 6px 0;}
    .s42_c1_b1 {display: none; float: none; width: inherit;}
    .s42_c1_b1.s42on {display: block;}
    .s42_c1_b1 li span {width: 50%; height: 300px;}
    .ing {height: 300px; line-height: 300px; margin-bottom: 50px;}
    .lp2menu:nth-child(2) > .menu-submenu {width: 164%;}
    .lp2menu:nth-child(4) > .menu-submenu {width: 148%; right: 0;}
    .mouse {left: 50.7%;}
    .enterWrap {left: -60px; top: 33px}
}

@media screen and (max-width:640px) {
	.bnWrap {display:flex; flex-wrap:wrap; justify-content: space-between;}

	.bnSet {
    width: calc(100% - 40px);
    height: 300px;
    display: inline-block;
    box-shadow: 0 5px 18px rgba(0,0,0,0.2);
    margin: 0 20px 20px 0;
    text-align: center;
    border-radius: 5px;
}


@media screen and (max-width:540px) {
.tvSet {height:190px;}
.sdw {margin-top:-265px;}
.tab.ktv.m {bottom:-235px;}
    .s24_sd div span {width: 90px;}
    .s24_sd div p {font-size: 12px;}
    
}

@media screen and (max-width:414px) {
    
}