@charset 'UTF-8';

/***** subPage  *****/
.titArea h3 {
	margin: 130px 0 221px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;	
	color:#000;
} 
#wrap.gray .titArea h3,
#wrap.gray .webzine-intro h4,
#wrap.gray .webzine-intro p {
	color:#fff;
}
#wrap.gray .corner-view #playView b,
#wrap.gray #playView * {
	color:#fff;
}
#wrap.gray .corner-view .summary {
	color:#ff8b2b!important;
}
/* 코너  */
.corner-visual {
	width: 100%;
	height: 300px;
	margin: 0 0 40px 0;
	padding: 100px 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	object-fit: contain;
}
.corner-visual h3 {
	margin-bottom:10px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	line-height: normal;
	color: #000;
}
#wrap.gray .corner-visual h3,
#wrap.gray .corner-visual p {
	color: #fff;
}	
.corner-visual p {
	font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    color: #000;
}
.corner-visual p.writter04 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.corner-visual p.subtitle {
	margin-bottom: 25px;
	font-size: 28px;
	font-weight: normal;
 	text-align: center;
	color: #000;
}
.corner-visual01 {
	background-image: url('../img/bg_corner-visual01.png');
}
.corner-visual02 {
	background-image: url('../img/bg_corner-visual02.png');
}
.corner-visual03 {
	background-image: url('../img/bg_corner-visual03.png');
}
.corner-visual04 {
	background-image: url('../img/bg_corner-visual04.png');
}
.corner-visual05 {
	background-image: url('../img/bg_corner-visual05.png');
}
.corner-visual06 {
	background-image: url('../img/bg_corner-visual06.png');
}
.corner-visual07 {
	background-image: url('../img/bg_corner-visual07.png');
}
.corner-visual08 {
	margin-bottom: 60px;
	background-image: url('../img/bg_corner-visual08.png');
}
.corner-visual09 {
	margin-bottom: 60px;
	background-image: url('../img/bg_corner-visual09.png');
}
.corner-visual10 {
	margin-bottom: 60px;
	background-image: url('../img/bg_corner-visual10.png');
}
.thumb-list ul {
	display: flex;
	flex-wrap: wrap;
}
.thumb-list ul li {
	width: 49%;
	margin-bottom: 20px;
	border-top:2px solid #2b2e34;
	border-bottom:2px solid #2b2e34;
	box-sizing: border-box;
}
#wrap.gray .thumb-list ul li {
	border-color:#fff;
}	
.thumb-list ul li:nth-child(odd) {
	margin-right: 20px;
}
.thumb-list ul li a {
	display: flex;
	transition: 0.3s;
}	
.thumb-list ul li a .img {
	width: 280px;
	height: 210px;
	position: relative;
}
.thumb-list ul li a .img img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right: 0;
	bottom:0;
	left:0;
}	
.thumb-list ul li a .cont {
	width: 280px;
	height: 210px;
	padding:20px;
	box-sizing: border-box;
	/* background-color: #e7f7fa; */
}  
.thumb-list ul li a:hover .cont  {
	background-color:#f0d0b9; 	
}	
.thumb-list ul li a .cont h4 {
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}	
#wrap.gray .thumb-list ul li a .cont h4 {
	color: #fff;
}	
.thumb-list ul li a .cont p {
	
	font-weight: 600;	
	color: #000;
}
.thumb-list ul li a .cont p.writer {
	letter-spacing: -1px;
}
#wrap.gray  .thumb-list ul li a .cont p {
	color: #fff;
}
.thumb-list ul li a .cont .summary {
	margin-bottom:30px;
	font-size: 20px;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.thumb-list ul li a .cont .wirter {
	font-size: 14px;
	line-height: normal;
}

/* 꽃점 */
/* 검색영역 */
.searchArea {
	width: 680px;
	margin: 0 auto 68px;
	position: relative;
}
.searchArea select { 
	display: inline-block;
	width:124px;
	margin-right: 15px;
	padding:8px 0;
	border:none;
	border-bottom:2px solid #2b2e34;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
#wrap.gray .searchArea select { 
	border-bottom-color:#fff;
	color: #fff;
}	
.searchArea > input { 
	width:536px;
	padding:8px 29px 8px 0;
	border:none;
	border-bottom:2px solid #2b2e34;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	box-sizing: border-box;
}
#wrap.gray .searchArea select,
#wrap.gray .searchArea > input { 
	background-color: #000;
	border-bottom-color:#fff;
	color: #fff;
}	
.searchArea > input::placeholder {
	color: #9a9b9f !important;	
}
.searchArea .searchBtn {
	position: absolute;
	top:9px;
	right: 0;
	cursor:pointer;
} 
#wrap.gray .searchArea .searchBtn img {
	filter: invert();
}
.calendar-wrap .searchArea {
	width: 100%;
	margin-top: 10px;
}
.calendar-wrap .searchArea select {
	min-width:80px;
	width: 80px;
}
.calendar-wrap .searchArea > input {
	width: calc(100% - 99px);
	padding: 8px 29px 8px 0;
}

.dir-top_wrap {
	display: flex;
	padding-bottom:20px;
}
.dir-top_wrap.l_right {
	justify-content: flex-end;
}

/* 탭메뉴 */
.tab-menu { 
	display: flex;
	margin: 0 0 20px 0;
}
.tab-menu li:first-child {
	margin-right: 10px;
}
.tab-menu li button {
	width: 72px;
    line-height: 38px;
    height: 38px;
	border:1px solid #000;
	background-color: #fff;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}
.tab-menu li button.active{
	background-color: #ff8b2b;
}
.tab-menu li button:hover{
	background-color: #ff8b2b;
}
.tab-cont{
	display: none;
}
.tab-cont.active{
	display:block;
}
.flower-list {
	border-top: 2px solid #000;
}
#wrap.gray .flower-list {
	border-top: 2px solid #fff;
}
.flower-list>ul>li{
	padding: 30px 0;
	border-bottom: 2px solid #000;
	position: relative;
}
#wrap.gray .flower-list>ul>li{
	border-bottom: 2px solid #fff;
}
.flower-list>ul>li::after{
	content: "";
	display: block;
	clear: both;
}
.flower-list>ul>li .thumb{
	float: left;
	width:220px;
	height: 300px;
	position: relative;
}
.flower-list>ul>li .thumb img{
	width: 100%;
	height:100%;
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
}
.flower-list>ul>li .text {
	float: right;
	width: calc(100% - 270px);
}
.flower-list>ul>li .cmt_cont .text {
	float: none;
}
.flower-list>ul>li .text .title{
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #000;
}
#wrap.gray .flower-list>ul>li .text .title{
	border-bottom: 1px solid #fff;
}
.flower-list>ul>li .text .title a {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	padding-right:150px;
}
#wrap.gray  .flower-list>ul>li .text .title a {
	color: #fff;	
}
.flower-list>ul>li .text .title .period {
	display: flex;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	color: #000; 
	letter-spacing: -1px;
}
#wrap.gray .flower-list>ul>li .text .title .period {
	color:#fff;
}	
.flower-list>ul>li .text .title .period em:first-child {
	margin-right: 8px;
	padding-right: 10px;
	position: relative;
}
.flower-list>ul>li .text .title .period em:first-child::after{
	content: '';
	width:2px;
	height: 16px;
	background-color: #000;
	position: absolute;
	top:4px;
	right: 0;
}
.flower-list>ul>li .review{
	margin:  0 0 10px 0;
	letter-spacing: -1px;
}
.flower-list>ul>li .review::after{
	content: "";
	display: block;
	clear: both;
}
.flower-list>ul>li .review dt {
	float: left;
	width: 100px;
}
.flower-list>ul>li .review dt .name {
	display: block;
	line-height: 1.5;;
	font-size: 16px;
	color: #000;
}
#wrap.gray .flower-list>ul>li .review dt .name {
	color: #fff;
}
.flower-list>ul>li .review dd{
	position: relative;
	font-family: 'NotoKrL';
	line-height: 24px;
	float: right;
	width: calc(100% - 100px);
	box-sizing: border-box;
}
.flower-list>ul>li .review dd .text{
	display: block;
	width: 100%;
	padding-right: 136px;
}
.flower-list>ul>li .review dd .txt_date {
	display: block;
	padding-top:5px;
	font-size: 14px;
	font-weight: 600;
}
.flower-list>ul>li .review dd .flower{
	display: block;
	line-height: 1;
	/*
	position: absolute;
	width: 86px;
	top:0;
	right: 0;
	*/
}
.flower-list>ul>li .review dd .flower img{
	height: 14px
}
.flower-list>ul>li .review dd .btns{
	display: block;
	position: absolute;
	top:0;
	right: 0;
}
.flower-list>ul>li .review dd .btns a{
	font-size: 14px;
	font-weight: 600;
	color:#000;
}
#wrap.gray .flower-list>ul>li .review dd .btns a {
	color:#fff;
}
.flower-list>ul>li .review.type01 dd .btn-modify{
	margin-left: 5px;
}
.flower-list>ul>li .review.type01 dd .text {
	padding-right: 188px
}
.flower-list>ul>li .review.type01 dd .flower{
	top:0;
	right: 69px;
}
.flower-list .moreBtn {
	display: block;
	margin-top: 20px;
}
.btn-review {
	display: block;
	width: 134px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #000;
	text-align: center;
	background-color: #e5f6fa;
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	top:30px;
	right:0;
	z-index: 5;
}
.btn-review > span {
	font-size: 14px;
	font-weight: 700;
	color:#000;	
}
.btn-medium1 {
	display: block;
	width: 134px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #000;
	text-align: center;
	background-color: #e5f6fa;
	font-size: 14px;
	font-weight: 700;
}
.btn-medium1 > span {
	font-size: 14px;
	font-weight: 700;
	color:#000;	
}


