@charset "euc-kr";
.color-box01{width:100%;margin-top:100px;background-color:#333333}
a:focus {outline:none;}
.amDim {display: none;position: absolute;width: 100%;background-color: rgba(0,0,0,.5);right: 0;top: 0;z-index: 98;}
.amline {position: relative;top:100px;border-bottom:1px solid #fff;opacity:.3;}
.main #container {margin-top: 0;}
#header {position: fixed;left: 0;right:0;margin:0 auto;width: 100%;top: 0px;z-index: 999999;transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;box-sizing:border-box;max-width:1920px;}
#header.load {top: 0;}
#header .gnbWrap {position: relative;text-align: center;}
#header h1 {z-index: 97;position: absolute;width:300px;height:100px;left: 45px;top: 3px;background-image: url(../img/common/logo.png);background-repeat: no-repeat;text-indent: -9999px;}
#header h1 a{display: block;height: 100%;}
#header #gnb {font-size: 0;text-align: center;display: inline-block;vertical-align: top;}
#header #gnb > li{display: block;text-align: center;float: left;}
#header #gnb > li > a{display: block;line-height: 100px;color: #fff;padding: 0 35px;font-size: 18px;font-weight: 500;}
#header #gnb > li > a > span {display: block;position: relative;}
#header #gnb > li > a > span:after {display: none;bottom: 0;left: 0;content:'';width: 100%;height: 2px;position: absolute;background-color: #8dc63f;transform:scale(0);-webkit-transform:scale(0);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;}
#header #gnb > li.on > a > span:after {transform:scale(1);-webkit-transform:scale(1);}
#header #gnb > li:hover > a > span:after {transform:scale(1);-webkit-transform:scale(1);}
#header #gnb > li .depth2 {font-size: 0;display: none;padding: 30px 0 24px 0;box-sizing:border-box;width: 100%;text-align: center}
#header #gnb:hover > li .depth2 {display: block;}
#header #gnb > li .depth2:after {clear: both;content:'';display: block;} 
#header #gnb > li .depth2 > li {text-align: center;display: block;}
#header #gnb > li .depth2 > li > a{display: block;font-size: 15px;line-height: 36px;font-weight: normal;color: #fff;}
#header #gnb > li .depth3 {padding-left:14px;}
#header #gnb > li .depth3 > li > a{position: relative;font-size: 14px;padding-left: 10px;display: block;line-height: 30px;color: #fff;font-weight: 400;}
#header #gnb > li .depth3 > li > a:before{content:'-';position: absolute;left: 0;top: 0;}
#header #gnb > li .depth3 > li > a:hover {color: #8dc63f;}
#header #gnb > li:hover .depth2 > li:hover > a{font-weight: 400;color: #8dc63f;}
#header  .btn_all_menu {z-index: 100;position: absolute;width: 100px;height: 100px;top: 0;right: 12px;}
#header  .btn_all_menu div {position: absolute;width: 33px;height: 25px;left: 50%;top: 50%;margin-left: -16.5px;margin-top: -12.5px;}
#header  .btn_all_menu span{position: absolute;right: 0;height: 3px;background-color: #fff;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;width: 100%;border-radius: 2px;}
#header  .btn_all_menu span.barTop{top: 0;}
#header  .btn_all_menu span.barMid{top: 11px;width: 70%;}
#header  .btn_all_menu span.barBot{top: 22px;}
#header  .btn_all_menu.on .barTop{width: 100%;transform:rotate(45deg);-webkit-transform:rotate(45deg);top:12px;}
#header  .btn_all_menu.on .barBot{width: 100%;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);top:12px;}
#header  .btn_all_menu.on .barMid {width: 0;}
#header.active {}
#header.active:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #fff;top: 0px;z-index: -1;height:101px;box-shadow:0 0 14px rgba(0,0,0,.0);border-bottom: 1px solid #ddd;}
.sub #header:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #fff;top: 100px;z-index: -1;}
#header.active h1 {background-image: url(../img/common/logo-c.png);}
#header.ov {background-color: #fff;border-bottom: 1px solid #eaeaea;box-shadow:0 0 14px rgba(0,0,0,.4)}
#header.ov:after {content:'';position: absolute;width: 100%;height: 1px;background-color: #eaeaea;top: 100px;z-index: -1;}
#header.ov h1 {background-image: url(../img/common/logo-c.png);}
#header.active #gnb > li > a{color: #000;}
#header.active #gnb > li .depth2 > li > a {color: #7a7a7a;}
#header.active #gnb > li .depth2 > li > a:hover {color: #ef6c35;font-weight: 700;}
#header.active #gnb > li:hover > a{}
#header.active  .btn_all_menu span {background-color: #000;}
#header.fff  .btn_all_menu span {background-color: #000;}
#header.ov #gnb > li > a{color: #000;}
#header.ov #gnb > li .depth2 > li > a {color: #7a7a7a;}
#header.ov #gnb > li .depth2 > li > a:hover {color: #ef6c35;font-weight: 500;}
#header.ov #gnb > li:hover > a{}
#header.ov  .btn_all_menu span {background-color: #000;}
.allMenuWrap {z-index: 99;position: absolute;width: 25%;right: -100%;top: 0;box-sizing:border-box;background-color: #fff;transition:right .4s ease-in-out;-webkit-transition:right .4s ease-in-out;padding: 100px 50px 100px 50px;}
.allMenuWrap.active {right: 0;}
.allMenuWrap .allMenuWrap_inner {display: table;table-layout: fixed;height: 100%;width: 100%;}
.allMenuWrap .allMenu_inner{display: table-cell;vertical-align: middle;height: 100%;padding: 0 4% 0 12%;overflow-y: auto;}
@media screen and (max-width: 1440px){
.allMenuWrap {width: 30%;}
}
@media screen and (max-width: 1279px){
#header #gnb > li > a{padding: 0 20px;}
}
@media screen and (max-width: 1024px){
#fp-menu {display: none;}
#fp-nav {display: none;}
.amline {display: none;}
#header {height: 60px;}
#header h1 {width: 200px;height: 50px;left: 10px;top: 50%;margin-top: -18px;background-image: url(../img/common/logo-m.png);}
#header.active {background-color: #fff;border-bottom: 1px solid #eee;box-shadow:0 0 14px rgba(0,0,0,.4);}
#header.active:after {display:none;}
#header.active h1 {background-image: url(../img/common/logo-mc.png);}
#header.ov h1 {background-image: url(../img/common/logo-mc.png);}
.gnbWrap {display: none;} 
#header .btn_all_menu{width: 60px;height: 60px;right: 0;}
#header .btn_all_menu div {width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;}
#header .btn_all_menu span.barMid {top: 8px;}
#header .btn_all_menu span.barBot {top: 16px;}
#header .btn_all_menu.on .barTop {top: 8px;}
#header .btn_all_menu.on .barBot {top: 8px;}
.allMenu {padding: 0;}
.allMenu > li{display: block;width: 100%;float: none;width: auto;padding: 0;}
.allMenuWrap {padding: 50px 20px 50px 20px;display: block;}
.allMenuWrap.active {}
.allMenuWrap .allMenuWrap_inner{padding-top: 80px;display: block;box-sizing:border-box}
.allMenuWrap .allMenu_inner {display: block;padding: 0;}
.allMenuWrap {width: 40%;}
.allMenuWrap .allMenuWrap_inner {padding-top: 60px;}
}
@media screen and (max-width: 600px){
.allMenuWrap {width: 70%;}
}
#gnbmenu,
#gnbmenu ul,
#gnbmenu ul li,
#gnbmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#gnbmenu { 
  width: 100%;
  font-family: Noto Sans KR, Helvetica, Arial, sans-serif;
  color: #ffffff;
}
#gnbmenu ul ul {
  display: none;
}
.align-right {
  float: right;
}
#gnbmenu > ul > li > a {
  padding: 24px 20px;
  border-left: 0px solid #1c74a2;
  border-right: 0px solid #1c74a2;
  border-top: 0px solid #1c74a2;
  cursor: pointer;
  z-index: 2;
  font-size: 26px;
  font-weight: 500;
  text-decoration: none;
  color: #555;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  background: #fff;   
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  transition:0.3s ease;
  border-bottom: 1px solid #f1f1f1; /*****ÅؽºÆ®¾Æ·¡¶óÀÎ*****/
}
#gnbmenu > ul > li > a:hover,
#gnbmenu > ul > li.active > a,
#gnbmenu > ul > li.open > a {
  color: #ef6c35;
  /*****background: #555;*****/
}
#gnbmenu > ul > li.open > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0);
  border-bottom: 1px solid #f1f1f1; /*****ÆîÃÆÀ»¶§ÅؽºÆ®¾Æ·¡¶óÀÎ*****/
}
#gnbmenu > ul > li:last-child > a,
#gnbmenu > ul > li.last > a {
  border-bottom: 1px solid #f1f1f1; /*****¸¶Áö¸·¸Þ´ºÅؽºÆ®¾Æ·¡¶óÀÎ*****/
}
#gnbmenu .holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 17px; /*****È­»ìÇ¥À§Ä¡*****/
  right: 0;
}
#gnbmenu .holder::after,
#gnbmenu .holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 7px; /*****È­»ìǥũ±â*****/
  height: 7px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#gnbmenu .holder::after {
  top: 17px;
  border-top: 2px solid #555; /*****È­»ìÇ¥Ä÷¯*****/
  border-left: 2px solid #555;
}
#gnbmenu > ul > li > a:hover > span::after,
#gnbmenu > ul > li.active > a > span::after,
#gnbmenu > ul > li.open > a > span::after {
  border-color: #ef6c35; /*****È­»ìÇ¥¸¶¿ì½º¿À¹öÄ÷¯*****/
}
#gnbmenu .holder::before {
  top: 18px;
  border-top: 2px solid;
  border-left: 2px solid;
  /*****border-top-color: #ef6c35;  È­»ìÇ¥¸¶¿ì½º±×¸²ÀÚÄ÷¯
  border-left-color: #ef6c35; *****/
}
#gnbmenu ul ul li a {
  cursor: pointer;
  border-bottom: 0px solid #2d4d66;
  border-left: 0px solid #2d4d66;
  border-right: 0px solid #2d4d66;
  padding: 10px 20px;
  z-index: 1;
  text-decoration: none;
  font-size: 15px;
  font-weight:500;
  color: #777;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#gnbmenu ul ul li:hover > a,
