/*
author: 83years (83years@gmail.com)
date created: 2014/01/01
license: creative commons 2.5
http: //smartnm.com
encoding: utf-8
attribute order: content, display, overflow, position, clear, float, margin, padding, width, height, line-height, list-style, cursor, color, font, text, background, border, z-index
*/

/* Table of Contents
#import
#font face
#global properties
#skipToContent
#all layouts
#main
#north
#spot
#south
#lnb
#west
#center
*/

/* ***************************************************** import ***************************************************** */
@import url();

/* ***************************************************** font face ***************************************************** */
/*
'Nanum Gothic'
*/
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanum-square {font-family: 'Nanum Square' !important;}
.nanumsquare {font-family: 'NanumSquare' !important;}
.nanummyeongjo {font-family: 'Nanum Myeongjo' !important;}

@font-face {
  font-family: 'BareunBatang';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFM.woff') format('woff');
}

@font-face {
  font-family: 'BareunBatang';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFB.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFB.woff') format('woff');
}

@font-face {
  font-family: 'BareunBatang';
  font-style: normal;
  font-weight: 300;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFL.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kpa/BareunBatang/BareunBatangOTFL.woff') format('woff');
}

.bareunbatang * {
 font-family: 'BareunBatang', serif;
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}

.w250 {
 font-weight: 250;
}

.w300 {
 font-weight: 300;
}

.w350 {
 font-weight: 350;
}

.w400 {
 font-weight: 400;
}

.w500 {
 font-weight: 500;
}

.w700 {
 font-weight: 700;
}

.w800 {
 font-weight: 800;
}

.w900 {
 font-weight: 900;
}

