@media screen and (max-width:1024px){

#header,
#header_content{
box-shadow:none !important;
text-shadow:none !important;
border:0 !important;
background:transparent !important;
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:95px !important;
min-height:95px !important;
z-index:9999 !important;
}

#header_content{
padding:0 22px !important;
margin:0 !important;
}

#header .logo,
#header_content .logo{
position:absolute !important;
right:95px !important;
left:auto !important;
top:50% !important;
transform:translateY(-50%) !important;
margin:0 !important;
padding:0 !important;
text-align:right !important;
z-index:10000 !important;
}

#header .logo img,
#header_content .logo img{
max-width:72px !important;
height:auto !important;
margin:0 !important;
}

#home_menu,
nav#gnb,
#gnbBg,
#gnbBg_wrap{
display:none !important;
box-shadow:none !important;
}

.mobile_menu_btn{
display:block !important;
position:absolute !important;
right:22px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:58px !important;
height:48px !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
z-index:10001 !important;
cursor:pointer !important;
}

.mobile_menu_btn span{
display:block !important;
width:44px !important;
height:4px !important;
background:#111 !important;
margin:8px auto !important;
border-radius:4px !important;
box-shadow:none !important;
}

.adec_mobile_dim{
display:none !important;
position:fixed !important;
left:0 !important;
top:0 !important;
width:100% !important;
height:100% !important;
background:rgba(0,0,0,0.45) !important;
z-index:99997 !important;
}

body.adec_mobile_open .adec_mobile_dim{
display:block !important;
}

.adec_mobile_menu{
position:fixed !important;
top:0 !important;
right:-82% !important;
width:82% !important;
max-width:360px !important;
height:100% !important;
background:#fff !important;
z-index:99998 !important;
transition:right .28s ease !important;
box-shadow:none !important;
overflow-y:auto !important;
}

body.adec_mobile_open .adec_mobile_menu{
right:0 !important;
}

.adec_mobile_head{
height:82px !important;
background:#0e0f37 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
padding:0 22px !important;
box-shadow:none !important;
}

.adec_mobile_logo img{
max-width:150px !important;
height:auto !important;
filter:brightness(0) invert(1) !important;
}

.adec_mobile_close{
background:none !important;
border:0 !important;
color:#fff !important;
font-size:44px !important;
line-height:1 !important;
box-shadow:none !important;
cursor:pointer !important;
}

.adec_mobile_body{
background:#fff !important;
padding:22px 0 !important;
}

.adec_side_gnb{
display:block !important;
position:relative !important;
top:auto !important;
left:auto !important;
width:100% !important;
min-width:0 !important;
background:#fff !important;
box-shadow:none !important;
}

.adec_side_gnb > ul{
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
}

.adec_side_gnb > ul > li{
float:none !important;
width:100% !important;
min-width:0 !important;
text-align:left !important;
border:0 !important;
}

.adec_side_gnb > ul > li > a{
display:block !important;
height:auto !important;
padding:14px 30px !important;
font-size:18px !important;
font-weight:700 !important;
line-height:1.4 !important;
color:#111 !important;
background:#fff !important;
text-decoration:none !important;
box-shadow:none !important;
text-shadow:none !important;
}

.adec_side_gnb .gnb-2dep{
display:none !important;
position:relative !important;
top:auto !important;
padding:0 !important;
background:#f7f7f7 !important;
box-shadow:none !important;
}

.adec_side_gnb > ul > li.open .gnb-2dep{
display:block !important;
}

.adec_side_gnb .gnb-2dep li{
width:100% !important;
text-align:left !important;
line-height:1.4 !important;
}

.adec_side_gnb .gnb-2dep li a{
display:block !important;
padding:11px 42px !important;
font-size:14px !important;
font-weight:500 !important;
color:#555 !important;
background:#f7f7f7 !important;
text-decoration:none !important;
}
}

