/*°øÅë*/
@media screen and (max-width: 1200px) {
    #header .in_head {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    #header {
        border-bottom: 0;
    }

    #header .in_head {
        width: 100%;
        height: auto;
        padding: 24px 0 18px 0;
    }

    #header .logo {
        position: static;
        margin-left: 20px;
    }

    #header #top_section {
        top: 28px;
        right: 20px;
    }
}

@media screen and (max-width: 767px) {
    #header .in_head {
        padding: 25px 0 22px 0;
        text-align: center;
    }

    #header .logo img {
        margin-bottom: 12px;
    }

    #header #top_section {
        position: static;
    }

    #header #top_section li {
        margin-left: 10px;
    }

    #header #top_section li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 480px) {
    #header .in_head {
        padding: 22px 0 18px 0;
    }

    #header .logo img {
        width: 350px;
        margin-bottom: 8px;
    }
}

/*footer*/
@media screen and (max-width: 1024px) {
    footer br {
        ---display: none;
    }

    footer .in_footer {
        width: 90%;
        max-width: 855px;
    }

    footer address {
        text-align: center;
    }

    footer address img {
        margin-top: 5px;
    }
}

@media screen and (max-width: 480px) {
    footer .in_footer {
        padding: 25px 0;
    }

    footer address {
        font-size: 12px;
        line-height: 18px;
    }
}

/*sec1 20.05.15 ÁÖ¼® : »ý¹æ¼Û¹è³Ê Ãß°¡ Àü*/
/*@media screen and (max-width: 1024px) {
	#sec1 .in_sec1{width:93%; margin:0 auto; padding:4% 0 7% 0;}
	#sec1 .box{float:none; width:100%; height:auto;}
	#sec1 .box + .box{float:none; width:100%;}

	#sec1 .box .in_box1{height:auto;}
	#sec1 .box .in_box2 > div{width:48%; margin:30px 0;}
	#sec1 .box .in_box2 > div + div{margin-left:4%;}

	#sec1 .box .words div.words_txt{width:50%;}
	#sec1 .box .words > img{width:300px;}
}
@media screen and (max-width: 767px) {
	#sec1 .box .in_box2 .notice li a{width:95%;}
	#sec1 .box .in_box2 .notice li span{display:none;}

	#sec1 .box .in_box2 .worship p{font-size:14px; line-height:20px;}
	#sec1 .box .in_box2 .worship img{width:28%;}

	#sec1 .box .words > img{width:42%;}
}
@media screen and (max-width: 480px) {
	#sec1 .in_sec1{width:90%; padding:25px 0 40px 0;}

	#sec1 .box .in_box2 > div{float:none; width:100%; margin:17px 0; height:auto;}
	#sec1 .box .in_box2 > div + div{margin-left:0;}

	#sec1 .box .in_box2 .notice h2{font-size:19px;}
	#sec1 .box .in_box2 .notice li{font-size:13px;}

	#sec1 .box .in_box2 .worship h2{font-size:19px;}

	#sec1 .box .words h2{font-size:19px;}
	#sec1 .box .words h3{font-size:22px;}
	#sec1 .box .words h4{font-size:18px;}
	#sec1 .box .words div.words_txt{width:70%;}
	#sec1 .box .words div.words_txt > p{font-size:24px;}
	#sec1 .box .words div.words_txt > span{font-size:18px;}
	#sec1 .box .words > a{width: 100px; height: 30px; line-height: 29px; font-size:14px;}
}*/

/*sec1 20.05.15 : »ý¹æ¼Û¹è³Ê Ãß°¡ ÈÄ */
@media screen and (max-width: 1024px) {
    #sec1 .in_sec1 {
        width: 93%;
        margin: 0 auto;
        padding: 4% 0 7% 0;
    }

    #sec1 .box {
        float: none;
        width: 100%;
        height: auto;
    }

    #sec1 .box + .box {
        float: none;
        width: 100%;
    }

    #sec1 .box .in_box1 {
        height: auto;
    }

    #sec1 .box .in_box2 > div {
        width: 49%;
        margin: 30px 0;
    }

    #sec1 .box .in_box2 > div + div {
        margin-left: 2%;
    }

    #sec1 .box .words div.words_txt {
        width: 50%;
    }

    #sec1 .box .words > img {
        width: 300px;
    }
}

