@charset "utf-8";

/*───────────────────────────────────────────────────────────

    공통요소

───────────────────────────────────────────────────────────*/
	/*section title*/	
		.section_title{display: inline-block;padding:clamp(6px, 0.6vw, 8px) var(--row-gap20);background:var(--point-white);font-size:var(--text-20);font-weight:700;line-height:1.4;border:1px solid;border-radius:5px;}
			.section_title.text_blue {box-shadow: var(--shadow-blue); }
			.section_title.text_purple { box-shadow: var(--shadow-purple); }
			.section_title.text_pink { box-shadow: var(--shadow-pink); }
			.section_title.text_orange { box-shadow: var(--shadow-orange); }
			.section_title.text_cyan { box-shadow: var(--shadow-cyan); }
			.section_title.text_green { box-shadow: var(--shadow-green); }
			.section_title.text_yellow { box-shadow: var(--shadow-yellow); }
			
		.section_title.nb{border:none;}
		
	/*tag*/
		.tag{display: inline-flex;align-items: center;gap:clamp(3px, 0.3vw, 6px);padding:clamp(6px, 0.6vw, 8px) clamp(8px, 1.2vw, 14px);font-size:var(--text-16);color:var(--point-white);font-weight:600;line-height:1.4;border-radius:5px;}
		
	/*icon*/
		.ico_box{display: flex;align-items: center;justify-content: center;width:clamp(50px, 6vw, 60px);border-radius:var(--radius-10);}
	
	/* 메인 포인트 및 단색 배경 */
		.bg_white { background: var(--point-white); }
		.bg_point01 { background: var(--point-color01); }
		.bg_point02 { background: var(--point-color02); }
		.bg_blue { background: var(--point-blue); }
		.bg_purple { background: var(--point-purple); }
		.bg_pink { background: var(--point-pink); }
		.bg_orange { background: var(--point-orange); }
		.bg_cyan { background: var(--point-cyan); }
		.bg_green { background: var(--point-green); }
		.bg_yellow { background: var(--point-yellow); }
		.bg_blur{border:1px solid rgba(255, 255, 255, 0.20) !important;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(5px);}

	/* 틴트(연한) 배경 */
		.bg_blue_tint { background: var(--point-blue-tint); }
		.bg_purple_tint { background: var(--point-purple-tint); }
		.bg_pink_tint { background: var(--point-pink-tint); }
		.bg_orange_tint { background: var(--point-orange-tint); }
		.bg_cyan_tint { background: var(--point-cyan-tint); }
		.bg_green_tint { background: var(--point-green-tint); }
		.bg_yellow_tint { background: var(--point-yellow-tint); }

	/* 그라데이션 배경 */
		.bg_grad01 { background: var(--point-grad01); }
		.bg_grad_blue { background: var(--grad-blue); }
		.bg_grad_purple { background: var(--grad-purple); }
		.bg_grad_pink { background: var(--grad-pink); }
		.bg_grad_orange { background: var(--grad-orange); }
		.bg_grad_cyan { background: var(--grad-cyan); }
		.bg_grad_green { background: var(--grad-green); }
		
	/* 메인 포인트 테두리 색상 */
		.border_white { border:1px solid var(--point-white); }
		.border_point01 { border:1px solid var(--point-color01); }
		.border_point02 { border:1px solid var(--point-color02); }
		.border_blue { border:1px solid var(--point-blue); }
		.border_purple { border:1px solid var(--point-purple); }
		.border_pink { border:1px solid var(--point-pink); }
		.border_orange { border:1px solid var(--point-orange); }
		.border_cyan { border:1px solid var(--point-cyan); }
		.border_green { border:1px solid var(--point-green); }
		.border_yellow { border:1px solid var(--point-yellow); }

	/* 틴트(연한) 테두리 색상 */
		.border_blue_tint { border:1px solid var(--point-blue-tint); }
		.border_purple_tint { border:1px solid var(--point-purple-tint); }
		.border_pink_tint { border:1px solid var(--point-pink-tint); }
		.border_orange_tint { border:1px solid var(--point-orange-tint); }
		.border_cyan_tint { border:1px solid var(--point-cyan-tint); }
		.border_green_tint { border:1px solid var(--point-green-tint); }
		.border_yellow_tint { border:1px solid var(--point-yellow-tint); }
	
	/* 메인 포인트 글자색 */
		.text_white { color: var(--point-white); }
		.text_point01 { color: var(--point-color01); }
		.text_point02 { color: var(--point-color02); }
		.text_blue { color: var(--point-blue); }
		.text_purple { color: var(--point-purple); }
		.text_pink { color: var(--point-pink); }
		.text_orange { color: var(--point-orange); }
		.text_cyan { color: var(--point-cyan); }
		.text_green { color: var(--point-green); }
		.text_yellow { color: var(--point-yellow); }
		
		
		.sub_ai section{padding-block:var(--row-gap140) var(--row-gap160);}
	/*visual*/
		.sub_ai .sub_visual{background:url('../images/skin2/sub_visual_bg.jpg')no-repeat center / cover;padding-block:clamp(50px, 10vw, 105px);}
		.sub_ai .chat_visual{background:url('../images/skin2/chat_visual_bg.jpg')no-repeat center / cover;}
		.sub_visual .w_custom{display: flex;align-items: center;justify-content: space-between;gap:var(--row-gap30);}
		.sub_visual .txt{display: flex;flex-direction: column;align-items: flex-start;gap:var(--row-gap30);}
		.sub_visual .txt .section_title{display: inline-flex;align-items: center;}
			.sub_visual .txt .section_title span{display: inline-flex;align-items: center;font-size:var(--text-24);color:var(--point-white);font-weight:500;}
			.sub_visual .txt .section_title span + span:before{width:clamp(2px, 0.4vw, 4px);aspect-ratio:auto 1;content:"";border-radius:100%;background:var(--point-white);display: inline-block;margin-inline:var(--row-gap10);}
		.sub_visual .txt h2, .sub_visual .txt h1{font-size:var(--text-62);color:var(--point-white);font-weight:700;line-height:1.3;}
		.sub_visual .txt p{font-size:var(--text-22);color:var(--point-white);font-weight:300;line-height:1.6;opacity:0.8;}
		.sub_visual .img{width:clamp(300px, 46vw, 460px);flex-shrink:0;}
		
		@media (max-width:1300px) {
			.sub_visual .txt h2 br, .sub_visual .txt h1 br{display: none;}
		}
		@media (max-width:1023px) {
			.sub_visual .w_custom{flex-direction: column;}
			.sub_visual .txt{align-items: center;text-align: center;}
			.sub_visual .txt h2 br, .sub_visual .txt h1 br{display: inline;}
			.sub_visual .txt p br{display: none;}
		}
		@media (max-width:640px) {
			.sub_visual .img{width:100%;}
		}
		
	/*title*/
		.sub_title{display: flex;align-items: center;text-align: center;flex-direction: column;gap:var(--row-gap30);}
		.sub_title .section_title{border:none;}
		.sub_title h3{font-size:var(--text-50);color:var(--black-color00);font-weight:700;}
			.sub_title h3 strong{background: var(--point-grad01);background-clip: text;color: var(--trans-color);font-weight:inherit;}
		.sub_title p{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.8;}
		
	/*핵심기능*/
		.sub_ai .core_function{background:var(--point-grad02);padding-block:var(--row-gap120) var(--row-gap160)}
		.core_function .function_list{display: flex;gap:clamp(10px, 1.6vw, 16px);}
		.core_function .function_list li{width:100%;border-radius:var(--radius-10);box-shadow:var(--shadow-01);display: flex;flex-direction: column;align-items: center;justify-content: center;gap:var(--row-gap10);padding:var(--row-gap25) var(--row-gap10);text-align: center;}
			.core_function .function_list li span{font-size:var(--text-18);font-weight:600;}
		.core_function .summary_text{font-size:var(--text-30);color:var(--black-color01);font-weight:500;line-height:1.8;text-align: center;}
			.core_function .summary_text strong{font-weight:700;}
			.core_function .summary_text em{font-weight:inherit;}

		@media (max-width:1023px) {
			.core_function .function_list{flex-wrap:wrap;}
			.core_function .function_list li{width:calc(100% / 4 - clamp(10px, 1.6vw, 16px) * 3 / 4);}
		}
		@media (max-width:640px) {
			.core_function .function_list li{width:calc(100% / 2 - clamp(10px, 1.6vw, 16px) / 2);}
		}
		
	/*주요 기능*/
		.sub_ai .ai_feature{padding-block:var(--row-gap160);}
		.grid_list li{display: flex;align-items: center;justify-content: space-between;gap:var(--row-gap80);}
			.grid_list li:nth-child(2n){flex-direction: row-reverse;}
		.grid_list .txt{display: flex;flex-direction: column;gap:var(--row-gap30);align-items: flex-start;}
		.grid_list .txt .tag_box{display: flex;align-items: center;gap:var(--row-gap10);flex-wrap:wrap;}
			.grid_list .txt h4{font-size:var(--text-44);color:var(--black-color00);font-weight:700;}
			.grid_list .txt p{font-size:var(--text-22);color:var(--black-color03);font-weight:400;line-height:1.8;}
			.grid_list .txt p strong{font-weight:600;}
		.grid_list .img{width:46.9%;flex-shrink: 0;aspect-ratio: auto 1.77;position: relative;overflow:hidden;border-radius:var(--radius-20);}
		.grid_list .img:before{width:100%;height:100%;content:"";border-radius:var(--radius-20);border:clamp(3px, 0.6vw, 6px) solid var(--point-color02);position: absolute;top:0;left:0;pointer-events:none;}
		.grid_list .img img{width:100%;height:100%;object-fit:cover;}
		.ai_feature .ai_caution{margin-top:var(--row-gap50);text-align: right;font-size:var(--text-16);color:var(--black-color08);font-weight:400;}
		
		@media (max-width:860px) {
			#wrap .grid_list li{flex-direction: column-reverse;}
			.grid_list .img{width:auto;max-width:100%;}
		}
		
	/*직접운영*/
		.ai_manage{background:var(--point-grad03);}
		
	/*act*/
		.ai_act{background:var(--point-blue-tint);}
		.ai_list{display: flex;flex-wrap:wrap;gap:clamp(15px, 2.5vw, 28px);}
		.ai_list > li{border-radius:var(--radius-20);background:var(--point-white);padding:var(--row-gap40);display: flex;align-items:flex-start;gap:var(--row-gap30);}
		.ai_list dl{display: flex;flex-direction: column;gap:clamp(6px, 1.2vw, 12px);align-items: flex-start;}
		.ai_list dl dt{font-size:var(--text-28);color:var(--black-color00);font-weight:600;line-height:1.5;}
		.ai_list dl dd{font-size:var(--text-18);color:var(--black-color05);font-weight:400;line-height:1.7;}
		.ai_list dl dd strong{font-weight:600;}
			
			/*home*/
			.home_coop .act_list > li{width:calc(100% / 3 - clamp(15px, 2.5vw, 28px) * 2 / 3);flex-direction: column;}
			.home_coop .act_list > li .img{border-radius:var(--radius-10);overflow:hidden;}
			
			@media (max-width:860px) {
				.home_coop .act_list > li{width:100%;}
				.home_coop .act_list > li .img{width:100%;max-width:400px;}
			}
			
			/*chat*/
			.chat_admin .act_list > li{width:calc(50% - clamp(15px, 2.5vw, 28px) / 2);}
			.chat_admin .act_list .ico_box{flex-shrink:0;}
			
			@media (max-width:860px) {
				.chat_admin .act_list > li{width:100%;}
			}
			@media (max-width:479px) {
				.chat_admin .act_list > li{flex-direction: column;}
			}
			
	/*보안*/
		.ai_secu{background:var(--point-grad04);}
		.ai_secu .sub_title *{color:var(--point-white);}
		.secu_list > li{width:calc(100% / 3 - clamp(15px, 2.5vw, 28px) * 2 / 3);flex-direction: column;}
		.secu_list dl dd strong{color:var(--black-color03);}
		.secu_list > li .section_title{box-shadow:none;font-size:var(--text-16);}
		
		@media (max-width:860px) {
			.secu_list > li{width:100%;}
		}
		
		/*chat*/
			.chat_introduct .chat_prd{display: flex;gap:clamp(15px, 2.5vw, 28px);}
			.chat_introduct .chat_prd article{width:100%;border-radius:var(--radius-20);background:var(--point-white);padding:var(--row-gap60);}
			.chat_introduct .chat_prd header{display: flex;align-items: flex-start;justify-content: space-between;gap:var(--row-gap40);}
			.chat_introduct .chat_prd .title{display: flex;flex-direction: column;gap:var(--row-gap10);align-items: flex-start;}
				.chat_introduct .chat_prd .title p{font-size:var(--text-22);font-weight:600;}
				.chat_introduct .chat_prd .title h4{font-size:var(--text-44);color:var(--black-color01);font-weight:700;line-height:1.5;}
				.chat_introduct .chat_prd .section_title{flex-shrink:0;border:none;color:var(--point-white);font-size:var(--text-16);font-weight:600;}
			.chat_introduct .chat_prd .feature_list{margin-top:var(--row-gap40);padding-top:var(--row-gap40);border-top:1px solid var(--border-color01);display: flex;flex-direction: column;gap:clamp(10px, 1.3vw, 16px);}
			.chat_introduct .chat_prd .feature_list li{display: flex;gap:var(--row-gap10);align-items: flex-start;}
			.chat_introduct .chat_prd .feature_list li .ico{width:20px;display: inline-flex;aspect-ratio:auto 1;border-width:2px;flex-shrink:0;border-radius:100%;translate:0 clamp(0px, 0.3vw, 3px);align-items: center;justify-content: center;}
				.chat_introduct .chat_prd .feature_list li .ico:before{width:9px;height:6px;content:"";border:2px solid var(--point-cyan);border-width:2px 2px 0 0;rotate:135deg;display: inline-block;translate:0 -1px}
				.chat_introduct .chat_prd article:nth-child(2) .feature_list li .ico:before{border-color:var(--point-green);}
			.chat_introduct .chat_prd .feature_list li p{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.3;}
			.chat_introduct .chat_prd .feature_list li strong{color:var(--black-color01);font-weight:600;}
			
			@media (max-width:1200px) {
				.chat_introduct .chat_prd article{padding:var(--row-gap30);}
				.chat_introduct .chat_prd header{flex-direction: column-reverse;}
			}
			@media (max-width:860px) {
				.chat_introduct .chat_prd{flex-direction: column;}
			}
		
	/*faq*/
		.sub_faq_box{background:var(--point-grad05);padding-block:var(--row-gap140) var(--row-gap160);}
		.sub_faq_box .faq_list{display: flex;flex-direction: column;gap:10px;}
		.sub_faq_box .faq_list li{background:var(--point-white);border-radius:var(--row-gap10);border:1px solid transparent;}
		.sub_faq_box .faq_list li button{position: relative;font-size:var(--text-22);color:var(--black-color00);font-weight:600;line-height:1.7;width:100%;text-align: left;padding:clamp(12px, 2.2vw, 24px) var(--row-gap40);}
		.sub_faq_box .faq_list li button span{display: block;width:100%;padding-right:clamp(20px, 3vw, 30px);}
		.sub_faq_box .faq_list li button{&::before, &::after{width:clamp(12px, 2vw, 20px);height:2px;content:"";background:var(--black-color03);position: absolute;top:50%;right:var(--row-gap40);translate:0 -50%;}}
		.sub_faq_box .faq_list li button:after{rotate:90deg;}
		.sub_faq_box .faq_list .faq_answer{margin-top:var(--row-gap10);font-size:var(--text-18);color:var(--black-color05);font-weight:400;line-height:1.8;display: none;padding-inline:var(--row-gap40);padding-bottom:clamp(12px, 2.2vw, 24px);}
		
			/*on*/
				.sub_faq_box .faq_list li.on{border-color:var(--point-color02);box-shadow:var(--shadow-02);}
				.sub_faq_box .faq_list li.on button{padding-bottom:var(--row-gap10);}
				.sub_faq_box .faq_list li.on button:after{display: none;}
		
		
	/*contact*/
		.sub_contact{background:url('../images/sub/contact-bg.png')no-repeat left -95px bottom -355px;padding:0;}
		.sub_contact .w_custom{display: flex;flex-direction: column;align-items: center;gap:var(--row-gap50);padding-block:var(--row-gap120);text-align: center;}
		.sub_contact h3{font-size:var(--text-26);color:var(--black-color03);font-weight:400;line-height:1.6;}
		.sub_contact h3 strong{font-weight:600;}
		.sub_contact .w_custom:before{width:100%;height:clamp(34px, 6vw, 86px);content:"";background:url('../images/sub/contact_logo.png')no-repeat right center;background-size:auto 100%;position: absolute;right:-89px;bottom:0;filter:grayscale(1);}
		
		@media (max-width:1500px) {
			.sub_contact{background-size:41vw auto;background-position:left -16% top 73%;}
			.sub_contact .w_custom:before{right:0;}
		}
		
	/*button*/
		.btn_center_box{text-align: center;display: flex;align-items: center;justify-content: center;gap:var(--row-gap10);position: relative;}
		.btn{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:clamp(150px, 20vw, 200px);height:clamp(50px, 6vw, 60px);text-align: center;font-size:var(--text-20);color:var(--black-color03);background:var(--point-white);font-weight:600;border:1px solid var(--border-color01);}
		.btn.btn_point{border-color:var(--point-color01);background-color:var(--point-color01);color:var(--point-white);}
		.btn.btn_basic{border-color:var(--point-color01);background-color:var(--point-white);color:var(--point-color01);}