@charset "euc-kr";
.color-box01{width:100%;margin-top:100px;background-color:#333333}
a:focus {outline:none;}
#menu-container {
    position: fixed;
    top: 0px;
    width:100%;
    height: 90px;   
    padding-left: 0px;
    padding-top: 0px; 
    margin:0 auto;
    text-align:left;
    box-sizing: border-box;
    color: #000;
    background-color: #fff;
    z-index:999;
      
    -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.1);
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);
}
#menu-container.fixed {
    padding-left: 0px;
    font-size: 1em;
    font-weight: bold;
    font-color: #000;
    width:100%;
    height:90px;
    right:0px;
    padding-top: 0px;
    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);
}
#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: 1024px) {
#menu-container{display:none;}
#menu-container-m {
    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-container-m.fixed {
    padding-left: 0px;
    font-size: 1em;
    font-weight: bold;
    font-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{float:right;}
.gnb-wrap02{}
@media (min-width: 1025px) {
.gnb-wrap02{display:none;}
}
@media (max-width: 1024px) {
.gnb-wrap01{display:none;}
}
.logo{float:left;text-align:left;z-index:9999;margin:13px 0 0 0;}
.mj-line{width:100%;height:24px;position:absolute;top:-24px;background:#646770;border-bottom:1px solid #646770;}
.mj-menu01{font-size:11px;font-weight:normal;position:relative;text-align:right;padding:4px 0 4px 0;margin-right:-5px;overflow:hidden;}
.mj-menu01 a{padding:0 0 0 6px;color:#bbb;}
.mj-menu01 .fst{text-align:center;padding:7px 11px 4px 23px;background:#0a2268;background-image:url(http://sua4864.cafe24.com/bizdemo47063/img/common/home01.png); background-repeat:no-repeat;}
.mj-menu01 .snd{text-align:center;padding:10px 5px 10px 5px;}
.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;}
.gnb {height:60px;list-style:none;margin:auto;position:relative;right:-4px;padding:35px 0 0 0;}
.navi_set{float: left;padding:0 0 10px 10px;position: relative;}
.mainnav{text-align:right;font-size:18px;margin:0 26px;height:60px;cursor:pointer;font-weight:500;color:#000;text-transform:uppercase;}
.mainnav:hover{color:#005eb8;}
.subnav{position: absolute;left:20px;top:50px;font-size: 14px;font-weight:400;background: #005eb8;display:none;border-top:0px solid #da2128;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.subnav li{padding:6px 20px 6px 20px;width:160px;text-align:left;cursor:pointer;color:#fff;text-transform:uppercase;}
.subnav li.fst{padding:18px 20px 6px 20px;}
.subnav li.last{padding:6px 20px 17px 20px;}
.subnav li:hover{color:#fff;text-decoration:underline;}
.mainnav-last{text-align:right;font-size:16px;margin:0 0 0 60px;cursor:pointer;font-weight:500;}
.mainnav-last a{display:inline-block;height:42px;line-height:41px;margin-top:-10px;padding:0 25px 0 50px;color:#fff;background:#005eb8 url(http://sua4864.cafe24.com/bizdemo47063/img/common/ico01.gif) no-repeat 25px 14px; border-radius:42px;}
.mainnav-last:hover{color:#005eb8;}
.subnav-last{position: absolute;left:20px;top:50px;font-size: 14px;font-weight:500;background: #005eb8;display:none;border-top:0px solid #da2128;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);}
.subnav-last li{padding:6px 20px 6px 20px;width:160px;text-align:left;cursor:pointer;color:#fff;}
.subnav-last li.fst{padding:18px 20px 6px 20px;}
.subnav-last li.last{padding:6px 20px 17px 20px;}
.subnav-last li:hover{color:#fff;text-decoration:underline;}
.lnb-menu{position:relative;top:0px;width:1200px;background:#fff;padding:30px 0 20px;margin:0 auto;text-align:center;font-size:19px;font-weight:500;letter-spacing:0;text-transform:uppercase;}
.lnb-menu a:link{color:#000;padding-bottom:5px;font-weight:300;}
.lnb-menu a:visited{color:#000;padding-bottom:5px;font-weight:300;}
.lnb-menu a:hover{color:#000;padding-bottom:5px;}
.lnb-menu .on{color:#000;border-bottom:2px solid #000;padding-bottom:5px;font-weight:700;}
.lnb-line{color:#ccc;font-size:10px;margin:0 20px 0 20px;position:relative;top:-1px;}
.lnb-tline{position:relative;top:-48px;border-top:1px solid #fff;opacity:0.1;}
#lnb-wrap {position:relative;top:0px;height:30px;list-style: none;width:100%;margin:0 0 26px 0;z-index:100;}
#lnbmenu,
#lnbmenu ul,
#lnbmenu ul li,
#lnbmenu 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;}
#lnbmenu {width: 100%;height:30px;}
#lnbmenu ul ul {display: none;}
.align-right {float: right;}
#lnbmenu > ul > li > a {
  padding: 15px 20px;
  border-left: 0px solid #1c74a2;
  border-right: 0px solid #1c74a2;
  border-top: 0px solid #1c74a2;
  cursor: pointer;
  z-index: 2;
  font-size:1.35em;
  text-align:center;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  text-transform:uppercase;
 /* text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);*/
}
#lnbmenu > ul > li > a:hover,
#lnbmenu > ul > li.active > a,
#lnbmenu > ul > li.open > a {
  color: #000;
  background: #fff;
  border-bottom:1px solid #121212;
}
.holder {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
}
.holder::after,
.holder::before {
  display: block;
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  right: 20px;
  z-index: 10;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.holder::after {
  top: 18px;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}
#lnbmenu > ul > li > a:hover > span::after,
#lnbmenu > ul > li.active > a > span::after,
#lnbmenu > ul > li.open > a > span::after {
  border-color: #000;
}
.holder::before {
  top: 19px;
  border-top: 2px solid;
  border-left: 2px solid;
  border-top-color: inherit;
  border-left-color: inherit;
}
#lnbmenu ul ul li a {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  border-left: 0px solid #00a8e1;
  border-right: 0px solid #00a8e1;
  padding: 16px 20px; 
  z-index: 1;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  color: #5b5c5e;
  background: #eee;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.1);
}
#lnbmenu ul ul li:hover > a,
#lnbmenu ul ul li.open > a,
#lnbmenu ul ul li.active > a {
  background: #eee;
  color: #5b5c5e;
}
#lnbmenu ul ul li:first-child > a {
  box-shadow: none;
}
#lnbmenu ul ul ul li:first-child > a {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#lnbmenu ul ul ul li a {
  padding-left: 30px;
}
#lnbmenu > ul > li > ul > li:last-child > a,
#lnbmenu > ul > li > ul > li.last > a {
  border-bottom: 1px solid #ccc;
}
#lnbmenu > ul > li > ul > li.open:last-child > a,
#lnbmenu > ul > li > ul > li.last.open > a {
  border-bottom: 1px solid #32373e;
}
#lnbmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
  border-bottom: 0;
}
#lnbmenu 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);
}
#lnbmenu ul ul li.active > a::after,
#lnbmenu ul ul li.open > a::after,
#lnbmenu ul ul li > a:hover::after {
  border-color: #ffffff;
}
.nav{position:relative;text-align:center;font-size:12px;color:#fff;margin:0;text-shadow: 0 1px 2px rgba(0, 0, 0, .0);background:#121212;text-transform:uppercase;border-top:1px solid #3272d6;}
.nav img{vertical-align:-1px;}
.nav .current{display:inline-block;color:#fff;padding:0 0 0 8px;}
.tc01{color:#da2128;text-decoration:underline;}
.tc02{color:#0a2268;text-decoration:none;}
.ta-l{text-align:left;}
.ta-c{text-align:center;}
.ta-r{text-align:right;}
.ta-j{/*text-align:justify;*/font-size:15px;}
.ts01{color:#444;font-size:28px;margin:0px 0 25px 0;font-weight:normal;}
.ts02{color:#444;font-size:46px;margin:5px 0 20px 0;line-height:56px;}
.ts03{color:#444;font-size:30px;margin:18px 0 20px 0;font-weight:normal;}
.ts04{color:#777;font-size:16px;margin:0px 0 32px 0;font-weight:normal;}
.ts05{color:#121212;font-size:32px;margin:20px 0;font-weight:500;}
.tw01{text-align:center;margin:0 auto;}
.tw02{text-align:left;padding:0 20px 0 20px;}
.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%; border-left:0px solid #bbbbbb; border-right:0px solid #bbbbbb;font-size:15px;}
.t1 caption{display:none;}
.t1 th{padding:12px 0px; border-bottom:1px solid #ddd; border-left:0px solid #a7b872;text-align:center;}
.t1 td{padding:12px 0px; border-bottom:1px solid #ddd; border-left:0px solid #a7b872;text-align:center;}
.t1 th .left,.t1 td .left{padding:12px 0px; border-bottom:1px solid #ddd; border-left:0px solid #a7b872;text-align:left;}
.t1 th{color:#555; border-top:0px solid #a7b872;}
.t1 th:first-child{border-left:0px;}
.t1 td:first-child{border-left:0px;}
.t1 td{padding-left:10px;}
.t1 th.last,
.t1 td.last{border-bottom:none;}
.t2{width:100%;text-align:center;margin:0 auto; border-left:0px solid #ddd; border-right:0px 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 #ebebeb;border-left:0px solid #ddd;text-align:center;}
.t2 td{padding:20px 20px 20px 20px;background-color:#ffffff;color:#777;border-bottom:1px solid #ebebeb;border-left:0px solid #ddd;text-align:left;}
.t2 td.left{text-align:left;padding:20px 0 20px 20px;line-height:24px;}
.t2 td.left-line{border-left:1px solid #ddd;background:#000;font-size:30pt;}
.t2 td.color{color:#247000;font-size:15px;}
.t2 td.green{color:#73a05d;font-weight:bold;}
.t2 th.fst{background:#fafafa;text-align:center;font-weight:bold;color:#555; border-top:3px solid #555;}
.t2 td.fst{background:#fff;text-align:left;font-weight:normal;color:#777; border-top:3px solid #555;}
.t2 td.table{padding:0px 0px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;text-align:left;}
.t2 th.left{background-color:#eee; color:#404040; border-top:1px solid #ddd;border-right:1px solid #ddd;}
.t2 th.left-last{background-color:#eee; color:#404040; border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.t2 th:first-child{border-left:0px;}
.t2 td:first-child{border-left:0px;}
.t2 th.last,
.t2 td.last{border-bottom:1px solid #ddd;}
.t3{width:100%; border-left:0px solid #bbbbbb; border-right:0px solid #bbbbbb;font-size:14px;}
.t3 caption{display:none;}
.t3 th,.t3 td{padding:14px 0px; border-bottom:1px dotted #aaaaaa; border-left:0px solid #a7b872;text-align:center;}
.t3 th .left,.t3 td .left{padding:14px 0px; border-bottom:1px dotted #aaaaaa; border-left:0px solid #a7b872;text-align:left;}
.t3 th{color:#555; border-top:0px solid #a7b872;}
.t3 th:first-child{border-left:0px;}
.t3 td:first-child{border-left:0px;}
.t3 td{padding-left:10px;}
.t3 th.last,
.t3 td.last{border-bottom:none;}
.tit-main01 {text-align:center;font-size: 48px;font-weight:300;color:#000;padding:40px 0 0 0;text-transform:uppercase;}
.tit-main01 b{font-weight:900;}
.tit-main02 {text-align:center;font-size: 15px;font-weight:normal;color:#333;padding:20px 0 30px 0;}
.tit-main03 {text-align:center;padding:30px 0 30px 0;font-size: 15px;color:#ddd;clear:both;}
.tit-main04 {text-align:left;font-size: 28px;font-weight:normal;color:#444;margin:0 0 5px -5px;font-family:'Open Sans', Arial, Geneva, Helvetica, sans-seri;}
.tit-main05 {color:#fff;font-size:18px;padding:0px 0 5px 0;margin:0 0 15px 0;font-weight:normal;border-bottom:1px solid #777;}
.tit-main06 {text-align:center;font-size: 36px;font-weight:normal;color:#fff;padding:5px 0 0 0;}
.tit-main07 {text-align:center;font-size: 17px;font-weight:normal;color:#aaa;padding:5px 0 40px 0;}
.tit-sub01  {text-align:center;font-size: 36px;font-weight:500;color:#222;margin:50px 0 0px 0;}
.tit-sub02  {text-align:center;font-size: 13px;font-weight:normal;color:#999;margin:10px 0 30px 0;font-family:'Open Sans', Arial, Verdana, sans-serif;}
.tit-sub03 {text-align:center;font-size: 36px;color:#222;font-weight:500;margin:0;}
.tit-sub04 {text-align:center;font-size: 17px;font-weight:normal;color:#999;margin:5px 0 40px 0;}
.map-area{width:100%;height:500px;margin:50px 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;}
.au-btn{display:inline-block;font-size:12px;margin:20px 0 0 0;padding:5px 30px 6px 30px;border-radius:0px;border:1px solid #ccc;color:#555;background:#fff;transition:0.3s ease;}
 a:hover .au-btn{color:#fff;background:#111;border:1px solid #111;}
.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);filter: blur(0px);opacity: 0.5;}
.mb-wrap-bs{width:100%;display:inline-block;box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1);overflow:hidden;}
.mb-title{text-align:left;padding:30px;text-transform:uppercase;}
 a:hover .mb-title{}
.mb-title .mb-t01{font-size:23px;font-weight:600;color:#000;}
.mb-title .mb-t02{color: #333;font-size:15px;font-weight:normal;padding:10px 0 25px;line-height:150%;}
.mb-title .btn-more{display:inline-block;height:30px;line-height:28px;padding:0 20px;border:1px solid #000;border-radius:30px;font-weight:normal; font-size:13px;color:#000;}
 a:hover .mb-title .mb-t01{color:#000;}
 a:hover .mb-title .mb-t02{color:#555;}
 a:hover .btn-more{background:#000;color:#fff;}
.more {position:absolute; top:20px; right:30px; color:#bbb; font-size:12px;transition:0.3s ease;}
 a:hover .more {color:#fff;}
/*.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 {background:#0a2268;border-radius:0px;padding:20px 20px 8px 20px;margin:0;text-align:center;border:0px solid #6a6d74;}
.cs-box ul li.t01{color:#eee;font-size:16px;padding:3px 0 7px 0;font-weight:normal;}
.cs-box ul li.t02{text-align:center;font-size: 24px;font-weight:normal;color:#fff;margin:0;}
.cs-box ul li.t03{text-align:center;font-size: 12px;font-weight:normal;color:#999;margin:10px 0 0 0;}
.co-wrap{text-decoration:none;background:#f7f7f7;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 .co-t01{font-size:16px;font-weight:bold;color:#555;padding:15px 0 0 0;}
.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;}
.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(http://sua4864.cafe24.com/bizdemo47063/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;clear:both;text-align:left;font-weight:bold;font-size:34px;color:#333;padding:20px 50px 5px 0;font-family:Arial, Helvetica, sans-serif;}
#history-box dd{float:left;text-align:left;padding:20px 0 20px 0;}
#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:#555;padding:0 14px 5px 14px;text-align:left;}
#square_box h5{color:#787878;padding:0 12px 10px 14px;font-weight:normal;text-align:left;}
#footer-wrap01{width:100%;position:relative;background-color:#222;padding:50px 0 25px 0;color:#aaa;}
#footer-wrap02{width:100%;position:relative;clear:both;margin:0;padding:0px 0 50px 0;background-color:#222;color:#aaa;}
#footer-wrap03{width:100%;position:relative;background-color:#eee;padding:25px 0 5px 0;border-top:1px solid #ddd;}
#footer-wrap04{width:100%;position:relative;clear:both;margin:0;padding:5px 0 20px 0;background-color:#eee;border-top:0px solid #ddd;}
.footer-logo{position:relative;text-align:center;padding:35px 0 15px 0;margin:0 0 0 -5px;}
.fnb-fi{position:relative;margin:0 auto;text-align:center;padding:20px 0 0 0;}
.fnb-fi ul{display:inline-block;}
.fnb-fi li{float:left;position:relative;margin:0 auto;text-align:center;padding:0 5px 0 5px;}
.address{text-align:center;color:#888;font-size:14px;padding:0 0 5px 0;line-height:24px;}
.copy{text-align:center;color:#888;font-size:13px;}
.policy{text-align:center;color:#666;font-size:14px;margin:0 auto;}
.policy a:link{color:#666;padding:0 5px;}
.policy a:visited{color:#666;}
.policy a:hover{color:#333;}
.policy .trans{text-align:center;}
.policy-line{color:#888;font-size:11px;margin:0 5px 0 5px;font-family:µ¸¿ò, ±¼¸²;}
.policy-line-trans{color:#888;font-size:11px;margin:0 5px 0 5px;font-family:µ¸¿ò, ±¼¸²;}
.family-site{position:absolute;right:0;margin:-68px 0 0 0;font-size:11px;}
.famliy-site-link{position:absolute;right:0;margin:-33px 0 0 0;width:126px;border:1px solid #efefef;}
.famliy-site-link a{display:inline-block;width:126px;text-decoration:none}
.famliy-site-link a:hover{background:#efefef;}
.m-reservation-bg{background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/bg-m-reservation.jpg) 0 0;}
.m-reservation-bg2{background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/bg-m-reservation2.jpg) 0 0;}
.m-reservation{padding:50px 0;color:#fff;}
.m-reservation .h3-title{font-size:50px;text-transform:uppercase;line-height:110%;font-weight:300;}
.m-reservation .h3-title b{display:block;font-weight:700;}
.m-reservation p{display:block;width:30%;margin:25px 0 30px;font-size:15px;line-height:150%;}
.m-reservation a.btn-more{display:inline-block;height:30px;line-height:28px;padding:0 20px;border:1px solid #fff;border-radius:30px;font-weight:normal; font-size:13px;color:#fff;text-transform:uppercase;l}
.m-reservation a:hover.btn-more{background:#fff;color:#000;}
.m-reservation p.p-right{clear:both;width:100%;}
.m-reservation p.p-right a{float:right}
@media (max-width: 767px) {
#footer-wrap01{width:100%;position:relative;padding:20px 0 5px 0;}
#footer-wrap02{width:100%;position:relative;clear:both;margin:0;padding:5px 0 15px 0;border-top:0px solid #ddd;}
#footer-wrap03{width:100%;position:relative;background-color:#eee;padding:20px 0 5px 0;border-top:1px solid #ddd;}
#footer-wrap04{width:100%;position:relative;clear:both;margin:0;padding:5px 0 15px 0;background-color:#eee;border-top:0px solid #ddd;}
.address{text-align:center;color:#888;font-size:12px;padding:3px 0 10px 0;line-height:16px;}
.address .dp-block a{color:#93fbff;}
.copy{text-align:center;color:#888;font-size:11px;}
.policy{text-align:center;font-size:13px;margin:0 0 0 0;}
.policy a:link{color:#666;padding:0 5px 0 5px;}
.policy a:visited{color:#666;}
.policy a:hover{color:#333;}
.policy .trans{display:none;}
.policy-line{color:#888;font-size:10px;margin:0 4px 0 5px;font-family:µ¸¿ò, ±¼¸²;}
.policy-line-trans{display:none;}
.m-reservation-bg,
.m-reservation-bg2{background-position:center;background-size:cover;}
.m-reservation{padding:0 15px;}
.m-reservation .h3-title{font-size:24px;}
.m-reservation p{width:95%;margin:10px 0 15px;font-size:12px;}
.m-reservation a.btn-more{display:inline-block;height:30px;line-height:28px;padding:0 20px;border:1px solid #fff;border-radius:30px;font-weight:normal; font-size:13px;color:#fff;text-transform:uppercase;l}
.m-reservation a:hover.btn-more{background:#fff;color:#000;}
}
@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: 30px;display:none;z-index:9999;}
}
@media (max-width: 1024px) {
.ts01{color:#555555;font-size:16px;margin:10px 0 10px 0;}
.ts02{color:#333;text-decoration:none;font-size:24px;margin:0px 0 20px 0;line-height:30px;}
.ts03{color:#444;font-size:20px;margin:15px 0 15px 0;font-weight:normal;}
.ts04{color:#777;font-size:13px;margin:0px 0 25px 0;font-weight:normal;}
.ts05{color:#444;font-size:20px;margin:0px 0 20px 0;font-weight:normal;}
.tl01{color:#555555;text-decoration:none;font-size:20px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:20px 0 15px 0;margin:20px 0 35px 0;text-align:center;}
.tw01{text-align:left;padding:0;}
.tw02{text-align:left;padding:0;}
.tit-main01 {text-align:center;font-size: 22px;font-weight:bold;color:#333;padding:20px 0 3px 0;}
.tit-main02 {text-align:center;font-size: 12px;font-weight:normal;color:#999;padding:0px 0 20px 0;}
.tit-main03 {text-align:center;font-size: 11px;padding:17px 0 17px 0;font-weight:normal;color:#eee;}
.tit-main04 {text-align:left;font-size: 20px;font-weight:normal;color:#444;margin:10px 0 0 -5px;}
.tit-main05 {color:#fff;font-size:18px;padding:0px 0 5px 0;margin:0 0 15px 0;font-weight:normal;border-bottom:1px solid #777;}
.tit-main06 {text-align:center;font-size: 24px;font-weight:normal;color:#fff;padding:5px 0 0 0;}
.tit-main07 {text-align:center;font-size: 12px;font-weight:normal;color:#aaa;padding:5px 0 20px 0;}
.tit-sub01 {text-align:center;font-size: 24px;font-weight:500;color:#222;margin:25px 0 0px 0;}
.tit-sub02 {text-align:center;font-size: 11px;font-weight:normal;color:#999;margin:2px 0 30px 0;}
.tit-sub03 {text-align:center;font-size: 24px;font-weight:500;margin:20px 0 0px 0;}
.tit-sub04 {text-align:center;font-size: 12px;font-weight:normal;color:#999;margin:0px 0 10px 0;}
.map-area{width:100%;height:250px;margin:50px 0 50px 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;}
.au-btn{display:inline-block;font-size:10px;margin:20px 0 0 0;padding:5px 12px 5px 12px;border-radius:0px;border:1px solid #ccc;color:#555;background:#fff;}
 a:hover .au-btn{color:#fff;background:#111;border:1px solid #111;}
.mb-wrap{background: #000;text-decoration:none;overflow:hidden;}
.mb-wrap .mb-img{display:block;transform:scale(1); transition:0.5s ease;}
 a:hover .mb-wrap{color:#555;text-decoration:none;background:#000;}
 a:hover .mb-img{transform:scale(1); filter: blur(0px);opacity: 0.5;}
.mb-title{text-align:left;padding:25px;transition: background 1s;}
 a:hover .mb-title{}
.mb-title .mb-t01{font-size:20px;font-weight:500;color:#333;}
.mb-title .mb-t02{color: #777;font-size: 12px;font-weight:normal;}
 a:hover .mb-title .mb-t01{color:#000;}
 a:hover .mb-title .mb-t02{color:#555;}
.more {position:absolute; top:16px; right:25px; color:#bbb; font-size:12px;}
 a:hover .more {color:#fff;}
.cs-box {background:#0a2268;border-radius:0px;padding:20px 20px 8px 20px;margin:0;text-align:center;}
.cs-box ul li.t01{color:#eee;font-size:16px;padding:3px 0 7px 0;font-weight:normal;}
.cs-box ul li.t02{text-align:center;font-size: 24px;font-weight:normal;color:#fff;margin:0;}
.cs-box ul li.t03{text-align:center;font-size: 12px;font-weight:normal;color:#999;margin:10px 0 0 0;}
.co-wrap{text-decoration:none;background:#f7f7f7;border:1px solid #ccc;padding:50px 10px 30px 10px;}
 a:hover .co-wrap{color:#555;text-decoration:none;}
.co-wrap .co-title{text-align:center;}
 a:hover .co-title{color:#ff3000;}
.co-wrap .co-t01{font-size:14px;font-weight:bold;color:#555;padding:15px 0 0 0;}
.co-wrap .co-t02{font-size:11px;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:10px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.sb-wrap .sb-t01{font-size: 14px;font-weight:bold;color:#333;}
.sb-wrap .sb-t02{color: #555;font-size: 13px;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: 16px;font-weight:bold;color:#333;}
.xb-wrap .xb-t02{color: #777;font-size: 12px;padding:5px 0 3px 0;font-weight:normal;}
.ci-box{text-align:left;}
.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-weight:bold;font-size:13px;color:#555;letter-spacing:5px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/common/blet01.png) 0px 6px; background-repeat:no-repeat;}
.mov-wrap { position: relative; padding-bottom: 54%; 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:20px 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;clear:both;text-align:left;font-weight:bold;font-size:24px;padding:13px 50px 5px 0;}
#history-box dd{float:left;text-align:left;padding:10px 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:14px 0 2px 0px;padding:0 0 0 16px;border-top:0px solid #333;border-bottom:1px solid #ccc;}
.mj-menu02 a{font-size:11px;padding:0px 3px 0 14px;margin-left:-1px;color:#888;font-family: Open Sans, Noto Sans KR, Malgun Gothic, Nanum Gothic;}
.mj-menu02 .fst{margin:0 10px 0 0;background:url(http://sua4864.cafe24.com/bizdemo47063/img/common/icon-member.png) 0px 5px; background-repeat:no-repeat;}
.mj-menu02 .snd{margin:0 10px 0 0;background:url(http://sua4864.cafe24.com/bizdemo47063/img/common/icon-join.png) 0px 6px; background-repeat:no-repeat;}
.lnb-menu{display:none;}
.lnb-line{display:none;}
.lnb-tline{display:none;}
body {
 font-size: 13px;
 line-height: 1.42857143;
 color: #777;
 background-color: #fff;
}
}
/*****RESPONSIVE ºñÁ־󿵿ª*****/
/*****¹é±×¶ó¿îµå À̹ÌÁöÀÇ Áß½ÉÃà À̵¿Àº background:url() 0px 0px; ¿¡¼­ ¾ÕÀÇ 0px °ªÀ» ÀûÀýÈ÷ Á¶ÀýÇØÁÖ½Ã¸é µË´Ï´Ù.*****/
.visual-main01{position:relative;top:0;left:50%;width:1920px;height:640px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg);}
.visual-main02{position:relative;top:0;left:50%;width:1920px;height:640px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg);}
.visual-main03{position:relative;top:0;left:50%;width:1920px;height:640px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg);}
.visual-sub01{position:relative;top:0;left:50%;width:1920px;height:350px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual01.jpg);}
.visual-sub02{position:relative;top:0;left:50%;width:1920px;height:280px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual02.jpg);}
.visual-sub03{position:relative;top:0;left:50%;width:1920px;height:280px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual03.jpg);}
.visual-sub04{position:relative;top:0;left:50%;width:1920px;height:280px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual04.jpg);}
.visual-sub05{position:relative;top:0;left:50%;width:1920px;height:280px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual05.jpg);}
.visual-sub06{position:relative;top:0;left:50%;width:1920px;height:280px;margin-left:-960px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual06.jpg);}
.v-mt01{color:#fff;font-size:54px;font-weight:500;font-family:Noto Sans KR, Nanum Gothic, Arial, Helvetica, sans-serif;line-height:60px;text-shadow: 0 1px 2px rgba(0, 0, 0, .3);}
.v-mt02{color:#ddd;font-size:16px;font-family:Noto Sans KR, Nanum Gothic;padding:20px 0 20px 0;}
.v-btn{display:inline-block;font-size:12px;padding: 8px 30px 8px 30px;border-radius: 0px;color:#fff;background:#e11433;transition:0.3s ease;}
 a:hover .v-btn{color:#fff;background:#ca011f;}
.v-st01{text-align:center;font-size: 48px;font-weight:normal;color:#fff;text-shadow: 0 1px 2px rgba(0, 0, 0, .2);}
@media (max-width: 1600px) {
.visual-main01{position:relative;top:0;left:50%;width:1600px;height:458px;margin-left:-800px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1600px;height:458px;margin-left:-800px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1600px;height:458px;margin-left:-800px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg) 0px 0px;background-size:100%;}
}
@media (max-width: 1366px) {
.visual-main01{position:relative;top:0;left:50%;width:1366px;height:391px;margin-left:-683px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1366px;height:391px;margin-left:-683px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1366px;height:391px;margin-left:-683px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg) 0px 0px;background-size:100%;}
.v-mt01{font-size:50px;line-height:50px;}
.v-mt02{font-size:14px;padding:15px 0 15px 0;}
.v-btn{font-size:12px;padding: 7px 25px 7px 25px;}
}
@media (max-width: 1280px) {
.visual-main01{position:relative;top:0;left:50%;width:1280px;height:367px;margin-left:-640px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1280px;height:367px;margin-left:-640px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1280px;height:367px;margin-left:-640px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg) 0px 0px;background-size:100%;}
}
@media (max-width: 1024px) {
.visual-main01{position:relative;top:0;left:50%;width:1024px;height:293px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg) 0px 0px;background-size:100%;}
.visual-main02{position:relative;top:0;left:50%;width:1024px;height:293px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg) 0px 0px;background-size:100%;}
.visual-main03{position:relative;top:0;left:50%;width:1024px;height:293px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg) 0px 0px;background-size:100%;}
.visual-sub01{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual01.jpg) -150px 0px;background-size:140%;}
.visual-sub02{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual02.jpg) -150px 0px;background-size:140%;}
.visual-sub03{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual03.jpg) -150px 0px;background-size:140%;}
.visual-sub04{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual04.jpg) -150px 0px;background-size:140%;}
.visual-sub05{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual05.jpg) -150px 0px;background-size:140%;}
.visual-sub06{position:relative;top:0;left:50%;width:1024px;height:200px;margin-left:-512px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual06.jpg) -150px 0px;background-size:140%;}
.v-mt01{font-size:40px;line-height:40px;}
.v-mt02{font-size:13px;padding:10px 0 10px 0;}
.v-btn{font-size:11px;padding: 6px 20px 6px 20px;}
.v-st01{font-size: 40px;}
}
@media (max-width: 800px) {
.visual-main01{position:relative;top:0;left:50%;width:800px;height:293px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg) -80px 0px;background-size:130%;}
.visual-main02{position:relative;top:0;left:50%;width:800px;height:293px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg) -200px 0px;background-size:130%;}
.visual-main03{position:relative;top:0;left:50%;width:800px;height:293px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg) -80px 0px;background-size:130%;}
.visual-sub01{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual01.jpg) -240px 0px;background-size:160%;}
.visual-sub02{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual02.jpg) -240px 0px;background-size:160%;}
.visual-sub03{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual03.jpg) -240px 0px;background-size:160%;}
.visual-sub04{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual04.jpg) -240px 0px;background-size:160%;}
.visual-sub05{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual05.jpg) -240px 0px;background-size:160%;}
.visual-sub06{position:relative;top:0;left:50%;width:800px;height:180px;margin-left:-400px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual06.jpg) -240px 0px;background-size:160%;}
.v-mt01{font-size:32px;line-height:32px;}
.v-mt02{font-size:12px;padding:8px 0 8px 0;} 
.v-btn{font-size:11px;padding: 5px 15px 4px 15px;}
.v-st01{font-size: 32px;}
}
@media (max-width: 768px) {
.visual-main01{position:relative;top:0;left:50%;width:768px;height:293px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg) -100px 0px;background-size:140%;}
.visual-main02{position:relative;top:0;left:50%;width:768px;height:293px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg) -100px 0px;background-size:140%;}
.visual-main03{position:relative;top:0;left:50%;width:768px;height:293px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg) -100px 0px;background-size:140%;}
.visual-sub01{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual01.jpg) -210px 0px;background-size:165%;}
.visual-sub02{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual02.jpg) -210px 0px;background-size:165%;}
.visual-sub03{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual03.jpg) -210px 0px;background-size:165%;}
.visual-sub04{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual04.jpg) -210px 0px;background-size:165%;}
.visual-sub05{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual05.jpg) -210px 0px;background-size:165%;}
.visual-sub06{position:relative;top:0;left:50%;width:768px;height:180px;margin-left:-384px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual06.jpg) -210px 0px;background-size:165%;}
}
@media (max-width: 420px) {
.visual-main01{position:relative;top:0;left:50%;width:420px;height:250px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg) -100px 0px;background-size:210%;}
.visual-main02{position:relative;top:0;left:50%;width:420px;height:250px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg) -100px 0px;background-size:210%;}
.visual-main03{position:relative;top:0;left:50%;width:420px;height:250px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg) -100px 0px;background-size:210%;}
.visual-sub01{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual01.jpg) -300px 0px;background-size:250%;}
.visual-sub02{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual02.jpg) -300px 0px;background-size:250%;}
.visual-sub03{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual03.jpg) -300px 0px;background-size:250%;}
.visual-sub04{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual04.jpg) -300px 0px;background-size:250%;}
.visual-sub05{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual05.jpg) -300px 0px;background-size:250%;}
.visual-sub06{position:relative;top:0;left:50%;width:420px;height:150px;margin-left:-210px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual06.jpg) -300px 0px;background-size:250%;}
.v-mt01{font-size:28px;line-height:28px;}
.v-mt02{font-size:11px;padding:8px 0 8px 0;} 
.v-btn{font-size:10px;padding: 5px 15px 4px 15px;}
.v-st01{font-size: 30px;}
}
@media (max-width: 360px) {
.visual-main01{position:relative;top:0;left:50%;width:360px;height:250px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual01.jpg) -100px 0px;background-size:245%;}
.visual-main02{position:relative;top:0;left:50%;width:360px;height:250px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual02.jpg) -100px 0px;background-size:245%;}
.visual-main03{position:relative;top:0;left:50%;width:360px;height:250px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/visual03.jpg) -100px 0px;background-size:245%;}
.visual-sub01{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual01.jpg) -300px 0px;background-size:290%;}
.visual-sub02{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual02.jpg) -300px 0px;background-size:290%;}
.visual-sub03{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual03.jpg) -300px 0px;background-size:290%;}
.visual-sub04{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual04.jpg) -300px 0px;background-size:290%;}
.visual-sub05{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual05.jpg) -300px 0px;background-size:290%;}
.visual-sub06{position:relative;top:0;left:50%;width:360px;height:150px;margin-left:-180px;background:url(http://sua4864.cafe24.com/bizdemo47063/img/main/sub-visual06.jpg) -300px 0px;background-size:290%;}
}
/*********** ¹ÎÁ¦Ãß°¡ ***********/
/* °øÅë */
h2{margin-top:-10px;}
.f_red{color:#c1003a;}
.f_blue{color:#468eff;}
.sky-blue{color:#93fbff;}
.dp-pc{display:block;}
.dp-mobile{display:none !important;}
.mt50{margin-top:50px;}
.ta-r{text-align:right;}
.f-right{float:right;}
.w100{width:100%;}
@media (max-width: 460px) {
h2{font-size:19px;margin:0px 0 10px;line-height:150%;}
.tit-sub01{margin-top:15px;font-size:21px;}
.tit-sub02{margin:2px 0 15px;}
.dp-pc{display:none !important;}
.dp-mobile{display:block !important;}
.mt50{margin-top:15px;}
.mb-title{padding:13px 13px 15px;}
.mb-title .mb-t01{font-size:16px;}
.mb-title .mb-t02{height:80px;line-height:140%;font-size:11px;padding:5px 0;}
.btn-more{height:24px !important;line-height:22px !important;font-size:11px !important;}
.policy img{width:9%;}
.dp-block{display:block;}
.map-area{margin:30px 0;}
}
iframe{border:none;}
/* ¸Þ´º */
@media (max-width: 1024px) {
.navbar-header{height:90px;}
.navbar-brand img{width:15%;margin:12px auto;}
.dropdown {}
}
@media (max-width: 768px) {
.navbar-brand img{width:20%;}
}
@media (max-width: 420px) {
.navbar-brand img{width:34%;}
}
/* ¼Ò°³ */
.intro{line-height:170%;text-align:left;}
.intro p{font-size:18px;}
.intro ul li{color:#333;}
.why_s_box {margin:20px 0 30px;overflow:hidden;}
.why_s_box dl{width:calc(25% - 8px); min-height:270px; border:1px solid #c9c9c9; float:left;margin-right:10px; margin-bottom:10px;}
.why_s_box dl:nth-child(4){margin-right:0;}
.why_s_box dl:nth-child(8){margin-right:0;}
.why_s_box dl dt{font-size:19px; color:#0072ff; font-weight:normal; border-bottom:1px solid #c9c9c9; background:#f4fafc; padding:20px 0; text-align:center;}
.why_s_box dl dd{padding:20px 25px; text-align:center; font-size:15px;line-height:170%;}
.why_s_box dl dd img{margin-top:10px;}
.why_s_box dl dd span{color:#000;}
.why_s_box dl.last{margin-right:0 !important}
.why_s_box dl.bottom{height:240px;}
.why_s_box dl dt.parking{ background:#00222d; color:#00fffc; }
ul.sub_con_list{margin-bottom:50px;}
ul.sub_con_list li{ background:url(http://sua4864.cafe24.com/bizdemo47063/img/sub/bullet.png) no-repeat 0 11px; font-size:16px; color:#525252; line-height:33px; padding-left:20px; }
.btn-wave{position:absolute;top:550px;right:0}
@media (max-width: 1594px) {
.btn-wave{top:400px;}
}
@media (max-width: 1024px) {
.btn-wave{top:250px;}
}
@media (max-width: 768px) {
.why_s_box dl{width:calc(49% - 8px);}
.btn-wave{width:35%;position:absolute;top:260px;right:0;z-index:999;}
.btn-wave img{}
}
@media (max-width: 420px) {
.intro{line-height:160%}
.intro p{font-size:14px;}
.intro h2{margin-top:20px;}
.why_s_box dl{width:100%; min-height:100px;}
.why_s_box dl dt{padding:10px 0;font-size:15px;}
.why_s_box dl dd{padding:15px; font-size:13px;line-height:140%;}
ul.sub_con_list{margin-bottom:30px;}
ul.sub_con_list li{background-position:0 6px;font-size:14px; line-height:140%; margin-bottom:8px; padding-left:15px; }}
/* Ä¿¸®Å§·³ */
.lesson_img{width:38%;float:left;}
.curriculum_box{width:58%; float:right; margin-bottom:70px;}
.curriculum_txt div{margin-bottom:30px; display:block; font-size:15px;}
.curriculum_txt h6{font-size:18px; color:#000; margin-bottom:5px; display:block; line-height:24px;}
.curriculum_txt ul li{ background:url(http://sua4864.cafe24.com/bizdemo47063/img/sub/bullet.png) no-repeat 0 8px; padding-left:15px; font-size:15px; line-height:22px;}
.curriculum_txt div.caution h6{color:#f02966;}
.curriculum_txt div.caution ul li{background:url(http://sua4864.cafe24.com/bizdemo47063/img/sub/bullet02.png) no-repeat 0 10px; }
table.level{width:100%; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;  font-size:15px; margin-bottom:70px; margin-top:25px;}
table.level th{text-align:center;font-size:16px;color:#0072ff; font-weight:normal; vertical-align:middle;  border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
table.level td{border-bottom:1px solid #bfbfbf;}
table.level td.t_01{background:#f4fbff; padding:20px 30px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;  }
table.level td.t_01 ul li{background:url(http://sua4864.cafe24.com/bizdemo47063/img/sub/bullet03.png) no-repeat 0 8px; line-height:20px; padding-left:15px; color:#525252; margin-bottom:3px;}
table.level td.t_02{vertical-align:middle; text-align:center; color:#525252;  border-left:1px solid #bfbfbf; padding:15px 0 }
table.level_inter{width:100%;  border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;  font-size:15px; margin-bottom:70px; margin-top:25px;}
table.level_inter th{text-align:center;font-size:16px;color:#f02966; font-weight:normal; vertical-align:middle;  border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}
table.level_inter td{border-bottom:1px solid #bfbfbf;}
table.level_inter td.t_01{background:#fff7f9; padding:20px 30px; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;  }
table.level_inter td.t_01 ul li{background:url(http://sua4864.cafe24.com/bizdemo47063/img/sub/bullet03.png) no-repeat 0 8px; line-height:20px; padding-left:15px; color:#525252; margin-bottom:3px;}
table.level_inter td.t_02{vertical-align:middle; text-align:center; color:#525252;  border-left:1px solid #bfbfbf; padding:15px 0 }
@media (max-width: 768px) {
.lesson_wrap img{width:100%;}
.lesson_img{display:none;}
.curriculum_box{width:100%;margin-bottom:30px;}
.curriculum_txt div{font-size:13px;margin-bottom:15px;}
.curriculum_txt h6{font-size:14px;line-height:140%;}
.curriculum_txt ul li{background-position:0 5px;font-size:13px;line-height:140%;}
.curriculum_txt div.caution ul li{background-position:0 8px;font-size:13px;line-height:140%;}
table.level,
table.level_inter{font-size:11px;margin-bottom:30px;margin-top:15px;}
table.level th,
table.level_inter th{font-size:12px;padding:5px;}
table.level td.t_01,
table.level_inter td.t_01{padding:10px 5px 0;}
table.level td.t_02,
table.level_inter td.t_02{padding:5px;}
table.level td.t_01 ul li,
table.level_inter td.t_01 ul li{background-position:0 3px; padding-left:8px;line-height:130%;}
}
/* ǥ */
.price_wrap{margin-bottom:80px; position:relative;}
table.price{width:100%; border:1px solid #d9d9d9; font-size:15px; margin-bottom:20px;}
table.price thead th{ background:#f4fbff; border:1px solid #d9d9d9; font-weight:normal; height:50px; vertical-align:middle;text-align:center;}
table.price tbody td{padding:15px 0; text-align:center; border:1px solid #d9d9d9; vertical-align:middle}
table.price tbody td.p{ text-align:right; padding-right:50px}
table.price tbody td.info{font-size:15px; text-align:left; padding:25px 40px 0 40px;}
table.price tbody td.info p{margin-bottom:25px;}
@media (max-width: 420px) {
table.price{ font-size:13px;}
table.price thead th{height:45px;}
table.price tbody td{padding:6px 0 8px;}
table.price tbody td.p{ text-align:center; padding-right:0}
table.price tbody td.info{font-size:12px; text-align:left; padding:10px 15px 0 15px;}
.t2{font-size:13px;}
.t2 th{padding:10px;}
.t2 td{padding:10px;}
.t2 td.left{padding:10px 0 10px 10px;}
.t2 td.color{font-size:13px;}
}
/* Æ˾÷ */
.popup img{display:block;width:100% ;}
.popup .btn-close{height:40px;line-height:40px;text-align:center;margin-top:15px; background:#f5f5f5; font-size:13px;}
.popup .btn-close a {display:inline-block;height:30px;line-height:30px;margin-top:7px;padding:0 20px;background:#000;color:#fff;}
.popup .btn-close a:hover {color:yellow}
@media (min-width: 601px) {
.popup .btn-close{height:120px;line-height:120px;font-size:30px;margin-top:40px; }
.popup .btn-close a {display:inline-block;height:80px;line-height:80px;margin:15px 0 0 15px;padding:0 40px;}
.popup .btn-close input.input-close{display:inline-block;width:30px;height:30px;margin:10px 10px 0 0}
}