@charset "UTF-8";

@media screen and (max-width:1700px){
	.main_visual .scroll_down {left:1%}
}

@media screen and (max-width:1400px){
	.main_tit {font-size:32px}
	.main_txt {font-size:17px}
	.section {padding:65px 0}
	.section .typo {margin-bottom:25px}
	.section.flex_btw, 
	.section.flex_btw2 {column-gap:30px}
	.section > div:not(.sec04) .subject {font-size:18px}
	
	.main_visual {padding-bottom:22px}
	.main_visual .container {column-gap:40px}
	.main_visual .left {width:calc(50% + 120px)}
	.main_visual .right {width:calc(50% - 120px)}
	.main_visual .slide_wrap .img_box {padding-bottom:52.555%}
	.main_visual .slide_btn .ctrl .btn {width:50px;height:50px;top:calc(50% - 25px)}
	.main_visual .slide_btn .btn.prev {left:-25px}
	.main_visual .slide_btn .btn.next {right:-25px}
	.main_visual .slide_btn .btn.prev::after, 
	.main_visual .slide_btn .btn.next::after {font-size:24px}
	.main_visual .slide_btn .btn.stop, 
	.main_visual .slide_btn .btn.play {width:40px;height:40px}
	.main_visual .slide_btn .btn.stop::after, 
	.main_visual .slide_btn .btn.play::after {font-size:18px}
	.main_visual .quick_obj .main_tit {margin-bottom:8px;font-size:26px}
	.main_visual .quick_obj .quick_inner_obj {column-gap:10px}
	.main_visual .quick_obj .quick_box {margin-bottom:25px;padding:26px 22px}
	.main_visual .quick_obj .quick_box.b01 .main_tit {font-size:22px}
	.main_visual .quick_obj .quick_box.b02 {height:calc(100% - 270px)}
	.main_visual .quick_obj .quick_box.b02 .link {padding:0 22px}
	.main_visual .quick_obj .quick_box.b02 .link::before {width:44px;height:44px;font-size:26px;right:20px}

	.main_visual .scroll_down {display:none}
	
	.sec02 .board_list_wrap {height:371px}
	.sec02 .board_list .link {padding:17px 21px}
	.sec02 .board_list .link .subject {margin-bottom:12px}
	.sec02 .board_list .link .list_txt_group .list_txt {margin-right:40px}
	
	.main_md_banner {margin-bottom:65px}

	.sec03 .cate_tab .tab .btn {font-size:17px}
	.sec03 .board_list .link {padding:28px 22px}

	.sec04 .typo .tab_obj {margin-right:20px}
	.sec04 .typo .tab_inner {column-gap:15px}
	.sec04 .typo .tab .btn {font-size:17px}
	.sec05 .quick_btn .btn .title {font-size:17px}
}

@media screen and (max-width:1280px){
	.main_tit {font-size:30px}
	.section {padding:45px 0}
	.section .typo {margin-bottom:18px}
	.section > div:not(.sec04) .subject {font-size:17px}
	.section .no_contents {padding:40px 10px}
	.section .no_contents .img {width:80px}
	
	.main_visual {padding-bottom:20px}
	.main_visual .container {column-gap:30px}
	.main_visual .slide_btn {margin-top:12px}
	.main_visual .slide_btn .ctrl .btn {width:44px;height:44px;top:calc(50% - 22px)}
	.main_visual .slide_btn .btn.prev {left:-20px}
	.main_visual .slide_btn .btn.next {right:-20px}
	.main_visual .slide_btn .btn.prev::after, 
	.main_visual .slide_btn .btn.next::after {font-size:18px}
	.main_visual .slide_btn .paging {font-size:16px}
	/*.main_visual .slide_btn .count button {font-size:16px}*/
	
	.main_visual .quick_obj .quick_box {margin-bottom:20px;padding:18px;border-radius:16px}
	.main_visual .quick_obj .main_tit {font-size:21px}
	.main_visual .quick_obj .inner_obj_box .link {padding:13px 10px 12px 10px;border-radius:10px}
	.main_visual .quick_obj .inner_obj_box .img {width:50px}
	.main_visual .quick_obj .quick_box.b01 .main_tit {font-size:19px}
	.main_visual .quick_obj .quick_box.b02 {height:calc(100% - 216px)}
	.main_visual .quick_obj .quick_box.b02 .link::before {width:26px;height:26px;font-size:19px;right:12px;top:12px;transform:translateY(0)}
	
	.main_visual .quick_obj .quick_inner li { flex: 0 0 47%;}
	
	.sec01 {width:calc(50% - 105px)}
	.sec02 {width:calc(50% + 105px)}
	.sec02 .board_list_wrap {height:346px}
	.sec02 .board_list .list_box {margin-bottom:15px}
	.sec02 .board_list .link .list_txt_group .list_txt {display:flex;margin:0 0 5px 0}
	
	.main_md_banner {margin-bottom:45px}
	
	.sec03 .cate_tab .tab_inner {border-radius:38px}
	.sec03 .cate_tab .tab .btn {padding:11.5px 21px 10.5px 21px;font-size:16px;border-radius:38px}
	.sec03 .board_list .link {column-gap:12px;padding:26px 18px}
	.sec03 .board_list .link .tag {width:80px;line-height:30px}
	.sec03 .board_list .link .subject {width:calc(100% - 184px)}
	.sec03 .board_list .link .date {width:80px}
	
	.sec04 {flex:none;width:calc(50% + 50px)}
	.sec05 {flex:none;width:calc(50% - 80px)}
	.sec04 .typo .tab .btn {font-size:16px}
	.sec05 .quick_btn .btn .title {font-size:16px}
	.sec05 .quick_btn .btn .title.st {font-size:15px}
}

