@charset "utf-8";

/**** Media Query *********************************/	
@media (max-width:1320px){
	/* s1_1 */
	.s1_1 .arti01 .txt_wrap p {padding-right: 60px;}

    .s1_4 .sur_bx ul li:last-child {padding-right: 60px;}
    .s1_4 .sur_bx ul li:last-child br {display: none;}

    .s2_2_3 .arti03 .plan_bx .plan_top p:first-child {margin-left: 20%;}
}

@media (max-width:1200px){
	/* s1_1 */
	.s1_1 .arti01 .txt_wrap p {padding-right: 40px;}
	.s1_1 .arti01 .img_wrap {max-width: 500px;}
}

@media (max-width:1024px){
    * {word-break: keep-all;}
    .sub_visual {height: 280px;}
    .lnb2 ul {padding: 0 20px; box-sizing: border-box;}

    /* s1_1 */
    .s1_1 .arti01 {padding-bottom: 100px;}
	.s1_1 .arti01 .txt_wrap b {font-size: 18px; margin-bottom: 25px;}
	.s1_1 .arti01 .txt_wrap h3 {font-size: 35px; padding-bottom: 40px; margin-bottom: 35px;}
	.s1_1 .arti01 .txt_wrap p {font-size: 16px; padding-right: 30px;} 
	.s1_1 .arti01 .txt_wrap p:not(:last-child) {margin-bottom: 20px;}
	.s1_1 .arti01 .img_wrap {max-width: 400px;}
	.s1_1 .arti01 .img_wrap .sign {font-size: 16px; margin-top: 30px;}
	.s1_1 .arti01 .img_wrap .sign img {margin-left: 20px;}

    /* s1_3 */
    .s1_3 .arti01 {margin-bottom: 90px;}
    .s1_3 .arti01 .his_bx {padding: 0 80px}

    /* s1_4 */
    .s1_4 .sur_bx {padding: 0;}

    /* s1_6 */
    .s1_6 .arti02 ul li .txt_wrap {padding: 40px 20px;}

    /* s2_2 */
    .s2_2_1 .arti02 ul li {width: 32%;}
    .s2_2_1 .arti02 ul li:nth-child(4n) {margin-right: 2%;}
    .s2_2_1 .arti02 ul li:nth-child(3n) {margin-right: 0%;}
    .s2_2_1 .arti02 ul li:nth-child(n+5) {margin-bottom: 2%;}

    /* s2_2 */
    .s2_2 .arti01 .cont_bx .left_bx {padding: 9% 20px;}

    /* s2_2_3 */
    .s2_2_3.s2 article.arti01 .manage_bx .cont ul {height: 374px;}
    
    /* s2_3 */
    .s2_3 .arti01 .cont_bx .left_bx {padding: 5.5% 20px 5.9%;}
    .s2_3_1 .arti02 ul li {width: 32%;}
    .s2_3_1 .arti02 ul li:nth-child(4n) {margin-right: 2%;}
    .s2_3_1 .arti02 ul li:nth-child(3n) {margin-right: 0%;}
    .s2_3_1 .arti02 ul li:nth-child(n+5) {margin-bottom: 2%;}
    .s2_3_1 .arti03 .inner h4 {display: flex; align-items: center; flex-flow: column wrap; justify-content: center;}
    .s2_3_1 .arti03 .inner h4 br {display: none;}
    .s2_3_1 .arti03 .icon_bx {margin-top: 30px;}
    .s2_3_1 .arti03 .icon_bx .icon {padding: 30px 20px;}

    /* s2_3_2 */
    .s2_3_2 .arti02 ul li {padding: 30px 60px;}
}

@media (max-width:968px){
	/* s1_1 */
	.s1_1 .arti01 .txt_wrap b {font-size: 16px; margin-bottom: 15px;}
	.s1_1 .arti01 .txt_wrap h3 {font-size: 30px; padding-bottom: 30px; margin-bottom: 25px;}
	.s1_1 .arti01 .txt_wrap p {font-size: 15px; padding-right: 30px;} 
	.s1_1 .arti01 .img_wrap {max-width: 350px;}
}

