@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../font/notokr-light.eot'); src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/notokr-light.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../font/notokr-regular.eot'); src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 400; src: url('../font/notokr-medium.eot'); src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 700; src: url('../font/notokr-bold.eot'); src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff'); }

@font-face { font-family: 'NotoMrB'; font-style: normal; font-weight: 700; src: url('../font/SourceHanSerifKR-Medium_subset.eot'); src: url('../font/SourceHanSerifKR-Medium_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Medium_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Medium_subset.woff') format('woff'); }
@font-face { font-family: 'NotoMrR'; font-style: normal; font-weight: 700; src: url('../font/SourceHanSerifKR-Regular_subset.eot'); src: url('../font/SourceHanSerifKR-Regular_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Regular_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Regular_subset.woff') format('woff'); }

@font-face {
  font-family: 'Gloria Hallelujah';
  font-style: normal;
  font-weight: 400;
  src: url('../font/gloria-hallelujah-v9-latin-regular.eot'); src: url('../font/gloria-hallelujah-v9-latin-regular.eot?#iefix') format('embedded-opentype'), url('../font/gloria-hallelujah-v9-latin-regular.woff2') format('woff2'), url('../font/gloria-hallelujah-v9-latin-regular.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face { font-family: 'mont100'; src: url('../font/mont100.woff2') format('woff2'), url('../font/mont100.woff') format('woff');}
@font-face { font-family: 'mont200'; src: url('../font/mont200.woff2') format('woff2'), url('../font/mont200.woff') format('woff');}
@font-face { font-family: 'mont300'; src: url('../font/mont300.woff2') format('woff2'), url('../font/mont300.woff') format('woff');}
@font-face { font-family: 'mont400'; src: url('../font/mont400.woff2') format('woff2'), url('../font/mont400.woff') format('woff');}
@font-face { font-family: 'mont500'; src: url('../font/mont500.woff2') format('woff2'), url('../font/mont500.woff') format('woff');}
@font-face { font-family: 'mont600'; src: url('../font/mont600.woff2') format('woff2'), url('../font/mont600.woff') format('woff');}
@font-face { font-family: 'mont700'; src: url('../font/mont700.woff2') format('woff2'), url('../font/mont700.woff') format('woff');}
@font-face { font-family: 'mont800'; src: url('../font/mont800.woff2') format('woff2'), url('../font/mont800.woff') format('woff');}
@font-face { font-family: 'mont900'; src: url('../font/mont900.woff2') format('woff2'), url('../font/mont900.woff') format('woff');}


@font-face {font-family: 'GongGothicBold'; src: url('../font/GongGothicBold.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GongGothicMedium'; src: url('../font/GongGothicMedium.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GongGothicLight'; src: url('../font/GongGothicLight.woff') format('woff'); font-weight: normal;font-style: normal;}


* {margin:0; padding:0;}
body {width:100%; color:#444; font:12px/1.6 Dotum,AppleGothic,sans-serif; overflow-x:hidden; }
div {margin:0 auto; }
fieldset,img {border:none;}
img {border:0; vertical-align:top; border:0 none; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
table {border-collapse:collapse;}
address, em {font-style:normal;}
input,textarea {font-family:inherit; font-size:1.05em;} /*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p{ margin:0; padding:0; }
ul, li{ list-style:none; margin:0; padding:0; }
hr{ display:none; }

table, tr, td, th, ul, li, span, div, p, a { font-family: 'NotoKrR'; }

#m_wrap {width:100%; height:100%; margin:0 auto; position:relative; max-width:720px;}
#m_wrap .sns_float {position:fixed; width:7%; height:216px; right:0; top:60%; }
#m_wrap .top_area { height:auto; }

.top_area table.top_bg {padding:0 0 0 0;}

#m_wrap .logo_area {height:auto;}

#m_wrap .m_content {height:auto; }

.m_content .bt_area { height:auto;}

.m_content table {width:100%;}

.m_content td {padding:0;}

table.width_free img {width:100%;}
.sub_navi{width:167px; margin:0 auto;}
.sub_navi ul li{ background:URL(../images/sub/navi.gif) no-repeat 0px 0px;}
.sub_navi ul li a{display:block; width:167px; height:29px; text-align:left; font-size:12px;}
.sub_navi ul li a span{display:block; padding:8px 0px 0px 15px;}
.sub_navi ul li a:link,
.sub_navi ul li a:visited{color:#808080;}
.sub_navi ul li a:hover{color:#0093e3; background:URL(../images/sub/navi.gif) no-repeat 0px -34px;}

table tr td .copy_text01 {text-align:center; color:#fff; font-weight:bold; font-size:14px; margin-top:20px;}
table tr td .copy_text02 {text-align:center; color:#d2f9ff; font-weight:bold; font-size:14px; margin-top:10px;}

table tr td.copy_text {color:#7b7b7b; font-weight:bold; font-size:11px; height:45px; line-height:45px; text-align:center;}
table tr td.copy_text a{color:#7b7b7b; font-weight:bold; font-size:11px; height:45px; line-height:45px; text-align:center;}
table tr td.copy_text a:visited{color:#7b7b7b; font-weight:bold; font-size:11px; height:45px; line-height:45px; text-align:center;}
table tr td.copy_text a:active{color:#7b7b7b; font-weight:bold; font-size:11px; height:45px; line-height:45px; text-align:center;}
table tr td.copy_text a:hover{color:#7b7b7b; font-weight:bold; font-size:11px; height:45px; line-height:45px; text-align:center;}


.container {
  width:100%;
  margin: 0 auto;
  padding-top:0;
  position:relative;
}

.container #glb02 {width:30%; float:right;}
#glb02 .slide02_sub {display:none; position:absolute; top:0; right:0; width:30%; z-index:50000;}
#glb02 .slide02_sub img{width:100%;}

#slides {
 position:relative;
  display: none;
  width:100%; height:100%;
  
}
#slides img {width:100%; height:100%;}
#slides .slidesjs-navigation {
  margin-top:0;
}

#slides .slidesjs-previous {
  margin-right: 5px;
  float: left;
}

#slides .slidesjs-next {
  margin-right: 5px;
  float: left;
}

 .container .slidesjs-pagination {
 position:absolute; bottom:5%; left:50%; margin-left:-60px; z-index:1000;
}

.slidesjs-pagination li {
  margin:0 auto;
  
  text-align:center;
  width:120px;
}

.slidesjs-pagination li a {margin-left:5px;
  display: block;
  width: 15px;
  height: 0;
  padding-top: 15px;

  background-image: url(../images/m/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -15px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -30px
}

.copy_text_width {width:90%; height:25px; line-height:16px; font-size:11px; text-align:center; color:#7b7b7b; }
.copy_text_width a { color:#7b7b7b;}
.copy_text_width a:visited { color:#7b7b7b;}
.copy_text_width a:active { color:#7b7b7b;}
.copy_text_width a:hover { color:#7b7b7b; text-decoration:none;}

.subnavi02 ul {}
.subnavi02 li {display:block; padding:10px 0 0 0; float:left; }
.subnavi02 ul li a{display:block; padding:0; font-size:12px;  text-align:center; }
.subnavi02 ul li a span {text-align:block; }

.subnavi02 ul li a.sub_on {height:38px; color:#5e5e5e; text-decoration:none;  text-align:center; border-bottom:2px solid #ffffff;}
.subnavi02 ul li a.sub_on:hover{height:38px; color:#295127; text-decoration:none;  border-bottom:2px solid #295127;}
.subnavi02 ul li.on_menu_active a {height:38px; color:#295127; text-decoration:none;  border-bottom:2px solid #295127;}
.subnavi02 ul li.on_menu_active a:hover {height:38px; color:#295127; text-decoration:none;  border-bottom:2px solid #295127;}