@charset "utf-8";
/* SHINING 독립 사용 */
@import url(https://fonts.googleapis.com/css?family=Katibeh);

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'}
a{cursor:pointer}

/* 익스8 이하  */
#ie_lower {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}

* {-webkit-text-size-adjust:none}
#sh_wrapper{overflow:hidden;min-width:1200px}
#sh_wrapper, #sh_wrapper *, #sh_wrapper *:before, #sh_wrapper *:after {box-sizing:border-box}

::selection {background:#e80241;color:#fff;text-shadow:none}
::-moz-selection {background:#e80241;color:#fff;text-shadow:none}
::-webkit-selection {background:#e80241;color:#fff;text-shadow:none} 

/* COMMON CHANGE COLOR - 검색기능 컬러 일괄 변경은 여기서 수정하세요 */
.chg_font_color {color:#e80141!important}
.chg_border_color {border-color:#e80141!important}
.chg_bg_color {background-color:#e80141!important}

/* HEADER */
#sh_hd {position:relative;z-index:15;width:100%;height:80px;min-width:1200px;font-family:'notokr-medium'} 
#sh_hd_wrapper {position:absolute;left:0;top:0;width:100%}
#sh_hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""} 

/* MAIN  */
#main_banner{position:relative;z-index:50;width:100%;max-width:1920px;min-width:1200px;height:726px;margin:0 auto;background-color:#000;-webkit-animation:move 1s  forwards ;-ms-animation:move 1s  forwards;animation:move 1s  forwards}
@-webkit-keyframes move {0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}
@-ms-keyframes move {0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}
@keyframes move {0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}

/* GRID */
#grid {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;max-width:1072px;margin:0 auto}
#grid span {position:absolute;top:0;bottom:0;z-index:1;display:block;width:1px;background:rgba(255,255,255,.08)}
#grid.gray span {background:rgba(0,0,0,.07)}
#grid span.line01{left:0}
#grid span.line02{left:268px}
#grid span.line03{left:536px}
#grid span.line04{left:804px}
#grid span.line05{left:1071px}

/* INDEX */
#sh_section {position:relative;z-index:10;width:92%;max-width:1732px;min-width:1072px;margin:0 auto;font-size:16px;line-height:1.6;color:#888;letter-spacing:-0.2px;font-family:notokr-regular}

/* SUB MAIN */
#sub_main_banner {position:relative;z-index:10;width:92%;height:240px;max-width:1732px;min-width:1072px;margin:0 auto;background-color:#000}

/* SNB */
#sh_aside {position:relative;z-index:20;width:92%;max-width:1732px;min-width:1072px;margin:0 auto}

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

/* CONTENT */
#sh_content {z-index:4;position:relative;z-index:15;width:1200px;min-height:600px;height:auto !important;height:500px;padding:22px 30px 60px;margin:-40px auto 0;color:#777;background-color:#fff}
#sh_content_car {z-index:4;position:relative;z-index:15;width:1200px;min-height:600px;height:auto !important;height:500px;padding:30px 30px 60px;margin:0 auto;color:#777;background-color:#fff}
#sh_content_tit {overflow:hidden;margin-bottom:20px;letter-spacing:-0.3px}
#sh_content_tit:after {display:block;content:"";visibility:hidden;clear:both}
#sh_content_tit p {float:right;font-size:13px;color:#555}
#sh_content_tit p span:before{display:inline-block;padding:0 7px;font-family:FontAwesome}
#sh_content_tit p .home:before {padding-right:0;content:"\f015"}
#sh_content_tit p .angle:before {content:"\f105"}

/* FOOTER */
#sh_ft {position:relative;width:100%;min-width:1200px;margin:0 auto;background:#2b3037;font-family:notokr-regular} 
#sh_ft_wrapper {position:relative;width:1152px;margin:0 auto;font-size:13px;line-height:1.6;color:#939393}
#sh_ft_wrapper .info .name {padding-bottom:15px;letter-spacing:3px;font-size:14px;color:#fff;font-family:notokr-medium}
#sh_ft_wrapper .info .copy {margin-top:25px;padding:15px 0;border-top:1px solid #4e4e4e;text-align:center}
#sh_ft_icon {position:absolute;right:0;bottom:14px}

#sh_ft .ft_link{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.2);line-height:50px;text-align:center;font-family:'notokr-medium'}
#sh_ft .ft_link li{display:inline-block;padding:0 20px;font-size:15px}
#sh_ft .ft_link li a{color:rgba(255,255,255,.6)}
#sh_ft .ft_link li a:hover{color:#fff}

#sh_ft_wrapper .info_area{overflow:hidden;padding:75px 0}
#sh_ft_wrapper .info_area > div{float:left}
#sh_ft_wrapper .info_area .info{width:710px}
#sh_ft_wrapper .info_area .sns_link{width:300px}
#sh_ft_wrapper .info_area .sns_link .txt li{margin-bottom:3px;padding:0 1px}
#sh_ft_wrapper .info_area .sns_link .txt li i{display:inline-block;margin-right:5px}

#sh_ft_wrapper .info_area .tit{margin-bottom:10px;font-size:15px;color:#fff;font-family:'notokr-medium'}
#sh_ft_wrapper .info_area .txt{font-size:14px;color:rgba(255,255,255,.4);font-family:'notokr-regular'}

#sh_ft_wrapper .info_area .sns_link .txt{overflow:hidden;width:230px}
#sh_ft_wrapper .info_area .sns_link .txt li{float:left;width:50%}
#sh_ft_wrapper .copy{padding-bottom:20px}
#sh_ft_wrapper .info_area .sns_link .txt a{display:block;color:rgba(255,255,255,.4)}

/* 사이트맵 */
#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}


#car_view{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100vh;min-height:900px}
#car_view .pop_bg{width:100%;height:100%;background:rgba(0,0,0,.8)}
#car_view #bo_v{position:absolute;overflow-y:scroll;z-index:100;left:50%;top:50%;width:1200px;height:850px;margin:-425px 0 0 -600px;padding:30px 30px 350px;background:#fff}
#car_view .bo_v_top .bo_v_img{height:auto !important;}

#car_view .pop_form_area{position:fixed !important;width:1200px;padding:20px 30px;border-top: 3px solid #3f69bd;margin:232px 0 0 -600px;z-index:9999;left:50%;top:50%;background:rgba(43,48,55,.9)}
#car_view #rc_speed_form .submit_btn{height:59px !important}
#car_view #rc_speed_form .input_area{height:71px !important}
#car_view #rc_speed_form{height:78px !important}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

#car_view .close{position:fixed;z-index:9999;left:50%;top:50%;margin:-385px 0 0 536px;cursor:pointer}