@charset "utf-8";
/* CSS Document */

/************************************************
	layout
************************************************/
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap');


/*==============메일 비주얼================**/
#cont0{margin-bottom:100px;}
/*스크롤*/
.scroll { position: absolute; bottom: 40px; right: 0; left: 0; margin: auto; width: 42px; height: 35px;
}
.scroll:before{
    z-index: 1;
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url('../images/scroll.png') repeat 0 0;
    -webkit-animation: sc1 1s infinite; animation: sc1 1s infinite;
}
.scroll:after{
    z-index: 2;
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: url('../images/scroll.png') repeat 42px 0;
    -webkit-animation: sc2 1s infinite; animation: sc2 1s infinite;
}
@-webkit-keyframes sc1 {
    0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}
@keyframes sc1 {
    0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; }
}
@-webkit-keyframes sc2 {
    0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }
}
@keyframes sc2 {
    0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }
}
@media (max-width:768px) {
    /* .scroll { bottom: 20px; width: 50px; height: 30px; } */
    .scroll { bottom: 20px;}
}
#mainVisual{position:relative; width:100%; overflow:hidden; height:100%; margin-top:95px}
#mainVisual .visual-item{position:relative; width:100%; overflow:hidden; }
#mainVisual .visual-item > img{
	width:100%;
	height:100%;
	-ms-transform: scale(1.2,1.2); /* IE 9 */
    -o-transform: scale(1.2,1.2); /* IE 9 */
    -moz-transform: scale(1.2,1.2); /* IE 9 */
    -webkit-transform: scale(1.2,1.2); /* Chrome, Safari, Opera */
     transform: scale(1.2,1.2);
	-webkit-transition:transform 3s ease-in-out; /* Safari */
	-moz-transition:transform 3s ease-in-out ; /* Safari */
	-o-transition:transform 3s ease-in-out ; /* Safari */
	-ms-transition:transform 3s ease-in-out ; /* Safari */
    transition:transform 3s ease-in-out ;
   animation: zoom ease-in-out 3s forwards;
  transition: ease-out 3s; 
}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; top:0; left:0; height:100%;  text-align:center; width:100%;}
#mainVisual .visual-txt .wrap{height:100%; display:table;}
#mainVisual .visual-txt .container_t{display: table-cell;vertical-align: middle;width:1200px;height: 100%;}
#mainVisual .visual-txt .container_t .fade-contents{
	opacity: 0;
}
#mainVisual .visual-txt .container_t .fade-contents h3{
	font-size:19px;
	color:rgba(255,255,255,0.8);
	text-align:center;
	font-weight:300;	
	opacity: 0;	
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
 	-webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;	
}
#mainVisual .visual-txt .container_t .fade-contents .img-top{
	opacity: 0;	
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
	margin: 25px 0 -10px;
    text-align: center;
    width: 100%;
	-webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s;	
}
#mainVisual .visual-txt .container_t .fade-contents .grid{
	opacity: 0;	
    margin: 50px auto -10px;
    max-width: 900px;
    border: 1px solid rgba(255,255,255,.3);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
	-webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;		
}
.fade-contents .grid li{
	display: inline-block;
    vertical-align: top;
    padding: 10px;
    font-size: initial;	
	width:50%;
    position: relative;
    padding: 25px 0;
    background: rgba(0,0,0,.1);
    -webkit-transition: ease-out .35s;
    -o-transition: ease-out .35s;
    transition: ease-out .35s;	
	box-sizing:border-box;
	float:left;
}
.fade-contents .grid li:last-child:after{display:none;}
.fade-contents .grid li a{display:block; width:100%; height:100%;}
.fade-contents .grid li:hover{background: rgba(97,160,50,.5); }
.fade-contents .grid li a p{
	line-height: 24px;
    font-size:18px;
    color: rgba(255,255,255,.6) !important;
	text-align:center;
}
.fade-contents .grid li:hover a p{color:rgba(255,255,255,.1)}
.fade-contents .grid li:after{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 65px;
    background: rgba(255,255,255,.2);
}
.fade-contents .grid.type3 li{
	width: 33.333333%!important;
}
.fade-contents .grid.type3 li:last-child a:after{
	display:none;	
}
/*
[data-an="fade-up"]{
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
}
[data-fade="in"] [data-an="fade-up"]{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
[data-an-order="1"]{
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}
[data-an-order="2"]{
    -webkit-transition-delay: .55s;
    -o-transition-delay: .55s;
    transition-delay: .55s;
}
[data-an-order="3"]{
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
}
[data-an-order="4"]{
    -webkit-transition-delay: .85s;
    -o-transition-delay: .85s;
    transition-delay: .85s;
}
[data-an-order="5"]{
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}*/
/* active */
#mainVisual .visual-item.active > img{
	-ms-transform: scale(1,1); /* IE 9 */
    -o-transform: scale(1,1); /* IE 9 */
    -moz-transform: scale(1,1); /* IE 9 */
    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */
    transform: scale(1,1);
}
#mainVisual .active .visual-txt .container_t .fade-contents{
    opacity: 1;
}
#mainVisual .active .visual-txt .container_t .fade-contents h3{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#mainVisual .active .visual-txt .container_t .fade-contents .img-top{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
#mainVisual .active .visual-txt .container_t .fade-contents .grid{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
	margin:0 auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-dots{ 
	z-index:5; 
	position:absolute;
	top:50%; 
	left: 75px; 
	margin-top:-88px;
	width: 150px; 
	height: 100%;
    opacity:1;
    -webkit-transition: ease-out .35s;
    -o-transition: ease-out .35s;
    transition: ease-out .35s;
}
[data-nav="on"] { animation: nav .35s ease-out .35s forwards; }
[data-nav="off"] { display: none; }
@-webkit-keyframes nav {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes nav {
    from { opacity: 0; }
    to { opacity: 1; }
}
.slick-dots li{margin:8px 0; padding-left: 28px;	position:relative;}
.slick-dots li:before {
    content: '';
	display:block;
    position: absolute;
    top:9px;
    left:9px;
    margin: auto;
    width: 6px;
    height: 6px;
    background: #fff;
	opacity:.5;
    border-radius: 50%;
    box-sizing: border-box;
}
.slick-dots li:after{
	content: '';
    position: absolute;
    top:3px;
    left: 3px;
    margin: auto;
    width:18px;
    height:18px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .35s ease-out .35s;
    -o-transition: .35s ease-out .35s;
    transition: .35s ease-out .35s;
    opacity: 0;
}
.slick-dots li:hover:after{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);	
}
.slick-dots li button{
	position:relative;
	width:180px;	
	text-align:left;
	color:rgba(255,255,255,0)!important;
}
.slick-dots li button:after{
	display:block;
	content:"";
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	font-size:14px;	
    opacity: .5;
    -webkit-transition: .35s ease-out .35s;
    -o-transition: .35s ease-out .35s;
    transition: .35s ease-out .35s;	
}
.slick-dots li:nth-of-type(1) button:after{
	content:"스리랑카"	
}
.slick-dots li:nth-of-type(2) button:after{
	content:"우간다"	
}
.slick-dots li:nth-of-type(3) button:after{
	content:"해외아동후원"	
}
.slick-dots li:nth-of-type(4) button:after{
	content:"반올림멘토링"	
}
.slick-dots li:hover button:after{opacity:1}
.slick-dots li:hover:before{opacity:1}
/*active*/
.slick-dots li.slick-active:after{
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);		
}
.slick-dots li.slick-active:before{opacity: 1;}
.slick-dots li.slick-active button:after{opacity:1}

