@media (max-width: 500px) {
    .gift_inBox .row .col-auto {
        padding-left: 4px;
        padding-right: 4px;
    }
}

.close {
    opacity: 1;
}

.modal {
    z-index: 99999;
}

.bg-main {
    background-color: #5A4CB6;
}

.border-main {
    border-color: #5A4CB6;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #5A4CB6;
}

@media (min-width: 992px) {
    .bank-table {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-columns: 1fr 1fr 1fr;
    }

    .bank-table > li:nth-of-type(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
    }

    .bank-table > li:nth-of-type(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(5) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(6) {
        -ms-grid-row: 2;
        -ms-grid-column: 3;
    }

    .bank-table > li:nth-of-type(7) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(8) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(9) {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }

    .bank-table > li:nth-of-type(10) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(11) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(12) {
        -ms-grid-row: 4;
        -ms-grid-column: 3;
    }

    .bank-table > li:nth-of-type(13) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(14) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(15) {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }

    .bank-table > li:nth-of-type(16) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(17) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(18) {
        -ms-grid-row: 6;
        -ms-grid-column: 3;
    }

    .bank-table > li:nth-of-type(19) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(20) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(21) {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }

    .bank-table > li:nth-of-type(22) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
		}

    .bank-table > li:nth-of-type(23) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(24) {
        -ms-grid-row: 8;
        -ms-grid-column: 3;
    }

    .bank-table > li:nth-of-type(25) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(26) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(27) {
        -ms-grid-row: 9;
        -ms-grid-column: 3;
    }
}