#gnbmenu ul ul li.open > a,
#gnbmenu ul ul li.active > a {
  background: #fff;
  color: #ef6c35;
  text-decoration:none;
}
#gnbmenu ul ul li:first-child > a {
  box-shadow: none;
  padding-top:25px;
}
#gnbmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#gnbmenu ul ul ul li a {
  padding-left: 30px;
}
#gnbmenu > ul > li > ul > li:last-child > a,
#gnbmenu > ul > li > ul > li.last > a {
  border-bottom: 0;
  padding-bottom:25px;
}
#gnbmenu > ul > li > ul > li.open:last-child > a,
#gnbmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#gnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#gnbmenu ul ul li.has-sub > a::after {
  display: block;
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  right: 20px;
  z-index: 10;
  top: 11.5px;
  border-top: 2px solid #eeeeee;
  border-left: 2px solid #eeeeee;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#gnbmenu ul ul li.active > a::after,
#gnbmenu ul ul li.open > a::after,
#gnbmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}
@media (max-width: 1024px) {
#gnbmenu {
  margin:10px 0 0 0;
}
#gnbmenu > ul > li > a {
  padding: 16px 24px;
  font-size: 20px;
}
#gnbmenu .holder {
  top: 5px;
}
#gnbmenu ul ul li a {
  padding: 8px 20px;
  font-size: 15px;
}
}
@media (max-width: 600px) {
#gnbmenu {
  margin:10px 0 0 0;
}
#gnbmenu > ul > li > a {
  padding: 12px 20px;
  font-size: 15px;
}
#gnbmenu .holder {
  top: -2px;
}
#gnbmenu ul ul li a {
  padding: 8px 20px;
  font-size: 13px;
}
}