/* =========================================================
   MOBILE HEADER / SUB TITLE / FULL MENU ADJUST
========================================================= */

@media screen and (max-width:1024px){

/* 서브페이지 NOTICE / Topics 같은 텍스트를 이미지 가운데 */
#subvisual,
.main_visual,
.visual,
.hero,
.hero_wrap{
position:relative !important;
}

#subvisual .sub_txt,
.sub_visual_txt,
.visual_txt,
.hero_txt,
.hero_text{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
padding:0 20px !important;
text-align:center !important;
z-index:5 !important;
}

#subvisual .sub_txt h3,
.sub_visual_txt h3,
.visual_txt h3,
.hero_txt h3,
.hero_text h3{
text-align:center !important;
}

/* 모바일 상단: 로고 오른쪽 끝, 햄버거는 그 왼쪽 */
#header .logo,
#header_content .logo{
right:18px !important;
left:auto !important;
top:50% !important;
transform:translateY(-50%) !important;
}

#header .logo img,
#header_content .logo img{
max-width:54px !important;
height:auto !important;
}

.mobile_menu_btn{
right:82px !important;
width:38px !important;
height:34px !important;
}

.mobile_menu_btn span{
width:30px !important;
height:3px !important;
margin:5px auto !important;
background:#fff !important;
border-radius:3px !important;
}

/* 햄버거 클릭 시 메뉴 전체화면 */
.adec_mobile_menu{
right:-100% !important;
width:100% !important;
max-width:none !important;
height:100% !important;
}

body.adec_mobile_open .adec_mobile_menu{
right:0 !important;
}

.adec_mobile_dim{
background:rgba(0,0,0,0.35) !important;
}

.adec_mobile_head{
height:82px !important;
background:#0e0f37 !important;
}

/* 클릭 후 메뉴 안 로고 작게 */
.adec_mobile_logo img{
max-width:105px !important;
height:auto !important;
filter:brightness(0) invert(1) !important;
}

.adec_mobile_body{
padding:22px 0 !important;
}

.adec_side_gnb > ul > li > a{
font-size:18px !important;
padding:15px 34px !important;
}

.adec_side_gnb .gnb-2dep li a{
font-size:14px !important;
padding:11px 48px !important;
}
}

@media screen and (max-width:480px){
#header .logo img,
#header_content .logo img{
max-width:48px !important;
}

.mobile_menu_btn{
right:76px !important;
width:34px !important;
height:32px !important;
}

.mobile_menu_btn span{
width:28px !important;
height:3px !important;
margin:5px auto !important;
}

.adec_mobile_logo img{
max-width:95px !important;
}
}

/* =========================================================
   DESKTOP / SUB PAGE BROKEN FIX
   모바일 메뉴는 모바일에서만 보이게 강제
========================================================= */

/* 기본값: PC/서브페이지에서는 무조건 숨김 */
.adec_mobile_menu,
.adec_mobile_dim{
display:none !important;
}

.mobile_menu_btn{
display:none !important;
}

/* 모바일에서만 다시 사용 */
@media screen and (max-width:1024px){
.mobile_menu_btn{
display:block !important;
}

.adec_mobile_menu{
display:block !important;
position:fixed !important;
top:0 !important;
right:-100% !important;
width:100% !important;
max-width:none !important;
height:100% !important;
background:#fff !important;
z-index:99998 !important;
transition:right .28s ease !important;
box-shadow:none !important;
overflow-y:auto !important;
}

body.adec_mobile_open .adec_mobile_menu{
right:0 !important;
}

body.adec_mobile_open .adec_mobile_dim{
display:block !important;
}
}

/* =========================================================
   SUB PAGE TITLE CENTER + LOGO LEFT FINAL
========================================================= */

