@charset "utf-8";

/* motion */
.up {
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 200px, 0px);
-webkit-transform: translate3d(0px, 200px, 0px);
-o-transform: translate(0px, 200px);
-ms-transform: translate(0px, 200px);
transform: translate3d(0px, 200px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.up.active {
 opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}

/* layout */
.container {max-width:1920px; width:100%; margin:0 auto; padding-top:100px;}
.content {max-width:1490px; width:100%; margin:0 auto; padding:0 30px;}
.mob {display:none !important;}

/* header */
.header_wrap {position:fixed; top:0; left:0; width:100%; background:#fff; z-index:2;}
.header {position:relative; max-width:1920px; margin:0 auto; padding:0 30px; height:100px;}
.header a {display:block;}
.header a img {display:block;}
.header h1 {float:left; position:relative; z-index:1; padding-top:39px; font-size:20px; font-weight:800; color:#111;}
.header .gnb {position:absolute; top:0; left:0; padding:0 30px 0 27.86%; width:100%;}
.header .menu {float:left; padding-top:40px;}
.header .menu > li {float:left; padding:0 25px;}
.header .menu > li:first-child {padding-left:0;}
.header .menu > li:last-child {padding-right:0;}
.header .menu > li > a {font-size:20px; font-weight:700; color:#111; padding-bottom:40px; position:relative; transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.header .menu > li > a:before {content:'';position:absolute;width: 0px;left:50%;background:transparent;height:3px;top: 57px;transition: 0.4s;-o-transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
.header .menu > li:hover > a {color:#9f1a45;}
.header .menu > li:hover > a:before {content:'';position:absolute;width: 100%;background:#bb0841;height:3px;left: 0;}
.header .menu > li:hover > .submenu {display:block;}
.header .right {float:right;}
.header .right_menu {float:left; padding-top:33px;}
.header .right_menu > li {float:left; line-height:32px;}
.header .right_menu > li + li {margin-left:40px;}
.header .right_menu > li .question {padding-left:38px; background:url('../images/ico_question.png') 0 0 no-repeat;}
.header .language {float:left; padding-top:41px; margin-left:48px;}
.header .language li {float:left;}
.header .language li a {font-size:18px; font-weight:700; color:#555; opacity:0.2;}
.header .language li a.active {color:#111; opacity:1;}
.header .language li + li {margin-left:12px; padding-left:13px;position:relative;}
.header .language li + li:before {position:absolute; top:1px; left:0; height:16px; width:1px; background-color:#555; content:''; opacity:0.2;}

.header .submenu {position:absolute; top:100px; left:0; width:100%; background-color:#fff; border-top:1px solid rgba(0, 0, 0, 0.1); display:none;}
.header .submenu > div {max-width:1920px; margin:0 auto; width:100%;}
.header .submenu ul {float:left; width:100%; padding:31px 30px 31px 27.86%;}
.header .submenu li {float:left;}
.header .submenu li + li {margin-left:60px;}
.header .submenu li a {font-size:16px; color:#111;}
.header .submenu li a:hover {color:#9f1a45; text-decoration:underline;}
.header .menu > li:nth-child(3) .submenu ul {padding-left:calc(27.86% + 96px + 100px);}
.header .menu > li:nth-child(4) .submenu ul {padding-left:calc(27.86% + 156px + 150px);}

.header .submenu .search {max-width:calc(1430px + 10.4%); margin:0 auto; padding:60px 5.2%;}

/* footer */
.main + .footer_wrap {border-top:0;}
.footer_wrap {border-top:1px solid rgba(0, 0, 0, 0.1);}
.footer {max-width:1920px; margin:0 auto; padding:52px 5.2%; overflow:hidden;}
.footer .util {float:left;}
.footer .util li {float:left; font-size:15px;}
.footer .util li + li {margin-left:25px;}
.footer .util li a {font-size:15px; font-weight:500; color:#111;}
.footer .policy {float:left;}
.footer .policy li {float:left; margin-left:25px; font-size:15px;}
.footer .policy li  a {font-size:15px; font-weight:700; color:#f33;}
.footer .right {float:right;}
.footer .adress {float:left; font-size:15px; color:#555;}
.footer .copy {float:left; margin-left:30px; font-size:15px; color:#555;}

/* main */
.visual_swiper .swiper-slide img {width:100%; height:auto;}
.visual_swiper .swiper-slide > div {position:absolute; top:26.02%; left:27.86%; text-align:left; color:#fff;}
.visual_swiper .swiper-slide h2 {font-size:68px; font-weight:800; line-height:1.26;}
.visual_swiper .swiper-slide p {font-size:24px; line-height:1.75; color:#fff; margin-top:50px;}
.visual_swiper .swiper-slide a {display:inline-block; font-size:18px; color:#fff; margin-top:120px; padding-right:50px; background:url('../images/ico_click.png')right center no-repeat;}

.visual_swiper .swiper-pagination.swiper-number {font-size:20px; font-weight:700; bottom:auto; top:16.63%; left:29.58%; position:absolute; color:#fff; width:auto;}

.visual_swiper .swiper-pagination {font-size:0; text-align:left;}
.visual_swiper .swiper-container-horizontal>.swiper-bullet {left:12.76%; position:absolute;}
.visual_swiper .swiper-pagination-bullet {width:40px; height:2px; background:#fff; opacity:0.6; border-radius:0;}
.visual_swiper .swiper-pagination-bullet:last-child {border-top-right-radius:1px; border-bottom-right-radius:1px;}
.visual_swiper .swiper-pagination-bullet-active {background:#fff; opacity:1; border-radius:1px;}
.visual_swiper .swiper-container-horizontal>.swiper-bullet {bottom:auto; top:17.34%;}
.visual_swiper .swiper-container-horizontal>.swiper-bullet .swiper-pagination-bullet {margin:0;}
.visual_swiper .swiper-button-prev {width:11px; height:18px; background:url('../images/ico_main_prev.png') center center no-repeat; background-size:100%; top:16.63%; left:27.86%; margin-top:0;}
.visual_swiper .swiper-button-next {width:11px; height:18px; background:url('../images/ico_main_next.png') center center no-repeat; background-size:100%; top:16.63%; left:33.07%; margin-top:0; right:auto;}
.visual_swiper .swiper-button-prev:after , .visual_swiper .swiper-button-next:after {display:none;}

.visual_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:145px; height:2px; left:12.76%; top:17.34%; background:rgba(255, 255, 255, 0.6); border-radius:1px;}
.visual_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#fff; border-radius:1px;}

.platform {padding:200px 0 163px;background:#fafafa;}
.platform h2 {font-size:40px; color:#000; line-height:1.6; text-align:center; padding-bottom:90px;}
.platform ul {overflow:hidden; border-top:2px solid #e9e9e9; padding-top:80px;}
.platform ul li {float:left; width:33.3%; text-align:center;}
.platform ul li:first-child .tit {background-image:url('../images/ico_cloud.png') , url('../images/img_circle.png');}
.platform ul li:nth-child(2) .tit {background-image:url('../images/ico_model.png') , url('../images/img_circle.png');}
.platform ul li:last-child .tit {background-image:url('../images/ico_api.png') , url('../images/img_circle.png');}
.platform ul li .tit {margin:0 auto; width:280px; height:280px; padding-top:126px; font-size:22px; font-weight:700; color:#111; line-height:1.64; background-size: 36px auto, auto; background-position: center 70px , 0 0; background-repeat:no-repeat , no-repeat;}
.platform ul li .txt {font-size:22px;  color:#111; font-weight:700; padding-top:50px;}
.platform ul li .desc {font-size:18px; color:#111; line-height:1.89; padding-top:30px;}

.ai_type {padding:179px 0 100px;}
.ai_type .ai_type_tit {padding-bottom:91px; text-align:center; color:#111;}
.ai_type .ai_type_tit h2 {font-size:56px; font-weight:800;}
.ai_type .ai_type_tit p {font-size:18px; padding-top:30px;}
.type_wrap {overflow:hidden;}
.type_reference {float:left; width:50%; height:600px; position:relative;}
.type_reference > div {position:absolute; top:0; left:15.62%; padding-top:290px; width:510px;}
.type_reference p {font-size:18px; font-weight:700; color:#fff; padding-bottom:30px; border-bottom:1px solid #fff; margin-bottom:30px;}
.type_reference ul li {padding-left:33px; font-size:20px; color:#fff; background:url('../images/ico_list_w.png') 1px center no-repeat;}
.type_reference ul li + li {margin-top:25px;}
.type_list_swiper {float:left; width:50%; background-color:#f2f2f2;}
.type_list_swiper .swiper-container {padding-bottom:90px;}
.type_list_swiper .swiper-pagination-fraction {font-size:20px; color:#111; font-weight:700; bottom:34px;}
.type_list_swiper .swiper-button-prev {width:11px; height:18px; background:url('../images/ico_type_prev.png') center center no-repeat; background-size:100%; top:auto; bottom:35px; left:50%; margin-left:-57px; margin-top:0; }
.type_list_swiper .swiper-button-next {width:11px; height:18px; background:url('../images/ico_type_next.png') center center no-repeat; background-size:100%; top:auto; bottom:35px; right:50%; margin-right:-57px; margin-top:0;}
.type_list_swiper .swiper-button-prev:after , .type_list_swiper .swiper-button-next:after {display:none;}

.type_list {background-color:#f8f8f9; height:510px;}
.type_list li {display:table; width:100%;}
.type_list li a {display:table-cell; height:170px; vertical-align:middle; position:relative;}
.type_list li p {padding-left:26.04%; font-size:28px;}
.type_list li p + p {font-size:18px; padding-top:22px; display:none;}
.type_list li.active {color:#fff; box-shadow: 10px 10px 50px 0 rgba(0, 0, 0, 0.1); position:relative;}
.type_list li.active p:after {position:absolute; top:50%; right:13.54%; margin-top:-6px; width:31px; height:12px; content:''; background:url('../images/ico_click.png') 0 0 no-repeat;}
.type_list li.active p {color:#fff;}
.type_list li.active p + p {display:block;}

.language_type .type_reference {background:url('../images/img_language.jpg') center center no-repeat;}
.language_type .type_reference > div {background:url('../images/ico_language.png') 0 130px no-repeat;}
.language_type .type_list li:first-child {background-image:url('../images/ico_type01_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li:nth-child(2) {background-image:url('../images/ico_type02_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li:nth-child(3) {background-image:url('../images/ico_type03_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li:nth-child(4) {background-image:url('../images/ico_type04_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li:nth-child(5) {background-image:url('../images/ico_type05_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li:last-child {background-image:url('../images/ico_type06_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li.active {background-color:#6d528e;}
.language_type .type_list li.active:first-child {background-image:url('../images/ico_type01_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li.active:nth-child(2) {background-image:url('../images/ico_type02_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li.active:nth-child(3) {background-image:url('../images/ico_type03_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li.active:nth-child(4) {background-image:url('../images/ico_type04_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li.active:nth-child(5) {background-image:url('../images/ico_type05_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.language_type .type_list li.active:last-child {background-image:url('../images/ico_type06_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.sight_type .type_reference {background:url('../images/img_sight.jpg') center center no-repeat;}
.sight_type .type_reference > div {background:url('../images/ico_sight.png') 0 130px no-repeat;}
.sight_type .type_list li:first-child {background-image:url('../images/ico_type07_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.sight_type .type_list li:nth-child(2) {background-image:url('../images/ico_type08_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.sight_type .type_list li:nth-child(3) {background-image:url('../images/ico_type09_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.sight_type .type_list li.active {background-color:#454881;}
.sight_type .type_list li.active:first-child {background-image:url('../images/ico_type07_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.sight_type .type_list li.active:nth-child(2) {background-image:url('../images/ico_type08_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.sight_type .type_list li.active:nth-child(3) {background-image:url('../images/ico_type09_w.png'); background-position:13.54% center; background-repeat:no-repeat;}
.complex_type .type_reference {background:url('../images/img_complex.png') center center no-repeat;}
.complex_type .type_reference > div {background:url('../images/ico_complex.png') 0 130px no-repeat;}
.complex_type .type_list li:first-child {background-image:url('../images/ico_type13_b.png'); background-position:13.54% center; background-repeat:no-repeat;}
.complex_type .type_list li.active {background-color:#314a70;}
.complex_type .type_list li.active:first-child {background-image:url('../images/ico_type13_w.png'); background-position:13.54% center; background-repeat:no-repeat;}

.ai_story {background:#f4f4f4; padding:210px 0 200px;}
.ai_story h2 {font-size:46px; font-weight:800; padding-bottom:30px; text-align:center; color:#000;}
.ai_story > p {text-align:center; padding-bottom:110px;}
.btn_story {display:inline-block; font-size:20px; color:#111; padding-right:28px; background:url('../images/ico_link.png') right center no-repeat;}
.story_list {overflow:hidden;}
.story_list li {float:left; width:calc(33.3% - 170px / 3);}
.story_list li + li {margin-left:85px;}
.story_list li a {display:block;}
.story_list li img {width:100%; height:300px;}
.story_list li p {margin-top:40px; padding-left:36px; font-size:24px; line-height:1.58; color:#000; background:url('../images/ico_list_b.png') 0 10px no-repeat;}

.story_list.double li {width:calc(50% - 80px / 2); margin-bottom:80px;}
.story_list.double li + li {margin-left:80px;}
.story_list.double li:nth-child(2n + 1) {margin-left:0;}
.story_list.double li p {margin-top:30px;}
.story_list.double li span {display:block; padding-left:36px; margin-top:20px; font-size:18px; color:#555;}

/* sub */
.sub_visual {height:360px;}
.sub_visual.vision {background:url('../images/img_vision.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.talk {background:url('../images/img_talk.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.stt {background:url('../images/img_stt.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.tts {background:url('../images/img_tts.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.nl {background:url('../images/img_nl.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.api {background:url('../images/img_api.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.acc {background:url('../images/img_acc.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.goods {background:url('../images/img_goods.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.face {background:url('../images/img_face.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.psc {background:url('../images/img_psc.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.intro {background:url('../images/img_intro.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.blog {background:url('../images/img_blog.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.news {background:url('../images/img_news.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.notice {background:url('../images/img_notice.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual .sub_visual_txt {position:absolute; top:0; left:50%; margin-left:-715px; width:1430px; height:100%;}
.sub_visual h2 {font-size:72px; font-weight:700; color:#fff; margin-top:5.8%;}
.location {overflow:hidden; padding-top:2.79%;}
.location span {float:left; display:block; font-size:16px; color:#fff;}
.location span + span {position:relative; padding-left:50px;}
.location span + span:before {position:absolute; content:'-'; left:23px; top:0;}

.content_wrap {padding:120px 0;}
.section {padding-bottom:160px;}
.section.bg_gray {background:#f4f4f4; padding-top:160px;}
.section:nth-child(2), .bg_gray + .section {padding-top:160px;}
.section img {display:block; width:100%; height:auto;}

.sub_top {padding-bottom:100px;}
.sub_top h3 {font-size:44px; font-weight:700; line-height:1.68; color:#000;}
.sub_top p {font-size:20px; line-height:2; color:#000; padding-top:50px;}
.sub_top .lg {font-size:28px; font-weight:700; line-height:1.79; color:#000; padding-top:60px;}
.sub_top .lg + p {padding-top:40px;}
.sub_top.only {padding-bottom:0;}

.sub_tit {font-size:24px; font-weight:800; color:#111; padding-bottom:80px;}

.sub_txt_area h5 {font-size:32px; color:#111; font-weight:700; padding-bottom:35px; line-height:1.38;}
.sub_txt_area p {font-size:24px; color:#111; padding-bottom:60px; line-height:1.83;}

.number_list {}
.number_list > li {position:relative; padding-bottom:70px;}
.number_list > li:last-child {padding-bottom:0;}
.number_list > li + li {padding-top:70px;}
.number_list > li + li:before {position:absolute; top:0; left:0; width:100%; height:1px; background:#000; opacity:0.2; content:'';}
.number_list > li span {position:absolute; top:10px; left:0; font-size:32px; font-weight:700; color:rgba(17, 17, 17, 0.8); opacity:0.4;}
.number_list > li + li span {top:80px;}
.number_list > li .tit {padding-left:80px; font-size:32px; font-weight:700; color:#000; line-height:1.69;}
.number_list > li .txt {padding:40px 0 0 80px; font-size:18px; line-height:2.11; color:#000;}

.video_wrap {position:relative; height:800px;}
.video_wrap iframe {position:absolute; width:100%; height:100%;}

.faq_swiper {max-width:1590px; width:100%; margin:0 auto; position:relative;}
.faq_swiper .faq_tit {position:absolute; top:0; left:80px; font-size:44px; color:#000; font-weight:700;}
.faq_swiper .swiper-container {padding-top:88px;}
.faq_swiper .swiper-slide {padding:0 80px;}

.faq_swiper .swiper-pagination.swiper-number {font-size:20px; font-weight:700; bottom:auto; top:13px; left:auto; right:80px; position:absolute; color:#000; width:auto;}

.faq_swiper .swiper-pagination {font-size:0; text-align:left;}
.faq_swiper .swiper-container-horizontal>.swiper-bullet {left:auto; right:205px; bottom:auto; top:20px; position:absolute;}
.faq_swiper .swiper-pagination-bullet {width:75px; height:2px; background:#000; opacity:0.2; border-radius:0;}
.faq_swiper .swiper-pagination-bullet:last-child {border-top-right-radius:1px; border-bottom-right-radius:1px;}
.faq_swiper .swiper-pagination-bullet-active {opacity:1; border-radius:1px;}
.faq_swiper .swiper-container-horizontal>.swiper-bullet .swiper-pagination-bullet {margin:0;}
.faq_swiper .swiper-button-next , .faq_swiper .swiper-button-prev {width:29px; height:56px; margin-top:18px;}
.faq_swiper .swiper-button-next {background:url('../images/ico_swiper_next.png') 0 0 no-repeat; background-size:100%; right:20px;}
.faq_swiper .swiper-button-prev {background:url('../images/ico_swiper_prev.png') 0 0 no-repeat; background-size:100%; left:20px;}
.faq_swiper .swiper-button-next:after, .faq_swiper .swiper-button-prev:after {display:none;}

.faq_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:145px; height:2px; left:auto; right:205px; top:20px; background:rgba(0, 0, 0, 0.2); border-radius:1px;}
.faq_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000000; border-radius:1px;}


.faq {float:left; width:calc(50% - 60px / 2); min-height:580px; border:1px solid #f8f7f7; background:#f7f7f7; border-radius:10px;}
.faq + .faq {margin-left:60px;}
.faq dl {padding:40px 125px;}
.faq dt {position:relative; min-width:310px; display:inline-block; padding:14px 30px; border-radius:10px; border:1px solid #d8d8d8; background:#fff; font-size:20px; color:#000; line-height:2;}
.faq dd {position:relative; margin-top:40px; border:1px solid #d8d8d8; border-radius:10px; background:#f1f3f9; padding:22px 30px; font-size:20px; color:#111; line-height:1.8;}
.faq dt:after , .faq dd:after {width:60px; height:60px; border-radius:50%; text-align:center; line-height:60px; position:absolute; top:0; font-size:32px; color:#fff; font-weight:700;} 
.faq dt:after {left:-85px; content:'Q'; background:#171717;}
.faq dd:after {right:-85px; content:'A'; background:#5f578b;}

.reference_tit {font-size:32px; color:#111; font-weight:700; padding-bottom:30px;}
.reference_tit.only {padding-bottom:116px;}
.reference_txt {font-size:24px; color:#111; padding-bottom:60px;}

.reference_swiper {max-width:1590px; width:100%; margin:0 auto;}
.reference_swiper .swiper-slide {padding:0 80px;}

.reference_swiper .swiper-pagination.swiper-number {font-size:20px; font-weight:700; bottom:auto; top:6px; left:auto; right:80px; position:absolute; color:#000; width:auto;}

.reference_swiper .swiper-pagination {font-size:0; text-align:left;}
.reference_swiper .swiper-container-horizontal>.swiper-bullet {left:auto; right:205px; bottom:auto; top:13px; position:absolute;}
.reference_swiper .swiper-pagination-bullet {width:40px; height:2px; background:#000; opacity:0.2; border-radius:0;}
.reference_swiper .swiper-pagination-bullet:last-child {border-top-right-radius:1px; border-bottom-right-radius:1px;}
.reference_swiper .swiper-pagination-bullet-active {opacity:1; border-radius:1px;}
.reference_swiper .swiper-container-horizontal>.swiper-bullet .swiper-pagination-bullet {margin:0;}
.reference_swiper .swiper-button-next , .reference_swiper .swiper-button-prev {width:29px; height:56px; margin-top:47px;}
.reference_swiper .swiper-button-next {background:url('../images/ico_swiper_next.png') 0 0 no-repeat; background-size:100%; right:20px;}
.reference_swiper .swiper-button-prev {background:url('../images/ico_swiper_prev.png') 0 0 no-repeat; background-size:100%; left:20px;}
.reference_swiper .swiper-button-next:after, .reference_swiper .swiper-button-prev:after {display:none;}

.reference_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:145px; height:2px; left:auto; right:205px; top:13px; background:rgba(0, 0, 0, 0.2); border-radius:1px;}
.reference_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000000; border-radius:1px;}


.download_list {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.download_list li {position:relative; padding:33px 210px 45px 145px; background:url('../images/ico_download.png') 42px center no-repeat;}
.download_list li + li {border-top:1px solid #ccc;}
.download_list li .desc {font-size:16px; color:#000; padding-bottom:18px;} 
.download_list li .tit {font-size:24px; font-weight:700; color:#000;}
.download_list li .btn_download {position:absolute; top:50%; margin-top:-30px; right:30px; width:180px; height:60px; border:1px solid #a5a5a5; cursor:pointer; background:#fff; font-size:22px; color:#111; border-radius:30px;}

.tit_area {overflow:hidden; padding-bottom:80px;}
.tit_area .tit {float:left !important; font-size:32px; font-weight:800; color:#000;}
.tit_area > *:last-child {float:right;}
.tit_area .btn_story {margin-top:7px;}

.more_area {border-top:1px solid rgba(0, 0, 0, 0.2); text-align:center; padding-top:50px;}
.more_area .btn_more {display:inline-block; font-size:20px; color:#000; padding-right:30px; background:url('../images/ico_more.png') right 0 no-repeat;}

.tit_search {padding:0 0 4px 4px; border-bottom:2px solid #000;}
.tit_search input {float:left; width:230px; height:34px; border:0; outline:none; font-size:20px; color:#000;}
.tit_search a {float:right; display:block;}
.tit_search a img {display:block;}

.total {font-size:20px; color:#000; font-weight:700; padding-bottom:50px;}
.total em {text-decoration:underline; font-style:inherit;}

.chart_list li:first-child {padding-top:0;}
.chart_list li {padding:60px 0;}
.chart_list li + li {border-top:1px solid rgba(0, 0, 0, 0.2);}
.chart_list a {display:table; width:100%; position:relative;}
.chart_list a:after {content:''; position:absolute; right:0; top:50%; margin-top:-6px; width:31px; height:12px; background:url('../images/ico_click_b.png')0 0 no-repeat; background-size:100%;}
.chart_list img {display:table-cell;max-width: 300px;}
.chart_list div {display:table-cell; padding-left:50px; vertical-align:middle; width:100%;}
.chart_list div p {font-size:28px; color:#000;}
.chart_list div span {display:block; margin-top:30px; font-size:18px; color:#555;}
.chart_list div .txt {margin-top:50px; font-size:20px; line-height:1.8; color:#000;}

.view_tit {position:relative; padding-bottom:50px; border-bottom:1px solid #000;}
.view_tit p {font-size:32px; color:#111;}
.view_tit span {position:absolute; top:9px; right:0; font-size:18px; color:#333;}
.view_top {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:50px 0;}
.view_top li {position:relative; font-size:22px; color:#111; padding-left:30px;}
.view_top li:before {position:absolute; content:'-'; top:0; left:0; font-size:22px; color:#111;}
.view_top li + li {margin-top:26px;}
.view_content {padding:50px 0 120px;}
.view_content p {font-size:18px; color:#111; line-height:1.89;}
.view_content .view_img {padding-top:74px; overflow:hidden;}
.view_content .view_img li {float:left; width:calc(50% - 65px / 2);}
.view_content .view_img li + li {margin-left:65px;}
.view_content .view_img li img {width:100%; height:auto;}
.view_content .view_img li p {padding-top:30px; font-size:16px; color:#555;}
.view_page {border-top:1px solid rgba(0, 0, 0, 0.2);}
.view_page li {border-bottom:1px solid rgba(0, 0, 0, 0.2); padding:35px 20px; overflow:hidden;}
.view_page li span:first-child {color:#9f1a45; float:left; padding-right:50px;}
.view_page li span {font-size:18px; color:#555; float:right;}
.view_page li a {display:block; float:left; font-size:18px; color:#111;}

.list_area {padding-top:60px; text-align:center;}
.list_area .btn_list {display:inline-block; width:220px; height:70px; line-height:70px; font-size:20px; color:#111; border:1px solid rgba(0, 0, 0, 0.2);}

/* 테이블 */
.tbl_h table {width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.5);}
.tbl_h thead th , .tbl_h tbody td {border-top:1px solid rgba(0, 0, 0, 0.5); padding:34px 0; text-align:center; font-size:20px; color:#000;}
.tbl_h thead th {background:#fafafa;}
.tbl_h tbody td {border-top:1px solid rgba(0, 0, 0, 0.1);}
.tbl_h tbody td.tal {text-align:left;}

.paging_wrap {padding-top:50px; text-align:center;}
.paging {display:inline-block; overflow:hidden;}
.paging a {display:block; float:left; width:40px; height:40px; line-height:40px; text-align:center;}
.paging a.page_prev {background:url('../images/ico_page_prev.png') 0 0 no-repeat; background-size:100%; margin-right:10px;}
.paging a.prev {background:url('../images/ico_prev.png') 0 0 no-repeat; background-size:100%; margin-right:30px;}
.paging a.num {font-size:18px; color:#111;} 
.paging a.num + a.num {margin-left:5px;}
.paging a.num.active {background:#6b528e; color:#fff;}
.paging a.next {background:url('../images/ico_next.png') 0 0 no-repeat; background-size:100%; margin-left:30px;}
.paging a.page_next {background:url('../images/ico_page_next.png') 0 0 no-repeat; background-size:100%; margin-left:10px;}

.bar_style li {position:relative; padding-left:27px; font-size:18px; line-height:1.2; color:#111;}
.bar_style li + li {margin-top:20px;}
.bar_style li:after {position:absolute; top:0; left:0; content:'-'; font-size:18px; color:#111; line-height:1.2;}

.intro_box {padding:79px 200px 79px 100px; border-radius:8px; border:1px solid #e3e3e3; background:#fcfcfc; margin-bottom:100px;}
.intro_box dl {display:table;}
.intro_box dt , .intro_box dd {display:table-cell; vertical-align:middle;}
.intro_box dt {width:238px; font-size:32px; color:#111; font-weight:700;}
.intro_box dd {padding-left:70px; font-size:20px; line-height:2; color:#111;}

.intro_txt {font-size:22px; line-height:2; color:#000; margin-bottom:80px;}

/* top으로 */
.top {position:fixed; bottom:150px; right:38px; z-index:1;}

/* 20210111 chatbot charls */
.charles_msg {position:fixed; bottom:64px; right:70px; z-index:1; display: none;}
.charles {position:fixed; bottom:52px; right:26px; z-index:2;}

/* 사이 */
.img_area img {width:100%; height:auto;}
.img_area + .between {margin-top:80px;}
.between {border-top:1px solid #ccc; padding-top:100px;}

/* 검색 */
.search {overflow:hidden;}
.search input {float:left; border:0; height:60px; width:calc(100% - 120px); font-size:36px; color:#111; outline:none;}
.search input::-webkit-input-placeholder {color:#111; opacity:0.2; font-weight:300;}
.search input:-ms-input-placeholder {color:#111; opacity:0.2; font-weight:300;}
.search button {float:left; display:block; border:0; background:none; cursor:pointer;}
.search button img {display:block;}

/* 유틸 */
.utill {padding:100px 0;}
.utill_tit {font-size:56px; color:#111; font-weight:700; padding-bottom:80px;}

.search_result {overflow:hidden;}
.search_result > li {float:left; width:50%;}
.search_result > li:first-child {padding-right:55px;}
.search_result > li:last-child {padding-left:55px; border-left:1px solid rgba(0, 0, 0, 0.2);}
.search_result .search {padding-bottom:10px; border-bottom:2px solid #111;}
.search_result .result {padding-top:80px;}
.search_result .result p {font-size:24px; color:#111;}
.search_result .result p span {color:#9f1a45; font-weight:700;}
.search_result .result_list {overflow-y:auto; height:560px;}
.search_result .result_list li:first-child {padding-top:0;}
.search_result .result_list li {padding:40px 0;}
.search_result .result_list li + li {border-top:1px solid rgba(0, 0, 0, 0.1);}
.search_result .result_list li a {display:block;}
.search_result .result_list li .tit {font-size:18px; color:#9f1a45; font-weight:700;}
.search_result .result_list li .txt {font-size:22px; color:#000; margin-top:30px;}
.search_result .result_list li .desc {font-size:18px; line-height:1.89; color:#333; margin-top:20px; height:68px; overflow:hidden;}

.sitemap_wrap {overflow:hidden;}
.sitemap_wrap li {float:left; width:530px;}
.sitemap_wrap li.right {margin-left:80px; width:calc(100% - 610px);}
.sitemap_wrap li p {font-size:32px; color:#111; font-weight:700; padding-bottom:20px; border-bottom:1px solid #000;}
.sitemap_wrap .sitemap {padding-top:40px; overflow:hidden;}
.sitemap_wrap .sitemap dl {float:left; width:25%;}
.sitemap_wrap .sitemap a {display:inline-block;}
.sitemap_wrap .sitemap dl dt a {font-size:22px; color:#111; font-weight:700;}
.sitemap_wrap .sitemap dl dd a {font-size:22px; color:#333; margin-top:36px;}
.sitemap_wrap .right .sitemap dl {width:33.3%;}
.sitemap_wrap .right .sitemap dl dt a {color:#9f1a45;}

/* popup */
.termPop{display:none; position:absolute; top:0; left:0; z-index:103; width:100%;}
.termPop .popArea{position:relative; padding:0 60px 60px;max-width:900px; background:#fff;margin:0 auto;text-align:left;line-height:1.7;}
.termPop .popTitle{margin-bottom:24px;border-bottom:1px solid #333;line-height:1.3;}
.termPop .popTitle strong{display:block; padding:50px 100px 40px 0; font-size:24px; font-weight:400;}
.termPop .popTermClose{width:32px; height:32px; position:absolute; top:48px; right:60px; z-index:102; display:block; background:url('../images/ico_pop_close.png') no-repeat 0 0;}
.termPop .termVersion{text-align:right; margin-bottom:10px;}
.termPop .termVersion strong{margin-right:10px;}
.termPop .termVersion select{padding:10px 16px;}
.termPop .termCon{height:400px; padding-right:16px;}
.termPop .splitArea{margin-top:45px;}
.termPop .splitArea strong{font-weight:700;}
.termPop .splitArea p{margin-top:10px;}
.termPop .labeling{margin-top:45px;}
.termPop .labeling > .title{width:100%; text-align:center; font-size:20px; font-weight:700;}
.termPop .labeling > .box{border:solid 1px #999; border-radius:10px; padding:24px 0 16px 0; margin:12px 10px 6px 0;}
.termPop .labeling > .box td{text-align:center;}
.termPop .labeling .labelItem{display:inline-block;}
.termPop .labeling .labelItem .labelImage{height:80px;}
.termPop .labeling .labelItem .labelName{font-size:14px;}
.termPop .labeling .labelItemTooltip{display:none; position:absolute; top:0px; left:0px; width:500px; background-color:#fff; border:solid 1px #ccc; border-radius:4px; box-shadow: 4px 4px 4px #eee;}
.termPop .labeling .labelItemTooltip.right{}
.termPop .labeling .labelItemTooltip.center{}
.termPop .labeling .labelItemTooltip.show{display:inline-block;}
.termPop .labeling .labelItemTooltip .title{background-color:#ccc; margin:3px; padding:5px; font-size:16px; font-weight:700;}
.termPop .labeling .labelItemTooltip .content{text-align:left; font-size:14px; padding:5px 20px;}
.termPop .labeling > .footnote{font-size:14px;}
.termPop .lawIndex{margin-top:45px;}
.termPop .lawIndex > .title{width:100%; text-align:center; font-size:20px; font-weight:700;}
.termPop .lawList{margin-bottom:80px;}
.termPop .lawList > ul > li{margin-top:45px;}
.termPop .lawList > ul > li.mgtZero{margin-top:0;}
.termPop .lawList .lawTitle{overflow:hidden; display:block; font-size:24px; font-weight:800;}
.termPop .lawList .lawTnum{display:inline-block; float:left; min-width:20px; margin-right:10px;}
.termPop .lawList .lawTtxt{display:inline-block; float:left; width:calc(100% - 50px);}
.termPop .lawList .numType{overflow:hidden; margin-top:22px;}
.termPop .lawList .numType > span{font-weight:700; display:block; float:left; min-width:30px; margin-right:10px;}
.termPop .lawList .defaultTxt{float:left; width:calc(100% - 60px);}
.termPop .lawList .inAlphabet{overflow:hidden; margin-top:10px;}
.termPop .lawList .inAlphabet > span{font-weight:700; display:block; float:left; width:25px;}
.termPop .lawList .alphabetTxt{float:left; width:calc(100% - 25px);}
.termPop .lawList .inRoma{overflow:hidden; margin-top:10px;}
.termPop .lawList .inRoma > span{font-weight:700; display:block; float:left; min-width:10px; margin-right:10px;}
.termPop .lawList .inRoma > p{float:left; width:calc(100% - 40px);}
.termPop .lawList .caution{position:relative; padding-left:20px; margin-top:20px; font-size:16px; line-height:26px; color:#666;}
.termPop .lawList .caution:before{content:'※'; display:block; position:absolute; top:0; left:0;}
.termPop .lawList .liHyphen.inLaw{margin-top:22px;}
.termPop .lawList .liHyphen.mgtZero{margin-top:0;}
.termPop .lawList a{display:inline; text-decoration:underline; word-break:break-all;}
.termPop .lawList a.decoNone{text-decoration:none;}
.termPop .lawList table{}
.termPop .lawList table > thead{}
.termPop .lawList table > thead > tr{border-top:solid 1px #333;}
.termPop .lawList table > thead > tr > th{background-color:#eee; padding:10px; text-align:center;}
.termPop .lawList table > tbody > tr{border-bottom:solid 1px #ccc;}
.termPop .lawList table > tbody > tr > td{padding:10px;}
.termDim{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:102; background:#000; filter:alpha(opacity=50); opacity:0.5;}

.publicPop{display:none; position:absolute; top:0; left:0; z-index:101; width:100%;}
.publicPop .popArea{position:relative; padding:0 60px 60px;max-width:1080px; background:#fff;margin:0 auto;line-height:1.7;}
.publicPop .popTitle strong{display:block; padding:50px 100px 40px 0; font-size:24px; font-weight:400;line-height:1.3;}
.publicPop .popClose{width:32px; height:32px; position:absolute; top:48px; right:60px; z-index:102; display:block; background:url('../images/ico_pop_close.png') no-repeat 0 0;}
.publicPop .moviePop iframe{height:540px;}
.dim{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:100; background:#000; filter:alpha(opacity=50); opacity:0.5;}

.publicPop.popEmailReject .popArea{position:relative; padding:0 60px 60px;max-width:600px; background:#fff;margin:0 auto;text-align:left;}
.publicPop.popEmailReject .popTitle{margin-bottom:24px;border-bottom:1px solid #333;}
.publicPop.popEmailReject .popArea .dashBk{padding-left:11px;position:relative;margin-top:30px;font-size:17px;padding-bottom:24px;margin-bottom:30px;border-bottom:1px solid #d8d8d8;}
.publicPop.popEmailReject .popArea .dashBk:before{content:'';position:absolute;top:13px;left:0;width:6px;height:2px;background:#888;}

.popCanBtn{margin:40px auto 0 auto; text-align:center;}
.btnBk{font-size:15px;color:#fff;line-height:27px;font-weight:700;padding:9px 20px;background:#000;min-width:150px;display:inline-block;}

.hidden{position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}


@media ( max-width: 1430px ) {

/* layout */
.content {padding:0 2.1vw;}

/* header */

.header .menu > li {float:left; padding:0 1.74vw;}
.header .right_menu > li + li {margin-left:2.79vw;}
.header .language {margin-left:3.35vw;}
.header .language li + li {margin-left:0.83vw; padding-left:0.9vw;}

.header .submenu li + li {margin-left:4.19vw;}

.header .submenu .search {max-width:calc(1430px + 4.2vw); padding:60px 2.1vw;}
.header .menu > li:nth-child(3) .submenu ul {padding-left:calc(27.86% + 96px + 6.99vw);}
.header .menu > li:nth-child(4) .submenu ul {padding-left:calc(27.86% + 156px + 10.48vw);}

/* footer */
.footer {padding:52px 2.1vw;}
.footer .util li + li {margin-left:1.74vw;}
.footer .util li {font-size:1.04vw;}
.footer .util li a {font-size:1.04vw;}
.footer .policy li {margin-left:1.74vw; font-size:1.04vw;}
.footer .policy li a {font-size:1.04vw;}
.footer .adress {font-size:1.04vw;}
.footer .copy {margin-left:2.09vw; font-size:1.04vw;}


/* main */
.visual_swiper .swiper-slide h2 {font-size:4.75vw;}
.visual_swiper .swiper-slide p {font-size:1.67vw; margin-top:3.5vw;}
.visual_swiper .swiper-slide a {font-size:1.25vw; margin-top:8.4vw; padding-right:3.49vw; background-size:2.16vw auto;}

.visual_swiper .swiper-pagination.swiper-number {font-size:1.4vw;}

.visual_swiper .swiper-pagination-bullet {width:2.8vw;}

.visual_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:10.13vw;}

.visual_swiper .swiper-button-prev {width:0.76vw; height:1.25vw;}
.visual_swiper .swiper-button-next {width:0.76vw; height:1.25vw;}

.platform {padding:14vw 0 11.4vw;}
.platform h2 {font-size:2.8vw; padding-bottom:6.3vw;}
.platform ul {padding-top:5.6vw;}
.platform ul li .tit {width:19.58vw; height:19.58vw; padding-top:8.81vw; font-size:1.53vw; background-size: 2.51vw auto, 100%; background-position: center 4.9vw , 0 0;}
.platform ul li .txt {font-size:1.53vw; padding-top:3.5vw;}
.platform ul li .desc {font-size:1.25vw; padding-top:2.1vw;}

.ai_type {padding:12.51vw 0 6.99vw;}
.ai_type .ai_type_tit {padding-bottom:6.36vw;}
.ai_type .ai_type_tit h2 {font-size:3.91vw;}
.ai_type .ai_type_tit p {font-size:1.39vw; padding-top:2.09vw;}
.type_reference {height:41.92vw;}
.type_reference > div {padding-top:20.27vw; width:35.66vw;}
.type_reference p {font-size:1.25vw; padding-bottom:2.09vw; margin-bottom:2.09vw;}
.type_reference ul li {margin-top:2.09vw; padding-left:2.3vw; font-size:1.39vw; background-size:1.11vw auto;}
.type_reference ul li + li {margin-top:1.74vw;}
.type_list_swiper .swiper-container {padding-bottom:6.29vw;}
.type_list_swiper .swiper-pagination-fraction {font-size:1.39vw; bottom:2.37vw;}
.type_list_swiper .swiper-button-prev {width:0.76vw; height:1.25vw; margin-left:-3.98vw; bottom:2.44vw;}
.type_list_swiper .swiper-button-next {width:0.76vw; height:1.25vw; margin-right:-3.98vw; bottom:2.44vw;}

.type_list {height:35.66vw;}
.type_list li a {height:11.88vw;}
.type_list li p {padding-left:11.48vw; font-size:1.95vw; color:#111;}
.type_list li p + p {font-size:1.25vw; padding-top:1.53vw;}
.type_list li.active p:after {margin-top:-0.41vw; width:2.16vw; height:0.83vw; background-size:100% auto;}


.language_type .type_reference > div {background:url('../images/ico_language.png') 0 9.09vw no-repeat;}
.language_type .type_list li:first-child {background-size:2.37vw auto;}
.language_type .type_list li:nth-child(2) {background-size:2.37vw auto;}
.language_type .type_list li:nth-child(3) {background-size:2.37vw auto;}
.language_type .type_list li:nth-child(4) {background-size:2.37vw auto;}
.language_type .type_list li:nth-child(5) {background-size:2.37vw auto;}
.language_type .type_list li:last-child {background-size:2.37vw auto;}
.sight_type .type_reference > div {background:url('../images/ico_sight.png') 0 9.09vw no-repeat;}
.sight_type .type_list li:first-child {background-size:2.37vw auto;}
.sight_type .type_list li:nth-child(2) {background-size:2.37vw auto;}
.sight_type .type_list li:nth-child(3) {background-size:2.37vw auto;}
.sight_type .type_list li:nth-child(4) {background-size:2.37vw auto;}
.sight_type .type_list li:nth-child(5) {background-size:2.37vw auto;}
.sight_type .type_list li:last-child {background-size:2.37vw auto;}
.complex_type .type_reference > div {background:url('../images/ico_complex.png') 0 9.09vw no-repeat;}
.complex_type .type_list li:first-child {background-size:2.37vw auto;}
.complex_type .type_list li:nth-child(2) {background-size:2.37vw auto;}
.complex_type .type_list li:nth-child(3) {background-size:2.37vw auto;}
.complex_type .type_list li:nth-child(4) {background-size:2.37vw auto;}
.complex_type .type_list li:nth-child(5) {background-size:2.37vw auto;}
.complex_type .type_list li:last-child {background-size:2.37vw auto;}

.ai_story {padding:14.68vw 0 13.98vw;}
.ai_story h2 {font-size:3.21vw; padding-bottom:2.1vw;}
.ai_story > p {padding-bottom:7.7vw;}
.btn_story {font-size:1.39vw; padding-right:1.95vw; background-size:1.25vw;}
.story_list li {width:calc(33.3% - 11.88vw / 3);}
.story_list li + li {margin-left:5.94vw;}
.story_list li p {margin-top:2.79vw; padding-left:2.51vw; font-size:1.67vw; background-size:1.11vw;}

.story_list.double li {width:calc(50% - 5.6vw / 2); margin-bottom:5.6vw;}
.story_list.double li + li {margin-left:5.6vw;}
.story_list.double li p {margin-top:2.1vw;}
.story_list.double li span {margin-top:1.4vw; padding-left:2.51vw; font-size:1.25vw;}

/* sub */
.sub_visual {height:25.17vw;}
.sub_visual .sub_visual_txt {margin-left:-50%; width:100%;}
.sub_visual h2 {font-size:5.03vw; margin-top:5.8vw;}
.location {padding-top:2.79vw;}
.location span {font-size:1.11vw;}
.location span + span {padding-left:3.49vw;}
.location span + span:before {left:1.6vw;}

.content_wrap {padding:8.4vw 0;}
.section {padding-bottom:11.18vw;}
.section.bg_gray {padding-top:11.18vw;}
.section:nth-child(2), .bg_gray + .section {padding-top:11.18vw;}

.sub_top {padding-bottom:7vw;}
.sub_top h3 {font-size:3.07vw;}
.sub_top p {font-size:1.4vw; padding-top:3.5vw;}

.sub_tit {font-size:1.67vw; padding-bottom:5.59vw;}

.sub_txt_area h5 {font-size:2.23vw; padding-bottom:2.44vw;}
.sub_txt_area p {font-size:1.67vw; padding-bottom:3.5vw;}


.number_list > li {padding-bottom:4.89vw;}
.number_list > li + li {padding-top:4.89vw;}
.number_list > li span {top:0.69vw; font-size:2.23vw;}
.number_list > li + li span {top:5.6vw;}
.number_list > li .tit {padding-left:5.6vw; font-size:2.23vw;}
.number_list > li .txt {padding:2.79vw 0 0 5.6vw; font-size:1.25vw;}

.video_wrap {height:55.94vw;}

.faq_swiper .faq_tit {left:5.6vw; font-size:3.07vw;}
.faq_swiper .swiper-container {padding-top:6.15vw;}
.faq_swiper .swiper-slide {padding:0 5.6vw;}

.faq_swiper .swiper-pagination.swiper-number {font-size:1.4vw; top:0.9vw; right:5.6vw;}

.faq_swiper .swiper-container-horizontal>.swiper-bullet {right:14.33vw; top:1.4vw;}
.faq_swiper .swiper-pagination-bullet {width:5.24vw;}
.faq_swiper .swiper-button-next , .faq_swiper .swiper-button-prev {width:2.02vw; height:3.91vw; margin-top:1.25vw;}

.reference_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:10.13vw; left:auto; right:14.33vw; top:1.4vw;}

.faq {width:calc(50% - 4.19vw / 2); min-height:40.55vw; border-radius:0.7vw;}
.faq + .faq {margin-left:4.19vw;}
.faq dl {padding:2.79vw 8.74vw;}
.faq dt {min-width:21.67vw; padding:0.97vw 2.1vw; border-radius:0.7vw; font-size:1.4vw;}
.faq dd {margin-top:2.79vw; border-radius:0.7vw; padding:1.53vw 2.1vw; font-size:1.4vw;}
.faq dt:after , .faq dd:after {width:4.19vw; height:4.19vw; line-height:4.19vw; font-size:2.23vw;} 
.faq dt:after {left:-5.94vw;}
.faq dd:after {right:-5.94vw;}

.reference_tit {font-size:2.23vw; padding-bottom:2.1vw;}
.reference_tit.only {padding-bottom:8.11vw;}
.reference_txt {font-size:1.67vw; padding-bottom:4.2vw;}

.reference_swiper .swiper-slide {padding:0 5.59vw;}

.reference_swiper .swiper-pagination.swiper-number {font-size:1.39vw; top:0.41vw; right:5.59vw;}

.reference_swiper .swiper-container-horizontal>.swiper-bullet {right:14.33vw; top:13px;}
.reference_swiper .swiper-pagination-bullet {width:2.79vw;}
.reference_swiper .swiper-button-next , .reference_swiper .swiper-button-prev {width:2.02vw; height:3.91vw; margin-top:1.25vw;}

.reference_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:10.13vw; left:auto; right:14.33vw; top:0.9vw;}



.download_list li {padding:2.3vw 14.68vw 3.14vw 10.13vw; background:url('../images/ico_download.png') 2.93vw center no-repeat; background-size:2.86vw auto;}
.download_list li .desc {font-size:1.11vw; padding-bottom:1.25vw;} 
.download_list li .tit {font-size:1.67vw;}
.download_list li .btn_download {margin-top:-2.1vw; right:2.1vw; width:12.58vw; height:5.2vw; font-size:1.53vw; border-radius:2.6vw;}

.tit_area {padding-bottom:5.6vw;}
.tit_area .tit {font-size:2.23vw;}
.tit_area .btn_story {margin-top:0.48vw;}

.more_area {padding-top:3.5vw;}
.more_area .btn_more {font-size:1.4vw; padding-right:2.1vw; background-size:1.04vw auto;}

.tit_search input {width:16.08vw; height:2.37vw; font-size:1.4vw;}
.tit_search a img {display:block; width:2.37vw; height:auto;}

.total {font-size:1.4vw; padding-bottom:3.5vw;}

.chart_list li {padding:4.2vw 0;}
.chart_list a:after {margin-top:-0.41vw; width:2.16vw; height:0.83vw;}
.chart_list img {width:29.02vw; height:auto;}
.chart_list div {padding-left:3.5vw;}
.chart_list div p {font-size:1.95vw;}
.chart_list div span {margin-top:2.1vw; font-size:1.25vw;}
.chart_list div .txt {margin-top:3.5vw; font-size:1.4vw;}

.view_tit {padding-bottom:3.5vw;}
.view_tit p {font-size:2.23vw;}
.view_tit span {top:0.62vw; font-size:1.25vw;}
.view_top {padding:3.5vw 0;}
.view_top li {font-size:1.53vw; padding-left:2.1vw;}
.view_top li:before {font-size:1.53vw;}
.view_top li + li {margin-top:1.81vw;}
.view_content {padding:3.5vw 0 8.4vw;}
.view_content p {font-size:1.25vw;}
.view_content .view_img {padding-top:5.17vw;}
.view_content .view_img li {width:calc(50% - 4.54vw / 2);}
.view_content .view_img li + li {margin-left:4.54vw;}
.view_content .view_img li p {padding-top:2.1vw; font-size:1.11vw;}
.view_page li {padding:2.44vw 1.4vw;}
.view_page li span:first-child {padding-right:3.5vw;}
.view_page li span {font-size:1.25vw;}
.view_page li a {font-size:1.25vw;}

.list_area {padding-top:4.2vw;}
.list_area .btn_list {width:15.38vw; height:4.89vw; line-height:4.89vw; font-size:1.4vw;}


/* 테이블 */
.tbl_h thead th , .tbl_h tbody td {padding:2.37vw 0; font-size:1.4vw;}

.paging_wrap {padding-top:3.5vw;}
.paging a {width:2.8vw; height:2.8vw; line-height:2.8vw;}
.paging a.page_prev {margin-right:0.7vw;}
.paging a.prev {margin-right:2.1vw;}
.paging a.num {font-size:1.25vw; }
.paging a.num + a.num {margin-left:0.34vw;}
.paging a.next {margin-left:2.1vw;}
.paging a.page_next {margin-left:0.7vw;}

.bar_style li {padding-left:1.88vw; font-size:1.25vw;}
.bar_style li + li {margin-top:1.39vw;}
.bar_style li:after {font-size:1.25vw;}

.intro_box {padding:5.52vw 14vw 5.52vw 7vw; border-radius:0.55vw; margin-bottom:7vw;}
.intro_box dt {width:17vw; font-size:2.23vw;}
.intro_box dd {padding-left:4.89vw; font-size:1.4vw;}

.intro_txt {font-size:1.53vw; margin-bottom:5.6vw;}

.img_float li {width:calc(50% - 2.1vw);}
.img_float li + li {margin-left:4.2vw;}

.img_area + .between {margin-top:5.59vw;}
.between {padding-top:6.99vw;}

/* 검색 */
.search input {float:left; border:0; height:4.2vw; width:calc(100% - 8.4vw); font-size:2.51vw; color:#111; outline:none;}
.search button {float:left; display:block; border:0; background:none; cursor:pointer;}
.search button img {display:block; width:8.4vw; height:auto;}

/* 유틸 */
.utill {padding:7vw 0;}
.utill_tit {font-size:4vw; padding-bottom:5.6vw;}

.search_result > li:first-child {padding-right:3.84vw;}
.search_result > li:last-child {padding-left:3.84vw;}
.search_result .search {padding-bottom:0.7vw;}
.search_result .result {padding-top:5.6vw;}
.search_result .result p {font-size:1.67vw;}
.search_result .result_list {height:39.16vw;}
.search_result .result_list li {padding:2.8vw 0;}
.search_result .result_list li .tit {font-size:1.25vw;}
.search_result .result_list li .txt {font-size:1.53vw; margin-top:2.1vw;}
.search_result .result_list li .desc {font-size:1.25vw; margin-top:1.4vw; height:4.75vw; overflow:hidden;}

.sitemap_wrap li {width:37.06vw;}
.sitemap_wrap li.right {margin-left:5.6vw; width:calc(100% - 42.66vw);}
.sitemap_wrap li p {font-size:2.23vw; padding-bottom:1.4vw;}
.sitemap_wrap .sitemap {padding-top:2.8vw;}
.sitemap_wrap .sitemap dl dt a {font-size:1.53vw;}
.sitemap_wrap .sitemap dl dd a {font-size:1.53vw; margin-top:2.1vw;}
  
}

@media ( max-width: 1080px ) {
/* header */
.header {height:100px; padding:0 20px;}
.header h1 {float:left; padding-top:39px; font-size:20px;}
.header .gnb_m {float:right; display:block !important;}
.header .btn_search_ico_m {float:left; margin-top:37px; margin-right:30px; display:none;}
.header .btn_menu {float:left; margin-top:37px; width:25px; height:25px; background:url('../images/m/ico_menu.png') center center no-repeat; background-size:24px 18px; z-index:1; position:relative;}
.header .btn_menu.on {background:url('../images/m/ico_close.png') center center no-repeat; background-size:40px;}

.header .gnb {position:fixed; top:100px; left:0; width:100%; height:100%; margin-left:0; padding:0 20px; display:none; background:#fff;}
.header .menu {float:none; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding-top:0;}
.header .menu > li {float:none; padding:0;}
.header .menu > li:hover > .submenu {display:none;}
.header .menu > li > a {padding:27px 0 23px; background:url('../images/m/ico_off.png') right 29px no-repeat; transition:auto;-o-transition: auto;-moz-transition: auto;-webkit-transition: auto;}
.header .menu > li > a:before {display:none;}
.header .menu > li > a.active {background:url('../images/m/ico_on.png') right 36px no-repeat;}
.header .menu > li + li {margin-left:0; border-top:1px solid rgba(0, 0, 0, 0.1);}

.header .submenu {position:static; border-top:1px solid rgba(0, 0, 0, 0.1);}
.header .submenu > div {padding:0;}
.header .submenu ul {float:none; width:100%; padding:20px 0;}
.header .submenu ul li {float:none;}
.header .submenu ul li a {font-size:16px; line-height:2.5; color:#111;}
.header .submenu ul li + li {margin-left:0;}
.header .menu > li:nth-child(3) .submenu ul {padding-left:0;}
.header .menu > li:nth-child(4) .submenu ul {padding-left:0;}

.header .right {float:none; padding-top:30px;}
.header .right_menu {padding-top:0;}
.header .right_menu li {line-height:1;}
.header .right_menu li a {font-size:16px; color:#111; font-weight:700;}
.header .right_menu li:first-child a {color:#9f1a45; padding-left:0; background:none;}
.header .right_menu li + li {margin-left:24px;}
.header .right_menu li .btn_search_ico {display:none;}
.header .language {float:right; padding-top:0;}
.header .language li a {font-size:16px; color:#111; font-weight:700;}
.header .language li + li {margin-left:15px; padding-left:15px;}
}

@media ( max-width: 768px ) {
/* layout */
.container {padding-top:70px;}
.content {padding:0 9.6vw;}
.pc {display:none !important;}
.mob {display:block !important;}

/* header */
.header {height:70px; padding:0 20px;}
.header h1 {float:left; padding-top:27px; font-size:15px;}
.header .btn_search_ico_m {margin-top:21px;}
.header .btn_menu {margin-top:21px;}

.header .gnb {top:70px}

/* footer */
.footer_wrap {border-top:1px solid rgba(112, 112, 112, 0.2);}
.footer {padding:40px 9.6vw;}
.footer .util {float:none; overflow:hidden;}
.footer .util li {font-size:15px;}
.footer .util li + li {margin-left:3.73vw;}
.footer .util li a {font-size:15px;}
.footer .policy {float:none; overflow:hidden; margin-top:20px;}
.footer .policy li {float:left; margin-left:0; font-size:14px; margin-right:3.73vw; line-height:1.71;}
.footer .policy li a {font-size:14px;}
.footer .right {float:none;}
.footer .adress {float:none; margin-top:30px; font-size:14px; line-height:1.71;}
.footer .copy {float:none; margin-top:15px; margin-left:0; font-size:14px;}

/* main */
.visual_swiper .swiper-slide > div {top:35.16vw; left:9.6vw;}
.visual_swiper .swiper-slide h2 {font-size:7.46vw; line-height:1.5;}
.visual_swiper .swiper-slide p {font-size:4vw; line-height:2; margin-top:5.33vw;}
.visual_swiper .swiper-slide a {font-size:4.26vw; margin-top:17.86vw; padding-right:12vw; background-size:8.26vw auto;}
.visual_swiper .swiper-slide a:hover {padding-right:8vw; background-size:5.33vw auto;}
.visual_swiper .swiper-slide .slide01 {top:33.6vw;}
.visual_swiper .swiper-slide .slide01 h2 {font-size:9.6vw; line-height:1.44;}
.visual_swiper .swiper-slide .slide01 a {margin-top:26.66vw}

.visual_swiper .swiper-pagination.swiper-number {font-size:3.73vw; top:17vw; left:auto; right:9.6vw;}

.visual_swiper .swiper-container-horizontal>.swiper-bullet {left:9.6vw;}
.visual_swiper .swiper-pagination-bullet {width:16.53vw;}
.visual_swiper .swiper-container-horizontal>.swiper-bullet {top:25.86vw;}

.visual_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:59.46vw; left:9.6vw; top:17.86vw;}


.platform {padding:21.33vw 0 17.86vw;}
.platform h2 {font-size:5.86vw; line-height:1.91; padding-bottom:13.33vw; border-bottom:2px solid #e9e9e9; margin:0 8vw;}
.platform .platform_swiper {border-top:0; padding-top:13.33vw;}
.platform .platform_swiper .swiper-slide {padding:0 0 13.33vw; text-align:center;}
.platform .platform_swiper .slide01 .tit {background-image:url('../images/ico_cloud.png') , url('../images/m/img_circle_m.png');}
.platform .platform_swiper .slide02 .tit {background-image:url('../images/ico_model.png') , url('../images/m/img_circle_m.png');}
.platform .platform_swiper .slide03 .tit {background-image:url('../images/ico_api.png') , url('../images/m/img_circle_m.png');}
.platform .platform_swiper .tit {margin:0 auto; width:64vw; height:64vw; padding-top:31.46vw; font-size:4.8vw; font-weight:700; color:#111; line-height:1.78; background-position:center 16vw, 0 0; background-size:9.6vw auto, 100%; background-repeat:no-repeat;}
.platform .platform_swiper .txt {font-size:4.8vw; color:#111; padding-top:10.66vw; font-weight:700;}
.platform .platform_swiper .desc {font-size:4.26vw; color:#111; line-height:1.67; padding-top:5.33vw;}

.platform_swiper .swiper-pagination.swiper-number {font-size:3.73vw; font-weight:700; bottom:0; left:auto; right:9.6vw; position:absolute; color:#000; width:auto;}

.platform_swiper .swiper-pagination {font-size:0; text-align:left;}
.platform_swiper .swiper-container-horizontal>.swiper-bullet {left:9.6vw; position:absolute; bottom:1.86vw;}
.platform_swiper .swiper-pagination-bullet {width:16.53vw; height:2px; background:#000; opacity:0.1; border-radius:0;}
.platform_swiper .swiper-pagination-bullet:last-child {border-top-right-radius:1px; border-bottom-right-radius:1px;}
.platform_swiper .swiper-pagination-bullet-active {background:#5f578b; opacity:1; border-radius:1px;}
.platform_swiper .swiper-container-horizontal>.swiper-bullet .swiper-pagination-bullet {margin:0;}

.platform_swiper .swiper-button-prev {top:32vw; margin-top:-4.4vw; left:2.93vw; width:4.8vw; height:8.8vw; background:url('../images/m/ico_prev.png') 0 0 no-repeat; background-size:100%;}
.platform_swiper .swiper-button-prev:after {display:none;}
.platform_swiper .swiper-button-next {top:32vw; margin-top:-4.4vw; right:2.93vw; width:4.8vw; height:8.8vw; background:url('../images/m/ico_next.png') 0 0 no-repeat; background-size:100%}
.platform_swiper .swiper-button-next:after {display:none;}

.platform_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:59.46vw; height:2px; left:9.6vw; top:auto; bottom:1.86vw; background:rgba(0, 0, 0, 0.1); border-radius:1px;}
.platform_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#5f578b; border-radius:1px;}


.ai_type {padding:32vw 0 0;}
.ai_type .ai_type_tit {padding-bottom:10.66vw;}
.ai_type .ai_type_tit h2 {font-size:7.46vw;}
.ai_type .ai_type_tit p {font-size:4.26vw; padding-top:5.33vw;}
.type_reference {float:none; width:100%; height:85.33vw;}
.type_reference > div {left:9.6vw; padding-top:43.73vw; width:80.8vw;}
.type_reference p {font-size:4.26vw; padding-bottom:5.33vw; position:relative;}
.type_reference .swiper-pagination-fraction {bottom:auto; top:0; left:0; color:#fff; font-weight:400; font-size:3.73vw; text-align:right}
.type_reference .swiper-pagination-fraction span {}
.type_reference ul li {margin-top:5.33vw; padding-left:7.2vw; font-size:4vw; line-height:2; background:url('../images/ico_list_w.png') 0 2vw no-repeat; background-size:4.26vw auto;}
.type_list {float:none; width:100%; height:auto;}
.type_list li {display:table; width:100%; background-color:#f8f8f9;}
.type_list li a {display:table-cell; height:21.3325vw; vertical-align:middle; position:relative;}
.type_list li p {padding-left:25.6vw; font-size:4.8vw; color:#111;}
.type_list li.active {box-shadow:none;}
.type_list li.active p:after {display:none;}
.type_list li.active p {color:#111;}

.language_type .type_reference {background:url('../images/m/img_language_m.jpg') center center no-repeat; background-size:auto 100%;}
.language_type .type_reference > div {background:url('../images/ico_language.png') 0 16vw no-repeat; background-size:9.6vw auto;}
.language_type .type_list li:first-child {background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li:nth-child(2) {background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li:nth-child(3) {background-position:9.6vw center; background-size:3.73vw auto;}
.language_type .type_list li:nth-child(4) {background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li:nth-child(5) {background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li:last-child {background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li.active {background-color:#f8f8f9;}
.language_type .type_list li.active:first-child {background-image:url('../images/ico_type01_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li.active:nth-child(2) {background-image:url('../images/ico_type02_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li.active:nth-child(3) {background-image:url('../images/ico_type03_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li.active:nth-child(4) {background-image:url('../images/ico_type04_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li.active:nth-child(5) {background-image:url('../images/ico_type05_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.language_type .type_list li.active:last-child {background-image:url('../images/ico_type06_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_reference {background:url('../images/m/img_sight_m.jpg') center center no-repeat; background-size:auto 100%;}
.sight_type .type_reference > div {background:url('../images/ico_sight.png') 0 13.33vw no-repeat; background-size:10.66vw auto;}
.sight_type .type_list li:first-child {background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li:nth-child(2) {background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li:nth-child(3) {background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li:nth-child(4) {background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li:nth-child(5) {background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li:last-child {background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li.active {background-color:#f8f8f9;}
.sight_type .type_list li.active:first-child {background-image:url('../images/ico_type07_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li.active:nth-child(2) {background-image:url('../images/ico_type08_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li.active:nth-child(3) {background-image:url('../images/ico_type09_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li.active:nth-child(4) {background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li.active:nth-child(5) {background-position:9.6vw center; background-size:5.33vw auto;}
.sight_type .type_list li.active:last-child {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type {padding-bottom:21.33vw;}
.complex_type .type_reference {background:url('../images/m/img_complex_m.jpg') center center no-repeat; background-size:auto 100%;}
.complex_type .type_reference > div {background:url('../images/ico_complex.png') 0 15.2vw no-repeat; background-size:12.26vw auto;}
.complex_type .type_list {height:21.3325vw;}
.complex_type .type_list li:first-child {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li:nth-child(2) {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li:nth-child(3) {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li:nth-child(4) {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li:nth-child(5) {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li:last-child {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li.active {background-color:#f8f8f9;}
.complex_type .type_list li.active:first-child {background-image:url('../images/ico_type13_b.png'); background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li.active:nth-child(2) {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li.active:nth-child(3) {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li.active:nth-child(4) {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li.active:nth-child(5) {background-position:9.6vw center; background-size:5.33vw auto;}
.complex_type .type_list li.active:last-child {background-position:9.6vw center; background-size:5.33vw auto;}

.ai_story {background:#f4f4f4; padding:26.66vw 0 16vw;}
.ai_story h2 {font-size:7.46vw; padding-bottom:5.33vw;}
.ai_story > p {padding-bottom:18.66vw;}
.btn_story {font-size:4vw; line-height:4.8vw; padding-right:7.46vw; background-size:4.8vw auto;}

.story_list_swiper .swiper-slide {padding-bottom:17.6vw;}
.story_list_swiper .swiper-slide a {display:block; width:100%;}
.story_list_swiper .swiper-slide img {width:100%; height:auto;}
.story_list_swiper .swiper-slide p {margin-top:8vw; padding-left:18.66vw; font-size:4.8vw; color:#000; background:url('../images/ico_list_b.png') 9.6vw 1vw no-repeat; background-size:4.26vw auto;}

.story_list_swiper .swiper-pagination.swiper-number {font-size:3.73vw; font-weight:700; bottom:0; left:auto; right:9.6vw; position:absolute; color:#000; width:auto;}

.story_list_swiper .swiper-pagination {font-size:0; text-align:left;}
.story_list_swiper .swiper-container-horizontal>.swiper-bullet {left:9.6vw; position:absolute; bottom:1.86vw;}
.story_list_swiper .swiper-pagination-bullet {width:16.53vw; height:2px; background:#000; opacity:0.1; border-radius:0;}
.story_list_swiper .swiper-pagination-bullet:last-child {border-top-right-radius:1px; border-bottom-right-radius:1px;}
.story_list_swiper .swiper-pagination-bullet-active {background:#5f578b; opacity:1; border-radius:1px;}
.story_list_swiper .swiper-container-horizontal>.swiper-bullet .swiper-pagination-bullet {margin:0;}

.story_list_swiper .swiper-button-prev {top:33.33vw; margin-top:-3.2vw; left:3.2vw; width:6.4vw; height:6.4vw; background:url('../images/m/ico_prev_m.png') 0 0 no-repeat; background-size:100%;}
.story_list_swiper .swiper-button-prev:after {display:none;}
.story_list_swiper .swiper-button-next {top:33.33vw; margin-top:-3.2vw; right:3.2vw; width:6.4vw; height:6.4vw; background:url('../images/m/ico_next_m.png') 0 0 no-repeat; background-size:100%}
.story_list_swiper .swiper-button-next:after {display:none;}
 
.story_list_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:59.46vw; height:2px; left:9.6vw; top:auto; bottom:1.86vw; background:rgba(0, 0, 0, 0.1); border-radius:1px;}
.story_list_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#5f578b; border-radius:1px;}


.story_list li p {padding-left:8.53vw; font-size:4.8vw; line-height:1.78; background:url('../images/ico_list_b.png') 0 2.66vw no-repeat; background-size:4.26vw auto;}

.story_list.double li {width:100%; margin-bottom:13.33vw;}
.story_list.double li + li {margin-left:0;}
.story_list.double li p {margin-top:5.33vw;}
.story_list.double li span {padding-left:8.53vw; margin-top:4vw; font-size:4vw;}



 /* sub */
.sub_visual {height:48vw;}
.sub_visual.vision {background:url('../images/m/img_vision_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.talk {background:url('../images/m/img_talk_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.stt {background:url('../images/m/img_stt_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.tts {background:url('../images/m/img_tts_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.nl {background:url('../images/m/img_nl_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.api {background:url('../images/m/img_api_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.acc {background:url('../images/m/img_acc_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.goods {background:url('../images/m/img_goods_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.face {background:url('../images/m/img_face_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.psc {background:url('../images/m/img_psc_m.jpg') center center no-repeat; background-size:100% 100%;}
.sub_visual.intro {background:url('../images/m/img_intro_m.jpg'); background-size:100% 100%;}
.sub_visual.blog {background:url('../images/m/img_blog_m.jpg'); background-size:100% 100%;}
.sub_visual.news {background:url('../images/m/img_news_m.jpg'); background-size:100% 100%;}
.sub_visual.notice {background:url('../images/m/img_notice_m.jpg'); background-size:100% 100%;}
.sub_visual .sub_visual_txt {position:absolute; top:0; left:0; margin-left:0; width:100%; height:100%;}
.sub_visual h2 {font-size:8.53vw; margin-top:0; padding-top:19.46vw;}
.sub_visual .location {display:none;}

.content_wrap {padding:16vw 0 21.33vw;}
.section {padding-bottom:21.33vw;}
.section.bg_gray {background:#f4f4f4; padding-top:21.33vw;}
.section:nth-child(2) {padding-top:16vw;}
.bg_gray + .section {padding-top:21.33vw;}

.sub_top {padding-bottom:13.33vw;}
.sub_top h3 {font-size:5.86vw; line-height:1.55;}
.sub_top p {font-size:4vw; padding-top:8vw;}
.sub_top .lg {font-size:5.06vw; line-height:1.58; padding-top:8vw;}
.sub_top .lg + p {padding-top:5.33vw;}

.sub_tit {font-size:4.26vw; padding-bottom:13.33vw;}

.sub_txt_area h5 {font-size:5.33vw; padding-bottom:4vw;}
.sub_txt_area p {font-size:4.26vw; padding-bottom:8vw;}


.img_area {position:relative;}
.img_area .btn_img {position:absolute; width:14.93vw; height:14.93vw; bottom:0; right:0; background:url('../images/m/ico_img.png') 0 0 no-repeat; background-size:100% auto;}

.number_list > li {padding-bottom:13.33vw; padding-top:11.2vw;}
.number_list > li + li {padding-top:24.53vw;}
.number_list > li span {position:absolute; top:0; left:0; font-size:5.33vw;}
.number_list > li + li span {top:13.33vw;}
.number_list > li .tit {padding-left:0; font-size:5.33vw; line-height:1.8;}
.number_list > li .txt {padding:8vw 0 0 0; font-size:4vw; line-height:2;}

.video_wrap {height:45.06vw;}

.faq_swiper .faq_tit {left:9.6vw; font-size:5.86vw;}
.faq_swiper .swiper-container {padding-top:14.66vw; padding-bottom:12.26vw;}
.faq_swiper .swiper-slide {padding:0 9.6vw;}

.faq_swiper .swiper-pagination.swiper-number {font-size:3.73vw; bottom:0; top:auto; right:9.6vw;}

.faq_swiper .swiper-container-horizontal>.swiper-bullet {left:9.6vw; right:auto; bottom:1.86vw; top:auto;}
.faq_swiper .swiper-pagination-bullet {width:20vw;}
.faq_swiper .swiper-button-next , .faq_swiper .swiper-button-prev {width:4.53vw; height:8.53vw; top:83.99vw; margin-top:-4.27vw;}
.faq_swiper .swiper-button-next {background:url('../images/m/ico_next.png') 0 0 no-repeat; background-size:100%; right:2.93vw;}
.faq_swiper .swiper-button-prev {background:url('../images/m/ico_prev.png') 0 0 no-repeat; background-size:100%; left:2.93vw;}
.faq_swiper .swiper-button-next:after, .faq_swiper .swiper-button-prev:after {display:none;}

.faq_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:59.46vw; height:2px; left:9.6vw; top:auto; bottom:1.86vw; background:rgba(0, 0, 0, 0.1); border-radius:1px;}
.faq_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#5f578b; border-radius:1px;}


.faq {float:none; width:100%; min-height:138.66vw; border-radius:1.33vw;}
.faq + .faq {margin-left:0;}
.faq dl {padding:5.33vw;}
.faq dt {margin-left:10.13vw; width:57.06vw; padding:0 0 0 2.66vw; border-radius:1.33vw; font-size:4.26vw; color:#000; line-height:2.5;}
.faq dd {width:59.73vw; margin-top:5.33vw; border-radius:1.33vw; padding:3.46vw 5.33vw; font-size:4.26vw; color:#111; line-height:1.88;}
.faq dt:after , .faq dd:after {width:8vw; height:8vw; line-height:8vw; font-size:4.8vw;} 
.faq dt:after {left:-10.13vw;}
.faq dd:after {right:-10.13vw;}

.reference_tit {font-size:5.33vw; line-height:1.8; padding-bottom:1.6vw;}
.reference_txt {font-size:4.26vw; color:#000; padding-bottom:0; line-height:1.75;}

.reference_txt_area {height:41.33vw;}

.reference_swiper .swiper-container {padding-bottom:17.6vw;}
.reference_swiper .swiper-slide {padding:0 9.6vw;}

.reference_swiper .swiper-pagination.swiper-number {font-size:3.73vw; bottom:0; top:auto; left:auto; right:9.6vw;}

.reference_swiper .swiper-pagination {font-size:0; text-align:left;}
.reference_swiper .swiper-container-horizontal>.swiper-bullet {left:9.6vw; right:0; bottom:1.86vw; top:auto; position:absolute;}
.reference_swiper .swiper-pagination-bullet {width:20vw;}
.reference_swiper .swiper-button-next , .reference_swiper .swiper-button-prev {width:4.53vw; height:8.53vw; top:61.86vw; margin-top:-4.27vw;}
.reference_swiper .swiper-button-next {background:url('../images/ico_swiper_next.png') 0 0 no-repeat; background-size:100%; right:2.93vw;}
.reference_swiper .swiper-button-prev {background:url('../images/ico_swiper_prev.png') 0 0 no-repeat; background-size:100%; left:2.93vw;}
.reference_swiper .swiper-button-next:after, .reference_swiper .swiper-button-prev:after {display:none;}

.reference_swiper .swiper-container-horizontal>.swiper-pagination-progressbar {width:59.46vw; height:2px; left:9.6vw; top:auto; bottom:1.86vw; background:rgba(0, 0, 0, 0.1); border-radius:1px;}
.reference_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#5f578b; border-radius:1px;}


.download_list li {padding:8vw 4.8vw 22.39vw;  background:none;}
.download_list li .desc {font-size:3.2vw; padding-bottom:3.75vw;} 
.download_list li .tit {font-size:4.8vw;}
.download_list li .btn_download {top:auto; bottom:8vw; margin-top:0; right:auto; left:4.8vw; width:29.33vw; height:10.66vw; font-size:4.26vw; border-radius:5.33vw;}

.tit_area {padding-bottom:16vw;}
.tit_area .tit {font-size:6.4vw; line-height:1.75;}
.tit_area .btn_story {clear:both; float:none; margin-top:6.66vw;}

.more_area {padding-top:5.33vw;}
.more_area .btn_more {font-size:4.26vw; padding-right:5.6vw; background-size:3.46vw auto;}

.tit_search {padding:0; border-bottom:0;}
.tit_search input {display:none;}
.tit_search a img {width:7.2vw; height:7.2vw;}

.total {font-size:4vw; padding-bottom:10.66vw;}

.chart_list li:first-child {}
.chart_list li {padding:10.66vw 0;}
.chart_list li + li {border-top:1px solid rgba(0, 0, 0, 0.2);}
.chart_list a {display:block; width:100%; position:relative;}
.chart_list a:after {display:none;}
.chart_list img {display:block; width:100%; height:auto;}
.chart_list div {display:block; padding-left:0;}
.chart_list div p {font-size:5.33vw; line-height:1.6; margin-top:8vw;}
.chart_list div span {display:block; margin-top:4vw; font-size:4vw;}
.chart_list div .txt {display:none;}

.view_tit {padding-bottom:13.33vw;}
.view_tit p {font-size:5.86vw; line-height:1.91;}
.view_tit span {position:static; font-size:4.26vw; padding-top:9.33vw; display:block;}
.view_top {padding:10.66vw 0;}
.view_top li {font-size:4.8vw; padding-left:5.06vw; line-height:1.89;}
.view_top li:before {font-size:4.8vw; line-height:1.89;}
.view_top li + li {margin-top:0;}
.view_content {padding:10.66vw 0 25.86vw;}
.view_content p {font-size:4.26vw; line-height:1.88;}
.view_content .view_img {padding-top:16vw; overflow:hidden;}
.view_content .view_img li {float:none; width:100%;}
.view_content .view_img li + li {margin-left:0; margin-top:13.33vw;}
.view_content .view_img li img {width:100%; height:auto;}
.view_content .view_img li p {padding-top:5.86vw; font-size:3.73vw;}
.view_page li {padding:5.33vw 0 4vw; overflow:hidden;}
.view_page li span:first-child {float:none; padding:0 0 3.46vw 0;}
.view_page li span {font-size:4.26vw; float:none; display:inline-block; padding-top:2.13vw;}
.view_page li a {display:block; float:none; font-size:4.26vw; line-height:1.88;}

.list_area {padding-top:10.66vw;}
.list_area .btn_list {display:inline-block; width:50.66vw; height:13.33vw; line-height:13.33vw; font-size:4.26vw;}


/* 테이블 */
.tbl_h table {width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.5);}
.tbl_h thead th , .tbl_h tbody td {border-top:1px solid rgba(0, 0, 0, 0.5); padding:34px 0; text-align:center; font-size:20px; color:#000;}
.tbl_h thead th {background:#fafafa;}
.tbl_h tbody td {border-top:1px solid rgba(0, 0, 0, 0.1);}
.tbl_h tbody td.tal {text-align:left;}

.tbl_h_m li {padding:8vw 0;}
.tbl_h_m li:first-child {border-top:1px solid rgba(0, 0, 0, 0.5);}
.tbl_h_m li + li{border-top:1px solid rgba(0, 0, 0, 0.1);}
.tbl_h_m li a {display:block;}
.tbl_h_m li p {font-size:4.8vw; line-height:1.67; color:#000;}
.tbl_h_m li span {display:block; margin-top:4vw; font-size:4vw; color:#555;}

/* content */
.top {bottom:100px; right:13px;}
.top img {height:auto;}

/* 20210111 chatbot charls */
.charles_msg {bottom:16px; right:44px;}
.charles_msg img {height:auto;}
.charles {bottom:4px; right:4px;}
.charles img {height:auto;}

.img_area + .between {margin-top:16vw;}
.between {padding-top:16vw;}

.bar_style li {padding-left:2.93vw; font-size:4vw; line-height:2;}
.bar_style li + li {margin-top:0;}
.bar_style li:after {font-size:4vw; line-height:2; color:#000;}

.intro_box {padding:8vw; border-radius:2.13vw; margin-bottom:21.33vw;}
.intro_box dl {display:block;}
.intro_box dt , .intro_box dd {display:block;}
.intro_box dt {width:auto; font-size:6.4vw; margin-bottom:8vw;}
.intro_box dd {padding-left:0; font-size:4.26vw; line-height:1.88;}

.intro_txt {font-size:4.26vw; line-height:1.88; margin-bottom:21.33vw;}


/* 검색 */
.search input {float:left; border:0; height:10.66vw; width:calc(100% - 18.66vw); font-size:6.4vw;}
.search button img {width:18.66vw; height:auto;}

/* 유틸 */
.utill {padding:13.33vw 0 21.33vw;}
.utill_tit {font-size:8.53vw; padding-bottom:16vw;}

.search_result > li {float:none; width:100%;}
.search_result > li:first-child {padding-right:0;}
.search_result > li:last-child {padding-left:0; border-left:0; padding-top:80px;}
.search_result .search {padding-bottom:2.66vw;}
.search_result .result {padding-top:8vw;}
.search_result .result p {font-size:4.53vw;}
.search_result .result_list {overflow-y:auto; height:auto;}
.search_result .result_list li:first-child {padding-top:0;}
.search_result .result_list li {padding:10.66vw 0;}
.search_result .result_list li a {display:block;}
.search_result .result_list li .tit {font-size:4vw;}
.search_result .result_list li .txt {font-size:5.33vw; line-height:1.6; margin-top:8.8vw;}
.search_result .result_list li .desc {font-size:4.26vw; line-height:1.75; margin-top:5.33vw; height:15vw;}

.sitemap_wrap li {float:none; width:100%;}
.sitemap_wrap li.right {margin-left:0; margin-top:16vw; width:100%;}
.sitemap_wrap li p {font-size:5.33vw; padding-bottom:4vw;}
.sitemap_wrap .sitemap {padding-top:8vw;}
.sitemap_wrap .sitemap dl dt a {font-size:4.53vw;}
.sitemap_wrap .sitemap dl dd a {font-size:4.53vw; margin-top:5.86vw;}
.sitemap_wrap .right .sitemap dl {float:none; width:100%;}
.sitemap_wrap .right .sitemap dl + dl {padding-top:16vw;}


.termPop .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw;margin:0 5.3vw;background:#fff;}
.termPop .popArea .popTitle{position:relative;display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;padding-bottom:6.5vw;margin-bottom:6.5vw;}
.termPop .popArea .popTitle strong{display:block; padding:0; color:#000; text-align:left; font-size:5vw; font-weight:700;padding-right:10vw;}
.termPop .popArea .termCon{padding-left:2.6vw;position:relative;text-align:left;font-size:3.8vw;color:#000;margin-top:2.6vw;padding-bottom:6.5vw;margin-bottom:8vw;}
.termPop .popTermClose{width:5.5vw; height:5.5vw; position:absolute; top:0; right:0; z-index:102; display:block; background:url('../images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}
.termPop .termCon{height:100vw; padding-right:3.2vw;}
.termPop .splitArea{margin-top:8.8vw;}
.termPop .splitArea strong{font-weight:700;}
.termPop .splitArea p{margin-top:4.4vw;}
.termPop .lawList > ul > li{margin-top:10.2vw;}
.termPop .lawList{margin-bottom:14.2vw;}
.termPop .lawList .lawTitle{overflow:hidden; display:block; font-size:4.4vw; line-height:5.2vw; font-weight:800;}
.termPop .lawList .lawTnum{display:inline-block; float:left; min-width:4vw; margin-right:2vw;}
.termPop .lawList .lawTtxt{display:inline-block; float:left; width:calc(100% - 15vw);}
.termPop .lawList .numType{overflow:hidden; margin-top:5vw;}
.termPop .lawList .numType > span{font-weight:700; display:block; float:left; min-width:4vw; margin-right:2vw;}
.termPop .lawList .defaultTxt{float:left; width:calc(100% - 13vw);}
.termPop .lawList .inAlphabet{overflow:hidden; margin-top:5vw;}
.termPop .lawList .inAlphabet > span{font-weight:700; display:block; float:left; width:6vw;}
.termPop .lawList .alphabetTxt{float:left; width:calc(100% - 10vw);}
.termPop .lawList .inRoma{overflow:hidden; margin-top:5vw;}
.termPop .lawList .inRoma > span{font-weight:700; display:block; float:left;margin-right:2vw;}
.termPop .lawList .inRoma > p{float:left; width:calc(100% - 10vw);}
.termPop .lawList .caution{position:relative; padding-left:5vw; margin-top:5vw; font-size:4vw; line-height:6vw; color:#666;}
.termPop .lawList .caution:before{content:'※'; display:block; position:absolute; top:0; left:0;}
.termPop .lawList .txtTopmgHf{margin-top:3vw;}
.termPop .lawList .liHyphen.inLaw{margin-top:3vw;}
.termPop .lawList .liHyphen > ul > li{margin-top:1.5vw;}
.termDim{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:102; background:#000; filter:alpha(opacity=90); opacity:0.9;}

/* popup */
.publicPop{display:none; position:absolute; top:0; left:0; z-index:101; width:100%; max-width:100%;}
.publicPop .popArea{position:relative; padding:0 0 13.8vw;background:transparent;}
.publicPop .popTitle{padding-bottom:10.6vw;}
.publicPop .popTitle strong{display:block; padding:0 8.8vw; color:#fff; text-align:center; font-size:5.3vw; font-weight:400;}
.publicPop .popClose{width:7.9vw; height:7.9vw; position:absolute; top:100%; right:calc(50% - 4vw); z-index:102; display:block; background:url('/static/images/ico_pop_close_m.png') no-repeat 0 0; background-size:100% 100%;}
.publicPop .moviePop iframe{height:100%;}
.dim{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:100; background:#000; filter:alpha(opacity=90); opacity:0.9;}
.publicPop.videoPop .popClose{width:10vw; height:10vw; position:absolute; background:none; top:100%; right:calc(50% - 4vw); z-index:102; display:block;}
.publicPop.videoPop .popClose > div{position:relative; top:50%; left:0;}
.publicPop.videoPop .popClose > div:before,
.publicPop.videoPop .popClose > div:after{content:""; display: block; position: absolute; top:0; left:0; width:100%; height:2px; background:#fff;}
.publicPop.videoPop .popClose > div:before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.publicPop.videoPop .popClose > div:after{-webkit-transform: rotate(45deg); transform: rotate(45deg);}

.publicPop.popEmailReject .popArea{width:calc(100% - 10.6vw);padding:8vw 5.3vw;margin:0 5.3vw;background:#fff;}
.publicPop.popEmailReject .popArea .popTitle{position:relative;display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;padding-bottom:6.5vw;margin-bottom:6.5vw;}
.publicPop.popEmailReject .popArea .popTitle strong{display:block; padding:0; color:#000; text-align:left; font-size:5.3vw; font-weight:400;}
.publicPop.popEmailReject .popArea .dashBk{padding-left:2.6vw;position:relative;text-align:left;font-size:3.8vw;color:#666;margin-top:2.6vw;padding-bottom:6.5vw;margin-bottom:8vw;}
.publicPop.popEmailReject .popArea .dashBk:before{content:'';position:absolute;top:3.2vw;left:0;width:1.4vw;height:0.3vw;background:#666;}
.publicPop.popEmailReject .popClose{width:5.5vw; height:5.5vw; position:absolute; top:0; right:0; z-index:102; display:block; background:url('../images/ico_pop_close.png') no-repeat 0 0; background-size:100% 100%;}


}