@charset "utf-8";
/*
	- 반응형 미디어쿼리 css
	- THE오피스 원본코드 이외에 "미디어쿼리 구현 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:1900px){
	.gnb1_area_wrap00,
	.gnb1_area_wrap0,
	.tmenu1_wrap0,
	.openmenu_wrap0,
	.footer_Util_wrap0,
	.gx_co_map > div,
	.subban_area_wrap0{width:1600px !important;}
	
	.gx_submenu_wrap0,
	.gpe_contents_box{width:1400px;}	

	.mainban .slides .mban_txtcenter{margin-left:-810px;}
	.mainban .flex-direction-nav{margin-left:-700px !important;}
	.mainban .flex-control-nav{margin-left:-855px;}
	.mainban_pointbox{margin-left:285px;}
}

@media all and (min-width:1601px){

}

@media all and (max-width:1600px){
	/* 레이아웃 */
	.gpe_set_list{top:20px;}
	.gpe_set_box_close{top:25px;}
}

@media all and (max-width:1599px){
	/* 레이아웃 */
	.gpe_set_box{height:700px;}
	.gpe_set_box ul.panel{height:620px;}
	.gpe_set_box ul.panel_type2{height:410px;}
}

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

}

@media all and (min-width:1441px){
	.mainban, .mainban .slides li, .mainban .slides .mban_youtube{
		/*
		border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;
		
		type2로 사용
		*/
	}
}

@media all and (max-width:1366px){
	/* 레이아웃 */
	.gpe_munu ul.topnav li.mnav_li{margin-left:0;}
}

@media all and (max-width:1360px){
	/* 레이아웃 */
	.gx_onlinecust{display:none;}
}

@media all and (min-width:1281px){
	/* 레이아웃 */
	.gx_mCsec02_wrap0 > ul li a h3{width:80%; padding-bottom:8px;}
	.gx_mCsec02_wrap0 > ul li a p{padding-top:10px;}
	/* 스킨 */
	
}

@media all and (max-width:1280px){
	/* 레이아웃 */
	#top_proban_wrap00,
	.gpe_login,
	.tmenu1_wrap00,
	.gpe_search_btn,
	.gpe_search,
	.allmenu_btn,
	.openmenu_wrap00,
	.gpe_set,
	.layG_fov_start,
	.gx_custcall,
	.gx_sb_extra_icon,
	.mainban_pointbox,
	.gx_mC_scMenu{display:none !important;} /* 공통 display:none */

	.gnb1_area_wrap00,
	.gpe_allcon_wrap0,
	.gnb1_area_wrap0,
	.gpe_contents_box,
	.mainban .slides .mban_txtcenter,
	.subban_area_wrap0,
	.gx_submenu_wrap0,
	.gx_mCsec01_wrap0,
	.gx_mCsec02_wrap0,
	.gx_mCsec03_wrap0,
	.gx_mCsec04_wrap0,
	.footer_Util_wrap0,
	.hd_pops_con,
	#bo_gall .gall_img,
	#bo_gall .gall_img a{width:100% !important;} /* 공통 width:100% */

	.gnb1_area_wrap0{height:70px;}

	.layG_munu_MobileBtn{display:block;}

	.gpe_logo{left:20px; top:50% !important; transform:translateY(-50%); padding:0 !important;}

	.mainban, .mainban .slides li{height:600px !important;}
	.loading_mb{min-height:600px !important;}
	.mainban .slides li.slide1_sample, .mainban .slides li.slide3_sample,
	.mainban .slides li.slide1, .mainban .slides li.slide2, .mainban .slides li.slide3, .mainban .slides li.slide4, .mainban .slides li.slide5{background-size:cover !important;}
	.mainban .slides .mban_txtcenter{padding:0 40px; transform:translateX(-50%) translateY(-50%); margin-left:0; margin-top:0;}
	.mainban .flex-control-nav{display:none;}
	.mainban .flex-direction-nav{top:auto !important; left:auto !important; bottom:-20px; right:0; margin-left:0 !important;}
	.mainban .flex-direction-nav a{
		width:40px !important; height:40px !important; line-height:40px !important; background-color:rgba(0,0,0,0.20);
		border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important;
	}
	.mainban .flex-direction-nav li:nth-child(1) a{
		left:auto !important; right:40px !important;
		border-radius:8px 0 0 0 !important; -moz-border-radius:8px 0 0 0 !important; -webkit-border-radius:8px 0 0 0 !important;
	}
	.mainban .flex-direction-nav li:nth-child(2) a{right:0;}

	.subban_area_wrap00{background-size:cover !important;}
	.subban_area_wrap0 .sban_txtcenter{padding:0 30px;}

	.gx_mCsec01_wrap0{padding:80px 0 0 0;}
	.gx_mCsec01_wrap0 > ul li{width:25%; margin:0 !important;}
	.gx_mCsec01_wrap0 > ul li a{width:auto; height:auto; border-radius:0;}
	.gx_mCsec01_wrap0 > ul li:nth-of-type(2) a, .gx_mCsec01_wrap0 > ul li:nth-of-type(4) a{background-color:#ddd;}
	.gx_mCsec02_wrap0 > ul{padding:0 20px;}
	.gx_mCsec02_wrap0 > ul li a{width:auto; background-size:cover !important;}
	.gx_mCsec02_wrap0 > ul li{padding:0 20px;}
	.gx_mCsec02_wrap0 > ul li a{padding:320px 30px 0 30px;}
	.gx_mCsec02_wrap0 > ul li:nth-of-type(3) a{float:none;}
	.gx_mCsec02_wrap0 > ul li a h3, .gx_mCsec02_wrap0 > ul li a p{position:relative; top:auto; left:auto;}
	.gx_mCsec02_wrap0 > ul li a h3{width:auto; font-size:23px; line-height:28px;}
	.gx_mCsec02_wrap0 > ul li a p{font-size:18px; margin-top:10px;}
	.gx_mCsec03_wrap0{padding:0 20px;}
	.gx_mCsec04_wrap0 > ul li:nth-of-type(1){padding:0 40px 0 20px;}
	.gx_mCsec04_wrap0 > ul li:nth-of-type(2){padding:0 20px 0 40px;}
	
	.footer_Util_wrap0{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;}

	.hd_pops{top:110px !important; left:0 !important; margin:20px;}
	.hd_pops_con{height:auto !important;}
	
	/* 스킨 */
	
}

@media all and (max-width:1024px){
	/* 레이아웃 */
	.layG_setButton{display:none;}
	.gx_mCsec02_wrap0 > ul li a h3, .gx_mCsec02_wrap0 > ul li a p, #bo_gall .gall_text_href a{
		/* 1줄로 ...표시 줄임 */
		white-space:nowrap;
		text-overflow:ellipsis; /* ... 표시 */
		overflow:hidden;
	}
	.owl-carousel .owl-item img{height:initial !important;}
}

