@charset "utf-8";

@media (max-width: 1920px) {
	
	/* content */
}

@media (max-width: 1680px) {

	/* sub */
    .gallery-slider .gallery-prev,
    .gallery-slider .gallery-next {top:45%;}
    .gallery-slider .gallery-prev {left:20px;}
    .gallery-slider .gallery-next {right:20px;}
	
}

@media (max-width: 1440px) {
	
	

	/* main */
	.main-we .more {right:20px;}
	
	/* sub */

	/* board */
	


}


@media (max-width: 1380px) {

	
	/* main */
    .main-visual {height:800px;}
	.main-visual .info .tit {font-size:50px;}
    .main-visual .photo {width:600px;}

    .main-guide:before {height:180px;}
    .main-guide .title-inner {padding-left:20px;}
    .main-guide .title-inner:after {background-size:250px;}
    .main-guide .title-inner .main-title {padding-top:50px;}
    .main-guide .title-inner .main-title h2 {margin-bottom:20px;}
    .main-guide .title-inner .main-title p {padding-right:35px; padding-left:100px;}
    .main-guide .info {padding:50px 20px;}
    .main-guide .info .wrap {padding-left:50px;}
    .main-guide .info .title {margin-bottom:50px;}
    .main-guide .info .title .txt .tit {font-size:30px;}
    .main-guide .info .title .txt .tel {font-size:35px;}
    .main-guide .info ul li a {padding:40px 20px 30px;}
    .main-guide .info ul li .ico {margin-bottom:30px;}
    .main-guide .info ul li .tit {margin-bottom:40px;}
	
	/* sub */
	
	

}

@media (max-width: 1240px) {

	/* head */
    #gnb {margin-left:50px;}
	#gnb > ul {margin:0 -30px;}
    #gnb > ul > li {padding:0 30px;}

    /* main */
   

    .main-visual {height:700px;}
    .main-visual .slide-wrap {padding-top:170px;}
	.main-visual .info .tit {font-size:40px;}
    .main-visual .photo {width:540px;}
    .main-visual .photo:before {top:-15px; right:-30px; width:80px;}
    .main-visual .photo:after {bottom:-50px; left:-40px; width:120px;}
    .main-visual .controler-wrap {bottom:100px;}

    .main-board {padding-bottom:100px;}

	/* sub */
    .history .year {font-size:60px; margin-bottom:35px;}
    .history .history-inner .photo {width:500px;}

    .purpose-head {height:440px; margin-bottom:50px;} 
    .purpose-head .cnt {font-size:30px;}
    .purpose-head.spon {height:420px;}  
    .purpose-head.spon.app {height: 300px; margin-bottom:50px;}
    .purpose-head.volunteer {height:420px;}
    .purpose-head.volunteer.app {height: 346px; margin-bottom:50px;}

    .location-inner .photo {padding-right:100px;}
	
	

}

@media (max-width: 1140px) {

    /* main */
    .main-title h2 {font-size:35px;}
    .main-title p {font-size:17px;}

    .main-guide:before {height:160px; left:-20px; top:-100px;}
    .main-guide .title-inner {width:40%}
    .main-guide .title-inner:after {background-size:200px;}
    .main-guide .title-inner .main-title h2 br {display:none;}
    .main-guide .title-inner .main-title p {padding-right:30px; padding-left:0;}
    .main-guide .info {width:60%; padding:40px 20px;}
    .main-guide .info .wrap {padding-left:30px;}
    .main-guide .info .title {margin-bottom:40px;}
    .main-guide .info .title .ico {width:66px; height:66px;}
    .main-guide .info .title .txt .tit {font-size:20px;}
    .main-guide .info .title .txt .tel {font-size:30px;}
    .main-guide .info ul li a {padding:30px 20px 30px;}
    .main-guide .info ul li .ico {margin-bottom:25px; height: 48px;}
    .main-guide .info ul li .tit {font-size:20px; margin-bottom:30px;}

    .main-food .col {padding:70px 0 40px;}
    .main-food .food-inner {padding-right:50px; padding-left:20px;}
    .main-food .food-inner .main-title {margin-bottom:22px;}
    .main-food .food-inner .more {width:90px; height:74px;}
    .main-food .food-inner .more:after {width:74px; height:74px;}
    .main-food .food-inner .more p {font-size:15px; line-height:74px;}
    .main-food .food-inner .photo {margin-top:-20px;}
    .main-food .food-inner .photo .pic:after {border-width:4px;}
    .main-food .service-inner {padding-left:50px;}
    .main-food .service-inner .main-title {margin-bottom:174px;}
    .main-food .service-inner .main-title h2:after {height:42px;}
    .main-food .service-inner ul li a {height:120px;padding:0 30px;}
    .main-food .service-inner ul li .tit {font-size:22px;}
    .main-food .service-inner ul li .more {font-size:16px; padding-right:25px;}
    
 
    /* FOOTER */   
    #footer {padding:50px 0;font-size:15px;}
    #footer:before {top:-200px; width:200px;}

    .foot-customer {width:540px; font-size:26px; padding:30px 30px;}

    .quick {right:20px;}

    /* sub */
    .history-head {margin-bottom:100px;}

    .counsel-inner {padding-bottom:100px;}
    .counsel-inner .group .photo {padding-right: 30px;}
    .counsel-inner .group .info {padding-left: 30px;}
    .counsel-inner .group:nth-child(even) .photo {padding-left:30px;}
    .counsel-inner .group:nth-child(even) .info {padding-right:30px;}

}   

