#container { /*height:100vh;*/ background-color: #fff; }
/* #container { font-family: 'ChironGoRoundTC-Bold', 'Chiron GoRound TC WS'; } */
#container { font-family: 'SpoqaHanSansNeo-Bold'; }
#howStart { font-family: 'Pretendard-Medium'; }
.comhow_group { padding: 2rem; }
.logo_image { position: relative; }
.mslide_frame { position: relative; }
/* .logo_image { width: 30%; } */
.main_title { font-family: 'Pretendard-Bold'; font-size: 3.6rem; margin: 5rem 0; }
.mtitle_txt { margin-bottom: .8rem; }
.mtitle_txt1 { color: #9e9e9e; }
.mtitle_txt2 { color: #595959; }
.sub_title { color: #595959; font-size: 2rem; margin-bottom: 3rem; }
.stitle_txt { margin-bottom: .4rem; }
.mslide_frame .common_img {
  border-radius: 1rem;
}

/* 슬라이드 관련 */
.slide_wrap { padding: 0 1.4rem .2rem 0; }

/* /////////// */


/* *** info 메인 260326 *** */


/* Header */
#header { background-color: #fff; }

/* .header { padding: 0 5%; }
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 5% 2rem 5%;
  background-color: #fff;
  font-family: 'Pretendard-Medium';
  border-bottom: .1rem solid #eee;
} 
.headerL {
  width: 30%;
}
.headerR {
  display: flex;
  align-items: center;
  width: 70%;
  justify-content: flex-end;
}
.search_field {
  display: flex;
  align-items: center;
  background-color: #eee;
  border-radius: 1rem;
  padding-right: .6rem;
}
input#keyword {
  border: 0;
  background-color: #eee;
  color: #c2c2c2;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-left: 14px;
  font-weight: 400;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Pretendard-Medium';
}
.search_image {
  width: 2rem;
  padding: .4rem;
  cursor: pointer;
}
.menu_button {
  font-size: 2rem;
  margin-left: 1rem;
  font-weight: 100;
  cursor: pointer;
}
.menu_btn i {
  color: #555;
}*/


#header {
  position: sticky;
  top: 0;
  z-index: 100;
}
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* font-family: 'Pretendard-Medium'; */
  padding: 1rem 5%;
}
.comhow_logo {
  width: 26%;
  position: relative;
}
.header_right {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}
.contact_wrap, .home_wrap { border-radius: .8rem;}
.contact_wrap {
  background-color: #fbdf02;
  color: #000;
  padding: .4rem .6rem;
}
.home_icon, .contact_icon {
  position: relative;
  display: flex;
  align-items: center;
}
.contact_image {
  width: 2rem;
}
.contact_img {
  width: 100%;
  vertical-align: middle;
}
.contact_icon {
  gap: .32rem;
}
.home_wrap {
  background-color: #0091eb;
  color: #fff;
  display: flex;
  padding: .4rem 1.4rem;
}

.down_move {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  cursor: pointer;
  pointer-events: auto;
  animation: bounce 1.2s infinite
}
.down_arrow_image {
  width: 5%;
}

/* 바운스 애니메이션 */
@keyframes bounce {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 5px);
  }
}



/* Section 공통 */
.Section_Class {
  padding: 5rem 0;
  border-bottom: .1rem solid #eee;
}
.section_title.Sub_title {
  display: flex;
  align-items: center;
  gap: .4rem;
  justify-content: center;
  margin-bottom: .4rem;
}
.section_title {
  font-size: 2rem;
  color: #000;
  text-align: center;
}
.Sub_title {
  margin: .4rem 0;
}
.Sub_title {
  /* font-family: 'ChironGoRoundTC-Black'; */
  text-align: center;
  font-size: 2rem;
}
#Section_2 .logo_image, #Section_3 .logo_image, #Section_4 .logo_image {
  width: 24%;
  display: flex;
}
.fc_222 { color: #222; }
.mt08 { margin-top: 0.8rem; }
.mh2 { min-height: 2rem; }
.mh1 { min-height: 1rem; }
.mt_3 { margin-top: 3rem !important; }
.mb_3 { margin-bottom: 3rem !important; }
.common_button {
  display: flex;
  justify-content: center;
  text-align: center;
}
.common_btn { 
  background-color: #0086FF;
  color: #fff;
  border-radius: 2rem;
  font-size: 1.8rem;
  cursor: pointer;
}
.section_explan {
  /* margin: 1rem 0 2rem 0; */
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.1rem;
  font-family: 'SpoqaHanSansNeo-Medium';
}


/*  Section1 */
/* #Section_1 {
  padding: 6rem 0 4rem 0;
  background-color: #e5f6fe;
  border-bottom: 0;
} */
#Section_1 {
  max-width: 450px;
  width: 100%;
  margin: 0 auto;

  background-image: url('../img/section/1/main.jpg');
  /* background-image:
  linear-gradient(
      to top,
      rgba(255,255,255,0.8) 0%,   
      rgba(255,255,255,0.3) 50%,
      rgba(255,255,255,0) 60%     
    ),
  url('../img/section/1/main1.jpg');       */
  /* rgba(255,255,255,0.8) 0% 아래쪽 (밝음) */ /* rgba(255,255,255,0) 60% 위쪽 (투명) */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  aspect-ratio: 1023 / 1536;
}
#Section_1 { padding: 0; }
#Section_1 .Section_Container { padding-top: 105%; }
.Main_title {
  font-size: 3rem;
  text-align: center;
}
.Main_Logo {
  margin: 1rem 0 3rem 0;
}
.Main_Logo .logo_image {
  width: 30%;
}
.Main_Move { margin-bottom: 1.4rem; }
.Main_Move_Image {
  width: 40%;
}