@media (max-width:800px){
    .sub_cont {min-height: auto;}
    .sub_visual {height: 250px;}
    .sub_tit {margin-top: 60px;}

    /* s1_1 */
    .s1_1 .arti01 {padding-bottom: 50px;}
	.s1_1 .arti01 .inner {display: block;}
	.s1_1 .arti01 .txt_wrap {width: 100%; flex: auto; margin-bottom: 15px;}
	.s1_1 .arti01 .txt_wrap p {padding-right: 0;}
	.s1_1 .arti01 .txt_wrap p br {display: none;}
	.s1_1 .arti01 .img_wrap {margin: 0 0 0 auto;}

    /* s1_2 */
    .s1_2 {padding-bottom: 100px;}
    .s1_2 .arti01 {background-size: cover;}
    .s1_2 .arti01 .inner {padding: 60px 20px;}
    .s1_2 .arti01 ul li {width: 32%; margin-right: 2%;}
    .s1_2 .arti01 ul li:nth-child(n+5) {margin-bottom: 2%;}
    .s1_2 .arti01 ul li:nth-child(4n) {margin-right: 2%;}
    .s1_2 .arti01 ul li:nth-child(3n) {margin-right: 0%;}
    .s1_2 .arti01 ul li:nth-child(7) {margin-left: 16%;}
    .s1_2 .arti01 ul li .txt_wrap p {min-height: 72px;}
    .s1_2 .arti02 {margin-top: 60px;}
    .s1_2 .arti02 .img_wrap {width: 100%;}

    /* s1_3 */
    .s1_3 .arti01 {margin-bottom: 60px;}
    .s1_3 .arti01 .his_bx {padding: 0px; margin-top: 50px;}
    .s1_3 .arti01 .his_bx > li {margin-bottom: 50px;}
    .s1_3 .arti01 .his_bx > li h4 {width: 100%; max-width: none; padding-top: 30px;}
    .s1_3 .arti01 .his_bx > li h4 span {display: inline-block; margin-left: 20px;}
    .s1_3 .arti01 .his_bx > li ul {border-top: 0; width:100%; padding-top: 20px; margin-left: 0;}
    .s1_3 .arti01 .his_bx > li ul li .month {width: 80px;}

    /* s1_4 */
    .s1_4 .sur_bx ul li:first-child {width: 150px; height: 150px; background-size: cover;}
    .s1_4 .sur_bx ul li:first-child::before {width: 70px; right: -70px;}
    .s1_4 .sur_bx ul li:last-child {height: 150px; padding: 0 40px; margin-left: 70px; width: calc(100% - 220px);}
    .s1_4 .arti02 {margin: 80px 0 130px;}

    /* s1_5 */
    .s1_5 .arti01 {padding-bottom: 60px;}

    /* s1_6 */
    .s1_6 .arti02 ul li {width: 49%; margin-right: 2%; margin-bottom: 2%;}
    .s1_6 .arti02 ul li:nth-child(2n) {margin-right: 0;}
    .s1_6 .arti02 ul li .txt_wrap p {min-height: 150px;}

    /* s1_7 */
    .s1_7 .map_area {height:300px}
    .s1_7 .bt_bx .btn_wrap {float: left; margin-top: 20px;}

    /* s2 공통 */
    .lnb2 ul {margin: 30px auto;}

    /* s2_1_1 */
    .s2_1_1 .arti01 {padding-bottom: 30px;}
    .s2_1_1 .arti01 h5 {margin-top: 30px;}

    /* s2_1_2 */
    .s2_1_2 .arti01 {margin-bottom: 30px;}
    .s2_1_2 .blue_th_pc {display: none;}
    .s2_1_2 .blue_th_m {display: block;}

    /* s2_1_2 */
    .s2_1_3 .arti01 h5 {margin-top: 30px;}

    /* s2_1_3 */
    .s2_1_3 .arti01 .icon_bx li {padding:30px 20px;}
    .s2_1_3 .arti02 {margin-top: 30px; padding: 30px 0;}

    /* s2_1_4 */
    .s2_1_4.s2 article .manage_bx .cont {width: 100%; max-width: none;}
    .s2_1_4 .arti01 .cont .img_wrap img {max-width: none;}
    .s2_1_4.s2 article .manage_bx .cont:nth-child(1), .s2_1_4.s2 article .manage_bx .cont:nth-child(2) {margin-top: 3%;}

    /* s2_2 */
    .s2_2 .arti01 .arti_tit {margin-top: 30px;}
    .s2_2 .arti01 .cont_bx > div {width: 100%;}
    .s2_2 .arti01 .cont_bx .left_bx {padding: 30px 20px; border-right: 1px solid #ddd;}
    .s2_2 .arti02 {margin-top: 50px;}
    .s2_2_1 .arti03 {margin: 50px 0;}

    .s2_2_1 .arti02 ul li {width: 48%; padding-bottom: 8px;}
    .s2_2_1 .arti02 ul li:nth-child(3n) {margin-right: 2%;}
    .s2_2_1 .arti02 ul li:nth-child(2n) {margin-right: 0%;}
    .s2_2_1 .arti02 ul li h6 {width: 40px; height: 40px; line-height: 40px;}
    .s2_2_1 .arti02 ul li p {width: calc(100% - 60px); min-height: 66px; display: flex; align-items: center;}
    .s2_2_1 .arti03 ul li {width: 50%;}
    .s2_2_1 .arti03 ul li:nth-child(2n) {border-right: 0;}
    .s2_2_1 .arti03 ul li:nth-child(2n):before {display: none;}
    .s2_2_1 .arti03 ul li .txt_wrap {padding: 0 10px;}
    .s2_2_1 .arti03 ul li .txt_wrap p {min-height: 80px;}
    .s2_2_1 .arti03 ul li .txt_wrap p br {display: none;}

    /* s2_2_2 */
    .s2_2_2 article table tbody tr td {padding: 10px;}

    /* s2_2_3 */
    .s2_2_3.s2 article .manage_bx .cont {width: 100%; margin-bottom: 5%;}
    .s2_2_3.s2 article.arti01 .manage_bx .cont ul { height: auto;}
    .s2_2_3 .arti03 .plan_bx .plan_cont .plan_tit h5 {width: 100px; height: 100px;}
    .s2_2_3 .arti03 .plan_bx .plan_cont .plan_tit.blue h5 {background-size: cover;}
    .s2_2_3 .arti03 .plan_bx .plan_cont .plan_tit.green h5 {background-size: cover;}
    .s2_2_3 .arti03 .plan_bx .plan_top p {width: calc(49.4% - 65px);}
    .s2_2_3 .arti03 .plan_bx .plan_top p:first-child {margin-left: 130px;}
    .s2_2_3 .arti03 .plan_bx .plan_cont .plan_tit {width: 130px;}
    .s2_2_3 .arti03 .plan_bx .plan_cont .plan_tit::before {width: 30px;;}
    .s2_2_3 .arti03 .plan_bx .plan_cont ul {width: calc(49.4% - 65px); padding: 20px}
    .s2_2_3 .arti03 .plan_bx .plan_cont ul.af li {width: 100%;}
    .s2_2_3 .arti03 .plan_bx .plan_cont ul.padd4 {padding: 20px;}
    .s2_2_3 .arti03 .plan_bx .plan_cont ul.padd2 {padding: 20px;;}

    /* s2_2_4 */
    .s2_2_4 article .ex_bx {padding: 65px 10px; height: auto;}
    .s2_2_4 article .ex_bx .ex_tit {width: 50%; height: auto; line-height: 1; padding: 15px; top:-5%}
    .s2_2_4 article .ex_bx ul li:nth-child(2n) {padding-top: 10%;}
    .s2_2_4 .arti03 {margin-top: 50px;}
    .s2_2_4 .arti04 {margin: 50px 0;}
    .s2_2_4 article.arti04 .ex_bx {padding: 65px 10px;}

    /* s2_2_5 */
    .s2_2_5 article {padding-bottom: 50px;}    
    .s2_2_5 article table thead tr th .left {left: 3%;}
    .s2_2_5 article table thead tr th .rgt {right: 3%;}
    .s2_2_5 article table colgroup col:nth-child(1) {width: 12%;}

    /* s2_3 */
    .s2_3 .arti01 .arti_tit {margin-top: 50px;}
    .s2_3 .arti01 .cont_bx > div {width: 100%;}
    .s2_3 .arti01 .cont_bx .left_bx {padding: 30px 20px; border-right: 1px solid #ddd;}
    .s2_3_1 .arti02 {margin-top: 50px;}
    .s2_3_1 .arti02 ul li {width: 48%; padding-bottom: 8px; margin-bottom: 10%;}
    .s2_3_1 .arti02 ul li:nth-child(3n) {margin-right: 2%;}
    .s2_3_1 .arti02 ul li:nth-child(2n) {margin-right: 0%;}
    .s2_3_1 .arti02 ul li h6 {width: 40px; height: 40px; line-height: 40px;}
    .s2_3_1 .arti02 ul li .txt_wrap {width: calc(100% - 60px); min-height: 100px; display: flex; align-items: flex-start; flex-flow: column wrap; justify-content: flex-start;}
    .s2_3_1 .arti02 ul li .txt_wrap br {display: none;}
    .s2_3_1 .arti03 {margin-top: 50px; padding:50px 0}
    .s2_3_1 .arti03 .inner h4 {height: auto; padding: 30px;}
    .s2_3_1 .arti03 .inner h4::before,
    .s2_3_1 .arti03 .inner h4::after {background-size: contain;}
    .s2_3_1 .arti03 .icon_bx .icon {width: 32%; margin-right: 2%; margin-bottom: 2%;}
    .s2_3_1 .arti03 .icon_bx .icon:nth-child(3n) {margin-right: 0;}

    /* s2_3_2 */
    .s2_3_2 .arti01 .inner .txt_wrap {width: 80%;}
    .s2_3_2 .arti02 {margin-top: 50px;}
    .s2_3_2 .arti02 ul li .img_wrap {width: 15%;}
    .s2_3_2 .arti02 ul li:first-child {margin-right: auto; margin-bottom: 5%;}
    .s2_3_2 .arti02 ul li {width: 100%; margin: 0 auto; float: none;}
    .s2_3_2 .arti03 {margin: 50px 0;}

    /* s2_3_3 */
    .s2_3_3 .arti01 ul li {width: 50%; padding: 20px 10px;}
    .s2_3_3 .arti01 ul li:nth-child(2) {border: 0;}
    .s2_3_3 .arti01 ul li:nth-child(3) {border-right: 1px solid #ddd;}
    .s2_3_3 .arti01 ul li:nth-child(2)::before {display: none;}
    .s2_3_3 .arti01 ul li:nth-child(3)::before {display: block;}
    .s2_3_3 .arti01 ul li .txt_wrap p {min-height: 66px;}
    .s2_3_3 .arti01 ul li .txt_wrap p br {display: none;}
    .s2_3_3 .arti02 {margin-top: 50px;}
    .s2_3_3 .arti03 {margin-top: 50px;}
    .s2_3_3 .arti04 {margin: 50px 0;}
    .s2_3_3 .arti04 ul li {width: 49%; margin-right: 2%; margin-bottom: 2%;}
    .s2_3_3 .arti04 ul li:nth-child(2n) {margin-right: 0;}
    .s2_3_3 .arti04 ul li .txt_wrap {padding: 20px;}

    .board_arti {margin: 50px 0;}

}

@media (max-width:640px){
    /* s1_1 */
    .s1_1 .arti01 .txt_wrap h3 {font-size: 23px;}
	.s1_1 .arti01 .txt_wrap p {font-size: 15px;}
	.s1_1 .arti01 .txt_wrap p:not(:last-child) {margin-bottom: 15px;}
	.s1_1 .arti01 .img_wrap .sign {margin-top: 20px;}
	.s1_1 .arti01 .img_wrap .sign img {margin-left: 10px;}

    /* s1_2 */
    .s1_2 .arti01 h4 br,
    article .inner > h4 br,
    article .inner > h4 br,
    .s1_2 .arti01 ul li .img_wrap {width: 50%;}

    /* s1_4 */
    .s1_4 .blue_th_pc {display: none;}
    .s1_4 .blue_th_m {display: block;}
    .s1_4 .sur_bx ul li:first-child {width: 140px; height: 140px; background-size: cover;}
    .s1_4 .sur_bx ul li:first-child::before {width: 50px; right: -50px;}
    .s1_4 .sur_bx ul li:last-child {height: 140px; margin-left: 50px; width: calc(100% - 190px);}

    /* s1_6 */
    .s1_6 .blue_th_pc {display: none;}
    .s1_6 .blue_th_m {display: block;}

    /* s2 공통 */
    .s2 article .manage_bx {margin-top: 30px;}
    .s2 article .manage_bx .cont h4 {height: auto; width: 50%; padding: 15px 0;}
    .s2 article .manage_bx .cont h4.cont_br {padding: 8.5px 0;}
    .s2 article .manage_bx .cont ul {padding: 55px 30px;}

    /* s2_1_3 */
    .s2_1_3 .arti01 .icon_bx li .img_wrap {width: 20%; margin-right: 20px;}
    .s2_1_3 .arti01 .icon_bx li .txt_wrap {width: calc(80% - 20px)}

     /* s2_3 */
     .s2_3_1 .blue_th_pc {display: none;}
     .s2_3_1 .blue_th_m {display: block;}

}

@media (max-width:480px){
    .sub_visual {height: 220px;}
    .sub_tit {margin-top: 40px;}
    .lnb ul li a {font-size: 0.8em;}
    .sub_cont {margin-top: 30px;}

    article .inner > h4 br.br_480 {display: block;}

    /* s1_2 */
    .s1_2 {padding-bottom: 50px;}
    .s1_2 .arti01 .inner {padding: 30px 20px;}
    .s1_2 .arti01 ul li {width: 49%; padding:20px 15px;}
    .s1_2 .arti01 ul li:nth-child(3n) {margin-right: 2%;}
    .s1_2 .arti01 ul li:nth-child(2n) {margin-right: 0%;}
    .s1_2 .arti01 ul li:nth-child(7) {margin-left: 0%;}
    .s1_2 .arti02 .img_wrap {margin-top: 50px;}

    /* s1_3 */
    .s1_3 .arti01 {margin-bottom: 50px;}
    .s1_3 .arti01 .his_bx {margin-top: 10%;}
    .s1_3 .arti01 .his_bx > li {margin-bottom: 10%;}
    .s1_3 .arti01 .his_bx > li h4 {padding-top: 5%;}
    .s1_3 .arti01 .his_bx > li ul {padding-top: 3%;}
    .s1_3 .arti01 .his_bx > li ul li .month {width: 15%;}
    .s1_3 .arti01 .his_bx > li ul li .cont {width: 85%;}

    /* s1_4 */
    .s1_4 .arti02 {margin: 10% 0 50px;}
    .s1_4 .sur_bx {margin-top: 5%;}
    .s1_4 .sur_bx ul li:first-child {width: 100px; height: 100px; background-size: cover;}
    .s1_4 .sur_bx ul li:first-child::before {width: 15%; right: -15%;}
    .s1_4 .sur_bx ul li:last-child {height: 100px; padding: 0 20px; margin-left: 5%; width: calc(95% - 100px);}

    /* s1_5 */
    .s1_5 .arti01 {padding-bottom: 30px;}

    /* s1_6 */
    .s1_6 .arti01 {padding-bottom: 30px;}
    .s1_6 .arti02 {padding: 30px 0;}
    .s1_6 .arti02 ul li {width: 100%; margin-right: 0%; margin-bottom: 2%;}
    .s1_6 .arti02 ul li .txt_wrap {padding: 20px;}
    .s1_6 .arti02 ul li .txt_wrap p {min-height: auto;}

    /* s1_7 */
    .s1_7 {padding-bottom: 30px;}

    /* s2 공통 */
    .s2 article .manage_bx .cont ul.af li {width: 100%;}

    /* s2_1_3 */
    .s2_1_3 .arti01 .icon_bx li {width: 100%; margin-right: 0; margin-bottom: 5%;}

    /* s2_2_2 */
    .s2_2_2 article table tbody tr td ul li  {margin-bottom: 10px;}

    /* s2_2_3 */
    .s2_2_3 .arti03 .plan_bx .plan_top p:first-child {margin-left: 110px;}
    .s2_2_3 .arti03 .plan_bx .plan_top p {width: calc(49.4% - 55px);}
    .s2_2_3 .arti03 .plan_bx .plan_cont .plan_tit {width: 110px;}
    .s2_2_3 .arti03 .plan_bx .plan_cont .plan_tit h5 {width: 80px; height: 80px;}
    .s2_2_3 .arti03 .plan_bx .plan_cont ul {width: calc(49.4% - 55px);}

    /* s2_3 */
    .s2_3_1 .arti03 .inner h4 {margin: 15px auto;}
    .s2_3_1 .arti03 .icon_bx .icon img {margin-bottom: 10px;}

    /* s2_3_2 */
    .s2_3_2 .arti01 .inner .txt_wrap {width: 95%;}
    .s2_3_2 .arti02 ul li {padding: 20px;}
    .s2_3_2 .arti02 ul li .img_wrap {margin-right: 10%;}
    .s2_3_2 .arti02 ul li .txt_wrap {width: 75%;}

    /* s2_3_4 */
    .s2_3_3 .arti04 ul li {width: 100%; margin-right: 0%;}
    .s2_3_3 .arti04 ul li .txt_wrap h5 {height: auto; display: block;}
    .s2_3_3 .arti04 ul li .txt_wrap p br {display: none;}

    .tb_outline {overflow-x: auto;}

}