@media screen and (max-width:1024px){

/* 로고 왼쪽 끝 */
#header .logo,
#header_content .logo{
position:absolute !important;
left:18px !important;
right:auto !important;
top:50% !important;
transform:translateY(-50%) !important;
margin:0 !important;
padding:0 !important;
text-align:left !important;
z-index:10000 !important;
}

#header .logo img,
#header_content .logo img{
max-width:54px !important;
height:auto !important;
margin:0 !important;
}

/* 햄버거 오른쪽 끝 */
.mobile_menu_btn{
right:18px !important;
left:auto !important;
width:36px !important;
height:32px !important;
}

.mobile_menu_btn span{
width:30px !important;
height:3px !important;
margin:5px auto !important;
background:#fff !important;
}

/* 서브 상단 이미지 영역 */
#subvisual{
position:relative !important;
height:260px !important;
overflow:hidden !important;
}

/* TOPICS / GREETING / NOTICE 텍스트 이미지 정중앙 */
#subvisual .sub_txt{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
padding:0 20px !important;
margin:0 !important;
text-align:center !important;
z-index:20 !important;
}

#subvisual .sub_txt h3{
margin:0 !important;
padding:0 !important;
text-align:center !important;
font-size:42px !important;
line-height:1.2 !important;
color:#fff !important;
}

#subvisual .sub_txt .path{
display:none !important;
}
}

@media screen and (max-width:480px){
#header .logo,
#header_content .logo{
left:14px !important;
}

#header .logo img,
#header_content .logo img{
max-width:48px !important;
}

.mobile_menu_btn{
right:14px !important;
}

#subvisual{
height:230px !important;
}

#subvisual .sub_txt h3{
font-size:34px !important;
}
}

/* =========================================================
   SUB TITLE RESTORE + CENTER FIX
========================================================= */

@media screen and (max-width:1024px){

#subvisual{
position:relative !important;
height:260px !important;
overflow:hidden !important;
}

#subvisual .sub_txt{
display:block !important;
visibility:visible !important;
opacity:1 !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
padding:0 20px !important;
margin:0 !important;
text-align:center !important;
z-index:50 !important;
}

#subvisual .sub_txt *,
#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4,
#subvisual .sub_txt p,
#subvisual .sub_txt span{
display:block !important;
visibility:visible !important;
opacity:1 !important;
color:#fff !important;
text-align:center !important;
}

#subvisual .sub_txt h3,
#subvisual .sub_txt h2,
#subvisual .sub_txt h1{
font-size:42px !important;
line-height:1.2 !important;
font-weight:800 !important;
margin:0 !important;
padding:0 !important;
}

/* 경로는 숨기지 말고 작게 */
#subvisual .sub_txt .path{
display:block !important;
margin-bottom:10px !important;
}

#subvisual .sub_txt .path,
#subvisual .sub_txt .path *{
font-size:12px !important;
line-height:1.3 !important;
color:rgba(255,255,255,0.85) !important;
}
}

@media screen and (max-width:480px){
#subvisual{
height:230px !important;
}

#subvisual .sub_txt h3,
#subvisual .sub_txt h2,
#subvisual .sub_txt h1{
font-size:34px !important;
}
}

/* =========================================================
   BAD SUB TITLE FIX
   왼쪽 탭/메뉴는 건드리지 않고 상단 제목만 가운데
========================================================= */

@media screen and (max-width:1024px){

/* 이전에 잘못 넣은 전체 자식 display 강제 무력화 */
#subvisual .sub_txt *,
#subvisual .sub_txt p,
#subvisual .sub_txt span{
display:initial !important;
visibility:visible !important;
opacity:1 !important;
}

/* 경로/탭/기타 텍스트는 숨김 */
#subvisual .sub_txt .path,
#subvisual .sub_txt .path *,
#subvisual .sub_txt p,
#subvisual .sub_txt span{
display:none !important;
}

/* 상단 비주얼 제목 박스만 중앙 */
#subvisual{
position:relative !important;
height:260px !important;
overflow:hidden !important;
}