/* Landscape tablet */
@media (max-width: 1024px) {

	/* header */
    #header {top:20px;}
	#header .head {height:66px;}
	#gnb {display:none;}

    .sitelogo {left:40px;}
	.sitelogo img {height:44px}
	
	.btn-m-menu {display:block;}

	.mobile-navigation {display:block;}

    .btn-allmenu {display: none;}
	
	/* main */
	.main-visual {height:auto; padding-bottom:50px;}
    .main-visual .slide-wrap {display:block; padding-top:120px;}
    .main-visual .info {width:100%; padding-right:0; margin-bottom:24px; text-align: center;}
    .main-visual .info p {font-size:18px; margin-bottom:25px;}
    .main-visual .info p:after {width:30px;}
    .main-visual .info .tit {font-size:30px;}
    .main-visual .photo {width:100%; padding:0 30px;}
    .main-visual .photo .pic:after {border-width:3px; }
    .main-visual .controler-wrap {bottom:30px; }
    .main-visual .controler-wrap .inner {justify-content: center;}
    .main-visual .controler-wrap .slick-bt-prev { margin-right:25px;}
    .main-visual .controler-wrap .slick-bt-next {margin-left:25px;}
    .main-visual .counter {font-size:16px;}

    .main-title h2 {font-size:30px;}

    .main-guide:before {height:100px; left:-40px; top:-60px;}
    .main-guide .title-inner:after {background-size:180px;}
    .main-guide .title-inner .main-title {padding-top:30px;}
    .main-guide .title-inner .main-title p {padding-right:30px; padding-left:0;}
    .main-guide .title-inner .main-title h2 {margin-bottom:15px;}
    .main-guide .info {padding:30px 20px;}
    .main-guide .info .wrap {padding-left:0;}
    .main-guide .info .title {margin-bottom:30px;}
    .main-guide .info .title .ico {width:60px; height:60px;}
    .main-guide .info .title .txt .tit {font-size:18px;}
    .main-guide .info .title .txt .tel {font-size:25px;}
    .main-guide .info ul li a {padding:30px 20px 30px;}
    .main-guide .info ul li .ico {margin-bottom:20px; height: 38px;}
    .main-guide .info ul li .tit {font-size:18px; margin-bottom:20px;}

    .main-food .col {padding:50px 0 40px;}
    .main-food .food-inner {padding-right:20px;}
    .main-food .food-inner .main-title {margin-bottom:15px;}
    .main-food .food-inner .more {width:80px; height:64px; margin-bottom:20px;}
    .main-food .food-inner .more:after {width:64px; height:64px;}
    .main-food .food-inner .more p {line-height:64px;}
    .main-food .food-inner .photo {margin-top:0;}
    .main-food .food-inner .photo .photo-pic {width:100%;}
    .main-food .food-inner .photo .pic:after {border-width:3px;}
    .main-food .service-inner {padding-left:20px;}
    .main-food .service-inner .main-title {margin-bottom:234px;}
    .main-food .service-inner .main-title h2:after {height:36px;}
    .main-food .service-inner ul li a {height:100px;padding:0 20px;}
    .main-food .service-inner ul li .tit {font-size:20px;}
    .main-food .service-inner ul li .more {font-size:15px; padding-right:20px;}

    .main-business {padding:80px 0;}
    .main-business .main-title {display:block; margin-bottom:30px;}
    .main-business .main-title h2 {margin-right:0; margin-bottom:10px;}
    .main-business ul {margin:0 -14px;}
    .main-business ul li {padding:0 14px;}
    .main-business ul li .content {padding:0 40px 25px;}
    .main-business ul li .content .num {font-size:25px;}
    .main-business ul li .content .tit {font-size:30px;margin-bottom:15px;}
    .main-business ul li .content .txt {font-size:18px;}

    .main-board {padding-bottom:80px;}
    .main-board .list {min-height:270px; padding:5px 30px;}
    .main-board .list ul {padding-top:20px;}
    .main-board .list ul li {padding-bottom:20px; margin-bottom:20px;}
    .main-board .list ul li:last-child {padding-bottom:0;}
    .main-board .list ul li .tit a {font-size:17px; line-height:1.4em;}
    .main-board .list ul li .date { margin-left: 30px;}
    .main-board .more {top:10px; right:20px; width:24px; height:24px;}
    .main-board .more:before {width:3px; margin-left:-1.5px;}
    .main-board .more:after {height:3px; margin-top:-1.5px;}
    .main-board .gallery ul li {font-size:17px;}
    .main-board .gallery ul li .pic {margin-bottom:18px;}
    .main-board .gallery ul li .tit {font-size:17px;}
    .main-board .gallery ul li .date {font-size:17px;}


     /* FOOTER */   
     #footer {padding:40px 0;font-size:14px;}
     #footer:before {top:-180px; width:140px;}
     .foot-info {padding-right:50px;}
     .foot-menu {margin-bottom:30px;}
     .foot-menu ul {margin:0 -20px;}
     .foot-menu ul li {padding:0 20px;}
     .foot-logo {margin-bottom:15px;}
     .foot-logo img {height:60px;}
     .foot-addr {margin-bottom:20px;}
 
     .foot-customer {width:440px; font-size:22px; padding:26px;}
     .foot-customer h2 { margin-bottom:30px;}
     .foot-customer ul li .ico {width:42px; height: 42px;}

    .top-btn {width:90px; height: 64px;}
    .top-btn .txt {font-size: 15px;}

    .quick {width:90px;}
    .quick ul li a {height:50px; padding-left:15px; font-size:15px;}

	
	/* sub */
    .subCommon--fc h2 {font-size:40px; margin-bottom:50px; margin-top:60px;} 

    #lnb {margin-bottom:60px; padding:0 10px;}
    .lnb {display:block; height: 70px; border-radius: 70px; padding:6px;}
    .lnb:before {top:-60px; left:0;}
    .lnb:after {top:-70px;  right:0;}
    .lnb ul li a {padding:0 40px;height:58px;  border-radius:58px; font-size:17px;}

	.real-cont {padding-bottom:100px;}

	
	#subWrap {padding-top:80px;}

    .greeting .head {height:420px; margin-bottom:40px;}
    .greeting .head .tit {font-size:30px;}
    .greeting .cnt {margin-bottom:34px ; font-size:17px;}
    .greeting .cnt br {display:none;}
    .greeting .com-name {font-size:18px; }
    .greeting .name {font-size:30px}

    .history-head {margin-bottom:80px;  height: 160px;}
    .history-head:before {width:162px;}
    .history-head:after {width:261px; }
    .history-head .tit {font-size:30px;}

    .history .group {padding-bottom: 70px; padding-left: 70px;}
    .history .group:before {top:30px; left:16px;}
    .history .group:after {top:30px; left:16px;}
    .history .dot {top:20px; width:36px; height:36px;}
    .history .dot:after {width:16px; height:16px;}
    .history .year {font-size:50px; margin-bottom:30px;}
    .history .history-inner .info {padding-right:40px;}
    .history .history-inner .info dl dt {width:110px; font-size:20px;}
    .history .history-inner .info dl dd {font-size:17px;}
    .history .history-inner .photo {width:400px; margin-top: -90px;}

    .purpose-head {height:350px; margin-bottom:40px;} 
    .purpose-head h3 {font-size:20px; margin-bottom:16px; }
    .purpose-head .cnt {font-size:25px;}
    .purpose-head.spon {height:380px; margin-bottom:18px;}  
    .purpose-head .more {margin-top: 40px;}
    .purpose-head .more a {width:280px; height:70px; font-size:18px;}
    .purpose-head.spon.app {height: 280px; margin-bottom:40px;}
    .purpose-head.volunteer {height:380px;}
    .purpose-head.volunteer.app {height: 300px; margin-bottom:40px;}

    .content-inner .group-inner {margin-bottom: 60px;}

    .doc-title {margin-bottom:25px;}
    .doc-title h3 {font-size:30px;}
    .doc-title h3 .p {font-size:15px; padding-left:20px;}

    .table-list table thead th {padding:10px 5px; font-size:16px;}
    .table-list table tbody th {padding:10px 5px; font-size:16px;}
    .table-list table tbody td {padding:10px 5px; font-size:16px;}
    .table-list.left table th,
    .table-list.left table td {padding:10px 5px 10px 20px;}

    .vision-inner {padding:0 30px;}
    .vision-inner ul {margin:0 -20px;}
    .vision-inner ul li {padding:0 20px;}
    .vision-inner ul li:after,
    .vision-inner ul li:last-child:before {width:16px; height:16px; margin-top:-8px;}
    .vision-inner ul li:after {left:-8px;}
    .vision-inner ul li:last-child:before {right:-24px;}
    .vision-inner ul li:first-child:after {left:-24px}
    .vision-inner ul li .box {height:240px;}
    .vision-inner ul li .ico {margin-bottom:15px; height:auto;}
    .vision-inner ul li .ico img {height: 80px;;}
    .vision-inner ul li .tit {font-size:18px;}

    .gallery-slider .tit {font-size:18px;}
    .gallery-slider ul {margin:0 -6px;}
    .gallery-slider li {padding:0 6px;}
    .gallery-slider .gallery-prev,
    .gallery-slider .gallery-next {width:22px}


    .location-inner {margin-bottom: 30px; padding-top: 40px;}
    .location-inner .photo {padding-right:60px;}
    .location-inner .photo .tit {font-size:30px; margin-bottom: 30px;}
    .location-inner .info ul li {font-size:17px; padding-bottom: 30px; margin-bottom:30px;}
    .location-inner .info ul li .ico {width:80px;height:80px; margin-right:20px;}
    .location-inner .info ul li .tit {font-size:20px;}

    .maps iframe {height:600px !important;}

    .guide-box {padding: 30px 30px; margin-bottom:40px;}
    .guide-box .cnt {font-size:17px; margin-bottom: 45px;}
    .guide-box .step ul {margin:0 -26px -35px;}
    .guide-box .step ul li {padding:0 26px; font-size:17px; margin-bottom:35px;}
    .guide-box .step ul li:after {left:-7.5px; width:13px;}
    .guide-box .step ul li .box {width:296px; height:76px;}
    .guide-box .step ul li .num {bottom:-25px; left:-25px; font-size:80px;}
    .guide-box .step.type3 ul li:after {top:26px;}
    .guide-box .step.type3 .box {height:190px;}
    .guide-box .step.type3 .ico {margin-bottom:16px;}
    .guide-box .step.type3 .ico img {height:44px;}

    .guide-box-inner .group-box {margin-left:-30px;}
    .guide-box-inner .group-col {width:calc(50% - 30px); margin-left:30px; padding: 30px 30px; font-size:17px;}
    .guide-box-inner .list ul li {margin-bottom: 12px; padding-left: 18px;}
    .guide-box-inner .list ul li:after {top:8px; width:6px; height: 6px;}
    .guide-box-inner .num-list ul li {margin-bottom:10px;}
    .guide-box-inner .num-list ul li .num {width:34px;}
    .guide-point {margin-top:20px; font-size:17px;}
    .guide-point .ico {width:30px; height: 30px; margin-right:12px;}

    .counsel-inner {padding-bottom:80px;}
    .counsel-inner .group {margin-bottom:50px;}
    .counsel-inner .group .photo {padding-right: 25px;}
    .counsel-inner .group .info {padding-left: 25px;}
    .counsel-inner .group .info .com-name {font-size:18px;}
    .counsel-inner .group .info h3 {font-size:30px; margin-bottom:30px;}
    .counsel-inner .group .info .cnt {font-size:17px; margin-bottom: 20px;}
    .counsel-inner .group:nth-child(even) .photo {padding-left:25px;}
    .counsel-inner .group:nth-child(even) .info {padding-right:25px;}
    .ani-txt {
        bottom:-30px;
        font-size:180px;
    }

    .counsel-box {padding:50px 60px 90px;}
    .counsel-box .tit {font-size:40px; margin-bottom:20px;}
    .counsel-box .cnt {font-size:17px; margin-bottom: 50px;}
    .counsel-box .number {font-size:50px;}
    .counsel-box:after {right:40px; height:220px;}

    .human-vis {height:360px; margin-bottom: 30px;}

    .human-box {padding:36px;  font-size:16px;}
    .human-box h4 {font-size:22px; margin-bottom: 16px;}
    .human-box h4 .number {margin-right:10px;}
    .human-box .list ul li {margin-bottom: 12px;  padding-left: 16px;}
    .human-box .list ul li:after {top:10px; width:6px; height: 6px;}
    .human-box .list ul li dl dt {width:140px}
    .human-box .list.type2 ul li { margin-bottom:30px; padding-bottom:30px;}
    .human-box .num-list ul li {margin-bottom:12px;}
    .human-box .num-list ul li .num {width:36px; height:36px; margin-right:16px;}

    .human-links ul {margin-left:-16px;}
    .human-links ul li {width:calc(50% - 16px); margin-left:16px;}
    .human-links ul li a {padding:40px 30px;}
    .human-links ul li .tit {font-size:25px;}
    .human-links ul li p {font-size:18px;}
    .human-links ul li .more {top:40px; right:30px; width:18px; height:19px;}

    .human-links ul li:nth-child(2) .more {width:100px;  padding-left:0;}
    .human-links ul li:nth-child(2) .more:before {top:3px; left:auto; right:30px; font-size:15px;}

    .spon-inner .group {margin-bottom: 40px; font-size:17px;}
    .spon-inner .box { padding: 30px 40px;}
    .spon-inner .box ul {margin:0 -16px;}
    .spon-inner .box ul li {padding:0 16px;}
    .spon-inner .box ul li .ico {width:60px; height:60px;margin-right: 18px;}
    .spon-inner .box ul li .ico img {height:28px;}
    .spon-inner .box ul li .tit {margin-right:30px; font-size:18px;}
    .spon-inner .list ul {margin-left:-16px;}
    .spon-inner .list ul li {width:calc(33.333333% - 16px); margin-left:16px; padding:30px;}
    .spon-inner .list ul li .ico {width:70px; height:70px;  margin-right:20px;}
    .spon-inner .list ul li .info  dl dt {font-size:18px; margin-bottom:11px;}

    .volunteer-inner .content {font-size: 18px; margin-bottom:70px;}
    .volunteer-inner .content .cnt {margin-bottom: 30px;}
    .volunteer-inner .content p {font-size:25px;}
    .volunteer-inner .opt-group ul {margin-left:-16px;}
    .volunteer-inner .opt-group ul li {width:calc(33.333333% - 16px); margin-left:16px; padding: 30px;}
    .volunteer-inner .opt-group ul li .ico {width:70px; height: 70px; margin-right: 16px;}
    .volunteer-inner .opt-group ul li .info dl dt {font-size:18px; margin-bottom:10px;}
    .volunteer-inner .opt-group ul li .info dl dd {font-size:16px;}

	
	/* board */
    /* 검색 */
    .board-search {margin-bottom:30px;}
    .board-search .input {font-size:16px; height:54px;}
    .board-search .bt-search {right:25px; width:20px; height:100%;}

    .gallery-list ul {margin:0 -10px;}
    .gallery-list ul li {width:33.333333%; padding:0 10px; margin-bottom:50px;}
    .gallery-list ul li .thumb {margin-bottom: 16px;}
    .gallery-list ul li .tit {font-size:16px; margin-bottom:12px;}
    .gallery-list ul li .date {font-size:16px;}

    .calendar .head { margin-bottom:25px;}
    .calendar .head span {font-size:22px;}
    .calendar .head .btn {font-size:14px;}

    .calendar .body table thead th {height:56px; font-size:1.1em;}
    .calendar .body table tbody td {padding:16px; height:120px; font-size:1.1em;}
    .calendar .body table tbody td .cal_text li {font-size:1em;}
    .calendar .body table tbody td .cal_text li .time {padding-right:6px;}
    .calendar .body table tbody td .food-text {font-size:.9em; }


    .mailform .input {height:40px;font-size:16px;}
    .mailform .form-group {display:block;  margin:0 0 10px; padding-bottom:10px;}
    .mailform .form-group .form-col {width:100%; padding:0; margin-bottom:10px;}
    .mailform .form-group.wide {display:block; margin:0 0 10px;}
    .mailform .form-group.wide .form-col {width:100%; padding:0; }
    .mailform .form-group .tit {width:130px; font-size:16px;}

	
	.mailform + .buttons {margin-top:50px;}
    .btn-pack.form-zip {height:40px; width:auto; padding:0 16px; font-size:16px; line-height:40px;}
    .btn-pack.form-submit {width:200px; height:60px;  font-size:16px; line-height:60px;}

	

	


	
} 