/****main_cont= 공통요소******/
.content_inner{
	width:100%;
	position:relative;	
}
.content_inner h1#main_cont_title{
    padding-top: 60px;
    font-size: 50px;
    color: #000;
    text-align: center;
    line-height: 70px;
    margin-bottom: 45px;
    font-weight: 400!important;
}
.content_inner h1#main_cont_title > span{
    display: block;
    font-size: 18px;
    font-weight: 300;
    color: #444;
}


/**===cont1===**/
#cont1{
	margin-bottom:100px;	
}

.grid-container{
	zoom: 1;	
}
.content_inner .about-container{
	overflow: hidden;
}
.content_inner .about-container .about-thumb-list{
	margin: 0 auto;
    max-width: 1200px;	
}
.about-thumb-list li{
    margin-right:30px;
	width:380px;
	box-sizing:border-box;
	position:relative;
}
.grid-container > .col, 
.grid-container > .row > .col{
	float: left;
    box-sizing: border-box;	
}
.about-thumb-list li:last-child{
    margin-right:0!important
}
.about-thumb-list li .thumb-text-over{
	position: relative;
    display: block;	
	color:#fff;
	box-sizing:border-box;
	height:400px
}
.thumb-text-over .txt-holder{
	position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;	
}
.thumb-text-over .txt{
	position: relative;
    height: 100%;
    box-sizing: border-box;
    color:#fff;	
}
.thumb-text-over .txt .tit{
	position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 100%;
    font-size: 22px;
    text-align: center;
    transition: all 0.4s ease-out;	
	color:#fff;
	font-weight:bold;
	text-shadow:1px 1px 3px #000;
}
.thumb-text-over .txt .desc{
	position: absolute;
    top: 57%;
    margin-top: -9px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    opacity: 0;
    transition: all 0.4s ease-out;	
	color:#fff;
	letter-spacing:-0.5px;
    box-sizing: border-box;
    padding: 0 10px;	
}

