@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=Noto+Sans+KR:wght@100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");

*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'Noto Sans KR';width:100%;overflow-x:hidden}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Noto Sans KR'}
:root{--primary:#26aad4;--mainsize:1400px;--kfont:'Pretendard'}
#sh_wrapper{position:relative}
.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.material-symbols-outlined {font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}
.material-symbols-outlined.fill {font-variation-settings:'FILL' 1 ,'wght' 400,'GRAD' 0,'opsz' 24}
/* =========================== HEADER */
#sh_hd{position:absolute;top:0;left:0;z-index:15;width:100%;font-family:var(--kfont);line-height:1.5}

/* =========================== MAIN */
#sh_section{position:relative;font-size:16px;font-weight:500;line-height:1.6;color:#777;transition:all .3s}
#sh_section.dark{background-color:#111}
#sh_section.dark #inc01{background-color:#111}
#sh_section.dark #inc01 .cont_left .bottom p{color:#fff}
#sh_section.dark #inc01 .cont_left .text_loop{color:rgb(255, 255, 255, 0.2)}
#sh_section.dark #inc01 .cont_left .count li .num_container{color:#fff}
#sh_section.dark #inc01 .cont_left .bottom a{color:#000;background-color:#fff}
#sh_section.dark #inc01 .cont_left .bottom a svg{fill:#000}
#sh_section.dark #inc02{background-color:#111}
#sh_section.dark #inc02 .pager p{color:#fff}
#sh_section.dark #inc02 .pager .on{color:var(--primary)}
#sh_section.dark #inc02 .inc02_main .txt{border-bottom:1px solid rgb(255, 255, 255, 0.2)}
#sh_section.dark #inc02 .inc02_main .txt p{color:#fff}
#sh_section.dark #inc02 .inc02_main .link_container .pl{color:rgb(255, 255, 255, 0.5)}
#sh_section.dark #inc02 .inc02_main .inc02_sub li .slide_txt p{color:#fff}
#sh_section .scroll_wrap.in{padding-bottom:1450px}
#sh_section .scroll_wrap.in #inc02 .inc02_wrapper{background-color:#111}
#sh_section .scroll_wrap.in #inc02 .pager p{color:#fff}
#sh_section .scroll_wrap.in #inc02 .pager .on{color:var(--primary)}
#sh_section .scroll_wrap.in #inc02 .inc02_main .txt{border-bottom:1px solid rgb(255, 255, 255, 0.2)}
#sh_section .scroll_wrap.in #inc02 .inc02_main .txt p{color:#fff}
#sh_section .scroll_wrap.in #inc02 .inc02_main .link_container .pl{color:rgb(255, 255, 255, 0.6)}
#sh_section .scroll_wrap.in #inc02 .inc02_main .inc02_sub li .slide_txt p{color:#fff}
#sh_section .scroll_wrap.in .scroll_fixed{position:fixed;top:0;left:0;right:0;z-index:1}

/* =========================== SNB */
#sh_aside{position:relative;z-index:25;transform:translateY(-75px);margin:0 12%;font-family:var(--kfont)}

/* =========================== CONTAINER */
#sh_container{position:relative;z-index:10;width:100%;line-height:1.5;font-family:var(--kfont);color:#777}
#sh_container .pl{white-space:pre-line;word-break:keep-all}
#sh_content{overflow:hidden;position:relative;z-index:10;width:100%;max-width:var(--mainsize);min-height:550px;padding:70px 0;margin:0 auto;background:#fff}

/* =========================== FOOTER */
#fixMenu{opacity:0;position:fixed;bottom:30px;right:15px;z-index:101;transition:all .2s}
#fixMenu.on{opacity:1;bottom:105px}
#fixMenu a{display:flex;flex-flow:column;justify-content:center;align-items:center;width:85px;height:85px;padding-bottom:2px;border-radius:50%;font-size:13px;font-weight:700;color:#fff;background:var(--primary);transition:all .3s;font-family:var(--kfont)}
#fixMenu a img{width:24px;margin-bottom:8px}
#fixMenu a+a{margin-top:8px}
#fixMenu a:hover{background:#111}
#fixMenu .to_top{margin:15px auto 0;width:55px;height:55px;border-radius:50%;text-align:center;line-height:65px;background:#fff;cursor:pointer;transition:all .3s}
#fixMenu .to_top:hover{box-shadow:3px 3px 8px rgba(0,0,0,.2)}
#sh_ft{padding:120px 12% 60px;line-height:1.65;font-size:13px;color:#fff;background-color:#222;font-family:var(--kfont)}
#sh_ft .info{display:flex;justify-content:space-between;align-items:center;padding-bottom:50px;border-bottom:1px solid rgb(255, 255, 255 ,0.1)}
#sh_ft .info a{font-weight:500;color:#fff}
#sh_ft .info a+a{margin-left:30px}
#sh_ft .ft_mn_container{display:flex;justify-content:space-between;padding-top:50px;word-break:keep-all}
#sh_ft .ft_mn{display:flex;justify-content:space-between}
#sh_ft .ft_mn a{font-weight:700;color:#fff}
#sh_ft .ft_mn li+li{margin-left:50px}
#sh_ft .copy{display:flex;justify-content:space-between;margin-top:80px;font-size:15px;font-weight:700;color:#777}
#sh_ft .copy a{font-size:13px;color:#777}
#sh_ft .copy a+a{margin-left:30px}

/* 반응형 [s] */
@media (max-width:1520px){
#fixMenu{display:flex;align-items:center;left:50%;right:auto;transform:translateX(-50%);padding:15px;border-radius:100px;backdrop-filter:blur(5px);background:rgba(255,255,255,.7)}	
#fixMenu.on{bottom:15px}
#fixMenu a{flex-flow:row;width:140px;height:52px;border-radius:30px;font-size:15px}
#fixMenu a+a{margin:0 0 0 6px}
#fixMenu a img{margin:0 10px 0 0}
#fixMenu .to_top{margin:0;height:auto;line-height:normal;background:none}
#fixMenu .to_top:hover{box-shadow:none}
#sh_ft{padding-bottom:150px}
}
@media (max-width:1380px){
#sh_aside{margin:0 5%}
#sh_section .scroll_wrap.in{padding-bottom:1380px}
#sh_ft{padding:120px 5% 150px}
}
@media (max-width:1024px){
#sh_content{padding:60px 0}
#sh_aside{display:none}
#sh_section{font-size:15px}
#sh_container .pl{white-space:normal;word-break:keep-all}
#sh_ft{padding:90px 2.5% 100px}
#sh_ft .ft_mn{display:none;}
#sh_ft .ft_mn_container{flex-direction:column-reverse}
#sh_ft .ft_mn_container div{margin-top:0px}
#sh_ft .copy{margin-top:65px}
}
@media (max-width:768px){
#sh_content{padding:50px 0}
#sh_section .scroll_wrap.in{padding-bottom:0px}
#sh_section .scroll_wrap.in .scroll_fixed{position:static}
#sh_section.dark #inc01 .cont_right .pager p{background-color:transparent;}
#sh_section.dark #inc01 .cont_right .pager .on{background-color:var(--primary);}
#sh_ft{padding:60px 2.5% 90px}
#sh_ft .info{padding-bottom:30px}
#sh_ft .ft_mn_container{padding-top:30px}
#sh_ft .copy{margin-top:50px;font-size:14px}
#fixMenu{width:100%;padding:12px 0 12px 12px;border-radius:0}
#fixMenu.on{bottom:0}
#fixMenu a{width:calc(100% / 3);height:45px;border-radius:0;font-size:14px}
#fixMenu a img{width:20px}
#fixMenu .to_top{border-radius:0;color:var(--primary)}
}
@media (max-width:480px){
#sh_content{padding:0}
#sh_hd.sub{position:relative;background-color:#111}
#sh_section{font-size:14px}
#sh_ft .info a+a{margin-left:20px}
#sh_ft .ft_mn_container{padding-top:45px;}
#sh_ft .ft_mn_container div{text-align:center}
#sh_ft .copy{margin-top:45px}
}
@media (max-width:380px){
#sh_section{font-size:13px}
#sh_ft{padding:50px 2.5% 78px}
#sh_ft .info{padding-bottom:20px}
#sh_ft .info a+a{margin-left:15px}
#sh_ft .ft_mn_container{padding-top:40px}
#sh_ft .copy{margin-top:40px;}
#fixMenu a{height:40px;font-size:12px}	
#fixMenu a img{width:16px;margin-right:6px}
}
/* 반응형 [e] */