@media (max-width: 992px) {
    .bank-table {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr;
        -ms-grid-columns: 1fr 1fr;
    }

    .bank-table > li:nth-of-type(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(7) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(8) {
        -ms-grid-row: 4;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(10) {
        -ms-grid-row: 5;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(11) {
        -ms-grid-row: 6;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(12) {
        -ms-grid-row: 6;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(13) {
        -ms-grid-row: 7;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(14) {
        -ms-grid-row: 7;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(15) {
        -ms-grid-row: 8;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(16) {
        -ms-grid-row: 8;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(17) {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(18) {
        -ms-grid-row: 9;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(19) {
        -ms-grid-row: 10;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(20) {
        -ms-grid-row: 10;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(21) {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(22) {
        -ms-grid-row: 11;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(23) {
        -ms-grid-row: 12;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(24) {
        -ms-grid-row: 12;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(25) {
        -ms-grid-row: 13;
        -ms-grid-column: 1;
    }

    .bank-table > li:nth-of-type(26) {
        -ms-grid-row: 13;
        -ms-grid-column: 2;
    }

    .bank-table > li:nth-of-type(27) {
        -ms-grid-row: 14;
        -ms-grid-column: 1;
    }
}

.bank-table li {
    cursor: pointer;
    padding: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    border: 1px solid #dee2e6;
}

.bank-table li:hover {
    background-color: #5A4CB6;
    color: white;
}

.bank-table li img {
    height: 24px;
}

.cursor-none {
    cursor: default !important;
}

.mainWrap {
    position: relative;
    overflow: hidden;
}

/*--------------------------------------------------------------
# 메인슬라이드 비주얼
--------------------------------------------------------------*/
.mainVCont{
	margin-top:91px;
	position:relative;
	width:100%;
	height:600px;
}
.mainVCont .mainVContInner{
	position: relative;
    width: 100%;
    height: 100%;
}
.mainVCont .swiper-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.mavcBox{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
}
/* .mavcbg_01{ */
	/* background-image: url(../img/main/m_visual_1.webp); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
/* } */
/* .mavcbg_02{ */
	/* background-image: url(../img/main/m_visual_2.webp); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
/* } */
.mavcbg_03{
	background-image: url(../img/main/m_visual_3.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mavcSideBox{
	max-width:1240px;
	margin:0 auto;
	padding:0 20px;
	width:100%;
	height:100%;
	position:relative;
}
.mavcInner {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.mavcTex{
	padding-top:110px;
	position:relative;
	width:100%;
	z-index:10;
}
.mavcTex h1 {
    margin: 0 0 40px 0;
    padding: 0;
    display: block;
    color: #222;
    font-family: 'SBAggro';
    font-weight: 500;
    font-size: 42px;
    font-style: normal;
    line-height: 60px;
}
.mavcTex h1 dl {
    letter-spacing: -0.4px;
    display: block;
    margin: 10px 0 0 0;
    color: #222;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.mavcTex h2 {
    margin: 0 0 40px 0;
    padding: 0;
    display: block;
    color: #222;
    font-family: 'SBAggro';
    font-weight: 500;
    font-size: 42px;
    font-style: normal;
    line-height: 60px;
}
.mavcTex h2 dl {
    letter-spacing: -0.4px;
    display: block;
    margin: 10px 0 0 0;
    color: #222;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.mavcTex h2 span{
	color: #5A4CB6;
	position:relative;
	font-family: 'SBAggro';
    font-weight: 500;
}
.mavcBtn {
    display: inline-block;
    width: 220px;
    height: 50px;
    position: relative;
    border-radius: 5px;
    background: #5A4CB6;
}
.mavcBtn a {
    top: -2px;
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.5px;
    color: #FFF;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.mavcBtn a:hover{
	color:#fff;
}

.mavcImg{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
}
.mavcImg img{
	max-width:100%;
}



.mainVCont .swiper-button-prev {
    transform: translateY(-50%);
    left: 0;
    position: absolute;
    top: 50%;
    width: 108px;
    height: 128px;
    margin-top: 0px;
    z-index: 10;
    cursor: pointer;
    background-image: url(../img/main/mac_prev_arrow.webp);
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
}
.mainVCont .swiper-button-next {
    transform: translateY(-50%);
    right: 0;
    position: absolute;
    top: 50%;
    width: 108px;
    height: 128px;
    margin-top: 0px;
    z-index: 10;
    cursor: pointer;
    background-image: url(../img/main/mac_next_arrow.webp);
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
}

.macBotLine{
	position:absolute;
	left:0px;
	bottom:40px;
	width:100%;
	z-index:5;
}
.macBotSidebox {
    box-sizing: border-box;
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
.macBotInner {
    display: flex;
    width: 100%;
    padding: 15px 20px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}
.macBotInner ul {
    width: 100%;
    display: flex;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center;
}
.macBotInner ul li{
	display:flex;
	padding:0;
	margin:0;
}
.iteBox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.iteBox img{
	margin-right:13px;
	height:40px;
	display:inline-block;
}
.iteBox h3{
	padding:0;
	margin:0;
	color: #222;
	text-align: left;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 30px;
	letter-spacing:-0.4px;
}
.iteBox h3 span{
	font-weight: 700;
	color: #5A4CB6;
}

.macbotarrow{
	margin:0 50px;
	    display: flex;
}
.macbotarrow img{
	height:18px;
}

@media (max-width: 1400px) {
	.mainVCont .swiper-button-prev {
		width: 80px;
		height: 80px;
		background-size: 28px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.mainVCont .swiper-button-next {
		width: 80px;
		height: 80px;
		background-size: 28px;
		background-repeat: no-repeat;
		background-position: center;
	}
}
@media (max-width: 1350px) {
	.mavcTex {
		padding-top: 60px;
	}
	.mainVCont .swiper-button-prev {
		bottom: 144px;
		transform: inherit;
		left: 20px;
		top: inherit;
		width: 28px;
		height: 60px;
		background-size: 28px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.mainVCont .swiper-button-next {
		bottom: 144px;
		transform: inherit;
		right: 20px;
		top: inherit;
		width: 28px;
		height: 60px;
		background-size: 28px;
		background-repeat: no-repeat;
		background-position: center;
	}
}
@media (max-width: 1200px) {
	.macbotarrow {
		margin: 0 30px;
	}
	.iteBox img {
		margin-right: 10px;
		height: 36px;
		display: inline-block;
	}
	.iteBox h3 {
		font-size: 16px;
		line-height: 30px;
		letter-spacing: -0.2px;
	}
}
@media (max-width: 991px) {
	.mainVCont {
		height: 540px;
		margin-top: 80px;
	}
	.mavcTex h1 {
		margin: 0 0 40px 0;
		font-size: 38px;
		line-height: 52px;
	}
	.mavcTex h2 {
		margin: 0 0 40px 0;
		font-size: 38px;
		line-height: 52px;
	}
	.mavcImg {
		padding-top: 60px;
		width: 50%;
	}
	
	.mainVCont .swiper-button-prev {
		bottom: 118px;
		transform: inherit;
		left: 20px;
		top: inherit;
		width: 20px;
		height: 50px;
		background-size: 20px;
	}
	.mainVCont .swiper-button-next {
		bottom: 118px;
		transform: inherit;
		right: 20px;
		top: inherit;
		width: 20px;
		height: 50px;
		background-size: 20px;
	}
	
	
	.macBotLine {
		bottom: 30px;
	}
	.macBotInner {
		padding: 15px 4px;
		border-radius: 5px;
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	}
	.macbotarrow {
		margin: 0 14px;
	}
	.macbotarrow img {
		height: 14px;
	}
	.iteBox img {
		margin-right: 4px;
		height: 26px;
		display: inline-block;
	}
	.iteBox h3 {
		font-size: 15px;
		line-height: 26px;
		letter-spacing: -0.2px;
	}
}
@media (max-width: 767px) {
	.mainVCont {
		height: auto;
		margin-top: 60px;
	}
	.mainVCont .mainVContInner {
		position: relative;
		height: auto;
	}
	.mavcbg_03 {
		background-image: url(../img/main/m_visual_1.webp);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	}
	.mavcInner {
		height: 100%;
		width: 100%;
		display: block;
	}
	.mavcTex {
		padding-top: 40px;
	}
	.mavcTex h1 {
		margin: 0 0 20px 0;
		font-size: 26px;
		line-height: 34px;
	}
	.mavcTex h1 dl {
		letter-spacing: -0.4px;
		margin: 10px 0 0 0;
		font-size: 15px;
		line-height: 24px;
	}
	.mavcTex h2 {
		margin: 0 0 20px 0;
		font-size: 26px;
		line-height: 34px;
	}
	.mavcTex h2 dl {
		letter-spacing: -0.4px;
		margin: 10px 0 0 0;
		font-size: 15px;
		line-height: 24px;
	}
	.mavcBtn {
		width: 170px;
		height: 44px;
		position: relative;
		border-radius: 4px;
	}
	.mavcBtn a {
		top: -1px;
		letter-spacing: -0.4px;
		font-size: 14px;
	}
	
	.mavcImg {
		padding: 0 10px;
		text-align: center;
		display: block;
		position: relative;
		padding-top: 0px;
		width: 100%;
	}
	.mavcImg img {
		display: inline-block;
		max-width: 70%;
	}
	
	
	.mainVCont .swiper-button-prev {
		bottom: 20px;
		width: 16px;
		height: 40px;
		background-size: 16px;
	}
	.mainVCont .swiper-button-next {
		bottom: 20px;
		width: 16px;
		height: 40px;
		background-size: 16px;
	}
	
	
	.macBotSidebox {
		padding: 20px;
	}
	.macBotLine {
		border-bottom: 1px solid #eee;
		position: relative;
		bottom: 0px;
	}
	.macBotInner {
		padding: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.macBotInner ul {
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
	}
	.macBotInner ul li {
		display: flex;
		justify-content: center;
	}
	.macbotarrow {
		margin: 8px 0;
	}
	.macbotarrow img {
		transform: rotate(90deg);
		position: relative;
		height: 14px;
	}
	.iteBox img {
		margin-right: 10px;
		height: 30px;
		display: inline-block;
	}
	.iteBox h3 {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: -0.4px;
	}
}
@media (max-width: 450px) {
	.mavcImg img {
		display: inline-block;
		max-width: 100%;
	}
}
/*--------------------------------------------------------------
# 게시판
--------------------------------------------------------------*/


#board {
    background-size: cover;
    background-position: center;
    overflow: hidden;
    width: 100%;
    position: relative;
    background-color: #eafaf9;
    padding: 50px 0 60px 0;
}

.pcboard {
    display: block;
}

.moboard {
    display: none;
}

.board_contents_Line {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
}

.board_bg_area {
    text-align: center;
    width: 100%;
}


.left_board_contents {
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 26px 30px 26px 30px;
    border-radius: 6px;
}

.board_title_box {
    display: flex;
    text-align: left;
    position: relative;
    width: 100%;
    padding-bottom: 8px;
}

.b_title_bar {
    display: none;
    /* display: inline-block; */
    width: 6px;
    height: 20px;
}

.b_title_bar_top {
    width: 6px;
    height: 14px;
    background-color: #8930b0;
    border-radius-left-top: 14px;
    border-radius-right-top: 14px;
}

.b_title_bar_bottom {
    width: 6px;
    height: 14px;
    background-color: #53bff5;
    border-radius-left-bottom: 14px;
    border-radius-right-bottom: 14px;
}

.b_title_text {
    width: 100%;
    font-size: 20px;
	font-family: 'SBAggro';
    font-weight: 500;
    margin-left: 0px;
}

.b_title_more {
    font-weight: 600;
    position: absolute;
    right: 0px;
    color: #222;
    font-size: 15px;
    top: 4px;
    cursor: pointer;
}

.b_title_more:hover {
    text-decoration: underline;
}

.right_board_contents {
    max-width: 100%;
    width: 100%;
    height: 280px;
    background-color: white;
    padding: 26px 30px 26px 30px;
    border-radius: 6px;
}

/*---- 테이블 카테고리 ----*/

.best_table {
    width: 100%;
}

.t_source_03 a:hover b {
    text-decoration: underline;
}

.best_table table {
    width: 100%;
    border-spacing: 0;
}

.tr_title {
    font-size: 1.4rem;
    font-weight: bold;
    font-family: 'Godo', sans-serif;
    color: black;
    padding-bottom: 20px;
    border-bottom: 2px solid black;
}

._wid100 {
    width: 100%;
    background-color: #f5fafc;
}

.add_source_01 {
    display: inline-block;
    text-align: center;
    width: 100%;
    color: black;
    font-size: 0.95rem;
    font-weight: bold;
    padding-top: 11px;
    padding-bottom: 11px;
}

.add_source_02 {
    text-align: center;
    width: 80px;
    color: black;
    font-size: 0.95rem;
    font-weight: bold;
    padding-top: 11px;
    padding-bottom: 11px;
}

.t_source_01 {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 80px;
}

.t_source_01 b {
    font-size: 15px;
    font-weight: normal !important;
    color: black;
    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;
}

.tc_current {
    position: absolute;
    left: 0px;
    top: 6px;
    font-family: 'SBAggro';
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    padding: 6px 10px 2px 10px;
    border-radius: 4px;
}

.tc_c01 {
    background-color: #0070c0;
}

.tc_c02 {
    background-color: #ff4262;
}

.tc_c03 {
    background-color: #06dfea;
}

.tc_c04 {
    background-color: #7f7f7f;
}

.t_source_02 {
    letter-spacing: -0.4px;
    text-align: center;
    width: 84px;
    font-size: 14px;
    font-weight: normal !important;
    color: #999999;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
}

.t_source_03 {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.t_source_03 b {
    font-size: 15px;
    font-weight: normal !important;
    color: black;
    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;
}

.new {
    line-height: 15px;
    display: inline-block;
    text-align: center;
    width: 16px;
    height: 16px;
    font-size: 12px;
    background-color: #f22439;
    border-radius: 50%;
    color: white;
    margin-left: 10px;
    padding-top: 0px;
}

/*---- 테이블 카테고리 ----*/

.free_contents {
    border-radius: 6px;
    margin-top: 30px;
    max-width: 100%;
    width: 100%;
    height: 300px;
    background-color: white;
}

.fctBox {
    padding-top: 26px;
    width: 100%;
    position: relative;
    text-align: center;
}

.fctBox b {
    font-family: 'SBAggro';
    font-weight: 500;
    display: block;
    font-size: 20px;
    color: #222;
}

.fctBox span {
    display: block;
    margin-top: 5px;
}

.fctBox span a {
	font-family: 'SBAggro';
    font-weight: 700;
    font-size: 30px;
    color: #5A4CB6;
}

.fctBox p {
    font-family: 'SBAggro';
    font-weight: 300;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0px;
}

.fctFlBox {
    display: flex;
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 44px;
}

.fctFl {
    width: 100%;
    position: relative;
    text-align: center;
}

.fctFImg {
    display: block;
    text-align: center;
}

.fctFImg img {
    height: 64px;
    max-width: 100%;
}

.fctFText {
    margin-top: 6px;
    display: block;
    text-align: center;
    font-family: 'SBAggro';
    font-weight: 500;
    font-size: 16px;
}


.red_top_table {
    background-color: #f22439;
    color: white !important;
}

.red_top_source_01 {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'Godo', sans-serif;
    color: white;
    background-color: #f22439;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 26px;
}

.red_top_source_02 {
    text-align: center;
    width: 68px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'Godo', sans-serif;
    color: white;
    background-color: #f22439;
}

.free_source_01 {
    position: relative;
    display: inline-block;
    text-align: left;
    width: 100%;
    font-size: 0.9rem;
    font-weight: normal !important;
    color: black;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    border-bottom: 1px solid #ededed;
}

.free_source_02 {
    text-align: center;
    width: 68px;
    font-size: 0.9rem;
    font-weight: normal !important;
    color: black;
    border-bottom: 1px solid #ededed;
}


.video_contents {
    max-width: 100%;
    width: 410px;
    height: auto;
    background-color: white;
    padding: 20px;
}

.video_title_box {
    display: flex;
    text-align: left;
    position: relative;
    width: 100%;
    padding-bottom: 20px;
}

.video_box {
    cursor: pointer;
}

.video_text {
    text-align: left;
    font-size: 1.4rem;
    font-family: 'Godo', sans-serif;
    font-weight: bold;
    color: #f22439;
    margin-top: 20px;
}

.video_text span {
    margin-top: 10px;
    display: block;
    font-size: 1rem;
    font-weight: normal;
    font-family: 'NanumSquareRound', sans-serif;
    line-height: 23px;
    color: black;
}

@media (max-width: 991px) {
    .redio_box input[type="radio"] + label b {
        display: none;
    }

    #board {
        padding: 50px 30px 60px 30px;
    }

    .right_board_contents {
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .pcboard {
        display: none;
    }

    .moboard {
        display: block;
    }

    .board_contents_Line {
        width: 100%;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #board {
        padding: 50px 16px 50px 16px;
    }

    .board_contents {
        width: 100%;
        display: block;
    }

    .left_rigt_board_box {
        width: 100%;
        display: block;
    }

    .left_board_contents {
        width: 100%;
        padding: 26px 14px 20px 14px;
    }

    .b_title_text {
        font-size: 18px;
        margin-left: 0px;
    }

    .b_title_more {
        font-size: 13px;
        top: 3px;
    }

    .tc_current {
		top: 8px;
        font-size: 11px;
        padding: 1px 6px 0px 6px;
    }

    .t_source_01 {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 60px;
    }

    .t_source_01 b {
        font-size: 13px;
    }

    .t_source_02 {
		text-align: right;
        width: 70px;
        font-size: 11px;
        padding-top: 7px;
        padding-bottom: 7px;
    }


    .right_board_contents {
        margin-top: 10px;
        padding: 26px 14px 20px 14px;
        height: auto;
        width: 100%;
    }

    .t_source_03 {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .t_source_03 b {
        font-size: 13px;
    }

    .free_contents {
        margin-top: 10px;
        height: auto;
        width: 100%;
        padding: 26px 14px 20px 14px;
    }

    .fctBox {
        padding-top: 0px;
    }

    .fctFlBox {
        margin-top: 28px;
    }

    .fctFImg img {
        height: 44px;
    }

    .fctFText {
        margin-top: 10px;
        font-size: 14px;
    }


}

/*--------------------------------------------------------------
# 상품권 입력 신청서
--------------------------------------------------------------*/

.section-header h3 {
    letter-spacing: 0px;
    font-size: 50px;
    font-family: 'SBAggro';
    font-weight: 500;
    text-align: center;
    font-weight: 400;
    position: relative;
    margin-bottom: 11px;
}

.section-header p {
    font-weight: 500;
    text-align: center;
    line-height: 28px;
    margin: auto;
    font-size: 20px;
    padding-bottom: 30px;
    width: 100%;
}

.section-header p b {
    font-weight: 500;
    color: #ffcc00;
    display: inline-block;
}

.section-header p span {
    font-size: 20px;
    color: #5A4CB6;
    font-weight: 600;
}


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

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

.submit_newTitleBox {
    display: block;
    text-align: left;
    margin-bottom: 50px;
}

.smnT01 {
    display: block;
    text-align: left;
    font-size: 28px;
    font-family: 'SBAggro';
    font-weight: 500;
    margin-bottom: 16px;
}

.smnT01 span {
    font-family: 'SBAggro';
    font-weight: 700;
    display: inline-block;
    margin-right: 6px;
}

.smnT02 {
    display: block;
    text-align: left;
    font-size: 18px;
    padding-left: 42px;
}

.smnT02 span {
    font-weight: 600;
}

.smnT03 {
    margin-top: 10px;
    display: block;
    text-align: left;
    font-size: 16px;
    color: #888888;
    padding-left: 42px;
}


.ssrMAR {
    margin-left: -7px;
    margin-right: -7px;
}

.ssrPAD {
    padding-left: 7px;
    padding-right: 7px;
}

.ss3Box {
    display: block;
    overflow: hidden;
    margin-bottom: 80px;
}

.ss3RowBox {
    display: block;
    position: relative;
    margin-top: 30px;
}

.sritem {
	background: #ebeeff;
    display: block;
    padding: 30px;
    border-radius: 6px;
}

.sritt {
    font-size: 24px;
    font-family: 'SBAggro';
	font-weight: 500;
    display: block;
    position: relative;
    width: 100%;
    letter-spacing: -1px;
}

.sritt span {
    position: absolute;
    right: 0px;
    font-size: 24px;
    color: #5A4CB6;
    font-family: 'SBAggro';
	font-weight: 500;
}

.srittSub {
    font-weight: 300;
    font-family: Pretendard;
    font-size: 17px;
    display: block;
    margin-top: 20px;
    letter-spacing: -0.5px;
}

@media (max-width: 1200px) {
    .sritem {
        padding: 20px;
    }

    .sritt {
        font-size: 20px;
    }

    .sritt span {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .sritem {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .submit_newTitleBox {
        display: block;
        text-align: left;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .smnT01 {
        display: block;
        text-align: left;
        font-size: 20px;
        font-family: 'SBAggro';
		font-weight: 500;
        margin-bottom: 8px;
        letter-spacing: -1px;
    }

    .smnT01 span {
        font-size: 20px;
    }

    .smnT02 {
        display: block;
        text-align: left;
        font-size: 14px;
        padding-left: 0px;
        letter-spacing: -1px;
    }

    .smnT03 {
        margin-top: 4px;
        display: block;
        text-align: left;
        font-size: 14px;
        color: #888888;
        padding-left: 0px;
        letter-spacing: -1px;
    }

    .ss3Box {
        margin-bottom: 40px;
    }

    .ss3RowBox {
        margin-top: 10px;
    }

    .sritem {
        padding: 20px 14px 20px 14px;
        margin-bottom: 10px;
    }

    .sritt {
        padding-left: 30px;
        font-size: 18px;
    }

    .sritt span {
        left: 0px;
        right: inherit;
        font-size: 18px;
    }

    .srittSub {
        padding-left: 30px;
        font-size: 14px;
        display: block;
        margin-top: 10px;
        letter-spacing: -0.3px;
    }
}

.centerSlideBox {
    user-select: none;
    width: 100%;
    height: 76px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: rgba(238, 238, 238, 0.2);
}


.bwiper-container, .bwiper-wrapper, .bwiper-slide {
    width: 100%;
    height: 100%;
}

.bwiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fcfcfc;
    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}

.bwiper-slide:nth-child(1) {
    background: #fcfcfc;
}

.bwiper-slide:nth-child(2) {
    background: #fcfcfc;
}

.bwiper-slide:nth-child(3) {
    background: #fcfcfc;
}

.bwiper-slide:nth-child(4) {
    background: #fcfcfc;
}


.centerSlide {
    width: 100%;
    padding: 10px 0px 10px 0px;
    text-align: Center;
}

.cstext {
    display: inline-block;
    font-size: 24px;
	font-family: 'SBAggro';
    font-weight: 300;
    color: #222;
}

.cstext span {
    position: relative;
    font-family: 'SBAggro';
    font-weight: 700;
    font-size: 24px;
    /* background-color: #5A4CB6; */
    color: #222;
    display: inline-block;
    padding: 4px 10px 0px 10px;
    border-radius: 4px;
}

.cstext b {
    display: inline-block;
    font-size: 34px;
    color: #ff4262;
    font-family: 'SBAggro';
    font-weight: 700;
    margin-left: 10px;
}

.gift_inWrap {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

.gift_inBox {
    position: relative;
    width: 100%;
    display: block;
    padding: 20px 0px 20px 140px;
}

.gift_inBox02 {
    width: 100%;
    display: flex;
    padding: 20px 0px 20px 0px;
}

.gift_input_text {
    position: absolute;
    left: 0px;
    top: 26px;
    width: 140px;
    font-size: 16px;
    font-family: 'SBAggro';
	font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 0px;
    /* padding-top: 9px; */
}

.gift_input_text span {
    color: #fa465b;
}

#pinNumber:hover .tool_giftBox {
    display: none;
}

.tool_giftBox {
    top: -26px;
    right: -20px;
    text-align: center;
    position: absolute;
    background-color: #5A4CB6;
    padding: 6px 10px 2px 10px;
    border-radius: 4px;
}

.tool_gText {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 15px;
    font-family: 'SBAggro';
	font-weight: 500;
}

.t_gBox {
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    bottom: -11px;
}

.t_gBox span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #5A4CB6;
    transform: rotate(45deg);
}

.gift_pinin {
    box-sizing: border-box;
    border-collapse: collapse;
    width: 100%;
    height: 40px;
    position: relative;
}

.gift_pinin input {
    box-sizing: border-box;
    border-collapse: collapse;
    border-radius: 6px;
    padding-left: 10px;
    width: 100%;
    height: 40px;
    font-size: 0.9rem;
    background-color: #f0f0f0;
    border: none;
}

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

.gift_pinin02 input {
    border-radius: 6px;
    padding-left: 10px;
    width: 100%;
    height: 40px;
    font-size: 0.9rem;
    background-color: #f0f0f0;
    border: none;
}

.le_mar15 {
    margin-left: 15px;
}

.gift_pinin .pinaddBtn {
    text-align: center;
    padding-top: 4px;
    height: 40px;
    border-radius: 6px;
    background-color: #ff4262;
    color: #fff;
    font-family: 'SBAggro';
	font-weight: 500;
    font-size: 18px;
    letter-spacing: -1px;
    cursor: pointer;
}


.gift_category_top {
    display: flex;
    width: 100%;
    height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.radio_input {
    position: relative;
    display: flex;
    top: 8px;
}

.redio_box {
    font-size: 0.9rem;
    font-family: 'NanumSquareRound', sans-serif;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    margin-right: 24px;
}

.redio_box input[type="radio"] { /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.redio_box input[type="radio"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 14px;
    margin-bottom: 0px;
}

.redio_box input[type="radio"] + label b {
    color: #ff4262;
}

.redio_box input[type="radio"] + label a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

.redio_box input[type="radio"] + label a:hover {
    text-decoration: underline;
}

.redio_box input[type="radio"] + label:before { /* 가짜 체크박스 */
    content: ' ';
    border-radius: 0px;
    display: inline-block;
    width: 20px; /* 체크박스의 너비를 지정 */
    height: 20px; /* 체크박스의 높이를 지정 */
    line-height: 14px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border: 3px solid #ddd;
}

.redio_box input[type="radio"]:checked + label:before { /* 체크박스를 체크했을때 */
    content: '\2714'; /* 체크표시 유니코드 사용 */
    color: #222;
    font-weight: 700;
    border-color: #222;
    font-size: 16px;
    position: relative;
}

.gift_category {
    display: flex;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #a8a8a8;
}


.gift_fare {
    top: 7px;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    box-sizing: border-box;
}

.gift_input label {
    font-size: 0.9rem;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 20px;
}

input[type=checkbox], input[type=radio] {
    position: relative;
    top: 3px;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    margin-right: 6px;
}

.price_input_box {
    display: flex;
    margin-left: 30px;
}

.price_input input {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    border: none;
    padding-left: 10px;
}

.price_input input::placeholder {
    font-size: 0.9rem;
}

.price_input_btn {
    text-align: center;
    display: inline-block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
    font-weight: bold;
    font-family: 'Godo', sans-serif;
    background-color: #333333;
    color: white;
    margin-top: 5px;
    margin-left: 5px;
    cursor: pointer;
}

.gift_pinNumber input {
    padding-left: 10px;
    width: 96px;
    height: 40px;
    font-size: 0.9rem;
    background-color: #f5f5f5;
    border: none;
}

.gift_pinNumber input::placeholder {
    font-size: 0.9rem;
}

.half_gift_category {
    display: flex;
    max-width: 100%;
    width: 50%;
    border-right: 1px solid #a8a8a8;
}

.gift_select {
    box-sizing: border-box;
    border-collapse: collapse;
    position: relative;
    width: 100%;
}

.gift_select select {
    border-radius: 6px;
    box-sizing: border-box;
    border-collapse: collapse;
    width: 100%;
    height: 40px;
    font-size: 0.9rem;
    background-color: #f0f0f0;
    border: none;
    padding-left: 10px;
}


.gift_normal_input {
    width: 240px;
}

.gift_normal_input input {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
    border: none;
    padding-left: 10px;
}

.gift_normal_input input::placeholder {
    font-size: 0.9rem;
}

.gift_put_tel_box {
    display: inherit;
}

.gift_put_tel select {
    width: 96px;
    height: 40px;
    font-size: 0.9rem;
    background-color: #f5f5f5;
    border: none;
    padding-left: 10px;
}

.gift_put_tel input {
    width: 100px;
    height: 40px;
    font-size: 0.9rem;
    background-color: #f5f5f5;
    border: none;
    padding-left: 10px;
}

.add_borR_none {
    border-right: none !important;
}

.submit_btn_line {
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

.submit_btn_line a {
    color: #fff !important;
}

.submit_btn {
    border-radius: 6px;
    display: inline-block;
    width: 150px;
    height: 50px;
    background-color: #ff4262;
    cursor: pointer;
}

.submit_btn b {
    position: relative;
    font-size: 22px;
    font-family: 'SBAggro';
	font-weight: 500;
    color: white;
    top: 3px;
}

.submitLiNK_btn {
    /* top: 2px; */
    position: relative;
    border-radius: 6px;
    display: inline-block;
    width: 150px;
    height: 50px;
    line-height: 54px;
    font-size: 22px;
    font-weight: 900;
    font-family: 'SBAggro';
    font-weight: 500;
    background-color: #333333;
    color: white;
    cursor: pointer;
}

.privacyLineBox {
    text-align: left;
    display: block;
    padding: 10px 0px 0px 0px;
}

.checkbox-container {
    position: relative;
    margin-bottom: 0px;
    display: inline-block;
}

.checkbox-container input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.checkbox-container input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size: 15px;
    margin-bottom: 0px;
}

.checkbox-container input[type="checkbox"] + label a {
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
}

.checkbox-container input[type="checkbox"] + label a:hover {
    text-decoration: underline;
}

.checkbox-container input[type="checkbox"] + label:before { /* 가짜 체크박스 */
    content: ' ';
    border-radius: 0px;
    display: inline-block;
    width: 20px; /* 체크박스의 너비를 지정 */
    height: 20px; /* 체크박스의 높이를 지정 */
    line-height: 14px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #ffffff;
    border: 3px solid #ddd;
}

.checkbox-container input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */
    content: '\2714'; /* 체크표시 유니코드 사용 */
    color: #222;
    font-weight: 700;
    border-color: #222;
    font-size: 16px;
    position: relative;
}

.privacyLink {
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 10px;
}

.privacyLink a {
    color: #ff4262;
    font-size: 14px;
}

.privacyLink a:hover {
    color: #e72627;
    text-decoration: underline;
}


/*-------
# 상품권신청 추가  css
-------*/

.pinItemWrap {
    position: relative;
}

.pinItemWrap input {
    box-sizing: border-box;
    border-collapse: collapse;
    border-radius: 6px;
    padding-left: 10px;
    width: 100%;
    height: 40px;
    font-size: 0.9rem;
    background-color: #f0f0f0;
    border: none;
}

.tooltip.show {
    z-index: 600;
    opacity: .9;
}

.tooltip-color .tooltip-inner {
    background-color: #268AFF;
}
.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #268AFF;
    border-radius: .25rem;
}

.tooltip-color .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    border-top-color: #268AFF !important;
}

.tooltip-color .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #268AFF !important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #268AFF;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before {
    border-left-color: #268AFF;
}

.gift_btn {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    box-sizing: border-box;
    padding: 0;
}

.gift_btn .pinaddBtn {
    text-align: center;
    padding-top: 4px;
    height: 40px;
    border-radius: 6px;
    background-color: #5A4CB6;
    color: #fff;
    font-family: 'SBAggro';
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -1px;
    cursor: pointer;
    width: 100%;
}


#pinRow {
    padding-left: 140px;
    display: block;
}

#pinRow ul, ol, li {
    list-style: none;
}

#pinRow ul {
    position: relative;
}

#pinRow > .row {
    border-top: 1px dashed #ccc;
    align-items: center;
}

#pinRow ul li {
    display: inline-block;
    position: relative;
    padding: 10px 30px 10px 0;
    letter-spacing: -0.5px;
}

#pinRow ul .giftType {
    font-size: 15px;
    display: inline-block;
    color: #ff4262;
}

#pinRow ul .pinNumber {
    font-style: initial;
    font-size: 15px;
}

#pinRow ul .pinAmount {
    display: inline-block;
    font-size: 15px;
}


.priceBoxDown {
    padding-left: 15px;
    padding-right: 15px;
}

.gift_inBox {
    position: relative;
    width: 100%;
    display: block;
    padding: 20px 0px 20px 140px;
}

.gift_input_text {
    position: absolute;
    left: 0px;
    top: 26px;
    width: 140px;
    font-size: 16px;
    font-family: 'SBAggro';
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 0px;
    /* padding-top: 9px; */
}
.gift_input_text dl {
    font-family: 'SBAggro';
    font-weight: 500;
    padding: 0 0 0 9px;
   font-size: 16px;
    display: block;
    margin: -4px 0 0 0;
}
.gift_input_text p {
    display: inline-block;
    color: #fa465b;
    margin-bottom: 0px;
}

.gift_numIn_text {
    position: absolute;
    left: 0px;
    top: 21px;
    width: 140px;
    font-size: 16px;
	font-family: 'SBAggro';
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 0px;
    /* padding-top: 9px; */
}

.gift_numIn_text p {
    display: inline-block;
    color: #fa465b;
    margin-bottom: 0px;
}

.gift_numIn {
    position: relative;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    box-sizing: border-box;
}

.gift_numIn span {
    display: inline-block;
    font-family: 'SBAggro';
    font-weight: 500;
    font-size: 18px;
}


.submit_btn_line {
	    gap: 10px;
    display: flex;
    position: relative;
    text-align: center;
    width: 100%;
    margin-top: 30px;
    align-items: center;
    justify-content: center;
}

.submit_btn_line input {
    line-height: 54px;
    border-radius: 6px;
    display: inline-block;
    width: 150px;
    height: 50px;
    background-color: #5A4CB6;
    cursor: pointer;
    position: relative;
    /* top: 4px; */
    font-size: 22px;
    font-family: 'SBAggro';
    font-weight: 500;
    color: #fff;
    border: none;
    /* padding-top: 7px; */
}


/*-------
# 개인정보팝업 css
-------*/

.product-popup-trigger {
}

.img-replace { /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.product-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    /* overflow-y: scroll; */
    /* overflow-x: hidden; */
}

.product-popup.is-visible {
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.product-popup-container {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 110px;
    margin: 0 auto;
    background: inherit;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.product-popup-container .course-buttons:after {
    content: "";
    display: table;
    clear: both;
}

.product-popup-container .course-buttons li {
    float: left;
    width: 50%;
    list-style: none;
}

.product-popup-container .course-buttons a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.product-popup-container .course-buttons li:first-child a {
    background: #333333;
    border-radius: 0 0 0 .25em;
}

.no-touch .product-popup-container .course-buttons li:first-child a:hover {
    background-color: #333333;
}

.product-popup-container .course-buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 .25em 0;
}

.no-touch .product-popup-container .course-buttons li:last-child a:hover {
    background-color: #c5ccourse8;
}

.product-popup-container .product-popup-close {
    text-align: center;
    /* background-color: #f6f6f6; */
    z-index: 800;
    position: absolute;
    top: 11px;
    right: 11px;
    width: 46px;
    height: 46px;
    padding-top: 7px;
    background-image: url(../img/btn_agree_close.png);
    background-position: center center;
    background-size: 19px;
    background-repeat: no-repeat;
}

.is-visible .product-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.corseBox {
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    width: 1000px;
    border-radius: 6px;
    overflow: hidden;
    padding: 40px;
}

.corseTextBox {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: left;
}

.corseTextBox p {
    display: block;
    text-align: center;
    letter-spacing: 0px;
    font-size: 30px;
    font-family: 'SBAggro';
    text-align: center;
    font-weight: 500;
    position: relative;
    margin-bottom: 11px;
}

.corseT {
    width: 100%;
    position: relative;
    text-align: left;
}

.corseIn {
    padding-right: 20px;
    height: 500px;
    overflow: auto;
}

.corseIn::-webkit-scrollbar {
    width: 8px;
}

.corseIn::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 0px;
}

.corseIn::-webkit-scrollbar-thumb {
    background-color: #333333;
    border-radius: 0px;
}

.corT {
    font-size: 15px;
    text-align: left;
    margin-bottom: 20px;
    line-height: 24px;
}

.corseTextBox span {
    font-size: 14px;
    text-align: left;
}

/*-------
# 개인정보팝업 css
-------*/


.info_btn_line {
    text-align: center;
    width: 100%;
    margin-top: 60px;
}

.info_btn {
}

/* - 오픈박스 -*/

.faq {
    width: 100%;
    font-size: 0.9rem;
    overflow: hidden;
    margin-bottom: 5px;
}

.faq_question {
    font-size: 18px;
    height: 50px;
    line-height: 54px;
    background-color: #f2f2f2;
    margin: 0px;
    cursor: pointer;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    /* background: #e8e8e8; */
    color: #333;
    position: relative;
    font-family: 'SBAggro';
    font-weight: 500;
}

.faq_question::before, .faq_question::after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate3d(0, -50%, 0);
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    margin-right: 0px;
    background-color: rgba(0, 0, 0, .3);
    background-position: center center;
    background-repeat: no-repeat;
}

.faq_question::before {
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.faq_question::after {
    display: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
}

/* .faq.open .faq_question{ */
/* border-bottom: 1px solid #bbb; */
/* } */
.faq.open .faq_question::before {
    display: none;
}

.faq.open .faq_question::after {
    display: block;
}

.faq_answer_container {
    text-align: left;
    height: 0;
    overflow: hidden;
    padding: 0;
    background-color: white;
    border: 1px solid #a8a8a8;
}

.faq_answer {
    padding: 20px;
}

.userInfoBox {
    width: 100%;
    text-align: left;
}

.add_userInfoBox_marT {
    margin-top: 20px;
}

.userInfo_text {
    font-size: 0.9rem;
    font-family: 'SBAggro';
    font-weight: 500;
    margin-bottom: 10px;
}

.userInfo_sub_text {
    font-family: Pretendard;
    line-height: 24px;
    font-size: 15px;
    font-weight: 300;
    /* font-family: 'Godo', sans-serif; */
    margin-bottom: 5px;
}

.userInfo_sub_text span .table_g {
    display: block;
}


.logic_info {
    display: flex;
    margin-top: 4px;
    align-items: flex-start;
    justify-content: flex-start;
}

.logic_icon {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 60px;
    height: 24px;
    line-height: 24px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    font-family: Pretendard;
    margin-right: 10px;

}

.add_icon_colorBlue {
    background-color: #0070c0;
}

.add_icon_colorYellow {
    background-color: #ff4262;
}

.add_icon_colorBlack {
    background-color: #7f7f7f;
}

.add_icon_colorRed {
    background-color: #06dfea;
}
.logic_text {
    font-family: Pretendard;
    width: 100%;
    color: black;
    line-height: 24px;
    font-size: 15px;
    font-weight: 300;
    /* font-family: 'Godo', sans-serif; */
}

@media (max-width: 991px) {
    .submit_sideBox {
        padding-left: 50px;
        padding-right: 50px;
    }

    .product-popup-container {
        padding: 90px 40px 0px 40px;
    }

    .corseBox {
        width: 100%;
        padding: 40px 20px 40px 20px;
    }

    .gift_btn .pinaddBtn {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #submit {
        /* border-top:1px solid #ddd; */
        padding: 30px 0 50px 0px;
    }

    .submit_sideBox {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-header h3 {
        font-size: 28px;
    }

    .section-header p {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .section-header p span {
        font-size: 14px;
        line-height: 22px;
    }

    .gift_inWrap {
        padding-top: 2px;
        border-bottom: 1px solid #f0f0f0;
        padding-bottom: 14px;
    }
	
	.gift_inBox.certiType .row{
		margin-left:-4px;
		margin-right:-4px;
	}

    .gift_inBox {
        padding: 10px 0px 0px 0px;
    }

    .gift_input_text {
        position: relative;
        top: inherit;
        width: 100%;
        display: block;
        font-size: 15px;
        padding-left: 0px;
        margin-bottom: 0px;
    }
	.gift_input_text dl {
		padding: 0 0 0 0px;
		font-size: 15px;
		display: inline-block;
		margin: 0;
	}

    .gift_numIn_text {
        position: relative;
        top: inherit;
        width: 100%;
        display: block;
        font-size: 15px;
        padding-left: 0px;
        margin-bottom: 0px;
        letter-spacing: -0.5px;
    }

    .gift_numIn span {
        display: inline-block;
        font-family: 'SBAggro';
		font-weight: 500;
        font-size: 16px;
    }

    .priceBoxDown {
        padding-left: 0px;
        padding-right: 0px;
    }

    .radio_input {
        display: block;
        top: 0px;
        height: auto;
    }

    .radio_input label {
        margin-bottom: 0px;
    }

    .mt_marLR .col-lg-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mt_marLR .col-lg-6 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mt_marLR .col-lg-4 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .gift_inBox02 {
        display: block;
        padding: 10px 0px 0px 0px;
    }

    .gift_pinin {
        height: auto;
    }

    .gift_pinin button {
        margin-left: 0px;
        margin-top: 10px;
    }

    .le_mar15 {
        margin-left: 0px;
    }

    .gift_fare {
        top: 0px;
        font-size: 14px;
    }

    .tool_giftBox {
        padding: 2px 10px 2px 10px;
        top: -20px;
        right: 10px;
    }

    .tool_gText {
        font-size: 13px;
    }

    .gift_pinin input {
        height: 36px;
    }

    .gift_pinin02 input {
        height: 36px;
    }

    .gift_select select {
        height: 36px;
    }

    .centerSlideBox {
        height: 40px;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .centerSlide {
        width: 100%;
        padding: 2px 0px 4px 0px;
        text-align: Center;
    }

    .cstext {
        font-size: 14px;
    }

    .cstext span {
        padding: 2px 10px 0px 10px;
        font-size: 14px;
    }

    .cstext b {
        font-size: 20px;
        margin-left: 4px;
    }

    .info_btn_line {
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }

    .submit_btn_line {
        display: flex;
		gap: 0;
    }

    .submit_btn_line input {
        width: 100%;
        height: 50px;
        top: 0px;
        /* padding-top: 2px; */
    }

    .submit_btn {
        border-radius: 6px;
        display: inline-block;
        width: 100%;
        height: 50px;
        line-height: inherit;
        font-size: 22px;
        color: white;
        cursor: pointer;
        margin-right: 10px;
    }

    .submit_btn b {
        top: 1px;
    }

    .submitLiNK_btn {
        margin-left: 10px;
        top: 0px;
        position: relative;
        border-radius: 6px;
        display: inline-block;
        width: 100%;
        height: 50px;
        line-height: 54px;
        font-size: 22px;
        background-color: #333333;
        color: white;
        cursor: pointer;
    }

    .product-popup-container {
        padding: 60px 20px 60px 20px;
    }

    .corseBox {
        width: 100%;
        padding: 40px 16px 20px 16px;
    }

    .corseTextBox {
        padding-bottom: 0px;
    }

    .corseTextBox p {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .corseT {
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding-bottom: 0px;
    }

    .corseIn {
        padding-right: 20px;
        height: 400px;
        overflow: auto;
    }

    .corT {
        font-size: 13px;
        text-align: left;
        margin-bottom: 16px;
        line-height: 22px;
    }

    #pinRow {
        padding-left: 0px;
        display: block;
    }

    #pinRow ul li {
        display: block;
    }

    #pinRow ul li {
        padding: 2px 60px 2px 0;
    }

    #pinRow ul .giftType {
        font-size: 13px;
        display: block;
    }

    #pinRow ul .pinAmount {
        display: block;
        font-size: 13px;
    }
	
	
	.userInfo_sub_text {
		line-height: 22px;
		font-size: 13.5px;
	}
	.logic_info {
		margin-top: 8px;
	}
	.logic_text {
		line-height: 20px;
		font-size: 13.5px;
	}
	.logic_icon {
		width: 60px;
		height: 22px;
		line-height: 22px;
		font-size: 11px;
		font-weight: 600;
		margin-right: 6px;
	}
}


/* 왜 핀티켓
--------------------------------*/

#services {
    width: 100%;
    position: relative;
    background-color: #f0f0f0;
    padding: 90px 0 40px 0;
}

.serviceSideBox {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}

.ser_marLR {
    margin-left: -6px;
    margin-right: -6px;
}

.ser_padLR {
    padding-left: 6px;
    padding-right: 6px;
}

#services .box {
    height: 370px;
    padding: 30px 10px 30px 10px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 4px;
    margin: 0 0px 40px 0px;
    /* box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1); */
    transition: all 0.3s ease-in-out;
    text-align: center;
}

#services .title {
    display: block;
    font-size: 40px;
    color: #5A4CB6;
    letter-spacing: 1px;
    font-family: 'SBAggro';
    font-weight: 700;
    margin-top: 29px;
    margin-bottom: 9px;
}

#services .description {
    font-family: 'SBAggro';
    font-weight: 500;
    font-size: 20px;
    color: #222;
    line-height: 28px;
    margin-bottom: 0;
    text-align: center;
}


.why_choose_circle {
    display: inline-block;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background-color: #f5f5f5;
}

.why_choose_circle img {
    width: 100%;
}

.purpose_textBox {
    margin-top: 10px;
}

.p_bottom_text {
    font-size: 16px;
    font-weight: 400;
    color: #222;
    padding-top: 17px;
}

.add_boxline_black_marT {
    margin-top: 40px;
}

.boxline_black {
    width: 100%;
}

.boxline_black img {
    width: 100%;
}

@media (max-width: 767px) {
    #services {
        display: none;
        padding: 50px 0 20px 0;
    }

    .serviceSideBox {
        padding-left: 16px;
        padding-right: 16px;
    }

    #services .box {
        height: auto;
    }

    #services .title {
        font-size: 30px;
        margin-top: 19px;
        margin-bottom: 6px;
    }

    #services .description {
        font-size: 18px;
        line-height: inherit;
    }

    .p_bottom_text {
        font-size: 14px;
        padding-top: 10px;
    }
}


/* 추천상품권
--------------------------------*/

#pricing {
    width: 100%;
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

#pricing .card {
    position: relative;
    height: auto;
    border: 0;
    border-radius: 0px;
    box-shadow: 0 3px 0px 0 rgba(65, 62, 102, 0.08);
    transition: all .3s ease-in-out;
    position: relative;
}

#pricing .card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background-color: #e72627;
    transition: 0.5s;
}

#pricing .card:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.08);
}

#pricing .card:hover:after {
    width: 100%;
}

#pricing .card .card-header {
    background-color: white;
    border-bottom: 0px;
    -moz-text-align-last: center;
    text-align-last: center;
}

#pricing .card .card-title {
    margin-bottom: 16px;
    color: black;
    /* font-family: 'Noto Serif KR', serif; */
    font-size: 1.2rem;
}

#pricing .card .card-block {
    padding: 10px;
    text-align: left;
}

