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

	- 간단설명
	  @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:1600px) and (max-width:1700px){
	/* 위젯 */
	.gpe_wgPopularT2 ul.wgP_contents li.popu_li .wgPdate{
		position:absolute; top:2px; right:-10px;
		display:inline-block;
		width:80px;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
}

@media all and (max-width:1600px){
	/* 레이아웃 */
	.gpe_search .inputText{width:280px;}
	.layG_news{left:560px !important;}
	/* 위젯 */
	.gpe_wgPopularT1 li .wgP_title{
		width:76px; font-size:14px;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
	}
}

@media all and (max-width:1370px){
	/* 레이아웃 */
	.gpe_login{display:none;}
	.xe-widget-wrapper{width:100% !important; margin-left:0 !important; margin-right:0 !important; clear:both;} /* xe 위젯영역 기본 리셋 */
	.xe-widget-wrapper:nth-child(n+2) > div{padding:20px 0 0 0 !important;}
}

@media all and (max-width:1280px){
	/* 위젯 */
	.layG_news{display:none;}
}

@media all and (max-width:1024px){
	/* 레이아웃 */
	.gpe_login,
	.gpe_pm_topban,
	.tmenu1_wrap00,
	.gpe_side_contents_L,
	.gpe_side_contents_R,
	.openmenu_wrap00,
	.gx_tooltip.search,
	.mainmenu_wrap,
	.mHomeAll_btn,
	.mainmenu_shadowHide,
	.allmenu_list,
	.layG_setButton{display:none !important;}
	.gpe_search{top:auto !important; bottom:25px !important;}
	.gpe_search .submit{display:block;}
	.gnb1_area_wrap0{height:140px; width:100% !important;}
	.layG_munu_MobileBtn{display:block;}
	.gpe_logo{left:18px !important; top:16px !important; width:auto !important; text-align:left;}
	.gpe_allcon_wrap0, .gpe_contents_box{width:100% !important; padding:0 !important;}
	.contents_area_wrap0 > .sub_contenBackbg{top:170px; left:8px; width:calc(100% - 16px); height:calc(100% - 171px);}
	.gpe_contents_box{margin-top:143px !important; padding:0 9px !important;}
	.gpe_contents_box.sub{margin-top:143px !important; padding:20px !important;}
	.gpe_contents_box .con_title{margin:25px 0 20px 0 !important;}
	.footer_Util_wrap00{margin-left:0 !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;}
	.gxcon_area{padding:0 9px !important;}
	.gpe_movetop{top:auto; bottom:100px;}
	.gpe_movetop .gpe_mt{background-color:rgba(0,0,0,0.30);}
	.gpe_search .inputText{background-color:#fff;}
	.gpe_search .submit{
		background-color:#ccc;
		border-radius:0 25px 25px 0;
		-moz-border-radius:0 25px 25px 0;
		-webkit-border-radius:0 25px 25px 0; 
	}
	.mainban_area_wrap.sub{margin-top:28px !important;}
	.xe-widget-wrapper > div{padding:20px 0 0 0 !important;}
	/* 위젯 */
	.gpe_wgGalleryA.mainScbar{overflow-x:auto;}
	.gpe_wgGalleryA.mainScbar::-webkit-scrollbar{display:none !important;}
}

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

@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; width:44px;}
	.gpe_search .fa-search{left:30px;}
}

@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:15px;}
	.gpe_copytxt p{font-size:13px;}
	.gpe_utilMenu{display:none;}
	.gxcon_area .skinDiv.best{padding:30px 20px 20px 20px !important;}
	.gxcon_area .skinDiv.normal{padding:20px !important;}
	.gpe_contents_box .contents_blank{padding:20px;}
	.mainban_area_wrap{margin-left:0 !important; margin-right:0 !important;}
	/* 위젯 */
	.widgetNOVAContainer{padding:20px;}
	.widgetNOVAContainer, .gpe_wgPopularT1, .gpe_wgPointDIV, .gpe_wgPopularT2_outDiv{margin-left:0 !important; margin-right:0 !important}
	.gpe_wgPopularT2_outDiv{padding: 30px 20px 20px 20px !important;}
	.widgetNavigator_GPE{top:26px !important; right:100px !important;}
	.widgetNavigator_GPE.tapyes{top:71px !important; right:17px !important;}
	.gpe_wgPopularT1 li .wgP_title{width:90px !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 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_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 .thumb, .gpe_wgGalleryA li .thumb img{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;}
	.gpe_wgZineA li .titconArea{margin-left:10px; width:calc(100% - 130px);}
}

/*모바일메뉴 넓이*/
@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%;}}