@charset "UTF-8";

@media screen and (max-width:1280px){
	.main_wrap {padding-bottom:45px}
	.main_wrap .visual {height:570px}
	.main_wrap .visual .main_typo {margin-top:95px}
	.main_wrap .visual .main_typo .tit {font-size:42px}
	.main_wrap .visual .main_typo .tit .bottom_txt {margin-top:12px;font-size:18px}
	.main_wrap .visual .main_typo .txt {margin-top:12px;font-size:15px}

	.main_content .pc_tab .tab_group {width:auto;margin-bottom:20px;position:relative;right:auto;top:auto}
	.main_content .pc_tab .tab_group > li .tab_btn {font-size:15px}

	.main_content .tab_con .slide_group .slide_txt {flex-wrap:wrap;justify-content:normal;align-items:normal} 
	.main_content .tab_con .slide_group .tit {margin-bottom:8px;font-size:17px}
	.main_content .tab_con .slide_group p {padding-bottom:25px;font-size:14px}
	.main_content .tab_con .slide_group .left {display:block;width:100%;padding:25px 23px 37px 23px;border-radius:15px}
	.main_content .tab_con .slide_group .right {display:block;width:100%;padding:25px 0 0 0;}
	.main_content .tab_con .slide_group .right .tit {font-size:16px}
	.main_content .tab_con .slide_group .txt_group {padding:25px 23px;border-radius:15px;background-size:119px}
	.main_content .tab_con .slide_group .txt_group .inner {min-height:inherit}
	.main_content .tab_con .slide_group .txt_group .box {margin-bottom:5px}
	.main_content .tab_con .slide_group .txt_group .bold_txt {font-size:15px}
	.main_content .tab_con .slide_group .txt_group .txt, 
	.main_content .tab_con .slide_group .txt_group .txt2 {margin:4px 0 0 8px;padding-left:8px}

	.main_content .tab_con .slide_dot {width:auto;left:23px}
}


@media screen and (max-width:1080px){
	.main_wrap .visual {height:510px}
	.main_wrap .visual .main_typo {margin-top:78px}
	.main_wrap .visual .main_typo .tit {font-size:34px}
	.main_wrap .visual .main_typo .tit .bottom_txt {font-size:16px}
	.main_wrap .visual .main_typo .txt {margin-top:10px;font-size:14px}
	.main_wrap .visual .slide_inner .slide_ctrl {margin-top:30px}
	
	.main_content .pc_tab {display:none}
	.main_content .mobile_tab {display:block}

	.main_content .tab_con .slide_group .tit {font-size:16px}
	.main_content .tab_con .slide_group .right {padding-top:15px}
	.main_content .tab_con .slide_group .right .tit {margin-bottom:6px;font-size:15px}
	.main_content .tab_con .slide_group .txt_group .box {margin-bottom:3px}
}

@media screen and (max-width:767px){
	.main_wrap {padding-bottom:28px}
	.main_wrap .visual {height:445px}
	.main_wrap .visual .main_typo {margin-top:60px}
	.main_wrap .visual .main_typo .tit {font-size:28px;text-align:center}
	.main_wrap .visual .main_typo .tit .bottom_txt {margin-top:10px;font-size:14px;line-height:1.7}
	.main_wrap .visual .main_typo .txt {display:none}
	.main_wrap .visual .slide_inner .slide_ctrl {margin-top:25px;justify-content:center;align-items:center}
	.main_wrap .visual .slide_inner .slide_ctrl > li {font-size:13px}
	.main_wrap .visual .slide_inner .slide_ctrl .ctrl_arrow button {background-size:6px}
	.main_wrap .visual .slide_inner .slide_ctrl .ctrl_arrow.btn_next button {position:relative;top:2px}
	.main_wrap .visual .slide_inner .slide_ctrl .ctrl_btn button {background-size:6px;position:relative;top:2px}
	
	.main_content .mobile_tab button {padding:10px 18px;height:44px}
	.main_content .mobile_tab .selected_tab {padding-right:25px;font-size:14px}
	.main_content .mobile_tab .selected_tab .icon {right:18px}
	.main_content .mobile_tab .tab_group {top:44px}
	.main_content .mobile_tab .tab_group > li {font-size:13px}
	.main_content .mobile_tab .tab_group > li.current {background-position:right 18px center}
	.main_content .tab_con .slide_group .tit {font-size:15px}
	.main_content .tab_con .slide_group .txt_group {padding:20px 18px;background-size:103px}
	.main_content .tab_con .slide_group .left {padding:20px 18px 23px 18px}
	.main_content .tab_con .slide_group .right .tit {margin-bottom:5px}
	.main_content .tab_con .slide_dot {margin-top:10px;left:18px}
	.main_content .tab_con .slide_dot .dot {width:6px;height:6px}
	.main_content .tab_con .slide_dot .dot.active {width:20px}
}

@media screen and (max-width:480px){
	.main_wrap .visual .main_typo .tit {font-size:25px}
	.main_content .mobile_tab button {padding:10px 12px}
	.main_content .mobile_tab .selected_tab {padding-right:20px}
	.main_content .mobile_tab .selected_tab .icon {right:12px}
	.main_content .mobile_tab .tab_group > li {font-size:12px}
	.main_content .mobile_tab .tab_group > li.current {background-position:right 12px center}
	.main_content .mobile_tab .tab_group > li.current .tab_btn {padding-right:22px}
}