/* portrait tablet */
@media (max-width: 900px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* main */
    .main-title h2 {font-size:25px;}
    .main-title p {font-size:16px;}

    .main-guide {display:block;}
    .main-guide:before {height:100px; left:-40px; top:-60px;}
    .main-guide .title-inner {width:100%;}
    .main-guide .title-inner:after {background-size:120px;}
    .main-guide .title-inner .main-title {padding:40px; max-width:100%; margin-left:100px;}
    .main-guide .title-inner .main-title p {padding-right:0; padding-left:0;}
    .main-guide .title-inner .main-title h2 {margin-bottom:15px;}
    .main-guide .info {width:100%; padding:20px 20px;}
    .main-guide .info .title {margin-bottom:25px;}
    .main-guide .info .title .ico {width:56px; height:56px;}
    .main-guide .info .title .txt .tit {font-size:17px; margin-bottom:0;}
    .main-guide .info .title .txt .tel {font-size:25px;}
    .main-guide .info ul li a {padding:25px 20px;}
    .main-guide .info ul li .ico {margin-bottom:20px; height: 38px;}
    .main-guide .info ul li .tit {font-size:17px; margin-bottom:15px;}

    .main-board {padding-bottom:70px;}
    .main-board .board-inner {display:block; margin:0 ;}
    .main-board .col {width:100%; padding:0; margin-bottom:30px;}
    .main-board .col:last-child {margin-bottom:0;}
    .main-board .list {min-height:auto; padding:5px 30px;}
    .main-board .list ul {padding-top:20px;}
    .main-board .list ul li {padding-bottom:20px; margin-bottom:20px;}
    .main-board .list ul li .tit a {font-size:16px;}
    .main-board .list ul li .date { margin-left: 20px; font-size:16px;}
    .main-board .more {top:0; right:20px; width:20px; height:20px;}
    .main-board .more:before {width:2px; margin-left:-1px;}
    .main-board .more:after {height:2px; margin-top:-1px;}
    .main-board .gallery ul li {font-size:16px;}
    .main-board .gallery ul li .pic {margin-bottom:12px;}
    .main-board .gallery ul li .tit {font-size:16px;}
    .main-board .gallery ul li .date {font-size:16px;}

	 /* FOOTER */   
     #footer:before {top:-160px; width:120px;}
     #footer .inner {display:block;}
     .foot-info {padding-right:0; width:100%; margin-bottom:20px;}
     .foot-menu {margin-bottom:20px;}
     .foot-menu ul {margin:0 -10px; justify-content: center;}
     .foot-menu ul li {padding:0 10px;}
     .foot-logo {margin-bottom:15px; text-align:center;}
     .foot-logo img {height:50px;}
     .foot-addr {margin-bottom:15px;}
 
     .foot-customer {width:100%; font-size:18px; padding:26px;}
     .foot-customer h2 { margin-bottom:20px;}
     .foot-customer ul li .ico {width:42px; height: 42px; margin-right:10px;}
	
	/* sub */
	.history-head .tit {font-size:26px;}

    .history .group {padding-bottom: 60px; padding-left: 60px;}
    .history .group:before {top:26px; left:14px;}
    .history .group:after {top:26px; left:14px;}
    .history .dot {top:12px; width:30px; height:30px;}
    .history .dot:after {width:12px; height:12px;}
    .history .year {font-size:40px; margin-bottom:30px;}
    .history .history-inner  {display:block;}
    .history .history-inner .info {padding-right:0; width:100%; margin-bottom:30px;}
    .history .history-inner .info dl {margin-bottom:15px;}
    .history .history-inner .photo {width:100%; margin-top:0;}

    .location-inner {margin-bottom: 30px; padding-top: 40px;}
    .location-inner .photo {width:40%; padding-right:40px}
    .location-inner .photo .tit {font-size:26px; margin-bottom: 30px;}
    .location-inner .info {width:60%;}
    .location-inner .info ul li.bus dl {display:block;}
    .location-inner .info ul li.bus dl dt {width:auto}
    .location-inner .info ul li.bus dl dd {width:100%;}

    .maps iframe {height:600px !important;}

    .spon-inner .box { padding: 26px;}
    .spon-inner .box ul {display:block; margin:0;}
    .spon-inner .box ul li {width:100%; padding:0; margin-bottom:20px;}
    .spon-inner .box ul li:last-child {margin-bottom:0;}
    .spon-inner .list ul {margin-left:0; display:block;}
    .spon-inner .list ul li {width:100%; margin-left:0; padding:26px; margin-bottom:16px;}
    .spon-inner .list ul li:last-child {margin-bottom:0;}    

    .volunteer-inner .content {margin-bottom:60px;}
    .volunteer-inner .opt-group ul {margin-left:0; display:block;}
    .volunteer-inner .opt-group ul li {width:100%; margin-left:0; margin-bottom:16px; padding: 26px;}
    .volunteer-inner .opt-group ul li:last-child {margin-bottom:0;}    

    .board-wrap--fc .board-view--fc header {padding:30px 0;} 
	.board-wrap--fc .board-view--fc header h1 {font-size:20px; margin-bottom:15px;}
	.board-wrap--fc .board-view--fc header address p {font-size:16px;}

	.board-wrap--fc .board-view--fc .btn-view-wrap--fc .btn-list--fc {min-width:100%; height:46px; font-size:16px;}

	.board-wrap--fc .board-view--fc .post-navi--fc .prev-post--fc a,
	.board-wrap--fc .board-view--fc .post-navi--fc .next-post--fc a {font-size:16px;}
	.board-wrap--fc .board-view--fc .post-navi--fc li span {font-size:16px;}
	
	.board-wrap--fc .board-view--fc .post-navi--fc li {padding:15px 15px;}
	.board-wrap--fc .board-view--fc .board-conts--fc ,
	.board-wrap--fc .board-view--fc .board-conts--fc div, .board-wrap--fc .board-view--fc .board-conts--fc p {font-size:16px;}
	

    .only-pc {display:none;}
    .only-mobile {display:block;}
	
} 

