/*common*/
.content_img img {width:100%; margin:0 auto;}
.pos_img { position: absolute; left: 0; top: 0;}
.pd148 {padding:148px 0;}
.tc {text-align:center;}
.mt23 {margin-top:23px;}


	@media screen and (max-width:767px){
		.pd148 {padding:40px 0;}
	}

/*event01 page*/
.eventSection01 {position:relative; max-width:1920px; margin:0 auto; }


/*evet02*/
.eventSection02 {background:url('/img/sub/eventSec02_bg.jpg') no-repeat center / cover; max-width:1920px; margin:0 auto; padding:150px 0;}


/*point_faq*/
.point_faq {padding:94px 118px; border-radius:30px; background:#fff; box-shadow: 0px 2px 40px 0 rgba(0, 0, 0, 0.1);}
.point_faq h3 {border-bottom:1px solid #424242; padding:28px 0;}
.point_faq .faqList ul {display:flex;    padding:0px; flex-wrap:wrap;}
.point_faq .faqList ul li {width:100%; margin-right:0px; border-bottom:1px solid #eaeaea; padding:20px 0;}
.point_faq .faqList ul li:nth-of-type(2n) {margin-right:0;}
.faqManager {}
.point_faq .faqManager .faqOpen {display:flex; align-items:center; justify-content:space-between;}
.point_faq .faqManager .faqOpen > span {color:#0046fe; display:flex; align-items:center; gap:50px; width:100%;}
.point_faq .faqManager .faqOpen p {color:#000; width:100%;  white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.point_faq .faqContent * {font-size:15px; line-height:160%; font-weight:400; color:#555;}
.point_faq .faqContent {display:none;background-color: #f9f9f9; padding: 25px 35px; border-radius:5px;}
.borderT {border-top:1px solid #000000;}

@media screen and (max-width:1080px){
	.faqList ul {padding:0 30px;}
	.faqList ul li {width:100%; margin-right:0;}
	.point_faq {padding:45px;}
}

@media screen and (max-width:720px){
	#baeSection {padding:20px 0;}
	#sit_ex_div div {padding:20px 0;}
	.faqLoop {margin:0; gap:25px; padding:13px 0;}
	.faqList ul {padding:0px;}
	.faqManager .faqOpen span {gap:25px;}
	#sit_faq h3 { margin: 0px;}
	.eventSection02 {padding:40px 0;}
	.point_faq h3 {font-size:20px; word-break:keep-all;}
	.point_faq .faqManager .faqOpen span {gap:20px;}
	.point_faq {padding:20px;}
	.point_faq .faqContent * {font-size:12px;}
	.point_faq .faqContent {padding:15px;}
	.point_faq .faqManager .faqOpen p {max-width:245px;}


}
.eventSection03 h3 {color:#222222;}

/*event03*/

.giftList {display:flex; margin-top:40px; flex-wrap:wrap;}
.giftList li {width:calc((100% - 20px*3)/4); margin-right:20px; }
.giftList li:hover figure:after {opacity:1;}
.giftList li figure:after {content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(253, 18, 107, 0.3); opacity:0; transition:0.25s;}
.giftList li:nth-of-type(n + 5) {margin-top:40px;}
.giftList li:nth-of-type(4n) {margin-right:0;}
.giftList li h4 {margin-top:28px;}
.giftList li figure {border-radius:10px; overflow:hidden; position:relative;}

.giftList li figure img {width:100%;}
.giftList li .giftHover a {display:block; width:100%; height:50px; color:#fff; text-align:center; position:absolute; left:50%; transform:translateX(-50%); bottom:50px; line-height:50px; font-weight:700; border-radius:0 0 10px 10px; background:#000; opacity:0; transition:0.25s;}
.giftList li:hover .giftHover a {opacity:1;}



@media screen and (max-width:767px){
	.giftList li {width:calc((100% - 10px)/2); margin-right:10px;}
	.giftList li:nth-of-type(n + 3) {margin-top:20px;}
	.giftList li:nth-of-type(2n) {margin-right:0;}
}

/*event04*/

.eventSection04 {background:#f4f6fc;}
.eventSection04 h2 {margin-top:25px; line-height:1.56em;}
.eventSection04 a {display:flex; align-items:center; justify-content:center; width:100%; max-width:327px; height:71px; line-height:71px; text-align:center; color:#fff; background:#000; border-radius:35.5px; margin:40px auto 0 auto; }
.eventSection04 a i {margin-left:10px;}

@media screen and (max-width:767px){
.eventSection04 h2 {font-size:18px; margin-top:16px;}
.eventSection04 a {max-width:185px; font-size:15px; height:50px; line-height:50px;  margin:20px auto 0 auto;}

}

/*고객센터*/

/*common*/

.subBar {background:url('/img/sub/subbar_bg.jpg') no-repeat center / cover; padding:26px 0;}
.subTit {display:flex; align-items:center; gap:20px;}
.subTit p {color:rgba(21, 71, 218, 0.7);}
.subTit p strong {color:#1547da;}

.subWrap {display:flex;}
.sub_nav {width:240px; display:inline-block; vertical-align:top; margin-right:54px;}
.sub_nav > ul > li a {display:block; font-size:1.125rem; font-weight:400; padding:18px 0; box-sizing:border-box; border-bottom:1px solid #ededed; transition:0.28s;}
.sub_nav > ul > li a:hover {color:#2c51c3;}
.sub_nav > ul > li.on a {color:#2c51c3; font-weight:700;}
.sub_nav > ul > li:nth-of-type(1) a{padding-top:0;}
.sub_nav > ul > li:nth-of-type(8) a{border-bottom:1px solid #000;}
.subContentBox {padding:60px 0;}
.subContent {display:inline-block; vertical-align:top;width:100%; }


.csInfo {margin-top:35px;}
.csInfo h3{line-height:1.6em;}
.csInfo p{line-height:1.5em; margin-top:13px;}
.csInfo a {display:block; letter-spacing: -0.125em;}

/*faq*/

.faq_p {margin-top:85px;}
.faq_form {margin-top:27px;}
.faqOpen i {font-weight:700;}

/*faq*/

.faqList.boardFaq ul {display:flex; padding: 0; flex-wrap:wrap;}
.faqList.boardFaq ul li {width:100%;  border-bottom:1px solid #eaeaea; padding:34px; margin-right:0;}

.faqOpen {    display: flex; align-items: center;justify-content: space-between;}
.faqList.boardFaq .faqOpen p {display:flex; align-items:center; gap:50px;}
.faqManager {}
.faqManager .faqOpen {display:flex; align-items:center; justify-content:space-between;}
.faqManager .faqOpen span {color:#0046fe; display:flex; align-items:center; gap:50px;}
.faqManager .faqOpen p {color:#000; width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.faqContent * {font-size:15px; line-height:160%; font-weight:400; color:#555;}
.faqContent {display:none;background-color: }
.memberCheck {display:flex; align-items:center; font-weight:700; gap:10px;}

/*announce*/
.announce_form {margin-top:27px;} 

.eventSection01 .content_img img {max-width:100%; width:unset;}




@media screen and (max-width:1130px){
	.subWrap {flex-wrap:wrap;}
	.sub_nav {width:100%;}
	.subContent {width:100%; margin-top: 30px;}
	.sub_nav {margin-right:0;}
	.sub_nav ul {display:flex; justify-content: center; gap:20px;}
	.sub_nav > ul > li a {padding:0px; border-bottom:none; position:relative; display:block;}
	.sub_nav > ul > li a:after {content:''; height:10px; width:1px; background:#dcdcdc; position:absolute; left:-10px; top:50%; transform:translateY(-50%);}
	.sub_nav > ul > li:nth-of-type(1) a{padding:0px}
	.sub_nav > ul > li:nth-of-type(1) a:after {display:none;}
	.sub_nav > ul > li:nth-of-type(8) a{border-bottom:none;}
	.csInfo {display:none;}
	.faq_p {margin-top:20px;}

}

@media screen and (max-width:980px){

	.sub_nav ul {display:flex; flex-wrap:wrap; justify-content:unset; gap:0;} 
	.sub_nav ul li {width:calc((100% - 10px*3)/4); margin-right:10px;}
	.sub_nav ul li:nth-of-type(1) a{padding:10px 0;}
	.sub_nav ul li a {text-align:center; padding:10px 0;}
	.sub_nav ul li:nth-of-type(4n){margin-right:0;}
	.sub_nav ul li:nth-of-type(n + 5){margin-top:10px;}
	.sub_nav ul li:nth-of-type(5) a:after {display:none;}
}

@media screen and (max-width:720px){
	.sub_nav ul li {width:calc((100% - 5px*2)/3); margin-right:5px;}
	.sub_nav ul li:nth-of-type(3n) {margin-right:0;}
	.sub_nav ul li:nth-of-type(4n) {margin-right:5px;}
	.sub_nav ul li:nth-of-type(n + 4){margin-top:10px;}
	.sub_nav ul li:nth-of-type(4) a:after {display:none;}
	.sub_nav ul li:nth-of-type(5) a:after {display:block;}
 	.sub_nav ul li:nth-of-type(7) a:after {display:none;}
	.sub_nav > ul > li a:after {left:-5px;}
	.subContentBox {padding:20px 0;}
	.sub_nav ul li a {font-size:11px; }
	.subContent {margin-top:30px;}
	.sub_nav ul li a {font-size:12px;}
	.subTit {gap:10px;}
	.subTit h2 {font-size:20px;}
	.subTit p {font-size:16px;}
	.subBar {padding:10px 0;}
	.faqList.boardFaq ul li {padding:15px;}
	.faqList.boardFaq .faqOpen p  {gap:15px;}
	.faq_form {margin-top:10px;}
	.eventSection01 .content_img img {max-width:100%; width:unset;}
}

.subContentBox {max-width:1920px; margin:0 auto;}	

#k_board_view_00 {padding:73px 0;}
#k_w_bo {}


.mt270 {margin-top:270px;}


@media screen and (max-width:1620px){
.mt270 {margin-top:220px;}

}

@media screen and (max-width:1080px){
.mt270 {margin-top:200px;}

}

@media screen and (max-width:720px){
.mt270 {margin-top:140px;}

}