/* ====== ������ (1600px) ====== */
@media screen and (max-width: 1600px) {

#header .logo {left:40px;}
#header .call {right:40px;}
#scroll-down {right:100px; left:auto; top:30%;}

#main_sec01 .wrap .title {width:550px;}
}



/* ====== ������ (1400px) ====== */
@media screen and (max-width: 1400px) {
	:root {
	--1400:calc(100% - 80px);
	--fs-h2:52px;
	}

#header .logo img {height:30px;}
#header .call {}
.gnb {right:200px; left:auto; width:660px; transform: initial;}
#header .menu_warp li a {font-size:18px;}
#header .call > a {padding:5px 20px; height:34px; font-size:16px;}

#main_sec01 .wrap {height:1300px;}
#main_sec01 .wrap .title {width:450px; margin:140px 0 40px;}
#main_sec01 .con {margin: 40px 40px 120px; gap:40px; width:100%;}
#main_sec01 .con .left .box1 img {width:100%;}
#main_sec01 .right a {width:400px;}

#main_sec02 .contents {margin:0 40px;}
#main_sec02 .contents ul {gap:20px;}
#main_sec02 .contents .comment {padding:40px;}
#main_sec02 .contents .info {padding:40px;}

#main_sec01 .contents .comment {padding:30px 20px;}
#main_sec01 .contents .info {padding:30px 20px 50px 20px;}
#main_sec01 .contents h4 {font-size:32px; top:-45px;}
#main_sec01 .contents h4 span {font-size:27px;}
#main_sec01 .contents .info p {font-size:16px; line-height:20px;}
#main_sec01 .contents .info p > strong {font-size:16px; height:20px; line-height:20px;}
#main_sec01 .contents .info > label {font-family:'NanumSquare',sans-serif; font-size:18px;}

#footer {padding: 50px 40px 0;}

/*sub-title*/
#sub-title .box1 {padding-bottom:160px;}

#sub-title.sub02 .deco_0 {width:300px; bottom:-80px;}
#sub-title.sub02 .deco_1 {width:55%;}
#sub-title.sub02 .deco_2 {width:32%;}

#sub-title.sub05 .deco_0 {width:300px;}

#sub0201 .cardNews0201 {width:100%; height:100%;}
#sub0201 .wrap .img {height:33vw;}
#sub0201 .wrap .img img {width:100%;}
#sub0201 .wrap a {padding:10px 20px;}
.sub0103_item > a {padding:11px 40px !important;}
#sub0201 .wrap a:hover {padding:10px 44px;}

#sub0202 .wrap {width:100%;}
#sub0202 .wrap .map {width:100%; padding: 0 40px;}

#sub0501 .wrap .box1 {gap:40px;}
#sub0501 .wrap .box1 img {width:500px;}
#sub0501 .wrap .box1 ul li {gap:20px;}
#sub0501 .wrap .box2 ul {gap: 75px 14px; grid-template-columns: repeat(3, 1fr);}
#sub0501 .wrap .box2 ul li {padding: 40px 20px;}

#sub0602 .wrap .card {height:29.2vw;}
.sub0503_box2_p {font-size:16px; line-height:22px;}

.inner {width:100%;}

#sub0501 .wrap .box2 ul li h6 {font-size:18px;}
}



@media screen and (max-width: 1200px) {
	.gnb {right:170px;width:570px;}
	.gnb > ul {margin-top:-3px;}
	#header .menu_warp li a {font-size:16px;}

	#header .call > a {padding:5px 16px; height:30px; font-weight:500; font-size:15px;}
	
	.history_list_ctt {margin-top:-13px !important;}
	.history_list_ctt > h4 {font-size:20px !important;}
	.history_list_ctt > p {font-size:17px !important;}
	.history_list_ctt > a {font-size:16px !important;}
	.history_list_line {width:80px !important;}

	#sub0301 .wrap .box .info > p {font-size:16px;}
	#sub0301 .wrap .box2 > .info > p {font-size:16px;}

	#sub0301 .wrap .box li div p {font-size:18px;}

	#sub0201 .wrap .notice b {font-size:20px;}
	#sub0201 .wrap .notice p {font-size:16px;}

	#main_sec01 .wrap {height:1150px;}

	#main_sec01 .contents ul {gap:20px;}
	#main_sec01 .contents .comment {padding:20px 10px;}
	#main_sec01 .contents .info {padding:20px 15px 30px 15px;}

	#sub0501 .wrap .box1 {gap:25px;}
	#sub0501 .wrap .box1 img {width:400px;}
	#sub0501 .wrap .box1 ul li {grid-template-columns:125px 1fr;}
	#sub0501 .wrap .box1 h6 {font-size:15px; height:36px;}
	.sub0503_top > ul > li > p {margin-top:6px;}
}