/* 객석 */
.seat-cont {
    width: 680px;
    margin: 0 auto;
}
.seat-cont h4{
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    color:#000;
}
#wrap.gray .seat-cont h4{
    color:#fff;
}
.seat-cont p,
.seat-cont ol li{
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color:#000;    
}
#wrap.gray  .seat-cont p,
#wrap.gray  .seat-cont ol li{
    color:#fff;    
}
.seat-cont p {
    margin-bottom: 30px
}

/* 댓글쓰기 */
.comment-box{ 
    width: 680px; 
    margin: 40px auto 0;
}
.comment-box .write .inpArea {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.comment-box .write .inpArea input{
    width:330px;
}
.comment-box .write .textBox{
    width: 680px;
    height: 120px;
    padding: 10px;
    border: 2px solid #707070;
    background-color: #fff;
}
.comment-list{
    margin-top: 60px;
}
.comment-list > li {
    padding: 20px 0;
    position: relative;
    border-top:2px solid #000;
}
.comment-list > li[class*=reply] {
	border-top:1px solid #9a9b9f;
}	
.comment-list > li[class*=reply]::before {
	content: '';
	width: 14px;
	height:17px;
	background: url('../img/img_reply.png') no-repeat 0 0;
	position: absolute;
	top:20px;
}	
.comment-list > li.reply01 {
	padding-left: 35px;
}	
.comment-list > li.reply01::before {
	left: 0;
}	
.comment-list > li.reply02 {
	padding-left: 55px;
}	
.comment-list > li.reply02::before {
	left: 20px;
}	
.comment-list > li.reply03 {
	padding-left: 75px;
}	
.comment-list > li.reply03::before {
	left: 40px;
}	
#wrap.gray .comment-list > li {
	border-top-color:#fff;
}
/* .comment-list li.no-data{
	text-align: center;
	border-bottom: 0;
	padding: 30px 0 0 0
} */
.comment-list > li p {
	font-size: 14px;
	color: #000;
}
#wrap.gray .comment-list > li p {
	color: #fff;
}	
.comment-list > li .name{
    margin-bottom: 15px;
    font-weight: bold;
}
.comment-list > li .txt {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}
.comment-list > li .date{
    font-weight: 600;    
}
.comment-list > li .btns{
    position: absolute;
    top:20px;
    right:0;
}
.comment-list > li .btns a {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
}
#wrap.gray .comment-list > li .btns a {
	color:#fff;
}	

/* 달력 */
.performance-inforList {
    float:right;
	width: 628px;    
}
.performance-inforList ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}
.performance-inforList ul li:last-child {
	margin-bottom: 60px;
}	
.performance-inforList ul li .cont {
    width: 398px;
    border-bottom: 2px solid #000;
    position: relative;
}
#wrap.gray .performance-inforList ul li .cont {
	border-bottom-color:#fff;
}	
.performance-inforList ul li .cont h4 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
	padding-right:32px;
}
.performance-inforList ul li .cont h4 span {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: bold;
}
.performance-inforList ul li .cont p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
}
.performance-inforList ul li .cont .date {
    margin-bottom: 5px;
}
.performance-inforList ul li .cont .keyword {
    margin-top:5px;
    color:#ff8b2b
}
.performance-inforList ul li .thumb {
    width:210px;
    border-bottom: 2px solid #000;
    text-align: center;
}
#wrap.gray .performance-inforList ul li .thumb {
	border-bottom-color:#fff;
}	
.performance-inforList ul li .thumb a img {
	width: 193px;
}	
.performance-inforList ul li .icons {
	display: flex;
	margin-top: 40px;
}
.performance-inforList ul li .icons span {
	margin-right: 5px;
}
#wrap.gray .performance-inforList ul li .icons span img {
filter: invert();
}
.performance-inforList ul li .non-flower-shop,
.performance-inforList ul li .flower-shop{
	position: absolute;
    top: 0;
    right: 0;
}
.calendar-wrap {
    position: relative;
}
.calendar-box{
    width:369px;
    position:fixed;
    top:426px;
    left: 403px;
}
.calendar-box .controll{
	position:relative;
	margin: 0 0 30px 0;
}
.calendar-box .controll>div{
	height: 35px;
	background-color: #fff;
	text-align: center;
	position: relative;
}
.calendar-box .controll>div h4 {
	line-height: 33px;
	text-align:center;
	font-size:24px;
	font-weight: bold;
	color:#000;
}
#wrap.gray .calendar-box .controll>div h4 {
	color:#fff;
	background-color: #000;
}	
.calendar-box .controll>div button{
	display: block;
	position: absolute;
	top:5px;
}
.calendar-box .controll>div button.prev {
	left: 0;	 
}
.calendar-box .controll>div button.next {
	right: 0;
}
#wrap.gray .calendar-box .controll>div button.prev img,
#wrap.gray .calendar-box .controll>div button.next img {
	filter: invert();
}	
.calendar-box .calendar{
	position: relative;
}
.calendar-box .calendar table th {
	width: 14%;
	height: 32px;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}
.calendar-box .calendar table td {
    width: 46px;
    height: 46px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: normal;
    text-align: center;
    color: #000;
	vertical-align: middle;
}
#wrap.gray .calendar-box .calendar table td {
	color: #fff;	
}	
.calendar-box .calendar table .current{
	background-color: #ff8b2b;
	border-radius: 50%;
}
.calendar + .btnRight {
	margin-top: 30px;
} 
#accessibility-guide .modalTop {
	margin: 0 60px;
	padding: 50px 0 20px;
}
#accessibility-guide .modalCont {
	height: 620px;
	padding: 60px;
	overflow-y: scroll;
	box-sizing: border-box;
}	
#accessibility-guide.modal a.close-modal {
	top:-290px;
	right: -260px;
}

/* 게시판 */
.board-list table {
	border-top: 3px solid #ff882b;
}
.board-list table thead th {
	height: 59px;
	padding:15px 0;
	font-size: 20px;
	font-weight: bold;
	color:#000;
	text-align: center;
	background-color: #fff;
	border-bottom: 2px solid #000;
	vertical-align: middle;
}
#wrap.gray .board-list table thead th {
	border-bottom-color:#fff;	
}	
.board-list table tbody td {
	padding:15px 0;
	text-align: center;
	border-bottom: 2px solid #000;
	font-size: 20px;
	font-weight: 600;
	vertical-align: middle;
}
#wrap.gray .board-list table tbody td {
	border-bottom-color:#fff;
}	
#wrap.gray .board-list table tbody td.sj a{
	color:#fff;
}
.board-list table tbody td.sj a{
	display: block;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}
