@charset "UTF-8";
html, body {
  height: 100%;
}

body {
  font-family: 'Roboto', 'Noto Sans CJK KR', 'Noto Sans KR', 'Malgun Gothic', sans-serif, Arial, Dotum, Gulim, Verdana, Tahoma;
}

a.blind {
  overflow: hidden;
  color: #444;
  position: absolute;
  font-size: 12px;
  font-weight: 300;
  top: 6px;
  left: -10000px;
}

a.blind:focus {
  left: 0;
}

.hidden {
  display: block;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.js-ellipsis {
  overflow: hidden;
}

sup {
  top: -0.3em;
}

/* s: jQuery-ui */
.ui-tabs {
  padding: 0;
}

.ui-tabs .ui-tabs-nav {
  padding: 0;
}

.ui-tabs .ui-tabs-nav li {
  position: relative;
  height: 60px;
  margin: 0 -1px 0 0;
  padding-right: 1px;
  border: 1px solid #ccc;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border: 2px solid #000;
  z-index: 1;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  color: #000;
  line-height: 56px;
}

.ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
  color: #444;
  width: 100%;
  padding: 0;
  line-height: 58px;
  font-size: 16px;
  text-align: center;
}

.ui-tabs .ui-tabs-panel {
  margin-top: 20px;
  padding: 0;
}

.ui-tabs.tab2 .ui-tabs-nav li {
  width: calc(100% / 2);
}

.ui-tabs.tab3 .ui-tabs-nav li {
  width: calc(100% / 3);
}

.ui-tabs.tab-sub .ui-tabs-nav {
  border-bottom: 1px solid #dedede;
}

.ui-tabs.tab-sub .ui-tabs-nav li {
  height: 47px;
  margin-bottom: -1px;
  border: none;
  border-bottom: 2px solid transparent;
}

.ui-tabs.tab-sub .ui-tabs-nav li .ui-tabs-anchor {
  color: #444;
  font-size: 15px;
  font-weight: 300;
  line-height: 45px;
}

.ui-tabs.tab-sub .ui-tabs-nav li.ui-tabs-active {
  border-bottom-color: #ed174d;
}

.ui-tabs.tab-sub .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  color: #ed174d;
  font-weight: 400;
}

.ui-tabs.tab-sub .ui-tabs-nav li + li:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 14px;
  background: #ddd;
  margin-top: -7px;
  left: 0;
  top: 50%;
}

.select-menu + .ui-selectmenu-button {
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  height: 48px;
  padding: 0 20px;
  line-height: 48px;
}

.select-menu + .ui-selectmenu-button.ui-selectmenu-button-open {
  border: 1px solid #000;
  border-bottom: none;
}

.select-menu + .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
  background-position: left bottom;
}

.select-menu + .ui-selectmenu-button .ui-selectmenu-icon {
  width: 10px;
  height: 6px;
  margin: 21px 0 0;
  padding: 0;
  background-image: url(../images/common/icon_select_menu.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.select-menu + .ui-selectmenu-button .ui-selectmenu-text {
  color: #444;
  font-size: 14px;
  font-weight: 300;
  line-height: 46px;
}

.select-menu + .ui-selectmenu-button + .ui-selectmenu-menu {
  background: #fff;
}

.select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-selectmenu-optgroup {
  color: #444;
  margin: 0;
  padding: 17px 23px 0;
  font-size: 12px;
  font-weight: 300;
}

.select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-selectmenu-optgroup + .ui-menu-item {
  padding-top: 7px;
}

.select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-menu {
  border: 1px solid #000;
  border-top: none;
}

.select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-menu .ui-menu-item {
  color: #444;
  border-top: 1px solid #ccc;
}

.select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 15px 20px;
  text-align: left;
  font-size: 14px;
  font-weight: 300;
}

.select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #f5f5f5;
  margin: 0;
  font-weight: 400;
}

/* e: jQuery-ui */
/* s:dialog */
.ui-dialog {
  display: none;
  padding: 29px;
  background-color: #fff;
  border: 1px solid #222;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0;
  position: relative;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  width: 100%;
  margin: 0;
  padding: 8px 24px 0;
  color: #000;
  font-size: 22px;
  font-family:"Noto Sans KR";
  line-height: 36px;
  text-align: center;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  margin-top: 0;
  background-image: url(../images/sub/icon_popup_close.png);
  background-repeat: no-repeat;
  background-position: 0;
  background-color: transparent;
  border: 0;
}

.ui-dialog .ui-dialog-content {
  padding: 11px 0 0;
  font-size: 14px;
  color: #444;
  font-weight: 300;
  line-height: 24px;
}

.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li {
  height: 45px;
}

.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li .ui-tabs-anchor {
  line-height: 43px;
  font-size: 13px;
}

.ui-dialog .ui-dialog-content .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  line-height: 41px;
}

.ui-dialog .ui-dialog-content input[type=text].ui-text {
  height: 40px;
  font-size: 13px;
}

.ui-dialog .ui-dialog-content .select-menu + .ui-selectmenu-button {
  height: 35px;
  line-height: 35px;
}

.ui-dialog .ui-dialog-content .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
  line-height: 33px;
  font-size: 13px;
}

.ui-dialog .ui-dialog-content .select-menu + .ui-selectmenu-button .ui-selectmenu-icon {
  margin-top: 14px;
}

.ui-dialog .ui-dialog-content .tbl-wrap .tbl-col thead tr th {
  font-size: 13px;
  color: #000;
  height: 39px;
}

.ui-dialog .ui-dialog-content .tbl-wrap .tbl-col tbody tr td {
  font-size: 13px;
}

.ui-dialog .ui-dialog-content .btn-wrap {
  margin-top: 30px;
  text-align: center;
}

.ui-dialog .dialog-footer {
  margin-top: 30px;
  text-align: center;
}

.ui-dialog .popup-msg p {
  text-align: center;
}

.ui-dialog .popup-msg p + p {
  margin-top: 9px;
}

.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

/* e:dialog */
/* s: sly */
.sly-banner:after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
}

.sly-banner li {
  float: left;
}

/* e: sly */
/* Anchor List */
.anchor-list:after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
}

.anchor-list li {
  position: relative;
  float: left;
  height: 60px;
  background: #fafafa;
  border: 1px solid #d3d3d3;
  margin-left: -1px;
}

.anchor-list li a {
  display: table;
  color: #444;
  width: 100%;
  height: 100%;
  font-size: 14px;
}

.anchor-list li a span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
}

.anchor-list li:hover, .anchor-list li.active {
  background: #fff;
  border-color: #ed174d;
  z-index: 1;
}

.anchor-list li:hover a, .anchor-list li.active a {
  color: #ed174d;
}

.anchor-list.col-7 li {
  width: calc(100% / 7);
}

.anchor-list.col-7 li:nth-child(7n + 1) {
  margin-left: 0;
}

.anchor-list.col-7 li:nth-child(n + 8) {
  margin-top: -1px;
}

/* Anchor List */
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.wrapper {
  position: relative;
  min-width: 1200px;
  height: 100%;
}

.wrapper .header-wrap .inner-wrap, .wrapper .contents-wrap .inner-wrap, .wrapper .footer-wrap .inner-wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.wrapper .header-wrap {
  position: fixed;
  width: 100%;
  min-height: 90px;
  left: 0;
  top: 0;
  z-index: 10;
}

.wrapper .header-wrap .gnb-top {
  background: #fff;
}

.wrapper .header-wrap .gnb-top .inner-wrap {
  position: relative;
}