/* ====== ������ (1080px) ====== */
@media screen and (max-width: 1080px) {
	:root {
	--1080:calc(100% - 80px);
	--fs-h2:48px;
	--fs-h4:28px;
	--fs-h6:18px;
	--fs-p:16px;
	}

.gnb {display:none;}
#menuToggle {display:block; top:40px; right:40px;}
#header .call {right:100px;}

#header .call > a {height:28px; font-size:13px;}

#scroll-down {display:none;}

#main_sec01 .wrap .title {width:400px;}
#main_sec01 .con {grid-template-columns: 1fr; justify-content: center; width: calc(100% - 80px);}
#main_sec01 .con .right {justify-content: center;}
#main_sec01 .right a {padding: 10px;}
#main_sec01 .circle {width: 60px; height:60px;}

#main_sec01 .contents a {bottom:-22px; padding:8px 25px; font-size:17px;}
#main_sec01 .contents a:hover {padding:8px 30px; font-size:17px;}

#main_sec01 .contents .info > label {height:18px; line-height:16px;}

#main_sec02 .contents ul {gap: 100px 20px; grid-template-columns: repeat(2, 1fr);}
#main_sec02 .bg {display:none;}

#main_sec03 {padding:100px 0;}
#main_sec03 .title {margin: 0 auto 80px;}
#main_sec03 .title h2 {margin-bottom: 20px; font-size:36px;}
#main_sec03 .wrap {margin:0 40px; width:100%;}
#main_sec03 .wrap .link {display:grid;}
#main_sec03 .wrap .link a {padding:40px; gap:20px;}
#main_sec03 .wrap .link a img {width:140px;}

#footer section.box3 img {height:45px;}


/*sub-title*/
#sub-title.sub01 .deco_0 {width:300px; bottom:-70px;}
#sub-title.sub01 .deco_1 {width:55%;}
#sub-title.sub01 .deco_3 {width:auto; height:80%;}

#sub-title.sub03 .deco_1 {width:60%;}
#sub-title.sub03 .deco_2 {width:55%;}
#sub-title.sub03 .deco_3 {width:auto; height:80%;}
#sub-title.sub03 .deco_4 {width:auto; height:30%;}

#sub-title.sub04 .deco_0 {width:300px;}

#sub-title.sub05 .deco_1 {width:40%;}
#sub-title.sub05 .deco_2 {width:35%;}
#sub-title.sub05 .deco_3 {width:30%; right:-40px;}
#sub-title.sub05 .deco_4 {width:30%; left:10%;}
#sub-title.sub05 .deco_5 {display:none;}

#sub0101 .wrap .link-13 {bottom: 15.5%;}
#sub0101 .wrap .link-16 h5 {font-size:1.5em;}

#sub-title p {font-size:19px; line-height:26px;}
#sub-title p .bold {font-size:19px;}

#sub0102 .box3 {padding:30px;}
#sub0301 .box1 ul.sub0303_ul li {width:350px; gap:30px;}
#sub0301 .box1 ul.sub0303_ul li h6 {width:50px; height:50px;}
#sub0301 .box1 ul.sub0303_ul li p {font-size:18px; padding:0 10px 2px 0; font-family:'NanumSquare',sans-serif; font-weight:700;}
#sub0102 .box3 > div > a {margin-top:30px;}

.sub0103_item_box {grid-template-columns:repeat(2, 1fr);}

#sub0103 .wrap {margin:100px auto;}
#sub0103 .wrap h3 {margin-bottom:40px;}
#sub0103 .wrap .box {padding:40px;}
#sub0103 .wrap .box h6 {padding:8px 0;}
#sub0103 .wrap .box ul {gap:20px;}
#sub0103 .wrap .box li {gap:20px; align-items: start;}
#sub0103 .wrap .box1, #sub0103 .wrap .box2 {margin-bottom:80px;}
#sub0103 .wrap .box3 a {padding:20px 0;}

#sub0201 .wrap .img {height:29.2vw;}

#sub0202 .wrap .notice {padding:60px 20%;}

#sub0301 .wrap .box1 {padding:0;}

#sub0401 .wrap .box1 .blue-title {width:160px; font-size:16px;}
#sub0402 .wrap .box1 .blue-title {width:160px; font-size:16px;}

.quiz ul {flex-wrap:wrap;}
.quiz ul > li {width:30%;}

#sub0501 .wrap .box1 {grid-template-columns: 1fr auto;}
#sub0501 .wrap .box1 img {width:100%;}

#sub0501-board {padding:0 40px;}
#sub0501-board .event_write {width:100%;}

#sub0501.sub0502 .box1 {grid-template-columns: 1fr 1fr;}

#sub0501 .wrap .box1 > div h5 {font-size:25px;}

#sub0601 .wrap {margin:100px auto;}
#sub0601 .wrap .box2 ul {grid-template-columns: repeat(3, 1fr); gap:8px;}

#sub0602 .swiper-button-next, .swiper-button-prev {display:none;}

#sub0301 .wrap .box {padding:30px;}

.history_list_ctt {margin-top:-10px !important;}
.history_list_ctt > h4 {font-size:16px !important;}
.history_list_ctt > p {font-size:13px !important;}
.history_list_ctt > a {font-size:14px !important;}
.history_list_line {width:60px !important;}

#sub0301 .wrap .box h6 {font-size:16px;}
#sub0301 .wrap .box li div p {font-size:16px;}

a > .material-symbols-outlined {font-size:20px;}

#sub0101 .wrap h3 {font-size:40px;}


.sub0303_tbl > tbody > tr > td {font-size:17px;}

#footer section.box2 div {font-size:16px; line-height:28px;}

#sub0501 .wrap .box2 ul li .poster-down {padding:11px 23px; font-size:17px; line-height:15px;}
}