.location {background:#fff;border-bottom:1px solid #ddd;width:100%;height:60px;}
.location:after {content:"";clear:both;display:block;}
.location .location-wrap {width:1265px;margin:0 auto;padding:10px 0 10px 0;}
.location .location-wrap a.btn-home {display:block;float:left;background:#333;color:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center;width:50px;height:40px;padding:7px 0 0 0;border-radius:5px;}
.location .depth02 {width:200px;float:left;position:relative;z-index:99;}
.location .depth02 p {width:200px;margin:0px;padding:0 0 0 20px;background:url("../img/common/btn-arrow.png") right center no-repeat;border-right:1px solid #ddd;height:40px;line-height:40px;font-size:15px;color:#555;cursor:pointer;}
.location .depth02 ul.drop {width:201px;background:#f7f7f7;display:none; position:absolute;left:-1px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;top:50px;}
.location .depth02 ul.drop li a {display:block;height:50px;font-size:15px;line-height:50px;padding-left:20px;color:#555;}
.location .depth02 ul.drop li a:hover {color:#fff;background:#645376;}
.location .depth02 ul.drop li {border-top:1px solid #ddd;}
.location .depth02 ul.drop li:first-child {border-top:0;}

@media (max-width: 1024px) {
.location {background:#fff;border-bottom:1px solid #ddd;width:100%; height:50px;}
.location:after {content:""; clear:both; display:block;}
.location .location-wrap {width:100%; margin:0 auto;padding:0px 0 10px 0;}
.location .location-wrap a.btn-Home {display:none;}
.location .nav01 {display:none;}
.location .depth02 {width:100%;  float:left; position:relative; z-index:99;}
.location .depth02 p {width:100%; margin:0px;padding:0;background:url("../img/common/btn-arrow.png") right center no-repeat; border-right:0px solid #6f7176; height:50px; line-height:50px; font-size:16px; color:#555; cursor:pointer;text-align:center;}
.location .depth02 ul.drop {width:100%; background:#f7f7f7;display:none; position:absolute;left:0px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:1px solid #ddd;top:50px;}
.location .depth02 ul.drop li a {display:block;height:50px;font-size:15px;line-height:50px;padding-left:0px;color:#555;text-align:center;}
.location .depth02 ul.drop li a:hover {color:#fff;background:#645376;}
.location .depth02 ul.drop li {border-top:1px solid #ddd;}
.location .depth02 ul.drop li:first-child {border-top:0;}
}

.nav{position:relative;text-align:center;font-size:12px;color:#fff;margin:5px 0 0 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);}
.nav img{vertical-align:-1px;}
.nav .current{display:inline-block;color:#fff;padding:0 0 0 8px;}
.tc01{color:#ef6c35;text-decoration:underline;}
.tc02{color:#ef6c35;text-decoration:none;}
.tc03{color:#956fb9;text-decoration:none;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-j{text-align:justify;}
.ta-b{font-weight:500;}
.ts01{color:#333;font-size:28px;margin:35px 0 0 0;font-weight:500;text-align:left;}
.ts02{color:#666;font-size:18px;margin:35px 0 0 0;font-weight:normal;text-align:justify;line-height:35px;}

.ts21{color:#333;font-size:23px;margin:0 0 70px 0;font-weight:normal;text-align:center;line-height:40px;}
.ts22{color:#333;font-size:24px;margin:50px 0 20px 0;font-weight:500;}
.ts23{color:#777;font-size:18px;margin:10px 0 10px 0;}
.ts24{color:#333;font-size:20px;margin:70px 0 0 0;font-weight:normal;text-align:center;line-height:35px;}
.ts25{color:#555;font-size:20px;margin:50px 0 0 0;line-height:35px;}

.ts31{color:#555;font-size:22px;margin:80px 0 0 0;}


.ts41{color:#555;font-size:20px;margin:0 0 70px 0;font-weight:normal;text-align:center;line-height:38px;}
.ts42{color:#000;font-size:26px;margin:30px 0 50px 0;font-weight:500;text-align:center;}
.ts43{color:#555;font-size:20px;margin:0 0 70px 0;font-weight:normal;text-align:center;line-height:38px;}
.ts44{color:#555;font-size:20px;margin:0 0 0 0;font-weight:normal;line-height:30px;}
.ts45{color:#555;font-size:20px;margin:0 0 70px 0;font-weight:normal;text-align:center;line-height:38px;}
.ts46{color:#555;font-size:20px;margin:0 0 100px 0;font-weight:normal;text-align:center;line-height:38px;}

.ts03{color:#444;font-size:30px;margin:18px 0 20px 0;font-weight:normal;}
.ts04{color:#111;font-size:60px;margin:20px 0 0 0;font-weight:500;}
.ts05{color:#333;font-size:24px;margin:15px 0 15px 0;font-weight:500;}
.ts06{color:#444;font-size:46px;margin:5px 0 20px 0;line-height:56px;}
.tb01{font-size:24px;color:#222;padding:0 0 0 30px;margin:0 0 10px 0;background:url(../img/common/blet01.png) 4px 10px; background-repeat:no-repeat;}
.tb02{font-size:18px;color:#666;padding:0 0 10px 5px;}
.tb03{font-size:16px;color:#777;padding:0 0 0 15px;margin:0 0 8px 0;background:url(../img/common/blet02.png) 4px 10px; background-repeat:no-repeat;}
.tl01{color:#555555;text-decoration:none;font-size:29px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:18px 0 23px 0;margin:35px 0 60px 0;text-align:center;letter-spacing:1px;}
.gnbmenu01{position:relative;top:0;}

.t1{width:100%;margin:0 auto;border:1px solid #ccc;font-size:18px;}
.t1 caption{display:none;}
.t1 th{padding:20px 20px 20px 20px;background-color:#fafafa;color:#111;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;font-weight:500;font-size:20px;}
.t1 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;}
.t1 th.left{text-align:left;}
.t1 td.left{text-align:left;}
.t1 td.rline{border-right:1px solid #ddd;}
.t1 th.fst{background:#fafafa;text-align:center;font-weight:normal;color:#000;}
.t1 td.fst{background:#fff;text-align:center;font-weight:normal;color:#777;}
.t1 td.snd{height:100px;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}

.t2{width:100%;margin:0 auto;border-left:0px solid #ddd;border-right:0px solid #ddd;border-top:3px solid #555;border-bottom:1px solid #ddd;font-size:16px;}
.t2 caption{display:none;}
.t2 th{padding:20px 20px 20px 20px;background-color:#fafafa;color:#555;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;font-weight:500;font-size:17px;}
.t2 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:left;}
.t2 th.left{text-align:left;}
.t2 td.left{text-align:left;}
.t2 td.rline{border-right:1px solid #ddd;}
.t2 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555;}
.t2 td.fst{background:#fff;text-align:center;font-weight:normal;color:#777;}
.t2 th:first-child{border-left:0px;}
.t2 td:first-child{border-left:0px;}

.t3{width:100%;margin:0 auto;border:1px solid #ccc;font-size:18px;}
.t3 caption{display:none;}
.t3 th{padding:30px 20px 30px 20px;background-color:#fafafa;color:#000;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;font-weight:normal;font-size:20px;}
.t3 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;}
.t3 th.left{text-align:left;}
.t3 td.left{text-align:left;}
.t3 td.rline{border-right:1px solid #ddd;}
.t3 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555;}
.t3 td.fst{background:#fff;text-align:center;font-weight:normal;color:#777;}
.t3 td.snd{height:100px;}
.t3 th:first-child{border-left:0px;}
.t3 td:first-child{border-left:0px;}

.tit-main01 {text-align:center;font-size:20px;font-weight:normal;color:#333;padding:0 0 0 0;line-height:36px;}
.tit-main02 {text-align:center;font-size:34px;font-weight:500;color:#333;padding:5px 0 0 0;}
.tit-main03 {text-align:center;font-size:34px;font-weight:500;color:#333;padding:10px 0 40px 0;}
.tit-main04 {text-align:center;font-size:34px;font-weight:500;color:#333;padding:10px 0 40px 0;}
.tit-main05 {font-size:24px;font-weight:500;color:#333;padding:10px 0 15px 0;}
.tit-main06 {font-size:18px;font-weight:normal;color:#666;padding:0 0 0 11px;margin:0 0 8px 0;background:url(../img/common/blet02.png) 0px 12px; background-repeat:no-repeat;}
.tit-main07 {text-align:center;font-size:34px;font-weight:500;color:#fff;padding:5px 0 0 0;}
.tit-main08 {text-align:center;font-size:18px;font-weight:normal;color:#fff;padding:5px 0 30px 0;}
.mts01 {color:#111;font-size:60px;margin:30px 0 20px 0;font-weight:500;}
.mts02 {color:#333;font-size:24px;margin:0 0 20px 0;font-weight:500;}
.mts03 {color:#111;font-size:60px;margin:50px 0 20px 0;font-weight:500;}
.mts04 {color:#333;font-size:24px;margin:0 0 20px 0;font-weight:500;}
.tsm01{margin-top:-20px;}
.tit-sub01{text-align:center;font-size:40px;font-weight:500;color:#222;position:relative;padding:70px 0 80px 0;}
.tit-sub01:before{position:absolute;bottom:60px;left:50%;width:40px;height:3px;content:'';-webkit-transform:translate(-50%,0);transform:translate(-50%,0);background:#222}
.tit-sub02 {text-align:center;font-size:30px;font-weight:500;color:#333;margin:10px 0 50px 0;}
.tit-sub03 {text-align:center;font-size:40px;color:#111;font-weight:normal;margin:0;}
.tit-sub04 {text-align:center;font-size:16px;font-weight:normal;color:#999;margin:5px 0 40px 0;}
.map-area{margin:0 0 50px 0;}
.au-btn{width:120px;position:relative;font-size:14px;text-align:center;padding:6px 30px 8px 30px;margin:30px auto;border-radius:30px;border:0px solid #bbb;color:#fff;background:#ef6c35;transition:0.3s ease;}
 a:hover .au-btn{color:#fff;background:#000;border:0px solid #ef6c35;}

.mu-wrap {padding:20px 30px 15px 30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.mu-wrap h3 {font-size:22px;font-weight:500;color:#333;margin:25px 0 15px 0;}
.mu-wrap h5 {font-size:18px;font-weight:normal;color:#666;padding:0 0 0 11px;margin:0 0 8px 0;background:url(../img/common/blet02.png) 0px 12px; background-repeat:no-repeat;}
.mu-btn{width:200px;position:relative;font-size:20px;text-align:center;padding:10px 30px 11px 30px;margin:30px auto;border-radius:10px;border:0px solid #bbb;color:#fff;background:#ef6c35;transition:0.3s ease;}
 a:hover .mu-btn{color:#fff;background:#d64f17;border:0px solid #ef6c35;}

.ms-wrap{background: #000;text-decoration:none;overflow:hidden;}
.ms-wrap .ms-img{display:block;transform:scale(1); transition:0.3s ease;}
 a:hover .ms-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .ms-img{transform:scale(1.1); filter: blur(0px);opacity: 0.7;}
.ms-title{background:#fff;text-align:left;padding:20px 0 0 5px;transition: background 1s;}
 a:hover .ms-title{background:#fff;}
.ms-title h3{font-size:20px;font-weight:500;color:#333;margin:1px 0 0 0;}
.ms-title h5{font-size:14px;font-weight:normal;color:#777;margin:5px 0 20px 0;}
 a:hover .ms-title h3{color:#151515;}
 a:hover .ms-title h5{color:#555;}
.ms-title .ms-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 0px;border:1px solid #aaa;color:#444;background:#fff;transition:0.3s ease;}
 a:hover .ms-title .ms-btn{color:#fff;background:#c83044;border:1px solid #c83044;}
.op-wrap{background:#000;text-decoration:none;overflow:hidden;}
.op-wrap .op-img{display:block;transition:0.3s ease;}
 a:hover .op-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .op-img{opacity: 0.2;}
.op-wrap .op-title{display: block;width: 100%;position: absolute;text-align:center;top:50%;left:0px;margin-top:-20px;}
.op-wrap .op-title h3{color:#fff;font-size:32px;font-weight:normal;margin:0 0 10px 0;opacity:0;transition:0.2s ease;}
 a:hover .op-wrap .op-title h3{opacity:1;transform:translateY(-20px);}
.op-btn{display:inline-block;font-size:12px;padding: 5px 25px 6px 25px;transition:0.2s ease;opacity:0;}
 a:hover .op-btn{color:#fff;border:1px solid #fff;opacity:1;transform:translateY(-20px);}
.mb-wrap{background: #000;text-decoration:none;overflow:hidden;}
.mb-wrap .mb-img{display:block;transform:scale(1); 
 -webkit-transition:0.5s ease;transition:0.5s ease;}
 a:hover .mb-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .mb-img{transform:scale(1.1);filter: blur(0px);opacity: 0.5;}
.mb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
 a:hover .mb-title{background:#fff;}
.mb-title h3{color:#333;font-size:18px;font-weight:500;margin:3px 0 0 0;}
.mb-title h5{color:#777;font-size:13px;font-weight:normal;margin:7px 0 0 0;}
 a:hover .mb-title h3{color:#458fdb;}
 a:hover .mb-title h5{color:#888;}
.an-wrap {margin:0 auto;padding:100px 30px 100px 30px;background:url('../img/main/an-img.jpg') center top no-repeat;background-attachment:scroll; background-size:cover;}
.an-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.an-wrap h5 {color:#fff;font-size:16px;font-weight:normal;margin:0 0 25px; 0;}
.an-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 20px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 a:hover .an-btn{color:#fff;background:#c83044;border:1px solid #c83044;}
.bn-wrap {margin:0 auto;padding:110px 30px 120px 30px;background:url('../img/main/bn-img.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.bn-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.bn-wrap h5 {color:#fff;font-size:17px;font-weight:normal;margin:0 0 25px; 0;}
.bn-btn{display:inline-block;font-size:12px;padding: 6px 30px 6px 30px;border-radius: 0px;border:1px solid #fff;color:#fff;transition:0.3s ease;}
 a:hover .bn-btn{color:#fff;background:#0a2268;border:1px solid #0a2268;}
.news {position:relative; float:left; width:100%;}
.news h5 {height:20px;margin:5px 0 15px 0;color:#333;font-size:18px;font-weight:500;line-height:3px;border-bottom:1px solid #ddd;}
.news ul {padding:25px 25px 15px 25px;border:1px solid #c3c3c3;}
.news ul li {position:relative;}
.news ul li a {display:block; height:24px;margin-top:5px;color:#444;font-size:14px;}
.news ul li a:hover, #services .news ul li a:focus {text-decoration:underline;}
.news .more {position:absolute;top:25px;right:33px;padding-right:5px;color:#666;font-size:13px;line-height:20px;background:url(../images/main/ico_more.png) no-repeat right 5px;}
.news .more a:hover {color:#e95513;}

.os-wrap{text-decoration:none;border:1px solid #777;padding:30px 15px 30px 15px;border-radius:0px;transition:0.5s ease;}
 a:hover .os-wrap{background:#73aeea;border:1px solid #73aeea;}
.os-wrap h3{font-size:18px;font-weight:normal;color:#fff;text-align:center;margin:0;}
 a:hover .os-wrap h3{color:#fff;}

.bg-wrap {width:600px;background:#fff;border:1px solid #ccc;margin:0 auto;padding:30px 20px 5px 20px;border-radius:10px;}
.bg-wrap h3 {font-size:24px;color:#222;padding:0 0 0 30px;margin:0 0 1px 0;background:url(../img/common/blet01.png) 4px 10px; background-repeat:no-repeat;}
.bg-wrap h5 {font-size:18px;color:#666;font-weight:normal;padding:0 0 0 28px;line-height:30px;}
.te-wrap {background:#ef6c35;color:#fff;font-size:30px;font-weight:500;text-align:center;padding:20px 15px 20px 15px;border-radius:10px;}


.fu-wrap {width:1000px;background:#e5e5e5;border:1px solid #ddd;margin:0 auto;padding:20px 20px 20px 20px;border-radius:10px;}
.fu-wrap h3 {font-size:18px;font-weight:normal;color:#555;text-align:center;margin:0;}
.fn-wrap {width:600px;background:#e5e5e5;border:1px solid #ddd;margin:0 auto;padding:20px 20px 20px 20px;border-radius:10px;}
.fn-wrap h3 {font-size:18px;font-weight:normal;color:#555;text-align:center;margin:0;}

.it-wrap {margin:0 auto;padding:100px 50px 150px 50px;background:url('../img/company/img0101.jpg') center top no-repeat;background-attachment:scroll;background-size:cover;}
.it-wrap h3 {color:#fff;font-size:34px;font-weight:500;margin:0 0 15px 0;}
.it-wrap h5 {color:#fff;font-size:15px;font-weight:normal;}
.co-wrap{text-decoration:none;background:#fff;border:1px solid #ccc;padding:80px 15px 50px 15px;}
 a:hover .co-wrap{color:#555;text-decoration:none;}
.co-wrap .co-title{text-align:center;}
 a:hover .co-title{color:#ff3000;}
.co-wrap h3{color:#333;font-size:20px;font-weight:500;margin:15px 0 0 0;}
.co-wrap h5{color:#777;font-size:16px;font-weight:normal;margin:5px 0 0 0;}
.sb-wrap{text-decoration:none;margin:0 0 0 0;}
.sb-wrap .sb-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sb-wrap h3{color:#333;font-size:18px;font-weight:normal;margin:5px 0 0 0;}
.sb-wrap h5{color:#777;font-size:15px;font-weight:normal;margin:5px 0 0 0;}
.xb-wrap{text-decoration:none;margin:0 auto;}
.xb-wrap .xb-title{background:#fff;text-align:left;padding:15px 0px 0px 0px;border-left:0px solid #ddd;border-right:0px solid #ddd;border-bottom:0px solid #ddd;}
.xb-wrap h3{color:#333;font-size:20px;font-weight:500;margin:5px 0 0 0;}
.xb-wrap h5{color:#777;font-size:16px;font-weight:normal;margin:5px 0 0 0;}
.mov-wrap { position: relative; padding-bottom: 55%;height: 0; overflow: hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed { position: absolute; top: 70px;left: 140px; width: 900px; height: 505px; }
#history-box{width:900px;margin:0 0 0 0;text-align:center;margin:0 auto;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;}
#history-box dl.noline{border:none;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:34px;color:#333;padding:20px 0 5px 0;font-family:Arial, Helvetica, sans-serif;position:absolute;}
#history-box dd{float:left;text-align:left;padding:20px 0 20px 100px;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 10px 50px;font-size:16px;}
#history-box dd .num{position:absolute;left:10px;}
#history-box dd .year{padding:0 50px 0 0;text-align:left;font-weight:bold;font-size:2.8em;}
#square_box{float:left;width:100%;padding:25px;margin:0 0 30px 0;border:1px solid #b2b2b2;}
#square_box h3{font-size:18px;font-weight:500;color:#555;margin:0 0 10px 0;}
#square_box h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
#square_box01{float:left;width:100%;padding:25px;margin:0 0 30px 0;background:#eee;}
#square_box01 h3{font-size:20px;font-weight:500;color:#555;margin:0 0 5px 0;}
#square_box01 h5{font-size:15px;font-weight:normal;color:#787878;margin:5px 0 0 0;}
.mj-tit01{color:#333;font-size:18px;font-weight:500;padding:0 0 10px 2px;}
.mj-tit02{color:#555;font-size:17px;font-weight:500;padding:0 0 5px 2px;}
#footerwrap {width:100%;position:relative;clear:both;padding:20px 0 80px 0;background-color:#333;border-top:0px solid #eee;}
#footerwrap:after {content:""; display:block; clear:both;}
footer {position:relative; margin:0 auto;}
footer:after {content:""; display:block; clear:both;}
footer .f-logo {position:absolute; left:0px; top:17px;}
footer .fnb {width:100%; padding:15px 0 0 0; overflow:hidden;margin:0 0 0 120px;}
footer .fnb ul {margin:0 0 0 1px;text-align:center;}
footer .fnb ul:after {content:""; display:block; clear:both;}
footer .fnb ul li {float:left; font-size:15px;padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/common/fnb-line.png') right 7px no-repeat;}
footer .fnb ul li a {color:#ddd;}
footer .fnb ul li a:hover {color:#fff;}
footer .fnb ul li.last {background:url('');}
footer .sns {position:absolute; right:10px; top:20px;}
footer .sns ul:after {content:""; display:block; clear:both;}
footer .sns ul li {float:left; padding:0 0 0 10px;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {width:100%; padding:15px 0 1px 1px; overflow:hidden;font-size:13px; color:#999;margin:0 0 0 120px;}
footer .address ul:after {content:""; display:block; clear:both;}
footer .address ul li {float:left; font-size:14px;line-height:15px;color:#999; padding:0 13px 0 0;margin:0 12px 0 0;background:url('../img/common/fnb-line.png') right 4px no-repeat;}
footer .address ul li.last {background:url('');}
footer .address ul li strong {font-size:14px; color:#999; font-weight:600;}
footer .copy {width:100%; font-size:13px; color:#888; padding: 0 0 0; margin:-4px 0 0 120px; overflow:hidden;}
footer .copy span {font-size:13px;}

@media (min-width: 1025px) {
.mj-menu02{display:none;}
#lnb-wrap{display:none;}
#lnbmenu{display:none;}
#lnbmenu .left_menu .lnb01{display:none;}
.top-line{color:#777;padding:30px 3px 0 3px;position:relative;top:-1px;width:1px;font-size:0.8em;font-weight:lighter;z-index:-10;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 10px;display:none;z-index:9999;}
}
@media (max-width: 1024px) {
.logo{position:absolute;top:13px;left:10px;text-align:left;z-index:999;width:200px;}
.ts01{font-size:18px;margin:20px 0 20px 0;}
.ts02{font-size:13px;margin:0 0 0 0;line-height:22px;}
.ts03{font-size:20px;margin:15px 0 15px 0;}
.ts04{font-size:30px;margin:5px 0 10px 0;}
.ts05{font-size:14px;margin:0px 0 10px 0;}
.ts06{font-size:24px;margin:0px 0 20px 0;line-height:30px;}


.ts21{font-size:15px;margin:0 0 30px 0;line-height:26px;}
.ts22{font-size:15px;margin:40px 0 20px 0;}
.ts23{font-size:14px;margin:10px 0 10px 0;}
.ts24{font-size:14px;margin:30px 0 0 0;line-height:25px;}
.ts25{font-size:14px;margin:20px 0 0 0;line-height:20px;}

.ts31{font-size:14px;margin:20px 0 0 0;line-height:20px;}

.ts41{font-size:14px;margin:0 0 40px 0;line-height:24px;}
.ts42{font-size:18px;margin:10px 0 30px 0;}
.ts43{font-size:14px;margin:0 0 40px 0;line-height:24px;}
.ts44{font-size:14px;margin:20px 0 0 0;line-height:20px;}
.ts45{font-size:14px;margin:0 0 40px 0;line-height:24px;}
.ts46{font-size:14px;margin:0 0 40px 0;line-height:24px;}


.tb01{font-size:18px;padding:0 0 0 23px;margin:0 0 10px 0;background:url(../img/common/blet01.png) 0px 5px; background-repeat:no-repeat;}
.tb02{font-size:14px;padding:0 0 10px 5px;}
.tb03{font-size:13px;color:#777;padding:0 0 0 15px;margin:0 0 8px 0;background:url(../img/common/blet02.png) 4px 7px; background-repeat:no-repeat;}
.tl01{font-size:20px;padding:20px 0 15px 0;margin:20px 0 35px 0;text-align:center;}
.tit-main01 {font-size:13px;padding:0 0 0 0;line-height:18px;}
.tit-main02 {font-size:19px;padding:10px 0 0 0;}
.tit-main03 {font-size:20px;padding:15px 0 15px 0;}
.tit-main04 {font-size:20px;padding:0 0 15px 0;}
.tit-main05 {font-size:24px;padding:10px 0 15px 0;}
.tit-main06 {font-size:18px;padding:0 0 0 9px;margin:0 0 5px 0;background:url(../img/common/blet02.png) 0px 6px; background-repeat:no-repeat;}
.tit-main07 {font-size:24px;padding:0 0 5px 0;}
.tit-main08 {font-size:12px;padding:0 0 15px 0;}
.mts01 {font-size:30px;margin:10px 0 10px 0;}
.mts02 {font-size:14px;margin:0 0 10px 0;}
.mts03 {font-size:30px;margin:10px 0 10px 0;}
.mts04 {font-size:14px;margin:0 0 10px 0;}
.tit-sub01{font-size:24px;padding:40px 0 50px 0;}
.tit-sub01:before{bottom:35px;width:40px;height:3px;}
.tit-sub02 {font-size:18px;margin:10px 0 20px 0;}
.tit-sub03 {font-size:24px;margin:20px 0 5px 0;}
.tit-sub04 {font-size:12px;margin:0 0 30px 0;}
.map-area{margin:0 0 30px 0;}
.top-line{display:none;height:1px;}
.back-to-top {position:fixed;bottom:0px;right:0px;display:none;z-index:9999;opacity:0;}
.t1{width:100%;font-size:12px;}
.t1 th{padding:10px 5px 10px 5px;font-size:11px;height:80px;line-height:15px;}
.t1 td{padding:10px 5px 10px 5px;}
.t2{width:100%;font-size:13px;}
.t2 th{padding:10px 5px 10px 5px;font-size:13px;}
.t2 td{padding:10px 5px 10px 5px;}
.t3{width:100%;font-size:12px;}
.t3 th{padding:10px 5px 10px 5px;font-size:14px;height:80px;line-height:20px;}
.t3 td{padding:10px 5px 10px 5px;}
.au-btn{width:80px;font-size:11px;padding:6px 15px 5px 15px;margin:20px auto;}
 a:hover .au-btn{}

.mu-wrap {padding:20px 10px 5px 10px;}
.mu-wrap h3 {font-size:16px;margin:15px 0 15px 0;}
.mu-wrap h5 {font-size:14px;padding:0 0 0 11px;margin:0 0 8px 0;background:url(../img/common/blet02.png) 0px 8px; background-repeat:no-repeat;}
.mu-btn{width:150px;font-size:14px;padding:8px 30px 9px 30px;margin:30px auto;border-radius:8px;}
 a:hover .mu-btn{}

.ms-wrap{}
.ms-wrap .ms-img{}
 a:hover .ms-wrap{}
 a:hover .ms-img{}
.ms-title{padding:10px 5px 0 5px;}
 a:hover .ms-title{}
.ms-title h3{font-size:16px;margin:1px 0 0 0;}
.ms-title h5{font-size:10px;margin:5px 0 10px 0;}
 a:hover .ms-title h3{}
 a:hover .ms-title h5{}
.ms-title .ms-btn{font-size:8px;padding:4px 5px 4px 5px;}
 a:hover .ms-title .ms-btn{}
.op-wrap{}
.op-wrap .op-img{}
 a:hover .op-wrap{}
 a:hover .op-img{}
.op-wrap .op-title{top:50%;left:0px;margin-top:-10px;}
.op-wrap .op-title h3{font-size:20px;margin:0 0 10px 0;}
 a:hover .op-wrap .op-title h3{transform:translateY(-20px);}
.op-btn{font-size:10px;padding: 4px 15px 5px 15px;}
 a:hover .op-btn{transform:translateY(-20px);}
.mb-wrap{}
.mb-wrap .mb-img{}
 a:hover .mb-wrap{}
 a:hover .mb-img{}
.mb-title{padding:10px 10px 10px 10px;}
 a:hover .mb-title{}
.mb-title h3{font-size:14px;margin:3px 0 0 0;}
.mb-title h5{font-size:11px;margin:5px 0 0 0;}
 a:hover .mb-title h3{}
 a:hover .mb-title h5{}
.an-wrap {padding:50px 0 50px 0;background-attachment:scroll; background-size:cover;}
.an-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.an-wrap h5 {font-size:12px;margin:0 0 20px; 0;}
.an-btn{font-size:10px;padding: 5px 20px 5px 20px;}
 a:hover .an-btn{}
.bn-wrap {padding:50px 0 50px 0;background-attachment:scroll; background-size:cover;}
.bn-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.bn-wrap h5 {font-size:12px;margin:0 0 20px; 0;}
.bn-btn{font-size:10px;padding: 5px 20px 5px 20px;}
 a:hover .bn-btn{}
.news {}
.news h5 {margin:5px 0 15px 0;font-size:16px;}
.news ul {padding:25px 15px 10px 15px;}
.news ul li {}
.news ul li a {}
.news ul li a:hover, #services .news ul li a:focus {}
.news .more {position:absolute;top:25px;right:33px; padding-right:5px;font-size:13px;line-height:20px;background:url(../images/main/ico_more.png) no-repeat right 5px;}

.os-wrap{padding:20px 10px 20px 10px;}
 a:hover .os-wrap{}
.os-wrap h3{font-size:15px;margin:0;}
 a:hover .os-wrap h3{}

.bg-wrap {width:100%;margin:0 auto;padding:30px 20px 5px 20px;border-radius:10px;}
.bg-wrap h3 {font-size:18px;padding:0 0 0 23px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 5px; background-repeat:no-repeat;}
.bg-wrap h5 {font-size:13px;padding:0 0 0 5px;line-height:22px;}
.te-wrap {font-size:19px;padding:20px 15px 20px 15px;border-radius:10px;}


.fu-wrap {width:100%;margin:0 auto;padding:20px 20px 20px 20px;border-radius:10px;}
.fu-wrap h3 {font-size:14px;margin:0;}
.fn-wrap {width:100%;margin:0 auto;padding:20px 20px 20px 20px;border-radius:10px;}
.fn-wrap h3 {font-size:14px;margin:0;}


.more {top:16px;right:25px;font-size:12px;}
 a:hover .more {}
.it-wrap {padding:50px 20px 50px 20px;background-attachment:scroll; background-size:cover;}
.it-wrap h3 {font-size:22px;margin:0 0 10px 0;}
.it-wrap h5 {font-size:12px;}
.co-wrap{padding:30px 10px 30px 10px;}
 a:hover .co-wrap{}
.co-wrap .co-title{}
 a:hover .co-title{}
.co-wrap h3{font-size:14px;margin:10px 0 0 0;}
.co-wrap h5{font-size:12px;margin:5px 0 0 0;}
.sb-wrap{}
.sb-wrap .sb-title{padding:10px;}
.sb-wrap h3{font-size:14px;margin:5px 0 0 0;}
.sb-wrap h5{font-size:13px;margin:5px 0 0 0;}
.xb-wrap{}
.xb-wrap .xb-title{padding:15px 0px 0px 0px;}
.xb-wrap h3{font-size:14px;margin:5px 0 0 0;}
.xb-wrap h5{font-size:13px;margin:5px 0 0 0;}
.mov-wrap {position:relative;padding-bottom:60%;padding-top:0px;height:0;overflow:hidden;margin-left:-15px;margin-right:-15px;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed {position:absolute;top:0;left:0;width:100%;height: 100%;}
#history-box{width:100%;margin:-15px 0 0 0;}
#history-box dl{font-weight:normal;clear:both;border-top:1px dotted #999999;}
#history-box dl.noline{border:none;}
#history-box dt{float:left;text-align:left;font-weight:bold;font-size:24px;padding:30px 50px 0 0;position:relative;}
#history-box dd{clear:both;float:left;text-align:left;padding:5px 0 20px 0;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 1px 50px;font-size:13px;}
#history-box dd .num{position:absolute;left:10px;}
#history-box dd .year{padding:0 50px 0 0;margin:30px 0 0 0;text-align:left;font-weight:bold;font-size:2em;}
#square_box{padding:15px;margin:0 0 20px 0;}
#square_box h3{font-size:15px;margin:0 0 5px 0;}
#square_box h5{font-size:12px;margin:5px 0 0 0;}
#square_box01{padding:15px;margin:0 0 30px 0;}
#square_box01 h3{font-size:15px;margin:0 0 5px 0;}
#square_box01 h5{font-size:12px;margin:5px 0 0 0;}
#footerwrap {width:100%;position:relative;clear:both;padding:10px 0 20px 0;}
footer {margin:0 10px 10px;}
footer .f-logo {position:relative; left:0; top:0; margin:30px 0 0 0; text-align:center;}
footer .fnb {padding:20px 0 0 0;margin:0 0 0 0;}
footer .fnb ul {text-align:center; margin:0;}
footer .fnb ul li {display:inline; float:none; margin:0 6px 0 0;background:url('../img/common/fnb-line.png') right 8px no-repeat;}
footer .fnb ul li a {font-size:12px;}
footer .fnb ul li.last {padding:0; margin:0;}
footer .sns {position:relative; right:auto; left:0; top:0; margin:20px 0 0 -10px;}
footer .sns ul {text-align:center;}
footer .sns ul li {display:inline; float:none;}
footer .sns ul li.last {padding:0 0 0 12px;}
footer .address {padding:10px 0 2px 0;text-align:center;margin:0 0 0 5px;}
footer .address ul {text-align:center;padding:0;margin:0;}
footer .address ul li {display:block; font-size:12px;float:none; padding:1px 0;background:url('');}
footer .address ul li.last {background:url('');}
footer .address ul li strong {font-size:14px; color:#999; font-weight:600;}
footer .copy {font-size:12px;text-align:center; margin:5px 0 0 0;}
footer .copy span {display:block; padding:8px 0 0 0;}
.mj-tit01{font-size:15px;padding:0 0 10px 2px;}
.mj-tit02{font-size:15px;padding:0 0 5px 2px;}
.mj-menu01{display:none;}
.mj-menu02{font-size:11px;height:30px;position:relative;text-align:left;margin:10px 0 7px 0px;padding:0 0 0 15px;border-top:0px solid #333;border-bottom:1px solid #444;}
.mj-menu02 a{font-size:11px;padding:5px 10px 5px 10px;color:#fff;background:#333;border-radius:2px;margin:0 10px 0 0;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu02 .fst{}
.mj-menu02 .snd{}
.mj-menu02 .trd{}
.lnb-menu{display:none;}
.lnb-line{display:none;}
.lnb-tline{display:none;}
}

/*****RESPONSIVE ºñÁ־󿵿ª*****/
/*****PC ÇØ»óµµ ½ÃÀÛ*****/
/*****¸ð¹ÙÀÏ¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
.visual-main01{position:relative;top:0;left:50%;width:1920px;height:770px;margin-left:-960px;background:url(../img/main/visual01.jpg);}
.visual-main02{position:relative;top:0;left:50%;width:1920px;height:770px;margin-left:-960px;background:url(../img/main/visual02.jpg);}
.visual-main03{position:relative;top:0;left:50%;width:1920px;height:770px;margin-left:-960px;background:url(../img/main/visual03.jpg);}
.visual-sub01{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(../img/main/sub-visual01.jpg);}
.visual-sub02{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(../img/main/sub-visual02.jpg);}
.visual-sub03{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(../img/main/sub-visual03.jpg);}
.visual-sub04{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(../img/main/sub-visual04.jpg);}
.visual-sub05{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(../img/main/sub-visual05.jpg);}
.visual-sub06{position:relative;top:0;left:50%;width:1920px;height:450px;margin-left:-960px;background:url(../img/main/sub-visual06.jpg);}
.v-mt01{color:#fff;font-size:62px;font-weight:500;line-height:66px;padding:0 0 30px 0;letter-spacing:3px;text-shadow: 0 1px 2px rgba(0, 0, 0, .2);}
.v-mt02{color:#eee;font-size:20px;text-shadow: 0 1px 2px rgba(0, 0, 0, .2);}
.v-st01{text-align:center;font-size:48px;font-weight:normal;color:#fff;margin:0px 0 0px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
.v-st02{text-align:center;font-size:15px;font-weight:normal;color:#fff;margin:0px 0 0px 0;text-shadow: 0 1px 2px rgba(0, 0, 0, .1);}
@media (max-width: 1600px) {
.visual-main01{position:relative;top:0;left:50%;width:1600px;height:642px;margin-left:-800px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1600px;height:642px;margin-left:-800px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1600px;height:642px;margin-left:-800px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
}
@media (max-width: 1366px) {
.visual-main01{position:relative;top:0;left:50%;width:1366px;height:548px;margin-left:-683px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1366px;height:548px;margin-left:-683px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1366px;height:548px;margin-left:-683px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.v-mt01{font-size:50px;line-height:56px;padding:0 0 20px 0;}
.v-mt02{font-size:16px;}
}
@media (max-width: 1280px) {
.visual-main01{position:relative;top:0;left:50%;width:1280px;height:513px;margin-left:-640px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1280px;height:513px;margin-left:-640px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1280px;height:513px;margin-left:-640px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
}
/*****ÅÂºí¸´PC ÇØ»óµµ ½ÃÀÛ*****/
/*****¸ð¹ÙÀÏ¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 1024px) {
.visual-main01{position:relative;top:0;left:50%;width:1024px;height:500px;margin-left:-512px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:122%;}
.visual-main02{position:relative;top:0;left:50%;width:1024px;height:500px;margin-left:-512px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:122%;}
.visual-main03{position:relative;top:0;left:50%;width:1024px;height:500px;margin-left:-512px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:122%;}
.visual-sub01{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(../img/main/sub-visual01.jpg) 0px 0px;background-size:105%;}
.visual-sub02{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(../img/main/sub-visual02.jpg) 0px 0px;background-size:105%;}
.visual-sub03{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(../img/main/sub-visual03.jpg) 0px 0px;background-size:105%;}
.visual-sub04{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(../img/main/sub-visual04.jpg) 0px 0px;background-size:105%;}
.visual-sub05{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(../img/main/sub-visual05.jpg) 0px 0px;background-size:105%;}
.visual-sub06{position:relative;top:0;left:50%;width:1024px;height:250px;margin-left:-512px;background:url(../img/main/sub-visual06.jpg) 0px 0px;background-size:105%;}
.v-mt01{font-size:42px;line-height:48px;padding:0 0 20px 0;}
.v-mt02{font-size:14px;}
.v-st01{font-size:40px;}
.v-st02{font-size:14px;}
}
@media (max-width: 800px) {
.visual-main01{position:relative;top:0;left:50%;width:800px;height:400px;margin-left:-400px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:125%;}
.visual-main02{position:relative;top:0;left:50%;width:800px;height:400px;margin-left:-400px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:125%;}
.visual-main03{position:relative;top:0;left:50%;width:800px;height:400px;margin-left:-400px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:125%;}
.visual-sub01{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(../img/main/sub-visual01.jpg) 0px 0px;background-size:110%;}
.visual-sub02{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(../img/main/sub-visual02.jpg) 0px 0px;background-size:110%;}
.visual-sub03{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(../img/main/sub-visual03.jpg) 0px 0px;background-size:110%;}
.visual-sub04{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(../img/main/sub-visual04.jpg) 0px 0px;background-size:110%;}
.visual-sub05{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(../img/main/sub-visual05.jpg) 0px 0px;background-size:110%;}
.visual-sub06{position:relative;top:0;left:50%;width:800px;height:200px;margin-left:-400px;background:url(../img/main/sub-visual06.jpg) 0px 0px;background-size:110%;}
.v-mt01{font-size:34px;line-height:40px;padding:0 0 20px 0;}
.v-mt02{font-size:13px;}
.v-st01{font-size:30px;}
.v-st02{font-size:13px;}
}
/*****½º¸¶Æ®Æù ÇØ»óµµ ½ÃÀÛ*****/
/*****¸ð¹ÙÀÏ¿¡¼­ ¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 420px) {
.visual-main01{position:relative;top:0;left:50%;width:420px;height:300px;margin-left:-210px;background:url(../img/main/visual01.jpg) -180px 0px;background-size:178%;}
.visual-main02{position:relative;top:0;left:50%;width:420px;height:300px;margin-left:-210px;background:url(../img/main/visual02.jpg) -150px 0px;background-size:178%;}
.visual-main03{position:relative;top:0;left:50%;width:420px;height:300px;margin-left:-210px;background:url(../img/main/visual03.jpg) -150px 0px;background-size:178%;}
.visual-sub01{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(../img/main/sub-visual01.jpg) -180px 0px;background-size:205%;}
.visual-sub02{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(../img/main/sub-visual02.jpg) -180px 0px;background-size:205%;}
.visual-sub03{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(../img/main/sub-visual03.jpg) -180px 0px;background-size:205%;}
.visual-sub04{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(../img/main/sub-visual04.jpg) -180px 0px;background-size:205%;}
.visual-sub05{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(../img/main/sub-visual05.jpg) -180px 0px;background-size:205%;}
.visual-sub06{position:relative;top:0;left:50%;width:420px;height:200px;margin-left:-210px;background:url(../img/main/sub-visual06.jpg) -180px 0px;background-size:205%;}
.v-mt01{font-size:22px;line-height:28px;padding:0 0 15px 0;letter-spacing:1px;}
.v-mt02{font-size:11px;}
.v-st01{font-size:28px;}
.v-st02{font-size:11px;}
}