.board-list table .num{
	width: 10%;
}
.board-list table .sj{
	width:auto;
}
.board-list table .name{
	width: 16%;
}
.board-list table .company{
	width: 17%;
}
.board-list table .date{
	width: 15%;
}
.board-list table .hit{
	width: 10%;
}

/* 상세 */
.board-view .top {
	padding: 11px 0 13px;
	border-top: 3px solid #ff882b;	
	border-bottom: 2px solid #000;
	overflow: hidden;
}
#wrap.gray .board-view .top {
	border-bottom-color:#fff;
}	
.board-view .top h4 {
	float: left;
	font-size: 20px;
	font-weight: bold;		
}
.board-view .top .date {
	float:right;
	font-size: 20px;
	font-weight: 600;
}	
.board-view  .noticeView {
	margin: 40px 0 80px;
}
.attachbox >ul {
    border-bottom: 1px solid #ddd;
}
.attachbox >ul >li {
    border-top: 1px solid #ddd;
    padding: 14px 30px 15px;
    line-height: 20px;
}
.attachbox>ul>li a {
    position: relative;
    display: block;
    color: #333;
}

/* 등록 */
.board-write {
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.board-write table th {
	height: 56px;
	font-size: 18px;
	font-weight: 600;
	color:#000;
	text-align: center;
	background-color: #f5fdff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	vertical-align: middle;
}
.board-write table td {
	text-align: left;
	padding:8px 15px 7px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 16px;
	font-weight: 600;
}
.board-write table label {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color:#000;
	position: relative;
}
#wrap.gray .board-write table tbody td label {
	color:#fff;
}	
.board-write table label.essential::before {
	content: '*';
	font-size: 18px;
	font-weight: 600;
	color: #ff8b2b;
	position: absolute;
	top:0;
	left: -15px;
}
.board-write table input[type=text] {
	height: 36px;
	padding: 0 10px;
	border: 1px solid #000;
}
.board-write table input.inp-width01 {
	width: 185px;
}
.board-write table input.inp-width02 {
	width: 600px;
}
.board-write table .chk-list {
	display: block;
	margin-bottom: 10px;
}
.board-write table .chk-list label {
	margin:0 20px 0 5px;
	font-size: 16px;
	font-weight: 600;
}	
.board-write table .lb-chk {
	display: inline-block;
	margin-left: 7px;
}
.board-write table .lb-chk label {
	font-size: 18px;
	font-weight: 600;
	color:#9a9b9f;	
}	
.board-write table .wave {
	display: inline-block;
	margin: 0 8px;
	font-size: 24px;
	font-weight: 600;
	color:#000;
	vertical-align: middle;
}
.board-write table .note {
	display: block;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
	color:#9a9b9f;
}
.filebox input[type="file"] { 
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.filebox label { 
	display: inline-block;
	width: 79px;
	height: 36px;
	line-height: 36px;
	padding:0;
	color: #000;
	vertical-align: top;
	background-color: #c8c9ca;
	cursor: pointer;
	border: 1px solid #9a9b9f;
	text-align: center;
}
.filebox .upload-name {
	display: inline-block;
	width: 600px;
	height: 36px;
	line-height: 36px;
	margin-right: 8px;
	padding:0 10px;
	border: 1px solid #000;
	background-color: #fff;
}
.inttx input {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 100%;
	border: 1px solid #9a9b9f;
    padding: 0 10px;
    box-sizing: border-box;
}
.emailbox .inttx {
    display: inline-block;
	width: 30%;
    height: 36px;
	vertical-align: top;
}
.emailbox em {
    display: inline-block;
    width: 30px;
    text-align: center;
    line-height: 37px;
}
.emailbox .selbox {
    display: inline-block;
	width: 30%;
	height: 36px;
    vertical-align: top;
	position: relative;
}
.selbox .select {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: 1px solid #000;
    box-sizing: border-box;
	background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    padding: 0 0 0 5px;
}
.selbox::after {
    content: "▼";
    display: block;
    position: absolute;
    top: 13px;
    right: 15px;
    color: #5d5a72;
    font-size: 9px;
    height: 9px;
    line-height: 100%;
}
.box1 {
    border: 1px solid #000;
    padding: 24px 30px;
}
#wrap.gray .box1 {
	border-color: #fff;;
}
.regist-performance .num-list2>li {
    text-indent: -20px;
    padding: 0 0 0 20px;
    line-height: 22px;
    margin: 0 0 8px 0;
}
.regist-performance .num-list2>li::before {
	display: none;
}
.lb-ck {
	display: inline-block;
	margin-top: 10px;
	line-height: 22px;
    cursor: pointer;
}
.lb-ck input[type=checkbox] {
	margin-top: -3px;
}

/*  웹진소개 */
.webzine-intro {
	padding: 60px 232px 0;
	border-top: 3px solid #ff882b;
}
.webzine-intro h4 {
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: bold;
	color:#000;
}	
.webzine-intro p {
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	color:#000;
}	
.publish,
.makers,
.identity {
	margin-top: 80px;
	padding-top: 10px;
	border-top: 2px solid #000;
}
#wrap.gray .publish,
#wrap.gray .makers,
#wrap.gray .identity {
	border-top-color:#fff;
}	
.publish h5,
.makers h5,
.identity h5 {
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: bold;
}
.publish dl dt,
.identity h5 {
	font-size: 16px;
	font-weight: bold;	
	line-height: 24px;
}	
.identity p {
	margin-bottom: 70px;
}	
.publish dl dd {
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: 600;	
	line-height: 24px;
}
.makers h6 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;	
	color:#ff882b;
}		
.makers ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.makers ul li{
	width: 207px;
	margin-bottom: 40px;
	font-size: 16px;
	font-weight: 600;	
	line-height: 24px;
}	
.makers ul li strong{
	display: block;
	font-size: 16px;
	font-weight: bold;	
	line-height: 24px;	
}	

/* 지난호 보기 */
.last-issue {
	padding-top: 40px;
	border-top: 3px solid #ff882b;
}
.sel-wrap {
	margin-bottom: 20px;
}
.sel-wrap select {
	min-width: 220px;
	height: 45px;
	padding: 10px 15px;
	border:1px solid #000;
	font-size: 16px;
	font-weight: 600;
	background-position: 94% 57%;
}	

/* popup */
.pop-wrap {
	width: 680px;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%); 
}
#pop2.modal  a.close-modal {
    top: -78px;
    right: 30px;
}	
#review.modal a.close-modal,
#modify.modal a.close-modal  {
	top:-250px
}	
.pop-lay {
	padding: 30px;
	background-color: #fff
}
.pop-lay h4 {
	margin-bottom: 20px;
	position: relative;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
.creationArea {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.creationArea input {
	width: 230px;
	font-weight: 600;
}  
.creationArea input::placeholder {
	color:#000 !important;	
}	
.creationArea select {
	width: 120px;
	border:0;
	border-bottom: 2px solid #000;	
	font-size: 14px;
	font-weight: 600;
	color:#000;
}	
.pop-lay .textBox {
	width: 620px;
	height: 120px;
	padding: 20px;
	border: 2px solid #000;
	background-color: #fff;
}
.alert {
	text-align: center;
}
.comment-modify {
	margin-bottom: 20px;
}
.comment-modify input[type=text] {
	margin-right: 20px;
}
.modalClose {
	position: absolute;
	top: 30px;
	right: 30px;
	width:15px;
	height: 15px;
	background: url("../img/btn_close.png") left top no-repeat;
	background-size: 15px;
}

 /*  접근성 가이드 팝업 */
.accessibility-guide .modal-wrap {
	width: 1144px;
	padding: 60px;
}	
 .accessibility-guide .modalCont {
	height: 740px;
    overflow-y: auto;
 }
.accessibility-guideList li {
	display: flex;
	margin-bottom: 30px;
}
.accessibility-guideList li:last-child {
	margin-bottom: 0;
}
.accessibility-guideList li .icon-img {
	width: 65px;
	height: 65px;
}
.accessibility-guideList li .explanation {
	width: 904px;
	margin-left: 60px;
}
.accessibility-guideList li .explanation dt {
	font-size: 18px;
	font-weight: bold;
}
.accessibility-guideList li .explanation dd {
	font-size: 18px;
	font-weight: 600;
}
.accessibility-guide .modalClose {
	position: absolute;
	top: 60px;
	right: 60px;
	width:15px;
	height: 15px;
	background: url("../img/btn_close.png") left top no-repeat;
	background-size: 15px;
}

/* 이메일무단수집거부 팝업 */
#popmail .pop-lay strong {
    display: block;
    margin-bottom: 10px;
    color: #000;
    line-height: 22px;
}
#popmail.modal a.close-modal {
    top: -95px;
    right: 30px;
}

