#sub_header .sub_menu .hidden_menu ul {border-bottom:2px solid #000;}
#header .submenu{height:260px;background-size:contain;}
#header .submenu li{text-align:center}
html,body{height:auto;}
.sub_head_wrap{margin-top:150px;}
.section03{padding:0}
#mobile_header .mobile_menu{display:none;}

#intro_bg_4 .intro_table_cell.left {vertical-align:top}
#intro_bg_4 .intro_table_cell.left img{cursor:pointer}
#intro_bg_4 .intro_table_cell.right .sectd img{width:calc(25% - 10px);float:left;margin-right:10px;}
#intro_bg_4 .intro_table_cell.right .intro_table_cell.last img{width:22%;margin-right:20px;cursor:pointer}
#intro_bg_4 .intro_table_cell h2{font-size:30px;color:#FFF;font-weight:normal;margin-bottom:10px;letter-spacing:-0.7px;position:relative;display:inline-block;}
#intro_bg_4 .intro_table_cell h2:after{content: "";width: 3px;height: 69%;position: absolute;right: -30px;vertical-align: middle;display: inline-block;background-color: #908d8c;top: 6px;}
#intro_bg_4 .intro_table_cell p{font-size:18px;color:#FFF;margin-bottom:20px;font-family:"nsr",Sans-serif;letter-spacing:-1.4px}
.pc{display:none}
.mobile{display:block}

@media all and (max-width:1600px){
	#header .menu{width:100%;margin:0;}

	#sub_header.scroll_header .hd_logo{left:10px;}
	.hd_logo{left:10px;}
	.hd_logo img{}
	.right_menu{right:10px;}
	.menu .right_menu{top:-20px;}
	#intro_bg_2 .intro_content2{right:-10vw}

}

@media all and (max-width:1400px){
	#sub_header.scroll_header .sub_menu ul li.mmenu{padding:38px 20px;}
	/*#header .menu > ul{left:50%;transform:translate(-50%,0);width:60%}*/
	.right_menu{top:0;right:0;margin-right:0;}
	.wrapper-dropdown-5{margin-left:10px;}
	#intro_bg_2 .intro_content2{right:-20vw;width: 50vw;height: auto;}
	#intro_bg_2 .intro_content2 img{width:100%;height:auto;}

	/*#header .submenu .smenu_bind{left:50%;transform:translate(-50%,0);width:60%}
	#header .submenu ul.smenu2 {left: 163px;}
	#header .submenu ul.smenu3 {left: 319px;}
	#header .submenu ul.smenu4 {left: 474px;}*/

	.subnav{display:none}
}