/**메인 후원 = cont2**/
#cont2{
	background:#a6ce39;	
    padding: 68px 0 15px;
}
#cont2 .wrap {
    width: 1200px;
    margin: 0 auto;
    background:url(../images/main_sec02_bg.jpg) 100% 10px no-repeat;
    padding-bottom: 60px;	
}
#cont2 .wrap .tit {
    font-size: 48px;
    color: #fff;
	font-family: 'Raleway', sans-serif;
    line-height: 58px;
    font-weight:bold;
    letter-spacing:-0.5px;
	text-shadow:2px 1px 7px rgba(97, 160, 50, 0.7)
}
#cont2 .wrap .txt {
    font-size:18px;
    color:#fff;
    margin-top:17px;
}
#cont2 .wrap .story_wrap {
    width:690px;
    height:310px;
    margin:65px 0 0;
    padding:40px 50px 50px 60px;
    background-color: #fff;
    position: relative;
}
#cont2 .wrap .story_wrap ul {
    position: relative;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
#cont2 .wrap .story_wrap ul li {
    position: absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
}
#cont2 .wrap .story_wrap ul li a{display:block; width:100%; height:100%}
#cont2 .wrap .story_wrap ul li:first-child .category, 
#cont2 .wrap .story_wrap ul li:first-child .story_tit, 
#cont2 .wrap .story_wrap ul li:first-child .story_txt {
    opacity: 1;
    filter: alpha(opacity=100);
}
#cont2 .wrap .story_wrap .category {
    color:#61a032;
    font-weight: 500;
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
	font-size:16px;
}
#cont2 .wrap .story_wrap .category:before {
    width: 90px;
    height: 2px;
    background-color:#61a032;
    top: 50%;
    margin: -1px 0 0;
    display: block;
    content: "";
    position: absolute;
    left: -100px;
}
#cont2 .wrap .story_wrap .story_tit {
    font-size: 22px;
    color: #333;
    margin: 30px 0 0;
    font-weight: 500;
    opacity: 0;
    filter: alpha(opacity=0);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	letter-spacing:-1px;
}
#cont2 .wrap .story_wrap .story_txt {
    line-height: 26px;
    color: #666;
    margin: 15px 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
	font-size:16px;
	letter-spacing:-1px;;
	height:135px;
	font-weight:300;
	position:relative
}
#cont2 .wrap .story_wrap .spon_more{
    display: inline-block;
    padding: 4px 30px;
    border: 1px solid #aaa;
    color: #444;
    font-weight: 300;
    margin-top: 15px;
    font-size: 14px;
	position:absolute;
	bottom:0;
	left:0;	
	z-index:11
}
.story_wrap ul li a:hover .spon_more{
	border-color:#61a032;
	color:#61a032	
}
#cont2 .wrap .page_num {
    font-size: 26px;
    position: absolute;
    bottom:35px;
	right:50px;
}
#cont2 .wrap .page_num span {
    display: inline-block;
}
#cont2 .wrap .page_num .crr {
    width:18px;
    color: #61a032;
}
#cont2 .wrap .page_num .amount {
    color: #222;
    padding: 0 0 0 22px;
    background:url(../images/page_dot.gif) 0 50% no-repeat;
}
#cont2 .wrap .btn-area {
    margin: 30px 0 0;
}
#cont2 .wrap .prev {
    position: relative;
    float: left;
    left: 0;
    width: 51px;
    height: 51px;
    background-image:url(../images/roll_left_btn.png);
    background-size: 51px 51px;
}
#cont2 .wrap .next {
    position: relative;
    float: left;
    right: 0;
    width: 50px;
    height: 51px;
    background-image:url(../images/roll_right_btn.png);
    background-size: 50px 51px;
}

/**cont3= 뉴스룸**/
/* ==========================================================================
   MAIN-OFFERS
   ========================================================================== **/
.main-offers-carousel__heading {
  display: block;
  margin:31px 0 35px;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  text-align: center;
  position:relative;
}
.main-offers-carousel__heading:after{
	content: "";
    position: absolute;
    left: 50%;
    top: 0;
	margin-top:-31px;
    width: 30px;
    height: 1px;
    margin-left: -15px;
    background: #61a032;	
}






