@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');

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'}

/* SHINING 독립 사용 */
#sh_wrapper {position:relative;min-width:1500px;margin:0 auto}
#sh_wrapper, #sh_wrapper *, #sh_wrapper *:before, #sh_wrapper *:after {box-sizing:border-box}

/* HEADER */
#sh_hd{position:absolute;z-index:10;min-width:1166px;width:100%;height:70px;font-family:'notokr-regular'}
#sub_hd_wrapper{position:relative;width:95%;height:81px;margin:0 auto;font-family:'notokr-regular'}
#sh_hd.sub{position:relative !important}

/* CONTAINER */
#sh_container {position:relative;overflow:hidden;min-width:1170px;width:100%;z-index:0}
#sh_container_wrapper{position:relative;width:95%;margin:0 auto;zoom:1}
#sh_container_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

/* SUB */
#sub_main_banner {overflow:hidden;position:relative;width:100%;min-width:1300px;height:350px;margin:0 auto;font-family:'notokr-regular'}
#sh_aside{position:absolute;top:0;left:0;width:250px;height:100%;background:#f7f7f7;font-family:'notokr-regular'}

/* CONTENT */
#sh_content{z-index:4;position:relative;float:right;padding:0;width:1000px;min-height:440px;margin:0px 0 60px 0;height:auto !important;line-height:1.5em;color:#666;zoom:1}
#sh_content:after{display:block;visibility:hidden;clear:both;content:""}
#sh_content_wrap{position:relative;overflow:hidden;width:1300px;margin:0 auto;padding-top:50px}

