@charset "UTF-8";

/* 서브네비 */
.subNavi { }
.subNavi ul { display:flex; justify-content:flex-end; align-items:center; gap:30px; }
.subNavi ul li { font-size:13px; color:#484848; position:relative; }
.subNavi ul li::before { content:"\ea6e"; font-family:remixicon; position:absolute; top:-1px; left:-21px; font-size:14px; color:#989898; }
.subNavi ul .home { font-size:0; }
.subNavi ul .home i { font-size:13px; color:#6f6f6f; }
.subNavi ul .home::before { display:none; }

/* 서브 타이틀 */
h2.subTitle { font-size:31px; color:#1f1f1f; text-align:center; font-weight:600; }
h3.h3Title span { font-size:20px; color:#282828; font-weight:800; position:relative; }
h3.h3Title span::before {content: "";background: url(/images/homepage/www/kr/sub/sub_deco03.gif) center no-repeat;width: 9px;height: 9px;position: absolute;top: -2px;right: -14px;}
h4.h4Title { color:#282828; font-weight:600; position:relative; padding-left:15px; }
h4.h4Title::before {content: "";background: url(/images/homepage/www/kr/sub/sub_deco05.png) center no-repeat;width: 11px;height: 11px;position: absolute;top:2px;left:0;}

/* 공연 전시 서브 하단 텍스트 */
.ticketSub {text-align: center; line-height: 1.5; margin-top: 5px; font-size: 18px;}
.ticketSub span {  margin-right: 5px; }
.ticketSub span img {  margin: 0 3px 0 5px; }


/* 3depth */
.depth3 { border-bottom:1px solid #e2e2e2; padding:2.5vh 0; }
.depth3 ul { display:inline-block; }
.depth3 ul li { float:left; padding-right:50px; }
.depth3 ul li a { font-size:20px; color:#848484; font-weight:600; display:block; position:relative; }
.depth3 ul li a::before {content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#7354ed;display:none;}
.depth3 ul .active a,
.depth3 ul li:hover a { color:#7354ed; }
.depth3 ul .active a::before,
.depth3 ul li:hover a::before { display:block; }

/* 공통  */
.essential { position:relative; }
.essential::before { content:"*";position: absolute;top: -2px;right: -11px;color: #6c48fb;}
.marginMinus { margin-top:-7px; }
.btnFile { font-size:0; }
.btnFile i { font-size:17px; }

/* 검색영역 */
.reservation { background:#fbfbfb; border:1px solid #e7e7e7; border-radius:10px; margin-top:50px; }
.reserveWrap { width:800px; margin:0 auto; padding:35px 0; }
.reserveWrap.width100 { width:100%; }
.reserveWrap .top { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:10px; }
.reserveWrap.width100 .top { justify-content: center; }
.reserveWrap.width100 .top ul { width: 100%; padding: 0 20px; display: flex;  gap: 30px; justify-content: center; }
.reserveWrap.width100 .top ul li { display: flex; align-items: center; gap: 10px; }
.reserveWrap.width100 .calendar::after {content:"~";position:absolute;top:7px;right:-12px;font-size:16px;}
.reserveWrap.width100 .calendar+.calendar::after { display:none; }

.reservation .title { background:#f5f5f5; border-radius:10px 10px 0 0; border-bottom:1px dotted #aaaaab; text-align:center; font-size:20px; color:#333; padding:10px 0; }
.reservation .title span { /* background:url(/images/homepage/www/kr/sub/sub_deco01.png) left center no-repeat; */ padding:10px 0; display:inline-block; }
.reservation .title .blue { position:relative; padding-right:3px; }
.reservation .title .red { position:relative; padding-right:9px; }
/* .reservation .title .blue::before { content:""; background:url(/images/homepage/www/kr/sub/sub_deco02.gif) center no-repeat; width:9px; height:9px; position:absolute; top:-2px; right:-1px; } */
.reservation .title .red::before { content:""; background:url(/images/homepage/www/kr/sub/sub_deco03.gif) center no-repeat; width:9px; height:9px; position:absolute; top:-2px; right:-1px; }
.reservTop { }
.reservTop ul { display:inline-block; width:100%; border:1px solid #a5a5a5; border-radius:5px; background:#fff; }
.reservTop ul li { float:left; width:20%; text-align:center; height:35px; border-left:1px solid #a5a5a5; }
.reservTop ul li:first-child { border-left:0; border-radius:5px 0 0 5px; }
.reservTop ul li:last-child { border-radius:0 5px 5px 0; }
.reservTop ul li a { font-size:15px; color:#5d5d5d; line-height:36px; display:block; }
.reservTop ul li:hover,
.reservTop ul .active { background:#7354ed; }
.reservTop ul li:hover a,
.reservTop ul .active a { color:#fff;  }
.reservTop ul li:first-child { border-left:0; }
.reservation .sfselect { position:relative; width:188px; height:35px; }
.reservTop+.sfsearch { margin-top:8px; }
.reservation select {  border:1px solid #a5a5a5; border-radius:5px; height:100%; line-height:35px; font-size:15px; color:#5d5d5d; width:100%; }
.reservation .widthFix { width:200px; }
.reservation .calendar { position:relative; width:188px; height:35px; }
.reservation .calendar::before { content:"\eb27"; font-family:remixicon; font-size:17px; color:#000; position:absolute; top:8px; right:7px; }
.reservation .calendar input { border:1px solid #a5a5a5; border-radius:5px; height:100%; line-height:35px; font-size:15px; color:#5d5d5d; width:100%; }
.reservation .sfsearch { height:35px; line-height:35px; display:flex; justify-content:space-between; align-items:center; gap:20px; position:relative; }
.reservation .sfselect::before { content:"\ea4e"; font-family:remixicon; font-size:17px; color:#000; position:absolute; top:8px; right:7px; }
.reservation .sfsearch::before { content:"\ea4e"; font-family:remixicon; font-size:17px; color:#000; position:absolute; top:1px; right:7px; }
.reservation .sfsearch input { border:1px solid #a5a5a5; border-radius:5px; height:100%; line-height:35px; font-size:15px; color:#5d5d5d; width:100%; }
.reservation .top input { border:1px solid #a5a5a5; border-radius:5px; height:100%; line-height:35px; font-size:15px; color:#5d5d5d; width:100%; height:35px; }
.reservation .sfbtn { width:115px; height:35px; }
.reservation .sfbtn button { background:#000; color:#fff; border-radius:5px; width:100%; height:100%; line-height:35px; font-size:14px; }
.reservation .sfbtn button i { font-size:15px; padding-left:5px;  }

/* 리스트상단 */
.listTop { display:flex; justify-content:space-between; align-items:center; margin-top:70px; }
.listTop ul { display:flex; justify-content:space-around; align-items:center; gap:20px; }
.listTop ul li { position:relative; }
.listTop ul li::before { content:""; position:absolute; top:4px; left:-10px; width:1px; height:11px; background:#dedede; }
.listTop ul li:first-child::before { display:none; }
.listTop .sfselect { position:relative; width:120px; height:35px; }
.listTop .sfselect::before { content:"\ea4e"; font-family:remixicon; font-size:17px; color:#000; position:absolute; top:8px; right:7px; }
.listTop select {  border:1px solid #a5a5a5; border-radius:5px; height:100%; line-height:35px; font-size:15px; color:#5d5d5d; width:100%; }
.addTop { margin-top:70px; text-align:right; }
.addTop + .listTop { margin-top:0; }

/* 행사 리스트 */
.eventList { display:flex; justify-content:space-between; align-items:center; margin-top:20px; flex-wrap:wrap; }
.eventList .event { display:flex; justify-content:flex-start; align-items:center; gap:50px; width:50%; margin-bottom:70px; }
.event .poster { width:225px; position:relative; }
.event .poster img { border-radius: 20px; }
.event .poster .new { position:absolute; top:20px; left:0; background:red; color:#fff; padding: 5px 10px 4px; font-size: 13px; }
.event .poster .ticket { position:absolute; bottom:0; left:0; width:100%; height:45px; background:rgba(0,0,0,0.6); text-align:center; border-radius:0 0 20px 20px; padding-top:11px; }
.event .poster .ticket img { height:auto; }
.eventList .detail { width:50%; }
.eventList .detail .mark span { height:35px; line-height:35px; border:1px solid; border-radius:20px; font-size:16px; text-align:center; padding:0 20px; display:inline-block; margin-right:3px; }
.eventList .detail .mark .type1 { color:#f3413d; border-color:#f3413d; background:#fef6f6; }
.eventList .detail .mark .type2 { color:#1ea47d; border-color:#1ea47d; background:#f4fffb; }
.eventList .detail .title { font-size:30px; color:#1f1f1f; font-weight:600; padding:20px 0 0; display:-webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
.eventList .detail ul { margin-top:20px; padding-top:15px; position:relative; }
.eventList .detail ul::before { content:""; position:absolute; top:0; left:0; height:1px; width:85%; background:#000; }
.eventList .detail li { padding:5px 0; }
.eventList .detail .benefit { color:#d2a106; }
.eventList .detail .benefit i { padding-right:5px; }
.eventList .detail .book { background:url(/images/homepage/www/kr/sub/bg_btn01.jpg) center no-repeat; text-align:center; width:165px; height:44px; display:inline-block; margin-top:23px; }
.eventList .detail .book a { display:block; color:#fff; line-height:44px; }
.eventList .detail .book a:focus, .eventList .detail .book a:hover, .eventList .detail .book a:active{text-decoration:underline;}

.eventList .box { width:50%; }
.eventList .box .h3Title { margin-bottom:15px; }
.eventList .box .event { width:100%; }

/* 이달의추천 */
.recommend { display:inline-block; width:100%; border-top: 2px solid #000; padding:50px 0; border-bottom:1px solid #e0e0e0; }
.recommend .leftBox { float:left; width:25%; }
.recommend .slider-nav { float:right; width:69%; }
.recommend .slick-list { padding-bottom:30px; }
.recommend .slick-track { top:30px !important; }
.recommend .slider-nav .slick-list { padding:50px 0 50px 30px; }
.recommend .slider-nav .slick-slide { position:relative; }
.recommend .slider-nav .slick-slide .lanking { position:absolute; top:0; left:0; width:55px; height:75px; background:url(/images/homepage/www/kr/sub/sub_deco04.png) center no-repeat; color:#fff; font-size:28px; font-weight:600; text-align:center; display:block; border-radius:20px 0 0 0; padding-top:10px; }
.recommend .slider-nav .slick-slide .poster { width:225px; }
.recommend .slider-nav .slick-slide .poster img { border-radius:20px; width:100%; }
.recommend .detail { width:100%; }
.recommend .control { clear:both; display:flex; align-items:center; gap:9px; margin-top:45px; }
.recommend .control span,
.recommend .control button { font-size:0; border:1px solid #dfdfdf; border-radius:50%; width:40px; height:40px; line-height:40px; display:block; text-align:center; cursor:pointer;}
.recommend .control span i { font-size:23px;}
.recommend .control span:focus-visible {outlin:1px solid #000;}
.recommend .control button i { font-size:20px; }
.recommend .slick-prev { dipslay:none !important; }
.recommend .slider-nav .slick-slide.slick-current { transform: scale(1.2); margin-top:-30px; }

/* 이동해야해◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆  갤러리게시판 */
.boardGroup { margin:0 -15px; }
.galleryBoard { display:inline-block; width:100%; margin:30px 0; }
.galleryBoard .gallery { float:left; width:33.333%; padding:0 15px; margin-bottom:100px; }
.galleryBoard .gallery .image { with:100%; height:365px; background:#f5f5f5 url(/images/homepage/www/kr/common/no_content_b.png) center no-repeat; border-radius:10px; }
.galleryBoard .gallery .image img { border-radius: 10px; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.galleryBoard .gallery .text { padding:30px 0 20px; border-bottom:1px solid #e0e0e0; }
.galleryBoard .gallery .title { font-size:20px; color:#282828; font-weight:600; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;  -webkit-line-clamp: 1; }
.galleryBoard .gallery dl { display:flex; justify-content:flex-start; align-items:center; gap:30px; padding-top:30px; }
.galleryBoard .gallery dl+dl { padding-top:10px;}
.galleryBoard .gallery dt { position:relative; }
.galleryBoard .gallery dt::before { content:""; position:absolute; top:4px; right:-16px; width:1px; height:10px; background:#e0e0e0; }

/* 사용후기 추가 */
.galleryBoard.postScript .gallery { width:25%; }
.galleryBoard.postScript .gallery .image { height:280px; }
.galleryBoard.postScript .star-rating { padding-top:15px; }
.galleryBoard.postScript .text { padding: 10px 0; }
.galleryBoard.postScript .text span { display:block; }
.galleryBoard.postScript .text .title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;  -webkit-line-clamp: 1; }
.galleryBoard.postScript .text .userid { font-size:14px; color:#a7a7a7; }
.galleryBoard.postScript .text .date { padding-top:10px; color:#535353; }





/* 게시판 보기 */
.baordTable { border-top:2px solid #222; margin-top:1.5vh; }
.baordTable table { width:100%; }
.baordTable table tr { border-bottom:1px solid #dedede; }
.baordTable table th,
.baordTable table td { padding:2vh 1vh; }
.baordTable table th { background:#f8f8f8; font-weight:500;}
.baordTable table td { font-size:15px; letter-spacing:-0.5px; color:#808080; }
.baordTable table td .ing {color:#e4585a; font-weight:600; }
.baordTable table td a:hover, .baordTable table td a:focus, .baordTable table td a:active{text-decoration:underline;} /* 웹접근성 수정 */

.infoCheck .boardBtm { background:#fff; border:none; border-top:1px solid #222; position:relative; }
.infoCheck .boardBtm+.boardBtm { border-bottom:1px solid #222; border-top:1px solid #e0e0e0; }
.infoCheck.enterInfo ul li{ padding:1.5vh 3vh; flex-wrap: wrap; }
.infoCheck.enterInfo input { border-radius:30px; }
.infoCheck.enterInfo .enterMail,
.infoCheck.enterInfo .enterPhone { display: flex; align-items: center; }
.infoCheck.enterInfo .at { padding:0 1vh; }
.infoCheck.enterInfo .select::before { top: 17px; }
.infoCheck.enterInfo .enterPhone input { margin-left:10px; position:relative; }
.infoCheck.enterInfo .enterPhone input:before {content:"";position:absolute;top:0;left:0;width:10px;height:1px;color:#e2e2e2;}

/* .infoCheck .boardBtm::before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:1px;
	background:#e0e0e0;
} */
.infoCheck .boardBtm li { border:none; min-height: auto; }
.infoCheck .boardBtm .width85 { padding:1.5vh; }
.infoCheck .boardBtm .file_add { display:inline-block; width:100%;  background:#fff; border:none; }
.infoCheck .boardBtm .file_add li {  border:none; padding:0; display:inline-block; }
.infoCheck .boardBtm .file_add .input_txt{ width:100%; border:none; background:#f8f8f8; border-radius:0; height:55px; }
.infoCheck .boardBtm .file_add .input_txt::placeholder { font-size:15px; color:#7d7d7d; }
.infoCheck .boardBtm .file_add label{position:relative; display:inline-block; width:130px; height:55px; line-height:55px; font-size:15px; color:#222; cursor:pointer; text-align:center; border:1px solid #e0e0e0; border-radius:30px;  }
.infoCheck .boardBtm .file_add .btn_upload{position:absolute;right:0;top:0;width:0;height:0;overflow:hidden;border:0 none}
.infoCheck .boardBtm .file_add .btn_upload:focus{left:auto;right:0;top:0;width:104px;height:32px;border:0 none;text-align:center;z-index:-1;outline:1px dotted #444;outline:5px auto -webkit-focus-ring-color;}
.infoCheck .file_add .fileName { margin:1vh 0 1vh 1vh; font-size:15px; }
.infoCheck .file_add .fileName+.fileName { margin-top:0; }
.infoCheck .file_add .fileName a { font-size: 12px; padding: 5px 10px; color: #fff; margin-left:5px; }
.infoCheck .file_add .fileName .red { background:red; }
.infoCheck .file_add .fileName .black { background:black; }

.boardBtm input[type='file'] { display: block; width: 0; height: 0; overflow: hidden; border:none; padding:0; }
.boardBtm .file_wrap { display: flex; align-items: center; }
.boardBtm .file_wrap .black { display: inline-block; width: 80px; height: 30px; line-height: 30px; font-size: 15px; color: #222; cursor: pointer; text-align: center; background: #e0e0e0;  margin-left: 15px; border-radius:0; text-indent: 0; }
.boardBtm .file_wrap .black:hover { background:#959595; color:#fff; }
.boardBtm .label_file { display: flex; align-items: center; justify-content: center; cursor: pointer; }
.boardBtm .span_file { padding: 0 5px 0 10px; margin-left: 10px; display: block; line-height: 55px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.consult { position: relative; padding: 2px 0 5px; display: inline-block; width: 100%; margin: 1vh 0 0 2vh; font-size: 15px; word-break: auto-phrase; }

.infoCheck .star-rating label { line-height:1.4; margin-right:40px; }
.infoCheck .star-rating input { width:auto; height:auto; margin-right:10px; }
.infoCheck .file_down { padding:1.5vh 3vh; }
.infoCheck .width25.file_down { padding-top:2.5vh; }
.infoCheck .file_down a { background:#fff; border:1px solid #e0e0e0; height:35px; line-height:35px; padding-left:20px; display:inline-block; font-size:15px; color:#7d7d7d; }
.infoCheck .file_down i {background:#fff; border-left:1px solid #e0e0e0; height:33px; line-height:33px; display:inline-block; padding:0 8px; margin-left: 15px; color:#000; font-size:19px; }
.infoCheck .prevNext { background:#fff; }
.infoCheck .prevNext li { display:flex; align-items:center; padding:3vh 3vh 2vh; justify-content: flex-start }
.infoCheck .prevNext li:last-child { justify-content:end; }
.infoCheck .prevNext li i { float:left; font-size:20px; color:#222; margin:-3px 15px 0 0; }
.infoCheck .prevNext li:last-child i { margin:-3px 0 0 15px; }
.infoCheck .prevNext li .boardPrev { display: flex; align-items: anchor-center; }
.infoCheck .prevNext li dt { font-size:15px; color:#222; position:relative; min-width: 50px; }
.infoCheck .prevNext li dt::before { content:"";position:absolute; top:3px;right:-20px;width:1px;height:13px;background:#e0e0e0;}
.infoCheck .prevNext li dl { float:left; display:flex; align-items:center; gap:40px; }
.infoCheck .prevNext li dd { color:#7d7d7d; font-size:15px; word-break: auto-phrase; }



/* 페이지네이션 */
.pagination{display:table;margin:40px auto 0;clear:both;text-align:center;}
.pagination ul{display:block;}
.pagination li{float:left;min-width:40px;height:40px;line-height:40px;margin-left:2px; }
.pagination .lastNum span,
.pagination a{display:block;text-align:center;width:100%;height:100%;padding:5px; vertical-align:middle; white-space:nowrap;line-height:25px; position:relative; color:#989898; cursor:pointer;}
.pagination a:focus{outline:1px solid #000;}
.pagination a::after { content:""; position:absolute; bottom:8px; left:50%; margin-left:-10%; width:24%; height:2px; background:#000; display:none; }
.pagination li i { font-size:25px; font-weight:300; color:#989898; }
.pagination a:hover {color:#000;}
.pagination a:hover::after { display:block; }
.pagination .current a{color:#000;font-size:15px;font-weight:500;}
.pagination .current a::after {display:block;}
.pagination .current span{position:absolute;left:-1000px;top:-1000px;width:0px;height:0px;overflow:hidden;font-size:0;text-indent:-1000em;}
.pagination .first a span,
.pagination .prev a span,
.pagination .next a span,
.pagination .last a span {font-size:0;text-indent:-9999px; display:inline-block;}
.pagination .first,
.pagination .prev,
.pagination .next,
.pagination .last { min-width:30px; }
.pagination .first a::before,
.pagination .prev a::before,
.pagination .next a::before,
.pagination .last a::before { font-family: remixicon;position: absolute;top:7px;left:0;font-size: 26px; color: #989898; }
.pagination .first a::before { content: "\f2e3"; }
.pagination .prev a::before { content: "\EA64"; }
.pagination .next a::before { content: "\EA6E";}
.pagination .last a::before { content: "\F2E5";}
.pagination .first:hover a::before,
.pagination .prev:hover a::before,
.pagination .next:hover a::before,
.pagination .last:hover a::before { color:#000; }

/* 컨텐츠  */
.contentWrap { padding:50px 0 0 0; }

/* 사업소개 */
.contentWrap .txtBox { margin-top:40px; }
.contentWrap .txtBox .bTxt { font-size:31px; color:#282828; font-weight:800; padding-top:20px; }
.contentWrap .txtBox p.type1 { color:#555; font-weight:600; padding-top:10px; line-height:1.8; word-break:auto-phrase; }
.contentWrap .txtBox p.type1 + .bTxt { padding-top:40px; }
.contentWrap .txtBox ul { padding-top:10px; }
.contentWrap .rowList { display:flex; justify-content:space-between; align-items:flex-start; gap:70px; margin-top:65px; }
.contentWrap .rowList dl { border-bottom:1px solid #b9b9b9; padding-bottom:40px; flex-basis:30%; }
.contentWrap .rowList dl:last-child { flex-basis:40%; }
.contentWrap .rowList dt { color:#7354ed; font-weight:800; background:url(/images/homepage/www/kr/sub/sub_deco05.png) left top 2px no-repeat; padding-left:16px; }
.contentWrap .rowList dd { line-height:1.8; word-break:auto-phrase; padding-top:20px; min-height:78px; }

/* 공연전시예매안내 */
.guide { border:1px solid #e2e2e2; border-radius:10px; padding:2rem 3rem 1.2rem; margin-top:10px; }
.guide+.guide { margin-top:50px; }
.guide .title { font-size:20px; color:#282828; font-weight:800; }
.guide .title i { width: 55px;height: 55px;border-radius: 50%;background: #282627;color: #fff;display: inline-block;text-align: center;line-height: 55px;font-size: 27px; margin-right: 1.5rem;}
.guide .title .first { position:relative; }
.guide .title .first::before {content:"/";position:absolute;top:0;right:16px;font-size:20px;color:#282828;	}
.guide .title .first { padding-right:40px; }
.guide+.h3Title { margin-top:55px; }
.guide ul { border-top:1px solid #e2e2e2; padding-top:20px; margin-top:25px; }
.guide li { position:relative; padding:5px 0 5px 14px; word-break: auto-phrase; }
.guide li::before { content:""; position:absolute; top:12px; left:0; width:3px; height:4px; background:#555; }

/* 신청안내  */
.request { border-top:1px solid #d7d7d7; padding-top:7vh; }
.request .box { display:inline-block; width:100%; }
.request .box+.box { margin-top:10vh; }
.request .box .title { float:left; width:25%; font-size:26px; color:#1f1f1f; font-weight:600; word-break:auto-phrase; line-height:1.5; }
.request .box .title span { display:block; }
.request .box .text { float:left; width:75%; font-size:26px; color:#1f1f1f; font-weight:600; line-height:1.5; }
.request .box .text span { display:block; }
.request .box .text dl { border-top:1px solid #d7d7d7; padding:20px; }
.request .box .text dl:last-child { border-bottom:1px solid #d7d7d7; }
.request .box .text dt { font-size:20px; font-weight:600; padding-bottom:7px; }
.request .box .text dd { font-size:18px; color:#555; line-height:1.5; padding:2px 0; }
.request .box .text dd span { font-weight:600; display:inline-block; padding-right:20px; position:relative; width:120px; }
.request .box .text dd span::before { content:""; position:absolute; top:9px; right:16px; background:#d7d7d7; width:1px; height:11px; }
.request .box .text .dl { border-top:1px solid #d7d7d7; padding:20px; }
.request .box .text .baordTable { margin-top:0; }
.request .box .text .baordTable th,
.request .box .text .baordTable td { padding:1vh; word-break: auto-phrase;}
.request .box .text .AlignCenter { border-right:1px solid #dedede; border-left:1px solid #dedede; }
.request .box .text .dt { font-size:20px; font-weight:600; padding-bottom:7px; }
.request .box .text li { font-size:20px; }
.request .box .linkBox { float: left; width: 75%;}
.request .box .linkBox ul { display:inline-block; width:100%; }
.request .box .linkBox ul li { float:left; width:50%; height:80px; text-align:center; }
.request .box .linkBox ul li a { display:block; background:#f8f9fb; border:1px solid #e9e9ea; border-radius:20px; height:100%; padding-top: 19px; margin: 0 10px; }
.request .box .linkBox ul li:hover a { border:1px solid #8e43e7; }
.request .box .icon { display:inline-block; width:100%; margin:25px -20px 0; }
.request .box .icon li { float:left; width:20%; text-align:center; position:relative; }
.request .box .icon li::before { content: "\ea6e";font-family: remixicon;position: absolute;top: 50%;left: -10px;font-size: 26px; color: #bbb; margin-top: -15px;}
.request .box .icon li:first-child::before { display:none; }
.request .box .icon dl { background:#f8f9fb; border-radius:15px; margin:0 20px; padding:25px 20px; }
.request .box .icon dt { background-color:#e7effa; width:90px; height:90px; border-radius:50%; line-height:90px; font-size:0; background-position:center; background-repeat:no-repeat; margin:0 auto; }
.request .box .icon li:first-child dt { background-image:url(/images/homepage/www/kr/sub/sub_deco07.png); }
.request .box .icon li:nth-child(2) dt { background-image:url(/images/homepage/www/kr/sub/sub_deco08.png); }
.request .box .icon li:nth-child(3) dt { background-image:url(/images/homepage/www/kr/sub/sub_deco09.png); }
.request .box .icon li:nth-child(4) dt { background-image:url(/images/homepage/www/kr/sub/sub_deco10.png); }
.request .box .icon li:nth-child(5) dt { background-image:url(/images/homepage/www/kr/sub/sub_deco06.png); }
.request .box .icon dd { font-size:18px; color:#4e4e4e; font-weight:600; padding-top:20px; border-top:1px solid #d7d7d7; margin-top:25px; min-height:92px; word-break: auto-phrase; }
.request .box .icon dd span { font-size:16px; color:#555; font-weight:400; }
.request .box .check { background:#f8f9fb; border-radius:15px; padding:30px 20px; display:flex; justify-content:space-around; align-items:center; margin:50px 40px 0 0; }
.request .box .check .title { font-size:20px; color:#1f1f1f; width:35%; text-align:center; }
.request .box .check .title span { background:url(/images/homepage/www/kr/sub/sub_deco11.png) left center no-repeat; padding-left:36px; display:inline-block; }
.request .box .check ul { position:relative; float:left; width:65%; padding-left:6vh; }
.request .box .check ul::before { content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#d7d7d7; }
.request .box .check li { font-size:18px; line-height:1.5; word-break: auto-phrase; }

.request.open .box .check .title { width:15%; }
.request.open .box .check ul { width:70%; }
.request.open .box .check ul li { word-break:auto-phrase; }
.request.open .box .check ul::before { height:100%; }
.request.open .textWrap>p { margin-top: 5vh; }
.repertory.kogl{margin-top:2rem;border-top:1px solid #585858;display:table;width:100%;}
.repertory.kogl>li{width:calc(100% / 2);padding:1vh 10vh;border:none;display:table-cell;vertical-align:middle;}
.repertory.kogl>li::before { display:none; }
.repertory.kogl .title{margin-top:0;}
.repertory.kogl .kogl{text-align:center;border-left:1px solid #ddd;}
/* 담당 부서 */
.managerInfo{border:1px solid #e5e5e5;padding:0 20px 0 60px;position:relative; margin-top:5vh; }
.managerInfo::before{content:'';position:absolute;top:50%;left:20px;width:30px;height:30px;border-radius:100%;background:#383d53 url(/images/homepage/www/kr/sub/icoManagerInfo.png) center no-repeat;background-size:14px 15px;margin-top:-15px;}
.managerInfo .info{display:flex;font-size:15px;align-items:center;height:60px;}
.managerInfo .info dt{color:#333;padding-right:9px;position:relative;font-family:'notokrMedium';}
.managerInfo .info dt::before{position:absolute;top:50%;right:0;content:'';background:#ddd;width:1px;height:12px;margin-top:-6px;}
.managerInfo .info dd{padding:0 22px 0 10px;}
.managerInfo .info dd br {display: none;}

@media all and (max-width : 1024px){
  .managerInfo{padding:10px 20px 10px 60px;}
  .managerInfo .info{flex-wrap:wrap;height:auto;}
}
/* //담당 부서 */


/* 버튼 */
.btnArea { text-align:center; margin-top:7vh; }
.btnArea ul { display:inline-block; }
.btnArea ul li { float:left; text-align:left; margin:0 5px; }
.btnArea ul li .btn { width:160px; height:50px; line-height:50px; color:#fff; border-radius:10px; display:block; padding:0 20px; position:relative; border:1px solid #c6c6c6; color:#000; /* text-align:center; */ }
.btnArea ul li a::before {content: "\ea6e";font-family: remixicon;position: absolute;top:0;right:13px;font-size: 23px;color: #fff;    }
.btnArea ul li .btn.purple { background:#7354ed; border:1px solid #7354ed; color:#fff; }
.btnArea ul li .btn.purple:hover { background:#5c37eb; border:1px solid #5c37eb; }

.btnArea.sm li { text-align:center; margin:2px 5px; }
.btnArea.sm ul li .btn { width:auto; height:43px; line-height:43px; border-radius:10px; padding:0 40px; }
.btnArea.sm ul li a::before { display:none; }
.btnArea.sm ul li .btn.purple i { font-size:20px; padding-left:5px; }
.btnArea.sm ul li:hover .btn { background:#c6c6c6; }
.btnArea.sm ul li:hover .btn.purple { background:#5c37eb; border:1px solid #5c37eb; color:#fff; }

.btnArea.innerBtn { text-align:center; margin-top:0; }
.btnArea.innerBtn ul { background:none; border:none; width:auto; justify-content: center; }
.btnArea.innerBtn ul li { float:none; border-top:0; min-height:auto; }

/* 패스 신청하기  */
/* 약관동의  */
.passRequest .passTab+.title { margin-top: 5vh; display: inline-block; }
.passRequest .title { color:#222; font-size:24px; font-weight:600; position:relative; }
.passRequest .title::before {content: "";background: url(/images/homepage/www/kr/sub/sub_deco03.gif) center no-repeat;width: 9px;height: 9px;position: absolute;top:0;right:-14px;}
.passRequest .decoNone::before { display:none; }
.passRequest .passTab ul { display:inline-block; width:100%; border:1px solid #e4e4e4; border-radius:10px;  }
.passRequest .passTab li { float:left; width:25%; border-left:1px solid #e4e4e4; text-align:center; height:60px; line-height:60px; position:relative; }
.passRequest .passTab li::before {content: "\ea6e";font-family: remixicon;position: absolute;top:14px;left:-16px;font-size: 26px;color: #7354ed; width:32px;height:32px;line-height:32px;background:#fff; border:1px solid #e4e4e4;border-radius:50%;   }
.passRequest .passTab li:first-child::before { display:none; }
.passRequest .passTab li:first-child { border-left:0; border-radius:10px 0 0 10px; }
.passRequest .passTab li:last-child { border-radius:0 10px 10px 0; }
.passRequest .passTab li a { color:#222; display:block; }
.passRequest .passTab .active,
.passRequest .passTab li:hover { background:#7354ed; }
.passRequest .passTab .active a,
.passRequest .passTab li:hover a { color:#fff; }
.passRequest .clause { background:#f8f8f8; border-top:2px solid #222; margin-top:6vh; padding:5vh 4vh; }
.passRequest .clause+.clause { margin-top:25px; }
.passRequest .clause .title { color:#282828; font-weight:800; display:inline-block; }
.passRequest .clause .agreeBox { padding:10px; border:1px solid #dbdbdb; background:#fff; height:190px; overflow-y:scroll; margin-top:15px; word-break: auto-phrase; }
.passRequest .clause .agreeBox h4 { font-size:17px; font-weight:600; padding-bottom:5px; }
.passRequest .clause .agreeBox p,
.passRequest .clause .agreeBox li { line-height:1.5; font-weight: 400; word-break: auto-phrase; }
.passRequest .clause .agreeBox p { padding-bottom: 10px; }
.passRequest .clause .agreeBox ul { padding-bottom: 10px; }
.passRequest .clause .agreeBox ul li ul { padding:5px 0 5px 10px; }
.passRequest .clause .baordTable { border-top: 1px solid #222; margin-top: 1vh; }
.passRequest .clause .baordTable table th,
.passRequest .clause .baordTable table td { padding: 6px 10px 5px; font-size: 15px; font-weight:400; }
.passRequest .clause .subText + .clauseBox { padding-top:3vh; }
.passRequest .agreeCheck ul { display:flex; justify-content: flex-end; gap: 35px; }
.passRequest .agreeCheck li { display:flex; align-items:center; gap:6px; }
.passRequest .agreeCheck label { font-size:14px; color:#7d7d7d;  }

/* 본인인증  */
.personally { border-top:2px solid #222; padding-top:4vh; margin-top: 6vh;  }
.personally .top { display:inline-block; width:100%; padding:0 7vh; }
.personally .top dl { position:relative; padding:3px 0 0 80px; }
.personally .top dl::before {content: "\f255"; font-family: remixicon;position: absolute;top:0;left:0;font-size:32px;color: #fff; width:57px;height:57px;line-height:57px;background:#282627;    border-radius:50%;   text-align:center; }
.personally .top dt { font-size:20px; color:#282828; font-weight:800; }
.personally .top dd { padding-top:9px; }
.personally .top .btnArea { margin-top: 3vh; }
.personally .guide { border:none; padding:0 7vh 1.2rem; margin-top:0; border-bottom:1px solid #e2e2e2; border-radius:0; }
.personally .guide ul { padding-top: 25px; }
.personally .bottom { border-top:2px solid #222; text-align:center; padding:4vh 0; margin-top:7vh; border-bottom:1px solid #e2e2e2; }
.personally .bottom .title { font-size:20px; font-weight:800; color:#282828; word-break: auto-phrase; }
.personally .bottom .title::before { display:none; }
.personally .bottom .text { padding-top:10px; word-break: auto-phrase; }
.personally .bottom .place { display:inline-block; padding-top:3vh; }
.personally .bottom li { float:left; border:1px solid #efefef; border-radius:10px; margin:0 30px; padding:2.5vh 3vh; }
.personally .bottom li span { display:block; }
.personally .bottom li .text {  font-weight:800; padding-top:2.5vh; }
.personally .bottom .place a { display:block; }
.personally .place li:hover { border:1px solid #000; }


/* 회원정보확인  */
.infoCheck { margin-top:6vh; border-top:2px solid #222; }
.infoCheck p:first-of-type {font-size: 18px;font-weight: 700; color: #111; margin: 3vh 4vh 3vh 4vh;}
.infoCheck ul { display:flex; /*width:100%;*/ flex-wrap: wrap; border-bottom:1px solid #e0e0e0; background:#f8f8f8; }
.infoCheck p.flexNone { display: block; width: 100%; margin: 10px 10px 0 0; font-weight: 400; font-size: 15px; }

.infoCheck ul li { float:left; padding:3vh 3vh 2.5vh; border-top:1px solid #e0e0e0; min-height:77px; display: flex; align-items: center; justify-content: center; }
.infoCheck ul li ul li { border-top:0; min-height: auto; padding: 1.5vh 2vh 1vh; }
.infoCheck ul .padding2 { padding:2vh 3vh; display:inline-block; }
.infoCheck ul li.width10 { width:10%; }
.infoCheck ul li.width15 { width:15%; }
.infoCheck ul li.width20 { width:20%; }
.infoCheck ul li.width25 { width:25%; }
.infoCheck ul li.width35 { width:35%; }
.infoCheck ul li.width40 { width:40%; }
.infoCheck ul li.width50 { width:50%; }
.infoCheck ul li.width60 { width:60%; }
.infoCheck ul li.width75 { width:75%; }
.infoCheck ul li.width80 { width:80%; }
.infoCheck ul li.width85 { width:85%; }
.infoCheck ul li.width90 { width:90%; }
.infoCheck ul li.width100 { width:100%; display:inline-block;  }
.infoCheck ul li.height01 { min-height:105px; }
.infoCheck ul li.height01 .consult { font-size: 13px; margin: -10px 0 0 2vh; }
.infoCheck ul li.heightAuto { min-height:auto; }
.infoCheck ul li.flexLeft {  justify-content: left; flex-wrap: wrap; gap: 10px;}
.infoCheck .tableTh { color:#222; }
.infoCheck .tableTh label { line-height:1; }
.infoCheck .tableTd { background:#fff; }

.infoCheck .tableTd.myAnswer { display: inline-block; padding: 1.5vh; }
.infoCheck .tableTd.myAnswer ul:nth-of-type(2n) { background:none; border-bottom: 0; }
.infoCheck .tableTd.myAnswer ul:nth-of-type(2n) li { padding: 0 2vh 0.5vh; display: flex;  gap: 7px; }

.infoCheck .tableTd .boardInner ul { background:none; border:none; }
.infoCheck .tableTd .boardInner li { float:none; width:100%; }

.layer_pop .infoCheckBtm ul li { word-break: auto-phrase; }
.layer_pop .infoCheck .select::before { top: 50%; margin-top: -11px; }
.layer_pop .infoCheck .pointType1::before { top: 50%; margin-top: -11px; }


.consult { position:relative; margin-left:4vh; padding:2px 0 5px; display:inline-block; width:100%;     word-break: auto-phrase; }
.consult.borderBtm { border-bottom:1px solid #e0e0e0; padding-left:4vh; margin-left:0; display:inline-block; width:100%; }
.consult::before { content:"*";position: absolute;top: -4px;left: -12px;color: #e4585a;font-size: 19px;}
.consult.borderBtm::before { left:24px; }
.consult.fileInfo1 { font-weight:700;font-size:17px;color:#111; }
.infoCheck ul .chk { margin-top: -5px; display: inline-block; height: 20px; }
.infoCheck ul .chk span+span { margin-left:30px; }
.infoCheck ul .chk .reqst_detail_ds { margin-right:7px; width:auto; height:auto; }
.infoCheck .textBox { border:1px solid #e0e0e0; border-radius:10px; height:145px; padding:2vh; resize:none; width:100%; }

.infoCheck.enterInfo { margin-top:2vh; }
.infoCheck .enterId { display:inline-block; }
.infoCheck .enterId .purple { background:#7354ed; border-radius:30px; color:#fff; font-size:15px; font-weight:600; height:53px; line-height:55px; display:inline-block; width:110px; margin:0 3vh 0 1.5vh;text-align:center; }
.infoCheck .enterId span+span { padding-left:1vh; }
.infoCheck .enterId span i { padding-right:5px; }
.infoCheck.enterInfo .consult { margin: 1vh 0 0 2vh; }
.infoCheck.enterInfo+.title { margin-top:5vh; display:inline-block; }
.enterAgree label { font-size: 14px; color: #7d7d7d; padding-left: 5px;     word-break: auto-phrase; }

/* 신청완료  */
.finish { border-top:2px solid #222; border-bottom:1px solid #e0e0e0; margin-top:6vh; text-align:center; padding:4vh 0; }
.finish dl { position:relative; padding-top: 7vh; }
.finish dl::before { content: "\eb7b";font-family: remixicon;position: absolute;top:0;left:50%;    margin-left:-20px; font-size:32px;font-weight:900; color: #fff; width:47px;height:47px;line-height:53px;background:#d5d5d5; border-radius:50%;text-align:center; }
.finish dt { font-size:26px; color:#282828; font-weight:600; padding-bottom:25px; }
.finish dd { line-height:1.7; }
.finish .btnArea ul li:first-child .btn:hover { background:#e0e0e0; }
.finish .btnArea ul li:first-child a::before { color:#000; }
.finish .btnArea ul li:only-child a::before { color:#fff; }
.finish .btnArea ul li:only-child .btn:hover { background:#5c37eb; }

/* 로그인  */
.logWrap .inner { width:380px; margin:0 auto; }
.logWrap dl { text-align:center; margin-bottom:4vh; }
.logWrap dt { font-size:31px; color:#1f1f1f; font-weight:600; padding-bottom:15px; }
.logWrap .ipbx { width:100%; margin:10px 0; }
.logWrap input { background:#fff; border:1px solid #e0e0e0; border-radius:5px; height:45px; line-height:45px; width:100%; color:#7d7d7d; }
.logWrap input:-internal-autofill-selected { background-color:#fff; }
.logWrap .chk { text-align:right; margin-top: 15px; }
.logWrap .chk a { font-size:14px; color:#222; position:relative; padding-left:20px; }
.logWrap .chk a:last-child::before {content:"";position:absolute;top:3px;left:7px; width:2px; height:10px;background:#ccc;}
.logWrap .loginBtm { margin-top: 2vh; }
.logWrap .loginBtm button,
.logWrap .loginBtm a { width:100%; height:50px; line-height:50px; border:1px solid #7354ed; font-size:18px; border-radius:10px; margin:8px 0; text-align:center; font-weight:600; }
.logWrap .loginBtm button { background:#7354ed; color:#fff; }
.logWrap .loginBtm a { color:#7354ed; display:block; }
.logWrap .consult { font-size:14px; color:#7d7d7d; margin-left:13px; margin-top:12px; }
.logWrap .consult::before { color:#7354ed; }
.logWrap .snsLogin { text-align:center; margin-top:4.5vh; }
.logWrap .snsLogin .title { position:relative; }
.logWrap .snsLogin .title::before { content:"";position:absolute; top:8px;left:0;width:100%;height:1px;background:#e0e0e0;}
.logWrap .snsLogin .title span { background:#fff; padding:0 10px; z-index:2; position:relative; font-size:14px; color:#7d7d7d; }
.logWrap .snsLogin ul { display:flex; justify-content:center; gap:20px; align-items:center; margin-top: 2vh; }
.logWrap .snsLogin ul li a { display:block; }
.snslinkage { margin:15px 0 35px; }
.snslinkage ul { display:flex; justify-content:flex-start; gap:10px; align-items:center; }
.snslinkage li { height:50px; line-height:50px; width:305px; border-radius:5px;  }
.snslinkage li a { display:flex; align-items:center; gap:6px; justify-content:center; }
.snslinkage .kakao { background:#fee500; }
.snslinkage .kakao a { font-size:15px; color:#3a1c1d; }
.snslinkage .naver { background:#00ac3e; }
.snslinkage .naver a { font-size:15px; color:#fff; }

/* 아이디찾음 / 비밀번호찾기 /비밀번호 재설정 */
.finish.findId dl { padding-top:0; }
.finish.findId dl::before { display:none; }
.findPw { border-top:1px solid #222; }
.findPw.borderTop { border-top:2px solid #222; margin-top:4vh; }
.joinTable { display:flex; justify-content:flex-start; align-items:center; border-bottom:1px solid #e2e2e2;}
.joinTable li { padding:15px 0; }
.joinTable .tableTh { width:25%; color:#222; position:relative; padding-left:30px; }
.joinTable .tableTh::before { content:"";position:absolute;top:15px;right:25px;width:1px;height:18px;background:#e5e5e5;}
.joinTable .tableTd { width:75%; }
.joinTable input { border:1px solid #e2e2e2; border-radius:30px; height:55px; line-height:55px; min-width:340px; padding:0 2vh; }
.joinTable .essential { padding-left:13px; }
.joinTable .essential::before { left:0; font-size: 18px; }
.personally.reSetting { padding: 4vh 0; border-bottom: 1px solid #e2e2e2; }
.joinTable .consult { margin: 10px 0 0 2vh; }

/* 레이어팝업  */
.layerWrap { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:999; }
.layer_pop { width:660px; margin:5% auto 0; padding:6.5vh 7vh 4vh; border-radius:15px; background:#fff; position:relative; }
.layer_pop .title { color:#222; font-size:24px; font-weight:600; position:relative; }
.layer_pop .title::before {content: "";background: url(/images/homepage/www/kr/sub/sub_deco03.gif) center no-repeat;width: 9px;height: 9px; position: absolute;top:0; right:-14px;}
.layer_pop .popCon { padding:40px 30px 0; }
.layer_pop .btnClose { position:absolute; top:20px; right:20px; width:36px; height:36px; border-radius:50%; background:#282828; text-align:center; }
.layer_pop .btnClose i { color:#fff; font-size:28px; line-height:36px;}
.layer_pop .joinTable .tableTh { padding-left:10px; width:35%; font-weight:600; }
.layer_pop .joinTable .tableTd { width:75%; }
.layer_pop .joinTable .tableTh::before { display:none; }
.layer_pop .joinTable input { min-width:330px; }
.layer_pop .findPw.borderTop { margin-top:2vh; }
.layer_pop .joinTable2 { display:inline-block; width:100%; }
.layer_pop .joinTable2 .tableTd { width:100%; display:flex; justify-content:center; gap:10px; padding: 0 0 15px 0; }
.layer_pop .joinTable2 .tableTd input { width:45%; min-width:auto;}
.layer_pop .btnArea { margin-top:4vh; }

.layer_basic { padding:4vh 2vh 2vh; }
.layer_basic .reservation { margin-top:0; background:none; border:none; }
.layer_basic .reserveWrap { width:100%; padding:0; }
.layer_basic .reservation .sfsearch { gap: 10px; }
.layer_basic .reservation .widthFix { width:150px; }
.layer_basic .baordTable { margin-top: 5vh; }
.layer_basic .baordTable table th,
.layer_basic .baordTable table td { padding:1vh; }

/* 레이어팝업-포인트이동  */
.layerWrapStep .layer_pop { display: none; }
.layerWrapStep .layer_pop.active { display: block; }
.layer_pop.passRequest { padding: 3vh 2vh; }
.layer_pop.passRequest .clause { padding:3vh; margin-top: 4vh; height:600px; overflow-y:auto; }
.layer_pop.passRequest .clause .agreeBox { height:100px; }

/* 레이어팝업-공연전시정보  */
.listTopAddoverlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 999; /* 팝업보다 아래 */ }
.listTopAdd { text-align: right; margin:60px 0 10px 0; position:relative;  }
.listTopAdd+.listTop { margin-top:0; }
.listTopAdd .openPopup {background: #7354ed; color: #fff;padding: 5px 15px 5px 30px; border-radius: 5px; position: relative;font-size: 14px; font-weight: 400; }
.listTopAdd .openPopup i { display: inline-block; transform: rotate(55deg); position: absolute; top:3px; left:10px;}
.listTopAdd .openPopup i::before { font-size: 16px; }
.listTopAdd .openPopup:hover { background:#553eb0; }
.listTopAdd { top:100%;  }
.listlayerWrap { background:none; }
.listlayerWrap .layer_pop { width: 300px; /*margin:70% auto 0;*/ padding:2.5vh; z-index: 1000; }
.listlayerWrap .layer_pop .btnClose { position: absolute; top:10px; right: 10px; width:auto; height:auto; border-radius:0; background:none; }
.listlayerWrap .layer_pop .btnClose i { color: #282828; font-size: 32px; line-height: 1; }
.listlayerWrap .listPopup p { word-break: auto-phrase; font-weight: 700; padding: 0 30px 10px 0; color: #7354ed; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom:6px; text-align:left; }
.listlayerWrap .listPopup dl { display: flex; gap: 20px; padding: 4px 0 0 15px; }
.listlayerWrap .listPopup dt { font-weight:600; font-size:15px; position:relative; }
.listlayerWrap .listPopup dt::before { content: ""; position: absolute; top: 6px; left: -11px; width: 4px; height: 4px; border-radius: 50%; background: #000; }
.listlayerWrap .listPopup dt::after { content: ""; position: absolute; top: 4px; right: -12px; width: 1px; height: 10px; background: rgba(0, 0, 0, 0.1); }
.listlayerWrap .listPopup .ls { letter-spacing:11px; font-weight:500; }
.listlayerWrap .listPopup dd { font-size:15px; }

    
/* 포인트 조회 */
.pointCheck { border-top:2px solid #222; padding-top:7vh; }
.pointCheck .box { width:315px; margin:0 auto; border:1px solid #e9e9e9; background:#fbfbfb; border-radius:15px; }
.pointCheck dl { padding:3vh 4vh 2vh; }
.pointCheck dt { font-size:18px; color:#676767; position:relative; padding-left:26px; }
.pointCheck dt::before { content:"P";position:absolute;top:1px;left:0;width:20px; height:20px;line-height:20px;border-radius:50%;background:#e4585a;color:#fff;font-size:15px;font-weight:600;text-align:center;}
.pointCheck dd { font-size:45px; color:#222; font-weight:600; padding-top:7px; }
.pointCheck .icon { text-align:center; border-top:1px dotted #aaaaab; padding:1vh 0; background:#f5f5f5; border-radius:0 0 15px 15px;  }
.pointCheck+.btnArea.sm ul li .btn { padding:0 20px; }
.layer_pop .infoCheck ul li { padding:1.5vh 3vh; }
.layer_pop .infoCheck ul { background:#f8f8f8; }
.layer_pop .infoCheck .tableTd { background:#fff;     min-height: 77px; }
/*.layer_pop .essential::before { top:-37px; left:-11px; }*/
.infoCheck .sfsearch.widthFix { width:230px; }
.infoCheck .select { position:relative; }
.infoCheck .select::before {content: "\ea4e";font-family: remixicon;font-size: 22px;color: #000;position: absolute;top: 0; right: 20px;line-height: 1;}
.infoCheck .select select,
.infoCheck input { border:1px solid #e2e2e2; border-radius:30px; height:55px; line-height:55px; width:230px; padding:0 2vh; }
.infoCheck ul li ul li input[type="radio"],
.infoCheck ul li ul li input[type="checkbox"] { width:auto; height:auto; }
.infoCheck .inputType1 { width:100%; border-radius:10px; }
.infoCheck .pointType1 { position:relative; }
.infoCheck .pointType1::before {content:"P";position:absolute;top:1px;right:-30px;width:20px; height:20px;line-height:20px;border-radius:50%;background:#e4585a;color:#fff;font-size:15px;font-weight:600;text-align:center;}
.infoCheck .pointType1 input { width:115px; }
.infoCheck .pointType1+span { padding-left:50px; }
.infoCheck ul.heightFix li { height:90px; line-height:90px; padding:0 3vh; }
.infoCheck ul.heightFix .tableTd { padding-right:1vh; }
.infoCheck ul.half { width:50%; float:left; }
.infoCheck ul.half+.half { position:relative; }
.infoCheck ul.half+.half::before { content:"";position:absolute;top:18px;left:0;width:1px;height:15px;background:#e0e0e0; }
.infoCheck ul.half li { float:none; }
.infoCheck ul.third { width:33.3%; float:left; margin-top:5px; border-left:1px solid #e0e0e0;}
.infoCheck ul.third li { width:100%; padding: 1.5vh 0; }
.infoCheck ul.third .tableTh,
.infoCheck ul.third .tableTd { font-size:15px; color:#7d7d7d; }
.infoCheckBtm { padding-top:25px; display:inline-block; }
.consult.before::before { display:none; }
.layerWrap .consult { padding:1vh 0 0 1.5vh; margin: 0;word-break: auto-phrase; }
.layerWrap .consult::before { top:7px; left:0px;}
.layerWrapStep .infoCheck ul { border-bottom:none; }
.layerWrapStep .layer_pop .infoCheck ul li { padding: 1.5vh; }
.layerWrapStep .infoCheck .pointBox { border-bottom: 1px solid #e0e0e0; justify-content: space-between; border-top: 1px solid #e0e0e0; }
.layerWrapStep .infoCheck .pointBox li { border-top:0; width:50%; padding: 1vh; min-height: 30px; }
.layerWrapStep .infoCheck .second li {     min-height: auto; }
.layerWrapStep .infoCheck .pointType1+span { word-break: auto-phrase; }

/* faqList */
.faqList {clear:both;width:100%;border-top:2px solid #222; margin-top:5vh;}
.faqList .itemFix { background:rgba(115,84,237,0.1); }
.faqList .item.wiki_con_hide,
.faqList .item.open {border-bottom:1px solid #cecece;}
.faqList .label {position:relative;min-height:75px;border-bottom:1px solid #cecece; display:flex; align-items:center; padding-left:35px;}
.faqList .wiki_con_hide .label {border-bottom-width:0;}
.faqList .wiki_con_hide .btn_wiki {display:none;}
.faqList .label h4 {color:#000;font-weight:700;padding:11px 0 7px;}
.faqList .label h4 span {font-size:15px; color:#333; }
.faqList .label h4 .num {margin-right:60px;font-weight:600;color:#333;font-size:26px; min-width: 80px; text-align: center; display: inline-block; }
.faqList .label h4 .sub_label + .num {color:#005755;}
.faqList .label .btn_wiki {position:absolute;right:30px;top:50%;margin-top:calc(clamp(15px, 1.4vw, 20px) * -1);width:clamp(30px, 3vw, 40px);height:clamp(30px, 3vw, 40px);}
.faqList .label .btn_wiki::before {content:'';background: url(/images/homepage/www/kr/sub/sub_deco13.gif) center no-repeat;position:absolute;left:0;top:0;text-align:center;font-family: remixicon;width:100%;height:clamp(28px, 3vw, 40px);line-height:clamp(28px, 3vw, 40px);}
.faqList .label .btn_wiki.wiki_active::before { background: url(/images/homepage/www/kr/sub/sub_deco14.gif) center no-repeat; }
.faqList .label .btn_wiki:hover,
.faqList .label .btn_wiki:focus {border-color:#919191;}
.faqList .wiki_con {font-size:15px; color:#808080; padding:25px 55px; word-break:keep-all;word-wrap:break-word;/* display: flex; gap: 55px; align-items: center; */ background:#f8f8f8; }
.faqList .itemFix .wiki_con { background:#fff; }
.faqList .wiki_con h4 { font-weight:600;color:#7354ed;font-size:26px; }
.faqList .wiki_con::after {content:'';clear:both;display:block;}
.faqList .txt_box strong,
.faqList .txt_box a {font-weight:700;}
.faqList .txt_box strong {color:#005755;}
.faqList .txt_box a {text-decoration:underline;}
.faqList .txt_box .point {font-weight:700;font-size:clamp(16px, 1.4vw, 20px);}
.faqList .txt_box p + p {margin-top:clamp(8px, 0.9vw, 12px);}

/* 설문조사  */
.survey .title { font-size:26px; color:#1f1f1f; font-weight:600; position:relative; padding-left:15px; }
.survey .title:before { content:"";position:absolute;top:6px;left:0;width:4px;height:22px;background:#188afd;}
.survey .dateList { display: flex; gap:30px; }

.surveyDate { display:flex; justify-content:flex-end; align-items:center; gap:30px; margin-top:3vh; }
.surveyDate dt { font-size:18px; color:#188afd; font-weight:600; }
.surveyDate dt i { font-weight:400; padding-right:5px; font-size:19px;  }
.surveyDate dd { font-size:18px; position:relative; }
.surveyDate dd::before { content:"";position:absolute;top:6px;left:-15px;width:1px;height:10px;background:#cacaca;	}
.surveyList { margin-top:20px; }
.surveyList .list { border:1px solid #e6e6e6; border-radius:10px; padding:3vh; }
.surveyList .list+.list { margin-top:4.5vh; }
.surveyList .list dl { display:flex; align-items:center; gap:5px; }
.surveyList .list dt { font-size:20px; color:#188afd; font-weight:800; }
.surveyList .list dd { font-size:20px; color:#282828; font-weight:800; }
.surveyList .list .subtext { font-size:16px; color:#919191;     padding: 5px 0 0 20px; font-weight:500; word-break: auto-phrase; }
.surveyList .list ul { margin-top:15px; }
.surveyList .list li { background:#f6f7f8; margin:10px 0; border-radius:5px; padding-left:15px; }
.surveyList .list label { line-height:45px; padding-left:3px; }
.surveyList .list textarea { background:#f6f7f8; border-radius:5px; font-size:16px; color:#838383; resize:none; padding:1.5vh; width:100%; margin-top:20px; height:180px; }

.surveyList .qstn-file-uploader { display:flex; align-items: center; padding:0 20px 10px;}
.surveyList .qstn-file-uploader .input_file { 
	position: relative;
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    color: #222;
    cursor: pointer;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 30px;
    padding-left:0; 
    }
.surveyList .qstn-file-uploader .span_file {
	padding: 0 5px 0 10px;
    margin-left: 10px;
    display: block;
    line-height:40px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    }
.surveyList .qstn-file-uploader .btn {
	display: inline-block;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #222;
    cursor: pointer;
    text-align: center;
    background: #e0e0e0;
    margin-left: 15px;
    border-radius: 0;
    text-indent: 0;
    }
.surveyList .qstn-attach .help-wrap { padding-right:20px; }
.surveyList .qstn-attach .help-wrap .consult + .consult { margin-top:0; }
.surveyList .qstn-attach .help-wrap .consult::before { top: 3px; font-size: 16px; }
.surveyList .qstn-attach .help-wrap .mo_ver { display:none; }






/* 사이트맵  */
.sitemapPage { border-top:1px solid #e5e5e5; padding:4vh 0 0 0; display:inline-block; width:100%; }
.sitemapPage .inner { margin:0 -12px; }
.sitemapPage .menu { float:left; width:20%; text-align:center; padding:0 12px; }
.sitemapPage .menu .title { background:#f5f5f5; font-size:24px; color:#1f1f1f; height:70px; line-height:70px; font-weight:600; letter-spacing: -1.5px; }
.sitemapPage .menu ul { margin-top:40px; }
.sitemapPage .menu li { border:1px solid #e5e5e5; height:70px; line-height:70px; margin-top:2vh; }
.sitemapPage .menu li a { display:block; font-size:20px; color:#454545; }
.sitemapPage .menu li:hover { background:#e5e5e5; }

/* 이벤트  */
.prvcyThirdptyInfo { background: #f8f8f8; margin-top:2vh;  border-top: 2px solid #222;  padding:3vh 4vh; }
.prvcyThirdptyInfo .subTitle { font-size:19px; font-weight:800;  position: relative; color:#282828; }
.eventPrivacy { width:100%; border: 1px solid #dbdbdb;  background: #fff;  margin-top:10px; }
.eventPrivacy th  { padding:7px 10px; border-top:1px solid #e0e0e0;  border-right:1px solid #e0e0e0;     word-break: auto-phrase; font-size:15px; font-weight:500;     background: #ededed; }
.eventPrivacy td { padding:7px 20px; border-top:1px solid #e0e0e0;     word-break: auto-phrase; font-size:15px; }
.prvcyThirdptyInfo .agreeCheck ul { display: flex; justify-content: end; gap: 20px; }

.infoCheck .tableTd.myAnswer .info + .info,
.infoCheck .tableTd.myAnswer .info + ul { margin-top:15px; }





 /* 반응형 - media qurey 시작 */
 /* 넓이가 1200px 이하일 때*/
@media all and (max-width:1270px){
}

/* 넓이가 1200px 이하일 때*/
@media all and (max-width:1200px){
	.request .box .icon li { width: 33%;  margin-bottom: 10px; }
	.request .box .icon li:nth-of-type(4)::before { display:none; }
	.request .box .icon dl { min-height: 185px; }
	.request .box .icon dd { padding-top: 10px; margin-top: 20px; font-size: 16px; }
	.request .box .icon dd span { display:block; }
	.request .box .check { display: inline-block; width: 100%; }
	.request .box .check .title { text-align: left;  float: none;  width: 100%;}
	.request .box .check ul { float: none; width: 100%; padding: 10px 0 0 36px;}
	.request .box .check ul::before { display:none; }

	.recommend .slider-nav .slick-slide .poster { width: 205px; }

	.infoCheck.enterInfo .enterPhone .sfsearch,
	.infoCheck.enterInfo .enterPhone input,
	.infoCheck.enterInfo .enterMail .sfsearch,
	.infoCheck.enterInfo .enterMail input { width:30%; }
	.infoCheck.enterInfo .enterMail .sfsearch { margin-left:5px; }
	.infoCheck .select select, .infoCheck input { width:100%; }
	.layer_pop .infoCheck .select select, 
	.layer_pop .infoCheck input { width:230px; }
	.infoCheck.enterInfo .select::before { top: 10px; }
	.infoCheck .enterId .idBox .purple { margin-top:1vh; }

	.sitemapPage { padding:0; }
	.sitemapPage .menu { width: 33.3%; margin-top:40px; }
	.sitemapPage .menu ul { margin-top: 10px; }

	.contentWrap .rowList { display: inline-block; width: 100%; margin-top: 40px; }
	.contentWrap .rowList dl { padding-bottom: 5px; margin-bottom: 15px;}
	.contentWrap .rowList dd { padding-top: 0; min-height: auto; }

}
/* 넓이가 1024px 이하일 때*/
@media all and (max-width:1024px){
	.recommend { padding: 0 0 50px; }
	.recommend .leftBox { float: none; width: 100%; position:relative; }
	.recommend .slider-nav .slick-slide .poster { width: 250px; }
	.eventList .detail .mark span { height: 30px; line-height: 30px; font-size: 14px; padding: 0 15px; }
	.eventList .detail ul { margin-top: 10px; padding-top: 5px;	}
	.eventList .detail .book { margin-top:10px; }
	.recommend .control { margin-top: 0; position: absolute; right: 0; bottom: 0; }
	.recommend .slider-nav { float:none; width:100%; }

	.eventList .detail .title { font-size:23px; padding:5px 0 0; word-break:auto-phrase; }
	.eventList .detail ul::before { width:53%; }
	.eventList .event { gap: 20px; margin-bottom: 30px; }
	.event .poster { width: 180px; }

	.reserveWrap.width100 .top ul {display: inline-block; }
	.reserveWrap.width100 .top ul li { float:left; margin: 0 10px; }
	.reserveWrap.width100 .top ul li:last-child { float: none; display: inline-block;  width: 100%; margin:0; }
	.reserveWrap.width100 .top ul li .sfbtn { margin:10px auto 0; }

	.request .box .linkBox ul li { height:60px; }
	.request .box .linkBox ul li a { padding-top: 16px; }
	.request .box .linkBox ul li img { height:25px; }
}
/* 넓이가 920px 이하일 때*/
@media all and (max-width:920px){
	.request .box .icon dl { padding: 20px 10px; min-height: 200px; }
	.request .box .icon dt { width:70px; height: 70px; line-height: 70px; background-size: 35px;}
	.request .box .icon dd { font-size: 18px; }

	.galleryBoard .gallery,
	.galleryBoard.postScript .gallery { width:50%;  margin-bottom: 50px; }
	.galleryBoard .gallery .text { padding: 15px 0; }
	.galleryBoard .gallery dl { padding-top:10px; }

	.infoCheck .inputType2 { width: 60%; }
	.infoCheck .star-rating label { display:block; }

}

/* 넓이가 850px 이하일 때*/
@media all and (max-width:850px){
	.reserveWrap { width: 100%; padding: 35px 20px; }
	.eventList { display: inline-block; width:100%; }
	.eventList .event { width:100%; }

	.infoCheck ul li {min-height: 45px; }
	.layer_pop .infoCheck ul li {min-height:auto; }
	.infoCheck ul li.width25,
	.infoCheck ul li.width75 { width:100%; float:none; }
	.infoCheck .enterId .purple { height: 40px; line-height: 43px;  margin: 0 1.5vh; }
	.infoCheck .select select,
	.infoCheck input,
	.infoCheck .boardBtm .file_add label { height: 40px; line-height: 40px; }
	.boardBtm .span_file { line-height: 40px; }
	.infoCheck.enterInfo ul li { padding: 1.5vh; }
	.infoCheck.enterInfo .consult { width:70%; }
	.infoCheck.enterInfo .consult br { display:none; }

    .reserveWrap.width100 .top ul li { margin: 5px 10px; width: 100%; }
    .reserveWrap.width100 .top ul li span { min-width:65px; }

    .infoCheck ul li.width15,
    .infoCheck ul li.width35,
    .infoCheck ul li.width85 { float:none; width:100%; padding: 2vh 2vh 1vh; }

    .passRequest .passTab li { width:50%; border-top: 1px solid #e4e4e4; }
    .passRequest .passTab .active,
    .passRequest .passTab li:hover { background: transparent; }
    .passRequest .passTab .active a,
    .passRequest .passTab li:hover a { color:#222; }
    .passRequest .passTab li:first-child { border-top:0; }
    .passRequest .passTab li:nth-of-type(2) { border-top:0; }
    .passRequest .passTab li:nth-of-type(3) { border-left:0; }
    .passRequest .passTab li:nth-of-type(3)::before { display:none; }
    .passRequest .clause { padding: 3vh 2vh; }
    .passRequest .title { font-size: 18px; }

    .personally .top dl { margin-bottom:15px; }    
    .personally .guide { padding: 0 7vh 1.2rem; }

    .reservTop ul { border-radius: 0; position:relative; }
    .reservTop ul::before {
    	content:"";
    	position:absolute;
    	top:50%;
    	left:0;
    	width:100%;
    	height:1px;
    	background:#a5a5a5;
    }
    .reservTop ul li { width:33.3%; }
    .reservTop ul li:first-child { border-radius: 0; }
    .reservTop ul li:last-child { border-radius: 0; border-right:1px solid #a5a5a5; }
    .reservTop ul li:nth-of-type(4) { border-left: 0; }
}

/* 넓이가 767px 이하일 때*/
@media all and (max-width:767px){
	.container { padding:70px 0; }
	h2.subTitle { padding-top: 20px; }
	.contentWrap .txtBox .bTxt { font-size:26px; padding-top:5px; }
	.contentWrap .txtBox p.type1 { padding-top: 15px; }

	.guide { padding: 1rem; }
	.guide+.guide { margin-top: 20px; }
	.guide .title i { width:30px; height: 30px; line-height: 30px; font-size: 16px; margin-right: 0.5rem;}
	.guide .title { font-size: 18px; }
	.guide ul { padding-top: 10px; margin-top: 15px; }

	.request { padding-top: 3vh; }
	.request .box+.box {  margin-top: 3vh; }
	.request .box .title { float: none; width: 100%;  font-size: 21px; position:relative; padding-left: 16px; }
	.request .box .title::before {content: "●";font-size: 12px; color: #000;position: absolute;top:6px;left: 0;	}
	.request .box .title span {  display: inline; }
	.request .box .text { float: none; width: 100%; font-size: 20px; padding: 5px 0 0 16px; }
	.request .box .text dl { border-top:0;  padding:10px 0;}
	.request .box .text dl:last-child { border-bottom:none; margin-top: 10px; }
	.request .box .text dt { padding-bottom:0; font-size: 18px; }
	.request .box .text dd { word-break: auto-phrase; font-size: 18px; }
	.request .box .check .title { padding-left:0; }
	.request .box .check .title::before { display:none; }
	.request .box .check li { font-size: 16px; word-break: auto-phrase; }
	.request .box .text .dt { font-size: 18px; }
	.request .box .text .dl { border-top:0; padding:0; }
	.request .box .text .baordTable td { padding:5px; }
	.request .box .linkBox { float:none; width:100%; margin-top:10px; }

    .baordTable table colgroup,
	.baordTable table thead {display:none;}
    .baordTable table tbody,
    .baordTable table tr,
    .baordTable table tr th,
    .baordTable table tr td {display:inline-block;width:100%;}
    .baordTable table tr {position:relative;border-bottom:1px solid #edeae0;padding:6px 0;text-align:left;}
    .baordTable table tbody {}
	.baordTable table tbody tr {font-size:0;}
    .baordTable table tbody td {position:relative;display:inline-block !important;height:auto;padding:3px 0 0 105px;text-align:left;border:0 none !important;min-height:30px;margin:1px 0;font-size:15px;}
    .baordTable table tbody td[colspan="6"] { padding:3px 0 0 0; text-align:center; }
    .baordTable table tbody td.AlignCenter { text-align:left !important; }
	.baordTable table tbody td[data-label]::before {content:attr(data-label);text-align:center;position:absolute;word-break:keep-all;word-wrap:break-word;left:0;top:0;display:inline-block;margin-right:8px;font-size:14px;height:30px;line-height:30px;font-weight:500;word-break:keep-all;background-color:#f5f5f5;color:#010000;border-radius:5px;width: 90px;}

	.personally .top { padding: 0 2vh; }
	.personally .top dl { padding: 3px 0 0 50px; }
	.personally .top dl::before { font-size: 21px; width: 40px; height: 40px; line-height: 40px}
	.personally .top dd {  word-break: auto-phrase; }
	.personally.reSetting { padding: 2.5vh 0 2vh; }
	.joinTable input { width:100%; min-width: auto; }
	.joinTable .tableTh::before { display:none; }
	.joinTable .tableTh { padding-left: 10px; }

	.layer_pop { width:95%; padding: 6.5vh 3vh 4vh; }
	.infoCheck .pointBox { border-top: 1px solid #e0e0e0; }
	.infoCheck .pointBox li {     border-top:none; }
	
	.sitemapPage .menu .title { font-size: 19px; height: 50px; line-height: 50px}
	.sitemapPage .menu li { height: 50px; line-height: 50px; margin-top: 1vh;}
	.sitemapPage .menu li a { font-size: 18px }

	.infoCheck ul li { padding: 1.5vh 1vh 1vh; }
	.infoCheck ul li.width25,
	.infoCheck ul li.width85 { float:none; width:100%; }
	.infoCheck .star-rating label img { width:80px; }

	.depth3 { padding: 1.5vh 0; }
	.depth3 ul li { padding-right: 20px; }
	.depth3 ul li a { font-size: 17px; }

	.reserveWrap.width100 .top { display:inline-block; width:100%; padding:0 10px; }
	.reserveWrap.width100 .top span { display:block; float: left; line-height: 31px; margin-right: 10px; }
	.reservation .reserveWrap.width100 .sfselect,
	.reservation .reserveWrap.width100 .calendar { width:40%; float: left; margin-bottom:5px; }
    .reservation .calendar + .calendar {  margin-left: 16px; }
    .reserveWrap.width100 .top .sfbtn { clear:both; margin:0 auto; }
    .reserveWrap.width100 .top .sfbtn span { float:none; }

    .personally .guide { padding: 0 20px 1.2rem; }
    .request .box .text .baordTable tr { padding:0; }
    .request .box .text .baordTable th { font-size: 16px; }

	.faqList .label { display: inline-block;  padding-left: 10px; width: 100%; }
	.faqList .label h4 { position: relative; }
    .faqList .label h4 .num { margin-right:0; min-width: 50px; position: absolute; height: 100%; text-align: center; }
    .faqList .label h4 .txt { padding:7px 60px 0;  display: inline-block;  word-break: auto-phrase; }
    /*.faqList .label h4 span { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;  -webkit-line-clamp: 1; padding-right: 70px; }*/
    .faqList .wiki_con { padding: 15px 40px 0; }

    .pagination li { min-width:18px; height:30px; line-height:30px; }
    .pagination a::after {  bottom: 0; }
    .pagination .first a::before,
    .pagination .prev a::before,
    .pagination .next a::before,
    .pagination .last a::before {  top: 5px;  font-size: 22px; }
    
    .survey .title { font-size: 23px; }
    .survey .title:before { height:18px; }
    .survey .dateList { gap: 0; flex-wrap: wrap; flex-direction: column; align-items: baseline; }
    .surveyDate + .surveyDate { margin-top:1vh; }
    .prvcyThirdptyInfo { padding: 2vh 3vh; }
}

/* 넓이가 630px 이하일 때*/
@media all and (max-width:630px){
    .recommend { padding: 0 0 30px; }
	.recommend .slider-nav .slick-slide .poster { width: 230px; }
	.reservation { margin-top:20px; }
	.reserveWrap { padding:20px; }
	.listTop { margin-top:30px; }

	.galleryBoard .gallery,
	.galleryBoard.postScript .gallery { width: 100%; }
	.galleryBoard .gallery .title { font-size: 18px; }

	.infoCheck ul li.width15,
	.infoCheck ul li.width25,
	.infoCheck ul li.width75 { float:none; width:100%; }
	.infoCheck ul li.width80 { width:100%; }

	.btnArea { margin-top: 2vh; }

	.infoCheck .prevNext li { padding: 1vh 0vh 0.5vh; }
	.infoCheck .prevNext li i {  font-size:18px; }
	.infoCheck .prevNext li dl { sgap: 20px;  }
	.infoCheck .prevNext li dt::before { right: -12px; }

    .reserveWrap.width100 {  padding:10px; }
    .reserveWrap.width100 .top { flex-wrap: wrap; gap: 5px 15px; }

    .request .box .icon { margin: 15px 0 0 }
    .request .box .icon li { float: none; width: 100%; margin-bottom: 20px; }
    .request .box .icon li::before { top:-27px; left: 50%; margin: 0 0 0 -15px; transform: rotate(90deg);}
    .request .box .icon li:nth-of-type(4)::before { display:block; }
    .request .box .icon dl { min-height: 70px;  display: flex; justify-content: flex-start; align-items: center; padding: 10px; margin:0; }
    .request .box .icon dt { width: 50px; height: 50px; line-height: 50px; background-size: 25px; margin: 0; }
    .request .box .icon dd { padding-top: 0;  margin:0 0 0 14px;  font-size: 16px; border-top: 0; min-height: auto; }
    .request .box .icon br { display:none; }
    
    .personally .top .btnArea { margin-top: 0; }
    .personally .top .btnArea ul { width:100%; }
    .personally .top .btnArea ul li { width:30%;  }
    .personally .top .btnArea ul li a { width:100%; height:auto; line-height:1.2; word-break:auto-phrase; padding:5px 10px; font-size:15px; }
    .personally .top .btnArea ul li a::before { right:0; }
}

/* 넓이가 600px 이하일 때*/
@media all and (max-width:600px){
	.reservation .title { font-size: 18px; }
	.reservation .title span { padding: 10px 0 10px 25px; background-size: 20px; }
    .reserveWrap { padding: 20px; }
    .reserveWrap .top { display: inline-block; width: 100%; margin-bottom: 0; }
    .reservation .sfselect,
    .reservation .calendar { width: 45%; height: 35px; float: left; margin-bottom:5px; }
    /* .reservation .sfselect + .sfselect { margin-left:10px; } */
    .reservation .calendar + .calendar { margin-left:10px; }
    .recommend .slider-nav .slick-slide .poster { width: 180px; }

    .reserveWrap .top .sfselect { width:100%; }
    .reservation .top .sfbtn { width:100%; margin-top:5px; }

    .joinTable { display: inline-block; width: 100%; }
    .layer_pop .joinTable .tableTh { width:100%; }
    .layer_pop .joinTable .tableTd {width: 100%; padding: 0 0 15px; }
    .layer_pop .joinTable input { min-width:auto; }
    
    .layerWrapStep .infoCheck .pointBox .tableTh {  word-break: auto-phrase; }
    .layerWrapStep .infoCheck .pointBox .tableTd {  word-break: auto-phrase; }

    .sitemapPage .menu { width: 50%; min-height: 170px;}

    .infoCheck .prevNext li.width50 { float:none; width:100%; text-align:center; }

    .reserveWrap.width100 .calendar::after { display:none; }
    .btnArea ul li .btn { height: 40px; line-height: 40px; }

    .guide .title span { display: block; padding-left: 40px; }
    .guide .title .first { position: relative; margin-top: -30px; }
    .guide .title .first::before { display:none; }

    .personally .bottom li { margin: 0 10px; padding: 1.5vh 3vh; }
    .personally .bottom li span img { width:40px; }
    .personally .bottom li .text {     padding-top: 1.5vh; }

}

/* 넓이가 500px 이하일 때*/
@media all and (max-width:500px){
    .container { padding: 15px 0 30px; }
    h2.subTitle { padding-top: 30px; }
    .contentWrap { padding: 30px 0 0 0; }
	.request .box .title { font-size: 18px; }
	.request .box .text { font-size: 16px; }
	.request .box .text dt,
	.request .box .text dd { font-size: 16px; }
	.request .box .text .dt { font-size: 16px; }
    .request .box .check { padding:20px; }
    .request .box .check .title { font-size: 18px; line-height: 1.3; }
    .request .box .check .title span { word-break: auto-phrase; background: url(/images/homepage/www/kr/sub/sub_deco11.png) left top 5px no-repeat; padding-left: 28px; background-size: 20px;}
    .request .box .check ul { padding: 10px 0 0 0; }
    .reservation .title { padding:0; }
    .reservation .title span { background:none; word-break: auto-phrase; }
    .reservation .title .red { display:block; }
    .reservation .title .red::before { right:17px; top:0; }
    .reserveWrap { padding: 10px; }

    .infoCheck.enterInfo .enterMail,
    .infoCheck.enterInfo .enterPhone { flex-wrap: wrap; }
    .infoCheck .enterId .purple { margin: 0.5vh 0 0; }
    .infoCheck.enterInfo .consult { width:100%; }
    .infoCheck.enterInfo .enterMail .sfsearch {  width: 100%; margin: 5px 0 0; }
    .infoCheck.enterInfo .enterPhone { display:inline-block; width:100%; }
    .infoCheck.enterInfo .enterPhone input {width: 47%; float: left;   margin: 5px 0 0; }
    .infoCheck.enterInfo .enterPhone input + input { margin-left:5px; }
    
    .layerWrapStep .infoCheck .pointBox .tableTh { width:40%; min-height:auto; }
    .layerWrapStep .infoCheck .pointBox .tableTd { width:60%; min-height:auto; } 
	.layer_pop .infoCheck ul.third { width:100%; border-left: 0; }
	.layer_pop .infoCheck .infoCheckBtm .tableTh,
	.layer_pop .infoCheck .infoCheckBtm .tableTd { min-height:30px; }
	.layer_pop .infoCheck .tableTd.width75 { display:inline-block; min-height: auto; }
	.layer_pop .infoCheck .tableTd.width75 span { display:inline-block;}	
	.layerWrapStep .infoCheck .pointType1+span { padding:10px 0 0 5px; }

    .passRequest .passTab li { height: 45px; line-height: 46px; }
    .passRequest .passTab li a { font-size:14px; }
    .passRequest .passTab li::before { top: 11px; left: -13px; font-size: 20px; width: 25px; height: 25px; line-height: 25px; }
    .passRequest .title { font-size: 16px; }
    .passRequest .clause { margin-top: 3vh; padding:2vh; }
    .passRequest .clause .agreeBox h4 { font-size: 15px; }
    .passRequest .clause .agreeBox p,
    .passRequest .clause .agreeBox li { font-size: 15px; line-height: 1.3; }

    
    .personally { padding-top: 3vh; margin-top: 3vh; }
    .personally .top dl { margin-bottom: 5px; }
    .personally .top .btnArea ul { width:100%; }
    .personally .top .btnArea ul li { width:80%; margin:5px auto 0; float: none; }
    .personally .bottom li { float:none; margin:10px; }
    
    .survey .title { font-size: 20px; }
    .survey .title:before { height: 16px; top:5px; }
    .surveyDate { margin-top:2vh; }
    .surveyDate + .surveyDate { margin-top: 0; }
    .surveyDate dt { font-size: 16px; }
    .surveyDate dt i { font-size: 17px; }
    .surveyDate dd { font-size: 16px; }
    .prvcyThirdptyInfo { margin-top: 1vh; padding:2vh; }
    .prvcyThirdptyInfo .subTitle { font-size: 17px; }
    .prvcyThirdptyInfo .info + .subTitle { margin-top:2vh; }
    
    .surveyList .qstn-file-uploader .span_file { display:none; }
    .surveyList .qstn-attach .help-wrap .mo_ver { display:inline-block; } 
}

/* 넓이가 470px 이하일 때*/
@media all and (max-width:470px){
	.reserveWrap { padding: 10px; }
    .recommend .slider-nav .slick-slide .poster { width: 250px; }
    .logWrap .inner { width:100%; }
    .pointCheck { padding-top: 5vh; }
    .pointCheck .box { width: 250px; }
    .pointCheck dd { font-size: 38px; }
    .btnArea { margin-top: 3vh; }
    .reserveWrap.width100 { padding: 20px 10px; }
    .reserveWrap.width100 .top ul li { display: inline-block; width: 100%;  margin: 5px 0 0;}
    .reserveWrap.width100 .top ul li span { display: block; }
    .reserveWrap.width100 .top ul li .sfbtn { margin: 0 auto; }
    .infoCheck .inputType2 {  width: 100%;  }
    .pagination .lastNum span,
    .pagination a { font-size:14px; }
    .pagination .first a::before, .pagination .prev a::before, .pagination .next a::before, .pagination .last a::before { font-size: 19px; }
}
/* 넓이가 420px 이하일 때*/
@media all and (max-width:420px){
	.btnArea ul { width:100%; }
    .btnArea ul li { width:100%; margin: 2px 5px; }
    .btnArea ul li a,
    .btnArea ul li .btn { width:100%; }

	.personally .top .btnArea {float: none; margin: 0 20px; }

	.request .box .linkBox ul li { height: 45px; }
    .request .box .linkBox ul li a { padding-top: 12px; }
    .request .box .linkBox ul li img { height: 20px; }

    .reservTop ul::before {top: 33.3%; }
    .reservTop ul::after {
    	content: "";
        position: absolute;
        top: 66.6%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #a5a5a5;
    }
    .reservTop ul li { width: 50%; height: 30px; }
    .reservTop ul li a { line-height:30px; }
    .reservTop ul li:nth-of-type(odd) { border-left:0; }
    .reservTop ul li:nth-of-type(4) {  border-left:1px solid #a5a5a5; }
    .reservTop ul li:last-child { border-right:0; }

    .faqList .label { padding-left: 10px; }
    .faqList .label .btn_wiki { right: 15px; }
    .faqList .label .btn_wiki::before { top:5px; }
    
    .layer_pop .joinTable2 .tableTd { display:inline-block; }
	.layer_pop .joinTable2 .tableTd input { width:100%; }
	.layer_pop .joinTable2 .tableTd input:last-child { margin-top:10px; }
}
/* 넓이가 400px 이하일 때*/
@media all and (max-width:400px){
	.sitemapPage .menu {  width: 100%; min-height: auto; }

	.joinTable { display: inline-block; width: 100%; }
	.joinTable .tableTh,
	.joinTable .tableTd { width:100%; }
	/* .joinTable .tableTd { border-top:1px solid #e2e2e2; } */
	.infoCheck .select::before { right: 9px; }

    .infoCheck .boardBtm .file_add label { width:100px; }
    .boardBtm .span_file { margin-left:0; }
    .request .box .text dd span { display:block; }

    .eventList .event { align-items: flex-start; }
    .eventList .detail { paddig-top:5px; }
    .eventList .detail .mark span { height: 25px; line-height: 25px; padding: 0 10px; }
    .eventList .detail .title { font-size: 20px; }
    .eventList .detail .book { margin-top: 0; width: 120px; height: auto; background-size: 100%;}
    .eventList .detail .book a { line-height: 32px; }

    .reservation .reserveWrap.width100 .sfselect,
    .reservation .reserveWrap.width100 .calendar { width:100%; }
    .reservation .calendar + .calendar { margin-left:0; }

    .guide .title { font-size: 17px; }

    .request .box .icon dd { text-align:left; }
    
    .surveyDate { margin-top:1vh; flex-wrap: wrap; flex-direction: column; align-items: baseline; gap: 0; }
    .surveyDate dd::before { display:none; }
    .surveyDate + .surveyDate { margin-top: 3px; }
    .eventPrivacy th { padding: 5px; }
    .eventPrivacy td { padding: 5px 10px; }
}