.m-show {
  display: none;
}
.pc-show {
  display: block;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}


@media (max-width: 991px) {
    #header {
        border-bottom: 1px solid #a8a8a8;
        height: 58px;
    }

    #header .logo {
        float: none;
        padding: 0;
    }

    #header .logo a {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 250px;
        height: 36px;
        background: url(../../assets/images/top-logo.png) center center no-repeat;
        background-size: 100%;
    }

    #header .m-nav-toggle {
        position: absolute;
        left: 15px;
        top: 3px;
        width: 32px;
        height: 22px;
        background: url(../../assets/images/menu-ctrl.png) center center no-repeat;
        background-size: 100%;
        display: block;
    }
    #gnb {
        display: none;
    }    
}

@media (max-width: 1199px) {
    #gnb .nav>li {
        margin-left: 35px;
    }
}

@media (max-width: 991px) {
    #gnb .nav>li {
        margin-left: 10px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
	

    .main-slider .image-layer {
        height: 65vw;
        top: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover 100%;
    }
       
    .main-slider .swiper-slide__inner {
    	height: 55vw;
    	overflow: hidden;
    } 

    .main-slider-button-prev {
        left: 5px;
    }

    .main-slider-button-next {
        right: 5px;
    }	


    .testimonials-one__single {
        padding: 60px 25px 73px;
    }

    .testimonials-one__text p {
        font-size: 18px;
        line-height: 28px;
    }



    .footer-widget__contact {
        margin-top: 30px;
    }

    .footer-widget__support {
        margin-top: 30px;
    }

    .page-header {
        background-position: center;
    }
    

    .make-donation-two__left {
        margin-right: 0;
        height: 300px;
    }

    .make-donation-two__right {
        margin-left: 0;
    }

    .make-donation-two__left .block-title h2 {
        font-size: 45px;
    }
    
    .featured-campaigns__title h3 {
        font-size: 27px;
        line-height: 37px;
    }

    .featured-campaigns__text-box {
        font-size: 14px;
    }    


}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
    .pc-show {
    	display: none;
    }
    .m-show {
    	display: block;
    }

    
    .main-slider .image-layer {
        height: 95vw;
        top: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover 100%;
    }
       
    .main-slider .swiper-slide__inner {
    	height: 90vw;
    	overflow: hidden;
    }     
    
        
    .main-slider h2 {
        font-size: 80px;
        line-height: 90px; 
    }

    .main-slider-button-prev {
        left: 5px;
    }

    .main-slider-button-next {
        right: 5px;
    }
	
	
	
	
    .feature-one__inner {
        /*padding: 89px 60px 0px;*/
    }
    
    .feature-wrap__bg-fbe8f0, .feature-wrap__bg-fefdc5, .feature-wrap__bg-d7ebe7 {
        padding: 25px 17px 33px;
    }

    .feature-one__single {
        margin-bottom: 50px;
    }


    .testimonials-one__single {
        padding: 60px 25px 73px;
    }

    .testimonials-one__text p {
        font-size: 18px;
        line-height: 28px;
    }


    .footer-widget__contact {
        margin-top: 30px;
    }

    .footer-widget__support {
        margin-top: 30px;
    }

    .page-header {
        background-position: center;
        margin-top: 0;
    }

    .make-donation__right {
        margin-left: 0;
        max-width: 700px;
        margin: 0 auto;
    }

    .make-donation__left {
        margin-top: 0;
        max-width: 700px;
        margin: 0 auto 50px;
    }
    
    .make-donation-two__left {
        margin-right: 0;
        margin-bottom: 50px;
    }

    .make-donation-two__right {
        margin-left: 0;
    }

    .make-donation-two__single-img {
        margin-bottom: 30px;
    }

    .make-donation-two {
        padding: 0 0 90px;
    }   
    
    .featured-campaigns__img-box {
        margin-right: 0;
    }

    .featured-campaigns__content_box {
        margin-left: 0;
        margin-top: 0;
        padding: 52px 0 30px;
    }     

}