@media(max-width:800px) {/* Small Devices, 크기 sm */
#mainVisual{margin-top:50px;}
#mainVisual .visual-item > img{width:100%; height:auto;}
.slick-slide img{width:95%; height:auto;}
#mainVisual .visual-txt .container_t{width:100%!important}
#mainVisual .visual-txt .container_t .fade-contents h3{font-size:0.8rem; width:100%; padding:0 3%;}
#mainVisual .visual-txt .container_t .fade-contents .img-top{margin-top:3%;}
#mainVisual .visual-txt .container_t .fade-contents .grid{width:90%; margin-top:10%}
.fade-contents .grid li{padding:3% 0;}
.fade-contents .grid li:after{height:30px;}
.slick-dots{display:none!important;}
.fade-contents .grid li a p{font-size:0.85rem}
.content_inner h1#main_cont_title{font-size:1.6rem!important; padding-top:0%!important; line-height:47px; margin-bottom:20px!important}
.content_inner h1#main_cont_title > span{font-size:0.85rem; line-height:1.5; letter-spacing:-0.4px}

/*뉴스 영역*/
#cont0{padding: 40px 15px 0; box-sizing:border-box; width:100%;  height:550px; margin-bottom:20px!important}
#cont0 .wrap > article.pc_hidden{position:absolute; width:100%; display:none;margin-top:40px;}
#cont0 .wrap > article.pc_hidden.active2{display:block}
#cont0 .wrap > article .wrap_tab {margin-left:-15px; padding-bottom:4px;}
.wrap_tab.type2:after {display:block; clear:both; content:"";}
.wrap_tab span {display:inline-block; float:left; padding-left:15px;}
.wrap_tab span a {display:block; position:relative; z-index:1; padding:8px 0; border-radius:15px; border:1px solid #ddd; color:#555; text-align:center;}
.wrap_tab span.active a {background-color:#a6ce39; border-color:#a6ce39; color:#fff;}
.wrap_tab span.active a:after {content:""; display:inline-block; position:absolute; bottom:-3px; left:50%; z-index:5;  width:6px; height:6px; margin-left:-3px; background-color:#a6ce39; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.wrap_tab.type2 span {width:50%;}
.wrap_tab.type3 span {width:33.3333%;}

.pic_lt{width:100%;box-sizing:border-box; margin-bottom:0!important; padding-bottom:0!important; overflow:hidden }
.pic_lt ul{position:relative; overflow:hidden; width:600%;}
.pic_lt ul li{width:300px!important;}
.pic_lt ul li > a{width:100%;}
.pic_lt ul li > a .thum_wrap{position:relative; padding-bottom:42px; width:100%; height:280px!important; }
.pic_lt ul li > a .thum_wrap > img{width:auto; height:280px;}
.main-offers-carousel__heading{text-align:left!important; font-size:15px; margin-bottom:20px!important;}
.main-offers-carousel__heading:after{left:0; margin-top:25px; margin-left:2px;}
.lt_more{margin-right:-8px; margin-top:-45px!important; }
.lt_more a{width:28px!important; height:30px!important; line-height:30px!important}
a.btn2 div:before{margin-left:-4.5px!important;}
a.btn2 div:after{margin-left:-3.5px;}
.pic_lt_detail{height: 83px!important;}
.pic_lt_detail a strong{font-size:15px!important; color:#333}

#cont2{position:relative; width:100%; box-sizing:border-box; padding:0!important}
#cont2 .wrap{
	width:100%;
	box-sizing:border-box;
	background:none;
	border-bottom:0!important
}
.cont_txt_wrap{
	background:url(../images/main_sec02_bg.jpg) no-repeat center; 
	width:100%; 
	box-sizing:border-box; 
	padding:15px 15px 0 15px;
}
#cont2 .wrap .story_wrap{
	height:150px;
    padding:35px auto 30px;
    border: 1px solid #e6e6e6;
    border-bottom: 0 none;
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    border-top: 0 none;
    background: #fff;	
	margin:0 15px;
	width: calc(100% - 30px);
	box-sizing:border-box;
	display:block;
	margin:0 auto;
}
#cont2 .wrap .tit{
	font-size:32px;
	text-align:center;	
	line-height:35px;
    border: 1px solid rgba(255,255,255,0.2);	
	border-bottom:0;
	padding-top:20%	
}
#cont2 .wrap .txt{
	text-align:center; font-size:16px; width:100%; padding:0 20px; box-sizing:border-box;
	border: 1px solid rgba(255,255,255,0.2);	
	border-top:0;
	border-bottom:0;
	margin-top:0;
	padding:17px 20px 80px;
}
#cont2 .wrap .btn-area{
	position:absolute;
	top:50%;
	left:50%;	
	margin-left:-35px;
	margin-top:30px;
}
#cont2 .wrap .btn-area button{
	width:35px;
	height:35px;	
	background-size: 35px 35px;
	background-color:#61a032
}
#cont2 .wrap .story_wrap .category{text-align:center;}
#cont2 .wrap .story_wrap .story_tit{text-align:center; margin-top:10px; font-size:1rem; white-space:normal;letter-spacing:0px!important}
#cont2 .wrap .story_wrap .category:before{display:none;}
#cont2 .wrap .story_wrap .story_txt{display:none!important;}
#cont2 .wrap .page_num{ top:5%; right:4%; font-size:18px;}
#cont2 .wrap .page_num .amount{ background-size:40% auto;}
#cont1{padding:30px 15px 0; margin-bottom:20px;}
.about-thumb-list li .thumb-text-over img{
	width:100%; height:auto;	
}

