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

/* SHINING 독립 사용 */
*{-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:'Nanum Gothic'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none} 
a{cursor:pointer}
span.bold{font-weight:700}

/* head 전체 100% 혹은 min-width 사용 */
#sh_hd {position:relative;z-index:10;min-width:1400px} 

/* head 센터 및 넓이 지정 */
#sh_hd_wrapper {position:relative;background:rgba(0,0,0,0.2);margin:0 auto;padding:0;zoom:1}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* 메인,서브 비주얼이미지 */
#sh_container {overflow:hidden;position:relative;z-index:0;min-width:1400px;top:-89px}
#sh_container_wrapper {position:relative;z-index:10;zoom:1;margin:0 auto}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#sh_content{width:1070px;margin:0 auto}

/* 서브 */
#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 {color:#fff;padding-top:180px;text-align:center;font-size:15px;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 {color:#b5b5b5;padding:0 5px}

/* 사이드(서브)메뉴 float:left;선택 단 content 와 같은 방향 X */
#sh_aside {position:relative;width:1200px;background-color:transparent;margin:-25px auto 55px;text-align:center;}

/*메인 컨텐츠 영역*/
#main_banner {z-index:-1;position:relative;overflow:hidden;width:1400px;margin:0 auto}
#sh_index_banner{overflow:hidden;width:1400px;height:420px;margin:-52px auto 0}

/*sh_index_왼쪽*/
#sh_index_l{overflow:hidden;float:left;width:918px;height:100%}