.Info_Link_Button {
  margin: 2.6rem 0 4rem 0;
}
.Link_Button_Wrap {
  display: flex;
  justify-content: center;
  gap: 2%;
}
.Info_Button {
  color: #fff;
  padding: 1.2rem 16%;
  background-color: #0091eb;
  border-radius: 2rem;
  font-size: 1.8rem;
}
/* .comFind_btn {
  background: linear-gradient(180deg, #5cb7f9, #134471);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ntbFind_btn {
  background: linear-gradient(180deg, #21d4fd, #b721ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */



/* Section2 */
#Section_2 {
  border-bottom: 0;
}
#Section_2 .comhow_info_wrap {
  margin-top: 3rem;
}
#Section_2 .comhow_info {
  margin: 2rem 2.4rem;
  border-radius: 1.8rem;
  display: flex;
}
#Section_2 .comhow_info_left {
  padding: 2rem;
  width: calc(50% - 4rem);
  background-color: #e6f4ff;
  border-bottom-left-radius: 1.8rem;
  border-top-left-radius: 1.8rem;
  border-top: .2rem solid #b7dafa;
  border-left: .2rem solid #b7dafa;
  border-bottom: .2rem solid #b7dafa;
  display: flex;
  justify-content: center;
}
#Section_2 .comhow_info_right {
  padding: 2rem;
  width: calc(50% - 4rem);
  display: flex;
  align-items: center;
  border-top: .2rem solid #b7dafa;
  border-right: .2rem solid #b7dafa;
  border-bottom: .2rem solid #b7dafa;
  border-top-right-radius: 1.8rem;
  border-bottom-right-radius: 1.8rem;
}
#Section_2 .comhow_info_image {
  width: 75%;
}
#Section_2 .info_contents {
  font-family: 'SpoqaHanSansNeo-Medium';
  font-size: 1.4rem;
  line-height: 2.2rem;
}

/* #Section_2 .comhow_info_wrap .comhow_info:not(:last-child) {
  margin-bottom: 1.4rem;
} */



/* Section3 */
#Section_3 {
  background-color: #E6F4FF;
  border-bottom: 0;
}
#Section_3 .section_image {
  margin: 3rem 0;
}
#Section_3 .section_title.Sub_title { margin-bottom: .6rem; }
#Section_3 .comhow_info_wrap {
  display: flex;
}
#Section_3 .comhow_info_left {
  width: 55%;
  display: flex;
  justify-content: flex-end;
  padding-right: 1rem;
}
#Section_3 .comhow_info_image {
  width: 80%;
}
#Section_3 .comhow_info_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: 'SpoqaHanSansNeo-Medium';
  width: 45%;
}
#Section_3 .info_contents {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.7rem;
  line-height: 2rem;
  height: 33.33%;
}
#Section_3 .info_contents .content_txt {
  padding-top: .4rem;
}

/* #Section_3 .comhow_info { background-color: #fff; } */
/* #Section_3 {
  margin: 5rem 5% 3rem 5%;
} */


/*
#Section_3 .comhow_info {
  background-color: #fff;
  padding: 2rem;
  border-radius: 2rem;
  color: #787878;
}
.comhow_method {
  display: flex;
  justify-content: space-between;
  margin-right: 3rem;
}
.method_step_no {
  color: #3b54d0;
  font-size: 1.8rem;
  margin-bottom: .4rem;
}
.comhow_method_image {
  width: 25%;
}
.method_explan {
  font-size: 1.4rem;
  margin-top: .8rem;
  line-height: 1.8rem;
  word-break: keep-all;
}
*/




