@charset "UTF-8";

/*--------------------------------------------------- width: 1400px 이상 ---------------------------------------------------*/
@media all and (min-width: 1400px) {
	html { -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
    .layer_mobile_yes { display:none !important; }
    .layer_mobile_no { display:block !important; }
}

/*--------------------------------------------------- width: 1200 ~ 1439px 이상 ---------------------------------------------------*/
@media all and (min-width:1200px) and (max-width: 1439px) {
	#top_layer_1 { display:block !important; }
	#top_layer_2 { width:35% !important; text-align:center !important; }
	#top_layer_3 { display:block !important; width:35% !important; padding-right:100px !important; }
	
	#gnb { display: none !important; }
    	#mobile_menu { display: block !important; }
    
	.layer_mobile_yes { display:none !important; }
	.layer_mobile_no { display:block !important; }
}


/*--------------------------------------------------- width: 801 ~ 1199px 이하 ---------------------------------------------------*/
@media all and (min-width:801px) and (max-width: 1199px) {
	#mainlogo_img{ padding:0px !important; }
	#mainmenu_bar { background-color:#FFF !important; }
	#mobile_menu { display: block !important; }
    #gnb { display: none !important; }
    
    #mslide_text { position:absolute !important; z-index:1 !important; display: block !important; }
	#slide_text { width: 90% !important; }
	#SECTION_SITEMAP, #SECTION_00_layer1_1, #main_mouse, .owl-prev, .owl-next { display: none !important; }
    #sub_board_layer { width: 95% !important; }

    .onweb_top_subtitle2 { margin-right:20px !important; }
    .subpage { /* 서브페이지 100% 사용시를 제외하고 #sub_layer2 에 종속됨 */ }
    .onweb_top_subtitle1 { left: 20px !important; font-size:28pt !important; letter-spacing:-1px !important; }
    .layer_left_50, .layer_right_50 { width:100% !important; }
    
    .layer_mobile_yes { display:block !important; }
    .layer_mobile_no { display:none !important; }
    
	/*-- 메인로고 왼쪽여백 --*/
	#top_layer { }
	#top_layer_1 { display:none !important; }
	#top_layer_2 { width:100% !important; text-align:center !important; padding-left:0px !important; }
	#top_layer_3 { display:none !important; }
	
    /* 사이드배너2 모바일처리 */
    #slideout2 { top: 120px !important; }
    #slideout_inner2 { top: 120px !important; }
    
    #foot_sitemap { display:none !important; }
    
	/*-- INDEX 최근글 --*/
	.onweb_p2 .lt_contents { min-height:90px; }
	
	/*-- 게시판 영역 좌우여백 --*/
	#sub_layer2 { width: calc(100% - 40px) !important; margin-left:20px !important; margin-right:20px !important; }
}

/*--------------------------------------------------- width: 481 ~ 800px 이하 ---------------------------------------------------*/
@media all and (min-width:481px) and (max-width: 800px) {
	#mainlogo_img{ padding:0px !important; }
	#mainmenu_bar { background-color:#FFF !important; }
	#mobile_menu { display: block !important; }
    #gnb { display: none !important; }
    
    #GT_mainslide .item img{ height: 60vh !important; max-width:800px !important;}
    
    #mslide_text { position:absolute !important; z-index:1 !important; display: block !important; }
	#slide_text { width: 90% !important; }
	#SECTION_SITEMAP, #SECTION_00_layer1_1, #main_mouse, .owl-prev, .owl-next { display: none !important; }
    #sub_board_layer { width: 95% !important; }
    
    .onweb_top_subtitle2 { margin-right:20px !important; }
    .subpage { /* 서브페이지 100% 사용시를 제외하고 #sub_layer2 에 종속됨 */ }
    .onweb_top_subtitle1 { left: 20px !important; font-size:28pt !important; letter-spacing:-1px !important; }
    .layer_left_50, .layer_right_50 { width:100% !important; }
    
    .layer_mobile_yes { display:block !important; }
    .layer_mobile_no { display:none !important; }
    
	/*-- 메인로고 왼쪽여백 --*/
	#top_layer { }
	#top_layer_1 { display:none !important; }
	#top_layer_2 { width:100% !important; text-align:center !important; padding-left:0px !important; }
	#top_layer_3 { display:none !important; }
    
    /* 사이드배너2 모바일처리 */
    #slideout2 { top: 120px !important; }
    #slideout_inner2 { top: 120px !important; }
    
    #foot_sitemap { display:none !important; }
    
	/*-- INDEX 최근글 --*/
	.onweb_p1 li, .onweb_p2 li, .onweb_latest1 li { width:50%; } 
	.onweb_p2 .lt_contents { min-height:90px; }
	.onweb_p1 .underbar1, .onweb_p1 .lt_contents { display:none; }
	
	/*-- 갤러리게시판 --*/
	.gall_row .col-gn-4 { width:50%; }
	.gall_content { min-height:120px; }
	
	/*-- 게시판 영역 좌우여백 --*/
	#sub_layer2 { width: calc(100% - 40px) !important; margin-left:20px !important; margin-right:20px !important; }
}

/*--------------------------------------------------- width: ~ 480px 이하 -------------------------------------------------------*/
@media all and (max-width: 480px) {
	#mainlogo_img{ max-width:280px !important; padding:10px 0px 0px 0px !important; }
	#mainmenu_bar { background-color:#FFF !important; }
	#mobile_menu { display: block !important; }
	#gnb { display: none !important; }
	
	#GT_mainslide .item img{ height: 60vh !important; max-width:480px !important;}
	
	#mslide_text { position:absolute !important; z-index:1 !important; display: block !important; }
	#slide_text { width: 90% !important; }
	#sub_bgimg_box { padding:50px 0px !important; }
	#sub_board_layer { width: 95% !important; }
	
	 .onweb_top_subtitle2 { margin-right:20px !important; }
	 .subpage { /* 서브페이지 100% 사용시를 제외하고 #sub_layer2 에 종속됨 */ }
	 .onweb_top_subtitle1 { left: 20px !important; font-size:28pt !important; letter-spacing:-1px !important; }
	 .layer_left_50, .layer_right_50 { width:100% !important; }
	 
	 .layer_mobile_yes { display:block !important; }
	 .layer_mobile_no { display:none !important; }
	 
	/*-- 메인로고 왼쪽여백 --*/
	#top_layer { }
	#top_layer_1 { display:none !important; }
	#top_layer_2 { width:100% !important; text-align:center !important; padding-left:0px !important; }
	#top_layer_3 { display:none !important; }
	
	 /* 사이드배너2 모바일처리 */
	 #slideout2 { top: 120px !important; }
	 #slideout_inner2 { top: 120px !important; }
	 
	 #foot_sitemap { display:none !important; }
	/*-- INDEX 최근글 --*/
	.onweb_p1 li, .onweb_p2 li, .onweb_latest1 li { width:50%; } 
	.onweb_p2 .lt_contents { min-height:90px; }
	.onweb_p1 .underbar1, .onweb_p1 .lt_contents { display:none; }
	
	/*-- 갤러리게시판 --*/
	.gall_row .col-gn-4 { width:50%; }
	.gall_content { min-height:120px; }
	
	/*-- 게시판 영역 좌우여백 --*/
	#sub_layer2 { width: calc(100% - 40px) !important; margin-left:20px !important; margin-right:20px !important; }
}