#pricing .card .list-group-item {
    line-height: 18px;
    font-size: 0.7rem;
    border: 0px;
    padding: 6px;
    color: #878787;
    font-weight: normal;
    font-family: 'Nanum Barun Gothic', sans-serif;
}

#pricing .card h3 {
    font-size: 64px;
    margin-bottom: 0px;
    color: #535074;
}

#pricing .card h3 .currency {
    font-size: 30px;
    position: relative;
    font-weight: 400;
    top: -30px;
    letter-spacing: 0px;
}

#pricing .card h3 .period {
    font-size: 16px;
    color: #6c67a3;
    letter-spacing: 0px;
}

#pricing .card .list-group {
    margin-bottom: 15px;
}

#pricing .card .btn {
    display: inline-block !important;
    width: 190px;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: bold;
    border-radius: 0;
    padding: 10px 24px;
    letter-spacing: 1px;
    font-family: 'Noto Serif KR', serif;
    display: inline-block;
    background: black;
    color: white;
}

#pricing .card .btn:hover {
    background: #ffcd00;
}


/* 취급상품권 배너
--------------------------------*/

#services_logo {
    width: 100%;
    position: relative;
    background-color: #f0f0f0;
    padding: 80px 0 80px 0;
}

#partGallory {
    width: 100%;
    position: relative;
    padding: 80px 0 20px 0;
}

