@charset "utf-8";
/****************************************/
/*  Name: KFEM 
/*  Part: base
/*  Version: 2.0
/*  Author: enoma
/****************************************/
/* Font */
@font-face {
  font-family: ls;
  src: url(./font/LexiSaebomR.eot);
  src: url(./font/LexiSaebomR.eot?#iefix) format('embedded-opentype'),
       url(./font/LexiSaebomR.woff) format('woff'),
       url(./font/LexiSaebomR.ttf) format('truetype');
}

@font-face {
	font-family:aritaDotumMedium;
	font-style:normal;
	font-weight:normal;
	src: url(./font/aritaDotumMedium.eot);
	src: url(./font/aritaDotumMedium.eot?#iefix) format('embedded-opentype'),
         url(./font/aritaDotumMedium.woff) format('woff'),
         url(./font/aritaDotumMedium.ttf) format('opentype');
}
@font-face {
	font-family:aritaDotumSemiBold;
	font-style:normal;
	font-weight:normal;
	src: url(./font/aritaDotumSemiBold.eot);
	src: url(./font/aritaDotumSemiBold.eot?#iefix) format('embedded-opentype'),
         url(./font/aritaDotumSemiBold.woff) format('woff'),
         url(./font/aritaDotumSemiBold.ttf) format('opentype');
}
@font-face {
	font-family:aritaDotumBold;
	font-style:normal;
	font-weight:normal;
	src: url(./font/aritaDotumBold.eot);
	src: url(./font/aritaDotumBold.eot?#iefix) format('embedded-opentype'),
         url(./font/aritaDotumBold.woff) format('woff'),
         url(./font/aritaDotumBold.ttf) format('opentype');
}

/* ¾Æ¸®µûÆùÆ® */
@font-face {
    font-family: AritaBuri;
    font-style: normal;
    font-weight: 500;
    src: url(./font/AritaBuriSB.eot);
    src: url(./font/AritaBuriSB.eot?#iefix) format('embedded-opentype'),
         url(./font/AritaBuriSB.woff) format('woff'),
         url(./font/AritaBuriSB.ttf) format('truetype');
}

@font-face {
        font-family: 'NanumBarunGothic';
        src: url('./font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), 
             url('./font/NanumBarunGothic.woff') format('woff'), 
             url('./font/NanumBarunGothic.ttf')  format('truetype'),
             url('./font/NanumBarunGothic.svg#svgFontName') format('svg');
        }

@font-face {
        font-family: 'NanumBarunGothicBold';
        src: url('./font/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'), 
             url('./font/NanumBarunGothicBold.woff') format('woff'), 
             url('./font/NanumBarunGothicBold.ttf')  format('truetype'),
             url('./font/NanumBarunGothicBold.svg#svgFontName') format('svg');
       }

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {  margin: 0;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  font: 15px/20px 'aritaDotumMedium',  '¸¼Àº °íµñ' ,  Dotum, Helvetica, Helvetica Neue, Arial, Verdana, sans-serif;-webkit-font-smoothing:antialiased; color: #434343; height:100%}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
address {font-style:normal;}
button {border:0; padding:0; margin:0; background:none; cursor:pointer;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
ul, ol, dl {list-style-type:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal ; 	font-family:aritaDotumSemiBold;}
li, img {vertical-align:middle;}
textarea {resize:none;}
table {border-spacing:0; border-collapse: collapse;}
/* Default */
label {cursor:pointer; }
input,textarea{font-family:'aritaDotumMedium', '¸¼Àº °íµñ' , Dotum, Helvetica,'Sans Serif';margin:0; vertical-align:middle;overflow:visible; }
textarea {    resize: none;}
a {text-decoration: none ; color: #434343;}
a:hover{text-decoration:none;}
html {overflow-y: scroll;-webkit-text-size-adjust:none;overflow-x:hidden;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {    clear: both;}
.cf {    *zoom: 1;}

.row:before,  .sc_box:before,
.row:after  ,  .sc_box:after {  display: table;  content: " "; 	}
.row:after , .sc_box:after {  clear: both;}


.site-content:before,
.site-content:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.site-content:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.site-content {
    *zoom: 1;
}

.cl {clear: both;}
/* floating */
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both !important;}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}

.mt10 {    margin-top: 10px !important;}
.mt15 {    margin-top: 15px !important;}
.mt20 {    margin-top: 20px !important;}
.mt25 {    margin-top: 25px !important;}
.mt30 {    margin-top: 30px !important;}
.mt35 {    margin-top: 35px !important;}
.mt40 {    margin-top: 40px !important;}
.mb5 {    margin-bottom: 5px !important;}
.mb10 {    margin-bottom: 10px !important;}
.mb15 {    margin-bottom: 15px !important;}

.dotlist {   overflow: hidden;}
.dotlist li  {   color: #666;    padding:0px 0 0px 10px;    position: relative;  margin-bottom:5px ; line-height:1.4}
.dotlist li::before  {    background-color: #c9c9c9;    content: "";    height: 3px;    width: 3px;  left: 0;   position: absolute;    top: 10px;    }
.dotlist li strong   {    color: #000;   }
.circle_ty li::before {    background-color: #666;    content: "";    height: 1px;    left: 0;    position: absolute;    top: 9px;    width: 4px;}

.control-nav {  width: 100%;  position: absolute;  bottom: 10px;  text-align: center; z-index:100}
.control-nav li {  margin: 0 2px;  display: inline-block;  zoom: 1;  *display: inline;}
.control-paging li a {  width: 11px;  height: 11px;  display: block;  background: #666;  background: rgba(0, 0, 0, 0.5);  cursor: pointer;  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;}
.control-paging li a:hover {  background: #333;  background: rgba(0, 0, 0, 0.7);}
.control-paging li a.active {  background: #19ad4b;   cursor: default;}
.direction-nav {  *height: 0;}
.direction-nav a , .flex-direction-nav a {
  text-decoration: none;
  display: block;
 width: 30px;
 height: 37px;
   margin-top: -16px;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
 text-indent: -9999px;
  cursor: pointer; border-radius:3px;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
   padding:5px;
   background-color: rgba(0, 0, 0, 0.5);background-repeat: no-repeat; opacity: 0.5; filter:alpha(opacity=50);-ms-filter:"alpha(opacity=50)";}

.direction-nav a:before , .flex-direction-nav a:before { display:inline-block}
.direction-nav .prev  , .flex-prev{ left: 2%;  background-image: url("./images/controls_nav.png")   ; background-position:0 0 }
.direction-nav .next , .flex-next{  right:2%;  background-image: url("./images/controls_nav.png")   ; background-position: 0 -37px;}
.flex-viewport:hover .direction-nav a , .flex-viewport:hover .flex-direction-nav a { opacity: 0.8; filter:alpha(opacity=80);  -ms-filter:"alpha(opacity=80)";}
.direction-nav .flex-disabled {  opacity: 0!important;  filter: alpha(opacity=0);  cursor: default;}
.sliders .movie {    backface-visibility: hidden;    height: auto;    position: static;    top: 0;    visibility: visible;    width: 100%;    z-index: -1;} 
.sliders video {   backface-visibility: hidden;    height: auto;    position: static;    top: 0;    visibility: visible;    width: 100%;    z-index: 1;}
/* =============================================================================
		Boot reset
  ========================================================================== */
.btn { display:inline-block;
	border-width: 0;
	padding: 9px 14px; 	
  font-size: 14px;  
	outline: none !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;

  -webkit-text-shadow: none;
     -moz-text-shadow: none;
          text-shadow: none;
}

.btn.default {
    background-color: #e5e5e5 ;
    color: #333333;
    text-shadow: none;
}
.btn.default:hover, .btn.default:focus, .btn.default:active, .btn.default.active, .btn.default[disabled], .btn.default.disabled {
    background-color: #d8d8d8 !important;
    color: #333333;   
	outline: none !important;
}

.btn-sm,
.btn-xs {
  padding: 3px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.btn.primary  { border-color:#19ad4b;  background: #19ad4b ;   color: #fff !important; } 
.btn.primary:hover, 
.btn.primary:focus, 
.btn.primary:active, 
.btn.primary.disabled,
.btn.primary[disabled] { 
  background-color: #19ad4b !important;
  color: #fff !important;
}

.bt_big {width:30% ; padding: 15px 0px;   font-size: 16px; }

.pull-right {
  float: right ;
}
.pull-left {
  float: left;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
	.pull-right {  float: none !important; width:100%;text-align:center;}
	.pull-left {  float: none !important; width:100%;text-align:center;}
  }