/* =========== mobile(start) ============ */
@media screen and (max-width: 767px) {

.Partners_section_wrap .contents { width: 100%; }
.Partners_section_wrap .lists li { float: left; margin-right: 10%; }
.patent_section_wrap { width: 340px; margin: 0 auto; display: block;}
.Partners_section_wrap { width: 340px; margin: 0 auto; display: block; padding-top: 30px;}
.lists {text-align: center; transform: translateX(3%);}
.Partners_section { width: 100%; margin-bottom: 110px;}
.lists > li { margin-bottom: 20px; width: 130px;}
.btn-wrap a.button { display: block; width: 20px; height: 13px; background: url("../img/partnersMore.png") no-repeat center; margin: 0 auto;}
.lists > li img { width: 152px; margin: 0 auto; display: block; border: 1px solid #f2f2f2;}

.solution_section { width: 100%; margin-bottom: 70px; margin-top: 110px; overflow: hidden;}
.Partners_section { width: 100%; margin-bottom: 70px; overflow: hidden;}
.Generative_section { width: 100%; margin-bottom: 70px; overflow: hidden; }
.patent_section { width: 100%; margin-bottom: 70px; overflow: hidden; }
.news_section { width: 100%; margin-bottom: 70px; overflow: hidden; }


.news_li_date { margin-right: ; }
	
	section.company { display: block; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 70px; }
	section.company div.veiw_mask { display: block; margin: 0 auto; width: 760px; height: 340px; overflow: hidden; }
	section.company ul { display: inline-block; margin-bottom: 50px; }
	section.company ul > li { display: none; float: left; }
	section.company ul > li._active { display: block; float: left; }
	section.company ul > li > a { display: block; color: #fff; }
	section.company > img { display: block; width: 234px; margin: 0 auto; margin-bottom: 70px; }
	section.company div.company_desc { color: #676767; margin-bottom: 30px; }

	div.company_bottom { position: relative; left: 30px; }

	div.count_bar { clear: both; font-size: 0.87em; color: #373737; float: left; margin-left: 15vw; }
	div.pg_bar { display: inline-block; position: relative; margin-left: 2vw; margin-top: 10px; background: #efefef; width: 30vw; height: 5px; border-radius: 50px; float: left; }
	div.pg_bar > span { display: inline-block; border-radius: 20px; position: absolute; left: 0; width: 25%; height: 100%; background: #000; transition: left 0.3s; }
	div.con_btns { position: relative; width: 120px; right: -54vw; top: -30px; }
	section.company button.con_prnx { display: inline-block; float: left; width: 40px; height: 40px; border-radius: 50px; margin-left: 10%; }

	button.content_prev { background: url("../img/company_prev.png") no-repeat center; }
	button.content_prev.on { background: url("../img/company_prev_hover.png") no-repeat center; }
	button.content_next { background: url("../img/company_next.png") no-repeat center; }
	button.content_next.on { background: url("../img/company_next_hover.png") no-repeat center; }

	
  .partners_mobile { color: #000; }

  .partners_mobile .sec_title { margin-bottom: 70px;}

  .partners_mobile { width: 90%; margin: 0 auto; }
  .partners_mobile img { width: 30%; margin-bottom: 20px; }

	.company_desc { width: 100%; }
	
.solution_box_desc { margin: 30px; text-align: left;}
.solution_box_desc > p { font-size: 14px; color: #595757; }
.solution_box_desc h3 { margin-bottom: 20px; }

.solution_box { border-radius: 10px; float: left; background: #F6F6F6; height: 240px; width: 340px; position: relative; margin: 0 auto; }
.solution_box_desc img { height: 30px; }
.solution_box_btn { position: absolute; bottom: 30px; left: 30px; font-size: 14px;}
.solution_box_btn a { margin-right: 10px; font-family: "NotoSansKR-bold"; }
.solution_box_btn a::after { content: ""; width: 12px; height: 12px; display: inline-block; background: url("../img/ooui_arrow-next-ltr.png") no-repeat center; margin-left: 5px; -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s; }

.solution_box_btn a:hover::after { content: ""; transform: rotate(-45deg); }

.Generative_box_warp_fir ul .trans_gen_l li:first-child { width: 20rem; height: 20rem; background: url("../img/GenerativeIMG1.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_l li:first-child span { right: 20px; }
.Generative_box_warp_fir ul .trans_gen_l li:nth-child(2) { width: 20rem; height: 20rem; background: url("../img/GenerativeIMG2.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_l li:nth-child(2) span { left: 20px; }
.Generative_box_warp_fir ul .trans_gen_r li:nth-child(1) { width: 20rem; height: 20rem; background: url("../img/GenerativeIMG3.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_r li:nth-child(1) span { right: 20px; }
.Generative_box_warp_fir ul .trans_gen_r li:nth-child(2) { width: 20rem; height: 20rem; background: url("../img/GenerativeIMG4.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_r li:nth-child(2) span { left: 20px; }


.Generative_box_warp_fir span.gen_text { color: #fff; position: absolute; bottom: 30px; font-size: 22px; font-weight: bold; padding-top: 30px;}

.Generative_box_warp_sec ul li:first-child { width: 1350px; height: 600px; background: #292929; border-radius: 10px; margin-top: 10px; overflow: hidden; }

.Generative_box_warp_sec ul li:nth-child(2) { width: 1350px; height: 200px; background: #292929; border-radius: 10px; margin-top: 20px; padding-top: 30px; }


.Generative_box_warp_sec ul li:nth-child(2) p { font-size: 48px; color: #fff; text-align: center; font-weight: bold; margin-bottom: 20px;}
.Generative_box_warp_sec ul li:nth-child(2) a { text-align: center; color: #fff; width: 1350px; margin: 0 auto; display: block; }


.Generative_box_warp_fir ul { width: 200%; }
.Generative_box_warp_fir ul li { float: left; margin-left: 16px; position: relative; }

.trans_gen_l { transform: translateX(-98px); }
.trans_gen_r { transform: translateX(-170px); }

.Generative_box_warp_sec iframe { transform: translatey(-120px); }

.Partners_mobile div.desc_blind { width: 100%; height: 600px; overflow: hidden; position: relative; background: url("../img/logo_all.png") no-repeat center; background-size: cover; background-attachment: scroll;}
.Partners_mobile { margin-bottom: 70px; }
.Partners_mobile_p {text-align: center; padding-top: 250px; font-size: 30px; font-family: "NotoSansKR-bold";}


.patent_section_wrap { width: 90%; margin: 0 auto; }
.patent_section_wrap img { width: 100%; border-radius: 10px; margin-bottom: 30px;}
.patent_section_wrap .desc_patent { float: left; margin-top: 6px;}
.desc_patent li { max-width: 330px; font-size: 12px; font-family: "NotoSansKR-light"; display: inline-block; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; }
.desc_patent li > span { font-family: "NotoSansKR-Bold"; font-size: 14px;}

.news_section { width: 100%; }
.news_list { width: 90%; margin: 0 auto; }
.news_bott p { float: left; font-size: 12px; color: #000; }
.news_li_desc { float: left; width: 80%; padding-bottom: 20px; }
.news_list li {border-bottom: 1px solid #f2f2f2; padding-top: 20px;}
.news_list li:first-child { padding-top: 0px; }
.News_btn a { background: url("../img/newsbtn.png") no-repeat center; width: 38px; height: 38px; display: inline-block; float: right; transform: translateY(20px);}
.news_li_title { font-size: 16px; font-family: "NotoSansKR-bold"; margin-bottom: 10px; }

.banner_section button { width: 100%; height: 120px; overflow: hidden; }
.banner_section .banner1 { background: url("../img/banner1.png") no-repeat center; }
.banner_section .banner2 { background: url("../img/banner2.png") no-repeat center; }

.banner1 a { color:#fff; width: 90%; margin: 0 auto; display: block; }
.banner2 a { color:#fff; width: 90%; margin: 0 auto; display: block; }

.banner_sp { font-size: 14px; }
.banner_lp { font-size: 20px; font-family: "NotoSansKR-Bold"; margin-top: 6px; }

.tdviewer { background-color: rgba(0, 0, 0, 0.6); transition: 0.5s; position: fixed; bottom: 120px; right: 30px; width: 150px; height: 90px; z-index: 200; border-radius: 10px; padding-bottom:15px; padding-top: 15px; text-align: center; border: 2px solid #fff; opacity: 0.8; background-size: cover; line-height: 1.2;} 
.tdviewer p { font-family: "NotoSansKR-bold"; color: #fff; }
.tdviewer:hover { opacity: 1; background: url("../img/viewer_btn.png") center; width: 200px; height: 200px; background-size: cover; }

	.section__content video { height: 100%; width: 100%; object-fit: cover; }
	.black_fillm { width: 100%; height: 100%; background: rgba(0,0,0,0.46); position: absolute;}
	.clipper__txt { z-index: 100; margin-left: 20px; } 

  .section--clipper .text--sub {
  color: #C0C0C0;
  font-size: 2rem;
  text-align: left;
}
h1.text {
  font-size: 32px;
  margin-bottom: 3px;
}
h2.text {
  font-size: 16px;
}


.text {
  text-align: left;
}

.section--clipper .text {
  font-size: 30px; 
}
.section--clipper .text--sub {
  font-size: 14px;
}
  .section__content { height: 100vh; }
  .section__content video { height: 100%; width: 100%; object-fit: cover; }
	.black_fillm { width: 100%; height: 100%; background: rgba(0,0,0,0.46); position: absolute;}

  
	.clipper__txt { 
  position: absolute; 
  z-index: 100;
  color: #fff;
  top: 50%;
  left: 33%;
  transform: translate(-50%, -50%) translate(0, 100%);
  text-align: left;
  min-width: 250px;}


}

/* =========== mobile(end) ============ */

/* =========== tablet(start) ============ */
@media screen and (min-width: 768px) and (max-width: 1349px) {

.Partners_section_wrap .contents { width: 100%; }
.Partners_section_wrap .lists li { float: left; margin-right: 6%; }
.patent_section_wrap { width: 90%; margin: 0 auto; display: block;}
.Partners_section_wrap { width: 90%; margin: 0 auto; display: block; padding-top: 30px;}
.lists {text-align: center;}
.Partners_section { width: 100%; margin-bottom: 110px;}
.lists > li { margin-bottom: 20px; width: 130px;}
.btn-wrap a.button { display: block; width: 8px; height: 13px; background: url("../img/partnersMore.png") no-repeat center; margin: 0 auto;}
.lists > li img { width: 152px; margin: 0 auto; display: block; }

.solution_section { width: 100%; margin-bottom: 70px; margin-top: 110px; overflow: hidden;}
.Partners_section { width: 100%; margin-bottom: 70px; overflow: hidden;}
.Generative_section { width: 100%; margin-bottom: 70px; overflow: hidden; }
.patent_section { width: 100%; margin-bottom: 70px; overflow: hidden; }
.news_section { width: 100%; margin-bottom: 70px; overflow: hidden; }



	
	section.company { display: block; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 70px; }
	section.company div.veiw_mask { display: block; margin: 0 auto; width: 760px; height: 340px; overflow: hidden; }
	section.company ul { display: inline-block; margin-bottom: 50px; }
	section.company ul > li { display: none; float: left; }
	section.company ul > li._active { display: block; float: left; }
	section.company ul > li > a { display: block; color: #fff; }
	section.company > img { display: block; width: 234px; margin: 0 auto; margin-bottom: 70px; }
	section.company div.company_desc { color: #676767; margin-bottom: 30px; }

	div.company_bottom { position: relative; left: 30px; }

	div.count_bar { clear: both; font-size: 0.87em; color: #373737; float: left; margin-left: 15vw; }
	div.pg_bar { display: inline-block; position: relative; margin-left: 2vw; margin-top: 10px; background: #efefef; width: 30vw; height: 5px; border-radius: 50px; float: left; }
	div.pg_bar > span { display: inline-block; border-radius: 20px; position: absolute; left: 0; width: 25%; height: 100%; background: #000; transition: left 0.3s; }
	div.con_btns { position: relative; width: 120px; right: -54vw; top: -30px; }
	section.company button.con_prnx { display: inline-block; float: left; width: 40px; height: 40px; border-radius: 50px; margin-left: 10%; }

	button.content_prev { background: url("../img/company_prev.png") no-repeat center; }
	button.content_prev.on { background: url("../img/company_prev_hover.png") no-repeat center; }
	button.content_next { background: url("../img/company_next.png") no-repeat center; }
	button.content_next.on { background: url("../img/company_next_hover.png") no-repeat center; }

	.company_desc { width: 100%; }
	
.solution_box_desc { margin: 30px; text-align: left;}
.solution_box_desc > p { font-size: 14px; color: #595757; }
.solution_box_desc h3 { margin-bottom: 20px; }

.solution_box { border-radius: 10px; float: left; background: #F6F6F6; height: 240px; width: 340px; position: relative; margin: 0 auto; }
.solution_box_desc img { height: 30px; }
.solution_box_btn { position: absolute; bottom: 30px; left: 30px; font-size: 14px;}
.solution_box_btn a { margin-right: 10px; font-family: "NotoSansKR-bold"; }
.solution_box_btn a::after { content: ""; width: 12px; height: 12px; display: inline-block; background: url("../img/ooui_arrow-next-ltr.png") no-repeat center; margin-left: 5px; -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s; }

.solution_box_btn a:hover::after { content: ""; transform: rotate(-45deg); }

.Generative_box_warp_fir ul .trans_gen_l li:first-child { width: 20rem; height: 20rem; background: url("../img/GenerativeIMG1.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_l li:nth-child(2) { width: 20rem; height: 20rem; background: url("../img/GenerativeIMG2.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_r li:nth-child(1) { width: 20rem; height: 20rem; background: url("../img/GenerativeIMG3.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_r li:nth-child(2) { width: 20rem; height: 20rem; background: url("../img/GenerativeIMG4.png") no-repeat center; object-fit: cover; }


.Generative_box_warp_fir span.gen_text { color: #fff; position: absolute; bottom: 30px; left: 30px; font-size: 22px; font-weight: bold; padding-top: 30px;}

.Generative_box_warp_sec ul li:first-child { width: 1350px; height: 600px; background: #292929; border-radius: 10px; margin-top: 10px; overflow: hidden; }

.Generative_box_warp_sec ul li:nth-child(2) { width: 1350px; height: 200px; background: #292929; border-radius: 10px; margin-top: 20px; padding-top: 30px; }


.Generative_box_warp_sec ul li:nth-child(2) p { font-size: 48px; color: #fff; text-align: center; font-weight: bold; margin-bottom: 20px;}
.Generative_box_warp_sec ul li:nth-child(2) a { text-align: center; color: #fff; width: 1350px; margin: 0 auto; display: block; }

.lists > li { margin-bottom: 22px; }

.Generative_box_warp_fir ul { width: 200%; }
.Generative_box_warp_fir ul li { float: left; margin-left: 16px; position: relative; }

.trans_gen_l { transform: translateX(-130px); }
.trans_gen_r { transform: translateX(-80px); }

.Generative_box_warp_sec iframe { transform: translatey(-120px); }

.Partners_mobile div.desc_blind { width: 100%; height: 600px; overflow: hidden; position: relative; background: url("../img/logo_all.png") no-repeat center; background-size: cover; background-attachment: scroll;}
.Partners_mobile { margin-bottom: 70px; }
.Partners_mobile_p {text-align: center; padding-top: 250px; font-size: 30px; font-family: "NotoSansKR-bold";}


.patent_section_wrap { width: 90%; margin: 0 auto; }
.patent_section_wrap img { width: 100%; border-radius: 10px; margin-bottom: 30px;}
.patent_section_wrap .desc_patent { float: left; margin-top: 6px;}
.desc_patent li { max-width: 330px; font-size: 12px; font-family: "NotoSansKR-light"; display: inline-block; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; }
.desc_patent li > span { font-family: "NotoSansKR-Bold"; font-size: 14px;}

.news_section { width: 100%; }
.news_list { width: 90%; margin: 0 auto; }
.news_bott p { float: left; font-size: 12px; color: #000; }
.news_li_desc { float: left; width: 80%; padding-bottom: 20px; }
.news_list li {border-bottom: 1px solid #f2f2f2; padding-top: 20px;}
.news_list li:first-child { padding-top: 0px; }
.News_btn a { background: url("../img/newsbtn.png") no-repeat center; width: 38px; height: 38px; display: inline-block; float: right; transform: translateY(20px);}
.news_li_title { font-size: 16px; font-family: "NotoSansKR-bold"; margin-bottom: 10px; }

.banner_section button { width: 100%; height: 120px; overflow: hidden; }
.banner_section .banner1 { background: url("../img/banner1.png") no-repeat center; }
.banner_section .banner2 { background: url("../img/banner2.png") no-repeat center; }

.banner1 a { color:#fff; width: 90%; margin: 0 auto; display: block; }
.banner2 a { color:#fff; width: 90%; margin: 0 auto; display: block; }

.banner_sp { font-size: 14px; }
.banner_lp { font-size: 20px; font-family: "NotoSansKR-Bold"; margin-top: 6px; }

.tdviewer { background-color: rgba(0, 0, 0, 0.6); transition: 0.5s; position: fixed; bottom: 120px; right: 30px; width: 150px; height: 90px; z-index: 200; border-radius: 10px; padding-top: 15px; padding-bottom: 15px; text-align: center; border: 2px solid #fff; opacity: 0.8; background-size: cover; line-height: 1.2;} 
.tdviewer p { font-family: "NotoSansKR-bold"; color: #fff; }
.tdviewer:hover { opacity: 1; background: url("../img/viewer_btn.png") center; width: 300px; height: 300px; background-size: cover; }

	.section__content video { height: 100%; width: 100%; object-fit: cover; }
	.black_fillm { width: 100%; height: 100%; background: rgba(0,0,0,0.46); position: absolute;}
	.clipper__txt { z-index: 100; }
.section--clipper .text--sub {
  color: #C0C0C0;
  font-size: 2rem;
  text-align: left;
}
h1.text {
  font-size: 32px;
  margin-bottom: 3px;
}
h2.text {
  font-size: 16px;
}


.text {
  text-align: left;
}

.section--clipper .text {
  font-size: 40px; 
}
.section--clipper .text--sub {
  font-size: 20px;
}
  .section__content { height: 100vh; }
  .section__content video { height: 100%; width: 100%; object-fit: cover; }
	.black_fillm { width: 100%; height: 100%; background: rgba(0,0,0,0.46); position: absolute;}

  
	.clipper__txt { 
  position: absolute; 
  z-index: 1000;
  color: #fff;
  top: 56%;
  left: 28%;
  transform: translate(-50%, -50%) translate(0, 100%);
  text-align: left;
  min-width: 250px;}


}
/* =========== tablet(end) ============ */

/* =========== Desktop(start) ============ */
@media screen and (min-width: 1350px) {
.visual { background: #1B1B1B; width: 100%; height: 100vh; overflow: hidden; min-width: 1800px; margin-bottom: 120px; position: relative;  }

div.title { width: 1350px; height: 100vh; display: block; margin: 0 auto; position: relative; }
div.title_p { width: 100%; text-align: center; position: absolute; top: 42%; left: 50%; transform: translate(-50%); }

.small_t { font-size: 1.875rem; color: #C0C0C0;}
.main_t { font-size: 4rem; color: #fff; font-family: "NotoSansKR-Bold"; font-style: normal; color: #fff;  }

.item > img { position: absolute; }

.solution_section { width: 100%; margin-bottom: 110px; margin-top: 110px; }
.Partners_section { width: 100%; margin-bottom: 110px;}
.Generative_section { width: 100%; margin-bottom: 110px; }
.patent_section { width: 100%; margin-bottom: 110px; }
.news_section { width: 100%; margin-bottom: 110px; }

.Generative_box_warp { width: 1350px; margin: 0 auto; display: block; }
.Partners_section_wrap { width: 1350px; margin: 0 auto; display: block; padding-top: 30px;}
.Partners_section_wrap .contents { width: 100%; }
.Partners_section_wrap .lists li { float: left; margin-right: 16px; }
.patent_section_wrap { width: 1350px; margin: 0 auto; display: block;}

.news_list { width: 1350px; margin: 0 auto; display: block;}

.Generative_box_warp_fir ul li { float: left; margin-left: 16px; position: relative; }

.Generative_box_warp_fir ul .trans_gen_l li:first-child { width: 20.344rem; height: 20rem; background: url("../img/GenerativeIMG1.png") no-repeat center; object-fit: cover; margin-left: 0px; }
.Generative_box_warp_fir ul .trans_gen_l li:nth-child(2) { width: 20.344rem; height: 20rem; background: url("../img/GenerativeIMG2.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_r li:nth-child(1) { width: 20.344rem; height: 20rem; background: url("../img/GenerativeIMG3.png") no-repeat center; object-fit: cover; }
.Generative_box_warp_fir ul .trans_gen_r li:nth-child(2) { width: 20.344rem; height: 20rem; background: url("../img/GenerativeIMG4.png") no-repeat center; object-fit: cover; }

.Generative_box_warp_fir span.gen_text { color: #fff; position: absolute; bottom: 30px; left: 30px; font-size: 22px; font-weight: bold; padding-top: 30px;}



.Generative_box_warp_sec ul li:nth-child(2) { width: 1350px; height: 200px; background: url("../img/banner-bg1.png") no-repeat center; background-size: cover; border-radius: 10px; margin-top: 20px; padding-top: 30px; }


.Generative_box_warp_sec ul li:nth-child(2) p { font-size: 48px; color: #fff; text-align: center; font-weight: bold; margin-bottom: 20px;}
.Generative_box_warp_sec ul li:nth-child(2) a { text-align: center; color: #fff; width: 1350px; margin: 0 auto; display: block; }

.lists > li { margin-bottom: 22px; }

.Generative_box_warp_sec iframe { transform: translatey(-120px); }

.solution_box_desc { margin: 30px; }
.solution_box_desc > p { font-size: 20px; color: #595757; }
.solution_box_desc h3 { margin-bottom: 20px; }
.solution_box_wrap { width: 1350px; margin: 0 auto; display: block; margin-top: 60px; }
.solution_box { border-radius: 10px; float: left; background: #F6F6F6; height: 300px; position: relative; }
.solution_box_1 { width: 46%; margin-right: 20px; margin-bottom: 20px; }
.solution_box_2 { width: 52%;  margin-bottom: 20px;}
.solution_box_3 { width: 52%; margin-right: 20px; }
.solution_box_4 { width: 46%; }

.solution_box_desc img { height: 40px; }

.solution_box_btn { position: absolute; bottom: 30px; left: 30px; font-size: 14px;}
.solution_box_btn a { margin-right: 10px; font-family: "NotoSansKR-bold"; }
.solution_box_btn a::after { content: ""; width: 12px; height: 12px; display: inline-block; background: url("../img/ooui_arrow-next-ltr.png") no-repeat center; margin-left: 5px; -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s; }

.solution_box_btn a:hover::after { content: ""; transform: rotate(-45deg); }

.patent_section_wrap img { float: left; width: 510px; transform: translateY(10px); border-radius: 10px; margin-right: 60px;}
.patent_section_wrap .desc_patent { float: left; margin-top: 6px; background: #fafafa; width: 780px; border-radius: 10px; padding: 10px 20px; border: 1px solid #f2f2f2; }
.desc_patent li { font-size: 18px; font-family: "NotoSansKR-light"; margin-bottom: 4px; line-height: 1.9;}
.desc_patent li > span { font-family: "NotoSansKR-Bold"; }

.news_bott p { float: left; }

.banner_section { width: 100%; height: 400px; }

.banner_section > div > button { width: 50%; float: left; padding: 100px; }
.News_btn a { background: url("../img/newsbtn.png") no-repeat center; width: 38px; height: 38px; display: inline-block; float: right; transform: translateY(20px);}

.news_li_desc { float: left; }

.btn-wrap a.button { display: block; width: 104px; height: 31px; background: url("../img/partnersMore.png") no-repeat center; margin: 0 auto;}


.banner_section .banner1 { background: url("../img/banner1.png") no-repeat center; overflow: hidden; height: 400px; transform 0.3s; }
.banner_section .banner2 { background: url("../img/banner2.png") no-repeat center; overflow: hidden; height: 400px; }

.banner_section .banner1 span { background: url("../img/banner1.png") no-repeat center; -webkit-transition: background-size 0.2s, -webkit-transform 2s; transition: background-size 0.2s, transform 2s; }


.banner_section span p { color: #fff; }


.banner_section .banner1:hover { background-size: 2200px; }
.banner_section .banner2:hover { background-size: 2200px; }

.banner_sp { color: #A0A0A0; font-size: 30px; font-family: "NotoSansKR-bold"; }
.banner_lp { color: #fff; font-size: 47px; font-family: "NotoSansKR-bold"; }
.tdviewer { background-color: rgba(0, 0, 0, 0.6); transition: 0.5s; position: fixed; bottom: 120px; right: 30px; width: 150px; height: 90px; z-index: 200; border-radius: 10px; padding-top: 15px; padding-bottom: 15px; text-align: center; border: 2px solid #fff; opacity: 0.8; background-size: cover; line-height: 1.2;} 
.tdviewer p { font-family: "NotoSansKR-bold"; color: #fff; }
.tdviewer:hover { opacity: 1; background: url("../img/viewer_btn.png") center; width: 300px; height: 300px; background-size: cover; }



/* scroll */
	.scroll { position: fixed; bottom: 50px; left: 50%; transform: translatex(-50%); z-index: 50; display: inline-block; color: #fff; transition: opacity 0.3s; }
	.scroll:hover { opacity:.5; }

	#section9 a { padding-top: 60px; }
	#section9 a span { position: absolute; top: 0; left: 50%; width: 30px; height: 50px; margin-left: -15px; border: 2px solid #fff; border-radius: 50px; box-sizing: border-box; }
	#section9 a span::before { position: absolute; top: 10px; left: 50%; content: ''; width: 6px; height: 6px; margin-left: -3px; background-color: #fff; border-radius: 100%; animation: sdb9 2s infinite; box-sizing: border-box; }

		@keyframes sdb9 {
		0% {transform: translate(0, 0); opacity: 0;}
		40% {opacity: 1;}
		80% {transform: translate(0, 20px); opacity: 0;}
		100% {opacity: 0;}
	}

.section--clipper .text--sub {
  color: #C0C0C0;
  font-size: 2rem;
  text-align: left;
}
h1.text {
  font-size: 4rem;
  margin-bottom: 3px;
}
h2.text {
  font-size: 2rem;
}


.text {
  text-align: left;
}

.section--clipper .text {
  font-size: 4rem; 
}
.section--clipper .text--sub {
  font-size: 2rem;
}
  .section__content { height: 100vh; }
  .section__content video { height: 100%; width: 100%; object-fit: cover; }
	.black_fillm { width: 100%; height: 100%; background: rgba(0,0,0,0.46); position: absolute;}

  
	.clipper__txt { 
  position: absolute; 
  z-index: 1000;
  color: #fff;
  top: 56%;
  left: 28%;
  transform: translate(-50%, -50%) translate(0, 100%);
  text-align: left;
  min-width: 250px;}

}