/*  코너 상세 */
.corner-view .view-top {
	padding-bottom: 10px;
	border-bottom:2px solid #000;
}
#wrap.gray .corner-view .view-top {
	border-color: #fff;
}	
.corner-view .view-top p {
	font-size: 14px;
	font-weight: bold;
}	
.corner-view  .view-cont {
	width: 680px;
	margin: 0 auto;
	padding: 50px 0;
	text-align: justify;
}
.corner-view .summary {
	margin-bottom: 60px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.67;
	color:#ff8b2b;
	text-align: justify;
}
.corner-view .view-cont > .summary {
	padding-top:60px;
}
.corner-view  #playView .txt {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 500;
	color:#000;
}
.gray .corner-view #playView .txt {
	color:#fff;
}
.corner-view .playTalk .title,
.view-cont .title {
	margin: 60px 0 30px 0;
	font-size: 24px;
	font-weight: bold;
}
.corner-view .playTalk dl {
	display: grid;
	grid-template-columns: 90px 1fr;
	justify-content: space-between;
	font-size: 18px;
	margin-bottom:20px;
	line-height: 36px;
	color:#000;

}
.corner-view .playTalk dl > br {
	display: none!important;
}
.corner-view .playTalk dl.mb-0 {
	margin-bottom:0!important;
}
.corner-view .playTalk dl.mb-1 {
	margin-bottom:2px!important;
}
.gray .corner-view .playTalk dl {
	color:#fff;
}
.corner-view .playTalk dl dt {
	
	margin-bottom: 19px;
	font-weight: 600;
}	
.corner-view .playTalk dl dt.mb-0 {
	margin-bottom:0!important;
}
.corner-view .playTalk dl dd {

	margin-bottom: 19px;
}
.corner-view .playTalk dl dd.mb-0 {
		margin-bottom:0 !important;
}
.img_caption {
	margin-top: 10px;
	font-size: 14px;
	text-align: left;
}
.sns-open {
	display: block;
	width: 46px;
	height: 46px;
	background: url('../img/img_sns_open.svg') no-repeat 0 0;
	position: fixed;
	right: 13px;
	bottom: 140px;
	z-index: 100;	
}
.sns-open.active {
	background-image: url('../img/img_sns_close.svg');	
}	
.sns-icon-list {
	width: 46px;
	height: 0;
	overflow: hidden;
	position: fixed;
	right: 13px;
	bottom: 184px;
	z-index: 100;	
}
.sns-icon-list li {
	margin-bottom: 5px;
}	
.sns-icon-list li a {
	display: block;
	width: 46px;
	height: 46px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	transition: 0,2s;
}
.sns-icon01 {
	background-image: url('../img/ico_facebook.svg');	
}
.sns-icon01:hover {
	background-image: url('../img/ico_facebook_on.svg');	
}
.sns-icon02 {
	background-image: url('../img/ico_twitter.svg');	
}
.sns-icon02:hover {
	background-image: url('../img/ico_twitter_on.svg');	
}
.sns-icon03 {
	background-image: url('../img/ico_email.svg');	
}
.sns-icon03:hover {
	background-image: url('../img/ico_email_on.svg');	
}
.sns-icon04 {
	background-image: url('../img/ico_share.svg');	
}
.sns-icon04:hover {
	background-image: url('../img/ico_share_on.svg');	
}
.sns-icon05 {
	background-image: url('../img/ico_print.svg');	
}
.sns-icon05:hover {
	background-image: url('../img/ico_print_on.svg');	
}
.date_Info {
    text-align: justify;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
    margin-top: 25px;
	line-height:1.9;
}
.date_Info b {
	display: block;
	font-size: 18px;
    color: #373737;
    margin-bottom: 10px;
    display: block;
}
.date_Info ul li {
    margin-bottom: 5px;
	font-size: 15px;
}
.date_Info dl {
	display: flex;
	flex-wrap:wrap;
	gap: 5px;
	margin-bottom: 5px;
	font-size: 15px;
}
.date_Info dl dt  {
	font-weight:700;
}
.date_Info dl dt dd {
	margin-right: 10px;
}
/* .date_Info ul li strong,
.date_Info ul li span{
	display: inline-block;
} */
.date_Info ul li span {
	margin:0 5px;
}
.date_Info ul li a {
	font-weight: 400;
	word-break: break-all;
	word-wrap: break-word;
}	
.sup_new {
    font-size: 10px;
    vertical-align: text-top;
    line-height: 1;
    font-weight: 700 !important;
    color: #000;
}
.sup_area {
    border-top: 1px solid #ccc;
    padding-top: 25px;
    margin:50px 0;
    line-height: 1.5;
    word-break: break-all;
	font-size: 16px;
}
.bul-decimal {
	margin-left: 20px;
} 
.bul-decimal li{
	list-style: decimal;
	margin-top: 10px;
}
.bul-decimal li:first-child{
	margin-top: 0;
}
.flex {
	display: flex;
}
.flex .text-left {
	width: 58%;
	font-size: 18px;
	font-weight: 600;
}
.flex .img-right {
	width: 40%;
	margin-left: 20px;
}
.conversation {
	margin-bottom:30px;
}
.conversation dt{ 
	float: left; 
	letter-spacing: -0.03em;
	font-weight: bold;
	margin-bottom: 5px;
}
.conversation dd { 
	margin-left: 85px; 
	letter-spacing: -0.03em;
	height: auto;
	margin-bottom: 5px;
	text-align: justify; 
}
.playTalk .txt3 {
	margin: 0 30px 30px 94px;
	font-size: 18px;
	color: #767676;
    font-style: italic;
}
.bold {
	font-size: 18px;
	font-weight: bold;
} 
.progress-container {
	width: 100%;
	height: 8px;
	background:transparent;
	position: fixed;
	top:50px;
	left: 0;
}
.progress-bar {
	height: 8px;
	background-color:#ff8b2b;
	width: 0%;
}


/* 필자소개 */
.view-bottom #writterInfo {
	display: flex;
	margin-bottom: 20px;
	padding: 20px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