/* Section4 */
#Section_4 .Sub_title {
  color: #000;
}
#Section_4 .comhow_info_wrap {
  border: .2rem solid #C4E0FA;
  /* margin: 0 5%; */
  padding: 2rem;
  margin: 3rem 3.4rem;
  border-radius: 1rem;
  background-color: #fff;
}
#Section_4 .comhow_info {
  padding: 2rem 0 0 0rem;
  color: #000;
}
.comhow_method {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 4%;
}
.method_step {
  color: #0084FF;
  background-color: #fff;
  position: absolute;
  left: -3rem;
  text-align: center;
  padding: .4rem 0;
}
.step_txt {
  background-color: #fff;
  font-size: 1.6rem;
}
.method_step_no {
  font-size: 3.4rem;
  background-color: #fff;
}
.comhow_method_image {
  width: 43%;
  padding-bottom: 2rem;
}
.comhow_info:not(:last-child) .comhow_method_image {
  border-bottom: .1rem solid #eee;
}
.method_explan {
  font-size: 1.5rem;
  line-height: 1.8rem;
  word-break: keep-all;
  width: 60%;
  padding-left: 1%;
}
.comhow_info:not(:last-child) .method_explan {
  border-bottom: .1rem solid #eee;
}
/* #Section_4 .method_explan:not(:last-child) {
  border-bottom: .1rem solid #eee;
} */
.method_explan_title {
  margin-bottom: .8rem;
  font-size: 1.5rem;
}
.method_explan_txt {
  font-size: 1.4rem;
  font-family: 'SpoqaHanSansNeo-Regular';
}





/* Section5 */
#Section_5 {
  background-color: #e6e6e6;
}
#Section_5 .Sub_title {
  color: #000;
}
#Section_5 .logo_image {
  width: 22%;
  display:flex;
}
.comhow_review {
  margin: 3rem 5%;
  padding: 2rem 2rem 2rem 2rem;
  background-color: #fff;
  border-radius: 1.6rem;
}
/* .comhow_review:first-child { border-bottom: .1rem solid #595959; } */
.review_title {
  text-align: center;
  margin: 1rem 0 2rem 0;
  font-size: 1.8rem;
}
.review_container {
  display: flex;
  gap: 4%;
}
.review_images {
  width: 28%;
}
.review_image .common_img {
  border-radius: 1rem;
}
.review_contents {
  width: 68%;
  font-size: 1.5rem;
}
.rv_starscore {
  display: flex;
  align-items: center;
  /* gap: .4rem; */
  margin: 1rem 0;
}
.star_image {
  width: 20%;
}
.star_image .common_img {
  vertical-align: middle;
}
.review_user {
  display: flex;
  align-items: center;
}
.user_image {
  width: 20%;
  margin-right: .4rem;
}
.user_image .common_img {
  border-radius: 3rem;
}
.user_name {
  font-family: 'Pretendard-Medium';
  color: #595959;
}
.starscore, .use_content, .budget_range, .rv_details {
  color: #595959;
}
.rv_use, .rv_budget {
  display: flex;
  margin-bottom:.4rem; 
  font-size: 1.2rem;
  align-items: center;
  line-height: 1.4rem;
}
.use_title, .budget_title {
  margin-right: .4rem;
  flex: none;
}
.budget_range, .use_content {
  word-break: keep-all;
  font-family: 'SpoqaHanSansNeo-Regular';
  color: #000;
}
.rv_details {
  font-family: 'SpoqaHanSansNeo-Medium';
  color: #000;
  word-break: keep-all;
  margin-top: 1rem;
}
.product_link {
  margin-top: 1rem;
}
.prd_link {
  position: relative;
}
.prdlink_txt {
  color: #0000ff;
  text-align: right;
  font-size: 1.2rem;
  font-family: 'SpoqaHanSansNeo-Regular';
}
.more_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 30%;
  padding: .435rem .5rem .435rem 2.1rem;
}
.refresh_image {
  width: 3rem;
}




/* Section6 */
.FAQ_Container {
  margin: 3rem 5% 0 5%;
  font-family: 'SpoqaHanSansNeo-Medium';
}
.faq_wraper {
  border: .1rem solid #ccc;
  border-radius: 1rem;
  color: #787878;
  margin: 1rem 0;
  font-size: 1.6rem;
}
.faq_question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 1rem 1.6rem;
}
.faq_arrow {
  font-weight: 900; transition: transform 0.3s;
  font-size: 1.2rem;
}
.faq_wraper.active .faq_arrow { transform: rotate(-180deg); }
.faq_explan {
  word-break: keep-all;
}
.explan_bullet {
  width: 1.4rem;
  flex: none;
}
.explan_bullet i {
  font-size: .6rem;
  vertical-align: middle;
}
/* 자주묻는질문 애니메이션 */
/* 닫혔을 때 */
/*
.faq_answer {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  word-break: keep-all;
  line-height: 2.2rem;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
*/
/* 열렸을 때 */
/*
.faq_wraper.active .faq_answer {
  max-height: 500px;
  padding-top: 2rem;
}
*/