.wrapper .header-wrap .gnb-top .inner-wrap:after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
}

.wrapper .header-wrap .gnb-top .family-site-list {
  float: right;
  height: 23px;
}

.wrapper .header-wrap .gnb-top .family-site-list:after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
}

.wrapper .header-wrap .gnb-top .family-site-list li {
  float: left;
}

.wrapper .header-wrap .gnb-top .family-site-list li a {
  display: inline-block;
  margin: 6px 0 5px;
  padding: 0 10px 0 11px;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: -0.5px;
}

.wrapper .header-wrap .gnb-top .family-site-list li + li a {
  border-left: 1px solid #ccc;
}

.wrapper .header-wrap .gnb-top .family-site-list li:last-child a {
  margin: 0;
  padding: 7px 10px 6px 11px;
  border-right: 1px solid #ccc;
}

.wrapper .header-wrap .gnb-top .family-site-list li.change-lang {
  background: #222;
}

.wrapper .header-wrap .gnb-top .family-site-list li.change-lang a {
  color: #fff;
  border: none;
  font-size: 12px;
  font-weight: 300;
}

.wrapper .header-wrap .gnb-bottom {
  position: relative;
  background: #fff;
  border-top: 1px solid #f3f3f3;
  height: 132px;
}
/*
.wrapper .header-wrap .gnb-bottom:hover, .wrapper .header-wrap .gnb-bottom.on {
  box-shadow: 0 52px 53px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 52px 53px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 52px 53px rgba(0, 0, 0, 0.15);
}
*/
.wrapper .header-wrap .gnb-bottom:hover .inner-wrap .gnb-list, .wrapper .header-wrap .gnb-bottom.on .inner-wrap .gnb-list {
  height: auto;
  overflow: inherit;
}