/*사업분야*/
.content_inner .about-container .about-thumb-list{width:100%;}
.about-thumb-list li{width:100%; margin-right:0!important}
.grid-container > .col, .grid-container > .row > .col{float:none; margin-bottom:25px;}
.about-thumb-list li .thumb-text-over{box-sizing:border-box; height:auto;}
.thumb-text-over .txt-holder{display:block;box-sizing:border-box; width:100%; padding:10px; position: initial; height:auto}
.thumb-text-over .txt{width:100%;box-sizing:border-box; height:auto;}
.thumb-text-over .txt .desc{opacity:1!important}
.thumb-text-over .txt .tit{position: inherit;top: 0;margin-top: 0;margin-bottom:5px;text-align: left;color: #000;text-shadow: none; font-size:19px}
.thumb-text-over .txt .desc{    
	position: inherit;
    margin-top: 0;
    font-size:14px;
    color: #666;
    text-align: left;
    padding: 0;}


/*사업 재무보고서*/
#bo_sch{padding:0; width:100%;}

.sponsor_tab{width:100%;}
.sponsor_tab ul{    
	border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    position: relative;
    min-width: 320px;
    height: 100px;
    box-sizing: border-box;
    padding-bottom: 15px;
    background: #f7f7f7;
    top: 0;
    left: 0px;
    overflow: hidden;}
.sponsor_tab ul li{ 
	float: left;
    width: 33.33333333333333%;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
    box-sizing: border-box;
}
.sponsor_tab ul li a{
	text-align: center;
    display: block;
    font-weight: 700;
    font-size: 14px;
    height: 100px;
    line-height: 100px;
    padding-top: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-right: 1px solid #e6e6e6;
}
.sponsor_tab ul li:last-child a{border-right:0;}	
.sponsor_tab ul li:nth-of-type(1) a{ background:url(../images/m_spon_icon1.png) no-repeat center 27%; background-size:50px auto;}
.sponsor_tab ul li:nth-of-type(2) a{ background:url(../images/m_spon_icon2.png) no-repeat center 27%; background-size:50px auto;}
.sponsor_tab ul li:nth-of-type(3) a{ background:url(../images/m_spon_icon3.png) no-repeat center 27%; background-size:50px auto;}

#cont2 .wrap .story_wrap .spon_more{background: #61a032;color: #fff!important;border: 1px solid #61a032!important; position:inherit}


}





@media (min-width:801px) {/* Large Devices, 크기 lg  pc용*/
/**텍스트 hover효과**/
.thumb-text-over:hover .txt {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.thumb-text-over:hover .txt .tit {
  top: 44%;
  opacity: 0;
}
.thumb-text-over:hover .txt .desc {
  top: 50%;
  opacity: 1;
}
.thumb-text-over.tto-small .txt .tit {
  margin-top: -9px;
  font-size: 17px;
}
.thumb-text-over.tto-small .txt .desc {
  margin-top: -20px;
  font-size: 17px;
  line-height: 20px;
}
.thumb-text-over.tto-small:hover .txt {
  border: none;
}
}





@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fade-contents .grid li{padding:25px 0 17px }
.fade-contents .grid li:after{height:57px}
.fade-contents .grid li a p{padding-bottom:5px;}
.thumb-text-over .txt .desc{ letter-spacing:-1px;}

}