@charset "utf-8";
/*
	- 반응형 미디어쿼리 css
	- 포탈TOPxe 원본코드 이외에 "미디어쿼리 구현 css"는 사용자 본인이 케어 하셔야 합니다.
	- 원본코드 이슈 만 판매자(GX디자인) 케어가능

	- 간단설명
	  @media all and (min-width:1025px){ } => 1025px 이상만 적용됨
	  @media all and (max-width:1024px){ } => 1024px 이하만 적용됨
	  @media all and (max-width:480px){ } => 480px 이하만 적용됨

    - 미디어쿼리 기술에 경우 개인이 [정보습득및 스터디] 하신후 직접 구현 하셔야 합니다.
    - 아래 원본코드 이외에 추가 작업은 자유이나 문제시 직접케어 (작업의뢰 하셔도 됩니다.) 
*/


@media all and (min-width:1025px){
	.gxcon_area .skinDiv.subMo{display:none;}  /* 베스트스킨 서브만 적용 */
	.gxcon_area .skinDiv.subMo_361px{display:none;}  /* 베스트스킨 서브만 적용 */
	.gxcon_area .skinDiv.subPc{display:block;}  /* 베스트스킨 서브만 적용 */
}


@media all and (max-width:1024px){  /* 아이패드 이하 디바이스 */
	/* 레이아웃 */
	#top_proban_wrap00,
	.gpe_login,
	.gpe_pm_topban,
	.tmenu1_wrap00,
	.gpe_side_contents_L,
	.gpe_side_contents_R,
	.openmenu_wrap00,
	.gnb1_area_top1type_bg1,
	.gnb1_area_top1type_bg2,
	.gnb1_area_top2type_bg1,
	.gnb1_area_top3type_bg1,
	.layG_fov_start,
	.layG_setButton,
	.gpe_lang{display:none !important;}

	.gnb1_area_wrap0{height:170px; width:100% !important;}

	.layG_munu_MobileBtn{display:block;}

	.gpe_allcon_wrap0{width:100% !important;}
	.gpe_contents_box{width:100% !important; padding:0 !important;}
	.gpe_contents{padding:0 15px !important;}
	.gpe_contents_box .con_title{padding:0 15px;}
	.gpe_contents_box .wgbest_sub_2dan{width:100% !important;}
	.gpe_contents_box .wgbest_sub_2dan.type1{padding:0 15px; margin-top:0;}
	.gpe_contents_box .wgbest_sub_2dan.type2{display:none;}
	.gpe_contents_box .wgbest_sub_2dan > .xe-widget-wrapper{margin-top:15px !important;}

	.footer_Util_wrap0{width:100% !important; padding:30px 20px;}
	.gpe_utilMenu, .gpe_snsLink{position:relative; top:auto; right:auto; clear:left; padding-top:20px;}
	.gpe_utilMenu ul li:first-child{padding-left:0;}
	.gpe_snsLink ul li:first-child{padding-left:0;}

	.mainban_area_wrap{border-radius:0; margin-top:0 !important;}
	.mainban .slides img, .loading_mb img{width:100% !important; height:auto !important;}

	.gxcon_area{padding:0 15px !important;}

	.gpe_movetop{top:auto; bottom:100px;}
	.gpe_movetop .gpe_mt{background-color:rgba(0,0,0,0.30);}

	.hd_pops{top:110px !important; left:0 !important; margin:20px;}
	.hd_pops_con{width:100% !important; height:auto !important;}
	
	/* 위젯 */
	.xe-widget-wrapper{width:100% !important; margin:25px 0 0 0 !important;} /* xe 위젯영역 기본 리셋 */
	/* .xe-widget-wrapper > div{padding:0 !important;} */
	.gnb1_area_wrap0 > .xe-widget-wrapper{width:auto !important; margin:0 !important;} /* 뉴스공지 만 xe 위젯영역 css값 리셋 */

	.layG_newsCon_title{top:66px; left:15px;}
	.layG_newsCon{top:64px; left:53px;}
	.layG_newsCon ul li .date{display:none;}
}


@media all and (max-width:1024px) and (min-width:769px){
 	/* 레이아웃 */
	.gpe_search{bottom:25px; left:50%; transform:translateX(-50%); margin-left:-215px;}
}


@media all and (min-width:769px){
	/* 레이아웃 */
	.gpe_search .submit{left:386px;}
}


@media all and (max-width:768px){
	/* 레이아웃 */
	.gpe_search{left:0; bottom:20px; width:100%; padding:0 15px;}
	.gpe_search .inputText{position:relative; width:100%;}
	.gpe_search .submit{position:absolute; right:15px;}
	.gpe_search .fa-search{left:30px;}
}


@media all and (min-width:481px){
	/* 레이아웃 */

	/* 위젯 */
	.gpe_wgPopularT1 a.max480{display:none;}
	.gpe_wgPopularT1 a.max390{display:none;}

	.gpe_wgPopularT2 a.max480{display:none;}
	.gpe_wgPopularT2 a.max390{display:none;}

	.gpe_wgListA td.title a.title.max480{display:none;}
	.gpe_wgListA td.title a.title.max390{display:none;}

	.gpe_wgGalleryA li .thumb .imgNone{display:block;}
	.gpe_wgGalleryA li .thumb .imgNone480{display:none;}

	.gpe_wgZineA li p.titleArea .title.max480{display:none;}
	.gpe_wgZineA li p.titleArea .title.max390{display:none;}
}


