@charset "UTF-8";

@media screen and (max-width:1400px){
	.sec {padding:65px 0}
	.sec .subject {font-size:18px}

	.main_tit {margin-bottom:20px;font-size:35px}
	.main_tit.icon {padding-left:50px}
	.main_tit2 {font-size:23px}
	.main_txt {font-size:18px}
	
	.main_visual {height:700px}
	.main_visual .container {column-gap:30px}
	.main_visual .mv_obj {width:calc(100% - 362px)}
	.main_visual .mv_obj .slide_box {padding:45px 0}
	.main_visual .mv_obj .mv_tit {font-size:46px}
	.main_visual .mv_obj .mv_txt {font-size:22px}
	.main_visual .mv_obj .mv_bg img {max-width:390px}
		
	.sec03 .container {column-gap:40px}
	.main_notice, 
	.main_event {width:calc(50% - 20px)}
}

@media screen and (max-width:1280px){
	.sec {padding:50px 0}
	.btn_more {width:36px;height:36px;font-size:20px}

	.main_tit {margin-bottom:16px;font-size:2em}
	.main_tit2 {margin-bottom:12px;font-size:1.5em}
	.main_txt {font-size:1.05em}
	.sec .subject {font-size:17px}

	.main_visual {height:650px}
	.main_visual .mv_obj {width:calc(100% - 342px)}
	.main_visual .mv_obj .mv_tit {font-size:40px}
	.main_visual .mv_obj .mv_bg img {max-width:330px}
	
	.main_visual .main_login {width:312px}
	.main_login .login_tit {font-size:22px}
	.main_login .login_box.pd {padding:30px 24px}
	.main_login .login_box .typo .login_tit {margin-bottom:3px}
	.main_login .login_box:not(.pd) .typo {padding:20px 24px 17px 24px}
	.main_login .my_quick_box {padding:15px 24px 20px 24px}
	.main_login .my_quick_box .inner_btn_obj .btn_list .btn_custom::before {right:12px}
	.main_login .my_quick_box .inner_btn_obj .btn_list .btn_custom .icon {margin:0 7px}
	.main_login .my_quick_box .inner_btn_obj .inner_bottom {margin-top:15px;padding-top:17px}

	.main_quick .quick_col {gap:12px}
	.main_quick .quick {height:142px}
	.main_quick .quick .btn .icon {height:52px}
	
	.sec01 .tit_box {width:calc(100% - 145px)}
	.sec01 .region_tab {margin-bottom:18px}
	.sec01 .region_tab .region_tab_inner {column-gap:4px}
	.sec01 .region_tab .tab .btn {padding:6px 0;font-size:1em}
	.sec01 .slide_wrap .slick-slide > div {column-gap:16px;margin-bottom:16px}
	.sec01 .slide_wrap .slide_box .link {padding:18px 20px;border-radius:16px}
	.sec01 .slide_wrap .slide_box .tag {border-radius:0 16px}
	.sec01 .slide_wrap .slide_box .info_list .dl {column-gap:20px}
	.sec01 .slide_wrap .slide_box .info_list .dt::after {height:14px;right:-11px}
	.sec01 .slide_btn {margin-top:20px}

	.sec02 .tit_box {width:calc(100% - 145px)}
	.sec02 .slide_wrap .slide_inner {width:calc(100% + 12px);margin-left:-6px}
	.sec02 .slide_wrap .slide_box {margin:0 6px;border-radius:16px}
	.sec02 .slide_wrap .slide_box .typo {padding:18px 16px}
	.sec02 .slide_wrap .slide_box .subject {height:50px}
	.sec02 .slide_wrap .slide_box .info_list .dl {column-gap:20px}
	.sec02 .slide_wrap .slide_box .info_list .dt::after {height:14px;right:-11px}
	.sec02 .slide_btn {margin-top:30px}
	
	.sec03 .container {column-gap:30px}
	.main_notice {width:calc(50% - 15px);padding:18px 24px;border-radius:16px}
	.main_notice .btn_more {right:24px;top:20px}
	.main_notice .notice_list {padding-top:0}
	.main_notice .notice_list .top_fix .link {column-gap:16px}
	.main_notice .notice_list .top_fix .link .date {width:84px;height:84px;padding:14px 12px;font-size:1em}
	.main_notice .notice_list .top_fix .link .date .day {margin-bottom:0;font-size:1.9em}
	.main_notice .notice_list .top_fix .typo {width:calc(100% - 100px)}
	.main_notice .notice_list .top_fix .typo .text {height:45px}
	.main_notice .notice_list .list_inner {margin-top:16px}
	.main_notice .notice_list .list_inner .bundle {margin-bottom:8px;padding-left:14px}
	.main_notice .notice_list .list_inner .link::after {width:5px;height:5px}
	.main_notice .notice_list .list_inner .link .subject {font-size:1em}
	.main_notice .notice_list .list_inner .link .date {font-size:0.9375em}

	.main_event {width:calc(50% - 15px)}
	.main_event .slide_btn {padding:10px 18px;border-radius:16px 0 0 0}
}

