@charset "utf-8"; @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700'); @import url('https://fonts.googleapis.com/css?family=Jua&subset=korean'); 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'} /* 익스8 이하 */ #ie_lower{position:fixed;z-index:9999;width:100%;padding:7px 0;border-bottom:1px solid #fff073;border-top:1px solid #fff073;text-align:center;background-color:#fffbd9;font-family:nanumgothic} #ie_lower span{font-weight:bold;color:#f96319} #ie_lower a{display:inline-block;padding-left:10px;color:#888} #ie_lower a:hover{text-decoration:underline} /* 컬러 */ .chg_bg_color, .go_ps_tour_btn, .ps_tour_option p span:before, .ps_tour_option p span:after{background-color:#e9c435!important} .ps_special_gall .go_ps_special_btn{background:#e9c435;!important} .ps_special_gall:hover .go_ps_special_btn{color:#e9c435;!important} .go_ps_special_btn:before,.go_ps_special_btn:after{background:#e9c435;!important} #winfo, .tit_h5{color:#e9c435!important} .chg_font_color{color:#e9c435!important} /* 셀렉션 */ ::selection{background:#e9c435;color:#fff;text-shadow:none} ::-moz-selection{background:#e9c435;color:#fff;text-shadow:none} ::-webkit-selection{background:#e9c435;color:#fff;text-shadow:none} /* SHINING 독립 사용 */ #sh_wrapper{position:relative;width:92%;min-width:1400px;margin:0 auto} #sh_wrapper, #sh_wrapper *, #sh_wrapper *:before, #sh_wrapper *:after{box-sizing:border-box} #sh_wrapper audio{position:fixed;bottom:0;left:0;z-index:1001;width:100%;height:25px} #sh_wrapper audio:active, #sh_wrapper audio:focus{outline:none} /* HEADER */ #sh_hd{position:relative;z-index:10;width:100%} #sh_hd_wrapper{position:relative;width:100%} #sh_hd_wrapper.nav-down{position:relative} #sh_hd_wrapper.nav-up{position:fixed;top:0;left:0;right:0;padding:0 4%;-webkit-animation:updown .4s;animation:updown .4s;-webkit-box-shadow:0px 4px 10px -3px rgba(0,0,0,0.12); box-shadow:0px 4px 10px -3px rgba(0,0,0,0.12);background-color:#fff} @-webkit-keyframes updown{from{top:-40px}to{top:0}} @keyframes updown{from{top:-40px}to{top:0}} /* MAIN */ #main_banner{position:relative;z-index:5;width:100%;height:800px} /* INDEX */ #sh_section{position:relative;width:100%;font-size:15px;line-height:1.6;letter-spacing:-.1px;font-family:'notokr-regular'} /* SUB */ #sub_main_banner{width:100%;height:400px;background:url(/sh_img/hd/sub_main_banner/sub_main_banner.jpg) no-repeat;animation:main 60s linear infinite} @keyframes main{from{background-position:top center}50%{background-position:bottom center}100%{background-position:top center}} #sh_content_tit{padding-top:175px;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-weight:normal;font-size:34px;font-family:'notokr-medium'} #sh_content_tit h3:after{display:block;content:'';position:absolute;top:-12px;right:-22px;z-index:-1;width:41px;height:42px} #sh_content_tit .fa-home{color:#fff} #sh_content_tit .fa-angle-right{padding:0 5px;color:#fff} /* CONTAINER */ #sh_container{position:relative;width:100%;z-index:0} #sh_container_wrapper{position:relative;width:100%;zoom:1} #sh_container_wrapper:after{display:block;visibility:hidden;clear:both;content:""} /* ASIDE */ #sh_aside{position:relative;width:1150px;margin:-32px auto 0;text-align:center;background-color:transparent;font-family:'notokr-regular'} /* CONTENT */ #sh_content{position:relative;z-index:4;width:1150px;min-height:500px;padding:0;margin:70px auto 80px;font-size:14px;line-height:1.6;color:#888;zoom:1} #sh_content:after{display:block;visibility:hidden;clear:both;content:""} /* FOOTER */ #sh_ft{overflow:hidden;position:relative;z-index:10;width:100%;border-radius:20px 20px 0 0;font-size:13px;line-height:1.8;color:#7b7b7b;letter-spacing:-.1px;background-color:#333;font-family:'notokr-regular'} #sh_ft .inner{overflow:hidden;position:relative;padding:80px 0 70px;width:1150px;margin:0 auto} #sh_ft .inner > div{float:left;width:57%} #sh_ft .inner h1{font-size:16px;color:#fff;font-family:'notokr-medium'} #sh_ft .inner ul{overflow:hidden;margin:22px 0} #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 p{margin-top:20px} #sh_ft .inner .ft_map{overflow:hidden;float:right;position:relative;width:34%;height:220px;border-radius:2px;background-color:#000} #sh_ft .inner .ft_map .txt{position:absolute;left:0;top:0;z-index:1;width:32%;height:100%;padding:140px 0 0 15px;font-size:15px;color:#fff;background-color:rgba(0,0,0,.5);-webkit-transition:left .4s;transition:left .4s;font-family:'notokr-medium'} #sh_ft .inner .ft_map .txt span{display:block;font-size:13px;letter-spacing:1px;color:#e9c435} #sh_ft .inner .ft_map:hover .txt{left:-32%} #sh_ft .inner .ft_map iframe{width:100%;height:100%;opacity:.6;filter:url("data:image/svg+xml;utf8,#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 .copy{background-color:#222;font-size:12px;line-height:55px;letter-spacing:1px;text-align:center;color:#a8a8a8} #sh_ft .copy b{font-weight:normal;font-family:'notokr-bold'} /* 사이트맵 */ 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}