@media only screen and (max-width: 767px) {
	
    .pc-show {
    	display: none;
    }
    .m-show {
    	display: block;
    }
    
    .main-slider .image-layer {
        height: 95vw;
        top: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover 100%;
    }
       
    .main-slider .swiper-slide__inner {
    	height: 90vw;
    	overflow: hidden;
    }  
	  	
    .main-slider p {
        font-size: 38px;
        line-height: 48px;
    }

    .main-slider p:before {
        left: -25px;
    }

    .main-slider h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .main-slider h2 br {
        display: none;
    }

    .main-slider-nav {
        display: none;
    }



    .swiper-slide__inner-shape {
        display: none;
    }	
	
    .feature-one__inner {
        /*padding: 89px 25px 0px;*/
    }

    .feature-one__single {
        margin-bottom: 50px;
    }


    .footer-widget__contact {
        margin-top: 30px;
    }

    .footer-widget__support {
        margin-top: 30px;
    }

    .footer-widget__explore {
        margin-top: 30px;
    }


    .page-header__inner h2 {
        font-size: 49px;
        line-height: 60px;
    }

    .page-header {
        background-position: center;
        margin-top: 0;
    }
    
    .make-donation-two__left {
        margin-bottom: 20px;
        max-width: 100%;
        margin: 0;
    }
    
    .make-donation-two .col-lg-6 {
        margin-bottom: 10px;
    }        


    .featured-campaigns__img-box {
        margin-right: 0;
    }

    .featured-campaigns__content_box {
        margin-left: 0;
        margin-top: 0;
        padding: 52px 0 30px;
    }

    .featured-campaigns__title {
        padding: 0 30px 50px;
    }

    .featured-campaigns__carousel.owl-theme .owl-nav {
        display: none;
    }
    
    /* process */
    
    .process .steprow.table,
    .process .steprow.table .table-row,
    .process .steprow.table .unit {
        display: inherit;
    }

    .process .steprow.table .unit {
        width: 100%;
    }

    .process .unit-arrow {
        top: auto;
        margin-top: auto;
        right: auto;
        bottom: -15px;
        left: 50%;
        margin-left: -15px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }    

}




@media only screen and (min-width: 1200px) and (max-width: 1365px) {

    .main-slider .image-layer {
        height: 60vw;
        top: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover 100%;
    }
       
    .main-slider .swiper-slide__inner {
    	height: 50vw;
    	overflow: hidden;
    } 
}

    



@media only screen and (max-width: 420px) {
    .main-slider .image-layer {
        height: 110vw;
        top: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: cover 100%;
    }
       
    .main-slider .swiper-slide__inner {
    	height: 97vw;
    	overflow: hidden;
    } 	
}

/* ½Ä´Ü */

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

    .main-mini-wrap {
        padding: 0 0 20px 0;
    }

    .main-mini-box .mini-board-content {
        border: none;
    }

    .mini-cal-wrap {
        float: none;
        padding: 0;
        width: 100%;
        min-height: 0;
        border: none;
    }

    .mini-cal-navi-box {
        display: table;
        padding: 0;
        width: 100%;
        table-layout: fixed;
    }

    .mini-cal-navi-box p:nth-of-type(n) {
        display: table-cell;
        margin: 0 -5px 0 0;
        padding: 0;
        vertical-align: middle;
        text-align: right;
    }

    .mini-cal-navi-box p a {
        display: block;
        padding: 10px;
        cursor: pointer;
        text-align: left;
    }

    .mini-cal-navi-box p.active a {}

    .mini-cal-navi-box>a {
        display: none;
    }

    .mini-cal-sub-wrap {
        float: none;
        padding: 20px 0;
        width: 100%;
    }

    .mini-cal-sub-wrap .scrollert {
        height: 250px;
    }

    .mini-cal-sub-wrap ul li {
        padding: 0;
    }

    .mini-cal-sub-wrap ul li:after {
        top: 4px;
    }

    .mini-cal-sub-wrap ul li a {
        padding: 0 10px;
        background-position: 10px center;
    }

    .mini-cal-sub-wrap ul li a .cal-content {
        padding: 0 0 0 20px;
        max-width: calc(100% - 80px);
        font-size: 16px;
        vertical-align: middle;
    }
    
    
}

/* ¿À½Ã´Â±æ */

@media (max-width: 768px) {

    .office-info dt,
    .office-info dd {
        font-size: 16px;
        line-height: 27px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .office-info dl {
        display: block;
    }

    .office-info dt,
    .office-info dd {
        font-size: 16px;
        line-height: 27px;
    }
}

@media (max-width: 320px) {
    .office-info dl {
        display: block;
    }
}

/* ÇÁ·Î±×·¥ ¾È³» */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tpchosebox {
    padding: 50px 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
  .ac-chose-area .container {
  	padding: 40px;
  }

}


/*--------------------------------------------------------------
# °øÅë ÆäÀÌÁö Lnb
--------------------------------------------------------------*/


@media all and (min-width:769px) {
    #side-wrap {
        position: relative;
    }

    #leftmenu ul {
        border-bottom: 1px solid #e5e5e5;
        text-align: center;
    }

    #leftmenu li {
        display: inline-block;
        margin: 0 35px;
    }

    #leftmenu li a {
        position: relative;
        display: block;
        padding: 30px 0;
        color: #999;
        font-size: 1.176em;
        letter-spacing: -0.05em;
        font-weight: 400
    }

    #leftmenu li a:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        background: #01b552;
        width: 100%;
        height: 4px;
        opacity: 0;
        transition: all .3s ease
    }

    #leftmenu li a.over,
    #leftmenu li a:focus,
    #leftmenu li a:hover {
        color: #01b552;
        font-weight: 500;
    }

    #leftmenu li a.over:after,
    #leftmenu li a:focus:after,
    #leftmenu li a:hover:after {
        opacity: 1;
    }

    #leftmenu .lm-tit button {
        display: none;
    }
}