.wrapper .header-wrap .gnb-bottom:hover .inner-wrap .gnb-list .gnb-sub-list, .wrapper .header-wrap .gnb-bottom.on .inner-wrap .gnb-list .gnb-sub-list {
  visibility: visible;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap:after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-logo {
  float: left;
  margin-top: 43px;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list {
  float: right;
  height: 66px;
  margin-top: 32px;
  overflow: hidden;
  /*font-family:"Noto Sans KR";*/
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list:after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list a {
  letter-spacing: -0.5px;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li {
  float: left;
  text-align: center;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li.selected a {
  font-size: 18px;
  font-weight: 700;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li.event-link a {
  color: #ed174d;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li a {
	display: block;
	padding: 0 0 0 40px;
  	line-height: 66px;
  	font-size: 18px;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li .gnb-sub-list {
  visibility: hidden;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li .gnb-sub-list li {
  padding: 5px 0 15px;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li .gnb-sub-list li a {
  color: #444;
  font-size: 14px;
  font-weight: 300;
}

.wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li .gnb-sub-list li.selected a, .wrapper .header-wrap .gnb-bottom .inner-wrap .gnb-list > li .gnb-sub-list li a:hover {
  color: #000;
  font-weight: 400;
}

.wrapper .header-wrap .quick-menu {
  position: absolute;
  display: inline-block;
  width: 70px;
  top: 120px;
  right: 20px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
}

.wrapper .header-wrap .quick-menu .quick-title {
  display: block;
  color: #fff;
  background: #6d6e70;
  height: 30px;
  text-align: center;
  font-size: 12px;
  line-height: 30px;
}

.wrapper .header-wrap .quick-menu .quick-list {
  display: table;
  width: 100%;
  background: #fff;
}

.wrapper .header-wrap .quick-menu .quick-list li {
  display: table-row;
  height: 76px;
  text-align: center;
}

.wrapper .header-wrap .quick-menu .quick-list li:not(:first-child) a:before {
  content: "";
  position: absolute;
  width: 48px;
  height: 1px;
  margin-left: -24px;
  background: #e7e7e7;
  top: 0;
  left: 50%;
}

.wrapper .header-wrap .quick-menu .quick-list li a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

.wrapper .header-wrap .quick-menu .quick-list li a .icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/icon_quick_menu.png);
  background-repeat: no-repeat;
}

.wrapper .header-wrap .quick-menu .quick-list li a .icon.tv-internet {
  background-position: 0 0;
}

.wrapper .header-wrap .quick-menu .quick-list li a .icon.mobile {
  background-position: 0 -20px;
}

.wrapper .header-wrap .quick-menu .quick-list li a .icon.direct {
  background-position: -20px 0;
}

.wrapper .header-wrap .quick-menu .quick-list li a .icon.viewing {
  background-position: -20px -20px;
}

.wrapper .header-wrap .quick-menu .quick-list li a .icon.broadad {
  background-position: 0 -40px;
}

.wrapper .header-wrap .quick-menu .quick-list li a .icon.online {
  background-position: -20px -40px;
}

.wrapper .header-wrap .quick-menu .quick-list li a .icon + span {
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 11px;
  line-height: 12px;
}

.wrapper .contents-wrap {
  min-height: calc(100% - 104px);
  margin-top: 155px;
}

.wrapper .footer-wrap {
  background: #2c2c2c;
}

.wrapper .footer-wrap .footer-top {
  height: 57px;
}

.wrapper .footer-wrap .footer-top:after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
}

.wrapper .footer-wrap .footer-top .footer-list {
  float: left;
}

.wrapper .footer-wrap .footer-top .footer-list:after {
  content: '';
  display: block;
  width: 100%;
  height: 0px;
  clear: both;
}

.wrapper .footer-wrap .footer-top .footer-list li {
  float: left;
  margin: 23px 0 22px;
}

.wrapper .footer-wrap .footer-top .footer-list li a {
  position: relative;
  color: #bebdbd;
  padding: 0 13px;
  font-size: 13px;
}

.wrapper .footer-wrap .footer-top .footer-list li a:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #5b5a5a;
  margin-top: -6px;
  left: 0;
  top: 50%;
}

.wrapper .footer-wrap .footer-top .footer-list li a.btn-private {
  color: #fff;
}

.wrapper .footer-wrap .footer-top .footer-list li:first-child a {
  padding-left: 0;
}

.wrapper .footer-wrap .footer-top .footer-list li:first-child a:before {
  width: 0;
}

.wrapper .footer-wrap .footer-top .family-site-wrap {
  float: right;
  margin-top: 9px;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button {
  color: #fff;
  width: 200px;
  height: 40px;
  background: #424242;
  border: 1px solid #424242;
  font-size: 13px;
  line-height: 40px;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button.ui-selectmenu-button-open {
  background: #fff;
  border: 1px solid #444;
  border-top: 1px solid #ccc;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
  background-position: right bottom;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-text {
  color: #000;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button .ui-selectmenu-icon {
  margin-top: 17px;
  background-position: right top;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
  color: #fff;
  font-size: 12px;
  line-height: 38px;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-menu {
  padding: 12px 0 15px;
  border: 1px solid #444;
  border-bottom: none;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-menu .ui-menu-item {
  padding: 8px 23px 0;
  border: none;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper {
  padding: 0;
}

.wrapper .footer-wrap .footer-top .family-site-wrap .select-menu + .ui-selectmenu-button + .ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #fff;
}

.wrapper .footer-wrap .footer-bottom {
  height: 137px;
  border-top: 1px solid #424242;
}

.wrapper .footer-wrap .footer-bottom .inner-wrap {
  padding: 23px 0 0 167px;
  background: url(../images/common/footer_logo.png) no-repeat left 35px;
}

.wrapper .footer-wrap .footer-bottom .company-info {
  color: #999;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}

.wrapper .footer-wrap .footer-bottom .copy-right {
  display: inline-block;
  color: #999;
  margin-top: 8px;
  font-size: 11px;
}

.thumbnail-wrap {
  position: relative;
}

.thumbnail-wrap:not(.no-dim):before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  left: 0;
  top: 0;
}

.thumbnail-wrap.video-thumb .play-time {
  position: absolute;
  display: inline-block;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 300;
  right: 0;
  bottom: 0;
}

.thumbnail-wrap.video-thumb:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/common/icon_play_video.png);
  background-repeat: no-repeat;
  background-position: center center;
  left: 0;
  top: 0;
}

.thumbnail-wrap.video-thumb.no-dim:after {
  display: none;
}

a.btn, button[type=button].btn {
  display: inline-block;
  color: #444;
  height: 34px;
  padding: 0 15px;
  border: 1px solid #777;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
}

a.btn:focus, a.btn:hover, button[type=button].btn:focus, button[type=button].btn:hover {
  background-color: #efefef;
}

a.btn[disabled], button[type=button].btn[disabled] {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #aaa;
}

a.btn.btn-lg, button[type=button].btn.btn-lg {
  width: 200px;
  height: 60px;
  line-height: 58px;
  font-size: 16px;
}

a.btn.btn-lg.text-sm, button[type=button].btn.btn-lg.text-sm {
  font-size: 14px;
}

a.btn.btn-lg .ico-link, button[type=button].btn.btn-lg .ico-link {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 2px 6px;
  background: url(../images/common/icon_btn_link_arr.png) no-repeat center;
  vertical-align: middle;
}

a.btn.btn-lg.btn-ln-black, button[type=button].btn.btn-lg.btn-ln-black {
  border: 2px solid #000;
  color: #000;
}

a.btn.btn-popup, button[type=button].btn.btn-popup {
  min-width: 160px;
  height: 50px;
  line-height: 48px;
}

a.btn.btn-black, button[type=button].btn.btn-black {
  color: #fff;
  border: 1px solid #2c2c2c;
  background-color: #2c2c2c;
}

a.btn.btn-black:focus, a.btn.btn-black:hover, button[type=button].btn.btn-black:focus, button[type=button].btn.btn-black:hover {
  border: 1px solid #ed174d;
  background-color: #ed174d;;
}

a.btn.btn-black[disabled], button[type=button].btn.btn-black[disabled] {
  border: 1px solid #ccc;
  background-color: #ccc;
}

a.btn.btn-gray, button[type=button].btn.btn-gray {
  color: #fff;
  border: 1px solid #666;
  background-color: #666;
}

a.btn.btn-gray:focus, a.btn.btn-gray:hover, button[type=button].btn.btn-gray:focus, button[type=button].btn.btn-gray:hover {
  border: 1px solid #222;
  background-color: #222;
  color: #fff;
}

a.btn.btn-gray[disabled], button[type=button].btn.btn-gray[disabled] {
  border: 1px solid #ccc;
  background-color: #ccc;
  color: #fff;
}

a.btn.btn-ln-black, button[type=button].btn.btn-ln-black {
  background-color: #fff;
  border-color: #777;
}

a.btn.btn-ln-black:focus, a.btn.btn-ln-black:hover, button[type=button].btn.btn-ln-black:focus, button[type=button].btn.btn-ln-black:hover {
  background-color: #efefef;
}

a.btn.btn-ln-black[disabled], button[type=button].btn.btn-ln-black[disabled] {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #aaa;
}

a.btn.btn-place, button[type=button].btn.btn-place {
  min-width: 110px;
  height: 40px;
  padding: 0 5px;
  border-color: #d3d3d3;
  background-color: #fafafa;
  font-size: 13px;
}

a.btn.btn-place.selected, button[type=button].btn.btn-place.selected {
  background-color: #fff;
  color: #000;
  border-color: #000;
}

a.btn-lg-more, button[type=button].btn-lg-more {
  display: block;
  width: 100%;
  padding: 21px 0;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

a.btn-lg-more .number, button[type=button].btn-lg-more .number {
  color: #777;
  vertical-align: 1px;
}

a.btn-lg-more .number .val, button[type=button].btn-lg-more .number .val {
  color: #ed174d;
}

a.btn-lg-more .number .gap, button[type=button].btn-lg-more .number .gap {
  font-size: 14px;
}

a.btn-lg-more:before, button[type=button].btn-lg-more:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  vertical-align: -1px;
  background-image: url(../images/sub/iocn_btn_lg_more.png);
  background-repeat: no-repeat;
  background-position: 0;
}

a.btn-bbs, button[type=button].btn-bbs {
  display: inline-block;
  width: 45px;
  height: 45px;
  border: 0;
  font-size: 0;
  background-image: url(../images/sub/icon_bbs_sns.png);
  background-repeat: no-repeat;
  background-position: 0;
  background-color: transparent;
}

a.btn-bbs.btn-facebook, button[type=button].btn-bbs.btn-facebook {
  background-position: 0 0;
}

a.btn-bbs.btn-url-copy, button[type=button].btn-bbs.btn-url-copy {
  background-position: -45px 0;
}

a.btn-bbs.btn-share, button[type=button].btn-bbs.btn-share {
  background-position: -90px 0;
}

a.btn-ico-delete, button[type=button].btn-ico-delete {
  width: 44px;
  height: 44px;
  border: 0;
  font-size: 0;
  background-image: url(../images/sub/iocn_btn_delete.png);
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

a.btn-so-popup, button[type=button].btn-so-popup {
  position: relative;
  color: #fff;
  width: 270px;
  height: 50px;
  background: transparent;
  padding: 0 20px;
  border: 2px solid #fff;
  text-align: left;
  font-size: 15px;
  font-weight: 300px;
}

a.btn-so-popup:after, button[type=button].btn-so-popup:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 13px;
  height: 9px;
  background-image: url(../images/common/icon_so_popup_btn.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-top: -5px;
  top: 50%;
  right: 20px;
}

a.btn-so-popup.opened:after, button[type=button].btn-so-popup.opened:after {
  background-position: left bottom;
}

a.btn-favorite, button[type=button].btn-favorite {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: transparent;
  background-image: url(../images/common/icon_favorite.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 0;
}

a.btn-favorite.selected, button[type=button].btn-favorite.selected {
  background-position: right top;
}

a[disabled=disabled], button[type=button][disabled=disabled] {
  cursor: not-allowed;
}

a.btn-bbs-file, button[type=button].btn-bbs-file {
  position: relative;
  display: inline-block;
  padding-left: 17px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: underline;
}

a.btn-bbs-file:before, button[type=button].btn-bbs-file:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(../images/sub/icon_btn_file.png);
  background-repeat: no-repeat;
  background-position: 0;
}

.btn-video-banner {
  width: 36px;
  height: 50px;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(../images/common/icon_video_banner_arr.png) no-repeat 0 0;
  font-size: 0;
}

.btn-video-banner.next {
  background-position: right 0;
}

.favorite-btn-wrap {
  position: relative;
  display: inline-block;
  width: 153px;
  height: 40px;
  background: #fafafa;
  border: 1px solid #d3d3d3;
  line-height: 40px;
}

.favorite-btn-wrap:hover, .favorite-btn-wrap:focus {
  background: #fff;
  border-color: #ed174d;
}
.favorite-btn-wrap:hover a, .favorite-btn-wrap:focus a {
	color:#ed174d;
}
.favorite-btn-wrap button[type=button].btn-favorite {
  position: absolute;
  margin-top: -7px;
  left: 10px;
  top: 50%;
}

.favorite-btn-wrap a {
  position: relative;
  display: block;
  color: #444;
  height: 38px;
  margin-left: 34px;
  padding: 0 25px 0 0;
  font-size: 13px;
}

.favorite-btn-wrap a:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 9px;
  background: url(../images/common/icon_favorite_arr.png) no-repeat 0 0;
  margin-top: -4px;
  top: 50%;
  right: 10px;
}

select {
  color: #444;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 14px;
}

textarea {
  max-width: 100%;
  width: 100%;
  padding: 10px 20px;
  border: 1px solid #ccc;
  vertical-align: top;
  font-size: 14px;
  color: #444;
  line-height: 23px;
  resize: vertical;
}

input[type=text] {
  color: #444;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 14px;
}

input[type=text].ui-text {
  width: 268px;
  height: 46px;
  padding: 0 20px;
  vertical-align: top;
}

input[type=text].ui-text.w-full {
  width: 100%;
}

.checkbox-wrap, .radio-wrap {
  position: relative;
  display: inline-block;
}

.checkbox-wrap input[type=checkbox], .checkbox-wrap input[type=radio], .radio-wrap input[type=checkbox], .radio-wrap input[type=radio] {
  position: absolute;
  z-index: 0;
  outline: none;
}

.checkbox-wrap input[type=checkbox]:focus + label, .checkbox-wrap input[type=radio]:focus + label, .radio-wrap input[type=checkbox]:focus + label, .radio-wrap input[type=radio]:focus + label {
  /*
            outline: 2px solid #A5C7FE;
            outline-offset: -1px;
            */
}

.checkbox-wrap input[type=checkbox] + label, .checkbox-wrap input[type=radio] + label, .radio-wrap input[type=checkbox] + label, .radio-wrap input[type=radio] + label {
  display: inline-block;
  z-index: 1;
  position: relative;
  font-size: 14px;
  color: #444;
  line-height: 22px;
}

.checkbox-wrap input[type=checkbox] + label .chk-rdo-img, .checkbox-wrap input[type=radio] + label .chk-rdo-img, .radio-wrap input[type=checkbox] + label .chk-rdo-img, .radio-wrap input[type=radio] + label .chk-rdo-img {
  position: relative;
  display: inline-block;
  border: 1px solid #999;
  vertical-align: top;
  background-color: #fff;
}

.checkbox-wrap input[type=checkbox]:checked + label .chk-rdo-img:after, .checkbox-wrap input[type=radio]:checked + label .chk-rdo-img:after, .radio-wrap input[type=checkbox]:checked + label .chk-rdo-img:after, .radio-wrap input[type=radio]:checked + label .chk-rdo-img:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}

.checkbox-wrap label, .radio-wrap label {
  cursor: pointer;
}

.checkbox-wrap label .chk-rdo-img + .chk-rdo-text, .radio-wrap label .chk-rdo-img + .chk-rdo-text {
  margin-left: 8px;
  vertical-align: middle;
}

.checkbox-wrap + .checkbox-wrap, .checkbox-wrap + .radio-wrap, .radio-wrap + .checkbox-wrap, .radio-wrap + .radio-wrap {
  margin-left: 20px;
}

.checkbox-wrap input[type=checkbox] {
  width: 22px;
  height: 22px;
  left: 1px;
  top: 1px;
}

.checkbox-wrap input[type=checkbox] + label .chk-rdo-img {
  width: 22px;
  height: 22px;
  margin: 1px;
}

.checkbox-wrap input[type=checkbox]:checked + label .chk-rdo-img:after {
  width: 20px;
  height: 20px;
  background-image: url(../images/common/icon_ui_checkbox.png);
}

.radio-wrap input[type=radio] {
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
}

.radio-wrap input[type=radio] + label .chk-rdo-img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
}

.radio-wrap input[type=radio]:checked + label .chk-rdo-img:after {
  width: 22px;
  height: 22px;
  background-image: url(../images/common/icon_ui_radio.png);
}

.tbl-wrap .no-result {
  border-top: 1px solid #000;
  border-bottom: 1px solid #e2e2e2;
}

.tbl-wrap.has-top-line {
  padding-top: 60px;
  border-top: 1px solid #e2e2e2;
}

.tbl-wrap.has-top-line h4 {
  margin-top: 0;
  line-height: 42px;
}

.tbl-wrap .tbl-col, .tbl-wrap .tbl-row {
  width: 100%;
  table-layout: fixed;
}

.tbl-wrap .tbl-col.no-border-r thead tr th, .tbl-wrap .tbl-col.no-border-r tbody tr th, .tbl-wrap .tbl-col.no-border-r tbody tr td {
  border-right: 0;
}

.tbl-wrap .tbl-col.row-hover tbody tr:hover th, .tbl-wrap .tbl-col.row-hover tbody tr:hover td {
  color: #444;
}

.tbl-wrap .tbl-col.row-hover tbody tr:hover th a, .tbl-wrap .tbl-col.row-hover tbody tr:hover td a {
  color: #444;
}

.tbl-wrap .tbl-col.pd20 tbody tr th, .tbl-wrap .tbl-col.pd20 tbody tr td {
  padding: 0 20px;
}

.tbl-wrap .tbl-col.no-thead {
  border-top: 1px solid #000;
}

.tbl-wrap .tbl-col.video-detail-list tbody tr.active td {
  color: #444;
}

.tbl-wrap .tbl-col.video-detail-list tbody tr.active td a {
  color: #444;
}

.tbl-wrap .tbl-col.video-detail-list tbody tr:hover td {
  background-color: #f7f7f7;
  color: #777;
}

.tbl-wrap .tbl-col.video-detail-list tbody tr:hover td a {
  color: #777;
}

.tbl-wrap .tbl-col.collapse tr.fold {
  display: none;
}

.tbl-wrap .tbl-col.collapse tr.fold th, .tbl-wrap .tbl-col.collapse tr.fold td, .tbl-wrap .tbl-col.collapse tr.fold:hover th, .tbl-wrap .tbl-col.collapse tr.fold:hover td {
  color: #777;
  background: #f7f7f7;
  padding: 30px;
}

.tbl-wrap .tbl-col.collapse tr.fold td.arr-left {
  position: relative;
  padding-left: 65px;
  background: #f7f7f7 url(../images/sub/icon_collapse_arr_l.png) no-repeat 30px 32px;
}

.tbl-wrap .tbl-col.collapse tr.active + tr.fold {
  display: table-row;
}

.tbl-wrap .tbl-col.notice-list tr.fixed {
  background: #fef8fa;
}

.tbl-wrap .tbl-col.notice-list tr.fixed:hover td, .tbl-wrap .tbl-col.notice-list tr.fixed:hover a {
  color: #000;
}

.tbl-wrap .tbl-col.notice-list tr.fixed td, .tbl-wrap .tbl-col.notice-list tr.fixed td a {
  color: #444;
}

.tbl-wrap .tbl-col.notice-list tr.fixed td .notice-badge {
  display: inline-block;
  color: #fff;
  height: 20px;
  padding: 0 5px;
  background: #ed174d;
  border-radius: 2px;
  font-size: 12px;
  line-height: 20px;
}

.tbl-wrap .tbl-col thead tr th {
  height: 56px;
  background: #f7f7f7;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}

.tbl-wrap .tbl-col thead tr th:last-child {
  border-right: 0;
}

.tbl-wrap .tbl-col thead tr:first-child th {
  border-top: 1px solid #000;
}

.tbl-wrap .tbl-col tbody tr th, .tbl-wrap .tbl-col tbody tr td {
  color: #777;
  height: 55px;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 30px;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
}

.tbl-wrap .tbl-col tbody tr th:last-child, .tbl-wrap .tbl-col tbody tr td:last-child {
  border-right: 0;
}

.tbl-wrap .tbl-col tbody tr th.border-left, .tbl-wrap .tbl-col tbody tr td.border-left {
  border-left: 1px solid #e2e2e2;
}
.tbl-wrap .tbl-col tbody tr th.border-right, .tbl-wrap .tbl-col tbody tr td.border-right {
  border-right: 1px solid #e2e2e2;
}

.tbl-wrap .tbl-col tbody tr th.desc-list, .tbl-wrap .tbl-col tbody tr td.desc-list {
  padding: 20px;
  line-height: 27px;
}

.tbl-wrap .tbl-col tbody tr th sup, .tbl-wrap .tbl-col tbody tr td sup {
  color: #000;
  font-size: 13px;
  top: -0.15em;
}

.tbl-wrap .tbl-col tbody tr th .icon-file, .tbl-wrap .tbl-col tbody tr td .icon-file {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/sub/icon_bbs_file.png) no-repeat 0 0;
  font-size: 0;
}

.tbl-wrap .tbl-col tbody tr th .icon-file.xls, .tbl-wrap .tbl-col tbody tr td .icon-file.xls {
  background-position: -22px 0;
}

.tbl-wrap .tbl-col tbody tr th .icon-file.zip, .tbl-wrap .tbl-col tbody tr td .icon-file.zip {
  background-position: 0 -22px;
}

.tbl-wrap .tbl-col tbody tr th .icon-tbl-o, .tbl-wrap .tbl-col tbody tr td .icon-tbl-o {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/sub/icon_tbl_o.png) no-repeat center;
  font-size: 0;
  vertical-align: middle;
}

.tbl-wrap .tbl-col tbody tr th a, .tbl-wrap .tbl-col tbody tr td a {
  color: #777;
}

.tbl-wrap .tbl-col tbody tr th.title, .tbl-wrap .tbl-col tbody tr td.title {
  color: #000;
}

.tbl-wrap .tbl-col tbody tr th .no-result, .tbl-wrap .tbl-col tbody tr td .no-result {
  border: 0;
}

.tbl-wrap .tbl-row.no-border-r tbody tr th, .tbl-wrap .tbl-row.no-border-r tbody tr td {
  border-right: 0;
}

.tbl-wrap .tbl-row tbody tr th, .tbl-wrap .tbl-row tbody tr td {
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 25px 30px;
  font-size: 15px;
  font-weight: 400;
}

.tbl-wrap .tbl-row tbody tr th {
  background: #f7f7f7;
}

.tbl-wrap .tbl-row tbody tr td {
  color: #777;
  line-height: 24px;
}

.tbl-wrap .tbl-row tbody tr td:last-child {
  border-right: 0;
}

.tbl-wrap .tbl-row tbody tr:first-child th, .tbl-wrap .tbl-row tbody tr:first-child td {
  border-top: 1px solid #000;
}

.tbl-wrap .tbl-footnote {
  margin-top: 14px;
}

.tbl-wrap .tbl-footnote li {
  color: #777;
  font-size: 13px;
  line-height: 21px;
}

.tbl-wrap .tbl-footnote li .num {
  color: #000;
}

.tbl-wrap .tbl-row-input {
  width: 1000px;
}

.tbl-wrap .tbl-row-input tbody th {
  padding: 21px 10px 19px 0;
  font-size: 16px;
  line-height: 26px;
  color: #444;
  font-weight: 300;
  vertical-align: top;
}

.tbl-wrap .tbl-row-input tbody th .spot {
  position: relative;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: 4px;
  background-color: #ed174d;
  border-radius: 4px;
  vertical-align: 11px;
}

.tbl-wrap .tbl-row-input tbody th .spot:after {
  content: "필수입력 항목";
  font-size: 0;
  display: inline-block;
  line-height: 0;
  position: absolute;
}

.tbl-wrap .tbl-row-input tbody td {
  padding: 10px 0;
  vertical-align: top;
}

.tbl-wrap .tbl-row-input tbody td .radio-wrap {
  margin-top: 11px;
}

.tbl-wrap .tbl-row-input tbody td .select-menu {
  vertical-align: top;
}

.tbl-wrap .tbl-row-input tbody td .select-menu + .ui-selectmenu-button {
  height: 46px;
  width: 268px;
}

.tbl-wrap .tbl-row-input tbody td .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
  line-height: 44px;
}

.tbl-wrap .tbl-row-input tbody td .select-menu + .ui-selectmenu-button .ui-selectmenu-icon {
  margin: 19px 0 0;
}

.tbl-wrap .tbl-row-input tbody td input[type="text"] + input[type="text"] {
  margin-left: 5px;
}

.tbl-wrap .tbl-row-input tbody td input[type="text"] + .select-menu {
  margin-left: 5px;
}

.tbl-wrap .tbl-row-input tbody td input[type="text"] + .select-menu + .ui-selectmenu-button {
  margin-left: 5px;
}

.tbl-wrap .tbl-row-input tbody td input[type="text"] + .radio-wrap {
  margin-left: 30px;
}

.tbl-wrap .tbl-row-input tbody td .file-input-wrap {
  position: relative;
  padding-left: 105px;
  vertical-align: top;
}

.tbl-wrap .tbl-row-input tbody td .file-input-wrap input[type=text] {
  width: 100%;
}

.tbl-wrap .tbl-row-input tbody td .file-input-wrap .btn-ico-delete {
  position: absolute;
  top: 1px;
  right: 0;
}

.tbl-wrap .tbl-row-input tbody td .file-input-wrap .file-btn-wrap {
  position: absolute;
  top: 0;
  left: 0;
}

.tbl-wrap .tbl-row-input tbody td .file-input-wrap .file-btn-wrap .btn {
  width: 100px;
}

.tbl-wrap .tbl-row-input tbody td .file-input-wrap .file-btn-wrap .file-input-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 46px;
  opacity: 0;
  cursor: pointer;
}

.tbl-wrap .tbl-row-input tbody td .desc-wrap {
  position: relative;
  padding-bottom: 27px;
}

.tbl-wrap .tbl-row-input tbody td .desc-wrap .buttom-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: 300;
  font-size: 12px;
  color: #000;
}

.tbl-wrap .tbl-row-input tbody td .text {
  display: inline-block;
  margin: 0 5px;
  padding: 9px 0;
  font-size: 18px;
  color: #444;
  line-height: 28px;
  vertical-align: top;
}

.tbl-wrap .tbl-row-input tbody td .terms-gray-box {
  padding: 20px 30px 16px;
  background-color: #f8f8f8;
  color: #444;
  font-size: 14px;
  line-height: 24px;
}

.tbl-wrap .tbl-row-input tbody td .terms-gray-box ol li {
  padding: 4px 0 5px;
}

.tbl-wrap .tbl-row-input tbody td .terms-gray-box + .checkbox-wrap {
  margin-top: 16px;
}

.tbl-wrap .tbl-row-input tbody td button, .tbl-wrap .tbl-row-input tbody td a {
  height: 46px;
}

.tbl-wrap + .tbl-wrap {
  margin-top: 50px;
}

.tbl-wrap h4 {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 400;
  color: #000;
}

.tbl-wrap .tbl-bottom-unit {
  margin-top: 15px;
  text-align: right;
  color: #777;
  font-size: 13px;
  line-height: 22px;
}

.tbl-wrap .tbl-top-unit {
  margin-bottom: 5px;
  text-align: right;
  color: #777;
  font-size: 14px;
  line-height: 22px;
}

/*
#sourceMappingURL=common.css.map 
*/

/* grid system */
.grid { box-sizing: border-box; clear: both; *zoom: 1; }
.grid::before, .grid::after { content: " "; display: table; clear: both; }
.grid > [class*=col] { box-sizing: border-box; float: left; }
.grid .col-1-2 { width: 50%; }
.grid .col-1-3 { width: 33.33333333%; }
.grid .col-2-3 { width: 66.66666667%; }
.grid .col-1-4 { width: 25%; }
.grid .col-2-4 { width: 50%; }
.grid .col-3-4 { width: 75%; }
.grid .col-1-5 { width: 20%; }
.grid .col-2-5 { width: 40%; }
.grid .col-3-5 { width: 60%; }
.grid .col-4-5 { width: 80%; }
.grid .col-1-6 { width: 16.66666667%; }
.grid .col-4-6 { width: 66.66666667%; }
.grid .col-1-12 { width: 8.33333333%; }
.grid .col-2-12 { width: 16.66666667%; }
.grid .col-3-12 { width: 25%; }
.grid .col-4-12 { width: 33.33333333%; }
.grid .col-5-12 { width: 41.66666667%; }
.grid .col-6-12 { width: 50%; }
.grid .col-7-12 { width: 58.33333333%; }
.grid .col-8-12 { width: 66.66666667%; }
.grid .col-9-12 { width: 75%; }
.grid .col-10-12 { width: 83.33333333%; }
.grid .col-11-12 { width: 91.66666667%; }
.grid > .col-1-1, .grid > .col-12-12 { width: 100%; float: none; }

/* jumbotron */
.section-jumbotron { clear: both; box-sizing: content-box; height: 247px; overflow: hidden; line-height: 1; background-color: #ddd; background-position: center top; background-repeat: repeat-x; }
.section-jumbotron::after { content: ''; display: table; overflow: hidden; }
.page-schedule .section-jumbotron { background-color: #281b39; background-image: url('../images/sub/jumbotron_schedule.png'); }
.page-report .section-jumbotron { background-color: #281b39; background-image: url('../images/sub/jumbotron_report.png'); }
.page-notice .section-jumbotron { background-color: #C0C0FF; background-image: url('../images/sub/jumbotron_notice.png'); }
.page-advertising .section-jumbotron { background-color: #C0E0FF; background-image: url('../images/sub/jumbotron_promo.png'); }

.sr-only { display: inline-block; position: absolute; overflow: hidden; border: 0; outline: 0; margin: -1px; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); }

#stickyBottom { position: fixed; left: 50%; margin-left: 630px; top: 68%; margin-top: -68px; z-index: 3; }
#goToForm { display: none; width: 120px; height: 120px; margin-bottom: 5px; border: none; background-color: rgba(237,23,77,.8); background-image: url('/pc/images/sub/sticky_form.png'); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; box-shadow: 3px 3px 10px rgba(0,0,0,.2); border-radius: 120px; overflow: hidden; opacity: 0; visibility: hidden; transform: scale(.95) translate(0, 10px); transition:  visibility 0s linear .3s, opacity .3s ease-in-out 0s, transform .3s ease-in-out 0s, background-color .1s ease-in-out 0s; }
#goToForm:hover { background-color: rgba(237,23,77, 1); }
.page-advertising #goToForm { display: block; }
.is-scroll-downed .page-advertising #goToForm { opacity: 1; visibility: visible; transform: scale(1) translate(0, 0); transition: visibility 0s linear 0s, opacity .3s ease-in-out 0s, transform .3s ease-in-out 0s, background-color .1s ease-in-out 0s; }

/* lightbox */
.lightbox .ico { display: inline-block; width: 20px; height: 20px; text-indent: 100%; white-space: nowrap; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; }
.lightbox .ico em { font-style: normal; }
.lightbox .lightbox-overlay { position: fixed; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 7, 7, .6); }
.lightbox .holder { display: table; table-layout: fixed; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.lightbox .wrapper { display: table-cell; position: relative; text-align: center; vertical-align: middle; }
.lightbox .inner { position: relative; margin: 0 auto; display: inline-block; vertical-align: middle; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0); transition: box-shadow .4s ease-in-out 0s; }
.lightbox .module { height: 100%; max-height: 100vh; max-height: calc(100vh - 80px); overflow: hidden; overflow-y: auto; }
.lightbox .module img { width: auto; min-width: 500px; height: auto; max-width: 894px; }
.lightbox .closer { position: absolute; top: 0; right: 0; margin: 2px 2px 0 0; padding: 10px; }
.is-lightbox-image .lightbox .closer { margin: 0 -58px 0 0; }
.lightbox .closer .ico { width: 30px; height: 30px; background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; opacity: 0; transform: translate(-5px, 0) scale(.9); transition: opacity .2s ease-in-out 0s, transform .2s ease-in-out 0s; }
.lightbox-overlay,
.lightbox .holder { visibility: hidden; opacity: 0; z-index: -1; transition: visibility 0s linear .3s, z-index 0s linear .3s, transform .3s cubic-bezier(0.32, 0, 0.67, 0) 0s, opacity .3s cubic-bezier(0.32, 0, 0.67, 0) 0s; }
.lightbox .holder { transform: translate(0, 30px) scale(.95); }
.is-lightbox { touch-action: none; }
/* .is-lightbox-before { height: 100%; height: 100vh; overflow: hidden; } */
.is-lightbox .module { touch-action: auto; }
.is-lightbox .lightbox .inner { box-shadow: 3px 3px 15px rgba(0, 0, 0, .2); }
.is-lightbox .lightbox-overlay,
.is-lightbox .lightbox .holder { visibility: visible; opacity: 1; z-index: 9000; transition: visibility 0s linear 0s, z-index 0s linear 0s, transform .4s cubic-bezier(0.33, 1, 0.68, 1) 0s, opacity .4s cubic-bezier(0.33, 1, 0.68, 1) 0s; }
.is-lightbox .lightbox .holder { z-index: 9001; transform: translate(0, 0) scale(1); }
.is-lightbox .lightbox .closer .ico { opacity: 1; transform: translate(0, 0) scale(1); transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out .1s; }
.lightbox .closer .ico { background-image: url('../images/sub/lightbox_close.png'); }

/* google adsense */
/* ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; } */
.section-adsense { clear: both; text-align: center; line-height: 1; }
.section-adsense .module { display: table; margin: 0 auto; padding: 0; min-width: 30px; min-height: 30px; }
.section-adsense .module p { display: table-cell; vertical-align: middle; font-size: 14px; font-weight: 500; color: #333; user-select: none; }
.section-adsense.type-a { position: relative; margin: 30px auto 0; min-height: 250px; }
.section-adsense.type-a .module { position: absolute; top: 0; left: 0; width: 270px; height: 250px; text-align: left; }
.section-adsense.type-b { position: absolute; top: 0; left: 50%; margin: 198px 0 0 620px; }
.section-adsense.type-b .module { width: 160px; height: 600px; }
.section-adsense.type-c { margin: 60px auto 30px; }
.section-adsense.type-c .module { width: 728px; height: 90px; }

.mode-inner {float: right; margin-right: 30px;}
a.icon-ch-youtube { width: 40px;height: 40px;background-image: url(../images/ch/icon-utube-re.png);top:13px;right:0;margin: 0;position: absolute;text-indent: -9999px;}
a.icon-ch-youtube { display: none; }
.page-main a.icon-ch-youtube { display: block; } /* 메인페이지에서만 노출 */

.section-promotion { font-size: 14px; line-height: 1.4; letter-spacing: -0.5px; text-align: center; }
.section-promotion .container, .section-promotion .inner { margin: 0 auto; max-width: 1200px; }
.section-promotion .inner, .section-promotion .grid { text-align: left; }
.section-promotion .contents-sub-title-wrap { margin: 0 auto; max-width: 1200px; text-align: left; line-height: 1; }
.section-promotion .section-title { margin: 0; padding: 80px 0 40px; font-size: 28px; font-weight: bold; color: #000; text-align: left; }
.section-promotion p { font-size: 14px; }
.section-promotion input, .section-promotion label { user-select: none; }
.section-promotion label { cursor: pointer; }
.section-promotion .list-a { text-align: left; font-size: 18px; font-weight: 400; list-style: none; margin: 0; padding: 0; }
.section-promotion .list-a li { position: relative; margin: 0 0 4px; padding: 0 0 0 10px; line-height: 1.4; }
.section-promotion .list-a li::before { content: ''; display: block; position: absolute; top: 10px; left: 0; height: 1px; width: 5px; background-color: #000; }
.section-promotion .toggle-tab { clear: both; }
.section-promotion .toggle-tab .tab { display: table; width: 100%; table-layout: fixed; line-height: 1.2; }
.section-promotion .toggle-tab .tab li { display: table-cell; text-align: center; }
.section-promotion .toggle-tab .tab li a { display: block; position: relative; margin: 0 -1px; padding: 23px 0; border: solid 1px #d2d2d2; background: #fff; }
.section-promotion .toggle-tab .tab li span { font-size: 18px; font-weight: 400; color: #767676; }
.section-promotion .toggle-tab .tab li.in a { z-index: 2; border-top: solid 1px #000; border-bottom: solid 1px #fff; }
.section-promotion .toggle-tab .tab li.in a::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-color: #000; }
.section-promotion .toggle-tab .tab li.in span { font-weight: 500; color: #000; }
.section-promotion-a { padding: 60px 0 90px; }
.section-promotion-a .grid { margin: 0 -15px 0; }
.section-promotion-a .subject { margin: 0; padding: 44px 0px 0 34px; font-size: 24px; font-weight: bold; letter-spacing: -1px; }
.section-promotion-a p { margin: 10px 10px 10px 35px; padding: 0; font-size: 18px; }
.section-promotion-a .module { margin: 0 15px; }
.section-promotion-a .pic { width: 278px; height: 359px; background-size: 100% 100%; background: url('../images/sub/promo_a_01.png'); }
.section-promotion-a .item.nth-2 .pic { background-image: url('../images/sub/promo_a_02.png'); }
.section-promotion-a .item.nth-3 .pic { background-image: url('../images/sub/promo_a_03.png'); }
.section-promotion-a .item.nth-4 .pic { background-image: url('../images/sub/promo_a_04.png'); }
.section-promotion .section-promotion-b { max-width: 100%; }
.section-promotion-b { padding: 70px 0 80px; background-color: #f4f4f4; }
.section-promotion-b .section-title { padding: 0 0 30px; }
.section-promotion-b .inner { position: relative; }
.section-promotion-b .grid { overflow: hidden; }
.section-promotion-b .slider { margin: 0 -15px; overflow: hidden; }
.section-promotion-b .slider .slick-arrow { position: absolute; }
.section-promotion-b .item { float: left; width: 33.33%; }
.section-promotion-b .module { margin: 0 15px; text-align: center; }
.section-promotion-b .pic { overflow: hidden; background: #999; border-radius: 0; }
.section-promotion-b .pic img { background-position: center center; background-repeat: no-repeat; background-size: 100% auto; background-size: cover; }
.section-promotion-b .desc { padding: 15px 0 0; }
.section-promotion-b .desc p { margin: 0; padding: 0; font-size: 18px; font-weight: 400; line-height: 1.4; color: #000; }

.section-promotion-b .nav { display: block; position: absolute; top: 50%; margin: -31px 0 0 0; padding: 0; cursor: pointer; transition: all 0.1s ease-in-out 0s; letter-spacing: 0; line-height: 1; background-color: transparent; border: solid 1px #ddd; box-shadow: 8px 0px 21px rgba(0, 0, 0, 0.35); text-align: center; transition: all 50ms ease-in-out 0s; }
.section-promotion-b .nav,
.section-promotion-b .nav::before { display: block; border-radius: 100%; }
.section-promotion-b .nav::before { content: ''; width: 69px; height: 69px; border: solid 1px #fff; background: #fff url('../images/sub/promo_nav_prev.png') center center no-repeat; transition: all 50ms ease-in-out 0s; }
.section-promotion-b .nav.prev { left: 0; margin-left: -36px; }
.section-promotion-b .nav.next { right: 0; margin-right: -36px; box-shadow: -8px 0px 21px rgba(0, 0, 0, 0.35); }
.section-promotion-b .nav.next::before { background-image: url('../images/sub/promo_nav_next.png'); }
.section-promotion-b .nav:hover,
.section-promotion-b .nav:hover::before { border: solid 1px #ed174d; }

.section-promotion-c .subject { margin: 74px 0 24px; padding: 0; text-align: center; font-size: 32px; font-weight: 400; letter-spacing: -1.5px; color: #ed174d; }
.section-promotion-c .desc { margin: 24px 0; padding: 0; font-size: 20px; font-weight: 400; text-align: center; letter-spacing: 0px; }
.section-promotion-c .desc strong { font-weight: inherit; color: #ed174d; }
.section-promotion-c .toggle-item.nth-1 .pics { margin: 20px auto 60px; text-align: center; }
.section-promotion-c .toggle-item.nth-1 .item { position: relative; text-align: center; }
.section-promotion-c .toggle-item.nth-1 .item::before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 1px; background-color: #dedede; }
.section-promotion-c .toggle-item.nth-1 .item .pic { margin: 0 auto 15px; width: 80px; height: 80px; background-image: url('../images/sub/promo_c_02.png'); }
.section-promotion-c .toggle-item.nth-1 .item.nth-1::before { display: none; }
.section-promotion-c .toggle-item.nth-1 .item.nth-2 .pic { background-image: url('../images/sub/promo_c_03.png'); }
.section-promotion-c .toggle-item.nth-1 .item.nth-3 .pic { background-image: url('../images/sub/promo_c_04.png'); }
.section-promotion-c .toggle-item.nth-1 .item .name { margin: 20px auto 20px; padding: 0; font-size: 24px; font-weight: bold; color: #000; }
.section-promotion-c .toggle-item.nth-1 .item .list-a { margin-top: 20px; display: inline-block; }
.section-promotion-c .toggle-item.nth-2 .body { margin: 26px -16px 30px; }
.section-promotion-c .toggle-item.nth-2 .pics { margin: 20px auto 60px; text-align: center; }
.section-promotion-c .toggle-item.nth-2 .item { position: relative; text-align: center; }
.section-promotion-c .toggle-item.nth-2 .item .pic { margin: 0 auto 16px; width: 379px; height: 390px; background-image: url('../images/sub/promo_c_05.png'); }
.section-promotion-c .toggle-item.nth-2 .item.nth-1::before { display: none; }
.section-promotion-c .toggle-item.nth-2 .item.nth-2 .pic { background-image: url('../images/sub/promo_c_06.png'); }
.section-promotion-c .toggle-item.nth-2 .item.nth-3 .pic { background-image: url('../images/sub/promo_c_07.png'); }
.section-promotion-c .toggle-item.nth-3 .body { margin: 26px -16px 30px; }
.section-promotion-c .toggle-item.nth-3 .pics { margin: 20px auto 60px; text-align: center; }
.section-promotion-c .toggle-item.nth-3 .item { position: relative; text-align: center; }
.section-promotion-c .toggle-item.nth-3 .item .pic { margin: 0 auto 16px; width: 379px; height: 390px; background-image: url('../images/sub/promo_c_08.png'); }
.section-promotion-c .toggle-item.nth-3 .item.nth-1::before { display: none; }
.section-promotion-c .toggle-item.nth-3 .item.nth-2 .pic { background-image: url('../images/sub/promo_c_09.png'); }
.section-promotion-c .toggle-item.nth-3 .item.nth-3 .pic { background-image: url('../images/sub/promo_c_10.png'); }
.section-promotion .toggle-item { display: none; }
.section-promotion .toggle-item.in { display: block; }
.section-promotion .forms { padding: 30px 78px 60px 43px; border-top: solid 2px #000; border-bottom: solid 1px #e3e3e3; background-color: #f9fafb; }
.section-form { font-size: 16px; font-weight: 500; }
.section-form label.label { position: relative; box-sizing: border-box; display: inline-block; margin: 0; padding: 14px 16px 0; width: 100%; height: 50px; line-height: 1.5; }
.section-form label.label::before { content: ''; display: block; position: absolute; top: 0; left: 0; margin: 23px 0 0 0px; width: 3px; height: 3px; border-radius: 2px; overflow: hidden; background: #000; }
.section-form label.label i { font-style: normal; }
.section-form label.label i::before { content: '*'; display: inline-block; color: #ed174d; transform: translate(2px, 2px); }
.section-form input[type="text"],
.section-form input[type="tel"],
.section-form input[type="number"],
.section-form .hipen,
.section-form textarea,
.section-form .textarea { box-sizing: border-box; margin: 0; padding: 0 20px; width: 100%; height: 50px; line-height: 1; border: solid 1px #d2d2d2; font-size: 16px; font-weight: 400; color: #000; vertical-align: middle; }
.section-form .hipen { display: inline-block; padding: 0; width: 20px; text-align: center; line-height: 50px; border: 0; }
.section-form input[type="tel"] { width: calc(33.3333% - 19px); appearance: none; -webkit-appearance: none; }
.section-form textarea, .section-form .textarea { padding-top: 20px; padding-bottom: 0px; background-color: #fff; height: 250px; font-weight: 400; line-height: 1.6; }
.section-form textarea[disabled],
.section-form .textarea[disabled] { height: 180px; color: #767676; }
.section-form .textarea { overflow-y: auto; }
.section-form .textarea strong { color: #000; font-weight: 500; }
.section-form .grid { padding: 12px 0; }
.section-form .col.label { width: 160px; }
.section-form .col.field { width: calc(100% - 160px); }
.section-form .col.field-tel { letter-spacing: 0; }
.section-form .col.field-agree p { margin: 30px 0 0; }
.section-form .col.field-agree label { position: relative; padding-left: 25px; font-size: 16px; font-weight: 400; }
.section-form .col.field-agree label::before,
.section-form .col.field-agree label::after { content: ''; position: absolute; top: 0; left: 0; display: block; vertical-align: top; transform: translate(0, 4px); background: url('../images/sub/promo_check_off.png') center center no-repeat; overflow: hidden; width: 18px; height: 18px; background-color: #fff; text-align: center; }
.section-form .col.field-agree label::after { display: none; background-image: url('../images/sub/promo_check_on.png'); }
.section-form .col.field-agree input:checked + label::after { display: block; }
.section-promotion-d .action { margin: 30px auto; text-align: center; }
.section-promotion-d .action .btn.btn-lg { width: 160px; font-size: 18px; border-radius: 30px; }
.section-promotion-e { padding-bottom: 100px; }
.section-promotion-e .body { margin: 0 -13px; }
.section-promotion-e .module { margin: 0 13px; }
.is-anim .js-inview, .is-anim .js-inview .anim-item { opacity: 0; transform: translate(0, 50px); }
.is-anim .in-viewed, .is-anim .in-viewed .anim-item { opacity: 1; transform: translate(0, 0); transition: opacity 0.6s ease-in-out 0.1s, transform 0.6s ease-in-out 0.1s; }
.is-anim .in-viewed .anim-item[anim-delay="1"] { transition-delay: 400ms; }
.is-anim .in-viewed .anim-item[anim-delay="2"] { transition-delay: 700ms !important; }
.is-anim .in-viewed .anim-item[anim-delay="3"] { transition-delay: 1000ms; }
.is-anim .section-promotion-c .handled .toggle-item { opacity: 0; transform: translate(0, 50px); }
.is-anim .section-promotion-c .handled .toggle-item.anim { opacity: 1; transform: translate(0, 0); }

.color-primary {color: #ed174d;}
.section-form .textarea strong.color-primary {color: #ed174d;}

/* preload indicator */
.md-overlay { position: fixed; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(7, 7, 7, .6); backface-visibility: hidden; opacity: 0; visibility: hidden; }
.md-indicator { position: fixed; top: 50%; right: 50%; width: 120px; height: 120px; margin-top: -70px; margin-right: -60px; text-align: center; visibility: hidden; z-index: 11; transform: scale(.9); opacity: 0; }
.md-indicator::before { content: ''; display: inline-block; position: fixed; letter-spacing: 1; font-size: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; }
.md-indicator > span { margin: 0 auto; background: 0 0; animation: load8 .6s infinite linear; transition: background-color .2s ease-in-out 0s; }
.md-indicator > span { position: relative; text-indent: -9999em; font-size: 10px; display: none; }
.is-overlay .md-overlay { visibility: visible; z-index: 9000; opacity: 1; }
.is-indicator .md-indicator { visibility: visible; z-index: 9100; opacity: 1; transform: scale(1); }
.md-indicator > span { border-top: 7px solid #fff; border-right: 7px solid #fff; border-bottom: 7px solid #fff; border-left: 7px solid rgba(255, 255, 255, .2); }
.md-indicator > span:first-child { display: block; }
.md-indicator > span,
.md-indicator > span:after { width: 120px; height: 120px; border-radius: 100%; }
.md-overlay {
	transition:
	visibility 0s linear .8s,
	z-index 0s linear .8s,
	opacity .4s cubic-bezier(0.11, 0, 0.5, 0) .4s;
}
.md-indicator {
	transition:
	visibility 0s linear .3s,
	z-index 0s linear .3s,
	transform .3s cubic-bezier(0.11, 0, 0.5, 0) 0s,
	opacity .3s cubic-bezier(0.11, 0, 0.5, 0) 0s;
}
.is-overlay .md-overlay {
	transition:
	visibility 0s linear 0s,
	z-index 0s linear 0s,
	opacity .2s cubic-bezier(0.5, 1, 0.89, 1) 0s;
 }
.is-indicator .md-indicator {
	transition:
	visibility 0s linear 0s,
	z-index 0s linear 0s,
	transform .3s cubic-bezier(0.5, 1, 0.89, 1) .1s,
	opacity .3s cubic-bezier(0.5, 1, 0.89, 1) .1s;
}
@keyframes load8 {
    0% { transform: rotate(0); }
    to { transform: rotate(360deg); }
}