@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@100;300;400;500;700;900&display=swap');


/*reset*/
html, body{height:100%!important; width:100%; padding:0;  font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box; color: #000; background: #fff; }
body{font-weight:300; margin: auto; letter-spacing: -0.5px; list-style: none; background: #fff;}
html{margin:0;}
ul,li{padding:0; margin:0; list-style:none;}
h1,h2,h3,h4,h5,h6{font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5px; font-weight:700;}
.ft01{font-family: 'Noto Sans KR', sans-serif; font-size: 18px; font-weight: 400;}
.ft03{ font-family: 'Noto Sans KR', sans-serif; font-size: 35px; font-weight: -500; color: #575756;/* border-bottom: 3px solid #d71820;*/ display: inline-block;}
input, button{ font-family: 'Noto Sans KR', sans-serif;}
.logo_tit{margin: auto; margin-bottom: 10px; width: 173px;}
.logo_tit img{width: 100%;}
::selection{background: rgba(215,24,32,0.4);}
.pc{display: block;}
.mo{display: none;}
.show{display: none;}
.img-responsive{width:100% !important;}
.clearfix:before, .clearfix:after{display: block; content: ""; clear: both;}
#container{width:100%; max-width:2000px; float:inherit; margin: 0 auto; min-height:inherit; margin-top: 100px;}
.bo_wrap{width:100%; max-width:1300px; margin:0 auto;}
#hd, #wrapper, #ft{min-width:inherit;}
.container{margin:0 auto;}
#wrapper{margin-top:0px;}
.tc{text-align:center !important;}
.bo_wrap{width:100%; max-width:1400px; margin:0 auto;}
.inner{width: 1400px; margin: 0 auto;}

/* 메인메뉴 */
/******** header ********/ 
/* .sec-header{height:100px; width:100%; padding:0 100px; background:#fff; top:0; position:absolute; transition:all ease .5s; z-index:9; overflow:hidden;}  
.sub .sec-header.on{border-bottom:0;}
.sec-header.on:before{content:''; width:100%; height:1px; background:#e8e8e8; position:absolute; top:100px; left:0;} 
.sec-header.on #gnb{width:1100px;}
.sec-header.on #gnb > ul{width: 1100px; margin: 0 auto;}
.sec-header.on #gnb > ul > li > ul{opacity:1;}
.sub .sec-header{border-bottom:1px solid #e8e8e8}   */

.sec-header{height:100px; width:100%; padding:0 100px; background:#fff; top:0; position:absolute; transition:all ease .5s; z-index:9; overflow:hidden;}   
.sec-header.on{height:255px; box-shadow: 0 0 60px 4px rgb(0 0 0 / 28%);}  
.sub .sec-header.on{border-bottom:0;}
.sec-header.on:before{content:''; width:100%; height:1px; background:#e8e8e8; position:absolute; top:100px; left:0;} 
.sec-header.on #gnb > ul{margin: 0 auto;}
.sec-header.on #gnb > ul > li > ul{opacity:1;}
.sub .sec-header{border-bottom:1px solid #e8e8e8}  
.sec-header.hd-down{position:fixed;} 
.sec-header.hd-down #nav-icon{z-index:9;} 
.sec-header.hd-down .gnb-btn{top:35px;}



.logo{display:block; width:221px; height:59px; background:url('/img/sevenu_logo.png') no-repeat 0 0; position:absolute; left:100px; top:20px; background-size: contain;} 
.hd-user{position:absolute; top:43px; right:100px; display: flex; flex-direction: row; justify-content: space-between;}
.hd-user .login:before{content:''; width:12px; height:15px; background:url('/img/btn/user-icon.png') no-repeat 0 0; display:inline-block; margin-right:10px; vertical-align:middle; margin-bottom:2px;}
.hd-user .login:after{content:''; width:1px; height:12px; background:#aaa; position:absolute; right:-10px; top:1px; }
.hd-user a{font-size:15px; display:block; margin-left:20px; line-height:1; position:relative;}
.gnb-btn{position:absolute; right:100px; top:22.5px; display: none;}
.gnb-btn button{ width:55px; height:55px; background:#3298b9; border:none;}  
.gnb-btn:hover #nav-icon span:nth-child(1){width:50%;}
.gnb-btn:hover #nav-icon span:nth-child(6){width:0;}
.gnb-btn:hover #nav-icon.open span:nth-child(6){width:50%;}
#nav-icon { 
  width: 24px;
  height: 24px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  /*
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  */
  cursor: pointer; 
  z-index: 99999999;
}

#nav-icon span { 
  display: block;
  position: absolute;
  height: 2px; 
  width: 50%;
  background: #fff;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(even) {
  left: 50%; 
}

#nav-icon span:nth-child(odd) {
  left:0px; 
}
#nav-icon span:nth-child(1){
	width:0;
	right:50%;
	left:auto;
	
}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {
  top: 4px;
}

#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {
  top: 12px;
}

#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {
  top: 20px;
} 


#nav-icon.open{width:50px; height:50px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(1) {
  left: 5px;
  top: 9px;
  width:50%;
  right:auto;
}

#nav-icon.open span:nth-child(2) {
  left: calc(50% - 3px);
  top: 9px;
}

