/* ====================================== */
/* qna */
/* ====================================== */
#qna {overflow:hidden;}
section#qna_head {height: auto;width: inherit;margin-top: 8rem;padding: 5.5rem 2rem 6.3rem;}
section#qna_head .qna_inner {display:flex;align-items: center;justify-content: space-between;}
#qna .qna_inner {
	width:100%;
	margin:0 auto;
	padding:0 2rem;
	max-width:100rem;
}
.qna_Hleft {
    width: 50%;
	display: flex;
    max-width: 42.8rem;
	align-items: center;
    flex-direction: column;
}
.q_TitleBox {margin-bottom:3.6rem;}
#qna .c_title {
	color: #30CDD4;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom:1rem;
}
#qna .qna_title {
	font-family: Pretendard;
	font-size: 5rem;
	font-weight: 700;
	line-height: 6rem;
	color:#222;
}
.qna_search {
    width: 100%;
    height: 5.4rem;
    max-width: 40rem;
    margin: 0;
    position: relative;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #EEE;
	transition: all 0.3s ease-in-out;
}
.qna_search .in_box {width: 100%;height: 100%;display: flex;margin-left: 0rem;}
#qna input {
    border: none;
	width: 100%;
    padding: 1.7rem 2rem;
    font-family: Pretendard;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.9rem;
	border-radius: 0.8rem;
	color:#222;
}
#qna input::placeholder {
	font-family: Pretendard;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.9rem;
	border-radius: 0.8rem;
	color: #BBBBBB;
}
.text_wr {
    top: 50%;
    right: 2rem;
    position: absolute;
    transform: translateY(-50%);
}
button {margin: 0;padding: 0;border: none;background:none;cursor: pointer;}

.text_wr figure {width: 2rem;}
.text_wr figure img {width: 100%;}

.character {display:flex;width:29.6rem;height:auto;}
.qna_img.turtle {width:16.4rem;}
.qna_img.rabbit {width:13.2rem;}
.qna_img img {width:100%;}

@media (max-width:991px) {
	section#qna_head {margin-top:6rem;padding:4rem 3rem 3rem;}
	section#qna_head .qna_inner {display: flex;flex-direction: column;align-items: center;}
	.qna_Hleft, .qna_Hright {width:100%; max-width:inherit;}
	.q_TitleBox {margin-bottom: 0rem;text-align: center;}
	.qna_search {max-width: 70rem; margin:0 auto;}
	.qna_Hright {display: flex; justify-content: center;}
	.character {width: auto;}
	.qna_Hright .qna_img.rabbit {display:none;}
}

@media (max-width:767px) {
	.qna_search {max-width:inherit;}
	#qna .c_title {font-size: 1.8rem;line-height: 2.2rem;margin-bottom:1.5rem;}
	#qna .qna_title {font-size: 3rem;line-height: 4.2rem;}
	.qna_img.turtle {width:12rem;}
}