@media all and (max-width:920px){
	/* 레이아웃 */
	.mainban .slides .mban_maintxt{font-size:60px; line-height:64px;}
	.mainban .slides .mban_subtxt{font-size:20px; line-height:34px;}

	.gx_mCsec04_wrap0{padding-top:80px;}
	.gx_mCsec04_wrap0 > ul li{float:none; width:100%; padding:0 20px !important;}
	.gx_mCsec04_wrap0 > ul li:nth-of-type(2){margin-top:30px; padding-top:30px !important; border-top:1px solid #eee;}
}

@media all and (max-width:768px){
	/* 레이아웃 */
	.subban_area_wrap0 .sban_maintxt{margin-bottom:-10px;}

	.gx_mCsec01_wrap0 > ul li{width:50%; margin:0 !important;}
	.gx_mCsec01_wrap0 > ul li:nth-of-type(3) a{background-color:#ddd;}
	.gx_mCsec01_wrap0 > ul li:nth-of-type(4) a{background-color:#f0f0f0;}
	.gx_mCsec02_wrap0 > div h3{font-size:35px;}
	.gx_mCsec02_wrap0 > ul{margin-top:100px;}
	.gx_mCsec02_wrap0 > ul li{padding:0 15px;}
	.gx_mCsec02_wrap0 > ul li a{height:400px; padding-top:280px;}
	.gx_mCsec03_wrap00{margin-top:150px;}
}

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

	/* 스킨 */
}

@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;}

	.gx_mCsec01_wrap0 > ul li a h3, .gx_mCsec01_wrap0 > ul li a p{
		/* 1줄로 ...표시 줄임 */
		white-space:nowrap;
		text-overflow:ellipsis; /* ... 표시 */
		overflow:hidden;
	}

	.gx_mCsec01_wrap0 > div h3, .gx_mCsec03_wrap0 p, .mainban .slides .mban_subtxt{
		/* 2줄로 ...표시 줄임 */
		display:-webkit-box; display:-moz-box;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; /* 2줄 */
		overflow:hidden;
	}
	
	.mainban, .mainban .slides li{height:400px !important;}
	.loading_mb{min-height:400px !important;}
	.mainban .slides .mban_txtcenter{padding:0 20px;}
	.mainban .slides .mban_maintxt{font-size:40px; line-height:40px;}
	.mainban .slides .mban_subtxt{margin-top:15px; font-size:17px; line-height:26px;}
	.mainban .slides .pointBox{width:20px; height:20px; margin-bottom:12px; margin-left:-6px;}
	.mainban .slides .mban_linkbtn{margin-top:25px; width:100px; height:30px; line-height:30px; font-family:'Noto Sans KR',Sans-serif; font-size:14px; font-weight:normal;}

	.subban_area_wrap0{height:150px !important;}
	.subban_area_wrap0 .sban_txtcenter{margin-top:0;}
	.subban_area_wrap0 .sban_maintxt{font-size:30px;}
	.subban_area_wrap0 .sban_subtxt{font-size:18px;}
	.subban_area_wrap0 .pointBox{display:none;}

	.gx_submenu_wrap0 > ul > li:nth-of-type(1){display:none;}
	.gx_submenu_wrap0 > ul > li:nth-of-type(2), .gx_submenu_wrap0 > ul > li:nth-of-type(3){display:inline-block; width:50%;}
	.gx_submenu_wrap0 > ul > li a{display:block;}
	.gx_submenu_wrap0 .xi-caret-down-circle-o{position:absolute; top:0; right:13px;}
	.gx_submenu_wrap0 ul.gx_sb_dep2{top:60px; width:100%; border-right:0;}
	.gx_submenu_wrap0 > ul > li+li a{overflow:hidden;}
	.gx_submenu_wrap0 > ul > li.active a{
		padding-left:10px;
		/* 1줄로 ...표시 줄임 */
		white-space:nowrap;
		text-overflow:ellipsis; /* ... 표시 */
		overflow:hidden;
	}

	.gx_mCsec01_wrap0{padding:40px 0 0 0;}
	.gx_mCsec01_wrap0 > div h3{font-size:26px; line-height:30px;}
	.gx_mCsec01_wrap0 > div p{margin:16px 0 40px 0; font-size:17px; line-height:26px;}
	.gx_mCsec01_wrap0 > div h3, .gx_mCsec01_wrap0 > div p{padding:0 10px;}
	.gx_mCsec01_wrap0 > ul{margin-top:20px;}
	.gx_mCsec01_wrap0 > ul li a{padding:30px 10px;}
	.gx_mCsec01_wrap0 > ul li:nth-of-type(3){clear:both;}
	.gx_mCsec01_wrap0 > ul li a i{width:120px; height:120px; line-height:120px;}
	.gx_mCsec01_wrap0 > ul li a h3{font-size:21px;}
	.gx_mCsec01_wrap0 > ul li a p{margin-top:8px; font-family:'Noto Sans KR',Sans-serif; font-size:15px; color:#999;}
	.gx_mCsec01_wrap0 > ul li a > div{width:120px; height:120px; line-height:165px;}
	.gx_mCsec02_wrap0{height:auto; padding:50px 20px 30px 20px;}
	.gx_mCsec02_wrap0 > div h3{margin-bottom:20px; font-size:22px; line-height:34px;}
	.gx_mCsec02_wrap0 > div a{width:100%; font-size:20px;}
	.gx_mCsec02_wrap0 > div a:nth-of-type(1){margin-right:0; margin-bottom:20px;}
	.gx_mCsec02_wrap0 > ul{margin-top:50px; padding:0;}
	.gx_mCsec02_wrap0 > ul li{clear:both; width:100%; margin-bottom:15px; padding:0;}
	.gx_mCsec02_wrap0 > ul li a{height:150px; padding-top:50px;}
	.gx_mCsec03_wrap00{margin-top:80px;}
	.gx_mCsec03_wrap0 h3, .gx_co_intro > ul li h4, .gx_co_intro > div h4, .gx_co_history > ul > li > h4{font-size:26px;}
	.gx_mCsec03_wrap0 p, .gx_co_intro > div p, .gx_co_map > ul li p{font-size:17px;}
	.gx_mCsec02_wrap0 > div a{font-size:17px;}
	.gx_mCsec03_wrap00{margin-top:40px;}
	.gx_mCsec04_wrap0{padding-top:20px;}

	.owl-carousel .owl-item img{width:70vw; height:initial !important;}
	.owl-carousel.mainContents{margin:30px 0 40px 0;}
	
	.gpe_contents_box .con_title{margin:20px 0;}

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

	/* 스킨 */
	.widgetTableA td.title a > span:nth-of-type(1){display:inline-block;}
	.widgetTableA td.title a > span:nth-of-type(2){display:none;}
	
}

@media all and (max-width:380px){
	/* 레이아웃 */
	.gx_submenu_wrap0 .xi-caret-down-circle-o{right:8px;}

	/* 스킨 */
	.widgetTableA td.title a > span:nth-of-type(1){display:none;}
	.widgetTableA td.title a > span:nth-of-type(2){display:inline-block;}
}

/*모바일메뉴 넓이, 닫기 위치*/
@media all and (max-width:979px){.layG_mobileM_G{width:40vw;} .layG_mobileM_G_close{right:40vw;}}
@media all and (max-width:768px){.layG_mobileM_G{width:50vw;} .layG_mobileM_G_close{right:50vw;}}
@media all and (max-width:707px){.layG_mobileM_G{width:60vw;} .layG_mobileM_G_close{right:60vw;}}
@media all and (max-width:480px){.layG_mobileM_G{width:80vw;} .layG_mobileM_G_close{right:80vw;}}