@media screen and (max-width:1080px){
	.main_tit {font-size:28px}
	.section.flex_btw, 
	.section.flex_btw2 {flex-wrap:wrap}
	.section > div:not(.sec04) .subject {font-size:16px}
	.section .no_contents {padding:30px 10px}
	.section .no_contents .img {width:50px;margin-bottom:15px}
	.section .no_contents .text {font-size:1em}
	
	.main_visual {padding-bottom:30px}
	.main_visual .container {display:block}
	.main_visual .left {width:auto;margin-bottom:30px}
	.main_visual .right {widtH:auto}
	.main_visual .slide_wrap .img_box img {width:100%}
	.main_visual .slide_btn .btn.prev {left:-12px}
	.main_visual .slide_btn .btn.next {right:-12px}
	.main_visual .quick_obj .main_tit {font-size:20px}
	.main_visual .quick_obj .quick_inner {display:flex;column-gap:20px}
	.main_visual .quick_obj .quick_box.b01 {flex:2;margin-bottom:0}
	.main_visual .quick_obj .quick_box.b01 .main_tit {font-size:18px}
	.main_visual .quick_obj .quick_box.b02 {flex:1;height:auto}
	
	.sec01 {width:100%;margin-bottom:40px}
	.sec01 .board_list .link {padding:15px 0}
	.sec01 .board_list .list:first-child .link {padding-top:0}
	.sec01 .board_list .list:last-child .link {padding-bottom:0}
	
	.sec02 {width:100%}
	.sec02 .board_list_wrap {height:auto;max-height:380px}
	.sec02 .board_list .list_box {margin-bottom:10px}
	.sec02 .board_list .link  {padding:14px 18px 12px 18px}
	.sec02 .board_list .link .list_txt_group .list_txt {margin-bottom:3px}
	
	.sec03 .cate_tab {margin-right:20px}
	.sec03 .cate_tab .tab_inner {border-radius:35px}
	.sec03 .cate_tab .tab .btn {padding:10.5px 18px 8.5px 18px;font-size:15px;border-radius:35px}
	.sec03 .board_list .link {padding:21px 12px}
	.sec04 {width:100%;margin-bottom:25px}
	.sec04 .board_list .list .link {padding:15px}
	.sec05 {width:100%}
	.sec05 .quick_btn .btn {height:130px}
}	