@media screen and (max-width:1080px){
	.sec {padding:35px 0}
	.sec .subject {font-size:1.2em}
	.btn_view {padding:10px 12px}
	.btn_view .icon {vertical-align:text-top;transform:translateY(1px)}
	.btn_apply {padding:10px 12px}
	.btn_apply .text {padding-left:21px;background-size:18px}

	.main_tit {margin-bottom:10px;font-size:1.8em}
	.main_tit.icon {padding:50px 0 0 0;text-align:center;background-position:center top}
	.main_tit2 {margin-bottom:10px}
	.main_txt {text-align:center}
	.btn_more {width:48px;height:48px}
	
	.main_visual {height:550px}
	.main_visual .container {display:block}
	.main_visual .mv_obj {width:auto}
	.main_visual .mv_obj .slide_box {padding:40px 0}
	.main_visual .mv_obj .mv_tit {font-size:36px}
	.main_visual .mv_obj .mv_txt {font-size:20px}
	.main_visual .mv_obj .mv_bg {top:calc(50% + 12px)}
	.main_visual .mv_obj .mv_bg img {max-width:320px}
	.main_visual .main_login {display:none}

	.main_quick {text-align:center}
	.main_quick .container {display:block}
	.main_quick .typo {margin-bottom:20px}
	.main_quick .main_tit2 {margin-bottom:5px}
	.main_quick .quick {height:138px}

	.sec01 .main_tit.icon {background-size:33px}
	.sec01 .tit_box {display:block;width:auto}
	.sec01 .tit_box .right {width:calc(100% - 56px);margin-top:12px}
	.sec01 .select_list .select_bundle {flex:1}
	.sec01 .region_tab .region_tab_inner {flex-wrap:wrap;gap:4px}
	.sec01 .region_tab .tab {flex:none;width:calc(100% / 11 - 4px)}
	.sec01 .slide_wrap .slick-slide > div {grid-template-columns:1fr 1fr;column-gap:12px;margin-bottom:12px}
	.sec01 .slide_wrap .slide_box .info_list {margin-top:12px}
	.sec01 .slide_btn {margin-top:15px}
	.sec01 .slide_btn .ctrl {left:auto;right:0;bottom:auto;top:90px}
	.sec01 .slide_btn .btn.prev, 
	.sec01 .slide_btn .btn.next {display:none !important}
	
	.sec02 .main_tit.icon {padding-top:43px;background-size:40px}
	.sec02 .tit_box {display:block;width:auto}
	.sec02 .tit_box .right {width:calc(100% - 56px);margin-top:12px}
	.sec02 .select_list .select_bundle {flex:1}
	.sec02 .slide_wrap .slide_box .info_list {margin-top:12px}
	.sec02 .slide_btn {margin-top:30px}
	.sec02 .slide_btn .ctrl {left:auto;right:0;bottom:auto;top:90px}
	.sec02 .slide_btn .btn.prev, 
	.sec02 .slide_btn .btn.next {display:none !important}

	.sec03 .container {display:block}
	.main_notice {width:auto;margin-bottom:24px}
	.main_event {width:auto}
	.main_event .slide_wrap .slide_box .link .img_box img {width:100%}
}

