a._hraf {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5;}
.wrap img {max-width: 100%; height: auto;}

#sec {position: relative;}
._indextit {text-align: center; }
._indextit dl dt {font-size: 4rem;}
._indextit dl dd {font-size: 5rem; color: #00c381; }
._indextit p {font-size: 2rem; color: #939193; font-weight: 700;}

.index_02 ._indextit dl dd,
.index_04 ._indextit dl dt  {font-family: 'BMDOHYEON';}
@media screen and (max-width:800px) {
    ._indextit dl dt {font-size: 4vw;}
    ._indextit dl dd {font-size: 5vw; white-space: nowrap;}
    ._indextit p {font-size: 1.6rem;}
}

._page {display: flex; align-items: center; font-size: 1.8rem; justify-content: center; margin-top: 60px;}
._page li {width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid #dddddd; box-sizing: border-box; position: relative; border-right-color: transparent;}
._page li:last-child {border-right-color: #ddd;}
._page li.active {background: #595959; color: #fff;}

.board-sch-box { background:#f9f9f9; text-align:center; padding:40px 0px; width:1000px; margin:0 auto; max-width:96%; margin-top: 50px;}
.board-sch-box .input-box { position:relative; display:inline-block; width:220px; height:40px;}
.board-sch-box .input-box input { box-sizing:border-box; width:100%; height:100%; border:1px solid #ddd; padding: 0 30px 0 10px;}
.board-sch-box .input-box .btn {position:absolute;right:14px;top:13px;}
.board-sch-box select {width:150px;height:40px;box-sizing:border-box;border:1px solid #ddd;padding:0 10px;background:#fff;margin-left:20px;}
.privacy-box {width:1000px;margin:0 auto;max-width:96%;box-sizing:border-box;	}
.privacy-box h3 {font-size:25px;font-weight:500;margin-top:-10px;padding-bottom:20px;}
.privacy-box .txt-box {width:100%;height:214px;overflow-y:auto;box-sizing:border-box;border:1px solid #ccc;padding:45px 35px;color:#666;line-height:1.6;font-size:16px;margin-bottom:20px;}
.privacy-box input[type="checkbox"] {display:none;}
.privacy-box label {display:block;text-align:right;font-size:14px;}
.privacy-box label .ico {display:inline-block;width:18px;height:18px;box-sizing:border-box;border:1px solid #ddd;vertical-align:middle;margin-right:8px;}
.privacy-box input[type="checkbox"]:checked + label .ico {background:url(http://www.inkconcert.com/img/checkbox_checked.png) no-repeat center center;background-size:100%;}
.form-table{position:relative;width:1000px;margin:90px auto 0;max-width:96%;box-sizing:border-box;border-top:1px solid #7b7b7b;font-size:18px;font-weight:300;}
.form-table .right {position:absolute;right:0;top:-30px;}
.form-table .impor {color:#d1252b;}
.form-table table {margin:15px 0;}
.form-table td {padding:15px 10px;}
.form-table td:nth-child(1) {padding-left:60px;width:25%;box-sizing:border-box;line-height:42px;vertical-align:top;}
.form-table td input {width:510px;max-width:100%;border:1px solid #ddd;
box-sizing:border-box;height:42px;border:1px solid #ddd;padding: 0 10px 0 10px;}
.form-table td input + .red {display:inline-block;color:#d1252b;font-size:13px;vertical-align:middle;margin-left:10px;}
.form-table td textarea {width:100%;border:1px solid #ddd;box-sizing:border-box;padding:10px;height:150px;resize:none;border:1px solid #ddd;}
.form-table td.last img {vertical-align:middle;}
.form-table td.last input {width:140px;}
.form-table ._btn {margin-top: 0;}

.table_layout01 .date,
.table_layout01 .views {white-space: nowrap;}

@media screen and (max-width: 817px){

    .form-table{ margin:50px auto 0; font-size:14px; }
    .form-table .right {position:absolute; right:0; top:-20px;}
    .form-table .impor {color:#d1252b;}
    .form-table table {margin:15px 0;}
    .form-table td {padding:15px 10px;}
    .form-table td:nth-child(1) {padding-left:10px;width:30%;}
    .form-table td input {width:100%;height:42px;padding: 0 10px 0 10px;}
    .form-table td input + .red {font-size:11px;margin:10px 0 0;}
    .form-table td textarea {width:100%; border:1px solid #ddd; box-sizing:border-box; padding:10px; height:150px; resize:none; border:1px solid #ddd; }
    .form-table td.last img {vertical-align:middle;}
    .form-table td.last input {width:100%;}
    .form-table > .btn {display:block; float:right; width:140px; height:53px; line-height:53px; text-align:center; color:#fff; font-size:17px; font-weight:700;
	 background-size:100% 100%;}

    .table_layout01 .num {display: none;}
    .table_layout01 td.title {padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


}




._btn {display:block;float:right;width:140px;height:53px;line-height:53px;text-align:center;color:#fff;font-size:17px;font-weight:700; background: rgb(255,141,0); background: linear-gradient(309deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); margin-top: 50px;}


/*인덱스*/
.index_visaul {background-image: url(/img/main_visual_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: cover;position: relative;}
.index_visaul .wrap {height: 100%;}
.index_visaul dl {padding-top: 170px;  height: 100%; flex-direction: column; position: relative; z-index: 2;}
.index_visaul dl dd {font-size: 2.5rem; background-image: url(/img/main_visual_01.png); background-repeat: no-repeat; width: 100%; text-align: center; background-position: center; background-size: cover; color: #fff; margin-top: 5px;padding: 5px 0;}
.index_visaul dl dt .visualWrap {display: flex; width: calc(100% + 50px); justify-content: space-between;}
.index_visaul dl dt .visual_left {width: 35%;}
.index_visaul dl dt .visual_right {position: relative; width:65%;}
.index_visaul dl dt .visual_right img {position: absolute; left: 0; top:0;}
.index_visaul dl dt .visual_right:after {content:''; display: block; padding-bottom:101.74825174825%;}
.index_visaul dl dt .visual_right .rightImg01 {z-index:4;}
.index_visaul dl dt .visual_right .rightImg02 {z-index:3;}
.index_visaul dl dt .visual_right .rightImg03 {z-index:2;}
.index_visaul dl dt .visual_right .rightImg04 {z-index:1;}
.index_visaul object {position: absolute; bottom: 0; width: 100%;}

@media screen and (max-width:800px) {
    .index_visaul {padding-top: 100px;}
    .index_visaul dl {padding-top: clamp(45px, 4vw, 120px);}
    .index_visaul dl dt {text-align: center;}
    .index_visaul dl dt .visual_mob {display: block;}
    .index_visaul dl dt .visual_pc {display: none;}
    .index_visaul dl dt img {max-width: 100%; height: auto;}
    .index_visaul dl dt .visualWrap {display: block; width:auto;}
    .index_visaul dl dt .visual_left,
    .index_visaul dl dt .visual_right {width:100%;}
}


.index_01 {height: 1280px; background-image: url(/img/live_bg.png); background-repeat: no-repeat; background-position: top center; background-size: cover; margin-top: -160px; z-index: 5; position: relative;}
.index_01 .wrap {height: 100%;}
.index_01 .flexbox {display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: center; position: relative; top: -50px;}
.index_01 .center {text-align: center;}
.index_01 dl {display: inline-block;}
.index_01 dl dd {font-size: 3rem; color: #ffef66; font-weight: 700;}
.index_01 .videobox span {width: 100px; height: 100px; display: block; transform: rotate(45deg); background: none; margin: 0 auto 20px; border-right: 10px solid #becc41; border-bottom: 10px solid #becc41;}
.index_01 .video {position: relative; max-width: 922px; margin: 0 auto; border: 13px solid #becc41; border-radius: 20px 50px 20px 50px; overflow: hidden;}
.index_01 .video > * {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.index_01 .video::after {content: ""; padding-bottom: calc(519/922 * 100%); display: block;}

@media screen and (max-width:800px) {
    .index_01 {height: auto; margin-top: -80px; background-position: 50% 50%; padding: 35% 0;}
    .index_01 dl {display: inline-block; margin: 0 auto;}
    .index_01 dl dt img {max-width: 100%; height: auto;}
    .index_01 dl dd {font-size: 4vw;}
    .index_01 .videobox span {width: 50px; height: 50px; margin: 0 auto 15px;}
}

.index_02 {position: relative; z-index: 2; overflow:hidden; padding-top: 150px; margin-top: -150px;
  background: rgb(247,247,247);
  background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(255,255,255,1) 100%);
}
.index_02 ._indextit {margin-bottom: 55px;}
#index02_wave {position: absolute; bottom: 0; width: 100%;}

.index_02 .iebox {margin: 0 auto; width: 100%; max-width: 1046px; display: block; position: relative; z-index: 2; padding-bottom:clamp(70px, 10vw, 250px); height: auto;}
.index_02 .iebox #index02_img01 {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/* .index_02 .iebox::after {content: ""; padding-bottom: calc(782/948 * 100%); display: block;} */
.index_02 .iebox .vod_wrap {width:100%; position:relative; border:45px solid #000; box-sizing: border-box;
  border-radius: 10px; box-shadow: 60px 60px 0px 0px #e7e7e7;}
.index_02 .iebox .vod_wrap .concert_vod {width:100%; height: 100%; position: absolute; top: 0; left: 0;}
.index_02 .iebox .vod_wrap:after{content: ''; display: block; padding-bottom: 65.2719665272%;}

.index_02 .bg_n {position: absolute; z-index: 2;}
.index_02 .bg_n img {max-width: 100%; height: auto;}
.index_02 .bg_n1 {left: -5%; bottom: 35%; right: 75%; top: 30%;}
.index_02 .bg_n2 {left: 5%; top: -15%; transform: rotate(-70deg) scale(0.7); right: 70%; bottom: 100%;}
.index_02 .bg_n3 {right: -10%; transform: rotate(-70deg); left: 80%;}
.index_02 .bg_n4 {right: 25%; top: -20%; transform: scale(0.8); left: 50%; bottom: 100%;}

@media screen and (max-width:800px) {
    .index_02 #index02_img01 {padding-bottom: 100px;}
    .index_02 ._indextit {margin-bottom: 40px;}
    .index_02 .iebox .vod_wrap {border-width: 15px; box-shadow: 20px 20px 0px 0px #e7e7e7;}
}


.index_03 {background: #f7f7f7; height: 1100px; display: flex; align-items: center; position: relative;}
.index_03::after {content: ""; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid #f7f7f7; position: absolute; left: 50%; transform: translateX(-50%); bottom: -8%;}
.index_03 ._indextit {margin-bottom: 65px;}
.index_03 ._indextit dd {color: #ff8d00;}
.index_03 ul {display: flex; align-items: flex-start;}
.index_03 ul li {flex: 1; background: #acf; margin-right: 15px; border-radius: 15px; box-shadow: 0 0 20px rgba(0,0,0,0.25); position: relative;}
.index_03 ul li .num {position: absolute; top: -8%; left: 15px; background-repeat: no-repeat; background-size: auto 100%;  height: 0; width: 100%; padding-top: 18%;}
.index_03 ul li:last-child {margin-right: 0; margin-top: 60px; background: #ff0b61;}
.index_03 ul li::after {content: ""; display: block; padding-bottom: calc(360/310 * 100%);}

.index_03 ul li .box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; color: #fff;}
.index_03 ul li .box .img {max-width: 30%;}
.index_03 ul li .box .img img {max-width: 100%; height: auto;}
.index_03 ul li .box dl {margin-top: 10px;}
.index_03 ul li .box dt {font-size: 2rem;}
.index_03 ul li .box dd {font-size: 1vw;}
.index_03 ul li .date {position: absolute; bottom: 0; font-size: 0.9vw; background: #fff; padding: 0.6em 1em; left: 50%; transform: translateX(-50%); border-radius: 0.9em 0.9em 0 0;}

.index_03 ul li:nth-of-type(1) {background: #34e1a9;}
.index_03 ul li:nth-of-type(2) {margin-top: 110px; background: #ff8d00;}
.index_03 ul li:nth-of-type(3) {background: #7929cc;}
.index_03 ul li:nth-of-type(1) .num {background-image: url(/img/index_03_num01.png);}
.index_03 ul li:nth-of-type(2) .num {background-image: url(/img/index_03_num02.png);}
.index_03 ul li:nth-of-type(3) .num {background-image: url(/img/index_03_num03.png);}
.index_03 ul li:nth-of-type(4) .num {background-image: url(/img/index_03_num04.png);}

@media screen and (max-width:800px) {

    .index_03 {height: auto; padding: 100px 0;}
.index_03 ._indextit {margin-bottom: 65px;}
    .index_03 ul {flex-wrap: wrap;}
    .index_03 ul li {flex: none; width: calc(50% - 15px/2); margin-bottom: 55px;}
    .index_03 ul li:nth-of-type(even) {margin-right: 0;}
    .index_03 ul li:nth-of-type(2) {margin-top: 0;}
    .index_03 ul li:nth-last-of-type(-n+2) {margin-bottom: 0;}
    .index_03 ul li:last-child {margin-right: 0; margin-top: 0;}
.index_03 ul li .num {position: absolute; top: -8%; left: 15px; background-repeat: no-repeat; background-size: auto 100%;  height: 0; width: 100%; padding-top: 18%;}
.index_03 ul li::after {content: ""; display: block; padding-bottom: calc(360/310 * 100%);}

.index_03 ul li .box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; color: #fff;}
.index_03 ul li .box dl {margin-top: 10px;}
.index_03 ul li .box dt {font-size: 3vw}
    .index_03 ul li .box dd {font-size: 2vw;}
    .index_03 ul li .date {white-space: nowrap;}
}



.index_04 {padding: 200px 0 300px; display: flex; align-items: center; position: relative; overflow: hidden;}
.index_04 ._indextit dd {font-weight:700; background: rgb(255,141,0); background: linear-gradient(307deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.index_04 ul {display: flex; flex-wrap:wrap; margin-top: 75px;}
.index_04 ul li {margin-right: 15px; width: calc(99.9%/3 - 30px/3);}
.index_04 ul li:nth-of-type(3n) {margin-right: 0; margin-bottom: 75px;}
.index_04 ul li .imgbox {background-size: cover;  background-position: center; background-repeat: no-repeat; position: relative;}

.index_04 ul li .imgbox span {position: absolute; transition: .5s;}
.index_04 ul li .imgbox span:nth-of-type(1) {width: 0; height: 7px; left: 0; top: 0; background: rgb(255,141,0); background: linear-gradient(315deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%);}
.index_04 ul li .imgbox span:nth-of-type(2) {width: 7px; height: 0; right: 0; top: 0; background: rgb(255,141,0); background: linear-gradient(315deg, rgba(255,141,0,1) 100%, rgba(52,225,169,1) 0);}
.index_04 ul li .imgbox span:nth-of-type(3) {width: 0; height: 7px; right: 0; bottom: 0; background: rgb(255,141,0); background: linear-gradient(254deg, rgba(255,141,0,1) 0, rgba(52,225,169,1) 100%);}
.index_04 ul li .imgbox span:nth-of-type(4) {height: 0; width: 7px; left: 0; bottom: 0; background:rgba(52,225,169,1);}

.index_04 ul li .imgbox:hover span:nth-of-type(odd) {width: 100%;}
.index_04 ul li .imgbox:hover span:nth-of-type(even) {height: 100%;}

.index_04 ul li .imgbox::after {content: ""; display: block; padding-bottom: 87.81%;}
.index_04 ul li p {margin-top: 20px; font-size: 1.5vw; text-align: center;     font-family: 'BMDOHYEON'; color: #969696;}
.index_04 ul li .first::before{content: ""; display: inline-block; width: 56px; height: 32px; background-image: url('/img/mc.png'); vertical-align: middle; margin-right: 12px;}
.index_04 .img {position: absolute; z-index: -1;}
.index_04 .img01 {top: 10%; right: 10%;}
.index_04 .img02 {left: 0;}
.index_04 .img03 {right: 0; bottom: 10%;}
.index_04 #index_04_wave {position: absolute; bottom: 0; width: 100%; height: 250px; background-image: url(/img/index_04_wave.png); background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; background-position: top center; left: 0;}

@media screen and (max-width:817px) {
    .index_04 {display: none;}
}

.index_05 {padding: 230px 0 180px; overflow: hidden;}
.index_05 ._indextit {margin-bottom: 85px;}
.index_05 ._indextit dd {color: #ff3f44; font-weight: 700;}
.index_05_more {display: flex; position: relative;}
.index_05_more li {display: flex; align-items: center; width: 55%; background: #fff; border-radius: 0 1000px 1000px 0; /*height: 650px;*/ position: relative; box-shadow: 3px 0 24px rgba(255,63,68,0.36); transition: .3s; position: relative; transition-property: background,opacity,transform !important;}
.index_05_more li::after {content: ""; display: block; padding-bottom: 70%;}
.index_05_more li::before {position: absolute; width: 95%; height: 90%; border: 8px solid #ff3f44; content: "";  border-radius: 0 1000px 1000px 0;}
.index_05_more li:first-child:before {border-left: 0; left: 0;}
.index_05_more li:last-child {position: absolute; right: 0; top: 50%; margin-top: -19%; border-radius: 1000px 0 0 1000px;}
.index_05_more li:last-child::before {border-right: 0; border-radius: 1000px 0 0 1000px; right: 0;}
.index_05_more li .img {position: absolute; bottom: -55px;}
.index_05_more li .img img {max-width: 100%; height: auto;}
.index_05_more li:last-child .img {right: 0; left: 50%;}
.index_05_more li:first-child .img {left: 5%; right: 50%;}
.index_05_more li:first-child {justify-content:flex-end;}
.index_05_more li img {max-width: 100%; height: auto;}
.index_05_more li dl {text-align: center; position: absolute; right: 10%; transform: translateX(-50%); left: 60%;}
.index_05_more li:last-child dl {left: 30%; right: 40%;}
.index_05_more li dl dt {font-size: 4rem; font-weight: 700; white-space: nowrap; color: #ff3f44; margin-bottom: 20px;}
.index_05_more li dl dd {font-size: 1.6rem; border: 3px dotted #ff3f44; display: inline-block; padding: 0.9em 2em;}

.index_05_more li.on {background: #ff3f44; z-index: 2;}
.index_05_more li.on::before {border-color: #fff;}
.index_05_more li.on dl dt {color: #fff; font-weight: 700;}
.index_05_more li.on dl dd {border-color: #fff; color: #fff;}

@media screen and (max-width:817px) {

    .index_05 {padding: 30% 0;}
    .index_05 ._indextit {margin-bottom: 55px;}
    .index_05_more li::after {padding-bottom: 100%;}
    .index_05_more li::before {border: 6px solid #ff3f44;}
    .index_05_more li .img {bottom: -20%;}
    .index_05_more li:last-child {margin-top: -27%;}
    .index_05_more li:last-child .img {right: 0;}
    .index_05_more li:first-child .img {left: 0;}
    .index_05_more li dl {right: auto; left: 50%;}
    .index_05_more li:last-child dl {left: 50%; right: auto;}
    .index_05_more li dl dt {font-size: 5vw;}
    .index_05_more li dl dd {font-size: 1.2rem;}

}


.quick {position:fixed; top:20%; right: 2%; z-index:10;}
.quick a {display: block; margin: 20px 0;}
@media screen and (max-width:800px) {
  .quick {width:95px}
  .quick img {width: 100%;}
}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ서브ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

#sub_layout.community {margin: 75px 0 50px;}
#sub_layout.gallery {margin: 75px 0 50px;}

/*서브비주얼*/
.sub_visual .wrap {height: 100%;}
.sub_visual .top {height: 400px; height: 400px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_visual dl {display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; color: #fff; line-height: 1;}
.sub_visual dl dt {font-size: 4rem; padding-top:0}
.sub_visual dl dd {font-size: 1.5rem;}
.sub_visual .sub_tap {position: relative;}
.sub_visual .sub_tap::before {position: absolute; width: 100%; height: 2px; background: rgb(255,141,0); background: rgb(255,141,0); background: linear-gradient(309deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); display: block; content: ""; bottom: 0;}
.sub_tap ul {max-width: 600px; margin: 0 auto; display: flex; justify-content: center; align-items: center;  height: 75px;}
.sub_tap ul li {font-size: 1.8rem; flex: 1; text-align: center; font-weight: bold;}
.sub_tap ul li a {color: #b8b8b8;}
.sub_tap ul li.active a {background: rgb(255,141,0); background: linear-gradient(309deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); color: transparent; background-clip: text; -webkit-background-clip: text;}

@media screen and (max-width:817px) {
    .sub_visual .top {height: 250px;}
}

/* 마감안내 */
.endBox {max-width: 980px; border-top:4px solid; border-left:4px solid; border-right: 20px solid; border-bottom: 20px solid;
border-color:#f1597f; margin:70px auto 0 auto;  padding-bottom:45px;}
.endBox .textsWrap{padding:0 5%}
.endBox .endTitle {width:95%; max-width: 560px; height: 70px; background-color: #f1597f;
color:#fff;  font-size:clamp(16px, 4vw, 30px); font-weight:700; line-height: 1.3; margin:0 auto 0 auto; transform: translateY(-40px);
display: flex; align-items: center; justify-content: center; border-radius: 50vmax;}
.endBox .endText {font-size: clamp(14px, 3vw, 19px); line-height: 1.3; margin-bottom: 10px; position:relative; padding-left: 20px;}
.endBox .endText::before {content: '※'; position:absolute; left: 0; top:0;}
.endBox .tikcetBtn {width:90%; max-width: 330px; margin: 35px auto 0 auto; text-align: center; border-radius: 50vmax;
font-size: 23px; border:1px solid #333; height: 60px;}
.endBox .tikcetBtn a { color:#333333; display: flex; align-items: center; justify-content: center; height: 100%; }


/* 오시는 길 */
.map {
  width: 100% !important;
  height: 50rem;
}

.map .wrap_map {
  height: 100% !important;
}

/*인천관광*/

.toruism_layout svg {border-bottom: 12px solid #ff8c00; display: block;}
.tourism_mouseover .cursor {cursor: pointer;}
.tourism_mouseover .cursor.none {cursor: auto;}
.tourism_mouseover .over {transform: translateY(20px); opacity: 0; visibility: hidden; transition: .3s;}
.tourism_mouseover .cursor:hover + .over {transform: none; opacity: 1; visibility:visible;}

.toruism_layout .bottom {margin: 60px 0 120px;}
.toruism_layout .flexbox {display: flex; margin: 0 8% 0 3%;}
.toruism_layout .ltb {flex: 1.5; margin-right: 60px;}
.toruism_layout .bottom h2 {font-size: 1.8rem; color: #ff8c00; display: flex; align-items: center; margin-bottom: 30px;}
.toruism_layout .bottom h2::before {width: 19px; height: 19px; display: block; content: "";background : #ff8c00; margin-right: 10px;}
.toruism_layout .bottom ul {display: flex; flex-wrap: wrap;}
.toruism_layout .bottom ul li {width: calc(99.9%/3 - 30px/3); margin-right: 15px; margin-bottom: 40px;}
.toruism_layout .bottom ul li:nth-of-type(3n) {margin-right: 0;}
.toruism_layout .bottom ul li:nth-last-of-type(-n+2) {margin-bottom: 0;}
.toruism_layout .rtb {flex: 1;}

.toruism_layout .logo {box-sizing: border-box; border: 1px solid #d6d6d6; background-repeat: no-repeat; background-position: center; background-size:50% auto;}
.toruism_layout .logo + a {display: block; background: #a6a6a6; color: #fff; font-size: 1.6rem; text-align: center; width: 80%;margin: 15px auto 0; padding: 10px 0; max-width: 127px; border-radius: 100px;}
.toruism_layout .logo::after {content: ""; display: block; padding-bottom: calc(145/201 * 100%);}

#sub_layout.tourism .list_modal {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: .3s;}
#sub_layout.tourism .list_modal .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
#sub_layout.tourism .list_modal .modal {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); width: 90%; max-width: 819px; max-height: 818px;position: relative; transition: .3s; height: 80vh;}
#sub_layout.tourism .list_modal .modal::after {content: ""; display: block; padding-bottom: calc(818/819 * 100%);}
#sub_layout.tourism .list_modal .close {font-size: 24px; color: #fff; position: absolute; right: 5%; top: -58px; width: 64px; height: 58px; background: #394494; display: flex; align-items: center; justify-content: center; cursor: pointer;}
#sub_layout.tourism .list_modal .cont {background-image: url(http://www.inkconcert.com/img/toruism_list.png); background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: border-box; padding: 0 10% 8%; background-size: 100% 100%; background-position: center;}
#sub_layout.tourism .list_modal .cont h2 {padding: 0; font-size: 1vw; margin-left: 8%; color: #fff; display: inline-block;  margin-top: 4.6vh; padding: 1.3vh 5px;}
#sub_layout.tourism .list_modal .cont .scroll {height: calc(100% - 20%); overflow-y: auto; width: 100%; margin-top: 4%; box-sizing: border-box; padding-left: 4%;}
#sub_layout.tourism .list_modal .cont ul {font-size: 1.5vw;}
#sub_layout.tourism .list_modal .cont ul li .list_top {display: flex; align-items: center; border-bottom: 3px solid #939392; padding: 7px 0 10px; cursor: pointer;}
#sub_layout.tourism .list_modal .cont ul li .check {margin-right: 2%; width: 5%;  flex: 0 0 5%;}
#sub_layout.tourism .list_modal .cont ul li .check img {max-width: 100%; height: auto;}
#sub_layout.tourism .list_modal .cont ul li:first-child .video {display: block}
#sub_layout.tourism .list_modal .cont .video {position: relative; display: none;}
#sub_layout.tourism .list_modal .cont .video::after {content: ""; display: block; padding-bottom: 56.25%;}
#sub_layout.tourism .list_modal .cont .video > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

#sub_layout.tourism .list_modal.on {opacity: 1; visibility:visible;}
#sub_layout.tourism .list_modal.on .modal {transform: translate(-50%,-50%) scale(1);}


#sub_layout.tourism .mobile_list .top_img img {max-width: 100%;height: auto;}
#sub_layout.tourism .mobile_list .list {margin: 45px 0;}
#sub_layout.tourism .mobile_list .list > li {margin-bottom: 35px;}
#sub_layout.tourism .mobile_list .list > li:last-child {margin-bottom: 0;}
#sub_layout.tourism .mobile_list .list .title {border-bottom: 1px solid #5cdb9f;}
#sub_layout.tourism .mobile_list .list h2 {font-size: 3.5vw; color: #fff; background: rgb(255,141,0); background: linear-gradient(315deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); border-radius: 10px 10px 0 0; padding-left: 20px; width: 40%; padding-top: 5px; font-weight: normal;}
#sub_layout.tourism .mobile_list .list p {font-size: 2rem; display: flex; align-items: center; justify-content: flex-start; margin: 15px 0; font-weight:bold; cursor: pointer; word-break: keep-all;}
#sub_layout.tourism .mobile_list .list p span {width: 25px; height: 25px; background-color: #f89006; border-radius: 5px; content: ""; display: inline-block; margin-right: 5px; background-image: url(http://www.inkconcert.com/img/movie_img.png); background-repeat: no-repeat; background-position: center; white-space: nowrap; flex: 0 0 25px;}

#sub_layout.tourism .list_modal_mob {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; visibility: hidden; transition: .3s;}
#sub_layout.tourism .list_modal_mob .bg {position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%;}
#sub_layout.tourism .list_modal_mob .modal {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); width: 90%; transition: .3s;}
#sub_layout.tourism .list_modal_mob .modal .close {color: #fff; font-size: 16px; background: #394494; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; margin-left: auto; cursor: pointer;}
#sub_layout.tourism .list_modal_mob .modal .video {position: relative;}
#sub_layout.tourism .list_modal_mob .modal .video::after {content: ""; display: block; padding-bottom: 56.25%;}
#sub_layout.tourism .list_modal_mob .modal .video > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

#sub_layout.tourism .list_modal_mob.on {opacity: 1; visibility:visible;}
#sub_layout.tourism .list_modal_mob.on .modal {transform: translate(-50%, -50%) scale(1);}

/*추가*/

#sub_layout.tourism .list_modal_mob .video video {display: none;}

@media screen and (max-width:817px) {
    #sub_layout.tourism .list_modal {display: none;}
    .toruism_layout .flexbox {margin: 0; flex-direction: column;}
    .toruism_layout .bottom ul li {width: calc(99.9%/2 - 15px/2);}
    .toruism_layout .bottom ul li:nth-of-type(2n) {margin-right: 0;}
    .toruism_layout .bottom ul li:nth-of-type(3n) {margin-right: 15px;}
    .toruism_layout .ltb {flex: none; margin-right: 0; margin-bottom: 30px;}
}


/*갤러리 레이아웃*/

.gallery_layout {display: flex; flex-wrap: wrap;}
.gallery_layout li {width: calc(49.9% - 30px/2); position: relative; padding: 6px; box-sizing: border-box; border: 1px solid; border-image: linear-gradient(309deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); border-color:rgb(255,141,0); border-image-slice: 1; margin-right: 30px; margin-bottom: 30px;}
.gallery_layout li:nth-of-type(2n) {margin-right: 0;}
.gallery_layout li:nth-last-of-type(-n+2) {margin-bottom: 0;}
.gallery_layout li::after {content: ""; display: block; padding-top: 56.25%;}
.gallery_layout li .imgbox {position: absolute; left: 50%; top: 50%; width: calc(100% - 6px); height: calc(100% - 6px); background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(-50%,-50%); box-sizing: border-box; transition-duration: .3s; transition-property: border;}
.gallery_layout li .imgbox h2 {position: relative; display: flex; align-items: center; justify-content: center; height: 100%; font-size: 2.5rem; background: rgb(255,141,0); background: linear-gradient(309deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); color: transparent; background-clip: text; -webkit-background-clip: text; opacity: 0;}
.gallery_layout li .imgbox h2::before {position: absolute; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0.5); content: ""; display: block; height: 100%; z-index: -1;}

.gallery_layout li:hover .imgbox {border: 9px solid; border-color: rgb(255,141,0); border-image: linear-gradient(309deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); border-image-slice: 1;}
.gallery_layout li:hover .imgbox h2 {opacity: 1;}

/*공지사항 테이블 레이아웃*/
.table_layout01 { border-top: 9px solid; border-color: rgb(255,141,0); border-image: linear-gradient(309deg, rgba(255,141,0,1) 30%, rgba(52,225,169,1) 100%); border-image-slice: 1; }
.table_layout01 table {width: 100%; table-layout: fixed; font-size: 1.6rem; border-collapse: collapse; text-align: center;}
.table_layout01 tr {border-bottom:1px solid #e3e3e3;}
.table_layout01 tr.np {background: #f9f9f9;}
.table_layout01 th,
.table_layout01 td {height: 70px; font-weight: 400;}
.table_layout01 td:nth-of-type(2) {text-align: left;}

@media screen and (max-width:817px) {
    .table_layout01 td:nth-of-type(2) {}
}

/*faq 레아이웃*/

.faq_layout ul li {padding: 15px 25px; border: 2px solid #d9d9d9;}
.faq_layout ul li + li {margin-top: 15px;}
.faq_layout ul li > div {font-size: 1.7rem; display: flex;}
.faq_layout ul li > div > span {font-size: 3rem; color: #fff; font-family: 'Poppins', sans-serif; max-width: 72px; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 25px; flex: 1; height: 52px;}
.faq_layout ul li > div p {flex: 1; display: flex; align-items: center; box-sizing: border-box; padding-right: 5%; flex-wrap: wrap;}
.faq_layout ul li .q span{background: #34e1a9;}
.faq_layout ul li .a > span{background: #ff8d00;}

.faq_layout ul li .q {position: relative; cursor: pointer;}
.faq_layout ul li .q i {font-style: normal; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 10px; color: #78ebc6;}
.faq_layout ul li .a {padding-top: 20px; margin-top: 20px; border-top: 2px solid #d9d9d9;}

@media screen and (max-width:817px) {
    .faq_layout ul li > div > span {max-width: 52px; height: 40px;}
}


/*공지사항 뷰 레이아웃*/
.notice_view_layout {border-top: 6px solid; border-color: rgb(255,141,0); border-image: linear-gradient(309deg, rgba(255,141,0,1) 30%, rgba(52,225,169,1) 100%); border-image-slice: 1; }
.notice_view_layout .top {background: #f9f9f9; padding: 25px 30px; display: flex;  align-items: center; justify-content: space-between; border-bottom: 1px solid #e3e3e3; flex-wrap: wrap;}
.notice_view_layout .top > * {font-size: 1.6rem;}
.notice_view_layout .top ul {display: flex;}
.notice_view_layout .top ul li:first-child {padding-right: 25px; margin-right: 25px; position: relative;}
.notice_view_layout .top ul li:first-child::after {content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 80%; background: #000; transform: translateY(-50%);}
.notice_view_layout .cont {border-bottom: 1px solid #e3e3e3; font-size: 1.6rem; padding: 20px; text-align: center; word-break: keep-all;}

/*갤러리 뷰 레이아웃*/
.gallery_view {border-top: 6px solid; border-color: rgb(255,141,0); border-image: linear-gradient(309deg, rgba(255,141,0,1) 30%, rgba(52,225,169,1) 100%); border-image-slice: 1; font-size: 1.6rem;}
.gallery_view .top {margin-bottom: 25px;}
.gallery_view .video {position: relative;}
.gallery_view .video::after {content: ""; display: block; padding-bottom: 56.25%;}
.gallery_view .video > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.gallery_view .top h2 {font-size: 2rem; height: 90px; border-bottom: 1px solid #e3e3e3; display: flex; align-items: center; justify-content: center;}
.gallery_view .imgbox {background-size: cover; background-position: center; background-size: cover;}
.gallery_view .imgbox::after {content: ""; padding-bottom: 56.25%; display: block;}
.gallery_view .sub_tap {margin-bottom: 25px;}
.gallery_view .sub_tap ul {height: auto;}

.gallery_view img {max-width: 100% !important; height: auto !important;}


/*히스토리 레이아웃*/
#sub_layout.history {margin: 70px 0;}
.history_layout ul {display: flex; flex-wrap: wrap; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e9e9e9;}
.history_layout ul:nth-last-of-type(1) {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.history_layout ul li {margin-right: 30px; position: relative; width: calc(99.9%/4 - 90px/4); margin-bottom: 30px;}
.history_layout ul li:nth-of-type(4n) {margin-right: 0;}
.history_layout ul li:nth-last-of-type(-n+4) {margin-bottom: 0;}
.history_layout ul li h2 {font-size: 1.7rem; text-align: center;}
.history_layout ul li .cont{position: relative; padding: 6px; box-sizing: border-box; border: 1px solid; border-image: linear-gradient(309deg, rgba(255,141,0,1) 0%, rgba(52,225,169,1) 100%); border-color:rgb(255,141,0); border-image-slice: 1;}
.history_layout ul li .imgbox {background-size: cover; background-repeat: no-repeat; background-position: top;}
.history_layout ul li .imgbox::after {content: ""; display: block; padding-bottom: calc(409/285 * 100%);}

@media screen and (max-width:817px) {
    .history_layout ul li {margin-right: 15px; position: relative; width: calc(99.9%/2 - 15px/2);}
    .history_layout ul li:nth-of-type(odd) {margin-right: 15px;}
    .history_layout ul li:nth-of-type(even) {margin-right: 0;}
    .history_layout ul li:nth-last-of-type(-n+4) {margin-bottom: 30px;}
    .history_layout ul li:nth-last-of-type(-n+2) {margin-bottom: 0;}
}


/*히스토리 갤러리 레이아웃*/
.history_gallery {display: flex; flex-wrap: wrap;}
.history_gallery li {width: calc(99.9%/2 - 20px/2); margin-right: 20px; margin-bottom: 30px; position: relative;}
.history_gallery li:nth-of-type(2n) {margin-right: 0;}
.history_gallery li:nth-last-of-type(-n+2) {margin-bottom: 0;}
.history_gallery li .iv {background-repeat: no-repeat; background-size: cover; background-repeat: no-repeat; position: relative; background-position: top;}
.history_gallery li .iv::after {content: ""; display: block; padding-bottom: 56.25%;}
.history_gallery li .iv.video::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); background-repeat: no-repeat; content: ""; background-image: url(http://www.inkconcert.com/img/video_chek.png); background-position: center;}

/*히스토리 갤러리 비디오*/
.history_gallery_video {position: relative; max-width: 900px; margin: 30px auto 0;}
.history_gallery_video .video {position: relative;}
.history_gallery_video .video > * {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.history_gallery_video .video::after {content: ""; display: block; padding-bottom: 56.25%;}




/*IE only*/
@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {

    .index_04 ._indextit dd {background: none;}
    .index_05_more li:first-child:before {top: 50%; transform: translateY(-50%);}
    .index_05_more li:last-child::before {top: 50%; transform: translateY(-50%);}

    .sub_tap ul li.active a {background: none; color: #40e0aa;}

    .index_05 {overflow:hidden;}

    .toruism_layout .iebox {position: relative; padding-bottom: calc(1315/1920 * 100%);}
    .toruism_layout .pc {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (max-width:800px) {

}