.partGalloryBox {
    text-align: center;
    width: 100%;
    position: relative;
}

.partGalloryBox span {
    letter-spacing: 0px;
    font-size: 50px;
	font-family: 'SBAggro';
    font-weight: 500;
    text-align: center;
    position: relative;
}

.partGBox {
    margin-top: 74px;
    width: 100%;
    max-width: 1240px;
    margin: 38px auto 0px auto;
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
}

.p_gImgBox {
    width: 100%;
    position: relative;
    /* overflow:hidden; */
    /* padding-bottom: 65%; */
    /* border-radius:4px; */
    /* border:1px solid #ddd; */
}

.p_gImgBox img {
    /* position:absolute; */
    /* left:0px; */
    /* top:0px; */
    height: 100%;
    width: 100%;
    /* border-radius:4px; */
}

.nc_padB40 {
    padding-bottom: 40px !important;
}

.p_ggText {
    font-size: 17px;
    font-weight: 500;
    position: absolute;
    left: 0px;
    bottom: -34px;
    width: 100%;
    text-align: center;
    font-family: 'NEXON Lv1 Gothic OTF Light';
}

@media (max-width: 767px) {
    #partGallory {
        display: none;
        padding: 50px 0 0px 0;
    }

    .partGalloryBox span {
        font-size: 28px;
    }

    .partGBox {
        padding-right: 16px;
        padding-left: 16px;
        margin: 20px auto 0px auto;
    }
}