/* ++++++++++++++++++++ 자주 찾는 질문 ++++++++++++++++++++ */
#qna_quse .qna_inner {padding:0rem 2rem 10.2rem;}
#qna_quse .tab {border-bottom:1px solid #DDD;}
#qna_quse ul.tabnav {display: flex;height: 6.2rem;align-items: center;}
#qna_quse .tabnav li a {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 2.2rem;
	color:#888;
	padding: 2rem 2.5rem;
	transition:all 0.2s;
}
#qna_quse .tabnav li a{position:relative;}
#qna_quse .tabnav li a.current { font-weight:600; color:#30CDD4;}
#qna_quse .tabnav li a.current::before {
	left:0;
	bottom:-2px;
	content:'';
	width:100%;
	height:2px;
	background: #30CDD4;
	position:absolute;
}
.quse_box, .test_box {display: flex;cursor:pointer;padding:2.2rem 2rem;flex-direction: column;}
.quse_BoxT {display: flex;}
.quse_kind {width:13rem;font-size: 1.8rem;font-weight: 500;line-height: 3rem;}
.quse_BoxTitle {
	font-family: Pretendard;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 3rem;
	color:#444;
}
.quse_answer {
    padding-left: 14rem;
    height: auto;
    overflow: hidden;
	transition:all 0.3s;
	display:none;
	
	font-size: 1.7rem;
	font-weight: 400;
	line-height: 3rem;
	color:#666;
}
.test_answer {display:none;padding-left:14rem;padding-top:2.2rem;}
.test_answer li {color:#666;font-size: 1.7rem;font-weight: 400;line-height: 3rem;}
.test_answer li span.bold {color:#333;font-weight:600;}
.test_box.open {background: #F2FCFD;}
.quse_box.open .quse_answer {height:100%;display:block;padding-bottom:2.2rem;}
span.cBold {color:#333; font-weight:600;}

/* 페이징 */
/* .paging {} */
/* .page_num {margin-top: 6rem;} */
/* .page_num ul { */
	/* display: flex; */
	/* align-items: center; */
    /* justify-content: center; */
/* } */
/* .page_num li{ */
	/* width:4rem; */
	/* height:4rem; */
	/* border-radius:50%; */
	/* font-family: Pretendard; */
	/* font-size: 17px; */
	/* font-weight: 400; */
	/* line-height: 30px; */
	/* letter-spacing: 0em; */
	/* text-align: center; */
	/* color:#666; */
	/* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
	/* cursor: pointer; */
/* } */
/* .page_num li.on{ */
	/* color:#222; */
	/* background: #EEEEEE; */
/* } */
/* 페이징 */

@media (max-width:991px) {
	#qna_quse .qna_inner {padding: 0rem 2rem 6rem;}
	.care_tabMenu {height: auto;overflow-x: scroll;overflow-y: hidden;padding-bottom: 3px;}
	#qna_quse .tab {width:83rem;}

	.test_box {display: flex;cursor: pointer;padding: 2rem 2rem;flex-direction: column;}
	.quse_BoxT {flex-direction: column;}
	.quse_BoxTitle {margin-top:0.8rem; color:#222;}
	.test_answer {padding-left:0rem; padding-top:2rem;}
	.test_answer li {font-size: 1.5rem;line-height: 2.4rem;padding-bottom:0.4rem}	
	.test_answer li:last-child {padding-bottom:0;}
	.test_box.open {background: #F8F8F8;}
	
	/* .tab.center {position:absolute; right:0;} */
	#qna_quse .qna_inner.pr0 {padding:0rem 0rem 6rem 0rem;}
}

@media (max-width:767px){
	.care_tabMenu {height:4.8rem;}
	#qna_quse .tab {width:52rem;}
	#qna_quse ul.tabnav {height:4.9rem;}
	#qna_quse .tabnav li a {padding: 1.4rem;font-size: 1.6rem;line-height: 1.92rem;transition: all 0.2s;}
	.quse_answer {font-size: 1.5rem;line-height: 2.4rem;}
	.quse_kind {font-size: 1.4rem;line-height: 1.7rem;}
	.quse_BoxTitle {font-size: 1.6rem;line-height: 2.7rem;}
}
/* ++++++++++++++++++++ // 자주 찾는 질문 ++++++++++++++++++++ */

/* ++++++++++++++++++++ 똑똑하게 활용해보세요 ++++++++++++++++++++ */
#qna_use {background:#f8f8f8;}
#qna_use .qna_inner {padding:8rem 2rem;}
.q_contTitle {
	color:#222;
	font-size: 4rem;
	font-weight: 700;
	line-height: 6rem;
	margin-bottom:4rem;
}
#qna_use .w100 {position:relative;}
#qna_use .ko_ai .swiper-slide img {width:100%; border-radius: 0.8rem; vertical-align: middle;}
#qna_use .swiper-button-next, #qna_use .swiper-button-prev {
    width: 4.5rem!important;
    height: 4.5rem!important;
    border-radius: 50%;
    top: 25%;
    transform: translateY(50%);
}
#qna_use .swiper-button-next {right: -2.5rem!important;}
#qna_use .swiper-button-prev {left: -2.5rem!important;}
#qna_use .swiper-button-disabled {opacity: 0.6!important;}
.moviframe{width:100%;position:relative;padding-bottom:56.2%;}
.moviframe iframe{top:0px;left:0px;width:100%;height:100%;position:absolute;}

.mov_TxtBox {margin-top:2rem;}
.movT_date {color:#666;font-size: 1.4rem;font-weight: 400;line-height: 1.7rem;}
.movT_title {
	color:#222;
	font-size: 2rem;
	font-weight: 600;
	line-height: 2.6rem;
	margin:1.2rem 0 1.6rem;
}
.movT_tag ul {display:block;}
.movT_tag ul li{
	display:inline-block;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.44rem;
	color:#888;
	padding:0.4rem 0.8rem;
	background:#fff;
	box-sizing: border-box;
	border:1px solid #DDD;
	border-radius:2rem;
	margin:0rem 0rem 0.4rem 0rem;
}
.movT_tag ul li:last-child {margin-right:0;}
.moviframe {
	width: 100%;
	overflow: hidden;
    border-radius: 8px;
    position: relative;
    padding-bottom: 56.2%;
}

@media (max-width:991px){
	#qna_use .qna_inner {padding: 6rem 2rem;}
	#qna_use .swiper-wrapper {flex-direction: column!important;}
	#qna_use .swiper-slide.swiper-slide {width:100%!important; margin:0 0 3.4rem 0!important;}
	#qna_use .swiper-button-next , #qna_use .swiper-button-prev {display:none;}
	.movT_date {font-size: 1.3rem;line-height: 1.56rem;}
	.movT_title {font-size: 1.8rem;margin: 0.8rem 0 1.2rem;}
	.q_contTitle {font-size: 2.8rem;line-height: 3.8rem;margin-bottom:2.4rem;}
	.q_contTitle .mo_br {display:none;}
}
@media (max-width:767px){.q_contTitle .mo_br {display:block;}}
/* ++++++++++++++++++++ // 똑똑하게 활용해보세요 ++++++++++++++++++++ */

#shop_02 {background:#fff; height:80rem;}



.horizonScroll {overflow-x: auto; margin:0 auto; box-sizing: border-box; border-bottom: 1px solid #DDD; }
.horizonScroll__wrapper {overflow: hidden;font-size: 0; white-space:nowrap;}
.horizonScroll__item {display: inline-block; width: auto;text-decoration: none;}
.horizonScroll__itemText {
    display: block; 
    position: relative; 
    /* margin: 0 5px;  */
    /* height: 47px;  */
	padding: 2rem 2.5rem;
	
    box-sizing: border-box; 
    text-align: center; 
    white-space: nowrap;
	
    font-size: 1.8rem; 
	font-weight:500;
    line-height: 2.16em;
    color: #888; 
}
.on .horizonScroll__itemText { 
	color: #30CDD4;
	font-weight: 600;
}
.on .horizonScroll__itemText:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #30CDD4; }

@media (max-width:991px) {
	
}

@media (max-width:767px) {
	.horizonScroll {width:100%;}
	.horizonScroll__wrapper {width:504px!important;}
	
	.horizonScroll__itemText {
		padding: 1.4rem;
		font-weight:500;
		font-size: 1.6rem; 
		line-height: 1.92em;
	}
}