/* ---------------------------- 공통[S] --------------------- */
#subwrap { position:relative; width:1280px; margin:80px auto 30px auto; }

/* ======= 탭메뉴 ======== */
.tap { position:relative; width:100%; overflow:hidden; text-align:center; }
.tap ul li { display:inline-block;  }
.tap ul li a { display:inline-block; margin:0 10px; font-family:'Noto Sans KR'; color:#6f6f6f; font-size:18px; font-weight:500; text-align:center; }
.tap ul li a:hover { color:#016CC7; }
.tap ul li.on a { color:#016CC7; }

/* ======= 검색폼 ======== */
#searchwrap { position:relative; width:100%; max-width:1300px; margin:0 auto; margin-top:50px; margin-bottom:50px; background:#f7f7f4;}
#searchwrap ul { width:600px; height:40px; padding:50px 0; margin:0 auto;}
#searchwrap ul li { float:left; margin:0 2px;}
.search { width:120px; background:#fff; font-size: 14px; }
.search select { border:0px; width:100%; height:44px; border: 1px solid #dcdcdc;  color: #999; padding: 0 14px; box-sizing: border-box; background:url('/images/reserv/selectbg.jpg')no-repeat 98px; 0; }
.search select { border-radius:0;  }
.searchicon input { display: block; width:340px; height:44px; padding: 0 14px; color: #999; border: 1px solid #dcdcdc; box-sizing: border-box; font-size: 14px; }
.searchicon2 input { width: 100px; height: 44px; line-height: 34px; background: #222; color: #fff; font-size: 14px; text-align: center; border: 1px solid #000; font-family: 'Noto Sans KR'; }



/* ======= 리스트 ======== */
#listtablewrap { position:relative; width:100%; margin:0 auto; }
#listtable { width:100%; border-top:2px solid #000; font-family:'Noto Sans KR'; }
#listtable tr th { height:70px; border-bottom:1px solid #bababa; color:#3e3f41; font-size:15px; color:#000; background:#fff; }
#listtable tr td { padding:20px 0; border-bottom:1px solid #e0e0e0; color:#3e3f41; font-size:16px; text-align:center; font-family:'NanumSquare'; }
#listtable tr td:hover {border-bottom:1px solid #471b56; color:#000; }
#listtable tr td.con { color:#000000; text-align:left; padding-left:10px; }
#listtable tr td.con span { color:#471b56; }
#listtable tr td.daytd { color:#404040;  }
#listtable tr td.daytd2 { color:#334f8e;  }
#listtable tr td.con span { padding-left:10px; padding-right: 5px;}

.listbt_01 { width:57px; height:23px; margin:0 auto; padding-top:8px; color:#fff; background:#334f8e;  } /* 공지 표기 */
.listbt_02 { display:block; width:80px; height:34px; line-height:34px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:13px; color:#fff; background:#3b3b3b; border-radius: 26px; } /* 답변 대기 */
.listbt_03 { display:block; width:80px; height:34px; line-height:34px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:13px; color:#fff; background:#471b56; border-radius: 26px; } /* 답변 완료 */


/* ======= 페이징 ======== */
#pageingWrap { width:100%; margin:auto; padding:40px 0 20px 0; text-align:center; overflow:hidden; }
#pageingWrap ul li { display:inline-block; margin:0 2px; vertical-align:middle; }
#pageingWrap ul li.no_bton { width:34px; text-align:center; font-family:'Noto Sans KR'; font-size:12px; color:#fff; background:#000; border:1px solid #000; padding:8px 0; cursor:pointer; border-radius: 26px; }
#pageingWrap ul li.no_btoff { width:34px; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; border:1px solid #e4e4e4; padding:8px 0; cursor:pointer; border-radius: 26px; }
#pageingWrap ul li.no_btoff2 { width:41px; height:28px;padding-top:12px; border-top:1px solid #8b8b8b; border-right:1px solid #8b8b8b; border-bottom:1px solid #8b8b8b; font:bold 16px 'Noto Sans KR'; color:#000000; background:#ffffff; text-align:center; }


/* ======= 버튼 ======== */
#noticebt { position:relative; width:100%; padding:30px 0px 34px 0px; margin:0 auto; overflow:hidden; }
#noticebt ul li { float:right; margin-left:14px; }
#noticebt ul li.bt1 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; border:1px solid #000; background:#000; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt1 a:hover { color:#fff; background:#471b56; border:1px solid #471b56; }
#noticebt ul li.bt2 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt2 a:hover { color:#fff; background:#471b56; border:1px solid #471b56; }
#noticebt ul li.bt3 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt3 a:hover { color:#fff; background:#471b56; border:1px solid #471b56; }
#noticebt ul li.bt4 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt4 a:hover { color:#fff; background:#471b56; border:1px solid #471b56; }
#noticebt ul li.bt5 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt5 a:hover { color:#fff; background:#471b56; border:1px solid #471b56; }

.listEnd input { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#000; border:1px solid #000; padding:15px 0; cursor:pointer; border-radius: 26px; }
.listEnd input:hover { color:#fff; background:#471b56; border:1px solid #471b56; }
.bt6 input { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#000; border:1px solid #000; padding:15px 0; cursor:pointer; border-radius: 26px; }
.bt6 input:hover { color:#fff; background:#471b56; border:1px solid #471b56; }


/* ======= 댓글 ========= */
dl.cmtInsert { position:relative; width:100%; }
dl.cmtInsert dt {padding:10px 0px;}
dl.cmtInsert input {border:1px solid #999;font-size:18px;width:130px;}
dl.cmtInsert textarea {border:1px solid #999; width:100%;height:80px;}

dl.coment dt {padding-left:3px; border-top:2px solid #999;margin-top:20px;padding-bottom:5px;border-bottom:1px dotted #999;background:#efffff;}
dl.coment dd {padding-left:10px; padding-top:5px;border-bottom:1px solid #999;padding-bottom:10px;}
dl.coment dd.hide {display:none;}
dl.coment span.cmt_name {font-size:13px;font-weight:bold;}
dl.coment input {border:1px solid #999;font-size:18px;width:130px;}
dl.coment textarea {border:1px solid #999; width:100%;height:80px;}


/* ======= 테이블 글 쓰기 ========= */
table.writeTable { width:100%; border-top:2px solid #000; }
table.writeTable th { text-align:center; background:#fff; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; font-size:17px; color:#000; }
table.writeTable td { padding:30px 15px; text-align:left; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; font-size:14px; color:#000; }
table.writeTable select { border:0px; width:90%; height:44px; border: 1px solid #dcdcdc;  color: #999;  font-family:'Noto Sans KR'; font-size:15px; padding: 0 14px; box-sizing: border-box;  background-position: 390px 10px; }
table.writeTable select { border-radius:0;}
table.writeTable select option { display:block; line-height:160%; padding:10px 0; }
table.writeTable input.input_name { width:90%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; }
table.writeTable input.input_txt40 { width:20%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; }
table.writeTable input.input_txt80 { width:20%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; }
table.writeTable tr.email select { border:0px; width:20%; height:44px; border: 1px solid #dcdcdc;  color: #999;  font-family:'Noto Sans KR'; font-size:15px; padding: 0 14px; box-sizing: border-box;  background-position: 190px 10px; }
table.writeTable th.textArea {vertical-align:top; padding-top:30px;}
table.writeTable span { color:red; }
table.writeTable span.inputTxt { margin:0px 4px; }
table.writeTable textarea.contentTxt {width:90%; height:500px;}
table.writeTable input.input_txtFile { width:200px; height:26px; border:0px solid #adadad; }

#prvie { width:100%; max-width:1280px; margin:0 auto; height:170px; overflow-y:scroll; padding:30px 30px 30px 30px; border:1px solid #ddd; box-sizing: border-box; font-family:'NanumSquare'; font-size:13px; }
#prvie_check { width:100%; text-align:left; margin:10px auto; font-family:'NanumSquare'; font-size:13px; }

td.file p { padding-bottom:8px; }


/* ======= 테이블 글 보기 ========= */
table.viewTable { width:100%; border-top:2px solid #000; border-bottom:1px solid #000; }
table.viewTable col.titleBox { width:15%; }
table.viewTable col.insertBox { width:85%; }
table.viewTable tbody td { padding:30px 0; border-bottom:1px solid #ddd;}
table.viewTable tbody td.contents { padding:20px 3%; font-family:'Noto Sans KR'; color:#444; font-size:14px; }
table.viewTable tbody ul.subject {width:100%;}
table.viewTable tbody p.title{ width:83%; padding-left:2%; float:left; font-size:30px; color:#000; font-family:'Noto Sans KR'; }
table.viewTable tbody p.day{width:13%; padding-right:2%; padding-top:15px; float:left; font-family:'Noto Sans KR'; color:#404040; font-size:16px; text-align:right;}
table.viewTable tbody p.day span {  float:right; padding-left:14px; color:#471b56; font-family:'Noto Sans KR'; }
table.viewTable tbody li.file { padding:5px 4px; font-family:'Noto Sans KR'; color:#404040; font-size:16px; }
table.viewTable tfoot { font-family:'Noto Sans KR'; color:#000; font-size:16px; border-bottom:1px solid #000;}
table.viewTable tfoot tr.next td {border-top:1px solid #000;border-bottom:1px solid #ddd;}
table.viewTable tfoot tr.prev td {border-bottom:1px solid #000;}
table.viewTable tfoot td.title {padding:15px 10px;}
table.viewTable tfoot td.title img {padding:0px 15px;}
table.viewTable tfoot td.subject { font-family:'Noto Sans KR'; font-size:14px; }

table.viewTable tbody td.re_contents { padding:20px 3% 50px 3%; margin-bottom:20px; font-family:'Noto Sans KR'; color:#444; font-size:14px; line-height:150%; }
table.viewTable tbody td div.rptitle { width:120px; padding:10px 0;  background:#111; color:#fff; font-family:'Noto Sans KR' !important; font-size:18px; text-align:center; }
table.viewTable tbody td div.rp { width:96%; padding:22px 2%; border:1px solid #111; }

table.viewTable tfoot ul li.bt1 { position:absolute; top:80px; right:0px; }
table.viewTable tfoot ul li.bt2 { position:absolute; top:80px; right:132px; }
table.viewTable tfoot ul li.bt3 { position:absolute; top:80px; right:263px; }
table.viewTable tfoot ul li.bt4 { position:absolute; top:80px; left:0px; }

#writeBtnLine ul{width:100%;padding:25px; 0px;}
#writeBtnLine li{ }
#writeBtnLine li.listEnd {  }

.re_contents { padding:50px 0 0 0; margin-bottom:20px; font-family:'Noto Sans KR'; color:#444; font-size:14px; line-height:150%; }
.re_contents  div.rptitle { width:120px; padding:10px 0;  background:#111; color:#fff; font-family:'Noto Sans KR' !important; font-size:18px; text-align:center; }
.re_contents  div.rp { width:96%; padding:22px 2%; border:1px solid #111; }



/*******************************************************/
/*****				갤러리 게시판 CSS				****/
/*******************************************************/

/* 리스트 */
#medialistwrapGall { position:relative; width:100%; margin:0 auto; }
#medialistwrapGall ul.medialistul { width: calc(100% + 20px); margin: 0px 0 0 -20px; overflow:hidden; }
#medialistwrapGall ul li.medialist { float: left; display: inline-block; margin: 50px 0 0 30px; }
#medialistwrapGall ul li.medialist ul { position: relative; width:403.2px; padding-bottom:40px; background: #fff; box-sizing: border-box; }
#medialistwrapGall ul li.active div {  z-index:10; }
#medialistwrapGall .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#medialistwrapGall .medialist ul li.thumbnail { width:100%; max-height:400px; overflow:hidden; }
#medialistwrapGall .medialist ul li.thumbnail img{ width:100%; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
#medialistwrapGall .active ul li.thumbnail img{ overflow: hidden; -webkit-transform:  scale(1.1); -moz-transform:  scale(1.1); -o-transform: scale(1.1); transform:  scale(1.1); }
#medialistwrapGall .medialist ul li.title {  width:100%; padding:18px 0 8px 0; text-align:center;  }
#medialistwrapGall .medialist ul li.title a { font-size:20px; color:#000; font-weight:700; text-decoration:none; }
#medialistwrapGall .medialist ul li.text { width:100%; padding:0px 0; text-align:left; line-height:170%;word-wrap:break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#medialistwrapGall .medialist ul li.text a { color:#888; font-size:15px; }
#medialistwrapGall .medialist ul li.text2 { position:absolute; top:20px; right:20px; width:50px; padding:18px 0; text-align:left; font-size:12px; color:#fff; background:#000; cursor:pointer;
}
#medialistwrapGall .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}

/* 상세 보기 */
#medialistwrapView { position:relative; width:100%; display:inline-block; margin:0 auto; }
#medialistwrapView ul {  }
#medialistwrapView ul li.txt_title { position:relative; width:100%; padding:30px 0; margin:0 auto; border-top:2px solid #000; border-bottom:1px solid #999; overflow:hidden;  }
#medialistwrapView ul li.txt_text { padding:40px 3%; font-family:'Noto Sans KR'; color:#444; font-size:14px; border-bottom:1px solid #000; }
#medialistwrapView ul li.txt_text img { max-width:100%; }

#medialistwrapView p.title{ width:83%; padding-left:2%; float:left; font-size:30px; color:#000; font-family:'Noto Sans KR'; }
#medialistwrapView p.day{ width:13%; padding-right:2%; padding-top:15px; float:left; font-family:'Noto Sans KR'; color:#404040; font-size:16px; text-align:right;}
#medialistwrapView p.day span { float:right; padding-left:14px; color:#471b56; font-family:'Noto Sans KR'; }



/*******************************************************/
/*****					FAQ 게시판 CSS				****/
/*******************************************************/
/* ======= 리스트 ======== */
#notice_content { width:100%; margin:0 auto; border-top:2px solid #000; padding-bottom:20px; }

.qnawrap { width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0;  */
.question_notice { width:100%; height:46px; padding:30px 0; overflow:hidden; background:#f9f8f8; }
.question_notice ul li.category {  float:left; width:150px; padding:0 20px 0 50px; font-family:'Noto Sans KR'; color:#000; font-size:18px; padding-top:10px;  }
.question_notice ul li.question{  float:left; display:block; width:55px; margin-left:50px; text-align:center; font-family:'Noto Sans KR'; font-size:24px; color:#fff; border:1px solid #471b56; background:#471b56; padding:10px 0;
border-radius: 100%;
}
.question_notice ul li.questiontitle { float:left; padding-top:8px; margin-left:24px; font-family:'Noto Sans KR'; color:#000; font-size:30px; cursor:pointer; }

.answer_notice { width:100%; overflow:hidden; }
.answer_notice ul li.answer  { float:left; display:block; width:55px; margin-left:50px; margin-top:30px;  text-align:center; font-family:'Noto Sans KR'; font-size:24px; color:#fff; border:1px solid #000; background:#000; padding:10px 0;
border-radius: 100%;
}
.answer_notice ul li.answertitle { float:left; width:1000px; margin-left:50px; margin-top:50px; font-family:'NanumSquareL'; font-size:15px; color:#444; line-height:190%; padding-bottom:50px; }
.answer_notice ul li.answertitle dl dd { position:absolute; top:0px; right:0px; padding:8px 8px 8px 8px; font:bold 15px 'Noto Sans KR'; color:#3f3f3f; cursor:pointer; }


/*******************************************************/
/*****					뉴스 게시판 CSS				****/
/*******************************************************/

/* ======= 리스트 ======== */
	#medialistwrap { position:relative; width:100%; margin:0 auto; line-height:170%;}
	#medialistwrap div.mediBox {position:relative;display:inline-block;vertical-align:top;border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa;}
	#medialistwrap div.mediBox div.noticeLayer { position:absolute; left:45px;top:0px; }
	#medialistwrap ul.medialist { position:relative; width:400px; padding-top:10px; padding-bottom:30px; margin:auto; float:left;}
	#medialistwrap ul.medialist li.title { float:left; margin-top:48px; width:325px; font:bold 14px 'Noto Sans KR'; color:#000000; text-decoration:underline; }
	#medialistwrap ul.medialist li.title img { padding-left:10px; }
	#medialistwrap ul.medialist li.hit { margin-top:48px; float:left; font:bold 14px 'Noto Sans KR'; color:#334f8e; }
	#medialistwrap ul.medialist li.day { padding-top:20px; clear:both; font:14px 'Noto Sans KR'; color:#404040; }
	#medialistwrap ul.medialist li.con { margin-top:36px; width:392px;  background:#000; }
	#medialistwrap ul.medialist li.text { margin-top:16px; padding:20px 30px 10px 30px; width:330px; height:100px; background:#f9f9fb; border:1px solid #d0d0d8; }
	#medialistwrap ul.medialist li.bt { text-align:right; padding-top:20px; }
	#medialistwrap ul.medialist li.bt a {margin-right:10px; background:#3d5894; padding:10px 14px; color:#fff; font-weight:bold; }
	.tosee {clear:both; position:relative;  padding:20px 0px; margin:15px auto;background:#f0f0f0;  font:bold 14px 'Noto Sans KR'; color:#334f8e; text-align:center; }

/* ======= 상세 보기는 일반 게시판 css ======== */



/*******************************************************/
/*****				동영상 게시판 CSS				****/
/*******************************************************/

/* ======= 리스트 ======== */
	#mediawrap { position:relative; width:100%; margin:0 auto; display:inline-block;}
	#mediawrap ul li { clear:both; width:100%; }

	#media { width:100%; height:710px; background:#000000;}
	#mediaContent { display:block; width:100%; padding-top:10px;padding-bottom:20px; border:0px solid #ddd;}

	div#viewArea2 {width:100%;display:inline-block;}

	div.movieClose{position:absolute;top:0px;right:0px;cursor:pointer;z-index:2;}
	.mediatitle { width:100%;margin:20px auto 0;}
	.mediatitle li{float:left; display:inline-block; }
	.mediatitle li.title { width:1000px; text-align:left; font-family:'Noto Sans KR'; font-size:16px;color:#444; text-decoration:underline;}
	.mediatitle li.day { width:280px; text-align:right; }
	.mediatitle li.day span {font-family:'Noto Sans KR'; font-size:16px;color:#1bd5ec; }

	.mediathum { position:relative; width: calc(100% + 20px); margin:60px 0 0 -20px; overflow:hidden; font-size:0;}
	.mediathum dl { float:left; width:412.66666px; margin-left:20px; margin-bottom:40px;  }
	.mediathum dl dt { width:100%; height:230px; background:#707070; overflow:hidden; }
	.mediathum dl dt img { width:100%; }
	.mediathum dl dd {  width:100%; height:115px; border:1px solid #ddd;box-sizing:border-box;}

	.mediathumtext li { margin-left:20px; }
	.mediathumtext li.title { margin-top:20px; font-family:'Noto Sans KR'; font-size:14px;color:#000; }
	.mediathumtext li.hit { margin-top:6px; font-family:'Noto Sans KR'; font-size:14px;color:#334f8e; }
	.mediathumtext li.day { margin-top:6px;font-family:'Noto Sans KR'; font-size:14px;color:#404040; }



/*******************************************************/
/*****				전후사진[basic_bnf] 게시판 CSS	****/
/*******************************************************/
/*******************************************************/

	#bnfwrap { position:relative; width:844px; margin:0 auto; margin-top:50px; }
	#bnf { width:100%; margin:0 auto; text-align:center;  }

	#bnf ul li.bnfbtleft { position:absolute; top:220px; left:-80px; }
	#bnf ul li.bnfbtright { position:absolute; top:220px; right:-80px; }
	#bnf ul li.bnfimg { position:relative; width:844px; height:554px; }
	#bnf ul li.bnfimg div.photos {position:absolute; top:0px; left:0px; width:844px; height:554px; }
	#bnf ul li.bnfcon { width:100%; padding:30px 0; margin:auto; font-family:'Noto Sans KR'; font-size:22px; color:#fff; font-weight:700; background:#471b56; position:relative;  }
	#bnf ul li.pointbt { width:100%; margin-top:30px; text-align:center; }
	#bnf ul li.pointbt ul li { display:inline-block; width:65px; height:65px; margin:0 -1px; }

	#bnfwrap .thumbnail { position:relative; width:844px; margin:0 auto; margin-top:50px; }
	#bnfwrap .thumbnail ul li { float:left; width:270px; margin-left:17px; }
	#bnfwrap .thumbnail ul li img { width:100%; }
	#bnfwrap .thumbnail ul li.first { margin-left:0px; }


/*******************************************************/
/*****				전후사진[list_bnf] 게시판 CSS	****/
/*******************************************************/

	#bnfwrap2 { position:relative;width:1240px; padding-top:96px; margin:auto;}
	#bnf2 { float:left; width:730px; margin-left:50px; margin-top:50px;  text-align:center; }
	#bnf2 ul li { float:left; display:inline-block; }
	#bnf2 ul li.bnfimg { position:relative; width:605px;height:355px; }
	#bnf2 ul li.bnfimg div.photos {position:absolute; top:0px; left:0px; }
	#bnf2 ul li.bnfbtleft { margin-right:20px; padding-top:170px; }
	#bnf2 ul li.bnfbtright { margin-left:20px; padding-top:170px; }
	#bnf2 ul li.bnfcon2 { width:604px; margin-top:20px; margin-left:62px; background:#ececec; }
	#bnf2 ul li.bnfcon2 div dl dt { font:bold 16px  'Noto Sans KR',Dotum; text-decoration:underline; padding-top:46px; }
	#bnf2 ul li.bnfcon2 div dl dd { font:14px  'Noto Sans KR',Dotum; color:#6e6e6e; padding-top:16px;padding-bottom:20px;}
	div.thumbnail2 { float:right;  width:220px; }
	div.thumbnail2 ul {padding-top:10px;}
	div.thumbnail2 ul li { }
	div.thumbnail2 ul li.first {  }
	div.thumbnail2 div.thumbnail_con { padding-top:20px; width:220px; height:45px; background:#ececec; text-align:center;}


/*******************************************************/
/*****				스타 전후사진 게시판 CSS		****/
/*******************************************************/
#starthumwrap { position:relative; width:100%; margin:0 auto;   padding-top:20px; }
#starthumwrap ul li {  float:left; }
#starthumwrap dd.star_con { width:210px; height:27px; text-align:center; font-size:12px; padding-top:10px;  text-align:left; }
#starthumwrap li.btleft { margin-right:16px; padding-top:50px; }
#starthumwrap li.listBox { position:relative;left:0px;top:0px;width:870px;height:170px;overflow:hidden;}
#starthumwrap li.btright { margin-left:12px; padding-top:50px; }

#star_thum {position:absolute;left:0px;top:0px;}
#star_thum dl { float:left; margin-right:6px; }
#star_thum dl dt {width:210px;height:135px;}
#star_thum dl dd {width:210px;height:35px;}

#starwrap { clear:both; position:relative; width:100%; height:780px; margin:0 auto;  border-bottom:2px solid #000; }
#star_btn {position:absolute; left:-50px;width:110%;display:none;}
#star_btn ul{width:100%;}
#star_btn li.lBtn{float:left;}
#star_btn li.rBtn{float:right;}
#star { width:100%; margin:0 auto; text-align:center; }
#star ul { padding-top:70px; padding-left:42px; }
#star ul li { float:left; display:inline-block; }
#star ul li.starimg {width:100%;position:relative;}
#star ul li.starimg div.photos {left:0px;top:0px;display:inline-block;}
#star ul li.starcon { width:100%; background:#ececec;  padding-top:46px; padding-bottom:20px;}
#star ul li.starcon div dl dt { font:bold 16px  'Noto Sans KR',Dotum; text-decoration:underline; text-align:left;margin-left:5px;}
#star ul li.starcon div dl dd { font:14px  'Noto Sans KR',Dotum; color:#6e6e6e; padding-top:16px; text-align:left;margin-left:5px;}



#eventnotice { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px;  }
#eventnotice ul { padding-top:0px;  }
#eventnotice ul li.medialist { margin-right:14px; margin-left:14px; margin-bottom:60px; position:relative; width:390px; display:inline-block;  }
#eventnotice .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#eventnotice .medialist ul li.thumbnail { position:relative; margin:auto; width:388px; height:290px;  z-index:1; overflow:hidden; border:1px solid #000; }
#eventnotice .medialist ul li.thumbnail img{ width:100%; }
#eventnotice .medialist ul li.title { width:358px; padding:38px 15px 8px 15px; text-align:center;   border-left:1px solid #bababa; border-right:1px solid #bababa; }
#eventnotice .medialist ul li.title a { font:bold 16px 'Noto Sans KR'; color:#58473c; text-decoration:none; }
#eventnotice .medialist ul li.day { width:358px; padding:0px 15px 12px 15px; text-align:center;   border-left:1px solid #bababa; border-right:1px solid #bababa; }
#eventnotice .medialist ul li.day a { font:bold 16px 'Noto Sans KR'; color:#f49e81; text-decoration:none; }
#eventnotice .medialist ul li.text { width:358px; padding:0px 15px 42px 15px; text-align:center;  line-height:170%;word-wrap:break-word; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa;  }
#eventnotice .medialist ul li.text a { font:13px 'Noto Sans KR'; color:#777; }
#eventnotice .medialist ul li.bt { text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px; }
#eventnotice .medialist ul li.oning { position:absolute; top:0px; right:0px; padding:10px 16px; z-index:999; background:#eb4252; font:bold 14px 'Noto Sans KR'; color:#fff; }
#eventnotice .medialist ul li.offing { position:absolute; top:0px; right:0px; padding:10px 23px; z-index:999; background:#000; font:bold 14px 'Noto Sans KR'; color:#fff; }

#bnfnotice { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px;  }
#bnfnotice ul { padding-top:0px;  }
#bnfnotice ul li.medialist { width:100%; margin:0 auto; padding-bottom:50px; border-bottom:1px solid #f0c2b3; }
#bnfnotice .medialist ul li.viewimg { position:relative; width:1092px; margin:0 auto; overflow:hidden; }
#bnfnotice .medialist ul li.viewimg p { float:left; width:526px; margin:0 10px; }
#bnfnotice .medialist ul li.viewimg img{width:100%;}
#bnfnotice .medialist ul li.title { position:relative; width:1072px; margin:0 auto; margin-top:10px; padding:30px 0; background:#8d7666; font:bold 26px 'Noto Sans KR'; color:#fff; text-align:center; }
#bnfnotice ul li.thumbnail { width:100%; margin:0 auto; padding-top:50px; text-align:center; }
#bnfnotice ul li.thumbnail ul { display:inline-block; width:23%; margin:0 0.8%; }
#bnfnotice .thumbnail ul li.viewimg { position:relative; width:100%; margin:0 auto; overflow:hidden; }
#bnfnotice .thumbnail ul li.viewimg p { float:left; width:49%; margin:0 0.5%; }
#bnfnotice .thumbnail ul li.viewimg img{width:100%;}
#bnfnotice .thumbnail ul li.title { position:relative; width:100%; margin:0 auto; margin-top:10px; padding:10px 0; background:#000; font:bold 14px 'Noto Sans KR'; color:#fff; text-align:center; }



/* 스크립트 후 추가 CSS */
#medialistwrapView .medialist div ul li.thumbnail div.loadingBar {position:absolute;text-align:center;width:100%;padding-top:250px;}

/*******************************************************/
/*****				이벤트 CSS				****/
/*******************************************************/
div#event_list {width:100%;}
div#event_list li.event_box {float:left;width:398px;max-height:800px;overflow:hidden;margin-bottom:15px;border:1px solid #ddd;text-align:center;}
div#event_list li.event_box ul li.thumbnail img{width:100%;max-height:400px;}
div#event_list li.event_box ul li.thumbnail_text {width:94%;padding:0 3%;font:bold 14px 'Noto Sans KR';height:30px;margin-top:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.ml40{margin-left:40px;}

.insertEndBtn{width:260px;margin:0 auto;padding-bottom:30px;}
.insertEndBtn li{float:left;margin:0 10px;}
.insertEndBtn li a{display:block;width:110px;padding:15px 0;background:#B28B57;color:#fff;font:bold 15px "Noto Sans KR",Gulim; }
.insertEndBtn li a:hover{background:#5d5d5d;color:#fff;}

#medialistwrapGall_event { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px;}
#medialistwrapGall_event ul { padding-top:0px; }
#medialistwrapGall_event ul li.medialist { vertical-align:top; margin-right:17px;margin-bottom:25px; position:relative; width:407px; height:350px;overflow:hidden;border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; }
#medialistwrapGall_event .medialist ul li.best { position:absolute; top:0px; left:0px; }
#medialistwrapGall_event .medialist ul li.thumbnail { margin-top:23px; margin-left:21px; width:305px; max-height:305px;overflow:hidden; border:1px solid #d3d3db; }
#medialistwrapGall_event .medialist ul li.title { padding:20px 0 16px 0; width:80%; margin:0 auto;  font:bold 16px 'Noto Sans KR'; color:#000000; text-decoration:underline; }
#medialistwrapGall_event .medialist ul li.date { padding:0px 0 16px 0; width:80%; margin:0 auto;  font:bold 13px 'Noto Sans KR'; color:#000000;}
#medialistwrapGall_event .medialist ul li.text { padding:0px 0 16px 0; width:80%; margin:0 auto; font:13px 'Noto Sans KR'; color:#5f5f61; line-height:170%;word-wrap:break-word;}
#medialistwrapGall_event .medialist ul li.bt {text-align:right;padding:20px 0px; }
#medialistwrapGall_event .medialist ul li.bt span {margin-right:30px;}


/* ======= 모바일 다음글 / 이전글 ======== */

#noticenext {width:100%;padding:20px 0px;position:relative; }
#noticenext li.c1 {width:20%;float:left;}
#noticenext li.c1 img {vertical-align:middle;margin:5px;}
#noticenext li.c2 {width:70%;float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

#noticeback {width:100%;padding:20px 0px;position:relative; }
#noticeback li.c1 {width:20%;float:left;}
#noticeback li.c1 img {vertical-align:middle;margin:5px;}
#noticeback li.c2 {width:70%;float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/* ======= 모바일 상단 뷰 ======== */
#noticetitle { clear:both; width:100%; min-height:64px;display:inline-block; margin:0 auto; border-top:2px solid #000;  border-bottom:1px solid #bababa; }
#noticetitle ul li.title { width:65%; text-align:left; float:left; margin-top:20px; padding-left:30px; font:bold 16px 'Noto Sans KR'; color:#000000;  }
#noticetitle ul li.day { width:30%; float:right; text-align:right; margin-top:20px; font:14px 'Noto Sans KR'; color:#404040; }
#noticetitle ul li.day span { margin-left:10px; margin-right:30px; font:bold 14px 'Noto Sans KR'; color:#866f3b; }

#noticecontent { width:100%; margin:0 auto; padding:50px 0px 50px 0px; font:14px 'Noto Sans KR'; line-height:170%;}
#noticecontent img{max-width:100%;height:auto;}

#mobile_reservetable td.mobileName input[type=text]{border:1px solid #ddd;margin-left:1px;}
#mobile_reservetable td {padding:4px 0px;}

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

/* 리스트 */
#medialistwrapGall2 { position:relative; width:100%; margin:0 auto; }
#medialistwrapGall2 ul.mediaul { width: calc(100% + 20px); margin: -40px 0 0 -20px; }
#medialistwrapGall2 ul li.medialist { float: left; display: inline-block; margin: 50px 0 0 20px; }
#medialistwrapGall2 ul li.medialist div { position: relative; width: 413.2px; padding-bottom:40px; border:1px solid #dad4d3; background: #fff; box-sizing: border-box;
border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;
-moz-border-top-left-radius: 14px; -moz-border-top-right-radius: 14px; -moz-border-bottom-left-radius: 14px; -moz-border-bottom-right-radius: 14px;
-webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px; -webkit-border-bottom-left-radius: 14px; -webkit-border-bottom-right: 14px;
}
#medialistwrapGall2 ul li.active div {  border:1px solid #471b56;  box-shadow:0 4px 4px rgba(0,0,0,.1);z-index:10; }
#medialistwrapGall2 .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#medialistwrapGall2 .medialist ul li.thumbnail { width:100%; height:260px; overflow:hidden;
border-top-left-radius: 14px; border-top-right-radius: 14px;
-moz-border-top-left-radius: 14px; -moz-border-top-right-radius: 14px;
-webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px;
}
#medialistwrapGall2 .medialist ul li.thumbnail img{ width:100%; height:260px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
#medialistwrapGall2 .active ul li.thumbnail img{ overflow: hidden; -webkit-transform:  scale(1.1); -moz-transform:  scale(1.1); -o-transform: scale(1.1); transform:  scale(1.1); }
#medialistwrapGall2 .medialist ul li.title { padding:25px 25px 0px 25px; }
#medialistwrapGall2 .medialist ul li.hashTag { padding:25px 25px 0px 25px; }
#medialistwrapGall2 .medialist ul li.title a { font:bold 18px 'Noto Sans KR'; color:#111; text-decoration:none; }
#medialistwrapGall2 .medialist ul li.text { width:100%; padding:0px 0 0 0; text-align:center;  line-height:170%;word-wrap:break-word;    }
#medialistwrapGall2 .medialist ul li.text a { font:13px 'Noto Sans KR'; color:#777; }
#medialistwrapGall2 .medialist ul li.text2 { position:absolute; top:20px; right:20px; width:50px; padding:18px 0; text-align:center; font-family:'Noto Sans KR'; font-size:12px; color:#fff; background:#000; cursor:pointer;
border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px;
-moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px;
-webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px;
}

#medialistwrapGall2 .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}
#medialistwrapGall2 .blue { color: #0000ff; }
.text-right { text-align: right; }
.moreBtn { background-color: #471b56; color: #fff; padding: 15px 15px; border-radius: 10px; border: 1px solid #000; font-size: 16px; font-weight: bold; }


.paylist { position:relative; width:1300px; margin:0 auto; padding:100px 0; }
.payselect { width:1300px; margin:0 auto; }
.payselect select { width:220px; height:40px; margin-right:10px; outline: none; }


.paylisttable { width:100%; }
.paylisttable  th { height:60px; background:#471b56; font-weight:500; font-size:16px; color:#fff; }
.paylisttable  td { height:60px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; text-align:center;  font-size:14px; color:#000; }
.paylisttable  td:last-child { border-right:0px; }
table.depth02 td{border-left: 1px solid#c7c7c7;}






/* 포커스 */
#focus { position:relative; width:100%; }
#focus ul.focusul { position:relative; width:100%; height:520px; margin-top:50px; padding:50px 56px; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; }
#focus ul.focusul li.focustxt { float:left; position:relative; width:378; height:403px; padding-left:50px; }
#focus ul.focusul li.thumbnail { float:right; width:737px; height:403px; overflow:hidden; }
#focus ul.focusul li.thumbnail img { width:100%; }
#focus ul.focusul li.focustxt ul li.cate { width:100px; height:38px; font-size:16px; font-weight:500; line-height:36px; text-align:center; color:#471b56; border:1px solid #471b56; box-sizing:border-box; }
#focus ul.focusul li.focustxt ul li.title a { display:block; width:100%; padding-top:32px; font-size:24px; font-weight:700; color:#000; line-height:1; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
#focus ul.focusul li.focustxt ul li.con a { display:block; width:80%; padding-top:22px; font-size:17px; font-weight:100; color:#000; line-height:180%; }
#focus ul.focusul li.focustxt ul li.day { position:absolute; top:0px; left:0px; }


/* 포커스 */
#newmedia { position:relative; width:100%; }
#newmedia ul.mediaul { position:relative; width:100%; height:520px; margin-top:50px; padding:50px 56px; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; }
#newmedia ul.mediaul li.txt { float:right; position:relative; width:380; height:403px; padding-left:40px; }
#newmedia ul.mediaul li.thumbnail { float:left; width:737px; height:403px; overflow:hidden; }
#newmedia ul.mediaul li.thumbnail img { width:100%; height:403px; }
#newmedia ul.mediaul li.txt ul li.title a { display:block; width:100%; padding-top:52px; font-size:24px; font-weight:700; color:#000; line-height:1; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
#newmedia ul.mediaul li.txt ul li.con a { display:block; width:80%; padding-top:22px; font-size:17px; font-weight:100; color:#000; line-height:180%; }
#newmedia ul.mediaul li.txt ul li.tag { display:block;padding-top:50px; font-size:19px; font-weight:500; color:#000; line-height:180%; }





#medialistwrapGall3 { position:relative; width: calc(100% + 12px); margin:60px 0 0 -12px; overflow:hidden;  }
#medialistwrapGall3 ul { padding-top:0px;  }
#medialistwrapGall3 ul li.medialist { float:left; position:relative; width:416px; margin-left:12px; padding:30px 32px; margin-bottom:30px; border:1px solid #d9d9d9; box-sizing:border-box; }
#medialistwrapGall3 .medialist ul li.best { position:absolute; top:20px; right:20px; z-index:10; }
#medialistwrapGall3 .medialist ul li.thumbnail { position:relative; margin:auto; width:100%; z-index:1; height:240px; margin-top:20px; overflow:hidden;}
#medialistwrapGall3 .medialist ul li.thumbnail img { width:100%; min-height:240px; }
#medialistwrapGall3 .medialist ul li.title { padding-top:22px; width:100%; margin:0 auto; font-size:24px; font-weight:700; color:#000; letter-spacing:-1px; line-height:140%; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
#medialistwrapGall3 .medialist ul li.title a { color:#000; }
#medialistwrapGall3 .medialist ul li.text { padding-top:14px; width:100%; margin:0 auto; height:76px;  font-size:17px; font-weight:200; color:#212529; line-height:180%; }
#medialistwrapGall3 .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}
#medialistwrapGall3 .medialist ul li.number_icon { width:100%; padding-bottom:10px; font-size:15px; color:#212529; }
#medialistwrapGall3 .medialist ul li.date { padding-top:8px; font-size:15px; font-weight:200; color:#212529; }
#medialistwrapGall3 .medialist ul li.name { padding-top:8px; font-size:15px; font-weight:200; color:#212529; }
#medialistwrapGall3 .medialist ul li.count { padding-top:8px; font-size:15px; font-weight:200; color:#212529; }
#medialistwrapGall3 .medialist ul li span { display:inline-block; width:60px; font-size:15px; font-weight:500; color:#212529; }
#medialistwrapGall3 .medialist ul li.notice_icon { position:absolute; top:24px; right:32px; z-index:10; width:38px; height:38px; line-height:37px; background:#471b56; text-align:center; color:#fff; font-size:11px; font-weight:400; border-radius:100%; }
#medialistwrapGall3 .medialist .text img { display:none; }








#filenotice { position:relative; width:100%; margin:54px 0 0 0; border-top:1px solid #e5e5ea; overflow:hidden;  }
#filenotice ul { position:relative; width:100%; height:140px; border-bottom:1px solid #e5e5ea; box-sizing:border-box; }
#filenotice ul li.title { padding-top:46px; font-size:30px; font-weight:500; color:#000; line-height:1; }
#filenotice ul li.title span { display:inline-block; width:32px; height:29px; margin-left:10px; vertical-align:top; line-height:27px; text-align:center; font-size:15px; font-weight:500; color:#8bcfd5; border:1px solid #8bcfd5; box-sizing:border-box; }
#filenotice ul li.date { padding-top:28px; font-size:15px; font-weight:500; color:#595959; line-height:1; }
#filenotice ul li.filebt a { 
display:block; position:absolute; top:46px; right:0px; width:118px; height:42px; padding-right:20px; border:1px solid #000; border-radius:40px; text-align:center; line-height:41px;
font-size:15px; color:#000; font-weight:500; background:url('/images/common/filebtbg.jpg')no-repeat 86px 10px; box-sizing:border-box;
}

#filenotice .filemore { position:relative; width:100%; padding:70px 0; }
#filenotice .filemore a { 
display:block; width:156px; height:54px; margin:0 auto; border:1px solid #595959; border-radius:42px; text-align:center; line-height:54px;
font-size:15px; color:#595959; font-weight:500; box-sizing:border-box;
}
#filenotice .filemore a span { font-size:10px; }