#wrap.gray #writterInfo {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}	
 .view-bottom #writterInfo .imgArea {
	width: 81px;
	height: 94px;
	position: relative;
}
/* .view-bottom #writterInfo .imgArea > img {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right: 0;
	bottom:0;
	left: 0;
}	  */
.view-bottom #writterInfo dl {
	width: 80%;
	margin-left: 20px; 
}
.view-bottom #writterInfo dt {
	font-size: 16px;
	font-weight:bold;
	line-height: 24px;
	color:#000;
}
.view-bottom #writterInfo a {
	font-size: 16px;
	line-height: 24px;
	color:#000;
}	
#wrap.gray .view-bottom #writterInfo a {
	color:#fff;
}
.view-bottom #writterInfo dl dt a {
	font-weight: bold;
}	
#wrap.gray .view-bottom #writterInfo dt {
	color:#fff;
}	
.view-bottom #writterInfo dd {
	font-size: 16px;
	line-height: 24px;
	color:#000;
} 
#wrap.gray .view-bottom #writterInfo dd {
	color:#fff;
}	
.view-bottom #writterInfo dl dd a {
	font-size: 400;
}	
/* #wrap.gray .view-bottom #writterInfo .imgArea img {
	filter: invert();
}	 */
.view-bottom .tagArea {
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
	position: relative;
}
#wrap.gray .view-bottom .tagArea {
	border-bottom-color:#fff;
}	
.view-bottom .tagList {
	display: flex;
	flex-wrap: wrap;
	padding-right: 80px;
}
.view-bottom .tagList li {
	margin: 0 10px 10px 0;
}
.view-bottom .tagList li a {
	display: block;
	min-height: 38px;
	padding: 7px 12px 10px 11px;
	border:2px solid #000;
	font-size: 14px;
	font-weight: bold;
	color:#000;
	transition: all 0.3s;
} 
#wrap.gray .view-bottom .tagList li a {
	border-color:#fff;	
	color:#fff;
}	
.view-bottom .tagList li a:hover,
.view-bottom .tagList li a.active {
	background-color: #ff8b2b;
}	
.view-bottom .tagArea .moreBtn {
	position: absolute;
	top:0;
	right: 0;
}	
.tagArea .tagCornerList {
	display: none;
}
.tagArea .tagCornerList ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.tagArea .tagCornerList  ul li {
	width: 24%;
	margin:0 15px 0 0;
	position: relative;
}
.tagArea .tagCornerList ul li:nth-child(4n) {
	margin-right: 0;
}	
.tagArea .tagCornerList  ul li .img {
	height: 210px;
	position: relative;
}	
.tagArea .tagCornerList  ul li .img > img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.tagArea .tagCornerList ul li .cont {
	height: 125px;
	padding: 10px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#wrap.gray .tagArea .tagCornerList ul li .cont {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;	
}	
.tagArea  .tagCornerList ul li .cont h4 {
	width: 100%;
	margin-bottom: 10px;
	font-size:16px;
	font-weight: bold;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tagArea  .tagCornerList ul li .cont p {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
#wrap.gray .tagArea  .tagCornerList ul li .cont h4,
#wrap.gray .tagArea  .tagCornerList ul li .cont p {
	color:#fff;
}	
.tagArea .tagCornerList ul li .cont .writer {
	margin-top: 0;
	font-size:16px;
	font-weight: 600;
}
.tagArea .tagCornerList ul li .flag {
	width: 50px;
	height: 38px;
	line-height: 38px;
  	text-align: center;
	background-color: #000;
	font-size: 14px;
	font-weight: bold;
	color: #ff8214;
	position: absolute;
	top: 0;
	right: 0;
}
.moreBtn {
	width: 78px;
	height: 38px;
	padding: 7px 11px 9px;
	border:2px solid #000;
	font-size: 14px;
	font-weight: bold;
	color:#000;
}
#wrap.gray .moreBtn {
	border:2px solid #fff;
	color:#fff;
}	
.view-bottom .comment-box {
	margin: 60px auto 80px;
}
.view-bottom .comment-box .write .txt {
	margin-bottom: 35px;
	font-size: 14px;
	font-weight: bold;
}
.view-bottom .comment-box  .comment-list li .btns a {
	margin-left: 10px;
}
.writing-link {
	padding-top: 20px;
	text-align: center;
	border-top:2px solid #000;
}
#wrap.gray .writing-link {
	border-top-color:#fff;
}	
.writing-link a {
	display: block;
	font-size: 16px;
	font-weight: 600;
}	
#wrap.gray .writing-link a {
	color:#fff;
}	
.writing-link a.list {
	display: inline-block;
	font-weight: bold;
}
.view-bottom .favorite {	
	height: 102px;
	margin-bottom: 107px;
	text-align: center;
}
#wrap.gray .view-bottom .favorite a img {
	filter: invert();
}	
.view-bottom .favorite p {
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

/*  필자글 모아보기 */
.integrated-search {
	padding-top: 110px;
}
.integrated-search h3 {
	margin-bottom: 210px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color:#9a9b9f;
}
.integrated-search h3 strong {
	color:#000;
}
#wrap.gray .integrated-search h3 strong {
	color:#fff;
}

/*  해시태그 목록보기 */
.hashtag {
	display: flex;
	flex-wrap: wrap;
}
.hashtag li {
	margin:0 20px 20px 0;
}
.hashtag li a {
	display: block;
	height: 38px;
	line-height: 36px;
	padding: 0 12px;
	/* text-align:center; */
	border:1px solid #000;
	font-size: 14px;
	font-weight: bold;
}	
#wrap.gray .hashtag li a {
	border-color:#fff;
	color:#fff;
}	

/* 기획기사 큐레이션 */
.article-curation {
	padding-top: 110px;
}
.article-curation h3 {
	margin-bottom: 200px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color:#000;
}
[class*=curationList] {
	margin-bottom: 180px;
}
[class*=curationList] h4 {
	margin-bottom: 60px;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;	
	border-bottom: 2px solid #000;
	position: relative;
}
#wrap.gray [class*=curationList] h4 {
	border-bottom-color:#fff;
}	
#wrap.gray [class*=curationList] h4 span {
	color:#fff;
}
[class*=curationList] h4 span {
	display: block;
	font-weight: bold;
}
.curationList05 {
	margin-bottom: 0;;
}
[class*=curationSlider] .prev { 
	width:10px;
	height:20px;
	position:absolute;
	right:40px;
	top: -92px;
	/* background: url(../img/main/btn_prev.png) no-repeat 0 0; */
	cursor: pointer; 
	z-index:5
}	
[class*=curationSlider] .prev::after { 
	content: '';
	position: absolute;
    left: 0; 
    top: 0; 
    width: 12px; /* 사이즈 */
    height: 12px; /* 사이즈 */
    border-top: 2px solid #000; /* 선 두께 */
    border-right: 2px solid #000; /* 선 두께 */
    transform: rotate(225deg); /* 각도 */
	position: absolute;
	top: 0;
	right: 0;
}	
#wrap.gray [class*=curationSlider] .prev::after { 
	border-color:#fff;
}	
[class*=curationSlider] .next{ 
	width:10px;
	height:20px;
	position:absolute;
	right:0;
	top: -92px;
	/* background: url(../img/main/btn_next.png) no-repeat 0 0; */
	cursor: pointer; 
	z-index:5
}	
[class*=curationSlider] .next::after { 
	content: '';
	position: absolute;
    left: 0; 
    top: 0; 
    width: 12px; /* 사이즈 */
    height: 12px; /* 사이즈 */
    border-top: 2px solid #000; /* 선 두께 */
    border-right: 2px solid #000; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
	position: absolute;
	top: 0;
	right: 0;
}	
#wrap.gray [class*=curationSlider] .next::after { 
	border-color:#fff;
}	
[class*=curationSlider] li {
	position:relative;
	padding-left: 10px;
}
[class*=curationSlider] li .img {
	height: 280px;
	position: relative;	
}	
[class*=curationSlider] li .img > img {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left: 0;
}
[class*=curationSlider] li .cont {
	width: 100%;  
	height: 180px;
	padding: 20px;
	background-color: #ff8b2b;
}
#wrap.gray [class*=curationSlider] li .cont {
	background-color: #fff;	
}	
[class*=curationSlider] li .cont h5 {
	width: 100%;
	margin-bottom: 5px;
	font-size: 24px;
	font-weight: bold;
 	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}	
[class*=curationSlider] li .cont p {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}	
[class*=curationSlider] li .cont .writer {
	margin-top: 30px;
	font-size: 14px;
}
[class*=curationSlider] li .flag {
	width: 50px;
	height: 38px;
	line-height: 38px;
  	text-align: center;
	background-color: #000;
	font-size: 14px;
	font-weight: bold;
	color: #ff8214;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}

/* 오시는 길 */
.directions {
	padding-top: 20px;
	border-top: 3px solid #ff882b;
}
.map-box {
	margin-bottom: 40px;
}
.map-info dl dt {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
}
.map-info dl dd {
	font-size: 18px;
	font-weight: 600;
	color: #000;
	line-height: 30px;
}
#wrap.gray .map-info dl dt,
#wrap.gray .map-info dl dd  {
	color:#fff;
}	
.map-info dl.subway {
	margin-bottom: 40px;
}