@media (max-width: 767px) {	
    /* main */
    .main-food {display: block;}
    .main-food .col {width:100%; padding:30px 0;}
    .main-food .food-inner {padding-right:20px; position:relative;}
    .main-food .food-inner .main-title {margin-bottom:15px;}
    .main-food .food-inner .more {position:absolute; top:10px; right:50px; width:70px; height:54px; margin-bottom:20px;}
    .main-food .food-inner .more:after {width:54px; height:54px;}
    .main-food .food-inner .more p {line-height:54px;}
    .main-food .food-inner .photo {margin-top:0;}
    .main-food .food-inner .photo .photo-pic {width:100%;}
    .main-food .food-inner .photo .pic:after {border-width:3px;}
    .main-food .service-inner {padding-left:20px;}
    .main-food .service-inner .main-title {margin-bottom:234px;}
    .main-food .service-inner .main-title h2:after {height:36px;}
    .main-food .service-inner ul li a {height:100px;padding:0 20px;}
    .main-food .service-inner ul li .tit {font-size:20px;}
    .main-food .service-inner ul li .more {font-size:15px; padding-right:20px;}

    .main-business {padding:70px 0;}
    .main-business ul {margin:0 -10px;}
    .main-business ul li {padding:0 10px;}
    .main-business ul li .content {padding:0 20px 20px;}
    .main-business ul li .content .num {font-size:20px;}
    .main-business ul li .content .tit {font-size:25px;margin-bottom:10px;}
    .main-business ul li .content .txt {font-size:16px;}

    .top-btn {width:40px; height: 40px; border-radius:15px;}
    .top-btn .top {background-size:18px; margin-bottom:0;}
    .top-btn .txt {display:none;}

    .quick {display:none !important; width:70px; border-radius: 15px; right:15px;} 
    .quick ul li a {height:40px; padding-left:10px; font-size:14px;}
    .quick.active {bottom:20px !important;}

     /* FOOTER */   
     #footer:before {top:-150px; width:90px;}

    /* sub */
    .subCommon--fc h2 {font-size:25px; margin-bottom:20px; margin-top:60px;} 

    #lnb {margin-bottom:40px}
    .lnb {height: 60px; border-radius: 60px;}
    .lnb ul li a {padding:0 30px;height:48px;  border-radius:48px; font-size:16px;}


    .vision-inner {padding:0;}
    .vision-inner:after {display:none;}
    .vision-inner ul {flex-wrap:wrap; margin:0 -10px -20px;}
    .vision-inner ul li {width:50%; margin-bottom:20px;padding:0 10px;}
    .vision-inner ul li:after,
    .vision-inner ul li:last-child:before {display:none;}
    .vision-inner ul li .box {height:auto; padding:20px; text-align: left; justify-content: flex-start;}
    .vision-inner ul li .ico {margin-bottom:0; margin-right:14px; width:80px; height:auto;}
    .vision-inner ul li .ico img {height: auto;}
    .vision-inner ul li .tit {font-size:17px;}

    .guide-box {padding: 20px; margin-bottom:30px;}
    .guide-box .cnt {font-size:16px; margin-bottom: 30px;}
    .guide-box .step ul {margin:0 -20px -20px;}
    .guide-box .step ul li {width:100%; padding:0 20px; font-size:16px; margin-bottom:20px;}
    .guide-box .step ul li:after {left:0; width: 100%; top:-5px; height:16px;transform: rotate(90deg); background-position:50% 50%;}
    .guide-box .step ul li .box {width:100%; height:60px;}
    .guide-box .step ul li .num {bottom:-25px; left:-25px; font-size:80px;}
    .guide-box .step.type3 ul li:after {top:-18px;}
    .guide-box .step.type3 .box {height:auto; padding:20px;}
    .guide-box .step.type3 .ico {margin-bottom:12px;}
    .guide-box .step.type3 .ico img {height:40px;}

    .guide-box-inner .group-box {margin-left:0; flex-wrap:wrap;}
    .guide-box-inner .group-col {width:100%; margin-left:0; padding: 20px; font-size:16px; margin-bottom:15px;}
    .guide-box-inner .group-col:last-child {margin-bottom:0;}
    .guide-box-inner .list ul li {margin-bottom: 10px; padding-left: 10px;}
    .guide-box-inner .list ul li:after {top:8px; width:4px; height: 4px;}
    .guide-box-inner .num-list ul li {margin-bottom:10px;}
    .guide-box-inner .num-list ul li .num {width:24px;}
    .guide-point {font-size:16px;}
    .guide-point .ico {width:26px; height: 26px; margin-right:10px;}

    .human-links ul {display:block; margin-left:0;}
    .human-links ul li {width:100%; margin-left:0; margin-bottom:15px;}
    .human-links ul li:last-child {margin-bottom:0;}
    .human-links ul li a {padding:30px 26px;}
    .human-links ul li .tit {font-size:25px;}

    /* board */
    .basic-board-list--fc td, .webzine-board-list--fc td {padding:5px 0;}
	.basic-board-list--fc tbody td.board-subject--fc a, .webzine-board-list--fc tbody td.board-subject--fc a {padding:0;}

	.basic-board-list--fc tbody td.board-date--fc, .webzine-board-list--fc tbody td.board-date--fc {font-size:15px;}

    .mailform .input {font-size:15px;}
    .mailform .form-group .form-col {display:block;}
    .mailform .form-group .tit {width:100%; font-size:15px; margin-bottom:10px;}
    .mailform .form-group .info {width:100%; flex-wrap:wrap;}
    .mailform .form-group .info .box {padding:20px; display:block;}
    .mailform .form-group .info .box .tit {width:100%;}
    .mailform .form-group .info .box .col-info {width:100%}
    .mailform .form-group .info .box .col-info .input {background:#fff; border:1px solid #ddd;}
    .mailform .form-group:last-child {margin-bottom:0;}
    .mailform .form-group .form-col.email .input {width:48%;}
    .mailform .form-group .name-group {display:block; margin:0;} 
    .mailform .form-group .name-group .name-col {width:100%; padding:0; margin-bottom:10px;}
    .mailform .radio-type .input[type="radio"] + label {font-size:15px;  padding-left:35px;}
    .mailform .radio-type .input[type="radio"] + label:before {width:24px; height:24px;  line-height:24px;}
    .mailform .radio-type .info p.last {width:100%; margin-right:0;}
    .mailform .radio-type .info p.last input {width:100%;}

    .btn-pack.form-zip { font-size:15px;}
    .btn-pack.form-submit {width:160px; height:50px;  font-size:15px; line-height:50px;}
    .btn-pack.small {height:30px;  font-size:1em; line-height:28px;}

    

}


/* Landscape phone */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	
	/* header */
	#header .inner {height:70px;}

	.sitelogo a {height:45px}

	.mobile-navigation {width:100%;}

	
	/* main */
    .main-visual .photo:before {top:-35px; right:0; width:60px;}
    .main-visual .photo:after {bottom:-50px; left:-20px; width:90px;}
    .main-visual .info p {font-size:16px; margin-bottom:10px;}
    .main-visual .info p:after {width:26px;}
    .main-visual .info .tit {font-size:22px;}

    .main-title h2 {font-size:22px;}
    .main-title p {font-size:15px;}

    .main-guide {display:block;}
    .main-guide .title-inner .main-title {padding:30px; margin-left:60px;}
    .main-guide .title-inner .main-title p {padding-right:0; padding-left:0;}
    .main-guide .title-inner .main-title h2 {margin-bottom:15px;}
    .main-guide .info .title {margin-bottom:20px;}
    .main-guide .info .title .ico {width:45px; height:45px; margin-right:10px;}
    .main-guide .info .title .txt .tit {font-size:15px;}
    .main-guide .info .title .txt .tel {font-size:22px;}
    .main-guide .info ul {display:block; margin:0;}
    .main-guide .info ul li {width:100%; padding:0; margin-bottom:10px; text-align: left;}
    .main-guide .info ul li:last-child {margin-bottom:0;}
    .main-guide .info ul li a {padding:16px; display:flex; align-items: center;}
    .main-guide .info ul li br {display:none;}
    .main-guide .info ul li .ico {margin-bottom:0; width:36px; height: 36px; margin-right:12px;}
    .main-guide .info ul li .tit {font-size:16px; margin-bottom:0; flex:1 1 auto; min-width:0; width: 1%;}
    .main-guide .info ul li  .more {width:25px}

    .main-food .food-inner .more {top:-5px; right:40px; width:60px; height:44px; margin-bottom:0;}
    .main-food .food-inner .more:after {width:44px; height:44px;}
    .main-food .food-inner .more p {line-height:44px;}
    .main-food .service-inner {background-size:contain}
    .main-food .service-inner .main-title {margin-bottom:234px;}
    .main-food .service-inner .main-title h2:after {height:36px;}
    .main-food .service-inner ul li a {flex-wrap:wrap; height:auto; padding:20px; position:relative;}
    .main-food .service-inner ul li a:after {content:""; position:absolute; top:50%; margin-top:-10px; right:20px; width:11px; height:20px; background:url('../img/main/service_arrow1.png') 50% 50% no-repeat; background-size:contain;}
    .main-food .service-inner ul li:nth-child(2) a:after {background-image:url('../img/main/service_arrow2.png');}
    .main-food .service-inner ul li .tit {font-size:18px; width: 100%; margin-bottom:10px;} 
    .main-food .service-inner ul li:nth-child(1) .tit br {display:none;}
    .main-food .service-inner ul li .more {font-size:15px; padding-right:20px; width:100%;}
    .main-food .service-inner ul li .more:after {display:none;}

    .main-business {padding:50px 0;}
    .main-business ul {display:block; margin:0 ;}
    .main-business ul li {padding:0; width:100%; margin-bottom:10px;}
    .main-business ul li:last-child {margin-bottom:0;}


	
	/* footer */
	
	/* sub */
	.real-cont {padding-bottom:80px;}

	
	#subWrap {padding-top:50px;}

    .greeting .head {height:250px; margin-bottom:30px;}
    .greeting .head .tit {font-size:25px; padding:0 20px;}
    .greeting .head br {display:none;}
    .greeting .cnt {margin-bottom:20px ; font-size:16px;}
    .greeting .com-name {font-size:16px; }
    .greeting .name {font-size:25px}

    .history-head {margin-bottom:60px;  height: auot; padding:20px 15px;}
    .history-head:before {width:120px;}
    .history-head:after {width:200px; }
    .history-head .tit {font-size:20px;}
    .history-head .tit br{ display:none;}

    .history .group {padding-bottom: 50px; padding-left: 50px;}
    .history .group:before {top:22px; left:14px;}
    .history .group:after {top:22px; left:14px;}
    .history .dot {top:8px;}
    .history .year {font-size:30px; margin-bottom:20px;}
    .history .history-inner  {display:block;}
    .history .history-inner .info {padding-right:0; width:100%; margin-bottom:30px;}
    .history .history-inner .info dl {display:block; margin-bottom:15px;}
    .history .history-inner .info dl dt {width:100%; font-size:18px; }
    .history .history-inner .info dl dd {width:100%; font-size:15px;}
    .history .history-inner .photo {width:100%; margin-top:0;}

    .purpose-head {height:auto; padding:30px 20px; margin-bottom:30px;} 
    .purpose-head h3 {font-size:18px; margin-bottom:12px; }
    .purpose-head .cnt {font-size:20px;}
    .purpose-head br {display:none;}
    .purpose-head.spon {height:auto; margin-bottom:18px;}  
    .purpose-head .more {margin-top: 30px;}
    .purpose-head .more a {width:260px; height:50px; font-size:16px;}
    .purpose-head .more a .ico {margin-right:10px; width:20px; height: 20px;}
    .purpose-head.spon.app {height: auto; margin-bottom:30px;}
    .purpose-head.volunteer {height:auto;}
    .purpose-head.volunteer.app {height: auto; margin-bottom:30px;}

    .content-inner .group-inner {margin-bottom: 40px;}

    .doc-title {margin-bottom:20px;}
    .doc-title h3 {font-size:25px;}
    .doc-title h3 .p {font-size:15px; padding-left:20px;}

    .table-list {width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
    .table-list table {width:1000px;}
    .table-list table thead th {padding:10px 5px; font-size:15px;}
    .table-list table tbody th {padding:10px 5px; font-size:15px;}
    .table-list table tbody td {padding:10px 5px; font-size:15px;}
    .table-list.left table th,
    .table-list.left table td {padding:10px 5px 10px 15px;}

    .vision-inner ul {margin:0 -0 -10px;}
    .vision-inner ul li {width:100%; margin-bottom:10px;padding:0;}
    .vision-inner ul li .box {flex-wrap:nowrap;}
    .vision-inner ul li .ico {margin-right:10px; width:50px;}
    .vision-inner ul li .tit {font-size:16px;}
    .vision-inner ul li  br {display:none;}

    .gallery-slider .tit {font-size:16px;}
    .gallery-slider ul {margin:0 -4px;}
    .gallery-slider li {padding:0 4px;}
    .gallery-slider .gallery-prev,
    .gallery-slider .gallery-next {width:20px}

    .location-inner {display:block; margin-bottom: 30px; padding-top: 30px;}
    .location-inner .photo {width:100%; padding-right:0; margin-bottom:30px;}
    .location-inner .photo .tit {font-size:22px; margin-bottom: 20px; text-align:center;}
    .location-inner .photo .tit br {display:none;}
    .location-inner .photo .pic img {width:100%;}
    .location-inner .info {width:100%;}
    .location-inner .info ul li {font-size:16px; padding-bottom: 20px; margin-bottom:20px;}
    .location-inner .info ul li .ico {width:60px;height:60px; margin-right:15px;}
    .location-inner .info ul li .tit {font-size:18px;}
    .location-inner .info ul li.bus .arrow {margin:0 10px;}

    .maps iframe {height:300px !important;}

    .guide-box .cnt {font-size:15px;}
    .guide-box .step ul li {font-size:15px;}

    .guide-box-inner .group-col {font-size:15px;}
    .guide-point {font-size:1em;}

    .counsel-inner {padding-bottom:50px;}
    .counsel-inner .group {display:block; margin-bottom:30px;}
    .counsel-inner .group .photo {width:100%; padding-right: 0; margin-bottom:20px;}
    .counsel-inner .group .info {width:100%; padding-left: 0;}
    .counsel-inner .group .info .com-name {font-size:16px;}
    .counsel-inner .group .info h3 {font-size:24px; margin-bottom:16px;}
    .counsel-inner .group .info .cnt {font-size:15px; margin-bottom: 20px;}
    .counsel-inner .group:nth-child(even) .photo {padding-left:0;}
    .counsel-inner .group:nth-child(even) .info {padding-right:0;}
    .ani-txt {
        bottom:-30px;
        font-size:160px;
    }

    .counsel-box {padding:20px 20px 95px;}
    .counsel-box .tit {font-size:2.2em; margin-bottom:20px;}
    .counsel-box .cnt {font-size:15px; margin-bottom: 20px;}
    .counsel-box .number {font-size:2.5em;}
    .counsel-box:after {right:20px; height:100px;}

    .human-vis {height:220px; margin-bottom: 25px;}

    .human-box {padding:26px;  font-size:15px;}
    .human-box h4 {font-size:20px; margin-bottom: 12px;}
    .human-box .list ul li:after {top:8px; width:4px; height: 4px;}
    .human-box .list ul li dl {display:block;}
    .human-box .list ul li dl dt {width:100%; margin-bottom:5px;}
    .human-box .list ul li dl dd {width:100%;}
    .human-box .list.type2 ul li { margin-bottom:20px; padding-bottom:20px;}
    .human-box .num-list ul li {margin-bottom:10px; align-items: flex-start;}
    .human-box .num-list ul li .num {width:30px; height:30px; margin-right:12px; margin-top:4px;}

    .human-links ul li {padding-right:50px;}
    .human-links ul li a {padding:25px;}
    .human-links ul li p {font-size:15px;}
    .human-links ul li .more {top:25px; right:-25px; width:18px; height:19px;}

    .human-links ul li:nth-child(2) .more {padding-left:0;}
    .human-links ul li:nth-child(2) .more:before {top:25px; left:auto; right:0; font-size:14px;}
	
    .spon-inner .group {margin-bottom: 30px; font-size:15px;}
    .spon-inner .box { padding: 26px;}
    .spon-inner .box ul {display:block; margin:0;}
    .spon-inner .box ul li {width:100%; padding:0; margin-bottom:20px; display:block; text-align:center;}
    .spon-inner .box ul li .ico {margin:0 auto 10px;}
    .spon-inner .box ul li .tit {margin-right:0; font-size:16px;}
    .spon-inner .box ul li .cnt {width: 100%;}
    .spon-inner .list ul li {padding:18px; margin-bottom:12px;}
    .spon-inner .list ul li .ico {width:50px; height:50px;  margin-right:10px;}
    .spon-inner .list ul li .info  dl dt {font-size:16px; margin-bottom:6px;}

    .volunteer-inner .content {font-size: 16px; margin-bottom:40px;}
    .volunteer-inner .content .cnt {margin-bottom: 20px;}
    .volunteer-inner .content p {font-size:22px;}
    .volunteer-inner .opt-group ul li {margin-bottom:12px; padding: 20px;}
    .volunteer-inner .opt-group ul li .ico {width:50px; height: 50px; margin-right: 10px;}
    .volunteer-inner .opt-group ul li .info dl dt {font-size:16px;}
    .volunteer-inner .opt-group ul li .info dl dd {font-size:15px;}


	/* board */
	/* 검색 */
    .board-search {margin-bottom:10px; display:block;}
    .board-search .search {max-width:100%;}
    .board-search .input {font-size:15px; height:50px;}
    .board-search .bt-search {right:20px; width:16px; }

    .board-total { font-size:14px; margin-top:10px;}

    .gallery-list ul {margin:0 -5px;}
    .gallery-list ul li {width:50%; padding:0 5px; margin-bottom:40px;}
    .gallery-list ul li .thumb {margin-bottom: 12px;}
    .gallery-list ul li .tit {font-size:15px; margin-bottom:10px;}
    .gallery-list ul li .date {font-size:15px;}

    .calendar .head { margin-bottom:20px; text-align:right;}
    .calendar .head span {font-size:20px;}
    .calendar .head .btn {font-size:13px;}

    .calendar .body table thead th {height:auto; padding:5px; font-size:1.1em;}
    .calendar .body table tbody td {padding:5px; height:60px; font-size:1.1em; word-break:break-all;}
    .calendar .body table tbody td .cal_text li {font-size:.9em; }
    .calendar .body table tbody td .cal_text li .time {padding-right:6px;}
    .calendar .body table tbody td .food-text {font-size:.9em; }

    .calendar-popup {padding:30px 20px; background-size:80px;}
    .calendar-popup h4 {font-size:20px; padding-bottom: 20px; margin-bottom:20px; padding-left: 65px;}
    .calendar-popup .table table colgroup col {width:auto ! important}
    .calendar-popup .table table thead  {display:none;}
    .calendar-popup .table table tbody tr {display:block;}
    .calendar-popup .table table tbody th {display:block; padding:5px 10px; font-size:1em; text-align:center;}
    .calendar-popup .table table tbody td {display:block; padding:5px 10px; font-size:1em; }
    .calendar-popup .table br {display:none;}
    .calendar-popup .table.center table td {padding:5px 10px; font-size:.9em; text-align:left;}
    .calendar-popup .table .tit-m {display:block; position:relative; font-size:1.1em; line-height:1.4em; margin-bottom:2px; padding-left:10px;}
    .calendar-popup .table .tit-m:after {content:"";position:absolute; top:5px; left:0; width:5px; height:5px; background:#4b8845; border-radius: 100%;}
    .calendar-popup .close {top:20px; right:20px;}


	.mailform + .buttons {margin-top:30px;}
	
	.buttons {margin:20px 0;}

	.btn-pack.form-submit {width:150px; height:50px; border-radius:12px; font-size:15px; line-height:50px; }
	.btn-pack.form-submit:after {width:26px;}
    .btn-pack.xlarge {min-width:120px; height:44px;padding:0 20px; line-height:42px;  font-size:16px; }

	

} 

/* Landscape phones and down */
@media (max-width: 320px) {

}