#subvisual .sub_txt{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
margin:0 !important;
padding:0 20px !important;
text-align:center !important;
z-index:20 !important;
}

/* 실제 제목만 보이게 */
#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
display:block !important;
visibility:visible !important;
opacity:1 !important;
margin:0 !important;
padding:0 !important;
text-align:center !important;
font-size:42px !important;
line-height:1.2 !important;
font-weight:800 !important;
color:#fff !important;
}

/* 왼쪽 탭 메뉴는 이미지 밖 원래 위치로 */
#leftmenu,
.leftmenu,
.tab_menu,
.sub_tab,
.sub_menu{
position:relative !important;
left:auto !important;
top:auto !important;
transform:none !important;
z-index:1 !important;
}
}

@media screen and (max-width:480px){
#subvisual{
height:230px !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
font-size:34px !important;
}
}

/* FINAL FIX - sub title restore + header align */
@media screen and (max-width:1024px){

/* 로고/햄버거 같은 높이 */
#header .logo,
#header_content .logo{
left:18px !important;
right:auto !important;
top:42px !important;
transform:none !important;
}

#header .logo img,
#header_content .logo img{
max-width:54px !important;
height:auto !important;
}

.mobile_menu_btn{
right:22px !important;
top:42px !important;
transform:none !important;
width:38px !important;
height:32px !important;
}

.mobile_menu_btn span{
width:30px !important;
height:3px !important;
margin:5px auto !important;
background:#fff !important;
}

/* 이미지 위 제목 다시 표시 */
#subvisual{
position:relative !important;
height:260px !important;
overflow:hidden !important;
}

#subvisual .sub_txt{
display:block !important;
visibility:visible !important;
opacity:1 !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
text-align:center !important;
z-index:999 !important;
padding:0 20px !important;
margin:0 !important;
}

#subvisual .sub_txt *{
visibility:visible !important;
opacity:1 !important;
color:#fff !important;
text-align:center !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
display:block !important;
font-size:42px !important;
line-height:1.2 !important;
font-weight:800 !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
}

#subvisual .sub_txt .path{
display:none !important;
}
}

@media screen and (max-width:480px){
#header .logo,
#header_content .logo{
top:38px !important;
left:14px !important;
}

.mobile_menu_btn{
top:38px !important;
right:14px !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
font-size:34px !important;
}
}

/* FINAL FIX - sub title restore + header align */
@media screen and (max-width:1024px){

/* 로고/햄버거 같은 높이 */
#header .logo,
#header_content .logo{
left:18px !important;
right:auto !important;
top:42px !important;
transform:none !important;
}

#header .logo img,
#header_content .logo img{
max-width:54px !important;
height:auto !important;
}

.mobile_menu_btn{
right:22px !important;
top:42px !important;
transform:none !important;
width:38px !important;
height:32px !important;
}

.mobile_menu_btn span{
width:30px !important;
height:3px !important;
margin:5px auto !important;
background:#fff !important;
}

/* 이미지 위 제목 다시 표시 */
#subvisual{
position:relative !important;
height:260px !important;
overflow:hidden !important;
}

#subvisual .sub_txt{
display:block !important;
visibility:visible !important;
opacity:1 !important;
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
text-align:center !important;
z-index:999 !important;
padding:0 20px !important;
margin:0 !important;
}

#subvisual .sub_txt *{
visibility:visible !important;
opacity:1 !important;
color:#fff !important;
text-align:center !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
display:block !important;
font-size:42px !important;
line-height:1.2 !important;
font-weight:800 !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
}

#subvisual .sub_txt .path{
display:none !important;
}
}

@media screen and (max-width:480px){
#header .logo,
#header_content .logo{
top:38px !important;
left:14px !important;
}

.mobile_menu_btn{
top:38px !important;
right:14px !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
font-size:34px !important;
}
}