@media all and (max-width:480px){  /* 대형 휴대용 디바이스 */
	/* 레이아웃 */	
	html, body, iframe, h1, h2, h3, h4, h5, h6, a, img, dl, dt, dd, fieldset, form, input, label, table, caption, tbody, tfoot, thead, tr, th, td,
	embed, hgroup, ul, ol, li, textarea, select, button{font-size:14px;}

	.gpe_copytxt p{font-size:13px;}
	.gpe_utilMenu{display:none;}

	/* 위젯 */
	.gpe_wgPopularT1 li .wgP_title{width:125px !important;}
	.gpe_wgPopularT1 a.min481{display:none;}
	.gpe_wgPopularT1 a.max480{display:inline-block;}
	.gpe_wgPopularT1 a.max390{display:none;}

	.gpe_wgPopularT2 a:not(.popu_more){font-size:15px;}
	.gpe_wgPopularT2 ul.wgP_contents .wgPdate{display:none;}
	.gpe_wgPopularT2 a.min481{display:none;}
	.gpe_wgPopularT2 a.max480{display:inline-block;}
	.gpe_wgPopularT2 a.max390{display:none;}

	.gpe_wgListA td.title a.title.min481{display:none;}
	.gpe_wgListA td.title a.title.max480{display:inline-block;}
	.gpe_wgListA td.title a.title.max390{display:none;}
	
	.gpe_wgGalleryA li .thumb .imgNone{display:none;}
	.gpe_wgGalleryA li .thumb .imgNone480{display:block;}

	.gpe_wgZineA li p.titleArea .title.min481{display:none;}
	.gpe_wgZineA li p.titleArea .title.max480{display:inline-block;}
	.gpe_wgZineA li p.titleArea .title.max390{display:none;}

	.gpe_wgTabA li .gpe_wTA_item{
		white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /* ... 표시 */
		padding:0 5px;
	}

	.gpe_wgListA td.category, .gpe_wgListA td.board, .gpe_wgListA .name, .gpe_wgListA td.date{display:none;}

	.gpe_wgGalleryA li{width:29.7% !important;}
	.gpe_wgGalleryA li:nth-of-type(4){margin-left:0 !important;}
	.gpe_wgGalleryA li .thumb, .gpe_wgGalleryA li .thumb img, .gpe_wgGalleryA li .thumb .imgNone480{width:100% !important; height:auto !important;}

	.gpe_wgZineA li p.titleArea .board, .gpe_wgZineA li p.titleArea .category{display:none;}
	.gpe_wgZineA li .thumbArea, .gpe_wgZineA li .thumbArea .thumb, .gpe_wgZineA li .thumbArea .thumb img{width:110px !important; height:90px !important;}
}


@media all and (max-width:398px) and (min-width:361px){
	/* 레이아웃 */

	/* 위젯 */
}


@media all and (max-width:390px){  /* 소형 디바이스1 */
	/* 레이아웃 */	
	
	/* 위젯 */
	.gpe_wgPopularT1 li .wgP_title{width:117px !important;}
	.gpe_wgPopularT1 a.max480{display:none;}
	.gpe_wgPopularT1 a.max390{display:inline-block;}

	.gpe_wgPopularT2 a.max480{display:none;}
	.gpe_wgPopularT2 a.max390{display:inline-block;}

	.gpe_wgListA td.title a.title.max480{display:none;}
	.gpe_wgListA td.title a.title.max390{display:inline-block;}

	.gpe_wgZineA li p.titleArea .title.max480{display:none;}
	.gpe_wgZineA li p.titleArea .title.max390{display:inline-block;}
}


@media all and (max-width:375px){  /* 소형 디바이스2 */
	/* 레이아웃 */
	
	/* 위젯 */
	.gpe_wgGalleryA li{width:29.2% !important;}
	.gpe_wgPopularT1 li .wgP_title{width:112px !important;}
}


@media all and (max-width:360px){  /* 소형 디바이스3 */
	/* 레이아웃 */

	/* 위젯 */
	.gpe_wgPopularT1 li .wgP_title{width:107px !important;}
}


/*모바일메뉴 넓이*/
@media all and (max-width:979px){.layG_mobileM_G{width:40%;}}
@media all and (max-width:768px){.layG_mobileM_G{width:50%;}}
@media all and (max-width:707px){.layG_mobileM_G{width:60%;}}
@media all and (max-width:480px){.layG_mobileM_G{width:70%;}}


/*모바일메뉴_닫기 위치*/
@media all and (max-width:979px){.layG_mobileM_G_close{right:40%;}}
@media all and (max-width:768px){.layG_mobileM_G_close{right:50%;}}
@media all and (max-width:707px){.layG_mobileM_G_close{right:60%;}}
@media all and (max-width:480px){.layG_mobileM_G_close{right:70%;}}