/*latest news*/
#sh_index_l .sh_index_latest{position: relative;width:100%;height:95px;background:#fff}
.sh_index_latest p.tit{float:left;color:#ffb505;padding-left:35px;font-size:15px;line-height:95px;font-weight:bold;font-family:'Josefin Sans'}
.sh_index_latest p.txt{float:left;padding-left:50px;font-size:15px;line-height:95px;color:#444;font-family:'notokr-regular'}
.sh_index_latest .latest{position:absolute;top:38px;left:185px;  width:615px;height:30px}
.sh_index_latest .plus{position:absolute;right:54px;top:38px}

/*ABOUT Shining*/
.sh_index_about{overflow:hidden;float:left;height:325px;letter-spacing:-0.3px;background:#2b2b2b;font-size:16px;color:#fff;letter-spacing:0;font-family:'Josefin Sans'}
.sh_index_about .b_tit{width:441px;padding:33px 0 25px 43px;background:#2b2b2b;font-size:16px;color:#fff;letter-spacing:0;font-family:'notokr-regular'}
.sh_index_about .b_tit span{font-family:'Josefin Sans'}
.sh_index_about ul{overflow:hidden}
.sh_index_about li {position: relative;float:left;width:147px;height:250px;border-top:1px solid #000;text-align:center;;font-family:'notokr-regular'}
.sh_index_about li a {display:block;width:100%;height:100%;padding-top:50px;font-size:15px;color:#fff}
.sh_index_about li.center{border-right:1px solid #000;border-left:1px solid #000}
.sh_index_about li img{padding-bottom:30px}
.sh_index_about li:hover{background:#303030}
/*moreview 버튼*/
.sh_index_about li .m_btn{position:relative;padding:unset;padding-top:25px;margin:0 auto ;color:rgba(255,255,255,0.75);transition:all 0.3s;-webkit-transition:all 0.3s;font-family:'Josefin Sans'}
.sh_index_about li .m_btn:after{display:block;content:"";position:absolute;bottom:-8px;left:38px;width:0;height:1px;background-color: #f5c541;transition:all 0.3s;-webkit-transition:all 0.3s}
.sh_index_about li:hover .m_btn{color:#f5c541}
.sh_index_about li:hover .m_btn:after{width:70px;transition:all 0.3s;-webkit-transition:all 0.3s}

/*고객센터*/
.sh_index_customer{position:relative;float:left;width:477px;height:325px;background:#ffb505}
.sh_index_customer li{width:477px}
.customer_top{height:182px;position:relative}
.customer_top p{padding-left:45px;font-size:16px;color:#fff;font-family:'Josefin Sans'}
.customer_top p:nth-child(1){padding:36px 0 0 45px}
.customer_top .tel{padding:10px 45px;font-size:29px;font-weight:700}
.customer_top .fax{color:rgba(255,255,255,.85);font-size:14px;line-height:24px;font-family:'notokr-regular'}
.customer_top>div {position:absolute;top:63px;left:298px;width:123px;height:43px;border:1px solid #fff}
.customer_top>div a{display:block;width:100%;height:100%;transition:all 0.3s;text-align:center;font-size:14px;line-height:41px;font-family:'notokr-regular'}
.customer_btn1{color:#fff;margin-bottom:7px}
.customer_btn1:hover{color:#ffb505;background:#fff}
.customer_btn2{background:#fff;color:#ffb505}
.customer_btn2:hover{background:#fff;color:#2b2b2b}

/*map*/
.customer_bottom{position:absolute;left:0;bottom:0;width:477px;height:143px;background-color:#2b2b2b}
.customer_bottom iframe{width:100%;height:100%;opacity:.5;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");filter:gray;-webkit-filter:grayscale(100%);-webkit-transition:all .3s;transition:all .3s}
.customer_bottom iframe:hover{opacity:1;filter:none;-webkit-filter:grayscale(0)}

/*sh_index_오른쪽*/
#sh_index_r{overflow:hidden;float:left;position:relative;width:482px;height:100%;cursor:pointer;background:url(/sh_img/index/sh_index_r_off.jpg)no-repeat;background-position:center}
#sh_index_r :after{/*display:block;*/content:"";visibility:hidden;clear:both}
#sh_index_r .active{opacity:1;-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all .7s .15s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all .7s .15s ecubic-bezier(0.165, 0.84, 0.44, 1)}
#sh_index_r  img{-webkit-transition:transform .8s linear;transition:transform .8s linear}
#sh_index_r:hover img{-webkit-transform:scale(1.07);transform:scale(1.07)}
#sh_index_r .txt{position:absolute;left:0;bottom:89px;width:100%;font-size:15px;color:#fff;text-align:center;font-family:'notokr-medium'}
#sh_index_r .txt h3{padding-bottom:20px;font-size:38px;font-weight:700;line-height:1.1;letter-spacing:-.1px;text-transform:uppercase;font-family:'Josefin Sans', sans-serif}
#sh_index_r p{text-align:center}
#sh_index_r p.r_tit{padding:0 0 30px;font-size:32px;line-height:38px;color:#fff;letter-spacing:-0.3px;font-family:'Josefin Sans'}
#sh_index_r p.r_txt{font-size:15px;color:#fff;line-height:24px;font-family:'notokr-regular'}
#sh_index_r .atc01_btn{display:block;width:160px;height:50px;margin:42px auto 0;background:#fff;border-radius:30px;text-align:center;padding-top:15px;color:#ffb505;font-size:15px;font-weight:bold;font-family:'Josefin Sans'}

/* 하단 */
#sh_ft{overflow:hidden;position:relative;z-index:10;min-width:1400px;font-size:13px;line-height:23px;color:#909090;letter-spacing:-0.3px;font-family:'notokr-regular'} 
#sh_ft .ft_top{position:relative}
#sh_ft .ft_top:before{position:absolute;left:0;top:0;bottom:0;z-index:-1;width:100%;height:100%;content:"";background-color:#e8e8e8;border-bottom:1px solid #dbdbdb}
#sh_ft .inner{overflow:hidden;position:relative;width:1400px;height:138px;margin:0 auto}
#ft_logo{float:left;height:120px;margin-right:45px}
#sh_ft .inner .add{overflow:hidden;width:57%;padding-top:31px}
#sh_ft .inner h1{padding-top:50px;font-weight:normal;font-size:16px;color:#fff;font-family:'notokr-medium'}
#sh_ft .copy{font-size:13px;line-height:55px;color:#656565}
#sh_ft .copy:before{z-index:-2;position:absolute;left:0;bottom:0;width:100%;height:73%;content:"";background-color:#e8e8e8}
#sh_ft .copy .inner{height:auto}
#sh_ft .copy b{font-weight:normal;font-family:'notokr-bold'}
#sh_ft .copy p{float:right}
#sh_ft .copy p a{margin-left:5px;font-family:'notokr-bold'!important;}
#sh_ft .copy p a{margin-left:5px;font-family:'notokr-bold'!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}