@charset "utf-8";
/* SHINING 독립 사용 */
:root{--bg:#000000;--panel:#0b0b0b;--line:#2b2b2b;--navy:#12182b;--blue:#3b7dd8;--blue-light:#6fa3e6;--text:#cfcfcf;--text-dim:#8a8a8a;--white:#ffffff}
body{background:#000;font-size:0.81em;font-family:'Nanum Gothic';background-image: url('/sh_img/all_bg.jpg');background-repeat:no-repeat}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Nanum Gothic'} 
*{-webkit-text-size-adjust:none}

#sh_wrapper{min-width:920px;background:repeat-x top center}

/* header */
#sh_hd{z-index:10;position:relative;min-width:920px;font-family:'notokr-regular'} 
#sh_hd_wrapper{position:relative;margin:0 auto;padding:0;width:920px;zoom:1}
#sh_hd_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* index */
/* main layout */
main{display:flex;width:920px;margin:24px auto 0;gap:18px}
.sidebar{flex-shrink:0;width:180px}
.content{flex:1;min-width:0}

/* sidebar banner */
.sidebar-banner{margin-bottom:2px;border:1px solid #1c3a5f}
.sidebar-banner .big{color:#fff;font-size:20px;font-weight:800;letter-spacing:2px}
.sidebar-banner .small{color:#8fb4de;font-size:10px;letter-spacing:3px}

/* sidebar blog */
.sidebar-blog a{position:relative;display:block;height:340px;padding:100px 10px 20px;border:1px solid var(--line);background:#050505;text-align:center}
.sidebar-blog a p{margin-top:10px;font-size:15px;color:#fff}

/* section headers */
section{margin-bottom:26px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:6px;margin-bottom:2px;border-bottom:2px solid var(--blue)}
.sec-head h2{color:var(--blue-light);font-size:15px;font-weight:700}
.sec-head .more{color:var(--text-dim);font-size:11px}

/* hero / notice */
.hero-row{display:flex;gap:14px;background:url('/sh_img/index.jpg') right no-repeat;background-size:contain}
.notice-box{flex-shrink:0;width:350px}
.notice-list li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dashed #262626;font-size:12.5px}
.notice-list li a{font-weight:600;color:#2C88B9}
.notice-list .date{color:#666;font-size:11px}

/* two column boards */
.board-row{display:flex;gap:18px}
.board-col{flex:1;min-width:0}
.board-col ul li{display:flex;justify-content:space-between;gap:8px;padding:5px 2px;border-bottom:1px solid #1c1c1c;font-size:12.5px}
.board-col ul li a{flex:1;overflow:hidden;color:#cfcfcf;text-overflow:ellipsis;white-space:nowrap}
.board-col ul li .date{flex-shrink:0;color:#666;font-size:11px}
.count{color:var(--blue-light);font-size:11px}
.re-tag{display:inline-block;padding:1px 4px;margin-right:4px;border-radius:2px;background:#2a2a2a;color:#7fb0ff;font-size:9px}

/* image galleries */
.gallery-row{display:flex;gap:16px}
.thumb-list{display:flex;gap:10px}
.thumb{position:relative;flex-shrink:0;width:166px;height:110px;overflow:hidden;border:1px solid #262626;background:linear-gradient(150deg,#4a4a4a,#0a0a0a 70%)}
.thumb::after{position:absolute;inset:0;background:repeating-linear-gradient(60deg,rgba(255,255,255,.03) 0 3px,transparent 3px 9px);content:""}
.gallery-side{flex:1;min-width:0}
.gallery-side li{padding:7px 0;overflow:hidden;border-bottom:1px solid #1c1c1c;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}
.gallery-side li a{color:#cfcfcf}



/* cont */
#sh_container{z-index:5;position:relative;min-width:920px}
#sh_container_wrapper{position:relative;z-index:5;margin:0 auto;width:920px;zoom:1}
#sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""}

/* snb */
#sh_aside{float:left;margin:0;width:220px}
#sh_content{z-index:4;position:relative;display:flex;padding:25px 0;gap:30px;min-height:500px;height:auto !important;height:500px;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}

/* cont tit */
#sh_content_tit{overflow:hidden;margin-bottom:30px;font-size:14px;font-family:'notokr-regular'}
#sh_content_tit h3{float:left;font-size:24px;font-weight:normal;color:#222;letter-spacing:-.3px;font-family:'notokr-medium'}
#sh_content_tit span{float:right}

/* footer */
#sh_ft{z-index:10;position:relative;min-width:920px;padding:30px 0;text-align:center;font-family:'notokr-regular'} 
#sh_ft_wrapper{position:relative;width:920px;margin:0 auto;padding:10px 0;font-size:13px;line-height:1.7;letter-spacing:-.2px;text-align:center;color:#666}
#sh_ft .bar{margin-bottom:30px}
#sh_ft strong{font-weight:normal;font-family:'notokr-medium'}
#sh_ft_icon{position:absolute;width:180px;right:0px;bottom:10px}
#sh_ft_wrapper:after{display:block;visibility:hidden;clear:both;content:""} 

/* 사이트맵 */
a{text-decoration:none !important}
a:hover{text-decoration:none !important}

#sh_site_map{width:100%;position:relative;min-height:500px;height:500px auto;margin:0 auto}
.sh_site_map01{width:30%;float:left;margin-right:3%;min-height:200px;height:200px auto}
.sh_site_map_title{font-size:1.4em;color:#515151}
.sh_site_map_title a{color:#515151}
.sh_site_map_line{border-bottom:2px solid #8b8b8b;margin:10px 0}
.sh_site_map_box{width:90%;margin:0 auto;background:#f7f7f7;border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;min-height:80px}
.sh_site_map_txt{font-size:1em;line-height:1.2em;color:#666;font-weight:bold;padding:5px}
.sh_site_map_txt a{color:#666}

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