/* bootstrap 5 fix */
@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: auto;
	}
}
:root{
	--serif: 'Noto Serif TC', serif;
	--tnr: 'Times New Roman', serif;
	--arial: "Arial";
}
*{
	position: relative;
	box-sizing: border-box;
}
body{
	margin: 0;
	font-family: 'Noto Sans TC', sans-serif;
	font-weight: 400;
	padding-top: 80px;
}
img{
	position: relative;
	display: block;
	max-width: 100%;
}
a{
	display: inline-block;
}
a, a:hover, a:focus{
	text-decoration: none;
}
a:focus{
	outline: none;
}
section{
	position: relative;
	overflow: hidden;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex-1{
	flex: 1;
}
.center{
	margin-left: auto;
	margin-right: auto;
}
.t-center{
	text-align: center;
}
.t-right{
	text-align: right;
}
.v-center{
	top: 50%;
	transform: translateY(-50%);
}
.flex-center{
	justify-content: center;
}
.flex-v-center{
	align-items: center;
}
.show-xl, .show-lg, .show-md, .show-sm, .hide{
	display: none;
}
.container, .container-fluid, .container-xxl{
	padding-left: 15px;
	padding-right: 15px;
}
.serif{
	font-family: 'Noto Serif TC', serif;
}
.tnr{
	font-family: 'Times New Roman', serif;
}
.wow{
	visibility: hidden;
	animation-duration: 1.5s;
}

/* header */
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 9999;
}
.header_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #161617;
}
.header_scroll{
	padding-top: 0;
}
.header_scroll .header_bg{
	opacity: 0;
}
.header_scroll.scroll .header_bg{
	opacity: 1;
}
.header_scroll.active .header_bg{
	opacity: 1;
}
header.active .header_bg{
	opacity: 1;
}
.menu_bar{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.menu{
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	height: calc(100vh - 80px);
	padding-top: 60px;
	padding-bottom: 30px;
	background-color: #161617;
	overflow-y: auto;
	display: none;
}
.menu_item{
	padding: 25px 0;
}
.menu_btn{
	display: block;
	color: #fff;
	text-align: center;
}
.menu_btn_ch{
	font-size: 21px;
	letter-spacing: 3px;
	margin-bottom: 5px;
}
.menu_btn_en{
	font-size: 21px;
	letter-spacing: 1px;
}
.menu_btn:hover{
	color: #D6C1BA;
}
.header_logo{
	display: block;
	width: 180px;
	top: 16px;
	margin-left: auto;
	margin-right: auto;
}
.mobile_btn{
	position: absolute;
	top: 25px;
	left: 25px;
	width: 35px;
	cursor: pointer;
}
.sub_menu{
	position: absolute;
	top: 23px;
	right: 25px;
}
.sub_menu_item{
	padding-left: 10px;
	padding-right: 10px;
}
.sub_menu_btn{
	width: 30px;
	opacity: 0.8;
}
.sub_menu_btn:hover{
	opacity: 1;
}
.sub_menu_row{
	justify-content: center;
}
.icon_lang{
	width: 20px;
	margin-right: 5px;
	opacity: 0.8;
}
.sel_lang{
	background: none;
	border: none;
	color: #fff;
	line-height: 1.2em;
}
.sel_lang:focus{
	outline: none;
}
.sel_lang option{
	color: #000;
}
.side_menu{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9998;
}
.side_btn{
	display: block;
	width: 105px;
	height: 110px;
	background-image: url(../img/side_btn_01.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 10px;
}
.side_btn_text{
	top: 48%;
	transform: translateY(-50%);
	font-size: 15px;
	color: #fff;
	line-height: 20px;
	text-align: center;
}
.side_btn.type2{
	background-image: url(../img/side_btn_02.png);
}
.side_btn:hover{
	background-image: url(../img/side_btn_03.png);
}
.side_btn:hover .side_btn_text{
	color: #ab8570;
}
#mobile_test{
	display: none;
}

/* index */
.kv{
	height: 900px;
	background-color: #000;
}
.kv_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/kv.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.kv_main{
	height: 100%;
}
.kv_con{
	max-width: 1630px;
	padding-top: 280px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.kv_title{
	font-size: 40px;
	color: #fff;
	letter-spacing: 4px;
	font-weight: 600;
	opacity: 0.9;
}
.kv_title_en{
	font-size: 60px;
	color: #fff;
	opacity: 0.9;
}
.kv_bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-bottom: 50px;
	background-color: #00000055;
}
.kv_bot_con{
	max-width: 1630px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.kv_bot_div{
	border-top: 1px solid #999;
	padding-top: 30px;
	margin-left: -15px;
	margin-right: -15px;
}
.kv_bot_item{
	width: 25%;
	padding-left: 15px;
	padding-right: 15px;
}
.kv_bot_logo img{
	max-height: 50px;
	top: 4px;
}
.kv_bot_textdiv{
	flex: 1;
	padding-left: 25px;
}
.kv_bot_year{
	font-size: 20px;
	color: #fff;
	font-style: italic;
}
.kv_bot_text{
	font-size: 15px;
	color: #fff;
}
.sec_about{
	padding-top: 150px;
}
.sec_apbot{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: #f0ece5;
}
.decorate01{
	position: absolute;
	top: 0;
	right: 0;
}
.decorate02{
	position: absolute;
	bottom: 100px;
	left: 0;
}
.about_pic{
	width: 100%;
	max-width: none;
}
.about_con{
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	transform: translateY(-50%);
}
.about_title_en{
	font-size: 50px;
	color: #D6C1BA;
	margin-bottom: 40px;
}
.about_title{
	font-size: 20px;
	margin-bottom: 25px;
}
.about_text{
	font-size: 17px;
	line-height: 1.8em;
}
.sec_menu{
	padding-top: 80px;
	padding-bottom: 200px;
	overflow: visible;
}
.sec_mptop{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 480px;
	background-color: #f0ece5;
}
.menu_logo{
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
}
.menu_con{
	max-width: 1510px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}
.menu_main{
	padding-bottom: 78%;
	background-color: #070204;
	margin-bottom: 14px;
	overflow: hidden;
}
.menu_title_div{
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
}
.menu_title{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.menu_pic_main{
	position: absolute;
	top: -10%;
	left: 0;
	width: 100%;
	max-width: none;
	animation-duration: 2.5s;
}
.menu_row{
	margin-left: -7px;
	margin-right: -7px;
}
.sec_menu_item{
	width: 33.33%;
	padding: 0 7px;
}
.sec_menu_item_text{
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 21px;
	color: #fff;
	font-weight: 600;
	letter-spacing: 6px;
	writing-mode: vertical-lr;
}
.decorate03{
	position: absolute;
	top: 480px;
	left: 0;
}
.decorate04{
	position: absolute;
	bottom: -80px;
	right: 0;
	z-index: 1;
}
.intro_slick_div{
	width: 50%;
}
.intro_slick_item{
	display: none;
}
.intro_slick_item:first-child{
	display: block;
}
.intro_slick_item img{
	width: 100%;
	max-width: none;
}
.intro_slick .slick-dots{
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-align: right;
}
.intro_div{
	width: 50%;
	background-color: #2A2A2B;
	padding-top: 120px;
	padding-left: 130px;
}
.intro_con{
	max-width: 450px;
}
.intro_title_en{
	font-size: 50px;
	color: #fff;
	margin-bottom: 40px;
}
.intro_title{
	font-size: 20px;
	color: #D6C1BA;
	font-weight: 500;
	line-height: 2em;
	margin-bottom: 40px;
}
.intro_text{
	font-size: 17px;
	color: #fff;
	line-height: 2em;
}
.sec_news{
	padding-top: 100px;
	padding-bottom: 60px;
	background-color: #f9f7f5;
}
.news_title{
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 15px;
}
.news_title span{
	color: #D6C1BA;
	margin: 0 7px;
	top: -2px;
}
.news_title_en{
	font-size: 50px;
	color: #D6C1BA;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 30px;
}
.news_box{
	margin-bottom: 80px;
}
.news_box_img{
	overflow: hidden;
	margin-bottom: 15px;
}
.news_box_img img{
	width: 100%;
	max-width: none;
	transition: transform 0.3s;
}
.news_box_title{
	font-size: 20px;
	color: #000;
	font-weight: 600;
	line-height: 1.7em;
	letter-spacing: 1px;
	padding-left: 20px;
	border-left: 4px solid #D6C1BA;
	margin-bottom: 15px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news_box_text{
	font-size: 16px;
	color: #000;
	line-height: 1.8em;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news_box:hover .news_box_img img{
	transform: scale(1.05);
}
.news_box:hover .news_box_title{
	color: #cb5b36;
}
.news_box:hover .news_box_text{
	color: #cb5b36;
}
.business_title{
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 30px;
}
.business_title span{
	color: #D6C1BA;
	margin: 0 7px;
	top: -2px;
}
.sec_logos{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #f0ece5;
}
.logos_div{
	height: 100%;
	margin-bottom: 50px;
}
.logos_div img{
	max-height: 142px;
	top: 50%;
	transform: translateY(-50%);
	margin-left: auto;
	margin-right: auto;
}
.decorate05{
	position: absolute;
	bottom: -100px;
	left: -100px;
}
.sec_visit{
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: url(../img/index/visit_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.visit_title_en{
	font-size: 40px;
	color: #fff;
	letter-spacing: 2px;
	margin-bottom: 50px;
}
.visit_title{
	position: absolute;
	top: 20px;
	right: 15px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 6px;
}
.visit_slick{
	margin-left: -7px;
	margin-right: -7px;
}
.visit_item{
	width: 25%;
	padding-left: 7px;
	padding-right: 7px;
	display: none;
}
.visit_item:first-child{
	display: block;
}
.visit_item img{
	width: 100%;
	max-width: none;
}
.visit_slick .slick-dots{
	padding-top: 5px;
}
.slick_btn{
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	width: 30px;
	cursor: pointer;
}
.slick_btn.prev{
	left: -40px;
}
.slick_btn.next{
	right: -40px;
}

/* footer */
footer{
	padding-top: 80px;
	padding-bottom: 10px;
}
.footer_right{
	padding-left: 50px;
}
.footer_logo{
	width: 274px;
	margin-bottom: 50px;
}
.footer_info_item{
	margin-bottom: 15px;
}
.finfo_title{
	width: 65px;
	font-size: 14px;
	padding-top: 4px;
}
.finfo_sp{
	width: 1px;
	height: 20px;
	top: 6px;
	background-color: #D6C1BA;
}
.finfo_text{
	flex: 1;
	font-size: 16px;
	line-height: 1.8em;
	padding-left: 20px;
}
.icon_pos{
	width: 18px;
	top: 2px;
}
.copyright_div{
	margin-top: 60px;
	border-top: 1px solid #ccc;
	padding: 20px 0;
}
.copyright{
	font-size: 14px;
	color: #8F7C77;
	text-align: center;
}

/* about */
.page_kv{
	height: 520px;
	background-color: #000;
}
.page_kv_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 740px;
	background-image: url(../img/page_kv.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	animation-name: ani_page_kv;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes ani_page_kv{
	from {top: 0; opacity: 0;}
	to {top: -220px; opacity: 1;}
}
.page_kv_con{
	padding-top: 250px;
}
.page_kv_title{
	font-family: var(--serif);
	font-size: 21px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
.page_kv_title span{
	margin: 0 7px;
	top: -2px;
}
.page_kv_title_en{
	font-family: var(--tnr);
	font-size: 56px;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
}
.about_intro{
	background-color: #f0ece5;
	padding-top: 200px;
	padding-bottom: 180px;
}
.about_logo{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.w960{
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.about_intro_text{
	font-size: 18px;
	line-height: 2em;
}
.sec_about2{
	padding-bottom: 120px;
}
.sec_aptop{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background-color: #f0ece5;
}
.about2_pic{
	order: 2;
}
.about2_con{
	order: 1;
}
.about2_space{
	height: 150px;
}
.about2_award .kv_bot_div{
	border-color: #eae2dd;
}
.about2_award .kv_bot_year{
	color: #AB8570;
}
.about2_award .kv_bot_text{
	color: #000;
}
.sec_eyecatch{
	padding-top: 200px;
	padding-bottom: 200px;
}
.ec_pic{
	margin-bottom: 60px;
}
.ec_text{
	font-size: 21px;
	letter-spacing: 7px;
	text-align: center;
	line-height: 2.2em;
}
.about_video{
	padding-bottom: 100px;
}
.about_video_frame{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.video_frame{
    padding-bottom: 56.25%;
    overflow: hidden;
}
.video_frame iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* business */
.business_main{
	padding-top: 150px;
	padding-bottom: 150px;
	background-color: #2A2A2B;
}
.bus_main_title{
	font-size: 21px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 10px;
}
.bus_main_title span{
	margin: 0 7px;
	top: -2px;
}
.bus_title_en{
	font-size: 40px;
	color: #fff;
	letter-spacing: 2px;
	margin-bottom: 50px;
}
.bus_title_right{
	position: absolute;
	top: 60px;
	right: 15px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 6px;
}
.bus_item{
	margin-bottom: 100px;
}
.bus_box{
	max-width: 600px;
}
.bus_box_img{
	margin-bottom: 30px;
}
.bus_box_img img{
	width: 100%;
	max-width: none;
}
.bus_box_text{
	font-size: 16px;
	color: #fff;
	line-height: 1.8em;
	padding-left: 20px;
	border-left: 4px solid #D6C1BA;
}
.bus_item:nth-child(even) .bus_box{
	margin-left: auto;
	margin-right: 0;
	top: 80px;
}

/* news */
.sec_news_pagebtn{
	padding-top: 60px;
	padding-bottom: 40px;
	background-color: #F0ECE5;
}
.pagebtn_div{
	justify-content: center;
	border-bottom: 1px solid #d2d2d2;
}
.pagebtn_btn{
	display: block;
	width: 180px;
	font-size: 19px;
	color: #000;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 25px;
}
.pagebtn_btn:hover{
	color: #AB8570;
}
.pagebtn_btn:hover::after, .pagebtn_btn.active::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: #AB8570;
}
.news_main{
	padding-top: 40px;
	padding-bottom: 100px;
}
.news_main_bgtop{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
	background-color: #F0ECE5;
}
.navigation_div{
	padding-top: 50px;
}
.pagination{
	justify-content: center;
}
.page-link{
	color: #000;
	border: none;
}
.page-link:hover{
	color: #000;
	background-color: #e8ddd9;
}
.page-item.active .page-link{
	background-color: #D6C1BA;
}

.sec_news_page_title{
	padding-top: 100px;
}
.np_title_info{
	margin-bottom: 40px;
}
.np_title_category{
	font-size: 15px;
	letter-spacing: 1px;
	margin-right: 15px;
}
.np_title_date{
	font-family: "Arial";
	font-size: 15px;
}
.np_title{
	font-family: var(--serif);
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 2px;
	line-height: 1.5em;
	padding-left: 30px;
	margin-bottom: 40px;
}
.np_title::before{
	position: absolute;
	content: "";
	top: 13px;
	left: 0;
	width: 4px;
	height: calc(100% - 19px);
	background-color: #D6C1BA;
}
.np_title_hr{
	border-bottom: 1px solid #d2d2d2;
}
.news_page_main{
	padding-top: 60px;
	padding-bottom: 100px;
}
.custom_content{
	font-size: 17px;
	letter-spacing: 2px;
	line-height: 1.8em;
}
.custom_content img{
	width: auto !important;
	height: auto !important;
	margin-bottom: 30px;
}
.custom_content iframe{
	width: 100%;
}
.social_btn_div{
	padding-top: 50px;
	text-align: center;
}
.social_btn{
	width: 50px;
	margin-left: 15px;
	margin-right: 15px;
	opacity: 0.9;
}
.social_btn:hover{
	opacity: 1;
}
.news_page_next{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #f9f7f5;
}
.np_next_div{
	max-width: 500px;
}
.np_next_box{
	display: block;
}
.np_next_box_img{
	width: 160px;
	overflow: hidden;
}
.np_next_box_img img{
	width: 160px;
	height: 120px;
	object-fit: cover;
	transition: transform 0.3s;
}
.np_next_box_con{
	flex: 1;
	padding-left: 30px;
}
.np_next_sub{
	font-size: 15px;
	color: #AB8570;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.np_next_title{
	height: 62px;
	font-family: var(--serif);
	font-size: 18px;
	color: #000;
	letter-spacing: 1px;
	line-height: 1.7em;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.np_next_box_con_hr{
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(100% - 30px);
	border-bottom: 1px solid #d8c7be;
}
.np_next_div.right{
	margin-left: auto;
	margin-right: 0;
}
.np_next_div.right .np_next_box_img{
	order: 2;
}
.np_next_div.right .np_next_box_con{
	order: 1;
	padding-left: 0;
	padding-right: 30px;
	text-align: right;
}
.np_next_div.right .np_next_box_con_hr{
	left: 0;
	right: auto;
}
.np_next_box:hover .np_next_box_img img{
	transform: scale(1.05);
}
.np_next_box:hover .np_next_title{
	color: #AB8570;
}
.np_back_div{
	padding-top: 60px;
	text-align: center;
}
.np_back_btn{
	font-family: var(--serif);
	font-size: 18px;
	color: #000;
	letter-spacing: 1.5px;
	padding: 15px 40px;
	border: 1px solid #AB8570;
}
.np_back_btn:hover{
	color: #AB8570;
}

/* contact */
.contact_main{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #f9f7f5;
}
.w640{
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
.contact_title{
	font-family: var(--serif);
	font-size: 21px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10px;
}
.contact_title span{
	color: #D6C1BA;
	margin: 0 7px;
	top: -2px;
}
.contact_title_en{
	font-family: var(--tnr);
	font-size: 56px;
	color: #D6C1BA;
	letter-spacing: 2px;
	text-align: center;
	margin-bottom: 50px;
}
.form_row{
	margin-bottom: 40px;
}
.form_title{
	margin-bottom: 5px;
}
input[type="text"], input[type="email"]{
	width: 100%;
	border: none;
	background: none;
	border-bottom: 1px solid #d8c7be;
	padding: 5px 0;
}
input[type="text"]:focus, input[type="email"]:focus{
	outline: none;
	border-color: #AB8570;
}
textarea{
	width: 100%;
	border: none;
	background: none;
	border-bottom: 1px solid #d8c7be;
	padding: 5px 0;
}
textarea:focus{
	outline: none;
	border-color: #AB8570;
}
.submit_div{
	padding-top: 40px;
	text-align: center;
}
.submit_btn{
	width: 200px;
	font-family: var(--serif);
	font-size: 18px;
	color: #000;
	letter-spacing: 1.5px;
	text-align: center;
	padding: 15px 0;
	border: 1px solid #AB8570;
	background: none;
}
.submit_btn:hover{
	color: #AB8570;
}
.contact_decorate_01{
	position: absolute;
	bottom: -100px;
	left: -100px;
}
.contact_decorate_02{
	position: absolute;
	bottom: 0;
	right: 0;
}
.verify_input{
	flex: 1;
	padding-right: 15px;
}
.verify_img{
	width: 140px;
}

/* setting */
.white{color: #fff;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}

@media (min-width: 1921px){
	.page_kv_bg{
		width: 100%;
	}
}

@media (max-width: 1450px){
	.decorate03{
		display: none;
	}
	.decorate04{
		display: none;
	}
	.sec_menu{
		padding-bottom: 80px;
	}
	.intro_div{
		padding-top: 40px;
		padding-left: 30px;
	}
	.intro_title_en{
		font-size: 40px;
		margin-bottom: 20px;
	}
	.intro_title{
		margin-bottom: 20px;
	}
	.intro_text{
		margin-bottom: 20px;
	}
	.slick_btn.prev{
		left: 0;
	}
	.slick_btn.next{
		right: 0;
	}
}

/* xl */
@media (max-width: 1199px){
	.show-xl{
		display: block;
	}
	.hide-xl{
		display: none;
	}
	
	.kv{
		height: auto;
	}
	.kv_con{
		padding-top: 200px;
		padding-bottom: 150px;
	}
	.kv_title{
		font-size: 30px;
	}
	.kv_title_en{
		font-size: 45px;
	}
	.kv_bottom{
		position: relative;
		padding-bottom: 20px;
	}
	.kv_bot_item{
		width: 50%;
		margin-bottom: 20px;
	}
	.kv_bot_logo{
		width: 100px;
	}
	.kv_bot_logo img{
		margin-left: auto;
		margin-right: auto;
	}
	.decorate01{
		top: -100px;
		right: -100px;
	}
	.decorate02{
		display: none;
	}
	.about_con{
		max-width: none;
	}
	.about_title_en{
		font-size: 40px;
		margin-bottom: 40px;
	}
	.intro_div{
		padding-top: 15px;
		padding-left: 15px;
	}
	.intro_title_en{
		font-size: 30px;
	}
	.intro_title{
		font-size: 18px;
		line-height: 1.8em;
	}
	.intro_text{
		font-size: 16px;
	}
	.about_video_frame{
		width: 100%;
	}
}

/* lg */
@media (max-width: 991px){
	.show-lg{
		display: block;
	}
	.hide-lg{
		display: none;
	}
	body{
		padding-top: 60px;
	}
	
	/* header */
	header{
		height: 60px;
	}
	.menu_bar{
		top: 60px;
		height: calc(100vh - 60px);
		background-color: #161617;
		padding-top: 30px;
		padding-bottom: 30px;
		overflow-y: auto;
		display: none;
	}
	.menu{
		position: relative;
		display: block;
		top: 0;
		height: auto;
		padding: 0;
		background: none;
	}
	.menu_item{
		padding: 15px 0;
	}
	.menu_btn{
		
	}
	.header_logo{
		width: 130px;
		top: 12px;
	}
	.mobile_btn{
		width: 30px;
		top: 18px;
		left: 18px;
	}
	.sub_menu{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 15px;
	}
	.side_menu{
		bottom: 10px;
		right: 10px;
	}
	.side_btn{
		width: 60px;
		height: 63px;
		margin-bottom: 5px;
	}
	.side_btn_text{
		font-size: 12px;
		line-height: 14px;
	}
	#mobile_test{
		display: block;
	}
	
	.kv_con{
		padding-top: 200px;
	}
	.kv_title{
		font-size: 20px;
	}
	.kv_title_en{
		font-size: 26px;
	}
	.intro_slick_div{
		width: 100%;
	}
	.intro_div{
		width: 100%;
		padding: 20px 15px;
	}
	.intro_con{
		max-width: none;
	}
	.visit_title_en{
		margin-bottom: 5px;
	}
	.visit_title{
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 50px;
	}
	.footer_right{
		padding-left: 15px;
	}
	
	.bus_title_en{
		margin-bottom: 5px;
	}
	.bus_title_right{
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 50px
	}
	.pagebtn_btn{
		width: 20%;
	}
}

/* md */
@media (max-width: 767px){
	.show-md{
		display: block;
	}
	.hide-md{
		display: none;
	}
	
	.kv_bot_item{
		width: 100%;
	}
	.sec_about{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.sec_apbot{
		display: none;
	}
	.about_pic{
		margin-bottom: 20px;
	}
	.about_title_en{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.about_title{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.about_text{
		font-size: 16px;
	}
	.sec_menu{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.menu_logo{
		width: 200px;
		margin-bottom: 40px;
	}
	.menu_title_div{
		top: 30px;
	}
	.menu_main{
		margin-bottom: 8px;
	}
	.menu_row{
		margin-left: -4px;
		margin-right: -4px;
	}
	.sec_menu_item{
		padding: 0 4px;
	}
	.sec_menu_item_text{
		top: 15px;
		left: 10px;
		font-size: 18px;
		letter-spacing: 3px;
	}
	.sec_news{
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.news_box{
		margin-bottom: 40px;
	}
	.news_title_en{
		font-size: 36px;
	}
	.news_box_title{
		font-size: 18px;
		padding-left: 10px;
	}
	.business_title{
		margin-bottom: 20px;
	}
	.sec_visit{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.visit_title_en{
		font-size: 26px;
		letter-spacing: 0;
	}
	.visit_title{
		font-size: 18px;
		letter-spacing: 2px;
		margin-bottom: 40px;
	}
	.visit_slick{
		margin-left: -4px;
		margin-right: -4px;
	}
	.visit_item{
		padding-left: 4px;
		padding-right: 4px;
	}
	footer{
		padding-top: 40px;
	}
	.footer_right{
		padding-top: 40px;
	}
	.footer_logo{
		margin-left: auto;
		margin-right: auto;
	}
	
	/* about */
	.page_kv{
		height: 350px;
	}
	.page_kv_bg{
		height: 450px;
	}
	@keyframes ani_page_kv{
		from {top: 0; opacity: 0;}
		to {top: -100px; opacity: 1;}
	}
	.page_kv_con{
		padding-top: 150px;
	}
	.page_kv_title_en{
		font-size: 46px;
	}
	.about_intro{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.about_logo{
		width: 300px;
	}
	.about_intro_text{
		text-align: left;
	}
	.sec_about2{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.sec_aptop{
		display: none;
	}
	.about2_pic{
		order: 1;
	}
	.about2_con{
		order: 2;
	}
	.about2_space{
		height: 50px;
	}
	.sec_eyecatch{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.ec_text{
		font-size: 20px;
		letter-spacing: 1px;
	}
	.about_video{
		padding-bottom: 50px;
	}
	
	/* business */
	.business_main{
		padding-top: 50px;
		padding-bottom: 20px;
	}
	.bus_title_en{
		font-size: 26px;
	}
	.bus_title_right{
		font-size: 18px;
		letter-spacing: 2px;
		margin-bottom: 40px;
	}
	.bus_item{
		margin-bottom: 60px;
	}
	.bus_box{
		margin-left: auto;
		margin-right: auto;
	}
	.bus_item:nth-child(even) .bus_box{
		margin-left: auto;
		margin-right: auto;
		top: 0;
	}
	.bus_box_img{
		margin-bottom: 15px;
	}
	.bus_box_text{
		padding-left: 10px;
	}
	
	/* news */
	.sec_news_pagebtn{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.pagebtn_div{
		justify-content: flex-start;
	}
	.pagebtn_btn{
		width: 33.33%;
		font-size: 17px;
		padding-bottom: 15px;
		margin-bottom: 10px;
	}
	.news_main{
		padding-top: 20px;
		padding-bottom: 40px;
	}
	.sec_news_page_title{
		padding-top: 50px;
	}
	.np_title_info{
		margin-bottom: 30px;
	}
	.np_title{
		font-size: 22px;
		letter-spacing: 1px;
		padding-left: 20px;
		margin-bottom: 30px;
	}
	.np_title::before{
		top: 6px;
		height: calc(100% - 10px);
	}
	.news_page_main{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.news_page_next{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.np_next_box_img{
		width: 100%;
		margin-bottom: 15px;
	}
	.np_next_box_con{
		flex: 0 0 auto;
		width: 100%;
		padding-left: 0;
		padding-bottom: 15px;
	}
	.np_next_sub{
		margin-bottom: 10px;
	}
	.np_next_title{
		height: 51px;
		font-size: 15px;
		letter-spacing: 0;
	}
	.np_next_box_con_hr{
		width: 100%;
	}
	.np_back_div{
		padding-top: 50px;
	}
	.np_next_div.right .np_next_box_img{
		order: 1;
	}
	.np_next_div.right .np_next_box_img img{
		margin-left: auto;
		margin-right: 0;
	}
	.np_next_div.right .np_next_box_con{
		order: 2;
		padding-right: 0;
	}
	
	/* contact */
	.contact_main{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.contact_title_en{
		font-size: 46px;
	}
	.submit_div{
		padding-top: 30px;
	}
}

/* sm */
@media (max-width: 575px){
	.show-sm{
		display: block;
	}
	.hide-sm{
		display: none;
	}
	
	.sec_menu_item{
		width: 100%;
		height: 180px;
		overflow: hidden;
		margin-bottom: 8px;
	}
	.sec_menu_item img{
		width: 100%;
		height: 100%;
		max-width: none;
		object-fit: cover;
	}
}