@charset "utf-8";

/*화면 확대시 스크룰*/
html, body {background:#e2e2e2; overflow: visible;    height: 905px;	width:1912px;}
#wrap #header #nav{width:1920px}

/*header*/
#wrap {background:#e2e2e2}
#wrap #header{height:97px;background:#e2e2e2}
#wrap #header #nav ul .menu .depth1{padding-bottom: 29px;}

/*nav bg수정*/
#wrap #header #nav{ ;border-bottom:0;background:#e2e2e2 url(/images/site/ko/common/bg_nav3_new.gif) no-repeat 50% -3px;}


/*main bg */
.mainwrap #container #bgchage ul #bg1{background: url(/images/site/ko/main/bg_main05.jpg) no-repeat 50% 107px;}

/*로고 위치
#header .inheader h1 a img  { margin-left: -4px;}*/

/*컨텐츠 위치*/
.mainwrap #container .contents{margin-left:47%}

/*스크롤바 제거*/
.mainwrap #container .contents .section .dimmed{height:719px !important}
.mainwrap #container .contents .section .cont{height:719px;overflow:hidden}
.mainwrap #container .contents .section{overflow:hidden}

/*컨텐츠 깜빡임*/


/*fade in out*/
.topvisual_slide01, .topvisual_slide02, .topvisual_slide03, .topvisual_slide04{position:relative}
.topvisual_slide01>div, .topvisual_slide02>div, .topvisual_slide03>div, .topvisual_slide04>div{position:absolute;}

/*공용 타이틀*/
.mainwrap #container .contents .section .mainlist h4.tit{margin:0;padding: 17px 0;    font-size: 15px;font-weight:bold;color:#974a5c;letter-spacing: 3px;}

/*line*/
.mainwrap #container .contents .section .cont{background:none}
.mainwrap #container .contents .section .mainlist{border-right:2px solid #e2e2e2;padding-bottom:105px}
.mainwrap #container .contents .section .mainlist_last{border:none}
.mainwrap #container .contents .infowrap .quickservice{padding-bottom: 40px;}

/* NOTICE */
.mainwrap #container .contents .noticewrap{margin-top:5px}
.mainwrap #container .contents .tabcont ul li{margin-bottom:12px}
.mainwrap #container .contents .tabcont ul a{  font-size: 13px;  line-height: 15px;}
.mainwrap #container .contents .tabcont ul{padding-top:40px}

/* NEWS */
.hotsssue{padding:0 0 0 30px}
.hotsssue img{border:1px solid #e2e2e2;object-fit: cover;}
.hotsssue span{width:238px;font-size: 12px;text-align:left ;margin-top:5px;    line-height: 16px;}
.hotsssue .btn_more{top: 179px;  right: 28px;}

/* SNS */
.banner{}
.banner2 dl{padding:0;margin:0;width:73px}
.banner dl dt, .banner dl dd{text-align:center;font-weight:bold;}
.banner dl dd a{color:#666;padding-top:2px}
.banner2 .banner01{padding-right:0px}
.banner .banner02{padding-left:0;}

/* INFORMATION */
.mainwrap #container .contents .infowrap .quickservice{padding-left:30px}
.mainwrap #container .contents .infowrap .quickservice ul li{margin:0;padding:0 6px 6px 0;width:64px;height:64px}
.mainwrap #container .contents .infowrap .quickservice ul li a{padding-top:0}
.mainwrap #container .contents .infowrap .quickservice ul li img{width:64px;height:auto}



/* 하단 4개 영역(NOTICE, NEWS, SNS, INFO) 통합 수정 */

/* 1. 모든 섹션의 위를 덮고 있는 회색 가림막(dimmed)을 제거합니다 */
.mainwrap #container .contents .section .dimmed {
    display: none !important;
}

/* 2. 가림막 뒤에 숨어있던 실제 내용 박스(.cont)를 흰색으로 확실히 지정합니다 */
.mainwrap #container .contents .section .cont {
    background-color: #f9f9f9 !important;
    background-image: none !important;
    transition: background-color 0.3s ease; /* 마우스 효과를 위한 부드러운 전환 */
}

/* 3. 마우스를 올렸을 때(Hover) 밝아지거나 반응이 오도록 설정합니다 */
/* 배경이 흰색이므로, 마우스를 대면 아주 연한 회색(#f9f9f9)으로 변하게 하여 시각적 반응을 줍니다 */
.mainwrap #container .contents .section:hover .cont {
    background-color: #ffffff !important;
    cursor: pointer;
}

/* 4. 섹션들 사이의 진한 회색 구분선을 연하게 조정합니다 */
.mainwrap #container .contents .section .mainlist {
    border-right: 1px solid #eeeeee !important;
}