@charset "utf-8";
/* CSS Document */
body, html, div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, a, img, dl, dt, dd, form, pre, code, fieldset, legend, textarea, blockquot, button, th, td, input, select, strong { margin:0; padding:0; font-family:'GmarketSans',"Malgun Gothic",ng,"돋움",Dotum,helvetica,arial,sans-serif,"fonttello"; }
fieldset,i, img {border:0 none;}
img {width:inherit; max-width:100%; height:auto;}
dl, ul, ol, menu, li {list-style:none}
blockquote, p {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:""; content:none}
input, select, textarea, button {vertical-align:middle}
button {border:0 none; background-color: treansparent; cursor:pointer}
body, th, td, input, select, textarea, button { font-size:100%;/*** Font Size 수정금지 ***/ line-height:1.5; letter-spacing:-1; word-spacing:1}
body, html {width:100%;/* height:100%*/}
body {background:#ffffff;}
address, caption, cite, code, dfn, em, var {font-style:normal; font-weight:normal}
a:hover {text-decoration:none;}
/* RAON_K_Solution Index */
.RAON_K_Solution {color:#444; position:relative; padding:0; margin:0; width:100%;}
.RAON_K_Solution a {text-decoration:none; cursor:pointer;}
.RAON_K_Solution a:active, .RAON_K_Solution a:hover {text-decoration:none}
.RAON_K_Solution .txt_hidden, .blind { position:-625.000em -625.000em; height:0; line-height:0; font-size:0; visibility:hidden}
/*FONT SIZE*/
h3 {font-size:38px; color:#000000; font-weight:300; text-align:center;}
h4 {font-size:33px; color:#575757;}
h5 {font-size:26px; color:#1b2b57}
h6 {font-size:20px;}
p {font-size:16px; color:#5a5a5a}
.txt18 {font-size:18px;}
.txt15 {font-size:15px;}
.txt14 {font-size:14px;}
.txt12 {font-size:12px;}
/*FONT COLOR*/
.txt_org {color:#ff7836;}
.txt_nav {color:#1b2b57;}
.txt_wht {color:#ffffff;}
.txt_bgr {color:#8094a7;}
/*BACKGROUND COLOR*/
.bg_gra {background: #063255;/* Old browsers */background: linear-gradient(to bottom right, #052442, #06426c);}
.bg_gry {background-color:#e9e9e9;}
.bg_lgry {background-color:#f0f0f0}
.bg_sblu {background-color:#156aa4}
/*** Header ***/
.RAON_K_Solution .Header {width:100%; background:url(../images/bg/gnb_bg.png); position:fixed; z-index:40000; left:0; top:0; box-shadow:0 2px 10px 0px rgba(0,0,0,0.2)}
.RAON_K_Solution .Header .Header_pc {max-width:1280px; position:relative; margin:0 auto }
.RAON_K_Solution .Header .tbh {height:85px; width:600px; margin:auto 0; display:block; position:relative; z-index:2018;text-align:left; margin-left:237px;}
.RAON_K_Solution .Header .tbh a {color:#212123; font-size:16px; letter-spacing:-0.09em; 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:hover {background-color:#f0f0f0; transition: all 0.3s ease 0s;}
.RAON_K_Solution .Header .tbh .gnb li a{display:block; padding:31px 14px 27px; font-size:16px; line-height:1.7em; cursor:pointer; text-decoration:none;}
.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}
.RAON_K_Solution .tlog_btn_normal:hover:after {display: block; content:""; width: 100%; transition: 0.3s; 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}
.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}
/*** sec01 ***/
.RAON_K_Solution .sec01 {background-image:linear-gradient(34deg, #000 42%, #1b1d4c 58%, #000 72%)}
.RAON_K_Solution .sec01 .main {width:100%; max-width:1400px; margin:0 auto; padding-top: 160px;}
.RAON_K_Solution .sec01 .main .title_area {margin:0 auto; text-align: center;}
.RAON_K_Solution .sec01 .main .title_area img {margin-bottom:15px}
.RAON_K_Solution .sec01 .main .title_area h2 {font-size: 48px; font-weight: 500; color:#ffffff; line-height: 1.1em; letter-spacing:-1px;}
.RAON_K_Solution .sec01 .main .title_area h2 span {display: block; color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(180deg,#fff,#ef7b26);}
.RAON_K_Solution .sec01 .main .title_area p {margin-top:15px; font-size:20px; font-weight: 300; color:#d3d6e7}
.RAON_K_Solution .sec01 .main .title_area p b {font-weight:500; color:#ffffff}
.RAON_K_Solution .sec01 .main .images_area { max-width:1400px; height:680px; margin:20px auto ; position:relative; }
.RAON_K_Solution .sec01 .main .images_area .bg_color {position:absolute; width:394px; height:510px; background-image:url(../images/update2023/sec01_bg_colorbox.png); left:50%; top:60px; transform: translate(-50%); animation: fadeIn 1s 0s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .main .images_area .main_editor {position:absolute; width:466px; height:337px; background-image:url(../images/update2023/sec01_Editor.png); right:49%; top:30px; animation: fadeIn 1s 0.3s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .main .images_area .main_upload {position:absolute; width:500px; height:431px; background-image:url(../images/update2023/sec01_upload.png); left:47%; top:130px; animation: fadeIn 1s 0.6s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .main .images_area .icon01 {position:absolute; width:98px; height:92px; background-image:url(../images/update2023/sec01_logo_nex.png); left:10%; top:-30px; animation: fadeInLeft01 1s 0.9s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .main .images_area .icon02 {position:absolute; width:98px; height:92px; background-image:url(../images/update2023/sec01_logo_web.png); left:2%; top:205px; animation: fadeInLeft02 1s 1.2s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .main .images_area .icon03 {position:absolute; width:98px; height:92px; background-image:url(../images/update2023/sec01_logo_vue.png); left:10%; top:440px; animation: fadeInLeft03 1s 1.5s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .main .images_area .icon04 {position:absolute; width:98px; height:92px; background-image:url(../images/update2023/sec01_logo_rea.png); right:8%; top:-30px; animation: fadeInRight01 1s 1.8s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .main .images_area .icon05 {position:absolute; width:98px; height:92px; background-image:url(../images/update2023/sec01_logo_ang.png); right:0%; top:205px; animation: fadeInRight02 1s 2.1s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .main .images_area .icon06 {position:absolute; width:98px; height:92px; background-image:url(../images/update2023/sec01_logo_exb.png); right:8%; top:440px; animation: fadeInRight03 1s 2.4s 1 cubic-bezier(0.46,-0.1, 0.27, 1.07) normal both running;}
.RAON_K_Solution .sec01 .mainpros {width:100%; border-top:1px solid #9595a1}
.RAON_K_Solution .sec01 .mainpros ul {max-width:1200px; margin:0 auto; display: flex; justify-content: center;}
.RAON_K_Solution .sec01 .mainpros ul li {padding:70px 50px; border-right: 1px solid #9595a1;}
.RAON_K_Solution .sec01 .mainpros ul li:last-child {border-right:0}
.RAON_K_Solution .sec01 .mainpros ul li dt {font-size:16px; color:#b0bdc2; margin-bottom:13px}
.RAON_K_Solution .sec01 .mainpros ul li dt strong {display:block; font-size:26px; color: transparent; -webkit-background-clip: text; background-clip: text; background-image: linear-gradient(180deg,#fff,#ff6900); letter-spacing:-1px;}
.RAON_K_Solution .sec01 .mainpros ul li dd {color:#b0bdc2; letter-spacing:-1px;}
.RAON_K_Solution .sec01 .company { color:#ffffff; font-size:0.8em; position:absolute; top:36px; left:50%; transform:translate(-50%); font-weight:300; opacity:0.7;}
.RAON_K_Solution .refe_flow {width:100%; overflow: hidden; padding:16px 0; background-color:#ffd5c4; display: flex; flex-wrap: nowrap; position: relative; height: 40px;}
.RAON_K_Solution .refe_flow .cover {position: absolute;}
.RAON_K_Solution .refe_flow .cover .oneBanner {height:40px; width:120px; background-color:#fff; border-radius:5px; margin:0 5px; background-image:url(../images/update2023/reference_logo.png); background-repeat:no-repeat; position:absolute;}
.RAON_K_Solution .refe_flow .cover .oneBanner:hover {cursor:pointer}
.RAON_K_Solution .refe_flow .cover .logo01 { background-position: -3px 2px;}
.RAON_K_Solution .refe_flow .cover .logo02 { background-position: -118px 0px;}
.RAON_K_Solution .refe_flow .cover .logo03 { background-position: -243px 1px}
.RAON_K_Solution .refe_flow .cover .logo04 { background-position: -358px 2px;}
.RAON_K_Solution .refe_flow .cover .logo05 { background-position: -472px 0px;}
.RAON_K_Solution .refe_flow .cover .logo06 { background-position: -592px -2px;}
.RAON_K_Solution .refe_flow .cover .logo07 { background-position: -826px -2px;}
.RAON_K_Solution .refe_flow .cover .logo08 { background-position: -356px -43px;}
.RAON_K_Solution .refe_flow .cover .logo09 { background-position: -7px -102px;}
.RAON_K_Solution .refe_flow .cover .logo10 { background-position: -125px -152px;}
.RAON_K_Solution .refe_flow .cover .logo11 { background-position: -233px -152px;}
.RAON_K_Solution .refe_flow .cover .logo12 { background-position: -121px -103px;}
.RAON_K_Solution .refe_flow .cover .logo13 { background-position: -239px -102px;}
.RAON_K_Solution .refe_flow .cover .logo14 { background-position: -357px -103px;}
.RAON_K_Solution .refe_flow .cover .logo15 { background-position: -238px -201px;}
.RAON_K_Solution .refe_flow .cover .logo16 { background-position: -1px -457px;}
.RAON_K_Solution .refe_flow .cover .logo17 { background-position: -826px -103px;}
.RAON_K_Solution .refe_flow .cover .logo18 { background-position: -474px -202px;}
.RAON_K_Solution .refe_flow .cover .logo19 { background-position: -125px -254px}
.RAON_K_Solution .refe_flow .cover .logo20 { background-position: -475px -254px;}
.RAON_K_Solution .refe_flow .cover .logo21 { background-position: 4px -507px;}
.RAON_K_Solution .refe_flow .cover .logo22 { background-position: -115px -505px;}
.RAON_K_Solution .refe_flow .cover .logo23 { background-position: -348px -505px}
.RAON_K_Solution .refe_flow .cover .logo24 { background-position: -229px -506px;}
.RAON_K_Solution .refe_flow .cover .logo25 { background-position: -467px -505px;}
.RAON_K_Solution .refe_flow .cover .logo26 { background-position: -230px -561px;}
.RAON_K_Solution .refe_flow .cover .logo27 { background-position: -348px -561px;}
.RAON_K_Solution .refe_flow .cover .logo28 { background-position: 10px -1495px;}
.RAON_K_Solution .refe_flow .cover .logo29 { background-position: -470px -1291px;}
.RAON_K_Solution .refe_flow .cover .logo30 { background-position: -709px -1495px;}
.RAON_K_Solution .refe_flow .cover .logo31 { background-position: -108px -1586px;}
.RAON_K_Solution .refe_flow .cover .logo32 { background-position: 7px -1086px;}
.RAON_K_Solution .refe_flow .cover .logo33 { background-position: -829px -1029px;}
.RAON_K_Solution .refe_flow .cover .logo34 { background-position: -231px -1234px;}
.RAON_K_Solution .refe_flow .cover .logo35 { background-position: -589px -774px;}
.RAON_K_Solution .refe_flow .cover .logo36 { background-position: 8px -1290px}
.RAON_K_Solution .refe_flow .cover .logo37 { background-position: -1px -1446px;}
.RAON_K_Solution .refe_flow .cover .logo38 { background-position: -228px -722px}
.RAON_K_Solution .refe_flow .cover .logo39 { background-position: -108px -724px;}
.RAON_K_Solution .refe_flow .cover .logo40 { background-position: -825px -722px}
.RAON_K_Solution .refe_flow ul {display: flex; flex-wrap: nowrap;}
.RAON_K_Solution .refe_flow ul li {height:40px; width:120px; background-color:#fff; border-radius:5px; margin:0 5px; background-image:url(../images/update2023/reference_logo.png); background-repeat:no-repeat;}
.RAON_K_Solution .refe_flow ul.cover .logo01 { background-position: -3px 2px;}
.RAON_K_Solution .refe_flow ul.cover .logo02 { background-position: -118px 0px;}
.RAON_K_Solution .refe_flow ul.cover .logo03 { background-position: -243px 1px}
.RAON_K_Solution .refe_flow ul.cover .logo04 { background-position: -358px 2px;}
.RAON_K_Solution .refe_flow ul.cover .logo05 { background-position: -472px 0px;}
.RAON_K_Solution .refe_flow ul.cover .logo06 { background-position: -592px -2px;}
.RAON_K_Solution .refe_flow ul.cover .logo07 { background-position: -826px -2px;}
.RAON_K_Solution .refe_flow ul.cover .logo08 { background-position: -356px -43px;}
.RAON_K_Solution .refe_flow ul.cover .logo09 { background-position: -7px -102px;}
.RAON_K_Solution .refe_flow ul.cover .logo10 { background-position: -125px -152px;}
.RAON_K_Solution .refe_flow ul.cover .logo11 { background-position: -233px -152px;}
.RAON_K_Solution .refe_flow ul.cover .logo12 { background-position: -121px -103px;}
.RAON_K_Solution .refe_flow ul.cover .logo13 { background-position: -239px -102px;}
.RAON_K_Solution .refe_flow ul.cover .logo14 { background-position: -357px -103px;}
.RAON_K_Solution .refe_flow ul.cover .logo15 { background-position: -238px -201px;}
.RAON_K_Solution .refe_flow ul.cover .logo16 { background-position: -1px -457px;}
.RAON_K_Solution .refe_flow ul.cover .logo17 { background-position: -826px -103px;}
.RAON_K_Solution .refe_flow ul.cover .logo18 { background-position: -474px -202px;}
.RAON_K_Solution .refe_flow ul.cover .logo19 { background-position: -125px -254px}
.RAON_K_Solution .refe_flow ul.cover .logo20 { background-position: -475px -254px;}
.RAON_K_Solution .refe_flow ul.cover .logo21 { background-position: 4px -507px;}
.RAON_K_Solution .refe_flow ul.cover .logo22 { background-position: -115px -505px;}
.RAON_K_Solution .refe_flow ul.cover .logo23 { background-position: -348px -505px}
.RAON_K_Solution .refe_flow ul.cover .logo24 { background-position: -229px -506px;}
.RAON_K_Solution .refe_flow ul.cover .logo25 { background-position: -467px -505px;}
.RAON_K_Solution .refe_flow ul.cover .logo26 { background-position: -230px -561px;}
.RAON_K_Solution .refe_flow ul.cover .logo27 { background-position: -348px -561px;}
.RAON_K_Solution .refe_flow ul.cover .logo28 { background-position: 10px -1495px;}
.RAON_K_Solution .refe_flow ul.cover .logo29 { background-position: -470px -1291px;}
.RAON_K_Solution .refe_flow ul.cover .logo30 { background-position: -709px -1495px;}
.RAON_K_Solution .refe_flow ul.cover .logo31 { background-position: -108px -1586px;}
.RAON_K_Solution .refe_flow ul.cover .logo32 { background-position: 7px -1086px;}
.RAON_K_Solution .refe_flow ul.cover .logo33 { background-position: -829px -1029px;}
.RAON_K_Solution .refe_flow ul.cover .logo34 { background-position: -231px -1234px;}
.RAON_K_Solution .refe_flow ul.cover .logo35 { background-position: -589px -774px;}
.RAON_K_Solution .refe_flow ul.cover .logo36 { background-position: 8px -1290px}
.RAON_K_Solution .refe_flow ul.cover .logo37 { background-position: -1px -1446px;}
.RAON_K_Solution .refe_flow ul.cover .logo38 { background-position: -228px -722px}
.RAON_K_Solution .refe_flow ul.cover .logo39 { background-position: -108px -724px;}
.RAON_K_Solution .refe_flow ul.cover .logo40 { background-position: -825px -722px}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadeInLeft01{
0%{opacity:0; transform:translate(20px,50px)}
100%{opacity:1; transform:translate(0,0)}
}
@keyframes fadeInLeft02{
0%{opacity:0; transform:translate(20px,0px)}
100%{opacity:1; transform:translate(0,0)}
}
@keyframes fadeInLeft03{
0%{opacity:0; transform:translate(20px,-50px)}
100%{opacity:1; transform:translate(0,0)}
}
@keyframes fadeInRight01{
0%{opacity:0; transform:translate(-20px,50px)}
100%{opacity:1; transform:translate(0,0)}
}
@keyframes fadeInRight02{
0%{opacity:0; transform:translate(-20px,0px)}
100%{opacity:1; transform:translate(0,0)}
}
@keyframes fadeInRight03{
0% {opacity:0; transform:translate(-20px,-50px)}
100% {opacity:1; transform:translate(0,0)}
}
@keyframes transitionRight{
0% {transform: translateX(-260%);}
100% { transform:translateX(0%)}
}
/*** sec01_2025 ***/
.RAON_K_Solution .sec01_2025 {padding-top:112px; height:calc(100vh - 70px); transition:0.3s ease}
.RAON_K_Solution .sec01_2025 .sec01_2025_inner {display:block; height:100vh; max-width:1250px; margin:0 auto; padding:0}
.RAON_K_Solution .sec01_2025 .sec01_2025_inner .main_sliderwrap {position: relative; overflow: hidden; /* 슬라이드가 영역 밖으로 보이지 않도록 */ height:calc(100vh - 170px);}
.RAON_K_Solution .sec01_2025 .main_slider {position:absolute; height:calc(100vh - 170px); width: 100%; opacity: 0; transform: translateX(100%); /* 기본적으로 오른쪽에 대기 */ transition: none;}
.RAON_K_Solution .sec01_2025 .main_slider:first-child {transform: translateX(0); opacity: 1;}
.RAON_K_Solution .sec01_2025 .ms_txtwrap {position:absolute; display: block; top:23%}
.RAON_K_Solution .sec01_2025 .ms_txtwrap .ms_txt span {font-size:51px; font-weight:bold; color:#232333; letter-spacing:-8px; line-height: 1.3em; opacity: 0; transition: 0.2s ease-in-out;}
.RAON_K_Solution .sec01_2025 .ms_txtwrap svg {margin-top:4px; margin-left:5px;}
.RAON_K_Solution .sec01_2025 .ms_txtwrap .ms_txt .color_blu {fill: #1b2b57; color:#1b2b57; font-family: 'BCcardB'; font-size:64px; letter-spacing: -5px; vertical-align:middle;}
.RAON_K_Solution .sec01_2025 .ms_txtwrap .ms_txt .color_org {fill: #cb5128; color:#cb5128; font-size:58px; vertical-align:-webkit-baseline-middle;}
.RAON_K_Solution .sec01_2025 .ms_txtwrap .ms_txt .color_blu.first {margin-left:3px;}
.RAON_K_Solution .sec01_2025 .ms_imgwrap {position:absolute; right:0; display: block; background-color:moccasin; min-width:540px; width:47%; height:100%; border-radius:30px; overflow:hidden; transition: width 0.3s ease; overflow: hidden;}
.RAON_K_Solution .sec01_2025 .ms_imgwrap img,
.RAON_K_Solution .sec01_2025 .ms_imgwrap video {object-fit:cover; width:100%; height:100%; }
.RAON_K_Solution .sec01_2025 .ms_imgwrap .ms_link {display: block; width: 100%; height:100%; position: absolute; top: 0;}
.RAON_K_Solution .sec01_2025 .main_slider_nav {margin-top:10px;}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap {display: flex; justify-content:flex-end; align-items: center;}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .dots {display: flex; justify-content:flex-end;}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .dots a {display:block; width:18px; height:18px; border-radius: 50%; background-color:#cccccc; margin:0 3px}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .dots a.active {background-color:#262633}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .puase_play {margin-left:10px}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .puase_play a {display: block; width:40px; height:38px; border-radius:50%; background-color:#d3d3d3; display:none; overflow: hidden;}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .puase_play a.active {display:block;}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .puase_play a svg {display: block; margin:12px auto 0; width:12px;}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .puase_play a svg rect,
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap .puase_play a svg path {fill:#5a5a64}
/*** sec01-1_2025 ***/
.RAON_K_Solution .sec01-1_2025 .title_area {display:block; max-width:1400px; margin:0 auto; padding:0 0 0 20px}
.RAON_K_Solution .sec01-1_2025 .title_area h2 {color:#262633; margin-bottom:43px; font-weight: bold; font-size:43px; letter-spacing:-3px;}
.RAON_K_Solution .sec01-1_2025 .title_area h2 .color_org {color:#eb5827;}
.RAON_K_Solution .sec01-1_2025 .scroll_container {height:620px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; margin-bottom:20px; padding-top:20px;}
.RAON_K_Solution .sec01-1_2025 .item_container {padding-left:calc(50vw - min(1480px, 96vw) / 2); column-gap:30px;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set {display: grid;grid-template-rows: repeat(1, auto); grid-template-columns: max-content; grid-auto-flow: column; grid-column-gap: 20px; column-gap:20px; grid-row-gap: 0px; row-gap: 0px;width: fit-content; margin: 0; }
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card {position:relative; scroll-snap-align:start; width:316px; height:580px; overflow: hidden; border-radius: 27px; box-shadow:2px 4px 12px #00000044 }
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card:last-child {margin-right:100px;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card_copy {position: absolute; top:40px; left:35px; z-index: 2;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card_copy.cc_blk p {color:#262633}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card_copy p {color:#ffffff; font-weight:bold; transition: 0.3s;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card_copy p.copy_label {font-size:14px; margin-bottom:8px; font-weight: 500;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card_copy p.copy_tit {font-size:24px; line-height:32px; letter-spacing: -1px;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set figure {margin:0; position: absolute; transition: 0.3s;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set figure img {width:330px;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card:hover figure {transform: scale(1.1); transition: 0.3s;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card:hover .card_copy p {color:#ffffff; transition: 0.3s;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card:hover .card_hover {opacity: 1; transition: 0.3s; cursor:auto}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card:hover dl {margin-top:180px; transition:0.3s;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .card_hover {opacity:0; transition: 0.3s; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.9); }
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card dl {margin-top:580px; transition:0.3s; margin-left:35px; margin-right:35px;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card dl::before {content:""; display: block; width:30px; height:2px; background-color:#ffffff ; margin-bottom:25px;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card dl dd {color:#b0b0b0; font-size: 14px; line-height:24px;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .btn_area {position: absolute;bottom:40px; width:69%}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .btn_area > a {display: block; width: 100%; padding:10px; border:1px solid #ffffff; color:#ffffff; text-align: center; display: flex; justify-content: space-around; transition: 0.3s;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .sec01-1_arrow {display: inline-block; width:40px;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .sec01-1_arrow polyline {fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round; transition: 0.3s;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .btn_area > a:hover {border-color:#e87c36; color:#e87c36; transition: 0.3s;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .btn_area > a:hover .sec01-1_arrow polyline {stroke:#e87c36; transition: 0.3s;}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container ul {display: flex; justify-content: end; margin:0 auto 80px auto; max-width:1240px;;}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container ul button {display: block; width: 40px; height:40px; margin-left:5px;}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container circle {fill: #ececec; transition:0.3s}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container polyline {fill: none; stroke: #77777e; stroke-linecap: round;stroke-linejoin: round;stroke-width: 3px; transition:0.3s}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container ul button:hover circle {fill:#ccc; transition:0.3s}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container ul button:hover polyline {stroke:#5a5a64; transition:0.3s}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container ul li.disable {opacity:0.5;}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container ul li.disable button { cursor: default; background-color:#ffffff}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container ul li.disable button:hover circle {fill:#ececec}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container ul li.disable button:hover polyline {stroke: #77777e;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .card_hover i {display: inline-block; width:17px; height: 17px; vertical-align:middle; margin-right:6px; background-repeat:no-repeat;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .card_hover i.badge_jodal_s {background:url(../images/update2023/badge_jodal.png); background-size:contain;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card .card_hover i.badge_gs_s {background:url(../images/update2023/badge_gs.png); background-size:contain; width:22px; height:11px;}
/*** 인증 뱃지 ***/
.RAON_K_Solution .certifi_area {padding:150px 0px 0px;}
.RAON_K_Solution .certifi_area ul {max-width: 1300px; display: flex; justify-content: center; margin:20px auto; flex-wrap: wrap;}
.RAON_K_Solution .certifi_area ul li {flex-basis: 150px; margin-bottom:30px}
.RAON_K_Solution .certifi_area ul li dt {display:block; margin:0 auto; width:79px; height:72px; background-repeat:no-repeat; background-position:center;}
.RAON_K_Solution .certifi_area ul li.gs dt {background-image: url(../images/update2023/badge_gs.png);}
.RAON_K_Solution .certifi_area ul li.pat dt {background-image: url(../images/update2023/badge_certi.png);}
.RAON_K_Solution .certifi_area ul li.jo dt {background-image: url(../images/update2023/badge_jodal.png);}
.RAON_K_Solution .certifi_area ul li.fra dt {background-image: url(../images/update2023/badge_framework.png); width:114px}
.RAON_K_Solution .certifi_area ul li.aw_glo dt {background-image: url(../images/award_global.png);background-size:contain}
.RAON_K_Solution .certifi_area ul li.aw_sw dt {background-image: url(../images/award_SW.png);background-size:contain}
.RAON_K_Solution .certifi_area ul li.aw_sw2025 dt {background-image: url(../images/award_SW2025.png);background-size:contain}
.RAON_K_Solution .certifi_area ul dd {text-align: center; color:#282727; font-size:14px; margin-top:10px; letter-spacing: -1px; }
/*** SECTION02 ***/
.RAON_K_Solution .sec02 {margin:50px 0;}
.RAON_K_Solution .sec02 .sec02_inner {max-width:1200px; margin:0px auto; padding:150px 0 100px;}
.RAON_K_Solution .sec02 .title_area {text-align: center; margin-bottom:120px}
.RAON_K_Solution .sec02 .title_area h3 {position:relative; display:inline-block; font-size: 56px; font-weight: 700; letter-spacing: -3px;}
.RAON_K_Solution .sec02 .title_area h3 span {color:#104066}
.RAON_K_Solution .sec02 .title_area h3:before {position:absolute; content:''; right:-10px; top:-30px; width:135px; height:38px; background-image: url(../images/update2023/img_important_b.png);}
.RAON_K_Solution .sec02 .title_area p {font-size:24px; margin-top:8px; color:#373738; letter-spacing:-1px;}
.RAON_K_Solution .sec02 .content_area {display: flex; justify-content: space-around; gap:50px}
.RAON_K_Solution .sec02 .content_area .tab_img,
.RAON_K_Solution .sec02 .content_area .tab_img2 {display:none;}
.RAON_K_Solution .sec02 .content_area .tab_img.on,
.RAON_K_Solution .sec02 .content_area .tab_img2.on {display:block;}
.RAON_K_Solution .sec02 .content_area .img_area,
.RAON_K_Solution .sec02 .content_area .list_area {flex-basis:516px; flex-shrink:1;}
.RAON_K_Solution .sec02 .content_area .list_area li {padding:30px 56px 30px 30px; border-bottom: 1px solid #f0f0f0; cursor: pointer; display:flex}
.RAON_K_Solution .sec02 .content_area .img_area .goto_test {margin-top: 20px;}
.RAON_K_Solution .sec02 .content_area .img_area .goto_test a {color:#444444; text-align: right; display: block; margin-right:50px; font-size:18px; position:relative}
.RAON_K_Solution .sec02 .content_area .img_area .goto_test a:after {display: block; content:""; background-image: url(../images/update2023/icon_arrow_r_b.png); width:23px; height:18px; position:absolute; right:-30px; top:2px;}
.RAON_K_Solution .sec02 .content_area .img_area .goto_test a:hover {text-decoration:none}
.RAON_K_Solution .sec02 .content_area li .tab_bullet,
.RAON_K_Solution .sec02 .content_area li .tab_bullet_org {margin-right:10px; padding-top:3px;}
.RAON_K_Solution .sec02 .content_area li .tab_bullet circle:last-child,
.RAON_K_Solution .sec02 .content_area li .tab_bullet_org circle:last-child {stroke-dashoffset: 100; stroke-dasharray: 100; }
.RAON_K_Solution .sec02 .content_area li.on .tab_bullet circle:last-child,
.RAON_K_Solution .sec02 .content_area li.on .tab_bullet_org circle:last-child {animation: dash 12s linear alternate 1;}
.RAON_K_Solution .sec02 .content_area li dl {position:relative; max-width:398px; width:100%}
.RAON_K_Solution .sec02 .content_area li dl:after {content:""; display: block; position:absolute; right:-30px; top:0px; width:21px; height:20px; background-image: url(../images/update2023/btn_plusminus.png); background-repeat:no-repeat; background-position: 0 -21px;;}
.RAON_K_Solution .sec02 .content_area li.on dl:after {background-position:0 0; top:10px;}
.RAON_K_Solution .sec02 .content_area li dt {font-size:20px; font-weight:500; color:#373738}
.RAON_K_Solution .sec02 .content_area li.on dt {color:#104066; margin-bottom:15px;}
.RAON_K_Solution .sec02 .content_area li dd {display:none; font-size:14px; font-weight:500; color:#333333;}
.RAON_K_Solution .sec02 .content_area li dd.list_style {text-indent: -16px; margin-left:16px; margin-top:5px}
.RAON_K_Solution .sec02 .content_area li dd.list_style:before {content: '✓'; margin-right:5px;}
.RAON_K_Solution .sec02 .content_area li.on dd {display: block;}
.RAON_K_Solution .sec02 .sec02_inner_editor .title_area h3 span {color:#ec6909}
.RAON_K_Solution .sec02 .sec02_inner_editor .title_area h3:before {background-image: url(../images/update2023/img_important_o.png);}
.RAON_K_Solution .sec02 .sec02_inner_editor .content_area {flex-flow: row-reverse;}
.RAON_K_Solution .sec02 .sec02_inner_editor .content_area li dl:before {border-color:#ec6909}
.RAON_K_Solution .sec02 .sec02_inner_editor .content_area li.on dt {color:#ec6909}
@keyframes dash {
100% {stroke-dashoffset: 0;}
}
body .RAON_K_Solution .certifi_area ul {max-width:1160px;}
/*** SECTION03 ***/
.RAON_K_Solution .sec03 {background-color:#181515; padding:150px 0; background-image:url(../images/update2023/sec04_bg.png); background-position:center -257px; background-repeat:no-repeat;}
.RAON_K_Solution .sec03 .sec03_inner {max-width:1200px; margin:0 auto;}
.RAON_K_Solution .sec03 .brife {display: flex; justify-content: space-between; margin-bottom:200px;}
.RAON_K_Solution .sec03 .title_area h3 {font-size:88px; color:#fff; text-align: left; line-height:1.2em; font-weight: 700; margin-top:35px;}
.RAON_K_Solution .sec03 .title_area h3 span {color:#ec6909}
.RAON_K_Solution .sec03 .list_area {flex-basis:500px;;}
.RAON_K_Solution .sec03 .list_area ul li {padding:35px 0px; border-bottom:1px solid rgba(255,255,255,0.3); }
.RAON_K_Solution .sec03 .list_area ul li a {font-size: 20px; text-decoration: none; color:#c9c9c9; display:flex; justify-content: space-between; gap:20px;}
.RAON_K_Solution .sec03 .list_area ul li a span {font-weight:300;}
.RAON_K_Solution .sec03 .list_area ul li a span b {color:#ff7743}
.RAON_K_Solution .sec03 .list_area ul li a .arrow_topage {display: inline-block; width:24px; min-width:24px; height:18px; background-image: url(../images/update2023/icon_arrow_r.png); background-repeat:no-repeat;}
/* SECTION04 */
.RAON_K_Solution .sec04 {background-color:#ececec; padding:150px 20px 50px; }
.RAON_K_Solution .sec04 .sec04_inner {max-width:1200px; margin:0 auto;}
.RAON_K_Solution .sec04 .sec04_inner .title_area p {text-align: center;}
.RAON_K_Solution .sec04 .sec04_inner .license_wrap p {text-align: center; margin:10px 0 0px}
.RAON_K_Solution .sec04 .sec04_inner .title_area p {margin:10px 0 60px}
.RAON_K_Solution .sec04 .notice_area .howtolicense {text-align: right; display:flex; justify-content: space-around;flex-wrap:wrap; margin-top:20px; background-color:#f3f3f3; border-radius:24px; align-items: center; padding:5px 20px;}
.RAON_K_Solution .sec04 .notice_area .howtolicense div {display: flex; align-items: center;}
.RAON_K_Solution .sec04 .notice_area .howtolicense p {margin:0; text-align:left;}
.RAON_K_Solution .sec04 .notice_area .howtolicense a {font-size:20px; color:#6a64cf; text-decoration:none; line-height: 25px; vertical-align: middle; border-bottom:1px solid #6a64cf}
.RAON_K_Solution .sec04 .notice_area .howtolicense a:hover {color:#534dc4; border-bottom-width: 2px;}
.RAON_K_Solution .sec04 .notice_area .howtolicense a i {font-style:normal;}
.RAON_K_Solution .sec04 .notice_area .howtolicense a .icon_license {display: inline-block; width:24px; height:28px; background-image:url(../images/update2023/icon_license-1.png); vertical-align: middle; margin-right:10px;}
.RAON_K_Solution .sec04 .notice_area .howtolicense img {margin-left:40px;}
.RAON_K_Solution .sec04 .notice_area .glass_area {margin-top:20px;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul {display: flex; justify-content:space-between; flex-wrap:wrap; gap:20px;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul.license_wrap {margin-top:20px;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li {width:345px; flex-grow:1; background-color:rgba(255,255,255,0.6); padding:30px 30px; border-radius:24px; backdrop-filter: saturate(180%) blur(3px); border:1px solid rgba(255,255,255,0.6); box-shadow:inset 0px 0px 17px 0px rgba(255,255,255,0.6); box-sizing: border-box;}
.RAON_K_Solution .sec04 .notice_area .glass_area .license_wrap li {padding:50px 50px; text-align:center; }
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li.last_box {background-color:none; padding:0; border-radius:0; box-shadow:none; border:0; backdrop-filter: none; }
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li.last_box li {flex-basis:300px; flex-grow:1; background-color:rgba(255,255,255,0.6); padding:40px 30px; border-radius:10px;backdrop-filter: saturate(180%) blur(3px); border:1px solid rgba(255,255,255,0.6); box-shadow:inset 0px 0px 17px 0px rgba(255,255,255,0.6) }
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li.last_box li {padding: 29px 30px;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li.last_box li:first-child {margin-bottom:20px;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li h6 {font-size:18px; color:#000;padding-left:10px; padding-right:10px; text-align: center; font-size:24px; margin-top:30px;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li:last-child h6 {padding:0}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li h6 .icon_notice{position:relative; display:inline-block; width:29px; height:29px; background-image: linear-gradient(-30deg, #0b235b , #8678f1); border-radius: 50%; vertical-align: middle; margin-right:7px;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li h6 .icon_notice:after {content:''; display: block; width: 30px; height:30px; background-image: url(../images/update2023/icon_notice.png); background-position:center; background-repeat: no-repeat; position:absolute; top:0; left:0}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li h6 .icon_counseling:after {content:''; display: block; width: 30px; height:30px; background-image: url(../images/update2023/icon_adviser.png); background-position:center; background-repeat: no-repeat; position:absolute; top:0; left:0}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li h6 .icon_license:after {content:''; display: block; width: 30px; height:30px; background-image: url(../images/update2023/icon_license.png); background-position:center; background-repeat: no-repeat; position:absolute; top:0; left:0}
.RAON_K_Solution .sec04 .notice_area .glass_area .more {background-color:#573ad5; padding:15px; box-sizing: border-box; min-width:180px; display: inline-block; border-radius: 10px; color:#fff; text-align: center; margin-top:30px;}
.RAON_K_Solution .sec04 .notice_area .glass_area .more:hover {text-decoration:none; background-color:#000}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li .contact_info {padding-left:10px; padding-right:10px;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li .contact_info p {display: flex; color:#000;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li .contact_info p a {color:#000000}
.RAON_K_Solution .sec04 .notice_area .glass_area ul li.last_box { background-color:transparent; padding:0; border-radius:0}
.RAON_K_Solution .sec04 .notice_area .glass_area .license_wrap li figure {display:block; width:100%; height:200px; background-color:#afafaf; padding:0; margin:0; border-radius:18px; overflow:hidden;}
.RAON_K_Solution .sec04 h3 {font-weight:800;}
.RAON_K_Solution .sec04 .notice_area .glass_area > ul > li img {object-fit:cover; height:100%; width:100%}
/* SECTION05 */
.RAON_K_Solution .sec05 {background-color:#ffffff; padding:35px 20px 50px}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li {flex-basis:300px; width:30%;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li .notice_con {white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#000000;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li.notice {background-color:#f3f3f3; flex-grow: 1;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li h6 {margin-top:0; text-align:left; padding:0; font-size:1em; margin-bottom:15px;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li.notice .notice_title {font-size:1.2em; color:#000; font-weight:800; margin-bottom:10px;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li.notice .notice_con {font-size:0.9em; color:#666666; line-height: 1.5rem;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li.notice a {background-color:transparent; text-align:left; color:#573ad5; padding:0; margin:10px 0 0; font-size:0.9em; width:auto; min-width: auto; border-radius: 0;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li.notice a:hover {background-color:transparent; border-bottom:1px solid #573ad5; }
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li {border:1px solid #f3f3f3;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li .contact_info {padding:0}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li p {align-items:center;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li i {display:inline-block; width:70px; font-style: normal; vertical-align:bottom; color:#666666; font-size:0.9em;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li b {font-size: 1.4em; vertical-align:top;}
.RAON_K_Solution .sec05 .notice_area .glass_area .more {padding:15px 30px;}
/***사이트맵***/
.RAON_K_Solution .site_map .map_inner {max-width:1200px; margin:80px auto; display: flex; justify-content: space-between;}
.RAON_K_Solution .site_map .map_inner dt a { display:inline-block; font-size:16px; color:#212123; margin-bottom:20px}
.RAON_K_Solution .site_map .map_inner dd a { display:inline-block; font-size:14px; color:#515151; margin-bottom:10px}
.RAON_K_Solution .site_map .map_inner a:hover {text-decoration: none;}
.RAON_K_Solution .site_map .map_inner dd a.emphasis{color: #ffffff; background-color: #573ad5; border-radius: 5px; padding: 4px 8px 0px;}
/*** 푸터 ***/
.RAON_K_Solution .footer {background: #1e1e1e; padding:3em 0 ; width:100%; color:rgb(255,255,255);}
.RAON_K_Solution .footer .f_w {max-width:1200px; display:block; margin:0 auto; position:relative; z-index:2018}
.RAON_K_Solution .footer .f_w .raon_logo { position:relative; display:block; overflow:hidden; width:20em; height:5em; cursor:pointer; z-index:10}
.RAON_K_Solution .footer .f_w .raon_logo .icon_raon_logo {width:14em; height:5em; display:block; overflow:hidden; background-image:url(../images/bg/raonk_solution_raonwiz_logo.png); background:rgba(0,0,0,0) url(../images/bg/raonk_solution_raonwiz_logo.svg); background-repeat:no-repeat;
background-color:transparent; background-size:100%}
.RAON_K_Solution .footer .f_w .raonK_logo {display:block; width:10.188em; height:2.250em; margin:0; padding:0; line-height:0; cursor:pointer; z-index:11}
.RAON_K_Solution .footer .f_w .raonK_logo .icon_raonK_logo {width:10.188em; height:2.250em; display:block; overflow:hidden; line-height:0; background-image:url(../images/bg/raonk_solution_logo.png); background-repeat:no-repeat; background-color:transparent; background-size:100%}
.RAON_K_Solution .footer .f_w .copyright {display: flex; justify-content: space-between; gap:20px;}
.RAON_K_Solution .footer .f_w .copyright > li{font-size:15px;display:block; padding:0 0.500em 0 0.500em; position:relative; color:#96a8b7; flex-grow:1 ;}
.RAON_K_Solution .footer .f_w .copyright li h6 { color:#ffffff; font-size:22px}
.RAON_K_Solution .footer .f_w .copyright li .com_info {margin-top: 15px; color:#979797}
.RAON_K_Solution .footer .f_w .copyright li .last {margin-top:15px; color:#979797}
.RAON_K_Solution .footer .f_w .copyright li .last strong {font-weight:500;}
.RAON_K_Solution .footer .f_w .copyright li a {color:#979797;}
.RAON_K_Solution .footer .link_info {text-align:left; color:#777777; font-weight:300; margin: 1em auto; font-size:14px; border-top:1px solid #000; padding:2em 0 0 0; max-width:1190px;}
.RAON_K_Solution .footer .link_info a {color:#777777; text-decoration:none; font-size:0.750em}
.RAON_K_Solution .footer .link_info a:before {content:"|"; margin:0 0.5em; color:#8d8484;}
.RAON_K_Solution .footer .link_info address {font-size:0.875em; display:inline-block;}
.RAON_K_Solution .footer .footer_contact ul li {margin-bottom:30px;}
.RAON_K_Solution .m_top{box-shadow:0 0 3px 0 rgba(000,000,000,0.3); width:3.750em; height:3.750em; overflow:hidden; display:block; background-image: linear-gradient(45deg, #573ad5, #e77a51); position:fixed; bottom:1em; right:1em; border-radius: 50%; text-align:center; color:rgb(255,255,255); z-index: 100000; display:none;}
.RAON_K_Solution .m_top .top_arrow{display:block; margin:0.625em auto 0.313em auto}
.RAON_K_Solution .m_top .txt_s{font-size:0.875em; line-height:0.9em; height:0.9em; display:block}
.RAON_K_Solution .m_top:hover {text-decoration: none;}
.RAON_K_Solution .m_top .top_arrow {width:1.250em; height:1.250em; background-image:url(../images/bg/raonk_solution_icon_w.png); background-repeat:no-repeat; overflow:hidden; background-position:0 0; padding:0}
.RAON_K_Solution .m_top .top_arrow{background-position:-2.500em 0}
.RAON_K_Solution .Header .gnbLogin a.menuforM {display: none;}
.RAON_K_Solution .Header #ucTopMenu_topAdmin {position: absolute; right:20px; color:#666; font-size:14px; top:5px;; }
.RAON_K_Solution .Header .Header_m {display:none;}
.RAON_K_Solution .hamburger_nav_bg {visibility:visible; opacity:1; transition:0.3s}
.RAON_K_Solution .hamburger_nav_bg.nav_hidden {visibility: hidden; opacity:0; transition:0.3s}
.RAON_K_Solution .hamburger_nav {visibility:visible; right:0; transition:0.3s; position:fixed;}
.RAON_K_Solution .hamburger_nav.nav_hidden {visibility: hidden; right:-100%; transition:0.3s}
/*퀵메뉴*/
#quick_menu {display:none}
.quick {left:50%; transform:translateX(-50%); z-index:9999; min-width: 370px; display:none;}
.quick .qm {display: flex; border-radius:10px; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2); border: 3px solid rgba(68,68,68,0.6); background-color:#111111; overflow: hidden;}
.quick .qm a {padding-top:8px; padding-bottom:9px; display: block; text-align:center; flex:150px 1 1; background-color:#111111; border-radius:5px; transition: 0.3s ease; text-decoration: none; }
.quick .qm a:hover {background-color:#222222; transition: 0.3s ease;}
.quick .qm a:first-child {background-color:#573ad5; border-radius:5px;}
.quick .qm a:first-child:hover {background-color:#4e27fa;}
.quick .qm img {width:26px; height:16px; object-fit: contain; vertical-align:middle;}
.quick .qm a span {font-size:14px; color:#ffffff;}
.quick .qm a:first-child span { color:#fff}
@media screen and (max-width: 1350px) {
.RAON_K_Solution .sec01 .main .images_area .main_editor {right:45%}
.RAON_K_Solution .sec01 .main .images_area .main_upload {left:41%}
.RAON_K_Solution .sec01 .main .images_area .icon01 {top:440px; left:50px;}
.RAON_K_Solution .sec01 .main .images_area .icon02 {top:440px; left:170px;}
.RAON_K_Solution .sec01 .main .images_area .icon03 {left: 290px;}
.RAON_K_Solution .sec01 .main .images_area .icon04 {top:560px; left:70px;}
.RAON_K_Solution .sec01 .main .images_area .icon05 {top:560px; left:190px;}
.RAON_K_Solution .sec01 .main .images_area .icon06 {top:560px; left:310px;}
.RAON_K_Solution .site_map .map_inner {padding:0 20px;}
.RAON_K_Solution .footer {padding:3em 20px 6em; box-sizing:border-box;}
}
@media screen and (min-width: 1181px){
.RAON_K_Solution .hamburger_nav,
.RAON_K_Solution .hamburger_nav_bg {display:none;}
body {overflow: auto !important;}
}
@media screen and (max-width: 1180px){
.RAON_K_Solution .Header .Header_pc {display: none;}
.RAON_K_Solution .Header .Header_m {display:block;}
.RAON_K_Solution .Header .Header_m ul {height: 60px;}
.RAON_K_Solution .Header .Header_m h1 {position:relative; top:auto; height:auto;}
.RAON_K_Solution .Header .Header_m h1 a {width:150px; height:34px;}
.RAON_K_Solution .Header .Header_m ul {display: flex; justify-content: space-between; align-items: center;}
.RAON_K_Solution .Header .Header_m ul .login_m {display: flex; align-items: center;}
.RAON_K_Solution .Header .Header_m ul .login_m a {margin-left:20px; color:#000}
.RAON_K_Solution .Header .Header_m ul .login_m a:hover {text-decoration: none;}
.RAON_K_Solution .Header .Header_m ul .hamburger {display:flex; flex-wrap: wrap; align-items: center; width: 50px; height:33px;}
.RAON_K_Solution .Header .Header_m ul .hamburger span {display: block; width:30px; background-color:#000; height:2px; border-radius: 5px;}
.RAON_K_Solution .hamburger_nav_bg {content:""; display: block; width:100vw; z-index:49999; height:100vh; position: fixed; background-color:rgba(0,0,0,0.2); backdrop-filter: saturate(180%) blur(3px); left:0;}
.RAON_K_Solution .hamburger_nav {position:fixed; right:0; z-index:50000; width:97%; min-width:250px; height:100vh; background-color:#ffffff; overflow: scroll;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_inner {padding:20px 15px;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_action {display: flex; justify-content: space-between; padding-left:7px}
.RAON_K_Solution .hamburger_nav .hamburger_nav_action .hamburger_nav_close .hamburger_nav_close_area {position:relative; width:30px; height:30px; display:block; cursor: pointer;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_action .hamburger_nav_close .hamburger_nav_close_area span {width:100%; position:absolute; top:50%; height:2px; border-radius:2px; background-color:#000; display: block; transform:rotate(45deg)}
.RAON_K_Solution .hamburger_nav .hamburger_nav_action .hamburger_nav_close .hamburger_nav_close_area span:last-child {transform:rotate(-45deg); position:absolute;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_action .tlog_btn:hover {text-decoration: none;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_links {padding-left:15px; padding-top:25px; margin-bottom:150px;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_inner li:nth-child(2){margin-bottom:0}
.RAON_K_Solution .hamburger_nav .hamburger_nav_inner div a {font-size:14px; color:#666666; margin-right:15px;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_links dl {margin-top:20px}
.RAON_K_Solution .hamburger_nav .hamburger_nav_links dl a {color:#000; font-size:14px; line-height: 2.2em; display:inline-block; transition: 0.3s;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_links dl a:hover {text-decoration:none; color:#999999; transition: 0.3s;}
.RAON_K_Solution .hamburger_nav .hamburger_nav_links dl dt a {font-size:13px; color:#666666}
.RAON_K_Solution .hamburger_nav .hamburger_nav_links dl dt a:hover {color:inherit}
.RAON_K_Solution .hamburger_nav hr {border:0; height:1px; background-color:#e3e3e3;}
.RAON_K_Solution .sec03 {padding:150px 20px;}
/* sec01_2025 메인슬라이드 영역 */
.RAON_K_Solution .sec01_2025 {padding-top:111px !important; height:100vh}
.RAON_K_Solution .sec01_2025 .main_slider,
.RAON_K_Solution .sec01_2025 .sec01_2025_inner .main_sliderwrap {height:calc(100vh - 256px)}
.RAON_K_Solution .sec01_2025 .ms_txtwrap {position:relative; top:0; margin-bottom:100px; margin-left:20px;}
.RAON_K_Solution .sec01_2025 .ms_imgwrap {bottom:0px; left:50%; transform:translateX(-50%); width:90% !important; min-width:auto; height:60%;}
.RAON_K_Solution .sec01_2025 .main_slider_nav .ms_navwrap {margin-right:20px;}
}/* max-width: 1180px 종료 */
.RAON_K_Solution .f_selectbox {position: relative;}
.RAON_K_Solution .f_selectbox::after {content: ""; position:absolute; left:200px; top:16px; display: block; width: 0; height: 0; margin: 8px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #8b8b8b;}
.RAON_K_Solution .f_selectbox button {border:1px solid #777777; color:#ffffff; padding:16px; width:250px; text-align: left;}
.RAON_K_Solution .f_selectbox .f_selectbox_optionlist.active {height:180px; opacity:1; transition: height 0.4s ease, opacity 0.3s ease;}
.RAON_K_Solution .f_selectbox .f_selectbox_optionlist {position: absolute; border:1px solid #aaaaaa; background-color: #ddd; overflow-y: scroll; box-sizing:border-box; height:0; opacity:0; transition: height 0.4s ease, opacity 0.3s ease; }
.RAON_K_Solution .f_selectbox .f_selectbox_optionlist li a {display: block; padding:16px; width:233px; box-sizing:border-box;}
.RAON_K_Solution .f_selectbox .f_selectbox_optionlist li a:hover {background-color: #cdcdcd;}
@media screen and (max-width: 1080px){
.RAON_K_Solution .sec01 .mainpros ul li {padding: 44px 22px;}
.RAON_K_Solution .sec01_2025 .ms_txtwrap {position: relative; top:0; margin-left:32px;}
.RAON_K_Solution .sec03 {background-position-y:223px;}
.RAON_K_Solution .sec03 .brife {padding:0 20px; flex-wrap: wrap;}
.RAON_K_Solution .sec03 .list_area {flex-grow:1; margin-top:50px;}
.RAON_K_Solution .sec03 .notice_area {padding:0 20px;}
.RAON_K_Solution .footer .f_w .copyright {flex-wrap: wrap;}
}
@media screen and (max-width: 980px){
.RAON_K_Solution .sec01 .main .images_area .bg_color {top:20px;}
.RAON_K_Solution .sec01 .main .images_area .main_editor {right:40%; top:10px; width:360px; background-size: contain; background-repeat:no-repeat;}
.RAON_K_Solution .sec01 .main .images_area .main_upload {left:34%; width: 400px; height: 398px; background-size: contain; background-repeat:no-repeat;}
.RAON_K_Solution .sec01 .main .images_area .icon01 {top:560px; left:10px; left:calc(50% - 325px)}
.RAON_K_Solution .sec01 .main .images_area .icon02 {top:560px; left:120px; left:calc(50% - 215px)}
.RAON_K_Solution .sec01 .main .images_area .icon03 {top:560px; left:230px; left:calc(50% - 105px)}
.RAON_K_Solution .sec01 .main .images_area .icon04 {top:560px; left:340px; left:calc(50% + 5px)}
.RAON_K_Solution .sec01 .main .images_area .icon05 {top:560px; left:450px; left:calc(50% + 115px)}
.RAON_K_Solution .sec01 .main .images_area .icon06 {top:560px; left:560px; left:calc(50% + 225px)}
.RAON_K_Solution .sec01 .company {top:0}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li {flex-grow: 1;}
.RAON_K_Solution .sec05 .notice_area .glass_area > ul > li.notice {width:100%; flex-grow:100%; flex:100%; }
.RAON_K_Solution .site_map .map_inner {flex-wrap:wrap; gap:20px; }
.RAON_K_Solution .site_map .map_inner li {margin-bottom:30px;}
}
@media screen and (max-width: 840px){
.RAON_K_Solution .sec01_2025 .ms_txtwrap .ms_txt span,
.RAON_K_Solution .sec01_2025 .ms_txtwrap .ms_txt .color_org {font-size: 8vw; letter-spacing:-4px; vertical-align: middle;}
.RAON_K_Solution .sec01_2025 .ms_txtwrap .ms_txt .color_blu {font-size: 9vw; letter-spacing:-4px;}
.RAON_K_Solution .sec01-1_2025 .title_area h2 {font-size:7vw;}
.RAON_K_Solution .sec01-1_2025 .item_container .card_set .card {width:280px; height:500px;}
.RAON_K_Solution .sec01-1_2025 .scroll_container {margin-top:0; height:550px;}
.RAON_K_Solution .sec01-1_2025 .scroll_btn_container { margin-right:10px;}
.RAON_K_Solution .sec02 .content_area .list_area li {padding:20px 56px 20px 10px}
.RAON_K_Solution .sec02 .content_area li dt {font-size: 1em;}
}
@media screen and (max-width: 685px){
.RAON_K_Solution .sec01 .main .images_area .bg_color {width:300px;}
.RAON_K_Solution .sec01 .main .images_area .main_editor {left:10px; top:10px; width:360px; background-size: contain; background-repeat:no-repeat;}
.RAON_K_Solution .sec01 .main .images_area .main_upload {right:30px; left:auto; width: 400px; height: 398px; background-size: contain; background-repeat:no-repeat;}
.RAON_K_Solution .sec01 .main .images_area > div {background-repeat:no-repeat}
.RAON_K_Solution .sec01 .main .images_area .icon01 {top:560px; left:10px; background-size:contain; width:60px;}
.RAON_K_Solution .sec01 .main .images_area .icon02 {top:560px; left:80px; background-size:contain; width:60px}
.RAON_K_Solution .sec01 .main .images_area .icon03 {top:560px; left:150px; background-size:contain; width:60px}
.RAON_K_Solution .sec01 .main .images_area .icon04 {top:560px; left:220px; background-size:contain; width:60px}
.RAON_K_Solution .sec01 .main .images_area .icon05 {top:560px; left:290px; background-size:contain; width:60px}
.RAON_K_Solution .sec01 .main .images_area .icon06 {top:560px; left:360px; background-size:contain; width:60px}
.RAON_K_Solution .sec01 .mainpros ul {flex-wrap: wrap;}
.RAON_K_Solution .sec01 .mainpros ul li {border-right:0; text-align: center;}
.RAON_K_Solution .sec01 .mainpros ul li dl:before {content:""; display: block; width:30px; height:2px; background-color:#f4a266; margin:20px auto; }
.RAON_K_Solution .sec02 .title_area h3:before {right:50%; transform:translate(50%)}
.RAON_K_Solution .sec02 .content_area,
.RAON_K_Solution .sec02 .sec02_inner_editor .content_area {flex-wrap: wrap; padding:0 20px;}
.RAON_K_Solution .sec03 .title_area h3 {font-size: 80px;}
}
@media screen and (max-width: 470px){
.RAON_K_Solution .sec03 .notice_area .glass_area {padding:0; border-radius:0; background-color:transparent; border:none; box-shadow: none;}
.RAON_K_Solution .sec03 .notice_area .glass_area > ul > li,
.RAON_K_Solution .sec03 .notice_area .glass_area > ul > li.last_box li {padding:20px;}
.RAON_K_Solution .sec03 .notice_area .glass_area > ul > li .contact_info p {flex-wrap: wrap;}
.RAON_K_Solution .sec03 .notice_area .glass_area > ul > li .notice_title {font-size:18px;}
.RAON_K_Solution .sec03 .notice_area .glass_area > ul > li h6 {font-size: 17px;}
.RAON_K_Solution .sec03 .title_area h3 {font-size: 60px;}
.RAON_K_Solution .sec03 .list_area ul li a {font-size:17px;;}
.RAON_K_Solution .tlog_btn {width:120px; display: block; margin-bottom:5px; text-align: center;}
}
@media screen and (max-width: 450px){
.RAON_K_Solution .sec01 .main .images_area .bg_color {width:180px;}
.RAON_K_Solution .sec01 .main .title_area {padding:0 20px}
.RAON_K_Solution .sec01 .main .title_area h2 {font-size: 8vw;}
.RAON_K_Solution .sec01 .main .title_area p {font-size:5vw}
.RAON_K_Solution .sec01 .main .images_area .icon01 {top: 500px; left:20%; left:calc(40% - 75px)}
.RAON_K_Solution .sec01 .main .images_area .icon02 {top: 500px; left:40%; }
.RAON_K_Solution .sec01 .main .images_area .icon03 {top: 500px; left:60%; left:calc(40% + 75px);}
.RAON_K_Solution .sec01 .main .images_area .icon04 {top:570px; left:20%; left:calc(40% - 75px)}
.RAON_K_Solution .sec01 .main .images_area .icon05 {top:570px; left:40%; }
.RAON_K_Solution .sec01 .main .images_area .icon06 {top:570px; left:60%; left:calc(40% + 75px);}
.RAON_K_Solution .sec01 .main .images_area .bg_color {height: 330px;}
.RAON_K_Solution .sec01 .main .images_area .main_editor {width:260px; left:0}
.RAON_K_Solution .sec01 .main .images_area .main_upload {right:10px; width:80%; height:300px; top:150px;}
.RAON_K_Solution .sec02 .title_area {padding:0 20px; text-align: left;}
.RAON_K_Solution .sec02 .title_area h3 {font-size: 40px; text-align: left; line-height:1.3em}
.RAON_K_Solution .sec02 .title_area h3:before {right:auto; left:0; top:-43px; transform:translate(0)}
.RAON_K_Solution .sec02 .title_area h3 span {display: block;}
.RAON_K_Solution .sec02 .title_area p {font-size:20px;}
.RAON_K_Solution .sec03 .notice_area .glass_area > ul {display:block;}
.RAON_K_Solution .sec03 .notice_area .glass_area > ul > li {margin-bottom:20px;}
.RAON_K_Solution .sec03 .notice_area {padding:0}
}
@media screen and (max-width: 370px){
.RAON_K_Solution .Header h1 {width: auto}
.RAON_K_Solution .Header .Header_m h1 a {background-size:140px; width:32px;}
.RAON_K_Solution .sec03 .notice_area .glass_area > ul > li .notice_title {max-width:130px;}
.RAON_K_Solution .sec03 .notice_area .glass_area > ul > li .contact_info p a {word-break: break-all;}
.RAON_K_Solution .sec03 .title_area h3 {font-size: 39px;}
.RAON_K_Solution .sec03 .notice_area .howtolicense a .icon_license {margin-right:0}
.RAON_K_Solution .sec03 .notice_area .howtolicense a i {display: block; margin-top: 5px;}
.RAON_K_Solution .footer {overflow: hidden;}
.RAON_K_Solution .footer .f_w .raon_logo .icon_raon_logo {width:10em;}
.quick {min-width:230px;}
}
@media screen and (max-height: 850px) {
.RAON_K_Solution .sec01_2025,
.RAON_K_Solution .sec01_2025 .sec01_2025_inner,
.RAON_K_Solution .sec01_2025 .main_slider,
.RAON_K_Solution .sec01_2025 .sec01_2025_inner .main_sliderwrap {height:593px;}
.RAON_K_Solution .sec01-1_2025 {margin-top:100px;}
}