/* 자주묻는질문 애니메이션 X */
.faq_answer {
  padding-top: 2rem;
  word-break: keep-all;
  line-height: 2.2rem;
  display: none;
  padding: 1rem 1.6rem;
}
.faq_wraper.active .faq_answer { display:block; }





/* Section7 */
.ask_button {
  padding: .6rem 0;
  text-align: center;
  width: 36%;
}
#Section_7 .sub_title {
  margin-bottom: .2rem;
  font-size: 1.6rem;
  text-align: center;
}



/* Section8 */
#Section_8 .sub_title {
  margin-bottom: .2rem;
  font-size: 1.6rem;
  text-align: center;
}
.bottom_title {
  font-size: 2rem;
  text-align: center;
  color: #0091eb;
}
#Section_8 .logo_image {
  text-align: center;
  margin-top: .4rem;
}
#Section_8 .logo_image .common_img {
  width: 25%;
}
.home_button {
  padding-left: 2rem;
  padding-right: 2rem;
}





/* Section9 */
#Section_9 .Section_Container {
  margin: 0 5%;
}
.kakao_cs {
  margin-bottom: 1rem;
}
.link_kakaoCS {
  color: #000;
  font-size: 1.8rem;
}
.business_hours {
  color: #9a9a9a;
  font-size: 1.2rem;
  margin-bottom: .3rem;
  font-family: 'SpoqaHanSansNeo-Regular';
}
.inquiry_button {
  margin-top: 2rem;
}
.inquiry_btn {
  background-color: #eee;
  color: #555;
  border-radius: 1rem;
  padding: 1rem 0;
  text-align: center;
}




/* Section10 */
#Section_10 .Section_Container {
  margin: 0 5% 10rem 5%;
}
.company_btn { cursor: pointer; }
.company_infomation {
  margin-top: 1rem;
  font-size: 1.14rem;
}
.company_info div {
  padding-bottom: .4rem;
}
.company_info .title, .Copyright {
  color: #9a9a9a;
  margin-right: .4rem;
}
.company_info .content {
  color: #6a6a6a;
}
.business_number a {
  color: #6a6a6a;
  margin-left: .4rem;
}

.company_infomation {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-family: 'SpoqaHanSansNeo-Regular';
}

.company_infomation.active {
  max-height: 500px;
}

/* 화살표 애니메이션 */
.cp_arrow {
  display: inline-block;
  transition: transform 0.3s;
  margin-left: .4rem;
  font-size: .9rem;
}

/* 회전 */
.cp_arrow.active {
  transform: rotate(180deg);
}




@media all and (min-width: 360px) {
  #Section_2 .info_contents { font-size: 1.45rem; }
  .method_explan_txt { font-size:1.425rem; }
}
@media all and (min-width: 390px) {
  #Section_2 .info_contents { font-size: 1.5rem; }
  .method_explan_txt { font-size:1.45rem; }
}
@media all and (min-width: 420px) {
  #Section_2 .info_contents { font-size: 1.55rem; }
  .method_explan_txt { font-size:1.475rem; }
}
@media all and (min-width: 450px) {
  #Section_2 .info_contents { font-size: 1.6rem; }
  .method_explan_txt { font-size:1.5rem; }
}






/* /// info 메인 260326 /// */


/*
.main_logo {  padding-top: 2rem;  padding-bottom: .4rem; }
.top_logo, .m_banner, .sub_ban { text-align: center; position: relative; padding: 0 .2rem; }
.top_logo { padding: 0 .4rem 0 .2rem; }
.m_logo { border-radius: .5rem; box-shadow: .1rem .1rem .1rem #eee;
  border-top: 0.1rem solid rgba(245, 245, 245, 0.1); border-left: 0.1rem solid rgba(245, 245, 245, 0.1); }
.a_link { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.main_banner { margin-bottom: .4rem; }
.chimg_group { display: flex; justify-content: flex-start; margin-bottom: 1rem; width:100%; gap:2%; padding-left:1%; }
.find_computer, .find_notebook, .find_monitor { width: 31%; position: relative; }
.findc_img, .findn_img, .findm_img, .sban_img { border-radius: 1rem; box-shadow: 5px 5px 3px #CCC;
  border-top: 0.1rem solid rgba(200, 200, 200, 0.1); border-left: 0.1rem solid rgba(200, 200, 200, 0.1); }
.sub_banner { padding: 0 .2rem; width: calc(100% - 0.8rem); }
.sub_ban1 { margin-bottom: 1rem; }
*/
/* 인트로 */
.search_word { position:absolute; color:white; background-color: white; font-size:.8rem; z-index:-10; }
/* //////////////// */