/* ***************************************************** global properties ***************************************************** */
* {margin: 0; padding: 0;}
/* html {cursor: url(/_images/cursor_big.cur), url(http://www.example.com/bar.gif), auto;} */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}
time {display: inline;}
body {margin: 0; padding: 0; color: #333; font-size: 80%; line-height: 1.6; letter-spacing: -0.6px; /* word-spacing: ; */ background: #222;}
body#main {}
body#sub {}
body, input, textarea {font-family: 'NanumBarunGothic', 'Nanum Gothic', 'Apple SD Gothic Neo', "맑은 고딕", "Malgun Gothic", AppleGothic, "Lucida Grande", Dotum, Tahoma, Verdana, UnDotum, sans-serif;}
hr {display: none;}
img, fieldset {vertical-align: top; border: 0 none}
caption {overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; font-size: 0; text-indent: -9999px; line-height: 0}
form {margin: 0}
ins, ins * {border-bottom: 1px dashed; text-decoration: none}
ins a {text-decoration: underline}
del, del * {text-decoration: line-through}
pre {overflow: auto}
blockquote {padding: 0 1em}
dl,
dt,
dd,
ul,
ol,
li,
figure, 
figcaption {list-style: none}
input.text {height: 17px; _height: 16px; *margin: -1px 0 0; _margin: 0; padding: 1px 3px 0; border: 1px solid #d1d1d1; border-top: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; font-size: 12px; _font-size: 13px; line-height: 17px; color: #666}
textarea.text {padding: 5px; border: 1px solid #d1d1d1; border-top: 1px solid #c3c3c3; border-left: 1px solid #c3c3c3; line-height: 20px; color: #666; font-size: 12px;}
input[type=text], 
input[type=password], 
textarea {} /* border-radius: 3px; */
input[type=image],input[type=text],input[type=submit],input[type=password],textarea{-webkit-appearance:none;-webkit-border-radius:0}
input.loginput {padding: 4px 6px; width: 138px; height: 12px; color: #a0a0a0; font-size: 11px; border: 1px solid #d0d0d0}
a.text, button.text {height: 18px; _height: 20px; *margin:-1px 0 0; _margin: 0; padding: 0 7px 0; color: #fff; font-size: 11px; _font-size: 12px; line-height: 16px}
a.black, button.black {background-color: #808080; border: 1px solid #5d5d5d}
a.blue, button.blue {background-color: #0078b9; border: 1px solid #005f93}
a.yellow, button.yellow {background-color: #f6b300; border: 1px solid #d79c00}
.input-file {width: 357px; height: 20px; *margin-right: 4px; border: 1px solid; border-color: #cbcbcb #e4e4e4 #e4e4e4 #cbcbcb; background: #f8f8f8; font-size: 11px; vertical-align: top}
button, 
input[type="submit"], 
.button, 
#wikidiff div.diffrestore a, 
#wikicmds a {/* padding: 0.2em 0.5em; color: #fff; cursor: pointer; font-size: 11px; text-decoration: none; background: #0d8cca url(/_images/search.png) repeat-x 0 0; border: 1px solid #0d8cca */}
button:hover, 
input:hover, 
input:focus, 
textarea:hover, 
textarea:focus, 
.button:hover, 
#wikidiff div.diffrestore a:hover {}
a, a:link, a:visited, a:hover, a:active, a:focus {text-decoration: none}
a:link {color : #333}
a:visited {color : #333}
a:hover {color : #333}
a:active, a:focus {color : #202020; outline:1px dotted blue;/*optional*/}
pre, pre.code, blockquote {margin: 1em 0; padding: 1em; background: #f9f9f9; border: 1px solid #eee}
code, samp, pre, pre.code, blockquote {color: #555; font-family: "Monaco", "Lucida Sans Typewriter", monospace; font-size: 95%; line-height: 1.2}
blockquote p:first-child {margin-top: 0}
blockquote p {margin-bottom: 0}
small {font-size: 100%}
em {font-size: 100%; font-style:normal}
i {font-style: normal}
.clearfix:after {content:"."; display: block; visibility: hidden; clear: both; height: 0}
.clearfix {display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */ 
.underline {text-decoration: underline}
.hidden {overflow: hidden; visibility: hidden; position: absolute; left: 0; top: 0; width: 1px; height: 1px;line-height: 0; font-size: 0}
.fl {float: left;}
.fr {float: right;}
.btn-c {padding: 20px 0 25px 0; text-align: center; border-top: 1px solid #8b8b8b}
.btn-s {margin: 40px 0 0 0; text-align: center}
.inblk {display: inline-block;}
.cont-h-space {width: 100%; height: 15px;}
.clr-blue {color: #1b9ece;}
.clr-ygreen {color: #a6cb34;}
@media (min-width: 480px) {
	.cont-h-space {width: 100%; height: 85px;}
}
.parallax {
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* boots */
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
#bo_cate #bo_cate_on {color: #1b9ece; border-color: #1b9ece;}
#faq_sch .btn_submit {background: #1b9ece;}

/* Image Motion */
.imginner {overflow: hidden; position: relative; margin: 0; padding: 0;}
.imgspace {overflow: hidden; width: 100%;}
.imgspace .imghidden {width: 100%; visibility: hidden;}
.imgmoving {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: 0 center;
background-size: contain;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
will-change: transform;
}
.imginner:hover .imgmoving, 
.imginner:focus .imgmoving {
-webkit-transform: translate3d(-5%,-5%,0);
-moz-transform: translate3d(-5%,-5%,0);
transform: translate3d(-5%,-5%,0);
height: 110%;
width: 110%;
}

/*Text Ellipsis*/
.ellipsis {display:block;overflow:hidden;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis}

.mb-on {display: block;}
.mb-off {display: none;}
.m-block {display: none;}
@media (min-width: 768px) {
	.mb-on {display: none;}
	.mb-off {display: block;}
}
@media (max-width: 767px) {
	.mb-w100pc {margin: 0 0 5px 0; width: 100% !important;}
}
@media (max-width: 475px){
	.hidden-xs {display: none;}
	.m-block {display: block;}
}

/* grid */
@media only screen and (min-width: 1400px){
	.container {padding: 0; max-width: 1300px;}
}

/* bg style */
.bg-w100pc {background-repeat: no-repeat; background-position: 50% 0;}

/* movie 100% */
.movie-wrap {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.movie-wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* skipToContent */
#skipToContent {font-size: 1.15em; height: 30px; left: 0; margin: 0 auto; position: absolute; top: -10em; width: 100%; z-index: 999999;}
#skipToContent a:active, 
#skipToContent a:focus {background-color: #333333; border: medium none; color: #FFFFFF; height: 30px; left: 0; position: absolute; text-align: center; text-decoration: underline; top: 10em; width: 100%;}

.skip-to {font-size: 1.15em; height: 30px; left: 0; margin: 0 auto; position: absolute; top: -10em; width: 100%; z-index: 999999;}
.skip-to a:active, 
.skip-to a:focus {background-color: #333333; border: medium none; color: #FFFFFF; height: 30px; left: 0; position: absolute; text-align: center; text-decoration: underline; top: 10em; width: 100%;}

#returnToPageTop {position:absolute; bottom:0px; left:0; width:100%; z-index:999;}
#returnToPageTop a {display:block; height:0px; width:0px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; background:#001;}
#returnToPageTop a:focus, #returnToPageTop a:active {height:auto; width:auto; padding:5px; margin-bottom:10px;}

/* ***************************************************** all layouts ***************************************************** */
.page-content {}
.container {position: relative; margin: 0 auto;}
#browser-upgrade {position: relative; margin: 0; font-size: 12px; text-align: center; line-height: 18px; background: #ffc; border-bottom: 2px outset #fff; z-index: 2;}
#accessibility {overflow: hidden; position: absolute; left: -1000em; margin: 0; height: 0;}
#wrap {position: relative; width: 100%; background-color: #fff; z-index: 2;}
#north, #center {clear: both; position: relative; width: 100%;}
#north {height: 54px;}
#lnb {position: absolute; left: 0; top: 73px; width: 100%; height: 70px; z-index: 8;}
#main #lnb {top: 73px; }
#center {padding: 0 0 0 0;}
#main #center {padding: 0;}
#sAside {padding: 45px 0; width: 100%; background: #04b7b1;}
#southN {position: relative; background: #fff; border-top: 1px solid #e5e5e5;}
#south {position: fixed; bottom: 0; z-index: 1; padding: 10px 0; width: 100%; background: #222;}
#south .container {overflow: visible;}
#quickmn {position: fixed; *position: absolute; left: 50%; top: 513px; margin: 0 0 0 643px; width: 165px;}
#quickmn li {margin: 0 0 10px 0;}

@media (min-width: 768px) {
	#north {position: relative; height: 125px;}
}


/* ***************************************************** spot ***************************************************** */
/** main **/
#spotMain {clear: both; width: 100%; height: 100%; background-color: #fff; z-index: 0;}
#spotMain .container {padding: 0; max-width: 100%; width: 100%; height: 100%;}
#spotMain .container .imgspace {overflow: hidden;}
#spotMain .container .imgspace .imghidden {width: 100%; visibility: hidden;}
#spotMain .container .imgtext {position: absolute; top:0; left:0; padding: 0; width: 100%; height: 100%; background-image: url(/_images/spot1.jpg); background-size: contain;}
#spotMain .container .imgtext a {display: table; margin: 0 auto; padding: 0; width: 100%; height: 100%; line-height: 1.5; text-align: right; vertical-align: middle;}
#spotMain .container .imgtext a span {display: table-cell; margin: 0; padding: 0 16px 0 0; color: #fff; font-weight: 300; font-size: 5vw; letter-spacing: 10px; vertical-align: middle; word-break: keep-all;}
#spotMain .container .imgtext a span strong {}

@media (min-width: 768px) {
	.sliderkit-panels .sliderkit-panel a span {font-size: 50px;}
}

#mSpot {
  position: relative;
  padding-bottom: 56.25%;
  background-color: black;
  /* height: 75vh; */
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

#mSpot .video_bg {width: 101%; height: 101%; position: absolute; top: 0; left: 0; background: url(/_images/spot1.jpg) no-repeat center center; background-size: cover; z-index: 1;}
#mSpot .video_container {width: 100%; height: 100%; position: relative; overflow: hidden;}
#mSpot video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

#mSpot .container {
  position: relative;
  z-index: 2;
}

#mSpot .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
/*
  background-color: black;
background: #1b9ece; 
background: -moz-linear-gradient(left,  #1b9ece 0%, #a6cb34 100%);
background: -webkit-linear-gradient(left,  #1b9ece 0%,#a6cb34 100%);
background: linear-gradient(to right,  #1b9ece 0%,#a6cb34 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9ece', endColorstr='#a6cb34',GradientType=1 );
opacity: 0.6; */
}

#mSpot .h {color: #fff; font-weight: 300; font-size: 45px; letter-spacing: 10px;}
#mSpot .h {
  animation: animationFrames1 ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames1 ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames1 ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames1 ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames1 ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames1{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames1{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames1 {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames1 {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames1 {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
#mSpot .h strong {color: #fff; font-weight: 600;}

/* 
@media (pointer: coarse) and (hover: none) {
  #mSpot {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }
  #mSpot video {
    display: none;
  }
}
*/

/* ***************************************************** main ***************************************************** */
/* main-sliderkit */
.sliderkit {display: none; position: relative; text-align:left;}
.sliderkit a,
.sliderkit a:hover{}
.sliderkit a:focus{outline:1px dotted #000;/*optional*/}
.sliderkit img {border:0;}
.sliderkit .sliderkit-nav{position: absolute; z-index:7;}
.sliderkit .sliderkit-nav-clip {position: relative; overflow:hidden; margin: 0 auto;}
.sliderkit .sliderkit-nav-clip ul {position: relative; left: 50px; top: 0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display: block; overflow: hidden;}
.sliderkit .sliderkit-panel {z-index:1; position: absolute; overflow: hidden;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}
.container-fluid {position: relative;}

/* 2col Movie */
.grid-col2 {padding: 0; line-height: 1.5; border: 1px solid #e2e2e2;}
.grid-col2 .row {align-items: center;}
.grid-col2 .row * {transition: all .2s ease-in-out;}
.grid-col2 .txtbox {padding: 15px 5% 15px;}
.grid-col2 h2 {padding: 0 0 5px 0; color: #181818; font-size: 20px;}
.grid-col2 .cont {margin: 0; color: #707070; font-size: 16px; word-break: keep-all;}
.grid-col2 .image {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.grid-col2 .image img {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.grid-col2 .movie {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.grid-col2 .movie iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
@media (min-width: 480px){
	.grid-col2 .txtbox {padding: 14% 5% 10%;}
	.grid-col2 h2 {padding: 0 0 19px 0; font-size: 24px;}
	.grid-col2 .cont {font-size: 20px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.grid-col2 .txtbox {padding: 0 0 0 50px;}
	.grid-col2 .cont {font-size: 17px;}
}
@media (min-width: 1200px){
	.grid-col2 .txtbox {padding: 0 0 0 67px;}
}

/* sect1 */
#sect1 {padding: 15px 0 3px;}
#sect1 .row > div {margin-bottom: 15px;}
#sect1 h2 {margin-bottom: 11px; font-weight: 600; font-size: 20px;}
#sect1 p {margin-bottom: 0; color: #898989; font-size: 16px; word-break: keep-all;}
#sect1 .col-3-pd {padding-left: 5px; padding-right: 0;}
#sect1 .first {margin-left: -2.5px;}
@media (min-width: 768px) {
	#sect1 {padding: 120px 0 90px;}
	#sect1 .row > div {margin-bottom: 30px;}
	#sect1 h2 {margin-bottom: 22px; font-size: 24px;}
	#sect1 p {font-size: 20px;}
	#sect1 .col-3-pd {padding-left: 15px; padding-right: 15px;}
	#sect1 .first {margin-left: 0;}
}

/* sect2 */
#sect2 {overflow: hidden; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}
#sect2 .row {padding-top: 15px; padding-bottom: 15px;}
#sect2 h2 {margin: 0; color: #171717; font-weight: 600; font-size: 20px;}
#sect2 h2 span {font-size: 20px;}
#sect2 .roll-notice {overflow: hidden; width:100%; height: 100%;}
#sect2 .roll-notice a, 
#sect2 .roll-notice div {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #8b8b8b; font-size: 16px; font-weight: normal; width: 100%;}
#sect2 .btn-more {position: absolute; right: 0; top: 20px; width: 30px; height: 30px; text-align: center;}
#sect2 .btn-more a {display: block; width: 100%; height: 100%; line-height: 1; color: #c2c2c2; font-size: 34px; font-weight: 300;}
#sect2  a:hover,
#sect2  a:focus {color: #1b9ece;}
.carousel-notice {width: 100%; height: 100%;}
.carousel-notice .sliderkit-nav-clip {margin: 0 auto}
.carousel-notice .sliderkit-nav {padding: 0; width: 100%}
.carousel-notice .sliderkit-nav-clip ul {left: 0;}
.carousel-notice .sliderkit-nav-clip ul li {padding:0; width: 100%; height: 100%;}
.carousel-notice .sliderkit-nav-clip ul li.li01 {background-position: 0 0;}
.carousel-notice .sliderkit-nav-clip ul li.li02 {background-position: 0 -131px;}
.carousel-notice .sliderkit-nav-clip ul li.li03 {background-position: 0 -262px;}
.carousel-notice .sliderkit-nav-clip ul li.li04 {background-position: 0 -393px;}
.carousel-notice .sliderkit-nav-clip ul li.li05 {background-position: 0 -524px;}
.carousel-notice .sliderkit-nav-clip ul li a img {font-size: 0;}
.carousel-notice .sliderkit-nav .sliderkit-nav-btn span{display:none}
.carousel-notice .sliderkit-nav .sliderkit-nav-btn {position:absolute; top: 52px; width: 32px; height: 32px; z-index:100}
.carousel-notice .sliderkit-nav .sliderkit-nav-btn a {display:block; width: 100%; height: 100%; font-size: 0; text-indent: -9999px; background:url(/_images/btn_newsletter.gif) no-repeat 0 0}
.carousel-notice .sliderkit-nav .sliderkit-nav-prev {left: 31px}
.carousel-notice .sliderkit-nav .sliderkit-nav-next {right: 31px}
.carousel-notice .sliderkit-nav .sliderkit-nav-next a {background-position: -32px 0}
.carousel-notice .sliderkit-nav .sliderkit-nav-prev a:active, 
.carousel-notice .sliderkit-nav .sliderkit-nav-prev a:focus, 
.carousel-notice .sliderkit-nav .sliderkit-nav-prev a:hover {background-position: 0 -32px}
.carousel-notice .sliderkit-nav .sliderkit-nav-next a:active, 
.carousel-notice .sliderkit-nav .sliderkit-nav-next a:focus, 
.carousel-notice .sliderkit-nav .sliderkit-nav-next a:hover {background-position: -32px -32px}
.carousel-notice .sliderkit-nav .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default}

@media (min-width: 768px){
	#sect2 .row {padding-top: 21px; padding-bottom: 18px;}
	#sect2 h2 {font-size: 22px;}
	#sect2 h2 span {font-size: 24px;}
	#sect2 .roll-notice a, 
	#sect2 .roll-notice div {font-size: 20px;}
}
@media (min-width: 1200px){
	#sect2 .col-lg-3 {-webkit-box-flex: 0; -ms-flex: 0 0 18.666667%; flex: 0 0 18.666667%; max-width: 18.666667%;}
}

/* sect3 */
#sect3 {padding: 15px 0 15px 0; background: url(/_images/bg_sect3.jpg) no-repeat 100% 50%; background-size: cover;}
#sect3 h2 {font-size: 20px;}
#sect3 .txtbox {margin: 0 auto; text-align: center; color: #fff; word-break: keep-all;}
#sect3 .txtbox .txt-business dl {overflow: hidden; margin: 12px auto 8px;}
#sect3 .txtbox .txt-business dl {display: table; padding: 7px 0 4px; border: 2px solid #fff; border-radius: 20px;}
#sect3 .txtbox .txt-business dl dd {display: table-cell; padding: 0 9px; font-size: 16px;}
#sect3 .txtbox .txt-business dl dd.icon-ampe {min-width: 26px; background: url(/_images/icon_ampe.png) no-repeat 50% 50%;}
#sect3 .txtbox p {font-size: 16px;}
#sect3 .imgbox .image {margin-bottom: 20px;}
#sect3 .imgbox .image img {display: block; width: 100%; max-width: 100%; height: auto;}
@media (min-width: 767px){
	#sect3 {padding: 109px 0 120px 0;}
	#sect3 h2 {font-size: 2rem}
	#sect3 .txtbox .txt-business dl {margin: 24px auto 16px;}
}

/* sect4 */
#sect4 {padding: 0 0 0;}
#sect4 .btn-more {padding: 0 0 15px 0; text-align: center; z-index: 1;}
#sect4 .btn-more a {display: block; width: 100%; height: 100%; line-height: 1.2; color: #c2c2c2; font-size: 24px; font-weight: 300;}
#sect4 .btn-more a:hover,
#sect4 .btn-more a:focus {color: #1b9ece;}
#sect4 .btn-more a span {font-size: 17px;}
@media (min-width: 480px){
	#sect4 .btn-more {position: absolute; right: 0; top: 8px; padding: 0;}
}
@media (min-width: 767px){
	#sect4 {padding: 108px 0 0;}
}

/* sect5 */
#sect5 .grid-col2 {border: 0 none;}
#sect5 ol {
list-style: none;
counter-reset: item;
}
#sect5 li {
counter-increment: item;
margin-bottom: 5px;
}
#sect5 li:before {
margin-right: 10px;
content: counter(item);
background: #181818;
border-radius: 0;
color: white;
width: 1.6em;
text-align: center;
display: inline-block;
 }
#sect5 .grid-col2 .cont {color: #181818;}
#sect5 .grid-col2 .txtbox {padding: 5% 2% 2%;}
@media (min-width: 480px){
	#sect5 .grid-col2 .txtbox {padding: 10% 5% 5%;}
}
@media (max-width: 400px){
	#sect5 .grid-col2 .cont {font-size: 5vw;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#sect5 .grid-col2 .txtbox {padding: 0 0 0 10px;}
}
@media (min-width: 1200px){
	#sect5 .grid-col2 .txtbox {padding: 0 0 0 15px;}
}

/* sect6 */
#sect6 {margin: 15px 0 0;}
#sect6 .imgspace {position: relative; overflow: hidden; width: 100%;}
#sect6 .imgspace .imghidden {width: 100%; height: 100%; visibility: hidden;}
#sect6 .imgmoving {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
background-image: url(/_images/sect63.jpg);
}

#sect6 .imginner:hover .imgmoving, 
#sect6 .imginner:focus .imgmoving {transform: none; transition: none;}
#sect6 .imginner .imgmoving {
  /* Safari 4.0 - 8.0 */
  -webkit-animation-name: sect6;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 3s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  /* Standard syntax */
  animation-name: sect6;
  animation-duration: 1.5s;
  animation-timing-function: linear;
  animation-delay: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes sect6 {
  0%   {background-image: url(/_images/sect63.jpg);}
  100% {background-image: url(/_images/sect64.jpg);}
}

/* Standard syntax */
@keyframes sect6 {
  0%   {background-image: url(/_images/sect63.jpg);}
  100% {background-image: url(/_images/sect64.jpg);}
}
@media (min-width: 480px){
	#sect6 {margin: 30px 0 0;}
}
@media (min-width: 767px){
	#sect6 {margin: 120px 0 0;}
}


/* sect7 */
#sect7 {position: relative; margin: 15px 0; background: url(/_images/bg_sect7.jpg) no-repeat 0 0; background-size: cover;}
#sect7 .video_bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center center; background-size: cover; z-index: 1;}
#sect7 .video_container {width: 100%; height: 100%; position: relative; overflow: hidden;}
#sect7 video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
#sect7 .container {position: relative; z-index: 2;}
#sect7 .overlay {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2;
background-color: black;
background: #1b9ece; 
background: -moz-linear-gradient(left,  #1b9ece 0%, #a6cb34 100%);
background: -webkit-linear-gradient(left,  #1b9ece 0%,#a6cb34 100%);
background: linear-gradient(to right,  #1b9ece 0%,#a6cb34 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9ece', endColorstr='#a6cb34',GradientType=1 );
opacity: 0.8;
}
@media (min-width: 767px){
	#sect7 .overlay {opacity: 0.6;}
}

#sect7 .grid-col2 .txtbox {padding: 5%;}
#sect7 .grid-col2 {border: 0;}
#sect7 .grid-col2 h2, 
#sect7 .grid-col2 .cont {color: #fff;}
@media (min-width: 480px){
	#sect7 .grid-col2 .txtbox {padding: 14% 5% 10%; background-color: transparent;}
}
@media (min-width: 767px){
	#sect7 {margin: 30px 0;}
}
@media (min-width: 767px){
	#sect7 {margin: 120px 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#sect7 .grid-col2 .txtbox {padding: 90px 50px 90px;}
}
@media (min-width: 1200px){
	#sect7 {background-repeat: repeat;}
	#sect7 .grid-col2 .txtbox {padding: 90px 50px 90px;}
}

/* sect8 */
#sect8 {}

/* sect9 */
#sect9 {padding: 25px 0; width: 100%;}
#sect9 .container {}
#sect9 .txtbox h2 {margin: 0; padding: 0 0 8px 0; color: #181818; font-size: 20px; text-align: center;}
#sect9 .bnbox {height: 100%;}
#sect9 .bnbox .bnimg {text-align: center;}
#sect9 .bnbox .bnimg:first-child {margin: 0 0 8px 0;}
#sect9 .bnbox .bnimg .inbox {padding: 15px 15px 0; height: 100%; background: #fff; border: 1px solid #c6c6c6; border-radius: 10px; transition: all .2s ease-in-out;}
#sect9 .bnbox .bnimg .inbox:hover,
#sect9 .bnbox .bnimg .inbox:focus {background: #a6cb34; border: 1px solid #a6cb34;}
#sect9 .bnbox .bnimg .inbox button {padding: 0; width: 100%; font-size: 0; background: transparent; border: 0 none;}
#sect9 .bnbox .bnimg .inbox img {width: 100%;}
#sect9 .bnbox .bnimg .inbox h2 {padding: 12px 0 4px 0; color: #555; font-size: 14px;}
#sect9 .bnbox .bnimg .inbox:hover *,
#sect9 .bnbox .bnimg .inbox:focus * {color: #fff;}

@media (min-width: 480px) {
	#sect9 {padding: 57px 0;}
	#sect9 .txtbox h2 {padding: 0 0 27px 0; font-size: 24px;}
	#sect9 .bnbox .bnimg:first-child {margin: 0 0 15px 0;}
	#sect9 .bnbox .bnimg .inbox {padding: 40px 40px 0;}
}
@media (min-width: 768px) {
	#sect9 {padding: 95px 0;}
	#sect9 .bnbox .bnimg:first-child {margin: 0;}
	#sect9 .bnbox .bnimg .inbox h2 {padding: 15px 0 16px 0;}
}

@media (min-width: 992px) {
	#sect9 .bnbox .bnimg .inbox h2 {padding: 20px 0 11px 0; font-size: 16px;}
}

@media (min-width: 1200px) {
	#sect9 .bnbox .bnimg .inbox h2 {padding: 25px 0 16px 0; font-size: 18px;}
}

/* sect10 */
/** mInquriy **/
#mInquriy {clear: both;}
#mInquriy h2 {margin: 0 0 6px 0; color: #181818; font-size: 20px; font-weight: 600;}
#mInquriy h2 .tst {color: #636363;}
#mInquriy label {color: #636363; font-size: 15px; font-weight: bold;}
#mInquriy .form-group {overflow: hidden; margin-bottom: 15px;}
#mInquriy .form-inline label {margin-right: 4px;}
#mInquriy select {min-width: 200px;}
#mInquriy .inblock label {margin: 0; text-align: left;}
#mInquriy .inblock .form-control {width: 100%;}
#mInquriy .comment textarea {min-height: 165px; height: 100%;}

#mInquriy .btnboxs {clear: both; margin: 10px 0 0 0; text-align: center;}
#mInquriy .btn-default {position: relative; padding: 12px 0; width: 100%; color: #fff; font-size: 20px; font-weight: bold; background-color: rgba(232, 22, 86, 0.0); border: 0 none; border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); transition: all 200ms ease-out;
background: rgba(97,196,150,1);
background: -moz-linear-gradient(left, rgba(97,196,150,1) 0%, rgba(91,187,189,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(97,196,150,1)), color-stop(100%, rgba(91,187,189,1)));
background: -webkit-linear-gradient(left, rgba(97,196,150,1) 0%, rgba(91,187,189,1) 100%);
background: -o-linear-gradient(left, rgba(97,196,150,1) 0%, rgba(91,187,189,1) 100%);
background: -ms-linear-gradient(left, rgba(97,196,150,1) 0%, rgba(91,187,189,1) 100%);
background: linear-gradient(to right, rgba(97,196,150,1) 0%, rgba(91,187,189,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61c496', endColorstr='#5bbbbd', GradientType=1 );
}
#mInquriy .btn-default:hover,
#mInquriy .btn-default:focus {text-shadow: 0 0 3px #fff; box-shadow: 0 0 6px rgba(255, 255, 255, 1);}
@media (min-width: 480px) {
	#mInquriy h2 {margin: 0 0 35px 0; font-size: 2rem; font-weight: 500;}
	#mInquriy .btnboxs {margin: 48px 0 0 0;}
	#mInquriy .btn-default {padding: 12px 65px 10px; width: auto; font-size: 30px;}
}

/* sect11 */
#sect11 {margin: 30px 0 0 0; background: url(/_images/bg_m_sect11.jpg) no-repeat 100% 50%; background-size: cover;}
#sect11 .grid-col2 {border: 0;}
#sect11 .grid-col2 h2 {line-height: 30px; color: #fff; font-weight: 300; font-size: 20px;}
#sect11 .grid-col2 .txtbox {padding: 35px 5% 35px;}
#sect11 .grid-col2 .cont {color: #fff;}
#sect11 .grid-col2 .cont i {padding:0 27px 0 0; background: url(/_images/icon_tel.png) no-repeat 0 50%;}
@media (max-width: 450px){
	#sect11 .grid-col2 .cont {font-size: 17px;}
}
@media (min-width: 480px) {
	#sect11 {margin: 80px 0 0 0; background: url(/_images/bg_sect11.jpg) no-repeat 100% 50%; background-size: cover;}
	#sect11 .grid-col2 h2 {line-height: 1.2; font-weight: 300; font-size: 30px;}
	#sect11 .grid-col2 .txtbox {padding: 15px 5% 15px;}
}
@media (min-width: 768px) {
	#sect11 {margin: 95px 0 0 0;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#sect11 .grid-col2 .txtbox {padding: 116px 50px 116px;}
}
@media (min-width: 1200px){
	#sect11 {background-repeat: repeat;}
	#sect11 .grid-col2 .txtbox {padding: 116px 50px 116px;}
}

/* mboard */
.mboard {width: 100%; height: 100%; background: #fff; z-index: 9}
.mboard .inbox {overflow: hidden; position: relative;}
.mboard .inbox h2 {padding: 0; color: #000; font-size: 25px; font-weight: bold;}
.mboard .inbox ul {margin-bottom: 0;}
.mboard .inbox ul li {position: relative; margin: 0;}
.mboard .inbox ul li a {display: table; width: 100%; color: #515151; font-size: 16px; border-top: 1px solid #ebebeb;}
.mboard .inbox ul li a span.tit {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; width: 90%; line-height: 2.2;}
.mboard .inbox ul li a span.date {display: block; text-align: left; color: #7f7f7f;}
.mboard .inbox ul li a:focus span, 
.mboard .inbox ul li a:hover span {color: #e60013;}
.mboard .inbox ul li:first-child a {border-top: none;}
.mboard .inbox .btn-more {position: absolute; right: 0; top: 0;}
.mboard .inbox .btn-more a {display: block; overflow: hidden; width: 20px; height: 20px; line-height: 25px; color: #e1e1e1; font-size: 27px; text-align: center;}
.mboard .inbox .btn-more a:focus,
.mboard .inbox .btn-more a:hover {color: #e60013; border-color: #e60013;}
.mboard .inbox .btn-more a i {margin: 0 0 0 0;}

@media (min-width: 576px) {
	.mboard .inbox ul li a span.date {display: table-cell; text-align: right;}
}

#centerC .container {padding-top: 74px; padding-bottom: 74px; width: 100%;}
#centerCW, 
#centerCC {}
#centerCE {text-align: right; vertical-align: middle;}
#centerCE .mdown {display: table; width: 100%; height: 100%;}
#centerCE .mdown .inbox {display: table-cell; vertical-align: middle;}

@media (min-width: 768) {
	#centerC .container {padding-top: 74px; padding-bottom: 74px;}
}

@media (max-width: 991px) {
	#centerCC {margin: 15px 0;}
	#centerCE img {width: 100%;}
}
@media (min-width: 992px) {
	#centerCW, 
	#centerCC, 
	#centerCE {display: table; padding: 0; flex: none; max-width: 330px;}
	#centerCC {display: table-cell; margin-left: 28px;}
	#centerCE {max-width: 256px; width: 256px; text-align: right;}
}

@media (min-width: 1200px) {
	#centerCW, 
	#centerCC, 
	#centerCE {display: table; padding: 0; flex: none; max-width: 420px;}
}

#centerSN {width: 100%; height: 195px; background: #ebebeb url(/_images/bnimg_m_sect3.jpg) no-repeat 50% 100%; background-size: contain;}
#centerSN .container {height: 100%;}
#centerSN .sd-family {display: table; width: 100%; height: 100%;}
#centerSN .sd-family div {display: table-cell; line-height: 1.1; text-align: center; vertical-align: middle; color: #252525; font-family: Arial; font-size: 27px; font-weight: bold;}
#centerSN .sd-family div span {color: #dd0013;}

@media (min-width: 768px) {
	#centerSN {height: 591px; background-size: auto;}
	#centerSN .sd-family div {font-size: 84px;}
}

/* ***************************************************** north ***************************************************** */
#north .container {height: 54px;}
#north #logo {position: absolute; left: 5%; top: 17%; font-size: 0; text-align: left; z-index: 9;}
#north #logo img {max-width: 50%; vertical-align: middle;}
@media (min-width: 768px) {
	#north .container {height: 100%;}
	#north #logo {position: absolute; left: 0; top: 27px; margin-left: 0;}
	#north #logo img {max-width: 100%; vertical-align: middle;}
}

#gnbmn {display: none;}
#gnbmn a {display: inline-block; padding: 0 9px; height: 20px; line-height: 20px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; background-color: #9c9c9c; border: 1px solid #9c9c9c; border-radius: 20px;}
#gnbmn a:first-child {display: inline-block; color: #959595; background-color: #fff;}
#gnbmn a .btn-gnb-go {padding: 0; color: #ccccd6;}
#gnbmn a:hover, 
#gnbmn a:focus {color: #fff; background-color: #000; border-color: #000;}
#gnbmn a:first-child:hover, 
#gnbmn a:first-child:focus {color: #000; background-color: #fff; border-color: #000;}
#gnbmn a span {padding: 0 6px;}
#gnbmn img {vertical-align: middle;}
#gnbmn span.vbar {padding: 0 4px; color: #ffe4bd; font-size: 9px;}
@media (min-width: 768px) {
	#gnbmn {display: block; overflow: hidden; position: absolute; right: 0; top: 25px; z-index: 10;}
}

/* ***************************************************** south ***************************************************** */
#southN {line-height: 1.3;}
#southN .nav {display: table; color: #505053; font-size: 16px;}
#southN .nav ul {margin: 9px 0 9px 0;}
#southN .nav li {display: table-cell; padding: 0 5px 0 0;}
#southN .nav li a {margin: 0 5px 0 0; color: #505053; font-weight: bold;}
#southN .nav li a:hover,
#southN .nav li a:focus {color: #e60013;}
#southN .cscall {position: relative; right: 0; top: 0; margin-bottom: 9px; text-align: right; color: #000; font-size: 13px; font-weight: bold;}

#south .container {position: relative; line-height: 1.6;}
#south .slogo {display: block; font-size: 0; padding: 10px 0 0 0;}
#south .slogo img {max-width: 50%; vertical-align: middle;}

#south .text-wrap {overflow: hidden; margin: 0; padding: 0 0 0 0; max-width: 560px;}
#south .address {margin: 0; padding: 13px 0 0 0; color: #505053; font-style: normal; font-size: 14px; word-break: keep-all;}
#south .address a {color: #505053;}
#south .address i {display: inline-block; padding: 0 10px;}
#south #copyr {padding: 10px 0 0 0; color: #a4a4a4; font-size: 12px; font-weight: 100;}
#south .nav-link {display: block;}
#south .nav-link ul {margin-bottom: 0;}
#south .nav-link ul li {overflow: hidden; margin: 0; padding: 0 5px}
#south .nav-link ul li.mn3 {overflow: hidden; margin: 0; padding: 0 5px; 
-webkit-box-flex: 0;
-ms-flex: 0 0 32.333333%;
flex: 0 0 32.333333%;
max-width: 32.333333%;
}
#south .nav-link ul li a {display: block; padding: 9px 9px 6px; height: 100%; color: #909090; font-size: 12px; word-break: break-all; text-align: center; border: 1px solid #393939;}
#south .nav-link ul li a strong {color: #545454;}
#south .nav-link li a:hover,
#south .nav-link li a:focus {opacity: 0.6;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
will-change: transform;
}

#south .nav-sns {display: table; position: absolute; right: 15px; top: 15px; font-size: 0;}
#south .nav-sns ul {overflow: hidden; margin: 0;}
#south .nav-sns li {display: table-cell; padding: 0 0 0 4px; width: 36px; height: 32px;}
#south .nav-sns li a {display: block; width: 100%; height: 100%; background-position: 100% 0; background-repeat: no-repeat; background-size: cover;}
#south .nav-sns li.mn1 a {background-image: url(/_images/bnimg_snb_in.png);}
#south .nav-sns li.mn2 a {background-image: url(/_images/bnimg_snb_y.png);}
#south .nav-sns li.mn3 a {background-image: url(/_images/bnimg_snb_b.png);}
#south .nav-sns li a:hover,
#south .nav-sns li a:focus {color: #267cb9; opacity: 0.7;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
will-change: transform;
}

@media (min-width: 480px) {
	#south .nav-link ul li a {text-align: left;}
}
@media (min-width: 768px) {
	#south .nav-sns {top: 17px;}
	#south .nav-sns li {padding: 0 0 0 9px; width: 73px; height: 64px;}
	#south .nav-sns li a {background-size: cover;}
}

@media (min-width: 991px) {
	#south {padding: 0;}
	#south .container {padding: 45px 0;}
	#south .slogo {position: absolute; left: 0; top: 45px; margin-left: 0;}
	#south .slogo img {max-width: 100%; vertical-align: middle;}
	#south .text-wrap {margin: 0 0 0 230px;}
	#south .address {padding: 0 0 0 0; font-size: 14px;}
	#south .address {font-size: 14px;}
	#south .nav-sns {top: 45px;}
	#south .nav-sns li {padding: 0 0 0 9px; width: 73px; height: 64px;}
	#south .nav-sns li a {background-size: auto;}
}

/* ***************************************************** lnb ***************************************************** */
#lnb #lnbbg {display: none; position: absolute; left: 0; top: 52px; width: 100%; height: 43px; background: #1b9ece; z-index: 0;}
/* #lnb #lnbbg .inner {position: absolute; left: 0; top: 0; width: 100%; height: 106px; background: url(../_images/bg_lnb_inner.png) no-repeat 50% 0;} */
#lnb .container {overflow: visible;}
#lnbmn {margin: 0 0 0 auto; padding: 0; width: 600px; text-align: right; z-index: 9;}
/* #lnbmn li {display: block; float: left;} */
#lnbmn li {display: inline-block;}
#lnbmn li ul {position: absolute; width: 100%; height: 42px; z-index: 9;}
#lnbmn li ul:after {content:"."; display: block; visibility: hidden; clear: both; height: 0; }
#lnbmn li ul {display: none;}
/* Hides from IE-mac \*/
* html #lnbmn li ul {height: 1%;}
#lnbmn li ul {display: none;}
/* End hide from IE-mac */ 

#lnbmn li a.tit {display: block; margin: 0; padding: 0 16px; height: 52px; line-height: 1; color: #0f0f0f; font-size: 18px; font-weight: 600; text-align: center;}
#main #lnbmn li a.tit {color: #0f0f0f;}
#lnbmn li a.tit {}
#lnbmn li a.tit:hover, 
#lnbmn li a.tit:active, 
#lnbmn li a.top_2th_ov {color: #1b9ece; border-bottom: 2px solid #1b9ece;}
#main #lnbmn li a.tit:hover, 
#main #lnbmn li a.tit:active, 
#main #lnbmn li a.top_2th_ov {color: #1b9ece; border-bottom: 2px solid #1b9ece;}

#lnbmn li:last-child a {/* padding-right: 0; */}

/*
#lnbmn li a span {overflow: hidden; visibility: hidden; position: absolute; left: 0; top: 0; width: 1px; height: 1px; line-height: 0; font-size: 0;}
*/
#lnbmn li li {display: inline-block; float: none; background: none;}
#lnbmn li li a {display: inline-block; margin: 0; padding: 0 20px; height: 42px; line-height: 42px; color: #fff; font-size: 15px; font-weight: 100; text-align: right;}
#lnbmn li li a:hover, 
#lnbmn li li a:active, 
#lnbmn li li a.top_3th_ov{color: #9ae2fe; border-bottom: 0 none;}

#lnbmn li.mn1 ul li:last-child {margin-right: 105px;}
#lnbmn li.mn2 ul li:last-child {margin-right: 0;}
#lnbmn li.mn2 li a {padding: 0 13px;}
#lnbmn li.mn3 ul li:last-child {margin-right: 262px;}
#lnbmn li.mn4 ul li:last-child {margin-right: 159px;}
#lnbmn li.mn5 ul li:last-child {margin-right: 174px;}
#lnbmn li.mn6 ul li:last-child {margin-right: 78px;}
#lnbmn li.mn7 ul li:last-child {margin-right: 0;}
#lnbmn li.mn8 ul li:last-child {margin-right: 0;}

#lnbmn li.mn1 ul {right: 198px;}
#lnbmn li.mn2 ul {right: 194px;}
#lnbmn li.mn3 ul {left: 222px;}
#lnbmn li.mn4 ul {left: 140px;}
#lnbmn li.mn5 ul {left: 165px;}
#lnbmn li.mn6 ul {left: 86px;}
#lnbmn li.mn7 ul {left: 0;}
#lnbmn li.mn8 ul {left: 0;}

@media (min-width: 992px){
	#lnb .container {
		padding: 0;
	}
}
@media (min-width: 1200px){
	#lnb .container {
		padding: 0;
	}
}

/* ***************************************************** center west ***************************************************** */
#centerWst {height: 50px; border-bottom: 1px solid #e1e1e1;}
#main #centerWst {border-bottom: 0 none;}
#centerWst .container-fluid {padding: 0; height: 50px;}
#centerWst .container-fluid .container {padding: 0;}
#centerWst .swiper-wrapper {transform: translate3d(0px, 0px, 0px); box-sizing: content-box; justify-content: start;}
#main #centerWst .swiper-wrapper {margin: 0; height: 50px !important;}
#centerWst li {width: auto !important; height: 50px; text-align: center;}
#centerWst li:last-child {border-right: 0 none;}
#centerWst a {display: block; padding: 0 4px; height: 50px; line-height: 50px; color: #b9b9b9; font-size: 16px; font-weight: 500; text-align: center;}
#centerWst li.active a, 
#centerWst li:hover a, 
#centerWst li:focus a, 
#centerWst li a.link_2th_ov {color: #000; transition: all .2s ease-in-out;}
@media (min-width: 480px) {
	#centerWst .container-fluid {padding-right: 15px; padding-left: 15px; height: 50px;}
	#centerWst .container-fluid .container {padding-right: 15px; padding-left: 15px;}
	#centerWst .swiper-wrapper {box-sizing: content-box; justify-content: center;}
	#centerWst li {width: auto !important;}
	#centerWst li a {font-size: 16px;}
}
@media (min-width: 768px) {
	#centerWst .swiper-wrapper {box-sizing: content-box; justify-content: center;}
	#centerWst li {width: auto !important;}
	#centerWst li a {padding: 0 25px; font-size: 17px;}
}
.swiper-container-2 {padding: 0 0 17px; overflow: hidden;}
.swiper-container-2 .swiper-slide {background:#fff; padding: 0px; font-size: 20px; box-sizing: border-box;}
.swiper-container-2 .swiper-slide article {margin-bottom: 20px; padding: 0 10px; /*transition: all 200ms ease-out; */}
.swiper-container-2 .swiper-slide .inner {overflow: hidden; position: relative; display: block; width: 100%; height: 100%; vertical-align: middle;}
.swiper-container-2 .swiper-slide .inner .image {position: relative; display: block; width: 100%; height: 100%; vertical-align: middle;}
.swiper-container-2 .swiper-slide .inner .image img {display: block; width: 100%; max-width: 100%; height: 100%;}
.swiper-container-2 .swiper-slide .inner .holder {
position: absolute;
display: block;
width: 100%;
height: auto;
bottom: 0;
left: 0;
padding: 11px 0 5px;
background-color: #fff;
overflow: hidden;
box-sizing: border-box;
-webkit-transition: transform .4s ease-in-out;
-moz-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
}
.swiper-container-2 .swiper-slide article:hover .inner .holder {
-webkit-transform: translateY(1px);
-moz-transform: translateY(1px);
transform: translateY(1px);
}
.swiper-container-2 .swiper-slide .inner .holder .wrapper {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
-webkit-transition: -webkit-transform .4s ease-in-out;
-moz-transition: -moz-transform .4s ease-in-out;
transition: transform .4s ease-in-out;
-webkit-transform: translateY(-200%);
-moz-transform: translateY(-200%);
transform: translateY(-200%);
}
.swiper-container-2 .swiper-slide article:hover .inner .holder .wrapper {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}

.swiper-container-2 .swiper-slide .inner .holder .text {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
}
.swiper-container-2 .swiper-slide .inner .holder .text .title {font-size: 16px; text-transform: uppercase;}
.swiper-container-2 .swiper-slide .inner .holder .text .category-holder {position: relative; display: block; margin: 0; font-size: 12px;}
.swiper-container-2 .swiper-slide .inner .holder .text .category-holder .category {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 3px 0 0;
margin: 0 3px 0 0;
height: 19px;
z-index: 8;
}
/* 
.swiper-container-2 .swiper-slide .inner .holder .text .category-holder .category:first-child:after {
position: absolute;
top: 0;
right: 2px;
content: '|';
color: inherit;
font-size: 12px;
line-height: inherit;
}
*/
.swiper-container-2 .swiper-slide .link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
}


#center .affix {position: fixed; top: 0; width: 100%; background: #fff; z-index: 10000;}
#center .affix a  {animation: affix-a ease 0.5s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards;}
@keyframes affix-a{
	0% {opacity:0; transform:  translate(0px,-25px);}
	100% {opacity:1; transform:  translate(0px,0px);}
}
#center .affix-top a  {animation: affix-top-a ease 0.5s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards;}
@keyframes affix-top-a{
	0% {opacity:0; transform:  translate(0px,25px);}
	100% {opacity:1; transform:  translate(0px,0px);}
}
@media (min-width: 480px) {
	.swiper-container-2 .swiper-slide {padding-left: 15px; padding-right: 15px;}
	.swiper-container-2 .swiper-slide article {margin-bottom: 35px; padding: 0 15px;}
	.swiper-container-2 .swiper-slide .inner .holder {padding: 23px 0 10px;}
	.swiper-container-2 .swiper-slide .inner .holder .text .title {font-size: 14px;}
	.swiper-container-2 .swiper-slide .inner .holder .text .category-holder {font-size: 12px;}
}
@media (min-width: 768px) {
	.swiper-container-2 {padding: 30px 0 85px;}
	.swiper-container-2 .swiper-slide {padding-left: 15px; padding-right: 15px;}
}


/* ***************************************************** center ***************************************************** */
#pageHdr {overflow: hidden; position: relative; margin: 0; background: url(/_images/bg_sub1.jpg) no-repeat 50% 100%; background-size: cover;}
.bg-sub1 #pageHdr {background-image: url(/_images/bg_sub1.jpg);}
.bg-sub2 #pageHdr {background-image: url(/_images/bg_sub2.jpg);}
.bg-sub3 #pageHdr {background-image: url(/_images/bg_sub3.jpg);}
.bg-sub4 #pageHdr {background-image: url(/_images/bg_sub4.jpg);}
.bg-sub5 #pageHdr {background-image: url(/_images/bg_sub5.jpg);}

#pageHdr h1 {position: relative; margin: 0; padding: 0;}
#pageHdr h1 .imgbox {overflow: hidden;}
#pageHdr h1 .imgbox .image {position: relative; overflow: hidden;}
#pageHdr h1 .imgbox .image img {visibility: hidden; width: 100%; height: auto; min-height: 129px; max-height: 249px;}
#pageHdr h1 .txtbox {position: absolute; left: 0; top: 0; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
#pageHdr h1 .txtbox .inner {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
width: 100%;
height: 100%;
}
#pageHdr h1 .txtbox .inner .txt {width: 100%; color: #fff; font-size: 30px; font-weight: 600; letter-spacing: 20px; /* text-shadow: 2px 2px 10px #000000; */ transition: all .2s ease-in-out;}
#pageHdr h1 .txtbox .inner .txt span {color: #fff;}

@media (max-width: 575px) {
	#pageHdr h1 .txtbox .inner .txt {font-size: 22px;}
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}

/* ***************************************************** page ***************************************************** */
.p0w100 {padding-bottom: 0 !important;}
.ptb90px {padding: 15px 0 !important;}
/* .p0w100 .container {padding: 0; width: 100%; max-width: 100%;} */
.p0w100 .container {padding: 0; max-width: 1500px;}
#page {padding: 0 0 0 0;}
#page .imgbox img {width: 100%;}
#centerCtr .page-space {padding: 10px 0 0 0;}
@media (min-width: 480px) {
	.ptb90px {padding: 90px 0 !important;}
}

/* Tab */
.nav-tabs {display: block; padding: 20px 0 20px 0; text-align: center; border: 0;}
.nav-tabs .nav-item {display: inline-block; margin: 0 1px; margin-bottom: 0;}
.nav-tabs .nav-link {padding: 5px 5px 3px; color: #ec1c24; font-size: 14px; font-weight: bold; border: 1px solid #ff0000; border-radius: 50px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #fff; background: #ec1c24;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {color: #fff; background: #ec1c24;}
@media (min-width: 576px) {
	.nav-tabs {padding: 40px 0 43px 0;}
	.nav-tabs .nav-item {margin: 0 5px;}
	.nav-tabs .nav-link {padding: 5px 20px 3px; font-size: 17px;}
}
@media (min-width: 768px) {
	.nav-tabs {padding: 40px 0 43px 0;}
	.nav-tabs .nav-item {margin: 0 5px;}
	.nav-tabs .nav-link {padding: 5px 20px 3px; font-size: 17px;}
}
@media (min-width: 992px) {
	.nav-tabs {padding: 0 0 87px 0;}
	.nav-tabs .nav-item {margin: 0 5px;}
	.nav-tabs .nav-link {padding: 10px 40px 5px; font-size: 33px;}
}

/* sub-m12 */
.sub-m12 {background-color: #2a2a2a; background-image: /_images/bg_sub_m12.jpg;}
.sub-m12 .hed-tit {margin: 0 auto; text-align: center;}
.sub-m12 .hed-tit p {margin: 0; color: #fff; font-size: 16.5px; font-weight: 300;}
.sub-m12 .hed-tit p span.clr1 {color: #1b9ece;}
.sub-m12 .hed-tit p span.clr2 {color: #a6cb34;}
.sub-m12 ul.glbox {overflow: hidden; margin: 0 auto;}
.sub-m12 ul.glbox li {float: left; display: block; padding: 0 0 5% 0; width: 33.3333%; font-size: 0; text-align: center; transition: all .2s ease-in-out;}
.sub-m12 ul.glbox li img {width: 90%; height: auto;}
@media (min-width: 375px) {
	.sub-m12 ul.glbox li {padding: 0 0 3% 0; width: 25%; font-size: 0; text-align: center;}
	.sub-m12 ul.glbox li img {width: 90%; height: auto;}
}
@media (min-width: 576px) {
	.sub-m12 .hed-tit p {font-size: 18px;}
	.sub-m12 ul.glbox {margin-right: -6px;}
	.sub-m12 ul.glbox li {padding: 0 6px 6px 0; width: auto;}
	.sub-m12 ul.glbox li img {width: 100%; height: 67px;}
}
@media (min-width: 768px) {
	.sub-m12 .hed-tit p {font-size: 24px;}
	.sub-m12 ul.glbox {margin-right: -19px;}
	.sub-m12 ul.glbox li {padding: 0 19px 19px 0;}
}
@media (min-width: 992px) {
	.sub-m12 .hed-tit p {font-size: 30px;}
	.sub-m12 ul.glbox {margin-right: -13px;}
	.sub-m12 ul.glbox li {padding: 0 13px 13px 0;}
}
@media (min-width: 1200px) {
	.sub-m12 .hed-tit p {font-size: 33px;}
	.sub-m12 ul.glbox {margin-right: -3px;}
	.sub-m12 ul.glbox li {padding: 0 3px 3px 0;}
}
@media (min-width: 1400px) {
	.sub-m12 ul.glbox {margin-right: -10px;}
	.sub-m12 ul.glbox li {padding: 0 10px 10px 0;}
}
/* 
.sub-m12 ul.glbox {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub-m12 ul.glbox li {padding: 0 6px 6px 0;}
*/

/* sub-m13 */
.sub-m13 .bg-w100pc {background-color: #f7f8fb;}
.sub-m13 .hed-tit {margin: 0 auto; padding: 20px 0; text-align: center;}
.sub-m13 .hed-tit h2 {margin: 0; padding: 0 0 8px 0; font-size: 0;}
.sub-m13 .hed-tit h2 img {width: 100%; max-width: 87.5px;}
.sub-m13 .hed-tit p {margin: 0; color: #000; font-size: 14px; font-weight: 300;}
.sub-m13 .hed-tit p span.clr1 {color: #1b9ece;}
.sub-m13 .hed-tit p span.clr2 {color: #a6cb34;}
.sub-m13 .hed-tit p strong {font-weight: bold;}
@media (min-width: 480px) {
	.sub-m13 .hed-tit {padding: 30px 0;}
	.sub-m13 .hed-tit h2 {padding: 0 0 10px 0;}
	.sub-m13 .hed-tit h2 img {max-width: 100px;}
	.sub-m13 .hed-tit p {font-size: 17px;}
	.sub-m13 .hed-tit p .m-block {display: block;}
}
@media (min-width: 576px) {
	.sub-m13 .hed-tit {padding: 40px 0;}
	.sub-m13 .hed-tit h2 {padding: 0 0 15px 0;}
	.sub-m13 .hed-tit h2 img {max-width: 135px;}
	.sub-m13 .hed-tit p {font-size: 20px;}
}
@media (min-width: 768px) {
	.sub-m13 .hed-tit {padding: 50px 0;}
	.sub-m13 .hed-tit h2 {padding: 0 0 26px 0;}
	.sub-m13 .hed-tit h2 img {max-width: 175px;}
	.sub-m13 .hed-tit p {font-size: 24px;}
}
@media (min-width: 992px) {
	.sub-m13 .hed-tit {padding: 70px 0;}
	.sub-m13 .hed-tit h2 {padding: 0 0 36px 0;}
	.sub-m13 .hed-tit p {font-size: 28px;}
	.sub-m13 .hed-tit p .m-block {display: none;}
}

/** 게시판 **/
.gr-board {padding: 0 0 80px 0;}

.btn-e-red, .btn-e-red.active, .btn-e-red:active, .btn-e-red:focus, .btn-e-red:hover, .open > .dropdown-toggle.btn-e-red {background-color: #3d6eb6 !important;}
.btn-e-yellow {background-color: #faa436 !important;}
.container .board-list tbody {border-bottom: 1px solid #d5d5d5;}
#bo_v_con p {margin: 0;}

/* 상단 */
.bd-head {overflow: hidden; padding: 0 0 10px 0; text-align: center;}
.bd-head .tit {margin: 0; padding: 0 0 10px 0; color: #252525; font-size: 20px; word-break: keep-all;}
.bd-head .p {margin: 0; color: #252525; font-size: 12px; word-break: keep-all;}
@media (min-width: 576px) {
	.bd-head {padding: 0 0 20px 0;}
}
@media (min-width: 768px) {
	.bd-head {padding: 0 0 30px 0;}
}
@media (min-width: 992px) {
	.bd-head {padding: 0 0 40px 0;}
	.bd-head .tit {padding: 0 0 20px 0; font-size: 50px;}
	.bd-head .p {font-size: 20px;}
}


/* 스킨선택 */
.skin-choi {overflow: hidden; padding: 13px 0; border-bottom: 1px solid #e5e5e5;}
.skin-choi ul {margin: 0; text-align: center;}
.skin-choi ul li {display: inline-block;}
.skin-choi ul li a {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
.skin-choi ul li a.on, 
.skin-choi ul li a:hover {color: #fff;
background: rgba(129,130,135,1);
background: -moz-linear-gradient(top, rgba(129,130,135,1) 0%, rgba(143,146,153,1) 50%, rgba(129,130,135,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(129,130,135,1)), color-stop(50%, rgba(143,146,153,1)), color-stop(100%, rgba(129,130,135,1)));
background: -webkit-linear-gradient(top, rgba(129,130,135,1) 0%, rgba(143,146,153,1) 50%, rgba(129,130,135,1) 100%);
background: -o-linear-gradient(top, rgba(129,130,135,1) 0%, rgba(143,146,153,1) 50%, rgba(129,130,135,1) 100%);
background: -ms-linear-gradient(top, rgba(129,130,135,1) 0%, rgba(143,146,153,1) 50%, rgba(129,130,135,1) 100%);
background: linear-gradient(to bottom, rgba(129,130,135,1) 0%, rgba(143,146,153,1) 50%, rgba(129,130,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818287', endColorstr='#818287', GradientType=0 );
border: 1px solid #414143;
}

/* 인스타 갤러리 */
.gl-insta .swiper-container-2 {padding-top: 0; padding-bottom: 0;}
.gl-insta #bo_gall #insta-photos {margin: 0;}
.gl-insta #bo_gall #insta-photos #gall_ul {padding: 0; width: 100%; border-top: 0 none;}



/* 교재 */
#bo_list .tbl_head01 {}
#bo_list .tbl_head01 table {width: 100%;}
#bo_w .tbl_frm01 th {width: 15%;}
#bo_list .tbl_head01 ul {padding: 0; margin: 0;}
#bo_list .tbl_head01 li {padding: 1rem 0 3px; margin: 0; border-bottom: 1px solid #e5e5e5;}
#bo_list ul#gall_ul {padding: 1rem 0; margin: 0; border-bottom: 1px solid #e5e5e5;}
#bo_list ul#gall_ul li.gall_li {padding-bottom: 1rem;}

/* 공지사항 */
.container .board-list .table thead > tr > th {border-bottom: 1px solid #ededed; text-align: center; padding: 17px;}
.container .board-list .table thead > tr > th a {color: #333;}
.container .board-list th {color: #333; font-size: 18px;}
.container .board-list .table tbody > tr > td {padding: 17px 13px; color: #696969; font-size: 16px; vertical-align: middle; background: #fff;}
.container .board-list .table tbody > tr.board-notice > td.td-num strong {display: inline-block; padding: 3px 7px 1px 6px; color: #fff; background: #3866a8;}
.container .board-list .table tbody > tr.board-notice > td.td-num strong {display: inline-block; padding: 3px 7px 1px 6px; color: #fff; background: #3866a8;}
.container .board-list .board-notice .td-subject a, 
.container .board-list .board-notice .td-subject a:hover {color: #3866a8;}

.container .board-view h4 {color: #787878;}
.container .board-view .board-view-info {border-top: 1px solid #ededed; border-bottom: 2px solid #ededed; text-align: center; padding: 17px;}
.container .board-view .board-view-info .info-box-top, .board-view .board-view-info .info-box-top .view-nick {color: #555; font-size: 15px !important;}
.container .board-view .board-view-info .info-box-top, .board-view .board-view-info .info-box-top .font-size-11 {color: #555; font-size: 15px !important;}
.container .board-view .board-view-info .info-box-bottom {color: #555; font-size: 15px !important;}
.container .board-view .board-view-short-url li, 
.container .board-view .board-view-file li, 
.container .board-view .board-view-link li {padding: 17px; color: #555; font-size: 15px !important; border-bottom: 1px solid #ededed; }
.container .board-view .board-view-con {padding: 17px 20px; color: #555;}
.container .eyoom-form .label {font-size: 16px;}
.container .board-list .td-subject .fa {color: #3d6eb6;}

/* 보도자료 */
.container .pressbox {border-left: 1px solid #ededed; border-right: 1px solid #ededed;}
.container .pressbox .td-subj-wrap {text-align: center; background: #3d6eb6 !important;}
.container .board-list .pressbox .td-chk {width:10%;}
.container .board-list .pressbox .td-subject {width: 100%; color: #fff !important;}
.container .board-list .pressbox .td-subj-wrap a {color: #fff !important;}
.container .board-list .pressbox .mbr-text {width:* !important;}
.container .board-list .pressbox .mbr-text a {color: #696969;}
.container .board-list .pressbox .td-date {width: 15%; text-align: center; border-left: 1px solid #ededed;}

@media (min-width: 475px){
	.container .board-list .pressbox .td-subj-wrap {width: 20% !important;}
}

/* 활동소식 */
.tb-news .media-container-row {align-items: normal;}
.tb-news h4 {padding: 15px; color: #555; font-size: 20px; text-align: left; /* 한 줄 자르기 */ display: inline-block; width: 100%; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; height: 65px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tb-news .btn .align-left {font-size: 14px;}

/* FAQ */
#faq_wrap li h3 {min-height: 15px; line-height: 17px; padding: 0; padding-left: 0; position: relative; font-size: 14px;}
#faq_wrap li h3 a {display: block; padding: 5px; padding-left: 35px;}
#faq_wrap li h3 .tit_bg {display: inline-block; position: absolute; top: 10px; left: 10px; text-align: center; background: #333; color: #fff; border-radius: 50%; width: 15px; height: 15px;}
#faq_wrap li h3 p {margin: 0;}

@media (min-width: 475px){
	#faq_wrap li h3 {min-height: 20px; line-height: 30px; font-size: 16px;}
	#faq_wrap li h3 a {display: block; padding: 10px; padding-left: 50px;}
	#faq_wrap li h3 .tit_bg {display: inline-block; position: absolute; top: 10px; left: 10px; text-align: center; background: #333; color: #fff; border-radius: 50%; width: 30px; height: 30px;}
}


/* page footer */
#page-footer.line {overflow: hidden; margin-top: 16px; border-top: 2px solid #dedede;}
#page-nav {overflow: hidden; margin: 30px 0 51px 0; text-align: center; font-size: 16px;}
#page-nav img {vertical-align: middle;}
#page-nav a:link, 
#page-nav span {padding: 0 7px; color: #333;}
#page-nav .current, 
#page-nav a:hover {font-weight: bold; color: #ab83db; text-decoration: underline;}
#page-view-nav {overflow: hidden; margin: 0; padding: 0;}
#page-view-nav dl {overflow: hidden; margin: 0; padding: 0; border-bottom: 1px solid #c7c6c2;}
#page-view-nav dt,
#page-view-nav dd {float: left; margin: 0; padding: 0.34em 0; border-top: 1px solid #c7c6c2;}
#page-view-nav dt {width: 10%; font-weight: bold; text-align: center;}
#page-view-nav dt span {padding: 0 1em; background: no-repeat 100% 50%;}
#page-view-nav dd {width: 90%; color: #434343;}

/* press */
#list-press {margin: 0 auto; width: 100%;}
#list-press {overflow: hidden; border-top: 2px solid #6b6b6b;}
#list-press .group {overflow: hidden; padding: 0.5em 0; border-bottom: 1px solid #8f8d86;}
#list-press .group a {display: block; position: relative;}
#list-press .group a h1.title {float: right; width: 80%; margin: 0; font-size: 1.0em; border: 0 none;}
#list-press .group a .date {float: right; width: 80%; color: #c3c3c3; text-decoration: underline;}
#list-press .group a .position {float: left; margin: 0.3em 0; width: 20%;}
#list-press .group a .position .iner {padding: 0 0.3em; width: 80%; color: #fff; background: url(/_images/blt_press_position.gif) no-repeat 100% 50%;}
#list-press .group a .position span {display: block; padding: 0.2em; font-weight: bold; text-align: center; background-color: #6279ab;}

/* #list-sketch */
#list-sketch {overflow: hidden; margin: 0 auto; width: 100%;}
#list-sketch .group {overflow: hidden; float: left; width: 50%;}
#list-sketch .group .group-inner {overflow: hidden; margin: 0 auto 40px; width: 459px; height: 300px; font-size: 16px;}
#list-sketch .group .west {overflow: hidden; float: left; width: 210px; height: 290px; border: 1px solid #cecece; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;}
#list-sketch .group .west strong {display: block; height: 39px; line-height: 39px; color: #5652b3; text-align: center;}
#list-sketch .group .west .p-cont {overflow: hidden; display: table; padding: 5px 0; width: 100%; min-height: 41px; color: #fff; text-align: center; vertical-align: middle; background: #5652b3;}
#list-sketch .group .west .p-cont span {display: table-cell; padding: 0 7px; vertical-align: middle; font-size: 15px;}
#list-sketch .group .west .thumb {overflow: hidden; width: 100%; height: 210px;}
#list-sketch .group .west .thumb img {width: 100%; height: 100%;}
#list-sketch .group .east {overflow: hidden; float: right; width: 240px; height: 290px; color: #252525; background: #f1f1f1; border: 1px solid #cecece; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;}
#list-sketch .group .east .inner {padding: 10px;}
#list-sketch .group .east .inner dt {color: #348fd8; font-weight: bold}
#list-sketch .group .east .inner dd.scroll {margin: 5px 0; overflow-x: hidden; overflow-y: auto; width: 100%; height: 180px; font-size: 14px;}
#list-sketch .group .east .inner .btn {margin: 0 0 5px 0; font-weight: bold; font-size: 14px;}
#list-sketch .group .east .inner .btn a:hover,
#list-sketch .group .east .inner .btn a:focurs {color: #252525;}

/*list-type01*/
#page .scb {width:52px; height:25px; line-height:25px; background:#353538; border:none; color:#fff; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;}

.search_form {height:55px; background:#f8f8f8; border:1px solid #cccccc; margin:0 auto; text-align:center;}
.search_form .form {margin:15px 0 0 0;}
.search_form .form .select {height:25px;}
.search_form .form .sct {
	width:100px; height:25px;
	border: 1px solid #ccc;
	background: #fff;
	color: #000;
	vertical-align: middle;
	border-radius: 5px;
	padding: 5px;
	border-color: #aaa;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.search_form .form .scb {width:52px; height:25px; line-height:25px; background:#ec1c24; border:none; color:#fff; border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;}
@media (min-width: 768px) {
	#page .scb {width:102px;}
	.search_form .form .sct {width:233px; height:25px;}
}

.list_type01 {width:100%; margin:22px 0 0 0;}
.list_type01 caption {position:absolute; left:-99999; text-indent:-99999px; top:0;}
.list_type01 table {width:100%;}
.list_type01 th {background:#f7f7f7; border-top:2px solid #5c5f64; border-bottom:1px solid #d7d7d7; height:34px; color:#333333; text-align: center;}
.list_type01 td {padding: 7px 0 5px; text-align:center; border-bottom:1px solid #d7d7d7; min-height:35px; color:#808080;}
.list_type01 td.num {text-align:center;}
.list_type01 td.subject {text-align:left; padding-left:20px;}
.list_type01 td.subject a {color:#808080;}
.list_type01 td.subject a:hover {color:#595959; text-decoration:underline;}
.list_type01 td.writer {text-align:center;}
.list_type01 td.views {text-align:center;}
.list_type01 td.appending {text-align:center;}

.list_type01 tr.answer {text-align:right; background:#f7f7f7;}
.list_type01 tr.answer td.answer {text-align:right;}
.list_type01 tr.answer td.answer_t {text-align:left; padding:10px 0 10px 10px;}

.list_type02 {width:100%; margin:22px 0 0 0;}
.list_type02 th {background:#f7f7f7; border-top:2px solid #5c5f64; border-bottom:1px solid #d7d7d7; height:34px; color:#333333;}
.list_type02 td {text-align:center; border-bottom:1px solid #d7d7d7; min-height:35px; color:#808080;}
.list_type02 td.num {text-align:center;}
.list_type02 td.subject {text-align:left; padding-left:20px; background:url('/img/ico_ask.gif') no-repeat left center;}
.list_type02 td.subject a {color:#808080;}
.list_type02 td.subject a:hover {color:#595959; text-decoration:underline;}
.list_type02 td.writer {text-align:center;}
.list_type02 td.views {text-align:center;}
.list_type02 td.appending {text-align:center;}

.list_type02 tr.answer {text-align:right; background:#f7f7f7;}
.list_type02 tr.answer td.answer {text-align:right;}
.list_type02 tr.answer td.answer_t {text-align:left; padding:10px 10px 10px 10px;}

.paging {padding:20px 0; text-align: center;}
.paging .pg_wrap {clear:both; text-align:center;}
.paging .pg_wrap .pg {text-align: center;}
.paging .pg_wrap span a {background:#fff; color:#808080;}
.paging .pg_wrap span a.pg_start{background:url(/img/portfolio/pg_start.gif) no-repeat 50% 5px;text-indent:-10000px;}
.paging .pg_wrap span a.pg_end{background:url(/img/portfolio/pg_end.gif) no-repeat 50% 5px;text-indent:-10000px;}
.paging strong {background:#69c5d7 !important; color: #fff !important; border:1px solid #69c5d7 !important;}
.paging a, .paging strong {display: inline-block; width: 24px; height: 24px; border:0px solid #ccc; background: #fff; color: #808080; text-align: center; vertical-align: middle; line-height:26px; border:1px solid #ddd;}
.paging a img {margin-top:-2px; vertical-align:middle;}
.paging a:hover, .paging a:focus, .paging strong {background:#69c5d7; color:#fff; border:1px solid #69c5d7;}
/* // list-type01*/

/* gallery */
#gall_ul {border-bottom: 1px solid #e5e5e5;}
#gall_ul .gall_li {margin: 0 !important; border: 0 none;}
#gall_ul .gall_con {width: 100%;}
#gall_ul .gall_con li img {width: 100%; height: auto; border: 1px solid #e5e5e5;}
#gall_ul .gall_text_href {margin: 15px 0 3px 0 !important;}
#gall_ul .gall_text_href a {color: #ec1c24; font-size: 21px; font-weight: bold;}
#gall_ul .gall_date {color: #5f5f5f; font-size: 15px;}
#gall_ul li.empty_list {display: block; width: 100%;}

/* 교재 */
.con-book .td_subject dl, 
.con-book .td_subject .bline * {overflow: hidden; margin: 0; padding: 0;}
.con-book .td_subject .b-subject {display: inline-block; color: #ec1c24; font-size: 21px; font-weight: bold;}
.con-book .td_subject .gall_addon {display: inline-block; padding: 0 0 0 10px; color: #464646; font-size: 16px;}
.con-book .td_subject .subject-sect2 dd {display: inline-block;}
.con-book .td_subject .subject-sect2, 
.con-book .td_subject .subject-sect2 a {color: #959595 !important; font-size: 16px; font-weight: normal;}
.con-book .td_subject .gall_preview {display: block; padding: 4px 0 0 0; min-height: 33px;}
.con-book .td_subject .gall_preview a {display: inline-block; padding: 5px 10px; color: #f1555b; font-size: 16px; font-weight: normal; border: 1px solid #ff0000;}
.con-book .td_subject .gall_price {padding: 20px 0 9px 0; line-height: 1; color: #464646; font-size: 16px;}
.con-book .td_subject .gall_price dt {display: inline-block; font-weight: normal;}
.con-book .td_subject .gall_price dd {display: inline-block; color: #464646; font-size: 22px;  font-weight: bold;}
.con-book .td_subject .gall_cont {padding: 0 0 0 0; line-height: 1.5; color: #898989; font-size: 16px;}
.con-book #bo_v_info {line-height: 2.5; color: #474747; font-size: 18px;}
.con-book #bo_v_info .txt6 dd {line-height: 1.9; font-size: 15px;}
.con-book #bo_v_info dl {margin: 0 0 26px 0;}
.con-book #bo_v_info dd {margin: 0;}
.con-book #bo_v_info .inblock {display: inline-block;}
.con-book #bo_v_info .block {display: block;}

#bo_list .con-book .gall_con li {margin: 0 !important;}
#bo_list .con-book .gall_con li.gall_text_href {margin: 10px 0 3px 0 !important;}
#bo_list .con-book .gall_con li.gall_href a {display: block; padding: 30px 0; text-align: center; border: 1px solid #e5e5e5;}
#bo_list .con-book .gall_con li.gall_addon {padding: 0 0 0 0; color: #464646; font-size: 15px;}
#bo_list .con-book .gall_con li.gall_price {padding: 0 0; color: #464646; font-size: 15px;}
#bo_list .con-book .gall_con li.gall_price strong {font-size: 22px;}
#bo_list .con-book .td_thum {margin: 0 0 15px 0; width: 100%; height: auto; text-align: center;}
#bo_list .con-book .td_subject .b-subject {color: #ec1c24; font-size: 21px; font-weight: bold;}
#bo_list .con-book .td_subject .bline {padding: 0 0 9px 0; line-height: 1.2;}
#bo_list .con-book .td_subject .gall_addon {padding: 0 0 0 10px; color: #464646; font-size: 16px;}
#bo_list .con-book .td_subject .subject-sect2, 
#bo_list .con-book .td_subject .subject-sect2 a {color: #959595 !important; font-size: 16px; font-weight: normal;}
#bo_list .con-book .td_subject .gall_preview {display: block; padding: 4px 0 0 0; min-height: 33px;}
#bo_list .con-book .td_subject .gall_preview a {display: inline-block; padding: 5px 10px; color: #f1555b; font-size: 16px; font-weight: normal; border: 1px solid #ff0000;}
#bo_list .con-book .td_subject .gall_price {padding: 20px 0 9px 0; color: #464646; font-size: 16px;}
#bo_list .con-book .td_subject .gall_price strong {color: #464646; font-size: 22px;}
#bo_list .con-book .td_subject .gall_cont {padding: 0 0 0 0; line-height: 1.5; color: #898989; font-size: 16px;}


/* ***************************************************** 게시판 ***************************************************** */
.want {display:none;}
.control-label {margin: 0; line-height: 1.6; color: #636363; font-size: 15px; font-weight: bold; text-align: left;}
.form-control {margin-bottom: 0; border-radius: 0;}


/*view-type01*/
.view_type01 {width:100%; margin:22px 0 0 0;}
.view_type01 th, .view_type01 td {display: block;}
.view_type01 th {padding: 6px 0 6px 4px; background:#fff; border-top:2px solid #5c5f64; border-bottom:1px solid #d7d7d7; width: 100%; height: auto; color:#333333; text-align:left; font-size:18px;}
.view_type01 td {padding: 6px 10px 4px; text-align:left; border-bottom:1px solid #d7d7d7; height:auto; color:#808080;}
.view_type01 td.title {background:#f7f7f7; color:#333333;}
.view_type01 td.text2 {text-align:left; text-indent:20px;}
.view_type01 td.text2 {text-align:left; text-indent:20px;}
.view_type01 td.text2 a {color:#808080;}
.view_type01 td.text2 a:hover {color:#595959; text-decoration:underline;}
.view_type01 td.text3 {text-align: center; text-indent:0;}
.view_type01 td.contents {padding:10px; text-align:left; color:#5e5e5e;}
@media (min-width: 480px) {
	.view_type01 th, .view_type01 td {display: table-cell;}
	.view_type01 th {}
	.view_type01 td {padding: 10px; height:35px;}
	.view_type01 .m-align {padding-left: 10px; text-align: left;}
	.view_type01 td.text3 {text-align:left; text-indent:20px;}
}
/* // view-type01*/

/*view-type02*/
.view_type02 {width:100%; margin:22px 0 0 0;}
.view_type02 th {background:#fff; border-top:2px solid #5c5f64; border-bottom:1px solid #d7d7d7; min-height:46px; color:#333333; text-align:left; padding:0 10px; font-size:18px;}
.view_type02 td {text-align:center; border-bottom:1px solid #d7d7d7; min-height:35px; color:#808080;}
.view_type02 td.title {background:#f7f7f7; color:#333333;}
.view_type02 td.text {text-align:left; text-indent:20px;}
.view_type02 td.text a {color:#808080;}
.view_type02 td.text a:hover {color:#595959; text-decoration:underline;}
.view_type02 td.contents {padding:10px; text-align:left; color:#5e5e5e;}
/* // view-type02*/

/*write-type01*/
.write_type01 {width:100%; margin:22px 0 0 0; border-top:2px solid #5c5f64;}
.write_type01 th {background:#f7f7f7; border-bottom:1px solid #d7d7d7; min-height:34px; color:#333333; text-align:left; padding-left:20px;}
.write_type01 th span {margin:0 5px 0 0;}
.write_type01 td {text-align:center; border-bottom:1px solid #d7d7d7; min-height:35px; color:#808080; text-align:left; text-indent:10px;}
.write_type01 td input {border:1px solid #cdcdcd; min-height:24px; margin-top:1px;}
.write_type01 td.contents {padding:6px 0; text-align:left; color:#5e5e5e;}
.write_type01 td textarea {width:96%; min-height:260px;}
/* // write-type01*/

/*gall-type01*/
.gall_type01 {width:100%; margin:22px 0 0 0;}
.gall_type01 th {background:#f7f7f7; border-top:2px solid #5c5f64; border-bottom:1px solid #d7d7d7; min-height:34px; color:#333333;}
.gall_type01 td {text-align:center; width:25%; min-height:35px; color:#808080; padding:0 0 20px 0;}
.gall_type01 td .thumnail {width:160px; height:160px; margin:0 auto;}
.gall_type01 td .thumnail img {width:100%; height:100%;}
.gall_type01 td .text p {font-size:13px; color:#333333; margin:6px 0 0 0;}
.gall_type01 td .text {color:#808080; line-height:20px;}
/*// gall-type01*/

/*list 게시판 바로 위 셀렉트박스 정렬정의*/
.table_select {float:right; margin-bottom:-10px;}

/*button*/
.submit_type {text-align:center; margin:20px 0 40px 0;}
.submit_type2 {text-align:right; margin:20px 0 0 0;}

/*.submit01 {width:73px; height:28px; line-height:27px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer;vertical-align:top}
.submit02 {width:73px; height:27px; line-height:27px; background:#fff; border:1px solid #6b6b6b; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer;}*/

.submit01 {width:73px; height:34px; line-height:27px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer;vertical-align:top;}
.submit02 {width:73px; height:34px; line-height:27px; background:#fff; border:1px solid #6b6b6b; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer;}
.submit03 {width:53px; height:27px; line-height:27px; background:#797979; color:#fff; border:1px solid #6b6b6b; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer;}
.submit04 {width:53px; height:34px; line-height:27px; background:#fff; border:1px solid #6b6b6b; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer;}

/*faq 글쓰기 버튼*/
.submit05 {width:73px !important; height:27px !important; line-height:27px !important; background:#ec1c24; border:none; color:#fff !important; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; padding:5px 10px;}
/* //faq 글쓰기 버튼*/

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding: 0 7px; height: 27px; line-height:27px; border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {padding: 0 7px; width:63px; height:27px; line-height:27px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; display:inline-block; text-align:center; margin-top:10px; float:right !important;}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_b03 {margin-top: 10px !important; padding: 0 7px; width:63px; height:27px; line-height:27px; background:#fff; border:1px solid #6b6b6b; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; display:inline-block; text-align:center; margin-top:10px;}
a.btn_b03:focus, .btn_b03:hover {text-decoration:none}
a.btn_b04 {padding: 0 7px; width:83px; height:27px; line-height:27px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; display:inline-block; text-align:center; margin-top:10px;}
a.btn_b04:focus, .btn_b04:hover {text-decoration:none}
a.btn_b05 {padding: 0 7px; width:93px; height:27px; line-height:27px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; display:inline-block; text-align:center; margin-top:10px;}
a.btn_b05:focus, .btn_b05:hover {text-decoration:none}
a.btn_admin {padding: 0 7px; width:autopx; height:27px; line-height:27px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; display:inline-block; text-align:center; margin-top:10px;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
.btn_bo_adm input {padding: 0 7px !important; width:auto; height: 27px; line-height:27px; border:0;background:#797979;color:#fff;text-decoration:none;vertical-align:middle; margin-top:10px;}

a.btn_b022 {width:63px; height:27px; line-height:27px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; display:inline-block; text-align:center; float:right !important;}
a.btn_b022:focus, .btn_b022:hover {text-decoration:none}

a.btn_b033 {width:83px; height:38px; line-height:37px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; display:inline-block; text-align:center; }
a.btn_b033:focus, .btn_b033:hover {text-decoration:none}

a.btn_b044 {width:150px; height:38px; line-height:37px; background:#ec1c24; border:none; color:#fff; border-radius :0px; -webkit-border-radius :0px; -ms-border-radius :0px; -o-border-radius :0px; -moz-border-radius :0px; cursor:pointer; display:inline-block; text-align:center; }
a.btn_b044:focus, .btn_b044:hover {text-decoration:none}

/*// button*/

/* Tab */
.board_tab ul {display: block; margin: 0; padding: 20px 0 20px 0; text-align: center; border: 0;}
.board_tab ul li {display: inline-block; margin: 0 1px; margin-bottom: 5px;}
.board_tab ul a {display: block; padding: 5px 5px 3px; color: #898989; font-size: 14px; font-weight: bold; border: 1px solid #cdcdcd; border-radius: 50px;}
.board_tab ul li a#bo_cate_on, .board_tab ul li a.active {color: #fff; background: #ec1c24; border: 1px solid #ec1c24;}
.board_tab ul li a:focus, .board_tab ul li a:hover {color: #fff; background: #ec1c24; border: 1px solid #ec1c24;}
@media (min-width: 576px) {
	.board_tab ul {padding: 0 0 20px 0;}
	.board_tab ul li {margin: 0 5px; margin-bottom: 10px;}
	.board_tab ul a {padding: 10px 0; width: 150px; font-size: 17px;}
}
@media (min-width: 768px) {
	.board_tab ul {padding: 30px 35px 33px 35px;}
	.board_tab ul li {margin: 0 5px; margin-bottom: 10px;}
	.board_tab ul a {padding: 10px 0; width: 150px; font-size: 17px;}
}
@media (min-width: 992px) {
	.board_tab ul {padding: 0 50px 30px 50px;}
	.board_tab ul li {margin: 0 5px; margin-bottom: 20px;}
	.board_tab ul a {padding: 10px 0; width: 150px; font-size: 16px;}
}
@media (min-width: 1200px) {
	.board_tab ul {padding: 0 150px 20px 150px;}
}



/* 개인정보보호정책 */
/* 회원가입 약관 */
#fregister_private section {margin:0 0 20px;padding:20px 0}
#fregister_private h2 {margin:0 0 20px;text-align:center}
#fregister_private textarea {display:block;margin-bottom:10px;padding:5px;width:98%;height:150px;border:1px solid #e9e9e9;background:#f7f7f7}
#fregister_private .fregister_agree {padding:10px 0 0;text-align:right}
#fregister_private .fregister_agree label {display:inline-block;margin-right:5px}
#fregister_private p {color:#e8180c;text-align:center}
#fregister_private .btn_confirm {margin-bottom:20px}

#fregister_private .tbl_head01 th{;text-align:center;border:1px solid #d1dee2;width:33%}
#fregister_private .tbl_head01 td {border:1px solid #e9e9e9}
#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 회원가입 입력 */
#fregisterform textarea {height:50px}

/* 로그인 */
#login_fs legend {height: 0px;}

/* PrettyPhoto */
div.light_rounded .pp_top .pp_left{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(/_css/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(/_css/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(/_css/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(/_css/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(/_css/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(/_css/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(/_css/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(/_css/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(/_css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(/_css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(/_css/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(/_css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(/_css/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(/_css/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_rounded .pp_nav .pp_play{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(/_css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(/_css/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(/_css/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(/_css/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(/_css/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(/_css/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(/_css/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(/_css/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(/_css/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(/_css/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(/_css/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(/_css/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_square .pp_nav .pp_play{background: url(/_css/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background: url(/_css/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background: url(/_css/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(/_css/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(/_css/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(/_css/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(/_css/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(/_css/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(/_css/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(/_css/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(/_css/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(/_css/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(/_css/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(/_css/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(/_css/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(/_css/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(/_css/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(/_css/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(/_css/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(/_css/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(/_css/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(/_css/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(/_css/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(/_css/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(/_css/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(/_css/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(/_css/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(/_css/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background: url(/_css/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background: url(/_css/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background: url(/_css/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background: url(/_css/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background: url(/_css/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(/_css/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(/_css/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(/_css/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(/_css/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(/_css/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(/_css/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(/_css/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}


/* 다음지도 */
.wrap {position: absolute;left: 0;bottom: 40px;width: 288px;height: 132px;margin-left: -144px;text-align: left;overflow: hidden;font-size: 12px;font-family: 'Malgun Gothic', dotum, '돋움', sans-serif;line-height: 1.5;}
.wrap * {padding: 0;margin: 0;}
.wrap .info {width: 286px;height: 120px;border-radius: 5px;border-bottom: 2px solid #ccc;border-right: 1px solid #ccc;overflow: hidden;background: #fff;}
.wrap .info:nth-child(1) {border: 0;box-shadow: 0px 1px 2px #888;}
.info .title {padding: 2px 0 0 10px;height: 30px;color: #2a81bd;background: #eee;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: bold;}
.info .close {position: absolute;top: 5px;right: 5px;color: #888;width: 17px;height: 17px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/overlay_close.png');}
.info .close:hover {cursor: pointer;}
.info .body {position: relative;overflow: hidden;}
.info .desc {position: relative;margin: 13px 0 0 90px;height: 75px;}
.desc .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.desc .jibun {padding: 4px 0 0 0; font-size: 11px;color: #888;margin-top: -2px;}
.info .img {position: absolute;top: 6px;left: 5px;width: 73px;height: 71px;border: 1px solid #ddd;color: #888;overflow: hidden;}
.info:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: 0;width: 22px;height: 12px;background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.info .link {color: #5085BB;}

.body .img img {margin: 0; width: 73px; height: 70px;}

/** top button **/
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(42, 129, 189, 0.8) url(/_images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
z-index: 9999;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 60px;
width: 60px;
right: 30px;
bottom: 30px;
}
}


/* grid */
@media (min-width: 576px) {
}

@media (min-width: 768px) {
	#lnb {
		display: none;
	}
}

@media (max-width: 991px) {
	#lnb {
		display: none;
	}
}

@media (min-width: 992px) {
	#lnb {
		display: block;
	}
}

@media (min-width: 1200px) {
}



/* 유튜브 팝업 */


/* ***************************************************** 슬라이드 ***************************************************** */

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
		background-position: 0 -88px;
	}
	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: -84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: -84px 0 !important;
	}
	.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
		background-position: -84px -88px;
	}
	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
		background-position: -126px -88px;
	}
	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
		background-position: -42px -88px;
	}
	
	.simply-scroll-btn-pause {
		right: 6px;
		bottom: 6px;
		background-position: -168px -44px;
	}
	.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
		background-position: -168px -88px;
	}
	
	.simply-scroll-btn-pause.active {
		background-position: -84px -44px;
	}
	.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
		background-position: -84px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: 67px;
	margin-bottom: 3px;
	padding: 0 3px;
}

	.simply-scroll .simply-scroll-clip {
		width: 100%;
		height: 67px;
	}
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {
			float: left;
			/* 
			width: 187px;
			height: 94px;
			*/
			width: 123px;
			height: 67px;
		}
		.simply-scroll .simply-scroll-list li img {}
	
	.simply-scroll .simply-scroll-btn {}
	
	.simply-scroll .simply-scroll-btn-left {}
	.simply-scroll .simply-scroll-btn-left.disabled {}
	.simply-scroll .simply-scroll-btn-left:hover {}
	
	.simply-scroll .simply-scroll-btn-right {}
	.simply-scroll .simply-scroll-btn-right.disabled {}
	.simply-scroll .simply-scroll-btn-right:hover {}
	
	.simply-scroll .simply-scroll-btn-up {}
	.simply-scroll .simply-scroll-btn-up.disabled {}
	.simply-scroll .simply-scroll-btn-up:hover {}
	
	.simply-scroll .simply-scroll-btn-down {}
	.simply-scroll .simply-scroll-btn-down.disabled {}
	.simply-scroll .simply-scroll-btn-down:hover {}