@charset "utf-8";

/********************************************************
■ Basic : 기본
********************************************************/

@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic');
@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500,500italic,700,900,400italic,700italic|Gothic+A1:100,200,300,400,500,600,700,800,900&subset=korean');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Enriqueta:400,700&subset=latin-ext');
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,700%7CMerriweather:400,300,300italic,400italic,700,700italic');
@import url('//fonts.googleapis.com/css?family=Lusitana:400,700');
@import url('//fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap&subset=devanagari,latin-ext');
@import url('//fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap&subset=latin-ext');
@import url('./animation.css');
@import url('./head.css');
@import url('./main.css');
@import url('./tail.css');
@import url('./side.css');
@font-face {
    font-family: 'DAYROM';
    src: url('../../assets/bs3/fonts/DAYROM__.ttf') format('truetype');
}
/* html {
    scroll-behavior: smooth;
} */
body { font-family: dotum; line-height: 22px; font-size: 14px; color: rgb(51, 51, 51); background-color:#fff; background-repeat: no-repeat; background-attachment:fixed; background-size:cover; }
body.is-pc .ko { font-size:12px; }
a { color: rgb(51, 51, 51); cursor: pointer; text-decoration: none; }
a:hover, a:focus, a:active { color: #c70034;; text-decoration: none; }
fieldset legend { display:none; }
label { font-weight:normal; }
label.checkbox, label.radio { line-height:12px; font-size: 12px; font-weight: normal; cursor: pointer; }
hr { margin-top: 20px; margin-bottom:20px; border:0; border-top:1px solid #eee; display:block; }
blockquote { font-size: 12px; margin:0px 0px 20px; }
.en, h1, h2, h3, h4, h5, h1 a, h2 a, h3 a, h4 a, h5 a { font-family: "Noto Sans KR", sans-serif; }
.ko, .ko small { font-family:dotum, sans-serif; }
.sns-share-icon img { width:20%; max-width:34px; border-radius:50%; }
ul,li {
	padding: 0;
	margin: 0;
}
::selection {
    background: #c70034;
    color: #ffffff;
}
b, strong {
  font-weight: 600;
}
/* 한글 폰트 */
.GA1 {font-family: 'Gothic A1', sans-serif;}
.nsk {font-family: 'Noto Sans KR', sans-serif;}
.NnG {font-family: 'NanumSquare', sans-serif;}
.NnM {font-family: 'Nanum Myeongjo', serif;}

/* 영문 폰트 */
.OSAN {font-family: 'Open Sans', sans-serif;}
.jf {font-family: 'Josefin Slab', serif;}
.qs {font-family: 'Quicksand', sans-serif;}
.Enr {font-family: 'Enriqueta', serif;}
.scmt {font-family: 'Sacramento', cursive;}
.LSTN {font-family: 'Lusitana', serif !important;}
.DAYROM {font-family: 'DAYROM', "Noto Sans KR", sans-serif;}
.Poppins {font-family: 'Poppins', "Noto Sans KR", sans-serif;}
.Lato {font-family: 'Lato', sans-serif;}

/********************************************************
■ Layout : 레이아웃
********************************************************/
.wrapper { margin:0 auto; background:#fff;  }
.at-container { margin:0px auto; padding:0px; }
.is-pc .at-body { min-height:600px; }
.at-body .at-container { padding:0px 15px; overflow:hidden; }
.boxed.wrapper .at-body .at-container { padding:0px 20px; }
.at-content { position:relative; padding:20px 0px; }
.at-row { margin-left:-15px; margin-right:-15px; }
.at-col { position:relative; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:20px; }
.at-body .overflow-view {
  overflow: visible;
}
section div.bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
}
@media all and (max-width:991px) {
	.responsive .at-body .at-container { padding:0px 10px !important; }
	.responsive .at-body .at-row { margin-left:0px; margin-right:0px; }
	.responsive .at-body .at-col { padding-left:0px; padding-right:0px; }
	.responsive .pull-right.at-main,
	.responsive .pull-left.at-side { float:none !important; }
}

/********************************************************
■ Bootstrap3 : 부트스트랩 기본속성
********************************************************/
.section-md, .section-lg, .section-xl, .section-xxl, .section-inset-2 {
    padding: 50px 0;
}
@media (min-width: 768px){
  .section-xxl {
    padding: 90px 0;
  }
}
@media (min-width: 992px){
.section-xxl {
    padding: 90px 0;
  }
}
@media (min-width: 1200px){
.section-xxl {
    padding: 90px 0;
  }
}
/* Button */
.btn { font-family: "Roboto", sans-serif; }
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }
.btn-xs { padding: 4px 10px; }
.is-pc .ko .btn-xs,
.is-pc .ko .btn-sm { font-family:dotum, sans-serif; }
.btn-ani-Shutter {
  transition: all .3s ease-in-out;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-ani-Shutter::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  width: 110%;
  padding-bottom: 110%;
  border-radius: 50%;
  transform: translate3d(-50%, -50%, 0) scale(1);
  transition: inherit;
  pointer-events: none;
  z-index: -1;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}
.btn-ani-Shutter:hover::after,
.btn-ani-Shutter:active::after {
  transform: translate3d(-50%, -50%, 0) scale(0);
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
}

/* Panel : Accordions */
.panel { box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; }
.panel-group .panel { border-radius: 0px; }
.panel .panel-heading { border-radius: 0px; }
.is-pc .ko .panel .panel-body { font-size:12px; }

/* List Group */
.list-group-item { word-break:break-all; border-radius:0 !important; }

/* Pagination */
.list-page {
  position: relative;
}
.pagination {
  font-family: "Roboto", sans-serif;
}
.pagination>li:first-of-type {
  position: absolute;
  left: 0;
}
.pagination>li:last-of-type {
  position: absolute;
  right: 0;
}
.pagination>li.disabled>a {
  display: none;
}
.pagination li a {
  border: none !important;
  color: #333 !important;
  font-size: 1.8rem;
  padding: .7rem;
  font-weight: 100;
}
.pagination li a:hover,
.pagination li.active a {
  color: #c70034 !important;
  background: none !important;
  border: none !important;
  font-weight: 400;
}

/* Progress */
.progress { position:relative; border-radius: 0px; height: 28px; overflow: hidden; margin-bottom: 15px; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-color: rgb(245, 245, 245); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress .sr-only { font-family: "Roboto", sans-serif; margin: 0px 15px; left: 0px; width: auto; height: 28px; line-height: 28px; font-size: 12px; clip: auto; }
.sr-score { font-family: "Roboto", sans-serif; height: 28px; line-height: 28px; font-size: 12px; padding-right:8px; }

/* Misc */
.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius:0 !important; }