.page_head.products { background-image: url('../../img/head/bg_head_products.jpg'); } 
.page_head.sona_chat { background-image: url('../../img/head/bg_head_big_sona_chat.jpg'); } 
.page_head.sona_work { background-image: url('../../img/head/bg_head_big_sona_work.jpg'); } 
.page_head.sona_call { background-image: url('../../img/head/bg_head_big_sona_call.jpg'); } 
.page_head.sona_address { background-image: url('../../img/head/bg_head_big_sona_address.jpg'); } 
.page_head.gen_station { background-image: url('../../img/head/bg_head_big_sona_address.jpg'); } 
.page_head.sona_tutor { background-image: url('../../img/head/bg_head_big_sona_tutor.jpg'); } 
.page_head.ai_kms { background-image: url('../../img/head/bg_head_big_ai_kms.jpg'); } 
.page_head.llm { background-image: url('../../img/head/bg_head_big_ai_llm.jpg'); } 
.page_head.deep_talk { background-image: url('../../img/head/bg_head_big_deep_talk.jpg'); } 
.page_head.meta_human { background-image: url('../../img/head/bg_head_big_meta_human.jpg'); } 
.page_head.kgpt { background-image: url('../../img/head/bg_head_big_ai_kms.jpg'); } 
.page_head.on_server_ai { background-image: url('../../img/head/bg_head_big_onser.jpg'); } 
.page_head.sona_edge { background-image: url('../../img/head/bg_head_big_onser.jpg'); } 
.section_label { color: #000; font-family: Noto Sans CJK KR; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-align: center; } 
.section_label+.section_title { margin-top: 10px; } 
.section_title { font-size: 48px; line-height: 1.5; color: #000; font-family: Roboto; font-style: normal; font-weight: 700; text-align: center; } 
.section_desc { margin-top: 16px; color: #000; font-family: Noto Sans CJK KR; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; text-align: center; } 

.common_green_box { background-color: #b8ff41; background-repeat: no-repeat; background-size: auto 100%; background-position: right bottom; width: 100%; min-height: 300px; padding: 40px; box-sizing: border-box; } 
.common_green_box .title { font-family: Roboto, sans-serif; font-weight: 700; font-size: 44px; line-height: 58px; } 
.common_green_box .desc { margin-top: 20px; font-family: Roboto, sans-serif; font-size: 20px; line-height: 30px; } 
.common_green_box.box_chatbot { background-image: url('../../img/products/bg_aicc_green_1.jpg'); } 
.common_green_box.box_aicc { background-image: url('../../img/products/bg_aicc_green_2.jpg'); } 
.common_green_box.box_journey { background-image: url('../../img/products/bg_aicc_green_3.jpg'); } 

.solutions_list { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; gap: 2%; margin: 50px auto 0 auto; } 
.solutions_list .list_item { flex: 0 0 49%; display: inline-flex; justify-content: flex-start; align-items: flex-start; margin-top: 20px; } 
.solutions_list .list_item .thumb { flex: 0 0 50%; } 
.solutions_list .list_item .thumb img { width: 100%; } 
.solutions_list .list_item .contents { padding: 20px; } 
.solutions_list .list_item .title { font-family: Roboto, sans-serif; font-weight: 700; font-size: 30px; line-height: 42px; } 
.solutions_list .list_item .desc { margin-top: 5px; font-family: Roboto, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; } 

.features_list { display: flex; justify-content: center; align-items: flex-start; gap: 50px; margin-top: 70px; } 
.features_list.circle_gap { gap: 100px; } 
.features_list .item { flex: 0 1 300px; } 
.features_list .icn_box { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin: 0 auto; background-size: contain; background-position: center center; background-repeat: no-repeat; } 
.features_list .icn_box.big { width: 80px; height: 80px; } 
.features_list .icn_box.circle { width: 350px; height: 350px; } 
.features_list .title { margin-top: 15px; font-family: Roboto, sans-serif; font-weight: 700; font-size: 24px; line-height: 32px; text-align: center; } 
.features_list .desc { margin-top: 10px; font-family: Roboto, sans-serif; font-size: 16px; line-height: 24px; text-align: center; } 

.flex_title_wrap { display: flex; justify-content: space-between; } 
.flex_title_wrap .title_wrap { flex: 0 0 360px; } 
.flex_title_wrap .title_wrap .section_label,
.flex_title_wrap .title_wrap .section_title,
.flex_title_wrap .title_wrap .section_desc { text-align: left; } 
.flex_title_wrap .contents_wrap { margin-left: 100px; } 
.flex_title_wrap .title_wrap .section_label { font-size: 13px; } 
.flex_title_wrap .title_wrap .section_title { margin-top: 5px; font-size: 40px; line-height: 1.3; } 
.flex_title_wrap .title_wrap .section_desc { margin-top: 14px; font-size: 16px; } 

.icon_desc_list { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; align-self: stretch; width: 100%; } 
.icon_desc_list .list_item { display: flex; align-items: flex-start; gap: 30px; align-self: stretch; width: 100%; height: 120px; } 
.icon_desc_list .icon_box { display: flex; flex-direction: column; align-items: center; gap: 20px; width: 35px; height: 100%; font-family: Roboto, sans-serif; font-size: 30px; font-weight: 700; line-height: 42px; } 
.icon_desc_list .icon_box .vertical_line { width: 2px; height: 80px; background: #000; } 
.icon_desc_list .list_contents { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0; height: 100%; } 
.icon_desc_list .list_contents .title { font-family: Roboto, sans-serif; font-weight: 700; font-size: 24px; line-height: 40px; } 
.icon_desc_list .list_contents .desc { margin-top: 15px; font-family: Roboto, sans-serif; font-size: 16px; line-height: 1.5; } 

.slide_desc_wrap { display: flex; justify-content: flex-start; align-items: flex-start; min-height: 450px; column-gap: 5%; } 
.slide_desc_wrap .slide_desc_list { flex: 0 0 600px; } 
.slide_desc_wrap .slide_desc_list .item { padding: 0 10px; } 
.slide_desc_wrap .slide_desc_list .item+.item { border-top: 1px solid #fafafa; } 
.slide_desc_wrap .slide_desc_list .name { display: block; font-size: 18px; line-height: 1.5; font-weight: 700; color: #fff; padding: 16px 0; cursor: pointer; } 
.slide_desc_wrap .slide_desc_list .desc { display: none; padding-bottom: 16px; font-size: 16px; color: #FFF; line-height: 1.5; } 
.slide_desc_wrap .thumb_wrap { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; flex: 1 1; } 
.slide_desc_wrap .thumb_wrap .thumb_img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: auto; opacity: 0; transition: opacity 0.17s ease; } 
.slide_desc_wrap .thumb_wrap .thumb_img.active { opacity: 1; } 

#products_section_title { padding: 100px 0 100px; text-align: center; } 
#product_section_icon_desc { padding: 100px 0 100px 0; } 
#product_section_icon_desc .section_desc { margin-top: 0.3em; color: #999; } 
#product_section_icon_desc .desc { color: #999; } 
#product_section_circle_list { padding: 100px 0 100px 0; } 
#product_section_circle_list .section_desc { margin-top: 0.3em; color: #999; } 
#product_section_circle_list .desc { color: #999; } 
#product_section_1 { padding: 100px 0 100px 0; } 
#product_section_2 { padding: 50px 0 100px 0; } 
#product_section_2 .common_detail_list .detail_item .title { font-size: 24px; line-height: 1.4; } 
#product_section_2 .common_detail_list .detail_item .desc { font-size: 18px; color: #999; } 
#product_section_3 { padding: 100px 0; background: #008fff; } 

@media screen and (max-width: 1280px){
   .features_list { gap: 35px; } 
   .features_list.circle_gap { gap: 50px; } 
   .features_list .item { flex: 0 1 250px; }
   .features_list .icn_box.circle { width: 250px; height: 250px; } 
}

@media screen and (max-width: 1024px){
   .section_label { font-size: 13px; } 
   .section_title { margin-top: 7px; font-size: 34px; } 
   .section_desc { margin-top: 11px; font-size: 13px; } 
   .section_label+.section_title { margin-top: 4px; } 
   .common_green_box { padding: 28px; min-height: 210px; } 
   .common_green_box .title { font-size: 28px; line-height: 41px; } 
   .common_green_box .desc { margin-top: 14px; font-size: 14px; line-height: 21px; } 
   .solutions_list { gap: 1%; margin-top: 30px; } 
   .solutions_list .list_item { margin-top: 14px; } 
   .solutions_list .list_item .contents { padding: 14px; } 
   .solutions_list .list_item .title { font-size: 21px; line-height: 29px; } 
   .solutions_list .list_item .desc { margin-top: 4px; font-size: 13px; line-height: 17px; } 
   .features_list { gap: 35px; margin-top: 49px; } 
   .features_list.circle_gap { gap: 20px; } 
   .features_list .icn_box { width: 28px; height: 28px; } 
   .features_list .icn_box.big { width: 40px; height: 40px; } 
   .features_list .item { flex: 0 1 190px; }
   .features_list .icn_box.circle { width: 190px; height: 190px; } 
   .features_list .title { margin-top: 11px; font-size: 17px; line-height: 22px; } 
   .features_list .desc { margin-top: 7px; font-size: 13px; line-height: 17px; } 
   .flex_title_wrap { flex-direction: column; } 
   .flex_title_wrap .title_wrap { flex: 0 0 100%; } 
   .flex_title_wrap .title_wrap .section_label { font-size: 13px; } 
   .flex_title_wrap .title_wrap .section_title { margin-top: 4px; font-size: 28px; } 
   .flex_title_wrap .title_wrap .section_desc { margin-top: 10px; font-size: 13px; } 
   .flex_title_wrap .contents_wrap { margin-left: 0; margin-top: 30px; } 
   .icon_desc_list .list_item { gap: 21px; height: 84px; } 
   .icon_desc_list .icon_box { width: 30px; height: 90px; } 
   .icon_desc_list .icon_box .vertical_line { width: 1px; height: 56px; } 
   .icon_desc_list .list_contents { flex: 1 0; height: 70px; } 
   .icon_desc_list .list_contents .title { font-size: 17px; line-height: 28px; } 
   .icon_desc_list .list_contents .desc { margin-top: 10px; font-size: 13px; line-height: 17px; } 
   .slide_desc_wrap { column-gap: 4%; min-height: 300px; } 
   .slide_desc_wrap .slide_desc_list { flex: 0 0 50%; } 
   .slide_desc_wrap .slide_desc_list .item { padding: 0 7px; } 
   .slide_desc_wrap .slide_desc_list .name { font-size: 15px; padding: 13px 0; } 
   .slide_desc_wrap .slide_desc_list .desc { padding-bottom: 13px; font-size: 13px; } 
   .percent_title { font-size: 20px; } 
   .percent_list { margin-top: 28px; } 
   .percent_list .list_item+.list_item { margin-left: 40px; } 
   .percent_list .percent { height: 56px; font-size: 22px; line-height: 56px; } 
   .percent_list .number { font-size: 38px; line-height: 54px; } 
   .percent_list .desc { font-size: 14px; } 
   
   #product_section_icon_desc { padding: 35px 0 35px 0; } 
   #product_section_circle_list { padding: 35px 0 35px 0; } 
   
   #products_section_title { padding: 70px 0 70px; } 
   #product_section_1 { padding: 70px 0 35px 0; } 
   #product_section_2 { padding: 35px 0 70px 0; } 
   #product_section_2 .common_detail_list .detail_item .title { font-size: 17px; line-height: 1.4; } 
   #product_section_2 .common_detail_list .detail_item .desc { font-size: 13px; color: #999; } 
   #product_section_3 { padding: 35px 0 50px; } 
}
@media screen and (max-width: 768px){
   .section_title { margin-top: 5px; font-size: 28px; } 
   .section_desc { margin-top: 8px; font-size: 12px; } 

   .solutions_list { flex-direction: column; } 
   .solutions_list .list_item+.list_item { margin-top: 20px; } 
   .solutions_list .list_item .title { font-size: 18px; line-height: 24px; } 
   .solutions_list .list_item .thumb { flex: 0 0 30%; } 
   .solutions_list .list_item .contents { padding: 0 10px 0 15px; } 
   .slide_desc_wrap { flex-direction: column; flex-wrap: wrap; max-width: 400px; min-height: auto; margin: 0 auto; } 
   .slide_desc_wrap .thumb_wrap { width: 100%; max-width: 400px; margin: 30px auto 0 auto; } 
   .slide_desc_wrap .thumb_wrap .thumb_img { position: relative; left: auto; top: auto; display: none; } 
   .slide_desc_wrap .thumb_wrap .thumb_img.active { display: block; } 
}
@media screen and (max-width: 640px){
   .section_desc { max-width: 400px; margin: 10px auto 0; font-size: 14px; } 
   .section_desc br { display: none; } 
   .common_green_box { min-height: auto; background-size: auto 70%; } 
   .common_green_box .title { font-size: 20px; line-height: 1.38; } 
   .common_green_box .title br { display: none; } 
   .common_green_box .desc { margin-top: 10px; font-size: 13px; line-height: 18px; } 
   .solutions_list { margin-top: 20px; max-width: 400px; margin: 0 auto; } 
   .flex_title_wrap .contents_wrap { max-width: 400px; margin: 30px auto 0 auto; padding-left: 10px; } 
   .percent_list { flex-direction: column; } 
   .percent_list .list_item+.list_item { margin-left: 0; margin-top: 20px; } 
   .features_list { flex-direction: column; align-items: center; max-width: 400px; margin: 30px auto 0 auto; } 
   .features_list .item { flex: 0 1 auto; } 
}
@media screen and (max-width: 420px) { }