/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE START!!!
/*-----------------------------------------------------------------------------------*/

@media(max-width:1500px) and (min-width:1200px){
	#wrap.is-side-header .container{
		width:860px !important;
	}
}

/* Tablet(iPad) - landscape */
@media(max-width:1200px) and (min-width:1023px){
	.container{
		width:960px !important;
	}
	#wrap.is-side-header .container{
		width:680px !important;
	}
	.boxed-layout .wrap-inner, .boxed-layout #header.sticky-header, .boxed-layout #header.sticky-header .header-container.is-sticky, .boxed-layout #page-header.parallax-page .page-header-bg, .boxed-layout .is-sticky .sticky-header, .boxed-layout #footer.sticky-footer{
		width:1000px !important;
	}
	.boxed-layout #header.sticky-header, .boxed-layout #header.sticky-header .header-container.is-sticky, .boxed-layout #page-header.parallax-page .page-header-bg, .boxed-layout #footer.sticky-footer{
		margin-left:-500px;
	}
	#header.full-width-header .toolbar-inner, #header.full-width-header .header-inner{
		padding-left:0;
		padding-right:0;
	}
	.modal-dialog.middle{
		width:600px;
		margin-left:-300px;
	}
	.gnb>ul>li>a{
		padding-left:7px;
		padding-right:7px;
	}
	.search-form-wrap .search-btn{
		margin-left:15px;
	}
	.page-header-title{
		font-size:20px;
		line-height:24px;
	}
	.page-header-text[data-text-size="medium"] .page-header-title{
		font-size:24px;
		line-height:28px;
	}
	.page-header-text[data-text-size="big"] .page-header-title, .slide-title{
		font-size:28px;
		line-height:32px;
	}
	.page-header.full-height .slide-title{
		font-size:50px;
		line-height:64px;
	}
	.slide-title.layer-mask span{
		font-size:24px;
		line-height:42px;
	}
	.page-header.full-height .slide-title.layer-mask span{
		font-size:36px;
		line-height:56px;
	}
	.page-header-description, .slide-substance{
		font-size:14px !important;
		line-height:20px !important;
	}
	.slide-substance.layer-mask span{
		font-size:13px;
		line-height:27px;
	}
	.slide-content.is-substance .slide-substance, .swiper-slide .button-stage{
		margin-top:20px;
	}
	.col-sm-6 .swiper-slide .slides .container, .col-sm-9 .swiper-slide .slides .container, .col-sm-8 .swiper-slide .slides .container, .col-sm-7 .swiper-slide .slides .container, .col-sm-6 .swiper-slide .slides .container, .col-sm-5 .swiper-slide .slides .container, .col-sm-4 .swiper-slide .slides .container, .col-sm-3 .swiper-slide .slides .container, .col-sm-2 .swiper-slide .slides .container, .col-sm-1 .swiper-slide .slides .container{
		width:auto !important;
	}
	.swiper-nav-btn{
		width:48px;
		height:48px;
		margin-top:-24px;
		line-height:48px;
	}
}
@media(min-width:1024px){
	#wrap.is-side-header .header-content, #wrap.is-side-header .logo-wrap{
		width:100% !important;
	}
	#wrap.is-side-header .header-inner{
		padding-top:0 !important;
	}
	.mobile-gnb{
		display:none !important;
	}
}
/* Tablet(iPad) - portrait */
@media(max-width:1023px) and (min-width:767px){
	.container{
		width:640px !important;
	}
	.boxed-layout .wrap-inner{
		width:700px;
		overflow:hidden;
	}
	.modal-dialog.middle{
		width:500px;
		margin-left:-250px;
	}
	.side-widget{
		float:left;
		width:50%;
		padding-left:15px;
		padding-right:15px
	}
	.side-widget:nth-child(2n+1), .footer-widget.col-sm-6:nth-child(2n+1){
		clear:left
	}
	.revolution-substance{
		font-size:12px;
	}
	.revolution-substance.big-size{
		font-size:16px;
	}
	.revolution-substance.medium-size{
		font-size:14px;
	}
	.revolution-number{
		font-size:16px;
	}
	.revolution-number.medium-size{
		font-size:24px;
	}
	.revolution-number.big-size{
		font-size:28px;
	}
	.page-header-title{
		font-size:18px;
		line-height:20px;
	}
	.page-header-text[data-text-size="medium"] .page-header-title{
		font-size:20px;
		line-height:24px;
	}
	.page-header-text[data-text-size="big"] .page-header-title, .slide-title{
		font-size:24px;
		line-height:28px;
	}
	.page-header.full-height .slide-title{
		font-size:46px;
		line-height:60px;
	}
	.slide-title.layer-mask span{
		font-size:20px;
		line-height:36px;
	}
	.page-header.full-height .slide-title.layer-mask span{
		font-size:36px;
		line-height:56px;
	}
	.page-header-description, .slide-substance{
		font-size:12px !important;
		line-height:18px !important;
	}
	.slide-substance.layer-mask span{
		font-size:12px;
		line-height:26px;
	}
	.slide-content.is-substance .slide-substance, .swiper-slide .button-stage{
		margin-top:10px;
	}
	.page-header.full-height .slide-content.is-substance .slide-substance ,.page-header.full-height .swiper-slide .button-stage{
		margin-top:25px;
	}
	.swiper-nav-btn{
		width:42px;
		height:42px;
		margin-top:-21px;
		line-height:42px;
	}
	.revolution-btn.big-size{
		height:42px !important;
		line-height:42px !important;
		font-size:14px !important;
	}
	.revolution-btn.big-size>.btn-text{
		padding-left:17px !important;
		padding-right:17px !important;
	}
}

