@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');

*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;letter-spacing:-.3px;font-family: 'Poppins', 'NotoKR-Regular', sans-serif}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 
:root{--primary:#6ab521;--primary_dark:#5a9f18;--e_font:'Poppins';--k_font:'NotoKR-Regular'}
.pl{white-space:pre-line;}

/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper, #sh_wrapper, #sh_wrapper :before, #sh_wrapper *:after{box-sizing:border-box}
#sh_wrapper{min-width:1400px}
#sh_hd{position:relative;z-index:999;min-width:1400px} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper{width:100%;border-bottom:1px solid rgba(255,255,255,0.2);border-top:5px solid var(--primary_dark);background-color:#fff}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/*인덱스 영역*/
#sh_section{font-family:'notokr-regular'}

/* SUB */
#sub_main_banner{width:100%;height:400px;background:url(/sh_img/hd/sub_main_banner/sub_main_banner.jpg) no-repeat;animation:main 25s linear infinite}
@keyframes main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}}
#sh_content_tit{padding-top:165px;text-align:center;font-size:15px;color:#fff;font-family:'notokr-regular'}
#sh_content_tit h3{display:inline-block;position:relative;z-index:5;margin-bottom:10px;font-size:34px;font-weight:normal;font-family:'notokr-regular'}
#sh_content_tit h3:after{display:block;position:absolute;z-index:-1;width:41px;height:42px;content:'';top:-12px;right:-22px}
#sh_content_tit .fa-home{color:#fff}
#sh_content_tit .fa-angle-right{padding:0 5px;color:#b5b5b5}

/* 사이드 */
#sh_aside{position:relative;width:1200px;margin:-25px auto 0;text-align:center;background-color:transparent}

/* 컨텐츠 본문 영역 */
#sh_container.sub{background:#fff;padding:0 0 40px}
#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:""}

/* 하단 */
#sh_ft{position:relative;z-index:10;font-size:14px;line-height:24px;color:#777;background-color:#2c2c2c;font-family:'notokr-regular'}
#sh_ft .inner{width:1200px;margin:0 auto}
#sh_ft .ft_txt{width:1200px;margin:0 auto;padding:80px 0 100px;color:#a2a1a1}
#sh_ft .ft_txt .inner{overflow:hidden}
#sh_ft .ft_txt .inner > div{float:left}
#sh_ft .ft_txt .ft_logo{width:180px;margin-right:75px;padding:10px 0}
#sh_ft .ft_info{height:56px;border-top:1px solid #414141;line-height:56px}
#sh_ft .ft_info .inner{overflow:hidden}
#sh_ft .ft_info .inner .copy{float:left;color:#a2a1a1}
#sh_ft .ft_info .inner .ft_btn{float:right}
#sh_ft .ft_info .inner .ft_btn a{font-size:13px;letter-spacing:300;font-weight:300;color:#a2a1a1;font-family:'Poppins', sans-serif}
#sh_ft .ft_info .inner .ft_btn a:first-child{margin-right:20px}

#fixBtn{position:fixed;z-index:50;right:20px;bottom:20px}
#fixBtn li+li{margin-top:10px}
#fixBtn li a{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50px;color:#fff;background:#333;transition:all .3s}
#fixBtn li a:hover{filter: brightness(1.2)}
#fixBtn li a.ytd{background:var(--primary)}
#fixBtn li a i{font-size:30px}