@media(max-width:1600px){
}

@media(max-width:1400px){
	/* s1_2 */
	.s1_2 article .greeting h5 > br {display: none;}

	/* s1_4 */
	.tab-box li a {padding: 0 15px;}
	.tab-box li.pt15 a {padding-top: 0;}
	.tab-box.ty2 li.pt15 a {padding-top: 0;}
	.arti-txt p > br {display: none;}
	.arti-txt p > br.mo {display: block;}
	.arti-txt p > .m-dn {display: none;}
	.arti-txt p > .m-db {display: inline-block !important;}	
}

@media(max-width:1200px){
	
	/* lnb */
	.lnb .container > ul li a {font-size: 16px;}
	
	/* s1_2 */
	.s1_2 article .greeting p > br {display: none;}

	/* s1_3 */
	.s1_3 .container article:nth-of-type(1) .table-box table colgroup {display: none;}
	.s1_3 .container article:nth-of-type(1) .table-box table tbody tr td.tit {width: 100px;}

	/* s1_4 */
	.tab-box li a {padding: 0 5px;}

	/* s1_5 */
	.s1_5 .cnt ul li .info {padding: 0 30px;}
	.s1_5 .cnt ul li .info dl dt {font-size: 16px;}
	.s1_5 .cnt ul li .info dl dd {font-size: 16px;}

	/* s2_3 */
	.s2_3 .article-header h4 > br {display: none;}

	/* s2_5 */
	.s2_5 .edu ul li dl dt {font-size: 24px;}
	.s2_5 .edu ul li dl dd > br {display: none;}

	/* s3_2 */
	.s3_2 .container .m-cal {display: block;}
	.s3_2 .container .calendar-wrap {overflow: auto;}
	.s3_2 .container .calendar-wrap table thead tr th {width: 150px;}
}

