@charset "utf-8";



/********************************************************************************************************************/
													/* 해상도 1200 이하 */
/********************************************************************************************************************/
@media (max-width: 1400px){
	.top-btn{ display:none !important; }
}


/********************************************************************************************************************/
													/* 해상도 1200 이하 */
/********************************************************************************************************************/
@media (max-width: 1200px){
	.main-visual .bx-controls-direction{ width:100%; }

}




/********************************************************************************************************************/
													/* 해상도 1140 이하 */
/********************************************************************************************************************/
@media (max-width: 1140px){


	/*************************************/
	/* 공통 */
	/*************************************/
	.sub-content{ padding:0 30px; }
	.inner{ padding:0 30px; }
	.sub-tit-area .sub-tit{ font-size:36px; }
	.family-site{ right:30px; }
	.wa{ right:30px; }
	.util{ right:30px; }
	.inner{ padding:0 30px; }
	.sitemap{ display:none; }
	#gnb{ padding-left:50px; }
	#gnb > li > a{ font-size:17px; padding: 40px 30px 35px; }
	.gnb-area {padding-left: 0;} /* 202203 추가 */



	/* 테이블 */
	.list-talent > li{ width:33.33%; height:230px; }



	/*************************************/
	/* 메인 */
	/*************************************/
	.main-visual .bx-wrapper .bx-controls-direction a.bx-prev{ left:30px; }
	.main-visual .bx-wrapper .bx-controls-direction a.bx-next{ right:30px; }
	.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ width:100%; }
	.main-banner .user-info{ padding:14px 0 16px 7%; }
	.main-banner .user-info .l-info{ float:none; width:100% !important; }
	.main-banner .user-info .r-info{ float:none; width:100% !important; padding:8px 0 0 0; }
	.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ padding-left:90px; }


	.main-banner{ height:auto; }
	.main-banner .list{ padding-left:0; padding-right:10px; }
	.main-banner .list li{ width:20%; margin-left:0; }
	.main-banner .list li a{ width:100%; height:80px; }
	.main-banner .list li a span{ padding:40px 0 0 0; text-align:center; background-position:50% 10px !important; }
	.main-banner .list li a span.line1{ padding-top:40px; }



	.video-area .inner:after{ right:2.5%; }
	.act-contbox .imgbox .cont{ padding:0 4%; }
	.act-contbox .imgbox .cont .round-box em{ padding:4px 8px 4px; font-size:12px; }
	.act-contbox .imgbox .cont .area span{ font-size:13px; }
	.act-contbox .imgbox .cont .area strong{ font-size:14px; }
	.act-contbox .imgbox .cont .area em { font-size:13px; }
	.act-contbox.st2 .imgbox .cont .round-box.st2{ margin-top:8px; padding-top:8px; }






	/*************************************/
	/* 컨텐츠 */
	/*************************************/

	/* 회원가입 */
	.idpw-tit{ font-size:34px; }
	.idpw-cont p{ margin-top:16px; font-size:16px; }




	/* sunny소개 */
	.sub-introduce p br{ display:none; }


	/* 활동하기상세 */
	.act-desc br{ display:none; }


	/* 창의인재양성 */
	.list-organ.st2 > li .desc{ padding-right:30px; }
	.list-organ.st2 > li .desc .txt br{ display:none; }
	.list-organ.st2 > li .desc .il-img{ display:none; }


	.notice-list-box.st2 > li .notice-list-cont .tit{ float:none; width:96%; }
	.notice-list-box.st2 > li .notice-list-cont .date{ float:none; width:auto; padding:12px 0 0 4px; }
	.notice-list-box.st2 > li .notice-list-cont .name{ float:none; width:auto; padding:12px 0 0 8px; }


	.sunny-chn-top .info-area .desc br{ display:none; }

    .info-business.vietnam .list > li dl {height: 100px; padding: 50px 40px 40px 40px; text-align: left;}




}

@media (min-width: 1025px) {
	#lnbWrap{ display:none !important; }
	.dim{ display:none !important; }
}



/********************************************************************************************************************/
												/* 해상도 1024 이하 */
/********************************************************************************************************************/
@media (max-width: 1024px) {


	/*************************************/
	/* 공통 */
	/*************************************/
	/* #lnbWrap{ display:block; } */
	#gnb{ display:none; }
	.logo{ margin:30px 0 30px; }
	.util{ display:none; }
	.lnb-open{ display:block; }
	.notice-file-tbl .t-desc{ display:block; margin-top:5px; margin-left:0 !important;}
	.depth2-area{ display:none !important; }
	.sitemap{ display:none !important; }
	#header:after{ display:none; }



	.sub-tit-area .sub-tit{ font-size:32px; }
	.sub-content{ padding:0 25px; }
	.inner{ padding:0 25px; }


	/* 레이어팝업 */
	.detail-top .layer-pop{ width:570px !important; top:-27px; }
	.detail-top .layer-pop .layer-cont .tit{ font-size:28px; }
	.detail-top .layer-pop .layer-cont .layer-desc{ margin-top:10px; font-size:16px; }
	.detail-top .layer-pop .layer-cont .layer-desc strong{ font-size:16px }
	.detail-top .layer-pop .layer-cont .layer-desc2{ margin-top:6px; font-size:13px; }
	.detail-top .layer-pop .layer-cont .layer-box{ margin-top:8px; }
	.detail-top .layer-pop .layer-cont .layer-box li span{ font-size:13px; }
	.detail-top .layer-pop .layer-cont .layer-box li em{ font-size:13px; }



	/* 버튼 */
	.btn{ padding:10px 28px 10px 28px; font-size:13px; }
	.bot-btn-area{ margin-top:40px; }




	/* UI 탭 */
	.ui-tab-style2.ui-tabs-nav li{ line-height:45px; }
	.ui-tab-style2.ui-tabs-nav li a.ui-tabs-anchor{ font-size:15px; }

	.ui-tab-style3.ui-tabs-nav li{ line-height:45px; }
	.ui-tab-style3.ui-tabs-nav li a.ui-tabs-anchor{ font-size:15px; }


	/* UI 탭 가로값 */
	div.tabs-area > .ui-tabs-nav.col5 > li{ width:33.33%; }



	/* 인풋스타일 */
	input[type="radio"]{
		-webkit-appearance:none;
		 -moz-appearance: none;
		 appearance: none;
		 display: inline-block;
		 position: relative;
		/* border: 1px solid #ddd !important; */
		/* background-color: transparent !important;  */
		 height: 14px;
		 width: 14px;
		 border-radius: 50px;
		 cursor: pointer;
		 margin-right: 7px;
		 outline: none;
		 transform:scale(1.5,1.5);
		 -ms-transform:scale(1.5,1.5);
		 -webkit-transform:scale(1.5,1.5);
		 -webkit-transform:scale(1.5,1.5);
		 -moz-transform:scale(1.5,1.5);
		 -o-transform:scale(1.5,1.5);
		 outline: none;
		 box-shadow: none !important;
		 vertical-align:-1px;
	}
	input[type="radio"]:checked{
		/* background-color:#999; */
	}


	.survey-area input[type="radio"]{
		border: 1px solid #ddd !important;
		background-color: transparent !important;
	}

	.survey-area input[type="radio"]:checked{
		background-color:#999;
	}


	input[type="checkbox"]{
		/* -webkit-appearance:none;
		 -moz-appearance: none;
		 appearance: none; */
		 display: inline-block;
		 position: relative;
		/* border: 1px solid #ddd !important; */
		/* background-color: transparent !important;  */
		 height: 14px;
		 width: 14px;
		 cursor: pointer;
		 margin-right: 7px;
		 outline: none;
		 transform:scale(1.5,1.5);
		 -ms-transform:scale(1.5,1.5);
		 -webkit-transform:scale(1.5,1.5);
		 -webkit-transform:scale(1.5,1.5);
		 -moz-transform:scale(1.5,1.5);
		 -o-transform:scale(1.5,1.5);
		 outline: none;
		 box-shadow: none !important;
		 vertical-align:-1px;
	}
	/* input[type="checkbox"]:checked{
		background-color:#999;
	}  */


	.survey-area input[type="checkbox"]{
		border: 1px solid #ddd !important;
		background-color: transparent !important;
	}

	.survey-area input[type="checkbox"]:checked{
		background-color:#999;
	}



	/*************************************/
	/* 메인 */
	/*************************************/
	.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ bottom:23%; }
	.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ bottom:23.5%; }
	.link-banner p{ display:none; }
	.link-banner span{ display:none; }
	.main-tab-content p.desc{ font-size:16px; line-height:30px; }
	.main-tab-content p.desc br{ display:none; }
	#gnb > li:hover > a{ color:#222; }
	#gnb > li a.hover{ color:#f13944; }
	.main-banner .user-info{ width:27%; }
	.main-banner .list-area{ padding-left:0; }
	.main-banner.log .user-info{ width:40%; }
	.main-banner.log .list li a{ height:68px; }
	.main-banner.log{ height:90px; }

	.sns-slider li a .info .name{ font-size:15px; }
	.sns-slider li a .info .txt{ font-size:13px; }
	.sns-slider li a .info .date{ font-size:13px; }

	/*************************************/
	/* 컨텐츠 */
	/*************************************/


	/* 회원가입 */
	.step-area ul li span{ padding-top:57px; }
	.step-area ul li span.img01,
	.step-area ul li.on span.img01{ background-size:60px auto; }
	.step-area ul li span.img02,
	.step-area ul li.on span.img02{ background-size:29px auto; }
	.step-area ul li span.img03{ background-size:63px auto; }
	.step-area ul li.on span.img03{ background-size:63px auto; }
	.step-area ul li span.img04{ background-size:51px auto; }
	.step-area ul li.on span.img04{ background-size:51px auto; }
	.agree-chk.all label { font-size:18px; }
	.agree-chk.all label em { font-size:18px; }
	.agree-chk.all label p { font-size:18px; }
	.agree-info > dt{ padding:0 50px; }
	.agree-info dt h3{ padding:18px 0 18px 26px; font-size:16px; }
	.agree-info dd{ margin:0 50px 25px 50px; }
	.agree-info .agree-chk{ left:48px; }
	.tbl-check li{ width:33.33%;}
	.agree-box .support-list.st2 li dl{ display:block; }
	.agree-box .support-list.st2 li dl dt{ display:block; width:100%; }
	.agree-box .support-list.st2 li dl dt br{ display:none; }
	.agree-box .support-list.st2 li dl dd{ display:block; padding-left:0; margin:20px 0 0 0; }


	/* 로그인 */
	.idpw-tit{ font-size:32px; }


	/* 공지사항 */
	.notice-file-tbl{ padding:10px 20px; }
	.notice-file-tbl .wp60{ width:80% !important;}
	.view-head .view-tit strong{ font-size:20px; }



	/* Q&A */
	.cont .infor{ padding:25px; }
	.view-comment dd p br{ display:none; }


	/* 지원하기 */
	.top-sch-list{ padding-right:0; }
	.top-sch-list .search-box{ display:block; position:relative; top:initial; margin:0 auto; margin-top:30px; }
	.sys-list{ margin-top:40px; }
	.sys-list > ul > li{ width:50%; margin-top:10px; }
	.sys-list > ul > li .box{ height:220px; }
	.act-box-style .act-contbox .cont-top h3, .act-box-style .act-contbox .cont-top strong{ font-size:16px; }


	/* 써니패밀리는 */
	.sunny-fam-field ul li{ width:33.33%; margin-top:50px; }
	.sunny-fam-field .tit-s{ padding:70px 0 14px; }

	.sys-list > ul > li .box ul + ul{ margin:0; }
	.sys-list > ul > li .box .f_left{ float:none; }



	/* 	써니패밀리(써니패밀리 프로그램 제안자) */
	.act-contbox .imgbox .cont{ bottom:5%; }
	.sunny-fam-top .program-info .list{ padding-top:100px; }
	.pro-desc{ padding:30px 0 20px; font-size:18px; }

	.act-area.sunnyfam .act-slider > li{ width:33.33%; }
	.act-area.sunnyfam .act-contbox .imgbox .cont{ bottom:5.5%; }


	/* 창의인재양성 */
	.btn-box{ padding-right:0; }
	.list-organ > li .desc .btn-box .txt{ float:none; }
	.btn-box .btn{ margin-top:5px; }



	/* 사회변화인재양성 */
	.leader-visual .box{ position:relative; width:100%; left:0; top:0; padding:22px 40px 32px; }
	.leader-visual .box .tit{ font-size:30px; }
	.leader-visual .box .desc{ margin-top:18px; }

	.sunny-fam-visual .box{ padding:7.7% 2% 0 4%; }
	.sunny-fam-visual .box p br{ display:none; }

	.info-business .list > li dl{ height:230px; }


	/* 	써니패밀리(써니패밀리 프로그램 제안자) */
	.sunny-fam-top .box-program{ float:none; width:100%; margin-bottom:20px; }
	.sunny-fam-top .program-info{ float:none; width:100%; padding:0 14px; text-align:center; }
	.sunny-fam-top .program-info .list{ padding-top:20px; }
	.sunny-fam-top .local-info .map-area .map{ float:none; width:100%; }
	.sunny-fam-top .local-info .map-area .traffic{ float:none; width:100%; }
	.program-info .p-list span{ text-align:left; }
	.program-info .p-list em{ text-align:left; }
	.program-info .p-list p{ text-align:left; }
	.act-area.sunnyfam .act-contbox .imgbox .cont{ bottom:2%; }
	.act-contbox .imgbox .cont .round-box.st2{ margin-top:7px; padding-top:7px; }

	.sunny-fam-top .btn-list{ width:100%; }


	/* 활동하기 */
	.act-news .info-area .imgbox .img{ max-height:130px; }

	/* sunny소개 */




}