@media screen and (max-width: 900px) {
	.sub0303_tbl > thead > tr > th {font-size:15px;}
	.sub0303_tbl > tbody > tr > td {font-size:15px;}

	#sub0301 .box1 ul.sub0303_ul li {gap:20px 10px;}
	#sub0301 .box1 ul.sub0303_ul li p {font-size:16px;}

	#main_sec01 .wrap {height:1600px;}
	#main_sec01 .contents ul {grid-template-columns:repeat(1, 1fr); gap:90px;}

	#sub0501 .wrap .box2 ul {margin-top:60px; gap:80px 14px;}
}


/* ====== ������ (780px) ====== */
@media screen and (max-width: 780px) {
	:root {
	/*
	--1080:calc(100% - 40px);
	--1800:calc(100% - 24px);
	--fs-h2:42px;
	--fs-h3:32px;
	*/
	}

	.sub0303_tbl > thead > tr > th {font-size:13px;}
	.sub0303_tbl > tbody > tr > td {font-size:13px;}

	#sub0301 .box1 ul.sub0303_ul {flex-wrap:wrap; flex-direction:column; gap:15px 0;}

#menuToggle {top:22px; right:20px;}
#header {height:60px;}
#header .logo {left:0; top:50%; transform:translateY(-50%);}
#header .logo > a {display:flex; flex-direction:row; align-items:center; justify-content:center;}
#header .logo img {height:25px; width:fit-content;}
#header .call {right:80px;}

#main_sec01 .wrap .title {width:350px;}
#main_sec01 .bg {left:auto; right:0; width:160%;}
#main_sec01 .con {_width: calc(100% - 24px);}
#main_sec01 .con .left .box {padding:20px 40px;}
#main_sec01 .con .left .box li {margin-bottom:14px; grid-template-columns: 100px 1fr;}

#main_sec02 .wrap {margin-bottom:80px;}
#main_sec02 .contents {margin:0 auto;}
#main_sec02 .contents ul {gap: 60px; grid-template-columns: repeat(1, 1fr);}

#main_sec03 .wrap {margin:0 14px; width: calc(100% - 28px);}


/*sub-title*/
#bo_list, #bo_w, #bo_v {margin: 20px auto 100px; width:100% !important;}
.tbl_wrap table {display:block;}
.tbl_wrap table tbody {display:block; width:100%;}
#bo_list tbody tr {display:flex;}

#sub-title {padding-top: 120px;}
#sub-title h2 {margin:0 0 20px; font-size:35px;}
#sub-title h2 .font-up {font-size:35px;}
#sub-title p {margin: 0 auto; padding: 24px 40px;}
#sub-title .box1 {padding: 0 30px 100px;}

#sub-title.sub01 .deco_0, #sub-title.sub02 .deco_0, #sub-title.sub04 .deco_0, #sub-title.sub05 .deco_0, #sub-title.sub06 .deco_0 {display:none;}

#sub-title.sub02 .deco_2 {bottom:10%;}

#sub-title.sub05-2 .deco_1 {width:60%;}
#sub-title.sub05-2 .deco_2 {width:40%;}
#sub-title.sub05-2 .deco_3 {width:40%;}
#sub-title.sub05-2 .deco_4 {width:35%;}
#sub-title.sub05-2 .deco_5 {width:25%; left:0; top:30px;}

#sub0101 .wrap {margin:100px auto 80px;}
#sub0101 .wrap h3 {margin-bottom:40px; font-size:30px;}
#sub0101 .wrap .link-16 {margin-top:0;}
#sub0101 .wrap .link-16 h5 {font-size: 1.2em;}
#sub0101 .wrap .link-16 a {margin-top: 14px;}

#sub-title p {font-size:15px; line-height:20px;}
#sub-title p .bold {font-size:15px;}

#sub0102 .wrap {margin:80px auto;}
#sub0102 .box3 {width:100%;}
#sub0102 .box3 h5 {margin-bottom:20px;}
#sub0102 .box3 li {padding: 0 40px; gap:20px; grid-template-columns: 60px 1fr;}
#sub0102 table tbody td {padding: 4px;}

#sub0301 .box1 ul.sub0303_ul li {width:300px; gap:20px;}
#sub0301 .box1 ul.sub0303_ul li h6 {width:50px; height:50px;}
#sub0301 .box1 ul.sub0303_ul li p {padding:0 20px 2px 0;}

#sub0102 .box3 {padding:15px;}
#sub0102 .box3 > div > a {margin-top:15px;}

#sub0301 .wrap .box {padding:15px !important;}
#sub0103 .wrap .box li {margin-bottom: 14px; text-align: center; gap:14px; grid-template-columns: 1fr;}
#sub0103 .wrap .box1 p {justify-content: center;}
#sub0103 .wrap .box3 {width:100%;}
#sub0103 .wrap .box3 a {padding: 14px 0; font-size: 20px;}

#sub0201 .wrap .img {height:42vw;}
#sub0201 .wrap {margin: 100px auto 80px;}
#sub0201 .wrap #sub0301 .wrap {margin:50px auto 40px;}
#sub0201 .wrap ul {gap: 40px 14px; grid-template-columns: repeat(2, 1fr);}
#sub0201 .wrap .notice {padding: 24px 0; margin: 0 auto 40px;}

#sub0202 .wrap {margin:80px auto;}
#sub0202 .wrap .notice {padding: 60px 10%;}
#sub0202 .wrap .info .list {padding: 14px 30px;}

#sub0301 .wrap .box {padding:40px;}
#sub0301 .wrap .box .info {margin:0; margin-top:20px;}
#sub0301 .wrap h4 {margin-bottom:20px;}
#sub0301 .wrap .box1 {margin-bottom:20px;}
#sub0301 .wrap .box ul {gap:20px;}
#sub0301 .wrap .box li {gap:20px; grid-template-columns:auto;}
#sub0301 .wrap .box h6 {width:100px;}

#sub0301 .wrap h4 {font-size:30px;}
#sub0301 .wrap .box2 > .info > p {font-size:14px;}
#sub0301 .wrap .box .info > p {font-size:14px;}

.layer_popup_list_ul > li > a {font-size:20px;}

#sub0201 .wrap .notice b {font-size:18px; margin-bottom:12px;}
#sub0201 .wrap .notice p {font-size:14px;}

#sub0401 .wrap .box1 {margin-bottom:40px;}
#sub0401 .wrap .box1 ul li {gap:25px;}
#sub0401 .wrap .box1 .blue-title {width:140px; font-size:14px;}
#sub0402 .wrap .box1 .blue-title {width:140px; font-size:14px;}

#sub0401 .wrap .box1 .quiz {margin-top:30px; padding:30px; width:100%; font-size:14px;}
#sub0401 .wrap .box1 ul {margin-bottom:0;}

#sub0501 .wrap {margin: 80px auto 0; width: calc(100% - 40px);}
#sub0501 .wrap .box1 {margin-bottom: 100px; gap:20px; grid-template-columns: 1fr;}
#sub0501 .wrap .box1 div > h5, #sub0501 .wrap .box1 div > p {text-align: center;}
#sub0501 .wrap .box1 > div h5 {margin-bottom: 20px;}
#sub0501 .wrap .box1 ul {margin-top: 40px;}
#sub0501 .wrap .box1 ul li {grid-template-columns: auto 1fr;}
#sub0501 .wrap .box1 img {width:80%; margin: 0 auto;}
#sub0501 .wrap .box1 h6 {padding:11px 14px; font-size:13px;}
#sub0501 .wrap .box2 h4 {margin-bottom:60px;}
#sub0501 .wrap .box2 ul {gap: 60px 14px; grid-template-columns: repeat(1, 1fr);}

#sub0501-board {padding:0 20px;}
#sub0501-board h4::before, #sub0501-board h4::after {width: calc(50% - 120px);}
#sub0501-board .bo_sch_wrap {padding:0;}
#sub0501-board .wid-1 {width:8%;}
#sub0501-board .wid-2 {width:15%;}
#sub0501-board .wid-3 {width:20%;}
#sub0501-board .wid-4 {width:20%;}
#sub0501-board .wid-5 {width:15%;}
#sub0501-board .text-over {width: 130px; border: none; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: auto;}
#sub0501-board .grid {display:grid; grid-template-columns: 100px 1fr; align-items: center;}

#sub0501.sub0502 .box2 {margin-bottom:80px;}
#sub0501.sub0502 .box2 h4 {margin-bottom:20px;}

#sub0601 .wrap .box1 ul {display:grid;}
#sub0601 .wrap .box2 ul {grid-template-columns: repeat(2, 1fr);}

#sub0602 .wrap {margin: 80px auto; grid-template-columns: repeat(2, 1fr);}
#sub0602 .wrap .card {height: 42.2vw;}

#footer p {font-size:15px !important;}

.history_wrap:before {left:0 !important; transform:translateX(0) !important;}
.history_box:nth-child(even) {justify-content:flex-start !important;}
.history_list {width:100% !important;}
.history_box:nth-child(odd) > .history_list > .history_list_line {order:0 !important;}
.history_box:nth-child(odd) > .history_list > .history_list_line:before {left:auto; right:-7px !important;}
.history_box:nth-child(odd) .history_list_ctt {padding-right:0; padding-left:25px; text-align:left;}

.sub0302_h4 {margin-top:50px;}

#footer section.box2 div {font-size:13px;}
}


