@charset "utf-8";
*{word-break:keep-all;}
legend, caption{display:none}
.hidden-obj{position:absolute;visibility:hidden;top:-9000px;}
.hide-obj{visibility:hidden;height:0 !important}
ul,li,dd,dt,dl,ol{list-style:none;padding-left:0;}
html {position: relative;min-height: 100%;min-width:340px;} 
body{font-family:"Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;color:#303030;font-size:14px;line-height:1.6;}
@media (max-width: 767px){    
    body{font-family:"Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;color:#303030;font-size:13px;}
}
/*body > .container{width:100%;padding:0;}*/
.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:absolute;top:0;right:0px;left:0px;z-index:1030;}
header .container{position:relative;padding-left:10px;padding-right:10px;}
header .etc-wrap{position:relative;overflow:hidden;}
header .etc-wrap h1{width:245px;float:left;overflow:hidden;}
header .etc-wrap h1 img{width:245px;}
header .etc-wrap .etc-area{width:570px;float:right;overflow:hidden;text-align:right;margin-top:15px;line-height:30px;vertical-align:top;}
header .etc-wrap .etc-area span.txt{display:inline-block;color:#fff;font-weight:700;margin-right:10px;}
header .etc-wrap .etc-area input{width:220px;display:inline-block;vertical-align:top;}
header .etc-wrap .etc-area .btn-search{display:inline-block;background:url('../../images/common/icon_search.png') 0 0 no-repeat;width:51px;height:38px;border:0;margin-left:6px;margin-right:6px;}
header .etc-wrap .etc-area .link-mall{display:inline-block;vertical-align:top;width:220px;height:38px;border:0;margin-left:6px;margin-right:6px;}
header .etc-wrap .etc-area .link-mall img{vertical-align:top;}
header .etc-wrap .etc-area .eng{vertical-align:top;color:#8dc63f;font-family:'Open Sans';font-size:15px;font-weight:600;}
header .etc-wrap .etc-area .eng img{vertical-align:top;}
header .gnb{position:relative;width:80%;margin-left:auto;margin-right:auto;height:57px;overflow:hidden;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
header .gnb > li{float:left;min-width:25%;}
header .gnb > li.out-link{min-width:60px;}
header .gnb > li > a{display:inline-block;padding:21px 0 21px 0;width:100%;font-size:17px;line-height:18px;font-weight:700;color:#fff;text-align:left;letter-spacing:-0.7px;}
header .gnb > li > a:hover, header .gnb > li > a:focus, header .gnb > li > a.active{color:#8fc138;}
header .gnb > li > .depth{display:block;padding-top:20px;min-height:200px;}
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:#fff;letter-spacing:-0.7px;text-align:left;opacity:0.9;filter:alpha(opacity:'90');text-shadow:1px 1px 3px #000;}
header .gnb > li > .depth > li > a:hover, header .gnb > li > .depth > li > a:focus{color:#8fc138}
header .gnb > li > .depth > li > a.depth02-icon > span{display:inline-block;margin-left:8px;color:#8fc138;font-size:12px;}
header .gnb > li > .depth > li > .depth02{display:block;overflow:hidden;height:0px;padding-top:0px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}
header .gnb > li > .depth > li > .depth02 > li{}
header .gnb > li > .depth > li > .depth02 > li > a{display:inline-block;padding:3px 0 3px 10px;width:100%;font-size:13px;line-height:16px;font-weight:300;color:#fff;letter-spacing:-0.7px;text-align:left;opacity:0.6;filter:alpha(opacity:'60');text-shadow:1px 1px 3px #000;}
header .gnb > li > .depth > li > .depth02 > li > a:hover, header .gnb > li > .depth > li > a:focus{color:#8fc138}
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;}
#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 #94a913;}
#header_m .snb_all{background:#94a913}
#header_m .snb_all > li{position:relative;text-align:center;border-bottom:1px solid #bbd03c;}
#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:#42b135}
#header_m .snb_all > li > .depth > li > a:focus{color:#42b135}

#header_m .snb_all > li > .depth > li > .depth02{display:none;overflow:hidden;width:100%;background:#fff}
#header_m .snb_all > li > .depth > li > .depth02 > li{padding-left:0px;text-align:left;}
#header_m .snb_all > li > .depth > li > .depth02 > li > a{padding-left:6px;font-size:12px;font-weight:400;color:#333;text-decoration:none;border-bottom: 1px solid #e5e5e5;padding-left:24px;}
#header_m .snb_all > li > .depth > li > .depth02 > li > a:hover{color:#42b135}
#header_m .snb_all > li > .depth > li > .depth02 > li > a:focus{color:#42b135}

#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 #94a913;}
#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:40px;}
#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}

#header_m .etc-wrap{width:84%;margin-left:8%;}
#header_m .etc-wrap .etc-area{width:100%;overflow:hidden;margin-top:15px;line-height:30px;vertical-align:top;}
#header_m .etc-wrap .etc-area span.txt{display:block;color:#fff;font-weight:700;margin-right:10px;}
#header_m .etc-wrap .etc-area input{width:70%;display:inline-block;vertical-align:top;}
#header_m .etc-wrap .etc-area button{width:30%;display:inline-block;height:30px;line-height:26px;text-align:center;background:#94a913;border:0;color:#fff;font-weight:700;font-size:13px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}
#header_m .etc-wrap .etc-area button:hover{background:#41b134;}
@media (min-width: 768px){         

    .snb{margin-bottom:0px;}
    .snb > .navbar{margin-bottom:0px;}
    #snb-menu > ul{width:100%;}
    #snb-menu > ul > li {width:50%;}
    #snb-menu > ul.li01 > li {width:100%;}    
    #snb-menu > ul.li02 > li {width:50%;}    
    #snb-menu > ul.li03 > li {width:33.33%;}    
    #snb-menu > ul.li04 > li {width:25%;}    
    #snb-menu > ul.li05 > li {width:20%;}    
    #snb-menu > ul.li06 > li {width:16.66%;}    
    #snb-menu > ul.li07 > li {width:14.28%;}    
    #snb-menu > ul.li08 > li {width:12.5%;}    
    #snb-menu > ul.li09 > li {width:11.11%;}    
    #snb-menu > ul.li10 > li {width:10%;}    
    #snb-menu > ul > li{border-right:1px solid #e5e5e5;}
    #snb-menu > ul > li:last-child{border-right:0;}
    #snb-menu > ul > li > a{color:#333;font-size:13px;text-align:center;text-shadow:none !important;font-weight:700 !important ;-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;transition: all 0.3s ease;padding:10px 0px;}
    #snb-menu > ul > li.active > a{background-image:none !important;text-shadow:none !important;background:#fff !important;color:#8fc138;font-weight:700 !important;}
    #snb-menu > ul > li > a:hover{background-image:none !important;text-shadow:none !important;background:#fff !important;color:#8fc138;font-weight:700 !important;}
    /*
    #snb-menu > ul > li.active > a.tab-color-01{background-image:none !important;text-shadow:none !important;background:#719a28 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-01:hover{background-image:none !important;text-shadow:none !important;background:#719a28 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0101{background-image:none !important;text-shadow:none !important;background:#999933 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0101:hover{background-image:none !important;text-shadow:none !important;background:#999933 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0102{background-image:none !important;text-shadow:none !important;background:#cc9933!important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0102:hover{background-image:none !important;text-shadow:none !important;background:#cc9933 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0103{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0103:hover{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0104{background-image:none !important;text-shadow:none !important;background:#b7b7b7 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0104:hover{background-image:none !important;text-shadow:none !important;background:#b7b7b7 !important;color:#fff;font-weight:700 !important;}
    */
    #snb-menu > ul > li.active > a.tab-color-01{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-01:hover{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0101{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0101:hover{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0102{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0102:hover{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0103{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0103:hover{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0104{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0104:hover{background-image:none !important;text-shadow:none !important;background:#6699cc !important;color:#fff;font-weight:700 !important;}

    #snb-menu > ul > li.active > a.tab-color-02{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-02:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0201{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0201:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0202{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0202:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0203{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0203:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0204{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0204:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0205{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0205:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0206{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0206:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0207{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0207:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0208{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0208:hover{background-image:none !important;text-shadow:none !important;background:#8dc21f !important;color:#fff;font-weight:700 !important;}
    
    #snb-menu > ul > li.active > a.tab-color-03{background-image:none !important;text-shadow:none !important;background:#669900 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-03:hover{background-image:none !important;text-shadow:none !important;background:#669900 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0301{background-image:none !important;text-shadow:none !important;background:#669900 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0301:hover{background-image:none !important;text-shadow:none !important;background:#669900 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0302{background-image:none !important;text-shadow:none !important;background:#669900 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0302:hover{background-image:none !important;text-shadow:none !important;background:#669900 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li.active > a.tab-color-0303{background-image:none !important;text-shadow:none !important;background:#669900 !important;color:#fff;font-weight:700 !important;}
    #snb-menu > ul > li > a.tab-color-0303:hover{background-image:none !important;text-shadow:none !important;background:#669900 !important;color:#fff;font-weight:700 !important;}
}  

.snb-wrap{background:#ececec;}
.snb-wrap > .container{}
.snb-wrap > .container > .snb-area {overflow:hidden;}
.snb-wrap > .container > .snb-area > ul{float:left;width:75%;border-left:1px solid #c2c9bb;}
.snb-wrap > .container > .snb-area > ul > li{float:left;min-width:70px;}
.snb-wrap > .container > .snb-area > ul > li.snb-area-top > a{color:#fff;border-right:1px solid #c2c9bb;background:#000}
.snb-wrap > .container > .snb-area > ul > li.snb-area-top > a:hover,.snb-wrap > .container > .snb-area > ul > li.snb-area-top > a.on{color:#03ff27;background:#000;}

.snb-wrap > .container > .snb-area > ul > li > a{display:inline-block;text-align:center;width:100%;padding:10px 15px 11px 15px;color:#202020;border-right:1px solid #c2c9bb;font-size:13px;font-weight:700;}
.snb-wrap > .container > .snb-area > ul > li > a:hover,.snb-wrap > .container > .snb-area > ul > li > a.on{color:#2b4c0f;background:#fff;}

@media (max-width:767px) {
    .snb-wrap > .container{width:100%;padding-right:0;padding-left:0;}
    .snb{margin-bottom:0;}
    .snb > .navbar{margin-bottom:0px;}
}
/* location */
.location-wrap{float:left;width:25%;border-right:1px solid #c2c9bb;overflow:hidden;display:none;}
.location {font-size:12px;color:#2b4c0f;text-align:right;padding-right:20px;}
.location a{display:inline-block;margin-left:5px;padding-right:13px;padding-top:11px;padding-bottom:12px;color:#2b4c0f;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% 15px no-repeat}
.location a:first-child{margin-left:0}
.location strong{margin-left:10px;font-weight:700;color:#2b4c0f;}

.mainvisual-area{width:100%;height:100vh;}
.mainvisual{overflow:hidden;position:relative;height:100vh;margin:0 auto;}
.mainvisual .con{position:relative;height:100vh;}
.mainvisual .con li{position:absolute;left:50%;top:0;margin-left:-960px;}
.mainvisual .con li .visual-title{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:100vh;display:table;}
.mainvisual .con li .visual-title .visual-title-area{display:table-cell;vertical-align:middle;height:100vh;text-align:center;color:#fff;}
.mainvisual .con li .visual-title .visual-title-area .visual-title01{font-size:26px;text-shadow:1px 2px 2px #333;}
.mainvisual .con li .visual-title .visual-title-area .visual-title02{font-size:50px;font-weight:700;letter-spacing:-1.0px;text-shadow:1px 2px 2px #333;}
.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:415px;}
    .mainvisual{overflow:hidden;position:relative;height:415px;margin:0 auto;}
    .mainvisual .con{position:relative;height:415px;}
    .mainvisual .con li{position:absolute;left:50%;top:0;margin-left:-384px;}
    .mainvisual .con li img{width:767px;}
    .mainvisual .con li .visual-title{position:absolute;left:50%;top:0;margin-left:-384px;width:767px;height:415px;display:table;}
    .mainvisual .con li .visual-title .visual-title-area{display:table-cell;vertical-align:middle;height:415px;text-align:center;color:#fff;}
    .mainvisual .con li .visual-title .visual-title-area .visual-title01{font-size:14px;text-shadow:1px 2px 2px #333;}
    .mainvisual .con li .visual-title .visual-title-area .visual-title02{font-size:22px;font-weight:700;letter-spacing:-0.5px;text-shadow:1px 2px 2px #333;}
    .navi-m{position:absolute;width:767px;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;}
}

.subvisual{width:100%;overflow:hidden;position:relative;height:317px;margin:0 auto;background:#333;}
.subvisual .visual{position:absolute;left:50%;top:0;margin-left:-960px;}
.subvisual .visual-title{position:absolute;left:50%;top:0;margin-left:-960px;width:1920px;height:317px;display:table;}
.subvisual .visual-title .visual-title-area{display:table-cell;vertical-align:middle;height:317px;text-align:center;color:#fff;}
.subvisual .visual-title .visual-title-area .visual-title01{margin-top:80px;font-size:19px;text-shadow:1px 2px 2px #333;}
.subvisual .visual-title .visual-title-area .visual-title02{font-size:29px;font-weight:700;letter-spacing:-0.5px;text-shadow:1px 2px 2px #333;}
@media (max-width: 767px){   
    .subvisual{width:100%;overflow:hidden;position:relative;height:132px;margin:0 auto;}
    .subvisual .visual{width:800px;position:absolute;left:50%;top:0;margin-left:-400px;}
    .subvisual .visual-title{position:absolute;left:50%;top:0;margin-left:-384px;width:767px;height:132px;display:table;}
    .subvisual .visual-title .visual-title-area{display:table-cell;vertical-align:middle;height:132px;text-align:center;color:#fff;}
    .subvisual .visual-title .visual-title-area .visual-title01{margin-top:16px;font-size:14px;text-shadow:1px 2px 2px #333;}
    .subvisual .visual-title .visual-title-area .visual-title02{font-size:18px;font-weight:700;letter-spacing:-0.1px;text-shadow:1px 2px 2px #333;line-height:1.2;}
    .subvisual .visual img{width:100%;}
}

.main-section01{position:relative;overflow:hidden;padding-top:35px;padding-bottom:25px;background:#fff;}
.main-section01 h3{text-align:center;font-size:30px;font-family:'Open Sans';font-weight:600;color:#444343;position:relative;padding-bottom:10px;letter-spacing:1px;}
.main-section01 h3::before{position:absolute;width:224px;height:1px;background:#d4d4d4;bottom:0;left:50%;margin-left:-112px;content:'';}
.main-section01 .row{margin-left:0;margin-right:0;}
.main-section01 .row > div{margin-top:25px;padding-left:0;padding-right:0;}
.main-section01 .row > div > a > img{width:100%;}
@media (max-width: 767px){ 
    .main-section01 h3{font-size:20px;padding-bottom:10px;letter-spacing:1px;}
    .main-section01 h3::before{width:152px;margin-left:-76px;}
}

.main-section02{background:url("../../images/main/main_section02_bg.jpg") 100% 50% repeat;min-height:239px;overflow:hidden;text-align:left;}
.main-section02 h3{padding-top:40px;padding-left:40px;font-size:30px;font-weight:700;color:#fff;letter-spacing:-0.7px;line-height:1.4;text-align:left;text-shadow:2px 2px 2px #333;}
.main-section02 h3 span{font-size:22px;}
.main-section02 p{padding-top:4px;font-family:'Open Sans';font-size:20px;font-weight:300;color:#fff;letter-spacing:0;line-height:1.5;text-align:left;}
.main-section02 a{display:inline-block;border:2px solid #fff;font-size:16px;font-weight:700;color:#fff;padding:3px 40px 4px 40px;margin-top:25px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;margin-left:40px;}
.main-section02 a:hover{border:2px solid #fff;background:#fff;color:#202020;}
@media (max-width: 767px){ 
    .main-section02{background-size:cover;background:url("../../images/main/main_section02_bg.jpg") 0% 50% repeat;}
    .main-section02{min-height:auto;overflow:hidden;padding-bottom:0px;}    
    .main-section02 h3{padding-top:50px;font-size:20px;}
    .main-section02 h3 span{font-size:13px;}
    .main-section02 p{padding-top:4px;font-size:13px;letter-spacing:-0.5px;}
    .main-section02 a{margin-bottom:50px;}
}

.main-section03{position:relative;overflow:hidden;padding-top:35px;padding-bottom:35px;background:#eee;}
.main-section03 h3{font-size:20px;font-weight:600;margin-bottom:15px;}
.main-section03 .row{margin-left:0;margin-right:0;}
.main-section03 .row > div{padding-left:0;padding-right:0;padding:20px 15px;min-height:340px;}
.main-section03 .row > div.bg01{background:#fff;}
.main-section03 .row > div.bg02{background:#f6f6f6;}
.main-section03 .row > div > a > .img-area{position:relative;padding-top: 56.8%;overflow:hidden;background:#f3f3f3;}
.main-section03 .row > div > a > .img-area img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;height:auto;}
.main-section03 .row > div > a > h4{font-size:17px;letter-spacing:-0.5px;font-weight:600;line-height:1.2;margin-top:20px;padding-bottom:12px;padding-left:10px;padding-right:10px;border-bottom:1px solid #c8c8c8;}
.main-section03 .row > div > a > .txt-area{overflow:hidden;height:70px;font-size:14px;margin-top:15px;margin-bottom:30px;padding-left:10px;padding-right:10px;text-overflow:ellipsis;}
.main-section03 .row > div > a > .txt-date{color:#999;padding-left:10px;}
@media (max-width: 767px){ 
    .main-section03 .row > div{min-height:auto;}
    .main-section03 .row > div > a > h4{font-size:15px;}
    .main-section03 .row > div > a > .txt-area{font-size:13px;height:66px;}
}

.main-section04{position:relative;overflow:hidden;padding-top:35px;padding-bottom:35px;background:#eee;}
.main-section04 .row{margin-left:-30px;margin-right:-30px;}
.main-section04 .row > div{padding-left:30px;padding-right:30px;}
.main-section04 .notice-tit{}
.main-section04 .notice-tit h4{font-size:20px;font-weight:600;text-align:left;color:#202020;padding:8px;padding-left:4px;border-bottom:2px solid #1eb001;}
.main-section04 .notice{width:90%;margin-left:auto;margin-right:auto;margin-top:25px;}
.main-section04 .notice li{float:left;font-size:15px;font-weight:600;}
.main-section04 .notice li a{display:inline-block;width:100%;overflow:hidden;padding-top:2px;padding-bottom:2px;white-space:nowrap;text-overflow:ellipsis;}
.main-section04 .notice li a:hover{color:#01a160;}
.main-section04 .notice li.con{width:75%;clear:both;}
.main-section04 .notice li.date{width:25%;text-align:right;}
.main-section04 .notice li.date a{font-weight:400;color:#999;}
.main-section04 .area02{text-align:left;padding-top:30px;padding-bottom:30px;background:#eee url('../../images/main/cs_arrow.png') right 0 no-repeat;}
.main-section04 .area02 a h4{font-size:18px;font-weight:600;margin-top:0px;color:#001e1e;line-height:26px;}
.main-section04 .area02 a p{font-size:15px;line-height:1.4;margin-top:20px;margin-left:-70px;text-align:center;padding-top:20px;border-top:1px solid #7F8E8E;;color:#001e1e;font-weight:600;}
.main-section04 .icon_cs{background:url('../../images/main/main_section04_img01.png') 0 0 no-repeat;display:inline-block;width:100%;padding-left:70px;}
.main-section04 .icon_cs h4{font-size:22px;font-weight:600;padding-top:12px;padding-bottom:16px;}
.main-section04 .icon_cs p{margin-top:43px !important;}
.main-section04 .icon_portfolio{background:url('../../images/main/main_section04_img02.png') 0 0 no-repeat;display:inline-block;width:100%;padding-left:70px;}
.main-section04 .icon_portfolio h4{font-size:22px;font-weight:600;padding-top:12px;padding-bottom:16px;}
.main-section04 .area-portfolio p{margin-top:43px !important;}

.main-section04 .area02 a p{font-size:15px;line-height:1.4;margin-top:20px;margin-left:-70px;text-align:center;padding-top:20px;border-top:1px solid #7F8E8E;;color:#001e1e;font-weight:600;}
.main-section04 .area-portfolio{border-left:1px solid #fff}
@media (max-width: 767px){ 
    .main-section04 .notice-tit h4{font-size:16px;}
    .main-section04 .notice li{font-size:13px;}
    .main-section04 .area02{padding-top:20px;padding-bottom:20px;}
    .main-section04 .area02 a h4{font-size:16px;}
    .main-section04 .icon_cs{background:url('../../images/main/main_section04_img01.png') 0 0 no-repeat;background-size:50px;display:inline-block;}
    .main-section04 .icon_portfolio{background:url('../../images/main/main_section04_img02.png') 0 0 no-repeat;background-size:50px;display:inline-block;}
    .main-section04 .area02 a p{font-size:13px;line-height:1.4;margin-top:20px;margin-left:-70px;text-align:left;padding-top:10px;border-top:1px solid #7F8E8E;;color:#001e1e;font-weight:600;}
}

footer{padding:20px 0 50px 0;font-size:13px;background:#525252;text-align:left;border-top:1px solid #666;color:#fff;}
footer .footer-logo{width:160px;margin-bottom:10px;}
footer .footer-logo img{width:100%;}
footer .footer-left{width:80%;float:left;overflow:hidden;margin-left:-10px;margin-right:-10px;}
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;color:#fff;}
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 .cscenter{float:right;width:20%;text-align:left;margin-top:30px;}
footer .cscenter .cscenter-tel{font-size:20px;font-family:'Open Sans';font-weight:700;color:#8dbf38;margin-top:20px;}
footer .cscenter .cscenter-tel img{vertical-align:top;margin-right:10px;}
footer .cscenter .cscenter-info{margin-top:10px;}
footer .family-select{display:inline-block;width:120px;margin-top:10px;background:#525252;border:1px solid #999;color:#fff;}

footer .line{border-bottom:1px solid #666;margin-top:10px;}
footer .info{padding-top:10px;}
footer .info strong{padding-right:4px;}
footer .copyright{font-size:13px;font-family:"Open Sans", "Nanum Gothic", "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif;font-weight:600;margin-top:10px;}
footer .family-site{clear:both;overflow:hidden;margin-top:20px;margin-left:-10px;}
@media (max-width: 767px){    
    footer{font-size:12px;}
    footer .container{width:100%;}
    footer .footer-left{width:100%;float:left;overflow:hidden;margin-left:0px;margin-right:0px;}
    footer .fnv{overflow:hidden;margin-left:0px;margin-right:0px;width:100%;}
    footer .fnv > li{float:left;}
    footer .fnv > li > a{display:inline-block;font-weight:700;font-size:13px;padding:4px 6px;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 .cscenter{clear:both;width:100%;text-align:left;margin-top:0px;}
    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;}    
    footer .info{padding-top:30px;padding-left:0px;background:none;}
    footer .info strong{padding-right:4px;}
    footer .family-site{clear:both;overflow:hidden;margin-top:20px;margin-left:0px;}
}