/*스크롤애니메이션*/
.scrollani{position:absolute;z-index:4;top:290px;left:73px;width:24px;height:24px;opacity:0}
.scrollani .chevron {position:absolute;width:28px;height:8px;opacity:0;transform:scale3d(0.5, 0.5, 0.5);animation:move 3s ease-out infinite}
.scrollani .chevron:first-child {animation:move 3s ease-out 1s infinite}
.scrollani .chevron:nth-child(2) {animation:move 3s ease-out 2s infinite}
.scrollani .chevron:before,
.scrollani .chevron:after {content:' ';position:absolute;top:0;height:100%;width:51%;background:#fff}
.scrollani .chevron:before {left:0;transform:skew(0deg, 30deg)}
.scrollani .chevron:after {right:0;width:50%;transform:skew(0deg, -30deg)}

@keyframes move {
25% {opacity:1}
33% {opacity:1;transform:translateY(30px)}
67% {opacity:1;transform:translateY(40px)}
100% {opacity:0;transform:translateY(55px) scale3d(0.5, 0.5, 0.5)}
}

@keyframes pulse {
to {opacity:1}
}

/*인덱스 공통*/
#index_wrap{position:relative !important;max-width:1980px;width:100%;min-width:1500px;height:100vh;min-height:940px;margin:0 auto;box-sizing:border-box;font-family:'notokr-regular'}
#index_wrap .index_area{padding:30px;min-width:1500px;width:100%;height:100%;box-sizing:border-box}
#index_wrap .index_cont{position:relative;overflow:hidden;;width:100%;height:100%}
.index_slied{overflow:hidden;width:100%;height:100%;}
.index_slied > div{float:left;height:100%}
.index_slied .box01{width:32.5%}
.index_slied .box02{width:24.5%}
.index_slied .box03{width:43%}

.index_slied .box01{position:relative}
.index_slied .box01 .box01_cont{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover !important}
.index_slied .box01 .box01_cont .cont_txt{position:absolute;top:20px;left:66px;font-size:95px;line-height:106px;color:#fff;opacity:0;font-family:'Anton', sans-serif}

.index_slied .box01 .box01_se01{z-index:3;left:-100%;background:url(/sh_img/index/slied01_box01_bg.jpg) no-repeat}
.index_slied .box01 .box01_se02{z-index:2;width:100%;opacity:0;background:#d7dcdd}
.index_slied .box01 .box01_se02 .img_box{position:absolute;bottom:-33.5%;width:100%;height:33.5%;background:url(/sh_img/index/slied02_box01_bg.jpg) no-repeat;background-size:cover}
.index_slied .box01 .box01_se02 .cont_txt{top:0}
.index_slied .box01 .box01_se03{z-index:1;width:100%;opacity:0;background:url(/sh_img/index/slied03_box01_bg.jpg) no-repeat}

.index_slied .box02 > div{width:100%}
.index_slied .box02 .img_box{position:relative;overflow:hidden;height:66.5%}
.index_slied .box02 .img_box > div{position:absolute;bottom:0;width:100%;height:100%;opacity:0;background-size:cover !important}
.index_slied .box02 .img_box .box02_se01{z-index:3;left:-100%;opacity:1;background:url(/sh_img/index/slied01_box02_bg.jpg) no-repeat}
.index_slied .box02 .img_box .box02_se02{z-index:2;left:0%;background:url(/sh_img/index/slied02_box02_bg.jpg) no-repeat}
.index_slied .box02 .img_box .box02_se03{z-index:1;left:0%;background:url(/sh_img/index/slied03_box02_bg.jpg) no-repeat}

.index_slied .box02 .txt_box{position:relative;height:33.5%;opacity:0}
.index_slied .box02 .txt_box > div{position:absolute;top:0;left:0;width:100%;height:100%;background:#92917b}
.index_slied .box02 .txt_box .box02_txt_se01{z-index:3;background:#92917b}
.index_slied .box02 .txt_box .box02_txt_se02{z-index:2;background:#435d60;opacity:0}
.index_slied .box02 .txt_box .box02_txt_se03{z-index:1;background:#6d523b;opacity:0}

.index_slied .box02 .txt_box .txt{padding:100px 0 0 65px;font-size:14.5px;line-height:25px;color:#e2e2dd;opacity:0}
.index_slied .box02 .txt_box .more{position:absolute;bottom:57px;right:60px;font-size:13px;color:#fff;opacity:0;font-family:'notokr-medium'}
.index_slied .box02 .txt_box .more a{color:#fff}

.index_slied .box03 > div{width:100%}
.index_slied .box03 .box03_cont{overflow:hidden;height:66.5%}
.index_slied .box03 .txt_box{height:0;background:#d5d1c5}

.index_slied .box03 .box03_cont{opacity:0}
.index_slied .box03 .box03_cont > div{float:left;height:100%;background-size:cover !important}
.index_slied .box03_cont .main_txt{position:relative;width:58%;background:url(/sh_img/index/slied01_box03_bg.jpg) no-repeat}
.index_slied .box03_cont .side_img{position:relative;width:42%}
.index_slied .box03_cont .side_img:before{position:absolute;right:92px;top:0;z-index:4;content:'';width:1px;height:100%;background:rgba(255,255,255,.2)}
.index_slied .box03_cont .side_img > div{position:absolute;width:100%;height:100%;background-size:cover}
.index_slied .box03_cont .side_img01{right:0;z-index:3;background:url(/sh_img/index/side_img01.jpg) no-repeat}
.index_slied .box03_cont .side_img02{z-index:2;background:url(/sh_img/index/side_img02.jpg) no-repeat}
.index_slied .box03_cont .side_img03{z-index:1;background:url(/sh_img/index/side_img03.jpg) no-repeat}

.index_slied .box03_cont .main_txt p{position:absolute;left:80px;font-size:92px;line-height:106px;color:#fff;opacity:0;font-family:'Anton', sans-serif}
.index_slied .box03_cont .main_txt p span{display:block;font-size:62px;line-height:62px;color:#f1f0ec}
.index_slied .box03_cont .main_txt .box03_txt_se01{z-index:3;bottom:20px}
.index_slied .box03_cont .main_txt .box03_txt_se02{z-index:2;left:69px;bottom:-20px}
.index_slied .box03_cont .main_txt .box03_txt_se03{z-index:1;bottom:-20px}

.index_slied .box03 .txt_box{position:relative}
.index_slied .box03 .txt_box .txt{position:absolute;top:80px;left:80px;width:100%;font-size:14px;line-height:25px;color:#605e59;opacity:0;font-family:'notokr-medium'}
.index_slied .box03 .txt_box .txt p{position:absolute;top:0;left:0}
.index_slied .box03 .txt_box .txt .txt01{z-index:3}
.index_slied .box03 .txt_box .txt .txt02{z-index:2;top:20px;opacity:0}
.index_slied .box03 .txt_box .txt .txt03{z-index:1;top:20px;opacity:0}

.index_slied .box03 .txt_box .view_more{position:absolute;overflow:hidden;z-index:9999;right:90px;bottom:88px;width:146px;height:146px;border:1px solid #bfbbb1;border-radius:146px;font-weight:500;font-size:13px;line-height:146px;text-align:center;color:#605e59;opacity:0;font-family:'Roboto', sans-serif}
.index_slied .box03 .txt_box .view_more a{position:relative;display:block;color:#605e59;position:relative;transition:all .6s}
.index_slied .box03 .txt_box .view_more a:after{position:absolute;z-index:-1;left:-100%;top:0;content:'';width:100%;height:100%;background:#92917b;transition:all .6s}
.index_slied .box03 .txt_box .view_more a:hover{color:#fff}
.index_slied .box03 .txt_box .view_more a:hover:after{left:0}

/*인트로*/
.intro_box{position:absolute;top:50%;left:50%;z-index:-1;width:10%;height:100px;background:#92917b;opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.intro_box .intro_tit{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}


/* FOOTER */
#sh_ft{overflow:hidden;position:relative;z-index:10;width:95%;margin:0 auto;border-top:1px solid #ddd;font-size:13px;line-height:1.7;color:#999;letter-spacing:-.1px;background:#31312f;font-family:'notokr-regular'} 
#sh_ft .inner{overflow:hidden;position:relative;width:1300px;height:227px;margin:0 auto}
#sh_ft .inner .add{width:57%}
#sh_ft .inner .ft_tit{overflow:hidden;margin:40px 0 10px;line-height:30px}
#sh_ft .inner h1{float:left;display:inline-block;padding-right:70px;font-weight:normal;font-size:16px;color:#fff;font-family:'notokr-medium'}
#sh_ft .inner ul{overflow:hidden;float:left}
#sh_ft .inner ul li{float:left;color:#fff}
#sh_ft .inner ul li:after{content:"";display:inline-block;width:1px;height:12px;margin:0 18px;font-size:13px;color:#fff;letter-spacing:.5px;background-color:#505050}
#sh_ft .inner ul li:last-child:after{display:none}
#sh_ft .inner ul li span{padding-right:5px;letter-spacing:.3px;color:#979797;font-family:'notokr-medium'}
#sh_ft .inner .ft_map{overflow:hidden;position:absolute;right:0;top:0;width:360px;height:310px;background-color:#2b2b2b}
#sh_ft .inner .ft_map 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}
#sh_ft .inner .ft_map iframe:hover{opacity:1;filter:none;-webkit-filter:grayscale(0)}
#sh_ft .ft_icon{position:absolute;bottom:20px}

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

#sh_site_map{position:relative;width:100%;font-family:'notokr-regular'}
#sh_site_map > div{width:32%;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}

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

/*1500*/
@media screen and (max-width: 1500px) {
body.pc_body{overflow-x:scroll!important;}
.index_slied .box03_cont .main_txt p{left:50px;font-size:70px;line-height:80px}
.index_slied .box03_cont .main_txt p span{font-size:53px}
.index_slied .box03 .txt_box .txt{top:50px;left:40px}
.index_slied .box03 .txt_box .view_more{right:20px;width:100px;height:100px;border-radius:100px;line-height:100px}
.index_slied .box02 .txt_box .txt{padding:50px 0 0 40px !important;font-size:14px}
}