/* =========================================================
   REAL SUB TITLE CENTER FIX
   include_board_top.php / page .sub_title 대응
========================================================= */

@media screen and (max-width:1024px){

/* 로고 왼쪽 끝, 햄버거 오른쪽 끝 같은 높이 */
#header .logo,
#header_content .logo{
position:absolute !important;
left:18px !important;
right:auto !important;
top:24px !important;
transform:none !important;
margin:0 !important;
padding:0 !important;
text-align:left !important;
z-index:10000 !important;
}

#header .logo img,
#header_content .logo img{
max-width:54px !important;
height:auto !important;
}

.mobile_menu_btn{
position:absolute !important;
right:18px !important;
top:24px !important;
transform:none !important;
width:36px !important;
height:32px !important;
}

.mobile_menu_btn span{
width:30px !important;
height:3px !important;
margin:5px auto !important;
background:#fff !important;
}

/* 서브 이미지 영역 기준 */
#subvisual{
position:relative !important;
height:260px !important;
overflow:hidden !important;
}

/* 기존 sub_txt가 있으면 가운데 */
#subvisual .sub_txt{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
margin:0 !important;
padding:0 20px !important;
text-align:center !important;
z-index:50 !important;
}

/* 실제 페이지 제목 .sub_title을 서브 이미지 중앙으로 */
#subvisual .sub_title,
.sub_title{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
margin:0 !important;
padding:0 20px !important;
text-align:center !important;
z-index:60 !important;
background:transparent !important;
}

#subvisual .sub_title h1,
#subvisual .sub_title h2,
#subvisual .sub_title h3,
#subvisual .sub_title h4,
.sub_title h1,
.sub_title h2,
.sub_title h3,
.sub_title h4{
display:block !important;
visibility:visible !important;
opacity:1 !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
font-size:42px !important;
font-weight:800 !important;
line-height:1.2 !important;
text-align:center !important;
}

/* breadcrumb/path는 숨김 */
#subvisual .sub_txt .path,
#subvisual .sub_txt .path *,
#subvisual .sub_title .path,
#subvisual .sub_title .path *,
.sub_title .path,
.sub_title .path *{
display:none !important;
}

/* leftmenu/tab은 절대 중앙정렬 대상에서 제외 */
#leftmenu,
.leftmenu,
.tab_menu,
.sub_tab,
.sub_menu{
position:relative !important;
left:auto !important;
top:auto !important;
transform:none !important;
width:auto !important;
z-index:1 !important;
}
}

@media screen and (max-width:480px){
#header .logo,
#header_content .logo{
left:14px !important;
top:22px !important;
}

.mobile_menu_btn{
right:14px !important;
top:22px !important;
}

#subvisual{
height:230px !important;
}

#subvisual .sub_title h1,
#subvisual .sub_title h2,
#subvisual .sub_title h3,
#subvisual .sub_title h4,
.sub_title h1,
.sub_title h2,
.sub_title h3,
.sub_title h4{
font-size:34px !important;
}
}

/* REAL FINAL - original subvisual title center */
@media screen and (max-width:1024px){

.adec_subvisual_title{
display:none !important;
}

#subvisual{
position:relative !important;
height:260px !important;
overflow:hidden !important;
}

#subvisual .sub_txt{
display:flex !important;
visibility:visible !important;
opacity:1 !important;
position:absolute !important;
left:0 !important;
top:0 !important;
width:100% !important;
height:100% !important;
padding:0 !important;
margin:0 !important;
transform:none !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
z-index:9999 !important;
}

#subvisual .sub_txt .path{
display:none !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
display:block !important;
visibility:visible !important;
opacity:1 !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
font-size:42px !important;
font-weight:800 !important;
line-height:1.2 !important;
text-align:center !important;
}
}

@media screen and (max-width:480px){
#subvisual{
height:230px !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
font-size:34px !important;
}
}

/* =========================================================
   FINAL: 제목 + 동그라미 탭을 이미지 정중앙 묶음 배치
========================================================= */

