@charset "UTF-8";
/* Common *****************************
*****************************************/
* {
  margin: 0 auto;
  padding: 0;
}

html {
  -webkit-text-size-adjust: none;
  overflow-x: hidden;
}

body {
  font-family: "NanumSquare";
  letter-spacing: -0.5px;
}

img {
  border: 0;
}

ol, ul, dl {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol:after, ul:after, dl:after {
  content: "";
  clear: both;
  display: block;
}

li, dt, dd {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "HDHarmonyM";
  font-weight: normal;
}

a {
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

/* Web Fonts *****************************
*****************************************/
@font-face {
  font-family: "HDHarmonyL";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/HDHarmonyL.eot);
  src: url(../fonts/HDHarmonyL.woff) format("woff"), url(../fonts/HDHarmonyL.eot?#iefix) format("embedded-opentype");
}
@font-face {
  font-family: "HDHarmonyM";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/HDHarmonyM.eot);
  src: url(../fonts/HDHarmonyM.woff) format("woff"), url(../fonts/HDHarmonyM.eot?#iefix) format("embedded-opentype");
}
@font-face {
  font-family: "NanumSquare";
  src: url(../fonts/NanumSquareR.eot);
  src: url(../fonts/NanumSquareR.eot?#iefix) format("embedded-opentype"), url(../fonts/NanumSquareR.woff2) format("woff2"), url(../fonts/NanumSquareR.woff) format("woff"), url(../fonts/NanumSquareR.ttf) format("truetype");
}
/* Main Elements style *******************
*****************************************/
#wrap {
  min-width: 320px;
}

.grid {
  max-width: 1000px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.grid:after {
  content: "";
  clear: both;
  display: block;
}

section .container {
  padding-bottom: 130px;
}

input[readonly], input[disabled] {
  background-color: #ededed !important;
}

textarea[readonly], textarea[disabled] {
  background-color: #fff !important;
}

/* Buttoon Form **************************
*****************************************/
.btn-wrap {
  padding-top: 40px;
}

.btn-wrap.right {
  text-align: right;
}

.btn-wrap.center {
  text-align: center;
}

.btn-wrap .btn {
  display: inline-block;
  text-align: center;
  font-family: "HDHarmonyM";
  font-size: 16px;
  cursor: pointer;
}

.btn-wrap .btn.sm {
  width: 70px;
  line-height: 40px;
}

.btn.lg {
  width: 130px;
  line-height: 55px;
  font-size: 18px;
}

.btn-wrap .btn.bg {
  color: #fff;
  background-color: #3b6fb7;
  border: 1px solid #3b6fb7;
}

.btn-wrap .btn.grey {
  color: #fff;
  background-color: #999;
  border: 1px solid #999;
}

.btn-wrap .btn.border {
  color: #888;
  background-color: #fff;
  border: 1px solid #888;
}

.btn-wrap .btn.mrg {
  margin-right: 10px;
}

/* Table Form ****************************
*****************************************/
.tblForm {
  table-layout: fixed;
  width: 100%;
  text-align: left;
}

.tblForm .desc {
  padding-top: 10px;
  font-size: 14px;
  color: #3b6fb7;
}

/* Table List Form ***********************
*****************************************/
.tblForm.list .widthNum, .tblForm.list .widthCount {
  width: 120px;
}

.tblForm.list .widthName {
  width: 90px;
}

.tblForm.list .widthDate {
  width: 120px;
}

.tblForm.list th {
  padding: 17px 0;
  font-size: 16px;
  color: #666;
  text-align: center;
  background-color: #f7f7f7;
  border-bottom: 2px solid #c0c0c0;
}

.tblForm.list td {
  padding: 17px 0;
  font-size: 14px;
  color: #888;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}

.tblForm.list td.title {
  text-align: left;
}

.tblForm.list td.title a {
  display: inline-block;
  overflow: hidden;
  width: 90%;
  font-size: 16px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tblForm.list td.title img {
  width: 17px;
  -webkit-animation: flash 2s infinite ease-out;
  animation: flash 2s infinite ease-out;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.tblForm.list td.title.none {
  text-align: center;
}

.tblForm.list tr:last-child td {
  border-color: #c4c4c4;
}

/* Table View Form ***********************
*****************************************/
.tblForm.view {
  border-bottom: 0;
}

.tblForm.view th {
  padding: 20px 50px;
  font-weight: 400;
  font-size: 22px;
  text-align: left;
  background-color: #f7f7f7;
  border-bottom: 2px solid #c0c0c0;
}

.tblForm.view td {
  padding: 0 50px;
  line-height: 50px;
  border-bottom: 1px solid #e1e1e1;
}

.tblForm.view td ul li {
  float: left;
  width: 50%;
  font-size: 14px;
  color: #999;
}

.tblForm.view td ul li.last {
  text-align: right;
}

.tblForm.view td ul li h5 {
  display: inline;
  font-weight: 400;
  font-size: 14px;
  color: #333;
}

.tblForm.view td ul li .bar {
  margin: 0 8px;
  width: 2px;
  height: 8px;
  background-color: #d3d3d3;
  vertical-align: middle;
}

.tblForm.view td ul li a {
  color: #999;
}

.tblForm.view td.view {
  padding: 50px 50px 130px;
  font-size: 17px;
  line-height: 2.1;
}

/* Table Faq Form ***********************
*****************************************/
.tblForm.faq {
  border-bottom: 2px solid #c0c0c0;
}

.tblForm.faq h1 {
  padding: 0 20px;
  font-family: "NanumSquare";
  font-size: 0;
  background: url("../images/btn-unfold.png") no-repeat right 30px top 20px;
  border-bottom: 1px solid #ededed;
  cursor: pointer;
}

.tblForm.faq h1.last {
  border-bottom: 0;
}

.tblForm.faq h1.active {
  font-size: 18px;
  background: #fafafa url("../images/btn-fold.png") no-repeat;
  background-position: right 30px top 20px;
}

.tblForm.faq h1 span.tit {
  overflow: hidden;
  display: inline-block;
  width: 85%;
  line-height: 53px;
  font-weight: 400;
  font-size: 14px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tblForm.faq h1 span.bnr {
  display: inline-block;
  width: 140px;
  font-size: 14px;
  color: #78949f;
}

.tblForm.faq h1.active span.tit, .tblForm.faq h1.active span.bnr {
  font-size: 16px;
  font-weight: 700;
}

.tblForm.faq h1 img {
  margin: 12px 20px 0 0;
  width: 27px;
  vertical-align: top;
}

.tblForm.faq div {
  padding: 20px 20px 20px 175px;
  line-height: 1.5;
  font-size: 16px;
  color: #666;
  border-bottom: 1px solid #c0c0c0;
}

/* Table Write Form **********************
*****************************************/
.tblForm.write {
  border-top: 2px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.tblForm.write .widthGroup {
  width: 180px;
}

.tblForm.write th, .tblForm.write td {
  border-bottom: 1px solid #e1e1e1;
}

.tblForm.write th {
  padding: 20px 40px;
  font-size: 14px;
  font-weight: 700;
  color: #333;
  text-align: right;
  background-color: #f7f7f7;
  vertical-align: top;
}

.tblForm.write td {
  padding: 10px 30px;
}

/* Table Box Form ************************
*****************************************/
.tblForm.box {
  margin-top: 30px;
  padding: 100px 0;
  font-size: 20px;
  color: #333;
  text-align: center;
  background-color: #f8f8f8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tblForm.box p {
  line-height: 1.5;
  font-size: 20px;
}

/* Pagnination Style *********************
*****************************************/
.pagnination {
  padding-top: 50px;
  line-height: 32px;
  text-align: center;
}

.pagnination span {
  display: inline-block;
  width: 34px;
  height: 36px;
  border: 1px solid #dcdcdc;
  cursor: pointer;
}

.pagnination .page-btn {
  background-color: #fcfcfc;
  background-repeat: no-repeat;
  background-position: center;
}

.pagnination .past1 {
  margin-right: 3px;
  background-image: url("../images/btn-page-1.png");
}

.pagnination .past2 {
  margin-right: 8px;
  background-image: url("../images/btn-page-2.png");
}

.pagnination .next1 {
  margin-left: 8px;
  background-image: url("../images/btn-page-3.png");
}

.pagnination .next2 {
  margin-left: 3px;
  background-image: url("../images/btn-page-4.png");
}

.pagnination a {
  display: inline-block;
  margin: 0 2px;
  vertical-align: top;
}

.pagnination a span {
  font-size: 12px;
  color: #777;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pagnination a span.active {
  color: #ff6600;
  border-bottom: 3px solid #ff6600;
}

/* Read Policy and Check Form ************
*****************************************/
span.policy {
  display: inline-block;
  overflow-x: hidden;
  padding: 20px;
  width: 100%;
  line-height: 1.5;
  font-size: 13px;
  color: #747474;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chkbox {
  display: block;
  margin-top: 8px;
  text-align: right;
}

.chkbox.right {
  text-align: right;
}

.chkbox label {
  font-size: 14px;
  color: #333;
}

.chkbox input[type=checkbox] {
  margin-top: 1px;
  vertical-align: top;
}

/* Apply Form ****************************
*****************************************/
.form table {
  width: 100%;
  font-size: 14px;
  color: #666;
}

.form table th {
  padding: 10px 5px;
  font-weight: normal;
  color: #666;
  text-align: center;
  background-color: #ededed;
}

.form table td {
  position: relative;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #ededed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.form table td.rowspan {
  padding: 10px 10px 10px 158px;
}

.form table.border th {
  border-right: 1px solid #fff;
}

.form table.border td {
  border-right: 1px solid #f6f6f6;
}

.form table.border th:last-child, .form table.border td:last-child {
  border-right: 0;
}

.form table.mo {
  display: none;
}

.form table.mo td {
  border: 0;
}

.form table .widthTit {
  width: 70px;
}

.form table .widthMd {
  width: 150px;
}

.form table .widthWide {
  width: 200px;
}

.form table .widthBtn {
  width: 135px;
}

.form table .widthBtnWide {
  width: 175px;
}

.form .widthFtit {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-top: 7px;
  margin-right: 30px;
  width: 115px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.form .widthStit {
  display: inline-block;
  width: 111px;
  line-height: 34px;
  text-align: center;
  background-color: #f7f7f7;
}

.form .bar {
  position: absolute;
  top: 5px;
  right: 0;
  width: 2px;
  height: 6px;
  background-color: #e5e5e5;
}

.form .input-style {
  display: inline-block;
  width: 200px;
  height: 32px;
  text-align: left;
  vertical-align: top;
}

.form .input-style:after {
  content: "";
  display: block;
  clear: both;
}

.form .input-style.sm {
  width: auto;
  line-height: 32px;
}

.form .input-style.md {
  width: 49.5%;
}

.form .input-style.long {
  padding-left: 148px;
  width: 80%;
}

.form .input-style.full {
  width: 100%;
}

.form .input-style.long.view {
  padding-left: 0;
}

.form .input-style.view p {
  line-height: 32px;
  color: #333;
}

.form .input-style.view.center p {
  text-align: center;
}

.form .input-style label[for=inputTit] {
  display: inline-block;
  width: 60px;
}

.form textarea {
  margin-top: 15px;
  padding: 20px;
  width: 100%;
  font-family: "HDHarmonyL";
  font-weight: normal;
  font-size: 14px;
  color: #666;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

.form textarea.wide {
  height: 225px;
}

.form textarea.narrow {
  height: 130px;
}

.form .input-style input[type=text] {
  padding: 0 10px;
  width: 100%;
  height: 100%;
  font-family: "HDHarmonyL";
  font-weight: normal;
  font-size: 14px;
  color: #666;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

.form .input-style.quarter input[type=text] {
  width: 25%;
}

.form .input-style input[type=radio] {
  display: none;
}

.form .input-style input[type=radio] + label {
  display: inline-block;
  float: left;
  width: 50%;
  height: 100%;
  line-height: 2.4;
  font-family: "HDHarmonyL";
  font-weight: normal;
  font-size: 14px;
  text-align: center;
  color: #999;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.form .input-style input[type=radio] + label.border {
  border-right: 0;
}

.form .input-style.full input[type=radio] + label {
  width: 49%;
}

.form .input-style.triple input[type=radio] + label {
  width: 33.3333333%;
}

.form .input-style.quarter input[type=radio] + label {
  width: 25%;
}

.form .input-style.five input[type=radio] + label {
  width: 20%;
}

.form .input-style.six input[type=radio] + label {
  width: 16.6%;
}

.form .input-style.seven input[type=radio] + label {
  width: 14.2%;
}

.form .input-style input[type=radio]:checked + label {
  color: #51a3da;
  border: 1px solid #51a3da;
}

.form .input-style .active + input {
  display: none;
}

.form .input-style input[type=checkbox] {
  margin-left: 30px;
}

.form .input-style input[type=checkbox] + label {
  margin-left: 5px;
  vertical-align: top;
}

.form .input-style form {
  height: 100%;
}

.form .select-style {
  display: inline-block;
  height: 32px;
  vertical-align: top;
}

.form .select-style.full {
  width: 100%;
}

.form .select-style.mrg {
  padding-left: 20px;
}

.form .select-style select {
  padding: 0 5px;
  padding: 0px \0 /IE89; /* IE8, IE9 Hack */
  height: 100%;
  font-family: "NanumSquare";
  font-weight: normal;
  font-size: 12px;
  color: #666;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
  cursor: pointer;
}

/* Over IE10 Hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .form .select-style select {
    padding: 0px;
  }
}
.form .mo .input-style {
  width: 100%;
}

.form .mo .select-style.md {
  width: 49%;
}

.form .mo .select-style.full {
  width: 100%;
}

.form .mo .select-style select {
  width: 100%;
}

.form form {
  display: inline-block;
  vertical-align: top;
}

.form button {
  height: 32px;
  font-family: "HDHarmonyL";
  font-weight: normal;
  outline: none;
  cursor: pointer;
}

.form button.zip {
  width: 87px;
  font-size: 12px;
  color: #999;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
}

.form button.add {
  float: right;
  width: 56px;
  color: #6d8da4;
  background-color: #f7f7f7;
  border: 1px solid #6d8da4;
}

.form img.delete.pc {
  position: absolute;
  top: 15px;
  right: 10px;
}

/* [Media Query] Wide Table ~ DeskTop ****
*****************************************/
@media all and (max-width: 1000px) {
  /* Table List Form */
  .tblForm.list .widthNum, .tblForm.list .widthCount {
    width: 80px;
  }
  .tblForm.list .widthName {
    width: 90px;
  }
  .tblForm.list .widthDate {
    width: 100px;
  }
  .tblForm.list td.title a {
    font-size: 16px;
  }
  .tblForm.list td.title a span {
    font-size: 15px;
  }
  /* Apply Form */
  .form table.pc {
    display: none;
  }
  .form table.mo {
    width: 100%;
    display: table;
    table-layout: fixed;
  }
  /* Table Faq Form */
  .tblForm.faq div {
    padding: 20px 20px 20px 75px;
    font-size: 14px;
  }
  /* Apply Form */
  .form .linebreak {
    display: inline;
  }
  .form table td.rowspan {
    padding-left: 10px;
  }
  .form .widthFtit {
    padding: 0 0 3px 0;
    margin: 0;
    width: 100%;
    font-weight: 700;
  }
  .form .bar {
    display: none;
  }
  .form .input-style {
    padding-top: 7px;
    width: 100% !important;
  }
  .form .input-style.sm, .form .input-style.md {
    width: 100% !important;
  }
  .form .input-style.long {
    padding-left: 0;
    width: 100% !important;
  }
  .form .input-style input[type=checkbox] {
    margin-left: 0;
  }
  .form .select-style {
    padding-top: 7px;
  }
  .form img.delete.pc {
    position: relative;
    top: auto;
    right: auto;
    float: right;
    margin-top: 7px;
  }
  .form button.zip {
    margin-top: 7px;
  }
  .form textarea {
    font-size: 13px;
  }
  /* Table Write Form */
  .tblForm.write .widthGroup {
    width: 130px;
  }
  .tblForm.write th {
    padding: 20px;
  }
  .tblForm.write td {
    padding: 10px 20px;
  }
  .tblForm.box {
    padding: 40px 10px;
  }
  .tblForm.box p {
    font-size: 16px;
  }
}
/* [Media Query] Wide Mobile 1 ***********
*****************************************/
@media all and (max-width: 650px) {
  /* Button Style */
  .btn-wrap .btn {
    font-size: 14px;
  }
  .btn.lg {
    width: 110px;
    line-height: 50px;
  }
  /* Table View Form */
  .tblForm.view th {
    padding: 20px 15px;
    font-size: 18px;
  }
  .tblForm.view td {
    padding: 0 15px;
  }
  .tblForm.view td ul li {
    width: 100%;
  }
  .tblForm.view td ul li.none {
    display: none;
  }
  .tblForm.view td.view {
    padding: 20px 20px 80px;
    font-size: 14px;
  }
  /* Table List Form */
  .tblForm.list .widthNum {
    width: 55px;
  }
  .tblForm.list th, .tblForm.list td.title a {
    font-size: 14px;
  }
  .tblForm.list td.title a span {
    font-size: 13px;
  }
  .tblForm.list .widthCount, .tblForm.list th:last-child, .tblForm.list td:last-child, .tblForm.list td.title.none {
    display: none;
  }
  /* Table Write Form */
  .tblForm.write td {
    font-size: 14px;
  }
  /* Read Policy and Check Form */
  .chkbox label {
    font-size: 14px;
  }
  span.policy {
    font-size: 13px;
  }
  /* Apply Form */
  .form .input-style.auto {
    height: auto;
  }
  .form .input-style.quarter input[type=text] {
    margin-top: 5px;
    width: 100%;
    height: 32px;
  }
  .form .select-style {
    width: 100%;
  }
  .form .select-style.mrg {
    padding-left: 0;
  }
  .form .select-style select {
    width: 90%;
  }
  .form .mo .select-style.md {
    padding-top: 5px;
    width: 100%;
  }
}
/* [Media Query] Wide Mobile 2 ***********
*****************************************/
@media all and (max-width: 520px) {
  /* Table List Form */
  .tblForm.list .widthDate, .tblForm.list th:nth-child(3), .tblForm.list td:nth-child(3) {
    display: none;
  }
  .tblForm.list th, .tblForm.list td {
    padding: 15px 0;
  }
  /* Table Faq Form */
  .tblForm.faq h1 {
    padding: 0 10px;
    background-position: right 10px top 17px;
    background-size: 20px;
  }
  .tblForm.faq h1 img {
    margin: 7px 10px 0 0;
  }
  .tblForm.faq h1 span.tit {
    width: 75%;
    line-height: 45px;
  }
  .tblForm.faq h1 span.bnr {
    width: 80px;
    font-size: 13px;
  }
  .tblForm.faq h1.active {
    background-position: right 10px top 17px;
    background-size: 20px;
  }
  .tblForm.faq h1.active span.tit, .tblForm.faq h1.active span.bnr {
    font-size: 14px;
  }
  .tblForm.faq div {
    padding: 20px 20px 20px 50px;
    font-size: 14px;
    background-position: 20px 20px;
  }
  /* Table Write Form */
  .tblForm.write .widthGroup {
    width: 70px;
  }
  .tblForm.write th {
    padding: 20px 0;
    font-size: 13px;
    text-align: center;
  }
  .tblForm.write td {
    padding: 10px 10px;
  }
  .tblForm.box {
    margin-top: 35px;
  }
  .tblForm.box p {
    font-size: 14px;
  }
  /* Apply Form */
  .form .input-style input[type=radio] + label {
    display: block;
    float: none;
    width: 100%;
  }
  .form .input-style input[type=radio] + label.border {
    margin-bottom: 3px;
    border-right: 1px solid #ddd;
  }
  .form .input-style.full input[type=radio] + label, .form .input-style.long input[type=radio] + label {
    width: 100%;
  }
  /* Pagnination Style */
  .pagnination {
    line-height: 28px;
  }
  .pagnination .past1, .pagnination .next2 {
    display: none;
  }
  .pagnination span {
    width: 27px;
    height: 27px;
  }
}
/* [Media Query] Mobile ********************************
*****************************************/
@media all and (max-width: 360px) {
  /* Table Faq Form */
  .tblForm.faq h1 span.bnr {
    display: none;
  }
  /* Pagnination Style */
  .pagnination .past2 {
    margin-right: 3px;
  }
  .pagnination .next1 {
    margin-left: 3px;
  }
}
/* common style */
#wrap {
  min-width: 320px;
}

.grid {
  max-width: 1000px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.grid:after {
  content: "";
  clear: both;
  display: block;
}

section .container {
  position: relative;
  padding-bottom: 130px;
}

/* Common Color */
.OrgColor {
  color: #ff6600 !important;
}

.fntWhite {
  color: #fff;
}

.fntYGreen {
  color: #14c394;
}

.fntSkyBlue {
  color: #2995e8;
}

.bgYGreen {
  background-color: #14c394;
}

.bgSkyBlue {
  background-color: #2995e8;
}

/* Owl Carousel */
.owl-theme .owl-nav {
  margin-top: 0;
}

.owl-theme .owl-nav [class*=owl-] {
  font-size: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

/* Sliding Top Banner */
.slideTopBnr {
  position: relative;
  font-size: 0;
  /* border-bottom: 1px solid #fff; */
}

.slideTopBnr > .grid {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -490px;
  width: 100%;
  z-index: 2;
}

.slideTopBnr p {
  /* padding-top: 19%; */
  width: 100%;
  text-align: right;
}

.slideTopBnr p.move {
  padding-top: 0%;
  position: absolute;
  top: 180px;
}

.slideTopBnr p input[class=chkbox] {
  display: inline-block;
  margin-top: 1px;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  vertical-align: top;
}

.slideTopBnr p label {
  display: inline-block;
  font-size: 13px;
  color: #666;
  vertical-align: top;
  cursor: pointer;
}

.slideTopBnr p .slide-close {
  display: inline-block;
  margin-top: -5px;
  margin-left: 10px;
  padding: 5px 10px;
  font-size: 13px;
  color: #fff;
  background-color: #5ec4a9;
  vertical-align: top;
  cursor: pointer;
}

.slideTopBnr .owl-carousel .item {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}

.slideTopBnr .owl-carousel .item a {
  display: block;
}

.slideTopBnr p.none,
.slideTopBnr .owl-carousel img.none {
  display: none;
}

.slideTopBnr p.none {
  padding-top: 2px;
}

.slideTopBnr p.none span {
  display: inline-block;
  margin-top: -5px;
  padding: 6px 10px;
  font-size: 13px;
  color: #fff;
  background-color: #5ec4a9;
  cursor: pointer;
}

.slideTopBnr p.none span img {
  margin-top: 5px;
  margin-left: 5px;
  vertical-align: top;
}

.slideTopBnr .owl-carousel.mo {
  display: none;
}

.slideTopBnr .owl-carousel.mo .item {
  width: 100%;
  height: auto;
  background: transparent;
}

/* PopUp */
.mask {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
  z-index: 100;
}

.popUp {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -125px;
  margin-left: -270px;
  padding: 30px;
  width: 540px;
  /*height: 250px;*/
  text-align: center;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 200;
}

.popUp h1 {
  font-size: 20px;
}

.popUp ul {
  padding-top: 30px;
}

.popUp ul li {
  position: relative;
  float: left;
  width: 32%;
}

.popUp ul li:nth-child(2) {
  margin: 0 2%;
}

.popUp ul li span.bar {
  position: absolute;
  top: 50px;
  width: 3px;
  height: 17px;
  background-color: #ccc;
}

.popUp ul li:first-child span.bar {
  right: -5px;
}

.popUp ul li:last-child span.bar {
  left: -5px;
}

.popUp p {
  padding-top: 15px;
  font-family: "HDHarmonyM";
  font-size: 14px;
  color: #ff6c00;
}

.popUp img.close {
  position: absolute;
  top: 25px;
  right: 15px;
  cursor: pointer;
}

/* Alert */
.alert {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -165px;
  margin-left: -235px;
  width: 470px;
  padding: 50px 90px;
  text-align: center;
  border: 5px solid #96a4ad;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 200;
}

.alert h1 {
  padding-bottom: 25px;
  font-family: "HDHarmonyM";
  font-size: 24px;
}

.alert p {
  line-height: 1.3;
  font-family: "HDHarmonyL";
  font-size: 18px;
  color: #666;
}

.alert h3 {
  padding-top: 20px;
  font-size: 0;
}

.alert h3 a {
  display: inline-block;
  width: 77px;
  line-height: 77px;
  font-family: "HDHarmonyM";
  font-size: 15px;
  color: #fff;
  background-color: #c7c6c6;
  border-radius: 100%;
}

.alert h3 a:first-child {
  background-color: #2d8dcb;
}

.alert h3 a.mrg {
  margin-right: 10px;
}

/* Ci Animation */
.ci.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* Header */
header {
  border-bottom: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

header .grid {
  padding: 25px 0 20px;
}

/* header .grid:after{ 
	content: "";
	clear: both;
	display: block;
} zoe1028 삭제 */
header nav,
header form,
header .grid > a {
  float: left;
}

header .ci {
  /* zoe1028 수정 */
  margin-top: -5px;
  width: 190px;
}

header nav {
  /* padding-left: 30px; zoe1028 삭제 */
  font-family: "HDHarmonyM";
  font-size: 15px;
}

header nav li {
  float: left;
  padding-right: 30px;
  line-height: 36px; /* zoe1028 수정 */
}

header nav li:last-child {
  padding-right: 0;
}

header nav a {
  color: #333;
}

header nav a.active {
  color: #3b6fb7;
}

header form {
  margin-left: 40px;
  width: 142px;
  height: 36px;
  border-bottom: 2px solid #e6e6e4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

header form input {
  width: 110px;
  height: 100%;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #333;
  background: transparent;
  border: 0;
  outline: none;
}

header form button {
  width: 28px;
  height: 28px;
  background: url("../images/ico-search-sub.png") no-repeat left center;
  border: 0;
  outline: none;
  cursor: pointer;
}

header .grid > a {
  display: block;
  margin-left: 20px;
}

/* zoe1028 추가 시작 */
.hd-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0;
}

.hd-wrap .col {
  margin: 0;
}

/* zoe1028 끝 */
/* Sub Navigation */
.sub-gnb {
  position: absolute;
  top: 90px; /* zoe1028 수정 */
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 10;
}

.sub-gnb.grey {
  background: #f8f8f8;
}

.sub-gnb .grid {
  position: relative;
  padding: 10px 0;
  height: 38px;
}

.sub-gnb ul {
  position: absolute;
}

.sub-gnb ul:first-child {
  /* zoe1028 수정 */
  left: 480px;
}

.sub-gnb ul:nth-child(2) {
  right: 325px;
}

.sub-gnb ul:nth-child(3) {
  right: 245px;
}

.sub-gnb ul:last-child {
  /* zoe1028 수정 */
  right: 182px;
}

.sub-gnb li {
  float: left;
  padding-left: 40px;
}

.sub-gnb a {
  font-family: "HDHarmonyM";
  font-size: 15px;
  color: #333;
}

.sub-gnb a:hover {
  color: #3b6fb7;
}

/* Sub Navigation in Index */
.main-visual .sub-gnb {
  display: none;
  top: 163px;
  left: 0;
  background: transparent;
}

.main-visual .sub-gnb .grid {
  padding: 0;
}

.main-visual .sub-gnb ul {
  background: rgba(51, 51, 51, 0.3);
}

.main-visual .sub-gnb ul:first-child {
  left: 145px;
}

.main-visual .sub-gnb ul:last-child {
  right: 250px;
}

.main-visual .sub-gnb li {
  padding: 10px 20px;
}

.main-visual .sub-gnb li:first-child {
  padding-left: 27px;
}

.main-visual .sub-gnb li:last-child {
  padding-right: 27px;
}

.main-visual .sub-gnb a {
  color: #c5e6e7;
}

.main-visual .sub-gnb a:hover {
  color: #fff;
}

/* Slick Navigation */
.slicknav {
  display: none;
  font-family: "HDHarmonyL";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 100;
}

.slicknav.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}

.slicknav.fixed .top {
  background-color: #fff;
}

.slicknav .top {
  position: relative;
  padding: 12px 0 8px; /* 1106 zoe 수정 */
  text-align: center;
  /* background: url('../images/slicknav-bg.png?v=2') no-repeat left 15px center; */
  background-size: 109px;
  border-bottom: 1px solid #e6e6e6;
}

.slicknav .top a img {
  width: 95px; /* 1106 zoe 수정 */
}

.slicknav .line-btn-wrap {
  position: absolute;
  top: 6px;
  right: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.slicknav .line-btn-wrap .line-btn {
  display: block;
  width: 20px;
  height: 20px;
}

.slicknav .line-btn-wrap .line-btn span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.slicknav .line-btn-wrap .line-btn span:first-child {
  top: 10px;
}

.slicknav .line-btn-wrap .line-btn span:nth-child(2) {
  top: 17px;
}

.slicknav .line-btn-wrap .line-btn span:last-child {
  top: 24px;
}

.slicknav .line-btn-wrap.active .line-btn span:first-child {
  top: 17px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.slicknav .line-btn-wrap.active .line-btn span:nth-child(2) {
  top: 17px;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.slicknav .line-btn-wrap.active .line-btn span:last-child {
  opacity: 0;
}

.slicknav > ul {
  position: fixed;
  padding: 25px 0 70px;
  width: 100%;
  background-color: rgb(255, 255, 255); /* zoe1028 수정 */
  z-index: 100;
}

.slicknav .menu {
  padding: 15px 0;
  text-align: center;
  cursor: pointer;
}

.slicknav .menu h1,
.slicknav .menu h1 a {
  display: inline-block;
  line-height: 22px;
  font-size: 20px;
  color: #202020;
}

.slicknav .menu ul {
  padding: 10px 0 10px;
}

.slicknav .menu ul li a {
  display: block;
  padding: 9px 0;
  font-size: 16px;
  color: #666;
}

/* Footer */
footer {
  font-size: 13px;
  background-color: #222; /* zoe1028 수정 */
}

footer .grid {
  /* zoe1028 수정 */
  padding: 70px 0;
}

/* zoe1028 추가 시작 */
.ft_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  color: #666;
}

.ft_wrap .col {
  margin: 0;
}

.ft_wrap .col * {
  display: inline-block;
  vertical-align: middle;
}

.ft_ci {
  width: 105px;
}

.copyright {
  margin-left: 20px;
}

.ft_wrap .btn {
  width: 125px;
  line-height: 30px;
  color: #666;
  border: 1px solid #666;
}

.ft_wrap .btn + .btn {
  margin-left: 10px;
}

/* zoe1028 추가 끝 */
/* footer .bar {
	margin: 0 10px;
	width: 2px;
	height: 9px;
	background-color: #c7c7c7;
}
footer a {
	color: rgba(255, 255, 255, 0.6);
}
footer copyright {
	clear: both;
	display: block;
	padding-top: 15px;
	width: 100%;
	color: rgba(255, 255, 255, 0.6);
} zoe1028 삭제 */
/* Sub Common style */
.paddBtmNo {
  padding-bottom: 0 !important;
}

article:after {
  content: "";
  clear: both;
  display: block;
}

article .grid {
  position: relative;
  padding: 40px 0;
  font-size: 0;
  text-align: center;
}

article.padd.top .grid {
  padding-top: 75px;
}

article.padd.bottom .grid {
  padding-bottom: 80px;
}

article.padd.both .grid {
  padding: 80px 0 100px;
}

article.padd.sm .grid {
  padding: 35px 0;
}

article.blue .grid {
  background-color: #eff7fb;
}

.bar {
  display: inline-block;
}

.linebreak {
  display: block;
}

.btn {
  text-align: center;
}

.white {
  background-color: #fff;
}

.grey {
  background-color: #fbfbfb;
}

.subTit {
  padding: 82px 0;
  height: 200px;
  text-align: center;
  background-size: cover !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.subTit h1 {
  font-size: 28px;
  color: #fff;
  text-shadow: 1.5px 1.5px rgba(0, 0, 0, 0.4);
}

.sub-top {
  padding-top: 55px;
}

.sub-top:after {
  content: "";
  display: block;
  clear: both;
}

.sub-top h1,
.sub-top .tab-menu {
  float: left;
}

.sub-top h1 {
  padding-top: 7px;
  width: 48.16666666%;
  font-size: 20px;
}

.tab-menu li {
  float: left;
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #555;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.tab-menu.border li {
  padding: 13px 0;
  text-align: center;
  border: 1px solid #e1e1e1;
  border-bottom: 1px solid #969696;
  border-right: 0;
}

.tab-menu.border li.last {
  border-right: 1px solid #e1e1e1;
}

.tab-menu.border li.active {
  border: 1px solid #969696;
  border-bottom: 0;
}

.tab-menu.border li.active + li {
  border-left: 0;
}

.tab-menu.border li a {
  color: #696969;
}

.tab-menu.triple li {
  width: 33.3333333%;
}

.tab-menu.quarter li {
  width: 25%;
}

.txtBox {
  margin-top: 30px;
  padding: 100px 0;
  font-size: 20px;
  color: #333;
}

.txtBox.grey {
  background-color: #f8f8f8;
}

/* Sub Common style - Nopost */
.subRoot {
  border-bottom: 1px solid #ebebeb;
}

.subRoot:after {
  content: "";
  clear: both;
  display: block;
}

.subRoot .root {
  float: left;
  padding: 15px 20px;
  font-size: 0;
  border-left: 1px solid #ebebeb;
}

.subRoot .root img.padd {
  margin-top: 5px;
  padding: 0 20px;
  vertical-align: top;
}

.subRoot .root span {
  display: inline-block;
  margin-top: 2px;
  font-size: 12px;
  color: #7a838a;
  vertical-align: top;
}

.subRoot .root span.active {
  color: #3b6fb7;
}

.subRoot ul {
  float: right;
  width: 550px;
}

.subRoot ul li {
  float: left;
  text-align: center;
  border-left: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.subRoot ul li:last-child {
  border-right: 1px solid #ebebeb;
}

.subRoot ul.pcs2 {
  width: 320px;
}

.subRoot ul.pcs2 li {
  width: 50%;
}

.subRoot ul.pcs3 li {
  width: 33.3333333%;
}

.subRoot ul.pcs4 li {
  width: 25%;
}

.subRoot ul li a {
  display: block;
  padding: 15px 0;
  font-size: 17px;
  color: #456a84;
  word-break: keep-all;
}

.subRoot ul li.active {
  background-color: #3b6fb7;
}

.subRoot ul li.active a {
  color: #fff;
}

.sub-post-title {
  margin-bottom: 18px;
  line-height: 1.3;
  text-align: center;
  font-family: "HDHarmonyM";
  font-size: 20px;
  color: #666;
}
.sub-post-title span {
  color: #3b6fb7;
}

.postTit {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 20px;
  font-size: 32px;
  background: url("../images/post-tit-bg.png") no-repeat left bottom;
}

.postTit img.bnr {
  position: absolute;
  top: -29px;
  right: 0;
  -webkit-animation: slideDown 0.5s ease-in;
  animation: slideDown 0.5s ease-in;
}

@-webkit-keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.postTit .count {
  position: absolute;
  top: 2px;
  right: 48px;
  font-size: 18px;
  color: #fff;
  opacity: 0;
  opacity: 1 \0 /IE89;
  -webkit-animation: fadeIn 0.1s ease-in;
  animation: fadeIn 0.1s ease-in;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.postSubTit {
  line-height: 1.3;
  font-size: 24px;
  color: #3b6fb7;
}

.postSubTit .postSubDesc {
  display: block;
  font-family: "NanumSquare";
  font-size: 14px;
  color: #888;
}

.postSubTit span.bar {
  display: block;
  margin-top: 17px;
  margin-bottom: 27px;
  width: 24px;
  height: 2px;
  background-color: #000;
}

.nopost p {
  line-height: 1.5;
  font-size: 17px;
  color: #666;
  letter-spacing: -0.5px;
}

.nopost p.desc {
  padding: 20px 0 30px;
  font-weight: 700;
  font-size: 14px;
  color: #5f759b;
}

.nopost p strong {
  font-size: 16px;
  color: #454545;
}

.nopost img.mo {
  display: none;
}

/* Sub Common style - Post */
.fl-post {
  position: fixed;
  top: 645px;
  right: 50%;
  margin-right: -580px;
  font-size: 0;
  z-index: 10;
}

.fl-post div.ico {
  width: 40px;
  background-color: #fff;
  border: 1px solid #4b4b4b;
  border-bottom: 0;
}

.fl-post div.ico.mo {
  display: none;
}

.fl-post div.ico:nth-child(5) {
  border-bottom: 1px solid #4b4b4b;
}

.fl-post div.ico img {
  width: 40px;
}

.fl-post .last {
  border: 1px solid #d3d9dd !important;
  border-top: 0;
  cursor: pointer;
}

.view-post .post-top {
  position: relative;
  padding: 25px 50px 20px;
  text-align: left;
  background: url("../images/post-top-bg.png") no-repeat center top;
  border-bottom: 1px solid #e1e1e1;
}

.view-post .post-top .bnr {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0 15px;
  line-height: 30px;
  font-family: "HDHarmonyM";
  font-size: 15px;
  color: #fff;
}

.view-post .post-top .label {
  position: absolute;
  top: 6px;
  right: 0;
  margin: 0;
  width: 57px;
  opacity: 0;
  opacity: 1 \0 /IE89;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-animation: slideBnr 0.5s ease-in;
  animation: slideBnr 0.5s ease-in;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes slideBnr {
  from {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
@keyframes slideBnr {
  from {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
  }
  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
.view-post .post-top h1 {
  font-family: "HDHarmonyL";
  font-size: 30px;
  color: #000;
}

.view-post .post-top p {
  padding: 15px 0;
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}

.view-post .post-top .info {
  text-align: right;
}

.view-post .post-top .info:after {
  content: "";
  clear: both;
  display: block;
}

.view-post .post-top .info span {
  padding: 0 10px;
  line-height: 17px;
  font-size: 11px;
  color: #a9a9a9;
}

.view-post .post-top .info img {
  padding-right: 5px;
  width: 17px;
  vertical-align: top;
}

.view-post .post-mdl {
  padding: 0 70px;
}

.view-post .post-mdl .post {
  position: relative;
  padding: 60px 0 100px;
  line-height: 1.6;
  font-size: 17px;
  color: #666;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
}

.view-post .post-mdl .post p {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  margin-top: 1em \0 /IE89;
  margin-bottom: 1em \0 /IE89;
}

.view-post .owl-carousel .owl-nav {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.view-post .owl-carousel .owl-nav .owl-prev {
  float: left;
  margin: 0;
  padding: 0;
  width: 65px;
  height: 65px;
  font-size: 0;
  background: url("../images/ico-slide-prev-2.png") no-repeat;
  border-radius: 0;
}

.view-post .owl-carousel .owl-nav .owl-next {
  float: right;
  margin: 0;
  padding: 0;
  width: 65px;
  height: 65px;
  font-size: 0;
  background: url("../images/ico-slide-next-2.png") no-repeat;
  border-radius: 0;
}

.view-post .owl-carousel .owl-dots {
  counter-reset: dots;
  margin-bottom: 15px;
}

.view-post .owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  counter-increment: dots;
}

.view-post .owl-carousel .owl-dots .owl-dot.active:before {
  content: counter(dots) " /";
  display: inline-block;
  vertical-align: middle;
}

.view-post .owl-carousel .owl-dots:after {
  content: counter(dots);
  display: inline-block;
  padding-left: 5px;
  font-weight: 700;
  color: #3b6fb7;
  vertical-align: middle;
}

.view-post .owl-carousel .owl-dots .owl-dot span {
  display: none;
}

.view-post .post-mdl.wide {
  padding: 0;
}

.view-post .post-mdl.wide .post {
  margin: 60px 0 0;
  padding: 0;
}

.view-post .owl-carousel .owl-dots .owl-dot span {
  margin: 0 4px;
  width: 8px;
  height: 8px;
  background: #999;
}

.view-post .owl-carousel .owl-dots .owl-dot.active span,
.view-post .owl-carousel .owl-dots .owl-dot:hover span {
  background: #71c6ce;
}

.view-post img {
  margin-bottom: 20px;
}

.view-post .ucc {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
}

.view-post .ucc iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.view-post .post-btm {
  padding: 20px 70px;
  text-align: left;
}

.view-post .post-btm .tag {
  display: inline-block;
}

.view-post .post-btm .tag a {
  display: inline-block;
  padding: 10px 15px;
  margin: 5px 5px 5px 0;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #3b6fb7;
  border: 1px solid #e0e0e0;
  border-radius: 2em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.view-post .post-btm .tag a:hover {
  color: #fff;
  background-color: #3b6fb7;
  border: 1px solid #3b6fb7;
}

.view-post .post-btm a.btn {
  float: right;
  display: block;
  width: 100px;
  line-height: 50px;
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #fff;
  background-color: #838383;
}

h1.postSubTit {
  padding-bottom: 20px;
  font-size: 18px;
  color: #000;
  text-align: left;
}

.related {
  padding-left: 70px;
  padding-right: 70px;
}

.related h1 {
  border-bottom: 1px solid #aaa;
}

.related .owl-carousel {
  margin-top: 30px;
  width: 90%;
}

.related p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-top: 20px;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #555;
  text-align: left;
  width: 100%;
  height: 2.6em;
  line-height: 1.3em;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.related .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  width: 100%;
  z-index: 1;
}

.related .owl-carousel .owl-prev {
  position: absolute;
  left: -38px;
  width: 20px;
  height: 40px;
  background: url("../images/ico-slide-prev.png") no-repeat top;
}

.related .owl-carousel .owl-next {
  position: absolute;
  right: -38px;
  width: 20px;
  height: 40px;
  background: url("../images/ico-slide-next.png") no-repeat top;
}

.postEvent {
  overflow: hidden;
  position: relative;
  width: 860px;
  border-bottom-left-radius: 90px;
}

.postEvent > img {
  position: relative;
  z-index: 20px;
}

.postEvent .chgImg.bar {
  position: absolute;
  top: 132px;
  right: 20%;
  z-index: 10px;
}

.postEvent .chgImg.car {
  position: absolute;
  top: 80px;
  right: 18%;
  z-index: 30px;
}

.postEvent .txt p.chg {
  display: inline-block;
  position: absolute;
  top: 109px;
  right: 18.8%;
  left: auto;
  font-family: "HDHarmonyM";
  font-size: 16px;
  color: #fff;
  text-align: left;
}

.postEvent .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.postEvent .txt h1 {
  position: absolute;
  top: 90px;
  left: 30px;
  font-size: 24px;
  color: #fff;
  text-align: right;
  letter-spacing: -1px;
}

.postEvent .txt h1 .sm {
  font-size: 20px;
}

.postEvent .txt h3 {
  position: absolute;
  top: 35px;
  left: 260px;
  font-size: 15px;
  color: #294253;
  text-align: left;
}

.postEvent .txt h3 span {
  font-size: 18px;
}

.postEvent .txt p {
  position: absolute;
  top: 160px;
  left: 260px;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #555;
}

.postEvent .txt p span {
  font-family: "HDHarmonyM";
}

.postEvent.mo {
  display: none;
  padding: 15px;
  width: 100%;
  font-family: "HDHarmonyM";
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #ff6600;
  border-radius: 3em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.postEvent.mo span {
  font-size: 18px;
}

h1.postSubTit.comment {
  padding: 0;
  padding-bottom: 20px;
  background-color: #fff;
  border-top: 0;
}

h1.postSubTit.comment .share,
h1.postSubTit.comment .share a {
  display: inline-block;
}

h1.postSubTit.comment .share {
  padding-left: 10px;
  font-size: 0;
  vertical-align: top;
}

h1.postSubTit.comment .share a img {
  margin-right: 3px;
}

.comment {
  padding: 40px 40px 60px;
  width: 860px;
  text-align: left;
  background-color: #f8f8f8;
  border-top: 1px solid #aaa;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.comment .form {
  padding-bottom: 40px;
  font-family: "NanumSquare";
  font-size: 0;
}

.comment .form textarea {
  padding: 20px;
  margin-top: 0;
  width: 690px;
  min-height: 90px;
  font-size: 16px;
  color: #666;
  border: 1px solid #d3d3d3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.comment .form button {
  display: inline-block;
  width: 90px;
  height: 90px;
  font-family: "HDHarmonyM";
  font-size: 16px;
  color: #fff;
  vertical-align: top;
  background-color: #3b6fb7;
  border: none;
  outline: none;
  cursor: pointer;
}

.comment .form a img {
  margin-top: 10px;
  width: 80px;
}

.comment .form .desc {
  float: right;
  padding-top: 8px;
  font-family: "HDHarmonyL";
  font-size: 12px;
  color: #b0b0b0;
}

.comment ul {
  position: relative;
  padding: 30px 80px 30px 0;
  border-top: 1px solid #d3d3d3;
}

.comment ul.last {
  border-bottom: 1px solid #d3d3d3;
}

.comment ul > a {
  position: absolute;
  top: 30px;
  right: 10px;
}

.comment ul li {
  padding-bottom: 10px;
  line-height: 22px;
  font-size: 14px;
}

.comment ul li h4 {
  display: inline;
  font-family: "NanumSquare";
  font-weight: 700;
  font-size: 16px;
}

.comment ul li span {
  font-size: 12px;
  color: #838383;
}

.comment ul li span.bar {
  display: inline-block;
  margin: 3px 10px 0;
  width: 2px;
  height: 8px;
  background-color: #838383;
}

.comment ul li .click-love {
  position: relative;
  display: inline;
  margin-left: 15px;
  margin-right: 25px;
}

.comment ul li .click-love img {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  cursor: pointer;
}

.comment ul li .click-love img.none {
  opacity: 0;
}

.comment ul li .click-love:hover img.none {
  opacity: 1;
}

.comment ul li.co-txt {
  font-weight: 700;
  color: #474747;
}

.comment ul li.co-txt a {
  display: inline;
  margin-left: 10px;
}

.comment ul li.co-txt a img {
  margin-top: 3px;
  width: 14px;
  vertical-align: top;
}

.comment ul.repeat {
  padding: 30px;
  background: url("../images/bg-comment.png") no-repeat left top 30px;
  background-size: 14px;
}

/* Image List Style */
.imgList:after {
  content: "";
  clear: both;
  display: block;
}

.imgList .list li {
  float: left;
  border: 1px solid #d7d7d7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.imgList .list li .bnr {
  position: absolute;
  min-width: 50px;
  max-height: 50px;
  padding: 17px 5px;
  font-size: 15px;
  color: #fff;
  text-align: center;
}

.imgList .list li .thumb {
  overflow: hidden;
  position: relative;
}

.imgList .list li .thumb img:not(.play) {
  height: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.imgList .list li .thumb:hover img:not(.play) {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.imgList .list li .txt {
  position: relative;
  padding: 20px;
  text-align: left;
}

.imgList .list li .txt h1 {
  padding-bottom: 15px;
}

.imgList .list li .txt h1 a {
  display: block;
  line-height: 1.3;
  font-size: 18px;
  color: #333;
}

.imgList .list .txt h1 a .new {
  width: 17px;
  -webkit-animation: flash 2s infinite ease-out;
  animation: flash 2s infinite ease-out;
}

.imgList .tag a {
  font-family: "HDHarmonyL";
  font-size: 12px;
  color: #3b6fb7;
  border: 1px solid #e0e0e0;
  border-radius: 2em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.imgList .tag a:last-child {
  margin-right: 0;
}

.imgList .tag a:hover {
  color: #fff;
  background-color: #3b6fb7;
  border: 1px solid #3b6fb7;
}

.imgList .list li .txt .tag {
  overflow: hidden;
  margin: 6px 0;
  width: 83%;
  height: 25px;
  height: 26px \0 /IE89; /*hack for ie8 and ie9 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*hack for over ie10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .imgList .list li .txt .tag {
    height: 26px;
  }
}
.imgList .list li .txt .tag a {
  display: inline-block;
  padding: 2px 9px;
  margin-right: 5px;
  font-size: 12px;
}

.imgList .list .end-list a {
  cursor: auto;
}

/* zoe1028 삭제 : 1481번째 줄 ~ 1634번째 줄까지 삭제 */
/* Main - Main Visual *********************
*****************************************/
.main-visual {
  padding-bottom: 45.5%;
  height: 0;
  font-size: 0;
  text-align: center;
}

.main-visual .container,
.main-visual .grid {
  position: relative;
  height: 100%;
}

.main-visual .grid {
  z-index: 1;
}

.main-visual .bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.main-visual .moMain {
  display: none;
  position: relative;
  width: 100%;
}

.main-visual .moMain img {
  width: 100%;
}

.main-visual .moBtn {
  display: none;
  position: absolute;
  top: 28%;
  left: 50%;
  margin-left: -17.5%;
  width: 35%;
  line-height: 50px;
  font-family: "HDHarmonyM";
  font-size: 16px;
  color: #fff;
  background-color: #013d7c;
  border-radius: 2em;
  z-index: 1;
}

.main-visual .moBtn img {
  width: 100%;
}

.main-visual .top {
  padding: 28px 0 28px;
  text-align: left;
}

.main-visual .top img:last-child {
  float: right;
}

.main-visual header {
  padding: 19px 30px 19px 130px;
  text-align: left;
  background: url("../images/main-gnb-bg-02.png") no-repeat center top;
}

.main-visual header:after {
  content: "";
  clear: both;
  display: block;
}

.main-visual header nav,
.main-visual header form,
.main-visual header a {
  float: left;
}

.main-visual nav {
  padding-left: 0;
}

.main-visual nav li {
  position: relative;
  padding-right: 25px;
  line-height: 36px;
}

.main-visual nav li:last-child {
  padding-right: 0;
}

.main-visual nav li .gnbIco {
  position: absolute;
  top: -25px;
  left: 5px;
  animation: float 0.6s infinite linear;
  -webkit-animation: float 0.6s infinite linear;
}

.main-visual nav .gnbIcoYoung {
  position: absolute;
  left: 45px;
  animation: float 0.6s infinite linear;
  -webkit-animation: float 0.6s infinite linear;
}

@keyframes float {
  0% {
    top: -25px;
  }
  50% {
    top: -28px;
  }
  100% {
    top: -25px;
  }
}
@-webkit-keyframes float {
  0% {
    top: -25px;
  }
  50% {
    top: -28px;
  }
  100% {
    top: -25px;
  }
}
.main-visual form {
  margin-left: 30px;
  width: 105px;
  height: 36px;
  border-bottom: 2px solid #a5e4e4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main-visual form input {
  width: 75px;
  height: 100%;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #fff;
  background: transparent;
  border: 0;
  outline: none;
}

.main-visual form button {
  background: url("../images/ico-search-sub.png") no-repeat left center;
}

.main-visual header > a {
  display: block;
  margin-left: 15px;
}

.main-visual img.pcTxt {
  padding-top: 60px;
}

.main-visual .btn {
  display: block;
  margin-top: 40px;
  width: 170px;
  line-height: 58px;
  font-family: "HDHarmonyM";
  font-size: 18px;
  color: #fff;
  background-color: #013d7c;
  border-radius: 2em;
}

/* Main - Main Contents */
.main-content .grid {
  max-width: 1100px;
}

.main-content article .grid {
  padding: 80px 0;
}

.mainTit {
  padding-bottom: 50px;
}

.mainTit h1 {
  padding-bottom: 5px;
  font-size: 22px;
}

.mainTit h1 a {
  display: inline-block;
  margin-left: 5px;
}

.mainTit h1 a img {
  margin-top: 3px;
  vertical-align: top;
}

.mainTit h1 .bar {
  display: inline-block;
  margin: 6px 15px 0;
  width: 2px;
  height: 13px;
  vertical-align: top;
}

.mainTit p {
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #888;
}

.mainProcess h2 {
  font-size: 18px;
  color: #ff6600;
  border-bottom: 1px solid #e5e5e5;
}

.mainProcess h2 p {
  display: inline-block;
  padding: 0 27px 7px;
  border-bottom: 3px solid #ff6600;
}

.mainProcess img {
  width: 100%;
}

.mainProcess img.mo {
  display: none;
}

.mainUcc {
  position: relative;
  padding-top: 40px;
}

.mainUcc .ucc {
  overflow: hidden;
  position: relative;
  width: 840px;
  border-radius: 55px;
}

.mainUcc .uccPlayer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
  background-color: #101010;
}

.mainUcc .uccPlayer .uccThumb {
  position: absolute;
  left: 0;
  width: 100%;
  cursor: pointer;
}

.mainUcc .uccPlayer iframe {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.mainUcc .tip {
  margin-top: 30px;
  font-family: "HDHarmonyL";
  font-size: 15px;
}

.mainUcc .tip a {
  font-family: "HDHarmonyM";
  text-decoration: underline;
}

.mainUcc .uccTit {
  margin-top: 95px;
  font-family: "HDHarmonyL";
}

.mainUcc .uccTit h3 {
  font-size: 26px;
  letter-spacing: -1px;
}

.mainUcc .uccTit h3 mark {
  position: relative;
  display: inline-block;
  background-color: transparent;
}

.mainUcc .uccTit h3 mark span {
  position: relative;
  z-index: 1;
}

.mainUcc .uccTit h3 mark:before {
  position: absolute;
  top: 60%;
  left: -5%;
  content: "";
  width: 110%;
  height: 15px;
  background-color: #faeb92;
  z-index: 0;
}

.mainUcc .uccTit p {
  margin-top: 10px;
  font-size: 14px;
}

.mainUcc .uccTag {
  margin-top: 20px;
}

.mainUcc .uccTag .tag {
  display: inline-block;
  padding: 5px 10px;
  margin: 2px 0;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #ab9b88;
  border-radius: 100px;
}

.mainUcc .uccTag .tag + .tag {
  margin-left: 5px;
}

.mainUcc .ucc .uccTit {
  position: absolute;
  margin-top: 0;
  left: 50%;
  bottom: 50px;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mainUcc .ucc .uccTit h3 {
  font-family: "HDHarmonyL";
  font-size: 24px;
  color: #fff;
  line-height: 1.3;
}

.mainUcc .uccDesc {
  margin-top: 40px;
  text-align: center;
}

.mainUcc .uccDesc h3 {
  margin-bottom: 15px;
  font-size: 18px;
}

.mainUcc .uccDesc p {
  font-size: 16px;
  color: #666;
  line-height: 1.4;
}

.mainUccIco {
  position: absolute;
  width: 5.4545%;
  bottom: 0;
  right: 18.1818%;
}

.mainStory li {
  float: left;
  position: relative;
  margin-right: 3%;
  width: 31.33%;
}

.mainStory li:nth-child(3),
.mainStory li:last-child {
  margin-right: 0;
}

.mainStory li .thumb {
  overflow: hidden;
  width: 100%;
}

.mainStory li img {
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mainStory li:hover img {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.mainStory li .txt {
  position: relative;
  padding: 45px 0;
  margin-top: -50px;
  width: 91.22%;
  font-size: 14px;
  line-height: 1.4;
  color: #000;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mainStory .bnr {
  position: absolute;
  top: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 60px;
  line-height: 60px;
  font-size: 15px;
  text-align: center;
  color: #fff;
  border-radius: 100%;
}

.mainStory .bnr.green {
  background-color: #71ce98;
}

.mainStory .bnr.blue {
  background-color: #71c6ce;
}

.mainStory .bnr.brown {
  background-color: #d1a66a;
}

.mainStory li .txt p.name {
  font-weight: 700;
  font-size: 18px;
}

.mainStory li .txt span.bar {
  margin-top: 10px;
  margin-bottom: 7px;
  width: 16px;
  height: 2px;
  background-color: #000;
}

.mainStory li img.new {
  width: 17px;
  margin-left: 5px;
  vertical-align: top;
  -webkit-animation: flash 2s infinite ease-out;
  animation: flash 2s infinite ease-out;
}

.mainCam li {
  position: relative;
  float: left;
  padding-right: 40px;
  background: url("../images/ss9/main_lastcam_bg_04.png") no-repeat center right;
}

.mainCam li:last-child {
  padding-right: 0;
  background: none;
}

.mainCam a {
  position: relative;
  display: block;
  width: 150px;
  height: 145px;
  background: url("../images/ss9/main_lastcam_bg_01.png") no-repeat center top;
  background-size: 100%;
}

.mainCam li:first-child a {
  background: url("../images/ss9/main_lastcam_bg_02.png") no-repeat center top;
}

.mainCam li:last-child a {
  background: url("../images/ss9/main_lastcam_bg_03.png") no-repeat center top;
}

.mainCam .circ {
  width: 145px;
  height: 145px;
  background: rgba(206, 168, 113, 0.4);
  border-radius: 100%;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -webkit-transition: background 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: background 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, background 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out, background 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  -webkit-transition: transform 0.1s ease-in-out, background 0.1s ease-in-out;
}

.mainCam a:hover .circ {
  background: rgba(206, 168, 113, 0.8);
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
}

.mainCam .ico {
  position: absolute;
  height: 120px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.mainNotice {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mainNotice.left {
  padding-right: 20px;
}

.mainNotice.right {
  padding-left: 20px;
}

.mainNotice ul {
  padding: 0 30px;
  border-bottom: 2px solid #ced1d3;
}

.mainNotice.left ul {
  background-color: #f4f2f0;
}

.mainNotice.right ul {
  background-color: #f7fbfd;
}

.mainNotice ul li {
  font-size: 0;
  text-align: left;
}

.mainNotice.left ul li {
  border-bottom: 1px solid #fff;
}

.mainNotice.right ul li {
  border-bottom: 1px solid #eef1f3;
}

.mainNotice ul li:last-child {
  border-bottom: 0;
}

.mainNotice ul li a {
  display: inline-block;
  overflow: hidden;
  margin: 0;
  width: 80%;
  line-height: 55px;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
}

.mainNotice ul li a span.bar {
  margin-top: 25px;
  margin-right: 5px;
  width: 2px;
  height: 2px;
  background-color: #8e8e8e;
  vertical-align: top;
}

.mainNotice ul li a span.bnr {
  font-weight: 700;
  font-size: 14px;
  color: #2c4b76;
}

.mainNotice ul li a span.bnr span.bar {
  margin: 22px 3px 0;
  width: 2px;
  height: 12px;
  background-color: #9b9b9b;
}

.mainNotice ul li p {
  float: right;
  line-height: 55px;
  font-size: 12px;
  color: #999;
}

/* Campaign - Intro */
.subTit.cam {
  background: url("../images/sub-tit-bg-01.png") no-repeat center top;
}

.camIntro.box {
  position: relative;
  padding: 35px 40px 40px;
  background-color: #fcfcfc;
  border-top: 1px solid #96a4ad;
}

.camIntro.box h1 {
  display: inline-block;
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -52px;
  width: 104px;
  line-height: 34px;
  font-size: 16px;
  color: #f4f4f4;
  background-color: #96a4ad;
  border-radius: 2em;
}

.camIntro.box h1.long {
  margin-left: -75px;
  width: 150px;
}

.camIntro.box strong {
  display: inline-block;
  padding-bottom: 10px;
  font-size: 18px;
  color: #495156;
}

.camIntro.box img {
  padding-top: 30px;
}

.camIntro.box ul li {
  float: left;
  width: 292px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.camIntro.box ul li h2 {
  line-height: 50px;
  font-size: 16px;
  color: #fff;
}

.camIntro.box ul li .txt {
  padding: 20px 19px;
  min-height: 117px;
  text-align: left;
  background-color: #fefefe;
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.camIntro.box ul li .txt p {
  padding-left: 20px;
  font-size: 15px;
  letter-spacing: -1px;
}

.camIntro.box ul li .txt p.padd {
  padding-bottom: 10px;
}

.camIntro.box ul li:first-child h2,
.camIntro.box ul li:last-child h2 {
  background-color: #72b8c6;
}

.camIntro.box ul li:first-child .txt p,
.camIntro.box ul li:last-child .txt p {
  background: url("../images/check-ico-1.png") no-repeat left top 3px;
}

.camIntro.box ul li:nth-child(2) {
  margin: 0 22px;
}

.camIntro.box ul li:nth-child(2) h2 {
  background-color: #75acc7;
}

.camIntro.box ul li:nth-child(2) .txt p {
  background: url("../images/check-ico-2.png") no-repeat left top 3px;
}

.camIntro.young.box {
  margin-top: 40px;
}

.camIntro.young.box ul li {
  margin: 10px 10px !important;
  width: 440px;
}

.camIntro.young.box ul li:nth-child(odd) h2 {
  background-color: #75acc7 !important;
}

.camIntro.young.box ul li:nth-child(odd) .txt p {
  background: url("../images/check-ico-1.png") no-repeat left top 3px;
}

.camIntro.young.box ul li:nth-child(even) h2 {
  background-color: #72b8c6 !important;
}

/* Campaign - Achieve */
.lastHero li {
  float: left;
  width: 310px;
  height: 485px;
  border: 1px solid #d7d7d7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lastHero li.center {
  margin: 0 35px;
}

.lastHero li .txt {
  position: relative;
  padding: 60px 20px 20px;
  text-align: left;
}

.lastHero li .txt h6 {
  position: absolute;
  top: 20px;
  left: 0;
  width: 176px;
  line-height: 22px;
  font-size: 14px;
  text-align: left;
  color: #fff;
  background: url("../images/cam-bnr-01.png") no-repeat left top;
}

.lastHero li .txt h6 span {
  display: inline-block;
  margin-top: 1px;
  padding: 0 10px;
  vertical-align: top;
}

.lastHero li .txt h1 {
  padding-bottom: 15px;
  font-size: 23.5px;
  letter-spacing: -2px;
}

.lastHero li .txt p {
  font-size: 14px;
  color: #666;
}

/* Campaign - Movie */
.imgList .sortBtn {
  margin: 20px 0;
}

.imgList .sortBtn:after {
  content: "";
  clear: both;
  display: block;
}

.imgList .sortBtn ul {
  float: right;
  width: 124px;
  border: 1px solid #b2b7ba;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.imgList .sortBtn li {
  float: left;
  width: 50%;
  font-family: "HDHarmonyL";
  line-height: 30px;
  font-size: 14px;
  color: #939393;
  cursor: pointer;
}

.imgList .sortBtn li.active {
  color: #fff;
  background-color: #b2b7ba;
}

.imgList .list li .txt .bnr.movie {
  bottom: 20px;
  right: 20px;
  background-color: #91d6f6;
}

.imgList .list.pcs2 li {
  margin-bottom: 20px;
  width: 480px;
}

.imgList .list.pcs2 li.padd {
  margin-right: 35px;
}

.imgList .list.pcs2 li .thumb {
  display: block;
  width: 100%;
  height: 260px;
}

.imgList .list.pcs2 li .thumb img.play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}

.bnr.cam {
  background-color: #91d6f6;
}

.bnr.story {
  background-color: #6dc9c8;
}

.bnr.review {
  background-color: #7caec3;
}

/* Apply */
.subTit.apply {
  background: url("../images/sub-tit-bg-02.png") no-repeat center top;
}

.apply .grey {
  padding: 60px 70px 100px;
}

.apply .white {
  padding: 20px 40px;
}

.apply .white.mrg {
  margin-top: 40px;
}

.apply-step.mo {
  display: none;
}

.apply-step.mo ul {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.apply-step.mo ul li {
  float: left;
  padding: 15px 0;
  width: 25%;
  text-align: center;
  background-position: center top 15px !important;
  border-right: 1px dashed #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.apply-step.mo ul li:first-child {
  background: url("../images/mo-apply-bg-01.png") no-repeat;
  background-size: 47px !important;
}

.apply-step.mo ul li:nth-child(2) {
  background: url("../images/mo-apply-bg-02.png") no-repeat;
  background-size: 40px !important;
}

.apply-step.mo ul li:nth-child(3) {
  background: url("../images/mo-apply-bg-03.png") no-repeat;
  background-size: 54px !important;
}

.apply-step.mo ul li:last-child {
  background: url("../images/mo-apply-bg-04.png") no-repeat;
  background-size: 40px !important;
  border-right: 0;
}

.apply-step.mo ul li span {
  display: block;
  font-family: "HDHarmonyM";
  font-size: 14px;
  padding-top: 60px;
}

.apply-step.mo ul li.active {
  background-color: #fbfbfb !important;
  border-bottom: 3px solid #235dd2;
}

.apply-step.mo ul li:first-child.active {
  background: url("../images/mo-apply-bg-on-01.png") no-repeat;
}

.apply-step.mo ul li:nth-child(2).active {
  background: url("../images/mo-apply-bg-on-02.png") no-repeat;
}

.apply-step.mo ul li:nth-child(3).active {
  background: url("../images/mo-apply-bg-on-03.png") no-repeat;
}

.apply-step.mo ul li:last-child.active {
  background: url("../images/mo-apply-bg-on-04.png") no-repeat;
}

.apply-step.mo ul li.active span {
  color: #00287a;
}

.applyTit {
  text-align: center;
}

.applyTit h1 {
  font-size: 24px;
  color: #3b6fb7;
}

.applyTit span.bar {
  margin-top: 20px;
  width: 24px;
  height: 2px;
  background-color: #000;
}

.applyTit p {
  padding-top: 30px;
  line-height: 1.4;
  font-size: 15px;
  color: #666;
}

.applyTit p.desc {
  padding-top: 10px;
  font-size: 14px;
  color: #ff6600;
}

.apply-sub-tit {
  font-family: "HDHarmonyM";
  font-size: 18px;
  color: #333;
}

.apply .btn.mrg {
  margin-right: 20px;
  background-color: #97aebe;
}

.apply .btn-wrap {
  margin-top: 70px;
  padding-top: 0;
  text-align: center;
}

.apply .btn {
  display: inline-block;
  width: 220px;
  line-height: 60px;
  font-family: "HDHarmonyM";
  font-size: 18px;
  color: #fff;
  background-color: #3b6fb7;
}

.apply .btn.small {
  display: inline-block;
  width: 50px;
  line-height: 20px;
  font-family: "HDHarmonyM";
  font-size: 11px;
  color: #fff;
  background-color: #97aebe;
}

.apply-sub-tit {
  text-align: center;
}

.apply-sub-tit.mrg {
  margin-top: 50px;
}

.apply-sub-tit.bg {
  padding-bottom: 20px;
  background: url("../images/apply-tit-bg.png") no-repeat left bottom;
}

.apply div:after {
  content: "";
  display: block;
  clear: both;
}

.apply .form p.widthTtit {
  font-weight: 700;
  font-size: 16px;
  color: #666;
}

.apply .form p.widthTtit.tag {
  padding-top: 10px;
  font-size: 14px;
  color: #51a3da;
}

.apply .desc {
  display: inline;
  line-height: 32px;
  font-weight: 700;
  font-size: 13px;
  color: #ff6600;
}

.apply .help {
  position: relative;
  display: inline-block;
}

.apply .help img {
  width: auto;
  vertical-align: top;
  cursor: pointer;
}

.apply .help .txt {
  display: none;
  position: absolute;
  top: -12px;
  left: 20px;
  padding: 15px 15px 15px 20px;
  width: 246px;
  height: 99px;
  line-height: 1.3;
  font-family: "NanumSquare";
  font-weight: 700;
  font-size: 12px;
  color: #666;
  text-align: left;
  background: url("../images/help-txt-bg.png") no-repeat center top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
}

.apply .help .txt.active {
  display: inline-block;
}

.apply img.delete {
  width: auto;
  cursor: pointer;
}

.apply .textEx {
  position: relative;
  margin-top: 10px;
  padding: 50px 20px 20px;
  background-color: #f7f7f7;
}

.apply .textEx.active {
  padding: 40px 0 0;
  background-color: #fff;
}

.apply .textEx span {
  position: absolute;
  top: 15px;
  right: 20px;
  display: inline-block;
  width: 60px;
  line-height: 23px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  background-color: #3b6fb7;
  border-radius: 3px;
  cursor: pointer;
}

.apply .textEx p {
  line-height: 1.4;
  font-size: 14px;
  color: #666;
}

.apply .lettercount {
  float: right;
  color: #666;
  font-size: 11px;
}

.user {
  margin-bottom: 15px;
  text-align: right;
}

.user img {
  display: inline-block;
  margin-top: -3.5px;
  margin-right: 5px;
  width: auto;
  vertical-align: top;
}

.user p {
  display: inline-block;
  padding-right: 40px;
  font-family: "HDHarmonyL";
  font-size: 14px;
  color: #666;
  background: url("../images/login-loader.gif") no-repeat right center;
  background-size: 35px;
}

.user p span {
  font-family: "HDHarmonyM";
  color: #000;
}

/* Apply - Intro */
.applyIntro {
  padding: 50px 0;
  background: url("../images/apply-intro-bg.png") no-repeat right bottom;
}

.applyIntro:after {
  content: "";
  display: block;
  clear: both;
}

.applyIntro .applyTit,
.applyIntro .applyCon {
  float: left;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.applyIntro .applyTit {
  padding-left: 20px;
  width: 17%;
}

.applyIntro .applyTit h1 {
  line-height: 1;
  font-size: 43px;
  color: #acd0f7;
  letter-spacing: -1px;
}

.applyIntro .applyTit span.bar {
  margin: 5px 0 10px;
  width: 44px;
  height: 1px;
}

.applyIntro .applyTit h2 {
  font-size: 18px;
  color: #00287a;
}

.applyIntro .applyCon {
  padding: 45px 0;
  width: 83%;
  border-bottom: 1px solid #e3e3e3;
}

.applyIntro .applyCon.last {
  padding-bottom: 0;
  border-bottom: 0;
}

.applyIntro .applyCon.mrg {
  margin-left: 17%;
}

.applyIntro .applyCon img.mo {
  display: none;
}

.applyIntro .applyCon h1 {
  padding: 10px 5px 20px;
  font-size: 18px;
  color: #333;
  background: url("../images/apply-intro-tit-bg.png") no-repeat left top;
}

.applyIntro .applyCon p {
  padding-left: 5px;
  padding-bottom: 8px;
}

.applyIntro .applyCon .desc {
  padding: 0;
  line-height: 1.4;
  font-weight: 700;
  font-size: 14px;
  color: #ff6600;
}

.applyIntro .applyCon span.label {
  display: inline-block;
  margin-right: 10px;
  width: 60px;
  line-height: 25px;
  font-weight: 700;
  font-size: 13px;
  color: #7d9ca8;
  letter-spacing: -1px;
  text-align: center;
  border: 1px solid #c8c8c8;
  border-radius: 2em;
}

.applyIntro .applyCon span.label.bg {
  margin-right: 5px;
  width: 37px;
  line-height: 20px;
  font-family: "HDHarmonyL";
  font-size: 14px;
  color: #fff;
  border: 0;
  border-radius: 0;
}

.applyIntro .applyCon span.label.bg.bg1 {
  background-color: #7ac9c8;
}

.applyIntro .applyCon span.label.bg.bg2 {
  background-color: #8abdd0;
}

.applyIntro .applyCon span.mark {
  display: inline-block;
  margin-top: 10px;
  margin-right: 7px;
  width: 3px;
  height: 3px;
  background-color: #666;
  border-radius: 100%;
  vertical-align: top;
}

.applyIntro .applyCon .btn {
  text-align: left;
}

.applyIntro .applyCon .btn p {
  display: inline-block;
  padding: 0;
  width: 83px;
  line-height: 27px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #93a8b0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
}

.slideDownBox {
  padding: 20px 30px;
  font-size: 14px;
  color: #666;
  text-align: center;
  background-color: #fff;
  border: 1px solid #ececec;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.applyIntro .applyCon .slideDownBox {
  margin: 0;
  width: 578px;
  border-top: 2px solid #93a8b0;
  background-color: #fafafa;
}

.slideDownBox strong {
  font-size: 16px;
  color: #698995;
}

.slideDownBox table {
  padding: 20px 0;
  width: 100%;
}

.slideDownBox table th,
.slideDownBox table td {
  padding: 10px;
  text-align: center;
}

.slideDownBox table th {
  font-weight: 400;
  background-color: #fff;
}

.slideDownBox table td {
  border-bottom: 1px solid #ececec;
}

.slideDownBox span {
  font-size: 12px;
  color: #999;
}

.applyIntro .applyCon .btn.qna {
  display: inline-block;
  margin-left: 10px;
  width: 138px;
  line-height: 24px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #96acbc;
  border-radius: 3px;
}

.applyIntro .applyCon .linebreak.padd {
  padding-left: 8px;
}

.applyIntro .applyCon ul li {
  padding: 20px 20px 20px 157px;
  min-height: 148px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.applyIntro .applyCon ul li:first-child {
  background: url("../images/apply-intro-ico-1.png") no-repeat left top;
}

.applyIntro .applyCon ul li:nth-child(2) {
  padding-top: 30px;
  background: url("../images/apply-intro-ico-2.png") no-repeat left top;
}

.applyIntro .applyCon ul li:nth-child(3) {
  padding-top: 20px;
  background: url("../images/apply-intro-ico-3.png") no-repeat left top;
}

.applyIntro .applyCon ul li:nth-child(4) {
  padding-top: 30px;
  background: url("../images/apply-intro-ico-4.png") no-repeat left top;
}

.applyIntro .applyCon ul li:last-child {
  padding-top: 30px;
  background: url("../images/apply-intro-ico-5.png") no-repeat left top;
}

.applyIntro .applyCon ul li table {
  margin-left: 0px;
  padding: 15px 0 10px;
  width: 426px;
  font-size: 14px;
  text-align: center;
}

.applyIntro .applyCon ul li table th,
.applyIntro .applyCon ul li table td {
  width: 33.3%;
  padding: 10px 5px;
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

.applyIntro .applyCon ul li table th:last-child,
.applyIntro .applyCon ul li table td:last-child {
  border-right: 0;
}

.applyIntro .applyCon ul li table th {
  font-weight: 400;
  background-color: #f5f5f5;
}

.applyIntro .applyCon ul li:first-child .desc {
  margin-left: 80px;
}

.applyIntro .applyCon table.schedule {
  padding-bottom: 10px;
  width: 100%;
  font-size: 14px;
  text-align: center;
}

.applyIntro .applyCon table.schedule th,
.applyIntro .applyCon table.schedule td {
  padding: 10px 5px;
  border-bottom: 1px solid #ececec;
  border-right: 1px solid #ececec;
}

.applyIntro .applyCon table.schedule th:last-child,
.applyIntro .applyCon table.schedule td:last-child {
  border-right: 0;
}

.applyIntro .applyCon table.schedule th {
  font-weight: 400;
  background-color: #f5f5f5;
}

.applyIntro.box {
  padding: 0;
  background: none;
}

.applyIntro.box ul li {
  float: left;
  padding: 0 !important;
  background: none !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.applyIntro.box ul li h2 {
  line-height: 50px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.applyIntro.box ul li .txt {
  padding: 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.applyIntro.box ul li .txt p {
  padding-bottom: 0;
  padding-left: 0;
  letter-spacing: -2px;
  text-align: left;
}

.applyIntro.box ul li .txt p.padd {
  padding-bottom: 10px;
}

#applyIntro2 .applyIntro.box ul li h2 {
  line-height: 65px;
}

#applyIntro2 .applyIntro.box ul li h2 img {
  margin-top: 13px;
  margin-right: 10px;
  vertical-align: top;
}

#applyIntro2 .applyIntro.box ul li {
  width: 50%;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
}

/*#applyIntro2 .applyIntro.box ul li:nth-child(2){
	border-left: 0;
	border-right: 0;
}*/
#applyIntro2 .applyIntro.box ul li:first-child h2 {
  background-color: #81c2d1;
}

#applyIntro2 .applyIntro.box ul li:nth-child(2) h2 {
  background-color: #81d0d1;
}

#applyIntro2 .applyIntro.box ul li:last-child h2 {
  background-color: #81d1b4;
}

#applyIntro2 .applyIntro.box ul li .txt {
  padding: 20px 25px;
  min-height: 320px;
}

#applyIntro2 .applyIntro.box ul li .txt img {
  padding-bottom: 20px;
}

#applyIntro2 .applyIntro.box ul li .txt p {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.5px;
}

#applyIntro2 .applyIntro.box ul li .txt p span.mark {
  margin-top: 10px;
  margin-left: -10px;
  width: 3px;
  height: 3px;
  background-color: #666;
}

#applyIntro4 .applyIntro.box ul li {
  width: 268px;
}

#applyIntro4 .applyIntro.box ul li:nth-child(2) {
  margin: 0 10px;
}

#applyIntro4 .applyIntro.box ul li:first-child h2,
#applyIntro4 .applyIntro.box ul li:last-child h2 {
  background-color: #72b8c6;
}

#applyIntro4 .applyIntro.box ul li:nth-child(2) h2 {
  background-color: #75acc7;
}

#applyIntro4 .applyIntro.box ul li .txt {
  min-height: 183px; /*20220401이은주*/
  background-color: #fefefe;
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

#applyIntro4 .applyIntro.box ul li .txt p {
  padding-left: 20px;
  font-size: 15px;
}

#applyIntro4 .applyIntro.box ul li:first-child .txt p,
#applyIntro4 .applyIntro.box ul li:last-child .txt p {
  background: url("../images/check-ico-1.png") no-repeat left top 3px;
}

#applyIntro4 .applyIntro.box ul li:nth-child(2) .txt p {
  background: url("../images/check-ico-2.png") no-repeat left top 3px;
}

#applyIntro4 .applyIntroYoung.box ul li {
  margin: 10px 10px !important;
}

#applyIntro4 .applyIntroYoung.box ul li .txt {
  min-height: 100px;
}

#applyIntro4 .applyIntroYoung.box ul li {
  width: 380px;
}

#applyIntro4 .applyIntroYoung.box ul li:nth-child(even) h2 {
  background-color: #72b8c6 !important;
}

#applyIntro4 .applyIntroYoung.box ul li:nth-child(odd) h2 {
  background-color: #75acc7 !important;
}

#applyIntro4 .applyIntro.box ul li:nth-child(even) .txt p {
  background: url("../images/check-ico-1.png") no-repeat left top 3px;
}

#applyIntro4 .applyIntro.box ul li:nth-child(odd) .txt p {
  background: url("../images/check-ico-2.png") no-repeat left top 3px;
}

.btn-wrap.applyIntro {
  background: none;
}

.btn-wrap.applyIntro .btn {
  display: inline-block;
  padding: 20px 0;
  width: 220px;
  color: #fff;
  background: none;
}

.btn-wrap.applyIntro .btn:first-child {
  background-color: #8e8e8e;
}

.btn-wrap.applyIntro .btn.mrg {
  margin: 0 20px;
  background-color: #3b6fb7;
}

.btn-wrap.applyIntro .btn:last-child {
  background-color: #3ba7b7;
}

.btn-wrap.applyIntro .btn h1 {
  font-size: 18px;
}

.btn-wrap.applyIntro .btn p {
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}

.btn-wrap.applyIntro .btn span.bar {
  margin-top: 8px;
  margin-bottom: 8px;
  width: 26px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}

.fl-apply {
  position: fixed;
  top: 475px;
  right: 8%;
  width: 80px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #456a84;
  border-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
}

.fl-apply a {
  display: block;
  padding: 15px 0;
  font-family: "HDHarmonyL";
  font-size: 14px;
  color: #456a84;
  border-bottom: 2px solid #456a84;
}

.fl-apply a.active {
  color: #fff;
  background-color: #456a84;
}

/* Apply - Faq */
.applyIntro.bnr.btn-wrap {
  margin: 30px 0;
  padding: 20px 50px;
  width: 100%;
  text-align: left;
  background: url("../images/apply-intro-pattern.png");
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.applyIntro.bnr.btn-wrap h1 {
  display: inline-block;
  margin-top: 7px;
  width: 66%;
  line-height: 1.4;
  font-family: "HDHarmonyL";
  font-size: 18px;
  color: #fff;
  vertical-align: top;
}

.applyIntro.bnr.btn-wrap h1 span {
  font-family: "HDHarmonyM";
  font-size: 22px;
}

.applyIntro.bnr.btn-wrap .btn {
  display: inline-block;
  padding: 13px 10px;
  width: 137px;
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #2a4875;
  background: url("../images/apply-intro-btn-bg.png") no-repeat center top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.applyIntro.bnr.btn-wrap .btn.mrg {
  margin-left: 10px;
}

.applyIntro.bnr.btn-wrap .btn span {
  font-family: "HDHarmonyM";
  font-size: 18px;
}

.tblForm.apply.faq {
  border-top: 2px solid #888;
}

/* Apply Step1 */
.post.step1 {
  padding-bottom: 220px;
}

.step1 .applyTit {
  padding-bottom: 50px;
}

.step1 p.desc {
  display: block;
  padding-top: 10px;
  line-height: 1.4;
  font-size: 14px;
}

.step1 .grey {
  padding: 50px;
}

.step1 .grey:after {
  content: "";
  display: block;
  clear: both;
}

.step1 .grey .left,
.step1 .grey .right {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.step1 .grey .left h1,
.step1 .grey .right h1 {
  font-family: "HDHarmonyL";
  font-weight: normal;
  font-size: 20px;
}

.step1 .grey .left {
  padding-right: 50px;
  border-right: 1px solid #dedede;
}

.step1 .grey .left ul {
  padding: 70px 0 20px;
}

.step1 .grey .left ul li {
  float: left;
  position: relative;
  width: 33.3333333%;
}

.step1 .grey .left ul li.last {
  background: none;
}

.step1 .grey .left ul li .bar {
  position: absolute;
  top: 48px;
  right: -1px;
  width: 3px;
  height: 17px;
  background-color: #ccc;
}

.step1 .grey .left ul li img {
  width: auto;
}

.step1 .grey .right {
  padding-left: 50px;
}

.step1 .grey .right table {
  margin: 20px 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
}

.step1 .grey .right table td {
  padding: 15px 20px;
  border-bottom: 1px solid #f0f0f0;
}

.step1 .grey .right table tr:last-child td {
  border-bottom: 0;
}

.step1 .grey .right table p {
  display: inline-block;
  width: 85px;
  line-height: 32px;
  font-size: 16px;
  color: #999;
  text-align: left;
}

.step1 .grey .right .input-style {
  display: inline-block;
  width: 75%;
  height: auto !important;
}

.step1 .grey .right .input-style input[type=text] {
  padding: 0;
  width: 70%;
  height: 32px !important;
  font-family: "HDHarmonyL", sans-serif;
  font-weight: normal;
  font-size: 16px;
  border: none;
  outline: none;
}

.step1 .grey .right .input-style button {
  float: right;
  padding: 5px 0;
  width: 65px;
  font-family: "HDHarmonyL";
  font-weight: normal;
  font-size: 14px;
  color: #6d8da4;
  background-color: #fff;
  border: 1px solid #6d8da4;
}

.step1 .grey .right .btn {
  width: 220px;
}

/* Apply Step2 */
.step2 {
  padding-bottom: 0;
  text-align: left;
}

.step2 .mrg {
  margin-top: 40px;
}

.step2 .apply-sub-tit {
  padding-bottom: 20px;
}

.step2 .applyTit p {
  text-align: left;
}

.step2 p:not(.apply-sub-tit, .desc) {
  padding-bottom: 10px;
  line-height: 1.5;
  font-size: 14px;
  color: #666;
}

.step2 p.desc {
  line-height: 1.5;
}

.step2 span.policy {
  height: 251px;
}

.step2 .chkbox {
  text-align: left;
}

.step2 .chkbox input[type=checkbox] {
  margin-top: 3px;
  margin-right: 5px;
}

.step2 .chkbox label {
  font-weight: 700;
  font-size: 16px;
}

/* Apply Step3 */
.step3 {
  text-align: left;
}

/* Apply Step4 */
.step4 {
  text-align: left;
}

.step4 p.desc {
  padding-top: 5px;
  font-size: 13px;
}

/* Apply Step5 */
.step5 {
  text-align: left;
}

.step5 .form .input-style input[type=checkbox] + label + img.help {
  margin-top: 7px;
  margin-left: 0;
}

.step5 p.desc {
  padding-top: 10px;
  font-size: 14px;
}

.step5 button.down {
  margin-top: 20px;
  float: right;
  width: 150px;
  height: 35px;
  color: #3b6fb7;
  background-color: #fff;
  border: 1px solid #3b6fb7;
}

/* Apply Step6 */
.step6 {
  text-align: left;
}

.applyconfirm {
  padding: 10px;
}

.applyconfirm p {
  padding-bottom: 15px;
  padding-left: 10px;
  line-height: 1.5;
  font-size: 14px;
  color: #999;
  /*background: url("../images/apply-mark.png") no-repeat left top 8px;*/
}

.applyconfirm p:last-child {
  padding-bottom: 0;
}

.step6 p.desc {
  display: block;
  padding-top: 15px;
  text-align: center;
}

.step6 .chkbox {
  text-align: center;
}

.step6 .chkbox input[type=checkbox] {
  margin-top: 2px;
  margin-right: 5px;
}

.step6 .chkbox label {
  font-weight: 700;
  font-size: 16px;
}

/* Apply Step7 */
.step7 .applyconfirm {
  padding-top: 40px;
  padding-bottom: 40px;
}

.step7 .applyconfirm h1 {
  padding-bottom: 30px;
  font-family: "NanumSquare";
  font-size: 36px;
  color: #ff6600;
}

.step7 .applyconfirm p {
  font-size: 16px;
  color: #333;
}

/* SS8 Story */
.subTit.story {
  background: url("../images/sub-tit-bg-03.png") no-repeat center top;
}

.imgList .quarter {
  margin-top: 20px;
}

.imgList .quarter li {
  float: left;
  padding: 15px 0;
  width: 25%;
  line-height: 1;
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #555;
  border: 1px solid #e1e1e1;
  border-bottom: 1px solid #969696;
  border-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.imgList .quarter li.last {
  font-family: "HDHarmonyM";
  background-color: #f2f3f7;
  border-right: 1px solid #e1e1e1;
}

.imgList .quarter li.active {
  border: 1px solid #969696;
  border-bottom: 0;
}

.imgList .quarter li.active + li {
  border-left: 0;
}

.imgList .tag.story {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 50px;
  width: 70%;
  height: 34px;
  height: 35px \0 /IE89; /* hack for IE8 and IE9*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* hack for over IE10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .imgList .tag.story {
    height: 35px;
  }
}
.imgList .tag.story:after {
  content: "";
  display: block;
  clear: both;
}

.imgList .tag.story a {
  display: inline-block;
  padding: 5px 10px;
  margin-right: 7px;
  font-size: 15px;
}

.imgList .tag.story .count {
  display: none;
}

.imgList .list.pcs3 li {
  margin-bottom: 40px;
  width: 300px;
}

.imgList .list.pcs3 li.padd {
  margin-left: 50px;
  margin-right: 50px;
}

.imgList .list.pcs3 li .thumb {
  display: block;
  width: 100%;
  height: 210px;
}

.imgList .list li .thumb .bnr.story {
  top: 0;
  left: 0;
  background-color: #6dc9c8;
}

.imgList .list li .thumb .bnr.review {
  top: 0;
  left: 0;
  background-color: #7caec3;
}

.imgList .list li .txt h1.line2 a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 0;
  width: 80%;
  height: 2.6em;
  line-height: 1.3em;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.imgList .list.pcs3 li .txt .tag {
  width: 100%;
}

.imgList .list.pcs3 li .txt .sort.bnr {
  top: -10px;
  left: 20px;
  padding: 0;
  width: 50px;
  line-height: 20px;
  font-size: 11px;
  color: #444;
  background-color: #e0e0e0;
}

.imgList .list.pcs3 li .txt img.label {
  position: absolute;
  top: -10px;
  right: 0;
  width: 57px;
}

/* Tag Search */
.postTit.tag {
  margin-bottom: 0;
  padding: 40px 70px;
  font-size: 36px;
  text-align: left;
  letter-spacing: -1px;
  background: url(../images/post-tit-bg.png) no-repeat left top;
  border-bottom: 1px solid #e1e1e1;
}

.postTit.tag span {
  color: #3b6fb7;
}

.postTit.tag p {
  padding-top: 10px;
  font-family: "NanumSquare";
  font-size: 14px;
}

.postTit.tag p span {
  color: #000;
}

.imgList .list.pcs1 {
  padding: 0 70px;
}

.imgList .list.pcs1 li {
  float: none;
  padding: 40px 0;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #e1e1e1;
}

.imgList .list.pcs1 li:last-child {
  border-bottom: 0;
}

.imgList .list.pcs1 li:after {
  content: "";
  clear: both;
  display: block;
}

.imgList .list.pcs1 li .thumb,
.imgList .list.pcs1 li .txt {
  float: left;
}

.imgList .list.pcs1 li .thumb {
  width: 39%;
  height: 220px;
}

.imgList .list.pcs1 li .txt {
  padding: 0 40px;
  width: 61%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.imgList .list.pcs1 li .txt .bnr {
  position: relative;
  display: inline-block;
  padding: 8px 15px;
  width: auto;
  line-height: 1;
  font-size: 15px;
  color: #fff;
}

.imgList .list.pcs1 li .txt h1 {
  padding-top: 20px;
  padding-bottom: 33px;
  font-size: 22px;
}

.imgList .list.pcs1 li .txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  height: 4.5em;
  line-height: 1.5em;
  font-size: 14px;
  color: #999;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.imgList .list.pcs1 li .info {
  padding-top: 35px;
}

.imgList .list.pcs1 li .info:after {
  content: "";
  clear: both;
  display: block;
}

.imgList .list.pcs1 li .info span {
  padding-right: 10px;
  line-height: 17px;
  font-size: 11px;
  color: #a9a9a9;
}

.imgList .list.pcs1 li .info img {
  margin-top: -3px;
  padding-right: 5px;
  width: 20px;
  vertical-align: top;
}

/* Last Campaign */
.subTit.lastCam {
  background: url("../images/sub-tit-bg-04.png") no-repeat center top;
}

.imgList .triple {
  margin-top: 20px;
}

.imgList .triple li.active + li {
  border-left: 0;
}

.imgList .triple li {
  float: left;
  padding: 15px 0;
  width: 33.3333333%;
  height: 48px;
  line-height: 1;
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #555;
  border: 1px solid #e1e1e1;
  border-bottom: 1px solid #969696;
  border-right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.imgList .triple li.last {
  border-right: 1px solid #e1e1e1;
}

.imgList .triple li.active {
  color: #3b6fb7;
  border: 1px solid #969696;
  border-bottom: 0;
}

.lastCamCat {
  margin-bottom: 30px;
  padding: 20px 0;
  border-left: 1px solid #969696;
  border-right: 1px solid #969696;
  border-bottom: 1px solid #969696;
  background-color: #fbfbfb;
}

.lastCamCat.sCat,
.lastCamCat.lCat {
  display: none;
}

.lastCamCat a {
  display: inline-block;
  border-right: 1px solid #dfdfdf;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}

.lastCamCat a:last-child {
  border-right: 0;
}

.lastCamCat.bCat a {
  width: 12.5%;
}

/*.lastCamCat.sCat a {
    width: 11%;
}*/
.lastCamCat a h1 {
  padding: 17px 0;
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #666;
}

.lastCamCat a h1 span {
  display: inline-block;
  margin-bottom: 8px;
  width: 66px;
  line-height: 20px;
  font-size: 13px;
  color: #fff;
  background-color: #aebfcb;
  border-radius: 2em;
}

.lastCamCat a:hover h1,
.lastCamCat a.active h1 {
  color: #ff6600;
}

.lastCamCat a:hover h1 span,
.lastCamCat a.active h1 span {
  background-color: #64adf1;
}

.lastCamCat a img.on {
  display: none;
}

.lastCamCat a:hover img,
.lastCamCat a.active img {
  display: none;
}

.lastCamCat a:hover img.on,
.lastCamCat a.active img.on {
  display: block;
}

.lastCamCat a p {
  padding-top: 5px;
  line-height: 1.3;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #666;
}

.lastCamCat a p span {
  font-size: 14px;
}

.lastCamCat a:hover p,
.lastCamCat a.active p {
  color: #000;
}

.lastCamCat a:hover p span,
.lastCamCat a.active p span {
  color: #ff6600;
}

.lastCamCat.lCat,
.lastCamCat.sCat {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
}

.lastCamCat.lCat img.map,
.lastCamCat.lCat table {
  display: inline-block;
  vertical-align: top;
}

.lastCamCat.sCat table {
  width: 100%;
  vertical-align: top;
}

.lastCamCat.lCat img.map {
  padding: 0 5px 0 30px;
}

.lastCamCat.lCat table td,
.lastCamCat.sCat table td {
  padding: 15px 20px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}

.lastCamCat.lCat table tr:first-child td,
.lastCamCat.sCat table tr:first-child td {
  padding-top: 0;
}

.lastCamCat.lCat table tr:last-child td,
.lastCamCat.sCat table tr:last-child td {
  padding-bottom: 0;
  border-bottom: 0;
}

.lastCamCat.lCat h1,
.lastCamCat.sCat h1 {
  padding: 0;
}

.lastCamCat.lCat h1 span,
.lastCamCat.sCat h1 span {
  width: 43px;
  line-height: 43px;
  border-radius: 100%;
}

.lastCamCat .form {
  display: none;
  text-align: center;
}

.lastCamCat .select-style {
  width: 100%;
}

.lastCamCat .select-style select {
  font-family: "HDHarmonyL";
  width: 90%;
}

.imgList .list li .bnr.lastCam {
  top: -10px;
  right: 0;
  padding: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #91d6f6;
}

.imgList .list li .bnr.lastCam img {
  vertical-align: top;
}

/* Event */
.subTit.event {
  background: url("../images/sub-tit-bg-05.png") no-repeat center top !important;
}

/* Notice */
.subTit.notice {
  background: url("../images/sub-tit-bg-06.png") no-repeat center top;
}

.input-style.notice {
  display: block;
  width: auto;
  margin-bottom: 10px;
  text-align: right;
}

.input-style.notice:after {
  content: "";
  clear: both;
  display: block;
}

.input-style.notice input[type=text] {
  width: 180px;
  vertical-align: top;
}

.input-style.notice button {
  width: 40px;
  background: #fff url("../images/notice-btn.png") no-repeat center;
  border: 0;
  vertical-align: top;
}

/* Event */
.event {
  position: relative;
  font-size: 0;
  letter-spacing: -1px;
}

.event.abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

img.event {
  display: block;
}

.event .btn {
  display: block;
}

.event .btn.lrg {
  position: absolute;
  top: 55.5%;
  left: 50%;
  margin-left: -9.4%;
  width: 18.8%;
  height: 64px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 3px;
}

.event .qna {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.event .qna .top {
  padding-top: 4.4516129%;
  min-height: 270px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.event .qna .top h3 span {
  display: block;
  margin-bottom: 45px;
  width: 117px;
  line-height: 38px;
  font-size: 20px;
  color: #fff;
  background-color: #808e99;
  border-radius: 1.5em;
}

.event .answer .top h3 span {
  margin-bottom: 50px;
}

.event .question .top h1 {
  font-size: 48px;
}

.event .answer .top h1 {
  line-height: 1.3;
  font-size: 30px;
}

.event .qna .mdl {
  padding-top: 5.6774193%;
  min-height: 305px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.event .qna .mdl.num {
  padding-top: 8.5%;
}

.event .qna .mdl .btn {
  display: inline-block;
  font-family: "HDHarmonyM";
  color: #808e99;
}

.event .qna .mdl .btn:hover,
.event .qna .mdl .btn.active {
  color: #144e9e;
}

.event .qna .mdl .btn.ox {
  width: 180px;
  height: 180px;
  line-height: 170px;
  font-size: 200px;
  background-color: #fff;
  border-radius: 100%;
}

.event .qna .mdl .btn.ox:last-child {
  margin-left: 40px;
}

.event .answer .mdl .btn.ox:last-child {
  margin: 0 !important;
}

.event .qna .mdl .btn.num {
  line-height: 75px;
  width: 50%;
  font-size: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.event .qna .mdl .btn.num.active {
  padding: 0 !important;
  width: 100% !important;
  line-height: 2.2;
  font-size: 70px;
  text-align: center !important;
}

.event .qna .mdl .btn.num:first-child,
.event .qna .mdl .btn.num:nth-child(3) {
  padding-right: 5.4%;
  text-align: right;
}

.event .qna .mdl .btn.num:nth-child(2),
.event .qna .mdl .btn.num:last-child {
  padding-left: 5.4%;
  text-align: left;
}

.event .qna .btm {
  position: relative;
  font-family: "HDHarmonyL";
}

.event .qna .btm span {
  font-size: 20px;
  color: #667886;
}

.event .qna .btm .btn {
  position: absolute;
  top: -7px;
  right: 13%;
  width: 110px;
  line-height: 37px;
  font-size: 16px;
  color: #fff;
  background-color: #8f8f8f;
  border-radius: 3px;
}

.event .qna .btm .btn.active {
  background-color: #000;
}

.event .result {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 24%;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.event .result h1 {
  font-size: 44px;
}

.event .result h3 {
  padding-top: 10px;
  font-size: 32px;
}

.event .result span {
  color: #ff6c00;
}

.event .result .btn {
  margin-top: 5%;
  width: 18.8%;
  height: 64px;
  background: rgba(0, 0, 0, 0);
}

/* Policy (Terms + Policy) */
.subTit.policy {
  background: url("../images/sub-tit-bg-02.png") no-repeat center top !important;
}

.policy h2 {
  padding-bottom: 30px;
  font-size: 25px;
  text-align: left;
}

.policy p {
  line-height: 1.9;
  font-size: 17px;
  color: #666;
  text-align: left;
}

.policy span {
  display: block;
}

.policy strong {
  display: inline-block;
  padding-bottom: 5px;
  font-family: "NanumSquare";
  color: #202020;
}

.policy .desc {
  font-size: 14px;
  color: #3b6fb7;
}

.policy .indent {
  padding-left: 15px;
}

.policy .sm {
  padding-bottom: 13px;
}

.policy .md {
  padding-bottom: 30px;
}

.policy .last {
  padding-bottom: 100px;
}

.policy .small-text {
  font-size: 14px;
}

.policy .bold-text {
  font-size: 19px;
  font-family: "NanumSquare";
  color: #000;
  font-weight: 700;
}

.inquiry-policy .small-text {
  display: inline;
  font-size: 11px;
}

.inquiry-policy .bold-text {
  display: inline;
  font-size: 14px;
}

@media (max-width: 800px) {
  .policy .small-text {
    font-size: 11px;
  }
  .policy .bold-text {
    font-size: 14px;
  }
  .inquiry-policy .small-text {
    font-size: 11px;
  }
  .inquiry-policy .bold-text {
    font-size: 14px;
  }
}
/* Post contens style by EunYoung */
.view-post img {
  max-width: 100%;
  height: auto;
}

/* apply step1 bottom style by EunYoung */
.apply-bottom {
  margin-top: 50px;
  background-color: #ecf6f8;
  font-size: 14px;
  padding: 40px 55px;
  display: block;
}

.apply-bottom .left {
  width: 69%;
  display: block;
  text-align: left;
  line-height: 25px;
  float: left;
}

.apply-bottom .left p {
  font-size: 18px !important;
  font-family: "HDHarmonyM";
}

.apply-bottom .right {
  width: 30%;
  display: block;
  float: right;
}

.apply-bottom .right .btn {
  background-color: #3ba7b7 !important;
  display: inline-block;
  padding: 20px 0;
  width: 220px;
  color: #fff;
  background: none;
  height: 65px;
  line-height: 22px !important;
  margin-top: 35px;
  font-size: 18px !important;
}

.apply-bottom .right .btn h1 {
  font-size: 20px !important;
}

.apply-bottom .right .btn span.bar {
  margin-top: 8px;
  margin-bottom: 8px;
  width: 26px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}

@media all and (max-width: 760px) {
  .apply-bottom {
    padding: 20px 25px;
  }
  .apply-bottom .left {
    width: 100%;
  }
  .apply-bottom .right {
    width: 100%;
  }
}
/* 시즌9 이벤트 */
html.fixed {
  overflow: initial;
}

body.fixed {
  overflow: hidden;
  height: 100%;
}

.ss9event {
  font-family: "HDHarmonyM";
}

.ss9event .btn {
  display: inline-block;
}

.ss9event .visual .top,
.ss9event .visual .btm {
  position: relative;
}

.ss9event .visual .top .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 18.8%;
  height: 7.3%;
  margin-left: -9.4%;
}

.ss9event .visual .btm ul {
  position: absolute;
  top: 7.07%;
  left: 50%;
  margin-left: -6.5%;
  width: 13%;
  height: 5.23%;
}

.ss9event .visual .btm ul li {
  float: left;
  width: 33.33%;
  height: 100%;
}

.ss9event .visual .btm .btn {
  width: 100%;
  height: 100%;
}

.ss9event .result {
  text-align: left;
}

.ss9event .result .btm {
  padding: 0 180px;
  background: url("../images/ss9_event_main_bg.png") no-repeat left top;
  background-size: 100%;
}

.ss9event .result .msg {
  padding: 20px;
  width: 100%;
  font-family: NanumSquare;
  font-size: 20px;
  border: 4px solid #8cd2d9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

.ss9event .result .privacy {
  padding: 15px 25px;
  color: #fff;
  background: #a3dbe1;
}

.ss9event .result .privacy h4 {
  display: inline-block;
  padding-right: 40px;
  font-size: 20px;
}

.ss9event .result .privacy label {
  display: inline-block;
  padding-right: 10px;
  font-size: 18px;
}

.ss9event .result .privacy input {
  padding: 5px 10px;
  width: 130px;
  line-height: 20px;
  font-family: HDHarmonyM;
  font-size: 16px;
  border: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ss9event .result .privacy input + label {
  padding-left: 20px;
}

.ss9event .result .term .tit {
  position: relative;
  padding: 20px 0 10px;
}

.ss9event .result .term .tit h4 {
  font-size: 18px;
  color: #5f7b8e;
}

.ss9event .result .term .tit .chkBox {
  position: absolute;
  top: 20px;
  right: 0;
}

.ss9event .result .term .tit .chkBox label {
  font-size: 16px;
  cursor: pointer;
}

.ss9event .result .term .policy {
  padding: 15px;
  height: 80px;
  border: 1px solid #c7c7c7;
}

.ss9event .result .btnWrap {
  padding: 40px 0 175px;
  text-align: center;
}

.ss9event .result .btn {
  width: 190px;
  line-height: 65px;
  background: #3b6fb7;
  font-size: 28px;
  color: #fff;
}

.ss9event .desc {
  padding-left: 125px;
  margin-top: 30px;
  text-align: left;
  background: url("../images/ss9_event_bnr.png") no-repeat left top;
  background-size: 105px;
}

.ss9event .desc p {
  font-size: 15px;
  color: #666;
}

.ss9event .desc .paddLeft {
  padding-left: 15px;
}

.ss9quiz {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 40px;
  width: 800px;
  height: 760px;
  font-family: "HDHarmonyM";
  text-align: center;
  background: #fff url("../images/ss9_event_bg.png") no-repeat bottom right;
  -webkit-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 200;
}

.ss9quiz .num {
  padding: 7px 0 5px;
  width: 115px;
  font-size: 20px;
  color: #fff;
  background: #808e99;
  border-radius: 2em;
}

.ss9quiz .tit {
  padding: 40px 0 30px;
  min-height: 186px;
  font-size: 55px;
}

.ss9quiz .hint {
  min-height: 116px;
  background: url("../images/ss9_event_ptn.png") repeat-x center;
}

.ss9quiz .hint .btn {
  display: inline-block;
  width: 116px;
  line-height: 116px;
  font-size: 26px;
  color: #fff;
  background: #0c489a;
  border-radius: 100%;
}

.ss9quiz .ex ul {
  padding: 20px 0 60px;
  margin: 0 auto;
  width: 450px;
}

.ss9quiz .ex li {
  float: left;
  padding: 20px 0;
  width: 50%;
  text-align: left;
  font-size: 40px;
  color: #808e99;
  letter-spacing: -2px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ss9quiz .ex li:nth-child(even) {
  padding-left: 10px;
}

.ss9quiz .ex li.active {
  color: #0c489a;
}

.ss9quiz .sm .smf {
  font-size: 33px;
}

.ss9quiz .page {
  font-size: 20px;
  color: #667886;
}

/* Post contens style by EunYoung *********
*****************************************/
.view-post img {
  max-width: 100%;
  height: auto;
}

.OrgColor {
  color: #ff6600 !important;
}

/******************************************
  apply step1 bottom style by EunYoung **
*****************************************/
.apply-bottom {
  margin-top: 50px;
  background-color: #ecf6f8;
  font-size: 14px;
  padding: 40px 55px;
  display: block;
}

.apply-bottom .left {
  width: 69%;
  display: block;
  text-align: left;
  line-height: 25px;
  float: left;
}

.apply-bottom .left p {
  font-size: 18px !important;
  font-family: "HDHarmonyM";
}

.apply-bottom .right {
  width: 30%;
  display: block;
  float: right;
}

.apply-bottom .right .btn {
  background-color: #3ba7b7 !important;
  display: inline-block;
  padding: 20px 0;
  width: 220px;
  color: #fff;
  background: none;
  height: 65px;
  line-height: 22px !important;
  margin-top: 35px;
  font-size: 18px !important;
}

.apply-bottom .right .btn h1 {
  font-size: 20px !important;
}

.apply-bottom .right .btn span.bar {
  margin-top: 8px;
  margin-bottom: 8px;
  width: 26px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
}

@media all and (max-width: 760px) {
  .apply-bottom {
    padding: 20px 25px;
  }
  .apply-bottom .left {
    width: 100%;
  }
  .apply-bottom .right {
    width: 100%;
  }
}
/*******************************************
YoungStartUp - sub common style
*******************************************/
.young.mo {
  display: none;
}

article.young .grid {
  max-width: 1100px;
}

article.young.padd .grid {
  padding: 70px 0;
}

.popUcc {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -281px;
  margin-left: -500px;
  width: 1000px;
  height: 563px;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 50px rgba(0, 0, 0, 0.7);
  z-index: 200;
}

.popUcc .close {
  position: absolute;
  top: 0;
  right: -50px;
  -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
  z-index: 20;
  cursor: pointer;
}

.popUcc iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.popUcc p {
  position: absolute;
  bottom: -36px;
  padding: 10px;
  width: 100%;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #fff;
  text-align: center;
  background: #71c6ce;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popUcc p a {
  font-weight: 700;
  color: #fff;
}

.popUcc p a span {
  padding-bottom: 3px;
  border-bottom: 2px solid #fff;
}

/*******************************************
YoungStratUp - giftcar tv intro
*******************************************/
.tvIntro .subTit {
  background: url("../images/young/sub-tit-bg-01.png") no-repeat center top;
}

.tvIntro .subRoot ul {
  width: 640px;
}

.tvIntro .mainTv {
  padding: 40px 0 70px;
}

.tvIntro .mainTv ul {
  margin-bottom: 20px;
  border-bottom: 3px solid #54d8b5;
  background: url("../images/young/tvintro-tab-bg.png") no-repeat center top;
}

.tvIntro .mainTv ul li {
  float: left;
  padding: 15px 0 20px;
  width: 50%;
  font-family: "HDHarmonyL";
  font-size: 18px;
  color: #666;
  cursor: pointer;
}

.tvIntro .mainTv ul li.active {
  font-family: "HDHarmonyM";
  font-size: 20px;
  color: #000;
}

.tvIntro .mainTv ul li.active span {
  padding: 10px 0 0 7px;
  background: url("../images/young/tvintro-tab-ico.png") no-repeat left top;
}

.tvIntro .mainTv div.last {
  display: none;
}

.tvIntro .mainTv a {
  position: relative;
  display: block;
}

.tvIntro .mainTv .ucc {
  display: none;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
}

.tvIntro .mainTv .ucc iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.tvIntro .mainTv div p {
  padding-top: 15px;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #ff5a00;
}

.tvIntro .mainTv div p a {
  display: inline-block;
  font-weight: 700;
  color: #ff5a00;
}

.tvIntro .mainTv div p a span {
  padding-bottom: 3px;
  border-bottom: 2px solid #ff5a00;
}

.tvIntro .cfTv {
  padding-bottom: 80px;
}

.tvIntro .cfTv ul li {
  float: left;
  margin-right: 40px;
  width: 480px;
}

.tvIntro .cfTv ul li:last-child {
  margin-right: 0;
}

.tvIntro .cfTv ul li h3 {
  padding: 7px 0 23px 12.5%;
  font-size: 16px;
  color: #666;
  background: url("../images/young/tvintro-tit-bg-01.png") no-repeat center top;
}

.tvIntro a.popClick {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tvIntro a.popClick img {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.tvIntro a.popClick img.play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: auto;
}

.tvIntro a.popClick:hover img:not(.play) {
  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
}

.tvIntro .heroSlider {
  position: relative;
  padding: 10% 0 40px;
}

.tvIntro .heroSlider .owl-dots {
  position: absolute;
  top: 3%;
  width: 100%;
}

.tvIntro .heroSlider .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  margin: 0 5px;
  background: #a1a1a1;
}

.tvIntro .heroSlider .owl-dot.active span,
.tvIntro .heroSlider .owl-dot:hover span {
  background: #0acb97;
}

.tvIntro .heroSlider .txt {
  font-family: "HDHarmonyL";
  cursor: pointer;
}

.tvIntro .heroSlider .txt span {
  display: inline-block;
  padding: 5px 8px;
  margin: 20px 0 15px;
  width: auto;
  font-size: 16px;
  color: #71c6ce;
  background: #fff;
  border: 1px solid #71c6ce;
}

.tvIntro .heroSlider .txt p {
  line-height: 1;
  font-size: 22px;
  color: #333;
}

/*******************************************
YoungStratUp - crew event common style
*******************************************/
.subTit.event {
  background: url("../images/sub-tit-bg-02.png") no-repeat center top;
}

.gagebar img {
  display: block;
}

.gagebar p {
  display: inline-block;
  margin-bottom: 4px;
  padding-bottom: 3px;
  font-family: "HDHarmonyL" !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  color: #fff !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .gagebar p {
    padding-bottom: 2px;
  }
}
.gagebar p span {
  padding: 2px 5px;
  border-radius: 2px;
}

/*******************************************
YoungStratUp - crew event list
*******************************************/
.crewEventList {
  font-family: "HDHarmonyL";
  font-size: 0;
}

.crewEventList .hero {
  background: #f6f6f6;
}

.crewEventList .hero img {
  width: 100%;
  vertical-align: top;
}

.crewEventList .hero .grid {
  padding: 40px 0 50px;
}

.crewEventList .hero div {
  position: relative;
}

.crewEventList .hero ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.crewEventList .hero ul li {
  position: relative;
  float: left;
  padding: 40px;
  min-height: 410px;
  max-height: 410px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.crewEventList .hero ul li.thumb {
  width: 625px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5) !important;
}

.crewEventList .hero ul li.thumb a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 28px;
  color: #fff;
}

.crewEventList .hero ul li.thumb a p {
  padding-top: 15px;
  font-size: 20px;
}

.crewEventList .hero ul li.thumb a img {
  margin: 15% auto;
  width: auto;
}

.crewEventList .hero ul li.txt {
  width: 375px;
  text-align: left;
  background: rgba(249, 127, 95, 0.9);
}

.crewEventList .hero ul li.txt .bnr {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px 8px;
  line-height: 1;
  font-size: 16px;
  color: #fff;
  background: #3388fc;
}

.crewEventList .hero ul li.txt h1 {
  font-family: "HDHarmonyL";
  font-size: 36px;
  color: #fff;
  letter-spacing: -2px;
}

.crewEventList .hero ul li.txt .gagebar {
  padding-top: 25px;
  width: 295px;
}

.crewEventList .hero ul li.txt .gagebar img {
  margin: 0;
}

.crewEventList .hero ul li.txt .gagebar p {
  margin-left: 60%; /* 게이지 수치에 따라 변경 */
  background: url("../images/young/crew-main-gagebar-txt-bg2.png") no-repeat center bottom;
}

.crewEventList .hero ul li.txt .gagebar p span {
  background: #3eb1ff;
}

.crewEventList .hero ul li.txt .gagebar h3 {
  padding-top: 7px;
  font-family: "HDHarmonyL";
  font-size: 18px;
  color: #424242;
  letter-spacing: -1px;
}

.crewEventList .hero ul li.txt .gagebar h3 span {
  font-size: 22px;
}

.crewEventList .hero ul li.txt form {
  padding: 30px 0 25px;
}

.crewEventList .hero ul li.txt form button {
  padding: 20px 0 15px;
  width: 195px;
  font-family: "HDHarmonyM";
  font-size: 20px;
  line-height: 1;
  color: #3388fc;
  letter-spacing: -2px;
  background: #fff;
  border: none;
  border-radius: 2em;
  outline: none;
  cursor: pointer;
}

.crewEventList .hero ul li.txt form button img {
  margin-top: -5px;
  margin-right: 5px;
  width: auto;
  vertical-align: top;
}

.crewEventList .hero ul li.txt p {
  line-height: 1.3;
  font-family: "NanumSquare";
  font-weight: 600;
  font-size: 15px;
  text-align: left;
  color: #fff;
}

.crewEventList .giveaway {
  margin: 10px 0 50px;
  border: 10px solid #dbe9f3;
}

.crewEventList .giveaway li {
  float: left;
  position: relative;
  padding: 40px 40px 55px;
  width: 50%;
  text-align: left;
  background-size: cover !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.crewEventList .giveaway li:first-child {
  background: url("../images/young/crew-present-bg-01.png") no-repeat center top;
}

.crewEventList .giveaway li:last-child {
  background: url("../images/young/crew-present-bg-02.png") no-repeat center top;
}

.crewEventList .giveaway li img {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  width: auto;
}

.crewEventList .giveaway li h1 {
  padding-bottom: 25px;
  font-size: 26px;
  color: #333;
}

.crewEventList .giveaway li h1 span {
  font-size: 22px;
  color: #3388fc;
}

.crewEventList .giveaway li p {
  line-height: 1.3;
  font-size: 15px;
  color: #666;
}

.crewEventList .giveaway li p span {
  color: #02969d;
}

.crewEventList .imgList .list li {
  position: relative;
  background: #f7f7f7;
  border: 0;
}

.crewEventList .imgList .list li .thumb .bnr {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 7px 15px;
  min-width: auto;
  font-size: 14px;
  color: #fff;
  background: #3388fc;
}

.crewEventList .imgList .list li .txt {
  padding: 25px 20px;
  text-align: center;
}

.crewEventList .imgList .list li .txt h1 {
  padding-bottom: 10px;
}

.crewEventList .imgList .list li .txt h1.line2 a {
  width: 100%;
  font-family: "HDHarmonyL";
  font-size: 22px;
  letter-spacing: -2px;
}

.crewEventList .imgList .list li .txt p {
  font-size: 16px;
  color: #666;
}

.crewEventList .imgList .list li .txt .gagebar {
  padding-top: 10px;
  width: 270px;
}

.crewEventList .imgList .list li .txt .gagebar p {
  margin-left: 80%; /* 게이지 수치에 따라 변경 */
  background: url("../images/young/crew-list-gagebar-txt-bg.png") no-repeat center bottom;
}

.crewEventList .imgList .list li .txt .gagebar p span {
  background: #ff6c00;
}

.crewEventList .imgList .list li .txt .gagebar h3 {
  padding-top: 7px;
  font-family: "HDHarmonyL";
  font-size: 17px;
  color: #73a0be;
  letter-spacing: -1px;
}

/*******************************************
YoungStratUp - crew event post
*******************************************/
.popUcc.eventcrew {
  margin-left: -260px;
  width: 520px;
  height: auto;
}

.popUcc.eventcrew .close {
  right: -40px;
}

.popUcc.eventcrew .tit {
  padding: 45px 0 25px;
  text-align: center;
  background: #66c2ca;
}

.popUcc.eventcrew .tit h1 {
  font-family: "HDHarmonyL";
  font-size: 40px;
  color: #fff;
  letter-spacing: -2px;
}

.popUcc.eventcrew .tit h1 strong {
  font-weight: 400;
  color: #fff47f;
}

.popUcc.eventcrew .tit .bar {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 24px;
  height: 2px;
  background: #fff;
}

.popUcc.eventcrew .tit p {
  position: relative;
  bottom: auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  background: none;
}

.popUcc.eventcrew .msg {
  padding: 30px;
  background: #fff;
}

.popUcc.eventcrew .msg textarea {
  padding: 15px;
  width: 100%;
  height: 150px;
  line-height: 1.4;
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #888;
  letter-spacing: -1.5px;
  background: #f0f0f0;
  border: 1px solid #dbdbdb;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popUcc.eventcrew .msg a {
  display: block;
  margin-top: 30px;
  padding: 45px 0 10px;
  width: 94px;
  height: 94px;
  font-family: "HDHarmonyM";
  font-size: 16px;
  color: #fff;
  text-align: center;
  background: #4291fc url("../images/young/crew-tabpost-btn-bg-04.png") no-repeat center top 15%;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popUcc.eventcrew .anth-center {
  padding: 30px;
  background-color: #fff;
}

.popUcc.eventcrew .centerlist li {
  float: left;
  margin: 10px 2.5% 0;
  width: 45%;
}

.popUcc.eventcrew .centerlist .thumb {
  width: 100%;
}

.popUcc.eventcrew .centerlist p.txt {
  position: relative;
  bottom: auto;
  padding: 10px 0;
  font-size: 16px;
  color: #71c6ce;
  background: transparent;
}

.crewEventPost {
  font-family: "HDHarmonyL";
}

.crewEventPost .hero {
  padding: 30px 0 45px;
}

.crewEventPost .hero .tit {
  padding: 30px 20px;
  background: url("../images/young/crew-post-tit-bg.png") no-repeat center top;
}

.crewEventPost .hero .tit p {
  font-size: 18px;
  color: #fff;
  letter-spacing: 0;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.crewEventPost .hero .tit h1 {
  padding-top: 10px;
  font-size: 36px;
  color: #fff;
  letter-spacing: -1px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.crewEventPost .hero .tit .bar {
  margin-top: 25px;
  margin-bottom: 18px;
  width: 36px;
  height: 2px;
  background: #fff;
}

.crewEventPost .hero .tit h2 {
  font-size: 22px;
  letter-spacing: 0;
  color: #333;
}

.crewEventPost .hero ul li {
  float: left;
  max-height: 366px;
}

.crewEventPost .hero ul li.thumb {
  position: relative;
  width: 650px;
  cursor: pointer;
}

.crewEventPost .hero ul li.thumb img {
  width: 100%;
}

.crewEventPost .hero ul li.thumb p {
  position: absolute;
  width: 100%;
  top: 72.4043715%;
  left: 0;
  line-height: 1.3;
  font-size: 18px;
  letter-spacing: -1px;
  color: rgba(255, 255, 255, 0.8);
  background: url("../images/young/crew-post-hero-thumb-bg.png") no-repeat center top 35%;
}

.crewEventPost .hero ul li.thumb .ucc {
  display: none;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
}

.crewEventPost .hero ul li.thumb .ucc iframe {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.crewEventPost .hero ul li.txt {
  padding: 40px;
  width: 350px;
  text-align: left;
  background: url("../images/young/crew-post-hero-txt-bg.png");
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.crewEventPost .hero ul li.txt h1 {
  font-family: "HDHarmonyL";
  font-size: 42px;
  letter-spacing: -2px;
  color: #fff;
}

.crewEventPost .hero ul li.txt p {
  padding-top: 10px;
  color: rgba(255, 255, 255, 0.5);
}

.crewEventPost .hero ul li.txt .gagebar {
  padding-top: 20px;
  width: 270px;
}

.crewEventPost .hero ul li.txt .gagebar img {
  width: 100%;
}

.crewEventPost .hero ul li.txt .gagebar p {
  margin-left: 2%; /* 게이지 위치에 따라서 수치 변화 */
  padding-bottom: 2px \0 /IE89;
  background: url("../images/young/crew-gagebar-txt-bg.png") no-repeat center bottom;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .crewEventPost .hero ul li.txt .gagebar p {
    padding-bottom: 2px;
  }
}
.crewEventPost .hero ul li.txt .gagebar p span {
  background: #1ccfaf;
}

.crewEventPost .hero ul li.txt .gagebar h3 {
  padding-top: 15px;
  font-family: "HDHarmonyL";
  font-size: 18px;
  letter-spacing: -1.5px;
  color: #fff;
}

.crewEventPost .hero ul li.txt a {
  display: block;
  margin-top: 34px;
  padding: 25px 0;
  width: 270px;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  letter-spacing: -2px;
  text-align: center;
  background: #4291fc;
  border-radius: 2em;
}

.crewEventPost .hero ul li.txt a img {
  margin-top: -5px;
  margin-right: 10px;
  width: auto;
  vertical-align: top;
}

.crewEventPost .hero > p {
  padding-top: 15px;
  font-size: 15px;
  color: #ff5a00;
}

.crewEventPost .hero > p a {
  color: #ff5a00;
}

.crewEventPost .hero > p a span {
  padding-bottom: 3px;
  border-bottom: 2px solid #ff5a00;
}

.crewEventPost .cheer:after {
  content: "";
  display: block;
  clear: both;
}

.crewEventPost .cheer > div {
  float: left;
  max-height: 600px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.crewEventPost .cheer .msg {
  padding: 25px 40px 35px;
  width: 650px;
  border: 1px solid #e9e9e9;
  border-right: 0;
}

.crewEventPost .cheer .msg .tit {
  padding: 15px 0 28px;
  text-align: center;
  background: url("../images/young/crew-cheer-msg-list-bg.png") no-repeat center bottom;
}

.crewEventPost .cheer .msg .tit img {
  margin-top: -10px;
  margin-right: 5px;
  width: auto;
}

.crewEventPost .cheer .msg .tit div {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.crewEventPost .cheer .msg .tit h1 {
  font-size: 30px;
  color: #3e2512;
}

.crewEventPost .cheer .msg .tit h1 span {
  color: #3388fc;
}

.crewEventPost .cheer .msg .tit p {
  font-family: "HDHarmonyM";
  font-size: 18px;
  color: #3e2512;
}

.crewEventPost .cheer .msg ul {
  padding-top: 40px;
}

.crewEventPost .cheer .msg ul li {
  float: left;
  margin: 15px 0;
  margin-right: 29px;
  width: 170px;
  height: 170px;
  background: #e4f0f9;
  border-radius: 100%;
}

.crewEventPost .cheer .msg ul li:nth-child(3),
.crewEventPost .cheer .msg ul li:last-child {
  margin-right: 0;
}

.crewEventPost .cheer .msg ul li.animate {
  opacity: 0;
  opacity: 1 \0 /IE89;
  -webkit-animation: fadeInUp 0.4s;
  animation: fadeInUp 0.4s ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
            transform: translate3d(0, 15%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
            transform: translate3d(0, 15%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.crewEventPost .cheer .msg ul li h1 {
  position: relative;
  padding: 35px 0 18px;
  width: 65%;
  line-height: 1;
  font-size: 16px;
  text-align: right;
  color: #8b9196;
  border-bottom: 1px solid #c6d1da;
}

.crewEventPost .cheer .msg ul li h1 img {
  position: absolute;
  top: 0;
  left: -30px;
  width: auto;
  width: 70px;
  height: 70px;
  border-radius: 35px;
}

.crewEventPost .cheer .msg ul li p {
  padding-top: 10px;
  line-height: 1.3;
  font-family: "NanumSquare";
  font-size: 15px;
  color: #4a6377;
}

.crewEventPost .cheer .txt {
  padding: 50px 40px 60px;
  width: 350px;
  background: #e8f5ee;
}

.crewEventPost .cheer .txt img {
  width: auto;
}

.crewEventPost .cheer .txt h1 {
  padding: 15px 0 10px;
  font-size: 22px;
  color: #29ad96;
  letter-spacing: -1px;
}

.crewEventPost .cheer .txt h1 span {
  font-size: 36px;
}

.crewEventPost .cheer .txt h1 + p {
  padding-top: 15px;
  font-size: 16px;
  color: #6d8984;
}

.crewEventPost .cheer .txt h2 {
  margin-top: 20px;
  width: 120px;
  line-height: 30px;
  font-size: 18px;
  background: #fff;
  letter-spacing: -2px;
}

.crewEventPost .cheer .txt .bar {
  margin-top: 10px;
  margin-bottom: 15px;
  width: 20px;
  height: 1px;
  background: #333;
}

.crewEventPost .cheer .txt p {
  line-height: 1.3;
  font-size: 15px;
  letter-spacing: -2px;
}

.crewEventPost .cheer .txt p strong {
  font-weight: 400;
  font-size: 15px;
  color: #1d8a6c;
}

.crewEventPost .cheer .txt h3 {
  padding-top: 7px;
  font-family: "HDHarmonyL";
  font-size: 16px;
}

.crewEventPost .cheer .txt a {
  display: inline-block;
  margin-top: 15px;
  padding: 0 8px;
  line-height: 22px;
  font-size: 13px;
  color: #666;
  background: #bfe0d4;
  border-radius: 2em;
}

.crewEventPost .tabPost > ul {
  margin-top: 75px;
  border-bottom: 3px solid #54d8b5;
  background: url("../images/young/tvintro-tab-bg.png") no-repeat center top 8px;
}

.crewEventPost .tabPost > ul li {
  float: left;
  padding: 15px 0 20px;
  width: 50%;
  font-size: 18px;
  cursor: pointer;
}

.crewEventPost .tabPost > ul li.active {
  font-family: "HDHarmonyM";
  font-size: 20px;
  color: #000;
}

.crewEventPost .tabPost > ul li.active span {
  padding: 10px 0 0 7px;
  background: url("../images/young/tvintro-tab-ico.png") no-repeat left top;
}

.crewEventPost .tabPost > div {
  padding: 0 10%;
}

.crewEventPost .tabPost .story {
  position: relative;
  padding-top: 75px;
}

.crewEventPost .tabPost .story .float {
  position: absolute;
  top: 190px;
  right: -50px;
  padding: 50px 8px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  letter-spacing: -2px;
  background: url("../images/young/crew-tabpost-btn-bg-05.png") no-repeat center top;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
  cursor: pointer;
}

.crewEventPost .tabPost .story h1 {
  font-size: 20px;
  color: #06956f;
}

.crewEventPost .tabPost .story .bar {
  margin-top: 27px;
  margin-bottom: 27px;
  width: 30px;
  height: 2px;
  background: #06956f;
}

.crewEventPost .tabPost .story p {
  line-height: 1.4;
  font-family: "NanumSquare";
  font-size: 16px;
  color: #888;
}

.crewEventPost .tabPost .story img {
  padding: 45px 0;
}

.crewEventPost .tabPost .story a {
  display: block;
  margin-top: 75px;
  width: 130px;
  line-height: 130px;
  font-size: 20px;
  color: #fff;
  background: #0acb97 url("../images/young/crew-tabpost-btn-bg-01.png") no-repeat center top 75%;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.crewEventPost .tabPost .story .more {
  display: none;
  padding-top: 30px;
}

.crewEventPost .tabPost .story .more h2 {
  padding: 25px 0 15px;
  text-align: left;
  font-size: 16px;
  color: #0acb97;
}

.crewEventPost .tabPost .story .more h2 span {
  font-size: 8px;
}

.crewEventPost .tabPost .story .more a {
  padding: 60px 0 25px;
  height: 130px;
  line-height: 1.2;
  letter-spacing: -2px;
  background: #0acb97 url("../images/young/crew-tabpost-btn-bg-03.png") no-repeat center top 21%;
}

.crewEventPost .tabPost .msg {
  display: none;
}

.crewEventPost .tabPost .msg li {
  position: relative;
  padding: 40px 0;
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
}

.crewEventPost .tabPost .msg li img {
  position: absolute;
  top: 40px;
  left: 0;
  width: auto;
  width: 70px;
  height: 70px;
  border-radius: 35px;
}

.crewEventPost .tabPost .msg li .txt {
  display: inline-block;
  padding: 15px 0 0 80px;
  width: 100%;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.crewEventPost .tabPost .msg li h1 {
  padding-bottom: 10px;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #666;
}

.crewEventPost .tabPost .msg li h1 span {
  display: inline-block;
  padding-right: 10px;
  color: #32a183;
}

.crewEventPost .tabPost .msg li p {
  line-height: 1.3;
  font-size: 18px;
  color: #999;
  letter-spacing: -2px;
  padding-bottom: 10px;
}

.crewEventPost .tabPost .msg a {
  display: block;
  margin-top: 70px;
  width: 200px;
  line-height: 48px;
  font-size: 13px;
  color: #333;
  border: 1px solid #bfbfbf;
}

.crewEventPost .owl-carousel img {
  display: block;
  padding: 0 !important;
  margin: 25px 0;
}

.crewEventPost .owl-carousel .owl-nav {
  top: auto;
  bottom: 250px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.crewEventPost .owl-carousel .owl-dots .owl-dot.active:before,
.crewEventPost .owl-carousel .owl-dots:after {
  font-family: "NanumSquare";
  font-size: 16px;
  color: #888;
}

.crewEventPost .owl-carousel .owl-dots:after {
  color: #54d8b5;
}

/* 은영책임님 추가 스타일 */
.gage-0 {
  margin-left: -100% !important;
}

.gage-1 {
  margin-left: -80% !important;
}

.gage-2 {
  margin-left: -60% !important;
}

.gage-3 {
  margin-left: -40% !important;
}

.gage-4 {
  margin-left: -20% !important;
}

.gage-5 {
  margin-left: 0% !important;
}

.gage-6 {
  margin-left: 20% !important;
}

.gage-7 {
  margin-left: 40% !important;
}

.gage-8 {
  margin-left: 60% !important;
}

.gage-9 {
  margin-left: 80% !important;
}

.gage-10 {
  margin-left: 83% !important;
  background-position-x: 98% !important;
}

.gage-detail-0 {
  margin-left: 0% !important;
  background-position-x: 3% !important;
}

.gage-detail-1 {
  margin-left: 3.5% !important;
}

.gage-detail-2 {
  margin-left: 13.5% !important;
}

.gage-detail-3 {
  margin-left: 23.5% !important;
}

.gage-detail-4 {
  margin-left: 33.5% !important;
}

.gage-detail-5 {
  margin-left: 43.5% !important;
}

.gage-detail-6 {
  margin-left: 53.5% !important;
}

.gage-detail-7 {
  margin-left: 63.5% !important;
}

.gage-detail-8 {
  margin-left: 73.5% !important;
}

.gage-detail-9 {
  margin-left: 83.5% !important;
}

.gage-detail-10 {
  margin-left: 83% !important;
  background-position-x: 98% !important;
}

.crewEventPost .tabPost .msg li .click-love {
  position: relative;
  display: inline;
}

.crewEventPost .tabPost .msg li .click-love img {
  position: absolute;
  top: -12px;
  left: 0;
  width: 17px;
  height: auto;
  cursor: pointer;
  border-radius: 0px;
}

.crewEventPost .tabPost .msg li .click-love img.none {
  opacity: 0;
}

.crewEventPost .tabPost .msg li .click-love:hover img.none {
  opacity: 1;
}

.crewEventPost .tabPost .msg li .click-love span {
  color: #ff5f3e;
  padding-left: 20px;
  font-size: 15px;
}

.popUcc.eventcrew.popupCrewEventUser .msg {
  font-size: 13px;
  color: #000;
  line-height: 18px;
}

.popUcc.eventcrew.popupCrewEventUser .msg a {
  background: #4291fc url("../images/young/crew-tabpost-btn-bg-10.png") no-repeat center top 20%;
  margin-top: 10px;
}

.popUcc.eventcrew.popupCrewEventUser .msg .alter-text {
  height: 85px;
  font-size: 12px;
  color: #888;
  padding: 5px 5px;
  margin-top: 5px;
}

/* 우리동네 기프트카 소개 페이지 */
.subTit.ville {
  background: url("../images/ss9/sub-tit-bg-01.png") no-repeat center top;
}

.villeBox {
  margin-top: 30px;
}

.villeBox .paddBox {
  padding: 50px;
}

.villeBox .mainUcc .ucc {
  width: 100%;
}

.villeBox .mainUcc .uccPlayer {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.villeBox .mainUcc .tip {
  margin-top: 20px;
}

.villeBox1 {
  background: #eaf3fc;
}

.villeBox1 .banner {
  position: relative;
  padding: 50px;
  background: #d7e8f9;
  border-top: 2px solid #acbac7;
}

.villeBox1 .banner .txt {
  padding: 5px 0 5px 100px;
  text-align: left;
  background: url("../images/ss9/ville_ico.png") no-repeat left center;
  background-size: 80px;
}

.villeBox1 .banner h4 {
  font-family: "HDHarmonyM";
  font-size: 34px;
}

.villeBox1 .banner p {
  margin-top: 10px;
  font-family: "HDHarmonyL";
  font-size: 18px;
  color: #000;
}

.villeBox1 .banner .btn {
  position: absolute;
  top: 30px;
  right: 50px;
  width: 115px;
  height: 115px;
  background: #3b6fb7;
  border-radius: 100%;
}

.villeBox1 .banner .btn p {
  position: absolute;
  top: 54%;
  left: 50%;
  margin: 0;
  width: 100%;
  font-family: "HDHarmonyM";
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.villeBox1 .banner .btn span {
  font-size: 16px;
  color: #c1d7f6;
}

.villeBox1 .interview {
  padding: 50px;
  margin-top: 50px;
  text-align: left;
  background: #fff url("../images/ss9/ville_qa_bg.png") no-repeat right bottom;
  border: 1px solid #bdd4ea;
}

.villeBox1 .interview .tit {
  margin-bottom: 50px;
  font-family: "HDHarmonyM";
  font-size: 28px;
}

.villeBox1 .interview .tit h4 {
  display: inline-block;
}

.villeBox1 .interview .tit span {
  display: block;
  font-size: 22px;
}

.villeBox1 .interview .tit .btn {
  display: inline-block;
  padding: 10px 25px;
  margin-top: 23px;
  margin-left: 15px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #51bac4;
  border-radius: 2rem;
  vertical-align: top;
}

.villeBox1 .interview .txt {
  font-family: "HDHarmonyL";
}

.villeBox1 .interview .qa + .qa {
  margin-top: 18px;
}

.villeBox1 .interview .q {
  font-size: 20px;
  color: #199ca8;
  line-height: 1.3;
}

.villeBox1 .interview .q .ico {
  display: inline-block;
  margin-right: 2px;
  font-size: 30px;
  color: #737373;
  vertical-align: middle;
}

.villeBox1 .interview .a {
  padding-left: 35px;
  font-size: 18px;
  line-height: 1.3;
}

.villeBox2 {
  background: #effff9;
}

.villeBox2 .paddBox .bar {
  display: block;
  margin: 30px 0;
  width: 100%;
  height: 1px;
  background: #d7e5e0;
}

.villeBox2 .paddBox h4 {
  margin-bottom: 15px;
  font-family: "HDHarmonyM";
  font-size: 20px;
}

.villeBox2 .uccSlide .owl-nav .owl-prev {
  left: 10px;
}

.villeBox2 .uccSlide .owl-nav .owl-next {
  right: 10px;
}

.villeBox2 .process ul {
  overflow: hidden;
  display: inline-block;
}

.villeBox2 .process li {
  float: left;
  background: url("../images/ss9/ville_arrow.png") no-repeat center left 15px;
  background-size: 7px;
}

.villeBox2 .process li + li {
  padding-left: 40px;
}

.villeBox2 .process .circ {
  position: relative;
  width: 90px;
  height: 90px;
  background: url("../images/ss9/ville_circ_bg.png") no-repeat center;
  background-size: 100%;
}

.villeBox2 .process .circ span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-family: "HDHarmonyM";
  font-size: 18px;
  color: #3398a0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.villeBox2 .paddBox p {
  font-size: 16px;
}

.villeBox3 .imgList .list li {
  border: 0;
}

.villeBox3 .imgList .list.pcs3 li.padd {
  margin-left: 20px;
  margin-right: 20px;
}

.villeBox3 .imgList .list.pcs3 li .thumb {
  position: relative;
  height: 200px;
}

.villeBox3 .imgList .list.pcs3 li .thumb .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: auto;
  transform: translate(-50%, -50%) scale(1) !important;
  -webkit-transform: translate(-50%, -50%) scale(1) !important;
  z-index: 1;
}

.villeBox3 .imgList .list.pcs3 li .thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
}

.villeBox3 .imgList .list li .txt {
  font-family: "HDHarmonyM";
  font-size: 16px;
  text-align: center;
}

.villeBox3 .imgList .list li .txt .location {
  display: inline-block;
  padding: 5px 0;
  margin-bottom: 10px;
  width: 115px;
  color: #71c6ce;
  border: 1px solid #71c6ce;
}

.villeBox3 .banner {
  display: block;
  padding: 30px 50px;
  font-family: "HDHarmonyM";
  color: #fff;
  text-align: left;
  background: url("../images/ss9/ville_banner_bg.png") no-repeat center;
  /*background-size: cover;*/ /*20181214이은주*/
}

.villeBox3 .banner h4 {
  font-size: 36px;
}

.villeBox3 .banner p {
  margin-top: 10px;
  font-size: 18px;
  color: #fff;
}

.villeBox3 .banner .btn {
  display: inline-block;
  padding: 10px 20px;
  margin-top: 10px;
  font-size: 18px;
  border-radius: 2rem;
  background: url("../images/ss9/ville_btn_bg.png") no-repeat center;
  background-size: 100%;
}

/* 우리동네 기프트카 이벤트 */
.ville-event p {
  color: #000;
}

.ville-event .event-tit img {
  width: 100%;
}

.ville-event .info-cont {
  background: #bbf1f5 url("../images/ss9/ville_event_bg.png") no-repeat bottom right;
}

.ville-event .paddBox {
  padding: 0 100px;
}

.ville-event .mainUcc .ucc {
  width: 100%;
}

.ville-event .mainUcc .tip {
  margin-top: 20px;
  padding: 0px 20px;
}

.ville-event .info-cont .list-txt-box {
  padding: 40px 0;
}

.ville-event dl:after {
  display: block;
  content: "";
  clear: both;
}

.ville-event dl + dl {
  margin-top: 30px;
}

.ville-event dt,
.ville-event dd {
  float: left;
  font-family: "HDHarmonyM";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ville-event dt {
  font-weight: 400;
  width: 17%;
  font-size: 17px;
  color: #fff;
  letter-spacing: -1px;
}

.ville-event dt .ctg {
  display: block;
  padding: 10px 0;
  background: #5c98c8;
  border-radius: 2rem;
}

.ville-event dd {
  position: relative;
  padding: 12px 0 12px 30px;
  width: 83%;
  font-size: 18px;
  letter-spacing: -0.5px;
  text-align: left;
}

.ville-event .event-way {
  position: relative;
}

.ville-event .event-way .tit {
  position: relative;
  padding-top: 90px;
}

.ville-event .event-way .tit b {
  font-weight: 400;
  color: #0050be;
}

.ville-event .event-way .tit .ico {
  position: absolute;
  top: 0;
  left: 0;
  width: 83px;
}

.ville-event .event-way .sns {
  margin: 20px 0;
  font-size: 0;
}

.ville-event .event-way .sns a + a {
  margin-left: 9px;
}

.ville-event .event-way .sns img {
  width: 150px;
}

.ville-event .event-way .tag {
  padding: 10px 10px 15px 70px;
  margin-bottom: 30px;
  font-family: "HDHarmonyL";
  color: #000;
  background: rgba(255, 255, 255, 0.25);
  border: 1px solid #b0eaef;
}

.ville-event .event-way .tag p {
  font-size: 20px;
}

.ville-event .event-way .tag span {
  font-size: 16px;
  vertical-align: middle;
}

.ville-event .event-way .tag .mark {
  display: inline-block;
  margin: 0 15px;
  width: 2px;
  height: 2px;
  background: #000;
}

.ville-event .event-gift {
  position: absolute;
  width: 425px;
  bottom: -60px;
  right: -50px;
}

.ville-event .mark-txt {
  position: relative;
  padding-left: 10px;
  font-family: "HDHarmonyL";
  font-size: 16px;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ville-event .mark-txt + .mark-txt {
  margin-top: 8px;
}

.ville-event .mark-txt .mark {
  position: absolute;
  top: 6px;
  left: 0;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #919191;
}

.ville-event .btn-box {
  padding: 70px 0 45px;
  background: #9ce6ec;
}

.ville-event .btn-box .btn {
  display: block;
  position: relative;
  width: 140px;
  height: 140px;
  background: #3b6fb7;
  border-radius: 100%;
}

.ville-event .btn-box .btn span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-family: "HDHarmonyM";
  font-size: 24px;
  color: #fff;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.ville-event .btn-box .alarm {
  padding-top: 30px;
  margin-top: 20px;
  font-family: "HDHarmonyL";
  font-size: 14px;
  background: url("../images/ss9/ville_ico_02.png") no-repeat center top;
  background-size: 20px;
}

.ville-event .btn-box .alarm b {
  font-size: 16px;
}

.ville-comment {
  padding: 65px 100px 50px;
  background: #f2ede7 url("../images/ss9/ville_event_bg_02.png") no-repeat center top;
  background-size: 100%;
}

.ville-comment .comment-list {
  position: relative;
  padding-top: 15px;
  padding-left: 140px;
  border-top: 2px solid #99b2d4;
}

.ville-comment .comment-list .ico {
  position: absolute;
  top: 25px;
  left: 0;
}

.ville-comment .comment-list .ico img {
  width: 122px;
}

.ville-comment .comment-list .ico p {
  margin-top: 10px;
  font-family: "HDHarmonyM";
  font-size: 15px;
  color: #3b6fb7;
}

.ville-comment .comment-list li {
  text-align: left;
  border-bottom: 1px solid #d0d4e7;
}

.ville-comment .comment-list span {
  display: inline-block;
  padding: 10px 0;
  min-height: 40px;
  letter-spacing: -1px;
  line-height: 1.3;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ville-comment .comment-list .name {
  min-width: 60px;
  font-size: 15px;
  color: #888;
}

.ville-comment .comment-list .txt {
  margin: 0 20px;
  width: calc(100% - 258px);
  font-size: 16px;
  color: #666;
}

.ville-comment .comment-list .date {
  float: right;
  min-width: 148px;
  font-size: 14px;
  color: #888;
}

.ville-comment .btn-box {
  padding: 30px 0 50px;
  background: transparent;
  border-top: 0;
}

.ville-comment button {
  padding: 8px 0;
  width: 90px;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #fff;
  background: #d6cab7;
  border: 1px solid #cfc4b3;
  outline: none;
  cursor: pointer;
}

.ville-comment .list-txt-box {
  padding: 40px;
  background: #fff;
}

.ville-comment dt .ctg {
  color: #3b6fb7;
  background: transparent;
}

.ville-comment dd {
  padding-left: 0;
}

.ville-comment dd p {
  color: #919191;
}

.ville-event-float {
  position: absolute;
  top: 75px;
  right: calc(50% - 680px);
}

.ville-event-float img {
  width: 150px;
}

.ville-event-float.fixed {
  position: fixed;
}

.ville-event .event-form {
  padding: 50px 100px;
  text-align: left;
  background: #bbf1f5;
}

.ville-event .event-form .tit {
  position: relative;
  padding: 20px 0 10px;
}

.ville-event .event-form .tit h4 {
  font-size: 18px;
  color: #3b6fb7;
}

.ville-event .event-form .tit h4 span {
  margin-left: 5px;
  font-size: 14px;
  color: #888;
}

.ville-event .event-form .tit .chkBox {
  position: absolute;
  top: 20px;
  right: 0;
}

.ville-event .event-form .tit .chkBox label {
  font-family: "HDHarmonyM";
  font-size: 16px;
  cursor: pointer;
}

.ville-event .event-form .policy {
  padding: 15px;
  height: 80px;
  border: 1px solid #c7c7c7;
}

.ville-event .event-form .msg {
  padding: 20px;
  width: 100%;
  font-family: "HDHarmonyL";
  font-size: 18px;
  border: 4px solid #7cd1db;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

.ville-event .event-form .privacy {
  padding: 15px 25px;
  color: #fff;
  background: #7cd1db;
}

.ville-event .event-form .privacy div + div {
  margin-top: 10px;
}

.ville-event .event-form .privacy label {
  display: inline-block;
  padding-right: 10px;
  width: 120px;
  font-size: 18px;
}

.ville-event .event-form .privacy input {
  padding: 5px 10px;
  width: 130px;
  line-height: 20px;
  font-family: "HDHarmonyM";
  font-size: 16px;
  border: 0;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ville-event .event-form .privacy .input-full {
  width: calc(100% - 130px);
}

.ville-event .event-form .privacy input + label {
  padding-left: 20px;
}

.ville-event .event-form .privacy .event-way {
  padding-left: 130px;
  margin-top: 20px;
}

.ville-event .event-form .event-way .alarm {
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #fff;
}

.ville-event .event-form .event-way .sns {
  margin: 5px 0 10px;
}

.ville-event .event-form .event-way .sns img {
  width: 23.8%;
}

.ville-event .event-form .event-way .tag {
  padding-left: 40px;
}

.ville-event .event-form .btn-box {
  border-top: 0;
  background: transparent;
}

.ville-event .event-form .alarm-txt {
  padding: 30px 15px;
  font-family: "HDHarmonyL";
  font-size: 16px;
  text-align: center;
  background: #fbfbfb;
}

/* 우리동네 천사 이벤트 소개 페이지 */
.angel-visual .grid {
  padding: 0;
}

.angel-visual .visual {
  background: url("../images/ss9/angel_visual.png") no-repeat center top;
  background-size: cover;
}

.angel-visual .txt {
  background-color: #bea886;
}

.angel-visual .txt h3 {
  padding: 20px 0 20px 260px;
  font-family: "HDHarmonyL";
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  text-align: left;
  letter-spacing: -1px;
}

.angel-visual .txt h3 b {
  font-family: "HDHarmonyM";
  font-weight: 400;
  font-size: 20px;
}

.angel-visual .txt h3 .clr-txt {
  color: #ffec6f;
}

.angel-visual .visual-car {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 220px;
}

.angel-visual .visual-car img {
  width: 100%;
}

.angel-visual .visual-car p {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #000;
  line-height: 1.2;
  letter-spacing: -1.5px;
}

.angel-visual .visual-car p b {
  font-family: "HDHarmonyM";
  font-weight: 400;
  font-size: 26px;
}

.angel-intro h3 {
  font-family: "HDHarmonyM";
  font-size: 22px;
  color: #fff;
  letter-spacing: -1.5px;
}

.angel-intro h3 span {
  display: inline-block;
  padding: 8px 15px;
  background-color: #7cb9dc;
  border-radius: 20px;
}

.angel-intro .box {
  padding: 40px 0;
  margin-top: -20px;
  text-align: left;
  background-color: #e9f7ff;
  border-top: 2px solid #cbe3f1;
}

.angel-intro dl {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  width: 50%;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.angel-intro dl:first-child {
  border-right: 1px solid #cfdde5;
}

.angel-intro dt {
  font-family: "HDHarmonyM";
  font-size: 26px;
  color: #1c75e3;
}

.angel-intro dt span {
  font-size: 22px;
  color: #000;
}

.angel-intro dd {
  margin-top: 25px;
  font-family: "HDHarmonyL";
  font-size: 15px;
  color: #394a5f;
  line-height: 1.3;
}

.angel-intro .gift {
  position: absolute;
  top: 0;
  right: 0;
  width: 125px;
}

.angel-list {
  margin-top: -50px;
}

.angel-list .list.pcs2 li {
  position: relative;
  border: 0;
}

.angel-list .list.pcs2 li .thumb {
  overflow: visible;
  height: auto;
}

.angel-list .list.pcs2 li .thumb img {
  width: 100%;
}

.angel-list .list.pcs2 li .thumb p {
  position: absolute;
  top: 15px;
  left: 100px;
  font-family: "HDHarmonyM";
  font-size: 20px;
  color: #fff;
}

.angel-list .list.pcs2 li .thumb .angel-bnr {
  position: absolute;
  top: -5px;
  left: 20px;
  width: 60px;
  height: auto !important;
}

.angel-list .list.pcs2 li .thumb:hover img {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.angel-list .list li .txt {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: padding 0.3s ease;
  transition: padding 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.angel-list .list li .txt p {
  display: inline-block;
  width: 105px;
  font-family: "HDHarmonyM";
  font-size: 20px;
  color: #fff997;
  text-align: center;
  line-height: 45px;
  background-color: #26aac0;
}

.angel-list .flower-num {
  position: absolute;
  left: 20px;
  padding: 10px 0 10px 42px;
  font-size: 26px;
  font-weight: 700;
  color: #b1eeff;
  background: url("../images/ss9/angel_list_flower.png") no-repeat left center;
  background-size: 40px;
}

.angel-list .list li:hover .txt {
  padding-top: 30px;
  padding-bottom: 30px;
}

.angel-list .list .end-list:hover .txt {
  padding-top: 20px;
  padding-bottom: 20px;
}

.angel-list .end-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.angel-list .end-wrap span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 185px;
  font-family: "HDHarmonyM";
  font-size: 26px;
  color: #fff;
  line-height: 185px;
  text-align: center;
  background-color: #47cab1;
  border-radius: 100%;
}

.angel-banner {
  position: relative;
  padding: 40px 50px 40px 85px;
  margin-top: 80px;
  text-align: left;
  background: #ffe9cb url("../images/ss9/angel_banner_bg.png") no-repeat center;
}

.angel-banner h4 {
  padding: 15px 0 15px 75px;
  font-family: "HDHarmonyM";
  font-size: 30px;
  background: url("../images/ss9/angel_banner_ico.png") no-repeat center left;
  background-size: 60px;
}

.angel-banner p {
  font-family: "HDHarmonyL";
  font-size: 18px;
  color: #000;
  line-height: 1.2;
}

.angel-banner p b {
  font-family: "HDHarmonyM";
  font-size: 20px;
  font-weight: 400;
}

.angel-banner p mark {
  background-color: #fff997;
}

.angel-banner .btn {
  display: block;
  position: absolute;
  top: 40px;
  right: 50px;
  width: 115px;
  height: 115px;
  background: #26aac0;
  border-radius: 100%;
}

.angel-banner .btn p {
  position: absolute;
  top: 54%;
  left: 50%;
  margin: 0;
  width: 100%;
  font-family: "HDHarmonyM";
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.angel-banner .btn span {
  font-size: 16px;
  color: #fff997;
}

.angel-bnr-2 {
  margin-top: 20px;
}

.angel-bnr-2 img {
  width: 587px;
}

/* 우리동네 천사 이벤트 페이지 */
.angel-e .grid {
  padding: 0;
}

.angel-e-bg {
  background: url("../images/ss9/angel_e_bg_01.png") no-repeat center top;
}

.angel-e-tit {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.angel-e-tit .grid {
  padding: 90px 0 220px;
}

.angel-e-tit p {
  margin-bottom: 10px;
  font-family: "HDHarmonyL";
  font-size: 20px;
  color: #000;
}

.angel-e-tit h2 {
  font-size: 40px;
}

.fl-ani {
  position: absolute;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
}

.fl-ani-fast {
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
}

.fl-ani-md {
  animation-duration: 4s;
  -webkit-animation-duration: 4s;
}

.fl-ani-slow {
  animation-duration: 4.5s;
  -webkit-animation-duration: 4.5s;
}

.fl-ani-lt {
  animation-name: fl-ani-lt;
  -webkit-animation-name: fl-ani-lt;
}

@keyframes fl-ani-lt {
  0% {
    -webkit-transform: scale(0.8) rotate(0);
            transform: scale(0.8) rotate(0);
  }
  50% {
    -webkit-transform: scale(1) rotate(-90deg);
            transform: scale(1) rotate(-90deg);
  }
  100% {
    -webkit-transform: scale(0.8) rotate(0);
            transform: scale(0.8) rotate(0);
  }
}
@-webkit-keyframes fl-ani-lt {
  0% {
    -webkit-transform: scale(0.8) rotate(0);
            transform: scale(0.8) rotate(0);
  }
  50% {
    -webkit-transform: scale(1) rotate(-90deg);
            transform: scale(1) rotate(-90deg);
  }
  100% {
    -webkit-transform: scale(0.8) rotate(0);
            transform: scale(0.8) rotate(0);
  }
}
.fl-ani-rt {
  animation-name: fl-ani-rt;
  -webkit-animation-name: fl-ani-rt;
}

@keyframes fl-ani-rt {
  0% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
  50% {
    -webkit-transform: scale(0.8) rotate(90deg);
            transform: scale(0.8) rotate(90deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes fl-ani-rt {
  0% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
  50% {
    -webkit-transform: scale(0.8) rotate(90deg);
            transform: scale(0.8) rotate(90deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
  }
}
.fl-ani-1 {
  top: 71.42%;
  left: 11.31%;
  width: 2.1%;
}

.fl-ani-2 {
  top: 15.58%;
  left: 12.63%;
  width: 3.15%;
}

.fl-ani-3 {
  top: 2.6%;
  left: 29.73%;
  width: 3.42%;
}

.fl-ani-4 {
  top: 2.2%;
  left: 34.47%;
  width: 2.63%;
}

.fl-ani-5 {
  top: -2.6%;
  left: 58.95%;
  width: 3.95%;
}

.fl-ani-6 {
  top: 14.28%;
  left: 67.37%;
  width: 2.63%;
}

.fl-ani-7 {
  top: 23.38%;
  left: 76.84%;
  width: 3.16%;
}

.fl-ani-8 {
  top: 11.7%;
  left: 93.73%;
  width: 3.16%;
}

.fl-ani-9 {
  top: 23.37%;
  left: 19.74%;
  width: 2.63%;
}

.fl-ani-10 {
  top: -1.5%;
  left: 56.8%;
  width: 2.9%;
}

.angel-e-mov {
  position: relative;
  margin-top: -190px;
}

.car-ani {
  position: absolute;
}

.car-ani-lt {
  top: 59%;
  left: 0;
  width: 6.58%;
  animation: car-ani-lt 4s infinite linear;
  -webkit-animation: car-ani-lt 4s infinite linear;
}

@keyframes car-ani-lt {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%);
  }
}
@-webkit-keyframes car-ani-lt {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(400%);
            transform: translateX(400%);
  }
}
.car-ani-lt-after {
  left: 70%;
  opacity: 0;
  animation: car-ani-lt-after 4s 3.5s infinite linear;
  -webkit-animation: car-ani-lt-after 4s 3.5s infinite linear;
}

@keyframes car-ani-lt-after {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(450%);
            transform: translateX(450%);
  }
}
@-webkit-keyframes car-ani-lt-after {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(450%);
            transform: translateX(450%);
  }
}
.angel-e-mov .mainUcc .ucc {
  width: 100%;
  z-index: 1;
}

.angel-e-mov .mainUcc .uccPlayer {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.angel-e-mov .mainUcc .uccPlayer .uccThumb {
  height: 100%;
}

.angel-e-mov .mainUcc .uccPlayer iframe {
  display: block;
}

.angel-e-mov .mainUcc .ucc .uccThumb-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.angel-e-mov .mainUcc .ucc .uccTit {
  top: 0;
  bottom: auto;
  left: 0;
  padding: 10% 0;
  height: 100%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  background: url("../images/ss9/angel_e_mov_thumb.png") no-repeat center top;
  background-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.angel-e-mov .uccTit h4 {
  padding-bottom: 25%;
  font-family: "NanumSquare";
  font-size: 24px;
  color: #fff;
  line-height: 1.3;
}

.angel-e-mov .uccTit p {
  margin-top: 0;
  font-family: "HDHarmonyM";
  font-size: 18px;
  color: #fff;
}

.angel-e-mov .uccTit .location {
  color: #d9f6ff;
}

.angel-e-mov .mainUcc .tip {
  margin-top: 20px;
}

.angel-e-road .grid {
  position: relative;
}

.angel-e-road .fl-road-girl1 {
  position: absolute;
  top: 5%;
  left: -1%;
  width: 100px;
}

.angel-e-road .fl-road-girl2 {
  position: absolute;
  bottom: 25%;
  right: -16%;
  width: 270px;
}

.angel-e-road .fl-road {
  position: relative;
}

.angel-e-road .fl-road .road {
  width: 100%;
}

.angel-e-road .fl-road .fl-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.angel-e-road .fl-road .fl-per {
  position: absolute;
  padding: 2px 0 3px;
  width: 40px;
  font-family: "HDHarmonym";
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url("../images/ss9/angel_e_percent.png") no-repeat center top;
  background-size: 100%;
  z-index: 1;
}

.fl-per-00 {
  top: 5%;
  left: 10%;
}

.fl-per-01 {
  top: 5%;
  left: 19%;
}

.fl-per-02 {
  top: 5%;
  left: 33%;
}

.fl-per-03 {
  top: 5%;
  left: 49%;
}

.fl-per-04 {
  top: 5%;
  left: 61%;
}

.fl-per-05 {
  top: 5%;
  left: 77%;
}

.fl-per-06 {
  top: 30%;
  left: 83%;
}

.fl-per-07 {
  top: 33%;
  left: 69%;
}

.fl-per-08 {
  top: 33%;
  left: 54%;
}

.fl-per-09 {
  top: 33%;
  left: 45%;
}

.fl-per-10 {
  top: 33%;
  left: 34%;
}

.fl-per-11 {
  top: 33%;
  left: 22%;
}

.fl-per-12 {
  top: 33%;
  left: 11%;
}

.fl-per-13 {
  top: 55%;
  left: 16%;
}

.fl-per-14 {
  top: 60%;
  left: 20%;
}

.fl-per-15 {
  top: 60%;
  left: 34%;
}

.fl-per-16 {
  top: 60%;
  left: 49%;
}

.fl-per-17 {
  top: 60%;
  left: 61%;
}

.fl-per-18 {
  top: 60%;
  left: 72%;
}

.fl-per-19 {
  top: 60%;
  left: 82%;
}

.fl-per-20 {
  top: 60%;
  left: 88%;
}

.angel-e-road .fl-road .fl-crt {
  display: none;
  padding: 0;
  width: 7%;
  font-size: 0;
  background: transparent;
  animation: fl-crt-scale 0.7s, fl-crt-rotate 2s linear 0.7s infinite;
  -webkit-animation: fl-crt-scale 0.7s, fl-crt-rotate 2s linear 0.7s infinite;
  -ms-animation: fl-crt-rotate 2s linear infinite;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  z-index: 0;
}

.fl-per-13.fl-crt {
  top: 56%;
  left: 10%;
}

.fl-per-19.fl-crt {
  left: 80%;
}

.angel-e-road .fl-road .fl-crt img {
  width: 100%;
}

@keyframes fl-crt-scale {
  0% {
    -webkit-transform: scale(10);
            transform: scale(10);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes fl-crt-scale {
  0% {
    -webkit-transform: scale(10);
            transform: scale(10);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes fl-crt-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes fl-crt-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.angel-e-intro .grid {
  padding: 50px 0;
}

.angel-e-intro .sched {
  font-family: "HDHarmonyM";
  font-size: 18px;
}

.angel-e-intro .sched p {
  color: #000;
}

.angel-e-intro .sched ul {
  padding: 10px 25px;
  margin: 0 auto;
  margin-top: 20px;
  width: 650px;
  background-color: #f1f9ea;
  border-radius: 2rem;
}

.angel-e-intro .sched li {
  float: left;
}

.angel-e-intro .sched li + li {
  padding-left: 45px;
  background: url("../images/ss9/angel_e_sched_bg.png") no-repeat center left 20px;
  background-size: 7px;
}

.angel-e-intro .sched .step {
  display: inline-block;
  padding: 3px 8px;
  margin-right: 10px;
  font-size: 12px;
  color: #fff;
  background-color: #42a871;
  border-radius: 2rem;
  vertical-align: top;
}

.angel-e .fl-btn {
  margin-top: 50px;
}

.angel-e .fl-btn a img {
  width: 215px;
}

.angel-e-intro .fl-btn p {
  padding-top: 25px;
  font-family: "HDHarmonyM";
  font-size: 20px;
  color: #000;
}

.angel-e-intro .fl-btn p span {
  color: #ff4671;
}

.angel-e-intro .fl-btn-anth {
  padding: 50px 0;
  margin-top: 50px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgb(204, 204, 204)), color-stop(50%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgb(204, 204, 204) 50%, rgba(255, 255, 255, 0) 50%);
  background-position: top;
  background-size: 10px 1px;
  background-repeat: repeat-x;
}

.angel-e-intro .fl-btn-anth p {
  font-family: "HDHarmonyM";
  font-size: 24px;
  color: #ff4671;
}

.angel-e-intro .fl-btn-anth img {
  margin-top: 20px;
  width: 195px;
}

.angel-e-intro-box {
  background-color: #fff6e2;
}

.angel-e-intro-box .grid {
  padding: 60px 0;
}

.angel-e-intro-box .tit {
  width: 100%;
}

.angel-e-intro-box .tit.mo-show {
  display: none;
}

.angel-e-intro-box dd {
  position: relative;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.angel-e-intro-box dd b {
  display: block;
  padding-bottom: 15px;
  font-family: "HDHarmonyM";
  font-weight: 400;
  font-size: 20px;
}

.angel-e-intro-box dd p {
  font-family: "HDHarmonyL";
  font-size: 16px;
  color: #705757;
  line-height: 1.3;
}

.angel-e-intro-box dd span {
  display: block;
  padding-top: 10px;
  font-family: "HDHarmonyM";
}

.angel-e-intro-box .lt {
  padding-right: 30px;
  text-align: right;
  border-right: 1px #ccc dashed;
}

.angel-e-intro-box .lt .fnt-clr {
  color: #27a0ae;
}

.angel-e-intro-box .rt {
  padding-left: 30px;
  text-align: left;
}

.angel-e-intro-box .rt .fnt-clr {
  color: #277dae;
}

.angel-e-intro-box .child1 {
  position: absolute;
  top: 0;
  left: -35px;
  width: 130px;
}

.angel-e-intro-box .child2 {
  position: absolute;
  top: -45px;
  right: -25px;
  width: 210px;
}

.angel-e .crewEventPost .tabPost > div {
  padding: 0;
}

.angel-e .crewEventPost .tabPost .story p {
  font-family: "HDHarmonyL";
}

.angel-e .crewEventPost .tabPost .msg {
  display: block;
  padding-bottom: 100px;
  margin-top: 100px;
  background-color: #fffcf5;
}

.popup-area {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

.popup-layer {
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.popup-space {
  height: 100px;
}

.popUcc.eventangel {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  margin: 0 auto;
}

.popUcc.eventangel .tit h1 span {
  font-size: 30px;
}

.popUcc.eventangel .sub-tit {
  position: relative;
  bottom: auto;
  padding: 0;
  font-family: "HDHarmonyM";
  font-size: 16px;
  text-align: left;
  color: #66c2ca;
  background: transparent;
}

.popUcc.eventangel .ex-msg {
  margin-top: 20px;
  text-align: right;
}

.popUcc.eventangel .ex-msg span {
  display: inline-block;
  font-family: "HDHarmonyM";
  font-size: 16px;
  line-height: 55px;
  vertical-align: top;
}

.popUcc.eventangel .ex-msg span + span {
  margin-left: 5px;
}

.popUcc.eventangel .ex-btn {
  width: 53px;
  height: 53px;
  color: #fff;
  text-align: center;
  background-color: #69d6e0;
  border-radius: 100%;
  cursor: pointer;
}

.popUcc.eventangel .privacy-box + .privacy-box {
  margin-top: 20px;
}

.popUcc.eventangel .privacy {
  padding: 30px;
  background-color: #f6f6f6;
}

.popUcc.eventangel .privacy .sub-tit {
  margin-bottom: 10px;
}

.popUcc.eventangel span.policy {
  height: 70px;
  background-color: #f0f0f0;
}

.popUcc.eventangel .chkBox {
  margin-top: 5px;
  font-family: "HDHarmonyL";
  font-size: 14px;
  text-align: right;
}

.popUcc.eventangel .chkBox input {
  margin-top: 1px;
  vertical-align: top;
}

.popUcc.eventangel .form {
  margin-top: 40px;
}

.popUcc.eventangel .form label {
  display: inline-block;
  font-family: "HDHarmonyM";
  font-size: 16px;
  color: #66c2ca;
  width: 49.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popUcc.eventangel .form label span {
  display: inline-block;
  padding-right: 10px;
}

.popUcc.eventangel .form input {
  padding: 5px 10px;
  width: 160px;
  line-height: 20px;
  font-family: "HDHarmonyM";
  font-size: 16px;
  border: 1px solid #dbdbdb;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popUcc.eventangel .btn-box {
  padding: 0;
  background: transparent;
}

.popUcc.eventangel .btn-box a {
  padding: 40px 0 10px;
  text-align: center;
  background: #42a871;
}

.angel-share-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.angel-share-btn img {
  width: 100%;
}

.angel-share-popup {
  display: none;
  position: absolute;
  z-index: 2;
  width: 40%;
  height: 50px;
  right: 0px;
  padding-top: 10px;
  vertical-align: central;
  max-width: 200px;
}

.angel-share-popup ul li {
  width: 24% !important;
  text-align: center;
  margin-bottom: 0px !important;
  float: left !important;
}

.angel-share-popup ul li img {
  width: 85%;
}

.angel-list .location {
  width: 65px;
}

/* key724 onair  추가 */
.onair .postTit {
  margin-bottom: 3rem;
}

.onair .postSubTit {
  font-size: 24px;
  margin-top: 60px;
  color: #000;
}

@media (max-width: 800px) {
  .onair .postSubTit {
    margin-top: 30px;
    font-size: 14px;
  }
}
.onair .banner {
  width: 100%;
}

.onair .banner.pc {
  display: block;
}

.onair .banner.mo {
  display: none;
}

@media (max-width: 575.98px) {
  .onair .banner.pc {
    display: none;
  }
  .onair .banner.mo {
    display: block;
  }
}
.onair-search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 844px;
  height: 88px;
  margin-top: 40px;
  padding: 12px 48px 12px 48px;
  border-radius: 200px;
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.onair-search-container .form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.onair-search-container .form-item {
  width: calc(33.333% - 16px);
}
.onair-search-container .form-item + .form-item {
  margin-left: 24px;
}
.onair-search-container .form-item input,
.onair-search-container .form-item select {
  display: block;
  width: 100%;
  height: 28px;
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
  font-family: "HDHarmonyM";
  font-size: 14px;
  background-color: transparent;
  color: #333;
}
.onair-search-container .form-item input:focus, .onair-search-container .form-item input:active,
.onair-search-container .form-item select:focus,
.onair-search-container .form-item select:active {
  outline: transparent;
}
.onair-search-container .btn-search {
  display: block;
  width: 64px;
  height: 64px;
  margin-left: 24px;
  text-indent: -9999px;
  border: 0;
  background-image: url("../images/ss13/icon/icon-search.png");
  background-size: cover;
  cursor: pointer;
  background-color: transparent;
}
@media (max-width: 800px) {
  .onair-search-container {
    max-width: 100%;
    padding: 12px 20px;
  }
  .onair-search-container .form-item {
    width: calc(33.333% - 8px);
  }
  .onair-search-container .form-item + .form-item {
    margin-left: 12px;
  }
}
@media (max-width: 600px) {
  .onair-search-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    border-radius: 0;
  }
  .onair-search-container .form-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .onair-search-container .form-item {
    width: 100%;
  }
  .onair-search-container .form-item + .form-item {
    margin-left: 0;
    margin-top: 12px;
  }
  .onair-search-container .form-item input,
  .onair-search-container .form-item select {
    font-size: 12px;
  }
  .onair-search-container .btn-search {
    width: 40px;
    height: 40px;
    margin: 12px auto 0;
  }
}

.history-season-box {
  overflow: hidden;
}
.history-season-box .section-inner {
  margin: 0 auto;
  max-width: 830px;
}
.history-season-box .mobile-show {
  display: none !important;
}
@media (max-width: 800px) {
  .history-season-box .pc-show {
    display: none !important;
  }
  .history-season-box .mobile-show {
    display: block !important;
  }
}

.history-season-box-info {
  padding-bottom: 71px;
  text-align: center;
  background-color: #ffeef0;
}
.history-season-box-info .title-box {
  position: relative;
}
.history-season-box-info .title-box img {
  max-width: 100%;
}
.history-season-box-info .title-box .title {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 80px;
  font-size: 32px;
  width: 100%;
}
.history-season-box-info .title-box .car-image {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 599px;
}
.history-season-box-info .text-box {
  padding-top: 36px;
  color: #666;
  font-family: "NanumSquare", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.history-season-box-info .text-box strong {
  font-size: 20px;
  color: #5a81ff;
  font-weight: normal;
  font-family: "HDHarmonyM", arial, sans-serif, Arial, dotum, "돋움";
}
@media (max-width: 800px) {
  .history-season-box-info {
    padding-bottom: 35px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .history-season-box-info .title-box .title {
    padding-top: 40px;
    font-size: 22px;
  }
  .history-season-box-info .title-box .car-image {
    width: 400px;
  }
  .history-season-box-info .text-box {
    padding-top: 18px;
    font-size: 14px;
    word-break: keep-all;
  }
  .history-season-box-info .text-box strong {
    font-size: 16px;
  }
}
@media (max-width: 520px) {
  .history-season-box-info .title-box .title {
    padding-top: 30px;
  }
  .history-season-box-info .title-box .car-image {
    width: 350px;
  }
}

.history-season-box-content {
  padding: 60px 0 120px;
}
@media (max-width: 800px) {
  .history-season-box-content {
    padding: 35px 0 60px;
  }
}

.history-season-box-content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-season-box-content-box:last-child .history-season-box-content-box-info {
  padding-bottom: 0;
}
.history-season-box-content-box .line-box {
  margin: 0;
  position: relative;
  margin-right: 20px;
}
.history-season-box-content-box .icon-point {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 27px;
  height: 27px;
  background: url("../images/history/icon-point.png") no-repeat center;
  background-size: 100% 100%;
  text-indent: -9999px;
  z-index: 1;
}
.history-season-box-content-box .line {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: url("../images/history/line.png") no-repeat center;
  background-size: cover;
}
@media (max-width: 800px) {
  .history-season-box-content-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .history-season-box-content-box .line-box {
    margin-right: 10px;
    margin-left: 5px;
  }
  .history-season-box-content-box .icon-point {
    width: 20px;
    height: 20px;
  }
}

.history-season-box-content-box-info {
  margin: 0;
  width: 100%;
  padding-bottom: 96px;
}
.history-season-box-content-box-info .title {
  padding-bottom: 8px;
  font-size: 20px;
  color: #353535;
  font-family: "HDHarmonyM", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 700;
  line-height: 1.6;
  border-bottom: 2px solid #000;
}
.history-season-box-content-box-info .text {
  padding-top: 32px;
  font-size: 16px;
  color: #353535;
  font-weight: 400;
  line-height: 1.6;
  font-family: "NanumSquare", arial, sans-serif, Arial, dotum, "돋움";
  word-break: keep-all;
}
.history-season-box-content-box-info .text strong {
  font-weight: 700;
}
.history-season-box-content-box-info .list-text-box {
  padding-top: 8px;
}
.history-season-box-content-box-info .list-text-box span {
  margin: 0;
  display: inline-block;
  font-style: normal;
  color: #353535;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
}
.history-season-box-content-box-info .mark-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-season-box-content-box-info .mark-box .mark {
  margin-top: 9px;
  margin-right: 8px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #353535;
}
.history-season-box-content-box-info .info-box {
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.history-season-box-content-box-info .info-box-left {
  margin: 0;
  width: 156px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  color: #666;
  font-family: "HDHarmonyM", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 400;
  line-height: 1.6;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.history-season-box-content-box-info .info-box-left-top {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
.history-season-box-content-box-info .info-box-left-bottom {
  margin: 0;
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history-season-box-content-box-info .info-box-left-bottom .icon-car {
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 38px;
  height: 32px;
  background: url("../images/history/icon-car.png") no-repeat center;
  background-size: 100% 100%;
  text-indent: -9999px;
  overflow: hidden;
}
.history-season-box-content-box-info .info-box-left-bottom .text-box {
  text-align: left;
}
.history-season-box-content-box-info .info-box-left-bottom .text {
  padding-top: 5px;
  color: #32478b;
  font-family: "HDHarmonyM", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  text-decoration: underline;
  text-underline-offset: 8px;
}
.history-season-box-content-box-info .info-box-left-bottom .sub-text {
  padding-top: 6px;
  color: #353535;
  font-family: "HDHarmonyM", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 19.2px */
  letter-spacing: -0.6px;
}
.history-season-box-content-box-info .year,
.history-season-box-content-box-info .season {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 26px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.history-season-box-content-box-info .year {
  padding: 0 8px;
  min-width: 84px;
  border: 1px solid #a4a4a4;
}
.history-season-box-content-box-info .season {
  margin-left: 8px;
  width: 70px;
  color: #fff;
  background: #5a81ff;
}
.history-season-box-content-box-info .info-box-content {
  margin: 0 32px 0 16px;
  width: calc(100% - 156px);
}
.history-season-box-content-box-info .image-box {
  position: relative;
  padding-bottom: 55.424%;
  border-radius: 10px;
  overflow: hidden;
}
.history-season-box-content-box-info .image-box img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.history-season-box-content-box-info .btn-wrap {
  padding-top: 16px;
  text-align: right;
}
.history-season-box-content-box-info .btn {
  padding: 8px 27px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  color: #666;
  font-family: "HDHarmonyM", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 400;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid #b7b7b7;
}
.history-season-box-content-box-info .icon-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 22px;
  height: 22px;
  background: url("../images/history/icon-arrow.png") no-repeat center;
  background-size: 100% 100%;
  text-indent: -9999px;
}
@media (max-width: 800px) {
  .history-season-box-content-box-info {
    padding-right: 16px;
    padding-bottom: 48px;
  }
  .history-season-box-content-box-info .title {
    padding-bottom: 4px;
    font-size: 16px;
    border-width: 1px;
    word-break: keep-all;
  }
  .history-season-box-content-box-info .text {
    padding-top: 30px;
    font-size: 12px;
  }
  .history-season-box-content-box-info .list-text-box {
    padding-top: 4px;
  }
  .history-season-box-content-box-info .list-text-box span {
    margin-left: 0px;
    display: inline;
    word-break: keep-all;
  }
  .history-season-box-content-box-info .mark-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .history-season-box-content-box-info .mark-box .mark {
    margin-top: 7px;
    margin-right: 5px;
  }
  .history-season-box-content-box-info .info-box {
    padding-top: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .history-season-box-content-box-info .info-box-left {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 11px;
  }
  .history-season-box-content-box-info .info-box-left-bottom {
    padding-top: 12px;
    width: 100%;
  }
  .history-season-box-content-box-info .info-box-left-bottom .text-box {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .history-season-box-content-box-info .info-box-left-bottom .icon-car {
    margin-left: 0;
    margin-right: 4px;
    width: 28px;
    height: 22px;
  }
  .history-season-box-content-box-info .info-box-left-bottom .text {
    padding-left: 5px;
    padding-top: 0;
    font-size: 14px;
    text-underline-offset: 4px;
  }
  .history-season-box-content-box-info .info-box-left-bottom .sub-text {
    padding-left: 10px;
    padding-top: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .history-season-box-content-box-info .year,
  .history-season-box-content-box-info .season {
    min-height: 23px;
    border-radius: 2px;
  }
  .history-season-box-content-box-info .year {
    margin: 0;
    min-width: 65px;
  }
  .history-season-box-content-box-info .season {
    width: 65px;
  }
  .history-season-box-content-box-info .info-box-content {
    margin: 15px 0 0 0;
    width: 100%;
  }
  .history-season-box-content-box-info .image-box {
    border-radius: 5px;
  }
  .history-season-box-content-box-info .btn-wrap {
    padding-top: 8px;
  }
  .history-season-box-content-box-info .btn {
    padding: 6px 13.5px;
    font-size: 10px;
    border-radius: 2px;
  }
  .history-season-box-content-box-info .icon-arrow {
    width: 12px;
    height: 12px;
  }
}

.history-tab-content-box {
  padding-top: 32px;
  padding-bottom: 32px;
}
.history-tab-content-box .mobile-show {
  display: none !important;
}
@media (max-width: 800px) {
  .history-tab-content-box .pc-show {
    display: none !important;
  }
  .history-tab-content-box .mobile-show {
    display: block !important;
  }
}
@media (max-width: 800px) {
  .history-tab-content-box {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.history-tab-content-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.history-tab-content-box-item {
  width: 33.433%;
  border: 1px solid #c5c5c5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: -1px;
  margin-bottom: -1px;
}
.history-tab-content-box-item.active .history-tab-content-box-btn {
  color: #fff;
  border-color: #64adf1;
  background: #64adf1;
}
.history-tab-content-box-btn {
  padding: 12px 8px;
  display: block;
  font-size: 15px;
  color: #555;
  font-family: "NanumSquare", arial, sans-serif, Arial, dotum, "돋움";
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.45px;
  background: #fff;
}
@media (max-width: 800px) {
  .history-tab-content-box-btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 6px 4px;
    font-size: 14px;
    word-break: keep-all;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media (max-width: 520px) {
  .history-tab-content-box-btn {
    font-size: 12px;
  }
}

.history-tab-content-sub-box {
  display: none;
  padding-top: 40px;
}
.history-tab-content-sub-box.show {
  display: block;
}
@media (max-width: 800px) {
  .history-tab-content-sub-box {
    padding-top: 20px;
  }
}

.history-tab-content-sub-box-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history-tab-content-sub-box-item {
  width: 212px;
}
.history-tab-content-sub-box-item + .history-tab-content-sub-box-item {
  padding-left: 8px;
}
.history-tab-content-sub-box-item.active .history-tab-content-sub-box-btn {
  color: #fff;
  background: #73c7ce;
}
@media (max-width: 800px) {
  .history-tab-content-sub-box-item {
    width: 152px;
  }
  .history-tab-content-sub-box-item + .history-tab-content-sub-box-item {
    padding-left: 4px;
  }
}

.history-tab-content-sub-box-btn {
  padding: 8px;
  display: block;
  color: #555;
  font-family: "NanumSquare", arial, sans-serif, Arial, dotum, "돋움";
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.45px;
  border-radius: 100px;
  border: 1px solid #73c7ce;
  background: #fff;
}
@media (max-width: 800px) {
  .history-tab-content-sub-box-btn {
    padding: 6px;
    font-size: 12px;
    word-break: keep-all;
  }
}

.scroll-animate {
  opacity: 0;
}
.scroll-animate.show {
  opacity: 1;
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.event-scroll-animate {
  opacity: 0;
}
.event-scroll-animate.show {
  opacity: 1;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-top {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-top 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-right {
  -webkit-animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-right 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-in-left {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in-left 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.shake-horizontal {
  -webkit-animation: shake-horizontal 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
  animation: shake-horizontal 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}