@media screen and (max-width:767px){
	.main_tit {font-size:1.7em}
	.main_tit.icon {padding-top:42px}
	.main_tit2 {font-size:1.4em}
	.sec .subject {font-size:1.1em}
	.btn_view, 
	.btn_apply {padding:10px}
	.btn_apply .text {}

	.main_visual {height:auto}
	.main_visual .mv_obj .slide_box {display:block;padding-bottom:0}
	.main_visual .mv_obj .typo {margin-top:0;text-align:center}
	.main_visual .mv_obj .mv_tit {font-size:2em}
	.main_visual .mv_obj .mv_txt {margin-bottom:12px;font-size:1.1em}
	.main_visual .mv_obj .mv_bg {margin-top:65px;position:relative;right:auto;top:auto;transform:translateY(0)}
	.main_visual .mv_obj .mv_bg img {margin:0 auto}
	.main_visual .mv_obj .slide_btn {left:50%;bottom:auto;top:340px;transform:translateX(-50%)}
	
	.main_quick .typo {margin-bottom:25px}
	.main_quick .quick_col {flex-wrap:wrap;justify-content:center}
	.main_quick .quick {flex:none;width:calc(100% / 3 - 8px)}

	.sec01 .main_tit.icon {background-size:30px}
	.sec01 .region_tab {position:relative}
	.sec01 .region_tab .mobile_btn {display:block;width:100%;height:48px;padding:0 12px;font-weight:700;background-color:#fff;border-radius:48px;position:relative} 
	.sec01 .region_tab .mobile_btn::after {font-family:'xeicon';content:'\e936';position:absolute;right:16px;top:50%;transform:translateY(-50%)}
	.sec01 .region_tab .mobile_btn.current {color:#fff;background-color:var(--colorSub);border-radius:8px 8px 0 0}
	.sec01 .region_tab .mobile_btn.current::after {content:'\e930'}
	.sec01 .region_tab .region_tab_inner {display:none;width:100%;max-height:219px;border-radius:0 0 8px 8px;box-shadow:0 5px 12px rgba(0,0,0,0.2);overflow-y:auto;position:absolute;left:0;top:48px;z-index:5}
	.sec01 .region_tab .tab {display:block;width:auto}
	.sec01 .region_tab .tab .btn {padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.15);border-radius:0}
	.sec01 .region_tab .tab:last-child .btn {border-bottom:0}
	.sec01 .slide_wrap .slick-list {max-height:inherit}
	.sec01 .slide_wrap .slick-slide > div {display:block}
	.sec01 .slide_wrap .slide_box {display:block;width:100%}
	.sec01 .slide_btn {margin-top:5px}

	.sec02 .select_list {column-gap:12px}
	.sec02 .select_list .select_bundle select {min-width:inherit}
	.sec02 .slide_btn {margin-top:20px}

	.main_notice {padding:15px 18px}
	.main_notice .notice_list .top_fix .typo {width:calc(100% - 90px)}
	.main_notice .notice_list .top_fix .link {column-gap:12px}
	.main_notice .notice_list .top_fix .link .date {width:78px;height:78px;padding:10px;font-size:0.95em}
	.main_notice .notice_list .list_inner .bundle {margin-bottom:6px;padding-left:12px}
	.main_notice .notice_list .list_inner .link .subject {max-width:calc(100% - 80px)}
	.main_notice .notice_list .list_inner .link .date {width:76px}
	.main_notice .btn_more {top:15px;right:15px}
}	

@media screen and (max-width:480px){
	.sec {padding:30px 0}

	.main_visual .mv_obj .slide_box {padding:30px 0}
	.main_visual .mv_obj .mv_tit {font-size:1.7em}
	.main_visual .mv_obj .mv_txt {margin-bottom:8px}
	.main_visual .mv_obj .mv_bg {margin-top:40px}
	.main_visual .mv_obj .mv_bg img {max-width:250px}
	.main_visual .mv_obj .slide_btn {top:357px}

	.main_quick .quick_col {gap:8px}
	.main_quick .quick {height:115px}
	.main_quick .quick .btn {border-radius:12px}
	.main_quick .quick .btn .icon {height:46px}
	.main_quick .quick .btn .text {margin-top:12px;font-size:1em}
	
	.sec01 .main_tit.icon {padding-top:39px;background-size:28px}
	.sec01 .select_list {column-gap:12px}
	.sec01 .region_tab {width:100%;margin-bottom:10px}
	.sec01 .slide_wrap .slide_box .link {padding:16px 17px 14px 17px}
	.sec01 .slide_wrap .slide_box .tag {padding:7px 15px;font-size:0.95em}
	.sec01 .slide_wrap .slide_box .date {font-size:0.95em}
	.sec01 .slide_btn {padding-top:60px;position:relative}
	.sec01 .slide_btn .ctrl {width:100%;right:auto;left:0;top:0}
	.sec01 .slide_btn .btn_more {width:100%;height:45px;font-size:1.05em;color:var(--colorGray90)}
	.sec01 .slide_btn .btn_more:hover, 
	.sec01 .slide_btn .btn_more:focus {color:#fff}
	.sec01 .slide_btn .btn_more .icon {font-size:13px}
	.sec01 .slide_btn .btn_more .hide {width:auto;height:auto;margin-right:4px;font-size:1em;font-weight:500;line-height:1;position:relative;left:auto}
	
	.sec02 .tit_box .right {width:100%}
	.sec02 .main_tit.icon {padding-top:35px;background-size:35px}
	.sec02 .select_list {flex-wrap:wrap;gap:12px}
	.sec02 .select_list .select_bundle select {background-size:8px;background-position:right 5px center}
	.sec02 .slide_wrap .slide_box .subject {height:45px}
	.sec02 .slide_btn {padding-top:60px;position:relative}
	.sec02 .slide_btn .ctrl {width:100%;right:auto;left:0;top:0}
	.sec02 .slide_btn .btn_more {width:100%;height:45px;font-size:1.05em;color:var(--colorGray90)}
	.sec02 .slide_btn .btn_more:hover, 
	.sec02 .slide_btn .btn_more:focus {color:#fff}
	.sec02 .slide_btn .btn_more .icon {font-size:13px}
	.sec02 .slide_btn .btn_more .hide {width:auto;height:auto;margin-right:4px;font-size:1em;font-weight:500;line-height:1;position:relative;left:auto}
	
	.main_notice {margin-bottom:18px;border-radius:12px}
	.main_notice .notice_list .top_fix .link {display:block}
	.main_notice .notice_list .top_fix .link .date {width:auto;height:auto;margin-bottom:10px}
	.main_notice .notice_list .top_fix .link .date .day {font-size:1.5em}
	.main_notice .notice_list .top_fix .typo {width:auto}
	.main_notice .notice_list .list_inner {margin-top:12px;padding-top:12px;border-top:1px dashed var(--colorBorderGray)}
	.main_notice .notice_list .list_inner .link .date {width:72px}

	.main_event .slide_wrap .slide_box .link {border-radius:12px}
	.main_event .slide_btn {justify-content:center;box-shadow:none;background-color:transparent;border-radius:0;position:relative;right:auto;bottom:auto}
}