@charset "utf-8";

@import "/font/NotoSans.css";

.width-fixed{width:1350px;margin:0 auto;position:relative;height:100%; }
.width-fixed2{width:1200px;margin:0 auto;position:relative;height:100%; }

/* Modal */
.modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity: 0;z-index:-10;background:rgba(0,0,0,.8);transition: all .4s;}
.modal.active{z-index:1000000;opacity: 1;}
.modal > div{width:560px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.modal > div .modal_tit{padding:12px;border-bottom:1px solid #ddd;}
.modal > div .modal_tit h2{font-size:1.25em;}
.modal > div .modal_con{padding:12px;max-height:80vh;overflow-y: auto}
.modal > div .modal_con .sch_area {display:flex;align-items: center;}
.modal > div .modal_con .sch_area #stx{width:calc(100% - 40px);height:40px;line-height: 1.4em;font-size:1.3em;padding:7px;border:1px solid #000;}
.modal > div .modal_con .sch_area button{width:40px;height: 40px;border:none;background:#000;}
.modal > div .modal_con .sch_area button i{color:#fff;font-size:1.3em;}
.modal > div .modal_btn{padding:12px;border-top:1px solid #ddd;display:flex;align-items: center;}
.modal > div .modal_btn button{flex:1 auto;border:none;background:#eee;color:#000;font-size:1.4em;padding:10px;text-align: center;}
.modal > div .modal_btn button.confirm_btn{background:#000;color:#fff;}
.modal > div .modal_btn button + button{margin-left:10px;}


.modal_con .pd_list{padding:10px 0;}
.modal_con .pd_list .item_list .item {display:flex;align-items: center;padding:10px 0;cursor: pointer;position: relative;}
.modal_con .pd_list .item_list .item.active:after {position:absolute;right:0;top:0;content:"선택";display:flex;align-items: center;justify-content: center;padding:0 10px;background:#000;color:#fff;font-size:1.3em;height:100%;}
.modal_con .pd_list .item_list .item + .item {border-top:1px solid #ddd;}
.modal_con .pd_list .item_list .item .img{width:100px;height:100px;}
.modal_con .pd_list .item_list .item .txt{width:calc(100% - 100px);padding-left:20px;display:flex;flex-direction: column;justify-content: center;position:relative;}
.modal_con .pd_list .item_list .item .txt h3{font-size:1.6em;}
.modal_con .pd_list .item_list .item .txt p{font-size:1.2em;margin-top:5px;}
.modal_con .pd_list .item_list .item .txt span{font-size:1.2em;margin-top:5px;}
.modal_con .pd_list .item_list .item .del_btn{display:none;}
.modal_con .pd_list .no_list{display:flex;align-items: center;justify-content: center;font-size:1.4em;padding:100px 0;}
/* Modal */

/*2024-06-25 리뉴얼 2차 */

.section01{
	top:0;
	height: 90vh;
	position:relative;
	overflow:hidden;
}
 video{
	width:100%;
	height:90vh;
	object-fit:cover;
}
 .slider {
  list-style:none;
  overflow:hidden;
}
.slider:after {
  content:'';
  display:block;
  clear:both;
}
 .slider li {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:500px;
  opacity:0;
}
 .slider li .wrap {
	position:absolute;
	top:0;
	padding-top:420px;
	width:100%;
  left:auto;
  text-align:center;
}
 .slider li h2 {
  color:#fff;
  font-size:3.3rem;
margin-bottom:20px;
  text-shadow:1px 1px 10px #444;
}
.slider li p {
  color:#fff;
	font-size:1.2rem;
  text-shadow:1px 1px 10px #444;
}
 .btn {
  text-align:center;
}
.btn button {
  margin-top:10px;
  border:1px solid #ccc;
  background-color:#fff;
  color:#666;
  font-size:1.5rem;
  cursor:pointer;
}



#main_slide_m{display:none;}

.mobile_menu{display:none;}
.all_menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;opacity: 0;z-index:-10;transition: all .3s;}

#main_top {width:100%;height:86vh;}

#main_youtube{padding:100px 0;}
.yt_top{padding:0 0 100px 0;text-align: center;}
.yt_top h3{font-size:3em;font-weight: 900;}
.yt_top h3 span{color:#fe1e1e;}
.yt_top p{font-size:1.8em;margin-top:20px;}


.main_quick_wrap{display:flex;align-items: center;flex-wrap: wrap;width:1204px;justify-content: center;margin:0 auto;padding:100px 0;}
.main_quick_wrap > div{width:50%;height:370px;padding:50px;display:flex;flex-direction: column;justify-content: space-between;}
.main_quick_wrap > div h4{font-size:3em;}
.main_quick_wrap > div h4 span{color:#fe1e1e;}
.main_quick_wrap > div p{font-size:1.25em;line-height: 1.6;margin-top:0;}
.main_quick_wrap > div a{display:flex;align-items:center;justify-content:space-between;border:1px solid #000;padding:10px 14px;width:170px;font-size:1.3em;}
.main_quick_wrap > div:first-child{background: url('../img/mquick_bg_01.jpg')right bottom / contain no-repeat; }
.main_quick_wrap > div:nth-child(2){background: url('../img/mquick_bg_02.jpg')right bottom / contain no-repeat; }
.main_quick_wrap > div:nth-child(3){background: url('../img/on_mok.jpg')right bottom / contain no-repeat; }
.main_quick_wrap > div:last-child{background: url('../img/kaka_ch.png')right bottom / contain no-repeat; }

.main_quick_wrap > div:nth-child(2) h4{color:#fff;}
.main_quick_wrap > div:nth-child(2) p{color:#fff;}
.main_quick_wrap > div:nth-child(2) a{color:#fff;border:none;background:#3c3f44}
.main_quick_wrap > div:nth-child(3) a{background:#fff}
/* video */

#bo_gall #gall_ul{margin:0;}
#gall_ul li{width:calc(33.33% - 6.66px);margin:0;margin-right:10px;border:none;text-align: center;margin-bottom:50px;padding:0;}
#gall_ul li:nth-child(3n){margin-right:0;}
#gall_ul li.gall_li2{margin-right:50px;margin-bottom:50px;width:calc(33.33% - 33.33px)}
#gall_ul li.gall_li2:nth-child(3n){margin-right:0;}

#bo_gall .gall_text_href a{font-size:1.4em;}
#bo_gall .gall_box{border:none;margin-bottom:0;}

#bo_gall .gall_img{height:300px;overflow: hidden;display:flex;align-items: center;justify-content: center;}
#bo_gall .gall_img a{height:100%;width:100%;display:flex;align-items: center;justify-content: center;}
#bo_gall .gall_img a span{width:100%;height:100%;line-height: normal;display:flex !important;align-items: center;justify-content: center;}

#bo_gall li.gall_li2 .gall_img{height:260px;}

#bo_v{}
/* video */


/* footer */
/* footer */


/* 서브페이지 */
.sub_top {height:400px;margin-top:101px;}
.sub_top.sub_bg_10 {background:url('../img/sub_bg_10.jpg')center / cover no-repeat}
.sub_top.sub_bg_20 {background:url('../img/sub_bg_20.jpg')center / cover no-repeat}
.sub_top.sub_bg_30 {background:url('../img/sub_bg_30.jpg')center / cover no-repeat}
.sub_top.sub_bg_40 {background:url('../img/sub_bg_40.jpg')center / cover no-repeat}
.sub_top.sub_bg_50 {background:url('../img/sub_bg_50.jpg')center / cover no-repeat}
.sub_top.sub_bg_60 {background:url('../img/sub_bg_60.jpg')center / cover no-repeat}
.sub_top.sub_bg_70 {background:url('../img/sub_bg_60.jpg')center / cover no-repeat}
.sub_top .sub_tit {position:absolute;top:50%;left:0;transform:translateY(-50%);z-index: 1;}
.sub_top .sub_tit h2{font-size:3em;color:#fff;font-weight:900;}
.sub_top .sub_menu{position:absolute;left:0;bottom:0;width:100%;display:flex;}
.sub_top .sub_menu > div{padding:15px 10px;color:#fff;flex:1 auto;text-align: center;background:rgba(0,0,0,.7);cursor: pointer;position:relative;}
.sub_top .sub_menu > div + div:after {content:"";}
.sub_top .sub_menu > div a{font-size:1.25em;color:#fff;display:block;width:100%;height:100%;}
.sub_top .sub_menu > div:hover,
.sub_top .sub_menu > div.active{background:#fff;}
.sub_top .sub_menu > div:hover a,
.sub_top .sub_menu > div.active a{color:#000;}

.sub_menu2{border-bottom:1px solid #ddd;}
.sub_menu2 ul{display:flex;align-items: center;justify-content: center;}
.sub_menu2 ul li{text-align: center;margin:0 30px;border-bottom:3px solid transparent;}
.sub_menu2 ul li a{font-size:1.25em;display:block;width:100%;height:100%;padding:18px 10px 15px 10px;}
.sub_menu2 ul li:hover ,
.sub_menu2 ul li.active {border-bottom:3px solid #000;}

.sub_wrap{min-height:150px;padding:100px 0;}

.sub_title {margin-bottom:30px;}
.sub_title h3{font-size:2.6em;color:#000;}

.about_img img{width:100%;}
.about_txt{text-align: center;padding-top:100px;}
.about_txt h4{font-size:3em;word-break: keep-all}
.about_txt h4 span{color:#fe1e1e}
.about_txt p{margin-top:30px;font-size:1.6em;line-height: 1.8;word-break: keep-all}


.ci_top  {display:flex;flex-wrap: wrap;}
.ci_top  > div{width:calc(50% - 15px);}
.ci_top  > div img{width:100%;}
.ci_top  > div:nth-child(even){margin-left:30px;}
.ci_top  > div:nth-child(n + 3){margin-top:30px;}

.ci_info {display:flex;padding:20px 0 50px 0;}
.ci_info > div:first-child{width:calc(100% - 360px);padding-right:20px;}
.ci_info > div:first-child h3{font-size:1.6em;font-family: "Noto Sans CJK KR Medium",dotum,sans-serif;}
.ci_info > div:first-child p{font-size:1.35em;margin-top:10px;word-break: keep-all}
.ci_info > div:last-child{width:360px;display:flex;align-items: center;}
.ci_info > div:last-child button{border:1px solid #000;padding:12px 5px;width:calc(50% - 7.5px);background:#fff;}
.ci_info > div:last-child button span{font-size:1.25em;line-height: 1;margin-top:4px;}
.ci_info > div:last-child button img{width:1.2em;margin-left:5px;margin-top:-4px;}
.ci_info > div:last-child button + button{margin-left:15px;}

.ci_color h3{font-size:1.8em;font-family: "Noto Sans CJK KR Light",dotum,sans-serif;}
.ci_color .color_item{margin-top:30px;width:100%;display:flex;}
.ci_color .color_item > div{width:260px;height:160px;border:1px solid #ddd;display:flex;align-items: center;flex-direction: column;justify-content: center;}
.ci_color .color_item > div + div{margin-left:15px;}
.ci_color .color_item > div span{width:100%;text-align: center;display:block;font-size:1.3em;line-height: 1.5}
.ci_color .color_item > div:first-child {background:#1e3050;color:#fff;}
.ci_color .color_item > div:nth-child(2) {background:#402c23;color:#fff}
.ci_color .color_item > div:last-child {background:#ffffff;color:#000}

.ceo_wrap{display:flex;margin-top:60px;}
.ceo_wrap .img{width:420px;box-shadow: 20px 20px 0 rgba(0,0,0,.2);background:#eee;}
.ceo_wrap .txt{width:calc(100% - 420px);padding-left:150px;}
.ceo_wrap .txt h3{font-size:3em;line-height: 1.4}
.ceo_wrap .txt p{font-size:1.3em;line-height: 1.8;margin-top:60px;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;word-break: keep-all;}
.ceo_wrap .txt p.large{font-size:1.5em;margin-top:30px;}
.ceo_wrap .txt .sign{font-size:1.7em;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;display:flex;justify-content: flex-end;margin-top:60px;align-items: flex-end}
.ceo_wrap .txt .sign span{font-size:0.8em;}
.ceo_wrap .txt .sign span:first-child{margin-right:20px;}
.ceo_wrap .txt .sign span:last-child{margin-left:10px;}

.history_wrap{display:flex;padding-top:150px;justify-content: space-between;}
.history_wrap .history_nav{border-right:1px solid #ddd;}
.history_wrap .history_nav ul{position:sticky;top:150px;}
.history_wrap .history_nav ul li{display:flex;align-items: center;}
.history_wrap .history_nav ul li a{font-size:1.8em;color:#cdcdcd;font-weight:bold;}
.history_wrap .history_nav ul li:after{content:"";width:25px;height:3px;display:block;background: transparent;margin:0 10px;}
.history_wrap .history_nav ul li.on a{color:#000;}
.history_wrap .history_nav ul li.on:after{content:"";width:25px;height:3px;display:block;background:#000;margin:0 10px;margin-top:-4px;}
.history_wrap .history_nav ul li + li{margin-top:10px;}
.history_wrap .history_con{width:calc(100% - 150px);text-align: right}
.history_wrap .history_con > div{display:flex;justify-content: flex-end;align-items: flex-start;border-bottom:1px solid #ddd;width:70%;margin:0 0 0 auto;}
.history_wrap .history_con > div + div{margin:60px 0 0 auto;padding-bottom:60px;}
.history_wrap .history_con > div:last-child{border-bottom:0;}
.history_wrap .history_con h3{display:inline-block;vertical-align: middle;font-size:3em;width:100px;margin-top:13px;color:#cdcdcd}
.history_wrap .history_con h3.on{color:#000;}
.history_wrap .history_con ul {width:calc(100% - 100px);padding-left:60px}
.history_wrap .history_con ul + ul{}
.history_wrap .history_con ul li{padding:20px 0;text-align: left}
.history_wrap .history_con ul li + li{margin-top:30px;}
.history_wrap .history_con ul li:last-child{}
.history_wrap .history_con ul li h2{font-size:1.6em;}
.history_wrap .history_con ul li p{font-size:1.45em;margin:15px 0;color:#cdcdcd;}
.history_wrap .history_con ul li h2:before{content:"";width:10px;height:10px;background:#000;display:inline-block;vertical-align: middle;margin-right:10px;}
.history_wrap .history_con ul li .img{width:100%;background:#eee;margin-top:20px;border:1px solid #ddd;padding:10px;}
.history_wrap .history_con ul li .img img{width:100%;}


/* 게시판 검색 */
#bo_sch{background:#f8f8f8;padding:10px;width:100%;margin:20px 0;}
#bo_sch form{display:flex;justify-content: space-between;}
#bo_sch form > div.left{display:flex;align-items: center;justify-content: flex-start;}
#bo_sch form > div.left > div + div{margin-left:10px;}
#bo_sch form > div.left > div#gall_allchk label{font-size:1.3em;}
#bo_sch form > div.left > div.align a{font-size:1.3em;padding:0 15px;}
#bo_sch form > div.right{display:flex;align-items: center;justify-content: flex-end;}
#bo_sch #stx{padding:10px;font-size:1.2em;border:1px solid #888888;border-right:0;}
#bo_sch .sch_btn{width:40px;height:40px;background:#000;border:none;}
#bo_sch .sch_btn i{font-size:1.25em;color:#fff;}
#bo_sch .sch_btn span{display:none}

.btn_bo_user a {padding:10px;background:#000;line-height: normal;color:#fff;font-size:1.2em;}
.btn_bo_user a.btn_admin {background:#fe1e1e}
.btn_bo_user input[type=submit] {padding:10px;background: #d0d0d0;line-height: normal;color:#000;font-size:1.2em;}

#bo_list{padding:60px 0;margin-top:60px;border-top:1px solid #000;}
.video_box{padding:60px 0;margin-top:60px;border-top:1px solid #000;}

.bo_fx{position:relative;float:none;}

.pg_wrap{position:relative;float:none;text-align: center;display:block;}
.pg_wrap .pg_current{border:1px solid #000;background:#000;color:#fff;border-radius: 0;}
.pg_wrap .pg_page{border:1px solid #ddd;border-radius: 0;}
.pg_page, .pg_current{border:1px solid #ddd;background:#fff;border-radius: 0;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;}

#bo_v_title .bo_v_tit{padding:0 0 30px 0;}
#bo_v_top .bo_v_left{display:flex;float:left;margin:20px 0;}

.bo_nav {display:flex;background:#f8f8f8;padding:15px 10px;width:100%;margin:20px 0;}
.bo_nav #gall_allchk {width:120px;}
.bo_nav #gall_allchk label{font-size:1.5em;}
.bo_nav > a{width:100px;font-size:1.5em;text-align: center;}
.bo_nav > ul {display:flex;align-items: center;width:calc(100% - 100px);}
.bo_nav > ul li{font-size:1.5em;text-align: center;flex:1 auto;}
.bo_nav > ul li.active{font-weight:bold;}
/* 게시판 검색 */

/* 카탈로그 */
.catal_tit {text-align: center;}
.catal_tit h3{font-size:3em;}
.catal_tit p{font-size:1.3em;margin-top:25px;line-height: 1.6;word-break: keep-all}
.catal_tit button{padding:10px 30px;border:1px solid #000;background:#fff;margin:15px auto 0 auto;font-size:1.2em;display:flex;align-items: center;justify-content: center;}
.catal_tit button img{margin-left:10px;}
/* 카탈로그 */

/* MSDS */
.down_btn {display:flex;align-items: center;}
.down_btn button{border:1px solid #888;padding:9px 15px;display:flex;align-items: center;justify-content: center;background:#fff;}
.down_btn button + button{margin-left:6px;}
.down_btn button span{font-size:1.2em;color:#888;}
.down_btn button img{margin-right:10px;}

/* MSDS */


/* 제품소개 */
.pd_recome_list .item {display:flex;align-items: center;padding:10px 0;cursor: pointer;position: relative;}
.pd_recome_list .item.active:after {display:none;}
.pd_recome_list .item + .item {border-top:1px solid #ddd;}
.pd_recome_list .item .img{width:100px;height:100px;}
.pd_recome_list .item .txt{width:calc(100% - 100px);padding-left:20px;display:flex;flex-direction: column;justify-content: center;position:relative;}
.pd_recome_list .item .txt h3{font-size:1.6em;}
.pd_recome_list .item .txt p{font-size:1.2em;margin-top:5px;}
.pd_recome_list .item .txt span{font-size:1.2em;margin-top:5px;}
.pd_recome_list .item .del_btn{position:absolute;top:50%;right:10px;width:50px;height:50px;cursor: pointer;display:block;border:1px solid red;background:#eee;z-index: 10;transform:translateY(-50%);}

#pd_recome{margin-top:50px;}
#pd_recome .item {border:1px solid #ddd;}
#pd_recome .item .img{}
#pd_recome .item .txt{padding:6px 0;text-align: center;background:#eee;font-size:1.4em;}
/* 제품소개 */

/* 문의하기 */
.in_wrap {border-top:1px solid #000;}
.in_wrap .in_input{padding:12px;font-size:1.3em;border:1px solid #ddd;width:calc(100% - 120px);}
.in_wrap ul:after{content:"";clear:both;display:block;}
.in_wrap ul li{width:100%;float:left;padding:18px 0;display:flex;align-items: center;position:relative;}
.in_wrap ul li > label{width:120px;font-size:1.4em;padding:0 15px;font-family: "Noto Sans CJK KR Medium",dotum,sans-serif;font-weight: normal;}
.in_wrap ul li label span{color:red;}
.in_wrap ul li input{}
.in_wrap ul li.half{width:50%;}
.in_wrap ul li:first-child .in_input{width:calc(50% - 120px);}
.in_wrap ul li .email_div {width:calc(100% - 120px);}
.in_wrap ul li .email_div .in_input{width:calc(33.33% - 6.66px);}
.in_wrap ul li .email_div .em_div{border:none;background:transparent;width:20px;font-size:1.5em;text-align: center;}
.in_wrap ul li .email_div #sel_email{width:calc(33.33% - 18.66px);}
.in_wrap ul li textarea.in_input{resize:none;height:150px;}
.in_wrap ul li #in_file_txt + label{position:absolute;top:50%;right:0;transform:translateY(-50%);text-align: center;padding:0;cursor: pointer;font-weight: normal;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;}
.in_wrap ul li .agree input[type=checkbox] {border-radius: 0;width:1.4em;height:1.4em;}
.in_wrap ul li .agree input[type=checkbox] + label{font-size:1.3em;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;}
.in_wrap ul li .agree input[type=checkbox] + label a{text-decoration: underline}
.in_wrap .in_btns{text-align: center;margin-top:50px;}
.in_wrap .in_btns button{padding:8px 45px;border:1px solid #000;font-size:1.3em;font-family: "Noto Sans CJK KR Regular",dotum,sans-serif;background: #fff;}

/* 문의하기 */

/* 서브페이지 */

/* 퀵링크 */
.quick_link{position:fixed;top:70%;right:20px;transform:translateY(-50%);z-index:999;}
.quick_link a{width:70px;height:70px;display:block;}
.quick_link a + a{margin-top:15px;}
/* 퀵링크 */

/* 홈페이지검색 */
#sch_res_detail{padding:50px;display:flex;align-items: center;background:#ebebeb;}
#sch_res_detail select{width: 30%;padding: 15px 10px;font-size: 1.3em;border: 1px solid #ebebeb;border-radius: 0;box-shadow: none;height: auto;}
#sch_res_detail .sch_wr{width: 30%;display:flex;align-items: center;}
#sch_res_detail .switch_field{width: 10%;display:flex;align-items: center;}
#sch_res_detail input[type=text]{width: calc(100% - 50px);padding: 15px 10px;font-size: 1.3em;border: 1px solid #ebebeb;border-radius: 0;box-shadow: none;height: auto;}
#sch_res_detail .sch_wr button{border-radius: 0;height:auto;padding: 15px 10px;font-size: 1.3em;width:60px;}
#sch_res_ov{background:transparent;border:0;display:flex;align-items: center;justify-content: space-between;position:relative;}
#sch_res_ov h2 strong{color:#3a8afd}
#sch_res_ov ul{float:none;margin-top:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);}
#sch_res_ov li{font-size:1.3em;color:#000;}
.sch_word{background:#000;}
#sch_res_board a{border-radius: 0;border:1px solid #000;color:#000;box-shadow: none;}
#sch_res_board .sch_on{background:#000;border:1px solid #000;box-shadow: none;}
#sch_res_board a:focus, #sch_res_board a:hover{background:#000;}

.switch_field label{border:0;box-shadow: none;border-radius: 0;}
.switch_field label:first-of-type{border-radius: 0;}
.switch_field label:last-of-type{border-radius: 0;}
.switch_field input:checked + label{border:0}

.sch_res_list li{padding:15px 0;}
.sch_res_list .sch_tit{padding:0 0 15px 0;}
/* 홈페이지검색 */

/*커스텀*/


div.cus section.sec01{
	width:100%;
	height:100vh;
	background-color:#000;
	position:relative;
}
div.cus section.sec01 .main{
	width:100%;
	height: 100%;
	background:url("../img/main.png") 0 0 no-repeat;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
}
div.cus section.sec01 .main .content{
	text-align: center;
	padding-top:101px;
}
div.cus section.sec01 .main .content>img{
	height: 175px;
}
div.cus section.sec01 .main .content p{
	color:#fff;
	font-size:20px;
	font-weight: 300;
	margin-top:25px;
}
div.cus section.sec01 .main .content .line{
	width:1500px;
	height: 300px;
	background:url("../img/line.png") no-repeat;
	background-size:cover;
	margin:170px auto 0;
	position:relative;
}
div.cus section.sec01 .main .content .line .list{
	position:absolute;
	display:inline;
}
div.cus section.sec01 .main .content .line .list:after{
	position:absolute;
	content:"";
	width:16px;
	height: 16px;
	border-radius: 50%;
	background:#fff;
	left:calc(50% - 8px);
	box-shadow: 0px 0px 16px #fff;
}
div.cus section.sec01 .main .content .line .list img{
	width:233px;
}
div.cus section.sec01 .main .content .line .l01{
	top:-106px;
	left:255px;
}
div.cus section.sec01 .main .content .line .l02{
	top:-20px; 
	left:-120px  
}
div.cus section.sec01 .main .content .line .l03{
	left:255px;
	top:325px;
}
div.cus section.sec01 .main .content .line .l04{
	left:465px;
	top:50px;
}
div.cus section.sec01 .main .content .line .l05{
	left:717px;
	top:247px;
}
div.cus section.sec01 .main .content .line .l06{
	left:1005px;
	top:7px;
}
div.cus section.sec01 .main .content .line .l07{
	left:1220px;
	top:335px;
}
div.cus section.sec01 .main .content .line .l08{
	left:1380px;
	top:-85px;
}
div.cus section.sec01 .main .content .line .l01:after,
div.cus section.sec01 .main .content .line .l04:after,
div.cus section.sec01 .main .content .line .l06:after,
div.cus section.sec01 .main .content .line .l08:after,
div.cus section.sec01 .main .content .line .l02:after{
	bottom:-40px;
}

div.cus section.sec01 .main .content .line .l03:after,
div.cus section.sec01 .main .content .line .l05:after,
div.cus section.sec01 .main .content .line .l07:after{
	top:-40px;
}
.cus_yt{
	width:100%;
	display: flex;
	flex-flow:row;
	justify-content: center;
	align-items: center;
}
.cus_yt .cha{
	width:50%;
	margin:0 10px;
	padding:0; 
}
.cus_yt .cha > a{
	width:100%;
}
.cus_yt .cha > a > img{
	width:100%;
}
@media screen and (max-width: 1500px) {
	div.cus section.sec01 .main .content .line{
		background-image: none;
	}
	div.cus section.sec01 .main .content .line{
		width:100%;
	}
	div.cus section.sec01 .main .content .line .list img{
	width:233px;
}
div.cus section.sec01 .main .content .line .l01{
	top:-106px;
	left:20%
}
div.cus section.sec01 .main .content .line .l02{
	top:-20px; 
	left:1%;
}
div.cus section.sec01 .main .content .line .l03{
	top:325px;
	left:15%;
}
div.cus section.sec01 .main .content .line .l04{
	top:50px;
	left:34%;
}
div.cus section.sec01 .main .content .line .l05{
	top:247px;
	left:48%;
}
div.cus section.sec01 .main .content .line .l06{
	top:7px;
	left:60%;
}
div.cus section.sec01 .main .content .line .l07{
	top:335px;
	left:75%;
}
div.cus section.sec01 .main .content .line .l08{
	top:-85px;
	left:85%;
}
    }
@media screen and (max-width: 1500px){
	div.cus section.sec01 .main .content>img{
	height: 140px;
}
	div.cus section.sec01 .main .content p{
		font-size:16px;
	}
	div.cus section.sec01 .main .content .line .list img{
	width:180px;
}
div.cus section.sec01 .main .content .line .list:after{
	width:12px;
	height: 12px;
}
}
@media screen and (max-width: 1200px){
	#main_top {height:auto;}
	div.cus section.sec01{
		width:100%;
		height:750px;

	}
	div.cus section.sec01 .main{
		width:100%;
		height: 100%;

	}
	div.cus section.sec01 .main .content{
		padding-top:50px;
	}
		div.cus section.sec01 .main .content .line .list img{
	width:120px;
}
div.cus section.sec01 .main .content .line .l01{
	top:-40%;
	left:20%
}
div.cus section.sec01 .main .content .line .l02{
	top:0%;
	left:5%;
}
div.cus section.sec01 .main .content .line .l03{
	top:85%;
	left:15%;
}
div.cus section.sec01 .main .content .line .l04{
	top:25%;
	left:27%;
}
div.cus section.sec01 .main .content .line .l05{
	top:60%;
	left:48%;
}
div.cus section.sec01 .main .content .line .l06{
	top:0%;
	left:60%;
}
div.cus section.sec01 .main .content .line .l07{
	top:80%;
	left:64%;
}
div.cus section.sec01 .main .content .line .l08{
	top:-40%;
	left:65%;
}
div.cus section.sec01 .main .content .line .list:after{
	width:8px;
	height: 8px;
}
	
div.cus section.sec01 .main .content .line .l01:after,
div.cus section.sec01 .main .content .line .l04:after,
div.cus section.sec01 .main .content .line .l06:after,
div.cus section.sec01 .main .content .line .l08:after,
div.cus section.sec01 .main .content .line .l02:after{
	bottom:-20px;
}
	
div.cus section.sec01 .main .content .line .l03:after,
div.cus section.sec01 .main .content .line .l05:after,
div.cus section.sec01 .main .content .line .l07:after{
	top:-20px;
}

@media screen and (max-width: 1500px) {
	.section01{
		height:80vh;
		width:100%;
	}
	 video{
		height: 80vh;
	}
	.slider li h2 {
  		color:#fff;
  		font-size:3rem;
  		text-shadow:1px 1px 10px #444;
	}
	.slider li p {
  		color:#fff;
  		text-shadow:1px 1px 10px #444;
	}
	
}

@media screen and (max-width: 1200px) {
		.section01{
		height:80vh;
		width:100%;
	}
		 video{
	height: 80vh;
	}
		.slider li h2 {
  		color:#fff;
  		font-size:3em;
  		text-shadow:1px 1px 10px #444;
	}
		.slider li p {
  		color:#fff;
  		text-shadow:1px 1px 10px #444;
			line-height: 25px;
			font-size:15px;
	}
	
}

@media screen and (max-width: 716px) {
		.section01{
		height:75vh;
		width:100%;
	}
		 video{
	height: 75vh;
	}
		.slider li h2 {
  		color:#fff;
  		font-size:3em;
  		text-shadow:1px 1px 10px #444;
		word-break: keep-all;
	}
		.slider li p {
  		color:#fff;
  		text-shadow:1px 1px 10px #444;
		word-break: keep-all;
	}
	.cus_yt{
		flex-flow:column;

	}
	.cus_yt .cha{
		width:95%;
		margin:10px auto;
	}
}
@media screen and (max-width: 520px) {
		.section01{
		height:65vh;
		width:100%;
	}
	 	video{
		height: 65vh;

	}
		.slider li h2 {
  		color:#fff;
  		font-size:3em;
  		text-shadow:1px 1px 10px #444;
	}
		.slider li p {
  		color:#fff;
  		text-shadow:1px 1px 10px #444;
	}
	.slider li .wrap{
		padding-top:250px;
		padding-left:10px;
		padding-right:10px;
	}
}