/* iPhone(3,4,4s)-landscape, latest smartPhone */
@media(max-width:767px) and (min-width:479px){

	.container{
		width:420px !important;
	}
	.modal-dialog.middle{
		top:10%;
		transform: translateY(0)!important;
		-webkit-transform: translateY(0)!important;
	}
	.page-header-title, .slide-title{
		font-size:16px !important;
		line-height:24px !important;
	}
	.slide-title.layer-mask, .slide-substance.layer-mask{
		left:5px;
	}
	.slide-title.layer-mask span, .slide-substance.layer-mask span{
		box-shadow:5px 0 0 rgba(255, 255, 255, 0.5), -5px 0 0 rgba(255, 255, 255, 0.5);
	}
	.swiper-slide[data-text-color="light"] .slide-title.layer-mask span, .swiper-slide[data-text-color="light"] .slide-substance.layer-mask span{
		box-shadow:5px 0 0 rgba(0, 0, 0, 0.5), -5px 0 0 rgba(0, 0, 0, 0.5);
	}
	.slide-title.layer-mask span{
		padding:3px 0;
		font-size:14px;
		line-height:25px;
	}
	.page-header-description, .slide-substance{
		font-size:12px !important;
		line-height:16px !important;
	}
	.slide-substance.layer-mask span{
		padding:2px 0;
		font-size:12px;
		line-height:20px;
	}
	.slide-content.is-substance .slide-substance, .swiper-slide .button-stage{
		margin-top:10px;
	}
	.revolution-btn{
		height:34px !important;
		line-height:34px !important;
		font-size:12px !important;
	}
	
}

/* iPhone(3,4,4s)-portrait */
@media(max-width:479px) and (min-width:300px){

	.container{
		width:280px !important;
	}
	.page-header-title, .slide-title{
		font-size:14px !important;
		line-height:22px !important;
	}
	.slide-title.layer-mask, .slide-substance.layer-mask{
		left:4px;
	}
	.slide-title.layer-mask span, .slide-substance.layer-mask span{
		box-shadow:4px 0 0 rgba(255, 255, 255, 0.5), -4px 0 0 rgba(255, 255, 255, 0.5);
	}
	.swiper-slide[data-text-color="light"] .slide-title.layer-mask span, .swiper-slide[data-text-color="light"] .slide-substance.layer-mask span{
		box-shadow:4px 0 0 rgba(0, 0, 0, 0.5), -4px 0 0 rgba(0, 0, 0, 0.5);
	}
	.slide-title.layer-mask span{
		padding:2px 0;
		font-size:13px;
		line-height:23px;
	}
	.page-header-description, .slide-substance{
		font-size:11px !important;
		line-height:15px !important;
	}
	.slide-substance.layer-mask span{
		padding:1px 0;
		font-size:11px;
		line-height:17px;
	}
	.slide-content.is-substance .slide-substance, .swiper-slide .button-stage{
		margin-top:5px;
	}
	
}