/*  공연등록 */
.regist-performance {
	padding: 15px 0 20px;
	border-top: 3px solid #ff882b;	
	border-bottom: 2px solid #000;
}
#wrap.gray .regist-performance {
	border-bottom-color: #fff;
}	
.regist-performance .step {
	display: flex;
	margin-bottom: 80px;
}
.regist-performance .step li {
	width: 279px;
	margin-right: 10px;
}
.regist-performance .step li:last-child {
	margin-right: 0;
}
.regist-performance .step li dl {
	font-size: 20px;
	font-weight: bold;
	color:#9a9b9f;
	line-height: 1.4;	
}
.regist-performance .step li dl.active {
	color: #000;
}	
#wrap.gray .regist-performance .step li dl.active {
	color: #fff;
}	
.regist-performance .step li dl dt {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 2px solid #9a989f;	
}
.regist-performance .step li dl.active dt {
	border-bottom: 3px solid #000;	
}	
#wrap.gray .regist-performance .step li dl.active dt {
	border-bottom-color:#fff;
}	
.regist-performance h5 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	color:#000;
}
#wrap.gray .regist-performance h5 {
	color:#fff;
}	
.regist-performance ol li {
	padding-left: 40px;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.67;
	position: relative;
}	
.regist-performance ol li::before {
	font-size: 18px;
	font-weight: 600;
	position: absolute;
	top:0;
	left: 0;
}	
.regist-performance ol li:nth-child(1):before {
	content: '1';
}
.regist-performance ol li:nth-child(2):before {
	content: '2';
}
.regist-performance ol li:nth-child(3):before {
	content: '3';
}
.regist-performance ol li:nth-child(4):before {
	content: '4';
}
.regist-performance ol li:nth-child(5):before {
	content: '5';
}
.regist-performance ol li:nth-child(6):before {
	content: '6';
}

/*  구독신청 팝업 */
#subscribe .modal-wrap {
	width: 1000px;
	padding: 40px 30px 40px 40px;
}
#subscribe .modalCont {
	padding-top: 40px;
}
#subscribe .termsList {
	margin-bottom: 30px;
}
#subscribe .termsList li {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.67;
	letter-spacing: -1px;
	color:#000;
}	
#subscribe .modalCont label {
	display: inline-block;
	margin-top: -2px;
}
#subscribe .btnCenter button {
	width: 120px;
	height: 56px;
	padding: 8px 0 13px;
	text-align: center;
	border: solid 1px #000;
	background-color: #fff;
	font-size: 24px;
	font-weight: 600;
}
#subscribe .btnCenter button + button {
	margin-left: 20px;
	font-weight: bold;
}	
#subscribe.modal a.close-modal {
    top: -184px;
    right: -220px;
}

/* 구독신청 */
.subscribeWrap {
	padding: 15px 0 0 0;
	border-top: 3px solid #ff882b;	
}	
.subscribeWrap h4 {
 margin-bottom: 30px;
 font-size: 20px;
 font-weight: bold;
 color: #000;
}
.subscribeWrap ol {
   margin-bottom: 20px;
}
.subscribeWrap ol li {
 padding-left: 25px;
 font-size: 18px;
 font-weight: 600;
 line-height: 1.67;
 position: relative;
}
.subscribeWrap ol li::before {
   font-size: 18px;
   font-weight: 600;
   position: absolute;
   top:0;
   left: 0;
}	
.subscribeWrap ol li:nth-child(1):before {
   content: '1';
}
.subscribeWrap ol li:nth-child(2):before {
   content: '2';
}
.subscribeWrap ol li:nth-child(3):before {
   content: '3';
}
.subscribeWrap ol li:nth-child(4):before {
   content: '4';
}
.subscribeWrap .agree-check {
   margin-bottom:60px;
}
.subscribeWrap label {
   display: inline-block;
   margin: -2px 0 0 5px;
}
.subscribeWrap .board-write table td {
   padding:10px 20px;		
}
.subscribeWrap .board-write table label.essential::before {
   left: -13px;
}

.tooltip02,
.tooltip03 {
	min-width:50px;
	max-width:200px !important;
	line-height:20px;
	padding:5px 7px  3px;
	font-size:14px;
	position:absolute;
	border:2px solid #000;
	background-color:#fff;
	border-radius:3px;
	word-break: break-all;
	z-index:3;
}

/* responsive */ 
@media (max-width: 1680px) {
	.calendar-box {
		left: 190px;
	}
}	

@media (max-width: 1480px) {
	.corner-visual {
		height: auto;
		padding: 50px 0;
		background: none;
	}
}
@media (max-width: 1370px) {
	.progress-container {
		top: 62px;
	}
}		
@media (max-width: 1285px) {
	/* 달력 */
	.calendar-box {
		position: static;
		margin:0 auto 80px;
	}
    .performance-inforList {
		float: none;
		width: 100%;
	}
	.performance-inforList ul li {
		margin-bottom: 30px;
	}
	.performance-inforList ul li:last-child {
		margin-bottom: 30px;
	}
	.performance-inforList ul li .cont,
	.performance-inforList ul li .thumb {
		padding-bottom: 30px;
	}
	.performance-inforList ul li .cont {
		width: 60%;
	}	
	.performance-inforList ul li .thumb {
		width: 25%;
	}
	.performance-inforList ul li .cont h4 {
		padding-right:52px;
		font-size: 20px;	
	}
	.performance-inforList ul li .cont h4 span,
	.performance-inforList ul li .cont p {
		font-size: 14px;
	}
	.performance-inforList ul li .icons {
		margin-top: 20px;
	}
	.performance-inforList ul li .non-flower-shop,
	.performance-inforList ul li .flower-shop {
		right: 20px;
	}
	.performance-inforList .btnRight {
		text-align: center;
	}
	.view-bottom .tagArea .moreBtn {
		position: static;
	}	
}	
 