/********************************************************************************************************************/
												/* 해상도 768 이하 */
/********************************************************************************************************************/
@media (max-width: 768px) {





	/*************************************/
	/* 공통 */
	/*************************************/


	/* 모바일 HOVER 기능 초기화 */
	/*button:hover,
	a:hover { display:none; }*/
	.inp-box input[type="file"]{ clip:rect(0,0,0,0); }



	.sub-content{ padding:0 15px; }
	.inner{ padding:0 14px; }
	.sub-tit-area{ padding:20px 0 30px; }
	.sub-tit-area .sub-tit{ font-size:28px; }
	.location li{ font-size:13px; line-height:19px; }
	.search-box{ width:auto; }
	.top-btn-area{ display:block; }


	/* 팝업 */
	.detail-top .layer-pop{ width:100% !important; }
	.detail-top .layer-pop .layer-cont{ padding-bottom:14px; }


	/* 메인 */
	.log-tit strong{ font-size:16px; }
	.log-tit p{ font-size:12px; }
	.main-banner .user-info{ width:33%; }
	.main-banner .list-area{ width:65%; padding-right:2%; }
	.main-banner .user-info .name em{ font-size:16px; }
	.main-banner .user-info .info > li{ font-size:12px; }
	.main-banner .user-info .r-info li{ font-size:12px; }
	.main-banner .list li a span{ font-size:12px; line-height:16px; }
	.tab-banner li{ font-size:13px; }
	.main-banner .list li a{ border-radius:10px; }
	.main-banner.log .user-info{ width:50%; }
	.main-banner.log .list-area{ width:50%; }



	/* 풋터 */
	.site-link .inner ul{ text-align:center; }
	.site-link .inner ul li{ display:inline-block; float:none; }
	.family-site{ display:none; }
	.family-site-mb{ display:block; width:100%; }
	.footer-info{ padding:37px 0 40px; }
	.footer-info .link{ margin-top:26px; }
	.wa{ top:inherit; bottom:0; }



	/* 테이블 */
	.tbl-style01,
	.tbl-style02{ min-width:100%; max-width:none; width:auto; }
	.tbl-style02 tbody th br{ display:none; }







	/* UI 탭 */
	.ui-tab-style2.ui-tabs-nav li{ line-height:42px; }
	.ui-tab-style2.ui-tabs-nav li a.ui-tabs-anchor{ font-size:14px; }

	.ui-tab-style3.ui-tabs-nav li{ line-height:42px; }
	.ui-tab-style3.ui-tabs-nav li a.ui-tabs-anchor{ font-size:14px; }

	.ui-tabs .ui-tab-style4.ui-tabs-nav li{ padding:0; }




	.ui-tab-style2 li{ line-height:42px; }
	.ui-tab-style2 li a{ font-size:14px; }

	.ui-tab-style3 li{ line-height:42px; }
	.ui-tab-style3 li a{ font-size:14px; }

	.ui-tabs .ui-tab-style4 li{ padding:0; }



	/* UI 탭 가로값 */
	div.tabs-area > .ui-tabs-nav.col3 > li{ width:33.33%; }
	div.tabs-area > .ui-tabs-nav.col5 > li{ width:33.33%; }


	/* Q&A */
	.view-cont p br{ display:none; }
	.intro-history-area{ padding:0; }


	/* placeholder */
	::-webkit-input-placeholder { color: #cfcfcf; font-size:14px; }
	::-moz-placeholder { color: #cfcfcf; font-size:14px; }
	:-ms-input-placeholder { color: #cfcfcf; font-size:14px; }
	:-moz-placeholder { color: #cfcfcf; font-size:14px; }


	/* 설명글 */
	.l-desc{ font-size:16px; }
	.l-desc br{ display:none; }

	.box-desc h3.ico01{ background:url('../../resource/images/common/ico_notice_msg.png') no-repeat 0 50%; background-size:19px auto; }
	.box-desc h3.ico01.st2{ background-position:0 50%; }
	.box-desc h3 .sbtn{ margin-left:4px; }
	.layer-cont .box-desc .info{ width:100%; }




	/*************************************/
	/* 메인 */
	/*************************************/
	.main .inner{ padding:0 14px; }
	.main-visual .bx-controls-direction{ display:none; }
	/* .main-banner{ display:none; } */
	.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ bottom:7%; padding-left:40px; }
	.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ padding-left:10px; bottom:7%; }
	.main .bx-controls-direction{ display:none; }

	.link-banner strong{ font-size:16px; }
	.link-banner a{ background-position:87% 50%; background-size:45px auto; }
	.link-banner a{ padding:20px 28px 27px; }
	.link-banner.st2 a{ background-position:87% 50%; background-size:40px auto;  }
	.main-info .row{ margin:0 -5px; }
	.main-info .row > li{ padding:0 5px; }
	.main-tab-area .video{ float:none; width:100%; }
	.main-tab-area .video-info{ float:none; width:100%; padding:0; margin-top:18px; }
	.video-area .inner:after{ display:none; }
	.video-area .ui-tabs .ui-tabs-panel{ padding:22px 14px 0}
	.video-area .inner{ padding:0; }
	.video-area .ui-tab-style{ left:0; right:0; width:100%; }
	.video-area .ui-tabs.ui-corner-all .ui-tab-style li{ width:50%; }
	.video-area .ui-tab-style li + li{ margin-left:0 !important; }
	.video-area .ui-tabs.ui-corner-all .ui-tab-style li a{ display:block; float:none; width:100%; font-size:16px; text-align:center; }
	.main .ui-tabs.ui-corner-all .ui-tab-style li a{ border-bottom:2px solid #ededed; }
	.video-area .main-tab-area { padding-top:34px; }
	.video-area .ui-tab-style li:before{ display:none; }


	.business-introduction{ margin-top:100px; }
	.business-introduction .ui-tab-style{ left:0; right:0; width:100%; }
	.business-introduction .ui-tabs.ui-corner-all .ui-tab-style li{ width:50%; }
	.business-introduction .ui-tab-style li + li{ margin-left:0 !important; }
	.business-introduction .ui-tabs.ui-corner-all .ui-tab-style li a{ display:block; float:none; width:100%; font-size:16px; text-align:center; }
	.business-introduction .ui-tab-style li:before{ display:none; }
	.business-introduction .inner{ padding:0; }
	.main-tab-area{ padding:0 14px; }



	.act-contbox .info .tit { font-size:16px; }
	.act-contbox .info .list{ margin-top:8px; }
	.act-contbox .info .btn-area{ margin-top:14px; }
	.act-contbox .info { padding:60px 32px 0 32px; }


	.thumnail-slider{ margin:0; }
	.thumnail-slider .thumnail:after{ display:none; }
	.thumnail-slider .thumnail img{ width:100%; }
	.thumnail-slider li .txt{ height:auto; }


	.sns-slider li a .info .txt{ max-height:90px; }



	/*************************************/
	/* COMTENT */
	/*************************************/


	/* 회원가입 */
	.step-area ul li span{ padding-top:47px; }
	.step-area ul li span.img01,
	.step-area ul li.on span.img01{ background-size:50px auto; }
	.step-area ul li span.img02,
	.step-area ul li.on span.img02{ background-size:29px auto; }
	.step-area ul li span.img03,
	.step-area ul li.on span.img03{ background-size:44px auto; }
	.step-area ul li span.img04,
	.step-area ul li.on span.img04{ background-size:41px auto; }
	.agree-chk.all{ margin-top:46px; }
	.agree-box{ margin-top:46px; }
	.agree-info > dt{ padding:20px 20px; }/* 200113 수정 */
	.agree-box .support-list.st2 li dl dd{ margin-left:0; }
	.agree-info dt h3{ padding:18px 0 18px 26px; font-size:14px; }
	.agree-info dd{ margin:0 20px 25px 20px; }
	.agree-info .agree-chk { left:20px; }
	.agree-chk.all label { font-size:14px; }
	.agree-chk.all label em{ font-size:14px; }
	.agree-chk.all label p{ font-size:14px; }
	.agree-info dd .info-box { padding:12px; }
	.step-area ul li:before{ left:-5px; margin-top:-13px; width:10px; height:22px; background-size:100%; }
	.step-area ul li em{ font-size:13px; }

	.agree-desc{ margin-top:55px; font-size:18px; line-height:28px; }
	.certification-link{ margin-top:58px; }
	.certification-link .list li{ float:none; width:100%; }
	.certification-link .list li + li{ margin-top:20px; }
	.certification-link .list li .box{ padding:34px 20px 28px; }
	.certification-link .list li .box p{ margin-top:10px; }
	.box-desc h3{ display:block; width:100% !important; }
	.box-desc .info{ display:block; width:100%; padding-left:0; margin-top:10px; }
	.box-desc .info:before{ display:none; }

	.inp-area{ padding:0; border:0; }
	.tbl-check li{ width:50%; }
	.signed-up{ margin-top:54px; }
	.signed-up p{ font-size:24px; line-height:27px; }
	.signed-up p strong{ font-size:24px; }
	.signed-up span { font-size:18px; }
	.signed-up span strong{ font-size:18px; }


	/* 회원탈퇴 */
	.withdrawal-completed h3{ font-size:24px; line-height:27px; }
	.withdrawal-completed h3 strong{ font-size:24px; }
	.withdrawal-completed p{ font-size:18px; }
	.withdrawal-completed p strong{ font-size:18px; }
	.withdrawal-completed span{ font-size:18px; }
	.withdrawal-completed span strong{ font-size:18px; }





	/* 공지사항 */
	.inp-box{ padding-right:90px; } /* 202203 수정 */
	.inp-box.d_inline_b{ width:80% !important; }
	.inp-box input[type="text"]{ font-size:13px; }
	.inp-box .tbtn{ min-width:80px; font-size:13px; }
	.tbl-list li .file-add{ background-size:15px auto; }
	.notice-file-tbl{ padding:10px 0; }
	.notice-file-tbl > li > .tbl-list > li{ font-size:13px; }
	.file-list li .file-name{ font-size:13px; }
	.file-list li .file-name span{ font-size:13px; }
	.file-list li .file-close { margin-top:-9px; }






	/* 공지사항_view */
	.view-paging li{ width:50% }
	.view-paging li:first-child{ padding-right:50px; }
	.view-paging li:last-child{ padding-left:50px; }
	.view-paging li.view-menu{ width:100px; margin-left:-50px; }
	.view-paging li .paging-box{ padding:19px 0; margin:0; }
	.view-paging li .paging-box .ico-paging{ display:block; width:100%; }
	.view-paging li .paging-box .view-box{ display:none; }



	/* Q&A */
	.box-design-area .box-inner > li{ width:50%; }
	.cont .infor .subject-box .subject{ height:44px; line-height:21px; font-size:16px; }
	.cont .bfoot .answer{ font-size:14px; }
	.cont .infor{ padding:20px; }
	.cont .bfoot{ margin:0 20px; }
	.cont .title{ padding:10px 20px; } /* 2020-01-21 */



	/* 이벤트 리스트 */
	.event-list-area .event-list > li{ width:50%; }


	/* 지원하기 */
	.act-area.st2 .act-slider{ margin-top:-20px; }
	.act-area.st2 .act-slider > li{ width:33.33%; margin-top:20px; }


	/* 활동일지등록 */
	.attend-area .sel li{ float:none; width:100%; }
	.attend-area .sel li:last-child{ text-align:left; }
	.attend-area .list > li .write{ padding:6px 4%; }
	.attend-area .list > li .write label{ display:inline-block; }


	/* sunny소개 */
	.sub-introduce .img img{ width:120px; height:auto; }
	.sys-list > ul > li .box{ height:280px; padding:108px 14px 45px 48px; background-position:50% 33px; }
	.talent-list > li .tit{ margin-top:0; }
	.talent-list li .t-info{ margin-top:20px; }


	/* 써니패밀리는 */
	.sunny-fam-list li{}
	.sunny-fam-list li .sec{ padding:70px 0 0 0; background-position:50% 13px; }
	.sunny-fam-list li strong{ text-align:center; }
	.sunny-fam-list li p{ text-align:center; }
	.sunny-fam-info { padding-bottom:68px; margin-top:45px; }
	.sunny-fam-info li{ width:50%; margin-top:34px; }
	.sunny-fam-info li div h4{ display:inline-block; line-height:27px; }
	.sunny-fam-field .tit-s{ padding-bottom:0; }


	/* 주요연혁 */
	.his-info > dt{ width:135px; }
	.his-info > dd:before{ left:170px; }
	.his-info dd .h-top .year{ margin-top:8px; font-size:26px; }

	.list-alumni-area .list-photo li{ width:50%; }
	.blog-content .list li a{ padding:22px 12px 22px 12px; }


	/* 조직소개 */
	.list-organ > li{ display:block; }
	.list-organ > li .img{ display:block; width:100%; }
	.list-organ > li .desc{ display:block; width:100%; padding-left:0; }
	.list-organ > li .desc .h-t01{ margin-top:14px; }
	.list-organ > li .desc .txt{ margin-top:10px; }
	.list-organ .list-t03 li{ float:none; }
	.list-organ .list-t03 li + li{ margin-left:0; }
	.list-organ > li .desc .h-t01{ font-size:18px; }
	.list-organ > li + li{ margin-top:40px; }


	/* SUNNY TODAY */
	.sns-slider.st2 li{ width:50%; }



	/* 활동하기 메인 */
	.program-section .list > li{ float:none; width:100%; }
	.program-section .list > li:last-child{ width:100%; margin-top:40px; }
	.btn-list{ margin-top:24px; }
	.pro-link > li .imgbox em{ height:146px; }
	.community-section{ margin-top:80px; }
	.community-section > .list{ margin:0; }
	.community-section > .list > li{ float:none; width:100%; padding:0; }
	.community-section > .list > li + li{ margin-top:40px; }
	.tit-h3-l{ font-size:23px; }
	.tit-h3-l-area .f-right .btn{ margin-top:5px; }
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2 li{ margin-top:30px; }
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2 li:nth-child(1),
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2 li:nth-child(2),
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2 li:nth-child(3){ margin-top:0; }
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2{ font-size:0; }
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2 li{ float:none; display:inline-block; }
	.tit-h3-l-area{ margin-bottom:10px; }
	.act-news .info-area .imgbox .img{ max-height:210px; }


	/* 지원하기 상세 */
	.detail-top .img{ display:block; float:none; width:100%; }
	.detail-top .img img{  max-width:initial; max-height:initial; }
	.detail-top .info{ display:block; float:none; width:100%; padding-left:0; margin-top:10px; }
	.detail-top .info .list{ margin-top:30px; }
	.step-list > .list > li .rbox{ width:140px; height:140px; }
	.act-info .list li{ width:33.33%; padding:20px; }
	.act-info .list li:nth-child(4){ border-top:0; }
	.act-info .list li:nth-child(5){ border-top:0; }
	.support-list > li dl dt{ width:150px; font-size:20px; }
	.support-list > li dl dd{ padding-left:5.8%; }


	/* 프로그램 관리 */
	.map-area .map{ float:none; width:100%; }
	.map-area .traffic{ float:none; width:100%; padding:0; }
	.map-area .traffic li{ margin-top:20px; }
	.map-area .traffic li + li{ margin-top:20px; }


	/* 정산 */
	.sum-area li p{ font-size:13px; }
	.sum-area li span{ font-size:16px; }
	.sum-area li span strong{ font-size:24px; line-height:32px; }
	.sum-area li:last-child strong{ font-size:24px; }


	/* 회의록상세 */
	.act-detail-list.col4 .list li{ width:50%; padding:0 6%; }
	.act-detail-list.col4 .list li:last-child{ width:50%; }

	/* 댓글 */
	.comment .info .user-area{ float:none; }
	.comment .info .file-link{ float:none; margin-top:4px; }


	/* 써니룸예약하기 */
	.cell-top{ padding:10px 0 2px 14px; }
	.cell-top .cell-date{ font-size:16px; }
	.reser-num{ top:9px; right:8px; }
	.reser-list{ margin-top:2px; padding:0 2px; overflow:hidden; }
	.calendar-defalut thead th{ padding:9px 0 11px 12px; }
	.calendar-defalut tbody td{ height:110px; }
	.calendar-defalut tbody td > a{ height:110px; }
	.reser-num{ font-size:11px; }
	.cell-inner.today .cell-day{ font-size:11px; }
	.calendar-top .date { font-size:26px; }
	.cell-hover{ padding:25px 0 44px 0; font-size:14px; line-height:18px; }
	.cell-hover:before{ width:20px; height:20px; margin-top:-10px; margin-left:-10px; bottom:20px; background-size:auto 8px; }


	/* 창의인재양성 */
	.list-organ.st2 > li .desc{ padding:10px 30px 30px; }



	/* 사회변화프로그램 */
	.lst-thum-area .lst-thum > li .thum{ height:285px; }
	.lst-thum-area .lst-thum > li .thum .info{ padding:0 15px 16px 15px; }


	/* 사회변화인재양성 */
	.act-step{ text-align:center; }
	.act-step img{ max-width:280px; margin:0 auto; }
	.act-list-sec dl{ display:block; }
	.act-list-sec dl dt{ display:block; width:100%; padding-right:0; }
	.act-list-sec dl dd{ display:block; border-top:0; }
	.info-business .list > li{ width:100%; margin-top:20px; }
	.info-business .list > li:first-child{ margin-top:0; }
	.info-business .list > li dl{ height:auto; padding:30px 34px 30px 38px; }
	.sunny-chn-top .info-area{ float:none; width:100%; }
	.sunny-chn-top .imgbox{ float:none; width:100%; }
	.sunny-chn-top .info-list{ margin-top:10px; }
	.sunny-chn-top .info-area .tit{ margin-top:8px; }

	/* 개인정보처리방침 */
	.support-list.st2 > li dl dt{ display:block; width:100%; }
	.support-list.st2 > li dl dt br{ display:none; }
	.support-list.st2 > li dl dd{ display:block; width:100%; padding-left:0; margin-top:10px; }
	.trust-company li{ float:none; width:100%; }
	.trust-company li + li{ margin-top:10px; }




	/* 설문조사 */
	.survey-area h2 br{ display:none; }

	/* 오픈공지팝업 */
	.pop-cont .pop-desc br{ display:none; }

	/* 예약내역 */
	.tooltip-img{ top:55px; left:0; width:350px; }
	.tooltip-img:before{ top:-16px; left:10px; transform: rotate(90deg); }

	/* 써니패밀리 메인 */
	.idea-link{ height:auto; }
	.idea-link .txt p{ font-size:16px; }
	.idea-link .txt strong{ font-size:24px; }
	.idea-link .txt a{ font-size:12px; }
	.idea-link .imgbox img{ width:100%; }


	/* 레이어팝업 */
	.layer-pop .layer-tit{ padding:17px 14px; }
	/* .layer{ position:static; } */
	.layer-pop .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
	.layer-pop .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ display:none !important; }
	.layer-pop .mCSB_container{ top:0 !important; }

	.layer-pop{ width:100% !important; top:0 !important; left:0  !important; margin:0 !important; height:100%; }
	.layer-pop .layer-cont{ padding:30px 14px; max-height:initial; overflow:auto; height:92vh; box-sizing:border-box; }


	.pop-layer{ width:100% !important; top:0 !important; left:0  !important; margin:0 !important; height:100%; border:0; }
	.pop-layer .layer-wrap{ padding:100px 20px 20px 20px; }
	.pop-layer .layer-wrap .pop-msg{ font-size:17px; line-height:26px; }



	/* 사회적기업서포터즈 */
	.social-il img{ width:100%; }

	.sunny_sm .video_area {margin: 70px 0;}
	.sunny_sm .sec04 {padding: 70px 20px}
	.sunny_sm .gray {padding: 70px 20px}

}




@media (max-width:767px) {
	.grtyoutube-popup{
		overflow-y:scroll;
	}

	.grtyoutube-popup-area{
		position:relative;
		padding:15px;
		top:0;
		padding-top:80px;
		margin-top:0;
	}

	.grtyoutube-popup-content{
		padding-right:0;
	}
	.grtyoutube-iframe {
		width:100%;
		height:350px;
	}
	.subtitle-area {
		position:relative;
		width:100%;
		height:200px;
		border:5px solid #ed3649;
	}
	.grtyoutube-dark-theme .grtyoutube-popup-close{
		width:38px;
		height:38px;
		background-size:100%;
		top:35px;
		right:15px;
	}

}


/********************************************************************************************************************/
												/* 해상도 500 이하 */
/********************************************************************************************************************/

@media all and (max-width: 500px) {


	/*************************************/
	/* 공통 */
	/*************************************/
	#header{ height:60px; }
	.logo{ width:78px; height:34px; margin:14px 0; background-size:100%; }
	#content{ padding:60px 0 66px; }
	.footer-info{ padding:30px 0 30px; }
	.footer-info .link li a{ font-size:13px; }
	.location li{ display:none; }
	.location li:first-child,
	.location li:last-child{ display:block; }
	.lnb-accordion dd .menu li a{ font-size:13px; }
	.site-link .inner{ text-align:center; }
	.site-link .inner > ul:nth-child(1){ float:none; display:inline-block; }
	.site-link .inner  .sns-link{ float:none; display:inline-block;  }
	.footer-info address{ margin-top:10px; font-size:12px; line-height:17px; }
	.wa{ display:block; position:static; margin:0 auto; margin-top:15px; }

	/* 팝업 */
	.infopop{ width:100% !important; top:0; left:0;}
	.infopop .btn{ width:auto; }
	.infopop .infolist li{ font-size:13px; }




	/* 메인 */
	.sns-slider li a .info .txt{ max-height:72px; }
	.sns-slider li a .info{ /* height:auto; */ height:145px; }
	.main-info .ui-tabs.ui-widget.ui-widget-content{ }
	.sns-slider li a .info .link{ margin-top:50px; }
	.main-banner-mb.log .log-tit strong{ display:none; }
	.main-banner-mb.log .log-tit p{ font-size:12px; }
	.main-banner-mb.log .main-banner-list{ padding:0px 20px 20px 0px; text-align:right; }
	.main-banner-mb.log .main-banner-list li{ display:inline-block; float:none; width:20%; }
	.main-banner{ display:none; }
	.main-banner-mb{ display:block; }
	.cont .ltxt{ display:block; }


	/* sunny소개 */

	.talent-list > li .imgbox{ display:block; width:100%; }
	.talent-list > li .info-area{ display:block; padding:8px 0 0 0; }
	.talent-list > li .tit{ font-size:18px; line-height:24px; }
	.talent-list > li + li{ margin-top:60px; }
	.talent-list li .t-info{ margin-top:12px; }
	.talent-list li .t-info li{ padding-left:7px; font-size:13px; line-height:20px; }
	.talent-list li .t-info li + li{ margin-top:8px; }

	/* 상태값 */
	.status{ padding:3px 19px 2px 19px; }


	/* 아이콘 */
	.new{ line-height:20px; }

	/* placeholder 숨김 */
	.pl-hide::-webkit-input-placeholder { color:transparent; }
    .pl-hide:-moz-placeholder { color:transparent; }
    .pl-hide::-moz-placeholder { color:transparent; }
    .pl-hide:-ms-input-placeholder { color:transparent; }


	/* 설명글 */
	.t-desc{ margin-top:5px; font-size:12px; }
	span.t-desc{ display:block; margin-left:0 !important; }
	span.t-desc{ display:block; }
	.t-desc.mb{ display:block; }
	.layer-cont .box-desc h3{ width:100%; }
	.layer-cont .box-desc .info{ width:100%; padding-left:0; }


	/* UI 탭 가로값 */
	div.tabs-area > .ui-tabs-nav.col3 > li{ width:50%; }
	div.tabs-area > .ui-tabs-nav.col4 > li{ width:50%; }
	div.tabs-area > .ui-tabs-nav.col5 > li{ width:50%; }


	div.tabs-area > .col3 > li{ width:50%; }
	div.tabs-area > .col4 > li{ width:50%; }
	div.tabs-area > .col5 > li{ width:50%; }

	/* 테이블 */
	.tbl-style01 th{ font-size:11px; line-height:13px; padding:6px 4px; }
	.tbl-style01 td{ font-size:11px; line-height:13px; padding:6px 4px; }



	/* 버튼 */
	.tbl-btn{ width:100%; }
	.btn.st5{ width:100%; margin:0 0 5px 0; }

	/* UI 언더라인 탭 */
	.tabs-style .ui-tab-style li{ width:25%; }
	.tabs-style .ui-tab-style li + li{ margin-left:0 !important; }
	.tabs-style .ui-tab-style li a{ font-size:14px; font-weight:900; }

	.tabs-style.ui-tabs.ui-widget.ui-widget-content .ui-tab-style.ui-widget-header{ overflow:hidden; border-radius:0; }
	.tabs-style.ui-tabs .ui-widget-header.ui-tab-style .ui-state-default{ float:left; display:block; width:50%; border-radius:0; }
	.tabs-style.ui-tabs .ui-widget-header.ui-tab-style .ui-state-default:before{ display:none; }
	.ui-tabs.ui-corner-all .ui-tab-style li a{ display:block; float:none; text-align:center; }

	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2.col5 li{ float:left; margin-top:0; width:20%; }
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2.col4 li{ width:25%; }
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2 li a{ padding-bottom:10px; font-size:13px; }
	.ui-tab-style4 li.ui-tabs-active a:before{ border:0; }

	.tabs-area.ui-tabs .ui-tab-style4.ui-tabs-nav.st2 .ui-tabs-panel{ margin-top:56px; }


	/* UI 탭 */
	.ui-tab-style2.ui-tabs-nav li{ line-height:40px; }
	.ui-tab-style2.ui-tabs-nav li a.ui-tabs-anchor{ font-size:13px; }
	.ui-tab-style3.ui-tabs-nav li{ line-height:40px; }
	.ui-tab-style3.ui-tabs-nav li a.ui-tabs-anchor{ font-size:13px; }
	.ui-tab-style3.ui-tabs-nav li a.ui-tabs-anchor strong{ padding-left:2px; font-size:13px; }
	.tabs-area.ui-tabs .ui-tabs-panel{ margin-top:36px; }


	.ui-tab-style2 li{ line-height:40px; }
	.ui-tab-style2 li a{ font-size:13px; }
	.ui-tab-style3 li{ line-height:40px; }
	.ui-tab-style3 li a{ font-size:13px; }
	.ui-tab-style3 li a strong{ padding-left:2px; font-size:13px; }


	.ui-tab-style2{ margin-bottom:36px; }


	/* UI 탭 가로값 */
	div.tabs-area > .ui-tabs-nav.col5 > li{ width:50%; }
	div.tabs-area > .ui-tabs-nav.col2 > li{ width:50%; }


	/* 탭 스크롤 */
	.mobile-scrolling{ width:100%; overflow-x:scroll !important; padding:20px 0 10px; -webkit-overflow-scrolling:touch; z-index:0 !important; }
	.mobile-scrolling .ui-tab-style4{ width:200%; }



	/* 설명글 */
	.inp-box + .t-desc{ display:block; margin:5px 0 0 0 !important; }
	.t-desc + .t-desc{ display:block; margin-top:0; }
	.l-desc { font-size:14px; line-height:23px; }

	/* 박스스타일 설명글 */
	.box-desc h3 { padding-left:20px; font-size:16px; background-position:0 5px; }
	.box-desc h3.ico01{ background-size:16px auto; background-position:0 2px; }
	.box-desc h3.ico01.st2{ background-position:0 50%; }
	.box-desc h3.ico02{ background-size:20px auto; background-position:0 7px; padding-left:30px; }
	.box-desc h3 .sbtn{ margin-left:5px; }
	.box-desc .info .num strong{ font-size:14px; }
	.box-desc{ margin-top:38px; }


	/* 이벤트리스트 */
	.event-list-area .event-list > li .event-box .event-desc{ padding:15px 7% 30px 7%; }


	/* 버튼 */
	.bot-btn-area .f_left{ width:50%; }
	.bot-btn-area .f_right{ float:none !important; }
	.bot-btn-area .f_left + .f_right{ float:right !important; width:50%; }
	.bot-btn-area .f_left.st2{ width:100% !important; }
	.bot-btn-area .f_left.st2 + .f_right{ width:100%; }
	.bot-btn-area .f_left.st2 + .f_right .btn{ width:49%; }

	.bot-btn-area .f_left .btn{ width:99%; }
	.bot-btn-area .f_left + .f_right .btn{ width:99%; }

	.layer-pop .bot-btn-area .f_right{ float:none !important; }

	.bot-btn-area{ position:relative; margin-top:30px; font-size:0; }
	.kakao-link{ position:absolute; right:0; bottom:-40px; }

	.btn + .btn{ margin-left:.5%; }
	.btn{ width:49%; margin:0 .5%; margin-top:5px; text-align:center; padding:10px 12px 10px 12px; }
	.program-info .btn{ width:50%; margin:0 .5%; margin-top:5px; text-align:center; }
	.btn.one{ width:100%; margin:0; }
	.right-btn .btn{ width:auto; margin:0; }
	.right-btn .btn + .btn{ margin-left:3px; }


	.btn-txt-hide{ display:none; }







	/* 테이블 */
	.tbl-style02,
	.tbl-style02 tbody,
	.tbl-style02 tr,
	.tbl-style02 th,
	.tbl-style02 td{ display:block; }
	.tbl-style02 tbody th{ padding-bottom:0; border-bottom:0; }
	.tbl-style02 tbody th br{ display:none; }
	.tbl-style02 tbody td{ border-top:0; padding-top:7px; }
	.tbl-style02 tbody tr:first-child th{ border-top:1px dotted #dcdcdc; }
	.sum-area + .tbl-style02 tbody tr:first-child th{ border-top:0; }

	.tbl-cell.st2 li{ display:block; width:100% !important; }
	.tbl-cell.st2 li + li{ padding-left:0; margin-top:5px;  }



	/* 페이징 */
	.paging-area{ margin-top:40px; }
	.paging a { width:38px; height:38px; line-height:38px; }
	.paging a.first,
	.paging a.last{ display:none; }
	.paging a.prev{ margin-right:0; }
	.paging a.next{ margin-left:0; }
	.paging-area select{ display:none; }



	/* lnb */
	.lnb-open{ width:40px; height:60px; right:14px; margin-top:0; top:0; background-size:19px 18px; }
	.lnb-close{ width:40px; height:60px; background-size:20px auto; }
	/* .mb-util .list li + li{ margin-left:5px; } */
	.mb-util .list li a{ width:30px; height:60px;}
	.mb-util .list li a.mb-mypage{ background-size:auto 20px; }
	.mb-util .list li a.mb-logout{ background-size:auto 20px; }
	.mb-util .list li a.mb-signup{ background-size:auto 20px; }
	.mb-util .list li a.mb-login{ background-size:auto 20px; }



	.user-login{ padding:0 4% 0; }
	.user-login .name{ padding-top:20px; font-size:13px; }
	.user-login .name strong{ font-size:13px; }
	.user-login .name em{ font-size:13px; }
	.lnb-quick_menu .menu-list li a span{ width:35px; height:35px; background-size:16.66px auto; }
	.lnb-quick_menu .menu-list li a{ padding-top:45px; font-size:11px; }
	.lnb-cont .lnb-tab li span{ font-size:13px; }
	.lnb-accordion dt{ font-size:13px; }




	/*************************************/
	/* 메인 */
	/*************************************/
	.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ padding-left:15%; }
	.main-visual .bx-wrapper .bx-controls-auto a{ margin:0; }
	.main-visual .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ padding-left:34px; }
	.bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager{ margin-top:20px; }
	.video-area .main-tab-area { margin-top:48px; }
	.business-introduction{ margin-top:50px; padding-bottom:32px; }
	.video-area{ margin-top:0; }
	.video-area .ui-tabs.ui-corner-all .ui-tab-style li a{ font-size:14px; font-weight:900; }
	.business-introduction .ui-tabs.ui-corner-all .ui-tab-style li a{ font-size:14px; }
	.video-area .main-tab-area #tabs-1 .video-info img {width: 110px;} /* 202203 추가 */
	.video-info img{ width:176px; height:auto; }
	.main-tab-content p.desc { margin-top:0; }
	.video-area .main-tab-area a{ margin-top:22px; padding:0 65px 0 17px; height:38px; line-height:36px; font-size:13px; background-size:auto 10px; background-position:right 15px center; }
	.main-tab-area{ margin-top:24px; }
	.mtit-area{ padding-top:44px; }
	.m-tit,
	.m-tit.eng{ font-size:23px; }
	.ico-noti{ font-size:12px; }
	.thumnail-slider li span{ padding-top:8px; font-size:14px; }
	.thumnail-slider li p{ margin-top:5px; padding:0 4%; font-size:13px; line-height:16px; }
	.sns-link{ margin:12px 0 22px; text-align:center; }
	.sns-link li a{ width:20px; height:18px; }
	.mtit-area p{ display:none; }
	.main-info{ margin-top:50px; }
	.main-info .row > li{ float:none; width:100%; }
	#tabsInfo2{ margin-top:20px; }
	.tabs-info .ui-tabs-nav{ padding-bottom:0 !important; border:1px solid #dfdfdf !important; border-radius:30px; margin-right:40px; }
	.btn-view{ top:0; }
	.tabs-info .ui-tabs-nav li{ position:static; width:50%; }
	.tabs-info > ul > li{ float:left !important;}
	.info-list tr:first-child td, .info-list tr:first-child th{ border-top:0; }
	.tabs-info .info-list-area{ height:auto; }
	.tabs-info .tabs-content{ position:static; }
	.tabs-info .ui-tabs-nav > li > a{ display:block; float:none !important; text-align:center; }
	.main-info .ui-tabs .ui-tabs-nav li + li{ margin-left:0; }
	.tabs-info > ul > li.ui-tabs-active > a{ color:#fff; background-color:#7f7f7f; }
	.main-info .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ font-size:14px; padding:12px 0; border-radius:30px; }
	.activity-area{ margin-top:48px; }
	.activity-area .inner{ margin-top:-106px; }
	.status-activity li a span{ width:33px; height:33px; }
	.status-activity li a span.ico01{ background-size:17px auto; }
	.status-activity li a span.ico02{ background-size:20px auto; }
	.status-activity{ margin-bottom:20px; text-align:center; }
	.bg-tit{ height:190px; }
	.bg-tit h2{ padding-top:46px; font-size:23px; }
	.status-activity li a{ font-size:14px; }
	.info-list .subject{ font-size:13px; }
	.info-list .q-txt{ font-size:13px; }
	.main-link-banner{ margin:0 -3px; }
	.main-link-banner > li{ padding:0 3px; width: 100%; }
	.act-slider{ height:168px; }
	.act-contbox .info{ display:none; }
	.act-contbox .imgbox img{ display:none; }
	.act-box-style .act-contbox .cont-top{ display:none; }
	.act-contbox .imgbox .cont{ position:relative; height:168px; }
	.act-contbox{ position:relative; overflow:hidden; padding:30px 16px; height:auto; background: #768bcd;  background: -moz-linear-gradient(top, #768bcd 1%, #8b84ce 100%); background: -webkit-linear-gradient(top, #768bcd 1%,#8b84ce 100%); 	background: linear-gradient(to bottom, #768bcd 1%,#8b84ce 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#768bcd', endColorstr='#8b84ce',GradientType=0 ); }
	.act-contbox:before{ content:''; position:absolute; right:0; top:-54.5px; width:119px; height:109px; background:url('../../resource/images/common/bg_act_contbox.png') no-repeat 50%; background-size:100%; }
	.act-contbox.st2{ background: #01a3b0; background: -moz-linear-gradient(top, #01a3b0 0%, #13bdab 100%); background: -webkit-linear-gradient(top, #01a3b0 0%,#13bdab 100%); background: linear-gradient(to bottom, #01a3b0 0%,#13bdab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a3b0', endColorstr='#13bdab',GradientType=0 ); }
	.act-contbox .imgbox .cont .round-box em{ font-size:11px; padding:4px 8px 4px; }
	.act-contbox .imgbox .cont .area span{ font-size:13px; }
	.act-contbox .imgbox .cont .area strong{ margin-top:2px; white-space:initial; font-size:15px; line-height:18px; }
	.act-contbox .imgbox .cont{ width:auto; }
	.act-contbox .day{ top:initial; bottom:16px; width:37px; height:37px; line-height:37px; font-size:11px; }
	.link-banner a{ padding:16px 18px 17px; background-size:34px auto; }
	.link-banner h3{ font-size:14px; }
	.act-contbox .imgbox .cont{ padding:0; }
	.act-contbox .imgbox .cont .area em{ font-size:12px; }




	/* 회원가입 */
	.agree-desc{ margin-top:32px; font-size:16px; line-height:26px; }
	.agree-desc br{ display:none; }
	.certification-link{ margin-top:32px; }
	.certification-link .list li .box{ padding:20px 20px 28px; }
	.certification-link .list li .box h3{ padding-top:68px; font-size:16px; }
	.certification-link .list li .box p{ font-size:14px; }
	.certification-link .list li .box h3.st1{ background-size:50px auto; }
	.certification-link .list li .box h3.st2{ background-size:50px auto; background-position:50% 16px; }



	.inp-area .i-inner > li + li { margin-top:20px; }
	.inp-area .i-inner > li .list{ display:block; }
	.inp-area .i-inner > li .list > li{ display:block; font-size:12px; height:auto; }
	.inp-area .i-inner > li .list > li:first-child{ width:100%; }
	.inp-area .i-inner > li .list > li + li{ margin-top:4px; }

	.signed-up{ padding:105px 20px 34px; margin-top:30px; background-size:60px auto; background-position:50% 30px;}
	.signed-up p { font-size:17px; line-height:23px; }
	.signed-up p strong{ font-size:17px; line-height:23px; }
	.signed-up span{ margin-top:8px; font-size:15px; }
	.signed-up span strong{ font-size:15px; }

	/* 써니패밀리 회원가입완료 */
	.signed-up.family{ background-size:60px auto; background-position:50% 30px; padding:105px 19px 34px; }



	/* 회원탈퇴 */
	.withdrawal-completed{ padding:105px 20px 34px; background-size:80px auto; background-position:50% 30px; }
	.withdrawal-completed h3{ font-size:17px; line-height:23px; }
	.withdrawal-completed h3 strong{ font-size:17px; }
	.withdrawal-completed p{ font-size:15px; }
	.withdrawal-completed p strong{ font-size:15px; }
	.withdrawal-completed p br{ display:none; }
	.withdrawal-completed span{ font-size:15px; }
	.withdrawal-completed span strong{ font-size:15px; }




	/* 로그인 */
	.login-area{ padding:0 0 20px; }
	/* .login-area h1{ background-size:170px auto; } */
	.login-area .login-inpt{ margin-top:30px; }
	.login-area .inner{ padding:30px 14px 40px 14px; border:0; }
	.login-logo{ margin-bottom:20px; /* background-size:170px auto; */ }

	/* 아이디찾기 */
	.idpw-area{ padding:70px 0 50px; }
	.id-result { margin-top:25px; padding:115px 0 40px 0; background-size:110px auto; background-position:50% 30px; }
	.id-result p{ font-size:18px; }
	.id-result strong{ font-size:23px; }



	/* 비밀번호 변경 */
	.idpw-area{ padding:35px 0 20px; }
	.idpw-tit{ font-size:24px; }
	.idpw-sub{ margin-top:10px; font-size:16px; }
	.pw-result .pw-inpt > li{ display:block; width:100%; }
	.pw-result .pw-inpt > li:first-child{ width:100%; }
	.pw-result .pw-inpt > li > label{ font-size:14px; }
	.pw-result .pw-inpt > li >input[type="password"]{ margin-top:4px; height:40px; font-size:14px; }
	.pw-result-area { margin-top:25px; padding:92px 0 35px 0; background-size:80px auto; background-position:50% 20px; }



	/* 공지사항 */

	.tbl-list li .file-add { margin-left:0; }
	.notice-file-tbl .wp60{ width:86% !important;}
	.inp-box input[type="text"]{ font-size:12px; }

	.file-list li .file-name{ font-size:12px; background-position:0 5px; }
	.file-list li .file-name span{ font-size:12px; }
	.file-list li{ display:block; }

	.view-head.st2 .view-tit strong{ padding-left:0; }
	.view-head .view-tit strong{ display:block; margin-top:10px; font-size:16px; }
	.view-head .view-tit .status{ position:relative; }
	.view-head.st2 .view-user{ padding-left:0; }
	.status{ padding:3px 13px 2px 14px; font-size:13px; }
	.sec-top .total { margin-top:12px; }





	/* 공지사항_list */
	.notice-list-box > li{ display:block; }
	.notice-list-box > li .notice-list-cont{ display:block; }
	.notice-list-box > li .notice-list-cont .tit p{ max-width:84%; }
	.notice-list-box > li .notice-list-cont .tit p a{ max-width:70%; }
	.notice-list-box > li .notice-list-img{ display:block; width:100%; }
	.notice-list-box > li .notice-list-img .img-box{ margin-left:0; padding-left:0; }
	.notice-list-box > li .notice-list-cont .date{ margin-top:12px; }
	.notice-list-img{ margin-top:10px; }
	.notice-list-box > li .notice-list-img + .notice-list-cont{ width:100%; }
	.notice-list-box > li .notice-list-cont{ margin-top:10px; }
	.notice-list-box > li{ padding:2.8% 0 7% 0; }
	.notice-list-box > li .notice-list-cont .tit p{ font-size:15px; }
	.notice-list-box > li .notice-list-cont .tit .new{ margin-left:3px; line-height:20px; }
	.notice-list-box > li .notice-list-cont .tit img{ margin-left:3px; }
	.notice-list-box > li .notice-list-cont .tit p{ max-width:82%;  }
	.notice-list-box > li .notice-list-cont .tit p a{ max-width:60%; }



	/* Q&A */
	.box-design-area .box-inner > li{ width:100%; }
	.view-comment dt{ width:60px; padding-left:15px; font-size:16px; background-size:8px auto; }
	.view-comment dd p{ font-size:13px; line-height:23px; }
	.view-comment dd strong{ font-size:16px; }
	.view-head.st2 .view-tit{ padding-left:0; margin-top:2px; }
	.view-head .view-tit h3{ display:block; font-size:16px; margin-top:3px; line-height:20px; margin-left:0; }


	/* 비밀번호 찾기 */
	.idpw-cont .search-box input[type="text"]{ font-size:16px; }



	/* faq */
	.faq-style .faq-box dt{ padding:4.5% 0; background-size:15px auto; }
	.faq-style .faq-box dt.active{ background-size:15px auto; }
	.faq-style .faq-box dt .faq-tit{ padding-right:10%; font-size:14px; line-height:20px; }
	.faq-style .faq-box dt .faq-tit:before{ font-size:16px; }
	.faq-style .faq-box dt .faq-type{ font-size:14px; line-height:20px; }

	.faq-style .faq-box dd{ padding:4.5% 0 4.5% 15%; background-size:15px auto; }
	.faq-style .faq-box dd .faq-answer{ font-size:14px; }
	.faq-style .faq-box dd .faq-answer:before{ font-size:16px; }
	.faq-style .faq-box dd .faq-answer{ font-size:14px; line-height:20px; }
	.faq-style .faq-box dd p span{ font-family:'NotoSans' !important; font-size:14px; }
	.faq-style .faq-box dd p{ font-size:14px; }


	/* 이벤트 리스트 */
	.event-list-area .event-list > li{ width:100%; }
	.event-list-area .event-list > li .event-box .event-desc .evnet-txt a{ font-size:16px; }
	.event-list-area .event-list > li .event-box .event-desc .evnet-txt strong{ font-size:16px; }
	.sorting{ float:none; clear:both; }
	.sorting li{ width:25%; margin-left:0; padding-left:0; text-align:center; }
	.sorting li button{ font-size:14px; }


	/* 지원하기 */
	.act-area.st2 .act-slider{ margin-top:-10px; }
	.act-area.st2 .act-slider > li{ width:100%; margin-top:10px; }
	.separate-list{ margin-top:14px; }
	.top-sch-list{ overflow:hidden;}
	.top-sch-list .tbl-cell{ margin:-2px -2px 0; }
	.top-sch-list .tbl-cell > li{ width:50%; padding:2px; }
	.top-sch-list .tbl-cell li + li select{ border-left:1px solid #b3b3b3; }
	.top-sch-list .tbl-cell select{ height:42px; font-size:15px; }
	.act-contbox .info .list li.ico01,
	.act-contbox .info .list li.ico02,
	.act-contbox .info .list li.ico03,
	.act-contbox .info .list li.ico06,
	.act-contbox .info .list li.ico07{ display:none; }
	.act-contbox .info{ padding:20px 32px 0 32px; }
	.act-contbox .info .btn-link{ padding:10px 0; max-width:150px; font-size:14px; }
	.act-contbox{ min-height:190px; }
	.act-contbox + .end-event strong{ top:50px; }



	/* 내가 지원한 프로그램 */
	.my-profile-area .btn{ width:auto; float:none; }
	.my-profile-area{ text-align:center; }
	.my-profile-area .my-name{ display:inline-block; float:none; font-size:22px; background-size:30px auto; }
	.my-profile-area .my-grade{ float:none; margin-left:0; line-height:normal; }
	.my-profile-area .my-grade li{ display:inline-block; float:none; font-size:14px; }
	.my-profile-area .btn{ margin-top:20px; }



	/* 활동일지 등록 */
	.attend-top .btn{ width:auto; min-width:81px; padding:5px; }
	.attend-area .sel{ padding:0 2%;}
	.attend-area .list > li .write{ padding:6px 2% }

	/* sunny소개 */
	.sys-list{ margin-top:26px; }
	.sys-list ul li{ width:100%; }
	.sys-list ul li .box{ height:auto; }
	.sunny-system{ margin-top:70px; padding-top:45px;}
	.sub-introduce .img img{ width:100px; height:auto; }
	.sub-introduce .video{ margin-top:36px; }
	.sys-list > ul > li .box{ height:auto; padding:32px 14px 45px 130px; background-position:35px 50%; background-repeat:no-repeat; }

	.talent-area{ margin-top:45px; }
	.talent-desc{ font-size:19px; line-height:25px; }
	.talent-desc strong{ font-size:19px; line-height:25px; }
	.talent-desc br{ display:none; }

	/* 써니패밀리는 */
	.sunny-fam-list li{ width:100%; border-left:0; padding:30px 0; border-top:1px solid #e0dfdf; }
	.sunny-fam-list{ margin-top:60px; }
	.sunny-fam-info li div span strong{ font-size:32px; }
	.sunny-fam-field ul li{ width:50%; }
	.sub-introduce .img img.s_f_logo {width: 240px;} /* 202203 추가 */


	/* 주요연혁 */
	.his-info > dt{ display:block; width:100%; }
	.his-info > dd{ display:block; width:100%; padding-left:0; margin-top:30px; }
	.his-info > dd:before{ display:none; }
	.his-list{ padding-left:0; }
	.his-list li{ padding:8px 0 8px 18px; }
	.his-list li:before{ left:0; }
	.program-accordion{ margin:15px 0 0 0; padding:0 10px 0 10px; }

	.his-info dd .h-top .btn{ width:auto; margin-top:0; }
	.his-info dd .h-top .year:before{ left:0; top:-2px; }
	.his-info > dt .img-box{ margin:0 auto; }

	.list-alumni-area{ padding-bottom:0; }
	.list-alumni-area .list-photo li{ width:100%; }
	.sub-introduce h3{ font-size:20px; }
	.sub-introduce h4{ margin-top:2px; font-size:22px; line-height:28px; }
	.sub-introduce .img-view{ margin-top:22px; }

	.blog-content .list li{ width:100%; }
	.blog-content .list li + li{ margin-top:20px; }
	.blog-content .list li a{ padding:16px 30px 16px 30px; }


	/* SUNNY TODAY */
	.sns-slider.st2 li{ width:100%; }
	.sns-link-area .search-box{ float:none; width:100%; margin-top:34px; }
	.sns-link-area{ text-align:center; }
	.sns-link-area .sns-link li{ padding:0 16px; }
	.sns-link-area .sns-link{ float:none; }
	.sns-slider li img{ height:auto; }
	.main .sns-slider li img{ height:auto; }



	/* 활동하기 메인 */
	.pro-link{ margin:0; }
	.pro-link > li{ float:none; width:100%; padding:0; }
	.pro-link > li:first-child{ width:100%; }
	.pro-link > li .info .status{ margin-top:30px; }
	.pro-link > li .info .title{ height:68px; margin-top:6px; font-size:16px; line-height:22px; }
	.pro-link > li .imgbox em{ height:auto; min-height:auto; padding:20px 4% 20px; font-size:16px; line-height:24px; }
	.local-news .info-area .imgbox{ float:none; width:100%; }
	.local-news .info-area .imgbox + .info{ float:none; width:100%; padding-left:0; }
	.tit-h3-l{ margin:3px 0 0 0; font-size:18px; }
	.tit-h3-l-area .f-right .btn{ margin-top:0; }
	.tit-n-area .title{ font-size:18px; }
	.noti-list li .day{ padding:0 15px 0 6px; }
	.noti-list li .day strong{ font-size:24px; line-height:20px; text-align:center; }
	.noti-subject{ font-size:14px; line-height:34px; }
	.btn-list li{ text-align:center; }
	.local-news .info-area .info .tit{ margin-top:8px; }
	.local-news .info-area .info p{ margin-top:12px; }
	.local-news .info-area .info .tit a{ height:48px; font-size:18px; line-height:24px; }
	.act-news .info-area .imgbox{ float:none; width:100%; padding:0; }
	.act-news .info-area .info{ float:none; width:100%; padding:0; border-left:0; }
	.act-news .info-area .imgbox + .info{ margin-top:30px; padding-top:30px; border-top:1px solid #e0e0e0; }
	.act-news .info-area .subject-area:after{ display:none; }
	.noti-info{ margin-top:0; }
	.act-news .info-area .subject-area{ padding-bottom:10px; }
	.act-news .info-area .info .subject-area{ padding-bottom:10px; }
	.act-news .info-area .info p{ margin-top:0; }
	.act-news .info-area .info p + .noti-info{ margin-top:12px; }
	.community-section{ margin-top:50px; }
	.community-section > .list{ padding-top:35px; }
	.day + .noti-subject { max-width:78%; }
	.noti-list li{ padding:10px 0; }

	.tabs-area .tit-h3-l-area{ margin:-15px 0 20px}
	.act-news .info-area .imgbox .img{ max-height:initial; }
	.act-news .info-area .imgbox + .imgbox{ padding-top:30px; margin-top:30px; padding-left:0; border-left:0; border-top:1px solid #e0e0e0; }
	.notice-list-box > li .notice-list-img .img-box img { max-height:initial; }



	/* 지원하기상세 */
	.detail-top .info{ margin-top:14px; }
	.detail-top .info .title{ font-size:20px; line-height:26px; }
	.detail-top .info .date{ font-size:15px; margin-top:3px; }
	.detail-top .info .list{ margin-top:20px; }
	.detail-top .info .list li > em{ width:20%; font-size:14px; }
	.detail-top .info .list li span{ width:80%; font-size:14px; }
	.detail-top .info .list li  > ul{ width:80%;  }

	.step-list > .list > li{ width:115px; }
	.step-list > .list > li .rbox{ width:90px; height:90px; padding:48px 0 24px; font-size:12px; line-height:16px; background-position:50% 20px; background-size:auto 25% !important; }
	.step-list > .list > li:after{ top:40px; }
	.step-list > .list > li .day{ margin-top:5px; }
	.step-list > .list > li .day li{ font-size:13px; line-height:16px; }
	.step-list > .list > li .txt{ font-size:12px; }
	.act-info .list li{ width:50%; }
	.support-list > li{ padding:23px 0 23px; }
	.act-info .list li:nth-child(3){ border-top:0; }
	.support-list > li dl{ display:block; }
	.support-list > li dl dt{ display:block; width:100%; font-size:20px; }
	.support-list > li dl dd{ display:block; padding-left:0; margin-top:10px; }
	.img-view{ padding:0; }
	.detail-top{ padding:30px 0; }


	/* 정산 */
	.sum-area li{ padding:0 4px; }
	.sum-area li p{ font-size:12px; line-height:15px; }
	.sum-area li span{ font-size:12px; }
	.sum-area li span strong{ font-size:14px; }
	.sum-area li:last-child strong{ font-size:14px; }
	.sum-area li em{ width:20px; height:20px; margin-top:-10px; right:-10px; background-size:10px auto; }



	/* 활동일지상세*/
	.act-detail-top h3{ font-size:16px; }
	.act-detail-top h4{ font-size:20px; }
	.act-detail-list .list li{ float:none; width:100%; padding:0 10%; text-align:left; }
	.act-detail-list .info{ padding-left:10%; }
	.act-detail-list .desc{ margin-top:4px; font-size:13px; }
	.act-detail-list + .act-desc{ margin-top:40px; }
	.act-desc{ font-size:13px; line-height:24px; }
	.attend-list-area .list li{ float:none; width:100%; }
	.act-photo-area .list li{ float:none; width:100%; }
	.cont .infor .list-location span { padding:3px 10px 2px 10px; }

	/* 회의록상세 */
	.act-detail-list.col4 .list li{ width:100%; }
	.act-detail-list.col4 .list li:last-child{ width:100%; }
	.act-detail-list.col4 .list li .item{ height:auto; }


	/* 댓글 */
	.comment-list li.reply{ padding:20px 14px 20px 40px; }
	.comment-list li.reply{ padding:20px 14px 20px 50px; background:#f8f8f9 url('../images/common/bg_reply.png') no-repeat 14px 20px; }
	.comment-list li.reply.depth2{ padding:20px 14px 20px 60px; background:#f8f8f9 url('../images/common/bg_reply.png') no-repeat 30px 20px; }
	.comment-list li.reply.depth3{ padding:20px 14px 20px 80px; background:#f8f8f9 url('../images/common/bg_reply.png') no-repeat 50px 20px; }


	/* 써니룸예약하기 */
	.reser-list li{ font-size:11px; }
	.cell-top{ padding:2px 0 2px 5px; }
	.cell-top .cell-date{ font-size:12px; }
	.calendar-defalut thead th{ font-size:12px; }
	.reser-num{ top:2px; right:3px; padding:0 5px 0; border-radius:100%; font-size:9px; font-family:'Arial'; font-weight:700; }
	.calendar-defalut tbody td{ height:100px; }
	.calendar-defalut tbody td > a{ height:100px; }
	.calendar-top .date { font-size:22px; }
	.calendar-link{ text-align:center; }
	.calendar-link .calendar-status{ float:none; display:block; margin:0; }
	.calendar-link .right-btn{ float:none; display:inline-block; margin-top:15px; }
	.cell-hover{ font-size:12px; line-height:14px; }

	/* 사회변화프로그램 */
	.lst-thum-area .lst-thum > li{ width:100%; }
	.lst-thum-area .lst-thum > li .thum{ height:auto; }
	.lst-thum-area .lst-thum > li + li{ margin-top:15px; }
	.tabs-area .tit-c-area{ margin-top:0; }


	/* 글로벌리더양성 */
	.lst-thum-area.col2 .lst-thum > li{ width:100%; }
	.lst-thum-area.col2 .lst-thum > li .thum{ height:auto; }
	.lst-thum-area.col2 .lst-thum .btn-area { margin-top:10px; }
	.lst-thum-area .stit-area .stit{ font-size:16px; }
	.lst-thum-area .lst-thum > li .thum .info .top h4{ font-size:15px; }
	.img-global img{ width:100px; height:auto; }

	/* 사회변화인재양성 */
	.leader-visual .box{ padding:22px 20px 32px; }
	.leader-visual .box .tit{ font-size:24px; }
	.leader-visual .box .desc{ font-size:14px; line-height:22px; }
	.sunny-chn-top .info-area .desc{ font-size:14px; line-height:22px; }


	/* 이메일무단수집거부 */
	.email-notice{ padding:150px 15px 60px; /* background:#f7f7f7 url('../../resource/images/common/bg_email.png') no-repeat 50% 54px; */ }
	.email-notice p{ font-size:14px; line-height:20px; }
	.email-notice p br{ display:none; }
	.gl-thum-list .list > li{ width:100%; }
	.gl-thum-list .list > li .thum{ height:auto; }


	/* 	써니패밀리(써니패밀리 프로그램 제안자) */
	.sunny-fam-top > .list > li{ width:100%; }
	.sunny-fam-top > .list > li + li{ margin-top:40px; }
	.sunny-fam-top .btn-list{ padding-left:0; }


	/* 종결보고서 */
	.regi-box{ padding:30px; }

	/* 약관동의 */
	.tbl-style01.type3 thead th{ font-size:12px; line-height:16px; }
	.tbl-style01.type3 tbody td{ font-size:12px; line-height:16px; text-align:left; }
	.agree-box .support-list.st2 li dl dt{ font-size:12px; }
	.agree-h3{ font-size:12px; }
	.agree-p{ font-size:12px; line-height:16px; }
	.tbl-style01.type3 thead th{ padding:3px; }
	.agree-list > li{ font-size:12px; line-height:16px; }
	.agree-list2 > li{ font-size:12px; line-height:16px; }

	/* 설문조사 */
	.survey-area{ padding:60px 14px; }
	.survey-area h2{ font-size:30px; line-height:34px; }
	.survey-area .survey-tit h3{ font-size:20px; }
	.survey-area .survey-cont h4{ font-size:15px; }
	.tit-st{ margin-bottom:8px; }
	.tit-st:before{ top:8px; }
	.survey-tbl thead th { padding:10px 3px; font-size:11px; line-height:14px; }
	.survey-tbl tbody td{ font-size:11px; line-height:14px; }


	/* 오픈공지 */
	.pop-head{ padding:14px 30px 14px 30px; }
	.pop-head h2{ font-size:24px; }
	.pop-cont{ padding:30px 14px; }
	.pop-cont .pop-btn{ margin-top:30px; }
	.pop-cont .pop-desc{ font-size:14px; }
	.pop-footer{ padding:15px 14px 15px 14px; }
	.pop-footer .chk label{ font-size:14px; }
	.pop-colose{ right:14px; background-size:15px auto; }

	.view-user li{ float:none; padding-left:0; margin-left:0; }
	.view-user li:before{ display:none; }
	.view-user li span{ display:inline-block; margin-top:3px; }


	/* 유투브팝업 */
	/* .grtyoutube-popup-content{ margin-top:80px; } */


	/* 댓글 */
	.comment .info .user-area .user{ font-size:13px; }
	.comment .info .user-area .date{ font-size:13px; }
	.comment .txt{ font-size:13px; }
	.comment.type2 textarea{ font-size:13px; }


	/* 회원가입 */
	.agree-chk.all label{ display:block; text-align:left; }
	.agree-chk.all label p{ margin-top:5px; }


	.act-contbox .imgbox .cont .round-box.st2{ padding-top:10px; margin-top:10px; }
	.act-area.sunnyfam .act-contbox .imgbox .cont .area{ margin-top:10px; }


	/* 레이어팝업 */
	.detail-top .layer-pop .layer-tit{ padding:10px 14px; }
	.detail-top .layer-pop .layer-tit h2{ font-size:16px; }
	.layer-pop .layer-tit a{ background-size:80%; }
	.detail-top .layer-pop .layer-cont .tit{ font-size:16px; }
	.detail-top .layer-pop .layer-cont .layer-desc{ margin-top:4px; font-size:14px; }
	.detail-top .layer-pop .layer-cont .layer-desc strong{ font-size:14px; }
	.detail-top .layer-pop .layer-cont .layer-desc2{ line-height:18px; }
	.detail-top .layer-pop .layer-cont .layer-box{ padding:8px 18px; }
	.detail-top .info{ height:280px; }
	.detail-top .layer-pop .layer-cont .layer-box li span{ width:137px; }
	.detail-top .layer-pop .layer-cont .layer-desc2 br{ display:none; }
	.detail-top .layer-pop .layer-cont .layer-box li em{ line-height:18px; }


	/* 예약내역 */
	.tooltip-img{ width:235px; }

	/* 써니패밀리 메인 */
	.idea-link{ height:auto; }
	.idea-link .sec{ padding-bottom:30px; }
	.idea-link .imgbox{ float:none; width:100%; text-align:center; }
	.idea-link .imgbox img{ max-width:230px; }
	.idea-link .txt{ float:none; width:100%; padding-top:16px; text-align:center; }
	.idea-link .txt strong{ display:block; font-size:22px; }
	.idea-link .txt a{ margin-top:12px;}


	/* 창의인재양성 */
	.btn-box .btn{ float:none; margin-top:10px; margin-bottom:10px; }


	/* 사회적기업서포터즈 */
	.social-tit p{ font-size:15px; }
	.social-tit h3{ font-size:30px; line-height:34px;}
	.social-desc li h4{ font-size:20px; line-height:26px; }
	.social-desc li p{ margin-top:5px; font-size:14px; line-height:22px; }
	.social-img li{ width:100%; }
	.social-img li + li{ margin-top:10px; }
	.social-box{ padding:26px 20px 23px; }
	.social-box h4{ font-size:16px; }
	.social-box p{ font-size:13px; line-height:20px; }


	/* 검색결과가없습니다. */
	.no-result{ padding:90px 0 35px; background-position:50% 20px; background-size:80px auto; }
	.no-result strong{ font-size:18px; }
	.no-result p{ font-size:14px;}
	.support-status{ width:100%; font-size:14px; }

	.rdo:nth-child(4){ margin-left:0; }

	/* 사회변화인재양성 */
	.tit-a{ padding:55px 0 34px; }
	.sunny-fam-visual:before{ display:none; }
	.sunny-fam-visual .img{ float:none; width:100%; }
	.sunny-fam-visual .box{ float:none; width:100%; }
	.sunny-fam-visual .box .stit{ margin-top:10px; }
	.sunny-fam-visual .box p{ margin-top:8px; }
	.sunny-fam-visual + .act-list-sec{ margin-top:60px; }
	.info-business .list > li dl, .info-business.vietnam .list > li dl { display:block; padding:30px 20px 30px 20px; }
	.info-business.vietnam .list > li dl {height: auto;}
	.info-business .list > li dl dt{ display:block; width:100%; }
	.info-business .list > li dl dd{ display:block; line-height:22px; margin-top:12px; font-size:14px; }
	.info-business .list > li .slist{ margin-top:10px; }
	.info-business .list > li .slist li{ font-size:13px; line-height:15px; }
	.sunny-chn-top .info-list dl dt span{ font-size:14px; }
	.sunny-chn-top .info-list dl dd{ font-size:14px; }
	.sunny-chn-top .info-list dl dd em{ font-size:14px; }


	.btn-more{ position:relative; }


	/* 이미가입중 */
	.not-found{ padding:0 14px 0 14px; }
	.not-found .info h1{ font-size:18px; }
	.not-found .info h2{ margin-top:10px; font-size:22px; line-height:28px; }
	.not-found .info h2 strong{ font-size:24px; }
	.not-found .info p{ font-size:14px; line-height:21px; }
	.not-found .info em{ font-size:22px; }


	/* 페이지를 찾을수없습니다. */
	.not-found.st2{ padding-top:0; }
	.not-found.st2 .info h1{ font-size:20px; }
	.not-found.st2 .info h2{ font-size:23px; }
	.not-found.st2 .info p br{ display:none; }
	.not-found.st2 .img-logo{ margin-top:50px; }
}




/********************************************************************************************************************/
												/* 해상도 380 이하 */
/********************************************************************************************************************/

@media all and (max-width: 380px) {

	/*************************************/
	/* 공통 */
	/*************************************/
	.ico-desc{ margin-top:12px; font-size:13px; }
	#tabs-area #tabs-area2{ margin-top:30px; }
	.tit-h3-l-area + #tabs-area2{ margin-top:0 !important; }
	.site-link .inner > ul:nth-child(1)> li{ margin-left:32px; }




	/* 인풋스타일 */
	.rdo + .rdo{ margin-left:12px; }
	.chk + .chk{ margin-left:12px; }





	/*************************************/
	/* 컨텐츠 */
	/*************************************/


	/* 활동일지등록 */
	.attend-area .sel li .chk{ margin-right:5%; }
	.attend-area .sel li .tit{ font-size:14px; }
	.attend-area .sel li .chk label,
	.attend-area .sel li .rdo label{ font-size:14px; }
	.attend-area .list > li .write .txt{ padding:0 0 0 60px; }
	.attend-area .list > li .write .txt em{ font-size:14px; }


	/* 주요연혁 */
	.ui-tabs .ui-tab-style4.ui-tabs-nav .ui-tabs-anchor{ padding:0 0 8px 0; }
	.ui-tab-style4 li a{ font-size:13px; }
	div.tabs-area > .ui-tab-style4.ui-tabs-nav.col3 > li{ width:33.33%; }
	.his-info > dd{ padding-bottom:0; }
	.intro-his-list > li + li{ margin-top:50px; }


	/* 써니룸예약하기 */
	.cell-hover{ font-size:10px; line-height:12px; }
	.cell-hover:before{ width:16px; height:16px; }
	.list-organ.st2 > li .desc{ padding:10px 20px 30px; }


	/* 회원탈퇴 */
	.withdrawal-area{ padding:138px 14px 42px 14px; background:#f7f7f7 url('../../resource/images/common/bg_withdrawal.png') no-repeat 50% 40px; }
	.withdrawal-area .sec .desc br{ display:block; }


	/* 써니패밀리 메인 */
	.idea-link .txt strong{ font-size:18px; }
	.idea-link .txt p{ font-size:13px; }

	/* 사회변화인재양성 */
	.act-list-sec .list li{ display:block; }
	.act-list-sec .list li span{ display:block; width:100%; padding:7px 0 4px; }
	.act-list-sec .list li p{ display:block; padding:0 0 8px 0; }
	.act-list-sec dl dd{ padding-top:13px; }



}




/********************************************************************************************************************/
												/* 해상도 360 이하 */
/********************************************************************************************************************/

@media all and (max-width: 360px) {

	/*************************************/
	/* 공통 */
	/*************************************/

	.list-talent > li{ width:100%; height:auto; }
	.list-talent-select{ height:auto; }


	/* 테이블 */
	.layer-cont .tbl-search-wrap .tbl-search{ padding-right:0; }
	.layer-cont .tbl-search-wrap .tbl-search table tbody th span{ font-size:13px; }
	.tbl-search-wrap .tbl-search table tbody td{ padding:5px 10px 5px 7px; }





	/*************************************/
	/* 메인 */
	/*************************************/
	.link-banner{ background-size:34px auto; }
	.link-banner h3{ font-size:13px; }
	.main-tab-content p.desc{ font-size:13px; line-height:20px; }




	/*************************************/
	/* 컨텐츠 */
	/*************************************/

	/* 회원가입 */
	.step-area ul li span{ padding-top:43px; }
	.step-area ul li span.img01,
	.step-area ul li.on span.img01{ background-size:46px auto; }
	.step-area ul li span.img02,
	.step-area ul li.on span.img02{ background-size:25px auto; }
	.step-area ul li span.img03,
	.step-area ul li.on span.img03{ background-size:49px auto; }
	.step-area ul li span.img04,
	.step-area ul li.on span.img04{ background-size:37px auto; }
	.agree-chk.all{ margin-top:46px; }
	.agree-box{ margin-top:46px; }
	.agree-info dt { padding:0 15px; }
	.agree-info dt h3{ padding:18px 15px 18px 26px; font-size:13px; }
	.agree-info .agree-chk{ left:15px; }


	/* 로그인 */
	.idpw-msg{ padding:0 14px; }

	/* 이벤트 리스트*/
	.sorting li button{ font-size:12px; }

	/* 공지사항 */
	.notice-inpt-box li{ float:none; width:100%; }
	.search-area-box{ overflow:hidden; }
	.search-area-box .search-select{ float:left; width:26%; margin:0 2%; }
	.search-area-box .search-select + .search-box{ float:left; width:66%; margin:0 2%;}
	.search-box input[type="text"] { font-size:14px; }
	.search-area-box .search-select{ padding-bottom:0; }
	.search-area-box .search-select select{ font-size:14px; }
	.search-box{ padding-bottom:0; }
	.search-box a{ right:3px; background-size:20px; }
	.sec-top{ margin-top:30px; }
	.notice-list-box > li .notice-infor .tit p{ font-size:13px; }
	.status{ padding:2px 19px 1px 19px; font-size:12px; }
	.notice-list-box > li .notice-infor .desc{ height:36px; font-size:13px; line-height:18px; }



	/* 써니패밀리는 */
	.sunny-fam-info{ padding:0 10px 34px 10px; margin-top:30px; }
	.sunny-fam-info li div span strong{ font-size:22px;  }
	.sunny-fam-list + .sunny-system{ margin-top:50px; }
	.tit-s{ font-size:20px; }
	.sunny-fam-field .tit-s{ padding:60px 0 0px; }
	.sunny-fam-list li strong{ font-size:20px; }
	.sunny-fam-field ul li{ width:100%; margin-top:30px; }
	.sunny-fam-field ul li em{ margin-top:4px; }


	/* 주요연혁 */
	.sub-introduce h3{ font-size:17px; }
	.sub-introduce h4{ margin-top:2px; font-size:19px; line-height:28px; }
	.sub-introduce .img-view{ margin-top:18px; }

	/* 지원하기상세 */
	.act-info .list li{ width:100%; height:auto; }
	.act-info .list li:nth-child(2){ border-top:0; }
	.step-list > .list{ text-align:center; }
	.step-list > .list > li:nth-child(even){ padding-right:0; }
	.step-list > .list > li:nth-child(even):after{ display:none; }

	/* 써니룸예약하기 */
	.cell-inner.today .cell-day{ margin-left:0; }

	/* 활동상세일정 */
	.step-list > .list > li{ width:140px; }
	.step-list > .list > li:after{ right:-4px; }


	/* 사회변화인재양성 */
	.act-step img{ max-width:230px; margin:0 auto; }
	.sunny-fam-visual .box .tit img{ width:100%; }


}









/********************************************************************************************************************/
												/* 해상도 320 이하 */
/********************************************************************************************************************/

@media all and (max-width: 320px) {

	/*************************************/
	/* 공통 */
	/*************************************/
	.footer-info .link li a{ padding:0 9px; }


	/* UI 탭 */
	.ui-tabs .ui-tab-style4.ui-tabs-nav.st2 li a { font-size:12px; }



	/* 레이어팝업 */
	.detail-top .layer-pop .layer-cont .tit{ font-size:14px; }
	.detail-top .layer-pop .layer-cont .layer-box li span{ font-size:12px; }
	.detail-top .layer-pop .layer-cont .layer-desc{ font-size:12px; }
	.detail-top .layer-pop .layer-cont .layer-desc strong{ font-size:12px; }
	.detail-top .layer-pop .layer-cont .layer-desc2{ font-size:12px; }
	.detail-top .layer-pop .layer-cont .layer-box li span { width:125px; }



	/*************************************/
	/* 메인 */
	/*************************************/
	.video-area .ui-tabs.ui-corner-all .ui-tab-style li a,
	.business-introduction .ui-tabs.ui-corner-all .ui-tab-style li a{ font-size:13px; }
	.main-banner-list .list-area .list li a span{ font-size:12px; }




	/*************************************/
	/* 컨텐츠 */
	/*************************************/


	/* 회원가입 */
	.signed-up p { font-size:15px; }
	.signed-up p strong{ font-size:15px; }
	.signed-up span{ font-size:14px; }
	.signed-up span strong{ font-size:14px; }
	.step-area ul li em{ font-size:12px; }



	/* 비밀번호 변경 */
	.pw-result .pw-inpt > li > label{ font-size:13px; }
	.sys-list > ul > li .box{ height:auto; padding:32px 0 45px 112px; background-position:20px 50%; }


	/* 활동하기메인 */
	.tit-h3-l-area .f-right .btn{ padding:5px 20px 6px 20px; }


	/* 사회적기업서포터즈 */
	.social-il{ margin-top:48px; }
	.social-box{ margin-top:43px; }


	/* 이미회원가입중 */
	.not-found .info h2{ font-size:18px; }
	.not-found .info h2 strong{ font-size:18px; }
	.not-found .info p{ margin-top:13px; font-size:13px; }

}

/* 20220110 추가 (스콜라/m) */
 @media all and (max-width: 1650px) {
	.sunny_sm .sec .sub-tit:before, .sunny_sm .sec .sub-tit:after {width: 165px;} /* 20220310 수정 */
	.sunny_sm .sec.sec03 .sub-tit:before, .sunny_sm .sec.sec03 .sub-tit:after {width: 310px;}
  }

  @media all and (max-width: 1200px) {
	.sunny_sm .pc {display: none !important;}
	.sunny_sm .m {display: inline-block !important;}


	.sunny_sm.mns .sec06 .target {width: inherit; max-width: 100%; height: inherit; margin: 60px auto 60px auto; background-image: none}
	.sunny_sm.mns .sec06 .top {position: relative; top: inherit;}
	.sunny_sm.mns .sec06 .target .mo_step {display: block}
	.sunny_sm.mns .sec06 .target .pc_step {display: none;}
	.sunny_sm .sec06 dl * {display: block;}
	.sunny_sm .sec06 dd {border: none; padding: 20px 0 0 0; margin: 0;}

	.sunny_sm.mns .sec06 ul p {text-align: left;}
	.sunny_sm.mns .sec06 ul p br {display: none !important;}
	.sunny_sm .sec07 ol li {display: block; width: 100%; max-width: 265px; background-size: 100%; margin: 0 auto 25px auto !important;}
	.sunny_sm .sec07 ol li strong {font-size: 20px; padding: 50px 0 20px 0;}
	.sunny_sm .sec07 ol li p {font-size: 18px; margin: 0;}
	.sunny_sm .sec07 ol li:after {top: auto; right: 50%; margin-right: -50px; bottom: 5px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);}
	.sunny_sm.mns .sec09 .lst-thum-area .lst-thum {text-align: center;}
	.sunny_sm.mns .sec09 .lst-thum-area .lst-thum > li {width: 100% !important; height: auto; margin: 1% 0;}
	.sunny_sm.mns .sec09 .lst-thum-area .lst-thum > li .thum .imgbox img {display: block; width: 100%; max-width: 520px; margin: 0 auto;}
	.sunny_sm.mns .sec09 .lst-thum-area .lst-thum > li p {line-height: 25px;}
	.sunny_sm.mns .sec09 .lst-thum-area .lst-thum li.box ol {padding: 20px;}
  }

  @media all and (max-width: 1024px) {
	.sunny_sm.mns .sub-introduce p.tit {display: inline;}
	.sunny_sm .sec01 {height: auto; background-size: cover;}
    .sunny_sm .sec01 img {max-width: 30%}
	.sunny_sm .sec02 {height: auto !important; padding: 70px 20px 190px 20px;}
	.sunny_sm .sec03 .inner-s {height: auto !important;}
	.sunny_sm.mns .sec03 .inner-s p {top: -120px}
	.sunny_sm.mns .sub-introduce .sec04 p {margin: 60 0 -30px 0;}
	.sunny_sm .sec06 dl {padding: 40px;}
/* 	.sunny_sm.mns .sec06 ul {margin: 40px auto;} */
	.sunny_sm.mns .sec06 ul li {width: 100%; top: auto !important; text-align: left;}
	.sunny_sm.mns .sec06 ul li strong {font-size: 24px;}
	.sunny_sm .sec07 ul li strong {font-size: 18px; padding: 0;}
	.sunny_sm .sec08 table th, .sunny_sm .sec08 table td, .sunny_sm .sec08 p {font-size: 14px !important; line-height: 20px;}
	.sunny_sm .sec08 table th, .sunny_sm .sec08 table td {padding: 20px 14px;}
	.sunny_sm .sec09 .lst-thum-area .lst-thum li img {width: 100%; max-width: 320px;}
	.sunny_sm .sub-introduce .sec04 p strong {font-size: 14px;}
    .sunny_sm .sub-tit strong {font-size: 26px;}
	.sunny_sm .sub-introduce p {font-size: 22px;}
	.sunny_sm .sub-tit-area h2 {padding: 0; font-size: 20px}
	.sunny_sm .sub-introduce .img {padding: 50px 0 30px 0;}
	.sunny_sm .list-organ {padding: 30px 0 50px 0;}
	.sunny_sm .list-organ > li {display: block; left: 0 !important; margin-top: 20px;}
	.sunny_sm .lst-thum-area .lst-thum > li {width: 100% !important;}
	.sunny_sm .lst-thum-area .lst-thum > li .thum .imgbox img {display: block; width: 100%; max-width: 520px; margin: 0 auto;}
	.sunny_sm .lst-thum-area .lst-thum > li p {line-height: 25px;}
	.sunny_sm ul.list *, .sunny_sm .sec10 span, .sunny_sm .sec10 b {font-size: 14px !important;}
	.sunny_sm ul.list01 li {font-size: 13px;}
	.sunny_sm .act-list-sec dl dt .tit, .sunny_sm .act-list-sec dl dd {font-size: 18px; padding: 20px 0 0 0;}
	.sunny_sm a.sm_btn {font-size: 18px; margin: 40px auto;}
	.sunny_sm .sec10 a.sm_btn {max-width: 295px; height: 40px; border-radius: 40px; line-height: 0; background-size: cover;}
  }

   @media all and (max-width: 840px) {
    .sunny_sm .sub-tit strong {font-size: 24px !important;}
	.sunny_sm .sub-introduce p {font-size: 18px;}
	.sunny_sm .sub-introduce p br, .sunny_sm ul.list br {display: none !important;}
	.sunny_sm .sec .sub-tit:before {content: none;}
	.sunny_sm .sec .sub-tit:before, .sunny_sm .sec .sub-tit:after {width: 100px !important; height: 2px; left: 50%; margin-left: -50px; top: auto; bottom: -20px;}
	.sunny_sm a.sm_btn {max-width: 295px; height: 40px; border-radius: 40px; line-height: 0; background-size: cover;}
    .sunny_sm .sec01 img {width: 100%; max-width: 280px}
	.sunny_sm .sec06 .sub-tit img {width: 35%;}
	.sunny_sm .sec06 .box {margin: 50px auto;}
	.sunny_sm .sec06 .box li {padding: 0 0 0 80px; margin: 0 0 30px 0;}
	.sunny_sm .sec06 .box li, .sunny_sm .sec06 .box li strong {font-size: 14px !important;}
	.sunny_sm .sec06 .box li:before {width: 40px !important; height: 60px !important; left: 20px; background-size: 100%;}
	.sunny_sm .sec06 dt {font-size: 18px;}
	.sunny_sm .sec06 dd {font-size: 14px;}
	.sunny_sm.mns .sec07 p.tit {position: relative; top: -70px; font-size: 15px;}
	.sunny_sm.mns .sec07 p.tit:before {top: 0;}
	.sunny_sm.mns .sec07 .act-list-sec {margin: 0 auto;}
	.sunny_sm.mns .sec09 .lst-thum-area .lst-thum li.box ol li {font-size: 15px;}
  }

  @media all and (max-width: 768px) {
    .sunny_sm .act-list-sec {margin: 40px auto 0 auto;}
    .sunny_sm .act-list-sec dl dt {width: 100%;}
	.sunny_sm .act-list-sec dl {padding: 0 0 40px 0;}
	.sunny_sm .act-list-sec dl dd {border: none;}
	.sunny_sm .schedule li {width: 100%; margin: 3% auto;}
	.sunny_sm .schedule li img {max-width: 250px;}
	.sunny_sm .sec10 .mb20 * {font-size: 14px !important; margin: 0 !important;}
  }