/*--------------------------------------------------------------
# 상단 비주얼 서브페이지
--------------------------------------------------------------*/

.sub_bo_Wrap{
	width:100%;
	position: relative;
	overflow:hidden;
}

.subTopBox {
	margin-top: 90px;
    text-align: center;
    width: 100%;
	height: 400px;
    background-color: #fff;
    position: relative;
    z-index: 600;
}

.sv_01bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-image: url(../img/sub/img_subvisual01.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.sv_02bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-image: url(../img/sub/img_subvisual02.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.sv_03bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-image: url(../img/sub/img_subvisual03.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.sv_04bg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-image: url(../img/sub/img_subvisual04.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.sv_currentbg {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
    background-image: url(../img/sub/img_subvisual_current.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.subT_SideBox {
    display: flex;
    overflow: hidden;
    position: relative;
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    z-index: 700;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.subtName {
    position: relative;
	/* top: 100px; */
    display: inline-block;
    z-index: 700;
}

.subtName.black_col h1{
	color: #111;
}
.subtName.black_col h2{
	color: #111;
}
.subtName h1{
	font-size: 40px;
    color: #111;
    font-family: 'SBAggro';
	font-weight: 500;
    margin-bottom: 0px;
}

.subtName h2{
	line-height: 28px;
    margin-top: 18px;
    letter-spacing: -0.7px;
    font-size: 18px;
    display: block;
    color: #111;
    font-weight: 400;
    margin-bottom: 0px;
}

@media (max-width: 1200px) {
	.subTopBox {
		height: 340px;
	}
}

@media (max-width: 991px) {
	.subTopBox {
		margin-top: 80px;
	}
}
@media (max-width: 767px) {
	.subTopBox {
		height: 220px;
		margin-top: 60px;
	}
	.subtName {
		/* top: 60px; */
	}
	.subtName h1 {
		font-size: 32px;
	}
	.subtName h2 {
		line-height: 26px;
		margin-top: 10px;
		letter-spacing: -0.7px;
		font-size: 15px;
	}
	
	.sv_01bg {
		background-position: 57%;
	}
	.sv_03bg {
		background-position: 51%;
	}
	.sv_currentbg {
		background-position: 45%;
	}
}


/*--------------------------------------------------------------
# 상품권 현금교환신청
--------------------------------------------------------------*/

#sub_submit {
    width: 100%;
    position: relative;
    padding: 90px 0 90px 0px;
}

.submit_sideBox {
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

@media (max-width: 767px) {
	#sub_submit {
		padding: 60px 0 20px 0px;
	}
	.submit_sideBox {
		padding-left: 16px;
		padding-right: 16px;
	}
}

/*--------------------------------------------------------------
# 이용안내
--------------------------------------------------------------*/
.useinfoWrap.sthei350 {
	height: 400px!important;
}
.sthei350{height:350px!important;}
.max1000 {
    flex-direction: column;
    max-width: 1240px!important;
}
.nm_useinfoBox{
	position:relative;
	width:100%;
	margin-top:22px;
}

.nm_useinfoBox ul {
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
}
.nm_useinfoBox ul li {
    float: left;
    text-align: center;
    width: calc(20% - 40px);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 50px 0px 0px;
	padding:20px 0px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.50);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.nm_useinfoBox ul li:nth-child(1){
	background: rgba(90, 76, 182, 0.90);
}
.nm_useinfoBox ul li:last-child{
	margin: 0 0px 0px 0px;
}
.nm_useinfoBox ul li:last-child:after{
	content:none;
}
.nm_useinfoBox ul li:after {
    transform: translateY(-50%);
    content: '';
    position: absolute;
    right: -31px;
    top: 50%;
    width: 10px;
    height: 18px;
    background-image: url(
	../img/sub/useinfo_arrow.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.usei_icon{
	display:block;
	text-align:center;
}
.usei_icon img{
	display:inline-block;
	height:60px;
}
.usei_text{
	height:45px;
	margin-top:14px;
	display:block;
	text-align:center;
}
.nm_useinfoBox ul li:nth-child(1) .usei_text{
	height:auto;
}
.nm_useinfoBox ul li:nth-child(1) .usei_text span{
	color:#fff;
}
.usei_text span{
	color: #222;
	text-align: center;
	font-family: Pretendard;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: -0.36px;
}
.usei_text h2{
	display:block;
	padding:0;
	margin:4px 0 0 0;
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.32px;
}
.moUseNum{
	display:none;
}
@media (max-width: 1200px) {
	.nm_useinfoBox ul li {
		width: calc(20% - 24px);
		margin: 0 30px 0px 0px;
		padding: 20px 0px;
		border-radius: 10px;
	}
	.usei_icon img {
		display: inline-block;
		height: 54px;
	}
	.usei_text span {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: -0.36px;
	}
	.usei_text h2 {
		margin: 4px 0 0 0;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: -0.32px;
	}
	.nm_useinfoBox ul li:after {
		right: -21px;
		top: 50%;
		width: 10px;
		height: 18px;
	}
}
@media (max-width: 767px) {
	.useinfoWrap{
		padding:50px 0;
	}
	.useinfoWrap.sthei350 {
        height: auto !important;
    }
	.useinfoWrap .narText{
		top: 0px !important;
	}
	.nm_useinfoBox ul {
		align-items: flex-start;
		justify-content: flex-start;
	}
	.nm_useinfoBox ul li:nth-child(1) {
		margin: 0 0 10px 0;
		width: 100%;
		justify-content: center;
	}
	.nm_useinfoBox ul li:after{
		content:none;
	}
	.nm_useinfoBox ul li:nth-child(3) {
		margin:0px 0 10px 0;
	}
	.nm_useinfoBox ul li:nth-child(4) {
		margin:0px 10px 0px 0;
	}
	.nm_useinfoBox ul li {
		min-height:64px;
		text-align: center;
		width: calc(50% - 5px);
		display: flex;
		margin: 0 10px 10px 0px;
		padding: 10px 10px 10px 10px;
		border-radius: 6px;
		justify-content: flex-start;
		align-items: center;
	}
	.usei_icon img {
		margin-right: 6px;
		display: inline-block;
		height: 32px;
	}
	.usei_text {
		height: auto;
		margin-top: 0;
	}
	.usei_text span {
		text-align: left;
		display: flex;
		font-size: 13px;
		line-height: 18px;
		letter-spacing: 0px;
		align-items: center;
		justify-content: flex-start;
	}
	.usei_text h2 {
		margin: 2px 0 0 0;
		font-size: 15px;
		line-height: 16px;
		letter-spacing: -0.32px;
	}
	.usei_text h2 br{display:none;}
	
	/* .moUseNum { */
		/* line-height: 21px; */
		/* height: 20px; */
		/* width: 22px; */
		/* border-radius: 50%; */
		/* color: #fff; */
		/* background: rgba(90, 76, 182, 0.90); */
		/* font-size: 10px; */
		/* font-family: 'SBAggro'; */
		/* font-weight: 500; */
		/* display: inline-block; */
		/* position: absolute; */
		/* right: 4px; */
        /* top: 4px; */
	/* } */
	.moUseNum {
		line-height: 21px;
		height: 20px;
		width: 22px;
		border-radius: 50%;
		color: #111;
		/* background: rgba(90, 76, 182, 0.90); */
		font-size: 10px;
		font-family: 'SBAggro';
		font-weight: 500;
		display: inline-block;
		position: absolute;
		right: 4px;
		top: 4px;
	}
}






.useTopLine{
	/* overflow: hidden; */
    position: relative;
    width: 100%;
    text-align: Center;
    /* top: 140px; */
}

.useTopLine ul {
    text-align: left;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.useTopLine ul li {
    float: left;
    text-align: center;
    width: calc(20% - 0px);
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0 0px 0px 0px;
}

.narrowbor{
	top: -20px;
    position: relative;
	background-color: rgba(43,206,201,0.7);
    padding: 10px;
}

.narrow{
	top: 34px;
    position: absolute;
    right: -8px;
	z-index:300;
}

.asIcon {
	position:relative;
    display: block;
    text-align: center;
}
.as_num{
	display:none;
}
.as_cir {
    display: inline-block;
    position: relative;
	width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
	margin-bottom:14px;
}
.as_cir img {
	width: 100%;
    display: inline-block;
}
.asIcon p{
	display: block;
    font-size: 14px;
    font-weight: 400;
	margin-bottom:0px;
	color:#fff;
}
.asIcon span {
	letter-spacing:-0.5px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top:4px;
	color:#fff;
}
.asIcon h2 {
	letter-spacing:-0.5px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-top:4px;
	color:#fff;
	margin-bottom:0;
	padding:0;
}

.guideImgBox{
    width: 100%;
    text-align: center;
    border: 1px solid #ddd;
    padding: 20px 30px 4px 30px;
	margin-bottom:20px;
	position:relative;
}
.guideImgBox:before{
	z-index: 2;
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.05);
}
.guideImgBox img{
	z-index:1;
	position:relative;
	max-width:100%;
}
.gupc{
	display:block;
}
.gumo{
	display:none;
}

.guideBox{
	width:100%;
	position:relative;
	overflow:hidden;
	border:1px solid #ddd;
	padding:20px 30px 4px 30px;
}

.gbText{
	position:relative;
	padding-left:30px;
	display:block;
	text-align:left;
	font-size:17px;
	font-weight:400;
	font-family: 'SBAggro';
	font-weight: 300;
	margin-bottom:18px;
}
.gbText span{
	font-weight: 600;
    position: absolute;
    padding-top: 2.5px;
    left: 0px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
	font-family: 'SBAggro';
	font-weight: 500;
    text-align: center;
    background-color: #ff4262;
}

@media (max-width: 767px) {
	.sthei350 {
		height: 350px!important;
	}
	.gupc{
		display:none;
	}
	.gumo{
		display:block;
	}
	.narText{
		top:30px!important;
	}
	.useTopLine{
		top: 40px;
	}
	.useTopLine li:nth-child(1) {
		width:100%!important;
	}
	.narrowbor{
		top:0px;
		margin: 0 40px;
		border-right:none;
		padding: 6px 10px 6px 10px;
	}
	.narrowbor span br{
		display:none;
	}
	.useTopLine ul li {
		float: left;
		text-align: center;
		width: calc(50% - 0px);
		position: relative;
		display: inline-block;
		list-style: none;
		margin: 0 0px 14px 0px;
	}
	.as_cir {
		width: 34px;
		height: 34px;
		margin-bottom: 4px;
	}
	.as_num{
		font-family: 'SBAggro';
		font-weight: 500;
		left: -20px;
		display: inline-block;
		position: absolute;
		width: 20px;
		height: 20px;
		color: #fff;
		border-radius: 50%;
		background-color: rgba(43,206,201,0.7);
		top: -2px;
		font-size: 10px;
		padding-top: 2px;
		letter-spacing: -0.5px;
	}
	.asIcon p {
		font-size: 10px;
	}
	.asIcon span {
		font-size: 12px;
		margin-top: 2px;
	}
	.asIcon h2 {
		font-size: 12px;
		margin-top: 2px;
	}
	
	.narrow{
		display:none;
	}
	
	.guideImgBox{
		padding: 0;
		margin-bottom:20px;
	}
	.guideBox {
		padding: 20px 14px 4px 14px;
	}
	.gbText span {
		line-height: 20px;
		padding-top: 0;
		left: 0px;
		top: 0px;
		width: 20px;
		height: 20px;
		font-size: 10px;
	}
	.gbText {
		padding-left: 26px;
		font-size: 14px;
		margin-bottom: 14px;
	}

}

/*--------------------------------------------------------------
# 실시간 진행현황
--------------------------------------------------------------*/

#process_submit {
    width: 100%;
    position: relative;
    padding: 90px 0 90px 0px;
}

.process_sideBox {
	position:relative;
	max-width: 1340px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.top_phoneBox{
	text-align:center;
	display:block;
	margin-bottom:40px;
}
.top_phoneBox .frm .cell {
    display: flex;
    justify-content: center;
    align-items: center;
}
.top_phoneBox .frm .cell label{
	margin:0;
}

.frm .cell select {
    width: 111px;
    margin-right: 9px;
}

.frm select {
    height: 51px;
    padding: 0 34px 0 18px;
    background: #fff url(../img/i_angle_down_15x9_000.gif) no-repeat;
    background-position: calc(100% - 12px) 54%;
    border: 1px solid #dadada;
    border-radius: 4px;
    font-size: 16px;
    color: #879597;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.frm .cell input[type="text"] {
	width: 222px;
    margin: 0 9px;
}

.frm input[type="password"], .frm input[type="text"] {
    height: 51px;
    padding: 0 34px 0 18px;
    background-color: #ebeeff;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    text-align: left;
    color: #879597;
}

.frm .btn {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
}

.frm .btn.go {
    display: inline-block;
    width: 160px;
    height: 51px;
    margin: 0;
    padding: 0 0 0 0px;
    background-color: #5A4CB6;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    line-height: 51px;
    text-align: center;
    color: #fff;
    position: relative;
	/* top: -3px; */
	
}

.oi_inputArea{
	width:100%;
	position:relative;
	/* max-width:1100px; */
	margin:0 auto;
}

.recentTableBox{
	width:100%;
	position:relative;
}

.recentTableBox table{
	width:100%;
	position:relative;
	margin-bottom: 50px;
}

.recentTableBox table tr{
	text-align:center;
}

.ret_tr{
	border-top:1px solid #ddd;
	border-bottom:1px solid #222;
}

.re_top{
	text-align:center;
	width:14.285%;
	font-size:16px;
	font-weight:600;
	/* font-family: 'S-CoreDream'; */
	padding-top: 18px;
    padding-bottom: 17px;
}

.retWid01{width:18%;}
.retWid02{width:18%;}
.retWid03{width:28%;}
.retWid04{width:18%;}
.retWid05{width:18%;}

.rem_tr{
	border-bottom:1px solid #ddd;
}

.re_mid{
	position:relative;
	text-align:center;
	font-size:15px;
	font-weight:500;
	/* font-family: 'S-CoreDream'; */
	padding-top: 16px;
    padding-bottom: 16px;
}

.innerTBox{
	display:block;
	width:100%;
	text-align:left;
	padding-left:4px;
	padding-right:4px;
}

.innerTBox b{
	font-size: 15px;
    font-weight: 300;
    display: block;
    display: -webkit-box;
    margin: 0px 0px 0px 0px;
    height: 20px;
    overflow: hidden;
    white-space: normal;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.gift_01{
	position:absolute;
	top: 11px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	font-size: 14px;
    display: inline-block;
    width: 70px;
    height: 34px;
    color: #fff;
	font-family: 'SBAggro';
	font-weight: 500;
    text-align: center;
    padding-top: 9px;
	border-radius: 4px;
}

.gi_bg01{
	background-color: #0070c0;
}
.gi_bg02{
	background-color: #ff4262;
}
.gi_bg03{
	background-color: #06dfea;
}
.gi_bg04{
	background-color: #7f7f7f;
}

.retDay{
	font-weight:300!important;
	color:#777;
}

@media (max-width: 767px) {
	#process_submit {
		padding: 60px 0 20px 0px;
	}
	.process_sideBox {
		padding-left: 16px;
		padding-right: 16px;
	}
	.retWid01{width:10%;}
	.retWid02{width:15%;}
	.retWid03{width:40%;}
	.retWid04{width:15%;}
	.retWid05{display:none;}
	
	.re_top{
		font-size: 13px;
		padding-top: 16px;
		padding-bottom: 15px;
	}
	.gift_01 {
		position: absolute;
		top: 8px;
		left: 50%;
		font-size: 12px;
		width: 54px;
		height: 24px;
		padding-top: 4px;
		border-radius: 4px;
	}
	.gift_02 {
		position: absolute;
		top: 8px;
		left: 50%;
		font-size: 12px;
		width: 54px;
		height: 24px;
		padding-top: 3px;
		border-radius: 4px;
	}
	.innerTBox b {
		font-size: 12px;
		height: 18px;
	}
	.re_mid{
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 11px;
	}
	
	
	.top_phoneBox {
		margin-bottom: 30px;
	}
	.frm .cell select {
		width: 70px;
		margin-right: 4px;
	}
	.frm select {
		height: 44px;
		padding: 0 10px 0 10px;
		background: #fff url(../img/i_angle_down_15x9_000.gif) no-repeat;
		background-position: calc(100% - 6px) 54%;
		font-size: 14px;
	}
	.frm .cell input[type="text"] {
		width: 120px;
		margin: 0 4px;
	}
	.frm input[type="password"], .frm input[type="text"] {
		height: 44px;
		padding: 0 10px 0 10px;
		font-size: 14px;
	}
	.frm .btn.go {
		width: 100px;
		height: 44px;
		padding: 0 0 0 0px;
		font-size: 17px;
		line-height: 44px;
	}
}

/*--------------------------------------------------------------
# 실시간 매입시세
--------------------------------------------------------------*/

.tltp_wrap{
	width:100%;
	position:relative;
	padding:100px 0px 100px 0px;
}

.tltp_sideBox {
    max-width: 1140px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}

.ct_textBox02 {
	width:100%;
	position:relative;
    text-align: left;
    display: block;
}

.ct_textBox02 p{
	font-size:30px;
	font-family: 'SBAggro';
	font-weight: 500;
	margin-bottom:0px;
}

#date{
	font-family: 'SBAggro';
	font-weight: 500;
    top: 11px;
    position: absolute;
    right: 0px;
    display: inline-block;
    font-size: 20px;
}
#date span{
	display:inline-block;
	font-size: 20px;
    font-family: 'SBAggro';
	font-weight: 500;
}
#date b{
	display:inline-block;
	font-size: 20px;
    font-family: 'SBAggro';
	font-weight: 500;
}

.nowText{
	font-size: 17px;
	font-family: 'SBAggro';
	font-weight: 500;
	display:inline-block;
	margin-left:6px;
	color:#5A4CB6;
}


.nuriTable{
	width:100%;
	position:relative;
	margin-top: 16px;
}

.nuriTable table{
	width:100%;
	position:relative;
}

.nuriTable table td {
    border: 1px solid #f0f0f0;
}

.nurit {
	padding-top: 19px;
    width: 20%;
    text-align: center;
    font-size: 16px;
    font-family: 'SBAggro';
	font-weight: 500;
    background: #ebeeff;
    padding-bottom: 14px;
}

.nurit_l {
	width:20%;
    text-align: center;
    font-size: 15px;
	font-family: 'SBAggro';
	font-weight: 300;
    background-color: #fff;
	padding-top:13px;
	padding-bottom:10px;
}

.nurim2 {
	width: 20%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}
.cho_01{
	color: #5A4CB6;
    display: inline-block;
    padding: 3px 6px 4px 6px;
    /* background-color: #24295c; */
    font-size: 15px;
    font-weight: 600;
}
.cho_02{
	color:#e9536b;
	display:inline-block;
	padding: 3px 6px 4px 6px;
	/* background-color: #fa465b; */
	font-size: 15px;
    font-weight: 600;
}

@media (max-width: 767px) {
	.tltp_wrap {
		width: 100%;
		position: relative;
		padding: 60px 0px 60px 0px;
	}
	.tltp_sideBox {
		padding-left: 10px;
		padding-right: 10px;
	}

	.ct_textBox02 p {
		font-size: 24px;
		margin-bottom: 40px;
	}
	#date{
		top: 36px;
	}
	#date span{
		font-size: 16px;
	}
	#date b {
		font-size: 16px;
	}
	.nowText {
		font-size: 14px;
		margin-left: 2px;
	}
	.nurit {
		letter-spacing: -1.5px;
		padding-top: 13px;
		font-size: 12px;
		padding-bottom: 10px;
	}
	.nurit_l {
		letter-spacing: -1px;
		font-size: 11px;
		padding-top: 10px;
		padding-bottom: 7px;
	}
	.nurim2 {
		font-size: 11px;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.cho_01 {
		padding: 1px 2px 2px 2px;
		font-size: 11px;
	}
	.cho_02 {
		padding: 1px 2px 2px 2px;
		font-size: 11px;
	}
}

/*--------------------------------------------------------------
# 실시간 진행현황 상세
--------------------------------------------------------------*/


.cdTopBox{
	padding-bottom:24px;
	border-bottom:1px solid #ddd;
}

.cdtTitle{
	margin-bottom: 8px;
	display:block;
	text-align:left;
	font-size:20px;
	font-family: 'SBAggro';
	font-weight: 500;
}
.cdtTitle b{
	display:inline-block;
	font-size:23px;
	font-family: 'SBAggro';
	font-weight: 500;
}
.cdtTitle span{
	display:inline-block;
	font-size:23px;
	font-family: 'SBAggro';
	font-weight: 500;
	margin-left:10px;
	margin-right:3px;
}

.cdtCate{
	display:inline-block;
	margin-right:40px;
}

.cdtCate b{
	font-size:14px;
	margin-right:18px;
	display:inline-block;
	font-family: 'SBAggro';
	font-weight: 500;
}

.cdtCate span{
	font-size:14px;
	font-weight:300!important;
	color:#777;
	margin-right:0px;
	display:inline-block;
}

.cd_cententBox{
	text-align:center;
	width:100%;
	padding-top:50px;
	padding-bottom: 54px;
	border-bottom:1px solid #ddd;
}

.pd_proWrap{
	width:100%;
	position:relative;
	margin-top:30px;
}
.pd_proWrap span{
	display:block;
    font-size: 19px;
    font-family: 'SBAggro';
	font-weight: 500;
}
.pdt_bort{
	border-top:2px solid #333333;
}
.pdt_borb{
	padding-bottom:10px;
	border-bottom:2px solid #333333;
}
.pdMarLR{margin-left:0px;margin-right:0px;}
.paPadLR{padding-left:0px;padding-right:0px;}
.pd_proBox{
	padding-top: 16px;
    width: 100%;
    display: block;
    position: relative;
    padding-left: 120px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 16px;
	height: 55px;
}
.pd_pText{
	padding-top: 2px;
	position: absolute;
    left: 0px;
    width: 120px;
    text-align: left;
    padding-left: 10px;
    font-size: 16px;
    font-family: 'SBAggro';
	font-weight: 500;
    letter-spacing: -0.5px;
	color:#5A4CB6;
}

.pd_pInner{
	display:block;
	text-align:left;
	font-size:15px;
	padding-left:10px;
}
.pd_pInner b{
	font-size:15px;
	font-weight:400;
}

@media (max-width: 767px) {
	.pd_proWrap {
		margin-top: 20px;
	}
	.pd_proWrap span {
		font-size: 18px;
	}
	.cdTopBox {
		padding-bottom: 14px;
	}
	.cdtTitle {
		margin-bottom: 6px;
		font-size: 18px;
	}
	.cdtTitle b {
		font-size: 20px;
	}
	.cdtTitle span {
		font-size: 20px;
		margin-left: 6px;
		margin-right: 2px;
	}
	.cdtCate {
		margin-right: 26px;
	}
	.cdtCate b {
		margin-right: 5px;
		font-size: 12px;
	}
	.cdtCate span {
		font-size: 12px;
	}
	.pd_pText{
		padding-top: 1px;
		width: 100px;
		padding-left: 0px;
		font-size: 13px;
	}
	.pd_pInner {
		font-size: 13px;
		padding-left: 0px;
	}
	.pd_pInner b {
		font-size: 13px;
	}
	.pd_proBox {
		padding-top: 11px;
		padding-left: 100px;
		padding-bottom: 11px;
		height:42px;
	}
	.pdt_borb {
		padding-bottom: 4px;
	}
}

/*--------------------------------------------------------------
# 추가버튼
--------------------------------------------------------------*/

.ticketBtn{
	width:100%;
	text-align:center;
	display:block;
}
.ticketBtn button{
	display:inline-block;
}
.ticketBtn .resizeBtn{
	position: relative;
    border-radius: 6px;
    display: inline-block;
    width: 150px;
    height: 50px;
	line-height: 42px;
    font-size: 22px;
    font-family: 'SBAggro';
	font-weight: 500;
    background-color: #ff4262;
    color: white;
    cursor: pointer;
}
.ticketBtn .goBtn{
    position: relative;
    border-radius: 6px;
    display: inline-block;
    width: 150px;
    height: 50px;
	line-height: 42px;
    font-size: 22px;
    font-family: 'SBAggro';
	font-weight: 500;
    background-color: #333333;
    color: white;
    cursor: pointer;
}

/*--------------------------------------------------------------
# 핸드폰번호 입력 페이지
--------------------------------------------------------------*/
.phocess_submit {
	width: 100%;
    position: relative;
    padding: 190px 0 90px 0px;
}

.phocess_sideBox {
    position: relative;
    max-width: 1340px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.phocessBox {
    text-align: center;
    display: block;
    margin-bottom: 40px;
}

.frmpho{
	display:inline-block;
	position:relative;
}

.frmphoTextBox{
	text-align:left;
	display:block;
	margin-bottom:30px;
	border-bottom:1px solid #ddd;
	padding-bottom:30px;
}
.frmphoTextBox b{
	font-size: 22px;
    font-family: 'SBAggro';
	font-weight: 500;
	color:#e9536b;
}
.frmphoTextBox p{
	margin-bottom:0px;
	font-size:16px;
}

.frmpho span{
	letter-spacing: -1px;
    font-size: 20px;
    font-family: 'SBAggro';
	font-weight: 500;
    margin-right: 20px;
    display: inline-block;
}

.frmpho input[type="text"] {
    width: 222px;
    margin: 0 9px;
}

.frmpho input[type="password"], .frmpho input[type="text"] {
    height: 51px;
    padding: 0 34px 0 18px;
    background-color: #ebeeff;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    text-align: left;
    color: #879597;
}

.frmpho .btn.go {
    display: inline-block;
    width: 150px;
    height: 50px;
    margin: 0;
    padding: 0 0 0 0px;
    background-color: #5A4CB6;
    border-radius: 4px;
    font-size: 22px;
	font-family: 'SBAggro';
    font-weight: 500;
    line-height: 54px;
    text-align: center;
    color: #fff;
    position: relative;
    /* top: -3px; */
}

.frmphogoBtnBox {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: center;
    text-align: center;
    margin-top: 30px;
    padding-top: 60px;
    border-top: 1px solid #ddd;
}

.frmphogoBtn{
    position: relative;
    border-radius: 4px;
    display: inline-block;
    width: 150px;
    height: 50px;
    line-height: 54px;
    font-size: 22px;
    font-family: 'SBAggro';
	font-weight: 500;
    background-color: #333333;
    color: white;
    cursor: pointer;
}

@media (max-width: 767px) {
	.phocess_submit {
		padding: 80px 0 0px 0px;
	}
	.phocess_sideBox {
		padding-left: 0px;
		padding-right: 0px;
	}
	.frmphoTextBox {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.frmphoTextBox b {
		font-size: 18px;
	}
	.frmphoTextBox p {
		font-size: 15px;
	}
	.frmpho span {
		text-align: left;
		letter-spacing: -1px;
		font-size: 18px;
		margin-right: 0px;
		display:block;
	}
	.frmpho input[type="text"] {
		width: 200px;
		margin: 0 0px;
		height: 46px;
	}
	.frmpho .btn.go {
		display: inline-block;
		width: 100px;
		height: 46px;
		margin: 0;
		padding: 0 0 0 0px;
		background-color: #5A4CB6;
		border-radius: 4px;
		font-size: 18px;
		font-weight: 500;
		line-height: 45px;
		text-align: center;
		color: #fff;
		position: relative;
		/* top: -3px; */
	}
	.frmphogoBtn{
		position: relative;
		border-radius: 4px;
		display: inline-block;
		width: 150px;
		height: 46px;
		line-height: 46px;
		font-size: 18px;
		font-family: 'SBAggro';
		font-weight: 500;
		background-color: #333333;
		color: white;
		cursor: pointer;
	}
	.frmphogoBtnBox {
		display: flex;
		text-align: center;
		margin-top: 20px;
		padding-top: 40px;
		border-top: 1px solid #ddd;
	}
}