/* Reset*/
/*html {overflow-y:scroll; overflow:-moz-scrollbars-verticals;}*/
html, body{height:100%;}
* {
margin:0; padding:0; border:0; outline:0;
box-sizing: border-box; /* W3C */
-o-box-sizing: border-box; /* Opera */
-ms-box-sizing: border-box; /* Internet Explorer */
-moz-box-sizing: border-box; /* Firefox */
-webkit-box-sizing: border-box; /* Safari & Chrome */
}
/*article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, dl {list-style:none;}
img, video{max-width:100%;border:0;vertical-align:top;}
table { border-collapse:collapse; border-spacing:0; }
input, select {vertical-align:middle; }
label {cursor:pointer;}
i,em,address {font-style:normal; font-weight:normal;}
.blind,legend,hr,caption {display:block;overflow:hidden;position:absolute;top:0;left:-1000em; }
body{font-family:'Roboto Condensed',notokr; margin:0px; padding:0px; font-size:13px; color:#333; line-height:1.75}
.chn{font-family:"Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif;font-size:12px;line-height:20px;}
a:link {text-decoration:none;color:#555;}
a:visited{text-decoration:none;color:#555;}
a:hover {text-decoration:none;color:#e00109;}
a:active {text-decoration:none;color:#555;}*/

@font-face {
font-family: 'notokr';
src: url('../fonts/notokr-light.eot');
src: url('../fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
url('../fonts/notokr-light.woff2') format('woff2'),
url('../fonts/notokr-light.woff') format('woff'),
url('../fonts/notokr-light.ttf') format('truetype'),
url('../fonts/notokr-light.svg#notokr-light') format('svg');
font-weight: 300;
font-style: normal;
}

@font-face {
font-family: 'notokr';
src: url('../fonts/notokr-regular.eot');
src: url('../fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/notokr-regular.woff2') format('woff2'),
url('../fonts/notokr-regular.woff') format('woff'),
url('../fonts/notokr-regular.ttf') format('truetype'),
url('../fonts/notokr-regular.svg#notokr-regular') format('svg');
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: 'notokr';
src: url('../fonts/notokr-bold.eot');
src: url('../fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/notokr-bold.woff2') format('woff2'),
url('../fonts/notokr-bold.woff') format('woff'),
url('../fonts/notokr-bold.ttf') format('truetype'),
url('../fonts/notokr-bold.svg#notokr-bold') format('svg');
font-weight: 600;
font-style: normal;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* 공통사항 */
.mb-5em { margin-bottom: -5em; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }

.mb-5 { margin-bottom: -5px; }
.mb-10 { margin-bottom: -10px; }
.mb-20 { margin-bottom: -20px; }
.mb-30 { margin-bottom: -30px; }
.mb-40 { margin-bottom: -40px; }
.mb-50 { margin-bottom: -50px; }
.mb-60 { margin-bottom: -60px; }
.mb-70 { margin-bottom: -70px; }
.mb-80 { margin-bottom: -80px; }
.mb-90 { margin-bottom: -90px; }
.mb-100 { margin-bottom: -100px; }



.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }

.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }

.col-10-1 { width: 10%; }
.col-10-2 { width: 20%; }
.col-10-3 { width: 30%; }
.col-10-4 { width: 40%; }
.col-10-6 { width: 60%; }
.col-10-7 { width: 70%; }
.col-10-8 { width: 80%; }
.col-10-9 { width: 90%; }

.col-12-1 { width: 8.33333333%; }
.col-12-2 { width: 16.66666667%; }
.col-12-3 { width: 25%; }
.col-12-4 { width: 33.33333333%; }
.col-12-5 { width: 41.66666667%; }
.col-12-6 { width: 50%; }
.col-12-7 { width: 58.33333333%; }
.col-12-8 { width: 66.66666667%; }
.col-12-9 { width: 75%; }
.col-12-10 { width: 83.33333333%; }
.col-12-11 { width: 91.66666667%; }
.col-12-12 { width: 100%; }

.col-10-1, .col-10-2, .col-10-3, .col-10-4, .col-10-6, .col-10-7, .col-10-8, .col-10-9, .col-12-1, .col-12-2, .col-12-3, .col-12-4, .col-12-5, .col-12-6, .col-12-7, .col-12-8, .col-12-9, .col-12-10, .col-12-11, .col-12-12 { float: left; box-sizing: border-box; }

.bo-box { box-sizing: border-box; }


/* CSS Document */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}


.flal { float: left; }
.flar { float: right; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.in_block { display: inline-block; }
.block { display: block; }
.none { display: none; }
.table { display: table; }
.table .tr { display: table-row; }
.table .tr .td { display: table-cell; }


.bg-gray { background-color:#f7f7f7;  }
.bg-white { background-color: #fff; }
.bg-white-gray {background-color: #f9f9f9;}

.row { margin-right: 0 !important; margin-left: 0 !important; }
.container { padding-right: 0 !important; padding-left: 0 !important; }
.container-fluid { padding-left: 15px; padding-right: 15px; }

.img_block { display: block; }
.img_in-block { display: inline-block; }
.img_block img, .img_in-block img { display:inline-block !important; }

.ff_play { font-family: 'Play', sans-serif !important; }
.ff_barun { font-family: 'Nanum Barun Gothic', sans-serif !important; }
.ff_gulim { font-family: 'Gulim', sans-serif !important; }
.ff_titi { font-family: 'Titillium Web', sans-serif; }
.ff_mj { font-family: 'Nanum Myeongjo', sans-serif; }

.fw300 {font-weight: 300}
.fw400 {font-weight: 400}
.fw500 {font-weight: 500}
.fw700 {font-weight: 700}
.fw900 {font-weight: 900}

/* 레이아웃 */
.wrap { width: 100%; }
.container { max-width: 1000px; margin: 0 auto; }
.relative {position: relative;}
.bg-gray { background: #f4f4f4; }


/* 컬러 */
.clr-red {color: #de3d4c;}
.clr-dark-black {color: #3a3a3a;}
.clr-black {color: #3d3d3d;}



/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:9999}
#page-loader > .inner2 {display:table; width:100%; height:100%}

.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin:25% auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #c0837f;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;

  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
@media screen and (max-width:768px) {
.container {max-width:100%;}
.spinner {margin: 60% auto;}
}