@media(max-width:1024px){

	/* btn-drop */
	.lnb {margin-bottom: 20px;}
	.lnb .container {position: relative; overflow: visible; height: 40px; border-bottom: 0; z-index: 8;}
	.lnb .btn-drop {display: block; position: relative; width: 100%; font-size: 14px; color: #111; text-align: left; padding: 0 15px; line-height: 38px; border: 1px solid #999; background-color: #eff1f3; border-radius: 10px;}
	.lnb .btn-drop:after {position: absolute; top: 50%; right: 15px; content:''; background: url(../images/sub/btn-drop.png) 50% 50% no-repeat; background-size: auto; width:14px; height: 9px; transform: translateY(-50%); transition: all .2s linear;}
	.lnb.active .btn-drop:after {transform: translateY(-50%) rotate(180deg);}
	.lnb .container > ul {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: calc(100% - 30px); display: none; z-index: 1; border: 1px solid #999; border-top: 0; background-color: #eff1f3; overflow: hidden; border-radius:10px;}
	.lnb .container > ul > li {display: block; width: 100%;}
	.lnb .container > ul > li ~ li {border-top: 1px solid #999;}
	.lnb .container > ul > li > a {text-align: left; line-height: 38px; display: block; font-size: 14px; color: #111; padding: 0 15px; background-color: #eff1f3;}
	.lnb.active .container > ul {display: block;}

	/* btn-drop2 */
	.lnb_dep3 {margin-bottom: 40px; position: relative; z-index: 5;}
	.lnb_dep3 .container {position: relative; overflow: visible; height: 40px; border-bottom: 0; z-index: 5;}
	.lnb_dep3 .btn-drop2 {display: block; position: relative; width: 100%; font-size: 14px; color: #111; text-align: left; padding: 0 15px; line-height: 38px; border: 1px solid #999; background-color: #fff; border-radius: 10px;}
	.lnb_dep3 .btn-drop2:after {position: absolute; top: 50%; right: 15px; content:''; background: url(../images/sub/btn-drop.png) 50% 50% no-repeat; background-size: auto; width:14px; height: 9px; transform: translateY(-50%); transition: all .2s linear;}
	.lnb_dep3.active .btn-drop2:after {transform: translateY(-50%) rotate(180deg);}
	.lnb_dep3 .container > ul {position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: calc(100% - 30px); display: none; z-index: 1; border: 1px solid #999; border-top: 0; background-color: #fff; overflow: hidden; border-radius:10px;}
	.lnb_dep3 .container > ul.ty3 {max-width: 100%;}
	.lnb_dep3 .container > ul > li {display: block; width: 100%; height: 40px;}
	.lnb_dep3 .container > ul > li:before {display: none;}
	.lnb_dep3 .container > ul > li ~ li {border-top: 1px solid #999;}
	.lnb_dep3 .container > ul > li > a {text-align: left; line-height: 38px; display: block; font-size: 14px; color: #111; padding: 0 15px; background-color: #fff; width: 100%;}
	.lnb_dep3 .container > ul > li.current > a {background-color: #176cca; color: #fff;}
	.lnb_dep3.active .container > ul {display: block;}
	
	/* s1_1 */
	.s1_1 ul li {width: 50%;}
	.s1_1 ul li:nth-of-type(2) ~ li {margin-top: 40px;}

	/* s1_2 */
	.s1_2 article {flex-wrap: wrap; flex-direction: column-reverse;}
	.s1_2 article .greeting {max-width: 100%; width: 100%; text-align: center;}
	.s1_2 article .img {margin: 0 auto; width: 80%;}
	
	/* s1_3 */
	.s1_3 .container article:nth-of-type(1) .table-box table tbody tr td:last-child {width: 800px;}
	.s1_3 .table-box.ty2 {display: none;}
	.s1_3 .table-box.ty2.m-table {display: block;}
	
	/* s1_4 */
	.tab-box li a {font-size: 16px;}
	.bg .bg-1 {display: none;}
	.bg .bg-2 {width: 100%;}
	.s-tit {font-size: 24px; max-width: 300px;}

	/* s1_5 */
	.s1_5 .cnt ul {flex-wrap: wrap;}
	.s1_5 .cnt ul li {width: 100%;}
	.s1_5 .cnt ul li ~ li {margin-top: 40px;}
	.s1_5 .cnt ul li .info {max-width: 600px; padding: 0 50px;}

	/* s2_3 */
	.s2_3 .wrap {flex-wrap: wrap; flex-direction:column-reverse;}
	.s2_3 .wrap .txt {width: 100%; margin-top: 40px; max-width: 100%;}
	.s2_3 .wrap .img {max-width: 100%; width: 100%; height: 350px;}

	/* s2_5 */
	.s2_5 .edu ul li dl {padding: 50px 20px 0 145px;}
	.s2_5 .edu ul li dl::before {width: 100px; height: 100px; background-size: 100px auto; left: 20px;}
	.s2_5 .edu ul li dl dt {font-size: 20px;}
	.s2_5 .edu ul li dl dd {font-size: 16px;}

	/* s4_2 */
	.s4_2 ul li {width: 33.33333%;}
	.s4_2 ul li:nth-of-type(3) ~ li {margin-top: 40px;}
}

@media(max-width:768px){

	/* 공통 */
	section {padding: 80px 0 100px;}
	.real-cont {padding: 80px 0 100px;}
	.article-header h4 {font-size: 28px;}
	.s2_3 .article-header h4 {font-size: 28px; line-height: 35px;}
	.bg {height: 230px;}
	.bg .bg-2 {padding: 100px 40px 0 0;}
	.bg .bg-2 span {font-size: 20px;}
	.bg .bg-2 h5 {font-size: 30px; padding-top: 20px;}
	.s-tit {font-size: 20px; line-height: 30px; width: 100%; padding-left: 0; max-width: 100%;}
	.s-tit > br {display: none;}
	.arti-txt {width: 100%; margin-top: 20px;}
	.arti-txt p {font-size: 16px;}
	.arti-txt p ~ p {padding-top: 20px;}
	.s1_4 article.cnt01 {margin-top: 60px;}
	.s1_4 article.cnt01, .s1_4 article {flex-wrap: wrap; padding: 30px 0;}

	/* page-header */
	.page-header h3 {font-size: 35px;}

	/* s1_1 */
	.s1_1 ul li dl {padding: 30px 20px 0;}
	.s1_1 ul li dl dt {font-size: 24px;}
	.s1_1 ul li dl dd p {font-size: 16px;}
	.s1_1 ul li dl::before {width: 40px; bottom: 20px; background-size: 40px auto;}

	/* s1_2 */
	.s1_2 article .greeting h5 {font-size: 22px; line-height: 35px;}
	.s1_2 article .greeting span {font-size: 18px;}
	.s1_2 article .greeting p {font-size: 16px; padding-top: 30px;}
	.s1_2 article .img {width: 90%;}
	.s1_2 article .img dl dt {font-size: 16px;}
	.s1_2 article .img dl dd {font-size: 18px;}

	/* s1_3 */
	.s1_3 .table-box table tbody tr td {font-size: 16px;}
	.s1_3 .table-box.m-table table colgroup {display: none;}
	.s1_3 .table-box.m-table table tbody tr td.tit {width: 200px; padding-left: 15px;}
	.s1_3 .table-box.m-table table tbody tr td:last-child {width: 500px;}
	.s1_3 article .m-note {display: block;}

	/* s1_5 */
	.s1_5 .cnt .cnt-tit {font-size: 24px;}
	.s1_5 .cnt ul li .pic {max-width: 200px;}
	.s1_5 .cnt ul li .info {padding: 0 0 0 20px;}

	/* s1_6 */
	.s1_6 .map {height: 300px;}
	.s1_6 .map-info {flex-wrap: wrap; padding-top: 40px;}
	.s1_6 .map-info .info {width: 100%;}
	.s1_6 .map-info .info dl dt {font-size: 16px; width: 60px;}
	.s1_6 .map-info .info dl dd {font-size: 16px;}
	.s1_6 .map-info .btn-area {margin-top: 40px; margin-left: auto;}

	/* s2_1 */
	.s2_1 .s-bg {height: 230px;}

	/* s2_3 */
	.s2_3 .wrap .txt p {font-size: 16px;}
	.s2_3 .wrap .txt p ~ p {padding-top: 20px;}
	.s2_3 .cnt02 h5 {font-size: 20px; line-height: 30px;}
	.s2_3 .cnt02 .txt p {font-size: 16px;}
	.s2_3 .cnt02 .txt p ~ p {padding-top: 20px;}
	.s2_3 .cnt02 .txt-box {padding: 30px 20px;}
	.s2_3 .cnt02 .txt-box p {font-size: 16px;}
	.s2_3 .cnt02 .txt-box.ty2 p ~ p {padding-top: 20px;}
	.s2_3 .cnt02 .last p {font-size: 16px;}

	/* s2_4 */
	/* .s2_4 .org_m {display: block;}
	.s2_4 .org {display: none;} */

	/* s2_5 */
	.s2_5 .edu ul li {width: 100%; min-height: auto;}
	.s2_5 .edu ul li ~ li {margin-top: 40px;}
	.s2_5 .edu ul li dl {padding: 30px 20px 20px 125px;}
	.s2_5 .edu ul li dl:before {top: 50%; transform: translateY(-50%); width: 80px; height: 80px; background-size: 80px auto;}

	/* s3_2 */
	.s3_2 .container .calendar-title > h4 {font-size: 30px;}
	.s3_2 .container .calendar-wrap table thead tr th {font-size: 18px;}

	/* s4_2 */
	.s4_2 ul li {width: 50%;}
	.s4_2 ul li:nth-of-type(2) ~ li {margin-top: 40px;}
}

@media(max-width:480px){

	.bg .bg-2 {padding-right: 20px;}
	.bg .bg-2 h5 {font-size: 28px;}
	
	/* s1_1 */
	.s1_1 .s-bg {height: 250px; margin-top: 60px;}
	.s1_1 ul li {width: 100%; min-height: auto;}
	.s1_1 ul li ~ li {margin-top: 40px;}
	.s1_1 ul li dl {padding-bottom: 30px;}
	.s1_1 ul li dl dt {font-size: 20px;}
	.s1_1 ul li dl dd {padding-top: 10px;}
	.s1_1 ul li dl::before {right: 20px;}

	/* s1_5 */
	.s1_5 article ~ article {margin-top: 60px;}
	.s1_5 .article-header h4 {line-height: 35px;}
	.s1_5 .article-header h4 .mo {display: block;}
	.s1_5 .cnt ul li {flex-wrap: wrap;}
	.s1_5 .cnt ul li .info {margin-top: 30px; padding-left: 0;}
	
	.s1_5 .cnt ul li .info dl dd {margin-left: 0;}

	/* s2_2 */
	.arti-txt p.pray {font-size: 15px; padding: 10px;}

	/* s2_3 */
	.s2_3 .wrap .img {height: 230px;}	
	.s2_3 article ~ article {margin-top: 60px;}

	/* s4_2 */
	.s4_2 ul li figure figcaption {font-size: 16px; padding: 15px 5px; line-height: 24px;}
}
