strong { font-weight: 600 !important; }

@font-face { font-family: 'notokr'; src: url("../fonts/notokr-thin.eot"); src: url("../fonts/notokr-thin.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-thin.woff2") format("woff2"), url("../fonts/notokr-thin.woff") format("woff"), url("../fonts/notokr-thin.ttf") format("truetype"), url("../fonts/notokr-thin.svg#notokr-thin") format("svg"); font-weight: 100; font-style: normal; }
@font-face { font-family: 'notokr'; src: url("../fonts/notokr-light.eot"); src: url("../fonts/notokr-light.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-light.woff2") format("woff2"), url("../fonts/notokr-light.woff") format("woff"), url("../fonts/notokr-light.ttf") format("truetype"), url("../fonts/notokr-light.svg#notokr-light") format("svg"); font-weight: 200; font-style: normal; }
@font-face { font-family: 'notokr'; src: url("../fonts/notokr-demilight.eot"); src: url("../fonts/notokr-demilight.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-demilight.woff2") format("woff2"), url("../fonts/notokr-demilight.woff") format("woff"), url("../fonts/notokr-demilight.ttf") format("truetype"), url("../fonts/notokr-demilight.svg#notokr-demilight") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'notokr'; src: url("../fonts/notokr-regular.eot"); src: url("../fonts/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-regular.woff2") format("woff2"), url("../fonts/notokr-regular.woff") format("woff"), url("../fonts/notokr-regular.ttf") format("truetype"), url("../fonts/notokr-regular.svg#notokr-regular") format("svg"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'notokr'; src: url("../fonts/notokr-medium.eot"); src: url("../fonts/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-medium.woff2") format("woff2"), url("../fonts/notokr-medium.woff") format("woff"), url("../fonts/notokr-medium.ttf") format("truetype"), url("../fonts/notokr-medium.svg#notokr-medium") format("svg"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'notokr'; src: url("../fonts/notokr-bold.eot"); src: url("../fonts/notokr-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-bold.woff2") format("woff2"), url("../fonts/notokr-bold.woff") format("woff"), url("../fonts/notokr-bold.ttf") format("truetype"), url("../fonts/notokr-bold.svg#notokr-bold") format("svg"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'notokr'; src: url("../fonts/notokr-black.eot"); src: url("../fonts/notokr-black.eot?#iefix") format("embedded-opentype"), url("../fonts/notokr-black.woff2") format("woff2"), url("../fonts/notokr-black.woff") format("woff"), url("../fonts/notokr-black.ttf") format("truetype"), url("../fonts/notokr-black.svg#notokr-black") format("svg"); font-weight: 700; font-style: normal; }
.visual { overflow: hidden; position: relative; }
.visual__list { margin: 0; padding: 0; height: 100%; }
.visual__item { color: #fff; width: 100%; height: 100%; overflow: hidden; position: relative; -webkit-background-size: cover !important; background-size: cover !important; background-position:center center !important;}/*20170823추가*/
.visual__item.main-1 { background: url("../images/common/main_1.jpg") center center; -webkit-background-size: cover; background-size: cover; }
.visual__item.main-2 { background: url("../images/common/main_2.jpg") center center; -webkit-background-size: cover; background-size: cover; }
.visual__item.main-3 { background-color: green; }
.visual__item.festival-1 { background: url("../images/festival/festival_1.jpg") center center; -webkit-background-size: cover; background-size: cover; }
.visual__item.about-3 { background-color: green; }
@media only screen and (max-width: 1025px) { .visual__item.main-1 { background: url("../images/common/main_1_m.jpg") center center; -webkit-background-size: cover; background-size: cover; } }
.visual__btn { position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto 0; background: url("../images/common/visual_btn1.png"); z-index: 100; }
@media only screen and (max-width: 1025px) { .visual__btn { display: none; } }
.visual__btn-prev { left: 20px; }
.visual__btn-prev:hover { background: url("../images/common/visual_btn2.gif"); }
.visual__btn-next { right: 20px; background-position: -40px 0px; }
.visual__btn-next:hover { background: url("../images/common/visual_btn2.gif"); background-position: -40px 0px; }
.visual__sub-tit { margin: 0; font-size: 40px; font-weight: 200; }
@media only screen and (max-width: 1025px) { .visual__sub-tit { font-size: 20px; } }
.visual__tit { margin: 60px 0 0 0; font-size: 72px; font-weight: 600; }
@media only screen and (max-width: 1025px) { .visual__tit { margin-top: 25px; font-size: 36px; } }
.visual__txt { margin: 30px 0 0 0; font-size: 18px; font-weight: 200; line-height: 1.55; }
.visual__wrap { display: table-cell; width: 1%; vertical-align: middle; }
@media only screen and (max-width: 1025px) { .visual__wrap  { vertical-align: top; padding-top:60px;} } /* add 180404  */
.visual__link { display: inline-block; width: 190px; height: 60px; margin-top: 60px; border: 1px solid #ff0048; font-weight: 600; font-size: 18px; color: #ff0048; text-align: center; line-height: 60px; text-decoration: none; border-radius: 10px; }
.visual__link:hover { background-color: #ff0048; color: #fff; }
@media only screen and (max-width: 1025px) { .visual__link { width: 115px; height: 35px; line-height: 35px; margin-top: 50px; font-size: 13px; border-radius: 5px; } }/*20180130 수정*/

@media only screen and (max-width: 769px) { 
	/*.visual__wrap {vertical-align: top;  padding:60px 0 0 0;} */
	.visual__tit { margin-top: 15px; line-height:1; letter-spacing:-0.05em;} 
	.visual__txt { margin-top: 15px;} 
	.visual__link { margin-top:20px; position:absolute;  top:180px;}
}/*20180201 추가*/

.visual__indigate { display: none; position: absolute; left: 20px; bottom: 110px; z-index: 250; }
.visual__indigate.is-active { display: block; }
@media only screen and (max-width: 1025px) { .visual__indigate { bottom: 50px; } }
@media only screen and (max-height: 800px) { .visual__indigate { bottom: 40px; } }
.visual__indigate.type-festival { left: 0; right: 0; bottom: 25px; margin: 0 auto; text-align: center; }
@media only screen and (max-width: 1025px) { .visual__indigate.type-festival { display: block; }
  .visual__indigate.type-festival .visual__page { float: none; display: inline-block; } }
.visual__page { float: left; }
.visual__page:after { display: block; clear: both; content: ''; }
.visual__page-item { float: left; overflow: hidden; width: 12px; height: 12px; border: 1px solid #fff; border-radius: 50%; text-indent: -9999px; cursor: pointer; }
.visual__page-item.cycle-pager-active { border: 1px solid #ff0048; background-color: #ff0048; }
.visual__page-item + .visual__page-item { margin-left: 10px; }
@media only screen and (max-width: 1025px) { .visual__page-item { width: 4px; height: 4px; }
  .visual__page-item + .visual__page-item { margin-left: 7px; } }
.visual__play { display: inline-block; width: 12px; height: 12px; margin-left: 10px; background: url("../images/common/visual_btn3.png"); z-index: 100; vertical-align: top; }
.visual__play.is-play { background-position: 0px 0px; }
.visual__play.is-pause { background-position: 0px -12px; }
@media only screen and (max-width: 1025px) { .visual__play { width: 6px; height: 6px; margin-left: 7px; -webkit-background-size: 6px 12px; background-size: 6px 12px; }
  .visual__play.is-play { background-position: 0px 0px; }
  .visual__play.is-pause { background-position: 0px -6px; } }

.sns__list { display: none; position: absolute; top: 0; right: 180px; bottom: 0; margin: auto 0; height: 16px; }
.sns__list:after { display: block; clear: both; content: ''; }
.sns__list.type-footer { float: left; position: static; display: block; padding: 0; margin-left: 10px; line-height: 41px; }
.sns__item { float: left; list-style: none; background: url("../images/common/sns_icon.png"); }
.sns__item.nth-2 { background-position: 0px -16px; }
.sns__item.nth-3 { background-position: 0px -32px; }
.sns__item.nth-4 { background-position: 0px -48px; }
.sns__item + .sns__item { margin-left: 12px; }
.sns__link { overflow: hidden; display: block; width: 18px; height: 16px; text-indent: -9999px; }
@media only screen and (max-width: 1025px) { .sns__list { display: block; position: static; height: auto; margin-top: 15px; padding: 0 16px; }/*21080226 수정*/
  .sns__list.type-footer { float: none; margin-left:0; }/*21080226 수정*/
  .sns__item { float: left; list-style: none; background: url("../images/common/sns_icon_m.png"); -webkit-background-size: 29px 116px; background-size: 29px 116px; }
  .sns__item.nth-2 { background-position: 0px -29px; }
  .sns__item.nth-3 { background-position: 0px -58px; }
  .sns__item.nth-4 { background-position: 0px -87px; }
  .sns__item + .sns__item { margin-left: 12px; }
  .sns__link { width: 29px; height: 29px; } }

.global { position: absolute; top: 0; bottom: 0; right: 0; width: 85px; height: 30px; margin: auto 0; border: 1px solid #fff; }
.global__wrap { position: relative; }
.global__wrap.is-active .global__list { max-height: 150px; }
.global__wrap.is-active .global__tit:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.global__tit { display: block; padding: 0px 10px; height: 30px; color: #fff; text-decoration: none; line-height: 30px; cursor: pointer; }
.global__tit:after { position: absolute; top: 0; bottom: 0; right: 10px; width: 0px; height: 0px; margin: auto 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; -webkit-transition: all 0.5s; transition: all 0.5s; content: ''; }
.global__tit-link { color: inherit; text-decoration: none; }
.global__list { overflow: hidden; max-height: 0; position: absolute; left: -1px; top: 30px; width: 85px; padding: 0; margin: 0; border: 1px solid #fff; border-top: none; -webkit-transition: all 0.5s; transition: all 0.5s; background-color: #000; }
.global__item { list-style: none; }
.global__link { display: block; height: 30px; padding: 0px 10px; color: #fff; text-decoration: none; line-height: 30px; }
.global__link:hover { color: #ff0048; }
.global__link.type-another { padding: 0; }
@media only screen and (max-width: 1025px) { .global { bottom: auto; right: auto; left: 0; width: auto; padding-left: 6px; border: none; }
  .global__tit { float: left; height: 45px; line-height: 45px; }
  .global__tit:after { display: none; }
  .global__list { float: left; overflow: visible; max-height: none; position: static; border: none; width: auto; }
  .global__item { float: left; margin-left: 8px; }
  .global__link { height: 45px; line-height: 45px; } }

.filter { margin-left: -20px; }
.filter:after { display: block; clear: both; content: ''; }

.search { float: left; position: relative; display: inline-block; width: 50%; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search__wrap { position: relative; padding-right: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search__box { position: relative; }
.search__btn { position: absolute; top: 0; right: 0; width: 40px; height: 40px; text-indent: -9999px; background: url("../images/common/search_btn_b.png") no-repeat center center; -webkit-background-size: 18px 18px; background-size: 18px 18px; }
.search.type-another { float: right; }
@media only screen and (max-width: 1025px) { .search { width: 100%; }
  .search__wrap { padding-right: 35px; }
  .search__btn { width: 35px; height: 35px; } }

.search-input { width: 100%; height: 40px; padding: 0px 45px 0px 15px; line-height: 40px; border: none; outline: none; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; }
@media only screen and (max-width: 1025px) { .search-input { height: 35px; padding: 0px 35px 0px 10px; line-height: 35px; font-size: 12px; } }

.select { margin-left: -20px; }
.select__wrap { float: left; width: 50%; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.select__bundle { position: relative; }
.select__box { width: 100%; padding: 0px 12px; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }
.select__box a { position: relative; display: block; margin: 0; height: 38px; line-height: 38px; text-decoration: none; color: inherit; font-size: 14px; text-transform: uppercase; }
.select__box a:after { position: absolute; top: 0; bottom: 0; right: 0px; width: 0px; height: 0px; margin: auto 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; -webkit-transition: all 0.5s; transition: all 0.5s; content: ''; }
.select__box.is-active a:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.select__menu { position: absolute; display: none; overflow: auto; width: 100%; height: 200px; margin: 0; padding: 5px 0 5px 12px; border: 1px solid #fff; border-top: none; background-color: #00061a; -webkit-transition: height 0.5s; transition: height 0.5s; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 200; }
.select__menu.is-active { display: block; }
.select__menu.type-calender { display: block; width: 50%; height: 180px; padding: 10px 5px; font-size: 14px; font-weight: 200; border: none; }
.select__menu.type-day { left: auto; right: 0; }
.select__item { list-style: none; }
.select__btn { height: 38px; line-height: 38px; color: #fff; text-decoration: none; text-transform: uppercase; }
.select__btn:hover { color: #ff0048; }
.select__btn.is-active { color: #ff0048; }

.btn1 { overflow: hidden; position: absolute; top: 0; right: 0; display: inline-block; width: 40px; height: 40px; color: #fff; font-weight: 500; font-size: 14px; text-decoration: none; text-align: center; line-height: 40px; text-indent: -9999px; background: url("../images/common/reset_btn.png") no-repeat center center; background-color: #ff0048; -webkit-background-size: 18px 17px; background-size: 18px 17px; }
@media only screen and (max-width: 1025px) { .btn1 { width: 35px; height: 35px; } }

.content { min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.content__visual { position: relative; width: 100%; height: 254px; text-align: center; background: url("../images/common/sub-visual6.jpg") no-repeat center center; -webkit-background-size: cover; background-size: cover;  margin-bottom:50px;}/*20170823 수정*/
.content__visual-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.content__visual-wrap:before { display: inline-block; height: 100%; vertical-align: middle; content: ''; }
.content__visual-tit { position: relative; display: inline-block; margin-top: 50px; font-size: 16px; font-weight: 500; color: #fff; vertical-align: middle; }
.content__visual-tit:after { position: absolute; bottom: -10px; left: 0; right: 0; width: 30px; height: 0; margin: 0 auto; border-bottom: 2px solid #ff0048; content: ''; }
.content__wrap { padding-bottom: 140px; }
.content__wrap:after { display: block; clear: both; content: ''; }
@media only screen and (max-width: 1025px) { .content__wrap { padding-bottom: 70px; } }
@media only screen and (max-width: 1025px) { .content { padding-bottom: 60px; }
  .content__visual { position: relative; width: 100%; height: 0; padding-bottom: 46.87%; }
  .content__visual-tit { margin-top: 0px; font-size: 18px; } }

.list-v1 { margin-top: 30px; }
.list-v1__main { height: 295px; color: #fff; margin-right: -20px; }
.list-v1__main-box { position: relative; float: left; width: 50%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v1__main-box img { height: 100%; }
.list-v1__main-box.type-txt { padding-right: 20px; }
.list-v1__main-box.type-txt:after { display: inline-block; position: absolute; top: 30px; left: -20px; border-bottom: 10px solid transparent; border-right: 20px solid #ff0048; border-top: 10px solid transparent; -webkit-transition: all 0.5s; transition: all 0.5s; content: ''; }
.list-v1__main-wrap { height: 100%; padding: 30px 20px; background-color: #ff0048; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v1__category { display: inline-block; margin: 0; font-size: 14px; font-weight: 600; }
.list-v1__date { float: right; margin: 0; font-size: 16px; }
.list-v1__tit { overflow: hidden; white-space: nowrap; margin: 25px 0 0 0; font-size: 24px; font-weight: 600; text-overflow: ellipsis; }
.list-v1__txt { overflow: hidden; display: -webkit-box; margin: 40px 0 0 0; font-size: 14px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; height: 7.5em; text-overflow: ellipsis; }
.list-v1__list { margin: 0 0 0 -20px; padding: 0px; }
.list-v1__list:after { display: block; clear: both; content: ''; }
.list-v1__item { float: left; width: 25%; height: 295px; margin-top: 20px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; }
.list-v1__item.type-news .list-v1__content-box { background-color: #fff; }
.list-v1__item.type-notice { color: #fff; }
.list-v1__item.type-notice .list-v1__content-box { background-color: #021e7c; }
.list-v1__item .list-v4__hover { background: none; border: 1px solid #ff0048; background-color: rgba(0, 0, 0, 0.8); color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v1__content-box { position: relative; height: 100%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v1__content-box .list-v1__txt { -webkit-line-clamp: 4; height: 6em; margin-top: 25px; }
.list-v1__content-box .list-v1__tit { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height: 3.6em; white-space: normal; }
.list-v1__hover { overflow: hidden; position: absolute; bottom: -20px; right: -20px; width: 100%; height: 100%; padding: 20px 30px 50px; background-color: #000; border: 1px solid #ff0048; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; z-index: 10; }
.list-v1__hover:after { position: absolute; bottom: 0; right: 0; display: inline-block; width: 30px; height: 30px; background: url("../images/news/list-v1_icon.png"); content: ''; }
.list-v1__hover.is-active { display: block; bottom: 0px; right: 0px; opacity: 1; }
.list-v1__hover-tit { font-size: 24px; font-weight: 500; color: #fff; }
.list-v1__hover-category { position: absolute; left: 30px; bottom: 20px; margin: 0; font-size: 16px; color: #ff0048; font-weight: 400; }
.list-v1__link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 100; }
@media only screen and (max-width: 1025px) { .list-v1 { margin-top: 15px; }
  .list-v1__main { margin: 0; }
  .list-v1__main-box { width: 100%; }
  .list-v1__main-box.type-img { position: relative; width: 100%; height: 0; padding-bottom: 46.825%; }
  .list-v1__main-box.type-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .list-v1__main-box.type-txt { padding: 0; height: 183px; }
  .list-v1__main-box.type-txt:after { top: -25px; left: 0; right: 0; width: 0; margin: 0px auto; border-up: none; border-bottom: 20px solid #ff0048; border-left: 10px solid transparent; border-right: 10px solid transparent; }
  .list-v1__main-wrap { padding: 15px; }
  .list-v1__category { font-size: 11px; }
  .list-v1__date { font-size: 11px; }
  .list-v1__tit { display: -webkit-box; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2em; height: 2.4em !important; white-space: normal; margin-top: 10px; font-size: 13px; }
  .list-v1__txt { margin-top: 15px !important; font-size: 12px; -webkit-line-clamp: 4; height: 6em; }
  .list-v1__list { margin: 0; padding-bottom: 25px; }
  .list-v1__content-box { padding: 15px; }
  .list-v1__hover { display: none; }
  .list-v1__item { width: 100%; height: 185px; margin-top: 10px; padding: 0; } }

.btn-wrap { position: relative; width: 100%; margin-top: 60px; text-align: center; }
@media only screen and (max-width: 1025px) { .btn-wrap { margin-top: 20px; } }

.btn__more { position: relative; display: inline-block; padding: 20px 38px 20px 20px; color: #fff; text-decoration: none; }
.btn__more:after { position: absolute; top: 0; right: 20px; bottom: 0; width: 12px; height: 7px; margin: auto 0; background: url("../images/common/more_icon.png"); content: ''; }
@media only screen and (max-width: 1025px) { .btn__more { font-size: 11px; padding: 15px 24px 15px 15px; }
  .btn__more:after { right: 15px; bottom: 0; width: 6px; height: 4px; -webkit-background-size: 6px 4px; background-size: 6px 4px; } }

.list-v2__list { padding: 0; margin: 0; list-style: none; }
.list-v2__item { border-bottom: 1px solid #1a1e31; line-height: 1.5; }
.list-v2__item:first-child { border-top: 1px solid #1a1e31; }
.list-v2__item.is-active .list-v2__header { color: #ff0048; }
.list-v2__item.is-active .list-v2__header:before { color: #fff; background-color: #ff0048; border-color: #ff0048; }
.list-v2__header { position: relative; padding: 30px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; cursor: pointer; }
.list-v2__header:before { position: absolute; top: 22px; left: 0; display: inline-block; width: 40px; height: 40px; border: 1px solid #fff; line-height: 40px; font-size: 20px; font-weight: 200; text-align: center; content: 'Q'; }
.list-v2__tit { margin: 0; font-size: 18px; font-weight: 400; }
.list-v2__txt { margin: 0; font-size: 14px; color: #ccc; }
.list-v2__content { display: none; position: relative; padding: 23px 60px 30px 60px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; } /* 20170804 수정 */
.list-v2__content:before { position: absolute; top: 22px; left: 0; display: inline-block; width: 40px; height: 40px; border: 1px solid #fff; line-height: 40px; font-size: 20px; font-weight: 200; text-align: center; content: 'A'; }
@media only screen and (max-width: 1025px) { .list-v2__tit { font-size: 14px; }
  .list-v2__txt { font-size: 12px; }
  .list-v2__header { min-height: 60px; padding: 15px 0px 15px 40px; }
  .list-v2__header:before { top: 16px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; }
  .list-v2__content { min-height: 60px; padding: 15px 0px 15px 40px; }
  .list-v2__content:before { top: 16px; width: 30px; height: 30px; line-height: 30px; font-size: 18px; } }

.list-v3__list { margin: -20px 0 0 -20px; padding: 0; }
.list-v3__list:after { display: block; clear: both; content: ''; }
.list-v3__item { float: left; width: 25%; margin-top: 20px; padding-left: 20px; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v3__box { position: relative; width: 100%; height: 0; padding-bottom: 100%; }
.list-v3__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.list-v3__subject { position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 20px 10px; background-color: rgba(2, 30, 124, 0.85); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }
.list-v3__date { margin: 0; font-size: 14px; font-weight: 200; }
.list-v3__tit { overflow: hidden; margin: 10px 0 0 0; font-size: 16px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }

.list-v4.type-another { margin-top: 0; }
.list-v4__list { padding: 0; margin: -20px 0 0 -20px; }
.list-v4__list:after { display: block; clear: both; content: ''; }
.list-v4__list.type-three .list-v4__item { width: 33.33%; }
.list-v4__item { float: left; width: 25%; margin-top: 20px; padding-left: 20px; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v4__item.type-schedule .list-v4__content-box { background: none; }
.list-v4__item.type-schedule .list-v4__content-info { position: static; padding: 30px; }
.list-v4__item.type-schedule .list-v4__hover { background: none; border: 1px solid #ff0048; background-color: rgba(0, 0, 0, 0.8); -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v4__item.type-event .list-v4__hover { background: none; border: 1px solid #ff0048; background-color: rgba(0, 0, 0, 0.8); -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v4__item.type-another .list-v4__hover { background: none; border: 1px solid #ff0048; background-color: rgba(0, 0, 0, 0.8); -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v4__item.type-news .list-v4__date { color: #222; }
.list-v4__item.type-news .list-v4__content-box { background: none; background-color: #fff; }
.list-v4__item.type-news .list-v4__content-info { position: static; padding: 30px 20px; }
.list-v4__item.type-news .list-v4__tit { -webkit-line-clamp: 3; height: 3.6em; margin-top: 25px; color: #222; }
.list-v4__item.type-concert .list-v4__hover { background: none; border: 1px solid #ff0048; background-color: rgba(0, 0, 0, 0.8); }
.list-v4__item.type-notice .list-v4__content-box { background: none; background-color: #021e7c; }
.list-v4__item.type-notice .list-v4__content-info { position: static; padding: 30px 20px; }
.list-v4__item.type-notice .list-v4__tit { -webkit-line-clamp: 3; height: 3.6em; margin-top: 25px; color: #222; color: #fff; }
.list-v4__item.type-notice .list-v4__txt { color: #fff; }
.list-v4__item.type-notice .list-v4__hover { background: none; border: 1px solid #ff0048; background-color: rgba(0, 0, 0, 0.8); }
.list-v4__content-wrap { position: relative; width: 100%; height: 0; padding-bottom: 100%; color: #fff; }
.list-v4__content-box { position: absolute; bottom: 0px; left: 0; width: 100%; height: 100%; background: url("../images/common/img_gra.png") repeat-x center bottom; z-index: 50; }
.list-v4__content-info { position: absolute; left: 0; bottom: 0; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.list-v4__date { margin: 0; font-size: 14px; }
.list-v4__day { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; font-size: 130px; font-weight: 600; text-align: center; }
.list-v4__day:before { display: inline-block; height: 100%; vertical-align: middle; content: ''; }
.list-v4__day span { display: inline-block; vertical-align: middle; margin-left: -20px; }
.list-v4__time { position: relative; padding-left: 22px; line-height: 16px; }
.list-v4__time:before { position: absolute; top: 1px; left: 0px; width: 16px; height: 16px; background: url("../images/common/time_icon.png"); -webkit-background-size: 16px 16px; background-size: 16px 16px; content: ''; }
.list-v4__dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/common/bg_schedule.png"); z-index: 70; }
.list-v4__tit { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.2; height: 58px; margin: 20px 0 0 0; font-size: 24px; font-weight: 600; text-overflow: ellipsis; overflow: hidden; }
.list-v4__txt { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap: break-word; margin: 25px 0 0 0; line-height: 1.5em; height: 6em; font-size: 14px; text-overflow: ellipsis; color: #222; font-weight: 400; }
.list-v4__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.list-v4__hover { opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/common/bg_circle.png"); z-index: 90; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; }
.list-v4__hover.is-active { opacity: 1; top: 0; left: 0; }
.list-v4__hover-wrap { display: table; width: 100%; height: 100%; text-align: center; }
.list-v4__hover-vertical { display: table-cell; width: 1%; height: 100%; vertical-align: middle; }
.list-v4__hover-category { margin: 0; font-size: 16px; font-weight: 400; }
.list-v4__hover-category:before { display: block; width: 50px; height: 50px; margin: 0px auto 10px; background: url("../images/common/plus.png"); content: ''; }
.list-v4__link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; z-index: 100; }
@media only screen and (max-width: 1025px) { .list-v4 { margin-top: 15px; }
  .list-v4.type-festival .list-v4__content { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
  .list-v4.type-festival .list-v4__list { overflow: visible; white-space: nowrap; text-align: left; }
  .list-v4.type-festival .list-v4__item { float: none; display: inline-block; width: 300px; }
  .list-v4.type-festival .list-v4__content-wrap { white-space: normal; }
  .list-v4.type-festival .type-no { display: none; }
  .list-v4__list { margin-left: -15px; }
  .list-v4__item { width: 50%; margin-top: 15px; padding-left: 15px; }
  .list-v4__item.type-news .list-v4__tit { -webkit-line-clamp: 4; line-height: 1.8; height: 7.2em; margin-top: 15px; }
  .list-v4__item.type-event { width: 100%; }
  .list-v4__tit { margin-top: 10px; font-size: 13px; height: 30px; }
  .list-v4__txt { display: none; }
  .list-v4__date { font-size: 11px; }
  .list-v4__content-box { -webkit-background-size: contain; background-size: contain; }
  .list-v4__hover { display: none; -webkit-background-size: cover; background-size: cover; }
  .list-v4__hover.is-active { display: none; }
  .list-v4__dim { -webkit-background-size: cover; background-size: cover; }
  .list-v4__day { font-size: 65px; }
  .list-v4__day span { margin-left: -10px; }
  .list-v4__time:before { width: 11px; height: 11px; -webkit-background-size: 11px 11px; background-size: 11px 11px; } }
@media only screen and (max-width: 668px) { .list-v4.type-festival .list-v4__item { width: 250px; } }
@media only screen and (max-width: 340px) { .list-v4.type-festival .list-v4__item { width: 200px; } }

.list-v5__list { padding: 0; margin: 20px 0 0 0; border-top: 2px solid #80838d; border-bottom: 1px solid #80838d; }
.list-v5__item { position: relative; color: #fff; list-style: none; padding-left: 90px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #1a1f31; }
.list-v5__item:last-child { border-bottom: none; }
.list-v5__wrap { display: table-cell; width: 1%; height: 90px; vertical-align: middle; }
.list-v5__date { position: absolute; top: 0; bottom: 0; left: 0; width: 70px; height: 70px; margin: auto 0; padding: 10px 0px; background-color: #021e7c; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }
.list-v5__day { margin: 0; font-size: 32px; line-height: 1; }
.list-v5__year { margin: 7px 0 0 0; font-size: 14px; font-weight: 200; line-height: 1; }
.list-v5__tit { overflow: hidden; margin: 0; font-size: 18px; font-weight: 400; line-height: 1.3; }
.list-v5__link { font-size: inherit; color: inherit; text-decoration: none; }
@media only screen and (max-width: 1025px) { .list-v5__list { margin: 15px 0 0 0; }
  .list-v5__wrap { height: 60px; }
  .list-v5__date { width: 50px; height: 50px; padding: 7px 0; }
  .list-v5__day { font-size: 16px; }
  .list-v5__year { font-size: 11px; }
  .list-v5__item { padding-left: 65px; padding-right: 10px; }
  .list-v5__tit { font-size: 13px; display: -webkit-box; height: 32px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word; } }

.is-mobile { display: none !important; }
@media only screen and (max-width: 1025px) { .is-mobile { display: block !important; } }

.basic__box { width: 100%; min-width: 1280px; }
.basic__box.visual { overflow: hidden; }
.basic__box.type-content { padding: 140px 0px; }
.basic__box.about-1 { background: url("../images/common/about_1.jpg") center center; -webkit-background-size: cover; background-size: cover; text-align: center; }
.basic__box.about-2 { padding: 100px 0px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
.basic__box.about-3 { padding: 120px 0px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("../images/about/about_bg2.jpg") no-repeat center center; text-align: center; -webkit-background-size: cover; background-size: cover; }
@media only screen and (max-width: 1025px) { .basic__box { min-width: 100% !important; } /*20170904*/
  .basic__box.type-content { padding: 70px 0px; }
  .basic__box.about-2 { padding: 40px 0px; }
  .basic__box.about-3 { padding: 60px 0px; } }
.basic__box.slide { position: relative; }

.slide { position: relative; margin-bottom: 50px; }
.slide__box { position: relative; overflow: hidden; }
.slide__list { padding: 0; margin: 0; margin-left: -20px; }
.slide__list:after { display: block; clear: both; content: ''; }
.slide__item { float: left; width: 100%; padding-left: 20px; list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; }
.slide__item .list-v4__hover { background: none; border: 1px solid #ff0048; background-color: rgba(0, 0, 0, 0.8); -webkit-box-sizing: border-box; box-sizing: border-box; }
.slide__img { float: left; }
@media only screen and (max-width: 1025px) { .slide { margin-bottom: 20px; }
  .slide__list { margin-left: 0px; }/* 20170920 수정 */
  .slide__item { padding-left: 10px; } }

.ticket { float: left; position: relative; display: block; width: 100%; height: 50px; margin-top: 10px; background-color: #01124b; color: #9498aa; line-height: 50px; font-size: 16px; text-align: center; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; }
.ticket:before { position: absolute; top: 0; bottom: 0; left: -5px; width: 10px; height: 10px; margin: auto 0; background-color: #000826; border-radius: 50%; content: ''; z-index: 10; }
.ticket:after { position: absolute; top: 0; bottom: 0; right: -5px; width: 10px; height: 10px; margin: auto 0; background-color: #000826; border-radius: 50%; content: ''; z-index: 10; }
.ticket.type-content { float: none; display: inline-block; width: 295px; margin: 0; }
.ticket:hover { background-color: #ff0048; color: #fff; }
@media only screen and (max-width: 1025px) { .ticket { font-size: 13px; height: 30px; line-height: 30px; }
  .ticket.type-content { float: none; display: inline-block; width: 100%; margin: 0; }
  .ticket:before { left: -3px; width: 6px; height: 6px; }
  .ticket:after { right: -3px; width: 6px; height: 6px; } }

.ticket-box { margin-top: 40px; text-align: center; }
@media only screen and (max-width: 1025px) { .ticket-box { margin-top: 20px; } }

.tab-v1__list { padding: 0; margin: 0; }
.tab-v1__list:after { display: block; clear: both; content: ''; }
.tab-v1__item { position: relative; float: left; width: calc(100% / 3); height: 60px; line-height: 60px; border: 1px solid #ff0048; background-color: #00061a; color: #fff; list-style: none; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; }
.tab-v1__item.is-active { background-color: #ff0048; color: #fff; }
.tab-v1__link { display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 500; color: inherit; text-decoration: none; }
.tab-v1__content { display: none; }
.tab-v1__content.is-active { display: block; }
@media only screen and (max-width: 1025px) { .tab-v1__item { height: 30px; line-height: 30px; }
  .tab-v1__link { font-size: 13px; } }

.btn_area.type-another .visual__btn-prev { left: -60px; }
.btn_area.type-another .visual__btn-next { right: -60px; }
@media only screen and (max-width: 1025px) { .btn_area.type-another { display: none; } }

.btn__list { display: inline-block; margin: 170px 0 0 -20px; padding: 0; }
.btn__list:after { display: block; clear: both; content: ''; }
.btn__item { float: left; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; }
.btn__link { display: block; width: 150px; height: 48px; border: 1px solid #fff; border-radius: 5px; text-decoration: none; color: #fff; font-size: 14px; font-weight: 500; line-height: 48px; text-align: center; }
.btn__link:hover { background-color: #ff0048; border: 1px solid #ff0048; }
@media only screen and (max-width: 1025px) { .btn__list { margin-top: 40px; }
  .btn__item { float: none; }
  .btn__item + .btn__item { margin-top: 10px; }
  .btn__link { width: 160px; height: 34px; line-height: 34px; font-size: 12px; } }

@media only screen and (max-width: 1025px) { .hidden-m { display: none !important; } }

.hidden-p { display: none !important; }
@media only screen and (max-width: 1025px) { .hidden-p { display: block !important; } }
