@charset "utf-8";


/*------------------------------------
  main layout
------------------------------------*/
main#max_container {width: 100%; height: 100vh; background: #000; color:#fff;}
main#max_container a {color:inherit;}

body #fp-nav {left:1% !important;z-index:0;}
body #fp-nav ul li {width: 30px; height: 2px; margin:40px 0; }
body #fp-nav ul li:last-child {display: none;}
body #fp-nav ul li span {margin:0; width: auto; height: auto;}
body #fp-nav ul li a span {width:30px; height: 2px;;margin: 0; left: 0; top: 0;    background: #fff;  opacity: .2;}
body #fp-nav ul li a.active span,
body #fp-nav ul li:hover a span,
body #fp-nav ul li:hover a.active span {background: #fff; opacity:1; margin:0; width: 30px; height: 2px;}
body #fp-nav ul li .fp-tooltip {}
body #fp-nav ul li .fp-tooltip {    font-family: inherit; left:40px !important; font-size: .8em; font-weight: 500; top: 8px; top: 50%;  transform: translateY(-50%);}
	
	
body.fp-viewing-4 header {display: none;} 	

body.fp-viewing-2 .online_banner,
body.fp-viewing-3 .online_banner{display: block;}
body .online_banner {display: none; position: fixed; right:3rem; bottom:3rem; z-index:2;}
body .online_banner > a {display: inline-block; }
body .online_banner .btn_close {position: absolute;right: -1rem;top: -1rem;color: #fff;}
body .online_banner .btn_close > i {} 
body .online_banner .banner_box {width: 12rem;height: 12rem;transition: all 0.2s linear;  border-radius:100%;background:var(--main-color1);display: flex;flex-direction: column;align-items: center;justify-content: center;}
body .online_banner .banner_box > i.ico_headset {display: block;width: 4rem;height: 4rem;background:url(../images/common/ico_headset.svg) no-repeat center / contain;}
body .online_banner .banner_box > p { color: #fff; margin-top: 1rem; font-weight: 600; font-size: .9em;}
body .online_banner .banner_box:hover {background: #a10009;}

body.fp-viewing-0 .scroll_down{display: flex;}
body .scroll_down {display: none;   align-items: flex-end; 	position: absolute; right:5%; bottom:8vh; z-index:2;}
body .scroll_down { }
body .scroll_down p { color:#fff; font-size: 14px; font-weight: bold;margin-right:2rem;	opacity: .7;  letter-spacing: .07rem;}
body .scroll_down .line{ width:2px; display: inline-block; height:60px; background-color:rgba(255,255,255,.3); position:relative;}
body .scroll_down .line::after{ position: absolute; top: 0; left: 0; width: 100%; height: 0%; animation: progress 2.5s infinite linear; background-color: #fff; content: ''}

@keyframes progress{
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}



@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 1024px) {
	body .online_banner .banner_box {width: 9rem; height: 9rem;}
	body .online_banner .banner_box > i.ico_headset {width: 3rem; height: 3rem;}
	body .online_banner .banner_box > p {font-size: .8em; margin-top: .5rem;}
}
@media screen and (max-width: 768px) { 
	body.fp-viewing-4 .scroll_down {display: none;}
	body .scroll_down {display: flex;	}
	body .scroll_down {flex-direction: column; align-items: center;    bottom: 0;transform: translate(-50%, 0); right: auto; left: 50%;}
	body .scroll_down .line {height: 4rem;}
	body .scroll_down p {font-size: .7em; margin-bottom: 1rem;         margin-right: 0;}
	
	
}
@media screen and (max-width: 568px) { 
	body #fp-nav {display: none;}
	body .scroll_down .line {height: 2.5rem;}
	body .scroll_down p {font-size: .6em;}
	
	body .online_banner {right:5%; bottom:2%;}
	body .online_banner .btn_close {right:0; top: -2rem;}
	body .online_banner .banner_box {width: 9rem; height: 6rem; border-radius:1rem;}
	body .online_banner .banner_box > i.ico_headset {width: 2rem; height: 2rem; }
	
	body.fp-viewing-4 #max_footer > .inner {padding-top:4rem;}
	
	
}




/*------------------------------------
  main section1
------------------------------------*/
#main_visual {}
#main_visual .title_area {position: absolute; left:50%; top:50%;transform:translate(-50%, -50%);text-align: center;}
#main_visual .title_area h2 {font-size:5em;font-weight:800; font-family: var(--ft-02);}
#main_visual .title_area h2 > p {display: block;}
#main_visual .title_area h2 > p > em {color:var(--main-color1);}
#main_visual .title_area > p {margin-top: 5rem;font-size: 1.25em; line-height: 1.5;}
#main_visual .title_area > p > span {font-weight: bold; font-size: 1.25em;}
#main_visual .visual_nav {position: absolute;bottom:8vh; width: 100%;  }
#main_visual .visual_nav .inner {    padding: 0 5%;     max-width: none; display: flex;align-items: flex-end; justify-content: space-between; }
#main_visual .visual_nav .play {width: 6rem; height: 6rem;}
#main_visual .visual_nav .play button#playPauseBtn {width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0;transition: all 0.2s linear;  border: 2px solid #fff; border-radius: 100%; background: transparent; cursor: pointer;}
#main_visual .visual_nav .play button#playPauseBtn:hover {background:rgb(255 255 255 / 10%);}
#main_visual .visual_nav .play button#playPauseBtn span {width: 1.5rem; height: 1.5rem;display: block; background-repeat:no-repeat; background-size:contain; background-position:center;}
#main_visual .visual_nav .play button#playPauseBtn.playing span {background-image:url(../images/common/ico_play.svg);}
#main_visual .visual_nav .play button#playPauseBtn.paused span {background-image:url(../images/common/ico_pause.svg);}
#main_visual .visual_nav .play button#playPauseBtn span {background-image:url(../images/common/ico_pause.svg);}

@media screen and (max-width: 1400px) {
	#main_visual .title_area {width: 80%;}
}
@media screen and (max-width: 1024px) {
	#main_visual .title_area h2 {font-size: 8vw;	}
}
@media screen and (max-width: 768px) { 
	#main_visual .title_area > p {font-size: 1em;}
	#main_visual .visual_nav .inner {justify-content: center;}
	#main_visual .visual_nav { transform: translate(0, -50%); width: 100%; bottom: auto; top: 75%;}
	#main_visual .visual_nav .play {width: 4rem; height: 4rem;}
	#main_visual .visual_nav .play button#playPauseBtn {border-width:1px; }
	#main_visual .visual_nav .play button#playPauseBtn span {width: 1rem; height: 1rem;}
}
@media screen and (max-width: 568px) { 
	#main_visual .title_area h2 {font-size: 9vw;	}
	
}


/*------------------------------------
  main section2
------------------------------------*/
#main_about {position: relative;  }
#main_about .inner {display: flex;align-items: center; justify-content: center;}
#main_about .title_area {display: flex;flex-direction: column;align-items: center;text-align: center; }
#main_about .title_area > .symbol {position: relative;display: block; margin-bottom: 4.5rem; height: 3rem; width: 5rem; background:url(../images/common/symbol.svg) no-repeat center / cover; }
#main_about .title_area > .title_box {font-size: 3em;font-weight: 700; font-family: var(--ft-02);}
#main_about .title_area > .cont_box {margin-top: 8rem; word-break: keep-all;}
#main_about .title_area > .cont_box p {font-size: 1.5em; font-weight: 500; margin-bottom: 2rem;}
#main_about .title_area > .cont_box span {display: inline-block; line-height: 1.5; opacity:.7;}
#main_about .title_area > a {display: inline-block; padding: 1rem 3rem; border-top:2px solid #fff; border-bottom:2px solid #fff; margin-top: 10rem;}
#main_about .title_area > a span{font-size: .9em; }


@media screen and (max-width: 1400px) {
	#main_about .title_area {width: 100%;}
}
@media screen and (max-width: 1024px) {
	#main_about .title_area {width: 80%;}
	#main_about .title_area > .title_box {font-size: 5vw;	}
	#main_about .title_area > .cont_box span br {display: none;}
}
@media screen and (max-width: 768px) { 
	#main_about .title_area > .symbol {width: 4rem; height: 2.5rem; margin-bottom: 3rem;}
	#main_about .title_area > .cont_box {margin-top: 5rem;}
	#main_about .title_area > .cont_box p {font-size: 1.25em;}
}
@media screen and (max-width: 568px) { 
	#main_about .title_area {width: 100%;}
	#main_about .title_area > .title_box {font-size: 6vw;}
	#main_about .title_area > .cont_box p {font-size: 1.125em;}
	#main_about .title_area > .cont_box span {font-size: .9em;}
	#main_about .title_area > a {margin-top: 7vh; font-size: .8em;}
}


/*------------------------------------
  main section3
------------------------------------*/
#main_global {}
#main_global .global_wrap{position: relative; }
#main_global .global_wrap > .inner {position: relative; width: 90%; padding:0; max-width:1600px; display: flex;  align-items: center;  justify-content: space-between;}
#main_global .global_wrap .title_area {display: flex; flex-direction: column; width: auto; height: 57rem; justify-content: space-between;  margin-top: 8rem;  transform: translateZ(0); }
#main_global .global_wrap .title_area .text_box {}
#main_global .global_wrap .title_area .text_box .title {display: flex;flex-direction: column; align-items: flex-start;}
#main_global .global_wrap .title_area .text_box .title > em {display: inline-block; margin-bottom: 3rem; color:var(--main-color1); font-weight: bold; font-size: 1.25em; font-family: var(--ft-02);}
#main_global .global_wrap .title_area .text_box .title > p {font-size: 2.25em; font-weight: 500;}
#main_global .global_wrap .title_area .text_box .title > span {display: inline-block; margin-top: 2rem; line-height: 1.5; opacity:.8;}
#main_global .global_wrap .title_area .text_box .title > a {display: inline-flex; align-items: center;margin-top:5rem;   }
#main_global .global_wrap .title_area .text_box .title > a > span {font-size: .9em;}
#main_global .global_wrap .title_area .text_box .title > a > i {margin-left:1rem;}
#main_global .global_wrap .title_area .counter_box {display: flex;max-width: 80rem; width: 100%; }
#main_global .global_wrap .title_area .counter_box .counter { width: 20rem; color: #fff; text-align: left;}
#main_global .global_wrap .title_area .counter_box .counter .title{font-size: 1.125em; padding-bottom: 1rem; }
#main_global .global_wrap .title_area .counter_box .counter .number{display: flex;align-items: baseline;}
#main_global .global_wrap .title_area .counter_box .counter .number span {font-family: var(--ft-03); font-size: 3.2em; font-weight: bold;}
#main_global .global_wrap .title_area .counter_box .counter .number em {margin-left:1rem; }

#main_global .global_wrap .partner_area { position: relative; width: 44rem;  position: absolute; right:0;}
#main_global .global_wrap .partner_area .partner_list {}
#main_global .global_wrap .partner_area .partner_list > ul {display: flex; flex-direction: column; }
#main_global .global_wrap .partner_area .partner_list > ul > li{position: relative;margin:5px 0; border:1px solid rgb(255 255 255 / 10%);    background: rgb(255 255 255 / 15%); border-radius: 10px;} 
#main_global .global_wrap .partner_area .partner_list .title_box {position: relative;   border-radius:1rem; transition: all 0.2s linear; height: 70px; padding: 0 30px;cursor: pointer; display:flex;align-items: center; justify-content: flex-start;}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 { font-weight: 300;color:#fff; font-size: 22px;   display: flex; align-items: center;}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag {display: flex; }
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span {display: inline-block;width: 3rem; height: 2rem;margin:0 .2rem; background-repeat:no-repeat; background-size:cover; background-position:center;}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span.korea {background-image:url(../images/common/flag_korea.svg)}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span.japan {background-image:url(../images/common/flag_japan.svg)}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span.china {background-image:url(../images/common/flag_china.svg)}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span.india {background-image:url(../images/common/flag_india.svg)}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span.iran {background-image:url(../images/common/flag_iran.svg)}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span.usa {background-image:url(../images/common/flag_usa.svg)}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span.mexico {background-image:url(../images/common/flag_maxico.svg)}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .tit {}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .tit em{font-size: 14px;margin-left: 20px; font-style:normal; opacity: .5;}
#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .tit span{font-weight: bold; margin-left:10px;}

#main_global .global_wrap .partner_area .partner_list .title_box > i {position: relative; margin-left:auto;transform: translateY(0%) ; width: 20px; height: 20px;	}
#main_global .global_wrap .partner_area .partner_list .title_box > i > * {position: absolute; left:50%; top:50%; transition: all 0.2s linear;}
#main_global .global_wrap .partner_area .partner_list .title_box > i span  {width: 20px; height: 2px; background: #fff;display: inline-block; }
#main_global .global_wrap .partner_area .partner_list .title_box > i span:first-child {transform: rotate( 90deg );}
#main_global .global_wrap .partner_area .partner_list .title_box.on i span:first-child { transform: translateY(0%) rotate(180deg ); color:#fff;}
#main_global .global_wrap .partner_area .partner_list .cont_box {display: none; padding:2rem 3rem;  border-top: 1px solid rgb(255 255 255 / 15%);   }
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner { overflow-y:auto;  height: 230px;  padding-right:2rem; }
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner::-webkit-scrollbar { width: 2px;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner::-webkit-scrollbar-thumb {background: rgb(255 255 255);  border-radius: 10px; }
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner::-webkit-scrollbar-track {background: rgb(255 255 255 /15%); }
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner hr {width: 100%; height: 1px; background: #fff; opacity:.5; padding:0; margin:0; border:0; margin:3rem 0;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner > h5 { font-size: 1em; margin: 1rem 0;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner > ul {}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner > ul > li {margin:.7rem 0;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner > ul > li > a{display: flex;align-items: center;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner > ul > li > a > p {font-size: .9em;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .logo_thumb {margin-right:2rem;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .logo_thumb > img {display: block;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .list {margin:1rem 0 2rem;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .list > p{font-size: .8em;margin:1rem 0; }
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .flag {display: flex;align-items: center; font-size: 1.125em; margin-bottom: 1rem;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .flag > em {display: inline-block;width: 2.5rem; height: 1.5rem;    margin-right: 1rem; background-repeat:no-repeat; background-size:cover; background-position:center;}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .flag > em.india {background-image:url(../images/common/flag_india.svg)}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .flag > em.iran {background-image:url(../images/common/flag_iran.svg)}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .flag > em.usa {background-image:url(../images/common/flag_usa.svg)}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .flag > em.mexico {background-image:url(../images/common/flag_maxico.svg)}
#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .flag > p {font-weight: bold;}


@media screen and (max-width: 1400px) {
	#main_global .global_wrap .title_area .text_box .title > em {font-size: 1.125em;}
	#main_global .global_wrap .title_area .text_box .title > p {font-size: 1.8em;}
	#main_global .global_wrap .title_area .text_box .title > a {margin-top: 3rem;}

	#main_global .global_wrap .title_area {height: 50rem;}
	#main_global .global_wrap .title_area .counter_box {font-size: .8em; width: 100%;}
	#main_global .global_wrap .title_area .counter_box .counter {width: 25%	;}
	#main_global .global_wrap .partner_area {width: 40rem;}
	#main_global .global_wrap .partner_area .partner_list .title_box {height: 6rem;}
}
@media screen and (max-width: 1024px) {
	#main_global .global_wrap .partner_area .partner_list .title_box > h3 {font-size: .9em;}
	#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .flag span {width: 2.5rem; height: 1.7rem;}
	#main_global .global_wrap .partner_area .partner_list .title_box {height: 5rem;padding: 0 5%;}
	#main_global .global_wrap .partner_area {width: 35rem;}
	#main_global .global_wrap .partner_area .partner_list .title_box > i span {width: 1rem; height: 1px;}
	#main_global .global_wrap .partner_area .partner_list .cont_box {padding:5%; font-size: .9em; }
	#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .logo_thumb {width: 45%;}
	#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .logo_thumb > img {width: 100%;}
	#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner > ul > li > a > p {width: 50%;}
	#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner .flag {font-size: 1em;}
	
}
@media screen and (max-width: 768px) { 

	#main_global .global_wrap > .inner {    flex-direction: column;}
	#main_global .global_wrap .title_area {margin-top: 0;width: 100%; height: auto;}

	#main_global .global_wrap .title_area .text_box .title {align-items: center;}
	
	#main_global .global_wrap .title_area .text_box .title > span {text-align: center;display: none;}
	#main_global .global_wrap .title_area .text_box .title > p {font-size: 1.5em;text-align: center;}
	#main_global .global_wrap .title_area .text_box .title > em {font-size: 1em;margin-bottom: 1rem;} 
	#main_global .global_wrap .title_area .text_box .title > a {margin-top: 2rem;font-size: .9em;}
	#main_global .global_wrap .title_area .counter_box {margin-top: 2rem;}
	#main_global .global_wrap .title_area .counter_box .counter {text-align: center; }
	#main_global .global_wrap .title_area .counter_box .counter .title {font-size: 1.125em;}
	#main_global .global_wrap .title_area .counter_box .counter .number {justify-content: center;}
	#main_global .global_wrap .title_area .counter_box .counter .number span {font-size: 2.5em;}
	#main_global .global_wrap .partner_area {width: 100%; max-width:40rem; position: relative; right: auto; margin-top: 2rem;	}
	
	#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner { height: 10rem;}
	#main_global .global_wrap .partner_area .partner_list .title_box > h3 > .tit em {margin-left:1rem; font-size: .8em;}
	
}
@media screen and (max-width: 568px) { 
	#main_global .global_wrap .title_area .text_box .title > em {font-size: .8em;}
	#main_global .global_wrap .title_area .text_box .title > p {font-size: 1.25em;}
	#main_global .global_wrap .title_area .counter_box {margin:3rem 0 1.5rem;}
	#main_global .global_wrap .title_area .counter_box .counter .title {font-size: 1em; padding-bottom: .5rem;}
	#main_global .global_wrap .title_area .counter_box .counter .number em {margin-left:.5rem;}
	#main_global .global_wrap .title_area .counter_box .counter .number span {font-size: 2em;}
	#main_global .global_wrap .partner_area .partner_list .title_box {height: 4.5rem;}
	#main_global .global_wrap .partner_area .partner_list .cont_box .cont_partner {height: 15rem;}
	#main_global .global_wrap .partner_area .partner_list > ul > li {margin:2px 0; border-radius:.5rem;}
	
}




/*------------------------------------
  main section4
------------------------------------*/

#main_equipment {}
#main_equipment .equipment_wrap {}
#main_equipment .equipment_wrap > .inner {max-width:1600px; display: flex;  align-items: center;  justify-content: space-between;}
#main_equipment .equipment_wrap .equip_list {width: 50%; margin-top: 5rem;}
#main_equipment .equipment_wrap .equip_list .title_box {display: flex;flex-direction: column; align-items: flex-start;}
#main_equipment .equipment_wrap .equip_list .title_box > em  {display: inline-block; margin-bottom: 3rem; color:var(--main-color1); font-weight: bold; font-size: 1.25em; font-family: var(--ft-02);}
#main_equipment .equipment_wrap .equip_list .title_box > p {font-size: 2.25em; font-weight: 500;}
#main_equipment .equipment_wrap .equip_list .nav {margin-top: 15rem; color: #fff; column-count: 2; column-width: 100px;     max-width: 60rem;}
#main_equipment .equipment_wrap .equip_list .nav .nav_box {opacity: .3; cursor: pointer;  display: flex;  margin-bottom: 30px; align-items: center;}
#main_equipment .equipment_wrap .equip_list .nav .nav_box > em {font-size: .8em;    margin-right: 30px;}
#main_equipment .equipment_wrap .equip_list .nav .nav_box > p {font-size: 1.5em	;    font-weight: bold;}
#main_equipment .equipment_wrap .equip_list .nav .nav_box.active {opacity:1;}
#main_equipment .equipment_wrap .equip_view {width: 50%;}
#main_equipment .equipment_wrap .equip_view .equip_view_box {position: relative; }
#main_equipment .equipment_wrap .equip_view .equip_view_box li.custom-card{position: absolute; top:50%; transform: translateY(-50%);  opacity:0; visibility: hidden;   transition: all 0.5s linear;}
#main_equipment .equipment_wrap .equip_view .equip_view_box li.custom-card.active {  opacity:1; visibility: visible;}
#main_equipment .equipment_wrap .equip_view .equip_view_box .thumb_box {border-radius:2rem; overflow:hidden;}
#main_equipment .equipment_wrap .equip_view .equip_view_box .thumb_box img {width: 100%;display: block;}
#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box {display: flex;margin-top: 3rem; justify-content: space-between;  align-items: flex-end;}
#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .text {width: calc(100% - 17rem);} 
#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .text > p { font-size: 1.5em; font-weight: 600;}
#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .text > span { display: block; line-height: 1.5; opacity: .7; margin-top: 1rem; }
#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .link {width: 17rem;display: flex; justify-content: flex-end;}
#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .link a { display: inline-flex; border: 1px solid rgb(255 255 255 / 40%); padding: 1.5rem 2rem; border-radius: .5rem; align-items: center; justify-content: space-between;}
#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .link a > span {font-size: .9em;}
#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .link a > i { transform: rotate(-45deg); margin-left: 1rem;}


@media screen and (max-width: 1400px) {
	#main_equipment .equipment_wrap .equip_list .title_box > em {font-size: 1.125em;}
	#main_equipment .equipment_wrap .equip_list .title_box > p {font-size: 1.8em;}
	#main_equipment .equipment_wrap .equip_list .nav .nav_box > p {font-size: 1.2em;}
	#main_equipment .equipment_wrap .equip_list .nav .nav_box {margin-bottom: 2rem;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .text > p {font-size: 1.2em;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .text > span {font-size: .9em;	}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box {align-items: flex-start; flex-direction: column;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .text {width: 100%;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .link {width: auto;margin-top: 2rem;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .link a {padding:1rem 1.5rem;font-size: .8em;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) { 
	#main_equipment .equipment_wrap .equip_list .title_box > p {font-size: 1.5em;text-align: center;}
	#main_equipment .equipment_wrap .equip_list .title_box > em {font-size: 1em;margin-bottom: 1rem;} 
	#main_equipment .equipment_wrap > .inner {flex-direction: column; }
	#main_equipment .equipment_wrap .equip_list {margin-top: 10vh; width: 100%;}
	#main_equipment .equipment_wrap {width: 100%; height: 100%;}
	#main_equipment .equipment_wrap .equip_list .title_box {align-items: center;}
	#main_equipment .equipment_wrap .equip_list .nav {margin-top: 2rem;column-count: 4;  max-width: 100%;}
	#main_equipment .equipment_wrap .equip_list .nav .nav_box {font-size: .8em;         margin-bottom: 1.5rem;}
	#main_equipment .equipment_wrap .equip_view {width: 100%;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .thumb_box {width: 100%; max-width:40rem;  border:1px solid #444;  margin: 0 auto;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .text {text-align: center;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .link {margin: 2rem auto 0;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box li.custom-card {top: 0;  transform: none;}
}
@media screen and (max-width: 568px) { 
	#main_equipment .equipment_wrap .equip_list .title_box > em {font-size: .8em;}
	#main_equipment .equipment_wrap .equip_list .title_box > p {font-size: 1.25em;}
	
	#main_equipment .equipment_wrap .equip_list .nav {column-count: auto; display: flex;         flex-wrap: wrap;          justify-content: center;}
	#main_equipment .equipment_wrap .equip_list .nav .nav_box {   justify-content: center;         margin: 0 1rem 1rem; }
	#main_equipment .equipment_wrap .equip_list .nav .nav_box > em {margin-right:1rem;}
	#main_equipment .equipment_wrap .equip_list .nav .nav_box > p {font-size: 1.25em;}
	#main_equipment .equipment_wrap .equip_view .equip_view_box li.custom-card {top:2rem;}
	
	#main_equipment .equipment_wrap .equip_view .equip_view_box .cont_box .text > span { overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.5em;
height: 4.5em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */

}
}








/*------------------------------------
  sub layout
------------------------------------*/


/*메인비디오*/
main#max_container section { position: relative; width: 100%; height: 100vh; overflow: hidden;}
main#max_container .vimeo-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
main#max_container .vimeo-background:before {content:''; width: 100%; height: 100%; background: #000; opacity:.3; position: absolute; left:0; top:0; z-index:2;}
main#max_container .vimeo-video { 	position: absolute; top: 50%;  left: 50%;  width: 100vw;height: 56.25vw; /* 16:9 비율 */min-height: 100vh;min-width: 187.77vh; /* 16:9 비율 */transform: translate(-50%, -50%);pointer-events: none; }
main#max_container section#main_global .vimeo-video {min-width: 205vh;}