/*** Header ***/
.RAON_K_Solution .Header {width:100%; background-color:#ffffff; position:fixed; z-index:40000; left:0; top:0; border-bottom:1px solid #eaecf0;}
.RAON_K_Solution .Header .Header_pc {margin:0 auto }
.RAON_K_Solution .Header .tbh {height:85px; width:600px; margin:auto 0; display:block; z-index:2018;text-align:left; margin-left:237px;}
.RAON_K_Solution .Header .tbh a {color:#101828; font-size:16px; letter-spacing:-0.02em; font-weight:500}
.RAON_K_Solution .Header .tbh a:active, .RAON_K_Solution .Header .tbh a:hover {text-decoration:none}
.RAON_K_Solution .Header h1 {width:177px; height:41px; overflow:hidden; position:absolute; z-index:10; top:20px; text-align:center; display:block; line-height:0; z-index:2019; padding-left: 1em}
.RAON_K_Solution .Header h1 a{width:174px; height:41px; display:block; overflow:hidden; cursor:pointer; background-image:url(../images/raon_k_logo.png); background:rgba(0,0,0,0) url(../images/raon_k_logo.svg); background-position:0 0; background-repeat:no-repeat; background-color:transparent; background-size:100%}
.RAON_K_Solution .Header .tbh .gnb { display:inline-block; overflow:hidden;}
.RAON_K_Solution .Header .tbh .gnb:after, .RAON_K_Solution .Header .tbh .tlog:after {content:""; display:block; clear:both; height:0; visibility: hidden}
.RAON_K_Solution .Header .tbh .gnb, .RAON_K_Solution .Header .tbh .tlog { *display:inline; *zoom:1;} /* IE5.5~7 브라우저 대응 Hack */ 
.RAON_K_Solution .Header .tbh .gnb li {display:inline-block;}
.RAON_K_Solution .Header .tbh .gnb > li > a{position:relative; display:block; padding:31px 16px 27px; font-size:16px; line-height:1.7em; cursor:default; text-decoration:none; transition:color 0.2s;}
/* GNB 활성 표시: 열린 메뉴 / 현재 섹션 - 텍스트 폭만큼 하단 바 */
.RAON_K_Solution .Header .tbh .gnb > li > a:after {content:""; position:absolute; left:16px; right:16px; bottom:0; height:3px; background-color:#573ad5; transform:scaleX(0); transition:transform 0.2s ease;}
.RAON_K_Solution .Header .tbh .gnb > li.on > a,
.RAON_K_Solution .Header .tbh .gnb:not(.js_hover) > li:hover > a {color:#573ad5; text-shadow:0 0 0.5px #573ad5, 0 0 0.5px #573ad5;} /* 굵기 변경 시 폭이 바뀌어 옆 메뉴가 밀리므로 그림자로 볼드 처리 */
.RAON_K_Solution .Header .tbh .gnb > li.on > a:after,
.RAON_K_Solution .Header .tbh .gnb:not(.js_hover) > li:hover > a:after,
.RAON_K_Solution .Header .tbh .gnb > li.current > a:after {transform:scaleX(1);}
.RAON_K_Solution .Header .tbh .gnb:has(> li.on) > li.current:not(.on) > a:after {transform:scaleX(0);}
.RAON_K_Solution .Header .gnbLogin {width:34em; height: 85px; overflow:hidden; position:absolute; right:0; z-index:2020;}
.RAON_K_Solution .Header .gnbLogin .tlog{ z-index:11; padding-right:1em; position:absolute; right:0; top:25px; text-align:right;}
.RAON_K_Solution .Header .gnbLogin .tlog a {text-decoration:none; display:block; font-size:14px; float:left; cursor:pointer; padding:0.750em 14px; color:#212123; line-height:15px; }
.RAON_K_Solution .Header .gnbLogin .tlog a.tlog_btn_normal {padding: 0.75em 0.5em;}
.RAON_K_Solution .tlog_btn_normal:after {display: block; content:""; width: 0; height: 2px; background-color:#212123; opacity:0; transition:0.3s ease}
.RAON_K_Solution .tlog_btn_normal:hover:after {display: block; content:""; width: 100%; transition:0.3s ease; opacity:1;}
.RAON_K_Solution .tlog_btn {font-size:14px; padding:12px 22px 9px; border-radius:6px; margin-left:0.5em; border:2px solid #e5e5e5; display: inline-block; margin-top:-2px; color:#333333; transition:0.3s ease;}
.RAON_K_Solution .tlog_btn.line:hover {border-color:#cacaca}
.RAON_K_Solution .tlog_btn.color {background-color:#573ad5; color:#ffffff !important; border-color:transparent;}
.RAON_K_Solution .tlog_btn.color:hover {background-color:#4227bb}
.RAON_K_Solution .Header .linkToDext5 {display:none; width:100%; position: fixed; top:0; height:2em; background-color:#f2f2f2; text-align:right;z-index:2020; }
.RAON_K_Solution .Header .linkToDext5 a {display:inline-block; width:180px; margin-right:1.1em; height:2em; background:url(../images/linkToDext5.png) no-repeat center; border-left:1px solid #ffffff; box-sizing:border-box; vertical-align:top}

/* GNB 뎁스메뉴 패널 */
.RAON_K_Solution .Header .tbh .gnb .depth_menu {position: absolute; left:0; width:100%; padding:8px 0 32px; background-color:#ffffff; border-top:1px solid #eaecf0; display: none;}
/* 패널 아래 페이지 딤 처리 (마우스 이벤트는 통과) */
.RAON_K_Solution .Header .tbh .gnb .depth_menu:after {content:""; position:absolute; left:0; top:100%; width:100%; height:100vh; background-color:rgba(16,24,40,0.4); pointer-events:none;}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl {display: flex; max-width:1218px; margin:0 0 0 253px;} /* GNB '솔루션' 글자 왼쪽(.tbh margin-left 237px + a padding 16px)에 맞춤 */
.RAON_K_Solution .Header .tbh .gnb .depth_menu a {letter-spacing: -0.02em; transition:color 0.15s;}
/* 좌측 타이틀 영역 */
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt {width:250px; flex-shrink:0; margin:24px 0 0; padding:0 40px 0 0; box-sizing:content-box}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt strong {display: block; font-size:22px; font-weight:700; color:#101828; letter-spacing:-0.03em}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt .depth_desc {margin:12px 0 20px; font-size:14px; line-height:24px; color:#667085; word-break:keep-all}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt a {display: block; font-size:14px; font-weight:500; padding:6px 0; margin:0}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt a:hover,
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd li a.menu_text:hover {color:#573ad5;}
/* 체험 링크 칩 */
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl a.in_box {display:inline-block; font-size:12px; font-weight:500; line-height:20px; padding:1px 8px 0; border-radius:4px; background-color:#f2effc; color:#573ad5; border:0; transition:0.3s ease;}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt .dt_link {display:flex; align-items:center; gap:8px; white-space:nowrap}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt .dt_link a.menu_text {display:inline-block}
/* 고객지원 문의 링크: 테두리 버튼 */
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt .dt_btns {display:flex; flex-direction:column; align-items:flex-start; gap:6px}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt .dt_btns a.btn_line {display:inline-block; padding:7px 14px 5px; border:1px solid #d0d5dd; border-radius:6px; transition:0.3s ease; min-width:84px;}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dt .dt_btns a.btn_line:hover {border-color:#573ad5; color:#573ad5}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd li a.in_box {margin-left:8px;}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl a.in_box:hover {background-color:#573ad5; color:#ffffff;}
/* 그룹 컬럼 */
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd {min-width:190px; margin:30px 0 0; padding:0 24px; border-left:1px solid #f0f2f5;}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd strong {display:block; font-weight:500; font-size:12px; line-height:20px; color:#667085; margin-bottom:6px}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd li {display: flex; align-items: center; margin:0;}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd li a.menu_text {display:inline-block; font-size:14px; font-weight:400; line-height:24px; padding:8px 0; color:#101828}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd li a.menu_text:not([href]) {color:#98a2b3; cursor:default}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl .menu_text {position: relative;}
/* 우측 이미지 */
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd:last-child {min-width:0; margin:24px 0 0 auto; padding:0 40px 0 0; border-left:0}
.RAON_K_Solution .Header .tbh .gnb .depth_menu dl dd:last-child img {display:block; border-radius:12px}



/* JS 미동작 시 기본 호버, JS 동작 시 지연 처리(.on) - uc_topmenu.ascx */
.RAON_K_Solution .Header .tbh .gnb:not(.js_hover) > li:hover > .depth_menu,
.RAON_K_Solution .Header .tbh .gnb.js_hover > li.on > .depth_menu {display: block;}

/* 푸터 사이트맵 체험 링크 */
.RAON_K_Solution .site_map .map_inner dd a.in_box {display:inline-block; font-size:12px; font-weight:500; line-height:20px; padding:1px 8px 0; margin-left:8px; margin-bottom:0; border:0; border-radius:4px; background-color:#f2effc; color:#573ad5; vertical-align:middle; transition:0.3s ease;}
.RAON_K_Solution .site_map .map_inner dd a.in_box:hover {background-color:#573ad5; color:#ffffff;}

/* 모바일 햄버거 메뉴 체험 링크 */
.RAON_K_Solution .hamburger_nav .hamburger_nav_links dl dd a.in_box {display:inline-block; font-size:12px; font-weight:500; line-height:20px; padding:1px 8px 0; margin-left:8px; border:0; border-radius:4px; background-color:#f2effc; color:#573ad5; vertical-align:middle; transition:0.3s ease;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_links dl dd a.in_box:hover {background-color:#573ad5; color:#ffffff;}