/* iPad, iPhone, etc Mobile */
@media(max-width:1024px){

	#header.full-width-header .toolbar-inner, #header.full-width-header .header-inner{
		padding-left:0;
		padding-right:0;
	}
	#page-header.parallax-page .page-header-bg{
		position:relative;
	}
	#wrap.is-side-header #page-header.parallax-page .page-header-bg{
		left:0;
	}
	.col-sm-6 .swiper-slide .slides .container, .col-sm-9 .swiper-slide .slides .container, .col-sm-8 .swiper-slide .slides .container, .col-sm-7 .swiper-slide .slides .container, .col-sm-6 .swiper-slide .slides .container, .col-sm-5 .swiper-slide .slides .container, .col-sm-4 .swiper-slide .slides .container, .col-sm-3 .swiper-slide .slides .container, .col-sm-2 .swiper-slide .slides .container, .col-sm-1 .swiper-slide .slides .container{
		width:auto !important;
	}
	.swiper-nav-btn{
		left:0;
		opacity:1;
	}
	.swiper-nav-btn.next{
		right:0;
		opacity:1;
	}
	table.list-widget>tbody>tr>td.title-wrap{
		padding-left:0;
		padding-right:0;
	}
	#footer.sticky-footer{
		position:relative
	}
	
}

/* iPad-portrait, iPhone, etc Mobile */
@media(max-width:1023px){
	.toolbar{
		position:relative !important;
		display:block !important;
	}
	.header-space{
		display:none;
	}
	#wrap.is-side-header #header{
		width:100%
	}
	#wrap.is-side-header #header, #header.sticky-header, #header.sticky-header .header-container.is-sticky{
		position:relative !important;
	}
	#wrap.is-side-header .header-container{
		padding:0 !important;
	}
	#wrap.is-side-header .left-toolbar{
		display:none;
	}
	#header.transparent-header .header-container{
		box-shadow:none;
	}
	#header.transparent-header .header-bg-overlay{
		opacity:1 !important;
	}
	.header-container{
		background-image:none;
	}
	#header.transparent-header.light-header .gnb>ul>li>a, #header.transparent-header.light-header .search-form-wrap .search-btn>i.fa{
		color:#999;
		opacity:1;
	}
	.gnb-wrap{
		display:none;
	}
	.mobile-nav-btn{
		display:block;
	}
	#wrap.is-side-header .header-content{
		padding-top:0;
	}
	#wrap.is-side-header .logo-wrap{
		float:left;
		padding-top:0;
		padding-bottom:0;
	}
	.logo img{
		display:none !important;
		margin-top:0 !important;
		transition:none !important;
	}
	.logo img.mobile-logo{
		display:block !important;
	}
	#page-header{
		margin-top:0 !important;
	}
	#wrap.is-side-header #page-header{
		margin-left:0;
	}
	#wrap.is-side-header #container, #wrap.is-side-header #footer{
		padding-left:0;
	}
	#wrap.is-side-header .logo-wrap{
		padding-left:0;
		padding-right:0;
	}
	.page-header-bg{
		display:block !important;
		position:relative;
		top:0 !important;
		margin-top:0 !important;
		height:100% !important;
		transform:translate(0px, 0px) !important;
		-webkit-transform:translate(0px, 0px) !important
	}
	.page-header-bg  .padding-stage, .page-header-bg .rev-slider, .page-header-bg .swiper-container, .page-header-bg .swiper-wrapper, .page-header-bg .swiper-slide, .page-header-bg .revolution-map{
		height:100% !important;
	}
	.page-header-content, .page-header .slides{
		top:0 !important;
		opacity:1 !important;
	}
	#container{
		min-height:100% !important;
		margin-bottom:0 !important
	}
	.sidebar-wrap,	.board-sidebar-wrap,  .main-content-wrap,  .main-board-wrap{
		float:none !important;
		padding-left:0 !important;
		padding-right:0 !important;
		border:0 !important
	}
	.sidebar,  .board-sidebar,	.main-content,	.main-board{
		margin-left:0 !important;
		margin-right:0 !important
	}
	.sidebar,  .board-sidebar{
		margin-left:-15px !important;
		margin-right:-15px !important;
		padding-top:30px !important;
		padding-bottom:30px !important
	}
	.boxed-layout .sidebar,	 .boxed-layout .board-sidebar{
		margin-left:0 !important;
		margin-right:0 !important
	}
	.article-nav{
		float:none !important;
		margin-bottom:30px;
		text-align:center;
	}
	.article-nav-btn{
		padding-left:5px !important;
		padding-right:5px;
		line-height:36px;
		background:none;
	}
	.article-nav-btn.list-btn{
		top:1px;
		display:inline-block !important;
	}
	.article-nav-btn.notice-btn{
		display:block;
		margin-bottom:30px;
		float:none !important;
		text-align:center
	}
	.document-meta .meta:first-child{
		margin-top:0;
	}
	.document-meta .meta{
		margin-top:15px;
		padding-bottom:15px;
		text-align:left;
		border-bottom:1px dashed #dedede;
	}
	.document-meta .meta:last-child{
		border-bottom:0;
	}
	.appear-animation{
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important
	}
	.appear-animation, .revolution-chart, .revolution-counter{
		opacity:1 !important
	}
	.appear-animation[data-animation="fade-top"]{
		top:auto
	}
	.appear-animation[data-animation="fade-right"]{
		right:auto
	}
	.appear-animation[data-animation="fade-bottom"]{
		bottom:auto
	}
	.appear-animation[data-animation="fade-left"]{
		left:auto
	}
	.bottom-menu, .copyright{
		margin:15px 0;
		text-align:left
	}
}