@media screen and (max-width: 1040px) {
	.thumb-list ul {
		display: block;
	}
	.thumb-list ul li {
		width: 100%;
	}
	.thumb-list ul li:nth-child(odd) {
		margin-right: 0;
	}
	.thumb-list ul li a .cont h4 {
		margin-bottom:10px;
		font-size: 18px;	
	}
	.thumb-list ul li a .cont .summary {
		margin-bottom:30px;
		font-size: 18px;
	}
	.board-view  .noticeView table {
		width: 100%!important;
	}
}
@media screen and (max-width: 768px) {
	.corner-visual {
		/* margin-bottom: 30px; */
		padding: 50px 0 60px;
		/* border-bottom: 2px solid #2b2e34; */
	}	
	.corner-visual08,
	.corner-visual10 {
		margin-bottom: 30px;
	}
	.corner-visual p.subtitle {
		font-size: 18px;
		font-weight: bold;
	}
	.thumb-list ul li a {
		display: block;
	}
	.thumb-list ul li a .img {
		width: 100%;
		height: auto;
	}
	.thumb-list ul li a .img img {
		position: static;
	}
	.thumb-list ul li a .cont {
		width: 100%;
		height: auto;
	}

	/*  코너 상세 */
	.corner-view .view-cont {
		width: 100%;
	}
	.corner-view .summary {
		margin-bottom: 50px;
	}	
	.corner-view .playTalk dl {
		width: 100%;
	}
	.corner-view .playTalk dl dt {
		width: 100%;
		margin-bottom: 10px;
	}
	.corner-view .playTalk dl dd {
		width: 100%;
		padding-left: 0;
	}
	.corner-view .playTalk .title,
	.view-cont .title {
		font-size: 20px;
	}
	.view-bottom .tagList {
		flex-wrap: wrap;
		padding-right: 0;
	}
	.view-bottom .tagList li {
		margin: 0 10px 10px 0;
	}
	.sns-open {
		bottom: 168px;
	}
	.sns-icon-list {
		bottom: 243px;	
	}
	.flex {
		display: block;
	}
	.flex .text-left {
		width: 100%;
		margin-bottom: 30px;
		font-size: 18px;
    	font-weight: 600;
	}
	.flex .img-right {
		width: 100%;
		margin-left: 0;
	}	
	
	/* 꽃점 */
	.searchArea {
		width: 100%;
		margin-bottom:36px;
	}
	.dir-top_wrap {
		padding-bottom:42px;
	}
	.searchArea select { 
		width:79px;
	}	
	.searchArea > input {
		width: 62%; 
	}
	.flower-list {
		border-top: 0 none;
	}
	.flower-list>ul>li:first-child {
		padding: 0 0 30px 0;
	}
	.flower-list>ul>li .thumb {
		float: none;
		margin: 0 auto 30px;
	}
	.flower-list>ul>li .text {
		float: none;
		width: 100%;
	}
	.flower-list>ul>li .review {
		margin-bottom: 10px;
		padding-bottom: 10px;
		overflow: hidden;
		border-bottom: 1px solid #000;
	}
	.flower-list>ul>li .tab-cont dl:last-child {
		border-bottom: 0 none;	
	}	
	.flower-list>ul>li .review dd .text,
	.flower-list>ul>li .review.type01 dd .text {
		padding-right: 0;
		font-size: 14px;
	}
	.flower-list>ul>li .text .title .period,
	.flower-list>ul>li .text .title .period em {
		display: block;
		font-size: 14px;
	}
	.flower-list>ul>li .text .title .period em:first-child::after {
		display: none;
	}
	.flower-list>ul>li .review dt,
	.flower-list>ul>li .review dd {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.flower-list>ul>li .review dd .flower {
		position: absolute;
		top: 3px;
		left: 0;
	}
	.flower-list>ul>li .review dd .flower + .cmt_cont {
		padding-left: 100px;
		padding-top: 2px;
	}
	.flower-list>ul>li .review dd .ico_flowerPoint {
		position: absolute;
		top: 2px;
		left: 0;
		width:20px;
		height:20px;
		background-size:20px auto;
		background-position:0 0;
	}
	.flower-list>ul>li .review dd .ico_flowerPoint + .cmt_cont {
		padding-left: 36px;
		padding-top: 0;
	}
	.flower-list>ul>li .review dd .btns {
		top: -30px;
	}
	.flower-list .moreBtn {
		margin: 20px auto 0;
	}
	.text.tab-container {
		position: relative;
	}
	.btn-review {
		top:0;
	}
	
	/* 달력 */
	.calendar-box {
		position: static;
		margin-bottom: 80px;
	}
    .performance-inforList {
		float: none;
		width: 100%;
	}
	.performance-inforList ul li {
		margin-bottom: 30px;
	}
	.performance-inforList ul li:last-child {
		margin-bottom: 30px;
	}
	.performance-inforList ul li .cont,
	.performance-inforList ul li .thumb {
		padding-bottom: 30px;
	}
	.performance-inforList ul li .cont h4 {
		font-size: 20px;	
	}
	.performance-inforList ul li .cont h4 span,
	.performance-inforList ul li .cont p {
		font-size: 14px;
	}
	.performance-inforList ul li .icons {
		margin-top: 20px;
	}
	.performance-inforList ul li .non-flower-shop,
	.performance-inforList ul li .flower-shop {
		right: 20px;
	}
	.performance-inforList .btnRight {
		text-align: center;
	}
	.performance-inforList ul li .cont {
		width: 398px;
	}	
	.performance-inforList ul li .thumb {
		width: 190px;
	}	
	 
	/*  객석 */
	.seat-cont,
	.comment-box,
	.comment-box .write .textBox {
		width: 100%;
	}
	
	/* 기획기사큐레이션  */
	.article-curation h3 {
		margin-bottom: 75px;
	}	
	.article-curation {
		margin-bottom: 50px;
	}
	[class*=curationList] {
		margin-bottom: 50px;
	}
	[class*=curationList] h4 {
		margin-bottom: 30px;
		text-align: left;
		font-size: 18px;
	}
	[class*=curationList] h4 span {
		display: block;
		width: 83%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	[class*=curationSlider] li .cont h5 {
		font-size: 18px;
	}
	[class*=curationSlider] .prev,
	[class*=curationSlider] .next {
		top:-61px
	}

	.titArea h3 {
		margin: 50px 0 75px;
	}	
	/*  웹진소개 */
	.webzine-intro {
		padding: 30px 0;
	}
	
	/* 게시판  */
	.board-list table thead th,
	.board-list table tbody td {
		font-size: 14px;
	}
	.board-list table thead th {
		height: 40px;
		padding: 9px 0 8px;
	}
	.board-list table tbody td {
		font-size: 14px;
		padding: 10px 0 11px;
	}
	.board-list table .sj {
		width: 48%;
	}
	.board-list table .mod-pc{
		display: none;
	}
	.board-view .top h4 {
		float: none;
		margin-bottom: 5px;
		font-size: 14px;
	}
	.board-view .top .date {
		float: none;
		font-size: 14px;
	}
	.sel-wrap select {
		min-width: 174px;
		height: 40px;
		padding: 9px 10px 10px;
		font-size: 14px;
	}
	.attachbox >ul >li {
		padding: 14px 10px 15px;
	}
	
	/* 검색결과 */
	.integrated-search {
		padding-top: 50px;
	}
	.integrated-search h3 {
		margin-bottom: 75px;
		font-size: 24px;
	}
	.fieldList {
		display: block;
	}
	.fieldList li {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.fieldList li .img {
		width: 100%;
		padding-bottom: 76%;
		position:relative;
	}
	.fieldList li .img > img {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
	}

	/* 해시태그 목록 */
	.hashtag li {
		margin: 0 10px 10px 0;
	}
	.hashtag li:nth-child(4n) {
		margin-right: 0;
	}	

	/* 공연등록 */
	.regist-performance .step {
		margin-bottom: 40px;
	}
	.regist-performance .step li dl {
		font-size: 15px;	
	}
	.regist-performance h5 {
		margin-bottom: 10px;
		font-size: 18px;
	}
	.regist-performance ol li {
		padding-left: 20px;
		font-size: 15px;
	}
	.regist-performance ol li::before {
		font-size: 15px;
	}
	.board-write table th {
		padding: 0 11px;
		font-size: 15px;
	}
	.board-write table label {
		font-size: 15px;
	}	
	.board-write table input.inp-width02 {
		width: 100%;
	}
	.board-write table label.essential::before {
		left: -10px;
	}
	.board-write table .chk-list label {
		margin: -2px 11px 0 3px;
		font-size: 15px;
	}
	.board-write table .lb-chk label {
		font-size: 15px;
	}
	.board-write table .date-box input[type=text] + input[type=text] {
		margin-top: 5px;	
	}
	.board-write table .note {
		font-size: 14px;
	}
	.filebox .upload-name {
		width: 100%;
	}
	.filebox label {
		width: 100%;
		margin-top: 5px;
	}
	.emailbox .inttx {
		width: 43%;
	}
	.emailbox .selbox {
		width: 100%;
		margin-top: 5px;
	}
	.box1 {
		padding: 20px;
	}
	
	/* 구독신청 팝업 */
	.subscribe .modal-wrap {
		width: 100%;
		padding: 20px;
	}
	.subscribe .modalCont {
		padding-top: 20px;
	}
	.subscribe .termsList {
		margin-bottom: 15px;
	}
	.subscribe .termsList li {
		font-size: 16px;
	}
	.subscribe .btnCenter button {
		width: 96px;
		height: 40px;
		padding: 6px 0 8px;
		font-size: 16px;
	}
	.tagArea .tagCornerList ul {
		display: block;
	}	
	.tagArea .tagCornerList ul li {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.flower-list>ul>li .text .title a {
		padding-top:38px;
		padding-right:0;
	}
	.corner-view .view-cont > .summary {
		padding-top:50px;
	}

}
@media (max-width: 415px) {
	.searchArea > input {
		width: 61%; 
	}
	.flower-list>ul>li .text .title a {
		font-size: 20px;
		font-weight: bold;
	}
	.view-bottom .comment-box {
		margin: 30px auto 40px;
	}
	.comment-box .write .inpArea input {
		width: 48%;
	}
	.view-bottom #writterInfo .imgArea {
		width: 22%;
		margin-right: 10px;
	}
	/* .view-bottom #writterInfo .imgArea > img {
		width: 27%;
	}	 */
	.view-bottom #writterInfo dl {
		width: 70%;
		margin-left: 0;
		word-break: break-all;
		word-wrap: break-word;
	}
	
	.board-write table input.useDatepicker {
		margin-bottom: 5px;
	}
	.map-info dl dt {
		font-size: 16px;
	}
	.map-info dl dd {
		font-size: 15px;
	}	
	.webzine-intro h4 {
		font-size: 20px;
	}
	.webzine-intro p,
	.makers ul li {
		font-size: 15px;
	}
	[class*=curationSlider] li {
		padding-left: 0;
	}
	.regist-performance .step {
		flex-wrap: wrap;
	}	
	.regist-performance .step li {
		width: 47%;
	}
	.regist-performance .step li dl dt {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.regist-performance .step li:nth-child(1),
	.regist-performance .step li:nth-child(2) {
		margin-bottom: 20px;
	}
	.tagArea .tagCornerList ul li .img {
		height: auto;
	}
	.tagArea .tagCornerList ul li .img > img {
		position: static;
	}
	.pop-wrap,
	.pop-wrap.small {
		width: 103%;
	}
	.pop-lay {
		padding: 20px;
	}
	.pop-lay h4 {
		font-size: 16px;
	}
	.pop-lay .textBox {
		width: 100%;
	}
	.pop-lay .popCont .info {
		font-size: 14px;
	}
	#subscribe .modal-wrap {
		width: 103%;
		padding: 20px;
	}
	#subscribe .modalCont {
		height: auto;
		padding-top: 20px;
	}
	#subscribe .termsList li {
		font-size: 14px;
	}
	#subscribe .modalCont label {
		font-size: 14px;
	}
	#subscribe .btnCenter button {
		width: 50px;
		height: 38px;
		line-height: 36px;
		padding: 0;
		font-size: 14px;
	}
	#subscribe .btnCenter button + button {
		margin-left: 10px;
	}
	#subscribe  .btnCenter {
		margin-top: 30px;
	}
	#subscribe.modal a.close-modal {
		top: -157px;
		right: 15px;
	}	
	/*.creationArea {
		display: block;
	}
	 .creationArea input {
		width: 46%;
	}
	.creationArea input[type=password] {
		margin-left: 20px;
	}
	.creationArea select {
		width: 46%;	
	} */
	#review.modal a.close-modal, #modify.modal a.close-modal {
		top: -184px;
	}
	.progress-container {
		height: 4px;
		top: 80px;
		z-index: 100;
	}

	/* 접근성 안내 팝업 */
	#accessibility-guide .modalTop {
		margin: 0 0 30px 0;
		padding: 0 0 20px;
	}
	#accessibility-guide .modalCont {
		height: 412px;
		padding: 0;
	}
	.accessibility-guideList li {
		margin-bottom: 20px;
	}
	.accessibility-guideList li .explanation {
		width: 270px;
		margin-left: 20px;
	}
	.accessibility-guideList li .icon-img {
		width: 50px;
		height: 50px;
	}
	.accessibility-guideList li .explanation dt,
	.accessibility-guideList li .explanation dd {
		font-size: 14px;
	}
	#accessibility-guide.modal a.close-modal {
		top: -225px;
		right: 23px;
	}
	.comment-modify input[type='text'],
	.comment-modify input[type='password'] {
		width: 100%;
		margin-right: 0;
	}
	.modalClose {
		position: absolute;
		top: 25px;
	}
	
	/* 이메일 무단수집 거부 팝업  */
	#popmail.modal a.close-modal {
		top: -114px;
	}
}	
@media (max-width: 413px) {
	.hashtag  {
		margin-right:-10px;
	}
	.hashtag li:nth-child(4n) {
		margin-right: 10px;
	}
	.searchArea > input {
		width: 58%;
	}
}	
@media (max-width: 376px) {
	.searchArea > input {
		width: 57%; 
	}
	.calendar-box {
		width: 100%;
	}
	.emailbox .inttx {
		width: 86%;
		margin-bottom: 5px;
	}
	#subscribe .modalTop {
		padding-bottom: 15px;
	}
	#subscribe  .modalTop h4 {
		font-size: 16px;
	}
	#subscribe .termsList li {
		font-size: 14px;
	}
	#subscribe.modal a.close-modal {
		top: -154px;
	}	
	#review.modal a.close-modal, #modify.modal a.close-modal {
		top: -195px;
	}
	.accessibility-guide .modalCont {
		height: 560px;
	}
	.view-bottom #writterInfo .imgArea {
		width: 24%;
	}

	/* 이메일 무단수집 거부 팝업  */
	#popmail.modal a.close-modal {
		top: -126px;
	}
	#accessibility-guide.modal a.close-modal {
		top: -187px;
	}	
}
@media (max-width: 360px) {
	.searchArea > input {
		width: 55%; 
	}
	.searchArea .searchBtn {
		right: 15px;
	}
	.box1 {
		padding: 15px;
	}
	.regist-performance .num-list2>li{
		padding-left: 15px;
		font-size: 14px;
	}
	.pop-lay {
		padding: 15px;
	}
}