@media screen and (max-width:768px){
	.main_tit {font-size:23px}
	.main_txt {font-size:15px}
	.section {padding:30px 0}
	.section .typo .btn_more {transform:translateY(calc(50% - 2px))}
	
	.main_visual {padding-bottom:20px}
	.main_visual .left {margin-bottom:20px}
	.main_visual .slide_wrap {border-radius:16px}
	.main_visual .slide_btn {margin-top:9px}
	.main_visual .slide_btn .ctrl {display:none}
	.main_visual .slide_btn .btn.stop, 
	.main_visual .slide_btn .btn.play {width:34px;height:34px;border-width:2px}
	.main_visual .slide_btn .btn.stop::after, 
	.main_visual .slide_btn .btn.play::after {font-size:16px}
	.main_visual .slide_btn .paging {font-size:13px}
	/*.main_visual .slide_btn .count button {font-size:13px}*/
	.main_visual .quick_obj .quick_inner_obj {column-gap:6px}
	.main_visual .quick_obj .quick_inner {display:block}
	.main_visual .quick_obj .inner_obj_box .img {width:44px}
	.main_visual .quick_obj .inner_obj_box .text {font-size:14px}
	.main_visual .quick_obj .quick_box.b01 {margin-bottom:15px}
	.main_visual .quick_obj .quick_box.b02 .link {padding:15px 18px}
	.main_visual .quick_obj .quick_box.b02 .link::before {font-size:18px}
	
	.main_visual .quick_obj .quick_inner li { margin: 0 0 10px; padding: 14px;}
	.main_visual .quick_obj .quick_inner li .text { font-size: 18px; }
	.main_visual .quick_obj .quick_inner li .sbj { font-size: 15px; }

	.sec01 {margin-bottom:30px}
	.sec02 .board_list_wrap {overflow-y:auto}
	.sec01 .board_list .link .subject {font-size:16px}
	.sec02 .board_list {padding-right:5px;overflow-y:inherit}
	.sec02 .board_list::-webkit-scrollbar {width:4px}
	.sec02 .board_list::-webkit-scrollbar-track {bborder-radius:4px}
	.sec02 .board_list::-webkit-scrollbar-thumb {border-radius:4px}

	.main_md_banner {margin-bottom:30px}
	
	.sec03 .right {display:flex;align-items:center;justify-content:space-between;margin-top:18px}
	.sec03 .typo {display:block}
	.sec03 .typo .btn_more {transform:translateY(0)}
	.sec03 .cate_tab {margin-right:0}
	.sec03 .board_list .link {display:block;padding:12px 10px}
	.sec03 .board_list .link .tag {display:block;width:65px;margin-bottom:7px;line-height:23px;font-size:13px;border-radius:4px}
	.sec03 .board_list .link .subject {display:-webkit-inline-box;width:calc(100% - 74px);vertical-align:top}
	.sec03 .board_list .link .date {display:inline-block;width:70px;font-size:14px}

	.sec04 .typo .tab_obj {transform:translateY(2px)}
	.sec04 .typo .btn_more {transform:translateY(0)}
	.sec04 .board_list .list .date {font-size:14px}
}

@media screen and (max-width:480px){
	.section .typo {margin-bottom:15px}
	.section > div:not(.sec04) .subject {-webkit-line-clamp:2;font-size:15px}
	.section .no_contents {padding:25px 10px}
	.section .no_contents .img {width:38px;margin-bottom:12px}
	
	.main_visual .left {}
	.main_visual .quick_obj .main_tit {font-size:18px}
	.main_visual .quick_obj .quick_box {padding:18px 12px}
	.main_visual .quick_obj .quick_box.b01 .main_tit {font-size:16px}
	.main_visual .quick_obj .quick_box.b02 .link {padding:15px}
	.main_visual .quick_obj .inner_obj_box .link {padding-bottom:10px}
	.main_visual .quick_obj .inner_obj_box .img {width:38px}
	.main_visual .quick_obj .inner_obj_box .text {font-size:13px}

	.sec01 .board_list .list {}
	.sec01 .board_list .link {padding:12px 0}
	.sec01 .board_list .link .subject {margin-bottom:10px;font-size:15px}
	.sec02 .board_list .link {padding:12px 13px 9px 13px}
	.sec02 .board_list .link .tag_ul {font-size:13px}
	.sec02 .board_list .link .tag_ul2 {margin-left:11px}
	.sec02 .board_list .link .tag_ul2::before {left:-13px;top:50%}
	.sec02 .board_list .link .list_txt_group .list_txt {font-size:13px}
	
	.sec03 .typo .btn_more {position:absolute;top:7px;right:0}
	.sec03 .right {display:block}
	.sec03 .cate_tab {display:block}
	.sec03 .cate_tab {position:relative} 
	.sec03 .cate_tab .tab_inner {display:flex;border-radius:30px}
	.sec03 .cate_tab .tab {flex:1;text-align:center}
	.sec03 .cate_tab .tab .btn {padding:7.5px 18px 8.5px 18px;font-size:14px;border-radius:30px}
	.sec03 .board_list .link {padding:11px 5px}
	.sec03 .board_list .link .subject {display:-webkit-box;width:auto;margin-bottom:7px}
	.sec03 .board_list .link .date {display:block;width:auto;text-align:left;font-size:13px}
	
	.sec04 .typo .tab_inner {column-gap:13px}
	.sec04 .typo .tab .btn {font-size:15px}
	.sec04 .typo .tab.on .btn {text-underline-offset:6px}
	.sec04 .board_list .list .link {display:block;padding:11px 12px}
	.sec04 .board_list .list .subject {width:auto}
	.sec04 .board_list .list .date {width:auto;margin-top:5px;text-align:left}

	.sec05 .quick_inner {gap:10px 5px}
	.sec05 .quick_btn {width:calc(100% / 3 - 4px)}
	.sec05 .quick_btn .btn {height:110px}
	.sec05 .quick_btn .btn .img {}
	.sec05 .quick_btn .btn .img img {}
	.sec05 .quick_btn .btn .title {font-size:14px}
	.sec05 .quick_btn .btn .title.st {font-size:14px}
	.sec05 .quick_btn .btn .img {width:40px;margin-bottom:10px}
}