@charset "utf-8";

.support_tab {width: 100%; display: inline-block; text-align: center;}
.support_tab ul {display:flex;  justify-content: center;}
.support_tab ul li {margin:0 1rem}
.support_tab ul li a {display: inline-block; color:#aaa; font-size: 1.2rem;border:1px solid currentColor;min-width:10rem; width: 100%; padding:1.3rem; border-radius:5rem;}
.support_tab ul li.active a{ color:#fff; background-color: #CF1248; border:1px solid #CF1248;}
.support_tab ul li.active a:hover {color:#fff !important;}


.support_infomation {margin-top:2rem;  background: #f5f5f5;border-radius:1rem; padding:3rem; display:flex;}
.support_infomation .title {width: 70%;position: relative;display:flex;	align-items: center;}
.support_infomation .title .icon {width: 15%;text-align: left;color:#CF1248;}
.support_infomation .title .textbox {}
.support_infomation .title .textbox > h4 {font-size: 2rem; font-weight: 300;margin-bottom:1rem; letter-spacing:-0.15rem;}
.support_infomation .title .textbox > h4 > span {font-weight: 500;}
.support_infomation .title .textbox > p { line-height: 150%; color:#777;font-size: 1rem;}
.support_infomation .title .textbox > p br {display: none;}
.support_infomation .title .textbox > p span {display: block;	}

.support_infomation .go_link {width: 30%;}
.support_infomation .go_link ul {display:flex;justify-content: center;}
.support_infomation .go_link ul li{display:inline-block; text-align:center; transition: all 0.2s linear; position:relative; margin:0 20px; color:#aaa;background-position:left center; background-repeat:no-repeat;}
.support_infomation .go_link ul li svg {position: absolute; left: 50%;  top: 42%;  transform: translate(-50%, -50%);}
.support_infomation .go_link ul li span {font-size:1rem; position: absolute; bottom:2.2rem; width: 100%; display: block; 	}
.support_infomation .go_link ul li a{display: block;width:9rem; height:9rem; border:2px solid currentColor; border-radius:100%; transition: all 0.2s linear; }
.support_infomation .go_link ul li:hover  a{background: #CF1248; border-color:#CF1248; color:#fff !important;    box-shadow: 0px 5px 10px rgb(187 48 88 / 31%);}

#max_faq_wrap {position: relative;}

.support_qna_menu {width: 100%; display: inline-block; margin:2rem 0 1rem; border-bottom:1px solid #ddd;display:flex; justify-content: space-between;}
.support_qna_menu ul  {display:flex; justify-content: flex-start;}
.support_qna_menu ul li {display: inline-block; color:#777;}
.support_qna_menu ul li a{padding:1rem 2rem; display: inline-block;font-size: 1em; }
.support_qna_menu ul li.active {position: relative; color:#CF1248; font-weight: 500;}
.support_qna_menu ul li.active::before {content:'';position: absolute; width: 100%; left:0; bottom:-1px; height:3px; background-color:currentColor;} 

.support_faq_sch {position: absolute; display: inline-block; right:0;top:-6.0rem;}
.support_faq_sch::before {content:''; position: absolute; width: 100%; bottom:-1px; left:0; height:3px; background: #000;}
.support_faq_sch input {padding:.7rem 1rem;}
.support_faq_sch button {width: 3rem;  height: 3rem; vertical-align: middle;}






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

}
@media screen and (max-width: 1024px) {
	.support_infomation .title .icon {width: 25%;}
	.support_faq_sch {top:-6.2rem;}
}
@media screen and (max-width: 768px) { 
	.support_infomation {display: inline-block;width: 100%;}
	.support_infomation .title {width: 100%; justify-content: center; }
	.support_infomation .title .icon {float:left;text-align: center;}
	.support_infomation .go_link {width: 100%;margin-top:2rem;}
	.support_infomation .go_link ul {justify-content: center;}
	.support_infomation .go_link ul li a{width:7rem; height:7rem;  }
	.support_infomation .go_link ul li svg {width: 40px; height: 40px;;}
	.support_infomation .go_link ul li span {bottom:1.5rem;}
	.support_tab ul  {width: 100%;}
	.support_tab ul li {margin:0 .3rem;width: 100%;}
	.support_tab ul li a {padding:1rem; min-width:inherit;font-size:1rem;}
	.support_faq_sch {position: relative;top:auto;left:auto;margin:0 auto;text-align: center; width: 40%; display: inherit;}
	.support_faq_sch .max_search_it {display: flex;}
	.support_faq_sch input {width: 80%;}
	.support_faq_sch button {width: 20%;text-align: right;}

}
@media screen and (max-width: 568px) {
	.support_qna_menu {justify-content: center;}

	.support_infomation .title {display: inline-block;	text-align: center;}
	.support_infomation .title .icon {display: none;}
	.support_infomation .title .textbox > p br {display: block;} 

	
	.support_faq_sch {width: 100%;}
	.support_tab ul {flex-wrap : wrap; width: 100%;}
	.support_tab ul li {margin: .3rem; flex-basis:25%;}
	.support_tab ul li a {padding:.8rem; min-width:inherit;font-size:1rem;}



}