/* 
	CSS File for Responsive
	Author:  peter@peterosea.com / peterosea
	Version: 1.0
*/ 



@media screen and (max-width: 1080px) {
	
	.page .et_pb_row_0, #main-content .container, .boxed_layout #page-container, .boxed_layout, .boxed_layout.et_fixed_nav .et-fixed-header #main-header {
		max-width: 708px !important;
	}
	
	#et-navigation > ul {
		display: none !important;
	}
	
	
	header.header {
		height: 160px;
	}
	
	.page-id-150.et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column, .page-id-772.et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column {
		margin-bottom: 40px;
	}
	
	
	
	/*------ 	ShiftNav -------*/
	
	.shiftnav-wrap {
		padding-top: 0 !important;
	}
	
	#shiftnav-toggle-main {
		background: transparent !important;
		
	}
	
	#main-header {
		height: 160px;
	}
	
	#main-header .logo {
	    margin: 60px auto 60px !important;
		height: auto !important;
	}
	
	.centered #logo {
	    width: 320px;
		height: auto;
	}
	
	.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
		color: #111;
	}
	
	body.admin-bar #shiftnav-toggle-main, body #shiftnav-toggle-main {
		padding: 49px 30px;
		width: auto;
	}
	
	.shiftnav.shiftnav-skin-slate ul.shiftnav-menu > li.menu-item > a:hover {
		color:#fff !important;
		background-color: #b0b6bf;
	}
	
	.shiftnav.shiftnav-shiftnav-main ul.shiftnav-menu li.menu-item.current-menu-item > a:hover {
		color:#111 !important;
	}
	
	
	
	/*----- 	Single:상세페이지  -----*/
	
	.single .post-wrap, .et_pb_pagebuilder_layout .page .post-wrap {
		padding: 0;
		border: none;
	}
	
	#main-content {
		padding-top: 60px;
	}
	
		
	.page .et_pb_section:first-child, .single .et_pb_section:first-child, .post .et_pb_section:first-child, .page .post-content .et_pb_row:first-child, .single .post-content .et_pb_row:first-child {
		padding-top: 0;
	}
	
	
	.together_txt li p {
	    width: 90%;
		vertical-align: top;
	}	
	
	
	.post-nav .nav-box.next {
		width: 70%;
	}

}



@media only screen and (max-width: 1024px) {
	
	#footer .copy {
		text-align: center;
	}

	#footer #custom_html-2.et_pb_widget:first-of-type {
		padding-top: 40px;
		margin-bottom: 20px;
	}
	
	#footer #custom_html-3 {
		text-align: center;
	}
	
	#footer .et_pb_widget .sns_wrap {
	    float: none;
	}
	
	#footer .et_pb_widget .sns_wrap li {
		float: none;
		display: inline-block;
	}
	
	#footer #custom_html-3.et_pb_widget:first-of-type {
		padding-top: 0;
		margin-bottom: 30px;
	}

}


@media screen and (max-width: 980px) {
	
	.et_pb_gutters1 .numbers_wrap .et_pb_column, .et_pb_column .et_pb_row_inner {
		padding: 0 !important;
	}
	
	.home .main_visual_wrap.et_pb_section, .page-id-572 main_visual_wrap.et_pb_section {
		padding: 80px 0 0 !important;
	}
	
	.numbers_wrap .number_col2 {
		margin-top: 60px;
	}
	
	#main-content {
		padding-bottom: 0;
	}
	
	#footer .et_pb_widget p {
		line-height: 1.6em;
	}
	
	
	

}



@media screen and (max-width: 768px) {
	
	#main-content .container, .boxed_layout #page-container, .boxed_layout, .boxed_layout.et_fixed_nav .et-fixed-header #main-header {
		max-width: 100% !important;
		width: 100%;
		padding: 0 60px 0 60px;
	}
	
		
	.home .et_pb_section, .page-id-572 .et_pb_section {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
	.home .main_visual_wrap.et_pb_section {
		padding: 60px 30px 0 !important;
	}
	
	.home .main_visual_wrap .head_copy {
		padding-top: 20px;
	}
	
	.page-id-150.et_pb_gutters1 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of1 article {
		margin-bottom: 40px !important;
	}
	
		
	.btn_group .btn {
		padding: 15px 15px;
		width: 170px;
	}
	
	.btn_group .btn.unicef {
	    padding: 8px 50px;
		width: 210px;
	}
	
	.btn_group {
		margin-top: 50px !important;
	}
	
	.sup_desc {
		line-height: 1.4em;
	}
	
	.sup_desc .korea-sns-shortcode {
		margin-top: 40px;
	}
	
	
	
	.post-nav {
		padding-top: 20px;
		border-top: 1px solid #e3e3e3;
	}
	
	.post-nav .nav-box.next {
		width: 100%;
		float: none;
		margin-top: 60px;
		margin-bottom: 20px;
	}
	
	.post-nav .nav-box.next .name {
	    display: inline-block;
		width: auto;
	}
	
	.post-nav .nav-box.next .name:after {
		top: 0px;
		right: -15px;
		width: 2%;
		height: 17px;
		border-right: 6px dotted #111;
	}
	
	.post-nav .nav-box .thumb {
		padding-left: 0px;
		padding-top: 10px;
	}
	
	.post-nav .nav-box .post_wrap {
		padding-top: 10px;
	}
	
	.post-nav .golist_wrap {
		float: none;
		text-align: center;
	}
	
	.golist_wrap .btn {
		line-height: 1.2em;
		display: inline-block;
	}
}


@media screen and (max-width: 600px) {
	html #shiftnav-toggle-main~#wpadminbar {
	    top: 0 !important;
	    position: fixed;
	}
	
	body.admin-bar #shiftnav-toggle-main {
	    top: 49px !important;
	}
}


@media screen and (min-width: 481px) {
	
	
	/* 	카카오톡 공유버튼 */
	.korea-sns-kakaotalk {
		display: none;
	}
	
}


@media screen and (max-width: 480px) {
	
	#main-content .container, .boxed_layout #page-container, .boxed_layout, .boxed_layout.et_fixed_nav .et-fixed-header #main-header {
		padding: 0 30px ;
	}
	
	body.admin-bar #shiftnav-toggle-main {
	    top: 46px;
	}
	
	body.admin-bar #shiftnav-toggle-main, body #shiftnav-toggle-main {
		padding: 46px 20px;
		position: absolute;
	}
	
	html #shiftnav-toggle-main~#wpadminbar {
	    position: absolute;
	}
	
	.main_copy_wrap .head_copy p {
		font-size: 24px;
	}
	
	.main_copy_wrap.et_pb_section {
		padding-top: 30px 0;
	}
/*
	
	.main_copy_wrap .head_copy:after {
		padding-top: 50px;
	}
*/
	
	.main_copy_wrap .head_copy:after {
		padding-top: 70px;
		margin-bottom: 20px;
	}
	
	#main-header {
	    height: 150px;
	    position: absolute;
	    top:0;
	}
	
	body.admin-bar #shiftnav-toggle-main {
	    top: 44px !important;
	}

	.centered #logo {
		width: 240px;
	}
	
	
	.btn_group .btn {
	    padding: 15px 12px;
	    width: 150px;
	    font-size: 16px;
	}
	
	
	
	/* 	Error Page */
	.page-id-558 .page .post-wrap, .page-id-558 .error_wrap {
		padding: 0;
	}
	
	.page-id-558 .error_wrap {
		
	}


}