@media screen and (max-width: 650px) {
	#sub-title p {padding:20px; font-size:13px; line-height:17px;}
	#sub-title p .bold {font-size:13px;}
	.m_view {display:block;}

	#sub0301 .box1 ul.sub0303_ul {flex-wrap:wrap;}
	#sub0301 .box1 ul.sub0303_ul li {width:100%;}

	.sub0103_item > a {font-size:15px; padding:11px 30px;}
	.sub0103_item > a:hover {padding:11px 35px;}
	.sub0103_item > a > span {margin-left:2px; margin-top:-2px;}

	#sub0301 .wrap .box3 a {padding:14px 30px 16px 30px;}

	#sub0301 .wrap .box h6 {width:90px; font-size:14px;}
	#sub0301 .wrap .box ul {gap:12px;}
	#sub0301 .wrap .box li {gap:12px;}
	#sub0301 .wrap .box li div p {font-size:14px;}

	.sub0303_tbl > tbody > tr > td {font-size:11px;}

	#sub0101 .wrap h3 {font-size:24px;}
	#sub0301 .wrap h4 {font-size:24px;}

	#header .logo img {height:20px; width:fit-content;}

	#header .call {right:60px;}
	#header .call > a {padding:3px 10px; height:19px; font-size:11px;}

	#sub0402 .wrap .box1 .quiz {font-size:13px;}

	#sub0401 .wrap .box1 .quiz {padding:30px 20px;}
}