/* 기존 css */
#popup{position:absolute;top:5%;left:15%;z-index:10000;}
#popup:after{display:block;content:'';clear:both;}
.popup_wrap{float:left;max-width:450px;margin-right:10px;margin-bottom:10px;border:5px solid #3b3d3f;}
#popup h3.pop_tit{position:relative;background:#eee;font-size:22px;color:#333;padding:17px 30px;}
#popup h3.pop_tit span{position:absolute;right:30px;top:12px;}
#popup .pop_cont strong{font-weight:600;color:#333;}
#popup .pop_cont img{width:100%;height:auto;}
#popup .pop_foot{position:relative;height:30px;line-height:30px;background:#444;color:#fff;font-size:12px;}
#popup .pop_foot label{position:absolute;left:10px;bottom:0;}
#popup .pop_foot .btn_popclose{position:absolute;right:10px;bottom:0;}
#popupAll{position:absolute;top:5%;left:12%;z-index:10000;max-width:1400px}
#popupAll:after{display:block;content:'';clear:both;}
#popupAll h3.pop_tit{position:relative;background:#eee;font-size:22px;color:#333;padding:17px 30px;}
#popupAll h3.pop_tit span{position:absolute;right:30px;top:12px;}
#popupAll .pop_cont strong{font-weight:600;color:#333;}
#popupAll .pop_cont img{width:100%;height:auto;}
#popupAll .pop_foot{position:relative;height:30px;line-height:30px;background:#444;color:#fff;font-size:12px;}
#popupAll .pop_foot label{position:absolute;left:10px;bottom:0;}
#popupAll .pop_foot .btn_popclose{position:absolute;right:10px;bottom:0;}
#popupAll .popDiv{float:left;max-width:450px;margin-right:10px;margin-bottom:10px;border:5px solid #3b3d3f;}
#popupAll .popDiv .popup_wrap{float:none;max-width:inherit;margin-right:0;margin-bottom:0;border:0;}

.popup_footer{position:relative;height:30px;line-height:30px;background:#444;color:#fff;font-size:12px;}
.popup_footert label{position:absolute;left:10px;bottom:0;}
.popup_footer .close{position:absolute;right:10px;bottom:0;}

@media  (max-width:1800px){
	#popupAll {left: 100px;}
}

@media screen and (max-width:1025px){
	.fieldList li:nth-child(odd) {
		margin-right:15px;
	}
}