@media screen and (max-width:1024px){

#subvisual{
position:relative !important;
height:260px !important;
overflow:hidden !important;
}

#subvisual .sub_txt{
position:absolute !important;
left:50% !important;
top:50% !important;
transform:translate(-50%, -50%) !important;
width:100% !important;
height:auto !important;
display:block !important;
text-align:center !important;
padding:0 18px !important;
margin:0 !important;
z-index:100 !important;
}

#subvisual .sub_txt .path{
display:none !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
display:block !important;
margin:0 0 18px 0 !important;
padding:0 !important;
color:#fff !important;
font-size:42px !important;
font-weight:800 !important;
line-height:1.15 !important;
text-align:center !important;
}

/* 동그라미 탭 메뉴: 제목 바로 밑 중앙 */
#leftmenu{
display:block !important;
position:absolute !important;
left:50% !important;
top:calc(50% + 48px) !important;
transform:translateX(-50%) !important;
width:90% !important;
margin:0 !important;
padding:0 !important;
text-align:center !important;
z-index:120 !important;
}

#leftmenu ul{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
align-items:center !important;
gap:8px 10px !important;
margin:0 !important;
padding:0 !important;
}

#leftmenu ul li{
display:block !important;
margin:0 !important;
padding:0 !important;
}

#leftmenu ul li a{
display:block !important;
min-width:120px !important;
height:34px !important;
line-height:32px !important;
padding:0 16px !important;
border:2px solid rgba(255,255,255,0.9) !important;
border-radius:999px !important;
background:rgba(0,0,0,0.12) !important;
color:#fff !important;
font-size:15px !important;
font-weight:500 !important;
text-align:center !important;
box-shadow:none !important;
text-decoration:none !important;
}

#leftmenu ul li.on a,
#leftmenu ul li a:hover{
border-color:#0e0f37 !important;
background:#0e0f37 !important;
color:#fff !important;
}
}

@media screen and (max-width:480px){
#subvisual{
height:230px !important;
}

#subvisual .sub_txt h1,
#subvisual .sub_txt h2,
#subvisual .sub_txt h3,
#subvisual .sub_txt h4{
font-size:34px !important;
margin-bottom:14px !important;
}

#leftmenu{
top:calc(50% + 42px) !important;
width:94% !important;
}

#leftmenu ul{
gap:6px 8px !important;
}

#leftmenu ul li a{
min-width:105px !important;
height:30px !important;
line-height:28px !important;
font-size:13px !important;
padding:0 12px !important;
}
}

/* =========================================================
   PC MAIN/SUB MENU FONT SIZE UP
========================================================= */
@media screen and (min-width:1025px){

#gnb > ul.clearfix > li > a,
nav#gnb > ul > li > a{
font-size:20px !important;
font-weight:700 !important;
}

#gnb .gnb-2dep-wrap > li > a,
nav#gnb > ul > li .gnb-2dep li a{
font-size:16px !important;
}
}