@media screen and (max-width: 550px) {
	#sub0601 .wrap .box2 ul {grid-template-columns:repeat(1, 1fr);}

	#sub0201 .wrap ul {grid-template-columns:repeat(1, 1fr);}
	#sub0201 .wrap .img {height:105vw;}

	.sub0303_tbl {max-width:100%;}
	.sub0303_tbl > thead > tr > th:nth-child(2) {width:33%;}
}


/* ====== ������ (480px) ====== */
@media screen and (max-width: 480px) {
	:root {
	--1400:calc(100% - 40px);
	--1080:calc(100% - 40px);
	--fs-h2:38px;
	--fs-h4:22px;
	--fs-h5:20px;
	--fs-h6:16px;
	--fs-p:16px;
	}

.blue-title {padding:4px 30px;}
#header .logo img {height:20px; width:auto;}

#main_sec01 .wrap .title {width:300px; margin:100px 0 80px;}
#main_sec01 .con {margin:0 14px 120px; width: calc(100% - 24px);}
#main_sec01 .con .left .box {padding:20px; border: 2px solid var(--color-2);}
#main_sec01 .con .left .box h4 {left:20px; top:-28px;}
#main_sec01 .con .left .box li {grid-template-columns: auto 1fr; gap:14px; text-align: left;}
#main_sec01 .con .left .box li .blue-title {padding: 6px 20px; margin:0 auto; font-family: var(--ff-ns);}
#main_sec01 .con .left .box1 {margin-bottom:50px;}
#main_sec01 .right a {width:100%;}
#main_sec01 .bg {width:250%;}

#main_sec02 .title {margin:0 auto 80px;}
#main_sec02 .title h2 {margin: 0 20px 20px;}
#main_sec02 .contents .info p {grid-template-columns: 64px 1fr;}
#main_sec01 .right a {margin-bottom:8px; gap: 20px;}
#main_sec01 .con .right p {gap:4px; font-size: 18px; width: fit-content;}
#main_sec02 .contents .info {padding: 20px 40px;}

#main_sec03 .title {margin:0 auto 40px;}
#main_sec03 .wrap .link h5 {margin-bottom:14px;}
#main_sec03 .wrap .link a {padding: 20px; width: fit-content;}
#main_sec03 .wrap .link a img {width:100px;}
#main_sec03 .wrap .link p {padding: 6px 20px; align-items: center;}

#footer {padding: 20px 20px 0;}
#footer section {margin-bottom:10px; gap: 10px 20px;}
#footer section.box1 img {width:90px;}
#footer section.box2 div {font-size: 0.75em;}
#footer section.box4 {padding:8px 0;}
#footer p {font-size:13px !important;}

/*sub-title*/
#bo_list, #bo_w, #bo_v {margin:0 auto 80px; width:100% !important;}
#sub-title p {padding: 24px 20px;}

#sub-title .box1 {padding-bottom: 140px;}

#sub-title.sub01 .deco_1 {width:70%; z-index:4;}

#sub-title.sub02 .deco_1 {width:65%;}
#sub-title.sub02 .deco_2 {width:50%; bottom:5%;}

#sub-title.sub03 .deco_3 {height:60%; top:15%;}

#sub-title.sub05 .deco_1 {width:60%;}
#sub-title.sub05 .deco_2 {width:45%;}
#sub-title.sub05 .deco_3 {width:40%;}
#sub-title.sub05 .deco_4 {width:40%;}

#sub0101 .wrap .link-13 {bottom:0;}
#sub0101 .wrap .link-13 a {padding:14px;}
#sub0101 .wrap .link-16 {margin-top:20px; padding-left:50%;}
#sub0101 .wrap .link-16 a {padding:14px;}

#sub0102 .box3 > a {margin: 20px 4px 0; padding: 14px 30px;}

#sub0201 .wrap ul {gap: 40px 10px;}
#sub0201 .wrap .img {margin-bottom: 8px; height:44vw;}

#sub0202 .wrap .notice {padding: 40px 0;}
#sub0202 .wrap .info .list {padding: 14px; grid-template-columns: 30px 140px 1fr; gap:8px;}
#sub0202 .wrap .info .list.title {text-align: center;}

#sub0301 .wrap .box1 {padding:20px;}
#sub0301 .wrap .box3 a {padding:14px 20px 16px 20px;}
#sub0201 .wrap #sub0301 .wrap .box3 a {padding:14px 60px 16px 60px;}
#sub0301 .wrap .sub0302_box3 a {padding:14px 60px 16px 60px;}

#sub0301 .wrap h4 {font-size:18px;}

#sub0201 .wrap .notice p {font-size:13px;}

#sub0501 .wrap {margin: 60px auto 0;}
#sub0501 .wrap .box2 ul {gap:14px;}
#sub0501 .wrap .box2 h4 {margin-bottom:40px;}
#sub0501 .wrap .box2 ul li h3 {top: 4px; left: 8px;}
#sub0501-board h4::before, #sub0501-board h4::after {width: calc(50% - 90px); height:1px; top:12px;}

#sub0501.sub0502 .box2 h4::before, #sub0501.sub0502 .box2 h4::after {width: calc(50% - 90px); height:1px; top:12px;}

#sub0601 .wrap .box1 {margin:0 auto 60px;}
#sub0601 .wrap .box1 ul li {padding:40px;}

#sub0101 .wrap h3 {font-size:25px;}
}