#exchangeForm input[type='radio'] {
    display: none;
}

#exchangeForm input[type='radio']:checked + label {
    /* background-image: linear-gradient(to right, #04f6ef 0%, #5A4CB6 100%); */
	background-image: linear-gradient(to right, #b1bcff 0%, #5A4CB6 100%);
    transition: all 0.4s ease;
    color: white;
    background-size: 180%;
    animation: gradient 3s ease infinite;
}

#exchangeForm input[type='radio'] + label {
    background-color: #f9f9f9;
    padding: 8px 14px;
    font-size: 14px;
    border-radius: 25px;
    color: #979797;
    cursor: pointer;
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

#totalPrice {
    font-size: 14px;
}

#commissionPrice {
    font-size: 14px;
}

#realIncomePrice {
    font-size: 14px;
}

#bankingFee {
    font-size: 14px;
}

.gift_numIn {
    line-height: 24px;
    font-size: 14px;
}

.softText {
    color: #757575;
    opacity: 0.6;
}

.blueText {
    color: #5A4CB6;
}



/* =================== 상품권 간편등록 CSS 20240816 ===================  */
.simpleinputBox{position:relative;width:100%;}
.ap_cultureGroupWrap {width: 100%;}
.ap_cultureGroup {padding:0;width:100%;justify-content: space-between;}
.ap_cultureGroupTop {display: flex;margin-bottom: 0px;align-items: center;justify-content: space-between;cursor: pointer;}

