/*sns링크*/
.sns_box {width:1200px; margin:auto; padding-top:50px;}
.share { font-size: 14px;  font-style: italic; float:right; margin-right:27px}
.share > a { height: 20px; vertical-align: middle; position:relative}
.share > a:before,.share #kakao:before,.share #kakao_photo:before,.share #kakao:after,.share #kakao_photo:after{content:""; position:absolute; height:12px; width:1px; display:block;top: 4px;}
.share > a:before{left:0}
.share > a > span { text-indent: -9999px; display: inline-block; width: 32px; height: 27px; background: no-repeat center center; cursor:pointer}
.share #facebook span{ background-image: url(../img/icon_facebook.png);}
.share #twitter span { background-image: url(../img/icon_twitter.png);}


.share #kakao:after,.share #kakao_photo:after{right:0;}
.share #kakao, #kakao_photo {display: inline-block; vertical-align: middle; width: 37px; height: 20px;background: url(../img/icon_story.png) no-repeat center center;position: relative;top: 2px;}
.share #kakao img, #kakao_photo img { vertical-align: middle; width: 18px; height: 18px; margin: 0 0 0 12px; visibility:hidden}
.share_title { position:relative;top: 2px; background: url(../img/icon_share.png) no-repeat 63px bottom; color:#666; display: inline-block; padding-right: 35px; height: 20px; vertical-align: middle;}
.share_title:before{content:""; position:absolute;top: 12px; left: -10px; width:3px; height:3px; background: #66AF3F;}

#naver{margin:-23px 0 0 162px; position:absolute; z-index:1; width:18px; height:18px; padding-left:7px;}
/*sns링크*/


<!--서브상단-->
#wrap{position:relative;left:0;width:100%;min-height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}

.sub_line {width:100%; height:12px; background-color:#CCC; min-width:1200px; background-position:center top; clear:both;}
.sub_visual{position:relative;min-width:1200px;margin:0 auto;height:350px;overflow:hidden;background-repeat:no-repeat;background-position:center top; padding-top:130px}
.sub_visual.visual01 .bg{background-image:url(../img/sub_visual01.jpg)}
.sub_visual.visual02 .bg{background-image:url(../img/sub_visual02.jpg)}
.sub_visual.visual02_01 .bg{background-image:url(../img/sub_visual02_01.jpg)}
.sub_visual.visual02_02 .bg{background-image:url(../img/sub_visual02_02.jpg)}
.sub_visual.visual03 .bg{background-image:url(../img/sub_visual03.jpg)}
.sub_visual.visual04 .bg{background-image:url(../img/sub_visual04.jpg)}
.sub_visual.visual05 .bg{background-image:url(../img/sub_visual05.jpg)}




.sub_visual:hover .bg{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.sub_visual h3{position:relative;z-index:1;font-size:50px;font-weight:600; letter-spacing:-0.8px; color:#FFF;padding-top:90px;text-align:center;background-image:url(../img/sub_visual_title_line.gif);background-repeat:no-repeat;background-position:bottom center; height:90px}
.sub_visual .sub_title{font-size:16px;text-align:center;filter:alpha(opacity=60);position:relative;font-weight:500; color:#FFF;z-index:1;opacity:.8; padding-top:10px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;/*background:url(../img/sub_visual_cover.png) center bottom no-repeat;*//*-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/min-width:1200px;opacity:.8;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:580px;background-position:center center;background-repeat:no-repeat;/*-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/z-index:0;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}

.sub_navi { width:100%;  position:absolute; top:425px; border-top:1px solid rgba(255,255,255,0.3); z-index:2}
.sub_navi ul { text-align:center;width:1200px; margin:auto}
#sub_navi01 li { width:16%}
.sub_navi li{display:inline-block; margin-left:-3px; width:19%;/*margin:0 -1px 0 0*/}
.sub_navi li a{display:block; box-sizing:border-box; color:#f2f2f2; text-align:center; position:relative; font-size:16px; height:55px; line-height:55px}
.sub_navi li a:hover{color:#ffe00d;backface-visibility:hidden}
.sub_navi li a.on{color:#fff; font-weight:bold}
<!--서브상단-->



/*서브 기본*/
.content { width:100%; margin:auto; line-height:1.6; letter-spacing:0.1px;  }
.content h3 {margin:65px 0 33px 0; text-align:center; font-size:42px; color:#000; font-weight:800;}
.subTxt1 { margin-top:27px;  text-align:center; font-size:14px; line-height:30px; color:#999; letter-spacing:1px}
.subTxt1:before { content:""; display:block; height:1px; width:30px; margin:0 auto 15px; background-color:#000;}
.subLine { width:1200px; margin:0 auto; padding-bottom:50px; }
.content .txtCon { width:1200px;  margin:50px auto 50px auto; font-size:18px; line-height:1.9; letter-spacing:-1px }
.content .txtCon:after {content: " "; visibility: hidden; display: block; height: 0; clear: both; padding-bottom:50px}
.content .txtCon .title { font-size:20px; text-align:center; word-break:keep-all; line-height:1.7}
/*서브 기본*/



/*하단 퀵*/
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}
#top_btn .material-icons { margin-top:10px}
/*하단 퀵*/