/* sub_visual */
.sub_visual.sub_vs_01 { background: url(/img/sub_visual_01.jpg) no-repeat 0 0; background-size: cover; }
.sub_visual.sub_vs_02 { background: url(/img/sub_visual_02.jpg) no-repeat 0 0; background-size: cover; }
.sub_visual.sub_vs_03 { background: url(/img/sub_visual_03.jpg) no-repeat 0 0; background-size: cover; }
.sub_visual.sub_vs_04 { background: url(/img/sub_visual_04.jpg) no-repeat 0 0; background-size: cover; }
.sub_visual.sub_vs_05 { background: url(/img/sub_visual_05.jpg) no-repeat 0 0; background-size: cover; }
.sub_visual > div { max-width: 1140px; margin: 0 auto; text-align: center; height: 260px; padding-top: 90px; }
.sub_visual h2 { font-size: 36px; color: #fff; font-weight: 500; padding-bottom: 12px; }
.sub_visual p { font-size: 18px; color: #fff; line-height: 1.4; }

/* sub_navi */
.sub_navi { border: 1px solid #e2e2e2; }
.sub_navi > ul { max-width: 1140px; margin: 0 auto; }
.sub_navi > ul > li { float: left; display: inline-block; border-right: 1px solid #e2e2e2; height: 54px; line-height: 54px; padding: 0 20px; }
.sub_navi > ul > li:first-child { border-left: 1px solid #e2e2e2; }
.sub_navi > ul > li > a { display: inline-block; min-width: 172px; background: url(/img/navi_arrow.jpg) no-repeat right center; }
.sub_navi .path { position: relative; }
.sub_navi .path ul { display: none; position: absolute; top: 54px; left: -1px; border: 1px solid #e2e2e2; background-color: #fff; padding: 14px 0; }
.sub_navi .path ul li { padding: 5px 20px; }
.sub_navi .path ul li a { font-size: 14px; color: #6d6d6d; display: block; min-width: 172px; }
.sub_navi .path ul li:hover a { color: #363636; font-weight: 500; }

/* 회사소개 */
.sub_warp { margin: 120px 0; }
.sub_title { font-size: 32px; font-weight: 500; padding-bottom: 15px; }
.b_bd { display: inline-block; height: 2px; width: 90px; background-color: #363636; margin-bottom: 10px; }
.sub_p { font-size: 16px; }
.sub_cont > div:first-child { text-align: center; }
.company .banner { background: url(/img/company_banner.jpg) no-repeat 0 0; background-size: cover; height: 400px; margin-top: 90px; }
.company .banner > div { max-width: 1140px; margin: 0 auto; text-align: center; padding: 144px 15px 0; }
.company .banner p { font-size: 24px; color: #fff; font-weight: 200; }
.company .banner p strong { font-weight: 500; }
.history { background: url(/img/sub_bg.jpg) no-repeat 0 0; background-size: cover; }
.history > div { max-width: 1140px; margin: 0 auto; text-align: center; padding: 110px 0; }
.history .graph { max-width: 1140px; margin: 0 auto; padding: 0 15px 140px; }
.history .graph dl { width: 100%; padding-right: calc( 50% + 35px ); box-sizing: border-box; text-align: right; }
.history .graph dl:nth-child(even) { padding-right: 0; padding-left: calc( 50% + 35px ); -webkit-padding-left: 52.5%; 
	box-sizing: border-box; text-align: left; }
.history .graph dt { margin-bottom: 30px; font-size: 32px; position: relative; font-family: 'Montserrat', sans-serif; font-weight: bold; }
.history .graph dt::before { content: ""; width: 20px; height: 20px; margin-top: -11px; display: block; border: 4px solid #00b0ea; box-sizing: border-box; border-radius: 50%; position: absolute; top: 50%; right: -46px; background-color: #fff; z-index: 2; }
.history .graph dl:nth-child(even) dt::before { left: -44px; }
.history .graph dd li { margin-bottom: 20px; line-height: 1; position: relative; }
.history .graph dd li::after { content: ""; width: 7px; height: 7px; margin-top: -4px; display: block; background-color: #00b0ea; border-radius: 50%; position: absolute; top: 50%; right: -39px; }
.history .graph dl:nth-child(even) dd li::after { left: -38px; }
.history .graph::before { content: ""; width: 1px; height: 161%; background-color: #e2e2e2; display: block; position: absolute; left: 50%; margin-top: 16px; }
.solution_intro > div { max-width: 1140px; margin: 0 auto; padding: 120px 15px 0; }
.solution_intro > div > div { text-align: center; }
.solution_intro .sub_p { line-height: 1.6; padding-bottom: 80px; }
.solution_intro .sub_p strong { font-weight: 500; }
.solution_intro .sub_p strong.skyblue { color: #00b0ea; }
.solution_li > ul > li { display: inline-block; vertical-align: middle; width: 33.1%; height: 342px; margin: 20px 0; padding-top: 20px; border-right: 1px solid #e2e2e2; }
.solution_li > ul { border-top: 2px solid; border-bottom: 2px solid; position: relative; }
.solution_li > ul::after { content: ""; display: block; width: 100%; height: 1px; background-color: #e2e2e2; position: absolute; top: 50%; }
.solution_li > ul > li:nth-child(3) { border-right: 0; }
.solution_li > ul > li:nth-child(4) { width: 49%; }
.solution_li > ul > li:nth-child(5) { border-right: 0; width: 49%; }
.solution_li > ul > li > h5 { font-weight: 500; padding: 75px 0 15px; }
.solution_li > ul > li > h5.icon1 { background: url(/img/sub1_icon1.jpg) no-repeat center 0; }
.solution_li > ul > li > h5.icon2 { background: url(/img/sub1_icon2.jpg) no-repeat center 0; }
.solution_li > ul > li > h5.icon3 { background: url(/img/sub1_icon3.jpg) no-repeat center 0; }
.solution_li > ul > li > h5.icon4 { background: url(/img/sub1_icon4.jpg) no-repeat center 0; }
.solution_li > ul > li > h5.icon5 { background: url(/img/sub1_icon5.jpg) no-repeat center 0; }
.solution_li .p_li > li { font-size: 15px; line-height: 1.8; }

/* 인사말 */
.ceo > div:nth-child(2) { text-align: left; max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.ceo > div:nth-child(2) h2 { font-size: 24px; color: #0c4da2; font-weight: 500; padding-bottom: 40px; }
.ceo > div:nth-child(2) p { line-height: 1.8; }
.ceo .sign { display: block; text-align: right; font-size: 18px; background: url(/img/sign.jpg) no-repeat right -3px; margin-top: 50px; padding: 40px 145px 10px; }

/* 조직도 */
.chart_wrap { position: relative; width: 970px; margin: 90px auto 0; padding: 0 15px; }
.chart_wrap .bd_gd { background: linear-gradient(to top, #8dc63f 0%, #00b0ea 100%); box-sizing: border-box; display: inline-block; width: 184px; height: 184px; border-radius: 100px; text-align: center; line-height: 195px; position: absolute; top: 20%; }
.chart_wrap .bd_gd::after { content: ""; background-color: #e2e2e2; position: absolute; top: 50%; right:-40px; width: 40px; height: 1px; }
.chart_wrap .bd_gd > h3 { font-size: 30px; color: #6e6d6b; display: inline-block; width: 152px; height: 152px; background-color: #fff; border-radius: 100px; line-height: 152px; font-weight: 500; }
.group { margin-left: 249px; position: relative; }
.group::after { content: ""; background-color: #e2e2e2; position: absolute; width: 1px; top: 30px; left: -26px; bottom: 29px; }
.group > ul { padding-left: 15px; }
.group > ul > li { position: relative; }
.group > ul > li::after { content: ""; background-color: #e2e2e2; width: 40px; height: 1px; position: absolute; top: 30px; left: -40px; }
.group > ul > li > h4 { color: #fff; width: 190px; height: 60px; border-radius: 50px; background-color: #00b0ea; text-align: center; line-height: 60px; display: inline-block; vertical-align: top; }
.group > ul > li > h4::after { content: ""; background-color: #e2e2e2; width: 40px; height: 1px; position: absolute; top: 30px; left: 190px; }
.group > ul > li:last-child > h4::after { content: ""; width: 0; }
.group .wrap { display: inline-block; position: relative; }
.group .wrap > ul::after { content: ""; background-color: #e2e2e2; position: absolute; width: 1px; top: 30px; left: 16px; bottom: 88px; }
.group .wrap > ul > li > p { display: inline-block; width: 190px; height: 60px; background-color: #838b95; border-radius: 50px; color: #fff; line-height: 60px; text-align: center; vertical-align: top; }
.group > ul > li:first-child .wrap > ul > li:nth-child(2) > p::after { content: ""; background-color: #e2e2e2; width: 21px; height: 1px; position: absolute; top: 133px; left: 16px; }
.group > ul > li:first-child .wrap > ul > li:nth-child(3) > p::after { content: ""; background-color: #e2e2e2; width: 21px; height: 1px; position: absolute; top: 260px; left: 16px; }
.group .wrap > ul > li > ul { display: inline-block; background-color: #f5f5f5; border: 1px solid #e2e2e2; width: 215px; border-radius: 15px; padding: 15px 0px 15px 34px; margin-left: 36px; }
.group .wrap > ul > li > ul::after { content: ""; background-color: #e2e2e2; width: 40px; height: 1px; position: absolute; top: 30px; right: 215px; }
.group .wrap > ul > li:nth-child(2) > ul::after { top: 130px; }
.group .wrap > ul > li:nth-child(3) > ul::after { top: 256px; }
.group .wrap > ul > li > ul > li { line-height: 1.6; color: #6e6d6b; background: url(/img/built_01.gif) no-repeat 0; padding-left: 10px; font-size: 15px; }
.group .wrap > ul { margin-left: 37px; }
.group .wrap > ul > li { margin-bottom: 20px; }

/* 찾아오시는 길 */
.way { max-width: 1140px; margin: 0 auto; }
.map { margin-top: 90px; padding: 0 15px; }
.info { padding: 30px 0; border-bottom: 1px solid #e2e2e2; }
.info > ul > li { display: inline-block; padding: 10px 0 10px 30px; margin-left: 100px; }
.info .address { background: url(/img/map_icon1.jpg) no-repeat 0; margin-left: 0; }
.info .call { background: url(/img/map_icon2.jpg) no-repeat 0; }
.info .fax { background: url(/img/map_icon3.jpg) no-repeat 0; }
.traffic h3 { font-size: 18px; font-weight: 500; padding: 40px 0 20px; }
.traffic .subway { display: inline-block; width: 20px; height: 20px; color: #fff; font-size: 13px; line-height: 20px; text-align: center; border-radius: 20px; margin-right: 2px; }
.traffic .three { background-color: #ff7913; }
.traffic .two { background-color: #8dc63f; }
.traffic > ul > li { display: inline-block; width: 49%; margin-bottom: 30px; }
.traffic > ul > li > div { font-size: 15px; color: #6d6d6d; padding-top: 10px; }
.traffic > ul > li > div > span { background: url(/img/map_arrow.jpg) no-repeat 8px; vertical-align: top; padding-left: 20px; }

/* 솔루션 */
.fix_title { font-size: 18px; padding-bottom: 15px; }
.service_title { font-size: 42px; font-weight: 600; color: #00b0ea; }
.service_p { color: #6d6d6d; }
.line { display: inline-block; font-size: 24px; font-weight: 500; background: url(/img/line.jpg) no-repeat 0; padding-left: 35px; margin-bottom: 40px; }
.service_img { display: inline-block; width: 40%; }
.summary { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.summary .vertical { vertical-align: middle; }
.summary_p { display: inline-block; width: 59%; vertical-align: middle; padding-left: 30px; }
.summary_p h5 { font-size: 24px; font-weight: 600; padding: 0 0 20px 20px; border-bottom: 1px solid #e2e2e2; }
.summary_p p { line-height: 1.5; background: url(/img/built_03.jpg) no-repeat 0 31px; padding: 20px 0 0 20px; }
/* .summary_p p strong { color: #00b0ea; font-weight: 300; } */
.advantage { max-width: 1140px; margin: 120px auto 0; padding: 0 15px; }
.advantage_li > ul > li { display: inline-block; border: 1px solid #e2e2e2; float: left; padding: 28px 20px 0; height: 440px; }
.advantage_li > ul > li:first-child { margin-left: 0; }
.advantage_li > ul > li h5 { font-size: 20px; font-weight: 400; color: #00b0ea; height: 54px; display: table-cell; vertical-align: middle; }
.advantage_li > ul > li span { display: inline-block; width: 50px; height: 2px; background-color: #00b0ea; margin: 30px 0; }
.advantage_li > ul > li p, .advantage_li > ul > li li { line-height: 1.5; }
.advantage_li .six { width: 19.6%; margin-left: 0.5%; }
.advantage_li .six p{font-size: 15px; line-height: 24px;}
.advantage_li .five { width: 19.6%; margin-left: 0.5%; }
.advantage_li .three { width: 32.6%; margin: 0 1% 1.5% 0; }
.advantage_li .four { width: 24.2%; margin: 0 1% 1.5% 0; height: 315px; }
.advantage_li .line2 li:nth-child(3n) { margin-right: 0; }
.advantage_li .line3 li:nth-child(4n) { margin-right: 0; }
.advantage_li .line1 > li { height: 310px; }
.advantage_img{display: flex; margin-top: 80px;}
.advantage_img .a_img{width: 33.3%; margin-right: 30px;}
.advantage_img .a_img:last-child{margin-right: 0;}
.advantage_img .a_img p{font-size: 17px; margin-top: 25px; line-height: 28px; font-weight: 400;}
.function { background: url(/img/sub_bg.jpg) no-repeat 0 0; background-size: cover; margin: 120px 0 90px; }
.function_wrap { max-width: 1140px; margin: 0 auto; padding: 0 15px; }
.function .line { display: inline-block; font-size: 24px; font-weight: 500; background: url(/img/line.jpg) no-repeat 0; padding-left: 35px; margin: 80px 0 40px 0; }
.function_li { padding-bottom: 80px; }
.function_li > li { width: 49%; height: 300px; background-color: #fff; border-radius: 10px; display: inline-block; margin:76px 1.5% 20px 0; padding: 30px 30px 0; vertical-align: top; }
.function_li > li:nth-child(2n) { margin-right: 0; }
.function_li span { font-size: 18px; font-weight: 500; display: block; margin: 10px 0; }
.function_li .last_title { font-size: 18px; font-weight: 500; display: block; margin: 10px 0; text-align: center; margin-bottom: 15px;}
.function_li > li > ul > li { background: url(/img/built_01.gif) no-repeat 0 7px; padding-left: 10px; font-size: 14px; color: #6e6d6b; line-height: 1.6; }
.function_li > .function_li_last {width: 100%; height: 100%;}
.process { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.process_img {text-align: center; padding: 50px 15px; }
.smart_talk_process_img{max-width: 1140px;margin: 150px auto 0;padding: 0 15px;}
.smart_talk_process_img img{width: 100%;}
.function_tb { margin-top: 90px; }
.func_tb table tr, .func_tb table td { border: 1px solid #e2e2e2; }
.func_tb table thead tr, .func_tb table thead tr td { border: 0; }
.func_tb table thead div { background: linear-gradient( 88deg, #8dc63f, #00b0ea) fixed;
-webkit-background: #8dc63f; padding: 20px 0; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.func_tb table thead th { color: #fff; font-size: 20px; font-weight: 500;}
.func_tb table tbody td { text-align: center; padding: 20px 0; }
.func_tb table tbody td:last-child { text-align: left; padding-left: 15px; padding-right: 15px; }
.func_tb table tbody th { font-weight: 500; font-size: 18px; }
.func_tb .bulit > li { background: url(/img/bulit_01.png) no-repeat 0 7px; padding-left: 15px; line-height: 1.7; font-size: 15px; }
.func_tb .bulit > li > ul > li { font-size: 14px; color: #6e6d6b; line-height: 1.4; }
.func_tb .g_bg { background-color: #fafafa; }
.tab { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.tab ul li { display: inline-block; width: 25%; text-align: center; border: 1px solid #e2e2e2; float: left; height: 60px; line-height: 60px; cursor: pointer; }
.tab ul li { border-right: 0; }
.tab ul li:last-child { border-right: 1px solid #e2e2e2; }
.tab ul li.on { background-color: #f5f5f5; }
.tab .cloud li { width: 50%; }
.introduction { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.introduction ul li { display: inline-block; width: 15.8%; margin: 0 1% 1.6% 00; border: 1px solid #e2e2e2; text-align: center; height: 70px; line-height: 70px; float: left; }
.introduction ul li:nth-child(6n) { margin-right: 0; }
.application { background: url(/img/voice_bg.gif) repeat-x 0 0; background-size: auto 100%; }
.application_wrap { max-width: 1140px; margin: 90px auto 0; padding: 80px 15px; }
.application_li { margin-top: 20px; text-align: center; }
.application_li ul li { display: inline-block; text-align: center; }
.application_li ul li span { display: block; font-weight: 500; }
.application_li .type_wd1 li { width: 19.7%; }
.application_li .type_wd2 li { width: 24.7%; }
.application_li .type_wd3 li:first-child { width: 20.7%; }
.application_li .type_wd3 li:last-child { width: 64%; }
.cloud_basic { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.cloud_basic p { line-height: 1.6; }
.cloud_basic .line { margin-bottom: 20px; }
.ui { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.ui > div { margin: 40px 0; }
.ui > div > h5 { background: url(/img/bulit_02.png) no-repeat 0 5px; padding-left: 18px; font-size: 18px; font-weight: 500; }
.ui > div > div { padding: 30px 0; text-align: center; }
.gray_ui { background-color: #f5f5f5; }
.gray_ui .ui { margin-top: 0; padding: 30px 15px; }
.advantage_cont { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.advantage_cont > div > h5 { background: url(/img/bulit_02.png) no-repeat 0 5px; padding-left: 18px; font-size: 18px; font-weight: 500; }
.advantage_cont > div > span { padding-left: 18px; color: #6e6d6b; }
.advantage_cont > div { padding: 40px 0; }
.advantage_cont > div > div { margin-top: 30px; text-align: center; }
.advantage_cont > div > ul { margin-top: 60px; padding-top: 30px; border-top: 1px solid #6e6d6b; }
.advantage_cont > div > ul > li { display: inline-block; width: 49%; padding: 0 0 30px 30px; vertical-align: top; }
.advantage_cont > div > ul > li > ul > li { background: url(/img/built_01.gif) no-repeat 0 11px; padding: 4px 0 0 7px; font-size: 14px; color: #6e6d6b; }
.advantage_cont .txt_s { display: inline-block; color: #00b0ea; vertical-align: top; }
.advantage_gray { background-color: #f5f5f5; }
.nomg { margin-top: 30px; }
.compare_tb table{border-bottom: 2px solid #333; box-sizing: border-box; }
.compare_tb thead{background: linear-gradient( 88deg, #8dc63f, #00b0ea) fixed; -webkit-background: #8dc63f; }
.compare_tb thead th{color: #fff; }
.compare_tb thead th.br_l{border-top-left-radius: 10px; border-left: 0; }
.compare_tb thead th.br_r{border-top-right-radius: 10px; border-right: 0; }
.compare_tb th{font-size: 18px; font-weight: 500; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px 0; }
.compare_tb th:first-child{border-left: 1px solid #ddd; }
.compare_tb td{font-size: 18px; padding: 20px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }
.compare_tb td:last-child{text-align: left; padding-left: 10px; }
.compare_tb td.red{color: #ed0008; }
.compare_tb td.green{color: #00ab2b; }
.compare_tb .g_bg { background-color: #fafafa; }
.compare_tb .bulit > li { background: url(/img/bulit_01.png) no-repeat 0 8px; padding-left: 15px; line-height: 1.7; font-size: 15px; }
.compare_tb .bulit > li > ul > li { font-size: 14px; color: #6e6d6b; line-height: 1.4; }
.price_wrap{max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.price_wrap h5{font-size: 24px; background: url(/img/built_02.jpg) no-repeat 0 10px; font-weight: 400; padding: 0 0 20px 20px; }
.price_wrap p{color: #999; margin-top: 10px; margin-bottom: 40px; }
.price_tb_ tr th{font-size: 15px;}
.price_tb_ tr td{font-size: 15px;}
.price_tb span{display: block; color: #999; text-align: right; margin-bottom: 10px; }
.price_tb table{box-sizing: border-box; }
.price_tb thead th.br_l{border-top-left-radius: 10px; border-left: 0; }
.price_tb tbody tr th.br_l{border-top-left-radius: 10px; border-left: 0; }
.price_tb thead th.br_r{border-top-right-radius: 10px; border-right: 0; }
.price_tb tbody tr th.br_r{border-top-right-radius: 10px; border-right: 0;}
.price_tb th{font-size: 18px; font-weight: 500; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px 0; background-color: #eee; }
.price_tb th:first-child{border-left: 1px solid #ddd; }
.price_tb td{font-size: 18px; padding: 20px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; }
/*230410 추가*/
.smart_talk_reference{max-width: 1140px; height: auto; overflow: hidden; margin: 90px auto 0; padding: 0 15px;}
.smart_talk_reference ul li{display: inline-block; border: 1px solid #e2e2e2; float: left; width: 16%; margin: 0 0.66% 1% 0; position: relative; background-color: #000; z-index: 1; }
.smart_talk_reference ul li img{height: min-content;}


/* AI */
.price_wrap table{max-width: 1200px;}
.price_wrap .price{float: right;}
.ai_service{max-width: 1140px;margin: 150px auto 0;padding: 0 15px;}
.advantage_li .ai_system_{margin-left: 35px;}
.advantage_li .ai_system{height: 120px; padding: 34px 20px 0;}
.advantage_li .six__{width: 30.6%; border-radius: 10px; margin-top: 25px; margin-left: 2px;}
.advantage_li .six__ p{text-align: center;}
.advantage_li .six__ p strong{color: #00b0ea;}
.function .function_li .ai_name{text-align: center; margin-bottom: 60px; font-size: 22px;}
.function_li li>ul>li strong{color: #00b0ea;}
.ai_effect_img {display: inline-block; width: 50px; height: 50px;}
.ai_effect_img img{margin: 165px 0 0 15px;}
.price_tb table .price_tb_ tr td.price_tb__{text-align: inherit; line-height: 24px; padding: 10px 25px;}
.function_li .ai_effect{display: flex; flex-direction: column; justify-content: center; height: 100%;}
.function_li .ai_effect li{font-size: 17px; padding: 0; background: none; margin-bottom: 20px; padding-left: 5px;}
.function_li .ai_effect li:last-child{margin-top: 0;}
.function_li .ai_effect_{width: 42%; height: 240px; background-color: #fff; border-radius: 10px; display: inline-block; margin: 55px 1.5% 20px 0; padding: 30px 30px 0; vertical-align: top; }
.function_li .ai_effect__{width: 52%; height: 360px; background-color: #fff; border-radius: 10px; display: inline-block; margin: 0 1.5% 80px 0; padding: 30px 30px 0; vertical-align: top; }


/* 레퍼런스 */
.tab_line { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; }
.tab_line ul{text-align: center;}
.tab_line ul li { display: inline-block; width: 16.6%; text-align: center; border-bottom: 1px solid #e2e2e2;  height: 60px; line-height: 60px; cursor: pointer; }
.tab_line ul li:hover { border-bottom: 3px solid #0c4da2; }
.tab_line ul li.on { border-bottom: 3px solid #0c4da2; }
.reference_wrap { max-width: 1140px; margin: 90px auto 0; padding: 0 15px; position: relative; }
.reference_wrap h5 { font-size: 20px; font-weight: 500; padding-bottom: 20px; }
.reference_wrap .logo_li li { display: inline-block; border: 1px solid #e2e2e2; float: left; width: 16.1%; margin: 0 0.66% 1% 0; cursor: pointer; position: relative; background-color: #000; z-index: 1; }
.reference_wrap .logo_li li * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.reference_wrap .logo_li li img { height: min-content; }
.reference_wrap .logo_li li:hover img { opacity: 0.4; }
.reference_wrap .logo_li li:hover div { opacity: 1; }
.reference_wrap .logo_li li:nth-child(6n), .reference_wrap > ul > li:last-child { margin-right: 0; }
.reference_wrap .wrap > div { border-bottom: 1px solid #e2e2e2; margin-top: 60px; padding-bottom: 60px; }
.modal { position: fixed; z-index: 2; top: 0; left: 0; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; display: none; }
.modal_wrap { position: fixed; top: 0; left: 0; background-color: #fff; width: 400px; height: 450px; padding: 30px 20px; }
.modal_wrap.h500 { height: 500px; }
.modal_wrap.h330 { height: 330px; }
.modal_wrap > div:first-child { text-align: center; padding: 40px 0; border: 1px solid #e2e2e2; }
.modal_wrap h3.title { font-size: 18px; font-weight: 500; text-align: center; color: #0c4da2; margin-top: 20px; }
.modal_wrap span { display: block; width: 50px; height: 2px; background-color: #0c4da2; margin: 20px auto;  }
.modal_wrap h4 { font-size: 15px; font-weight: 500; }
.modal_wrap ul li { font-size: 14px; line-height: 1.6; }
.modal_wrap .pop_close { background: url(/img/pop_close.jpg) no-repeat 0 0; width: 15px; height: 15px; border: 0; }
.modal_wrap .pop_btn { border-top: 1px solid #e2e2e2; margin-top: 30px; padding-top: 10px; text-align: right;}
.caption { position: absolute; top: 19px; right: 0; width: 100%; height: 100%; z-index: -1; text-align: center; font-size: 14px; opacity: 1; color: #fff; }
.footnote { font-size: 14px; color: #6e6d6b; padding-top: 10px; }

/* contact */
.box { max-width: 1140px; margin: 90px auto; padding: 0 15px; }
.box .img_box { display: inline-block; text-align: center; width: 22%; border: 1px solid #e2e2e2; padding: 45px 0; float: left; height: 240px; }
.box .img_box span { display: block; font-size: 20px; font-weight: 500; color: #00b0ea; padding-top: 20px; }
.box .check { display: inline-block; border: 1px solid #e2e2e2; border-left: 0; width: 78%; padding: 36px 0 0 40px; height: 240px; background-color: #fafafa; }
.box .check ul li { background: url(/img/bulit_03.png) no-repeat 0 12px; padding-left: 20px; line-height: 2.4; }
.box .check p { line-height: 1.5; margin-bottom: 10px; }
.box .check ul li strong { font-weight: 500; }
.demo .box .check p { font-size: 18px; font-weight: 500; }
.demo .box .check ul li { background: none; padding-left: 0; line-height: 1.8; }
.demo .box .check ul li strong { color: #00b0ea; }
.demo .box .check span { font-size: 24px; color: #00b0ea; font-weight: 500; display: inline-block; margin: 10px 0; }
.demo .box .check { padding-top: 55px; }


/* 반응형 */

/* ======== 웹 ======== */
@media (min-width: 1200px) {

	
	
}


/* ======== 태블릿 ======== */
@media all and (min-width:768px) and (max-width:1139px) {

	.advantage_li > ul > li h5 { font-size: 18px; }
	.advantage_li > ul > li p, .advantage_li > ul > li li { font-size: 14px; }
	.tab_line ul li { font-size: 14px; }

}


@media all and (max-width:1127px) {

	.solution_li > ul > li { width: 30.1%; }
	.group .wrap { display: block; }



}

@media all and (max-width:1130px) {

	.group .wrap > ul { margin-left: 0; margin-top: 40px; }
	.group .wrap > ul::after { z-index: -1; top: -42px; left: 91px; }
	.group > ul > li:first-child .wrap > ul > li:nth-child(2) > p::after, .group > ul > li:first-child .wrap > ul > li:nth-child(3) > p::after { background-color: transparent; }
	.group > ul > li > h4::after { background: transparent; }
	.group .wrap > ul > li > ul::after { right: 215px; }
	.chart_wrap { width: 739px; }

	.function_li .ai_effect li{font-size: 16px;}
    
}

@media all and (max-width:840px) {

	.box .check p { font-size: 15px; }
	.box .check ul li { font-size: 14px; }

	.advantage_li .six p{font-size: 13px; line-height: 20px;}

	.function_li .ai_effect__{width: 50%;}
	.function_li .ai_effect li{line-height: 35px; font-size: 13px;}

}


@media all and (max-width:1130px) {

	.solution_li > ul > li { width: 30.1%; }
	.group .wrap { display: block; }

}

@media all and (max-width:1024px){
	.function_li .ai_effect li{font-size: 14px;}

}


/* ======== 모바일 ======== */
@media all and (max-width:768px){
	.advantage_li .ai_system{padding: 30px 20px 0;}
	.function_li .ai_effect__{width: 49%;}
	.function_li .ai_effect li{font-size: 12px;}
	.function_li .ai_effect__{padding: 54px 30px 0;}
	.price_tb{overflow-x: scroll; width: 100%;}
	.price_wrap table{width: 1200px;}
}


@media all and (max-width:767px) {

	.solution_li > ul > li { width: 100%; border-bottom: 1px solid #e2e2e2; border-right: 0; height: 290px; }
	.solution_li > ul::after { display: none; }
	.solution_li .p_li > li { font-size: 13px; }
	.solution_li > ul > li:nth-child(2) { padding-top: 0; }
	.solution_li > ul > li:nth-child(4) { width: 100%; }
	.solution_li > ul > li:nth-child(5) { width: 100%; border-bottom: 0; }
	.sub_title { font-size: 24px; }
	.sub_p { font-size: 14px; line-height: 1.4; }
	.history .graph dt { font-size: 22px; margin-bottom: 10px; }
	.history .graph dd li { font-size: 14px; margin-bottom: 12px; }
	.history .graph dt::before { width: 15px; height: 15px; right: -43px; }
	.history .graph dl:nth-child(even) dt::before { left: -42px; }
	.history .graph::before { height: 1230px; }
	.company .banner { height: 230px; }
	.company .banner p { font-size: 15px; }
	.company .banner > div { padding: 60px 15px 0; }
	.sub_navi > ul > li > a { font-size: 13px; }
	.sub_navi > ul > li { width: 50%; }
	.sub_navi .path ul { width: 101%; }
	.sub_navi .path ul li a { font-size: 13px; }
	.sub_visual h2 { font-size: 32px; }
	.sub_visual p { font-size: 14px; }
	.ceo > div:nth-child(2) h2 { font-size: 20px; padding-bottom: 30px; }
	.ceo > div:nth-child(2) p { font-size: 14px; }
	.ceo .sign { font-size: 16px; margin-top: 20px; padding-left: 0; }
	.traffic > ul > li { display: block; width: 100%; font-size: 14px; }
	.info > ul > li { font-size: 14px; display: block; margin-left: 0; }
	.service_title { font-size: 30px; }
	.service_p { font-size: 14px; }
	.service_img { display: block; text-align: center; width: 100%; }
	.summary_p { display: block; width: 100%; margin-top: 50px; margin-left: 0; padding-left: 0; }
	.summary_p p { font-size: 14px; }
	.summary_p h5 { font-size: 20px; }
	.line { font-size: 20px; }
	.function .line { font-size: 20px; }
	.advantage_li .five, .advantage_li .three, .advantage_li .four, .advantage_li .six{ width: 100%; margin-left: 0; margin-bottom: 3%; }
	.advantage_li > ul > li { height: /*180px*/ 250px; padding: 18px 20px 0; }
	.advantage_li .six{height: 220px;}
	.advantage_li > ul > li:last-child { margin-bottom: 0; }
	.advantage_li > ul > li h5 { font-size: 17px; }
	.advantage_li > ul > li p, .advantage_li > ul > li li { font-size: 14px; }
	.advantage_li > ul > li span { margin: 10px 0 20px; width: 100%; }
	.function { margin-top: 98px; }
	.function_li > li { width: 100%; height: auto; padding: 30px; }
	.function_li span { font-size: 16px; }
	.function_li .last_title{font-size: 16px;}
	.function_li > li > ul > li { font-size: 13px; }
	.function_li > .function_li_last{height: 548px;}
	.process_img { padding-top: 30px; padding-bottom: 30px; }
	.func_tb table tbody th, .func_tb table tbody td { font-size: 14px; }
	.func_tb .bulit > li, .func_tb .bulit > li > ul > li { font-size: 13px; }
	.tab ul li { width: 50%; border-bottom: 0; }
	.tab ul li:nth-child(2) { border-right: 1px solid #e2e2e2; }
	.tab ul li:nth-child(3), .tab ul li:nth-child(4) { border-bottom: 1px solid #e2e2e2; }
	.application_li .type_wd1 li { width: 48.7%; margin-bottom: 45px; }
	.introduction ul li { width: 32.6%; }
	.introduction ul li:nth-child(3n) { margin-right: 0; }
	.application_li .type_wd2 li { width: 46.7%; margin-bottom: 45px; }
	.application_li ul li span { font-size: 13px; }
	.application_li .type_wd3 li:first-child, .application_li .type_wd3 li:last-child { width: 100%; }
	.tab .cloud li { border-bottom: 1px solid #e2e2e2; }
	.advantage_li .line1 > li { height: 180px; }
	.cloud_basic p { font-size: 14px; }
	.advantage_li .four { height: 180px; }
	.advantage_cont > div > h5 { font-size: 15px; background: url(/img/bulit_02.png) no-repeat 0 4px; }
	.advantage_cont > div > span { font-size: 13px; }
	.advantage_cont > div > ul > li { width: 100%; font-size: 14px; padding: 0 0 20px 0px; }
	.ui > div > h5 { font-size: 15px; background: url(/img/bulit_02.png) no-repeat 0 3px; }
	.tab_line ul li { width: 24.9%; font-size: 12px; height: 50px; line-height: 50px; /*border: 1px solid #e2e2e2; border-top: 0; */}
	/* .tab_line ul li:nth-child(1), .tab_line ul li:nth-child(2), .tab_line ul li:nth-child(3), .tab_line ul li:nth-child(4) { border-top: 1px solid #e2e2e2; } */
	/* .tab_line ul li:nth-child(4n) { border-right: 1px solid #e2e2e2; } */
	.reference_wrap .logo_li li { width: 32.8%; }
	.reference_wrap .logo_li li:nth-child(3n), .reference_wrap > ul > li:last-child { margin-right: 0; }
	.reference_wrap .logo_li li img { width: 100%; }
	.caption { top: 33%; }
	.box .check { width: 100%; border-left: 1px solid #e2e2e2; padding: 20px; height: auto; }
	.box .img_box { width: 100%; border-bottom: 0; }
	.box .check p { font-size: 14px; }
	.box .check ul li { font-size: 14px; background: url(/img/bulit_03.png) no-repeat 0 5px; line-height: 1.8; }
	.demo .box .check { padding-top: 36px; }
	.demo .box .check p { font-size: 14px; }
	.demo .box .check span { font-size: 18px; }
	.chart_wrap .bd_gd > h3 { width: 100px; height: 100px; line-height: 104px; font-size: 22px; }
	.chart_wrap .bd_gd { width: 110px; height: 110px; line-height: 119px; top: 0; }
	.group > ul > li > h4 { font-size: 14px; height: 40px; line-height: 40px; width: 100%; border-radius: 5px; }
	.group .wrap > ul > li > p { font-size: 14px; height: 40px; line-height: 40px; width: 100%; border-radius: 5px; }
	.group { margin-left: 136px; }
	.group .wrap > ul > li > ul { display: block; margin-left: 0; margin-top: 10px; width: 100%; padding-left: 18px; border-radius: 5px; }
	.chart_wrap { max-width: 428px; width: auto; }
	.group .wrap > ul > li:nth-child(2) > ul::after, .group .wrap > ul > li > ul::after { background-color: transparent; }
	.group .wrap > ul > li > ul > li { font-size: 12px; }
	.group::after { bottom: 20px; top: 19px; left: -6px; }
	.group .wrap > ul { margin-top: 10px; }
	.group > ul > li::after { top: 19px; left: -20px; width: 20px; }
	.group .wrap > ul::after { background-color: transparent; }
	.chart_wrap .bd_gd::after { width: 20px; right: -20px; }
	.modal_wrap { width: 280px; margin-left: -19px; margin-top: -23px;}
	.modal_wrap h3.title { font-size: 14px; }
	.modal_wrap h4 { font-size: 13px; }
	.modal_wrap ul li { font-size: 12px; }
	.modal_wrap h4 { padding-bottom: 4px; }
	.modal_wrap.h500 { height: 470px; }
    
    .compare_tb th, .compare_tb td, .compare_tb .bulit > li{font-size: 14px; }
    .price_tb th, .price_tb td{font-size: 14px; }
    .price_wrap p, .price_tb span{font-size: 14px; }

	.advantage_li .six p{line-height: 17px; line-height: 14px;}

	.function_li .ai_effect__{width: 49%;}
	.function_li .ai_effect li{font-size: 12px; line-height: 34px;}

	.smart_talk_reference ul li{width: 24.3%;}

}

@media all and (max-width:500px){
	.advantage_li > ul > li p, .advantage_li > ul > li li{font-size: 12px;}
	.advantage_li .ai_system{padding: 18px 20px 0;}
	.function_li .ai_effect_{width: 100%;}
	.function_li .ai_effect__{width: 87%; padding: 30px 30px 0;}

	.advantage_img .a_img p{font-size: 10px; line-height: 20px;}
	.advantage_img .a_img{width: 32.8%;}



}

@media all and (max-width:400px){
    .compare_tb th, .compare_tb td, .compare_tb .bulit > li{font-size: 12px; }
    .price_tb th, .price_tb td{font-size: 12px; }

	.advantage_li .six p{font-size: 12px;}
	.advantage_li > ul > li h5{font-size: 16px; height: 45px;}
	.advantage_img .a_img{width: 100%; display: block;}
	.advantage_img .a_img p{font-size: 13px; line-height: 16px; margin-top: 20px; margin-bottom: 20px;}

	.function_li > .function_li_last{height: 322px;}
	.advantage_li .six__{padding: 16px 20px 0; width: 32.6%;}
	.advantage_li > ul > li p, .advantage_li > ul > li li{font-size: 10px;}
	.function .function_li .ai_name{font-size: 15px;}
	.ai_effect_img img{width: 40%;}
	.function_li .ai_effect_{width: 100%; padding: 50px 30px 0;}
	.function_li .ai_effect__{width: 84%;}
	.function_li .ai_effect li{font-size: 12px; line-height: 34px;}
	.advantage_li .ai_system_{margin-left: 10px;}
	.price_tb_ tr td{font-size: 12px;}
	.smart_talk_reference ul li{width: 32.6%;}

}


@media all and (min-width:320px) and (max-width:375px) {

	.sub_navi > ul > li { padding: 0 12px; }
	.sub_navi > ul > li > a { font-size: 12px; min-width: 135px; }
	.sub_navi .path ul li a { font-size: 12px;  }
	.sub_navi .path ul li { padding: 5px 12px; }

	.function_li .ai_effect__{width: 82%;}
	.function_li .ai_effect_{padding: 34px 30px 0;}
	.price_tb_ tr td{font-size: 11px;}
	.price_tb_ tr th{font-size: 12px;}

}

@media all and (max-width: 320px) {

	.history .graph::before { height: 239% !important; }
	.tab_line ul li { font-size: 10px; }

	.function_li .ai_effect__{width: 79%;}
	.function .function_li .ai_name{font-size: 13px;}
	.function_li .ai_effect li{font-size: 11px; line-height: 25px;}
	.function_li .ai_effect_{margin: 0 1.5% 19px 0;}
	.advantage_li .six__{width: 31.6%; padding: 15px 12px 0;}
}