@media screen and (max-width: 860px) {
    #sec1 .box .in_box2 > div {
        float: none;
        width: 100%;
    }

    #sec1 .box .in_box2 > div + div {
        margin-left: 0;
    }

    #sec1 .box .in_box2 .notice {
        height: auto;
    }

    #sec1 .box .words > img {
        width: 42%;
    }
}

@media screen and (max-width: 480px) {
    #sec1 .in_sec1 {
        width: 100%;
        padding: 25px 0 40px 0;
    }

    #sec1 .box .in_box2 .notice h2 {
        font-size: 20px;
    }

    #sec1 .box .in_box2 .notice li {
        font-size: 14px;
    }

    #sec1 .box .in_box2 .etc {
        height: auto;
    }

    #sec1 .box .in_box2 .etc div {
        float: none;
        width: 100%;
    }

    #sec1 .box .in_box2 .etc div h2 {
        font-size: 20px;
    }

    #sec1 .box .in_box2 .etc div a {
        position: static;
    }

    #sec1 .box .in_box2 .etc div.etc_bg1 {
        margin: 0 0 30px 0;;
    }

    #sec1 .box .words h2 {
        font-size: 20px;
    }

    #sec1 .box .words h3 {
        font-size: 22px;
    }

    #sec1 .box .words h4 {
        font-size: 18px;
    }

    #sec1 .box .words div.words_txt {
        width: 70%;
    }

    #sec1 .box .words div.words_txt > p {
        font-size: 24px;
    }

    #sec1 .box .words div.words_txt > span {
        font-size: 18px;
    }

    #sec1 .box .words > a {
        width: 100px;
        height: 30px;
        line-height: 29px;
        font-size: 14px;
    }
}

/****************************************************************************************************************************/
/*sec2*/
@media screen and (max-width: 1024px) {
    #sec2 .in_sec2 {
        width: 93%;
        padding: 6% 0 4% 0;
    }

    #sec2 .in_sec2 > a {
        top: 13%;
    }

    /*#sec2 .in_sec2 .news li{width:24%; margin-right:1.33%; padding:22px 20px; height:auto; margin-bottom:4%;}
    #sec2 .in_sec2 .news li p.news_date{font-size:16px;}*/
}

@media screen and (max-width: 680px) {
    #sec2 .in_sec2 .news li {
        width: 48%;
        margin: 1%
    }

    #sec2 .in_sec2 .news li img {
        width: 100%
    }
}

@media screen and (max-width: 360px) {
    #sec2 .in_sec2 .news li {
        width: 100%;
    }

    #sec2 .in_sec2 > a {
        top: 8%;
    }
}


/*@media screen and (max-width: 810px) {
	#sec2 .in_sec2 .news li{width:48%; margin-right:0;}
	#sec2 .in_sec2 .news li:nth-child(odd){margin-right:4%;}
}

@media screen and (max-width: 480px) {
	#sec2 .in_sec2{width:90%;}
	#sec2 .in_sec2{padding:27px 0;}
	#sec2 .in_sec2 h2{font-size:22px;}
	#sec2 .in_sec2 > p{font-size:15px; margin: 11px auto 30px;}

	#sec2 .in_sec2 .news li p.news_date{font-size:14px;}
	#sec2 .in_sec2 .news li p.news_tit{font-size:16px; margin: 15px 0 10px 0;}
	#sec2 .in_sec2 .news li p.news_txt{font-size:13px; line-height: 18px; height: 53px;}
}*/

/*==sec3==*/
@media screen and (max-width: 1024px) {
    #sec3 {
        width: 93%;
        margin: 6% auto;
    }

    #sec3 .box {
        width: 32%;
        margin-right: 2%;
    }

    #sec3 .box .boxtxt p br {
        display: none;
    }
}

@media screen and (max-width: 810px) {
    #sec3 .box {
        height: 325px;
    }

    #sec3 .box .boximg p {
        font-size: 24px;
    }

    #sec3 .box .boxtxt {
        padding: 20px;
    }

    #sec3 .box .boxtxt p {
        font-size: 16px;
        line-height: 130%;
    }
}

@media screen and (max-width: 720px) {
    #sec3 .box {
        height: auto;
    }
}

@media screen and (min-width: 481px) and (max-width: 720px) {
    #sec3 .box .boxtxt p {
        display: none;
    }
}

@media screen and (max-width: 480px) {

    body {
        width: 90%;
        margin: 0 auto !important;
    }

    #sec3 {
        width: 100%;
    }

    #sec3 .box {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    #sec3 .box .boximg img {
        width: 100%;
    }
}