@media all and (max-width:960px){
	.scroll{display:none}
	.pc{display:block}
	.mobile{display:none;}
	.width-fixed{width:calc(100% - 4vw);padding:0 2vw}
	.section02{padding-bottom:0}

	body{overflow-x:hidden}

	#sub_header{display:none}
	#header{height:80px;padding:0;border:none;}
	#header .head_bg{display:none !important}
	#header .menu{display:none}
	#mobile_header{display:block;background-color:#000;padding:0;width:100%}
	#mobile_header .top{display:block;height:80px;background-size:auto calc(100% - 20px);background-color:transparent;background-image: url('../img/logo_wht.svg');position:relative;}
	#mobile_header .top .logo{width:25vw;height:80px}
	#mobile_header .mobile_menu_btn{display:block;height:80px;width:108px;}
	#mobile_header .mobile_menu > div{background-color:#595286}
	#mobile_header .mobile_menu > div ul li{border-bottom:1px solid #fff}
	#mobile_header .mobile_menu > div ul.mobile_menu_list li a:hover, #mobile_header .mobile_menu > div ul.mobile_menu_list li a:active{color:#595286;}
	.section03{padding:0;}
	#mobile_header .mobile_menu > div .mobile_menu_list .mobile_sub_menu{height:0;display:none;}
	#mobile_header .mobile_menu > div .mobile_menu_list .mobile_sub_menu{background-color:#FFF}
	#mobile_header .mobile_menu > div ul.mobile_menu_list li.active .mobile_sub_menu{display:block;height:auto}
	#mobile_header .mobile_menu > div ul.mobile_menu_list li.active .mobile_sub_menu li a{color:#595286}
	#mobile_header .mobile_menu > div ul.mobile_menu_list li.active .mobile_sub_menu li a:hover{color:#fff;background-color:#595286}
	#mobile_header .mobile_menu > div ul li a{font-size:5vw}
	#footer{width:100%}
	#footer .copyright{width:calc(100% - 60px);padding:0 30px}
	/*a#move_top_btn{display:none !important;}*/
	
	#main_slide_txt{margin:0 10vw;width:calc(100% - 20vw);}
	.in_box h2{font-size:12vw}
	.in_box p{font-size:3.6vw}
	#main_slide .dots{bottom:auto;top:20vh;width:100%;margin-left:0;left:0}
	#main_slide .scroll_icon{display:none}
	#main_slide .left_txt{left:5vw}

	.section03 h2{font-size:8vw}
	.index_sec02 p{font-size:4vw}
	.index_sec02 input[type=button]{font-size:3vw}

	#product .in_pbox{width:calc(100% - 20vw);margin:0 10vw;}
	#product .left,#product .right{float:none;width:100%;padding:0;}
	#product .right{height:auto;margin:5vw 0;}
	.section03.quick {height:auto;padding:10vw 0;}
	#product .owl-nav{display:none;}
	#product .right .caption{right:-10vw;transform: translate(-50%,-50%);height: 32vw; top: 0;}
	#product .right .more_btn{position:relative;margin-top:5vw}
	#product .right p{width:100%;margin:0}
	#product .right p br{display:none}

	.section03.rnd h2{font-size:12vw;line-height:13vw;}
	.section03.rnd p{font-size:3.2vw;word-break:keep-all;padding: 0 10vw;}
	.section03.rnd p br{display:none}

	.section03.rnd ul{margin:5vw 0}
	.section03.rnd .rnd_content ul li{width: calc(100% - 12vw);height: auto;display: inline-block;padding: 3vw;margin: 3vw;position:relative;}
	.section03.rnd .rnd_content ul li div.icon{width:calc(30vw - 10vw) !important;padding:5vw;}
	.section03.rnd .rnd_content ul li .title{margin:0;bottom:3vw;width:30vw;}
	.section03.rnd .rnd_content ul li .title h2{padding:0;line-height:normal;}
	.section03.rnd ul li .text{border:none;width:54vw;}
	.section03.rnd ul li .text p{font-size:2.3vw;padding:2vw;word-break:keep-all;}
	.section03.rnd ul li .v-line{display:none}
	.section03.rnd ul li:first-child .icon img{margin-bottom:10vw;}
	.section03.rnd .rnd_content ul li div.views{float:none;position:absolute;bottom:5vw;right:5vw}
	.section03.rnd{padding:10vw 0}
	.l_list{padding:10vw 0 !important}
	.latest .left{width:100%;float:none;display:none;}
	.section03 h2.lt_title{padding-bottom:10vw}
	.latest .right{width:100%;float:none;margin-top:0}
	.lt li{padding:4vw}
	.lt li a{vertical-align:middle}
	section#insta{padding:10vw 0}
	.section03 div .title_r img{width:6vw;height:6vw;vertical-align:middle;}
	.section03 div .title_r span{font-size:6vw;vertical-align:middle;}
	.section03 h2.title_l{font-size:6vw;padding:0 0 6vw}
	div#instafeed a{width:50%}

	#intro_add{padding-bottom:10vw}
	.intro_add_img{width:100%;position:relative;z-index:1}
	.intro_add_img img{box-shadow:none;-webkit-box-shadow:none;}
	.intro_add_txt{width: calc(100% - 10vw - 12px);position: relative;margin-top: 5vw;padding: 5vw;}
	.intro_add_txt p{font-size:1em}
	#intro_bg_2 .intro_content2{display:none;width:70vw;height:auto;right:-10vw;}
	#intro_bg_2 .intro_content2 img{width:100%;height:auto;}
	#intro_bg_2 .intro_sec02 .intro_title h2{font-size:2em;letter-spacing:-0.5vw}
	#intro_bg_2 .intro_sec02 .intro_content1 p{font-size:1em;}
	#intro_bg_2 .intro_sec02 .intro_title h2.start:before{display:none}
	#intro_bg_2 .intro_sec02 .intro_title h2.start:after{display:none}
	.sub_title h2{font-size:2em;}
	#intro_bg_2{padding:10vw 0;    overflow: hidden;display:block;}
	#intro_bg_5 .width-fixed{width:calc(100% - 4vw) !important;}

	#intro_add h2{padding-bottom:5vw}

	#intro_bg_4{padding:10vw 0}
	#intro_bg_4 .intro_table{display:inline-block;}
	#intro_bg_4 .intro_table_row{display:block;}
	#intro_bg_4 .intro_table_cell.left{width: calc(100% - 100px);display: block;background-image:none;text-align:left;border-top:none;border-bottom:none;}
	#intro_bg_4 .intro_table_cell.left img{width:calc(50% - 10px);margin-right:10px}
	#intro_bg_4 .intro_table_cell.left img:last-child{margin-right:0}
	.sub_title2 h2{font-size:2em;}
	#intro_bg_5{padding:10vw 0}
	#intro_bg_5 #license .owl-nav{display:none}
	#intro_bg_5 #license{width:calc(100% - 4vw);padding:0 2vw;}
	#intro_bg_5 #license .item p{min-height:unset}
	#intro_bg_5 #license .item{padding:0 3vw}

	#intro_bg_4 .intro_table_cell h2{text-align:left;font-size:1.7em;}
	#intro_bg_4 .intro_table_cell p{font-size:1em}
	#intro_bg_4 .intro_table_cell.right .intro_table_cell.last{border-top:10vw solid transparent;}
	#intro_bg_4 .intro_table_cell.right .sectd img{width:100%;float:left;margin:4vw 0;}

	.map .in_map .close{z-index:9000;}
	.intro_link .btn_box input[type=button]{width:100%;margin:0}
	.intro_link .btn_box input[type=button]:last-child{display:none}
	#intro_bg_3 #history .item div.year{width:100%}

	.section03 h2{padding:5vw 0 4vw; letter-spacing: -1px;}
	#particles-js{padding:10vw 0 !important}

	.section02 .brand_txt div .br_subtxt{width:calc(100% - 10vw);padding:5vw;}
	.section02 .brand_txt div .br_img{float:none;width:calc(100% - 10vw);padding:5vw}
	.section02 .brand_tit div .br_tit{margin-top:0}
	.section02 .vision .vision_txt{width:60%;right:0;padding:4vw;background-color:#fff}
	.section02 .vision div .vision_txt ul li{padding:2vw;width:calc(100% - 4vw);margin-top: 13vw;}
	.section02 .vision{padding:5vw 0}

	.fp-section {display:inline-block !important;height:auto !important;padding:5vw 0;}
	.fp-tableCell{display:block !important;}

	.section02 #product_list div #brand_pr{padding:2vw;width:calc(100% - 4vw);}
	.section02 #product_list div #brand_pr .item .container{width:calc(100% - 8vw);padding:4vw;border:none}
	.section02 #product_list div #brand_pr .item .container:hover{border:none}
	#brand_pr .owl-nav{top:50%;}

	.rnd_technology .rnd_txt2_bg{padding-bottom:0}
	.rnd_top2 div h2{padding:3vw 0 !important}
	.rnd_technology .rnd_top2 div h2 span{/*width:100%;display:inline-block;*/padding:3vw 0;}
	.rnd_technology .rnd_l3 strong{font-size:5vw}
	.rnd_technology .rnd_l4 {text-align:center;}
	.rnd_technology .rnd_l4 div strong span.span_g{width:100%;display:inline-block;padding:2vw 0;}
	.rnd_technology .rnd_l4 .rnd_txt12 .rnd_txt8_img strong span.sample_p{width:100%;display:inline-block;padding:2vw 0}
	.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{font-size:5vw;margin-bottom:1vw}

	.rnd_technology .rnd_txt3_bg .rnd_txt3 ul li{padding:0.6vw 0;text-align:left;}

	/*.rnd_technology .rnd_btn_low a{width:calc(100% - 4px);margin:4vw 0}*/

	.rnd_technology .rnd_l5 p{text-align:left;word-break:keep-all}
	.rnd_technology .rnd_l5 p br{display:none}

	.rnd_technology .rnd_l4 .rnd_txt12{margin: 0 0 6vw 0;width: calc(100% - 0vw);}

	.issue_img{width:calc(100% - 10px);}
} 


@media all and (max-width:860px){
	#mobile_header{height:12vw}
	#mobile_header .top{height:12vw}
	#mobile_header .top .logo{width:25vw;height:12vw}
	#mobile_header .mobile_menu_btn{height:calc(12vw - 3vw);width:calc(16vw - 3vw);padding:1.5vw;}
	#mobile_header .mobile_menu_btn a{padding:1vw 2.5vw;}

	#product .left{width:100%}
	#product .right{width:100%}
	#intro_bg_2 .intro_sec02 .intro_title h2{font-size:1.8em; letter-spacing: -0.6vw;}
		#intro_bg_2 .intro_sec02 .intro_content1 p{width:calc(100% - 5vw);padding:0 2.5vw}
	#intro_bg_2 .intro_sec02 .intro_content1 p br{display:none}
	#intro_bg_2 .intro_sec02 .intro_content1 div{width: 100%;text-align: center;margin:10vw 0 0;}
	#intro_bg_2 .intro_sec02 .intro_title h2.start:after{right:-1vw}

	#intro_bg_3 #history .item .table div.table-cell{font-size:1em}

	#intro_bg_3 #history .item .table{width:100%;margin:0;padding:4vw 0;}

	.intro_add_txt p br{display:none}

	#intro_bg_5 #license .item .img{padding:2vw}
	#intro_bg_5 #license .item img{margin:0}
	#intro_bg_3 #history .owl-nav{display:none}
	#intro_bg_5 #license .item p{font-size:0.8em;}

	#intro_bg_4 .intro_table_cell.left img{width:100%;margin:0}
	.section02 .br_button ul{padding:0 2vw;width:calc(100% - 4vw);}
	.section02 .br_button ul li{margin-right:5vw;width:calc(50% - 4vw);}
	.section02 .br_button ul li:last-child{margin-right:0;}
	.section02 .br_button{padding:4vw 0}
	.section02 .brand_txt div .br_subtxt p{font-size:1em}


}

@media all and (max-width:620px){
	.sub_title2 h2{font-size:1.6em}
	.sub_title h2{font-size:1.6em}
		#intro_bg_2 .intro_content2{display:none}
		#intro_bg_2 .intro_sec02 .intro_title h2{font-size:1.23em;line-height:normal;}

		#intro_bg_4 .intro_table_cell.left{padding:5vw; width: calc(100% - 10vw);border:none}
		#intro_bg_4 .intro_table_cell.right{padding:5vw;width:calc(100% - 10vw);border:none}

		#intro_bg_2 .intro_sec02 .intro_content1 div img{margin:3vw 0 0;}

		#intro_bg_3 #history{padding:0 2vw;width:calc(100% - 4vw)}
		#intro_bg_2 .intro_sec02 .intro_content1 p{font-size: 0.9em;line-height: normal;}

		#intro_bg_4 .intro_table_cell p{font-size:0.85em;}
		#intro_bg_4 .intro_table_cell h2{font-size:1.3em}


	.section02 .brand_txt div .br_subtxt{width:calc(100% - 10vw);padding:5vw;}
	.section02 .brand_txt div .br_img{float:none;width:calc(100% - 10vw);padding:5vw}
	.section02 .brand_tit div .br_tit{margin-top:0}
	.section02 .vision .vision_txt{width:80%;right:0;padding:4vw;background-color:#fff}
	.section02 .vision div .vision_txt ul li{padding:2vw;width:calc(100% - 4vw);margin-top: 20vw;}
	.section02 .vision div .vision_txt ul li p.br_pd{font-size:0.85em;}
	.section02 .vision div .vision_txt ul li p.br_pd br{display:none;}
	.fp-tableCell{height:auto !important;}
}