.ap_cultureGroupLeft {display: flex;}
.ap_cultureGroupRight {}
.brandVerticalSlide {height: 30px; overflow: hidden;}

.brandVerticalSlide .swiper-slide {height: 100%;display: flex;align-items: center;justify-content: flex-end;}
.brandVerticalSlide .swiper-slide img {height:100%; width:auto; margin:0 0 0 auto;}
.brandVerticalSlide .swiper-slide img.auctionImg  {height:22px;}


.testArea01 {border:1px solid red; width:100%;}
.ap_cultureTLeft {display: flex;align-items: flex-start;}
.cultureGroupIcon {width: 40px;margin: 0;display: flex;cursor: pointer;align-items: flex-start;justify-content: flex-start;}
.cultureGroupIcon img {width:100%; height:auto;}
.ap_cultureTRight {margin-left:8px;}

.ap_giftTitle {position: relative;left: unset;top: unset;width: unset;display: flex;align-items: center;color: #000;font-family: Pretendard;font-size: 17px;font-style: normal;font-weight: 500;line-height: 20px;}

.agreeGreenCheckIcon {margin: 0; width: 18px; margin-left:6px;}
.agreeGreenCheckIcon img {width:100%; height:auto;position:relative; }

.ap_giftSTxt {color: #888;font-family: Pretendard;font-size: 13px;font-style: normal;font-weight: 400;line-height: 20px;margin: 0;margin-top: 3px;}

.apcultextarea{display:flex;}
.moapcultextarea ul{display:none;}
.ap_cultureGtextarea {box-sizing:border-box;width: 100%;border-radius: 6px;background: #F0F0F0;border: none;padding: 20px;margin-left: 0px;min-height: 120px;border:1px solid #F0F0F0;color: #222;font-family: Pretendard;font-size: 15px;font-style: normal;font-weight: 400;line-height: 24px;}
.ap_cultureGtextarea:focus{background:#fff;border:1px solid #222;}
.ap_cultureGtextarea::placeholder{color: #888;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;}
.ap_cultureGtextareaBtnGroup {margin-top: 10px;position: relative;gap: 0 20px;display: flex;align-items: center;justify-content: space-around;}
.ap_cultureGtextareaBtnGroup::before {content: '';width: 1px;height: 20px;position: absolute;left: 50%;transform: translateX(-50%);background: #EEE;}
.ap_cultureGtextareaBtn {position:relative;}

.ap_cultureGtextareaBtn:last-child::before {display:none;}
.ap_cultureGtextareaBtnT {transition: all 0.3s;cursor: pointer;height: 50px;padding: 0 70px;margin: 0;color: #000;text-align: center;font-family: 'SBAggro';font-size: 16px;font-style: normal;font-weight: 400;line-height: 52px;text-align: center;border-radius: 36px;background: #fff;}
.ap_cultureGtextareaBtnT:hover{background: #5A4CB6;color:#fff;}


/* 닫힘 */
.ap_cultureGroupCont {overflow:hidden;height:0;}
.ap_cultureGroup.closeCont .ap_cultureGroupTop {margin-bottom:20px;}
.ap_cultureGroup.closeCont .ap_cultureGroupCont {height:auto;}
.ap_cultureGroup.closeCont .agreeGreenCheckIcon img{transform: rotate(180deg);}

.ap_cultureInner {width: 100%;display: flex;}

.apcultextInnerBox{width:57%;margin-right:30px;}
.apculalretInnerBox{width:43%;}

.ap_cultureGroupNotice {padding-left: 24px;margin-bottom:6px;position: relative;display: flex;color: #111;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 600;line-height: 22px;}
.ap_cultureGroupNotice:before{content:'';position:absolute;left:0px;top:2px;width:18px;height:18px;background-image: url(../img/main/ap_cultureGroupNotice_icon.png);background-position: top;background-repeat: no-repeat;background-size: cover;}
.apculalretInnerBox ul{position:relative;padding:0;margin:0;}
.apculalretInnerBox ul li{position:relative;padding:0 0 0 10px;margin:4px 0 0 0;display:flex;list-style:none;color: #888;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;}
.apculalretInnerBox ul li:before{content:'';position:absolute;left:0px;top:9px;width:4px;height:4px;border-radius:50%;background:#5A4CB6;}
.pct_ap{display:inline-block;}
.mot_ap{display:none;}

@media (max-width: 1200px) {
	.ap_cultureGtextarea {border-radius: 6px;padding: 14px;}
	.ap_cultureGtextarea::placeholder{font-size: 14px;line-height: 20px;}

	.ap_cultureGtextareaBtnT {padding: 0 40px;}
}

@media (max-width: 991px) {
	.ap_cultureInner {width: 100%;display: flex;flex-direction: column;}
	.apcultextInnerBox {width: 100%;margin-right: 0px;}
	.apculalretInnerBox {margin-top: 10px;width: 100%;}
	.apculalretInnerBox ul li {margin: 4px 0 0 0;font-size: 14px;line-height: 23px;}
	.apculalretInnerBox ul li:before {top: 9px;}
}
@media (max-width: 767px) {
	.simpleinputBox .gift_inBox.certiType .row {margin-left: 0px;margin-right: 0px;}
	.simpleinputBox .gift_input_text{display:none;}
	.ap_cultureGroupRight{display:none;}

	.ap_cultureGroupLeft{position:relative;}
	.ap_cultureGroupLeft:before{position: relative;top: -3px;content: '*';color: #fa465b;font-size: 15px;font-weight: 600;display: inline-block;margin-right: 0px;}
	.ap_cultureTRight {margin-left: 0px;}
	.ap_cultureTLeft {display: none;}
	.ap_giftTitle {font-family: 'SBAggro';font-size: 15px;line-height: 20px;}
	.ap_giftTitle span{display:none;}
	.ap_giftSTxt {font-size: 13px;line-height: 20px;margin-top: 2px;}

	.ap_cultureGroup.closeCont .ap_cultureGroupTop {margin-bottom: 14px;}
	.apcultextarea {padding: 0px;border-radius: 4px;background: #F0F0F0;border: 1px solid #F0F0F0;display: block;}
	
	.ap_cultureGtextarea {border-radius: 4px;padding: 10px;min-height: 100px;font-size: 14px;line-height: 20px;}
	.ap_cultureGtextarea:focus{background:#F0F0F0;border:1px solid #F0F0F0;}
	.ap_cultureGtextarea::placeholder{letter-spacing:-0.4px;font-size: 11px;line-height: 18px;}
	.apcultextarea ul{padding:0px 10px 10px 10px;display:block;position:relative;}
	.apcultextarea ul li {color:#888;letter-spacing:-0.2px;line-height: 18px;list-style: none;font-size: 11px;}

	.ap_cultureGtextareaBtnGroup {margin-top: 6px;gap: 0 0px;}
	.ap_cultureGtextareaBtnT {width: 120px;line-height: 42px;font-size: 15px;height: 40px;padding: 0;}

	.ap_cultureGroupNotice {padding-left: 22px;margin-bottom: 4px;font-size: 15px;line-height: 20px;}
	.ap_cultureGroupNotice:before {top: 2px;width: 16px;height: 16px;}

	.apculalretInnerBox {display:none;margin-top: 4px;}
	.moapcultextarea ul {display:block;position: relative;padding: 0;margin: 0;}
	.moapcultextarea ul li {position: relative;padding: 0 0 0 8px;margin: 3px 0 0 0;display: flex;list-style: none;color: #888;font-family: Pretendard;font-size: 11px;font-style: normal;font-weight: 400;line-height: 14px;}
	.moapcultextarea ul li:before {content: '';position: absolute;left: 0px;top: 6px;width: 3px;height: 3px;border-radius: 50%;background: #5A4CB6;}
}


/* =================== 상품권 핀번호 추가 CSS 20240816 ===================  */
.pinT .gift_input_text{top:20px;}
.posaddBox {opacity: .9;transition: opacity .15s linear;z-index:20;left: 0;top: -32px;position: absolute;}
.posarrow {transform: translateX(-50%);left: 50%;bottom: 0px;position: absolute;display: block;width: .8rem;height: .4rem;}
.posarrow::before {position: absolute;content: "";border-color: transparent;border-style: solid;top: 6px;border-width: .4rem .4rem 0;border-top-color: #268AFF;}
.postext{ font-size: .875rem;font-style: normal;font-weight: 400;line-height: 1.5;max-width: 200px;padding: .25rem .5rem;color: #fff;text-align: center;background-color: #268AFF;border-radius: .25rem;}
@media (max-width: 767px) {
	.pinT .gift_input_text {top: inherit;}
	.posaddBox {right: 0;left: inherit;top: -32px;}
}