@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */ 
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root{--main-size:1440px;--primary:#005fff;--secondary:#1d2945;--k-font:'pretendard';--e-font:"Poppins", sans-serif}
*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:var(--k-font)}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:var(--k-font)}
ol{margin:0;padding:0}
.sr_only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0}

#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 

#sh_wrapper, #sh_wrapper , #sh_wrapper :before, #sh_wrapper *:after{box-sizing:border-box}
#sh_wrapper{position:relative;width:100%;min-width:1700px}

/* ========================== HEADER */
#sh_hd{--hd-height:100px;z-index:10;position:fixed;top:0;left:0;min-width:1700px;width:100%;font-family:var(--k-font)}
#sh_hd.sub{position:relative}

/* ========================== MAIN */
#sh_wrapper .btn--primary{display:flex;align-items:center;justify-content:center;width:100%;height:55px;border-radius:10px;background-color:var(--primary);font-size:16px;font-weight:500;color:#fff;box-shadow:0 8px 21px rgba(0, 95, 255, 0.4);transition:background-color 0.3s, color 0.3s, border-color 0.3s}
#sh_wrapper .btn--primary.line{background-color:transparent;border:2px solid #bdc3d7;box-shadow:none}
#sh_wrapper .btn--primary:hover{background-color:#004ccd}
#sh_wrapper .btn--primary.line:hover{background-color:#fff;border-color:#fff;color:var(--secondary)}
#sh_container .inner{max-width:1440px;width:100%;margin:0 auto}
#sh_container .group-title .tit--en{padding-bottom:30px;font-family:var(--e-font);font-size:16px;font-weight:700;color:var(--primary)}
#sh_container .group-title .tit--ko{font-size:54px;line-height:1.3;color:var(--secondary);font-weight:600;white-space:pre-line;word-break:keep-all}
#sh_container .group-title p.desc{font-size:18px;color:#8c919f;font-weight:500;line-height:1.6;white-space:pre-line;word-break:keep-all}

/* ========================== INDEX */
#sh_section{position:relative;line-height:1.5;font-family:var(--k-font)}
#sh_section .inner{max-width:var(--main-size);width:100%;margin:0 auto}
#main_banner{padding:30px 40px 0;background-color:#fff}

/* ========================== SUB */
#sh_sub_wrap{position:relative;font-family:var(--k-font)}

/* ========================== CONTENT */
#sh_content{position:relative;z-index:4;width:1070px;min-height:580px;padding:0;margin:70px auto 40px;font-size:14px;color:#888;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/* ========================== FOOTER */
#sh_ft{overflow:hidden;color:#fff;background-color:#080b14}
#sh_ft .inner{max-width:var(--main-size);width:100%;margin:0 auto} 
#sh_ft .start-banner{position:relative;z-index:0;padding-top:180px;padding-bottom:140px;text-align:center}
#sh_ft .start-banner::before{position:absolute;z-index:-1;content:'';top:-92%;left:50%;transform:translateX(-50%);width:860px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center, rgba(59, 130, 246, 0.6) 0%, rgb(0 97 255) 5%, rgba(59, 130, 246, 0.01) 60%, rgba(255, 255, 255, 0) 100%);animation:start-banner-glow-float 6.5s ease-in-out infinite;will-change:transform}
#sh_ft .start-banner h2{padding-bottom:25px;font-size:48px;font-weight:600;line-height:1.3;white-space:pre-line;word-break:keep-all}
#sh_ft .start-banner p{padding-bottom:50px;font-size:20px;font-weight:500;color:rgba(255,255,255,0.4)}
#sh_ft .start-banner .btn-wrap{display:flex;justify-content:center;gap:10px}
#sh_ft .start-banner .btn-wrap .btn--primary{max-width:210px}
#sh_ft .start-banner .btn-wrap .btn--primary:not(.line){box-shadow:8px 0 21px rgba(0, 95, 255, 0.4)}
#sh_ft .start-banner .btn-wrap .btn--primary.line{max-width:150px}
@keyframes start-banner-glow-float{0%,100%{transform:translate(-50%,0) rotate(0deg)} 25%{transform:translate(calc(-50% - 95px),-30px) rotate(-0.5deg)} 50%{transform:translate(-50%,-68px) rotate(0deg)} 75%{transform:translate(calc(-50% + 95px),-14px) rotate(0.5deg)}}

#sh_ft .ft__menu{display:flex;align-items:center;justify-content:space-between;padding-bottom:60px} 
#sh_ft .ft__menu .logo{width:114px} 
#sh_ft .ft__menu ul{display:flex;gap:25px}
#sh_ft .ft__menu a{font-size:15px;font-weight:500;color:#fff;cursor:pointer} 
#sh_ft address{padding-bottom:110px;font-size:14px;line-height:1.8;font-style:normal;color:rgba(255,255,255,0.2)}
#sh_ft .ft__admin{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1)}
#sh_ft .ft__admin small{font-size:14px;color:rgba(255,255,255,0.2)}
#sh_ft .ft__admin .admin{display:flex;gap:25px}
#sh_ft .ft__admin .admin a{font-size:14px;color:rgba(255,255,255,0.2);cursor:pointer;transition:color 0.3s}
#sh_ft .ft__admin .admin a:hover{color:#fff}

/* 탑버튼 */
#toTop{all:unset;position:fixed;bottom:60px;right:55px;display:flex;align-items:center;justify-content:center;width:64px;aspect-ratio:1;border-radius:100px;background-color:#fff;box-shadow:0px 6px 16px rgba(0,95,255,0.2);color:var(--secondary);cursor:pointer;transition:background-color 0.3s, color 0.3s}
#toTop:hover{background-color:var(--secondary);color:#fff}

/* 사이트맵 */
#sh_site_map{position:relative;width:100%;font-weight:400}
#sh_site_map:after{display:block;content:"";visibility:hidden;clear:both}
#sh_site_map > div{width:31%;float:left;margin:0 1%}
#sh_site_map > div:nth-of-type(3n){margin-right:0}
#sh_site_map .sh_site_map_title{padding:10px 15px;border-bottom:2px solid #333;font-size:17px;font-weight:normal;text-align:center;color:#222;font-weight:700}
#sh_site_map ul{padding:0 15px 15px}
#sh_site_map .sh_site_map_box{min-height:205px;padding:17px 20px;border:1px solid #e1e1e1;border-top:none;font-size:14px;color:#333;line-height:40px}
#sh_site_map .sh_site_map_box li{border-bottom:1px dotted #ccc}
#sh_site_map .sh_site_map_box li:last-child{border:none}