/* =========================================================
   MAIN PAGE RESPONSIVE FIX
========================================================= */
@media screen and (max-width:1024px){

body{
min-width:0 !important;
overflow-x:hidden !important;
}

#con_wrap,
#content,
.main_visual,
.hero_section,
.hero_slider,
.main_section,
.section1,
.section2,
.section3,
.section4,
.notice_wrap,
.gallery_wrap,
.board_wrap{
width:100% !important;
max-width:100% !important;
min-width:0 !important;
overflow:hidden !important;
}

#mainvisual,
.hero_visual,
.hero_slider{
width:100% !important;
min-width:0 !important;
height:auto !important;
min-height:520px !important;
}

#mainvisual .main_txt,
.hero_text,
.hero_content,
.visual_text{
width:100% !important;
max-width:100% !important;
padding-left:20px !important;
padding-right:20px !important;
text-align:center !important;
}

.section1 .quick,
.section2 .gallery,
.section3 .notice,
.section4 .banner{
width:100% !important;
max-width:100% !important;
padding-left:20px !important;
padding-right:20px !important;
}

.section1 .quick > div{
float:none !important;
width:100% !important;
margin:0 0 16px 0 !important;
}

.section2 .gallery ul li{
float:none !important;
width:100% !important;
margin:0 0 18px 0 !important;
}

.section2 .gallery ul li a span.thumb{
width:100% !important;
height:auto !important;
aspect-ratio:370 / 230 !important;
}

.section3{
padding-left:16px !important;
padding-right:16px !important;
}

.section3 .notice ul li p{
width:100% !important;
white-space:normal !important;
line-height:1.45 !important;
}

.section3 .notice ul li a{
display:none !important;
}

.hero_arrow{
width:34px !important;
height:34px !important;
font-size:30px !important;
}

.hero_prev{
left:10px !important;
}

.hero_next{
right:10px !important;
}
}

@media screen and (max-width:480px){
#mainvisual,
.hero_visual,
.hero_slider{
min-height:420px !important;
}

#mainvisual .main_txt h2,
.hero_text h2,
.hero_content h2,
.visual_text h2{
font-size:32px !important;
line-height:1.2 !important;
}

#mainvisual .main_txt p,
.hero_text p,
.hero_content p,
.visual_text p{
font-size:15px !important;
line-height:1.5 !important;
}
}

@media screen and (min-width:1025px){
#gnb > ul.clearfix > li > a{
font-size:18px !important;
font-weight:700 !important;
line-height:70px !important;
letter-spacing:-0.5px !important;
}
#gnb .gnb-2dep-wrap > li > a{
font-size:16px !important;
line-height:28px !important;
}
}


/* DDRL_RESPONSIVE_SUBPAGE_TAB_COLOR_0E0F37_START */
/* 반응형 서브페이지 탭 active/hover 색상 통일 */
@media screen and (max-width:1024px){

    .cau_tab li.on a,
    .cau_tab li a:hover,
    .cau_tab li a:focus,

    .cleanroom ul.tabs li.active a,
    .cleanroom ul.tabs li a:hover,
    .cleanroom ul.tabs li a:focus,

    .reser_tab li.on a,
    .reser_tab li a:hover,
    .reser_tab li a:focus,

    .journal_tab ul.tabs1 li a.active,
    .journal_tab ul.tabs1 li a:hover,
    .journal_tab ul.tabs1 li a:focus,

    .id_tab li.on a,
    .id_tab li a:hover,
    .id_tab li a:focus{
        background:#0e0f37 !important;
        background-color:#0e0f37 !important;
        border-color:#0e0f37 !important;
        color:#fff !important;
    }
}
/* DDRL_RESPONSIVE_SUBPAGE_TAB_COLOR_0E0F37_END */


/* DDRL_RESPONSIVE_LEFTMENU_COLOR_0E0F37_START */
/* 반응형 서브페이지 상단 leftmenu active/hover 색상 통일 */
@media screen and (max-width:1024px){

    body #leftmenu ul li.on,
    body #leftmenu ul li.on > a,
    body #leftmenu ul li.on a,
    body #leftmenu ul li:hover,
    body #leftmenu ul li:hover > a,
    body #leftmenu ul li:hover a,
    body #leftmenu ul li a:hover,
    body #leftmenu ul li a:focus{
        background:#0e0f37 !important;
        background-color:#0e0f37 !important;
        border-color:#0e0f37 !important;
        color:#fff !important;
    }

    body #leftmenu ul li.on a,
    body #leftmenu ul li:hover a,
    body #leftmenu ul li a:hover,
    body #leftmenu ul li a:focus{
        color:#fff !important;
    }
}
/* DDRL_RESPONSIVE_LEFTMENU_COLOR_0E0F37_END */