/* only Mobile */
@media(max-width:767px){
	h1, .revolution-title.h1{
		font-size:24px
	}
	h2, .revolution-title.h2{
		font-size:20px
	}
	.boxed-layout .wrap-inner{
		width:100%;
	}
	.modal-dialog.middle{
		width:280px;
		margin-left:-140px;
	}
	.modal button.close{
		font-size:28px;
	}
	#language-modal .modal-header{
		margin-bottom:0;
	}
	.modal-title{
		font-size:16px;
	}
	#language-modal .modal-body li{
		font-size:14px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.sns-link{
		border-bottom:1px solid #e1e1e1;
		text-align:center
	}
	.toolbar.dark .sns-link{
		border-color:#555
	}
	.toolbar .sns-link a{
		border:0
	}
	.account-language{
		text-align:center
	}
	.toolbar .tool-btn{
		padding-left:8px;
		padding-right:8px;
		border:0
	}
	.side-widget{
		float:none;
		width:100%;
		padding-left:0;
		padding-right:0
	}
	.sidebar, .board-sidebar{
		margin-left:0 !important;
		margin-right:0 !important
	}
	.list-widget.image-title .thumbnail{
		position:relative;
		display:block;
	}
	.list-widget.image-title>li>.content-wrap{
		margin-left:0 !important;
	}
	.image-title-content .thumbnail{
		float:none !important;
		margin-bottom:15px;
	}
	.image-title-content .content-wrap{
		padding-left:0 !important;
	}
	.blog-date{
		float:none;
	}
	.blog-content{
		padding-left:0;
	}
	.board-footer .search-form-wrap{
		width:100%;
	}
	.board-footer .board-buttons{
		float:none !important;
		right:0;
		padding:30px 0;
		text-align:center;
		border-bottom:1px solid #dedede;
	}
	.feedback-action{
		position:relative;
		top:0;
		right:0;
	}
	.page-header-text .page-header-description{
		font-size:11px !important;
	}
	.page-header-text .page-header-description{
		margin-top:5px !important;
	}
	.page-header-text .breadcrumb{
		position:relative;
		text-align:left !important;
		float:none !important;
		margin-top:10px !important;
		font-size:10.5px !important;
	}
	.page-header-text.text-left .breadcrumb{
		text-align:left !important;
	}
	.section-content .swiper-slide .slides, .full-width-section .swiper-slide .slides, .col-sm-6 .swiper-slide .slides, .col-sm-5 .swiper-slide .slides, .col-sm-4 .swiper-slide .slides, .col-sm-3 .swiper-slide .slides, .col-sm-2 .swiper-slide .slides, .col-sm-1 .swiper-slide .slides{
		padding-left:15px;
		padding-right:15px;
	}
	.swiper-slide .slide-text.is-title .slide-substance{
		margin-top:15px;
	}
	.swiper-slide .button-stage{
		margin-top:15px;
	}
	.swiper-nav-btn{
		display:none;
	}
	.swiper-pagination{
		bottom:10px;
	}
	.revolution-btn{
		height:30px !important;
		line-height:30px !important;
		font-size:12px !important;
	}
	.revolution-btn.border-style{
		line-height:26px !important;
	}
	.revolution-btn>.btn-text{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.revolution-btn>.btn-icon{
		display:none;
	}
	.content-widget-tab.left>li{
		float:left;
		margin:-1px -1px 0 0;
		border:1px solid #dedede;
	}
	.widget-divider.left{
		margin: 0;
		padding:30px 0 0;
		border-top:1px solid #dedede;
		border-left:0;
	}
	.side-widget .list-widget.gallery-widget>li, .footer-widget .list-widget.gallery-widget>li{
		float:left;
		width:33.33333333%;
	}
	.xe-widget-wrapper.parallax-section{
		background-attachment:scroll;
		background-position-y:50% !important;
	}
	.category-select-wrap, .writer-input-wrap{
		padding-right:0
	}
	.article-load-wrap, .homepage-input-wrap{
		padding-left:0
	}
	.feedback-article{
		padding-bottom:30px;
	}
	.feedback-text{
		clear:both;
		padding:15px 0 !important;
	}
	.table-responsive{
		border:0;
	}
}