#nav-icon.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

#nav-icon.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

#nav-icon.open span:nth-child(5) {
  left: 5px;
  top: 26px;
}

#nav-icon.open span:nth-child(6) {
  left: calc(50% - 3px);
  top: 26px;
}  
#nav-icon.open span{background:#400;}


.gnb-banner{background:url('/img/gnb-bg.jpg') center center / cover; width:400px; height:100%;   display:flex; align-items: center; padding:0 30px;} 
.gnb-family a{display:block; width:90%; padding:20px 0; margin:0 auto 20px;  color:#fff;     font-size: 18px; background:url('/img/btn/link-icon-w.png') no-repeat center right 0; position:relative;}
.gnb-family a:after{content:''; width:0; height:2px; background:#fff; position:absolute; right:0; bottom:0; transition:all ease .5s;}
.gnb-family a:hover:after{width:100%; right:auto; left:0;}
#gnb{position:relative; left:50%; transform:translateX(-50%); width:1000px; z-index:-3; transition:all ease .5s;}
#gnb > ul {display: flex; flex-direction: row; justify-content: space-between; width:100%; height:100px;} 
#gnb > ul > li{position:relative; } 
#gnb > ul > li > a{display:inline-block; color:#444; font-size:16px; position:relative; padding:38px 20px; font-weight:400}
#gnb > ul > li > a span{font-size:12px;}
#gnb > ul > li:hover > a:after{top:12px; opacity:1;}
#gnb > ul > li > ul{position:relative; top:20px; background:#fff;padding: 0 20px; width:100%; transition:all ease .3s; opacity:0;  }   
#gnb > ul > li > ul > li > a{display:block; padding:8px 0; font-size:15px;}  
#gnb > ul > li > ul > li > a:hover{color:#3e98b9; }
.gnb-all{position:fixed; top:0; right:-100%;  z-index:3; height:100%; width:100%; background:#fff;  overflow:hidden;   display: flex;  align-items: center;     transition: all ease .6s;} 
.gnb-all.open{  right:0; } 
.gnb-all > ul { width:80%; max-width:1200px; margin:0 auto;}
.gnb-all > ul > li{width:100%; position:relative; border-bottom:1px solid #e8e8e8; cursor:pointer; padding: 20px 20px;}  
.gnb-all > ul > li:last-child{border-bottom:0;}
.gnb-all > ul > li > a{color:#000; font-size: 21px; line-height: 28px; font-weight: 700;}
.gnb-all > ul > li > a:hover{color:#3e98b9;}
.gnb-all > ul > li > ul{display: inline-block; margin-top: 20px;}
.gnb-all > ul > li > ul > li{width: 25%; float: left;}
.gnb-all > ul > li > ul > li > a{display:block; padding:5px 0; font-size:17px; color:#444; margin-right:50px; position:relative; font-weight: 500;}
.gnb-all > ul > li > ul > li > a:after{content:''; width:0; height:1px; background:#333; position:absolute; right:0; bottom:-5%;     z-index: -1; transition:all ease .5s;}
.gnb-all > ul > li > ul > li > a:hover{ color:#000;}
.gnb-all > ul > li > ul > li > a:hover:after{width:100%; right:auto; left:0;}
.gnb-all > ul > li > h3{color:#000; font-size: 21px; line-height: 28px; font-weight: 700; position: relative;}
.scr-none{overflow-y:hidden;}
.gnb-all .hd-user{display:none;}
.gnb-all .logo{position: absolute; z-index:4; left:50%; margin-left: -110.5px; top:35px;} 


.tri{
  width: 0px;
  height: 0px; 
  border-top:50px solid transparent;
  border-right: 50px solid #fff;
  border-left: 50px solid  transparent;
  position:absolute;
  bottom:0;
  right:0;
}




.sub_page{width:100%; margin:0 auto; clear:both; margin-top: 100px;}

.wit_font{color:#fff;}
.sub_title{width: 100%; height: 850px; position: relative;}
.laser01 .sub_title{background: url(/img/sub_title1.png) center center no-repeat;}
.laser02 .sub_title{background: url(/img/sub_title2.png) center center no-repeat;}
.laser03 .sub_title{background: url(/img/sub_title3.png) center center no-repeat;}
.laser04 .sub_title{background: url(/img/sub_title4.png) center center no-repeat;}
.laser05 .sub_title{background: url(/img/sub_title5.png) center center no-repeat;}
.laser06 .sub_title{background: url(/img/sub_title6.png) center center no-repeat;}
.laser07 .sub_title{background: url(/img/sub_title7.png) center center no-repeat;}
.sub_title .subtit_tbox{position: absolute; top: 50%; right: 10%; transform: translateY(-50%);}
.sub_title #subtit6{right: 15%;}
.subtit_tbox .subtit_logo{width: 100%; margin-bottom: 30px; display: inline-block;}
.subtit_tbox .subtit_logo img{width: 100%; display: inline-block;}
.subtit_tbox .subtit_logo .pc_vb{display: block;}
.subtit_tbox .subtit_logo .mo_vb{display: none;}
.subtit_tbox .t1{font-size: 18px; line-height: 28px;}
.sub_title .subtit_img{position: absolute; bottom: 0; left: 0;}
.sub_title .subtit_img2{position: absolute; bottom: 0; left: 10%;}
.sub_title .subtit_img3{position: absolute; top: 10%; left: 0; z-index: 1;}
.mo_br{display: none;}

.sub_second{width: 100%; height: 530px; background: #ab218e; position: relative;}
.sub_second_bg{width: 100%; height: 530px; background: #65c8c5; }
.laser05 #second_1{background: #3e98b9;}
.laser05 #second_2{background: #fff8c1;}
.laser05 #second_3{background: #800000;}
.laser05 #second_4{background: #fff;}
.laser06 #second_5{background: #70c7d9;}
.laser06 #second_6{background: #fff;}
.laser06 #second_7{background: #3e98b9;}
.sub_second_op{width: 100%; height: 530px; position: relative;}
.sub_second .secon_tbox{position: absolute; top: 22%; left: 18%; }
.laser03 .sub_second .secon_tbox{top: 6%;}
.sub_second .secon_tbox h1{font-size: 32px; line-height: 42px; margin-bottom: 20px; color: #fff; font-weight: 500;}
.sub_second .secon_tbox .t1{font-size: 18px; line-height: 28px;}
.sub_second .secon_tbox2{position: absolute; bottom: 8%; right: 18%; color: #fff;}
.sub_second .secon_tbox2 h2{width: 100%; font-size: 40px; line-height: 50px; font-weight: 900;}
.sub_second .secon_tbox2 h2 span{font-size: 28px; line-height: 36px; font-weight: 900; font-style: italic;}
.sub_second .second_img{position: absolute; bottom: 0; left: 49%; z-index: 7;}
.sub_second_op .secon_tbox{position: absolute; top: 22%; right: 18%;}
.sub_second_op .secon_tbox h1{font-size: 32px; line-height: 42px; margin-bottom: 20px; color: #212121; font-weight: 500;}
.sub_second_op .secon_tbox .t1{font-size: 18px; line-height: 28px;}
.sub_second_op .secon_tbox2{position: absolute; bottom: 8%; left: 18%; color: #212121;}
.sub_second_op .secon_tbox2 h2{width: 100%; font-size: 40px; line-height: 50px; font-weight: 900;}
.sub_second_op .secon_tbox2 h2 span{font-size: 28px; line-height: 36px; font-weight: 900; font-style: italic;}
.laser06 .sub_second .secon_tbox2{right: 6%;}
.laser07 .sub_second .secon_tbox2{right: 6%;}
.laser06 .sub_second_op .secon_tbox2{left: 6%;}
.laser07 .sub_second_op .secon_tbox2{left: 6%; color: #65c8c5;}

.sub_second .secon_tbox .gentle{width: 100%;}
.sub_second .secon_tbox .gentle ul{width: 50%; float: left; display: flex; align-items: flex-end;}
.sub_second .gentle .gentle_img{width: 40%; float: left;}
.sub_second .gentle .gentle_img img{width: 100%;}
.sub_second .gentle .gentle_txt{width: 60%; float: left;}
.sub_second .gentle .gentle_txt h1{font-size: 22px; line-height: 28px; font-weight: 900;}
.sub_second .gentle .gentle_txt .t1{font-size: 16px; line-height: 28px; color: #fff;}

.sub_second .second_img_right{position: absolute; bottom: 0; right: 0; z-index: 1;}
.sub_second_op .second_img_left{position: absolute; bottom: 0; left: 0; z-index: 1;}
.sub_second .second_img_right2{position: absolute; bottom: 0; right: 18%; z-index: 1;}
.sub_second_op .second_img_left2{position: absolute; bottom: 0; left: 18%; z-index: 1;}

.sub_fullimg{width: 100%; position: relative;}
.laser01 .sub_fullimg{background: url(/img/220113_20.png) center center no-repeat; height: 888px;}
.laser02 .sub_fullimg{background: url(/img/220113_27.png) center center no-repeat; height: 946px;}
.laser03 .sub_fullimg{background: url(/img/220113_31.png) center center no-repeat; height: 1120px;}
.laser04 .sub_fullimg{background: url(/img/220113_36.png) center center no-repeat; height: 1084px;}
.sub_fullimg .full_tbox{position: absolute;}
.laser01 .sub_fullimg .full_tbox{top: 34%; left: 24%; }
.laser02 .sub_fullimg .full_tbox{top: 28%; left: 47%; transform: translate(-50%, -50%);}
.laser03 .sub_fullimg .full_tbox{top: 50%; left: 50%; transform: translate(-50%, -50%);}
.laser04 .sub_fullimg .full_tbox{top: 28%; left: 47%; transform: translate(-50%, -50%);}
.full_tbox .tbox_top{margin-bottom: 20px;color: #ab218e;}
.full_tbox .tbox_top h1{font-size: 20px; line-height: 24px; text-align: center; font-weight: 900; font-style: italic;}
.full_tbox .tbox_top h2{font-size: 60px; line-height: 70px; text-align: center; font-weight: 900; font-style: italic;}
.full_tbox .t1{font-size: 18px; line-height: 28px; text-align: center;}
.sub_fullimg .sub_fullimg_mo{display: none;}

.sub_feature{width: 100%; background: #333; padding: 100px 0;}
.sub_feature .t2{width: 100%; text-align: center; font-size: 32px; line-height: 42px; color: #fff;}
.sub_feature .t3{width: 100%; text-align: center; font-size: 24px; line-height: 34px; color: #fff;}
.sub_feature .feature_wrap{width: 100%; margin-top: 50px; display: inline-block;}
.sub_feature ul{width: 31.33333%; margin: 0 1%; float: left;}
.sub_feature ul li{width: 100%;}
.sub_feature ul li:last-child{margin-top: 5px;}
.sub_feature ul img{display: block; margin: 0 auto;}
.sub_feature .red_wrap{margin-top: 20px; display: flex; align-items: center;}
.sub_feature .red_wrap span{padding: .25em 1em; font-size: 18px; line-height: 28px; color: #fff; font-weight: 700; background: #800000; border-radius: 50px; display: inline-block; margin: 0 auto;}
.sub_feature .t1{font-size: 18px; line-height: 28px; color: #fff; text-align: center;}

.sub_inter{width: 100%; background: #e9f0f3; padding: 100px 0;}
.sub_inter .inter_top{width: 100%; display: inline-block; position: relative;}
.inter_top .hexa{display: block; margin: 0 auto;}
.inter_top .bottle{position: absolute; top: 15%; left: 43%; animation: rot_bottle 10s linear infinite;}
.inter_top .tbox{position: absolute; top: 100px; right: -60px; transform: rotate(90deg);}
.inter_top .tbox p{width: 100%; font-size: 12px; line-height: 22px;}
.inter_top .tbox p span{width: 10px; height: 10px; margin-right: 10px; display: inline-block; line-height: 22px;}
.inter_top .tbox .tt_1 span{background: #2c80a5;}
.inter_top .tbox .tt_2 span{background: #56a2c4;}
.inter_top .tbox .tt_3 span{background: #a0cadd;}
.sub_inter .inter_bot{width: 100%; display: inline-block; position: relative; padding-top: 50px;}
.inter_bot .tbox_top{margin-bottom: 20px;color: #2f7fa4;}
.inter_bot .tbox_top h1{font-size: 20px; line-height: 24px; text-align: center; font-weight: 900; font-style: italic;}
.inter_bot .tbox_top h2{font-size: 60px; line-height: 70px; text-align: center; font-weight: 900; font-style: italic;}
.inter_bot .tbox_top .t1{font-size: 18px; line-height: 28px; text-align: center; color: #000;}
.inter_bot .inter_wrap{width: 100%; display: inline-block; margin: 50px 0;}
.inter_bot .inter_wrap ul{width: 31.33333%; margin: 0 1%; float: left;}
.inter_bot .inter_wrap ul li{width: 100%;}
.inter_bot .inter_wrap ul li:last-child{margin-top: 5px;}
.inter_bot .inter_wrap ul img{display: block; margin: 0 auto;}
.inter_bot .color_box{margin-top: 20px; display: flex; align-items: center;}
.inter_bot .color_box span{width: 140px; font-size: 18px; line-height: 28px; font-weight: 700; border-radius: 50px; display: inline-block; margin: 0 auto; color: #fff; text-align: center;}
.inter_bot .color_box1 span{background: #6da92f;}
.inter_bot .color_box2 span{background: #016161;}
.inter_bot .color_box3 span{background: #57b8c0;}
.inter_bot .t1{font-size: 18px; line-height: 28px; text-align: center;}
.inter_bot .tip_box{width: 600px; margin: 0 auto; border: 1px solid #2f7fa4;}
.inter_bot .tip_box span{width: 70px; float: left; background: #2f7fa4; color: #fff; font-size: 18px; line-height: 28px; text-align: center; font-weight: 700; padding: .25em 0;}
.inter_bot .tip_box p{font-size: 18px; line-height: 28px; text-align: center; padding: .25em 0;}

@keyframes rot_bottle {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}

.sub_ultra{width: 100%; padding: 100px 0; background: #d4e9e8;}
.sub_ultra .tbox_top{margin-bottom: 20px;color: #42b8b4;}
.sub_ultra .tbox_top h1{font-size: 20px; line-height: 24px; text-align: center; font-weight: 900; font-style: italic;}
.sub_ultra .tbox_top h2{font-size: 60px; line-height: 70px; text-align: center; font-weight: 900; font-style: italic;}
.sub_ultra .t1{font-size: 16px; line-height: 26px; text-align: center;}
.sub_ultra .ultra_wrap{width: 100%; display: inline-block; margin-top: 50px;}
.sub_ultra .ultra_wrap .ultra_tem{width: 27%; margin: 0 3%; float: left; position: relative;}
.sub_ultra .ultra_wrap .ultra_tem img{display: block; margin: 0 auto;}
.ultra_tem .color_tbox{margin-top: 20px; display: flex; align-items: center;}
.ultra_tem .color_tbox span{width: 140px; font-size: 16px; line-height: 28px; font-weight: 700; border-radius: 50px; display: inline-block; margin: 0 auto; color: #fff; text-align: center;}
.ultra_tem .color_tbox1 span{background: #6da92f;}
.ultra_tem .color_tbox2 span{background: #28a7e1;}
.ultra_tem .color_tbox3 span{background: #194ba5;}
.sub_ultra .ultra_wrap .ultra_tem:last-child::after{width: 19px; height: 249px; position: absolute; bottom: 48px; right: -40px; content: ""; background: url(/img/220114_25.png) center center no-repeat;}
.sub_ultra .ultra_wrap .ultra_tem:first-child::after{width: 19px; height: 249px; position: absolute; bottom: 48px; left: -40px; content: ""; background: url(/img/220114_25.png) center center no-repeat;}

.sub_spec{width: 100%; padding: 100px 0; position: relative; background-size: cover;}
.laser01 .sub_spec{background: url(/img/220113_21.png) center center no-repeat; background-size: cover;}
.laser02 .sub_spec{background: url(/img/220113_28.png) center center no-repeat; background-size: cover;}
.laser03 .sub_spec{background: url(/img/220113_33.png) center center no-repeat; background-size: cover;}
.laser04 .sub_spec{background: url(/img/220121_1.png) center center no-repeat; background-size: cover;}
.laser05 .sub_spec{background: url(/img/220121_2.png) center center no-repeat; background-size: cover;}
.laser06 .sub_spec{background: url(/img/220121_3.png) center center no-repeat; background-size: cover;}
.laser07 .sub_spec{background: url(/img/220121_4.png) center center no-repeat; background-size: cover;}
.laser08 .sub_spec{background: url(/img/sub_title8.png) center center no-repeat; background-size: cover;}
.sub_spec .inner{overflow: hidden; }
.sub_spec .inner .spec_box{width: 50%; float: right; }
.laser02 .sub_spec .inner .spec_box{float: left;}
.laser03 .sub_spec .inner .spec_box{float: left;}
.laser07 .sub_spec .inner .spec_box{float: left;}
.laser08 .sub_spec .inner .spec_box{float: left;}
.sub_spec .spec_name{width: 100%; display: inline-block; font-size: 32px; line-height: 42px; margin-bottom: 10px; font-weight: 700;}
.sub_spec .spec_table{width: 100%; border-top: 3px solid #000; border-bottom: 3px solid #000; padding: 0 20px;}
.spec_table .spec_wrap{width: 100%; padding: 10px 0; font-size: 18px; line-height: 28px; border-bottom: 1px solid #333; display: inline-block;}
.spec_table .spec_wrap:last-child{border-bottom: none;}
.spec_table .spec_wrap .spect{font-weight: 500; width: 32%; float: left;}
.spec_table .spec_wrap .spect span{font-size: 14px;}
.spec_table .spec_wrap .specd{width: 68%; float: left;}
.sub_spec .spec_table .spec_wrap .spect_line{line-height: 56px;}
.sub_spec .spec_table .spec_wrap .spect_line4{line-height: 112px;}
.sub_spec .spec_table .spec_wrap .spect_line3{line-height: 84px;}
.sub_spec .spec_table .spec_wrap .specd_line{line-height: 56px;}


@media screen and (max-width: 1780px){
.sub_title .subtit_img2{left: 0;}
.sub_title .subtit_img3{left: -10%;}
#gnb{width: 890px; transform: translateX(-45%);}
}
@media screen and (max-width: 1600px){
.sub_second .secon_tbox{left: 5%;}
.sub_second .second_img{left: inherit; right: 5%;}
.sub_second .secon_tbox2{right: 33%;}
.laser05 .sub_second img, .laser05 .sub_second_op img{width: 800px;}
.sub_ultra .ultra_wrap .ultra_tem img{width: 100%;}
.laser04 .sub_title .subtit_img{left: -140px;}
.sub_second_op .second_img_left2{left: 13%;}
.logo{left: 50px;}
.hd-user{right: 50px;}
}
@media screen and (max-width: 1450px){
.inner{width: 1050px;}
.sub_second, .sub_second_op{height: 420px;}
.sub_second img, .sub_second_op img{width: 400px;}
.sub_second_op .secon_tbox{right: 5%;}
.sub_second .secon_tbox{top: 10%;}
.sub_second .secon_tbox .gentle{max-width: 475px;}
.laser05 .sub_second img, .laser05 .sub_second_op img{width: 670px;}
.laser07 .sub_second img, .laser07 .sub_second_op img{width: 275px;}
.sub_title .subtit_img{width: 70%; left: -100px;}
.sub_title .subtit_img2{left: 0;}
.sub_title #subtit2{top: inherit; bottom: 0;}
.laser03 .sub_title .subtit_img{width: 570px;}
.sub_title #subtit4{right: 20px;}
.laser04 .sub_title .subtit_img{width: 60%;}
.laser05 .sub_title .subtit_img2{left: -25%;}
.laser06 .sub_title .subtit_img3{left: -33%;}
.laser07 .sub_title .subtit_img3{width: 650px;}
.laser07 .sub_title .subtit_img{width: 550px;}
#gnb{display: none;}
.gnb-btn{display: block;}
.hd-user{right: 200px;}
}

@media screen and (max-width: 1100px){
.inner{width: 750px;}
.sub_title{height: 700px;}
.sub_title .subtit_img2{width: 70%; left: -100px;}
.sub_second img, .sub_second_op img{width: 328px;}
.sub_second .second_img{right: 0;}
.sub_second .secon_tbox2{right: 25%;}
.laser05 .sub_second img, .laser05 .sub_second_op img{width: 335px;}
.sub_feature ul li img{width: 100%;}
.laser06 .sub_title .subtit_img2{width: 400px; left: 0;}
.sub_title .subtit_img3{width: 500px;}
.sub_second .second_img_right2{right: 0;}
.sub_second_op .second_img_left2{left: 0;}
.laser06 .sub_second .secon_tbox2{bottom: 5%; right: 35%;}
.laser06 .sub_second_op .secon_tbox2{bottom: 5%; left: 35%;}
.laser07 .sub_second .secon_tbox2{right: 28%;}
.laser07 .sub_second_op .secon_tbox2{left: 28%;}
.sub_second_op .secon_tbox{top: 15%;}
.inter_top .tbox{right: -100px;}
.sub_spec .inner .spec_box{width: 70%;}
.sub_second .secon_tbox .gentle{max-width: 375px;}
.sub_second .gentle .gentle_txt h1{font-size: 18px; margin-bottom: 10px;}
.sub_second .gentle .gentle_txt .t1{font-size: 12px;}
.sub_title #subtit1{top: inherit; bottom: 15%; right: 10%;}
.subtit_tbox .subtit_logo{max-width: 370px;}
.laser03 .sub_title .subtit_img{width: 450px;}
.sub_title #subtit5{right: 2%;}
.laser07 .sub_title .subtit_img3{width: 350px;}
.laser07 .sub_title .subtit_img{width: 430px;}

.gnb-all > ul > li > ul{display: none;}
.gnb-all > ul > li > ul > li{margin: 10px 0;}
.gnb-all > ul > li > ul > li > a:hover:after{width: 0; right:auto; left:0;}
.gnb-all > ul > li > ul > li > a:hover{color:#3e98b9;}
.gnb-all > ul > li > h3::before{content:""; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; background: #000; width: 9px; right: 12px; transform: rotate(135deg); transition: linear 1s;}
.gnb-all > ul > li > h3::after{content:""; position: absolute; top: 50%; margin-top: -1px; display: inline-block; height: 2px; background: #000; width: 9px; right: 7px; transform: rotate(-135deg); transition: linear 1s;}
.gnb-all > ul > li > h3.on::before{transform: rotate(45deg);}
.gnb-all > ul > li > h3.on::after{transform: rotate(-45deg);}
}
@media screen and (max-width: 800px){
.inner{width: 90%;}
.sub_title{height: 580px;}
.mo_br{display: block;}
.sub_ultra{padding: 50px 0;}
.sub_inter{padding: 50px 0;}
.full_tbox .tbox_top h2{font-size: 40px; line-height: 50px;}
.subtit_tbox .t1{font-size: 16px; line-height: 26px;}
.sub_second, .sub_second_op{height: 500px;}
.sub_second img, .sub_second_op img{width: 200px;}
.sub_second .secon_tbox .t1{font-size: 16px; line-height: 26px;}
.sub_second_op .secon_tbox .t1{font-size: 16px; line-height: 26px;}
.sub_second .secon_tbox h1{font-size: 24px; line-height: 34px; margin-bottom: 10px;}
.sub_second_op .secon_tbox h1{font-size: 24px; line-height: 34px; margin-bottom: 10px;}
.sub_second .secon_tbox2 h2 span{font-size: 18px;}
.sub_second .secon_tbox2 h2{font-size: 26px; line-height: 36px;}
.sub_second .secon_tbox2{right: inherit; left: 20px;}
.laser01 .sub_fullimg{background: transparent;height: auto;}
.laser02 .sub_fullimg{background: transparent;height: auto;}
.laser03 .sub_fullimg{background: transparent;height: auto;}
.laser04 .sub_fullimg{background: transparent;height: auto;}
.laser03 .sub_fullimg .full_tbox{transform: translate(0, 0); top: inherit; left: inherit;}
.sub_fullimg .sub_fullimg_mo{display: block;}
.sub_fullimg .sub_fullimg_mo img{width: 100%;}
.sub_fullimg .full_tbox{top: inherit; left: inherit; position:relative; width: 100%; display: inline-block;}
.laser01 .sub_fullimg .full_tbox{top: inherit; left: inherit;}
.laser02 .sub_fullimg .full_tbox{top: inherit; left: inherit; transform: translate(0,0);}
.laser04 .sub_fullimg .full_tbox{top: inherit; left: inherit; transform: translate(0,0);}
.sub_title .subtit_img{top: 10%;}
.sub_second .secon_tbox .gentle{width: 360px;}
.sub_second .secon_tbox .gentle ul{width: 100%;}
.sub_second .gentle .gentle_img{width: 20%;}
.sub_second .secon_tbox2{bottom: 20px;}
.sub_second_op .secon_tbox{top: 20px;}
.sub_second_op .secon_tbox2{left: inherit; right: 20px;}
.sub_second_op .secon_tbox2 h2{font-size: 26px; line-height: 36px;}
.sub_second_op .secon_tbox2 h2 span{font-size: 18px;}
.laser03 .sub_title .subtit_img{top: inherit; bottom: 0;}
.sub_feature{padding: 50px 0;}
.sub_feature .t2{font-size: 24px; line-height: 35px;}
.sub_feature .t3{font-size: 18px; line-height: 28px;}
.sub_feature .t1{font-size: 16px; line-height: 26px;}
.inter_top .hexa{width: 100%;}
.inter_top .bottle{width: 100px; top: 50px; left: 50%; margin-left: -50px;}
.inter_top .tbox{position: relative; top: inherit; right: inherit; transform: rotate(0); display: inline-block; margin-top: 30px;}
.inter_bot .inter_wrap ul{width: 100%; margin: 15px 0;}
.inter_bot .t1{font-size: 16px; line-height: 26px;}
.inter_bot .tip_box{width: 90%;}
.inter_bot .tip_box p{font-size: 16px; line-height: 26px;}
.inter_bot .tip_box span{line-height: 47px;}
.laser07 .sub_second_op .secon_tbox2{right: inherit;}
.sub_second_op .sec2img_ex{width: 150px !important;}
.sub_title .subtit_img3{width: 320px;}
.laser07 .sub_title .subtit_img{top: 28%;}
.laser04 .sub_title{background-position: left;}
.sub_spec .inner .spec_box{width: 100%;}
.sub_spec{background: #ebebeb !important;}
.sub_ultra .ultra_wrap .ultra_tem{width: 100%; max-width: 340px; margin: 0 auto; float: inherit; margin-bottom: 40px;}
.full_tbox .wit_font{color: #000;}
.sub_fullimg .full_tbox{margin: 33px 0;}
.inter_bot .tbox_top h2{font-size: 50px; line-height: 60px;}
.sub_spec{padding: 60px 0;}
.sub_spec .spec_name{font-size: 22px;}
.spec_table .spec_wrap .spect{font-size: 16px;}
.spec_table .spec_wrap .specd{padding-left: 20px;font-size: 14px;}
.subtit_tbox .subtit_logo{margin: 50px 0 10px 0;}
.subtit_tbox .subtit_logo img{width: 220px;}
.laser03 .sub_title .subtit_img{width: 280px; left: 0;}
.laser04 .sub_title .subtit_img{left: 0; bottom: 0; top: inherit;}
.laser06 .sub_title .subtit_img3{left: -20%; top: 45%;}
.laser06 .sub_title .subtit_img2{width: 193px; left: inherit; right: 0;}
.laser07 .sub_title .subtit_img{width: 250px; top: inherit; bottom: 0; left: 0;}
.laser07 .sub_title .subtit_img3{top: 40%;}
.laser01 .sub_title{background: url(/img/sub_title1m.png) center center no-repeat;}
.laser02 .sub_title{background: url(/img/sub_title2m.png) center center no-repeat;}
.laser03 .sub_title{background: url(/img/sub_title3m.png) center center no-repeat;}
.laser04 .sub_title{background: url(/img/sub_title4m.png) center center no-repeat;}
.laser06 .sub_title{background: url(/img/sub_title6m.png) center center no-repeat;}
.laser05 .sub_title{background: #000;}
.laser07 .sub_title{background: url(/img/sub_title7m.png) center center no-repeat;}
.laser05 .sub_title .subtit_img2{width: 330px; left: 50%; bottom: -100px; transform: translateX(-50%);}
.laser02 .sub_title .subtit_img{width:330px; top: inherit; bottom: 0;}
.laser03 .sub_second .secon_tbox .profound img{width: 210px;}
.sub_feature .red_wrap span{font-size: 16px;}
.inter_bot .color_box span{font-size: 16px;}
.inter_bot .tip_box p{font-size: 14px; line-height: 24px;}
.inter_bot .t1{font-size: 14px; line-height: 24px;}
.sub_ultra .ultra_wrap .ultra_tem:first-child::after, .sub_ultra .ultra_wrap .ultra_tem:last-child::after{left: -30px;}
.laser07 .sub_second img{width: 205px;}
.full_tbox .t1{font-size: 14px; line-height: 24px;}
.sub_ultra .t1{font-size: 14px; line-height: 24px;}
.inter_bot .tbox_top .t1{font-size: 14px; line-height: 24px;}
.sub_spec .spec_table{padding: 10px 0;}
.logo{width: 120px; height: 32px; top: 35px; left: 20px;}
.gnb-btn{right: 20px;}
.hd-user{right: 90px;}
.gnb-all.open .logo{ width:145px; height:37px;}
.sub_title #subtit1{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative;}
.sub_title #subtit3{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative;}
.sub_title #subtit4{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative;}
.sub_title #subtit5{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative;}
.sub_title #subtit6{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative;}
.sub_title #subtit7{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative;}
.sub_title .subtit_tbox{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative; width: 100%; margin: 0 auto; transform: translate(0, 0); max-width: 380px; padding: 0 15px;}
.laser03 .sub_second .secon_tbox{top: inherit;}
.subtit_tbox .t1 br{display: none;}
.laser04 .subtit_tbox .t1{color: #fff;}
.sub_second .secon_tbox{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative; width: 100%; margin: 0 auto; transform: translate(0, 0); max-width: 380px; padding: 20px 15px 0 15px;}
.sub_second_op .secon_tbox{top: inherit; left: inherit; right: inherit; bottom: inherit; position: relative; width: 100%; margin: 0 auto; transform: translate(0, 0); max-width: 380px; padding: 20px 15px 0 15px;}
.sub_second .secon_tbox .t1 br{display: none;}
.sub_second_op .secon_tbox .t1 br{display: none;}
.laser03 .sub_second .secon_tbox .profound{margin-top: 10px;}
.sub_feature ul{width :100%; margin: 10px 0; }
.sub_feature ul li{width: 50%; float: left;}
.sub_feature ul li img{max-width: 135px; display: block; margin: 0 auto;}
.sub_feature .red_wrap{margin-top: 0;}
.sub_feature ul li:last-child{margin-top: 10px;}
.sub_feature .red_wrap span{padding: 0.25em 1.25em;}
.full_tbox .tbox_top h1{font-size: 14px;}
.inter_bot .tbox_top h1{font-size: 14px;}
.sub_feature .feature_wrap{margin-top: 30px;}
.subtit_tbox .subtit_logo .pc_vb{display: none;}
.subtit_tbox .subtit_logo .mo_vb{display: block;}
.spec_table .spec_wrap{padding: 10px;}
.gnb-all .logo{margin-left: -60px;}
.spec_table .spec_wrap .spect span{font-size: 12px;}

.gnb-all > ul > li{padding: 15px 10px;}
.gnb-all > ul > li > ul{margin-top: 15px;}
.gnb-all > ul > li > ul > li{width: 100%; margin: 0; padding-left: 5px;}
.gnb-all > ul > li > ul > li > a{font-size: 14px;}
.gnb-all > ul > li > a{font-size: 16px;}
.gnb-all > ul > li > h3{font-size: 16px;}
}