@media all and (max-width:999px) {
    #leftmenu li {
        margin: 0 20px;
    }
}

@media all and (max-width:768px) {
    #side-wrap {
        display: block;
        width: auto;
        padding: 0 20px;
        position: relative;
        z-index: 2;
    }

    #leftmenu {
        position: relative;
        height: 60px;
    }

    #leftmenu .lm-tit {
        position: relative;
        height: 60px;
        font-size: 1.059em;
        color: #000;
        text-align: center;
        line-height: 60px;
        border-bottom: 1px solid #e5e5e5;
    }

    #leftmenu .lm-tit button {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 0;
        background-color: transparent;
        display: block;
    }

    #leftmenu .lm-tit:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px;
        border-top: 6px solid #555;
        border-left: 5px solid transparent;
        border-bottom: 0;
        border-right: 5px solid transparent;
    }

    #leftmenu.open .lm-tit:after {
        border-top: 0;
        border-bottom: 6px solid #555;
    }

    #leftmenu .depth2 {
        text-align: center;
        background: #f4f4f4;
        height: 0;
        overflow: hidden;
        transition: all .3s ease
    }

    #leftmenu.open .depth2 {
        height: auto;
    }

    #leftmenu .depth2 li {
        padding: 10px 0;
        margin: 0;
    }

    #leftmenu .depth2 li:first-child {
        padding-top: 20px;
    }

    #leftmenu .depth2 li:last-child {
        padding-bottom: 20px;
    }

    #leftmenu .depth2 li a {
        display: block;
    }

    #leftmenu .depth2 li a span {
        position: relative;
        display: inline-block;
        color: #666;
    }

    #leftmenu .depth2 li a span:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 100%;
        height: 1px;
        background: transparent;
    }

    #leftmenu .depth2 li a.over span {
        color: #000;
    }

    #leftmenu .depth2 li a.over span:after {
        background: #000;
    }
}

@media all and (max-width:420px) {
    #side-wrap {
        padding: 0 15px;
    }
}


/*--------------------------------------------------------------
# Áֿ俬Çõ
--------------------------------------------------------------*/

@media (max-width: 1023px) {
    .history {
        margin-top: 103px
    }

    .history:after {
        left: 0;
        top: 11px;
        height: calc(100% - 11px)
    }

    .history .historyFocus {
        left: -11px
    }

    .history .historyFocus.on {
        display: block
    }

    .history .historyFocus:after {
        display: none
    }

    .history>ul>li {
        padding: 0px 0 40px 20px
    }

    .history>ul>li .box {
        position: relative
    }

    .history>ul>li .box .year {
        position: relative;
        top: unset;
        left: unset;
        font-size: 30px;
        line-height: 0.8
    }

    .history>ul>li .box .year:before {
        top: 15px;
        left: -23px;
        width: 7px;
        height: 7px
    }

    .history>ul>li .box .year:after {
        top: 10px;
        left: -28px;
        width: 15px;
        height: 15px
    }

    .history>ul>li .box .imgWrap {
        float: unset;
        width: 100%;
        padding-top: 20px;
        padding-right: 0px
    }

    .history>ul>li .box .imgWrap .photo img {
        margin: 0
    }

    .history>ul>li .box .historyText {
        right: auto;
        float: none;
        width: auto;
        -webkit-transform: none;
        transform: none;
        padding-left: 0px
    }

    .history>ul>li .box .historyText:before {
        display: none
    }

    .history>ul>li .box .awardName {
        padding-top: 0px
    }

    .history>ul>li .box .awardName li {
        font-size: 14px
    }

    .history>ul>li .box .awardName li .month {
        padding-top: 13px
    }

    .history>ul>li .box .awardName li p:before {
        top: 9px
    }		
}



/*--------------------------------------------------------------
# °øÅë Å×À̺í
--------------------------------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .finInfo_tg {
  	width: 100%; overflow-x: auto; white-space: nowrap;
 }
}