@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');

*{-webkit-text-size-adjust:none}
body{background:#fff;font-size:0.81em;font-family:'notokr-regular'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'notokr-regular'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 
:root{--primary:#055bb2}
/* head 전체 100% 혹은 min-width 사용 */
#sh_wrapper, #sh_wrapper , #sh_wrapper :before, #sh_wrapper *:after{box-sizing:border-box}
#sh_wrapper{position:relative;width:100%;min-width:1200px;background-color:#fff;overflow:hidden}
#sh_wrapper.sub{background-color:#fff}
#sh_hd{position:relative;z-index:999;width:100%;min-width:1200px} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper{position:absolute;width:100%;margin:0 auto;padding:0;zoom:1}

/* 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}

/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside{position:relative;width:100%;margin:0 auto;text-align:center;background-color:transparent;border-bottom:1px solid #e1e1e1}

/* 컨텐츠 본문 영역 */
#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:""}

/* 하단 */
.link_area{padding:30px 0;background:#0b3056}
.link_area .link_inner{max-width:1200px;margin:0 auto}
.link_area ul{display:flex;align-items:center;gap:35px}
.link_area ul+ul{margin-top:17px}
.link_area ul li{position:relative}
.link_area ul li::before{content:"";display:inline-block;position:absolute;top:3px;left:-18px;width:2px;height:13px;background:rgba(255, 255, 255, 0.2)}
.link_area ul li:nth-child(1)::before{display:none}
.link_area ul li a{color:rgba(255, 255, 255, 0.6);transition:0.2s;cursor:pointer}
.link_area ul li:hover a{color:#fff}
.link_area ul .link_tit{font-size:16px;color:#fff;font-family:"notokr-bold"}


/* #sh_ft{width:100%;margin:auto 0;padding:72px 0;font-size:13px;line-height:23px;color:rgba(255, 255, 255, 0.4);font-family:'notokr-regular';background:#0b3056} */
#sh_ft{width:100%;margin:auto 0;padding:72px 0;font-size:13px;line-height:23px;color:rgba(0,0,0, 0.8);font-family:'notokr-regular';background:#ddd}
#sh_ft .ft_wrap{position:relative;width:1200px;margin:0 auto;overflow:hidden}
#sh_ft .ft_wrap .ft_logo{}
#sh_ft .ft_wrap .addr{width:100%;margin-top:50px}
#sh_ft .ft_wrap .addr span{font-size:15px}
#sh_ft .ft_wrap .link{overflow:hidden;float:right;width:28%}
#sh_ft .ft_wrap .ft_tit{margin-bottom:20px;color:#222;line-height:13px;font-weight:600;font-family:'Montserrat', sans-serif}
#sh_ft .ft_wrap .ft_mn li{display:inline-block;position:relative}
#sh_ft .ft_wrap .ft_mn li:after{content:'';position:absolute;top:10px;right:3px;width:2px;height:2px;background-color:#868686}
#sh_ft .ft_wrap .ft_mn li:last-child:after{display:none}
#sh_ft .ft_wrap .ft_mn li a{margin-right:10px;color:#868686;font-size:13px}
#sh_ft .ft_wrap .ft_mn li a:hover{color:#e1e1e1}
#sh_ft .ft_wrap .icon{position:absolute;bottom:0;right:0}
#sh_ft .ft_wrap .icon a{font-size:0}
#sh_ft .info{width:100%;font-size:15px;line-height:1.6}
#sh_ft .info ul{display:grid;grid-template-columns:repeat(3,1fr);column-gap:5px;margin-top:30px;padding-top:30px;border-top:1px solid rgba(0,0,0, 0.2)}
#sh_ft .info ul li a{color:rgba(0,0,0, 0.4);cursor:pointer;transition:0.2s;line-height:1.8;font-family:"notokr-medium"}
#sh_ft .info ul li a:hover{color:rgba(0,0,0, 0.8)}

/*인덱스 영역*/
#index_wrapper{position:relative;z-index:10;width:100%;margin-top:-78px}