@charset "utf-8";
/* .streser.board_list */
.streser.board_list{border-top:1px solid #000; padding-top:50px;}
.streser.board_list .list{margin:0px -2%; }
.streser.board_list .list:after{display:block; content:"";clear:both;}
.streser.board_list .list li{width:21%; margin:0px 2%; margin-bottom:60px; float:left;}

.streser.board_list .list li .img{position:relative; height:290px; overflow:hidden; margin-bottom:15px; background:url("https://www.uljin.go.kr/images/01_potal/common/logo_2023.png") no-repeat center #f3f3f3; background-size:70%;}
.streser.board_list .list li .img img{width:100%; height:100%; transition: all 0.3s ease-out;}
.streser.board_list .list li:hover .img img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1);}
.streser.board_list .list li .img .type-situ{position:absolute; right:0px; bottom:0px; background:#fff; padding:10px; font-size:0px;}
.streser.board_list .list li .img .type-situ .type{position:relative; font-size:14px; display:inline-block; padding-right:10px; vertical-align:middle; color:#000; font-weight:900;}
.streser.board_list .list li .img .type-situ .type:before{position:absolute; right:0px; top:50%; display:block; width:1px; height:10px; margin-top:-5px; background:#bababa; content:"";}
.streser.board_list .list li .img .type-situ .situ{font-size:14px; display:inline-block; margin-left:10px; vertical-align:middle; color:#000; font-weight:900;}
.streser.board_list .list li .img .type-situ .situ.ticket{padding-left:20px; color:#da3f31; background:url("/images/streser/streser-icon-ticket.png") no-repeat left;}
.streser.board_list .list li .img .type-situ .situ.end{padding-left:20px; color:#0325ba; background:url("/images/streser/streser-icon-end.png") no-repeat left;}
.streser.board_list .list li .img .type-situ .situ.stand{padding-left:20px; color:#00a718; background:url("/images/streser/streser-icon-stand.png") no-repeat left;}

.streser.board_list .list li .tit{font-size:18px; color:#000; line-height:140%; letter-spacing:-0.02em; font-weight:600; overflow:hidden; margin-bottom:15px; transition: all 0.2s ease-out; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.streser.board_list .list li:hover .tit{color:#e15a4e;}

.streser.board_list .list li .details{margin-bottom:20px;}
.streser.board_list .list li .details .detail{position:relative; margin-bottom:10px; padding-left:45px;}
.streser.board_list .list li .details .detail:last-child{margin-bottom:0px;}
.streser.board_list .list li .details .detail .btxt{position:absolute; top:0px; left:0px; font-size:14px; padding-right:10px; font-weight:900; color:#000;}
.streser.board_list .list li .details .detail .btxt:before{position:absolute; right:0px; top:50%; display:block; width:1px; height:10px; margin-top:-5px; background:#bababa; content:"";}
.streser.board_list .list li .details .detail .stxt{font-size:14px; color:#555; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.streser.board_list .list li .btns{margin:0px -1%; font-size:0px;}
.streser.board_list .list li .btns .btn{position:relative; width:48%; padding:8px 10px; margin:0px 1%; font-size:14px; display:inline-block; box-sizing:border-box; font-weight:600; border-radius:5px;}
.streser.board_list .list li .btns .btn:before{position:absolute; right:10px; top:50%; line-height:20px; margin-top:-10px; content:">";}
.streser.board_list .list li .btns .btn.detail{border:1px solid #e15a4e; color:#e15a4e;}
.streser.board_list .list li .btns .btn.reser{border:1px solid #e15a4e; color:#fff; background:#e15a4e;}
.streser.board_list .list li .btns .btn:hover span{text-decoration: underline;}

	@media all and (max-width:1023px) {
		.streser.board_list{padding-top:30px;}
		.streser.board_list .list{margin:0px -2%; }
		.streser.board_list .list li{width:29%; margin:0px 2%; margin-bottom:40px;}

		.streser.board_list .list li .img{height:250px;}

		.streser.board_list .list li .img .type-situ .type{font-size:13px;}
		.streser.board_list .list li .img .type-situ .situ{font-size:13px;}

		.streser.board_list .list li .tit{font-size:16px; margin-bottom:10px;}

		.streser.board_list .list li .details{margin-bottom:15px;}
		.streser.board_list .list li .details .detail{margin-bottom:7px; padding-left:40px;}
		.streser.board_list .list li .details .detail .btxt{font-size:13px; padding-right:8px;}
		.streser.board_list .list li .details .detail .stxt{font-size:13px;}

		.streser.board_list .list li .btns .btn{font-size:13px;}
	}

	@media all and (max-width:768px){
		.streser.board_list{padding-top:15px;}
		.streser.board_list .list{margin:0px -2%; }
		.streser.board_list .list li{width:46%; margin:0px 2%; margin-bottom:40px;}

		.streser.board_list .list li .img{height:280px;}


		.streser.board_list .list li .tit{font-size:15px;}
	}
																							  
	@media all and (max-width:549px){
		.streser.board_list .list{margin:0px 0px; }
		.streser.board_list .list li{width:100%; margin:0px 0px; margin-bottom:40px;}

		.streser.board_list .list li .img{height:360px;}
	}


/* .streser.detail */
.streser.detail{margin-top:20px;}
.streser.detail .img-ipinfos{position:relative; margin-bottom:60px; padding-left:530px; min-height:470px;}
.streser.detail .img-ipinfos .img{position:absolute; top:0px; left:120px; width:345px; height:465px; overflow:hidden; border-radius:20px; box-shadow:6px 6px 6px rgba(0, 0, 0 , 0.3); background:url(https://www.uljin.go.kr/images/01_potal/common/logo_2023.png) no-repeat center #f3f3f3; background-size:260px;}
.streser.detail .img-ipinfos .img img{width:100%}
.streser.detail .img-ipinfos .ipinfos{padding-top:30px;}
.streser.detail .img-ipinfos .ipinfos .title{font-size:30px; letter-spacing:-0.02em; color:#000; line-height:120%; margin-bottom:15px; display:block; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}
.streser.detail .img-ipinfos .ipinfos .type-situ{margin-bottom:20px;}
.streser.detail .img-ipinfos .ipinfos .type-situ .type{display:inline-block; line-height:100%; padding:10px 20px; border-radius:20px; border:1px solid #000; font-size:14px; color:#000; font-weight:600;}
.streser.detail .img-ipinfos .ipinfos .type-situ .situ{display:inline-block; line-height:100%; padding:10px 20px; border-radius:20px; border:1px solid #000; font-size:14px; color:#000; font-weight:600;}
.streser.detail .img-ipinfos .ipinfos .type-situ .situ.ticket{border:1px solid #da3f31;}
.streser.detail .img-ipinfos .ipinfos .type-situ .situ.ticket span{color:#da3f31; padding-left:20px; background:url("/images/streser/streser-icon-ticket.png") no-repeat left;}
.streser.detail .img-ipinfos .ipinfos .type-situ .situ.end{border:1px solid #0325ba;}
.streser.detail .img-ipinfos .ipinfos .type-situ .situ.end span{color:#0325ba; padding-left:20px; background:url("/images/streser/streser-icon-end.png") no-repeat left;}
.streser.detail .img-ipinfos .ipinfos .type-situ .situ.stand{border:1px solid #00a718; display:none}
.streser.detail .img-ipinfos .ipinfos .type-situ .situ.stand span{color:#00a718; padding-left:20px; background:url("/images/streser/streser-icon-stand.png") no-repeat left;}

.streser.detail .img-ipinfos .ipinfos .infos{padding-top:30px; margin-bottom:40px; border-top:1px solid #eaeaea;}
.streser.detail .img-ipinfos .ipinfos .infos ul{}
.streser.detail .img-ipinfos .ipinfos .infos ul li{position:relative; padding:10px 0px 10px 160px; border-bottom:1px dashed #dbdbdb;}
.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt{position:absolute; top:10px; left:18px; font-size:15px; color:#555; padding-left:30px; font-weight:600;}
.streser.detail .img-ipinfos .ipinfos .infos ul li .stxt{position:relative; padding-left:25px; font-size:15px; color:#555; display:block; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}
.streser.detail .img-ipinfos .ipinfos .infos ul li .stxt:before{position:absolute; left:0px; top:4px; display:block; width:1px; height:10px; background:#bababa; content:"";}
.streser.detail .img-ipinfos .ipinfos .infos ul li .stxt strong{font-weight:300; color:#dd7430; display:block; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}

.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.tperi{background:url("/images/streser/streser-icon-tperi.png") no-repeat left;}
.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.eperi{background:url("/images/streser/streser-icon-eperi.png") no-repeat left;}
.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.time{background:url("/images/streser/streser-icon-time.png") no-repeat left;}
.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.locat{background:url("/images/streser/streser-icon-locat.png") no-repeat left;}
.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.amount{background:url("/images/streser/streser-icon-amount.png") no-repeat left;}

.streser.detail .img-ipinfos .ipinfos .btn{display:inline-block; background:#e15a4e; color:#fff; padding:15px 80px; font-size:18px; font-weight:600; border-radius:30px; box-shadow:6px 6px 6px rgba(0, 0, 0 , 0.3);}

.streser.detail .txt-infos{position:relative; padding:50px 20px}
.streser.detail .txt-infos:before{position:absolute; left:0px; top:0px; width:100%; height:8px; background:url("/images/streser/txt-infos-bg.png") repeat left top; content:"";}
.streser.detail .txt-infos .tit{font-size:20px; color:#000; margin-bottom:30px;}
.streser.detail .txt-infos .txt{font-size:14px; color:#898989; line-height:160%;}
.streser.detail .txt-infos img{width:100%;}

.streser.detail .attach{position:relative; padding-left:185px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-bottom:30px;}
.streser.detail .attach .btxt{position:absolute; left:0px; top:0px; text-align:center; font-weight:600; padding:15px 0px; width:160px; font-size:14px; color:#555; background:#f8f8f8;}
.streser.detail .attach .down-view{padding:15px 0px;}
.streser.detail .attach .down-view .down{font-size:14px; color:#555; padding-left:30px; line-height:100%; margin-right:15px; background:url("/images/streser/streser-icon-attach.png") no-repeat left; display:inline-block; vertical-align:middle;}
.streser.detail .attach .down-view .view{font-size:13px; padding:5px 10px; background:#8594a4; line-height:100%; color:#fff; border-radius:4px; display:inline-block; vertical-align:middle;}

.streser.detail .board-btns{text-align:right;}
.streser.detail .board-btns .btn{display:inline-block; padding:10px 18px; background:#555; font-size:14px; color:#; color:#fff; border-radius:20px;}
.streser.detail .board-btns .btn.list span{padding-right:26px; background:url("/images/streser/streser-icon-list.png") no-repeat right;}

	@media all and (max-width:1023px) {

		.streser.detail .img-ipinfos{padding-top:30px; margin-bottom:40px; padding-left:300px; min-height:370px;}
		.streser.detail .img-ipinfos .img{position:absolute; top:30px; left:0px; width:270px; height:355px; background-size:200px;}
		.streser.detail .img-ipinfos .ipinfos{padding-top:0px;}
		.streser.detail .img-ipinfos .ipinfos .title{font-size:26px;}
		.streser.detail .img-ipinfos .ipinfos .type-situ .type{font-size:13px;}
		.streser.detail .img-ipinfos .ipinfos .type-situ .situ{font-size:13px;}

		.streser.detail .img-ipinfos .ipinfos .infos{padding-top:10px; margin-bottom:20px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li{padding:10px 0px 10px 130px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt{position:absolute; top:10px; left:10px; font-size:14px; padding-left:24px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .stxt{padding-left:15px; font-size:14px}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .stxt:before{top:3px;}

		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.tperi{background-size:17px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.eperi{background-size:17px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.time{background-size:17px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.locat{background-size:17px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.amount{background-size:17px;}

		.streser.detail .img-ipinfos .ipinfos .btn{padding:10px 50px; font-size:16px;}

		.streser.detail .txt-infos{padding:30px 15px}
		.streser.detail .txt-infos .tit{font-size:18px; margin-bottom:20px;}
		.streser.detail .txt-infos .txt{font-size:13px;}

		.streser.detail .attach{padding-left:160px; margin-bottom:20px;}
		.streser.detail .attach .btxt{padding:10px 0px; width:140px; font-size:13px;}
		.streser.detail .attach .down-view{padding:10px 0px;}
		.streser.detail .attach .down-view .down{font-size:13px; padding-left:26px; background-size:14px;}
		.streser.detail .attach .down-view .view{font-size:12px;}
	}

	@media all and (max-width:768px){
		.streser.detail .img-ipinfos{padding-top:20px; margin-bottom:30px; padding-left:200px; min-height:330px;}
		.streser.detail .img-ipinfos .img{position:absolute; top:20px; left:0px; width:180px; height:240px; background-size:150px;}
		.streser.detail .img-ipinfos .ipinfos{padding-top:0px;}
		.streser.detail .img-ipinfos .ipinfos .title{font-size:22px;}
		.streser.detail .img-ipinfos .ipinfos .type-situ{margin-bottom:15px;}
		.streser.detail .img-ipinfos .ipinfos .type-situ .type{font-size:13px; padding:6px 10px;}
		.streser.detail .img-ipinfos .ipinfos .type-situ .situ{font-size:13px; padding:6px 10px;}

		.streser.detail .img-ipinfos .ipinfos .infos{margin-bottom:15px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li{padding:10px 0px 10px 120px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt{position:absolute; top:10px; left:10px; font-size:13px; padding-left:22px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .stxt{padding-left:12px; font-size:13px}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .stxt:before{top:2px;}

		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.tperi{background-size:15px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.eperi{background-size:15px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.time{background-size:15px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.locat{background-size:15px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt.amount{background-size:15px;}

		.streser.detail .img-ipinfos .ipinfos .btn{padding:8px 30px; font-size:15px;}

		.streser.detail .txt-infos{padding:20px 10px}
		.streser.detail .txt-infos .tit{font-size:16px; margin-bottom:15px;}
		.streser.detail .txt-infos .txt{font-size:13px;}

		.streser.detail .attach{padding-left:110px; margin-bottom:20px;}
		.streser.detail .attach .btxt{padding:10px 0px; width:100px; font-size:13px;}
		.streser.detail .attach .down-view{padding:10px 0px;}
		.streser.detail .attach .down-view .down{font-size:12px; padding-left:20px;}
		.streser.detail .attach .down-view .view{font-size:11px;}
	}
																							  
	@media all and (max-width:549px){
		.streser.detail .img-ipinfos{padding-top:10px; margin-bottom:20px; padding-left:0px; min-height:auto;}
		.streser.detail .img-ipinfos .img{position:relative; top:auto; left:auto; width:100%; height:auto; min-height:100px; margin-bottom:15px;}
		.streser.detail .img-ipinfos .ipinfos{padding-top:0px;}
		.streser.detail .img-ipinfos .ipinfos .title{font-size:18px;}
		.streser.detail .img-ipinfos .ipinfos .type-situ{margin-bottom:10px;}
		.streser.detail .img-ipinfos .ipinfos .type-situ .type{font-size:12px;}
		.streser.detail .img-ipinfos .ipinfos .type-situ .situ{font-size:12px;}

		.streser.detail .img-ipinfos .ipinfos .infos{margin-bottom:10px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li{padding:10px 0px 10px 105px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .btxt{position:absolute; top:10px; left:5px; font-size:12px; padding-left:20px;}
		.streser.detail .img-ipinfos .ipinfos .infos ul li .stxt{padding-left:10px; font-size:12px}

		.streser.detail .img-ipinfos .ipinfos .btn{padding:8px 30px; font-size:14px; width:100%; box-sizing:border-box; text-align:center;}

		.streser.detail .txt-infos .tit{font-size:15px; margin-bottom:10px;}
		.streser.detail .txt-infos .txt{font-size:12px;}

		.streser.detail .attach{padding-left:80px; margin-bottom:20px;}
		.streser.detail .attach .btxt{width:70px; font-size:12px;}
		.streser.detail .attach .down-view .down{margin-bottom:10px;}
		.streser.detail .attach .down-view .view{margin-bottom:10px;}
	}



/* .streser.ticketing */
.streser.ticketing{}
.streser.ticketing:after{display:block; content:"";clear:both;}

.streser.ticketing .detail-infos{width:32%; float:right;}
.streser.ticketing .detail-infos .title{font-size:20px; color:#000; margin-bottom:15px; font-weight:600;}
.streser.ticketing .detail-infos .img-infos{text-align:center; padding:20px 0px; border-top:1px solid #000; border-bottom:1px solid #000;}
.streser.ticketing .detail-infos .img-infos .img{width:150px min-height:100px; margin-bottom:20px; display:inline-block; background:url(https://www.uljin.go.kr/images/01_potal/common/logo_2023.png) no-repeat center #f3f3f3; background-size:80%;}
.streser.ticketing .detail-infos .img-infos .img img{width:100%;}

.streser.ticketing .detail-infos .img-infos .linfos{text-align:left;}
.streser.ticketing .detail-infos .img-infos .linfos .tit{font-size:18px; color:#000; margin-bottom:15px; display:block; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.streser.ticketing .detail-infos .img-infos .linfos .infos{margin-bottom:20px;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul{}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li{position:relative; padding:10px 0px 10px 120px; border-bottom:1px dashed #dbdbdb;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .btxt{position:absolute; top:10px; left:5px; font-size:14px; color:#555; padding-left:22px; font-weight:600;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .stxt{position:relative; padding-left:15px; font-size:14px; color:#555;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .stxt:before{position:absolute; left:0px; top:4px; display:block; width:1px; height:10px; background:#bababa; content:"";}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .stxt strong{font-weight:300; color:#dd7430;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .btxt.tperi{background:url("/images/streser/streser-icon-tperi.png") no-repeat left; background-size:16px;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .btxt.eperi{background:url("/images/streser/streser-icon-eperi.png") no-repeat left; background-size:16px;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .btxt.time{background:url("/images/streser/streser-icon-time.png") no-repeat left; background-size:16px;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .btxt.locat{background:url("/images/streser/streser-icon-locat.png") no-repeat left; background-size:16px;}
.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .btxt.amount{background:url("/images/streser/streser-icon-amount.png") no-repeat left; background-size:16px;}

.streser.ticketing .detail-infos .img-infos .tinfos{text-align:left; color:#898989; line-height:180%; font-size:14px; display:none;}
.streser.ticketing .detail-infos .img-infos .tinfos img{width:100%;}
																 

.streser.ticketing .detail-infos .img-infos .btns{text-align:center}
.streser.ticketing .detail-infos .img-infos .btns .btn{padding:15px 50px; background:#000; color:#fff; font-size:18px; font-weight:600; display:inline-block; border-radius:26px;}
.streser.ticketing .detail-infos .img-infos .btns .btn.reser{background:#e15a4e;}
.streser.ticketing .detail-infos .img-infos .btns .btn.comp{background:#e15a4e;}
.streser.ticketing .detail-infos .img-infos .btns .btn.paym{background:#616161;}
.streser.ticketing .detail-infos .img-infos .btns .btn.impo{background:#ff8000;}



.streser.ticketing .selects{width:65%; float:left; padding:10px; box-sizing:border-box; text-align:center; background:url("/images/streser/txt-infos-bg.png") repeat left top;}
.streser.ticketing .selects .in-cont{position:relative; background:#fff; border:1px dashed #dbdbdb; text-align:left;}
.streser.ticketing .selects .in-cont:before{position:absolute; left:50%; top:0; display:block; border-right:1px dashed #dbdbdb; height:100%; content:"";}
.streser.ticketing .selects .in-cont:after{display:block; content:"";clear:both;}
.streser.ticketing .selects .in-cont .conL{width:50%; float:left;}
.streser.ticketing .selects .in-cont .conR{width:50%; float:right;}

.streser.ticketing .selects .in-cont .sels{padding:20px; border-bottom:1px dashed #dbdbdb;}
.streser.ticketing .selects .in-cont .sels:nth-child(3n){border-bottom:none;}
.streser.ticketing .selects .in-cont .sels .tit{font-size:16px; color:#000; font-weight:600; margin-bottom:25px;}
.streser.ticketing .selects .in-cont .sels .tit .num{font-size:15px; color:#dd7430; text-decoration:underline; margin-right:8px;}

.streser.ticketing .selects .in-cont .date-sel{}
.streser.ticketing .selects .in-cont .date-sel .calendar{}
.streser.ticketing .selects .in-cont .date-sel .calendar .month-sel{text-align:center;}
.streser.ticketing .selects .in-cont .date-sel .calendar .month-sel .btn{background:red; display:inline-block; width:20px; height:20px;}
.streser.ticketing .selects .in-cont .date-sel .calendar .month-sel .btn.prev{background:url("/images/streser/streser-icon-arrowL.png") no-repeat center;}
.streser.ticketing .selects .in-cont .date-sel .calendar .month-sel .btn.next{background:url("/images/streser/streser-icon-arrowR.png") no-repeat center;}
.streser.ticketing .selects .in-cont .date-sel .calendar .month-sel .month{display:inline-block; font-size:15px; font-weight:600; color:#000;}

.streser.ticketing .selects .in-cont .date-sel .calendar table{width:100%;}
.streser.ticketing .selects .in-cont .date-sel .calendar table thead{}
.streser.ticketing .selects .in-cont .date-sel .calendar table thead tr{}
.streser.ticketing .selects .in-cont .date-sel .calendar table thead tr th{font-size:13px; text-align:center; padding:12px; color:#555;}
.streser.ticketing .selects .in-cont .date-sel .calendar table thead tr th:first-child{color:#eb6f38;}
.streser.ticketing .selects .in-cont .date-sel .calendar table thead tr th:last-child{color:#2a87e7;}

.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr{}
.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr td{font-size:13px; text-align:center; color:#888; border:1px solid #fff; background:#f8f8f8;}
.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr td a{padding:12px 0px; display:block; border-radius:4px;}
.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr td.pastDay a{background-color: lightgray}
.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr td.futureDay a:hover{color:#e15a4e; font-weight:600; text-decoration:underline;}
.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr td.today a:hover{color:#e15a4e; font-weight:600; text-decoration:underline;}
.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr td.choiceDay a{background:#e15a4e; color:#fff; font-weight:600;}


.streser.ticketing .selects .in-cont .round-sel{}
.streser.ticketing .selects .in-cont .round-sel .round-btns{font-size:0px;}
.streser.ticketing .selects .in-cont .round-sel .round-btns .turnBtn{display:inline-block; border:1px solid #e15a4e; padding:6px 15px; font-size:15px; border-radius:4px; margin-right:5px; color:#e15a4e; line-height:120%; margin-bottom:5px;}
.streser.ticketing .selects .in-cont .round-sel .round-btns .turnBtn strong{font-weight:600; margin-left:5px;}
.streser.ticketing .selects .in-cont .round-sel .round-btns .turnBtn.active{color:#fff; background:#e15a4e;}
.streser.ticketing .selects .in-cont .round-sel .round-btns .turnBtn:hover{color:#fff; background:#e15a4e;}


.streser.ticketing .selects .in-cont .seat-sel{}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns{}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break{display:block;}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .seatbtn{display:inline-block; margin-bottom:5px;}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .seatbtn.sel{position:relative; font-size:15px; padding:10px 30px 10px 10px; background:#454545; color:#fff; border-radius:4px; }
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .seatbtn.sel:before{position:absolute; right:10px; top:50%; line-height:20px; margin-top:-10px; content:">"; font-size:11px;}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .seatbtn.result{font-size:14px;}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .seatbtn.result .btxt{display:inline-block; vertical-align:middle; padding:6px 15px; border:1px solid #e15a4e; color:#e15a4e; border-radius:4px;}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .seatbtn.result.active .btxt{color:#fff; background:#e15a4e;}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .seatbtn.result .btxt strong{display:inline-block; font-weight:600; margin-left:5px;}
.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .seatbtn.result .stxt{display:inline-block; vertical-align:middle; color:#e15a4e;}
.streser.ticketing .selects .in-cont .person-inputs{}
.streser.ticketing .selects .in-cont .person-inputs .inputs{}
.streser.ticketing .selects .in-cont .person-inputs .inputs .input{position:relative; padding-left:90px; margin-bottom:10px;}
.streser.ticketing .selects .in-cont .person-inputs .inputs .input .btxt{position:absolute; left:0px; top:5px; font-size:15px; padding-left:15px; color:#555; background:url("/images/streser/streser-icon-check.png") no-repeat left;}
.streser.ticketing .selects .in-cont .person-inputs .inputs .input input[type="text"]{border:1px solid #d0d0d0; font-size:14px; color:#555; width:100%; height:30px;}
.streser.ticketing .selects .in-cont .person-inputs .inputs .input-btxt{font-size:15px; padding-left:15px; color:#555; background:url("/images/streser/streser-icon-check.png") no-repeat left; text-decoration:underline;}

.streser.ticketing .selects .in-cont .agree-checks{}
.streser.ticketing .selects .in-cont .agree-checks .checks{}
.streser.ticketing .selects .in-cont .agree-checks .checks .check{margin-bottom:10px;}
.streser.ticketing .selects .in-cont .agree-checks .checks .check:last-child{margin-bottom:0px:}
.streser.ticketing .selects .in-cont .agree-checks .checks .check input[type="checkbox"]{display:inline-block; vertical-align:middle;}
.streser.ticketing .selects .in-cont .agree-checks .checks .check label{display:inline-block; vertical-align:middle; color:#555; font-size:15px;}
.streser.ticketing .selects .in-cont .agree-checks .checks .check .view{display:inline-block; vertical-align:middle; color:#555; font-size:15px;}

.streser.ticketing .selects .in-cont .payment-radios{}
.streser.ticketing .selects .in-cont .payment-radios .radios{overflow:hidden;}
.streser.ticketing .selects .in-cont .payment-radios .radios .radio{width:50%; margin-bottom:10px; float:left;}
.streser.ticketing .selects .in-cont .payment-radios .radios .radio input[type="radio"]{display:inline-block; vertical-align:middle;}
.streser.ticketing .selects .in-cont .payment-radios .radios .radio label{display:inline-block; vertical-align:middle; color:#555; font-size:15px;}

.streser.ticketing .selects .btns{}
.streser.ticketing .selects .btns .btn{padding:15px 50px; background:#000; color:#fff; font-size:18px; font-weight:600; display:inline-block; border-radius:26px;}
.streser.ticketing .selects .btns .btn.reser{background:#e15a4e;}
.streser.ticketing .selects .btns .btn.comp{background:#e15a4e;}
.streser.ticketing .selects .btns .btn.paym{background:#616161;}
.streser.ticketing .selects .btns .btn.impo{background:#ff8000;}

/*문화예술회관일시*/
.streser.ticketing .selects.hall{width:100%; float:none;}
.streser.ticketing .selects.hall .in-cont .sels{border-bottom:none;}

.streser.ticketing .selects .in-cont .hall-list{background:#f4f4f8; padding:15px; height:190px; overflow:auto;}
.streser.ticketing .selects .in-cont .hall-list .list{}
.streser.ticketing .selects .in-cont .hall-list .list li{position:relative; margin-bottom:10px; padding-left:15px;}
.streser.ticketing .selects .in-cont .hall-list .list li:before{position:absolute; left:0px; top:7px; width:6px; height:2px; background:#223e99; content:"";}

.streser.ticketing .selects .in-cont .hall-list .list li a{font-size:14px; display:block; color:#3d3d3d}
.streser.ticketing .selects .in-cont .hall-list .list li a:hover{color:#e15a4e; text-decoration: underline;}

	@media all and (max-width:1023px) {
		.streser.ticketing .detail-infos{width:100%; float:none;}

		.streser.ticketing .selects{width:100%; float:none;}
	}

	@media all and (max-width:768px){
		.streser.ticketing .detail-infos .title{font-size:18px; margin-bottom:10px;}
		.streser.ticketing .detail-infos .img-infos{text-align:center; padding:20px 0px; border-top:1px solid #000; border-bottom:1px solid #000;}

		.streser.ticketing .detail-infos .img-infos .linfos .tit{font-size:16px; margin-bottom:10px;}
		.streser.ticketing .detail-infos .img-infos .linfos .infos{margin-bottom:15px;}
		.streser.ticketing .detail-infos .img-infos .linfos .infos ul li{padding:10px 0px 10px 110px;}
		.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .btxt{position:absolute; top:10px; left:0px; font-size:13px; padding-left:20px;}
		.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .stxt{padding-left:10px; font-size:13px;}
		.streser.ticketing .detail-infos .img-infos .linfos .infos ul li .stxt:before{position:absolute; left:0px; top:3px;}

		.streser.ticketing .detail-infos .img-infos .tinfos{font-size:13px;}

		.streser.ticketing .detail-infos .img-infos .btns .btn{padding:10px 30px; font-size:16px;}

		.streser.ticketing .selects .in-cont:before{display:none;}
		.streser.ticketing .selects .in-cont .conL{width:100%; float:none;}
		.streser.ticketing .selects .in-cont .conR{width:100%; float:none;}

		.streser.ticketing .selects .in-cont .sels:nth-child(3n){border-bottom:1px dashed #dbdbdb;}

		.streser.ticketing .selects .in-cont .sels{padding:20px;}
		.streser.ticketing .selects .in-cont .sels .tit{font-size:15px;margin-bottom:15px;}
		.streser.ticketing .selects .in-cont .sels .tit .num{font-size:14px; margin-right:5px;}

		.streser.ticketing .selects .in-cont .date-sel .calendar .month-sel .month{font-size:14px;}

		.streser.ticketing .selects .in-cont .date-sel .calendar table thead tr th{font-size:13px; text-align:center; padding:12px; color:#555;}
		.streser.ticketing .selects .in-cont .date-sel .calendar table thead tr th:first-child{color:#eb6f38;}
		.streser.ticketing .selects .in-cont .date-sel .calendar table thead tr th:last-child{color:#2a87e7;}

		.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr td{font-size:12px;}
		.streser.ticketing .selects .in-cont .date-sel .calendar table tbody tr td a{padding:10px;}

		.streser.ticketing .selects .in-cont .round-sel .round-btns .btn{padding:5px 10px; font-size:14px;}

		.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .btn.sel{font-size:14px; padding:8px 20px 8px 8px;}
		.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .btn.sel:before{font-size:10px;}
		.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .btn.result{font-size:13px;}
		.streser.ticketing .selects .in-cont .seat-sel .seat-btns .break .btn.result .btxt{padding:5px 10px;}

		.streser.ticketing .selects .in-cont .person-inputs .inputs .input{padding-left:90px; margin-bottom:5px;}
		.streser.ticketing .selects .in-cont .person-inputs .inputs .input .btxt{position:absolute; left:0px; top:5px; font-size:14px; padding-left:12px; background-size:8px;}
		.streser.ticketing .selects .in-cont .person-inputs .inputs .input input[type="text"]{font-size:14px; color:#555;}
		.streser.ticketing .selects .in-cont .person-inputs .inputs .input-btxt{font-size:14px; padding-left:12px; color:#555; background-size:8px;}

		.streser.ticketing .selects .in-cont .agree-checks .checks .check{margin-bottom:5px;}
		.streser.ticketing .selects .in-cont .agree-checks .checks .check label{font-size:14px;}
		.streser.ticketing .selects .in-cont .agree-checks .checks .check .view{font-size:14px;}

		.streser.ticketing .selects .in-cont .payment-radios .radios .radio{margin-bottom:5px;}
		.streser.ticketing .selects .in-cont .payment-radios .radios .radio label{font-size:14px;}

		.streser.ticketing .selects .btns .btn{padding:10px 30px; font-size:16px;}
	}
																							  
	@media all and (max-width:549px){
		.streser.ticketing .selects .in-cont .sels{padding:10px;}
	}



/* layer-wrap.ticketing */
.layer-wrap.ticketing{/*position:fixed; top:40px; left:50%; margin-left:-600px;*/ width:1200px; display:none; box-sizing:border-box;}
.layer-wrap.ticketing:after{display:block; content:"";clear:both;}

.layer-wrap.ticketing .seat-select{width:990px; float:left; box-sizing:border-box; padding:40px 24px; background:#fff; border-radius:8px;}
.layer-wrap.ticketing .seat-select .title{text-align:center; margin-bottom:10px;}
.layer-wrap.ticketing .seat-select .title .btxt{font-size:30px; color:#000; font-weight:600; line-height:120%;}
.layer-wrap.ticketing .seat-select .title .stxt{font-size:15px; color:#888; line-height:120%;}

.layer-wrap.ticketing .seat-select .legend{text-align:right; margin-bottom:20px}
.layer-wrap.ticketing .seat-select .legend .btxt{position:relative; padding-left:20px; font-size:13px; display:inline-block; margin-right:10px;}
.layer-wrap.ticketing .seat-select .legend .btxt:last-child{margin-right:0px;}
.layer-wrap.ticketing .seat-select .legend .btxt:before{position:absolute; left:0px; top:0px; width:15px; height:15px; display:block; content:""; background:#f3f3f3; border:1px solid #9b9b9b;}
.layer-wrap.ticketing .seat-select .legend .btxt.comp:before{background:#696868; border-color:#000;}
.layer-wrap.ticketing .seat-select .legend .btxt.active:before{background:#e25a4e; border-color:#7d0a00;}

.layer-wrap.ticketing .seat-select .scroll-guide{display:none; position:relative; padding:10px 20px; background:#f6f6f6; margin-bottom:5px; text-align:center;}
.layer-wrap.ticketing .seat-select .scroll-guide:before{position:absolute; top:50%; left:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:"<";}
.layer-wrap.ticketing .seat-select .scroll-guide:after{position:absolute; top:50%; right:0px; width:20px; height:20px; margin-top:-10px; line-height:20px; font-weight:600; content:">";}
.layer-wrap.ticketing .seat-select .scroll-guide p{ text-align:center; font-weight:600;color:#666; font-size:13px;}
.layer-wrap.ticketing .seat-select .scroll-guide p:before{content:"상하좌우 스크롤 하세요";}
.layer-wrap.ticketing.type02 .seat-select .scroll-guide{display:block;}
.layer-wrap.ticketing.type02 .seat-select .mo-scroll{width:942px; height:446px; overflow:auto;}

.layer-wrap.ticketing .seat-select .seats-sel{}
.layer-wrap.ticketing .seat-select .seats-sel:after{display:block; content:"";clear:both;}
.layer-wrap.ticketing .seat-select .seats-sel .area{margin:0px 15px; float:left;}
.layer-wrap.ticketing .seat-select .seats-sel .area .tit{font-size:16px; text-align:center; font-weight:600; color:#000; padding:0px 0px 10px 0px; margin-bottom:20px; border-bottom:1px solid #000; overflow:hidden}
.layer-wrap.ticketing .seat-select .seats-sel .area .line{font-size:0px; overflow:hidden;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .seatBtn{width:23px; height:23px; margin-right:1px; margin-bottom:1px; display:inline-block; border-radius:2px; font-size:12px; color:#000; text-align:center; border:1px solid #d4d4d4; background:#f3f3f3;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .seatBtn:hover{color:#e25a4e;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .seatBtn:last-child{margin-right:0px;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .seatBtn i{font-style:normal; line-height:24px;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .seatBtn.active{background:#e25a4e; color:#fff; border:1px solid #e25a4e;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .seatBtn.disa{color:#2c48a3; width:49px; font-weight:600;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .seatBtn:hover.disa{color:#e25a4e;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .seatBtn.comp{background:#696868; color:#fff;}
.layer-wrap.ticketing.type02 .seat-select .seats-sel{width:970px; height:484px;}


.layer-wrap.ticketing .seat-select .seats-sel .area .line.blank{height:26px;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line.gap{margin-bottom:20px;}

.layer-wrap.ticketing .seat-select .seats-sel .area .line .fl{float:left;}
.layer-wrap.ticketing .seat-select .seats-sel .area .line .fr{float:right;}

.layer-wrap.ticketing .seat-select .seats-sel .area.senA{text-align:right; margin-left:0px;}
.layer-wrap.ticketing .seat-select .seats-sel .area.senB{text-align:left;}
.layer-wrap.ticketing .seat-select .seats-sel .area.senC{text-align:left; margin-right:0px;}
.layer-wrap.ticketing .seat-select .seats-sel .area.senD{text-align:left;}															  

.layer-wrap.ticketing .seat-result{width:190px; float:right; box-sizing:border-box; padding:30px 20px; background:#000; border-radius:8px;}
.layer-wrap.ticketing .seat-result .tit{font-size:18px; color:#fff; margin-bottom:20px; text-align:center;}
.layer-wrap.ticketing .seat-result .result{border-top:1px solid #fff; padding:20px 0px; height:488px;}
.layer-wrap.ticketing .seat-result .result a{padding:5px 10px; color:#e15a4e; display:inline-block; font-size:14px; border:1px solid #e15a4e; color:#e15a4e; border-radius:2px;margin:3px;}
.layer-wrap.ticketing .seat-result .btns{text-align:center;}
.layer-wrap.ticketing .seat-result .btns .btn{padding:10px 30px; background:#e25a4e; color:#fff; display:inline-block;}

.layer-wrap.ticketing .close-btn{position:absolute; right:-50px; top:0px; width:40px; height:40px; display:block; background:url("/images/streser/streser-icon-end.png") no-repeat center #fff;}
.layer-wrap.ticketing .close-btn span{font-size:0px;}


	@media all and (max-width:1023px) {
		.layer-wrap.ticketing{/* position:fixed; top:40px; left:50%; margin-left:-300px;*/ width:600px; height:auto; overflow-y:auto; overflow-x:hidden; }

		.layer-wrap.ticketing .seat-select{width:100%; float:none; padding:20px 15px; margin-bottom:10px;}

		.layer-wrap.ticketing .seat-select .mo-scroll{width:570px; overflow-x:auto;}
		.layer-wrap.ticketing.type02 .seat-select .mo-scroll{width:570px; overflow-x:auto;}
		.layer-wrap.ticketing .seat-select .scroll-guide{display:block;}

		.layer-wrap.ticketing .seat-select .seats-sel{width:941px; height:400px; overflow:auto;}

		.layer-wrap.ticketing .seat-result{width:100%; float:none; padding:20px 15px;}
		.layer-wrap.ticketing .seat-result .result{height:auto;}

		.layer-wrap.ticketing .close-btn{position:absolute; right:20px; top:20px;}
	}

	@media all and (max-width:768px){
		.layer-wrap.ticketing{width:500px;}

		.layer-wrap.ticketing .seat-select{margin-bottom:10px;}

		.layer-wrap.ticketing .seat-select .title{margin-bottom:10px;}
		.layer-wrap.ticketing .seat-select .title .btxt{font-size:20px;}
		.layer-wrap.ticketing .seat-select .title .stxt{font-size:13px;}

		.layer-wrap.ticketing .seat-select .legend{margin-bottom:10px}

		.layer-wrap.ticketing .seat-select .mo-scroll{width:470px;}
		.layer-wrap.ticketing.type02 .seat-select .mo-scroll{width:470px;}

		.layer-wrap.ticketing .seat-select .seats-sel{width:941px; height:350px;}

		.layer-wrap.ticketing .seat-result .tit{font-size:16px; margin-bottom:10px;}
		.layer-wrap.ticketing .seat-result .result{padding:15px 0px;}
		.layer-wrap.ticketing .seat-result .result a{font-size:13px;}
		.layer-wrap.ticketing .seat-result .btns .btn{padding:8px 20px;}


		.layer-wrap.ticketing .close-btn{position:absolute; right:20px; top:20px;}
	}
																							  
	@media all and (max-width:549px){
		.layer-wrap.ticketing{width:300px;}

		.layer-wrap.ticketing .seat-select{padding:15px 10px; margin-bottom:5px;}

		.layer-wrap.ticketing .seat-select .scroll-guide p{font-size:11px;}

		.layer-wrap.ticketing .seat-select .mo-scroll{width:270px;}
		.layer-wrap.ticketing.type02 .seat-select .mo-scroll{width:270px;}

		.layer-wrap.ticketing .seat-select .seats-sel{width:941px; height:300px;}

		.layer-wrap.ticketing .seat-result{padding:15px 10px;}
		.layer-wrap.ticketing .seat-result .tit{font-size:15px;}


		.layer-wrap.ticketing .close-btn{position:absolute; right:20px; top:20px;}
	}

.streser.complete{border:1px solid #f6f6f6; margin-bottom:30px;}
.streser.complete .comp-message{padding:80px 40px; text-align:center; background:url("/images/streser/comp-message-bg.jpg") repeat-x bottom left #f6f6f6;}
.streser.complete .comp-message .btxt{font-size:38px; color:#000; margin-bottom:30px; line-height:100%; padding-left:56px; background:url("/images/streser/streser-icon-cpcheck.png") no-repeat left; display:inline-block;}
.streser.complete .comp-message .btxt strong{color:#e15a4e;}
.streser.complete .comp-message .ntxt{font-size:20px; color:#000; margin-bottom:30px;}
.streser.complete .comp-message .ntxt span{color:#223e99; font-weight:600;}
.streser.complete .comp-message .stxt{font-size:15px; color:#555555; line-height:120%;}

.streser.complete .comp-infos{padding:30px;}
.streser.complete .comp-infos:after{display:block; content:"";clear:both;}

.streser.complete .comp-infos .show-info{float:right; width:48%}

.streser.complete .comp-infos .show-info .title{font-size:18px; color:#000; font-weight:600; margin-bottom:15px;}

.streser.complete .comp-infos .show-info .img-infos{position:relative; padding:20px 0px 0px 170px; border-top:1px solid #000;}
.streser.complete .comp-infos .show-info .img-infos .img{position:absolute; top:20px; left:0px;width:150px; min-height:140px; display:block; background:url(https://www.uljin.go.kr/images/01_potal/common/logo_2023.png) no-repeat center #f3f3f3; background-size:80%;}
.streser.complete .comp-infos .show-info .img-infos .img img{width:100%;}

.streser.complete .comp-infos .show-info .img-infos .linfos{text-align:left;}
.streser.complete .comp-infos .show-info .img-infos .linfos .tit{font-size:18px; color:#000; margin-bottom:15px; display:block; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos{margin-bottom:20px;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul{}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li{position:relative; padding:10px 0px 10px 120px; border-bottom:1px dashed #dbdbdb;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .btxt{position:absolute; top:10px; left:5px; font-size:14px; color:#555; padding-left:22px; font-weight:600;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .stxt{position:relative; padding-left:15px; font-size:14px; color:#555;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .stxt:before{position:absolute; left:0px; top:4px; display:block; width:1px; height:10px; background:#bababa; content:"";}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .stxt strong{font-weight:300; color:#dd7430;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .btxt.tperi{background:url("/images/streser/streser-icon-tperi.png") no-repeat left; background-size:16px;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .btxt.eperi{background:url("/images/streser/streser-icon-eperi.png") no-repeat left; background-size:16px;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .btxt.time{background:url("/images/streser/streser-icon-time.png") no-repeat left; background-size:16px;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .btxt.locat{background:url("/images/streser/streser-icon-locat.png") no-repeat left; background-size:16px;}
.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .btxt.amount{background:url("/images/streser/streser-icon-amount.png") no-repeat left; background-size:16px;}

.streser.complete .comp-infos .show-info .img-infos .tinfos{text-align:left; color:#898989; line-height:180%; font-size:14px; display:none;}


.streser.complete .comp-infos .ticket-info{position:relative; float:left; width:48%; box-sizing:border-box; padding:20px; background:url("/images/streser/txt-infos-bg.png") repeat left top;}
.streser.complete .comp-infos .ticket-info:before{position:absolute; left:0px; top:0px; display:block; width:40px; height:57px; background:url("/images/streser/streser-icon-bookmark.png") no-repeat left top; content:"";}
.streser.complete .comp-infos .ticket-info .in-cont{background:#fff; padding:40px 20px;}
.streser.complete .comp-infos .ticket-info .in-cont .infos{}
.streser.complete .comp-infos .ticket-info .in-cont .infos ul{}
.streser.complete .comp-infos .ticket-info .in-cont .infos ul li{position:relative; padding:15px 15px 15px 150px; border-bottom: 1px dashed #dbdbdb;}
.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .btxt{position:absolute; left:15px; top:13px; font-size:18px; color:#e15a4e; font-weight:600; padding-left:25px; background:url("/images/streser/streser-icon-ticket.png") no-repeat left;}
.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt{position:relative; font-size:15px; color:#555; padding-left:20px;}
.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt:before{position:absolute; left:0px; top:2px; display:block; width:1px; height:15px; background:#bababa; content:"";}
.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt span{display:block; margin-bottom:10px;}
.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt span:last-child{margin-bottom:0px;}


.comp-btns{text-align:center;}
.comp-btns .btn{display:inline-block; padding:10px 30px; background:#616161; font-size:18px; color:#fff; font-weight:600; border-radius:26px;}
.comp-btns .btn.ov{background:#e15a4e;}

	@media all and (max-width:1023px) {
		.streser.complete .comp-infos{padding:20px;}
		.streser.complete .comp-infos .show-info{float:none; width:100%; margin-bottom:30px;}
		.streser.complete .comp-infos .ticket-info{float:none; width:100%;}
	}

	@media all and (max-width:768px){
		.streser.complete{margin-bottom:20px;}
		.streser.complete .comp-message{padding:30px 20px;}
		.streser.complete .comp-message .btxt{font-size:26px; margin-bottom:20px; padding-left:30px; background-size:24px;}
		.streser.complete .comp-message .ntxt{font-size:18px; margin-bottom:20px;}
		.streser.complete .comp-message .stxt{font-size:13px;}

		.streser.complete .comp-infos{padding:15px;}

		.streser.complete .comp-infos .show-info .title{font-size:16px; margin-bottom:10px;}

		.streser.complete .comp-infos .show-info .img-infos{padding:15px 0px 0px 150px;}
		.streser.complete .comp-infos .show-info .img-infos .img{position:absolute; top:15px; left:0px; width:130px;}

		.streser.complete .comp-infos .show-info .img-infos .linfos{}
		.streser.complete .comp-infos .show-info .img-infos .linfos .tit{font-size:16px; margin-bottom:10px;}
		.streser.complete .comp-infos .show-info .img-infos .linfos .infos{margin-bottom:15px;}
		.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li{padding:8px 0px 8px 110px;}
		.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .btxt{top:10px; left:0px; font-size:13px; padding-left:20px;}
		.streser.complete .comp-infos .show-info .img-infos .linfos .infos ul li .stxt{padding-left:10px; font-size:13px;}

		.streser.complete .comp-infos .show-info .img-infos .tinfos{font-size:13px;}

		.streser.complete .comp-infos .ticket-info{padding:15px;}
		.streser.complete .comp-infos .ticket-info:before{width:30px; height:44px; background-size:30px;}
		.streser.complete .comp-infos .ticket-info .in-cont{background:#fff; padding:20px 15px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li{padding:10px 10px 10px 130px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .btxt{position:absolute; left:5px; top:10px; font-size:16px; padding-left:20px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt{font-size:14px; padding-left:15px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt:before{position:absolute; left:0px; top:4px; width:1px; height:10px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt span{margin-bottom:7px;}

	}
																							  
	@media all and (max-width:549px){
		.streser.complete .comp-message{padding:20px 10px 40px 10px;}
		.streser.complete .comp-message .btxt{font-size:22px; margin-bottom:15px; padding-left:24px; background-size:20px;}
		.streser.complete .comp-message .ntxt{font-size:16px; margin-bottom:15px;}
		.streser.complete .comp-message .stxt{font-size:12px;}


		.streser.complete .comp-infos .show-info .img-infos{padding:15px 0px 0px 0px;}
		.streser.complete .comp-infos .show-info .img-infos .img{position:relative; top:auto; left:auto; width:100%; margin-bottom:15px;}

		.streser.complete .comp-infos .ticket-info{padding:10px;}
		.streser.complete .comp-infos .ticket-info:before{width:20px; background-size:20px;}
		.streser.complete .comp-infos .ticket-info .in-cont{padding:10px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li{padding:10px 0px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .btxt{position:relative; left:auto; top:auto; font-size:15px; margin-bottom:10px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt{padding-left:24px;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt:before{display:none;}
		.streser.complete .comp-infos .ticket-info .in-cont .infos ul li .stxt span{margin-bottom:5px;}
	}

	/* ticketing - popup */
.pop-wrap .top, .pop-wrap02 .top {padding: 15px; text-align: center; font-size: 20px; font-weight: 600; background-color: #223e99; color: #fff;}
.pop-wrap .inner, .pop-wrap02 .inner {padding: 35px;}
.pop-wrap .inner .list {line-height: 1.5; margin-bottom: 30px;}
.pop-wrap .inner .list li {position: relative; margin-bottom: 7px; font-size: 15px;
padding-left: 15px; letter-spacing: -0.05em;}
.pop-wrap .inner .list li::before {content: ''; display: block; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background-color: #000;}
.pop-wrap .tabel-wrap {margin-bottom: 40px; text-align: center; padding: 0 8px;}
.pop-wrap thead tr {border-top: 2px solid #223e99; border-bottom: 2px solid #223e99; background-color: #f4faff;}
.pop-wrap thead tr th {padding: 10px 0; font-weight:600; color: #223e99; font-size: 14px; border-right: 1px dotted #ccc;}
.pop-wrap thead tr th:last-child {border-right: 0;}
.pop-wrap tbody {border-bottom: 1px solid #ccc;}
.pop-wrap tbody tr {}
.pop-wrap tbody tr td {font-size: 14px; line-height: 1.3; letter-spacing: -0.05em; padding: 20px 10px; border-right: 1px dotted #ccc;}
.pop-wrap tbody tr td:last-child {border-right: 0;}
.pop-wrap tbody tr td.blue {text-decoration: underline; color: #223e99; font-weight: 600;}
.pop-wrap .bottom {display: flex; align-items: baseline; background-color: #f9f9f9;
    padding: 10px; box-sizing: border-box;}
.pop-wrap .bottom p {font-size: 15px; line-height: 1.5; font-weight: 500; padding-left: 6px; letter-spacing: -0.02em;}

.pop-wrap02 .inner {background-color: #f7f7f7;}
.pop-wrap02 .notice {padding: 12px 30px; font-size: 16px; background-color: #bddeff; border-radius: 50px; color: #223e99; font-weight: 600; display: block; text-align: center; margin-bottom: 35px;}
.pop-wrap02 .notice b {text-decoration: underline; color: #e35f5f;}
.pop-wrap02 .list {}
.pop-wrap02 .list li {margin-bottom: 25px;}
.pop-wrap02 .list>li {margin-bottom: 15px; padding: 20px; box-shadow: 3px 3px 2px -2px rgba(0,0,0,0.2); border-radius: 20px; border: 1px dotted #ccc; background-color: #fff;}
.pop-wrap02 .list li:last-child {margin-bottom: 0;}
.pop-wrap02 .list li span {width: 20px; height: 20px; background-color: #223e99; border-radius: 50%; padding-top: 2px; box-sizing: border-box; display: inline-block;
color: #fff; text-align: center; font-weight: bold; font-size: 12px; vertical-align: middle; margin-right: 8px;}
.pop-wrap02 .list li b {font-size: 17px;}
.pop-wrap02 .list li ul {margin-top: 10px;}
.pop-wrap02 .list li ul li {padding-left: 29px; font-size: 14px; line-height: 1.5; letter-spacing: -0.01em;}