@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;500;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

:root{--primary:#35bbc9;--pale:#f1fafb;--primary2:#126db1;--primary3:#003668;--k-font:'Pretendard'}

* {-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'Nanum Gothic'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Nanum Gothic'}
#device_change{border:1px solid #666;box-shadow:none}

/* HEADER */
#sh_hd{position:relative;z-index:10;width:100%} 
#sh_hd_wrapper{position:relative;width:1200px;margin:0 auto;padding:0;zoom:1}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* MAIN */
#main_banner{position:relative;z-index:0;width:100%;min-width:1200px;height:640px}
#sh_section{min-width:1200px;font-size:15px;line-height:1.8;letter-spacing:-.2px;font-family:'notokr-regular'}

/* FADE */
.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:.2s;animation-delay:.2s}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0}to{opacity:1;-webkit-transform:translateY(0)}}
@keyframes fadeInUp{from{opacity:0}to{opacity:1;transform:translateY(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeft{from{opacity:0}to{opacity:1;-webkit-transform:translateX(0)}}
@keyframes fadeInLeft{from{opacity:0}to{opacity:1;transform:translateX(0)}}

/* CONTENTS */
#sh_container{position:relative;z-index:5}
#sh_container_wrapper{position:relative;margin:0 auto}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* SNB */
#sh_aside{overflow:hidden;position:relative;margin:0 auto;width:100%;font-family:'notokr-regular'}

/* 컨텐츠 본문 영역 */
#sh_content{z-index:4;position:relative;padding:40px 0;width:1070px;height:auto !important;height:500px;min-height:440px;margin:0 auto;color:#666;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content #sh_content_tit{margin-bottom:40px;overflow:hidden;font-family:'notokr-regular'}
#sh_content #sh_content_tit:after{clear:both}
#sh_content #sh_content_tit h3{float:left;padding:0;font-size:26px;line-height:1.3em;font-weight:normal;color:#333;letter-spacing:-.2px;font-family:'notokr-bold'}
#sh_content #sh_content_tit span{float:right;margin-top:12px;padding-left:17px}

/* 하단 */
#sh_ft{z-index:10;min-width:1200px;font-size:14px;background:#313036;font-family:'notokr-regular'} 
#sh_ft_wrapper{overflow:hidden;position:relative;width:1200px;margin:0 auto;padding:98px 0 60px;zoom:1;line-height:21px;color:rgba(255,255,255,.5)}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 
#sh_ft_wrapper .ft_cs{float:right}
#sh_ft_wrapper .ft_info{float:left}
#sh_ft_wrapper p{padding-top:25px;font-size:14px;line-height:24px;vertical-align:-.2px;color:#c0c0c0}
#sh_ft_wrapper .bt_logo{margin-bottom:25px}
#sh_ft_wrapper .bt_logo a{font-size:14px;color:#fff;font-family:'notokr-bold'}
#sh_ft_wrapper .ft_con_wrap{font-size:14px;letter-spacing:-.2px;line-height:24px}
#sh_ft .copy{overflow:hidden;padding:20px 0 25px;text-align:center;border-top:1px solid #424148}
#sh_ft .copy p{font-size:14px;color:rgba(255,255,255,.5);line-height:24px;letter-spacing:-.2px;vertical-align:-.2px}
#sh_ft_icon{padding-top:28px}
#sh_ft_icon a{font-size:13px;color:rgba(255,255,255,.5);font-weight:600;font-family:'Poppins', sans-serif}
#sh_ft_icon a+a:before{content:"";display:inline-block;width:1px;height:10px;margin:0 15px 0 12px;background:rgba(255,255,255,.2)}
#sh_ft_wrapper .ft_cs p{padding-top:0;font-size:15px;color:#fff}
#sh_ft_wrapper .ft_cs > span{display:inline-block;padding:20px 0;font-size:28px;font-weight:700;color:#fff;font-family: 'Poppins', sans-serif}
#sh_ft_wrapper .ft_cs > em{display:block;margin-bottom:5px;padding:3px 10px;border-radius:3px;font-style:normal;color:#fff;background-color:rgba(255,255,255,.2)}
#sh_ft_wrapper .ft_cs ul li{display:flex;align-items:center;gap:10px;line-height:25px;color:rgba(255,255,255,.6)}
#sh_ft_wrapper .ft_cs ul li span{flex-shrink:0;display:block;width:70px;color:#fff}

/* 사이트맵 */
#sh_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#sh_site_map > div{width:32%;min-height:275px;float:left;margin-right:2%}
#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-family:'notokr-bold'}
#sh_site_map ul{padding:0 15px 15px}
#sh_site_map .sh_site_map_box{min-height:155px;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}

