@charset "euc-kr";
.color-box01{width:100%;margin-top:100px;background-color:white;}
a:focus {outline:none;}
#menu-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height: 90px;   
    padding: 0; 
    margin:0 auto;
    text-align:left;
    color: #000;
    z-index:999;
    background:white;
      
    -webkit-transition: padding-left 200ms linear;
    -moz-transition: padding-left 200ms linear;
    -ms-transition: padding-left 200ms linear;
    -o-transition: padding-left 200ms linear;
    transition: padding-left 200ms linear;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.0);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.0);
}
#menu-container.fixed {
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    color: #333;
    width:100%;
    height:90px;
    margin:0 auto;
    background:white;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
#menu-container .menu-item {
    font-size: 1.4em;
    font-weight: bold;
    color: #ffffff;
}
#menu-container .menu-icon {
    display: block !important;
    position: absolute;
    left: -5px;
    top: 107px;
    z-index:999;
    font-size: 1.6em;
    font-weight: bold;
    color: #000;
    opacity:0;
      
    -webkit-transition: left 500ms linear;
    -moz-transition: left 500ms linear;
    -ms-transition: left 500ms linear;
    -o-transition: left 500ms linear;
    transition: left 500ms linear;
}
#menu-container .menu-icon.on {
    left: 5px;
    opacity:1;
}
@media (max-width: 992px) {
#menu-container{display:none;}
#menu-container01 {
    position: fixed;
    top: 0px;
    left: 0px;
    width:100%;
    height: 0px;
    padding-left: 0px;
    padding-top: 0px;
    margin:0 auto;
    box-sizing: border-box;
    color: #000;
   /* background-color: #555555;*/
    z-index:999999999999999999;
       
    -webkit-transition: padding-left 200ms linear;
    -moz-transition: padding-left 200ms linear;
    -ms-transition: padding-left 200ms linear;
    -o-transition: padding-left 200ms linear;
    transition: padding-left 200ms linear;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
#menu-container01.fixed {
    padding-left: 0px;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    height:20px;
    margin:0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2);
}
}
.gnb-wrap01{}
.gnb-wrap02{}
@media (min-width: 993px) {
.gnb-wrap02{display:none;}
}
@media (max-width: 992px) {
.gnb-wrap01{display:none;}
}
.logo{position:relative;top:12px;left:0px;text-align:left;z-index:9999;width:300px;}
.mj-menu01{font-weight:normal;position:relative;top:26px;right:-14px;text-align:right;padding:0;overflow:hidden;z-index:9999;}
.mj-menu01 a{font-size:11px;padding:0px 3px 0 6px;margin-left:-1px;color:#888;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu01 .fst{text-align:center;padding:10px 11px 4px 15px;margin:0;background:url(../img/common/icon-member.png) 0px 24px; background-repeat:no-repeat;}
.mj-menu01 .snd{text-align:center;padding:10px 11px 4px 15px;background:url(../img/common/icon-join.png) 0px 25px; background-repeat:no-repeat;}
.mj-menu01 .trd{text-align:center;padding:10px 5px 10px 5px;}
.mj-menu01 .fth{text-align:center;padding:10px 0px 10px 5px;}
.mj-menu01 .last{font-size:1px;color:#ffffff;text-align:center;padding:10px 2px 10px 2px;}
.header{text-align:center;margin:0 auto;border-top:0px solid #999;position:absolute; left:0; right:0; top:21px;}
.head {width:850px; position:relative; margin:0 0 0 35%; height:50px;z-index:999999;}
.head .gnb {*zoom:1; margin:10px 0 0 0;margin-left: 80px;
  width: 100%;}
.head .gnb:after {content:""; display:block; clear:both;}
.head .gnb li.gnb-menu {float:left; width:168px; position:relative;}
.head .gnb li.gnb-menu > a {display:block; font-size:18px;font-weight:500;text-align:center;line-height:30px; color:#333;padding:0 0 27px 0;transition:0.3s ease;}
.head .gnb li.gnb-menu:hover > a {color:black;padding:0 0 27px 0;}
.head .gnb li.gnb-menu a.active_nav {color:#67804e;}
.head .gnb li.gnb-menu .nav-cat {width:195px; height:0; overflow:hidden;border-right:0px solid #eee; position:absolute; top:59px; right: -12px; z-index:99999;margin:0px 0 0 0;
 -webkit-transition:height 200ms ease-in-out; /*¸¶¿ì½º ¾Æ¿ô½Ã ÄÁÅÙÃ÷ ºü¸£±â Á¶Àý*/
 -moz-transition:height 200ms ease-in-out;
 -ms-transition:height 200ms ease-in-out;
 -o-transition:height 200ms ease-in-out;
 transition:height 200ms ease-in-out
}
.head .gnb li.gnb-menu .nav-cat.open-menu { height:160px;margin:0 0 0 0; /*¸¶¿ì½º ¿À¹ö½Ã ÄÁÅÙÃ÷ ºü¸£±â Á¶Àý*/
 -webkit-transition:height 300ms ease-in-out;
 -moz-transition:height 300ms ease-in-out;
 -ms-transition:height 300ms ease-in-out;
 -o-transition:height 300ms ease-in-out;
 transition:height 300ms ease-in-out
}
.head .gnb li.gnb-menu:first-child .nav-cat {border-left:0px solid #eee;}
.head .gnb li.gnb-menu .nav-cat ul {padding:25px 10px 20px 10px; width: 243px;}
.head .gnb li.gnb-menu .nav-cat li a {width: 185px;font-size:14px; font-weight:normal; line-height:26px; letter-spacing:-0.025em; color:#555; display:block; text-align:center;transition:0.3s ease;}
.head .gnb li.gnb-menu .nav-cat li a:hover {color:#1d72d2; text-decoration:underline;}
.s-nav {position:absolute; top:69px; left:0; height:0; width:100%; background:#eee;border-top:0px solid #ddd;
 -webkit-transition:height 300ms ease-in-out; /*¸¶¿ì½º ¾Æ¿ô½Ã Èò¹ÙÅÁ ºü¸£±â Á¶Àý*/
 -moz-transition:height 300ms ease-in-out;
 -ms-transition:height 300ms ease-in-out;
 -o-transition:height 300ms ease-in-out;
 transition:height 300ms ease-in-out
}
.s-nav.open-menu { height:160px;border-top:1px solid #bbb;border-bottom:1px solid #ccc; /*¸¶¿ì½º ¿À¹ö½Ã Èò¹ÙÅÁ ºü¸£±â Á¶Àý*/
 -webkit-transition:height 200ms ease-in-out;
 -moz-transition:height 200ms ease-in-out;
 -ms-transition:height 200ms ease-in-out;
 -o-transition:height 200ms ease-in-out;
 transition:height 200ms ease-in-out
}
@media (max-width: 1366px) {
.head {width:750px; position:relative; margin:0 auto; height:50px;z-index:99999;}
.head .gnb li.gnb-menu {float:left; width:149px; position:relative;}
.head .gnb li.gnb-menu .nav-cat {width:201px; height:0; overflow:hidden;position:absolute; top:60px; left:-24px; z-index:99999;}
}
@media (max-width: 1280px) {
.head {width:550px; position:relative; margin:0 auto; height:50px;z-index:99999;}
.head .gnb li.gnb-menu {float:left; width:110px; position:relative;}
.head .gnb li.gnb-menu .nav-cat {width:110px; height:0; overflow:hidden;position:absolute; top:60px; left:0; z-index:99999;}
}
.nav{position:relative;text-align:center;font-size:12px;color:#333;margin:0px 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:#1d72d2;text-decoration:underline;}
.tc02{color:#1d72d2;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:#444;font-size:26px;text-align:center;margin:0px 0 30px 0;font-weight:normal;}
.ts02{color:#777;font-size:17px;text-align:center;margin:0;line-height:26px;}
.ts03{color:#444;font-size:30px;margin:18px 0 25px 0;font-weight:normal;}
.ts04{color:#777;font-size:16px;margin:0px 0 25px 0;font-weight:normal;}
.ts05{color:#444;font-size:24px;margin:0px 0 20px 0;font-weight:normal;}
.ts06{color:#444;font-size:46px;margin:5px 0 20px 0;line-height:56px;}
.tb01{font-size:16px;color:#666;padding:0 0 0 11px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 10px; background-repeat:no-repeat;}
.gnbmenu01{position:relative;top:0;}
.t1{width:100%;text-align:center;margin:0 auto; border-left:0px solid #ddd; border-right:0px solid #ddd;font-size:14px;}
.t1 caption{display:none;}
.t1 th{padding:20px 20px 20px 20px;background-color:#fafafa;color:#555;border-bottom:1px solid #ebebeb;border-left:0px solid #ddd;text-align:center;}
.t1 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ebebeb;border-left:0px solid #ddd;text-align:left;}
.t1 td.left{text-align:left;padding:20px 0 20px 20px;line-height:24px;}
.t1 td.left-line{border-left:1px solid #ddd;background:#000;font-size:30pt;}
.t1 td.color{color:#247000;font-size:15px;}
.t1 td.green{color:#73a05d;font-weight:bold;}
.t1 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555; border-top:2px solid #555;}
.t1 td.fst{background:#fff;text-align:left;font-weight:normal;color:#777; border-top:2px solid #555;}
.t1 td.table{padding:0px 0px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;text-align:left;}
.t1 th.left{background-color:#eee; color:#404040; border-top:1px solid #ddd;border-right:1px solid #ddd;}
.t1 th.left-last{background-color:#eee; color:#404040; border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}
.t1 th.last,
.t1 td.last{border-bottom:1px solid #ddd;}
div.col-sm-6 > h2{
  margin: 0 0 0 auto;
  width: 83%;
  font-size: 20px;
  line-height: 35px;
  font-weight: 300;
  color: #334295;
  padding-bottom: 20px;
  border-bottom: 2px solid #e6e6e6;
}
div.col-sm-6 > p{
  margin: 0 8px 0 auto;
  width: 83%;
  padding: 12px 0 50px 0;
  line-height: 24px;
  color: #666;
  font-weight: 300;
}
a.ms-btn{
  border: 1px solid #999;
  color: #999;
  font-weight: 300;
  padding: 10px 30px;
  font-size: 13px;
  margin: 0 0 0 100px;
}
a.ms-btn1{
  border: 1px solid #999;
  color: #999;
  font-weight: 300;
  padding: 10px 30px;
  font-size: 13px;
  margin: 0 0 0 0px;
}
.container01 .tit-main01 {text-align:center;font-size: 43px;font-weight:bold;color: #fff;padding:50px 0 0 0;}
.container01 .tit-main02 {text-align:center;font-weight: 300; font-size: 16px;color:#fff;padding:5px 0 35px 0;}
.tit-main01 {text-align:center;font-size: 43px;font-weight:bold;color:black;padding:50px 0 0 0;}
.tit-main02 {text-align:center;font-weight: 300; font-size: 16px;color:#777;padding:5px 0 35px 0;}
.tit-main03 {text-align:center;font-size: 36px;font-weight:bold;color:#fff;padding:60px 0 0 0;}
.tit-main04 {text-align:center;font-size: 16px;font-weight:200;color:#fff;padding:5px 0 30px 0;}
.tit-main05 {color:#333;font-size:20px;padding:0px 0 5px 0;margin:0 0 15px 0;font-weight:normal;border-bottom:1px solid #ccc;}
.tit-sub01  {text-align:center;font-size: 36px;font-weight:500;color:#222;margin:20px 0 40px 0;}
.tit-sub02  {text-align:center;font-size: 13px;font-weight:normal;color:#999;margin:5px 0 40px 0;font-family:Open Sans, Noto Sans KR, Arial, Geneva, Helvetica, sans-serif;}
.tit-sub03 {text-align:center;font-size: 36px;color:#222;font-weight:normal;margin:0;}
.tit-sub04 {text-align:center;font-size: 17px;font-weight:normal;color:#999;margin:5px 0 40px 0;}
.map-area{margin:0 0 50px 0;}
.box01 {border:1px solid #ddd;padding:20px 20px 10px 20px;margin:27px 0 0 0;text-align:center;background-color:#fff;}
.box01 .tit01 {text-align:center;font-size: 16px;font-weight:normal;color:#333;margin:0px 0 0px 0;border-bottom:0px solid #ddd;font-family:'Open Sans', Arial, Verdana, sans-serif;padding:0 0 3px 0;}
.box01 .tit02 {text-align:center;font-size: 20px;font-weight:normal;color:#777;padding:0 0 0 0;}
.box01 .tit03 {text-align:center;font-size: 12px;font-weight:normal;color:#777;margin:3px 0 0 0;}
.box02 {position:absolute;left:50px;top:50px;padding:30px;margin:0px 0 30px 0;background-color:#333;height:242px;color:#fff;font-size:14px;text-align:justify;}
.box02 .title{color:#fff;font-size:20px;margin:0 0 20px 0;}
.ms-wrap{text-decoration:none;overflow:hidden;}
.ms-wrap .ms-img{display:block;transform:scale(1); transition:0.5s 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.5;}
.ms-title{background:#fff;text-align:center;padding:22px;transition: background 1s;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
 a:hover .ms-title{background:#fff;}
.ms-title .ms-t01{font-size:17px;font-weight:500;color:#333;}
.ms-title .ms-t02{font-size:13px;font-weight:normal;padding:8px 0 15px 0;color: #777;}
 a:hover .ms-title .ms-t01{color:#151515;}
 a:hover .ms-title .ms-t02{color:#555;}
.ms-title .ms-btn{display:inline-block;font-size:12px;margin: 15px 0;padding: 6px 20px 6px 20px;border-radius: 0px;border:1px solid #bbb;color:#555;background:#fff;transition:0.3s ease;}
 a:hover .ms-title .ms-btn{color:#fff;background:#222;border:1px solid #222;}
.op-wrap{text-decoration:none;overflow:hidden;}
.op-wrap .op-img{display:block;transform:scale(1); transition:0.5s ease;}
 a:hover .op-wrap{color:#555;text-decoration:none;}
 a:hover .op-img{transform:scale(1); filter: blur(0px);opacity: 0.5;}
.op-wrap h3{display: block;width: 100%;position: absolute;text-align: center;top: 35%;left:0px;margin-top: 0px;color: #fff;font-size: 30px;font-weight:normal;opacity:0;}
 a:hover .op-wrap h3{opacity:1;}
.op-title{background:#fff;text-align:left;padding:15px 15px 15px 15px;transition: background 1s;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
 a:hover .op-title{background:#fff;}
.op-title .op-t01{font-size: 16px;font-weight:bold;color:#333;transition:0.3s ease;}
.op-t01{
  color: white;
    text-align: center;
    margin-top: 15px;
    font-size: 24px;
    font-weight: 200;
}
.op-title .op-t02{color: #888;font-size: 13px;padding:5px 0 8px 0;font-weight:normal;}
 a:hover .op-title .op-t01{color:#1d72d2;}
 a:hover .op-title .op-t02{color:#888;}
.os-wrap01{width:100%;text-decoration:none;background-color:#222;border:0px solid #ccc;padding:26px 12px 12px 12px;border-radius:0px;transition:0.3s ease;}
 a:hover .os-wrap01{color:#555;text-decoration:none;background:#111;border:0px solid #002a62;}
.os-wrap01 .os-title{text-align:center;}
 a:hover .os-title{color:#fff;}
.os-wrap01 .os-t01{font-size:15px;font-weight:normal;color:#fff;padding:10px 0 0 0;transition:0.3s ease;}
.os-wrap01 .os-t02{font-size:12px;font-weight:normal;color:#fff;padding:5px 0 2px 0;transition:0.3s ease;}
 a:hover .os-wrap01 .os-t01{color:#fff;}
 a:hover .os-wrap01 .os-t02{color:#fff;}
.os-wrap02{width:100%;text-decoration:none;background-color:#777;border:0px solid #ccc;padding:26px 12px 12px 12px;border-radius:0px;transition:0.3s ease;} 
 a:hover .os-wrap02{color:#555;text-decoration:none;background:#111;border:0px solid #002a62;}
.os-wrap02 .os-title{text-align:center;}
 a:hover .os-title{color:#fff;}
.os-wrap02 .os-t01{font-size:15px;font-weight:normal;color:#fff;padding:10px 0 0 0;transition:0.3s ease;}
.os-wrap02 .os-t02{font-size:12px;font-weight:normal;color:#fff;padding:5px 0 2px 0;transition:0.3s ease;}
 a:hover .os-wrap02 .os-t01{color:#fff;}
 a:hover .os-wrap02 .os-t02{color:#fff;}
.more {position:absolute; top:20px; right:25px; color:#999; font-size:12px;transition:0.3s ease;}
 a:hover .more {color:#1d72d2;}
/*.more {position:absolute; top:17px; right:20px; padding-right:5px; color:#aaa; font-size:12px; line-height:20px; background:url(../images/main/ico_more.png) no-repeat right 5px;}*/
.cs-box {margin:0;text-align:right;}
.cs-box ul li.t01{color:#333;font-size:16px;padding:3px 0 7px 0;font-weight:500;}
.cs-box ul li.t02{text-align: right;
  font-size: 30px;
  font-weight: 600;
  color: #f1a317;}
.cs-box ul li.t03{text-align:right;font-size: 12px;font-weight:normal;color:#999;margin:10px 0 0 0;}
.co-wrap{text-decoration:none;}
 a:hover .co-wrap{color:#555;text-decoration:none;}
.co-wrap .co-title{text-align:center;padding:15px 15px 15px 15px;}
 a:hover .co-title{color:#ff3000;}
.co-wrap .co-t01{font-size:16px;font-weight:bold;color:#555;}
.co-wrap .co-t02{font-size: 14px;font-weight:normal;padding:10px 0 8px 0;color: #777;}
.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 .sb-t01{font-size:15px;font-weight:bold;color:#333;}
.sb-wrap .sb-t02{color: #777;font-size:14px;padding:5px 0 3px 0;font-weight:normal;}
.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 .xb-t01{font-size: 18px;font-weight:bold;color:#333;}
.xb-wrap .xb-t02{color: #777;font-size: 15px;padding:5px 0 3px 0;font-weight:normal;}
.mov-wrap { position: relative; padding-bottom: 49%;height: 0; overflow: hidden;} 
.mov-wrap iframe, .mov-wrap object, .mov-wrap embed { position: absolute; top: 70px;left: 205px; width: 800px; height: 449px; }
.ci-box{text-align:left;}
.ci-box ul li{padding:5px 0 5px 75px;font-size:15px;}
.ci-box .tb01{position:absolute;left:20px;padding:0 0 0 12px;font-weight:bold;font-size:15px;color:#555;letter-spacing:5px;background:url(../img/common/blet01.png) 0px 8px; background-repeat:no-repeat;}
#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 120px;}
#history-box dd ul li{position:relative;text-align:left;padding:10px 0 10px 50px;font-size:15px;}
#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:5px 0 5px 0;margin:0 30px 30px 0;border-left:1px solid #b2b2b2;border-right:1px solid #b2b2b2;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;}
#square_box h4{font-size:1.4em;font-weight:500;color:#111;padding:0 14px 5px 14px;text-align:left;}
#square_box h5{color:#787878;padding:0 12px 10px 14px;font-weight:normal;text-align:left;}
#square_box01{float:left;width:100%;padding:5px 0 5px 0;margin:0 30px 30px 0;background:#eee;}
#square_box01 h4{font-size:1.1em;font-weight:500;color:#555;padding:0 14px 5px 14px;text-align:left;}
#square_box01 h5{color:#787878;padding:0 12px 10px 14px;font-weight:normal;text-align:left;}
#footerwrap {width:100%;position:relative;clear:both;padding:0px 0 60px 0;background-color:white;border-top:0px solid #ccc;}
#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:10px; top:30px;}
footer .fnb {
  width: 100%;
  height: 34px;
  padding: 0px 0 15px 0;
  overflow: hidden;
}
p.footerline{
  width: 100%;
    height: 1px;
    background: #e6e6e6;
    position: absolute;
    top: 52px;
}
footer .fnb ul {margin:0 0 0 1px;}
footer .fnb ul:after {content:""; display:block; clear:both;}
footer .fnb ul li {float:left; padding:0 15px 0 0; margin:0 15px 0 0; background:url('../img/common/fnb-line.png') right 6px no-repeat;}
footer .fnb ul li a {font-size:14px; color:#333;}
footer .fnb ul li a:hover {color:black;}
footer .fnb ul li.last {background:url('');}
footer .sns {position:absolute; right:10px; top:15px;}
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:10px 0 1px 1px; overflow:hidden;font-size:13px; color:#bbb;}
footer .address ul:after {content:""; display:block; clear:both;}
footer .address ul li {float:left; font-size:13px; color:#bbb; padding:0 16px 0 0;}
footer .address ul li strong {font-size:13px; color:#bbb; font-weight:600;}
footer .copy {
  width: 100%;
  font-size: 13px;
  color: #888;
  padding: 14px 0 0 0;
  margin: 0px 0 0 1px;
  overflow: hidden;
}
footer .copy span {font-size:13px;}
@media (max-width: 992px) {
img.footer-logo{
  padding-top: 180px !important;
  padding-left: 0px;
} 
#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:18px 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 6px no-repeat;}
footer .fnb ul li a {font-size:12px; color:#999;}
footer .fnb ul li.last {padding:0; margin:0;}
footer .sns {position:relative; right:auto; left:0; top:0; margin:20px 0 0 0;}
footer .sns ul {text-align:center;}
footer .sns ul li {display:inline; float:none;}
footer .address {padding:10px 0 2px 0;text-align:center;}
footer .address ul {text-align:center;}
footer .address ul li {display:block; font-size:12px;float:none; padding:1px 0;}
footer .address ul li.dep01 {padding:4px 0;}
footer .address ul li.dep02 {float:none; padding:4px 0;}
footer .copy {font-size:12px;text-align:center; margin:5px 0 0 0;}
footer .copy span {display:block; padding:8px 0 0 0;}
}
@media (min-width: 993px) {
.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: 30px;display:none;z-index:9999;}
}
@media (max-width: 992px) {
.logo{float: left;height: 50px;position:relative;left:15px;width:250px;top: 3px;}
.ts01{font-size:20px;margin:10px 0 10px 0;}
.ts02{font-size:14px;text-align:left;margin:0;line-height:20px;}
.ts03{font-size:20px;margin:15px 0 15px 0;}
.ts04{font-size:13px;margin:0px 0 25px 0;}
.ts05{font-size:20px;margin:0px 0 20px 0;}
.ts06{font-size:28px;margin:0px 0 20px 0;line-height:36px;}
.tb01{font-size:13px;padding:0 0 0 9px;margin:0 0 5px 0;background:url(../img/common/blet01.png) 0px 6px; background-repeat:no-repeat;}
.tit-main01 {font-size:24px !important;padding:35px 0 0 30px;}
.tit-main02 {font-size:12px !important;padding:5px 0 15px 50px;}
.tit-main03 {font-size:24px;padding:35px 0 5px 0;}
.tit-main04 {font-size:12px;padding:0px 0 20px 0;}
.tit-main05 {font-size:16px;padding:0px 0 5px 0;margin:0 0 15px 0;}
.tit-sub01 {font-size:24px;margin:30px 0 0px 0;}
.tit-sub02 {font-size:12px;margin:0px 0 30px 0;}
.tit-sub03 {font-size:24px;margin:20px 0 0px 0;}
.tit-sub04 {font-size:12px;margin:0px 0 10px 0;}
.op-t01{    font-size: 12px !important ;}
.map-area{margin:0 0 30px 0;}
.lead01 {margin-bottom: 20px;font-size: 1em;font-weight: 300;line-height: 1.5;}
.box01 {border:1px solid #ddd;padding:25px 0 15px 0;margin:30px 0 0 0;text-align:center;background-color:#fff;}
.box01 .tit01 {text-align:center;font-size: 16px;font-weight:normal;color:#333;margin:0px 0 0px 0;border-bottom:0px solid #ddd;font-family:'Open Sans', Arial, Verdana, sans-serif;padding:0 0 3px 0;}
.box01 .tit02 {text-align:center;font-size: 20px;font-weight:normal;color:#777;padding:0 0 0 0;}
.box01 .tit03 {text-align:center;font-size: 12px;font-weight:normal;color:#777;margin:3px 0 0 0;}
.box02 {padding:30px;margin:0px 0 30px 0;background-color:#333;height:102px;color:#fff;font-size:14px;text-align:justify;}
.box02 .title{color:#fff;font-size:20px;margin:0 0 20px 0;}
.top-line{display:none;height:1px;}
.back-to-top{opacity:0;position: fixed;bottom: 20px;right: 30px;display:none;z-index:-10;}
.t1{width:100%; border-left:0px solid #bbbbbb; border-right:0px solid #bbbbbb;font-size:13px;}
.ms-wrap{}
.ms-wrap .ms-img{}
 a:hover .ms-wrap{}
 a:hover .ms-img{}
.ms-title{padding:15px;}
 a:hover .ms-title{}
.ms-title .ms-t01{font-size:16px; height: 50px;}
.ms-title .ms-t02{font-size:11px;padding:7px 0 15px 0;}
 a:hover .ms-title .ms-t01{}
 a:hover .ms-title .ms-t02{}
.ms-title .ms-btn{display:inline-block;font-size:10px;padding: 6px 15px 5px 15px;}
 a:hover .ms-title .ms-btn{}
.op-wrap{}
.op-wrap .op-img{}
 a:hover .op-wrap{}
 a:hover .op-img{}
.op-wrap h3{}
 a:hover .op-wrap h3{}
.op-title{padding:10px 10px 10px 10px;}
 a:hover .op-title{}
.op-title .op-t01{font-size:14px;}
.op-title .op-t02{font-size:12px;padding:5px 0 5px 0;}
 a:hover .op-title .op-t01{}
 a:hover .op-title .op-t02{}
.os-wrap01{padding:26px 12px 12px 12px;}
 a:hover .os-wrap01{}
.os-wrap01 .os-title{}
 a:hover .os-title{}
.os-wrap01 .os-t01{font-size:14px;padding:10px 0 0 0;}
.os-wrap01 .os-t02{font-size:11px;padding:5px 0 2px 0;}
 a:hover .os-wrap01 .os-t01{}
 a:hover .os-wrap01 .os-t02{}
.os-wrap02{padding:26px 12px 12px 12px;} 
 a:hover .os-wrap02{}
.os-wrap02 .os-title{}
 a:hover .os-title{}
.os-wrap02 .os-t01{font-size:14px;padding:10px 0 0 0;}
.os-wrap02 .os-t02{font-size:11px;padding:5px 0 2px 0;}
 a:hover .os-wrap02 .os-t01{}
 a:hover .os-wrap02 .os-t02{}
.more {position:absolute;top:14px;right:25px;font-size:12px;}
 a:hover .more {}
.cs-box {padding:20px 20px 8px 20px; text-align: center;}
.cs-box ul li.t01{font-size:16px;padding:3px 0 7px 0;}
.cs-box ul li.t02{font-size:24px; text-align: center;}
.cs-box ul li.t03{font-size:12px;margin:10px 0 0 0; text-align: center;}
.co-wrap{}
 a:hover .co-wrap{}
.co-wrap .co-title{padding:10px 10px 10px 10px;}
 a:hover .co-title{}
.co-wrap .co-t01{font-size:15px;}
.co-wrap .co-t02{font-size:11px;padding:10px 0 5px 0;}
.sb-wrap{}
.sb-wrap .sb-title{padding:10px;}
.sb-wrap .sb-t01{font-size:14px;}
.sb-wrap .sb-t02{font-size:13px;padding:5px 0 3px 0;}
.xb-wrap{}
.xb-wrap .xb-title{padding:15px 0px 0px 0px;}
.xb-wrap .xb-t01{font-size:16px;}
.xb-wrap .xb-t02{font-size:12px;padding:5px 0 3px 0;}
.ci-box{}
.ci-box ul li{padding:5px 0 5px 70px;font-size:13px;}
.ci-box .tb01{position:absolute;left:20px;padding:0 0 0 12px;font-size:13px;letter-spacing:5px;background:url(../img/common/blet01.png) 0px 6px; background-repeat:no-repeat;}
.mov-wrap {
  position: relative;
  padding-bottom: 54%;
  padding-top: 0px;
  overflow: hidden;
  margin-left: -65px;
  margin-right: -15px;
  display: block;
  height: 546px;
} 
a.ms-btn{
  margin: 0px 0 0 15%;
  /*top: -9px;*/
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  height: 245px;
  overflow: hidden;
}
.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;}
.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 16px;border-top:0px solid #333;border-bottom:1px solid #444;}
.mj-menu02 a{font-size:11px;padding:0px 3px 0 14px;margin-left:-1px;color:#777;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu02 .fst{margin:0 10px 0 0;background:url(../img/common/icon-member.png) 0px 5px; background-repeat:no-repeat;}
.mj-menu02 .snd{margin:0 10px 0 0;background:url(../img/common/icon-join.png) 0px 6px; background-repeat:no-repeat;}

.lnb-line{display:none;}
.lnb-tline{display:none;}
body {
 font-size: 13px;
 line-height: 1.42857143;
 color: #666;
 background-color: #fff;
}
}
/*****RESPONSIVE ºñÁ־󿵿ª*****/
/*****PC ÇØ»óµµ ½ÃÀÛ*****/
/*****¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
.visual-main01{position:relative;top:0;left:50%;width:1920px;height:640px;margin-left:-960px;background:url(../img/main/visual01.jpg);}
.visual-main02{position:relative;top:0;left:50%;width:1920px;height:640px;margin-left:-960px;background:url(../img/main/visual02.jpg);}
.visual-main03{position:relative;top:0;left:50%;width:1920px;height:640px;margin-left:-960px;background:url(../img/main/visual03.jpg);}
.visual-sub01{position:relative;top:0;left:50%;width:1920px;height:300px;margin-left:-960px;background:url(../img/main/sub-visual01.jpg);}
.visual-sub02{position:relative;top:0;left:50%;width:1920px;height:300px;margin-left:-960px;background:url(../img/main/sub-visual02.jpg);}
.visual-sub03{position:relative;top:0;left:50%;width:1920px;height:300px;margin-left:-960px;background:url(../img/main/sub-visual03.jpg);}
.visual-sub04{position:relative;top:0;left:50%;width:1920px;height:300px;margin-left:-960px;background:url(../img/main/sub-visual04.jpg);}
.visual-sub05{position:relative;top:0;left:50%;width:1920px;height:300px;margin-left:-960px;background:url(../img/main/sub-visual05.jpg);}
.visual-sub06{position:relative;top:0;left:50%;width:1920px;height:300px;margin-left:-960px;background:url(../img/main/sub-visual06.jpg);}
.v-mt01{color:#fff;font-size:60px;font-weight:bold;line-height:60px;padding:0 0 30px 0;}
.v-mt02{color:#eee;font-size:16px;}
.v-st01{text-align:center;font-size:48px;font-weight:normal;color:#fff;}
@media (max-width: 1600px) {
.visual-main01{position:relative;top:0;left:50%;width:1600px;height:533px;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:533px;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:533px;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:455px;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:455px;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:455px;margin-left:-683px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.v-mt01{font-size:50px;line-height:50px;padding:0 0 15px 0;}
.v-mt02{font-size:14px;}
}
@media (max-width: 1280px) {
.visual-main01{position:relative;top:0;left:50%;width:1280px;height:427px;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:427px;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:427px;margin-left:-640px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
}
/*****ÅÂºí¸´ ÇØ»óµµ ½ÃÀÛ*****/
/*****¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 992px) {
.visual-main01{position:relative;top:0;left:50%;width:992px;height:331px;margin-left:-496px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:992px;height:331px;margin-left:-496px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:992px;height:331px;margin-left:-496px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:100%;}
.visual-sub01{position:relative;top:0;left:50%;width:992px;height:200px;margin-left:-496px;background:url(../img/main/sub-visual01.jpg) -200px 0px;background-size:130%;}
.visual-sub02{position:relative;top:0;left:50%;width:992px;height:200px;margin-left:-496px;background:url(../img/main/sub-visual02.jpg) -200px 0px;background-size:130%;}
.visual-sub03{position:relative;top:0;left:50%;width:992px;height:200px;margin-left:-496px;background:url(../img/main/sub-visual03.jpg) -200px 0px;background-size:130%;}
.visual-sub04{position:relative;top:0;left:50%;width:992px;height:200px;margin-left:-496px;background:url(../img/main/sub-visual04.jpg) -200px 0px;background-size:130%;}
.visual-sub05{position:relative;top:0;left:50%;width:992px;height:200px;margin-left:-496px;background:url(../img/main/sub-visual05.jpg) -200px 0px;background-size:130%;}
.visual-sub06{position:relative;top:0;left:50%;width:992px;height:200px;margin-left:-496px;background:url(../img/main/sub-visual06.jpg) -200px 0px;background-size:130%;}
.v-mt01{font-size:40px;line-height:40px;padding:0 0 10px 0;}
.v-mt02{font-size:13px;}
.v-st01{font-size:40px;}
}
@media (max-width: 768px) {
.visual-main01{position:relative;top:-45px;background:url(../img/main/visual01.jpg);background-size: 90% auto; background-repeat: no-repeat;}
.visual-main02{position:relative;top:-45px;background:url(../img/main/visual02.jpg);background-size: 90% auto; background-repeat: no-repeat;}
.visual-main03{position:relative;top:0;left:50%;width:768px;height:300px;margin-left:-384px;background:url(../img/main/visual03.jpg) 0px 0px;background-size:120%;}
.visual-sub01{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(../img/main/sub-visual01.jpg) -200px 0px;background-size:150%;}
.visual-sub02{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(../img/main/sub-visual02.jpg) -200px 0px;background-size:150%;}
.visual-sub03{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(../img/main/sub-visual03.jpg) -200px 0px;background-size:150%;}
.visual-sub04{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(../img/main/sub-visual04.jpg) -200px 0px;background-size:150%;}
.visual-sub05{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(../img/main/sub-visual05.jpg) -200px 0px;background-size:150%;}
.visual-sub06{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(../img/main/sub-visual06.jpg) -200px 0px;background-size:150%;}
.v-mt01{font-size:32px;line-height:32px;padding:0 0 10px 0;}
.v-mt02{font-size:12px;}
.v-st01{font-size:32px;}
}
/*****½º¸¶Æ®Æù ÇØ»óµµ ½ÃÀÛ*****/
/*****¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
@media (max-width: 420px) {
.visual-main01{position: relative;
  top: 0;
  left: 50%;
  width: 420px;
  height: 250px;
  margin-left: -190px;
  background: url(../img/main/visual01.jpg) -50px 0px;
  background-size: 110%;}
.visual-main02{position: relative;
  top: 0;
  left: 50%;
  width: 420px;
  height: 250px;
  margin-left: -190px;
  background: url(../img/main/visual02.jpg) -50px 0px;
  background-size: 110%;}
.visual-main03{position: relative;
  top: 0;
  left: 50%;
  width: 420px;
  height: 250px;
  margin-left: -210px;
  background: url(../img/main/visual03.jpg) -50px 0px;
  background-size: 110%;}
.visual-sub01{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual01.jpg) -250px 0px;background-size:240%;}
.visual-sub02{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual02.jpg) -250px 0px;background-size:240%;}
.visual-sub03{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual03.jpg) -250px 0px;background-size:240%;}
.visual-sub04{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual04.jpg) -250px 0px;background-size:240%;}
.visual-sub05{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual05.jpg) -250px 0px;background-size:240%;}
.visual-sub06{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(../img/main/sub-visual06.jpg) -250px 0px;background-size:240%;}
.v-mt01{font-size:30px;line-height:30px;padding:0 0 15px 0;}
.v-mt02{font-size:11px;}
.v-st01{font-size:30px;}
.carousel-inner {
  position: relative;
  width: 100%;
  height: 174px;
  overflow: hidden;
}
}
@media (max-width: 360px) {
.visual-main01{position:relative;top:0;height:155px;background:url(../img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;height:155px;background:url(../img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:360px;height:250px;margin-left:-180px;background:url(../img/main/visual03.jpg) -170px 0px;background-size:210%;}
.visual-sub01{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual01.jpg) -250px 0px;background-size:270%;}
.visual-sub02{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual02.jpg) -250px 0px;background-size:270%;}
.visual-sub03{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual03.jpg) -250px 0px;background-size:270%;}
.visual-sub04{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual04.jpg) -250px 0px;background-size:270%;}
.visual-sub05{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual05.jpg) -250px 0px;background-size:270%;}
.visual-sub06{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(../img/main/sub-visual06.jpg) -250px 0px;background-size:270%;}
.v-mt01{font-size:30px;line-height:30px;padding:0 0 15px 0;}
.v-mt02{font-size:10px;}
.v-st01{font-size:30px;}

a.ms-btn{
  margin: 0px 0 0 12%;
  /*top: -9px;*/
  position: relative;
}
}


.title {max-width:1280px; margin:0 auto; font-size:0; text-align:center; }
.btn.btn-black.btn-empty { display:inline-block; width:22%; vertical-align:top; margin:2px;
background-color: #eee;
color: #171717;
border: solid 1px #eee;
border-color: #eee;
padding :10px;

}
.btn.btn-black:hover {
color: #FFF;
background-color: #023caa;
border-color: #023caa;
}