@charset "utf-8";
* {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all;}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin:0;padding:0;border:0;color:#303030;word-break:keep-all;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
input[type="text"], input[type="password"], input[type="number"], input[type="tel"] {-webkit-appearance:none;appearance:none;-moz-appearance:none}
a {text-decoration:none;}
img{vertical-align:top;}
legend, caption{display:none}
ul,li,dd,dt,dl,ol{list-style:none;padding-left:0;}
input[type="text"], input[type="password"], input[type="number"], input[type="tel"] {-webkit-appearance:none;appearance:none;-moz-appearance:none}

html {position: relative;min-height: 100%;min-width:340px;font-size:13px;} 
body{position:relative;min-width:340px;font-family:"Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;color:#303030;font-size:1.0rem;line-height:1.7;}
@media (max-width: 767px){    
    body{font-size:1.0rem;}
}

.content-wrap{position:relative;margin-top:0;min-height:400px;}
@media (max-width: 767px){    
.content-wrap{position:relative;padding-top:50px;min-height:auto;}
}
.sub-content{min-height:400px;}
@media (max-width: 767px){    
    .sub-content{min-height:auto;}
}

header{min-height:100px;background:url('/images/common/header_bg.png') 0 0 repeat-x;position:fixed;top:0;right:0px;left:0px;z-index:1030;}
header .container{position:relative;padding-left:10px;padding-right:10px;}
header > .etc-wrap{overflow:hidden;background:#202020;}
header > .etc-wrap .etc{overflow:hidden;}
header > .etc-wrap .etc > ul{overflow:hidden;float:right;}
header > .etc-wrap .etc > ul > li{float:left;}
header > .etc-wrap .etc > ul > li > a{display:inline-block;padding:4px 10px 6px 10px;position:relative;font-size:12px;font-weight:700;color:#d3d3d3;}
header > .etc-wrap .etc > ul > li > a:hover{color:#fff;}
header > .etc-wrap .etc > ul > li > a::after{position:absolute;right:0;top:11px;width:1px;height:10px;background:#555;content:'';}
header > .etc-wrap .etc > ul > li:last-child > a::after{position:absolute;right:0;top:8px;width:0px;height:10px;background:#666;content:'';}
header > .gnb-wrap{background:#fff;overflow:hidden;}
header .header-logo{padding-top:20px;padding-bottom:20px;float:left;width:25%;}
header .header-logo h1{width:100%;max-width:200px;height:auto;}
header .header-logo h1 img{width:100%;}
header .gnb{float:right;width:75%;margin-top:20px;height:60px;overflow:hidden;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}
header .gnb > li{padding-left:15px;padding-right:15px;float:left;min-height:250px;}
header .gnb > li > a{display:inline-block;padding:22px 0 20px 0;width:100%;font-size:15px;line-height:18px;font-weight:700;color:#202020;text-align:center;letter-spacing:-0.7px;}
header .gnb > li > a:hover, header .gnb > li > a:focus, header .gnb > li > a.active{color:#b50706;}
header .gnb > li > .depth{display:block;padding-top:0px;}
header .gnb > li > .depth > li{}
header .gnb > li > .depth > li > a{display:inline-block;padding:8px 0 8px 0;width:100%;font-size:14px;line-height:16px;font-weight:300;color:#666;letter-spacing:-0.7px;text-align:center;opacity:0.9;filter:alpha(opacity:'90');}
header .gnb > li > .depth > li > a:hover, header .gnb > li > .depth > li > a:focus{color:#b50706}
header .etc-menu{position:absolute;right:0;top:10px;overflow:hidden;}
header .etc-menu > li{float:left;}             
header .etc-menu > li > a{display:inline-block;padding:0 10px;font-size:12px;line-height:18px;font-weight:400;color:#999;letter-spacing:0;background:url('/images/common/etcmenu_bar.png') 0 5px no-repeat;}
header .etc-menu > li > a:hover, header .etc-menu > li > a:focus{color:#333;letter-spacing:0;}
header .etc-menu > li > a.first{background:none;}
@media (max-width: 1140px){    
    header .container{position:relative;padding-left:10px;padding-right:10px;width:100%;margin-left:0;margin-right:0;}
    header h1{margin-top:17px;width:180px;height:auto}
    header .gnb > li{padding-left:14px;padding-right:14px;}
    header .gnb > li > a{font-size:15px;}
    header .gnb > li > .depth > li > a{font-size:13px;line-height:13px;}
}    
@media (max-width: 875px){    
    header .container{position:relative;padding-left:8px;padding-right:7px;width:100%;margin-left:0;margin-right:0;}
    header h1{margin-top:20px;width:150px;height:auto}
    header .gnb > li{padding-left:8px;padding-right:8px;}
    header .gnb > li > a{font-size:15px;letter-spacing:-1px;}
    header .gnb > li > .depth > li > a{font-size:13px;line-height:13px;}
}
#header_m{z-index:5000;position:fixed;right:0px;left:0px;background:#000;border-bottom:1px solid #000;min-width:340px;border-top:4px solid #bb1b2b;}
#header_m .snb_all{background:#c52c1a}
#header_m .snb_all > li{position:relative;text-align:center;border-bottom:1px solid #d04434;}
#header_m .snb_all > li > a{color:#fff;font-size:15px;padding-left:20px;font-weight:700;text-align:left;}
#header_m .snb_all > li > .depth{display:none;overflow:hidden;width:100%;background:#fff}
#header_m .snb_all > li > .depth > li{padding-left:2px;text-align:left;}
#header_m .snb_all > li > .depth > li > a{font-size:13px;font-weight:400;color:#333;text-decoration:none;border-bottom: 1px solid #e5e5e5;padding-left:24px;}
#header_m .snb_all > li > .depth > li > a:hover{color:#c52c1a}
#header_m .snb_all > li > .depth > li > a:focus{color:#c52c1a}
#header_m .close_all{height:55px;line-height:55px;background:#000;text-align:right;padding-right:15px;border-bottom: 1px solid #000;border-right: 1px solid #000;z-index:100;border-top:4px solid #bb1b2b;}
#header_m .close_all span{color:#999;font-size:24px;line-height:46px;cursor:pointer;z-index:101;}
#gray-window{display:none;position:fixed;top:0;background:#000;opacity:0.7;filter:alpha(opacity:'70');width:100%;height:100%;z-index:1000;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}    
#header_m > div{height:50px;position:relative; z-index:150}
#header_m > div h1{position:absolute; top:3px; width:100%;margin-top:0;margin-bottom:0;}
#header_m > div h1 a{display:block; height:40px;text-align:center;margin:0 auto; position:relative; z-index:1;font-size:26px;line-height:40px;font-weight:700;color:#000;letter-spacing:-1px;}
#header_m > div h1 a img{height:30px;}
#header_m > div .etc-mobile{position:absolute;top:7px;right:10px;z-index:160}
#header_m > div .etc-mobile li{float:left;}
#header_m > div .etc-mobile a{display:inline-block;width:40px;padding:1px 0;border:1px solid #d5d5d5;text-align:center;font-size:18px;color:#666;margin-left:4px;}
#header_m > div .nav{float:left; position:relative; z-index:5; width:100%;}
#header_m > div .nav .nav_btn{display:block; position:absolute;width:30px; height:36px;top:12px; left:13px;}
#header_m > div .nav .nav_btn span{color:#999;font-size:22px;line-height:22px;cursor:pointer;width:37px; height:30px;}
#header_m > nav h1{position:absolute; top:3px; width:100%;margin-top:0;margin-bottom:0;}
#header_m > nav h1 a{display:block; height:40px;;text-align:left;position:relative; z-index:1;font-size:26px;line-height:40px;font-weight:700;color:#fff;letter-spacing:-1px;padding-top:0;padding-bottom:0;}
#header_m > nav h1 a img{height:30px;padding-left:20px;}
#fp-nav{margin-top:-32px;top:50%;position:fixed;z-index:100}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#fff;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}

@media (min-width:768px){
    .navbar-default{background-color:none;background-image:none;border-radius:0;box-shadow:none;border-color:none;}
    .navbar{border:none;}
    .navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#999 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#999 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#999),to(#e2e2e2));background-image:linear-gradient(to bottom,#999 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}

}
.navbar{margin-bottom:0px;}       
.snb{float:left;width:65%;}
#snb-menu > ul{width:100%;}
#snb-menu > ul > li {width:20%;}
#snb-menu > ul.li04 > li {width:25%;}     
#snb-menu > ul{border-left:1px solid #d3d3d3;}
#snb-menu > ul > li > a{display:inline-block;text-align:center;width:100%;padding:15px 0 15px 0;color:#202020;border-right:1px solid #d3d3d3;font-size:13px;font-weight:700;line-height:1.0;}
#snb-menu > ul > li > a:hover,#snb-menu > ul > li > a.on{color:#03bcc4;background:#fff;}
.snb-wrap{position:relative;background:#ececec;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;}
.snb-wrap > .container{}
/* location */
.location-wrap{float:right;width:35%;border-right:1px solid #d3d3d3;overflow:hidden;}
.location {font-size:12px;color:#666;text-align:right;padding-right:20px;}
.location a{display:inline-block;margin-left:5px;padding-right:13px;padding-top:11px;padding-bottom:12px;color:#666;letter-spacing:-1px;}
.location .last{margin-left:5px;padding-right:13px}
.location .con{margin-left:10px;padding-right:14px;background:url(../../images/icon/icon_location.png) 100% 17px no-repeat}
.location a:first-child{margin-left:0}
.location strong{margin-left:10px;font-weight:700;color:#333;}

@media (max-width:767px) {
    .snb{position:relative;top:40px;float:none;width:100%;margin-bottom:50px;}
    .location-wrap{position:absolute;top:0px;left:0;right:0;float:none;width:100%;border-right:0;overflow:hidden;}
    .navbar-nav{margin:0;}
    #snb-menu > ul{border-left:0;}
    #snb-menu > ul > li {width:100%;}
    #snb-menu > ul.li04 > li {width:100%;}         
    #snb-menu > ul > li > a{display:inline-block;text-align:center;width:100%;padding:10px 0 11px 0;color:#202020;border-right:0;font-size:13px;font-weight:700;}
}

/* location */
.location-wrap{float:right;width:35%;border-right:1px solid #d3d3d3;overflow:hidden;}
.location {font-size:12px;color:#666;text-align:right;padding-right:20px;}
.location a{display:inline-block;margin-left:5px;padding-right:13px;padding-top:11px;padding-bottom:12px;color:#666;letter-spacing:-1px;}
.location .last{margin-left:5px;padding-right:13px}
.location .con{margin-left:10px;padding-right:14px;background:url(../../images/icon/icon_location.png) 100% 17px no-repeat}
.location a:first-child{margin-left:0}
.location strong{margin-left:10px;font-weight:700;color:#333;}

@media (max-width:767px) {
    .snb{position:relative;top:40px;float:none;width:100%;margin-bottom:50px;}
    .location-wrap{position:absolute;top:0px;left:0;right:0;float:none;width:100%;border-right:0;overflow:hidden;}
    .navbar-nav{margin:0;}
    #snb-menu > ul{border-left:0;}
    #snb-menu > ul > li {width:100%;}
    #snb-menu > ul.li04 > li {width:100%;}         
    #snb-menu > ul > li > a{display:inline-block;text-align:center;width:100%;padding:10px 0 11px 0;color:#202020;border-right:0;font-size:13px;font-weight:700;}
}
.mainvisual-area{width:100%;height:820px;}
.mainvisual{overflow:hidden;position:relative;height:820px;margin:0 auto;}
.mainvisual .con{position:relative;height:820px;}
.mainvisual .con li{position:absolute;left:50%;top:0;margin-left:-960px;}
.navi-m{position:absolute;width:1000px;bottom:30px;left:50%;margin-left:-500px;text-align:center;}
.navi-m a{display:inline-block;width:19px;height:19px;margin-left:15px;background:url('/images/common/btn_nav_main.png') 0 -40px no-repeat;}
.navi-m a.on{background-position:0 0;}
@media (max-width: 767px){    
    .mainvisual-area{width:100%;height:328px;}
    .mainvisual{overflow:hidden;position:relative;height:328px;margin:0 auto;}
    .mainvisual .con{position:relative;height:328px;}
    .mainvisual .con li{position:absolute;left:50%;top:0;margin-left:-384px;}
    .mainvisual .con li img{width:768px;}
    .navi-m{position:absolute;width:768px;bottom:30px;left:50%;margin-left:-384px;text-align:center;}
    .navi-m a{display:inline-block;width:19px;height:19px;margin-left:15px;background:url('/images/common/btn_nav_main.png') 0 -40px no-repeat;}
    .navi-m a.on{background-position:0 0;}
}
@media (max-width: 480px){    
    .mainvisual-area{width:100%;height:256px;}
    .mainvisual{overflow:hidden;position:relative;height:256px;margin:0 auto;}
    .mainvisual .con{position:relative;height:256px;}
    .mainvisual .con li{position:absolute;left:50%;top:0;margin-left:-300px;}
    .mainvisual .con li img{width:600px;}
    .navi-m{position:absolute;width:600px;bottom:30px;left:50%;margin-left:-300px;text-align:center;}
    .navi-m a{display:inline-block;width:19px;height:19px;margin-left:15px;background:url('/images/common/btn_nav_main.png') 0 -40px no-repeat;}
    .navi-m a.on{background-position:0 0;}
}

.subvisual{width:100%;overflow:hidden;position:relative;height:350px;margin:0 auto;}
.subvisual .visual{position:absolute;left:50%;top:0;margin-left:-960px;}
@media (max-width: 767px){   
    .subvisual{width:100%;overflow:hidden;position:relative;height:146px;margin:0 auto;}
    .subvisual .visual{width:800px;position:absolute;left:50%;top:0;margin-left:-400px;}
    .subvisual .visual img{width:100%;}
}

.main-section01{background:#f5f5f5;padding-top:30px;padding-bottom:60px;overflow:hidden;}
.main-section01 .row{margin-left:-33px;margin-right:-33px;}
.main-section01 .row > div{padding-left:33px;padding-right:33px;margin-top:30px;text-align:center;}
.main-section01 .row > div > a > img{width:100%;}
.main-section01 .row > div > a > h4{font-size:21px;font-weight:600;text-align:center;color:#2b4c0f;margin-top:20px;letter-spacing:-0.7px;}
.main-section01 .row > div:last-child > a > h4{padding-top:10px;padding-bottom:18px;}
.main-section01 .row > div > a > p{font-family:"Open Sans", "Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;font-size:15px;font-weight:600;text-align:center;color:#8a9a9a;margin-top:20px;letter-spacing:0px;line-height:1.5;  }
@media (max-width: 767px){    
    .main-section01{padding-top:20px;padding-bottom:50px;}
    .main-section01 h3{font-size:28px;margin-bottom:0px;}
    .main-section01 .row > div > a > h4{font-size:18px;margin-top:18px;}
    .main-section01 .row > div:last-child > a > h4{padding-top:0px;padding-bottom:0px;}
    .main-section01 .row > div > a > p{margin-top:10px;font-size:12px;}
    
}

.main-section02{background:url("/images/main/main_section02_bg.jpg") 50% 0 repeat;min-height:630px;overflow:hidden;padding-bottom:60px;}
.main-section02 > .container > .row{margin-left:-40px;margin-right:-40px;}
.main-section02 > .container > .row > div{padding-left:40px;padding-right:40px;}
.main-section02 h4{padding-top:56px;font-family:"Open Sans", "Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;font-size:28px;font-weight:600;color:#2b4c0f;letter-spacing:-0.7px;line-height:1.2;}
.main-section02 p{padding-top:20px;font-size:13px;font-weight:400;color:#57614e;letter-spacing:0;line-height:1.5;}
.main-section02 .img-area{bottom:30px;width:100%;text-align:right;padding:64px 74px 45px 0;}
.main-section02 ul{margin-top:40px;margin-left:-3px;margin-right:-3px;}
.main-section02 ul > li{padding-left:3px;padding-right:3px;}

@media (max-width: 767px){    
    .main-section02{background:none;min-height:auto;overflow:hidden;padding-bottom:0px;}
    .main-section02 .bg01{background:url("/images/main/main_section02_bg01.jpg") 50% 0 repeat;background-size:cover;}
    .main-section02 .bg02{background:url("/images/main/main_section02_bg02.jpg") 50% 0 repeat;background-size:cover;}
    .main-section02 .img-area{bottom:auto;width:100%;text-align:center;padding:45px 0;}
    .main-section02 h4{padding-top:40px;font-size:20px;line-height:1.2;}        
    .main-section02 ul{margin-top:10px;margin-bottom:40px;}
    .main-section02 ul > li{margin-top:20px;}
}
.main-section03{background:#f3f3f3;padding:15px 0;}
.main-section03 ul{}
.main-section03 ul > li{text-align:center;padding-top:5px;padding-bottom:5px;}
@media (max-width: 767px){    
}


footer{padding:30px 0;font-size:13px;background:#e5e5e5;text-align:left;border-top:1px solid #d3d3d3;margin-top:50px;}
footer .fnv{width:100%;overflow:hidden;margin-left:-14px;}
footer .fnv > li{float:left;}
footer .fnv > li > a{display:inline-block;font-weight:700;font-size:14px;padding:4px 14px;position:relative;}
footer .fnv > li > a::after{position:absolute;right:0;top:10px;width:1px;height:10px;background:#666;content:'';}
footer .fnv > li:last-child > a::after{width:0px;}
footer .info{padding-top:0px;margin-left:-8px;}
footer .info > strong{display:inline-block;padding-left:8px;}
footer .copyright{font-size:13px;font-family:"Open Sans", "Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;font-weight:600}
@media (max-width: 767px){    
    footer{font-size:12px;}
    footer .fnv{overflow:hidden;margin-left:-10px;width:100%;}
    footer .fnv > li{float:left;}
    footer .fnv > li > a{display:inline-block;font-weight:700;font-size:13px;padding:4px 10px;position:relative;letter-spacing:-0.7px;}
    footer .fnv > li > a::after{position:absolute;right:0;top:10px;width:1px;height:10px;background:#aaa;content:'';}    
    footer .copyright{color:#808080;font-size:10px;font-family:"Open Sans", "Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;padding-left:0px;margin-bottom:20px;}
}