/********************* Templates **************************************/ /* Main */ #container.main .full_area>span>div:first-child .title_area {top:4.375rem;} #container.main .half_area {padding-bottom:6px;} #container.main .half_area>span {display:flex; flex-wrap:wrap; width:100%;} #container.main .half_area>span>div {width:50%;} #container.main .half_area>span>div:nth-child(2n-1) .main_item {padding:6px 6px 6px 12px;} #container.main .half_area>span>div:nth-child(2n) .main_item {padding:6px 12px 6px 6px;} #container.main .half_area>span>div:nth-child(1) .main_item, .half_area>span>div:nth-child(2) .main_item {padding-top:0 !important;} #container.main .video_layer video {position:absolute; left:50%; top:50%; width:100%; max-width:1280px; height:100vh; max-height:720px; transform:translate(-50.01%, -50.01%);} #container.main .video_layer .btn_video_close {position:absolute; right:0; top:0; width:57px; height:57px; text-align:center; line-height:57px; background:#1d1d1d; transition:all .2s ease-out;} #container.main .video_layer .btn_video_close:hover {background:#b2b6c5;} #container.main .video_layer .btn_video_close::after {display:inline-block; content:"\e870"; font-family:"Linearicons-Free"; font-size:28px; color:#fff;} /* 로딩화면 */ .full_loading {display:table; overflow:hidden; position:fixed; left:0; top:0; z-index:100; width:100%; height:100vh; background:#131218;} .full_loading p {display:table-cell; text-align:center; vertical-align:middle; font-family:"Montserrat_SemiBold"; font-size:1.5rem; color:#fff; letter-spacing:5px;} @media (max-width:767px){ /* Main */ #container.main .full_area>span>div:first-child .title_area {top:5rem;} #container.main .half_area>span {display:block;} #container.main .half_area>span>div {width:100%;} #container.main .half_area>span>div .main_item {padding:6px 0 !important;} #container.main .half_area>span>div:nth-child(2) .main_item {padding-top:6px !important;} } /* inAIR 소개 - AI면접 */ #container.ai .title_area.common {text-align:center;} #container.ai .title_area.common .eng {font-family:"Montserrat_Bold"; font-size:15px; color:#202020; letter-spacing:1.2px;} #container.ai .title_area.common h3 {margin-top:40px; font-family:"NanumSquareL"; font-size:3.75rem; line-height:1.21;} #container.ai .title_area.common h3 strong {display:block; font-family:"NanumSquareB";} #container.ai .title_area.common .txt {margin-top:45px; font-family:"NotoSanskr_Regular"; font-size:1rem; line-height:1.9;} #container.ai section {position:relative; z-index:10; background:#fff;} #container.ai .intro_area {position:relative; width:100%; height:600vh; background:#131218;} #container.ai .intro_area .title_wrap .mask {display:none !important; opacity:0; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:#000;} #container.ai .intro_area .title_area {position:absolute; left:0; top:17vh; z-index:15; width:100%; text-align:center;} #container.ai .intro_area .title_area p {font-family:"Montserrat_SemiBold"; font-size:1rem; color:#fff; letter-spacing:1.2px;} #container.ai .intro_area .title_area h2 {margin-top:25px; font-family:"NanumSquareL"; font-weight:normal; font-size:3.4375rem; color:#fff; line-height:1.36;} #container.ai .intro_area .title_area h2 strong {display:block; font-family:"NanumSquareB";} #container.ai .intro_area .video_area {overflow:hidden; position:fixed; left:50%; top:50%; z-index:10; width:1920px; height:1080px; transform:translate(-50.1%, -38%);} body[data-browser="IE"] #container.ai .intro_area .video_area {position:absolute;} #container.ai .intro_area .video_area video {position:absolute; left:0; top:0;} #container.ai canvas#notebook {position:absolute; /*left:0; top:0; width:100%; height:100vh;*/ left:50%; top:50%; transform:translate(-50.1%, -38%); background:#131218;} #container.ai .intro_area .text_area {display:none; opacity:0; position:absolute; left:0; top:50%; z-index:15; width:100%; margin-top:-3.16rem; text-align:center; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/text_mask.png) no-repeat center center; background-size:80% auto;} #container.ai .intro_area .text_area p {display:inline-block; position:relative; padding:2rem 2.5rem; font-family:"NanumSquareL"; font-size:3.125rem; color:transparent; /*background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/text_mask.png) no-repeat center center; background-size:cover;*/} #container.ai .intro_area .text_area p strong {display:inline-block; position:relative; z-index:10; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/text_bg.png) no-repeat left center; background-clip:text; -webkit-background-clip:text; -o-background-clip:text;} #container.ai .intro_area .text_area p .light_m {display:none; position:absolute; left:0; top:4vw; width:100%; height:100%;} #container.ai .intro_area .text_area p .light_m video {width:100%;} #container.ai .intro_area .scroll_down {display:none; opacity:0; position:fixed; left:calc(50% - 63px); bottom:4vh; z-index:20; width:127px; height:90px;} #container.ai .intro_area .scroll_down i {display:block; height:100%; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/scroll_down.png);} #container.ai .intro_area .scroll_down i::before, #container.ai .intro_area .scroll_down i::after {display:block; content:""; opacity:0; position:absolute; left:calc(50% - 2px); top:40px; width:4px; height:4px; background:#fff; border-radius:50%; box-shadow:0px 1px 9.5px 0.5px rgba(23, 10, 91, 0.5); animation:scroll-ball 1.2s ease-in-out infinite;} #container.ai .intro_area .scroll_down i::after {animation-delay:0.6s;} @keyframes scroll-ball{ 50% { opacity:1; } 47.5%, 52.5% { transform:translateY(8px); } 100% { transform:translateY(16px); } } #container.ai .news_area {width:100%; padding-bottom:350px; background:#131218;} #container.ai .news_area .inner {width:100%; max-width:1080px; margin:0 auto;} #container.ai .news_area .slides {display:table; width:100%; max-width:1080px !important;} #container.ai .news_area .slides li {display:table-cell; width:33.333%; padding:0.5rem 3.2%; border-left:1px solid #2b2a30; outline:0;} #container.ai .news_area .slides li:first-child {padding-left:0; border-left:0;} #container.ai .news_area .slides li dl dt {min-height:115px; font-family:"NanumSquareL"; font-size:1.125rem; color:#fff; line-height:1.6;} #container.ai .news_area .slides li dl dd.copyright {margin-top:38px; font-family:"NotoSanskr_Light"; font-size:10px; color:#fff; line-height:1.5;} #container.ai .process_intro {position:relative; width:100%; height:100vh; background:#131218;} #container.ai .process_intro .title_area {position:absolute; left:50%; top:50%; margin-left:-530px; margin-top:-546px; z-index:15;} #container.ai .process_intro .title_area p {font-family:"Montserrat_SemiBold"; font-size:13px; color:#fff;} #container.ai .process_intro .title_area h3 {margin-top:35px; font-family:"NanumSquareB"; font-size:4rem; color:#fff; line-height:1.375;} #container.ai .process_intro .large_area {display:block; position:relative; left:50%; top:0; width:966px; height:629px; margin-left:-483px;} #container.ai .process_intro .large_area .line {position:absolute; left:0; top:0; z-index:10; width:100%; height:100%;} /*#container.ai .process_intro .large_area span {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/process_large_dark.jpg) no-repeat center center;}*/ #container.ai .process_intro .large_area span {display:block; width:100%;} #container.ai .process_list {overflow:hidden; position:relative; width:100%; height:100vh; background:#131218;} #container.ai .process_list .img_area {transform-style:preserve-3d;} #container.ai .process_list .img_area li {opacity:0; position:absolute; left:50%; top:20vh; width:584px; height:629px;} #container.ai .process_list .img_area li:nth-child(1) {opacity:1; z-index:10; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/process1.png) no-repeat center center;} #container.ai .process_list .img_area li:nth-child(2) {z-index:9; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/process2.png) no-repeat center center; /* transform:translate(2.6vw, 0); */} #container.ai .process_list .img_area li:nth-child(3) {z-index:8; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/process3.png) no-repeat center center; /* transform:translate(5.2vw, 0); */} #container.ai .process_list .img_area li:nth-child(4) {z-index:7; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/process4.png) no-repeat center center; /* transform:translate(7.8vw, 0); */} #container.ai .process_list .img_area li:nth-child(5) {z-index:6; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/process5.png) no-repeat center center; /* transform:translate(10.4vw, 0); */} #container.ai .process_list .img_area li:nth-child(6) {z-index:5; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/process6.png) no-repeat center center; /* transform:translate(13.0vw, 0); */} #container.ai .process_list .txt_area {position:absolute; left:50%; top:32vh; width:50%; margin-left:-527px;} #container.ai .process_list .txt_area ul {height:270px;} #container.ai .process_list .txt_area ul li {opacity:0; position:absolute; left:0; top:0;} #container.ai .process_list .txt_area dl dt {font-family:"NanumSquare"; font-size:1.125rem; color:#fff;} #container.ai .process_list .txt_area dl dt span {display:inline-block; padding-bottom:5px; margin-right:12px; font-family:"Montserrat_SemiBold"; font-size:13px; vertical-align:bottom; border-bottom:2px solid #fff;} #container.ai .process_list .txt_area dl dd {margin-top:32px; font-family:"NanumSquareL"; font-size:2rem; color:#fff; line-height:1.4;} #container.ai .process_list .txt_area dl dd p {margin-top:24px; font-family:"NotoSanskr_Regular"; font-size:0.875rem; color:#bd9cff;} #container.ai .process_list .txt_area .btn_area {display:none; opacity:0; position:relative;} #container.ai .process_list .txt_area .btn_area button {width:47px; height:47px; font-size:1.125rem; color:#fff; text-align:center; line-height:45px; background:#37363b; border:1px solid #525155;} #container.ai .process_list .txt_area .btn_area button.prev {border-right:0;} #container.ai .process_list .txt_area .btn_area button.prev::after {display:inline-block; content:"\e875"; font-family:"LinearIcons-Free";} #container.ai .process_list .txt_area .btn_area button.next::after {display:inline-block; content:"\e876"; font-family:"LinearIcons-Free";} #container.ai .p6_area {padding-top:180px;} #container.ai .p6_area .title_area .eng {color:#cecece;} #container.ai .p6_area .btn_area {margin-top:40px; text-align:center;} #container.ai .p6_area .btn_area .btn.go {display:inline-block; width:265px; height:50px; color:#000; line-height:50px; background:#fff; border:1px solid #000;} #container.ai .p6_area .video_area {overflow:hidden; position:relative; width:100%; max-width:1666px; /*height:33.375vw;*/ margin:100px auto 0;} /*#container.ai .p6_area .video_area video {position:absolute; left:50%; top:50%; height:100%; transform:translate(-50.1%, -50.1%);}*/ #container.ai .p6_area .video_area video {width:100%; max-height:660px;} #container.ai .p6_area .video_area .video_mask {display:block; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background:transparent;} #container.ai .p6_area .p6_games {width:100%; height:1029px; margin-top:150px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/p6_games.jpg); background-repeat:no-repeat; background-position:center top;} #container.ai .feature_area {padding:120px 0 180px;} #container.ai .feature_area .title_area h3 {font-family:"Montserrat_Light"; font-size:3.75rem; text-align:center;} #container.ai .feature_area .title_area h3 strong {font-family:"Montserrat_Bold";} #container.ai .feature_area .feature_list {display:flex; flex-direction:row; margin-top:130px; margin-left:-153px;} #container.ai .feature_area .feature_list li {width:250px; margin-left:143px; text-align:center;} #container.ai .feature_area .feature_list li:nth-child(2) {width:290px;} #container.ai .feature_area .feature_list li dl dt i {display:inline-block; height:97px;} #container.ai .feature_area .feature_list li:nth-child(1) dl dt i {width:96px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/common/icon/feature_icon1.png) no-repeat center 17px;} #container.ai .feature_area .feature_list li:nth-child(2) dl dt i {width:89px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/common/icon/feature_icon2.png) no-repeat center 0;} #container.ai .feature_area .feature_list li:nth-child(3) dl dt i {width:55px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/common/icon/feature_icon3.png) no-repeat center 9px;} #container.ai .feature_area .feature_list li dl dt strong {display:block; margin-top:35px; font-family:"NanumSquareEB"; font-size:1.4rem;} #container.ai .feature_area .feature_list li dl dd {margin-top:33px; font-family:"NotoSanskr_Regular"; font-size:0.9375rem; color:#000; line-height:1.6;} #container.ai .feature_area .feature_list li dl dd.btn_area {margin-top:35px;} #container.ai .feature_area .feature_list li dl dd.btn_area .btn {width:90px; height:37px; font-family:"NanumSquareEB"; font-size:0.9375rem; line-height:35px; border:1px solid #000;} #container.ai .v4_area {overflow:hidden; padding-top:155px; background-image:linear-gradient(#f8fafa 1100px, #fff);} #container.ai .v4_area .btn_area {margin-top:40px; text-align:center;} #container.ai .v4_area .btn_area .btn.go {display:inline-block; width:265px; height:50px; color:#000; line-height:50px; background:transparent; border:1px solid #000;} #container.ai .v4_area .com_area {position:relative; width:100%; height:660px; margin-top:115px;} #container.ai .v4_area .com_con {overflow:hidden; position:absolute; left:50%; top:0; width:1666px; height:100%; margin-left:-833px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/v4_com.jpg) no-repeat center center;} #container.ai .v4_area .com_con .ai_shape {position:absolute; left:50%; top:110px; z-index:5; width:348px; height:348px; margin-left:200px; transform-style:preserve-3d; perspective:5000px;} #container.ai .v4_area .com_con .ai_shape .circle {position:absolute; left:50%; top:50%; border-radius:50%;} #container.ai .v4_area .com_con .ai_shape .circle1 {z-index:10; width:95px; height:95px; background:#fff; box-shadow:0 0 54px rgba(39,39,39,0.2); transform:translate3d(-50.1%, -50.1%, 800px);} #container.ai .v4_area .com_con .ai_shape .circle2 {z-index:8; opacity:0.5; width:180px; height:180px; background:#fff; box-shadow:0 0 59px rgba(32,34,44,0.26); transform:translate3d(-50.1%, -50.1%, 600px);} #container.ai .v4_area .com_con .ai_shape .circle3 {z-index:6; opacity:0.5; width:265px; height:265px; background:#fff; box-shadow:0 0 51px rgba(32,34,44,0.41); transform:translate3d(-50.1%, -50.1%, 300px);} #container.ai .v4_area .com_con .ai_shape .circle4 {z-index:4; opacity:0.5; width:348px; height:348px; background-image:radial-gradient(rgba(255,255,255,0.5), transparent); border:1px solid rgba(255,255,255,0.2); box-shadow:0 0 95px rgba(32,34,44,0.49); transform:translate3d(-50.1%, -50.1%, 150px);} #container.ai .v4_area .com_con .ai_shape .circle::after {display:block; content:""; position:absolute; left:50%; top:50%; width:100%; height:100%; border-radius:50%; box-shadow:0 0 0 0 rgba(255,255,255,0.3); transform:translate(-50.1%, -50.1%); transition:all .3s ease-out;} #container.ai .v4_area .com_con .ai_shape.on .circle::after {box-shadow:0 0 20px 10px rgba(255,255,255,0.5);} #container.ai .v4_area .com_con .txt {display:none; opacity:0; overflow:hidden; position:absolute; z-index:5; height:43px; font-size:1.0625rem; line-height:43px; box-shadow:4px 0 16px rgba(0,0,0,0.17);} #container.ai .v4_area .com_con .human.txt {left:50%; top:423px; padding:0 25px; margin-right:153px; font-family:"NanumSquareB"; color:#333; background:rgba(255,255,255,0.9); border-radius:21px 0 21px 21px; transform-origin:right top;} #container.ai .v4_area .com_con .txt.ai {left:50%; bottom:104px; width:auto; padding-left:25px; padding-right:20px; margin-left:349px; font-family:"NanumSquare"; color:#fff; background-image:linear-gradient(90deg, rgba(214,102,255,0.8) 20%, rgba(92,111,255,0.8)); border-radius:0 21px 21px 21px;} #container.ai .v4_area .com_con .txt.ai .typing_area {overflow:hidden; width:0;} #container.ai .v4_area .com_con .mask {display:none; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background: -moz-linear-gradient(317deg, rgba(92,111,255,1) 0%, rgba(214,102,255,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(92,111,255,1)), color-stop(100%, rgba(214,102,255,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(317deg, rgba(92,111,255,1) 0%, rgba(214,102,255,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(317deg, rgba(92,111,255,1) 0%, rgba(214,102,255,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(317deg, rgba(92,111,255,1) 0%, rgba(214,102,255,1) 100%); /* ie10+ */ background: linear-gradient(133deg, rgba(92,111,255,1) 0%, rgba(214,102,255,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c6fff', endColorstr='#d666ff',GradientType=1 ); /* ie6-9 */ } #container.ai .v4_area .tech_area {margin-top:270px;} #container.ai .v4_area .tech_area .title_area h4 {font-family:"NanumSquareL"; font-size:3.4375rem; line-height:1.32; text-align:center;} #container.ai .v4_area .tech_area .title_area h4 strong {display:block; font-family:"NanumSquareB";} #container.ai .v4_area .tech_area .video_list {display:flex; flex-direction:row; flex-wrap:wrap; margin-top:135px;} #container.ai .v4_area .tech_area .video_list>li {overflow:hidden; width:50%;} #container.ai .v4_area .tech_area .video_list>li:nth-child(2n-1) {padding:0 83px 140px 47px;} #container.ai .v4_area .tech_area .video_list>li:nth-child(2n) {padding:0 47px 140px 83px;} #container.ai .v4_area .tech_area .video_list>li .name {display:table; position:relative; width:100%; height:74px; padding-left:30px; background:#14131c;} #container.ai .v4_area .tech_area .video_list>li .name p {display:table-cell; font-family:"Montserrat_Light"; font-size:0.9375rem; color:#fff; letter-spacing:0.75px; vertical-align:middle;} #container.ai .v4_area .tech_area .video_list>li .name p strong {display:inline-block; position:relative; font-family:"Montserrat_Medium";} #container.ai .v4_area .tech_area .video_list>li .name p strong::after {display:inline-block; content:""; width:5px; height:5px; margin-left:7px; margin-right:9px; vertical-align:middle; background:#6043d0;} #container.ai .v4_area .tech_area .video_list>li .name button {position:absolute; right:18px; top:19px; width:72px; height:32px; line-height:32px; border-radius:16px;} #container.ai .v4_area .tech_area .video_list>li .name button::before {display:inline-block; position:absolute; top:3px; width:26px; height:26px; line-height:25px; text-align:center; background:#fff; border-radius:50%;} #container.ai .v4_area .tech_area .video_list>li .name button::after {display:inline-block; font-family:"Montserrat_Medium"; font-size:11px; color:#fff; vertical-align:top;} #container.ai .v4_area .tech_area .video_list>li .name button.off {padding-left:28px; background:#434249;} #container.ai .v4_area .tech_area .video_list>li .name button.off::before {content:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/common/icon/mute_off_icon.png); left:4px;} #container.ai .v4_area .tech_area .video_list>li .name button.off::after {content:"OFF";} #container.ai .v4_area .tech_area .video_list>li .name button.on {padding-left:13px; text-align:left; background:#7e53cc;} #container.ai .v4_area .tech_area .video_list>li .name button.on::before {content:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/common/icon/mute_on_icon.png); right:4px;} #container.ai .v4_area .tech_area .video_list>li .name button.on::after {content:"ON";} #container.ai .v4_area .tech_area .video_list>li video {width:100%;} #container.ai .v4_area .tech_area .video_list .con li dl dt {margin-top:35px; font-family:"NanumSquareEB"; font-size:1.125rem;} #container.ai .v4_area .tech_area .video_list .con li dl dd {margin-top:12px; font-family:"NotoSanskr_Regular"; font-size:0.9375rem; line-height:1.53;} #container.ai .graph_area {overflow:hidden; width:100%; /*padding:110px 0 185px;*/ padding:110px 0 120px; background:linear-gradient(#f8fafa 1100px,#fff);} #container.ai .graph_area .title_area.common .eng {color:#cecece;} #container.ai .graph_area .btn_area {margin-top:40px; text-align:center;} #container.ai .graph_area .btn_area .btn.go {display:inline-block; width:265px; height:50px; font-family:"NotoSanskr_Bold"; color:#000; line-height:50px; background:transparent; border:1px solid #000;} #container.ai .graph_wrap {position:relative; width:100%; max-width:1340px; height:664px; margin:90px auto 0; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/ai_graph_bg.png) no-repeat center top !important;} #container.ai .graph_wrap svg {position:absolute; left:50%; top:310px; width:1006px; margin-left:-494px;} #container.ai .graph_wrap .mark {display:none; opacity:0; position:absolute; left:50%; width:82px; height:35px; font-family:"NanumSquareEB"; font-size:1.25rem; color:#fff; text-align:center; line-height:35px;} #container.ai .graph_wrap .mark::after {display:block; content:""; position:absolute; left:50%; bottom:-12px; margin-left:-3px;} #container.ai .graph_wrap .mark1 {top:368px; margin-left:-283px; background:#915bcd;} #container.ai .graph_wrap .mark1::after {border:6px solid #915bcd; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;} #container.ai .graph_wrap .mark2 {top:334px; margin-left:-32px; background:#ad4c90;} #container.ai .graph_wrap .mark2::after {border:6px solid #ad4c90; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;} #container.ai .graph_wrap .mark3 {top:296px; margin-left:220px; background:#dc5588;} #container.ai .graph_wrap .mark3::after {border:6px solid #dc5588; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;} #container.ai .graph_wrap .mark4 {top:260px; width:110px; height:46px; font-size:1.6875rem; line-height:46px; margin-left:456px; background:#e85b68;} #container.ai .graph_wrap .mark4::after{border:6px solid #e85b68; border-left-color:transparent; border-right-color:transparent; border-bottom-color:transparent;} /*#container.ai .graph_desc {margin-top:30px; font-family:"NotoSanskr_Regular"; font-size:0.875rem; color:#9ea6bb;} #container.ai .graph_desc dl dd {margin:7px 0 10px;} #container.ai .graph_desc dl dd li {position:relative; padding-left:10px; line-height:1.4;} #container.ai .graph_desc dl dd li::before {display:block; content:""; position:absolute; left:0; top:9px; width:5px; height:1px; background:#9ea6bb;} */ #container.ai .graph_desc {position:relative; z-index:5; max-width:1340px; margin:-30px auto 0; padding-bottom:50px; font-family:"NotoSanskr_Regular"; font-size:.875rem; color:#050505; background:#fff;} #container.ai .graph_desc .inner {display:table; padding:20px 0; background:#fff; border:1px solid #dcdde1;} #container.ai .graph_desc dl {display:table-cell; width:50%; padding:0 20px;} #container.ai .graph_desc dl:first-child {border-right:1px solid #edeef0;} #container.ai .graph_desc dl dt {font-family:"NotoSanskr_Bold"; font-size:0.875rem;} #container.ai .graph_desc dl dd {margin-top:10px; font-family:"NotoSanskr_Regular"; font-size:0.875rem;} #container.ai .graph_desc dl dd li {position:relative; padding-left:10px; margin-top:8px; line-height:1.3;} #container.ai .graph_desc dl dd li::before {display:block; content:""; position:absolute; left:0; top:6px; width:5px; height:1px; background:#9ea6bb;} #container.ai .report_area {position:relative; width:100%; height:1200vh;} #container.ai .report_area .scroll_area {display:flex; flex-direction:row; flex-wrap:nowrap; position:absolute; left:0; top:0; height:100vh; background:#f7f9f9;} #container.ai .report_area .report {display:none; position:relative; height:100vh;} #container.ai .report_area .report .description {font-family:"NanumSquareEB"; font-size:3.125rem; color:#717077; line-height:1.36; vertical-align:middle;} #container.ai .report_area .report .description strong {color:#292929;} #container.ai .report_area .report .txt {position:absolute; font-family:"NanumSquareEB"; font-size:1.125rem; color:#706f76; line-height:1.55;} #container.ai .report_area .report .txt::before {display:block; content:""; position:absolute; height:1px; background:#cfd0d0;} #container.ai .report_area .report .txt strong {color:#292929;} #container.ai .report_area .report_recom {overflow:hidden; padding:0 125px 0 420px;} #container.ai .report_area .report_recom .recom_tit {display:table; width:965px; height:100%;} #container.ai .report_area .report_recom .recom_tit h3 {display:table-cell; font-family:"NanumSquareEB"; font-size:5.9375rem; color:#3a3a3a; line-height:1.31; vertical-align:middle;} #container.ai .report_area .report_recom .recom_img {position:absolute; right:125px; top:50%; width:938px; height:718px; margin-top:-350px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/recom_img.png) no-repeat left top;} #container.ai .report_area .report_recom .recom_img .mark {display:none; opacity:0; position:absolute; width:44px; height:30px; font-family:"NotoSanskr_Medium"; font-size:14px; color:#fff; text-align:center; line-height:30px; background:#455df3; border-radius:3px;} #container.ai .report_area .report_recom .recom_img .mark::after {display:block; content:""; position:absolute; left:50%; bottom:-16px; width:0; height:0; margin-left:-9px; border:9px solid #455df3; border-left-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important;} #container.ai .report_area .report_recom .recom_img .mark1 {left:305px; top:132px;} #container.ai .report_area .report_recom .recom_img .mark2 {left:670px; top:437px;} #container.ai .report_area .report_recom .recom_img .mark3 {left:302px; top:335px;} #container.ai .report_area .report_recom .recom_img .mark4 {left:670px; top:30px;} #container.ai .report_area .report_recom .recom_img .mark5 {left:117px; top:233px;} #container.ai .report_area .report_recom .recom_img .mark6 {left:579px; top:233px;} #container.ai .report_area .report_recom .recom_img .mark7 {left:855px; top:543px;} #container.ai .report_area .report_recom .recom_img .mark8 {left:394px; top:543px;} #container.ai .report_area .report_recom .recom_img .mark9 {left:854px; top:233px;} #container.ai .report_area .report_video {padding:0 105px 0 125px;} #container.ai .report_area .report_video .description {position:relative; z-index:5; margin-top:26vh;} #container.ai .report_area .report_video .description::before {display:block; content:"1"; opacity:0.08; position:absolute; left:-68px; top:50%; margin-top:-279px; font-family:"Montserrat_Bold"; font-size:300px; color:#252339;} #container.ai .report_area .report_video .video_area {position:absolute; right:0; bottom:-80px;} #container.ai .report_area .report_video .video_area .video {position:relative; width:1344px; height:965px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/video_img_bak1.png) no-repeat center bottom;} #container.ai .report_area .report_video .video_area .video::after {display:block; content:""; position:absolute; left:159px; top:162px; z-index:10; width:465px; height:347px; background:transparent;} #container.ai .report_area .report_video .video_area .video video {overflow:hidden; position:absolute; left:231px; top:153px; z-index:5; width:465px;} #container.ai .report_area .report_video .video_area .txt {left:-375px; bottom:32.87vh; font-size:1.25rem;} #container.ai .report_area .report_sum {padding:0 130px 0 105px;} #container.ai .report_area .report_sum .description {margin-top:33.72vh;} #container.ai .report_area .report_sum .description::before {display:block; content:"2"; opacity:0.08; position:absolute; left:22px; top:50%; margin-top:-269px; font-family:"Montserrat_Bold"; font-size:300px; color:#252339;} #container.ai .report_area .report_sum .summary_img {position:absolute; right:275px; /*top:8.8vh;*/ bottom:0; width:1028px; height:904px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/summary_img.png) no-repeat center top;} #container.ai .report_area .report_sum .summary_img .txt {font-size:1.5rem; line-height:1.33;} #container.ai .report_area .report_sum .summary_img .txt::before {width:55px;} #container.ai .report_area .report_sum .summary_img .txt1 {left:-116px; top:45.4vh; padding-right:73px;} #container.ai .report_area .report_sum .summary_img .txt1::before {right:25px; top:50%;} #container.ai .report_area .report_sum .summary_img .txt2 {right:-86px; top:15.6vh; padding-left:77px;} #container.ai .report_area .report_sum .summary_img .txt2::before {left:13px; top:50%;} #container.ai .report_area .report_sum .summary_img .txt3 {right:-186px; top:40vh; padding-left:77px;} #container.ai .report_area .report_sum .summary_img .txt3::before {left:11px; top:50%;} #container.ai .report_area .report_point {padding:0 80px 0 182px;} #container.ai .report_area .report_point .description {margin-top:30.34vh;} #container.ai .report_area .report_point .description::before {display:block; content:"3"; opacity:0.08; position:absolute; left:92px; top:50%; margin-top:-299px; font-family:"Montserrat_Bold"; font-size:300px; color:#252339;} #container.ai .report_area .report_point .report_img {position:absolute; right:336px; top:-65px; width:1201px; height:1070px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/report_img.png) no-repeat center top;} #container.ai .report_area .report_point .report_img .txt1 {left:-320px; bottom:38.98vh; font-size:1.25rem;} #container.ai .report_area .report_point .report_img .txt2 {right:79px; top:18.12vh; padding-left:73px;} #container.ai .report_area .report_point .report_img .txt2::before {width:45px; left:0; top:50%;} #container.ai .report_area .report_point .report_img .txt3 {right:-197px; top:56vh; padding-left:73px;} #container.ai .report_area .report_point .report_img .txt3::before {width:45px; left:0; top:50%;} #container.ai .report_area .report_que {padding:0 135px 0 80px;} #container.ai .report_area .report_que .description {margin-top:26.34vh;} #container.ai .report_area .report_que .description::before {display:block; content:"4"; opacity:0.08; position:absolute; left:-58px; top:50%; margin-top:-319px; font-family:"Montserrat_Bold"; font-size:300px; color:#252339;} #container.ai .report_area .report_que .notebook_img {position:absolute; right:208px; bottom:9vh; width:1533px; height:973px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/notebook_img.png) no-repeat center bottom;} #container.ai .report_area .report_que .notebook_img .large {position:absolute; left:240px; top:39.8vh;} #container.ai .report_area .report_que .notebook_img .txt {left:-310px; bottom:32.66vh; font-size:1.25rem;} #container.ai .report_area .report_txt {padding:0 33px 0 135px;} #container.ai .report_area .report_txt .description {margin-top:32.66vh;} #container.ai .report_area .report_end {padding:0 0 0 33px;} #container.ai .report_area .report_end .description {position:absolute; right:280px; top:9.79vh; z-index:5; font-family:"NanumSquareEB"; font-size:3.75rem; color:#cfcfcf; line-height:1.28;} #container.ai .report_area .report_end .description strong {color:#292929;} #container.ai .report_area .report_end .description .btn.go {display:block; width:195px; height:50px; margin-top:45px; color:#1b1d1c; line-height:50px; background:transparent; border:1px solid #1b1d1c;} #container.ai .report_area .report_end .end_img {position:absolute; right:0; /*top:8.76vh;*/ bottom:0; width:1397px; height:949px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/end_img.jpg) no-repeat center top;} #container.ai .customer_area {overflow:hidden; width:100%; padding:170px 0 140px;} #container.ai .customer_area .title_area .eng {color:#000;} #container.ai .customer_area .title_area h3 {font-size:3.4375rem;} #container.ai .customer_area .title_area.common h3 strong {display:inline-block;} #container.ai .customer_area .logo_area {width:100%; margin:4.375rem 0 7rem; text-align:center;} #container.ai .customer_area .logo_area img.view_w {max-width:1300px; margin:0 auto;} #container.ai .customer_area .story_list {margin-left:0; margin-top:1.93rem;} #container.ai .customer_area .story_list>span {display:flex; flex-direction:row;} #container.ai .customer_area .story_list>span>div {position:relative; width:335px; margin-left:36px; padding-bottom:53px; box-shadow:3px 7px 24px rgba(0,0,0,0.08);} #container.ai .customer_area .ps1-resource-1-cm.customize .description {position:static;} #container.ai .customer_area .ps1-resource-1-cm.customize .description>a.link {padding:25px 8% 40px 12%;} #container.ai .customer_area .ps1-resource-1-cm.customize .description .list_text {max-height:11.65rem; font-family:"NanumSquareL" !important;} #container.ai .customer_area .ps1-resource-1-cm.customize .description .list_text strong {font-family:"NanumSquareEB" !important;} #container.ai .customer_area .story_list .btn_area {position:absolute; left:0; bottom:0; width:100%; border-top:1px solid #dadada;} #container.ai .customer_area .story_list .btn_area a {display:block; position:relative; width:100%; height:53px; font-family:"NotoSanskr_Bold"; font-size:0.935rem; color:#000; line-height:53px; text-align:center;} #container.ai .customer_area .story_list .btn_area a::after {display:inline-block; content:"\e87a"; margin-left:10px; font-family:"LinearIcons-Free"; font-size:0.935rem; vertical-align:middle;} .next_area {width:100%; height:475px; background:#f7f9f9 !important;} .next_area a {display:block; height:100%;} .next_area .inner {display:table; width:100%; height:100%;} .next_area .title_area {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;} .next_area .title_area .eng {font-family:"Montserrat_Bold"; font-size:12px; color:#35343a; letter-spacing:1.2px;} .next_area .title_area h3 {margin-top:60px; font-family:"NanumSquareEB"; font-size:3.125rem; color:#35343a;} .next_area .title_area i {display:inline-block; position:relative; width:47px; height:8px; margin-top:65px; transition:all .2s ease-out;} .next_area a:hover .title_area i {margin-right:-25px;} .next_area .title_area i::before {display:block; content:""; position:absolute; left:0; top:3px; width:100%; height:2px; background:#647deb;} .next_area .title_area i::after {display:block; content:""; position:absolute; right:-5px; top:-1px; width:0; height:0; border:5px solid #647deb; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent;} /* inAIR 소개 - AI면접 IE 버전 */ #wrap.ie #container.ai .intro_area {overflow:hidden; height:100vh;} #wrap.ie #container.ai .sticky_area {position:static;} #wrap.ie #container.ai .title_wrap {overflow:hidden; position:absolute; left:50%; top:50%; z-index:100; width:100%; height:100vh; transform:translate(-50.1%, -50.1%) !important;} #wrap.ie #container.ai .title_wrap .ie.top {display:block; position:absolute; left:0; top:0; width:100%; height:50vh; background:#000;} #wrap.ie #container.ai .title_wrap .ie.bottom {display:block; position:absolute; left:0; bottom:0; width:100%; height:50vh; background:#000;} #wrap.ie #container.ai .title_wrap .title_area {display:none; opacity:0; position:absolute; left:50%; top:50%; transform:translate(-50.1%, -50.1%) !important;} #wrap.ie #container.ai .intro_area .video_area {transform:translate(-50.1%, -50.1%);} #wrap.ie #container.ai .intro_area .video_area video.common {display:none;} #wrap.ie #container.ai .intro_area .video_area video.ie {display:block;} #wrap.ie #container.ai .intro_area .scroll_down {position:absolute;} #wrap.ie #container.ai .news_area {padding-top:150px;} #wrap.ie #container.ai .graph_wrap {background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/ai_graph.png) no-repeat center top !important;} #wrap.ie #container.ai .graph_wrap svg {display:none !important;} #wrap.ie #container.ai .graph_wrap .mark {display:none !important;} #wrap.ie #container.ai .report_area {height:inherit;} #wrap.ie #container.ai .report_area .sticky_area {height:inherit;} #wrap.ie #container.ai .report_area .scroll_area {display:block; position:static; width:100%; height:inherit;} #wrap.ie #container.ai .report_area .report {display:block; overflow:hidden; width:100% !important; height:inherit;} #wrap.ie #container.ai .report_area .report_recom {padding:140px 0 80px;} #wrap.ie #container.ai .report_area .report_recom .recom_tit {width:100%; min-width:1080px; margin:0 auto;} #wrap.ie #container.ai .report_area .report_recom .recom_tit h3 {font-family:"NanumSquareB"; font-size:60px; text-align:center;} #wrap.ie #container.ai .report_area .report_recom .recom_img {position:relative; right:inherit; top:inherit; width:100%; margin-top:55px; background-repeat:repeat; background-position:center center;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark1 {left:50%; top:10px; margin-left:190px;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark2 {left:50%; top:422px; margin-left:190px;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark3 {left:50%; top:320px; margin-left:-180px;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark4 {left:50%; top:112px; margin-left:-180px;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark5 {left:50%; top:215px; margin-left:-366px;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark6 {left:50%; top:215px; margin-left:370px;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark7 {left:50%; top:523px; margin-left:373px;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark8 {left:50%; top:523px; margin-left:-86px;} #wrap.ie #container.ai .report_area .report_recom .recom_img .mark9 {left:50%; top:215px; margin-left:96px;} #wrap.ie #container.ai .report_area .report_video {padding:80px 0; text-align:center;} #wrap.ie #container.ai .report_area .report_video .description {display:inline-block; margin-top:0; text-align:center;} #wrap.ie #container.ai .report_area .report_video .description::before {left:-80px; top:-120px; margin-top:0;} #wrap.ie #container.ai .report_area .report_video .video_area {position:relative; right:inherit; bottom:inherit; width:100%; margin-top:210px;} #wrap.ie #container.ai .report_area .report_video .video_area .txt {left:50%; bottom:inherit; top:-90px; margin-left:130px;} #wrap.ie #container.ai .report_area .report_video .video_area .video {margin:0 auto;} #wrap.ie #container.ai .report_area .report_sum {padding:180px 0 161px; text-align:center;} #wrap.ie #container.ai .report_area .report_sum .description {display:inline-block; position:relative; left:inherit; top:inherit; margin-top:0;} #wrap.ie #container.ai .report_area .report_sum .summary_img {position:relative; right:inherit; bottom:inherit; margin:112px auto 0;} #wrap.ie #container.ai .report_area .report_point {padding:161px 0 105px; text-align:center;} #wrap.ie #container.ai .report_area .report_point .description {display:inline-block; position:relative; margin-top:0;} #wrap.ie #container.ai .report_area .report_point .description::before {left:-118px; top:-100px; margin-top:0;} #wrap.ie #container.ai .report_area .report_point .report_img {position:relative; right:inherit; top:inherit; margin:90px auto 0;} #wrap.ie #container.ai .report_area .report_point .report_img .txt1 {left:80px; top:10px; bottom:inherit;} #wrap.ie #container.ai .report_area .report_point .report_img .txt2 {top:387px;} #wrap.ie #container.ai .report_area .report_point .report_img .txt3 {left:50%; right:inherit; top:785px; margin-left:320px; padding-left:0; padding-top:57px;} #wrap.ie #container.ai .report_area .report_point .report_img .txt3::before {left:50%; top:0; width:1px; height:45px;} #wrap.ie #container.ai .report_area .report_que {padding:105px 0 125px; text-align:center;} #wrap.ie #container.ai .report_area .report_que .description {display:inline-block; position:relative; margin-top:0;} #wrap.ie #container.ai .report_area .report_que .notebook_img {position:relative; right:inherit; top:inherit; height:973px; margin:20px auto 0;} #wrap.ie #container.ai .report_area .report_que .notebook_img .txt {left:50%; top:60px; bottom:inherit; margin-left:235px;} #wrap.ie #container.ai .report_area .report_txt {padding:125px 0 105px; text-align:center;} #wrap.ie #container.ai .report_area .report_txt .description {margin-top:0;} #wrap.ie #container.ai .report_area .report_end {padding:105px 0 125px; text-align:right;} #wrap.ie #container.ai .report_area .report_end .description {left:50%; right:inherit; top:148px; margin-left:85px; text-align:left;} #wrap.ie #container.ai .report_area .report_end .end_img {display:inline-block; position:relative;} /* 채용플랫폼 */ #container.platform .loading_area {display:none;} #container.platform .intro_area {overflow:hidden; position:relative; width:100%; height:100vh; background:#111;} #container.platform .intro_area .title1 {display:table; opacity:0; position:absolute; left:0; top:0; z-index:250; width:100%; height:100%;} #container.platform .intro_area .title1 h2 {display:table-cell; font-family:"NanumSquareB"; font-size:6.25rem; color:#fff; text-align:center; vertical-align:middle;} #container.platform .intro_area .loading_area {display:none; position:relative; width:100%; height:100%; z-index:5; will-change:transform;} #container.platform .intro_area .loading_area .box_area {position:absolute; left:0; top:0; width:100%; height:100%;} #container.platform .intro_area .loading_area .box {display:block; opacity:0; position:absolute; box-shadow:28px 28px 0 0 hsla(0, 0%, 7%, .5);} #container.platform .intro_area .loading_area .box.box1 {left:48.95vw; top:18.75vw; z-index:8; width:1.97vw; height:1.35vw; background:#161616;} #container.platform .intro_area .loading_area .box.box2 {left:4.14vw; top:20.31vw; z-index:8; width:2.96vw; height:2.08vw; background:#1b1b1b;} #container.platform .intro_area .loading_area .box.box3 {left:62.5vw; top:21.14vw; z-index:6; width:3.125vw; height:1.875vw; background:#161616;} #container.platform .intro_area .loading_area .box.box4 {left:36.97vw; top:11.66vw; z-index:6; width:8.07vw; height:5vw; background:#161616;} #container.platform .intro_area .loading_area .box.box5 {left:64.47vw; top:21.97vw; z-index:8; width:5.05vw; height:3.125vw; background:#1b1b1b;} #container.platform .intro_area .loading_area .box.box6 {left:52.44vw; top:14.58vw; z-index:8; width:5.1vw; height:3.125vw; background:#1b1b1b;} #container.platform .intro_area .loading_area .box.box7 {left:50.46vw; top:30.46vw; z-index:6; width:3.22vw; height:1.97vw; background:#181818;} #container.platform .intro_area .loading_area .box.box8 {left:68.75vw; top:8.54vw; z-index:6; width:11.97vw; height:7.65vw; background:#171717;} #container.platform .intro_area .loading_area .box.box9 {left:29.27vw; top:30.46vw; z-index:6; width:8.69vw; height:5.2vw; background:#141414;} #container.platform .intro_area .loading_area .box.box10 {left:59.01vw; top:34.58vw; z-index:4; width:8.33vw; height:5.2vw; background:#151515;} #container.platform .intro_area .loading_area .box.box11 {left:27.81vw; top:20.31vw; z-index:8; width:8.17vw; height:5.2vw; background:#161616;} #container.platform .intro_area .loading_area .box.box12 {left:76.97vw; top:21.66vw; z-index:8; width:12.13vw; height:7.44vw; background:#1a1a1a;} #container.platform .intro_area .loading_area .box.box13 {left:28.85vw; top:6.77vw; z-index:8; width:232px; height:146px; background:#1b1b1b;} #container.platform .intro_area .loading_area .box.box14 {left:46.97vw; top:28.8vw; z-index:8; width:4.16vw; height:2.5vw; background:#181818;} #container.platform .intro_area .loading_area .box.box15 {left:64.16vw; top:31.77vw; z-index:6; width:18.125vw; height:11.04vw; background:#181818;} #container.platform .intro_area .loading_area .box.box16 {left:6.04vw; top:13.02vw; z-index:8; width:15.36vw; height:9.89vw; background:#161616;} #container.platform .intro_area .loading_area .box.box17 {left:33.95vw; top:33.48vw; z-index:6; width:10.15vw; height:6.66vw; background:#171717;} #container.platform .intro_area .loading_area .box.box18 {left:15.52vw; top:28.125vw; z-index:6; width:4.895vw; height:3.125vw; background:#161616;} #container.platform .intro_area .loading_area .box.box19 {left:75.83vw; top:1.82vw; z-index:8; width:18.38vw; height:11.25vw; background:#1a1a1a;} #container.platform .intro_area .loading_area .box.box20 {left:72.08vw; top:38.02vw; z-index:8; width:26.25vw; height:21.66vw; background:#202020;} #container.platform .intro_area .loading_area .box.box21 {left:8.17vw; top:29.79vw; z-index:8; width:24.479vw; height:15.989vw; background:#1a1a1a;} #container.platform .intro_area .loading_area .box.box22 {left:0; top:2.6vw; z-index:10; width:14.58vw; height:15.625vw; background:#202020;} #container.platform .intro_area .loading_area .img_area {display:none; opacity:0; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; perspective:50px; transform-style:preserve-3d;} #container.platform .intro_area .loading_area .img_area p {opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; will-change:transform;} #container.platform .intro_area .loading_area .img_area p.img1 {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/loading_img1.png); transform:translate3d(0, 0, -250px) scale(0.2);} #container.platform .intro_area .loading_area .img_area p.img2 {z-index:2; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/loading_img2.png); transform:translate3d(0, 0, -200px) scale(0.2) rotate(180deg);} #container.platform .intro_area .loading_area .img_area p.img3 {z-index:3; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/loading_img1.png); transform:translate3d(0, 0, -150px) scale(0.4) rotate(180deg);} #container.platform .intro_area .loading_area .img_area p.img4 {z-index:4; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/loading_img2.png); transform:translate3d(0, 0, -100px) scale(0.8);} #container.platform .intro_area .loading_area .img_area p.img5 {z-index:5; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/loading_img1.png); transform:translate3d(0, 0, -50px) scale(0.9);} #container.platform .intro_area .loading_area .img_area p.img6 {z-index:6; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/loading_img2.png); transform:translate3d(0, 0, 0) scale(0.9) rotate(180deg);} #container.platform .intro_area .portfolio_area {display:none; opacity:0; overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background:#111;} #container.platform .intro_area .portfolio_area .portfolio_wrap {position:absolute; left:0; top:0; width:100%; height:100%;} #container.platform .intro_area .portfolio_area .portfolio_wrap_mask {display:none; opacity:0; position:absolute; left:0; top:0; z-index:15; width:100%; height:100%; background:linear-gradient(150deg,rgba(0,0,0,1) 40%, rgba(0,0,0,0.1) 60%, transparent);} #container.platform .intro_area .portfolio_area .title2 {display:none; position:absolute; left:6%; top:15.35%; z-index:20; /*transform:translateX(-40vw);*/} #container.platform .intro_area .portfolio_area .title2 .eng {opacity:0; font-family:"Montserrat_SemiBold"; font-size:1rem; color:#fff;} #container.platform .intro_area .portfolio_area .title2 h2 {margin-top:3.375rem; font-family:"NanumSquareL"; font-size:4.5rem; color:#fff; line-height:1.39;} #container.platform .intro_area .portfolio_area .title2 h2 p {opacity:0;} #container.platform .intro_area .portfolio_area .title2 h2 p strong {font-family:"NanumSquareB";} #container.platform .intro_area .portfolio_area .title2 .txt {opacity:0; margin-top:3.875rem; font-family:"NanumSquare"; font-size:1.1875rem; color:#fff; line-height:1.79;} #container.platform .intro_area .portfolio_area .title2 .scroll_down {display:none; opacity:0; position:relative; margin-top:5.12rem;} #container.platform .intro_area .portfolio_area .title2 .scroll_down p {opacity:0.7; position:absolute; left:39px; top:18px; font-family:"Montserrat_Regular"; font-size:12px; color:#fff;} #container.platform .intro_area .portfolio_area .title2 .scroll_down i {display:block; position:relative; width:28px; height:48px; border:1px solid #fff; border-radius:14px;} #container.platform .intro_area .portfolio_area .title2 .scroll_down i::before, #container.platform .intro_area .portfolio_area .title2 .scroll_down i::after {display:block; content:""; opacity:0; position:absolute; left:calc(50% - 2px); top:10px; width:4px; height:4px; background:#fff; border-radius:50%; box-shadow:0px 1px 9.5px 0.5px rgba(23, 10, 91, 0.5); animation:scroll-ball 1.2s ease-in-out infinite;} #container.platform .intro_area .portfolio_area .title2 .scroll_down i::after {animation-delay:0.6s;} #container.platform .intro_area .portfolio_area .portfolio {position:absolute; left:50%; top:50%; z-index:10; width:100%; height:100%; transform:translate(-50.1%, -50.1%) rotateX(49deg) rotateY(0deg) rotateZ(43deg); transform-style:preserve-3d; will-change:transform;} #container.platform .intro_area .portfolio_area .portfolio .pf {position:absolute; background-repeat:no-repeat; background-position:left top; background-size:100% 100%; will-change:transform;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf1 {left:16vw; top:52vw; z-index:1; width:33.9vw; min-width:438px; height:46.4vw; min-height:628px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf1.jpg);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf2 {left:-4vw; top:16vw; z-index:3; width:30.8vw; min-width:408px; height:21vw; min-height:250px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf2.jpg);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf3 {left:54vw; top:17vw; z-index:2; width:35.2vw; min-width:444px; height:29.4vw; min-height:365px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf3.jpg);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf4 {left:25vw; top:-17vw; z-index:2; width:25vw; min-width:371px; height:25vw; min-height:300px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf4.jpg);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf5 {left:59vw; top:-14.1vw; z-index:3; width:41.3vw; height:24.1vw; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf5.jpg);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf6 {left:36.8vw; top:59.3vw; z-index:3; width:29.3vw; min-width:388px; height:8.5vw; min-height:88px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf6.png);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf7 {left:14vw; top:13vw; z-index:5; width:32.3vw; min-width:353px; height:5.4vw; min-height:53px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf7.png);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf8 {left:83.3vw; top:5.9vw; z-index:5; width:18.7vw; height:32.7vw; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf8.jpg);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf9 {left:51.1vw; top:-24.9vw; z-index:5; width:28.4vw; height:7.9vw; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf9.png);} #container.platform .intro_area .portfolio_area .portfolio .pf.pf10 {left:23vw; top:24.5vw; z-index:7; width:45.7vw; min-width:573px; height:30.1vw; min-height:355px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf10.jpg);} #container.platform .intro_area .portfolio_area .portfolio .shadow {display:block; position:absolute;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf1 {left:20vw; top:52vw; z-index:0; width:33.9vw; min-width:438px; height:46.4vw; min-height:628px; background:#000;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf2 {left:0vw; top:20vw; z-index:0; width:30.8vw; min-width:408px; height:21vw; min-height:250px; background:#000;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf3 {left:59vw; top:18.1vw; z-index:0; width:34.3vw; min-width:444px; height:31.4vw; min-height:365px; background:#000;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf4 {left:29vw; top:-13vw; z-index:0; width:25vw; min-width:371px; height:25vw; min-height:300px; background:#000;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf5 {left:62vw; top:-10.1vw; z-index:0; width:41.3vw; height:24.1vw; background:#000;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf6 {left:40.8vw; top:62.9vw; z-index:2; width:29.3vw; min-width:388px; height:8.5vw; min-height:88px; background:rgba(0,0,0,0.3);} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf7 {left:17vw; top:16vw; z-index:4; width:32.3vw; min-width:353px; height:5.4vw; min-height:53px; /* background:rgba(0,0,0,0.4); */} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf7 span {display:block; position:absolute; width:32.5%; height:100%;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf7 span.pf7_shadow1 {left:0; top:0; background:rgba(0,0,0,0.3);} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf7 span.pf7_shadow2 {left:33.8%; top:0; background:#000;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf7 span.pf7_shadow3 {left:67.5%; top:0; background:#000;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf8 {left:88.4vw; top:10.3vw; z-index:3; width:18.7vw; height:32.7vw; background:rgba(0,0,0,0.5);} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf9 {left:56.2vw; top:-19.9vw; z-index:4; width:28.4vw; height:7.9vw; background:rgba(0,0,0,0.4);} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf10 {left:28vw; top:30vw; z-index:6; width:46.5vw; min-width:573px; height:30.8vw; min-height:355px; background:rgba(0,0,0,0.3);} #container.platform .intro_area .portfolio_area .portfolio .pf_circle {display:block; position:absolute; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/pf_circle.png) repeat left top;} #container.platform .intro_area .portfolio_area .portfolio .pf_circle.circle1 {left:3vw; top:12.3vw; z-index:2; width:20vw; height:31vw;} #container.platform .intro_area .portfolio_area .portfolio .pf_circle.circle2 {left:27.5vw; top:13.6vw; z-index:4; width:6.8vw; height:11.5vw;} #container.platform .intro_area .portfolio_area .portfolio .pf_circle.circle3 {left:64vw; top:10.3vw; z-index:1; width:33vw; height:11.5vw;} #container.platform .intro_area .intro_mask {display:none; position:absolute; left:0; top:0; z-index:200; width:100%; height:100vh; border-width:0; border-style:solid; border-color:#000;} #container.platform .intro_area .intro_title_mask {display:none; opacity:0; position:absolute; left:0; top:0; z-index:200; width:100%; height:100vh; background:rgba(0,0,0,0.1);} #container.platform .pan_area {position:relative; width:100%; height:250vh; background:#2b2b2b;} #container.platform .pan_area .sticky_area {overflow:hidden; position:sticky; left:0; top:0; width:100%; height:100vh;} /* #container.platform .pan_area .sticky_area .title_area {position:absolute; left:6%; top:8.4%; z-index:40;} #container.platform .pan_area .sticky_area .title_area h2 {font-family:"NanumSquareB"; font-size:2.25rem; color:#fff;} #container.platform .pan_area .sticky_area .title_area a.btn {display:block; width:225px; height:50px; margin-top:30px; font-family:"NotoSanskr_Regular"; font-size:1rem; color:#fff; text-align:center; line-height:50px; background:#404040;} */ #container.platform .pan_area .pan_wrap {position:absolute; left:50%; top:50%; z-index:10; width:60vw; height:37.1vw; background:#888; background-size:100% 100%; transform: translate(-50.1%, -50.1%) rotateX(49deg) rotateY(0deg) rotateZ(43deg); perspective:10000px;} #container.platform .pan_area .pan_wrap .toolbar {position:absolute; background-size:100% 100%; background-repeat:no-repeat; background-position:left top;} #container.platform .pan_area .pan_wrap .toolbar.left {left:0; top:0; z-index:21; width:3.6%; height:100%; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_toolbar_left.png);} #container.platform .pan_area .pan_wrap .toolbar.top {left:3.6%; top:0; z-index:20; width:94.4%; height:4.1%; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_toolbar_top.png);} #container.platform .pan_area .pan_wrap .toolbar.right {right:0; top:0; z-index:21; width:2.1%; height:100%; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_toolbar_right.png);} #container.platform .pan_area .pan_wrap .toolbar.bottom {left:3.6%; bottom:0; z-index:20; width:94.4%; height:2.6%; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_toolbar_bottom.png);} #container.platform .pan_area .pan_wrap .gnb {position:absolute; left:54.3%; top:9.6%; z-index:20; width:39.98%; height:3.05%; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_gnb.png) no-repeat left top; background-size:100% 100%;} #container.platform .pan_area .pan_wrap .gnb {position:absolute; left:54.3%; top:9.6%; z-index:20; width:39.98%; height:3.05%; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_gnb.png) no-repeat left top; background-size:100% 100%;} #container.platform .pan_area .pan_wrap .lnb {position:absolute; left:7.6%; top:10%; z-index:20; width:5.96%; height:33.7%; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_lnb.png) no-repeat left top; background-size:100% 100%;} #container.platform .pan_area .pan_wrap .pan_list {display:block; position:absolute; left:20.3%; top:17.6%; z-index:25; width:74.1%; height:77.7%;} #container.platform .pan_area .pan_wrap .pan_list .pan_ele {position:absolute; z-index:30; width:24%; height:47.7%; transform-style:preserve-3d;} #container.platform .pan_area .pan_wrap .pan_list .pan1 {height:49.5%; left:0; top:0; transform: translate3d(-25vw, -25vw, 25vw);} #container.platform .pan_area .pan_wrap .pan_list .pan2 {left:25.3%; top:1.8%; transform: translate3d(-20vw, -20vw, 20vw);} #container.platform .pan_area .pan_wrap .pan_list .pan3 {left:50.6%; top:1.8%; transform: translate3d(-15vw, -15vw, 15vw);} #container.platform .pan_area .pan_wrap .pan_list .pan4 {left:75.9%; top:1.8%; transform: translate3d(-10vw, -10vw, 10vw);} #container.platform .pan_area .pan_wrap .pan_list .pan5 {left:0; top:52.3%; transform: translate3d(-17vw, -17vw, 17vw);} #container.platform .pan_area .pan_wrap .pan_list .pan6 {left:25.3%; top:52.3%; transform: translate3d(-13vw, -13vw, 13vw);} #container.platform .pan_area .pan_wrap .pan_list .pan7 {left:50.6%; top:52.3%; transform: translate3d(-6vw, -6vw, 6vw);} #container.platform .pan_area .pan_wrap .pan_list .pan8 {left:75.9%; top:52.3%; transform: translate3d(-3vw, -3vw, 3vw);} #container.platform .pan_area .pan_wrap .pan_list .pan_ele .img {overflow:hidden; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:#949494; box-shadow:1px 1px 0 #c5c5c5;} #container.platform .pan_area .pan_wrap .pan_list .pan_ele.pan1 .img {top:initial; bottom:0; height:96.4%;} #container.platform .pan_area .pan_wrap .pan_list .pan_ele .img p {position:relative; z-index:5; width:100%; height:100%; background-size:100% 100%; background-repeat:no-repeat; background-position:left top;} #container.platform .pan_area .pan_wrap .pan_list .pan1 .img p {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_ele1.png);} #container.platform .pan_area .pan_wrap .pan_list .pan2 .img p {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_ele2.png);} #container.platform .pan_area .pan_wrap .pan_list .pan3 .img p {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_ele3.png);} #container.platform .pan_area .pan_wrap .pan_list .pan4 .img p {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_ele4.png);} #container.platform .pan_area .pan_wrap .pan_list .pan5 .img p {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_ele5.png);} #container.platform .pan_area .pan_wrap .pan_list .pan6 .img p {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_ele6.png);} #container.platform .pan_area .pan_wrap .pan_list .pan7 .img p {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_ele7.png);} #container.platform .pan_area .pan_wrap .pan_list .pan8 .img p {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_ele8.png);} #container.platform .pan_area .pan_wrap .pan_list .img .bg {display:block; position:absolute; left:0; top:0; width:0; height:0; background:#3d69ec;} #container.platform .pan_area .pan_wrap .pan_list .pan1 .mask_on {position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_mask_on.png) no-repeat left top; background-size:100% 100%;} #container.platform .pan_area .pan_wrap .pan_ele_shadow {display:block; position:absolute; left:20.3%; top:17.6%; z-index:20; width:74.1%; height:77.7%;} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li {position:absolute; z-index:30; width:24%; height:47.7%; background:rgba(0,0,0,0.4);} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(1) {height:49.5%; left:0; top:0; background:transparent;} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(1)::before {display:block; content:""; position:absolute; left:0; top:0; width:41.6%; height:3.6%; background:rgba(0,0,0,0.4);} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(1) .height {display:block; position:absolute; left:0; bottom:0; width:100%; height:96.4%; background:rgba(0,0,0,0.4);} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(2) {left:25.3%; top:1.8%;} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(3) {left:50.6%; top:1.8%;} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(4) {left:75.9%; top:1.8%;} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(5) {left:0; top:52.3%;} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(6) {left:25.3%; top:52.3%;} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(7) {left:50.6%; top:52.3%;} #container.platform .pan_area .pan_wrap .pan_ele_shadow ul li:nth-child(8) {left:75.9%; top:52.3%;} #container.platform .pan_area .pan_wrap .pan_bg {display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:5; width:0; height:0; background:#2759ea;} #container.platform .pan_area .pan_circle {display:block; position:absolute; left:50%; top:50%; z-index:5; width:27.08vw; height:27.08vw; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pan_circle.png) no-repeat left top; background-size:cover; transform:translate(60%, -20.1%) rotateX(49deg) rotateY(0deg) rotateZ(43deg);} #container.platform .pan_area .pan_shadow {display:block; position:absolute; left:50%; top:50%; z-index:1; width:60vw; height:37.1vw; background:#222; transform:translate(-50.1%, 0) /* translate(-50.1%, -27.1%) */ rotateX(49deg) rotateY(0deg) rotateZ(43deg);} #container.platform .pan_area .pan_txt {position:absolute; right:0; bottom:-200px; z-index:40; padding-right:14%; padding-bottom:3.125rem; border-bottom:1px solid #959595;} #container.platform .pan_area .pan_txt h3 {font-family:"NanumSquareL"; font-size:3.4375rem; color:#fff; line-height:1.38;} #container.platform .pan_area .pan_txt h3 strong {display:block; font-family:"NanumSquareB";} #container.platform .pan_area .pan_txt .btn_area {margin-top:2.375rem;} #container.platform .pan_area .pan_txt .btn_area a {display:block; width:240px; height:50px; font-family:"NotoSanskr_Regular"; font-size:1rem; color:#fff; line-height:50px; background:#404040;} /* #container.platform .builder_area {position:relative; width:100%; height:450vh; background:#131313;} #container.platform .builder_area .builder_con {position:absolute; left:0; top:0; z-index:100; width:100%; height:100%;} #container.platform .builder_area .builder_con .subtit {overflow:hidden; position:absolute; left:50%; top:27.9vh; z-index:10; height:1.25rem; margin-left:-540px; font-family:"NanumSquareB"; font-size:1.25rem; color:#fff;} #container.platform .builder_area .builder_con .tit {overflow:hidden; position:absolute; left:50%; top:36vh; height:5rem; z-index:10; margin-left:-540px; font-family:"NanumSquareB"; font-size:5rem; color:#fff;} #container.platform .builder_area .builder_con .tit h3 {display:none; opacity:0;} #container.platform .builder_area .builder_con .text {overflow:hidden; position:absolute; left:50%; bottom:25.8vh; z-index:10; height:4.5rem; margin-left:-540px; font-family:"NanumSquareB"; font-size:1.25rem; color:#fff; line-height:1.8;} #container.platform .builder_area .builder_con .text p {display:none; opacity:0;} #container.platform .builder_area .builder_con .btn_area {position:absolute; left:50%; bottom:14.5vh; z-index:10; margin-left:-540px;} #container.platform .builder_area .builder_con .btn_area .btn {display:block; width:295px; height:50px; font-family:"NotoSanskr_Regular"; font-size:1rem; color:#fff; line-height:50px; text-align:center; background:#404040;} #container.platform .builder_area .builder_con .builder_mask {display:block; position:absolute; left:0; bottom:0; width:100%; height:90vh; background-image:linear-gradient(180deg, transparent, #000 86%);} #container.platform .builder_area .builder_thumb {display:flex; flex-direction:row; align-items:center; position:absolute; left:23vw; top:10vw; z-index:-1; width:100%; height:100vh; transform:rotateX(49deg) rotateY(0deg) rotateZ(39deg); transform-style:preserve-3d;} #container.platform .builder_area .builder_thumb .thumb_box {margin-left:2vw; transform-style:preserve-3d;} #container.platform .builder_area .builder_thumb .thumb_box .up, #container.platform .builder_area .builder_thumb .thumb_box .down {display:flex; flex-direction:row;} #container.platform .builder_area .builder_thumb .thumb_box .thumb {position:relative; z-index:1; height:26.5vh; margin-left:1.5vw; margin-bottom:4vh; transform-style:preserve-3d;} #container.platform .builder_area .builder_thumb .thumb_box .thumb img {position:relative; z-index:5; height:100%;} #container.platform .builder_area .builder_thumb .thumb_box .thumb .shadow {display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:#000;} */ #container.platform .title_area .btn_area a {width:216px; height:3.125rem; font-family:"NotoSanskr_Regular"; font-size:1rem; color:#fff; line-height:3.125rem; background:#1d1d1d;} #container.platform .title_area .btn_area a::after {display:inline-block; content:"\e876"; margin-left:9px; font-family:"LinearIcons-Free"; font-size:0.875rem;} #container.platform .builder_area {padding:3.25rem 0 11.25rem;} #container.platform .builder_area .pr_module {padding:0 0 4.375rem;} #container.platform .builder_area .con_area {padding-right:0;} #container.platform .builder_area .title_area {width:451px; margin-right:16px;} #container.platform .builder_area .title_area .section_title {margin-bottom:2.1875rem;} #container.platform .builder_area .title_area h3 {margin-bottom:3.125rem; font-size:3.75rem;} #container.platform .builder_area .img_area.builder_edit {padding:6rem 0 8rem 5%;} #container.platform .builder_list .title {width:100%; max-width:1080px; margin:0 auto;} #container.platform .builder_list .title .eng {position:relative; padding-left:3.75rem; font-family:"Montserrat_Bold"; font-size:1rem; color:#1d1d1d; letter-spacing:1.2px;} #container.platform .builder_list .title .eng::after {display:block; content:""; position:absolute; left:0; top:0.31rem; width:3rem; height:2px; background:#000;} #container.platform .builder_list .title h4 {margin-top:1.25rem; font-family:"NanumSquareL"; font-size:3.625rem; color:#222; line-height:1.24;} #container.platform .builder_list .title h4 strong {display:block; font-family:"NanumSquareB";} #container.platform .builder_list .list {width:88.4%; max-width:1560px; margin:3.75rem auto 0;} #container.platform .builder_list .list ul {display:flex; flex-wrap:wrap;} #container.platform .builder_list .list li {width:31.3%; max-width:492px; margin-left:2%; margin-top:3.125rem;} #container.platform .builder_list .list li dl dt {margin-bottom:1.375rem; font-family:"NanumSquareB"; font-size:1.0625rem; color:#1d1d1d;} #container.platform .builder_list .list li img {width:100%; box-shadow:0px 11px 27.65px 7.35px rgba(0, 0, 0, 0.15);} /* #container.platform .parallax_area {height:500vh; background:#333;} #container.platform .parallax_area .sticky_area {perspective:5000px;} #container.platform .parallax_area .par_item {display:none; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff;} #container.platform .parallax_area .par_item:nth-child(1) {display:block; opacity:1; background:#f4f4f4;} #container.platform .parallax_area .par_item:nth-child(3) {background:#f4f4f4;} #container.platform .parallax_area .pr_module {height:100%; padding:0;} #container.platform .parallax_area .pr_module .con_area {opacity:0; width:50%; padding-right:0;} #container.platform .parallax_area .pr_module .title_area {width:540px;} #container.platform .parallax_area .pr_module .title_area .section_title {margin-bottom:2.44rem;} #container.platform .parallax_area .pr_module .title_area h3 {margin-bottom:3.06rem; font-size:3.02rem; line-height:1.38;} #container.platform .parallax_area .pr_module .img_area {opacity:0; width:50%;} #container.platform .parallax_area .description {margin:2.81rem 0 3.375rem; font-family:"NotoSanskr_Medium"; font-size:1rem; line-height:1.625;} #container.platform .parallax_area .par_item:nth-child(1) .con_area, #container.platform .parallax_area .par_item:nth-child(1) .img_area {opacity:1;} */ #container.platform .parallax_area {background:#fff;} #container.platform .parallax_area .sticky_area {position:static; height:inherit;} #container.platform .parallax_area .par_item {display:block; position:relative; width:100%; background:#f4f4f4;} #container.platform .parallax_area .par_item:nth-child(1) {height:1018px;} #container.platform .parallax_area .par_item:nth-child(2) {height:1029px; background:#fff;} #container.platform .parallax_area .par_item:nth-child(3) {height:1000px;} #container.platform .parallax_area .pr_module {display:block; padding:0;} #container.platform .parallax_area .pr_module .con_area {display:block; position:absolute; left:50%; width:50%; padding-right:0; margin-left:-540px;} #container.platform .parallax_area .par_item:nth-child(1) .pr_module .con_area {top:264px;} #container.platform .parallax_area .par_item:nth-child(2) .pr_module .con_area {top:274px;} #container.platform .parallax_area .par_item:nth-child(3) .pr_module .con_area {top:213px;} #container.platform .parallax_area .pr_module .title_area {width:540px;} #container.platform .parallax_area .pr_module .title_area .section_title {margin-bottom:2.44rem;} #container.platform .parallax_area .pr_module .title_area h3 {margin-bottom:3.06rem; font-size:3.625rem; line-height:1.38;} #container.platform .parallax_area .pr_module .img_area {display:block; position:absolute; left:50%; width:50%; text-align:left;} #container.platform .parallax_area .pr_module .img_area video, #container.platform .parallax_area .pr_module .img_area img {max-width:inherit;} #container.platform .parallax_area .par_item:nth-child(1) .pr_module .img_area {top:120px; margin-left:-53px;} #container.platform .parallax_area .par_item:nth-child(2) .pr_module .img_area {top:135px; margin-left:-76px;} #container.platform .parallax_area .par_item:nth-child(3) .pr_module .img_area {top:95px; margin-left:-87px;} #container.platform .parallax_area .description {margin:2.81rem 0 3.375rem; font-family:"NotoSanskr_Medium"; font-size:1rem; line-height:1.625;} #container.platform .task_area {position:relative; width:100%; height:500vh;} #container.platform .task_area .scroll_area {display:flex; position:absolute; left:0; top:0; height:100%; background:#f7f9f9 url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/platform_task_bg.png) no-repeat left bottom;} #container.platform .task_area .task {display:flex; position:relative; height:100%;} #container.platform .task_area .task .title {display:flex; align-items:center; height:100%;} #container.platform .task_area .task .title dl dt {font-family:"NanumSquareEB"; font-size:1.25rem; color:#404040; line-height:1.1;} #container.platform .task_area .task .title dl dd.txt {margin-top:1.875rem; font-family:"NanumSquareEB"; font-size:3.125rem; color:#6b6a71; line-height:1.36;} #container.platform .task_area .task .title dl dd.txt strong {color:#292929;} #container.platform .task_area .task .title dl dd.button {margin-top:3rem;} #container.platform .task_area .task .title dl dd.button a {display:inline-block; height:3.125rem; padding:0 1.5625rem; font-family:"NotoSanskr_Regular"; font-size:1rem; color:#fff; line-height:3.125rem; background:#1d1d1d;} #container.platform .task_area .task .title dl dd.button a::after {display:inline-block; content:'\e876'; margin-left:0.938rem; font-family:'Linearicons-Free'; color:#fff;} #container.platform .task_area .task .img {position:relative;} #container.platform .task_area .task .img .desc {position:absolute; font-family:"NanumSquareEB"; font-size:1.25rem; color:#6b6a71; line-height:1.5;} #container.platform .task_area .task .img .desc strong {color:#292929;} #container.platform .task.intro {padding-left:392px;} #container.platform .task.intro .title {width:777px;} #container.platform .task.intro .title h3 {margin-top:-5.4vh; font-family:"NanumSquareL"; font-size:5.1875rem; color:#292929; line-height:1.33;} #container.platform .task.intro .title h3 strong {font-family:"NanumSquareB";} #container.platform .task.intro .video {margin-left:80px; margin-top:60px;} #container.platform .task_area .task.intro .video .common {display:block !important;} #container.platform .task_area .task.intro .video .ie {display:none !important;} #container.platform .task.dashboard {padding-left:194px;} #container.platform .task.dashboard .title {width:765px;} #container.platform .task.dashboard .title dl {margin-top:-5.6vh;} #container.platform .task.dashboard .img {display:flex; align-items:center; margin-left:200px;} #container.platform .task.dashboard .img figure img {box-shadow:11px 11px 76px 0px rgba(92, 92, 92, 0.4);} #container.platform .task.dashboard .img .desc {left:-476px; bottom:22.1vh;} #container.platform .task.review {padding-left:395px;} #container.platform .task.review .title {width:670px;} #container.platform .task.review .title dl {margin-top:-5.6vh;} #container.platform .task.review .img {display:flex; align-items:center; margin-left:260px;} #container.platform .task.review .img>.desc {left:-436px; bottom:22.1vh;} #container.platform .task.review .img figure {position:relative; z-index:5; margin-top:1.8vh;} #container.platform .task.review .video {position:relative; left:-81px; top:60px;} #container.platform .task.review .video .desc {right:255px; top:70px; z-index:5; font-size:1.0625rem;} #container.platform .task.review .video video {position:relative;} #container.platform .task.scheduling {padding-left:360px;} #container.platform .task.scheduling .title {width:650px;} #container.platform .task.scheduling .title dl {margin-top:-5.6vh;} #container.platform .task.scheduling .img {display:flex; align-items:flex-start; margin-left:150px; margin-top:148px;} #container.platform .task.scheduling .pad {display:flex; align-items:flex-end; position:relative; margin-top:-45px; margin-left:-41px;} #container.platform .task.scheduling .pad .desc {left:-335px; top:31.57vh;} #container.platform .task.scheduling .pad .hand {opacity:0; position:absolute; right:-57px; bottom:-13.5vh; z-index:5;} #container.platform .task.online {padding-left:540px; padding-right:598px; height:100%; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_bg.png) no-repeat right top; background-size:contain;} #container.platform .task.online .title {width:710px;} #container.platform .task.online .title dl {margin-top:-5.6vh;} #container.platform .task.online .tab_area {position:relative; width:1150px; margin-left:250px; margin-top:30px;} #container.platform .task.online .tab ul {display:table; width:100%;} #container.platform .task.online .tab ul li {display:table-cell; position:relative; width:12.5%; height:140px; border-bottom:1px solid #c5c7c8;} #container.platform .task.online .tab ul li a {display:block; position:relative; z-index:5; width:100%; height:100%; padding:99px 0 25px; font-family:"NotoSanskr_Medium"; font-size:0.875rem; color:#000; text-align:center; background-repeat:no-repeat;} #container.platform .task.online .tab ul li:nth-child(1) a {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_tab1.png); background-position:center 49px;} #container.platform .task.online .tab ul li:nth-child(2) a {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_tab2.png); background-position:center 50px;} #container.platform .task.online .tab ul li:nth-child(3) a {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_tab3.png); background-position:center 52px;} #container.platform .task.online .tab ul li:nth-child(4) a {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_tab4.png); background-position:center 43px;} #container.platform .task.online .tab ul li:nth-child(5) a {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_tab5.png); background-position:center 51px;} #container.platform .task.online .tab ul li:nth-child(6) a {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_tab6.png); background-position:center 44px;} #container.platform .task.online .tab ul li:nth-child(7) a {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_tab7.png); background-position:center 42px;} #container.platform .task.online .tab ul li:nth-child(8) a {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_tab8.png); background-position:center 48px;} #container.platform .task.online .tab ul li a::before, #container.platform .task.online .tab ul li a::after {display:block; content:""; position:absolute; bottom:-2px; z-index:5; width:0%; height:4px; background:#0e0e0e; transition:all .2s ease-in-out;} #container.platform .task.online .tab ul li a::before {left:50%;} #container.platform .task.online .tab ul li a::after {right:50%;} #container.platform .task.online .tab ul li.on a::before, #container.platform .task.online .tab ul li.on a::after {width:50%;} #container.platform .task.online .tab ul li .mask {display:none; opacity:0; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fff; box-shadow:4px 4px 46px 0px rgba(92, 92, 92, 0.2);} #container.platform .task.online .tab_con {position:relative; width:100%;} #container.platform .task.online .tab_con>dl {/*opacity:0;*/ margin-top:56px; text-align:center;} #container.platform .task.online .tab_con>dl dt {font-family:"NanumSquareEB"; font-size:2.12rem;} #container.platform .task.online .tab_con>dl dd {margin-top:1rem; font-family:"NotoSanskr_Medium"; font-size:1rem; color:#6b6a71; line-height:1.5;} #container.platform .task.online .img_slides {overflow:hidden; position:relative; left:inherit; bottom:inherit; width:885px; height:626px; margin:45px auto 0; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/platform/pf_online_monitor.png) no-repeat center center; background-size:contain;} #container.platform .task.online .img_slides .slide {overflow:hidden; position:absolute; left:12px; top:12px; width:861px; height:503px;} #container.platform .task.online .slide_dir button {position:absolute; bottom:34.3vh; padding:0; background:none;} #container.platform .task.online .slide_dir button::after {display:block; font-family:"Linearicons-Free"; font-size:3.75rem; color:#0f0f0f;} #container.platform .task.online .slide_dir button.prev {left:0;} #container.platform .task.online .slide_dir button.prev::after {content:"\e875";} #container.platform .task.online .slide_dir button.next {right:0;} #container.platform .task.online .slide_dir button.next::after {content:"\e876";} #container.platform .task.online .slide_indi {width:100%; margin-top:2.0rem; text-align:center;} #container.platform .task.online .slide_indi li {display:inline-block; margin-right:1.25rem;} #container.platform .task.online .slide_indi li button {width:1rem; height:1rem; background:#b2b3b3; border-radius:50%; transition:all .25s ease-out;} #container.platform .task.online .slide_indi li.on button {background:#121212;} #container.platform .task.oneclick .title {width:620px;} #container.platform .task.oneclick .img {display:flex; align-items:center; margin-left:275px;} #container.platform .task.oneclick .img .desc {position:absolute; left:-328px; bottom:20vh;} #container.platform .task.oneclick .img .screen {margin-top:37px;} #container.platform .task.oneclick .img .hand {opacity:0; position:absolute; right:-253px; bottom:0; z-index:5;} #container.platform .task.statistics {padding-left:676px;} #container.platform .task.statistics .title {width:720px;} #container.platform .task.statistics .img {display:flex; align-items:center; margin-right:45px; margin-top:116px;} #container.platform .task.statistics .img .ie {display:none !important;} /*#container.platform .task.statistics .img .desc {position:absolute; top:50%; z-index:5; margin-top:-408px; padding-bottom:32px; font-size:1.0625rem;}*/ #container.platform .task.statistics .img .desc {position:absolute; left:0; top:50%; z-index:5; width:100%; margin-top:-457px; padding-bottom:32px; font-size:1.0625rem; text-align:center;} #container.platform .task.statistics .img .desc::after {display:block; content:""; position:absolute; left:50%; bottom:0; width:1px; height:51%; background:#808080;} /*#container.platform .task.statistics .img .desc.fir {left:156vh;} #container.platform .task.statistics .img .desc.sec {left:249vh;} #container.platform .task.statistics .img .desc.thi {left:337vh;}*/ #container.platform .task.company {align-items:center; padding-left:320px;} #container.platform .task.company .title {width:670px;} #container.platform .task.company .title p {margin-top:-5.9vh; font-family:"NanumSquareL"; font-size:3.75rem; color:#292929; line-height:1.42;} #container.platform .task.company .title p strong {font-family:"NanumSquareEB";} #container.platform .task.company .img {display:flex; align-items:center; margin-left:320px;} #container.platform .task.company .img ul {overflow:hidden; width:127.6vh; margin-left:-2.5vh; margin-top:-2.5vh;} #container.platform .task.company .img ul li {display:table; float:left; width:29.4vh; height:29.4vh; margin-left:2.5vh; margin-top:30px; background:#fff;} #container.platform .task.company .img ul li>dl, #container.platform .task.company .img ul li a {display:table-cell; text-align:center; vertical-align:middle;} #container.platform .task.company .img ul li dl {margin-top:-3vh;} #container.platform .task.company .img ul li dd {margin-top:27px; font-family:"NotoSanskr_Medium"; font-size:12px; color:#2a2e2f; line-height:1.67;} #container.platform .task.company .img ul li dd strong {display:inline-block; min-height:15px; font-family:"NotoSanskr_bold"; border-bottom:1px solid #2a2e2f;} #container.platform .story_area ul li {position:relative; width:100%; height:100vh; background:#fff;} #container.platform .story_area ul li .con {position:absolute; left:50%; top:13vh; z-index:5; width:410px; margin-right:90px;} #container.platform .story_area ul li .con dl {margin-top:1.875rem;} #container.platform .story_area ul li .con dl dt {font-family:"NanumSquareL"; font-size:3.125rem; color:#fff; line-height:1.34;} #container.platform .story_area ul li .con dl dt strong {font-family:"NanumSquareB";} #container.platform .story_area ul li .con dl dd.txt {margin-top:1.625rem; font-family:"NanumSquare"; font-size:1.0625rem; color:#fff; line-height:1.88;} #container.platform .story_area ul li .con dl dd.btn_area {margin-top:2.375rem;} #container.platform .story_area ul li .con dl dd.btn_area a {display:inline-block; padding-bottom:10px; font-family:"NotoSanskr_Medium"; font-size:1rem; color:#fff; border-bottom:2px solid #fff;} #container.platform .story_area ul li .con dl dd.btn_area a::after {display:inline-block; content:"\e876"; margin-left:10px; font-family:"Linearicons-Free"; font-size:0.875rem; vertical-align:middle;} #container.platform .story_area ul li .bg {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;} #wrap.ie #container.platform .loading_area {display:table;} #wrap.ie #container.platform .pan_area {height:100vh;} #wrap.ie #container.platform .pan_area .sticky_area {position:relative;} #wrap.ie #container.platform .pan_area .pan_wrap .pan_list .pan_ele.pan1 .img {top:8px;} #wrap.ie #container.platform .pan_area .pan_txt {bottom:90px;} #wrap.ie #container.platform .task_area {height:inherit;} #wrap.ie #container.platform .task_area .sticky_area {position:static; height:inherit;} #wrap.ie #container.platform .task_area .scroll_area {display:block; position:static; height:inherit; background:#f7f9f9;} #wrap.ie #container.platform .task_area .task {height:inherit;} #wrap.ie #container.platform .task_area .task.intro {display:block; padding:133px 0 365px; background: -moz-linear-gradient(90deg, rgba(247,249,249,1) 0%, rgba(221,221,221,1) 30%, rgba(221,221,221,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(70%, rgba(221,221,221,1)), color-stop(100%, rgba(247,249,249,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, rgba(247,249,249,1) 0%, rgba(221,221,221,1) 30%, rgba(221,221,221,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(90deg, rgba(247,249,249,1) 0%, rgba(221,221,221,1) 30%, rgba(221,221,221,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(90deg, rgba(247,249,249,1) 0%, rgba(221,221,221,1) 30%, rgba(221,221,221,1) 100%); /* ie10+ */ background: linear-gradient(0deg, rgba(247,249,249,1) 0%, rgba(221,221,221,1) 30%, rgba(221,221,221,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f7f9f9',GradientType=0 ); /* ie6-9 */ /*background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/task_infro_bg_ie.png) no-repeat center bottom; background-size:cover;*/ } #wrap.ie #container.platform .task_area .task.intro .title {display:block; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.intro .title h3 {margin-top:0; font-size:} #wrap.ie #container.platform .task_area .task.intro .video {position:relative; left:50%; width:1384px; margin-top:45px; margin-left:-692px;} #wrap.ie #container.platform .task_area .task.intro .video .common {display:none !important;} #wrap.ie #container.platform .task_area .task.intro .video .ie {display:block !important;} #wrap.ie #container.platform .task_area .task.dashboard {display:block; padding:0 0 154px;} #wrap.ie #container.platform .task_area .task.dashboard .title {display:block; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.dashboard .title dl {margin-top:0;} #wrap.ie #container.platform .task_area .task.dashboard .img {display:block; margin-left:0; margin-top:145px; text-align:center;} #wrap.ie #container.platform .task_area .task.dashboard .desc {left:50%; top:-88px; bottom:inherit; margin-left:200px;} #wrap.ie #container.platform .task_area .task.review {display:block; padding:154px 0 100px;} #wrap.ie #container.platform .task_area .task.review .title {display:block; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.review .title dl {margin-top:0;} #wrap.ie #container.platform .task_area .task.review .img {display:block; position:relative; margin-left:0; text-align:center;} #wrap.ie #container.platform .task_area .task.review .img>.desc {left:50%; bottom:inherit; top:-30px; margin-left:160px;} #wrap.ie #container.platform .task_area .task.review .img figure {margin-top:103px;} #wrap.ie #container.platform .task_area .task.review .video {left:inherit; top:inherit;} #wrap.ie #container.platform .task_area .task.review .video .view_w {display:none !important;} #wrap.ie #container.platform .task_area .task.review .video .view_m {display:block !important; z-index:0; left:50%; top:-80px; margin-left:-384px;} #wrap.ie #container.platform .task_area .task.review .video .desc {right:0; top:70px; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.scheduling {display:block; padding:115px 0 125px;} #wrap.ie #container.platform .task_area .task.scheduling .title {display:block; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.scheduling .title dl {margin-top:0;} #wrap.ie #container.platform .task_area .task.scheduling .img {display:block; margin-top:140px; margin-left:0;} #wrap.ie #container.platform .task_area .task.scheduling .img>figure {position:relative; left:50%; margin-left:-493px;} #wrap.ie #container.platform .task_area .task.scheduling .pad {display:block; overflow:hidden; margin-left:0; margin-top:110px;} #wrap.ie #container.platform .task_area .task.scheduling .pad .desc {position:static; text-align:center;} #wrap.ie #container.platform .task_area .task.scheduling .pad .screen {position:relative; left:50%; margin-left:-501px; margin-top:105px;} #wrap.ie #container.platform .task_area .task.scheduling .pad .hand {left:50%; right:inherit; bottom:-140px; /*transform:translateX(140px);*/} #wrap.ie #container.platform .task_area .task.online {display:block; padding:125px 0 135px; background-position:center 513px;} #wrap.ie #container.platform .task_area .task.online .title {display:block; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.online .title dl {margin-top:0;} #wrap.ie #container.platform .task_area .task.online .tab_area {width:100%; max-width:1150px; margin:80px auto 0;} #wrap.ie #container.platform .task_area .task.oneclick {display:block; padding:135px 0 144px;} #wrap.ie #container.platform .task_area .task.oneclick .title {display:block; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.oneclick .img {display:block; left:50%; width:1080px; margin-left:-540px; margin-top:110px;} #wrap.ie #container.platform .task_area .task.oneclick .img .desc {left:50%; bottom:inherit; top:-57px; margin-left:75px;} #wrap.ie #container.platform .task_area .task.oneclick .img .screen {margin-top:0; text-align:center;} #wrap.ie #container.platform .task_area .task.oneclick .img .hand {right:-145px;} #wrap.ie #container.platform .task_area .task.statistics {display:block; padding:144px 0 120px;} #wrap.ie #container.platform .task_area .task.statistics .title {display:block; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.statistics .img {display:block; margin-top:93px; margin-right:0;} #wrap.ie #container.platform .task_area .task.statistics .img .desc {display:none;} #wrap.ie #container.platform .task_area .task.statistics .img figure {text-align:center;} #wrap.ie #container.platform .task_area .task.statistics .img .view_w {display:none !important;} #wrap.ie #container.platform .task_area .task.statistics .img .ie {display:inline-block !important;} #wrap.ie #container.platform .task_area .task.company {display:block; padding:120px 0;} #wrap.ie #container.platform .task_area .task.company .title {display:block; width:100%; text-align:center;} #wrap.ie #container.platform .task_area .task.company .title p {margin-top:0;} #wrap.ie #container.platform .task_area .task.company .img {display:block; overflow:hidden; width:1080px; margin:50px auto 0;} #wrap.ie #container.platform .task_area .task.company .img ul {width:100%; margin-left:0; margin-top:0;} #wrap.ie #container.platform .task_area .task.company .img ul li {width:258px; height:258px; margin-left:16px; margin-top:16px;} #wrap.ie #container.platform .task_area .task.company .img ul li:nth-child(4n+1) {margin-left:0;} /* 채용프로세스별기능 - 게이트 */ #container.gate {overflow:hidden; background:#ececec;} #container.gate .menu ul::after {display:block; content:""; clear:both;} #container.gate .menu li {float:left; width:164px; height:200px; margin-left:17px; background:#fff; border-radius:4px; box-shadow:4px 4px 4px 0px rgba(92, 92, 92, 0.05); transition:all .15s ease-out;} #container.gate .menu li:hover {box-shadow:10px 12px 24px 0px rgba(92, 92, 92, 0.2);} #container.gate .menu li:first-child {margin-left:0 !important;} #container.gate .menu li a {display:block; position:relative; width:100%; height:100%; padding-top:37px; text-align:center;} #container.gate .menu li a::before, #container.gate .menu li a::after {display:block; content:""; position:absolute; right:22px; top:15px; width:5px; height:5px; background:#c9c9c9; border-radius:50%;} #container.gate .menu li a::after {right:13px;} #container.gate .menu li a>span {position:absolute; left:14px; top:12px; font-family:"Montserrat_Bold"; font-size:1rem;} #container.gate .menu li a dl dt {text-align:center;} #container.gate .menu li a dl dt img {width:76px;} #container.gate .menu li a dl dd.kor {margin-top:1.375rem; font-family:"NotoSanskr_Medium"; font-size:0.938rem; letter-spacing:-0.375px;} #container.gate .menu li a dl dd.eng {margin-top:0.5rem; font-family:"Montserrat_SemiBold"; font-size:10px;} #container.gate .menu li.gate1_HB a>span, #container.gate .menu li.gate1_HB a dl dd.eng span {color:#446de5;} #container.gate .menu li.gate1_PM a>span, #container.gate .menu li.gate1_PM a dl dd.eng span {color:#4d4fc6;} #container.gate .menu li.gate1_RP a>span, #container.gate .menu li.gate1_RP a dl dd.eng span {color:#d687c8;} #container.gate .menu li.gate2_UC a>span, #container.gate .menu li.gate2_UC a dl dd.eng span {color:#f4aa30;} #container.gate .menu li.gate2_PC a>span, #container.gate .menu li.gate2_PC a dl dd.eng span {color:#8c8cff;} #container.gate .menu li.gate2_OM a>span, #container.gate .menu li.gate2_OM a dl dd.eng span {color:#8c8cff;} #container.gate .menu li.gate3_RC a>span, #container.gate .menu li.gate3_RC a dl dd.eng span {color:#5fbbd5;} #container.gate .menu li.gate3_RD a>span, #container.gate .menu li.gate3_RD a dl dd.eng span {color:#1791e9;} #container.gate .menu li.gate4_AR a>span, #container.gate .menu li.gate4_AR a dl dd.eng span {color:#4bcee1;} #container.gate .menu li.gate4_DE a>span, #container.gate .menu li.gate4_DE a dl dd.eng span {color:#306ad1;} #container.gate .menu li.gate5_PP a>span, #container.gate .menu li.gate5_PP a dl dd.eng span {color:#f18ea1;} #container.gate .menu li.gate5_CM a>span, #container.gate .menu li.gate5_CM a dl dd.eng span {color:#ee88d5;} #container.gate .menu li.gate5_V4 a>span, #container.gate .menu li.gate5_V4 a dl dd.eng span {color:#f581c5;} #container.gate .menu li.gate5_P6 a>span, #container.gate .menu li.gate5_P6 a dl dd.eng span {color:#f782a8;} #container.gate .menu li.gate5_AT a>span, #container.gate .menu li.gate5_AT a dl dd.eng span {color:#ff7a6f;} #container.gate .menu li.gate5_RT a>span, #container.gate .menu li.gate5_RT a dl dd.eng span {color:#ff5066;} #container.gate .menu li.gate6_OE a>span, #container.gate .menu li.gate6_OE a dl dd.eng span {color:#0a79bc;} #container.gate .menu li.gate6_SM a>span, #container.gate .menu li.gate6_SM a dl dd.eng span {color:#4c74dd;} #container.gate .menu li.gate6_IR a>span, #container.gate .menu li.gate6_IR a dl dd.eng span {color:#967ffb;} #container.gate .menu li.gate6_SI a>span, #container.gate .menu li.gate6_SI a dl dd.eng span {color:#6b6de4;} #container.gate .menu li.gate6_BI a>span, #container.gate .menu li.gate6_BI a dl dd.eng span {color:#b297ed;} #container.gate .menu li.gate7_SA a>span, #container.gate .menu li.gate7_SA a dl dd.eng span {color:#e179d0;} #container.gate .menu li.gate8_DM a>span, #container.gate .menu li.gate8_DM a dl dd.eng span {color:#18bdf7;} #container.gate .menu li.gate8_IS a>span, #container.gate .menu li.gate8_IS a dl dd.eng span {color:#f6623d;} #container.gate .menu li.gate9_EL a>span, #container.gate .menu li.gate9_EL a dl dd.eng span {color:#ff5a6f;} #container.gate .menu li.gate9_SS a>span, #container.gate .menu li.gate9_SS a dl dd.eng span {color:#e965a3;} #container.gate .menu li.gate10_CS a>span, #container.gate .menu li.gate10_CS a dl dd.eng span {color:#2da2cb;} #container.gate .menu li.gate10_SS a>span, #container.gate .menu li.gate10_SS a dl dd.eng span {color:#2da2cb;} #container.gate .menu li.gate10_EP a>span, #container.gate .menu li.gate10_EP a dl dd.eng span {color:#2da2cb;} #container.gate .menu li.gate11_KM a>span, #container.gate .menu li.gate11_KM a dl dd.eng span {color:#3d6bd4;} #container.gate .menu li.gate11_RR a>span, #container.gate .menu li.gat11_RR a dl dd.eng span {color:#3d6bd4;} #container.gate .menu li.gate11_CF a>span, #container.gate .menu li.gate11_CF a dl dd.eng span {color:#3d6bd4;} #container.gate .menu li.gate12_CD a>span, #container.gate .menu li.gate12_CD a dl dd.eng span {color:#6e6ee7;} #container.gate .menu li.gate12_3D a>span, #container.gate .menu li.gate12_3D a dl dd.eng span {color:#6e6ee7;} #container.gate .menu li.gate12_EG a>span, #container.gate .menu li.gate12_EG a dl dd.eng span {color:#6e6ee7;} #container.gate .menu li.gate13_AS a>span, #container.gate .menu li.gate13_AS a dl dd.eng span {color:#f54e64;} #container.gate .menu li.gate13_EM a>span, #container.gate .menu li.gate13_EM a dl dd.eng span {color:#f54e64;} #container.gate .menu li.gate13_OR a>span, #container.gate .menu li.gate13_OR a dl dd.eng span {color:#f54e64;} /*#container.gate .menu li.gate5_faq {float:right; width:48.8%; max-width:527; height:199px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/gate/gate5_FAQ.png) no-repeat left top;} #container.gate .menu li.gate5_faq a {padding-top:33px; padding-left:39px; text-align:left;} #container.gate .menu li.gate5_faq p {position:relative; padding-left:57px; font-family:"Montserrat_Bold"; font-size:16px; color:#022881;} #container.gate .menu li.gate5_faq p::after {display:block; content:""; position:absolute; left:0; top:6px; width:44px; height:2px; background:#022881;} #container.gate .menu li.gate5_faq dl dt {margin-top:13px; font-family:"NanumSquareL"; font-size:28px; text-align:left; line-height:38px;} #container.gate .menu li.gate5_faq dl dt strong {font-family:"NanumSquareB";} #container.gate .menu li.gate5_faq dl dd {margin-top:19px; font-family:"NotoSanskr_Regular"; font-size:15px; color:#022881;} #container.gate .menu li.gate5_faq dl dd span::after {display:inline-block; content:"\e876"; margin-left:5px; margin-top:-2px; font-family:"Linearicons-Free"; font-size:10px; font-weight:600; vertical-align:middle;}*/ #container.gate .menu li.alone {width:100%; max-width:1080px;} #container.gate .menu li.gate10 {height:199px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/jobflex/w_bnr_v2.png) no-repeat left top;} #container.gate .menu li.gate10 a {padding-top:33px; padding-left:39px; text-align:left;} #container.gate .menu li.gate10 p {position:relative; padding-left:57px; font-family:"Montserrat_Bold"; font-size:16px; color:#022881;} #container.gate .menu li.gate10 p::after {display:block; content:""; position:absolute; left:0; top:6px; width:44px; height:2px; background:#022881;} #container.gate .menu li.gate10 dl dt {margin-top:13px; font-family:"NanumSquareL"; font-size:28px; text-align:left; line-height:38px;} #container.gate .menu li.gate10 dl dt strong {font-family:"NanumSquareB";} #container.gate .menu li.gate10 dl dd {margin-top:19px; font-family:"NotoSanskr_Regular"; font-size:15px; color:#022881;} #container.gate .menu li.gate10 dl dd span::after {display:inline-block; content:"\e876"; margin-left:5px; margin-top:-2px; font-family:"Linearicons-Free"; font-size:10px; font-weight:600; vertical-align:middle;} #container.gate .feature_list {position:relative; left:50%; width:1280px; margin:90px 0 76px -640px; padding:45px 0; background:rgba(255,255,255,0.4); border-radius:5px;} #container.gate .feature_list .feature_in {display:flex; padding-left:100px;} #container.gate .feature_list h2 {width:187px; padding-top:20px; font-family:"NanumSquareL"; font-size:29px; line-height:1.38;} #container.gate .feature_list h2 p {position:relative; padding-left:57px; margin-bottom:22px; font-family:"Montserrat_Bold"; font-size:16px;} #container.gate .feature_list h2 p::before {display:block; content:""; position:absolute; left:0; top:10px; width:44px; height:2px; background:#000;} #container.gate .feature_list h2 strong {display:block; font-family:"NanumSquareEB"} #container.gate .feature_list .menu li {margin-left:18px;} #container.gate .gate_list {max-width:1080px; margin:0 auto; padding-bottom:52px;} #container.gate .gate_list>ul::after {display:block; content:""; clear:both;} #container.gate .gate_list>ul>li {float:left; margin-bottom:68px;} #container.gate .gate_list>ul>li.f_right {float:right;} #container.gate .gate_list>ul>li.li-1 {width:164px;} #container.gate .gate_list>ul>li.li-3 {width:527px;} #container.gate .gate_list>ul>li.li-5 {width:890px;} #container.gate .gate_list>ul>li.li-6 {width:100%;} #container.gate .gate_list>ul>li h3 {margin-bottom:27px;} #container.gate .gate_list>ul>li h3 a {display:block; padding-bottom:16px; font-family:"NanumSquareEB"; font-size:1.1875rem; color:#000; border-bottom:2px solid #000; cursor:default;} #container.gate .gate_list>ul>li h3 a strong {display:inline-block; position:relative;} #container.gate .inhr_list {position:relative; left:50%; width:1280px; margin:90px 0 76px -640px; padding:45px 0; background:rgba(255,255,255,0.4); border-radius:5px;} #container.gate .inhr_list .inhr_in {display:flex; padding-left:100px;} #container.gate .inhr_list h2 {padding-top:20px; font-family:"NanumSquareL"; font-size:34px; line-height:1.38;} #container.gate .inhr_list h2 p {position:relative; padding-left:57px; margin-bottom:34px; font-family:"Montserrat_Bold"; font-size:16px;} #container.gate .inhr_list h2 p::before {display:block; content:""; position:absolute; left:0; top:10px; width:44px; height:2px; background:#000;} #container.gate .inhr_list h2 strong {font-family:"NanumSquareEB"} /* 채용프로세스별기능 - 모집 */ #container.pr_recruitment {position:relative; padding-top:126px;} #container.pr_recruitment #navi {top:60px;} #container.pr_recruitment .smart_builder {padding-bottom:75px;} #container.pr_recruitment .smart_builder .inner {position:relative; z-index:10; width:89.58%; max-width:1412px; padding-top:11.3vw; margin:0 auto;} #container.pr_recruitment .smart_builder .inner .title {position:absolute; left:11.6%; top:7.29vw; z-index:5;} #container.pr_recruitment .smart_builder .inner .title .eng {opacity:0; font-family:"Montserrat_SemiBold"; font-size:1rem; color:#fff; letter-spacing:1.2px;} #container.pr_recruitment .smart_builder .inner .title .eng span {display:inline-block; position:relative; padding-right:40px;} #container.pr_recruitment .smart_builder .inner .title .eng span::after {display:inline-block; content:""; position:absolute; right:0; top:50%; width:20px; height:2px; margin-top:-1px; background:#fff;} #container.pr_recruitment .smart_builder .inner .title h2 {opacity:0; margin-top:1.45vw; font-family:"NanumSquareB"; font-size:4.06rem; color:#fff;} #container.pr_recruitment .smart_builder .inner .title .txt {opacity:0; margin-top:2.18vw; font-family:"NotoSanskr_Regular"; font-size:1rem; color:#fff; line-height:1.75;} #container.pr_recruitment .smart_builder .inner .img {overflow:hidden; opacity:0; position:relative; width:100%; height:45.83vw; background:#444;} #container.pr_recruitment .smart_builder .inner .img img {position:absolute; left:-14%; top:-14%; width:128%;} #container.pr_recruitment .smart_builder .bg {position:absolute; left:0; top:0; width:100%; height:38.54vw; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/pr_recruit0_bg.jpg) no-repeat center center; background-size:cover;} #container.pr_recruitment .smart_builder .bg .mask {display:block; opacity:0.95; width:100%; height:100%; position:absolute; left:0; top:0; z-index:5; background:#000;} #container.pr_recruitment .step_intro {padding:75px 0 84px; text-align:center;} #container.pr_recruitment .step_intro .title h3 {font-family:"NanumSquare"; font-size:3.4375rem; color:#000; text-align:center;} #container.pr_recruitment .step_intro .title h3 strong {display:block; margin-bottom:33px; font-family:"Montserrat_Bold";} #container.pr_recruitment .step_intro .title p {margin-top:40px; font-family:"NotoSanskr_Demilight"; font-size:1.25rem; color:#0a0c19;} #container.pr_recruitment .step_intro ul {display:inline-block; overflow:hidden; margin-top:110px;} #container.pr_recruitment .step_intro ul li {float:left; margin-left:50px;} #container.pr_recruitment .step_intro ul li:first-child {margin-left:0;} #container.pr_recruitment .step_intro ul li i {display:block; overflow:hidden; width:265px; height:265px; background-repeat:no-repeat; background-position:center center; background-size:cover; border:1px solid #ececec; border-radius:50%;} #container.pr_recruitment .step_intro ul li:nth-child(1) i {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step_icon1.png);} #container.pr_recruitment .step_intro ul li:nth-child(2) i {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step_icon2.png);} #container.pr_recruitment .step_intro ul li:nth-child(3) i {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step_icon3.png);} #container.pr_recruitment .step_intro ul li p {margin-top:50px; font-family:"NanumSquare"; font-size:1.375rem; color:#000;} #container.pr_recruitment .step_intro ul li p span {display:block; margin-bottom:15px; font-family:"Montserrat_Bold";} #container.pr_recruitment .step_con .title h3 {font-family:"NanumSquareB"; font-size:3.25rem; color:#000;} #container.pr_recruitment .step_con .title h3 span {display:block; margin-bottom:25px; font-family:"Montserrat_Bold";} #container.pr_recruitment .step_con .title p {margin-top:42px; font-family:"NotoSanskr_Regular"; font-size:1.25rem; color:#000; line-height:1.6;} #container.pr_recruitment .step_con {overflow:hidden;} #container.pr_recruitment .step_con.step1 {padding:84px 0 117px;} #container.pr_recruitment .step_con.step1 .inner .title {overflow:hidden; margin-bottom:130px;} #container.pr_recruitment .step_con.step1 .inner .title h3 {float:left;} #container.pr_recruitment .step_con.step1 .inner .title p {float:left; margin-left:123px;} #container.pr_recruitment .step_con.step1 .type_slide {position:relative; height:610px;} .step_con.step1 .type_slide .slides>div {height:536px;} .step_con.step1 .type_slide .slides>div>dl dt {overflow:hidden; height:4.0625rem; font-family:"Montserrat_Bold"; font-size:4.0625rem; color:#dddee2;} .step_con.step1 .type_slide .slides>div>dl dt strong {display:inline-block; overflow:hidden; position:relative; width:250px; height:100%;} .step_con.step1 .type_slide .slides>div>dl dt strong span {display:block; opacity:0; position:absolute; top:0; width:250px;} .step_con.step1 .type_slide.prev .slides>div>dl dt strong span.on {right:0;} /* .step_con.step1 .type_slide.prev .slides>div>dl dt strong span.off {right:100%;} */ .step_con.step1 .type_slide.next .slides>div>dl dt strong span.on {left:0;} /* .step_con.step1 .type_slide.next .slides>div>dl dt strong span.off {left:100%;} */ .step_con.step1 .type_slide .slides>div>dl dd {/* overflow:hidden; */ position:relative; z-index:5; width:769px; height:492px; margin-top:-10px;} .step_con.step1 .type_slide .slides>div>dl dd img {position:absolute; left:0; top:0; box-shadow:10px 0 40px rgba(0,0,0,0.2);} .step_con.step1 .type_slide .slides>div>dl dd img.on {z-index:5; opacity:0;} .step_con.step1 .type_slide .slides>div.prev_slide {position:absolute; left:50%; top:0; margin-left:-1479px;} .step_con.step1 .type_slide .slides>div.prev_slide dl dt {text-align:right;} .step_con.step1 .type_slide .slides>div.next_slide {position:absolute; left:50%; top:0; margin-left:705px;} .step_con.step1 .type_slide .slides>div.cur_slide {position:relative; left:50%; width:1116px; margin-left:-541px; padding-right:769px;} .step_con.step1 .type_slide .slides>div.cur_slide .concept {display:table; position:relative; width:100%; height:100%;} .step_con.step1 .type_slide .slides>div.cur_slide .concept::after {display:block; content:""; position:absolute; right:-40px; top:95px; width:305px; height:388px; background:#e9eaef;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .concept_in {display:table-cell; position:relative; z-index:5; width:100%; height:100%; vertical-align:middle;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .title {overflow:hidden; position:relative; height:162px; font-family:"Montserrat_Bold"; font-size:4.25rem; color:#000; line-height:1.17;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .title strong {opacity:0; position:absolute; left:0; top:0;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .subtitle {overflow:hidden; position:relative; height:55px; margin-top:45px; font-family:"NotoSanskr_Regular"; font-size:1.125rem; color:#000; line-height:1.77;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .subtitle strong {opacity:0; position:absolute; left:0; top:0;} .step_con.step1 .type_slide .slides>div.cur_slide>dl {position:absolute; right:0; top:0; z-index:10;} .step_con.step1 .type_slide .direction>span {display:block; position:absolute; left:50%; top:268px;} .step_con.step1 .type_slide .direction>span.btn_prev {margin-left:-630px;} .step_con.step1 .type_slide .direction>span.btn_next {margin-left:623px;} .step_con.step1 .type_slide .direction>span button {width:42px; height:42px; font-size:22px; color:#fff; text-align:center; line-height:42px; background:#232323; box-shadow:10px 0 40px rgba(0,0,0,0.3);} .step_con.step1 .type_slide .direction>span.btn_prev button::after {display:inline-block; content:"\f100"; font-family:"FontAwesome";} .step_con.step1 .type_slide .direction>span.btn_next button::after {display:inline-block; content:"\f101"; font-family:"FontAwesome";} .step_con.step1 .type_slide .control {position:relative; width:1116px; left:50%; margin-left:-541px; margin-top:66px;} .step_con.step1 .type_slide .control ul li {display:inline-block; margin-right:16px;} .step_con.step1 .type_slide .control ul li button {position:relative; width:60px; height:20px;} .step_con.step1 .type_slide .control ul li button::after {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#ced0d8; transition:all .3s ease-out;} .step_con.step1 .type_slide .control ul li.active button::after {background:#232323;} #container.pr_recruitment .step_con.step2 {position:relative; padding:117px 0 135px;} #container.pr_recruitment .step_con.step2 .tab {margin-top:45px;} #container.pr_recruitment .step_con.step2 .tab ul {width:310px; margin-left:-17px;} #container.pr_recruitment .step_con.step2 .tab ul::after {display:block; content:""; clear:both;} #container.pr_recruitment .step_con.step2 .tab ul li {float:left; width:135px; height:135px; margin-left:17px; margin-bottom:10px;} #container.pr_recruitment .step_con.step2 .tab ul li a {display:block; width:100%; height:100%; font-family:"NanumSquareB"; font-size:1.0625rem; color:#84858b; text-align:center; box-shadow:3px 7px 24px rgba(0,0,0,0); transition:all .25s ease-out;} #container.pr_recruitment .step_con.step2 .tab ul li a:hover {box-shadow:3px 7px 24px rgba(0,0,0,0.1);} #container.pr_recruitment .step_con.step2 .tab ul li.on a {color:#000; box-shadow:3px 7px 24px rgba(0,0,0,0.1);} #container.pr_recruitment .step_con.step2 .tab ul li a i {display:block; width:100%; height:95px; background-repeat:no-repeat; background-position:center center; transition:all .25s ease-out;} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(1) a i {background-size:auto 56px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_icon1.svg);} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(2) a i {background-size:auto 60px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_icon2.svg);} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(3) a i {background-size:auto 58px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_icon3.svg);} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(4) a i {background-size:auto 65px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_icon4.svg);} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(1).on a i {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_icon1_on.svg);} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(2).on a i {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_icon2_on.svg);} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(3).on a i {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_icon3_on.svg);} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(4).on a i {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_icon4_on.svg);} #container.pr_recruitment .step_con.step2 .tab_con {overflow:hidden; position:absolute; left:50%; top:54px; width:961px; height:662px; margin-left:-2px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_tabcon_bg.jpg) no-repeat center center;} #container.pr_recruitment .step_con.step2 .tab_con .ui {position:absolute; left:0; top:0; z-index:15; width:54px; height:100%; background:#1b1b1b;} #container.pr_recruitment .step_con.step2 .tab_con .ui::before {display:block; content:"\e871"; margin-top:22px; font-family:"Linearicons-Free"; font-size:13px; color:#fff; text-align:center;} #container.pr_recruitment .step_con.step2 .tab_con .ui ul {padding-left:7px; margin-top:29px;} #container.pr_recruitment .step_con.step2 .tab_con .ui ul li {height:41px; margin-bottom:8px; padding-left:7px; padding-top:8px; border-radius:3px 0 0 3px; transition:all .3s ease-out;} #container.pr_recruitment .step_con.step2 .tab_con .ui ul li.on {background:#2e2e2e;} #container.pr_recruitment .step_con.step2 .tab_con .ui ul li i {display:block; width:100%; height:30px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/step2_ui_icon.png); background-repeat:no-repeat;} #container.pr_recruitment .step_con.step2 .tab_con .ui ul li:nth-child(1) i {background-position:0 0;} #container.pr_recruitment .step_con.step2 .tab_con .ui ul li:nth-child(2) i {background-position:0 -49px;} #container.pr_recruitment .step_con.step2 .tab_con .ui ul li:nth-child(3) i {background-position:0 -94px;} #container.pr_recruitment .step_con.step2 .tab_con .ui ul li:nth-child(4) i {background-position:0 -140px;} #container.pr_recruitment .step_con.step2 .tab_con .con .layer1 {display:none; opacity:0; position:absolute; left:54px; top:0; z-index:10;} #container.pr_recruitment .step_con.step2 .tab_con .con .layer2 {display:none; opacity:0; position:absolute; top:0; z-index:5;} #container.pr_recruitment .step_con.step2 .tab_con .con figure {display:none;} #container.pr_recruitment .step_con.step2 .tab_con .con[data-index="0"] .layer2 {left:260px;} #container.pr_recruitment .step_con.step2 .tab_con .con[data-index="1"] .layer2 {left:210px;} #container.pr_recruitment .step_con.step3 {position:relative; padding:285px 0 350px;} #container.pr_recruitment .step_con.step3 .url {position:absolute; left:50%; top:85px; height:100%; margin-left:210px;} #container.pr_recruitment .step_con.step3 .url::after {display:block; content:""; position:absolute; left:0; top:0; width:630px; height:630px; background:#e9eaef; border-radius:50%;} #container.pr_recruitment .step_con.step3 .url .input {position:relative; z-index:10; width:610px; height:110px; padding:16px 167px 16px 45px; margin-top:258px; margin-left:-130px; background:#fff; border-radius:55px; box-shadow:-40px 20px 40px rgba(0,0,0,0.1);} #container.pr_recruitment .step_con.step3 .url .input p {width:100%; padding:25px 0; font-family:"NotoSanskr_Regular"; font-size:28px; color:#6d6d6d; letter-spacing:0.5px; border-right:3px solid #000;} #container.pr_recruitment .step_con.step3 .url .input i {position:absolute; right:56px; top:29px; width:68px; height:57px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/search_icon.svg) no-repeat center center;} #container.pr_recruitment .step_con.step3 .url .mouse {display:block; position:absolute; left:410px; top:430px; z-index:10; width:50px; height:70px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/process/cursor_icon.svg) no-repeat center center} #container.pr_recruitment .compare_area {padding:125px 0; background:#f6f6f6;} #container.pr_recruitment .compare_area .title_area h2 {text-align:center;} #container.pr_recruitment .compare_area .title_area h2 p.page_name {font-family:"NanumSquareB"; font-size:1.125rem;} #container.pr_recruitment .compare_area .title_area h2 p.page_name strong::after {display:none;} #container.pr_recruitment .compare_area .title_area h2 p.title {margin-top:22px; font-family:"NanumSquareL"; font-size:3.4375rem;} #container.pr_recruitment .compare_area .title_area h2 p.title strong {font-family:"NanumsquareB";} #container.pr_recruitment .compare_area .tab {margin-top:60px;} #container.pr_recruitment .compare_area .tab ul {width:100%; text-align:center;} #container.pr_recruitment .compare_area .tab ul li {display:inline-block; width:180px; margin-left:-5px;} #container.pr_recruitment .compare_area .tab ul li a {display:block; position:relative; padding:15px 0; font-family:"NanumsquareB"; font-size:1.125rem; color:#999; text-align:center; border-bottom:1px solid #c5c5c5; transition:all .25s ease-out;} #container.pr_recruitment .compare_area .tab ul li a::before {display:block; content:""; position:absolute; left:50%; bottom:-1px; width:0; height:1px; background:#c5c5c5; transition:all .25s ease-out;} #container.pr_recruitment .compare_area .tab ul li a::after {display:block; content:""; position:absolute; right:50%; bottom:-1px; width:0; height:1px; background:#c5c5c5; transition:all .25s ease-out;} #container.pr_recruitment .compare_area .tab ul li.on a {color:#000;} #container.pr_recruitment .compare_area .tab ul li.on a::before, #container.pr_recruitment .compare_area .tab ul li.on a::after {width:50%; background:#000;} #container.pr_recruitment .compare_area .tab_con {position:relative; width:100%; height:430px; margin-top:60px; background:#fff;} #container.pr_recruitment .compare_area .tab_con>ul {position:absolute; left:0; top:0; width:100%;} #container.pr_recruitment .compare_area .tab_con>ul li {display:none;} #container.pr_recruitment .compare_area .tab_con>ul .slick-track {background:#fff !important;} #container.pr_recruitment .compare_area .tab_con>ul .slick-arrow {position:absolute; top:50%; margin-top:-25px; width:40px; text-align:center;} #container.pr_recruitment .compare_area .tab_con>ul .slick-arrow:after {display:inline-block; font-family:"LinearIcons-Free"; font-size:45px; color:#3d3d3d;} #container.pr_recruitment .compare_area .tab_con>ul .slick-arrow.slick-prev {left:-92px;} #container.pr_recruitment .compare_area .tab_con>ul .slick-arrow.slick-prev::after {content:"\e875";} #container.pr_recruitment .compare_area .tab_con>ul .slick-arrow.slick-next {right:-92px;} #container.pr_recruitment .compare_area .tab_con>ul .slick-arrow.slick-next::after {content:"\e876";} #container.pr_recruitment .spec_area {padding:125px 0 160px; background:#121212;} #container.pr_recruitment .spec_area .title_area h2 {text-align:center;} #container.pr_recruitment .spec_area .title_area h2 p.page_name {font-family:"Montserrat_Bold"; font-size:1.375rem; color:#fff;} #container.pr_recruitment .spec_area .title_area h2 p.page_name strong::after {display:none;} #container.pr_recruitment .spec_area .title_area h2 p.title {margin-top:22px; font-family:"NanumSquareB"; font-size:3.4375rem; color:#fff;} #container.pr_recruitment .spec_area .detail {margin-top:110px;} #container.pr_recruitment .spec_area .detail p {text-align:center;} #container.pr_recruitment .spec_area .detail .btn_area {margin-top:80px; text-align:center;} #container.pr_recruitment .spec_area .detail .btn_area button {width:225px; height:50px; color:#fff; line-height:48px; border:1px solid #fff; transition:all .25s ease-out;} #container.pr_recruitment .spec_area .detail .btn_area button:hover {color:#121212; background:#fff; border-color:#121212;} #container.pr_recruitment .spec_area .spec_layer {display:none; opacity:0; overflow-y:auto; position:fixed; left:0; top:0; z-index:550; width:100%; height:100vh; background:#121212;} #container.pr_recruitment .spec_area .spec_layer .inner {padding:165px 0 360px;} #container.pr_recruitment .spec_area .spec_layer .inner h3 {font-family:"Montserrat_Bold"; font-size:3.4375rem; color:#fff; text-align:center;} #container.pr_recruitment .spec_area .spec_layer .inner p {margin-top:120px;} #container.pr_recruitment .spec_area .spec_layer .btn.close {position:fixed; right:30px; top:20px; width:57px; height:57px; text-align:center; line-height:57px; transition:all .3s cubic-bezier(0.5,0.8,0.6,0.88);} #container.pr_recruitment .spec_area .spec_layer .btn.close::after {display:inline-block; content:"\e870"; font-family:"Linearicons-Free"; font-size:30px; color:#fff;} @media (max-width:1600px) { .step_con.step1 .type_slide .slides>div.prev_slide {display:none;} .step_con.step1 .type_slide .slides>div.cur_slide {left:inherit; margin:0 auto;} .step_con.step1 .type_slide .slides>div.next_slide {display:none;} } @media (max-width:1300px) { #container.pr_recruitment .compare_area .tab_con>ul .slick-arrow {display:none;} #container.ai .customer_area .logo_area {padding:0 5.8%;} } @media (min-width:1080px) and (max-width:1300px){ #container.ai .customer_area .logo_area img.view_w {width:100%;} } @media (min-width:1080px) { #container.gate .menu {display:block !important;} } @media (min-width:1080px) and (max-width:1200px){ #container.ai .graph_desc .inner {width:88.4%;} } @media (max-width:1079px){ #container.ai .title_area.common .eng {font-size:1.04rem;} #container.ai .title_area.common h3 {margin-top:2.19rem; font-size:3.125rem;} #container.ai .title_area.common .txt {margin-top:2.03rem; font-size:1.46rem; line-height:1.6;} #container.ai .intro_area {position:relative; width:100%; height:inherit;} #container.ai .intro_area .sticky_area {position:static; height:auto;} #container.ai .intro_area .title_wrap {overflow:hidden; position:fixed; left:0; top:0; width:100%; height:100vw;} #container.ai .intro_area .title_wrap .mask {display:block !important;} #container.ai .intro_area .title_area {display:block !important; opacity:1 !important; visibility:visible !important; position:static; width:100%; height:100vw; padding-top:/*7.4rem*/18.49vw; background:#131218 url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/notebook_bg.jpg) no-repeat center top; background-size:cover;} #container.ai .intro_area .title_area p {font-size:0.9375rem;} #container.ai .intro_area .title_area h2 {margin-top:1.4rem; font-size:3.18rem;} #container.ai .intro_area .video_area {display:none !important;} #container.ai .intro_area .video_area video {display:none !important;} #container.ai #notebook {display:none;} #container.ai .intro_area .text_area {display:block !important; opacity:1 !important; visibility:visible !important; position:relative !important; z-index:10; margin-top:100vw; background:#16172b;} #container.ai .intro_area .text_area figure img {width:100%; max-width:768px;} #container.ai .intro_area .text_area p {display:flex; height:89.06vw; align-items:center; justify-content:center; font-family:"NanumSquare"; font-size:2.86rem; line-height:1.36; background: -moz-linear-gradient(270deg, rgba(22,23,43,1) 0%, rgba(19,18,24,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(22,23,43,1)), color-stop(100%, rgba(19,18,24,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(270deg, rgba(22,23,43,1) 0%, rgba(19,18,24,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(270deg, rgba(22,23,43,1) 0%, rgba(19,18,24,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(22,23,43,1) 0%, rgba(19,18,24,1) 100%); /* ie10+ */ background: linear-gradient(180deg, rgba(22,23,43,1) 0%, rgba(19,18,24,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16172b', endColorstr='#131218',GradientType=0 ); /* ie6-9 */ } #container.ai .intro_area .text_area p strong {display:none; opacity:0; background-size:100% 100%;} body[data-phone="iPhone"] #container.ai .intro_area .text_area p strong, body[data-phone="iPad"] #container.ai .intro_area .text_area p strong {color:#fff;} #container.ai .intro_area .text_area p .in-bl {display:block !important;} #container.ai .intro_area .text_area p .light_m {display:block;} #container.ai .intro_area .scroll_down {display:none !important;} #container.ai .news_area {padding-top:3.9rem; padding-bottom:6.67rem;} #container.ai .process_intro {height:inherit; padding:10.73rem 0;} #container.ai .process_intro .title_area {left:5.8%; top:5.83rem; margin-left:0; margin-top:0;} #container.ai .process_intro .title_area p {font-size:1.04rem; color:#fff;} #container.ai .process_intro .title_area h3 {margin-top:1.5625rem; font-size:3.125rem;} #container.ai .process_intro .large_area {position:relative; width:79.68%; height:inherit; top:inherit; left:inherit; margin:0 auto !important;} #container.ai .process_intro .large_area .line {position:absolute; left:0; top:0; z-index:10; width:100%;} #container.ai .process_intro .large_area .line svg {width:100%; height:100%;} #container.ai .process_intro .large_area img {width:100%;} #container.ai .process_list {height:inherit; padding-bottom:9.375rem;} #container.ai .process_list .img_area {height:81.9vw; margin-top:2.6rem;} #container.ai .process_list .img_area li {left:11.72%; top:0; width:76.04%; height:100%; background-size:contain !important;} #container.ai .process_list .txt_area {position:static; left:inherit; top:inherit; width:100%; margin-left:0;} #container.ai .process_list .txt_area ul {height:16.66rem;} #container.ai .process_list .txt_area ul li {left:5.8%;} #container.ai .process_list .txt_area dl dt {font-family:"NanumSquareEB"; font-size:1.46rem;} #container.ai .process_list .txt_area dl dt span {font-family:"Montserrat_Bold"; font-size:1.04rem;} #container.ai .process_list .txt_area dl dd {margin-top:2.08rem; font-size:2.08rem;} #container.ai .process_list .txt_area dl dd p {margin-top:1.25rem; font-size:1rem;} #container.ai .process_list .txt_area .btn_area {position:static;} #container.ai .process_list .txt_area .btn_area button {position:absolute; top:49%; z-index:10; width:5.21rem; height:5.21rem; font-size:2rem; line-height:5rem;} #container.ai .process_list .txt_area .btn_area button.prev {left:5.8%;} #container.ai .process_list .txt_area .btn_area button.next {right:5.8%} #container.ai .p6_area {padding-top:7.7rem;} #container.ai .p6_area .title_area .txt .bl-in {display:inline;} #container.ai .p6_area .btn_area {margin-top:3.23rem;} #container.ai .p6_area .btn_area .btn.go {width:62.5%; max-width:480px; height:4.69rem; font-family:"NotoSanskr_Bold"; font-size:1.4rem; line-height:4.69rem;} #container.ai .p6_area .btn_area .btn.go::after {font-weight:bold;} #container.ai .p6_area .video_area {margin-top:3.75rem;} #container.ai .p6_area .p6_games {height:170vw; max-height:1282px; margin-top:5.73rem; background-size:cover;} #container.ai .feature_area {padding:4.375rem 0 6.72rem;} #container.ai .feature_area .title_area h3 {font-size:3.125rem; line-height:1.08;} #container.ai .feature_area .title_area h3 strong {display:block;} #container.ai .feature_area .feature_list {display:block; margin-top:0; margin-left:0 !important;} #container.ai .feature_area .feature_list li {width:100% !important; margin-top:6.77rem; margin-left:0 !important;} #container.ai .feature_area .feature_list li:first-child {margin-top:5.73rem;} #container.ai .feature_area .feature_list li dl dt i {width:100% !important; background-position:center top !important; background-size:contain !important;} #container.ai .feature_area .feature_list li:nth-child(1) dl dt i {height:3.96rem;} #container.ai .feature_area .feature_list li:nth-child(2) dl dt i {height:5rem;} #container.ai .feature_area .feature_list li:nth-child(3) dl dt i {height:4.06rem;} #container.ai .feature_area .feature_list li dl dt strong {margin-top:2.81rem; font-size:2.08rem;} #container.ai .feature_area .feature_list li dl dd {margin-top:1.98rem; font-size:1.46rem;} #container.ai .feature_area .feature_list li dl dd.btn_area {margin-top:2.34rem;} #container.ai .feature_area .feature_list li dl dd.btn_area .btn {width:8.65rem; height:3.65rem; font-size:1.46rem; line-height:3.65rem;} #container.ai .v4_area {padding-top:7.81rem; background-image:linear-gradient(#f8fafa 55%, #fff);} #container.ai .v4_area .btn_area {margin-top:3.23rem;} #container.ai .v4_area .btn_area .btn.go {width:62.5%; max-width:480px; height:4.69rem; font-family:"NotoSanskr_Bold"; font-size:1.4rem; line-height:4.69rem;} #container.ai .v4_area .btn_area .btn.go::after {font-weight:bold;} #container.ai .v4_area .com_area {height:35.42rem; margin-top:3.125rem; padding:0 5.8%;} #container.ai .v4_area .com_con {position:relative; left:0; width:100%; margin-left:0; background-size:cover !important;} #container.ai .v4_area .com_con .ai_shape {top:7.2rem; width:18.125rem; height:18.125rem; margin-left:25%; transform:translateX(-50%);} #container.ai .v4_area .com_con .ai_shape .circle1 {width:26.72%; height:26.72%;} #container.ai .v4_area .com_con .ai_shape .circle2 {width:50.86%; height:50.86%;} #container.ai .v4_area .com_con .ai_shape .circle3 {width:75.86%; height:75.86%;} #container.ai .v4_area .com_con .ai_shape .circle4 {width:100%; height:100%;} #container.ai .v4_area .com_con .ai_shape .circle::after {display:block; content:""; position:absolute; left:50%; top:50%; width:100%; height:100%; border-radius:50%; box-shadow:0 0 0 0 rgba(255,255,255,0.3); transform:translate(-50.1%, -50.1%); transition:all .3s ease-out;} #container.ai .v4_area .com_con .ai_shape.on .circle::after {box-shadow:0 0 20px 10px rgba(255,255,255,0.5);} #container.ai .v4_area .com_con .txt {height:2.8rem; font-size:1.14rem; line-height:2.8rem} #container.ai .v4_area .com_con .human.txt {left:40%; top:25rem; margin-right:0; font-family:"NotoSanskr_Medium"; border-radius:0 21px 21px 21px; transform-origin:left top;} #container.ai .v4_area .com_con .txt.ai {bottom:6.25rem; width:auto; padding-left:1.3rem; padding-right:1rem; margin-left:0; font-family:"NotoSanskr_Regular"; border-radius:1.1rem 0 1.1rem 1.1rem;} #container.ai .v4_area .tech_area {margin-top:11.92rem;} #container.ai .v4_area .tech_area .title_area h4 {font-size:2.86rem;} #container.ai .v4_area .tech_area .video_list {margin-top:3.59rem;} #container.ai .v4_area .tech_area .video_list>li {width:22rem; margin:0 auto 5.2rem; padding:0 !important;} #container.ai .v4_area .tech_area .video_list>li .name {height:3.85rem; padding-left:1.56rem;} #container.ai .v4_area .tech_area .video_list>li .name p {font-size:0.78rem;} #container.ai .v4_area .tech_area .video_list>li .name button {right:1.04rem; top:1.14rem; width:4.3rem; height:1.67rem; line-height:1.67rem; border-radius:0.8rem;} #container.ai .v4_area .tech_area .video_list>li .name button::before {top:0.15rem; width:1.35rem; height:1.35rem; line-height:1.35rem;} #container.ai .v4_area .tech_area .video_list>li .name button::after {font-size:10px; vertical-align:middle;} #container.ai .v4_area .tech_area .video_list>li .name button.off {padding-left:1.46rem;} #container.ai .v4_area .tech_area .video_list>li .name button.on {padding-left:0.625rem;} #container.ai .v4_area .tech_area .video_list .con li dl dt {margin-top:2.34rem; font-size:1.77rem; line-height:1.23;} #container.ai .v4_area .tech_area .video_list .con li dl dd {margin-top:0.94rem; font-size:1.46rem;} #container.ai .graph_area {width:100%; padding:7.81rem 5.8% 3rem; background:linear-gradient(#f8fafa 60%,#fff);} #container.ai .graph_area .title_area.common .txt .bl-in {display:inline;} #container.ai .graph_area .btn_area {margin-top:3.125rem;} #container.ai .graph_area .btn_area .btn.go {width:62.4%; height:4.6875rem; font-size:1.41rem; line-height:4.6875rem;} #container.ai .graph_area .btn_area .btn.go::before {margin-top:-2px; font-weight:bold; font-size:1.2rem;} #container.ai .graph_wrap {width:100%; max-width:713px; height:96.22vw; max-height:739px; margin:3.65rem auto 3rem; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/ai_graph_on.png) no-repeat left top !important; background-size:contain !important;} #container.ai .graph_wrap .mark {display:none !important;} /*#container.ai .graph_wrap svg {left:9.3%; top:38.02vw; width:80.9%; margin-left:0;} #container.ai .graph_wrap .mark { width:4.06rem; height:1.77rem; font-family:"Montserrat_SemiBold"; font-size:1.04rem; line-height:1.77rem;} #container.ai .graph_wrap .mark1 {left:23.7%; top:21.67vw; margin-left:0;} #container.ai .graph_wrap .mark2 {left:44%; top:18.65vw; margin-left:-32px;} #container.ai .graph_wrap .mark3 {left:64.3%; top:39.71vw; margin-left :220px;} #container.ai .graph_wrap .mark4 {left:81.2%; top:30.34vw; width:6.35rem; height:2.6rem; font-size:1.5625rem; line-height:2.6rem; margin-left:0;} */ #container.ai .report_area {height:auto;} #container.ai .report_area .sticky_area {position:static; height:inherit;} #container.ai .report_area .scroll_area {display:block; position:relative; width:100% !important; height:inherit; transform:none !important;} #container.ai .report_area .report {display:block !important; opacity:1 !important; visibility:visible !important; width:100% !important; height:inherit;} #container.ai .report_area .report .description {margin-top:0 !important; padding:0 5.8% !important; font-size:2.6rem; color:#6b6a71;} #container.ai .report_area .report .description::before {display:none !important;} #container.ai .report_area .report .txt {position:absolute; font-family:"NanumSquareEB"; font-size:1.125rem; color:#706f76; line-height:1.55;} #container.ai .report_area .report .txt::before {display:block; content:""; position:absolute; height:1px; background:#cfd0d0;} #container.ai .report_area .report .txt strong {color:#292929;} #container.ai .report_area .report .bl-in {display:inline;} #container.ai .report_area .report_recom {padding:6rem 5.8% 0 5.16rem;} #container.ai .report_area .report_recom .recom_tit {display:block; width:100%;} #container.ai .report_area .report_recom .recom_tit h3 {display:block; font-size:4.17rem;} #container.ai .report_area .report_recom .recom_img {position:relative; right:0; top:0; width:100%; height:60vw; margin-top:2.24rem; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/recom_img_m.png) no-repeat left top; background-size:contain;} #container.ai .report_area .report_recom .recom_img .mark {width:2.29rem; height:1.5625rem; font-size:0.73rem; line-height:1.5625rem;} #container.ai .report_area .report_recom .recom_img .mark::after {bottom:-6px; margin-left:-3px; border:3px solid #455df3;} #container.ai .report_area .report_recom .recom_img .mark1 {left:78.3%; top:3.5%;} #container.ai .report_area .report_recom .recom_img .mark2 {left:34.5%; top:21%;} #container.ai .report_area .report_recom .recom_img .mark3 {left:68.2%; top:37.6%;} #container.ai .report_area .report_recom .recom_img .mark4 {left:11.7%; top:38%;} #container.ai .report_area .report_recom .recom_img .mark5 {left:34.6%; top:55.4%;} #container.ai .report_area .report_recom .recom_img .mark6 {left:80.4%; top:72%;} #container.ai .report_area .report_recom .recom_img .mark7 {display:none !important;} #container.ai .report_area .report_recom .recom_img .mark8 {display:none !important;} #container.ai .report_area .report_recom .recom_img .mark9 {display:none !important;} #container.ai .report_area .report_video {padding:5.16rem 0 3rem;} #container.ai .report_area .report_video .video_area {position:relative; right:inherit; bottom:inherit; width:100%; height:inherit; margin-top:4.6875rem; background-size:contain;} #container.ai .report_area .report_video .video_area .video {position:relative; left:inherit; top:inherit; width:100%; height:70.9vw; margin-top:2.6rem; background-size:contain !important;} #container.ai .report_area .report_video .video_area .video::after {display:none;} #container.ai .report_area .report_video .video_area .video video {position:absolute; left:17.2%; top:11.7vw; width:34.7%;} #container.ai .report_area .report_video .video_area .txt {position:static; padding:0 5.8%; font-size:1.5625rem;} #container.ai .report_area .report_sum {padding:6.72rem 0 3.96rem;} #container.ai .report_area .report_sum .summary_img {position:relative; right:inherit; bottom:inherit; width:100%; height:87.93vw; margin-top:6.51rem; background-size:contain !important;} #container.ai .report_area .report_sum .summary_img .txt {font-family:"NotoSanskr_Bold"; font-size:0.9375rem;} #container.ai .report_area .report_sum .summary_img .txt::before {width:1px;} #container.ai .report_area .report_sum .summary_img .txt1 {left:20%; top:inherit; bottom:-7vw; padding-right:0;} #container.ai .report_area .report_sum .summary_img .txt1::before {right:50%; top:inherit; bottom:3.1vw; height:28.8vw;} #container.ai .report_area .report_sum .summary_img .txt2 {right:17.1%; left:inherit; top:-3.16rem; padding-left:0;} #container.ai .report_area .report_sum .summary_img .txt2::before {left:63%; top:2.12rem; height:7.55vw;} #container.ai .report_area .report_sum .summary_img .txt3 {left:62%; right:inherit; top:inherit; bottom:-7vw; margin-left:0; padding-left:0;} #container.ai .report_area .report_sum .summary_img .txt3::before {left:50%; top:inherit; bottom:3.1vw; height:42vw;} #container.ai .report_area .report_point {padding:3.96rem 0 3.54rem;} #container.ai .report_area .report_point .report_img {position:relative; right:inherit; top:inherit; width:100%; height:96vw; margin:2.92rem auto 0; background-position:center 6.4rem; background-size:contain !important;} #container.ai .report_area .report_point .report_img .txt1 {position:static; padding:0 5.8%; font-size:1.5625rem;} #container.ai .report_area .report_point .report_img .txt2 {right:20.2%; top:3.8rem; padding-left:0; font-family:"NotoSanskr_Bold"; font-size:0.9375rem;} #container.ai .report_area .report_point .report_img .txt2::before {display:none;} #container.ai .report_area .report_point .report_img .txt3 {right:3%; top:31vw; padding-left:0; font-family:"NotoSanskr_Bold"; font-size:0.9375rem;} #container.ai .report_area .report_point .report_img .txt3::before {display:none;} #container.ai .report_area .report_que {padding:3.54rem 0 5.73rem;} #container.ai .report_area .report_que .notebook_img {position:relative; right:inherit; top:inherit; bottom:inherit; width:100%; height:65.7vw; margin-top:1.5625rem; background-size:contain !important;} #container.ai .report_area .report_que .notebook_img .txt {position:static; padding:0 5.8%; margin-top:2.81rem; font-size:1.35rem; text-align:right;} #container.ai .report_area .report_txt {padding:5.73rem 0 4.42rem;} #container.ai .report_area .report_end {padding:4.42rem 0 7.5rem;} #container.ai .report_area .report_end .description {position:static; font-size:3.38rem; text-align:right;} #container.ai .report_area .report_end .description .btn_area {text-align:right;} #container.ai .report_area .report_end .description .btn.go {width:67.2%; max-width:322px; height:4.6875rem; margin-top:1.46rem; font-family:"NotoSanskr_Bold"; font-size:1.4rem; line-height:4.6875rem;} #container.ai .report_area .report_end .description .btn.view_t.view_m {display:inline-block !important;} #container.ai .report_area .report_end .description .btn.go::after {margin-top:-2px; font-size:1.2rem; font-weight:bold;} #container.ai .report_area .report_end .end_img {position:static; right:inherit; bottom:inherit; width:100%; height:67.84vw; margin-top:-2.5rem; background-size:contain !important;} #container.ai .customer_area {padding:7.81rem 0 0;} #container.ai .customer_area .title_area h3 {font-size:3.4375rem; line-height:1.36;} #container.ai .customer_area .title_area.common h3 strong {display:inline;} #container.ai .customer_area .logo_area img.view_t.view_m {width:100%; max-width:670px; margin:0 auto;} #container.ai .customer_area .story_list {margin-left:0; margin-top:2.08rem;} #container.ai .customer_area .story_list>span {display:block;} #container.ai .customer_area .story_list>span>div {width:100%; max-width:420px; margin:0 auto 4.17rem !important; padding-bottom:0;} #container.ai .customer_area .story_list>span>div:last-child {margin:0 auto 2.5rem !important;} #container.ai .customer_area .ps1-resource-1-cm.customize .thumb, #container.ai .customer_area .ps1-resource-1-cm.customize .thumb figure {height:54.687vw; max-height:263px;} #container.ai .customer_area .ps1-resource-1-cm.customize .description>a.link {padding:2.08rem 8% 8.75rem 12%;} #container.ai .customer_area .ps1-resource-1-cm.customize .description .logo {height:4.48rem; margin-bottom:2.71rem;} #container.ai .customer_area .ps1-resource-1-cm.customize .description .logo img {max-height:4.48rem;} #container.ai .customer_area .ps1-resource-1-cm.customize .description .list_text {max-height:inherit; font-size:2.8rem !important;} #container.ai .customer_area .ps1-resource-1-cm.customize .description .list_text .bl-in, #container.ai .customer_area .ps1-resource-1-cm.customize .description .list_text strong {display:inline;} #container.ai .customer_area .story_list .btn_area a {height:5.05rem; font-size:1.5rem; line-height:5.05rem;} #container.ai .customer_area .story_list .btn_area a::after {font-size:1.5rem;} .next_area {height:19.06rem;} .next_area .title_area .eng {font-size:1.04rem;} .next_area .title_area h3 {margin-top:2.92rem; font-size:2.34rem;} .next_area .title_area i {width:2.45rem; margin-top:3.33rem;} #container.platform .intro_area .title1 h2 {line-height:1.1;} #container.platform .intro_area .title1 .in-bl {display:block;} #container.platform .intro_area .portfolio_area .title2 {left:10.4%; top:21.43%;} #container.platform .intro_area .portfolio_area .title2 .eng {font-size:1.46rem;} #container.platform .intro_area .portfolio_area .title2 h2 {font-size:3.64rem;} #container.platform .intro_area .portfolio_area .title2 .txt {font-family:"NotoSanskr_Regular"; font-size:1.46rem;} #container.platform .intro_area .portfolio_area .title2 .txt .in-bl {display:block;} #container.platform .intro_area .portfolio_area .title2 .txt .bl-in {display:inline;} #container.platform .intro_area .portfolio_area .title2 .scroll_down {display:none !important;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf1 {left:-12%; top:86.6%;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf2 {left:-70.2%; top:21.4%;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf3 {left:49.8%; top:36%;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf4 {left:-21%; top:-29%;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf6 {left:35.4%; top:98.5%;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf7 {left:2%; top:19.2%;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf10 {left:5.3%; top:39.6%;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf1 {left:-0.7%; top:81.8%;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf2 {left:-47.3%; top:42%;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf3 {left:49.8%; top:36%;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf4 {left:-15.7%; top:-8.4%;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf6 {left:40.4%; top:102.3%;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf7 {left:6%; top:35.8%;} #container.platform .intro_area .portfolio_area .portfolio .shadow.pf10 {left:13.4%; top:48.2%;} #container.platform .intro_area .portfolio_area .portfolio .pf.pf5, #container.platform .intro_area .portfolio_area .portfolio .pf.pf8, #container.platform .intro_area .portfolio_area .portfolio .pf.pf9, #container.platform .intro_area .portfolio_area .portfolio .shadow.pf5, #container.platform .intro_area .portfolio_area .portfolio .shadow.pf8, #container.platform .intro_area .portfolio_area .portfolio .shadow.pf9 {display:none;} #container.platform .pan_area {height:100vh;} #container.platform .pan_area .sticky_area {position:relative;} #container.platform .pan_area .pan_wrap {width:120.57vw; max-width:926px; height:70.48vw; max-height:540px; transform:translate(-50.1%,-70.1%) rotateX(49deg) rotateY(0) rotateZ(43deg);} #container.platform .pan_area .pan_shadow {width:120.57vw; max-width:926px; height:70.48vw; max-height:540px;} #container.platform .pan_area .pan_txt {width:89.6%; bottom:6.67rem; padding-right:10.4%; padding-bottom:2.6rem;} #container.platform .pan_area .pan_txt h3 {font-size:3.125rem; line-height:1.33;} #container.platform .pan_area .pan_txt .btn_area {margin-top:1.98rem;} #container.platform .pan_area .pan_txt .btn_area a {width:19.8rem; height:4.17rem; font-family:"NotoSanskr_Medium"; font-size:1.3rem; line-height:4.17rem;} #container.platform .pan_area .pan_txt .btn_area a::after {font-size:1rem; vertical-align:inherit;} #container.platform .title_area .btn_area a {width:17.45rem; height:4.17rem; font-size:1.3rem; line-height:4.17rem; } #container.platform .title_area .btn_area a::after {font-size:1rem;} #container.platform .builder_area {padding:11.98rem 0 7.3rem;} #container.platform .builder_area .title_area .section_title {margin-bottom:1.82rem; font-size:1.5625rem;} #container.platform .builder_area .title_area h3 {margin-bottom:2.34rem; font-size:3.125rem; line-height:1.42;} #container.platform .builder_area .img_area {margin-top:0;} #container.platform .builder_area .img_area.builder_edit {padding:6rem 0 8rem;} #container.platform .builder_area .img_area video {width:96%; margin:0 auto;} #container.platform .builder_list .title {padding:0 5.8%;} #container.platform .builder_list .list {width:88.4%;} #container.platform .builder_list .list ul {margin-left:-4%;} #container.platform .builder_list .list li {width:46%; max-width:inherit; margin-left:4%;} #container.platform .builder_list .list li dl dt {font-family:"NotoSanskr_Medium";} /*#container.platform .parallax_area {height:inherit; background:#fff;} #container.platform .parallax_area .sticky_area {position:static; perspective:none; height:inherit;} #container.platform .parallax_area .par_item {display:block !important; opacity:1 !important; visibility:visible !important; position:static; padding:4.6875rem 0 7.3rem; transform:none !important;} #container.platform .parallax_area .pr_module .con_area {opacity:1;} #container.platform .parallax_area .pr_module .img_area {opacity:1; justify-content:center;} #container.platform .parallax_area .description {font-size:1.46rem;}*/ #container.platform .parallax_area .par_item {display:block !important; opacity:1 !important; visibility:visible !important; position:static; height:inherit !important; padding:4.6875rem 0 7.3rem; transform:none !important;} #container.platform .parallax_area .pr_module .con_area {position:static; opacity:1; margin-left:0;} #container.platform .parallax_area .pr_module .img_area {position:static; opacity:1; margin-left:0 !important; text-align:center;} #container.platform .parallax_area .par_item:nth-child(2) .pr_module .img_area video {max-width:700px;} #container.platform .parallax_area .description {font-size:1.46rem;} #container.platform .task_area {height:inherit !important;} #container.platform .sticky_area {display:block; position:static; height:auto;} #container.platform .task_area .scroll_area {display:block; position:static; width:100% !important; height:inherit !important; background:#f7f9f9;} #container.platform .task_area .task {display:block; padding:0;} #container.platform .task_area .task .title {display:block; width:100%; padding:0 5.8%;} #container.platform .task_area .task .title dl {margin-top:0;} #container.platform .task_area .task .title dl dt {font-size:1.5625rem;} #container.platform .task_area .task .title dl dd.txt {margin-top:1.5625rem; font-size:2.6rem;} #container.platform .task_area .task .title dl dd.button {margin-top:1.5625rem;} #container.platform .task_area .task .title dl dd.button a {height:4.17rem; padding:0 1.98rem; font-size:1.3rem; line-height:4.17rem;} #container.platform .task_area .task .desc {position:static !important; font-size:1.5625rem !important;} #container.platform .task_area .task img {width:100%; height:inherit;} #container.platform .task_area .task .in-bl {display:block;} #container.platform .task.intro {padding:4.43rem 0 33rem; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/platform/task_infro_bg_m.jpg) no-repeat center center; background-size:cover;} #container.platform .task.intro .title h3 {margin-top:0; font-size:4.72rem;} #container.platform .task.intro .video {position:relative; height:45vw; margin-left:0; margin-top:0;} #container.platform .task.intro .video video {position:absolute; left:50%; top:0; height:100%; transform:translateX(-50%);} #container.platform .task.dashboard {margin-top:7.3rem;} #container.platform .task.dashboard .img {display:block; margin-left:0; padding:0 5.8%;} #container.platform .task.dashboard .img .desc {margin:4.43rem 0 4.17rem;} #container.platform .task.review {margin-top:13.54rem;} #container.platform .task.review .img {display:block; margin-left:0; padding:0 5.8%;} #container.platform .task.review .img figure {width:100%; margin-top:0;} #container.platform .task.review .img>.desc {margin:3.96rem 0 2.34rem !important; text-align:left !important;} #container.platform .task.review .video {left:0; top:inherit;} #container.platform .task.review .video video {top:-6vw; width:100%;} #container.platform .task.review .video .desc {position:absolute !important; left:25%; right:inherit; top:4vw; width:50% !important; font-family:"NotoSanskr_Bold"; font-size:1.2rem !important; text-align:center;} #container.platform .task.scheduling {margin-top:10.42rem;} #container.platform .task.scheduling .img {display:block; margin-left:0; margin-top:5.2rem;} #container.platform .task.scheduling .img img {display:block; max-width:768px; margin:0 auto;} #container.platform .task.scheduling .pad {display:block; margin-top:0; margin-left:0;} #container.platform .task_area .task .img .desc {width:100%; margin:4.17rem 0; text-align:center;} #container.platform .task.online {margin-top:12.5rem; background-size:auto 60%;} #container.platform .task.online .tab_area {width:100%; margin-left:0; margin-top:0;} #container.platform .task.online .tab_con {height:inherit; margin-top:4.42rem;} #container.platform .task.online .tab_con>dl {padding:0 5.8%; margin-top:4.375rem;} #container.platform .task.online .tab_con>dl dt {font-size:2.08rem;} #container.platform .task.online .tab_con>dl dd {margin-top:1.5625rem; font-size:1.3rem;} #container.platform .task.online .img_slides {position:relative; left:0; bottom:inherit; width:88.4vw; height:62.53vw; margin:3.38rem auto 0; transform:none; background-position:center top;} #container.platform .task.online .img_slides .slide {left:1.8%; top:2.8%; width:96.4%; height:49.5vw;} #container.platform .task.online .img_slides .slide li {height:100%;} #container.platform .task.online .img_slides .slide li img {width:100%; height:inherit; max-height:inherit;} #container.platform .task.online .slide_dir button {bottom:50%; width:5.2rem; height:5.2rem; background:#37363b; box-shadow:0px 11px 18px 0px rgba(92, 92, 92, 0.45);} #container.platform .task.online .slide_dir button.prev {left:2.6%;} #container.platform .task.online .slide_dir button.next {right:2.6%;} #container.platform .task.online .slide_dir button::after {font-size:2.4rem; color:#fff;} #container.platform .task.oneclick {margin-top:12.5rem;} #container.platform .task.oneclick .img {display:block; margin-left:0;} #container.platform .task.oneclick .img .desc {padding:0 5.8%; margin:3.9rem 0 3.38rem; text-align:left;} #container.platform .task.oneclick .img .screen {width:84%; margin-top:0;} #container.platform .task.oneclick .img .hand {right:0; width:33.3%;} #container.platform .task.statistics {margin-top:12.5rem;} #container.platform .task.statistics .img {display:block; margin-top:5.425rem; margin-right:0;} #container.platform .task.statistics .img figure {max-width:768px; height:inherit; max-height:inherit; margin:0 auto;} #container.platform .task.company {margin-top:12.76rem; padding-bottom:11.72rem;} #container.platform .task.company .title p {font-size:3.125rem;} #container.platform .story_area ul li {height:inherit;} #container.platform .story_area ul li .con {position:static; width:100%; padding:11.98rem 5.8% 4.17rem; margin-right:0;} #container.platform .story_area ul li .con .logo img {max-height:4.17rem;} #container.platform .story_area ul li .con dl {margin-top:1.78rem;} #container.platform .story_area ul li .con dl dt {font-size:2.86rem; color:#222; line-height:1.45;} #container.platform .story_area ul li .con dl dd.txt {margin-top:1.875rem; font-size:1.46rem; color:#000; line-height:1.6;} #container.platform .story_area ul li .con dl dd.btn_area {margin-top:2.6rem;} #container.platform .story_area ul li .con dl dd.btn_area a {font-size:1.5625rem; color:#000; border-bottom:2px solid #000;} #container.platform .story_area ul li .con dl dd.btn_area a::after {font-size:1.25rem;} #container.platform .story_area ul li .bg {width:100%; height:68vw;} #container.gate .gate_list {padding-bottom:0;} #container.gate .gate_list>ul>li {float:none !important; width:100% !important; margin-bottom:0;} #container.gate .gate_list>ul>li h3 {margin-bottom:0;} #container.gate .gate_list>ul>li h3 a {position:relative; height:4.6875rem; padding:1.5rem 0 0; font-family:"NanumSquareB"; font-size:1.67rem; text-align:center; background:#fff; border-bottom:1px solid #e5e5e5; cursor:pointer;} #container.gate .gate_list>ul>li h3 a::after {display:block; content:"\e874"; position:absolute; right:5.6%; top:1.92rem; font-family:"Linearicons-Free"; font-size:1.14rem; font-weight:600; transition:all .25s ease-out;} #container.gate .menu {display:none; max-width:768px; padding:3.125rem 6.5% 1.3rem; margin:0 auto;} #container.gate .menu ul {margin-left:-8%;} #container.gate .menu li {width:42%; max-width:317px; height:auto; margin-bottom:1.82rem; margin-left:8%;} #container.gate .menu li:first-child {margin-left:8% !important;} #container.gate .menu li a {padding:3.75rem 0 3.125rem;} #container.gate .menu li a::before, #container.gate .menu li a::after {right:2.18rem; top:1.5625rem;; width:6px; height:6px;} #container.gate .menu li a::after {right:1.3rem;} #container.gate .menu li a>span {top:1.25rem; left:1.35rem; font-size:1.6rem;} #container.gate .menu li a dl dt img {width:7.7rem;} #container.gate .menu li a dl dd.kor {margin-top:2.29rem; font-size:1.5rem;} #container.gate .menu li a dl dd.eng {margin-top:0.88rem; font-size:1.04rem;} #container.gate .menu li.gate10 {width:92%; height:inherit; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/gate/m_gate_bnr.png) no-repeat left top; background-size:cover;} #container.gate .menu li.gate10 a {padding:3.75rem 8% 5.625rem;} #container.gate .gate_list>ul>li.open h3 a::after {transform:rotate(-180deg);} #container.gate .gate_list>ul>li.open h3 a strong::after {display:block; content:""; position:absolute; left:0; bottom:-4px; width:100%; height:1px; background:#000;} #container.pr_recruitment .step_intro ul {display:block; width:100%; text-align:center;} #container.pr_recruitment .step_intro ul li {display:inline-block; float:none; width:31.5%; margin-left:2%;} #container.pr_recruitment .step_intro ul li i {width:150px; height:150px; margin:0 auto;} #container.pr_recruitment .step_con .title h3 {font-size:2.6rem;} #container.pr_recruitment .step_con .title h3 span {margin-bottom:1.35rem} #container.pr_recruitment .step_con .title p {margin-top:1.82rem; font-size:1.46rem;} #container.pr_recruitment .step_con.step1 {padding:0 0 3.9rem;} #container.pr_recruitment .step_con.step1 .inner {padding:0 10.4%;} #container.pr_recruitment .step_con.step1 .inner .title {margin-bottom:3.65rem;} #container.pr_recruitment .step_con.step1 .inner .title h3 {float:none;} #container.pr_recruitment .step_con.step1 .inner .title p {float:none; margin-left:0;} #container.pr_recruitment .step_con.step1 .type_slide {height:inherit; padding:0 10.4%;} .step_con.step1 .type_slide .slides>div.cur_slide {position:static; width:100%; height:inherit; padding-right:0;} .step_con.step1 .type_slide .slides>div.cur_slide>dl {position:static;} .step_con.step1 .type_slide .slides>div>dl dd {width:100%; max-width:769px; height:50.67vw; max-height:492px;} .step_con.step1 .type_slide .slides>div>dl dd img {width:100%;} .step_con.step1 .type_slide .slides>div.cur_slide .concept {display:block; position:static; height:inherit; margin-top:2.6rem;} .step_con.step1 .type_slide .slides>div.cur_slide .concept::after {display:none;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .concept_in {display:table; height:5.5rem;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .title {display:table-cell; height:inherit; width:37%; font-size:2.6rem;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .subtitle {display:table-cell; width:63%; height:100%; margin-top:0; font-size:1.25rem; line-height:1.58;} .step_con.step1 .type_slide .slides>div.cur_slide .concept .subtitle strong {top:inherit; bottom:0;} .step_con.step1 .type_slide .direction>span {top:34%; margin-left:0 !important; z-index:5;} .step_con.step1 .type_slide .direction>span.btn_prev {left:6.5%;} .step_con.step1 .type_slide .direction>span.btn_next {left:inherit; right:6.5%;} .step_con.step1 .type_slide .direction>span button {width:5.2rem; height:5.2rem; font-size:2.6rem; line-height:5.2rem;} #container.pr_recruitment {padding-top:9.5rem;} #container.pr_recruitment .step_con.step2 {padding:3.9rem 0;} #container.pr_recruitment .step_con.step2 .inner {padding:0;} #container.pr_recruitment .step_con.step2 .title {padding:0 10.4%;} #container.pr_recruitment .step_con.step2 .tab {padding:0 10.4%; margin-top:2.5rem;} #container.pr_recruitment .step_con.step2 .tab ul li {width:9.11rem; height:9.11rem;} #container.pr_recruitment .step_con.step2 .tab ul li a {font-family:"NotoSanskr_Medium"; font-size:1.25rem;} #container.pr_recruitment .step_con.step2 .tab ul li a i {height:6.05rem;} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(1) a i {background-size:auto 3.125rem;} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(2) a i {background-size:auto 3.34rem;} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(3) a i {background-size:auto 3.28rem;} #container.pr_recruitment .step_con.step2 .tab ul li:nth-child(4) a i {background-size:auto 3.75rem;} #container.pr_recruitment .step_con.step2 .tab_con {position:relative; left:10.4%; top:0; width:89.6%; height:61.72vw; margin-left:0; margin-top:2.2rem; background:none;} #container.pr_recruitment .step_con.step2 .tab_con .con {position:absolute; left:0; top:0; width:100%; height:100%;} #container.pr_recruitment .step_con.step2 .tab_con .con p {display:none !important;} #container.pr_recruitment .step_con.step2 .tab_con .con figure {display:block;} #container.pr_recruitment .step_con.step2 .tab_con .con figure img {width:100%;} #container.pr_recruitment .step_con.step3 {padding:4.42rem 0 7.8125rem;} #container.pr_recruitment .step_con.step3 .url {position:relative; top:0; width:32.8rem; height:32.8rem; margin-left:0; margin-top:3.75rem;} #container.pr_recruitment .step_con.step3 .url::after {width:32.8rem; height:32.8rem;} #container.pr_recruitment .step_con.step3 .url .input {position:absolute; left:10.4%; top:50%; width:32.8rem; height:5.73rem; margin-top:-2.36rem; padding:0.83rem 8.7rem 0.83rem 2.34rem;} #container.pr_recruitment .step_con.step3 .url .input p {padding:1.3rem 0; font-size:1.46rem;} #container.pr_recruitment .step_con.step3 .url .input i {right:2.92rem; top:1.5rem; width:3.54rem; height:2.92rem;} #container.pr_recruitment .step_con.step3 .url .mouse {left:63.7%; top:22.23rem; width:2.6rem; height:3.64rem;} #container.pr_recruitment .compare_area .tab_con {overflow:hidden; height:35.5vw;} #container.pr_recruitment .compare_area .tab_con li img {width:100%;} #container.pr_recruitment .spec_area {padding:7.8rem 0;} #container.pr_recruitment .spec_area .detail img {width:100%;} #container.pr_recruitment .spec_area .spec_layer .inner {padding:7.55rem 5.8%;} #container.pr_recruitment .spec_area .spec_layer .inner h3 {font-size:2.6rem;} #container.pr_recruitment .spec_area .spec_layer .inner p {margin-top:7.55rem;} #container.pr_recruitment .spec_area .spec_layer .inner p img {width:100%;} #container.pr_recruitment .spec_area .spec_layer .btn.close {right:0; top:0;} } @media (min-width:768px) and (max-width:1079px){ #container.ai .news_area ul li dl dt {font-family:"NotoSanskr_Demilight";} #container.ai .news_area ul li dl dt .bl-in {display:inline;} } @media (max-width:767px){ #container.ai .news_area .slides {display:block; overflow:hidden; width:inherit; max-width:inherit !important;} #container.ai .news_area .slides .slick-track {background:#131218;} #container.ai .news_area li.slick-slide {display:block; width:100%; height:14rem; padding:0 !important; border-left:0;} #container.ai .news_area li.slick-slide dl dt {min-height:inherit; font-size:1.77rem; line-height:1.47;} #container.ai .news_area li.slick-slide dl dd.company {margin-top:1.04rem;} #container.ai .news_area li.slick-slide dl dd.company img {display:inline-block;} #container.ai .news_area li.slick-slide dl dd.copyright {display:none;} #container.ai .news_area .slick-dots {text-align:center;} #container.ai .news_area .slick-dots li {display:inline-block; padding:0; width:inherit; margin-left:1.3rem; border-left:0;} #container.ai .news_area .slick-dots li:first-child {margin-left:0;} #container.ai .news_area .slick-dots li button {opacity:0.3; width:0.78rem; height:0.78rem; padding:0; text-indent:-9999rem; background:#fff; border-radius:50%; transition:opacity 0.3 ease-out;} #container.ai .news_area .slick-dots li.slick-active button {opacity:1;} #container.ai .process_intro .title_area {left:6.5%} #container.ai .process_list .txt_area .btn_area button.prev {left:6.5%;} #container.ai .process_list .txt_area .btn_area button.next {right:6.5%} #container.ai .p6_area .p6_games {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/p6_games.jpg);} #container.ai .p6_area .video_area {position:relative; height:inherit; padding:0 6.5%;} #container.ai .v4_area .com_area {padding:0 6.5%;} #container.ai .v4_area .tech_area .video_list {display:block;} #container.ai .v4_area .com_con {background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/v4_com.jpg) no-repeat center center;} #container.ai .v4_area .com_con .ai_shape {margin-left:0;} #container.ai .v4_area .com_con .human.txt {left:50%; height:auto !important; padding:1rem; line-height:1.5;} #container.ai .graph_wrap {margin:3.65rem 0 0 2.7vw;} #container.ai .graph_desc .inner {display:block;} #container.ai .graph_desc dl {display:block; width:100%;} #container.ai .graph_desc dl:first-child {margin-bottom:20px; border-right:0;} #container.ai .graph_desc dl dt {font-size:1.15rem;} #container.ai .graph_desc dl dd {font-size:1.15rem;} #container.ai .p6_area .video_area video.view_m {position:static; width:100%; transform:none;} #container.ai .report_area .report .description {padding:0 6.5% !important;} #container.ai .report_area .report_recom {padding:6rem 6.5% 5.16rem;} #container.ai .report_area .report_recom .recom_img {background-size:100% auto !important;} #container.ai .report_area .report_video {padding:5.16rem 0 6.72rem;} #container.ai .report_area .report_video .description {padding:0 6.5%;} #container.ai .report_area .report_video .video_area {background:none;} #container.ai .report_area .report_video .video_area .video {height:90.36vw; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/video_img.png?ver=2) no-repeat center top;} #container.ai .report_area .report_video .video_area .video video {left:9%; top:14.5vw; width:42.7%;} #container.ai .report_area .report_video .video_area .txt {padding:0 6.5%;} #container.ai .report_area .report_sum {padding:2.72rem 0 3.96rem;} #container.ai .report_area .report_sum .summary_img {height:135.16vw; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/summary_img.png?ver=2) no-repeat center top;} #container.ai .report_area .report_sum .summary_img .txt1 {bottom:11vw;} #container.ai .report_area .report_sum .summary_img .txt1::before {height:46.54vw;} #container.ai .report_area .report_point .report_img {height:115.625vw; margin:2.92rem auto 0; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/report_img.png?ver=2) no-repeat center 9.89vw;} #container.ai .report_area .report_point .report_img .txt1 {padding:0 6.5%;} #container.ai .report_area .report_point .report_img .txt2 {top:14.2vw;} #container.ai .report_area .report_point .report_img .txt3 {right:5.8%; top:41vw;} #container.ai .report_area .report_que .notebook_img {bottom:inherit; height:94.92vw; margin-top:3.9rem; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/01_intro/ai/notebook_img.png?ver=2) no-repeat center top;} #container.ai .report_area .report_que .notebook_img .txt {padding:0 6.5%; font-family:"NotoSanskr_Bold";} #container.ai .customer_area .logo_area img {width:100%;} #container.ai .customer_area .ps1-resource-1-cm.customize .thumb, #container.ai .customer_area .ps1-resource-1-cm.customize .thumb figure {max-height:inherit;} #container.ai .customer_area .story_list>span>div {max-width:inherit;} #container.platform .builder_list .title {padding:0 6.5%;} #container.platform .builder_list .title .eng {font-size:1.46rem;} #container.platform .builder_list .title h4 {margin-top:2.34rem; font-size:3.125rem; line-height:1.42;} #container.platform .builder_list .title h4 strong {display:inline;} #container.platform .builder_list .list {width:87%; margin:0 auto;} #container.platform .builder_list .list ul {margin-left:0;} #container.platform .builder_list .list li {display:none; width:100%; margin-left:0; margin-top:4.17rem;} #container.platform .builder_list .list li.show {display:block;} #container.platform .builder_list .list li dl dt {font-family:"NanumSquareB"; font-size:1.46rem;} #container.platform .task_area .task .title {padding:0 6.5%;} #container.platform .task.dashboard .img {padding:0 6.5%;} #container.platform .task.review .img {padding:0 6.5%;} #container.platform .task.online .tab_con>dl {padding:0 6.5%;} #container.platform .task.oneclick .img .desc {padding:0 6.5%;} #container.platform .story_area ul li .con {padding:11.98rem 6.5% 4.17rem;} #container.pr_recruitment .step_intro {padding:3.9rem 0 3.64rem;} #container.pr_recruitment .step_intro .title h3 {font-size:2.6rem;} #container.pr_recruitment .step_intro .title h3 strong {margin-bottom:1.3rem;} #container.pr_recruitment .step_intro .title p {margin-top:2.92rem; font-size:1.46rem;} #container.pr_recruitment .step_intro ul {margin-top:4rem;} #container.pr_recruitment .step_intro ul li {display:block; width:100%; margin-bottom:4.6875rem;} #container.pr_recruitment .step_intro ul li i {width:34.63vw; height:34.63vw; max-width:266px; max-height:266px;} #container.pr_recruitment .step_intro ul li p {margin-top:2.92rem; font-size:1.82rem;} #container.pr_recruitment .step_intro ul li p span {margin-bottom:1rem;} #container.pr_recruitment .step_con.step3 .url {margin-left:-10vw;} #container.pr_recruitment .compare_area {padding:7.8rem 0;} #container.pr_recruitment .compare_area .title_area h2 p.page_name {font-size:1.5625rem;} #container.pr_recruitment .compare_area .title_area h2 p.title {margin-top:2.08rem; font-size:2.6rem; line-height:1.4;} #container.pr_recruitment .compare_area .tab {margin-top:2.6rem;} #container.pr_recruitment .compare_area .tab ul li {width:33%; vertical-align:bottom;} #container.pr_recruitment .compare_area .tab ul li a {padding:0.78rem 0; font-size:1.25rem;} #container.pr_recruitment .compare_area .tab_con {height:121vw; margin-top:4.17rem;} #container.pr_recruitment .spec_area .spec_layer .inner {padding:7.55rem 6.5%;} #container.pr_recruitment .spec_area .title_area h2 p.page_name {font-size:1.46rem;} #container.pr_recruitment .spec_area .title_area h2 p.title {margin-top:2.34rem; font-size:2.6rem;} #container.pr_recruitment .spec_area .detail {margin-top:5.2rem;} #container.pr_recruitment .spec_area .detail .btn_area {margin-top:4.95rem;} #container.pr_recruitment .spec_area .detail .btn_area button {width:72.4%; height:5.2rem; font-size:1.6rem; line-height:5.2rem;} } @media (max-width:480px){ #container.ai .title_area.common h3 strong {display:inline;} #container.ai .v4_area .tech_area .video_list>li .name button::before {display:none;} #container.ai .v4_area .tech_area .video_list>li .name button {padding:0 !important; text-align:center !important;} #container.ai .report_area .report_video .video_area .txt {font-family:"NotoSanskr_Bold";} #container.ai .report_area .report_point .report_img .txt1 {font-family:"NotoSanskr_Bold";} #container.platform .builder_list .list li dl dt {font-family:"NotoSanskr_Medium";} #container.platform .task_area .task .title dl dt {font-family:"NotoSanskr_Medium";} #container.platform .story_area ul li .con dl dd.txt {font-family:"NotoSanskr_Regular";} } @media (max-width:380px){ .step_con.step1 .type_slide .slides>div.cur_slide .concept .title {font-size:2.1rem;} } /* filter */ .filter_area {transition:all .3s cubic-bezier(0.4, 0.77, 0.6, 0.88);} .filter_area.fixed {position:fixed; left:0; top:0; z-index:100; background:rgba(0,0,0,0.8);} .filter_area .wrapper {max-width:1100px !important; padding:0 10px !important;} /*.filter_list>span>div {display:none;}*/ /* 성공스토리 - 아카이브 */ .list>span, .list>div {display:flex; flex-wrap:wrap; flex-direction:row;} .list.list_col3>span, .list.list_col3>div {margin-left:-36px;} .list.list_col3 .item {width:336px; margin-left:36px; box-shadow:0px 0px 12px rgba(0, 0, 0, 0.12); transition:all .16s ease-in-out;} .list.list_col3 .item:hover {box-shadow:0px 0px 36px rgba(0, 0, 0, 0.18);} .module_list_area .row-fluid .wrapper {padding-left:0 !important; padding-right:0 !important; max-width:inherit !important;} .module_list>span {display:flex; flex-wrap:wrap; /*width:calc(100% + 3.1%);*/ margin-left:-3.1%;} .module_list>span>div {display:block; overflow:hidden; width:31.1%; max-width:336px; margin-left:3.1%; background:#fff; box-shadow:3px 0 30px rgba(0,0,0,0.1);} .story_list.inner {float:none; margin:0 auto !important;} .ps1-resource-1-section.module_list_area {padding:4.375rem 0 4.875rem !important;} .ps1-resource-1-section.module_list_area .module_list>span>div {margin-bottom:2.5rem;} /* 성공스토리 콘텐츠 */ #container.story_view .content_area {position:relative; padding-top:100px;} #container.story_view .content_area .sns_share {position:absolute; left:50%; top:100px; margin-left:-655px;} #container.story_view .content_area .view_con {float:none; width:1080px; padding-right:362px; margin:0 auto;} #container.story_view .banner_area {overflow:hidden; height:100%;} /* 고객사 수정 */ body .row-fluid .ps2-customer-1-section-1.customize .ps1-customer-1-cm-container>span {margin-top:-30px;} body .row-fluid .ps2-customer-1-section-1.customize .ps1-customer-1-cm-container>span>div {display:none; position:relative; float:none; height:225px; padding:25px 0 0; margin-right:2.3%; opacity:0; filter:inherit; justify-content:inherit; -webkit-justify-content:inherit;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm {padding:0;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .logo {overflow:hidden; display:table; width:100%; height:60px; margin-bottom:40px;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .logo p {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:bottom;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .logo p img {max-height:60px;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul {display:table; width:100%; margin:0;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li {display:table-cell; border-left:1px solid #e3e3e3;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li:nth-child(1) {width:29.2%; border-left:0;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li:nth-child(2) {width:30.8%;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li:nth-child(3) {width:40%;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li dl dt {font-family:'NotoSanskr_Regular'; font-size:0.875rem; color:#666; line-height:1.1;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li dl dd {margin-top:10px; font-family:'NotoSanskr_Regular'; font-size:0.937rem; color:#000; line-height:1.1;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .link {position:absolute; right:22px; bottom:20px; font-family:'NotoSanskr_Medium'; font-size:0.875rem; color:#222;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .link::after {display:inline-block; content:'\e881'; margin-left:10px; font-family:'Linearicons-Free'; vertical-align:bottom;} body .row-fluid .ps2-customer-1-section-1.customize .ps1-customer-1-cm-container .btn_area {margin-top:30px; text-align:center;} @media (max-width:1200px){ .filter_area .wrapper {max-width:inherit !important; padding:0 5.8% !important;} /* 성공스토리 콘텐츠 */ #container.story_view .content_area .view_con {width:100%; padding-right:300px;} #container.story_view .story_archive .story_list {margin-left:-3%;} #container.story_view .story_archive .story_list .item {width:30.3%; margin-left:3%;} } @media (min-width:768px) and (max-width:1200px){ .module_list>span>div {width:30.2%;} } @media (max-width:1079px){ /* 성공스토리 - 아카이브 */ .module_list>span {margin-left:-3%;} .module_list>span>div {width:47%; max-width:inherit; margin-left:3%;} /* 성공스토리 - 콘텐츠 */ #container.story_view .story_archive {padding:6rem 0 6.25rem;} #container.story_view .story_archive h3 {font-size:2.6rem;} #container.story_view .story_archive h3 span {margin-bottom:2.34rem; font-size:1.04rem;} #container.story_view .story_archive .list {margin-left:0; margin-top:5.2rem;} #container.story_view .story_archive .story_list {display:block; margin-left:0;} #container.story_view .story_archive .story_list .item {width:100%; max-width:420px; margin:0 auto 4.17rem !important; padding-bottom:0;} #container.story_view .story_archive .story_list .item:last-child {margin:0 auto 2.5rem !important;} #container.story_view .story_archive .ps1-resource-1-cm.customize .thumb, #container.story_view .story_archive .ps1-resource-1-cm.customize .thumb figure {height:54.687vw; max-height:263px;} #container.story_view .story_archive .ps1-resource-1-cm.customize .description>a.link {padding:2.08rem 8% 8.75rem 12%;} #container.story_view .story_archive .ps1-resource-1-cm.customize .description .logo {height:4.48rem; margin-bottom:2.71rem;} #container.story_view .story_archive .ps1-resource-1-cm.customize .description .logo img {max-height:4.48rem;} #container.story_view .story_archive .ps1-resource-1-cm.customize .description .list_text {max-height:inherit; font-size:2.8rem !important;} #container.story_view .story_archive .ps1-resource-1-cm.customize .description .list_text .bl-in, #container.story_view .story_archive .ps1-resource-1-cm.customize .description .list_text strong {display:inline;} /* 고객사 */ body .container-fluid .customer .row-fluid .wrapper {padding:0 5.8%;} body .row-fluid .ps2-customer-1-section-1.customize .ps1-customer-1-cm-container>span {margin-right:-4%;} body .row-fluid .ps2-customer-1-section-1.customize .ps1-customer-1-cm-container>span>div {flex-basis:46%; -webkit-flex-basis:46%; margin-right:4%;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li dl dt {font-size:1.1rem;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li dl dd {font-size:1.2rem;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .link {font-size:1rem;} } @media (max-width:899px){ /* 성공스토리 - 콘텐츠 */ #container.story_view .content_area {padding-top:0;} #container.story_view .content_area .inner {padding:0 !important;} #container.story_view .content_area .aside_area {padding:3.65rem 5.8% 6.25rem; background:#f5f7fa;} #container.story_view .content_area .view_con {padding:0 5.8% 6.25rem;} } @media (max-width:767px){ /* filter */ .filter_area {width:100% !important; padding:3.65rem 6.5%;} /* 성공스토리 - 아카이브 */ .filter_area .wrapper {padding:0 !important;} .module_list>span {margin-left:0;} .module_list>span>div {width:100%; margin-left:0;} .ps1-resource-1-section.module_list_area {padding:6.25rem 0 4.6875rem !important;} .ps1-resource-1-section.module_list_area .module_list>span>div {margin-bottom:4.17rem;} /* 성공스토리 - 콘텐츠 */ #container.story_view .content_area .aside_area {padding:3.65rem 6.5% 6.25rem;} #container.story_view .content_area .view_con {padding:0 6.5% 6.25rem;} /* 고객사 */ .customer .subvisual_area .slides_item .title_area dl dd.sub_txt {display:none;} .ps2-customer-1-section-1.customize.customer {padding:6.25rem 0;} body .container-fluid .customer .row-fluid .wrapper {padding:0 6.5%;} body .row-fluid .ps2-customer-1-section-1.customize .ps1-customer-1-cm-container>span {margin-right:0; margin-top:0;} body .row-fluid .ps2-customer-1-section-1.customize .ps1-customer-1-cm-container>span>div {height:inherit; padding:3.125rem 6.7% 6.77rem; margin-top:4.17rem;} body .row-fluid .ps2-customer-1-section-1.customize .ps1-customer-1-cm-container>span>div:first-child {margin-top:0;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .logo {height:19.53vw; margin-bottom:5.2rem;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .logo p img {max-width:80%; max-height:100%;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li dl dt {font-size:1.77rem;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .customer_info ul li dl dd {font-size:1.83rem;} .ps2-customer-1-section-1.customize .ps1-customer-1-cm .link {right:6.7%; bottom:2.34rem; font-size:1.5625rem;} } /* FAQ 아카이브 */ #container.faq .title_area {padding:110px 0 25px; border-bottom:1px solid #d4d4d4;} #container.faq .title_area h2 {color:#1e1e1e;} #container.faq .title_area h2 .page_name {margin-bottom:20px;} #container.faq .filter_area {position:relative; z-index:10; width:100%; margin-top:-58px; text-align:right;} #container.faq .filter_area>div {display:inline-block; vertical-align:middle;} #container.faq .filter_area>div.tab {margin-right:20px;} #container.faq .filter_area>div.tab ul {overflow:hidden;} #container.faq .filter_area>div.tab ul li {float:left; margin-left:22px;} #container.faq .filter_area>div.tab ul li a {display:inline-block; position:relative; padding-bottom:5px; font-family:'NotoSanskr_Medium'; font-size:0.937rem; color:#cdcdcd; line-height:1.1; transition:all .2s;} #container.faq .filter_area>div.tab ul li a:hover {color:#000;} #container.faq .filter_area>div.tab ul li a::after {display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#000; transition:all .2s cubic-bezier(0.4,0.77,0.6,0.88);} #container.faq .filter_area>div.tab ul li.on a {font-family:'NotoSanskr_Bold'; color:#000;} #container.faq .filter_area>div.tab ul li.on a::after {width:100%;} #container.faq .filter_area .search-container {position:relative;} #container.faq .filter_area .search-container input[type='text'] {width:196px;} #container.faq .list_area {overflow:hidden; min-height:200px; margin:70px 0 90px;} /*#container.faq .list_area>span>div {float:left; width:305px; height:367px; margin-left:82.5px; transition:all .2s;}*/ #container.faq .list_area>span {/*display:flex;*/ display:none; flex-wrap:wrap; flex-direction:row; /*width:100%;*/ margin-left:-6.5%; opacity:0;} #container.faq .list_area>span>div {overflow:hidden; width:28.24%; max-width:305px; padding-bottom:80px; /*margin-left:82.5px;*/ margin-left:6.5%; transition:all .2s;} /*#container.faq .list_area>span>div:nth-child(3n+1) {margin-left:0;}*/ #container.faq .list_area a {display:block;} /* FAQ 콘텐츠 */ #container.faq_con .faq_box.question {display:flex; flex-wrap:wrap; align-items:flex-start; width:100%; margin-top:100px;} #container.faq_con .faq_box.question>h3 {display:block; width:410px; font-family:"Montserrat_Bold"; font-size:3rem;} #container.faq_con .faq_box.question>div {display:block; width:670px;} #container.faq_con .faq_box.answer>span {display:block; width:100%;} #container.faq_con .faq_more {padding:120px 0 150px; background:#f5f5f5;} #container.faq_con .faq_more .title_area {margin-bottom:100px; text-align:center;} #container.faq_con .faq_more .title_area .page_name {font-size:0.938rem;} #container.faq_con .faq_more .title_area .page_name strong::after {display:none;} #container.faq_con .faq_more .title_area h2 .title {margin-top:30px; font-size:3.125rem;} #container.faq_con .faq_more .list_area {display:flex; flex-direction:row;} #container.faq_con .faq_more .list_area>div {width:28.24%; max-width:305px; margin-left:7.6%;} #container.faq_con .faq_more .list_area>div:first-child {margin-left:0;} /* 제안PT 영상 게이트 */ #container.pt_gate .video_area {position:relative; width:100%; height:660px;} #container.pt_gate .video_area .inner {position:relative;} #container.pt_gate .video_area .video {overflow:hidden; /*opacity:0;*/ position:absolute; left:0; top:156px; z-index:20; width:100%; height:608px; background:#333; box-shadow:22px 0 40px rgba(0,0,0,0.14);} #container.pt_gate .video_area .video>div {width:100%; height:100%;} #container.pt_gate .video_area .subvisual_bg .mask {transition:all .5s ease-out;} #container.pt_gate .video_area:hover .subvisual_bg .mask {background:rgba(0,0,0,0.5) !important;} #container.pt_gate .film_area {padding:192px 0 130px;} #container.pt_gate .film_area .title_area {margin-bottom:95px;} #container.pt_gate .film_area .title_area h2 {color:#2c2c2c; text-align:center;} #container.pt_gate .film_area .title_area h2 .page_name {margin-bottom:25px;} #container.pt_gate .film_area .title_area h2 .title {font-size:3.437rem;} /* 제안PT 영상 */ #container.pt .video_time {overflow:hidden; position:relative; width:100%;} #container.pt .video_time .video {width:100%; height:41.66vw; padding-right:411px;} #container.pt .video_time .video>div {width:100%; height:100%;} #container.pt .video_time .timeline {overflow:hidden; position:absolute; right:0; top:0; width:411px; height:41.66vw; padding:25px 25px 0 30px; background:#e8eff4;} #container.pt .video_time .timeline .description {font-family:"NotoSanskr_Bold"; font-size:0.937rem; color:#b5babe;} #container.pt .video_time .timeline .time_list {display:block; overflow:hidden; /*overflow-y:auto;*/ width:100%; margin-top:18px;} #container.pt .video_time .timeline .time_list .scroll-wrapper {height:37vw;} #container.pt .video_time .timeline .time_list .time {position:relative; width:100%; height:90px; border-top:1px solid #dce2e8; transition:all .15s ease-out;} #container.pt .video_time .timeline .time_list span>div:first-child .time {border-top:0;} #container.pt .video_time .timeline .time_list .time a {display:table; position:relative; z-index:10; width:100%; height:100%;} #container.pt .video_time .timeline .time_list .time dl {display:table-cell; width:76%; padding-left:8%; vertical-align:middle; transition:all .2s ease-out;} #container.pt .video_time .timeline .time_list .time dl dt {font-family:"NanumSquareEB"; font-size:1.06rem; color:#393939;} #container.pt .video_time .timeline .time_list .time dl dd {margin-top:7px; font-family:"NotoSanskr_Medium"; font-size:0.81rem; color:#393939;} #container.pt .video_time .timeline .time_list .time p {display:table-cell; position:relative; width:24%; font-family:"Montserrat_Regular"; font-size:0.937rem; color:#5b5b5b; vertical-align:middle;} #container.pt .video_time .timeline .time_list .time p::before {display:block; content:""; position:absolute; right:29px; bottom:0; width:2px; height:90px; background:#d5dce4;} #container.pt .video_time .timeline .time_list span>div:first-child .time p::before {height:45px;} #container.pt .video_time .timeline .time_list .time p::after {display:block; content:""; position:absolute; right:21px; top:inherit; z-index:5; width:13px; height:13px; margin-top:-15px; background:#fff; border:2px solid #9da8ba; border-radius:50%; box-shadow:3px 0 10px rgba(0,0,0,0.15); transition:all .15s ease-out;} #container.pt .video_time .timeline .time_list .scrollbar-outer>.scroll-element.scroll-y {background:#e8eff4;} #container.pt .video_time .timeline .time_list .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {border-radius:0;} #container.pt .video_time .timeline .time_list .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer .scroll-element_track {background:transparent; border-radius:0;} #container.pt .video_time .timeline .time_list .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer .scroll-bar {background:#5f6876; border-radius:0;} #container.pt .video_time .timeline .time_list .time:hover {background:#dae1e5;} #container.pt .video_time .timeline .time_list .time:hover dl {padding-left:8.5%;} #container.pt .video_time .timeline .time_list .time:hover p::after {border-color:#2873e6;} #container.pt .video_time .timeline .time_list .time.on {background:#fff; border-top:1px solid #fff; box-shadow:5px 0 10px rgba(0,0,0,0.04);} #container.pt .video_time .timeline .time_list .time.on dl {padding-left:8%;} #container.pt .video_time .timeline .time_list .time.on p {font-weight:bold; color:#2873e6;} #container.pt .video_time .timeline .time_list .time.on p::before {background:#ebeef1;} #container.pt .video_time .timeline .time_list .time.on p::after {background:#2873e6; border:2px solid #2873e6;} #container.pt .list_area>span {display:flex; opacity:1;} /* 컨설턴트 */ #container.consultant .subvisual_area .slides_item {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/05_consultant/consultant_visual.jpg);} #container.consultant .subvisual_area .slides_item .title_area .eng {color:#000;} #container.consultant .subvisual_area .slides_item .title_area dl dt {color:#000;} #container.consultant .subvisual_area .slides_item .title_area dl dd.sub_txt {color:#000;} #container.consultant .tab_slide {align-items:flex-start;} #container.consultant .tab_slide .tab_area {margin-top:3.75rem;} #container.consultant .tab_slide .tab_area .tab li {display:inline-block; margin-right:25px;} #container.consultant .tab_slide .tab_area .tab li a {display:block; position:relative; padding-bottom:7px; font-family:"Montserrat_SemiBold"; font-size:1rem; color:#cbcbcb; transition:color 0.2s ease-out;} #container.consultant .tab_slide .tab_area .tab li a::after {display:block; content:""; position:absolute; left:0; bottom:0; width:0; height:3px; background:#000; transition:color 0.2s ease-out;} #container.consultant .tab_slide .tab_area .tab li.on a {color:#000;} #container.consultant .tab_slide .tab_area .tab li.on a::after {width:100%;} #container.consultant .tab_slide .tab_area .con {position:relative; height:5rem; margin-top:2.5rem;} #container.consultant .tab_slide .tab_area .con dl {display:none; position:absolute; left:0; top:0; width:100%; padding-left:105px; background-repeat:no-repeat; background-position:left center;} #container.consultant .tab_slide .tab_area .con dl:nth-child(1) {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/05_consultant/consultant_ico1.png);} #container.consultant .tab_slide .tab_area .con dl:nth-child(2) {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/05_consultant/consultant_ico2.png);} #container.consultant .tab_slide .tab_area .con dl:nth-child(3) {background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/05_consultant/consultant_ico3.png);} #container.consultant .tab_slide .tab_area .con dl dt {font-family:"NanumSquareB"; font-size:1.25rem;} #container.consultant .tab_slide .tab_area .con dl dd {margin-top:0.875rem; font-family:"NotoSanskr_Regular"; font-size:0.875rem; line-height:1.57;} #container.consultant .tab_slide .img_area {position:relative; height:585px;} #container.consultant .tab_slide .img_area li {display:none; opacity:0; position:absolute; left:0; top:0;} #container.consultant .vertical_list {padding:6.25rem 0 2.5rem;} #container.consultant .horizontal.seminar .con_area {padding-right:75px;} #container.consultant .horizontal.seminar .con_area .title_area {width:425px;} /* 제품문의 */ #container.contact .contact_area {display:flex; overflow:hidden; width:100%;} #container.contact .contact_area>div:nth-child(1) {display:flex; justify-content:flex-end; width:50%; min-height:945px; padding: 50px; background:#f5f6f8;} #container.contact .contact_area>div:nth-child(2) {display:flex; justify-content:flex-start; width:50%; min-height:945px; padding: 50px;} /* inAIR-Contact-Title */ #container.contact .contact_title .title_area {width:556px;} #container.contact .contact_title .title_area>p {font-family:"Montserrat_SemiBold"; font-size:1rem; color:#2a2a2a; letter-spacing:1.2px;} #container.contact .contact_title .title_area>dl {margin-top:1.25rem;} #container.contact .contact_title .title_area>dl dt {font-family:"NanumSquareL"; font-size:3.125rem; color:#2a2a2a; line-height:1.2;} #container.contact .contact_title .title_area>dl dd {margin-top:1.625rem; font-family:"NotoSanskr_Demilight"; font-size:0.938rem; color:#2a2a2a; line-height:1.6;} #container.contact .contact_title .title_area figure {margin-top:3.5rem;} #container.contact .contact_title .title_area figure img {max-width:100%;} #container.contact .form_area {overflow:hidden; width: 630px;} #container.contact .form_area form {display:flex; flex-wrap:wrap; flex:1 1 190px; } #container.contact .form_area input[type="checkbox"]::after {border:1px solid #1b2855 !important;} #container.contact .form_area input[type="checkbox"]:checked::after {border:6px solid #343d5d !important;} #container.contact .form_area .hs_contact_purpose {flex-basis:100%;} #container.contact .form_area .hs_contact_purpose ul {display:flex; flex-wrap:wrap; width:100%;} #container.contact .form_area .hs_contact_purpose ul li {margin-bottom:12px;} #container.contact .form_area .hs_contact_purpose ul li:nth-child(2n-1) {width: 100%;} #container.contact .form_area .hs_contact_purpose ul li:nth-child(2n) {width: 100%;} #container.contact .form_area .hs_sstory {margin-top:2.18rem;} #container.contact .form_area .hs_sstory legend {font-size:1rem; color:#333;} #container.contact .form_area .hs_sstory .input {margin-top:1rem;} #container.contact .form_area .hs_sstory ul li {margin-bottom:12px;} #container.contact .form_area .hs-fieldtype-text {overflow:hidden; position:relative; margin-top:2.18rem; margin-bottom:0;} #container.contact .form_area .hs_contact_purpose+div, #container.contact .form_area .hs_contact_purpose+div+div {margin-top:1.25rem;} #container.contact .form_area .hs-fieldtype-textarea {overflow:hidden; position:relative; flex-basis:100%; margin-top: 20px;} #container.contact .form_area .hs-fieldtype-text>label, #container.contact .form_area .hs-fieldtype-textarea>label {display:none !important; opacity:0; left:0; top:0.938rem; z-index:5; width:inherit; height:inherit; font-family:"NotoSanskr_Medium"; font-size:12px; color:#333; text-indent:inherit;} #container.contact .form_area .hs-fieldtype-text .input {overflow:hidden; position:relative; padding:0 43px 0 0;} #container.contact .form_area .hs-fieldtype-textarea .input {overflow:hidden; position:relative; padding:0 45px 0 0;} #container.contact .form_area .hs-fieldtype-text .input::before, #container.contact .form_area .hs-fieldtype-textarea .input::before {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#c1c1c1;} #container.contact .form_area .hs-fieldtype-text .input::after, #container.contact .form_area .hs-fieldtype-textarea .input::after {display:block; content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#c1c1c1; transition:width .25s ease-in-out;} #container.contact .form_area .hs-fieldtype-text.on .input::after, #container.contact .form_area .hs-fieldtype-textarea.on .input::after {width:100%;} #container.contact .form_area .hs-fieldtype-text .input span, #container.contact .form_area .hs-fieldtype-textarea .input span {display:none; opacity:0; position:absolute; right:0; bottom:10px; font-family:"NotoSanskr_Medium"; font-size:11px; color:rgba(51,51,51,0.5);} #container.contact .form_area .hs-fieldtype-text input {height:2.375rem; padding:0; font-family:"NotoSanskr_Medium"; font-size:1rem; color:#333; border:0; outline:0;} #container.contact .form_area .hs-fieldtype-textarea textarea {height:8.125rem; padding:0; font-family:"NotoSanskr_Medium"; font-size:1rem; color:#333; line-height:1.5; border:0; outline:0;} #container.contact .form_area .hs-agree {margin-top:1.4rem;letter-spacing:-1px;margin-bottom:16px} #container.contact .form_area .hs_agree_wrap button {margin-top:1.4rem; font-size:14px; color:#333; border-bottom:1px solid #1b2855;} #container.contact .form_area .hs_marketing_action_agree{overflow:hidden;width:100%;letter-spacing:-1px} #container.contact .form_area .hs_marketing_action_agree button {float: right;font-family: "NotoSanskr_Medium";font-size: 12px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.3);font-size:14px; color:#333; border-bottom:1px solid #1b2855;} #container.contact .form_area .hs_marketing_action_agree .input{float:left} #container.contact .form_area .submitted-message p {margin-top:10px; font-family:"NanumSquare"; font-size:1.2rem;} #container.contact .form_area .submitted-message p strong {display:block; margin-bottom:1.5rem; font-family:"NanumSquareL"; font-size:3.125rem; color:#2a2a2a; line-height:1.2;} .form.basic input[type="checkbox"]+span{font-size:0.838rem} /* 제품문의 - 오프라인 페이지 */ #container.contact.offline {padding-top:0;} #container.contact.offline .contact_area>div:nth-child(1) {padding:100px 54px 100px 0;} #container.contact.offline .contact_area>div:nth-child(2) {padding:100px 0 100px 57px;} #container.contact.offline .form_area .hs_contact_purpose {margin-top:2.18rem;} #container.contact.offline .form_area .hs_contact_purpose legend {font-size:1rem; color:#333;} #container.contact.offline .form_area .hs_contact_purpose .input {margin-top:1rem;} #container.contact.offline .form_area .hs_inbound {margin-top:2.18rem;} #container.contact.offline .form_area .hs_inbound legend {font-size:1rem; color:#333;} #container.contact.offline .form_area .hs_inbound .input {margin-top:1rem;} #container.contact.offline .form_area .hs_inbound ul li {margin-bottom:12px;} #container.contact.offline .form_area .hs_sstory {margin-top:2.18rem;} #container.contact.offline .form_area .hs_sstory legend {font-size:1rem; color:#333;} #container.contact.offline .form_area .hs_sstory .input {margin-top:1rem;} #container.contact.offline .form_area .hs_sstory ul li {margin-bottom:12px;} /* 체험하기 - 이전 버전(평가자사이트 오픈 후 사용예정) */ #container.experience .exp_area {display:flex; flex-wrap:wrap; overflow:hidden; width:100%; height:935px; margin-bottom:65px; box-shadow:36px 20px 13.76px 2.24px rgba(0, 0, 0, 0.13);} #container.experience .exp_area .exp_con {display:flex; flex-wrap:wrap; overflow:hidden; position:relative; width:50%;} #container.experience .exp_area .exp_con a {display:block; width:100%; height:100%;} #container.experience .exp_area .exp_con dl {position:relative; z-index:10;} #container.experience .exp_area .exp_con dl dt {font-family:"Montserrat_SemiBold"; font-size:1rem; color:#fff;} #container.experience .exp_area .exp_con dl dt strong {padding-bottom:10px; border-bottom:2px solid rgba(255,255,255,0.25);} #container.experience .exp_area .exp_con dl dd {position:relative; margin-top:57px; font-family:"NanumSquareL"; font-size:4.0625rem; color:#fff; line-height:1.3;} #container.experience .exp_area .exp_con dl dd strong {font-family:"NanumSquareB";} /*#container.experience .exp_area .exp_con dl dd i {display:block; position:absolute; bottom:-118px; width:76px; height:2px; background:#fff; } #container.experience .exp_area .exp_con dl dd i::after {display:block; content:""; position:absolute; bottom:-2px; width:2px; height:20px; background:#fff;}*/ #container.experience .exp_area .exp_con dl dd p {margin-top:60px;} #container.experience .exp_area .exp_con dl dd p strong {display:inline-block; padding:6px 9px; font-family:"NanumSquareEB"; font-size:17px; background:#fff; border-radius:5px;} #container.experience .exp_area .exp_con .img {position:absolute; top:10px; z-index:5;} #container.experience .exp_area .exp_con .bg {display:block; position:absolute; top:0; /*transition:all 2.5s ease-out;*/} #container.experience .exp_area .exp_con.left {justify-content:flex-end; text-align:right; background:#121212;} #container.experience .exp_area .exp_con.left a {padding:274px 100px 0 0;} /*#container.experience .exp_area .exp_con.left dl dd i {right:0;} #container.experience .exp_area .exp_con.left dl dd i::after {left:7px; transform:rotate(45deg);}*/ #container.experience .exp_area .exp_con.left dl dd p strong {color:#0e0e0e;} #container.experience .exp_area .exp_con.left .img {right:462px;} #container.experience .exp_area .exp_con.left .bg {right:-200px;} #container.experience .exp_area .exp_con.right {justify-content:flex-start; padding:274px 0 0 100px; background:#0e3ab2;} /*#container.experience .exp_area .exp_con.right dl dd i {left:0;} #container.experience .exp_area .exp_con.right dl dd i::after {right:7px; transform:rotate(-45deg);}*/ #container.experience .exp_area .exp_con.right dl dd p strong {color:#1052be;} #container.experience .exp_area .exp_con.right .img {left:415px;} #container.experience .exp_area .exp_con.right .bg {left:-200px;} /* 20190221 체험하기 red 버전 교체 */ #container.experience .exp_area .exp_red {display:block; position:relative; width:100%; padding:232px 0 0 50%; background:#e95d4a;} #container.experience .exp_area .exp_red .title_area {position:relative; z-index:10; margin-left:150px;} #container.experience .exp_area .exp_red .title_area p {position:relative; padding-left:65px; font-family:"Montserrat_SemiBold"; font-size:16px; color:#fff; letter-spacing:1.2px;} #container.experience .exp_area .exp_red .title_area p::before {display:block; content:""; position:absolute; left:0; top:5px; width:50px; height:1px; background:#fff;} #container.experience .exp_area .exp_red .title_area dl {margin-top:52px;} #container.experience .exp_area .exp_red .title_area dl dt {font-family:"NanumSquareL"; font-size:70px; color:#fff; line-height:90px;} #container.experience .exp_area .exp_red .title_area dl dt strong {font-family:"NanumSquareB";} #container.experience .exp_area .exp_red .title_area dl dd.txt {margin-top:45px; font-family:"NanumSquare"; font-size:17px; color:#fff; line-height:30px;} #container.experience .exp_area .exp_red .title_area dl dd.button {margin-top:64px;} #container.experience .exp_area .exp_red .title_area dl dd.button a {display:block; position:relative; width:210px; height:50px; padding-left:49px; font-family:"NotoSanskr_Regular"; font-size:15px; color:#fff; line-height:48px; border:1px solid #fff; transition:all .25s ease-out;} #container.experience .exp_area .exp_red .title_area dl dd.button a:hover {background:rgba(255,255,255,0.15);} #container.experience .exp_area .exp_red .title_area dl dd.button a i {display:inline-block; position:relative; width:43px; height:9px; margin-left:15px; transition:all .15s ease-out;} #container.experience .exp_area .exp_red .title_area dl dd.button a:hover i {margin-left:22px;} #container.experience .exp_area .exp_red .title_area dl dd.button a i::before {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff;} #container.experience .exp_area .exp_red .title_area dl dd.button a i::after {display:block; content:""; position:absolute; right:3px; bottom:-1px; width:1px; height:12px; background:#fff; transform:rotate(-45deg);} #container.experience .exp_area .exp_red .img {position:absolute; right:calc(50% - 50px); top:50px; z-index:5;} #container.experience .exp_area .exp_red .bg {display:block; position:absolute; left:50%; top:50%; transform:translate(-50.01%, -50.01%); /*transition:all 2.5s ease-out;*/} #container.experience .submitted-message {margin-top:150px; margin-left:60px;} #container.experience .submitted-message p {font-family:"NanumSquare"; font-size:32px; color:#333; line-height:1.8;} #container.experience .btn_popup {display:block; position:absolute; top:0; width:100%; height:100%; background:transparent;} #container.experience .btn_popup.left {left:0;} #container.experience .btn_popup.right {right:0;} #container.experience .book_layer .book_form .img {padding-right:0;} #container.experience .book_layer .book_form .img .img_wrap {text-align:center;} #container.experience .book_layer .book_form .img .img_wrap img {width:auto; height:auto; box-shadow:none;} #container.experience .book_layer .book_form .img .img_wrap::after {display:none;} #container.experience .notice_layer {display:none; position:fixed; left:50%; top:50%; z-index:500; width:500px; padding:70px 0; text-align:center; background:#fff; transform:translate(-50.1%, -50.1%);} #container.experience .notice_layer i {display:block; width:300px; margin:0 auto;} #container.experience .notice_layer i img {width:100%;} #container.experience .notice_layer h3 {margin-top:30px; font-family:"NanumSquareB"; font-size:30px; line-height:1.5;} #container.experience .notice_layer button {position:absolute; right:-1px; top:-1px; width:50px; height:50px; text-align:center; line-height:50px; background:#333;} #container.experience .notice_layer button::after {display:inline-block; content:"\e870"; font-family:"Linearicons-Free"; font-size:25px; color:#fff;} /* 시뮬레이션 */ #container.simulation .img_area {overflow:hidden; position:relative;} #container.simulation .img_area .img {display:none; position:absolute; left:0; top:0; width:100%; background-repeat:no-repeat; background-size:auto 100%; background-position:center top;} #container.simulation .img_area .img.si1 {height:949px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/simulation1.jpg);} #container.simulation .img_area .img.si2 {height:949px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/simulation2.jpg);} #container.simulation .img_area .img.si3 {height:1618px; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/01_intro/intro/ai/simulation3.jpg);} #container.simulation .img_area button {position:absolute; top:0; width:50%; height:100%; z-index:100;} #container.simulation .img_area button.prev {left:0;} #container.simulation .img_area button.next {right:0;} @media (min-width:1080px) and (max-width:1200px){ /* FAQ 아카이브 */ #container.faq .list_area>span {margin-left:-5%;} #container.faq .list_area>span>div {margin-left:5%;} /* FAQ 콘텐츠 */ #container.faq_con .faq_box.question>h3 {width:40.75%;} #container.faq_con .faq_box.question>div {width:59.25%;} } @media (max-width:1079px){ /* 제품문의 */ #container.contact .contact_area {display:block;} #container.contact .contact_area>div:nth-child(1) {display:block; width:100%; min-height:inherit; padding:3.125rem 5.8% 0; background:#fff;} #container.contact .contact_area>div:nth-child(2) {display:block; width:100%; min-height:inherit; padding:3.65rem 5.8% 4.69rem;} #container.contact .contact_title .title_area>p {font-family:"Montserrat_Bold"; font-size:1.458rem;} #container.contact .contact_title .title_area>dl {margin-top:1.875rem;} #container.contact .contact_title .title_area>dl dt {font-size:3.65rem; line-height:1.28;} #container.contact .contact_title .title_area>dl dt .in-bl {display:block;} #container.contact .contact_title .title_area>dl dd {display:none;} #container.contact .contact_title .title_area figure {display:none;} #container.contact .form_area {width:100%;} #container.contact .form_area form {display:block; margin-left:0;} #container.contact .form_area form>div {margin-left:0;} #container.contact .form_area input[type="checkbox"] {width:2.44rem !important; height:2.44rem !important;} #container.contact .form_area input[type="checkbox"]::after {width:2.44rem !important; height:2.44rem !important;} #container.contact .form_area input[type="checkbox"]:checked::after {border:0.68rem solid #343d5d !important;} #container.contact .form_area input[type="checkbox"]+span {font-size:1.4rem;} #container.contact .form_area .hs_contact_purpose ul li {margin-bottom:1.56rem;} #container.contact .form_area .hs_contact_purpose ul li:nth-child(2n-1) {width: 100%;} #container.contact .form_area .hs_contact_purpose ul li:nth-child(2n) {width:100%;} #container.contact .form_area .hs-fieldtype-text {width:100%;} #container.contact .form_area .hs_contact_purpose+div {margin-top:2.08rem;} #container.contact .form_area .hs_contact_purpose+div+div {margin-top:2.18rem;} #container.contact .form_area .hs-fieldtype-text>label, #container.contact .form_area .hs-fieldtype-textarea>label {top:1.46rem; font-size:1.3rem; line-height:1.1;} #container.contact .form_area .hs-fieldtype-text .input {padding:0 5.2rem 0 0;} #container.contact .form_area .hs-fieldtype-textarea .input {padding:0 5.2rem 0 0;} #container.contact .form_area .hs-fieldtype-text .input span, #container.contact .form_area .hs-fieldtype-textarea .input span {bottom:1.3rem; font-size:1rem;} #container.contact .form_area .hs-fieldtype-text input {height:4.0625rem; font-size:1.875rem;} #container.contact .form_area .hs-fieldtype-textarea textarea {height:12.5rem; font-size:1.875rem;} #container.contact .form_area .hs-agree {margin-top:2.81rem;} #container.contact .form_area .hs_agree_wrap button {margin-top:2.81rem; font-size:1.4rem;} #container.contact .form_area .hs_submit {margin-top:2.97rem;} #container.contact .form_area .hs_submit input[type="submit"] {height:5.416rem; line-height:5.416rem; font-size:1.614rem;} /* 제품문의 - 오프라인 */ #container.contact.offline .form_area input[type="checkbox"] {width:19px !important; height:19px !important;} #container.contact.offline .form_area input[type="checkbox"]::after {width:19px !important; height:19px !important;} #container.contact.offline .form_area input[type="checkbox"]:checked::after {border:6px solid #343d5d !important;} #container.contact.offline .form_area input[type="checkbox"]+span {font-size:1rem;} /* FAQ */ #container.faq .title_area {padding:3.125rem 0 2.91rem;} #container.faq .filter_area {margin-top:2.91rem; text-align:left;} #container.faq .filter_area>div.tab ul li:first-child {margin-left:0;} #container.faq .filter_area .search-container input[type='text'] {width:100%;} /* FAQ 콘텐츠 */ #container.faq_con .faq_box.question {display:block; margin-top:3.125rem;} #container.faq_con .faq_box.question>h3 {width:100%; font-size:3.38rem;} #container.faq_con .faq_box.question>div {width:100%; margin-top:2.8rem;} #container.faq_con .faq_more {padding:6.25rem 0 0;} #container.faq_con .faq_more .title_area {margin-bottom:5.2rem;} #container.faq_con .faq_more .title_area .page_name {font-size:1.04rem;} #container.faq_con .faq_more .title_area h2 .title {margin-top:2.34rem; font-size:2.6rem;} #container.faq_con .faq_more .list_area {display:block; height:100%;} #container.faq_con .faq_more .list_area>div {width:100%; max-width:420px; margin:0 auto 6.25rem !important;} /* 체험하기 */ #container.experience .go_pc {display:block; padding:6.25rem 0 7.3rem; text-align:center;} #container.experience .go_pc i {display:block; width:63.8%; max-width:491px; margin:0 auto;} #container.experience .go_pc i img {width:100%;} #container.experience .go_pc dl {margin-top:3.54rem;} #container.experience .go_pc dl dt {font-family:"NanumSquareB"; font-size:2.86rem; line-height:1.27;} #container.experience .go_pc dl dd.txt {margin-top:1.875rem; font-family:"NanumSquareB"; font-size:1.67rem; color:#a9a9a9;} #container.experience .go_pc dl dd.btn_area {margin-top:3.125rem;} #container.experience .go_pc dl dd.btn_area a {width:19.27rem; height:4.17rem; font-family:"NotoSanskr_Medium"; font-size:1.35rem; color:#fff; line-height:4.17rem; background:#1d1d1d;} /* 체험하기 */ #container.consultant .vertical_list a {display:none;} } @media (min-width:768px) and (max-width:1079px){ /* 컨설턴트 */ #container.consultant .tab_slide .tab_area .con dl:nth-child(1) {background-size:contain;} #container.consultant .tab_slide .img_area {margin-top:3.75rem;} #container.consultant .tab_slide .img_area {height:54.166vw; padding:0 10.4% !important;} #container.consultant .tab_slide .img_area ul {position:relative;} #container.consultant .tab_slide .img_area img {width:100%;} /* FAQ */ #container.faq .filter_area {display:flex; align-items:center;} #container.faq .filter_area>div.tab {width:180px;} #container.faq .filter_area>div.hs_cos_wrapper {width:calc(100% - 180px);} #container.faq .list_area>span {margin-left:-2%;} #container.faq .list_area>span>div {width:48%; max-width:inherit; margin-left:2% !important;} /*#container.faq .list_area>span>div:nth-child(2n+1) {margin-left:0 !important;}*/ } @media (max-width:767px) { /* 컨설턴트 */ #container.consultant .subvisual_area {height:120.57vw; max-height:47.66rem;} #container.consultant .subvisual_area .slides_item {height:120.57vw; max-height:47.66rem; background-image:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/05_consultant/consultant_visual.jpg);} #container.consultant .subvisual_area .slides_item .title_area .title_area_in {padding-top:3.125rem; vertical-align:top;} #container.consultant .subvisual_area .slides_item .title_area .eng {font-size:1.46rem;} #container.consultant .subvisual_area .slides_item .title_area dl dt {font-size:3.39rem; line-height:1.29;} #container.consultant .subvisual_area .slides_item .title_area dl dd {display:none;} #container.consultant .tab_slide .title_area {text-align:center;} #container.consultant .tab_slide .img_list {padding:0 10.4%;} #container.consultant .tab_slide .img_list dl {margin-top:6.25rem;} #container.consultant .tab_slide .img_list dl:first-child {margin-top:4.27rem;} #container.consultant .tab_slide .img_list dl dt {font-family:"NanumSquareB"; font-size:1.82rem; text-align:center;} #container.consultant .tab_slide .img_list dl dt span {display:block; margin-bottom:1.15rem; font-family:"Montserrat_Bold";} #container.consultant .tab_slide .img_list dl dd {margin-top:3.9rem;} #container.consultant .tab_slide .img_list dl dd img {width:100%;} /* FAQ */ #container.faq .title_area h2 {color:#1e1e1e;} #container.faq .title_area h2 .page_name {margin-bottom:1.98rem;} #container.faq .filter_area {padding:3.65rem 0;} #container.faq .filter_area>div {display:block;} #container.faq .filter_area>div.tab {margin-right:0;} #container.faq .filter_area>div.tab ul li {margin-left:2.08rem;} #container.faq .filter_area>div.tab ul li a {padding-bottom:9px; font-size:1.77rem;} #container.faq .filter_area>div.tab ul li a::after {height:3px;} #container.faq .filter_area>div.tab ul li.on a {font-family:'NotoSanskr_Bold'; color:#000;} #container.faq .filter_area .search-container {margin-top:2.08rem;} #container.faq .filter_area .search-container input[type='text'] {width:100%; height:4.17rem; font-size:1.5625rem; line-height:4.17rem;} #container.faq .filter_area .search-container input[type='text']::placeholder {font-size:1.5625rem;} #container.faq .list_area {margin:3.39rem 0 0;} #container.faq .list_area>span {margin-left:0;} #container.faq .list_area>span>div {flex-basis:100%; width:100%; max-width:inherit; padding-bottom:6.25rem; margin-left:0 !important;} #container.faq .list_area>span>div:last-child {padding-bottom:4.17rem;} /* FAQ 콘텐츠 */ #container.faq_con .faq_more .list_area>div {max-width:inherit;} /* 제품문의 */ #container.contact .contact_area>div:nth-child(1) {padding:3.125rem 6.5% 0;} #container.contact .contact_area>div:nth-child(2) {padding:3.65rem 6.5% 4.69rem;} } @media (max-width:400px){ /* 제품문의 */ #container.contact .form_area .hs_contact_purpose ul {display:block;} #container.contact .form_area .hs_contact_purpose ul li {width:100% !important;} } /* 세미나 */ #container.seminar .module_list {padding:8.125rem 0;} #container.seminar .module_list>span>div {margin-bottom:36px;} @media (max-width:767px) { .subvisual_area.seminar {height:34.48rem;} .subvisual_area.seminar .slides_item {height:34.48rem;} .subvisual_area.seminar .slides_item .eng {font-size:1.5rem;} .subvisual_area.seminar .slides_item dl dt {font-size:3.38rem;} .subvisual_area.seminar .slides_item dl dd.info p {font-size:1.04rem;} .subvisual_area.seminar .slides_item dl dd.btn_area a {width:69.4%; height:4.475rem; font-size:1.35rem; line-height:4.475rem;} .subvisual_area.seminar .slick-dots {bottom:2rem;} #container.seminar .module_list {padding:2.76rem 0 0;} } /* 블로그 - 아카이브 */ .vision-blog-1.inAIR .blog-hero-section {padding:60px 0 85px;} .vision-blog-1.inAIR .blog_title {text-align:center;} .vision-blog-1.inAIR .blog_title h2 {margin-top:15px; font-family:"NanumSquareL"; font-size:3.125rem; color:#000; line-height:1.4; text-shadow:none;} .vision-blog-1.inAIR .blog_title h2 strong {font-family:"NanumSquareB"} .vision-blog-1.inAIR .blog_title .subtitle {margin-top:28px; font-family:"NotoSanskr_Regular"; font-size:1rem; color:#000; line-height:1.5; text-shadow:none;} .vision-blog-1.inAIR .topic-section {padding:0; border-bottom:0;} .vision-blog-1.inAIR .topic-section .wrapper {max-width:1080px; padding:0 0 20px; border-bottom:1px solid #e1e1e1;} .vision-blog-1.inAIR .topic-section .navi_area>.row-fluid-wrapper>.row-fluid {display:table;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi {display:table-cell; float:none; width:80.5%; vertical-align:middle;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi {display:none; position:relative;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button {position:relative; width:45px; height:43px; border:1px solid #9d9d9d;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button span {display:block; position:absolute; left:13px; width:17px; height:1px; background:#000; transition:all 0.3s ease-out;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button span:nth-child(1) {top:13px;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button span:nth-child(2) {top:20px;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button span:nth-child(3) {top:27px;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button.open {background:#000; border:1px solid #000;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button.open span {left:12px; background:#fff;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button.open span:nth-child(1) {top:20px; width:19px; transform:rotate(45deg);} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button.open span:nth-child(2) {opacity:0;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi button.open span:nth-child(3) {top:20px; width:19px; transform:rotate(-45deg);} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi strong {display:inline-block; position:absolute; left:62px; top:8px; padding-bottom:2px; font-family:"Montserrat_Semibold"; font-size:20px; border-bottom:2px solid #000;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi ul {position:absolute; left:0; top:58px; z-index:50; width:19.9rem; padding:0 2.08rem 2.08rem; margin:0; background:#fff; border:1px solid #000;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi ul li {margin-left:0; margin-top:25px;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi ul li a {display:inline-block; padding-bottom:4px; font-family:"Montserrat_Semibold"; font-size:1.75rem; color:#000;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi ul li.on a {border-bottom:2px solid #000;} .vision-blog-1.inAIR .topic-section .navi_area .blog_search {display:table-cell; float:none; width:19.5%; vertical-align:middle;} .vision-blog-1.inAIR .topic-section .widget-module ul {text-align:left;} .vision-blog-1.inAIR .topic-section .widget-module ul li {margin-left:7.4%; margin-right:0;} .vision-blog-1.inAIR .topic-section .widget-module ul li:first-child {margin-left:0;} .vision-blog-1.inAIR .topic-section .widget-module ul li a {display:inline-block; position:relative; padding:0 0 4px; font-family:"Montserrat_SemiBold"; font-size:0.938rem; color:#000;} .vision-blog-1.inAIR .topic-section .widget-module ul li a::before {display:block; content:""; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#000; transition:width .3s ease-out;} .vision-blog-1.inAIR .topic-section .widget-module ul li a::after {display:block; content:""; position:absolute; right:50%; bottom:0; width:0; height:2px; background:#000; transition:width .3s ease-out;} .vision-blog-1.inAIR .topic-section .widget-module ul li a:hover {color:#000;} .vision-blog-1.inAIR .topic-section .widget-module ul li.on a::before, .vision-blog-1.inAIR .topic-section .widget-module ul li a:hover::before, .vision-blog-1.inAIR .topic-section .widget-module ul li.on a::after, .vision-blog-1.inAIR .topic-section .widget-module ul li a:hover::after {width:50%;} .vision-blog-1.inAIR .topic-section .box-styling {margin-bottom:0;} .vision-blog-1.inAIR .topic-section .box-styling:hover {box-shadow:none;} .vision-blog-1.inAIR .container-fluid .row-fluid .search-module input {height:46px; padding:0 40px 0 12%; font-family:"NotoSanskr_Regular"; line-height:44px; background:#fff; border:1px solid #e3e3e3; border-radius:0;} .vision-blog-1.inAIR .container-fluid .row-fluid .search-module input::placeholder {font-size:0.938rem; color:#b9b9b9; letter-spacing:0;} .vision-blog-1.inAIR .post-item {width:30%; margin-right:3.3%; transition:all ease-in-out .3s !important;} .vision-blog-1.inAIR .post-item .hs-featured-image-wrapper {height:210px !important; transition:none;} .vision-blog-1.inAIR .post-item:hover .hs-featured-image-wrapper {transform:none;} .vision-blog-1.inAIR .post-item .anchor-bg a {display:block; position:relative;} /*.vision-blog-1.inAIR .post-item .anchor-bg a::after {display:block; position:absolute; right:0; top:0; z-index:15; width:54px; height:54px; font-family:"Montserrat_SemiBold"; font-size:1.0625rem; line-height:54px; text-align:center; background:#000;}*/ .vision-blog-1.inAIR .post-item .anchor-bg a .mask {display:block; opacity:0; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%;} .vision-blog-1.inAIR .post-item .anchor-bg a i {opacity:0; position:absolute; left:50%; top:50%; z-index:10; width:50px; height:50px; transform:translate(-50.01%, -50%);} .vision-blog-1.inAIR .post-item .anchor-bg a i::before {display:block; content:''; position:absolute; left:0; top:24px; width:50px; height:2px; background:#fff;} .vision-blog-1.inAIR .post-item .anchor-bg a i::after {display:block; content:''; position:absolute; left:24px; top:0; width:2px; height:50px; background:#fff;} .vision-blog-1.inAIR .post-item .padding-all-over {height:300px; padding:0;} .vision-blog-1.inAIR .post-item .padding-all-over>a {display:block; position:relative; height:100%; padding:30px 12.8%;} .vision-blog-1.inAIR .post-item .padding-all-over .tag {display:inline-block; padding-bottom:5px; font-family:"Montserrat_SemiBold"; font-size:0.938rem;} .vision-blog-1.inAIR .post-item .padding-all-over h3 {overflow:hidden; height:4.5rem; margin-top:19px; font-family:"NanumSquareB"; font-size:1.5625rem; line-height:1.44; letter-spacing:0;} .vision-blog-1.inAIR .post-item .padding-all-over .description-div {margin-top:15px; font-family:"NotoSanskr_Regular"; font-size:0.938rem; color:#666; line-height:1.6;} .vision-blog-1.inAIR .post-item .padding-all-over .list-single-style {position:absolute; left:12.8%; bottom:30px; font-family:"NotoSanskr_Medium"; font-size:0.875rem; color:#000;} .vision-blog-1.inAIR .post-item .padding-all-over .list-single-style span {color:#000 !important;} .vision-blog-1.inAIR .post-item .padding-all-over #hubspot-author_data {margin-top:0;} .vision-blog-1.inAIR .post-item .padding-all-over #hubspot-author_data::before {display:inline-block; content:"\e81d"; font-family:"LinearIcons-Free"; color:#000; vertical-align:bottom;} .vision-blog-1.inAIR .post-item .padding-all-over #hubspot-author_data span.author-row {color:#000;} /* 블로그 - 아카이브만 첫번째 post-item 을 가로형태로 배치 */ body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child {overflow:inherit; width:100%; max-width:1080px; height:394px; box-shadow:none;} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child>.header-position {display:table; width:100%; height:394px;} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child .post-body {display:table-cell; width:57.87%; max-width:625px; height:100%; box-shadow:3px 5px 10px rgba(0,0,0,0.1);} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child .hs-featured-image-wrapper {height:394px !important;} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child .anchor-bg a::after {right:inherit; left:0;} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child .padding-all-over {display:table-cell; height:100%; vertical-align:top;} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child .padding-all-over>a {height:100%; padding:20px 0 0 18.68%;} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child .padding-all-over h3 {height:6.75rem; font-size:2.5rem; line-height:1.35;} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child .padding-all-over .description-div {margin-top:30px; font-size:1rem; color:#000; line-height:1.875;} body[data-device="desktop"].vision-blog-1.inAIR.inAIR_list .post-item:first-child .padding-all-over .list-single-style {left:18.68%; bottom:20px;} /*.vision-blog-1.inAIR .post-item.news .anchor-bg a::after {content:"NS"; color:#fff;} .vision-blog-1.inAIR .post-item.news .anchor-bg a .mask {background:#000;} .vision-blog-1.inAIR .post-item.news .padding-all-over .tag {color:#000; border-bottom:2px solid #000;} .vision-blog-1.inAIR .post-item.opinions .anchor-bg a::after {content:"OP"; color:#f9c900;} .vision-blog-1.inAIR .post-item.opinions .anchor-bg a .mask {background:#f9c900;} .vision-blog-1.inAIR .post-item.opinions .padding-all-over .tag {color:#f9c900; border-bottom:2px solid #f9c900;} .vision-blog-1.inAIR .post-item.successstory .anchor-bg a::after {content:"SU"; color:#f2a979;} .vision-blog-1.inAIR .post-item.successstory .anchor-bg a .mask {background:#f2a979;} .vision-blog-1.inAIR .post-item.successstory .padding-all-over .tag {color:#f2a979; border-bottom:2px solid #f2a979;} .vision-blog-1.inAIR .post-item.trendreport .anchor-bg a::after {content:"TR"; color:#a7a699;} .vision-blog-1.inAIR .post-item.trendreport .anchor-bg a .mask {background:#a7a699;} .vision-blog-1.inAIR .post-item.trendreport .padding-all-over .tag {color:#a7a699; border-bottom:2px solid #a7a699;} .vision-blog-1.inAIR .post-item.focus .anchor-bg a::after {content:"FO"; color:#7bc6d6;} .vision-blog-1.inAIR .post-item.focus .anchor-bg a .mask {background:#7bc6d6;} .vision-blog-1.inAIR .post-item.focus .padding-all-over .tag {color:#7bc6d6; border-bottom:2px solid #7bc6d6;}*/ /*.vision-blog-1.inAIR .page-numbers li, .vision-blog-1.inAIR .next-posts-link, .vision-blog-1.inAIR .previous-posts-link {vertical-align:middle;}*/ .vision-blog-1.inAIR .page-numbers li a {display:block; width:100%; height:100%;} .vision-blog-1.inAIR .previous-posts-link::after {display:inline-block; content:"\e875"; font-family:"Linearicons-Free"; font-size:11px; font-weight:600; color:#000; vertical-align:top;} .vision-blog-1.inAIR .next-posts-link::after {display:inline-block; content:"\e876"; font-family:"Linearicons-Free"; font-size:11px; font-weight:600; color:#000; vertical-align:top;} .vision-blog-1.inAIR .previous-posts-link i, .vision-blog-1.inAIR .next-posts-link i {display:none;} .vision-blog-1.inAIR .page-numbers li.current, .vision-blog-1.inAIR .page-numbers li:hover, .vision-blog-1.inAIR .previous-posts-link:hover, .vision-blog-1.inAIR .next-posts-link:hover {background:#000; border-color:#000;} .vision-blog-1.inAIR .previous-posts-link:hover::after, .vision-blog-1.inAIR .next-posts-link:hover::after {color:#fff;} /* 블로그 리뉴얼 - 아카이브 */ .vision-blog-1.inAIR_new .blog-body {padding:75px 0;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block {display:flex; align-items:center; width:100%;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .all {display:inline-block; width:100px;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .all::before {display:inline; content:"\f02e"; margin-right:10px; font-family:"FontAwesome"; font-size:1rem; color:#ff4b00;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .all a {font-family:"Montserrat_SemiBold"; font-size:0.938rem;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module {width:100%;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul {display:inline-block;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li {margin-left:30px;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li a {display:block; height:35px; padding:0 20px; font-family:"NotoSanskr_Regular"; font-size:0.938rem; font-weight:400; color:#525252; line-height:33px; border:1px solid #cdcdcd; border-radius:17px; text-transform:none;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li.on a, .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li a:hover {color:#000; border:1px solid #000;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li a::before, .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li a::after {display:none; width:inherit !important;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li.on a::before, .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li.on a::after, .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li a:hover::before, .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li a:hover::after {display:none;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module>a {display:inline-block; height:35px; padding:0 16px; margin-left:30px; font-family:"NotoSanskr_Regular"; font-size:0.938rem; font-weight:400; color:#fff; line-height:33px; background:#000; border:1px solid #000; border-radius:17px;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module>a:hover {background:#3d3d3d;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module>a::after {display:inline-block !important; content:"\f067"; position:static; margin-left:5px; font-family:"FontAwesome"; font-size:10px; vertical-align:top;} .vision-blog-1.inAIR_new .post-item .anchor-bg a .mask {background:#000;} .vision-blog-1.inAIR_new .post-item .padding-all-over h3 {margin-top:10px;} .vision-blog-1.inAIR_new .post-item .padding-all-over .tag {font-family:"NotoSanskr_Medium"; font-size:0.938rem;} .vision-blog-1.inAIR_new .post-item .padding-all-over .tag::before {display:inline; content:"\f02e"; margin-right:10px; font-family:"FontAwesome"; font-size:1rem; color:#ff4b00;} .vision-blog-1.inAIR_new .post-item .padding-all-over .list-single-style {bottom:25px;} .vision-blog-1.inAIR_new .post-item .tag_area {padding:16px 0 6px; border-top:1px solid #dadada;} .vision-blog-1.inAIR_new .post-item .tag_area ul {width:100%; margin:0; text-align:center;} .vision-blog-1.inAIR_new .post-item .tag_area ul li {display:inline-block; margin:0 0 10px 10px;} .vision-blog-1.inAIR_new .post-item .tag_area ul li:first-child {margin-left:0;} .vision-blog-1.inAIR_new .post-item .tag_area ul li a {height:26px; padding:0 12px; font-size:0.875rem; color:#666; line-height:24px; border:1px solid #c9c9c9; border-radius:13px;} .vision-blog-1.inAIR_new .post-item .tag_area ul li a:hover {color:#000; border:1px solid #000;} .vision-blog-1.inAIR_new .keyword_popup {display:none; opacity:0; position:fixed; left:0; top:0; z-index:550; width:100%; height:100%;} .vision-blog-1.inAIR_new .keyword_popup::after {display:block; content:""; width:100%; height:100%; background:rgba(0,0,0,0.75);} .vision-blog-1.inAIR_new .keyword_popup_in {position:absolute; left:50%; top:50%; width:87.4%; max-width:1080px; padding:25px 80px; background:#fff; border-radius:8px; transform:translate(-50.01%, -50.01%);} .vision-blog-1.inAIR_new .keyword_popup ul {margin:0;} .vision-blog-1.inAIR_new .keyword_popup ul li {display:inline-block; position:relative; margin:15px;} .vision-blog-1.inAIR_new .keyword_popup ul li.new::after {display:block; content:"N"; position:absolute; right:1px; top:-8px; z-index:10; width:16px; height:16px; font-size:8px; color:#fff; text-align:center; line-height:16px; background:#ff4b00; border-radius:50%;} .vision-blog-1.inAIR_new .keyword_popup ul li a {height:34px; padding:0 20px; font-size:0.938rem; color:#525252; line-height:32px; border:1px solid #c9c9c9; border-radius:17px; transition:all .2s ease-out;} .vision-blog-1.inAIR_new .keyword_popup ul li a:hover {color:#000; border:1px solid #000;} .vision-blog-1.inAIR_new .keyword_popup .btn_close {position:absolute; right:20px; top:20px;} .vision-blog-1.inAIR_new .keyword_popup .btn_close::before {display:block; content:'\e870'; font-family:"Linearicons-Free"; font-size:1.8rem;} /* 블로그 - 콘텐츠 */ .vision-blog-1.inAIR_view .body-container-wrapper {overflow:hidden;} .vision-blog-1.inAIR_view .blog-left-column {width:66.5% !important;} .vision-blog-1.inAIR_view .sidebar-container {width:29.3% !important; margin-left:4.2% !important;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header {display:block !important; position:relative; padding-left:95px;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header::before {display:block; position:absolute; left:0; top:6px; width:63px; height:63px; font-family:"Montserrat_SemiBold"; font-size:1.25rem; text-align:center; line-height:63px; background:#000;} /* .vision-blog-1.inAIR_view .news .blog-post-wrapper>.post-header::before {content:"NS"; color:#fff;} .vision-blog-1.inAIR_view .opinions .blog-post-wrapper>.post-header::before {content:"OP"; color:#f8d020;} .vision-blog-1.inAIR_view .successstory .blog-post-wrapper>.post-header::before {content:"SU"; color:#f2a979;} .vision-blog-1.inAIR_view .trendreport .blog-post-wrapper>.post-header::before {content:"TR"; color:#a7a699;} .vision-blog-1.inAIR_view .focus .blog-post-wrapper>.post-header::before {content:"FO"; color:#7bc6d6;} */ .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header .tag {display:none;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header h2 {margin:0; font-family:"NanumSquare"; font-size:2.25rem; font-weight:400; color:#000; line-height:1.5; letter-spacing:0;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header .date {font-family:"NotoSanskr_Regular"; font-size:0.875rem; color:#a1a1a1; line-height:1.2;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body {position:relative; margin-top:50px;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body * {font-family:"NanumSquare" !important; font-size:1.1875rem !important; color:#000; line-height:1.89 !important;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body strong {font-family:"NanumSquareB" !important;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body img {max-width:100%;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body .caption {font-family:"NotoSanskr_Regular" !important; font-size:13px !important; color:#666 !important;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area {position:absolute; left:-115px; top:5px;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area ul {margin:0;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area li::before {display:none;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area li a {line-height:44px !important; background:#000;} .vision-blog-1.inAIR_view .sidebar-container .search-module {margin-bottom:0; border-radius:0;} .vision-blog-1.inAIR_view .sidebar-container .search-module:hover {box-shadow:none;} .vision-blog-1.inAIR_view .sidebar-container .search-module input {width:100%; padding:0 40px 0 7.8% !important; font-family:"NotoSanskr_Regular"; font-size:0.938rem; letter-spacing:0; background:#fff !important; border:1px solid #e3e3e3 !important; border-radius:0 !important;} .vision-blog-1.inAIR_view .sidebar-container .tab_area {overflow:hidden;} .vision-blog-1.inAIR_view .sidebar-container .tab_area .tabber-tabs {margin:0; border:1px solid #e3e3e3; border-bottom:0;} .vision-blog-1.inAIR_view .sidebar-container .tab_area .tabber-tabs li {display:table; width:50%; height:50px;} .vision-blog-1.inAIR_view .sidebar-container .tab_area .tabber-tabs li a {display:table-cell; bottom:inherit; width:100%; height:100%; padding:0; font-family:"Montserrat_SemiBold"; font-size:13px; color:#a1a1a1; text-align:center; vertical-align:middle; cursor:pointer !important; border:0;} .vision-blog-1.inAIR_view .sidebar-container .tab_area .tabber-tabs li.active a {color:#393939; background:#f5f5f5; border-top:0;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane {padding:0 30px; margin-bottom:0; background:#f5f5f5;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane ul {margin:0;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane ul li {margin-left:0;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-postlisting-item, .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-rss-item {padding:25px 0; margin-bottom:0; border-top:1px solid #ababab;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-postlisting-item:first-child, .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-rss-item:first-child {border-top:0;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-rss-byline {margin-top:10px; line-height:1;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-postlisting-item a, .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-rss-item .hs-rss-title {display:block; overflow:hidden; position:relative; font-family:"NanumSquareB"; font-size:1.0625rem; color:#000; white-space:nowrap; text-overflow:ellipsis; transition:color .1s ease-out !important;} /* .vision-blog-1.inAIR_view .news .sidebar-container .tab-pane .hs-postlisting-item a:hover, .vision-blog-1.inAIR_view .news .sidebar-container .tab-pane .hs-rss-item .hs-rss-title:hover {color:#333;} .vision-blog-1.inAIR_view .opinions .sidebar-container .tab-pane .hs-postlisting-item a:hover, .vision-blog-1.inAIR_view .opinions .sidebar-container .tab-pane .hs-rss-item .hs-rss-title:hover {color:#f8d020;} .vision-blog-1.inAIR_view .successstory .sidebar-container .tab-pane .hs-postlisting-item a:hover, .vision-blog-1.inAIR_view .successstory .sidebar-container .tab-pane .hs-rss-item .hs-rss-title:hover {color:#f2a979;} .vision-blog-1.inAIR_view .trendreport .sidebar-container .tab-pane .hs-postlisting-item a:hover, .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-rss-item .hs-rss-title:hover {color:#a7a699;} .vision-blog-1.inAIR_view .focus .sidebar-container .tab-pane .hs-postlisting-item a:hover, .vision-blog-1.inAIR_view .focus .sidebar-container .tab-pane .hs-rss-item .hs-rss-title:hover {color:#7bc6d6;} */ .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-rss-item .hs-rss-date {font-family:"NotoSanskr_Regular"; font-size:0.8125rem; color:#666;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-rss-item .hs-rss-date::before {display:inline-block; content:"\e81d"; margin-right:5px; font-family:"LinearIcons-Free"; vertical-align:bottom;} .vision-blog-1.inAIR_view .book_banner .inner {width:100%; max-width:1080px; margin:0 auto;} .vision-blog-1.inAIR_view .related-post-section {padding:140px 0;} .vision-blog-1.inAIR_view .related-post-section.gray {padding:100px 0; background:#f5f5f5;} .vision-blog-1.inAIR_view .related-post-section .title_area {margin-bottom:100px; text-align:center;} .vision-blog-1.inAIR_view .related-post-section .title_area .eng {font-family:"Montserrat_SemiBold"; font-size:1rem; color:#000; letter-spacing:1.2px;} .vision-blog-1.inAIR_view .related-post-section .title_area h3 {margin-top:32px; font-family:"NanumSquareL"; font-size:3.4375rem; color:#000; line-height:1.23;} .vision-blog-1.inAIR_view .related-post>span {width:100%;} /* 블로그 리뉴얼 - 콘텐츠 */ .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header {padding-left:0;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .tag {display:block; margin-bottom:15px; font-family:"NotoSanskr_Medium"; font-size:0.938rem; color:#000; line-height:1; letter-spacing:0.375px;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .tag::before {display:inline; content:"\f02e"; margin-right:10px; font-family:"FontAwesome"; font-size:1rem; color:#ff4b00;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .date {margin-top:5px;} .vision-blog-1.inAIR_view.inAIR_new .banner.email {height:inherit; margin-top:1.25rem; padding:1.875rem 0;} .vision-blog-1.inAIR_view.inAIR_new .banner.email dl dt, .vision-blog-1.inAIR_view.inAIR_new .banner.email .submitted-message {font-family:"NanumSquare"; font-size:1.0625rem; line-height:1.2;} .vision-blog-1.inAIR_view.inAIR_new .banner.email dl dd {margin-top:1.25rem;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner {width:81.2%;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner input[type='email']::placeholder {font-size:0.875rem;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner input[type='email']::-webkit-input-placeholder {font-size:0.875rem;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner input[type='email']::-moz-placeholder {font-size:0.875rem;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner input[type='email']::-ms-input-placeholder {font-size:0.875rem;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner input[type='email']::-moz-placeholder {font-size:0.875rem;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner .hs_email {width:calc(100% - 50px);} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner .hs_submit {width:50px;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner .hs_submit .actions {position:relative;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner .hs_submit .actions::after {display:block; content:"\e876"; position:absolute; left:50%; top:50%; font-family:"Linearicons-Free"; color:#fff; transform:translate(-50.01%, -50.01%);} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner input[type="submit"] {padding:0; margin-top:0; text-indent:-9999rem; border-radius:0; box-shadow:none;} .vision-blog-1.inAIR_view.inAIR_new .banner.email .form.banner input[type="submit"]:hover {background:rgba(255,255,255,0.6) !important; border:1px solid #fff; transform:none; box-shadow:none;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area {margin:6.25rem 0 4rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area h3 {margin-bottom:5px; font-family:"Montserrat_SemiBold"; font-size:0.938rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area h3::before {display:inline; content:"\f02e"; margin-right:10px; font-family:"FontAwesome"; font-size:1rem; color:#ff4b00;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area ul {margin:0; margin-left:-0.938rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area ul li {display:inline-block; margin:0.938rem; list-style:none;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area ul li::before {display:none;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area ul li a {display:block; height:34px; padding:0 20px; font-family:"NotoSanskr_Regular"; font-size:0.938rem; color:#525252; line-height:34px; border:1px solid #c9c9c9; border-radius:17px; transition:all .2s ease-out;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area ul li a:hover {color:#000; border:1px solid #565656;} /*.vision-blog-1.inAIR_view.inAIR_new .sidebar-container {position:relative;} .vision-blog-1.inAIR_view.inAIR_new .sidebar-container .tab_area {position:absolute; right:0; top:0;}*/ .vision-blog-1.inAIR_view.inAIR_new .sidebar-container .tab_area {overflow:inherit;} .vision-blog-1.inAIR_view.inAIR_new .sidebar-container .tab_area .blog-tabber>div {position:relative;} .vision-blog-1.inAIR_view.inAIR_new .floating_area {position:relative;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .floating {position:absolute; left:0; top:0; width:100%;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .copy_area {margin:1.5rem 0;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .copy_area button {position:relative; width:100%; height:70px; padding-left:70px; text-align:left; background:#f2f4f9; border:1px solid #dadbdd;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .copy_area button::after {display:inline-block; content:'\e88a'; position:absolute; right:17px; top:24px; font-family:'Linearicons-Free'; font-size:20px; color:#808080;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .copy_area button i {display:inline-block; position:absolute; left:17px; top:14px; width:42px; height:42px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/07_blog/copy_off.svg) no-repeat left top;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .copy_area button strong {font-family:"NotoSanskr_Medium"; font-size:1.125rem; line-height:1.3; letter-spacing:-0.3px; vertical-align:middle;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .copy_area button.copy_on::after {display:none;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .copy_area button.copy_on i {background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/07_blog/copy_on.svg) no-repeat left top;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .copy_area button.copy_on strong {font-size:0.938rem;} /*.vision-blog-1.inAIR_view.inAIR_new .floating_area .banner.email {position:absolute; left:0; top:0;}*/ .vision-blog-1.inAIR_view.inAIR_new .floating_area .banner.email {position:relative;} .vision-blog-1.inAIR_view.inAIR_new .floating_area .banner.img img {max-width:100%;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area {display:none; margin:1rem 0; text-align:center;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area button {position:relative; width:100%; max-width:300px; height:50px; padding-left:65px; text-align:left; background:#f2f4f9; border:1px solid #dadbdd;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area button::after {display:inline-block; content:'\e88a'; position:absolute; right:17px; top:15px; font-family:'Linearicons-Free'; font-size:18px; color:#808080;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area button i {display:inline-block; position:absolute; left:17px; top:10px; width:30px; height:30px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/07_blog/copy_off.svg) no-repeat left top;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area button strong {font-family:"NotoSanskr_Medium"; font-size:1.125rem; line-height:1.3; letter-spacing:-0.3px; vertical-align:middle;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area button.copy_on::after {display:none;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area button.copy_on i {background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/07_blog/copy_on.svg) no-repeat left top;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area button.copy_on strong {font-size:0.938rem;} /* whitepaper 리스트 */ #container.whitepaper .sub_visual {display:flex; align-items:center; width:100%; height:370px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/07_blog/whitepaper_visual.jpg) no-repeat center center;} #container.whitepaper .sub_visual h2 {font-family:"NanumSquareB"; font-size:3.125rem; color:#fff;} #container.whitepaper .sub_visual p {margin-top:2.875rem; font-size:1rem; color:#fff; line-height:1.5;} #container.whitepaper .search_area {width:100%; height:86px; background:#fff;} #container.whitepaper .search_area .inner {display:table; height:100%;} #container.whitepaper .search_area .tab {display:table-cell; width:80.5%; height:100%; vertical-align:middle;} #container.whitepaper .search_area .tab>ul>li {display:inline-block; margin-left:4.5%; } #container.whitepaper .search_area .tab>ul>li:first-child {margin-left:0;} #container.whitepaper .search_area .tab>ul>li a {display:inline-block; position:relative; padding:0 0 4px; font-family:"Montserrat_SemiBold"; font-size:0.938rem; color:#000; transition:all ease-in-out .2s;} #container.whitepaper .search_area .tab>ul>li a::before, #container.whitepaper .search_area .tab>ul>li a::after {display:block; content:""; position:absolute; bottom:0; width:0; height:2px; background:#000; transition:width .3s ease-out;} #container.whitepaper .search_area .tab>ul>li a::before {left:50%;} #container.whitepaper .search_area .tab>ul>li a::after {right:50%;} #container.whitepaper .search_area .tab>ul>li.on a::before, #container.whitepaper .search_area .tab>ul>li.on a::after, #container.whitepaper .search_area .tab>ul>li a:hover::before, #container.whitepaper .search_area .tab>ul>li a:hover::after {width:50%;} #container.whitepaper .search_area .search-container {display:table-cell; width:19.5%; height:100%; vertical-align:middle;} #container.whitepaper .search_area .search-container input[type="text"] {width:100%;} #container.whitepaper .search_area .m_navi {display:none;} #container.whitepaper .list_area {padding-top:4.375rem; background:#f5f7fa;} #container.whitepaper .list_area .inner>span {display:flex; flex-wrap:wrap; margin-left:-3.1%;} #container.whitepaper .list_area .inner>span>div {/*display:none;*/ overflow:hidden; width:30.2%; max-width:336px; margin-left:3.1%; margin-bottom:2.5rem; background:#fff; box-shadow:3px 0 30px rgba(0,0,0,0.1);} #container.whitepaper .list_area .item a {display:block; width:100%;} #container.whitepaper .list_area .item .thumb {overflow:hidden; position:relative; width:100%; height:280px;} #container.whitepaper .list_area .item .thumb figure {height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;} /*#container.whitepaper .list_area .item .thumb i {display:none; opacity:0; position:absolute; left:50%; top:50%; z-index:5; width:56px; height:55px; transform:translate(-50.01%, -50.01%); background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/07_blog/ico_download.svg) no-repeat center center;}*/ #container.whitepaper .list_area .item .thumb p {display:none; opacity:0; position:absolute; left:50%; top:50%; z-index:5; font-family:"Montserrat_SemiBold"; font-size:1rem; color:#fff; text-align:center; transform:translate(-50.01%, -50.01%);} #container.whitepaper .list_area .item .thumb p::before {display:block; content:""; width:56px; height:55px; margin:0 auto 18px; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/web/sub/07_blog/ico_download.svg) no-repeat center top;} #container.whitepaper .list_area .item .thumb .mask {display:none; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; background:#000;} #container.whitepaper .list_area .item .con {position:relative; padding:1.75rem 12% 3.75rem;} #container.whitepaper .list_area .item .con dt strong {display:inline-block; padding-bottom:3px; font-family:"Montserrat_SemiBold"; font-size:0.938rem; letter-spacing:0.4px; border-bottom-width:2px; border-bottom-style:solid;} #container.whitepaper .list_area .item[data-tag='TREND REPORT'] .con dt strong {color:#a7a699; border-bottom-color:#a7a699;} #container.whitepaper .list_area .item[data-tag='FOCUS'] .con dt strong {color:#7bc6d6; border-bottom-color:#7bc6d6;} #container.whitepaper .list_area .item[data-tag='SUCCESS STORY'] .con dt strong {color:#f2a979; border-bottom-color:#f2a979;} #container.whitepaper .list_area .item[data-tag='OPINIONS'] .con dt strong {color:#f9c900; border-bottom-color:#f9c900;} #container.whitepaper .list_area .item[data-tag='GUIDE'] .con dt strong {color:#ffaa4d; border-bottom-color:#ffaa4d;} #container.whitepaper .list_area .item .con dd.tit {margin-top:0.938rem; font-family:"NanumSquareB"; font-size:1.5625rem; line-height:1.44;} #container.whitepaper .list_area .item .con dd.date {position:absolute; left:12%; bottom:1.875rem; margin-top:0.938rem; font-size:0.875rem;} /* whitepaper 콘텐츠(뷰)페이지 */ #container.whitepaper_view .content_area {margin:7.5rem 0 5.375rem;} #container.whitepaper_view .content_area .con_area {font-family:"NanumSquare"; font-size:1.1875rem; line-height:1.89;} #container.whitepaper_view .content_area .con_area strong {font-family:"NanumSquareB";} #container.whitepaper_view .content_area .con_area img {max-width:100%;} #container.whitepaper_view .sns_area {margin-top:5.625rem; text-align:center;} #container.whitepaper_view .sns_area li {display:inline-block; margin-left:15px;} #container.whitepaper_view .sns_area li:first-child {margin-left:0;} #container.whitepaper_view .sns_area li a {background:#000;} #container.whitepaper_view .list_area {margin-top:5.375rem; padding-top:0 !important; background:transparent !important;} #container.whitepaper_view .list_area .list {display:flex; flex-wrap:wrap; margin-left:-3.1%; margin-top:0;} #container.whitepaper_view .list_area .list .item {overflow:hidden; width:30.2%; max-width:336px; margin-left:3.1%; margin-bottom:2.5rem; background:#fff; box-shadow:3px 0 30px rgba(0,0,0,0.1);} @media (max-width:1200px){ .vision-blog-1.inAIR .topic-section {width:100%; padding:0 5.8%;} .vision-blog-1.inAIR .blog-body {padding:75px 5.8%;} .vision-blog-1.inAIR .container-fluid .row-fluid .blog-body .wrapper {padding:0;} .vision-blog-1 .post-listing {margin:0 -3.3% 0 0;} .vision-blog-1.inAIR.inAIR_list .post-item:first-child {margin-right:3.3%;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul li {margin-left:15px;} } @media (max-width:1079px){ .vision-blog-1.inAIR .blog_title .logo img {width:4.8rem;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi {display:block; width:100%;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .first-ul {display:none;} .vision-blog-1.inAIR .topic-section .navi_area .blog_navi .m_navi {display:block;} .vision-blog-1.inAIR .topic-section .navi_area .blog_search {display:block; width:100%; margin-left:0; margin-top:1.3rem;} .vision-blog-1.inAIR .post-item {width:46.7% !important;} .vision-blog-1.inAIR .post-item .description-div p {overflow:hidden; height:6rem;} .vision-blog-1.inAIR .container-fluid .row-fluid .search-module input {height:3.64rem; padding:0 1.3rem; font-size:1.25rem; line-height:3.64rem;} .vision-blog-1.inAIR .container-fluid .row-fluid .search-module input::placeholder {font-size:1.25rem;} .vision-blog-1.inAIR .container-fluid .row-fluid .search-module .hs-button {display:inline-block; right:0; top:0; width:inherit; height:100%; padding-right:1.3rem; line-height:3.64rem;} .vision-blog-1.inAIR .container-fluid .row-fluid .search-module .hs-button img {vertical-align:middle;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .all::before {font-size:1.458rem;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .all a {font-size:1.458rem;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module ul {display:none;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module>a {margin-left:0;} .vision-blog-1.inAIR_new .keyword_popup_in {padding:3.125rem 4%;} .vision-blog-1.inAIR_new .keyword_popup ul li {margin:1.04rem;} .vision-blog-1.inAIR_new .keyword_popup ul li a {height:3.64rem; font-size:1.458rem; line-height:3.64rem; border-radius:1.82rem;} .vision-blog-1.inAIR_new .keyword_popup .btn_close::before {font-size:2.08rem;} .vision-blog-1.inAIR_view .blog-left-column {width:100% !important;} .vision-blog-1.inAIR_view .sidebar-container {display:none;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header {padding-left:0; text-align:center;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header::before {display:inline-block; position:static; width:4.8rem; height:4.8rem; font-size:1.5rem; line-height:4.8rem;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header h2 {margin-top:2.4rem; font-size:2.6rem; line-height:1.4;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header .date {margin-top:2.08rem; font-size:1.14rem;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body {margin-top:3.64rem;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body * {font-size:1.66rem !important;} .vision-blog-1.inAIR_view .related-post-section {padding:6.25rem 0 2.6rem;} .vision-blog-1.inAIR_view .related-post-section .title_area {margin-bottom:4.58rem;} .vision-blog-1.inAIR_view .related-post-section .title_area .eng {font-size:1.04rem;} .vision-blog-1.inAIR_view .related-post-section .title_area h3 {margin-top:1.875rem; font-size:2.6rem; line-height:1.4;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .tag {margin-bottom:0; font-size:1.46rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .tag::before {font-size:1.46rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header h2 {margin-top:1.66rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .date {margin-top:1.66rem;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area {position:static; margin:2.6rem 0 3.64rem; text-align:center;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area li {display:inline-block; vertical-align:middle;} .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-postlisting-item a, .vision-blog-1.inAIR_view .sidebar-container .tab-pane .hs-rss-item .hs-rss-title {font-family:"NotoSanskr_Medium";} .vision-blog-1.inAIR_view.inAIR_new .floating_area .banner.email dl dt, .vision-blog-1.inAIR_view.inAIR_new .floating_area .banner.email .submitted-message {font-family:"NotoSanskr_Regular";} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area {display:block;} #container.whitepaper .search_area {height:inherit; padding:3.57rem 0;} #container.whitepaper .search_area .inner {display:block;} #container.whitepaper .search_area .tab {display:block; width:100%;} #container.whitepaper .search_area .tab ul {display:none;} #container.whitepaper .search_area .m_navi {display:block; position:relative;} #container.whitepaper .search_area .m_navi button {position:relative; width:45px; height:43px; border:1px solid #9d9d9d;} #container.whitepaper .search_area .m_navi button span {display:block; position:absolute; left:13px; width:17px; height:1px; background:#000; transition:all .3s ease-out;} #container.whitepaper .search_area .m_navi button span:nth-child(1) {top:13px;} #container.whitepaper .search_area .m_navi button span:nth-child(2) {top:20px;} #container.whitepaper .search_area .m_navi button span:nth-child(3) {top:27px;} #container.whitepaper .search_area .m_navi button.open {background:#000; border:1px solid #000;} #container.whitepaper .search_area .m_navi button.open span {left:12px; background:#fff;} #container.whitepaper .search_area .m_navi button.open span:nth-child(1) {top:20px; width:19px; transform:rotate(45deg);} #container.whitepaper .search_area .m_navi button.open span:nth-child(2) {opacity:0;} #container.whitepaper .search_area .m_navi button.open span:nth-child(3) {top:20px; width:19px; transform:rotate(-45deg);} #container.whitepaper .search_area .m_navi strong {display:inline-block; position:absolute; left:62px; top:8px; padding-bottom:2px; font-family:"Montserrat_Semibold"; font-size:20px; border-bottom:2px solid #000;} #container.whitepaper .search_area .m_navi ul {position:absolute; left:0; top:58px; z-index:50; width:19.9rem; padding:0 2.08rem 2.08rem; margin:0; background:#fff; border:1px solid #000;} #container.whitepaper .search_area .m_navi ul li {margin-top:25px;} #container.whitepaper .search_area .m_navi ul li a {display:inline-block; padding-bottom:4px; font-family:"Montserrat_Semibold"; font-size:1.5rem; color:#000;} #container.whitepaper .search_area .m_navi ul li.on a {border-bottom:2px solid #000;} #container.whitepaper .search_area .search-container {display:block; width:100%; margin-top:1.3rem;} #container.whitepaper .search_area .search-container input[type="text"]#quicksearch {width:100%;} #container.whitepaper .list_area .inner>span {margin-left:-3.2%;} #container.whitepaper .list_area .inner>span>div {width:46.8%; max-width:inherit; margin-left:3.2%;} #container.whitepaper_view .content_area .con_area img {width:100% !important;} #container.whitepaper_view .list_area .list {margin-left:-3.2%;} #container.whitepaper_view .list_area .list .item {width:46.8%; max-width:inherit; margin-left:3.2%;} } /*@media (max-width:900px){ .vision-blog-1.inAIR_view .blog-left-column {width:100% !important;} .vision-blog-1.inAIR_view .sidebar-container {display:none;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header {padding-left:0; text-align:center;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header::before {display:inline-block; position:static; width:4.8rem; height:4.8rem; font-size:1.5rem; line-height:4.8rem;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header h2 {margin-top:2.4rem; font-size:2.6rem; line-height:1.4;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-header .date {margin-top:2.08rem; font-size:1.14rem;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body {margin-top:3.64rem;} .vision-blog-1.inAIR_view .blog-post-wrapper>.post-body * {font-size:1.66rem !important;} .vision-blog-1.inAIR_view .related-post-section {padding:6.25rem 0 2.6rem;} .vision-blog-1.inAIR_view .related-post-section .title_area {margin-bottom:4.58rem;} .vision-blog-1.inAIR_view .related-post-section .title_area .eng {font-size:1.04rem;} .vision-blog-1.inAIR_view .related-post-section .title_area h3 {margin-top:1.875rem; font-size:2.6rem; line-height:1.4;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .tag {margin-bottom:0; font-size:1.46rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .tag::before {font-size:1.46rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header h2 {margin-top:1.66rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-post-wrapper>.post-header .date {margin-top:1.66rem;} }*/ @media (max-width:768px){ .vision-blog-1.inAIR .blog-hero-section {padding:3.75rem 0 4.68rem;} .vision-blog-1.inAIR .container-fluid .row-fluid .blog-hero-section .wrapper {padding:0 6.5%;} .vision-blog-1.inAIR .blog_title .subtitle {display:none;} .vision-blog-1.inAIR .blog-body {padding:2.08rem 6.5%;} .vision-blog-1 .post-listing {margin:0;} .vision-blog-1.inAIR .post-item {width:100% !important; margin-right:0; margin-bottom:3.64rem;} /*.vision-blog-1.inAIR .post-item .anchor-bg a::after {width:5.52rem; height:5.52rem; font-size:1.77rem; line-height:5.52rem;}*/ .vision-blog-1.inAIR .post-item .hs-featured-image-wrapper {height:54.68vw !important;} .vision-blog-1.inAIR .post-item .padding-all-over {height:inherit;} .vision-blog-1.inAIR .post-item .padding-all-over>a {padding:3.125rem 4.27rem 7.8rem;} .vision-blog-1.inAIR .post-item.trendreport .padding-all-over .tag {font-size:1.5625rem;} .vision-blog-1.inAIR .post-item .padding-all-over h3 {height:auto; margin-top:1.98rem; font-size:2.6rem;} .vision-blog-1.inAIR .post-item .padding-all-over .description-div {margin-top:2.08rem; font-size:1.46rem;} .vision-blog-1.inAIR .post-item .description-div p {height:inherit;} .vision-blog-1.inAIR .post-item .padding-all-over .list-single-style {left:4.27rem; bottom:3.125rem;} .vision-blog-1.inAIR .post-item #hubspot-author_data {font-size:1.46rem;} .vision-blog-1.inAIR .date-row {display:block; font-size:1.46rem;} .vision-blog-1.inAIR_new .topic-section .blog_navi .block .widget-module>a {height:3.64rem; margin-left:0; font-size:1.458rem; line-height:3.64rem; border-radius:1.82rem;} .vision-blog-1.inAIR_new .post-item .padding-all-over .tag {font-size:1.5625rem;} .vision-blog-1.inAIR_new .post-item .padding-all-over .tag::before {font-size:1.5625rem;} .vision-blog-1.inAIR_new .post-item .tag_area ul li a {height:2.6rem; font-size:1.3rem; line-height:2.5rem; border-radius:1.3rem;} .vision-blog-1.inAIR_view .blog-body {padding:3.64rem 6.4%;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area li a {width:57px; height:57px; line-height:57px !important;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area ul li:nth-child(1) a::after {width:15px; height:25px; margin-left:1px; margin-top:13px;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area ul li:nth-child(2) a::after {font-size:26px;} .vision-blog-1.inAIR_view .blog-post-wrapper .sns_area ul li:nth-child(3) a::after {font-size:24px;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area h3 {font-size:1.458rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area h3::before {font-size:1.458rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .tag_area ul li a {height:3.64rem; padding:0 1.56rem; font-size:1.458rem; line-height:3.64rem; border-radius:1.82rem;} .vision-blog-1.inAIR_view.inAIR_new .blog-section .copy_area button {max-width:280px;} #container.whitepaper .sub_visual {align-items:flex-start; padding-top:4.42rem; height:104vw; background:url(https://4570750.fs1.hubspotusercontent-na1.net/hubfs/4570750/inAIR/img/mobile/sub/07_blog/whitepaper_visual.jpg) no-repeat center center; background-size:cover;} #container.whitepaper .sub_visual h2 {font-size:3.38rem;} #container.whitepaper .sub_visual p {margin-top:3.9rem; font-size:1.04rem; line-height:1.6;} #container.whitepaper .list_area .inner>span {margin-left:0;} #container.whitepaper .list_area .inner>span>div {width:100%; max-width:inherit; margin-left:0; margin-bottom:3.64rem;} #container.whitepaper .list_area .item .con {padding:2.92rem 9.7% 6.25rem;} #container.whitepaper .list_area .item .con dt strong {font-size:1.5625rem;} #container.whitepaper .list_area .item .con dd.tit {margin-top:2.08rem; font-size:2.6rem;} #container.whitepaper .list_area .item .con dd.date {left:9.7%; bottom:2.6rem; font-size:1.45rem;} #container.whitepaper_view .content_area {margin:6.25rem 0;} #container.whitepaper_view .content_area .con_area {font-size:1.66rem;} #container.whitepaper_view .story_archive {padding:6.25rem 0;} #container.whitepaper_view .list_area .list {margin-left:0;} #container.whitepaper_view .list_area .list .item {width:100%; max-width:inherit; margin-left:0; margin-bottom:3.64rem;} } /* 브라우저 설치 페이지 */ #container.bw_notice {display:table; width:100%; height:100vh;} #container.bw_notice .notice {display:table-cell; text-align:center; vertical-align:middle;} #container.bw_notice .notice h3 {font-family:"NanumSquareEB"; font-size:40px; line-height:1.45;} #container.bw_notice .notice p {margin-top:44px; font-family:"NanumSquareB"; font-size:22px; color:#a9a9a9;} #container.bw_notice .notice .btn_area {margin-top:70px;} #container.bw_notice .notice .btn_area a {width:225px; height:50px; line-height:50px;} /* 제품문의 - hr 오픈 */ #container.contact.new_hr .contact_area>div:nth-child(1),#container.contact.new_hr .contact_area>div:nth-child(2){padding-top:100px} .new_hr .form.basic .hs-fieldtype-checkbox .hs-fieldtype-radio >label{position:static;left:0;top:0;display:inline-block;text-indent:0;width:auto;height:auto;margin-bottom:18px;font-size:1rem;font-family: "NotoSanskr_Medium"} .new_hr .hs_contact_product1{margin-bottom:39px} .new_hr .hs_contact_product1 .inputs-list{display:flex;flex-wrap:wrap;width:100%} .new_hr .hs_contact_product1 .inputs-list li{margin-bottom:8px; padding-left: 80px !important;} /*.new_hr .hs_contact_product1 .inputs-list li:nth-child(2n-1){width:220px} .new_hr .hs_contact_product1 .inputs-list li:nth-child(2n){width:190px}*/ #container.contact.new_hr .form_area .hs_contact_purpose ul li{margin-bottom:8px} #container.contact.new_hr .form_area .hs-fieldtype-text{margin-top:1.438rem} #container.contact.new_hr .form_area .hs-fieldtype-textarea textarea{height:initial} #container.contact.new_hr .contact_title .title_area figure{margin-top:5rem} /*자인원, 마이다스인 제품문의 리뉴얼*/ .applyInner ul li {margin-bottom: 8px;} .applyInner ul li:nth-child(2n-1) {width:220px;} .applyInner ul li:nth-child(2n) {width:190px;} .applyInner .form_area {overflow:hidden; width: 630px;} .applyInner .form_area form {display:flex; flex-wrap:wrap; flex:1 1 190px; } .applyInner .form_area input[type="checkbox"]::after {border:1px solid #1b2855 !important;} .applyInner .form_area input[type="checkbox"]:checked::after {border:6px solid #343d5d !important;} .applyInner .form_area .hs_contact_purpose {flex-basis:100%;} .applyInner .form_area .hs_contact_purpose ul {display:flex; flex-wrap:wrap; width:100%;} .applyInner .form_area .hs_contact_purpose ul li {margin-bottom:12px;} .applyInner .form_area .hs_contact_purpose ul li:nth-child(2n-1) {width:220px;} .applyInner .form_area .hs_contact_purpose ul li:nth-child(2n) {width:190px;} .applyInner .form_area .hs_sstory {margin-top:2.18rem;} .applyInner .form_area .hs_sstory legend {font-size:1rem; color:#333;} .applyInner .form_area .hs_sstory .input {margin-top:1rem;} .applyInner .form_area .hs_sstory ul li {margin-bottom:12px;} .applyInner .form_area .hs-fieldtype-text {overflow:hidden; position:relative; margin-top:2.18rem; margin-bottom:0;} .applyInner .form_area .hs_contact_purpose+div, .applyInner .form_area .hs_contact_purpose+div+div {margin-top:1.25rem;} .applyInner .form_area .hs-fieldtype-textarea {overflow:hidden; position:relative; flex-basis:100%; margin-top:2.18rem;} .applyInner .form_area .hs-fieldtype-text>label, .applyInner .form_area .hs-fieldtype-textarea>label {display:none !important; opacity:0; left:0; top:0.938rem; z-index:5; width:inherit; height:inherit; font-family:"NotoSanskr_Medium"; font-size:12px; color:#333; text-indent:inherit;} .applyInner .form_area .hs-fieldtype-text .input {overflow:hidden; position:relative; padding:0 43px 0 0;} .applyInner .form_area .hs-fieldtype-textarea .input {overflow:hidden; position:relative; padding:0 45px 0 0;} .applyInner .form_area .hs-fieldtype-text .input::before, .applyInner .form_area .hs-fieldtype-textarea .input::before {display:block; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#c1c1c1;} .applyInner .form_area .hs-fieldtype-text .input::after, .applyInner .form_area .hs-fieldtype-textarea .input::after {display:block; content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background:#333; transition:width .25s ease-in-out;} .applyInner .form_area .hs-fieldtype-text.on .input::after, #container.contact .form_area .hs-fieldtype-textarea.on .input::after {width:100%;} .applyInner .form_area .hs-fieldtype-text .input span, .applyInner .form_area .hs-fieldtype-textarea .input span {display:none; opacity:0; position:absolute; right:0; bottom:10px; font-family:"NotoSanskr_Medium"; font-size:11px; color:rgba(51,51,51,0.5);} .applyInner .form_area .hs-fieldtype-text input {height:2.375rem; padding:0; font-family:"NotoSanskr_Medium"; font-size:1rem; color:#333; border:0; outline:0;} .applyInner .form_area .hs-fieldtype-textarea textarea {height:8.125rem; padding:0; font-family:"NotoSanskr_Medium"; font-size:1rem; color:#333; line-height:1.5; border:0; outline:0;} .applyInner .form_area .hs-agree {margin-top:1.4rem;letter-spacing:-1px;margin-bottom:16px} .applyInner .form_area .hs_agree_wrap button {margin-top:1.4rem; font-size:14px; color:#333; border-bottom:1px solid #1b2855;} .applyInner .form_area .hs_marketing_action_agree{overflow:hidden;width:100%;letter-spacing:-1px} .applyInner .form_area .hs_marketing_action_agree button {float: right;font-family: "NotoSanskr_Medium";font-size: 12px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.3);font-size:14px; color:#333; border-bottom:1px solid #1b2855;} .applyInner .form_area .hs_marketing_action_agree .input{float:left} .applyInner .form_area .submitted-message p {margin-top:10px; font-family:"NanumSquare"; font-size:1.2rem;} .applyInner .form_area .submitted-message p strong {display:block; margin-bottom:1.5rem; font-family:"NanumSquareL"; font-size:3.125rem; color:#2a2a2a; line-height:1.2;} .form.basic input[type="checkbox"]+span{font-size:0.838rem} /* 브라우저 설치 페이지 */ #container.bw_notice {display:table; width:100%; height:100vh;} #container.bw_notice .notice {display:table-cell; text-align:center; vertical-align:middle;} #container.bw_notice .notice h3 {font-family:"NanumSquareEB"; font-size:40px; line-height:1.45;} #container.bw_notice .notice p {margin-top:44px; font-family:"NanumSquareB"; font-size:22px; color:#a9a9a9;} #container.bw_notice .notice .btn_area {margin-top:70px;} #container.bw_notice .notice .btn_area a {width:225px; height:50px; line-height:50px;} /* contact gate */ #container.contact_gate {position:relative;background-color:#F8F9FC;} #container.contact_gate .con-inner {max-width: 1120px; margin: auto; width: 92%; position: relative; padding: 100px 0; text-align:center;} #container.contact_gate .con-inner h2{font-family:"NanumSquareEB"; font-size:40px; line-height:1.45;margin-bottom : 100px;} #container.contact_gate .con-inner .hover-card-list{display: flex; margin: 0 auto; gap:40px; flex-wrap: wrap; justify-content: center; text-align:left; margin-top:3rem} #container.contact_gate .con-inner .hover-card-list .hover-card{width: 476px; height: 600px; position: relative; overflow: hidden; } #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item{width: 100%; height: 363px; position: relative; cursor: pointer; } #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .hover-card-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; cursor: pointer; border-radius: 16px; } #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .hover-card-img2{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; cursor: pointer; opacity:0; transition : opacity 0.3s ease 0s} border-radius: 16px; } #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .hover-text-wrap{position: absolute; padding:36px; width: 100%; height: 100%; background-color: rgb(0 0 0 / 0%); transition: background-color 0.2s ease 0s} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .hover-card-title{transition: font-size 0.3s ease 0s, line-height 0.3s ease 0s; margin-bottom: 24px;} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .hover-card-text{transition: opacity 0.3s ease 0s line-height 0.5s ease 0s; opacity: 0;} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item:hover .hover-card-img2{opacity : 1;} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-under{padding-top:37px;width: 476px; height: 200px; position: relative; overflow: hidden; text-align:center; } #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-under a{font-family:"NanumSquareEB"; font-size:20px; line-height:1.45; margin-bottom : 12px; color:#000; transition: color;} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-under a:hover{color:#2fd351;} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .vid-img1{background-image: url(https://www.midashri.com/hubfs/inAIR/img/jobflex/contact%20renewal/jobflex-gotocontact.png);} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .vid-img2{background-image: url(https://www.midashri.com/hubfs/inAIR/img/jobflex/contact%20renewal/jobflex-gotocontact-hover.png);} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .vid-img3{background-image: url(https://www.midashri.com/hubfs/inAIR/img/jobflex/contact%20renewal/inhr-gotocontact.png);} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .vid-img4{background-image: url(https://www.midashri.com/hubfs/inAIR/img/jobflex/contact%20renewal/inhr-gotocontact-hover.png);} @media (max-width: 767px){ #container.contact_gate {position:relative;background-color:#F8F9FC;} #container.contact_gate .con-inner {margin: auto; width: 92%; position: relative; padding: 100px 0; text-align:center;} #container.contact_gate .con-inner h2{font-family:"NanumSquareEB"; font-size:40px; line-height:1.45;margin-bottom : 100px;} #container.contact_gate .con-inner .hover-card-list{display: flex; margin: 0 ;} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item{width: 100%;} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-item .hover-card-img{width: 100%; border-radius: 16px; position:static; background-size:auto;} #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-under{padding-top:37px;width: 100%; height: auto; position: relative; overflow: hidden; text-align:center; } #container.contact_gate .con-inner .hover-card-list .hover-card .hover-card-under a{font-family:"NanumSquareEB"; font-size:16px; line-height:1.45; margin-bottom : 12px; color:#000; transition: color;} } /* contact renewal */ #container.consultant_contact_jobflex {position:relative;} #container.consultant_contact_jobflex .con-inner{max-width: 1120px; margin: 0 auto; width: 92%; position: relative; padding:0px; } #container.consultant_contact_jobflex .con-inner .title-wrap{display: flex; margin: 0 auto; flex-wrap: wrap; justify-content: left; text-align:left; } #container.consultant_contact_jobflex .con-inner .title-wrap .title-text-wrap{width:auto;height:100%;text-align:left; margin:auto 0;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-text-wrap h2{font-family:"NanumSquareEB"; font-size:40px; line-height:1.2; margin-bottom:20px;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-text-wrap span{font-family:"NanumSquareEB"; font-weight:600;font-size:40px; line-height:1.2; margin-bottom:20px;color:#2FD351;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-text-wrap p{font-family:"NanumSquare"; font-size:20px; line-height:1.45;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-img-wrap{width:auto;height:100%;padding:50px 0px;margin-left:auto;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap{width:100%;height:auto;display:flex;flex-wrap: wrap; justify-content: center; margin:50px auto;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .form-wrap{width : 50%;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .form-wrap .form_cont{width : 90%; border-radius:16px; background-color:#fff; box-shadow: 0px 5px 30px 10px rgba(0, 0, 0, .3); margin-right:auto; min-height: 100vh; transition: all 0.2s; height: auto; padding:30px;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .form-wrap .form_cont .form1_wrap p{font-family:"NanumSquareEB"; text-align:center; color:#2fd351;font-size:36px; margin-top:30px;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .form-wrap .form_cont .form_submit_wrap {} .hbspt-form .hri_form fieldset{opacity: 0; animation: fade-in-right 1s forwards;} .hbspt-form .hri_form fieldset:nth-child(1){animation-delay: 0s;} .hbspt-form .hri_form fieldset:nth-child(2){animation-delay: 0.2s;} .hbspt-form .hri_form fieldset:nth-child(3){animation-delay: 0.4s;} .hbspt-form .hri_form fieldset:nth-child(4){animation-delay: 0.6s;} .hbspt-form .hri_form fieldset:nth-child(5){animation-delay: .8s;} .hbspt-form .hri_form fieldset:nth-child(6){animation-delay: 1s;} .hbspt-form .hri_form fieldset:nth-child(7){animation-delay: 1s;} .hbspt-form .hri_form fieldset:nth-child(8){animation-delay: 1.2s; padding-top: 5px; padding-bottom: 32px;} .form-inner{max-width: 568px; margin: auto; width: 92%; position: relative;} .hub-form-wrap{width: 100%;} .hri_form *{ font-family: NanumSquare; font-weight: 600; font-size: 16px; color: black; } .hri_form fieldset.form-columns-1 .input, .hri_form fieldset.form-columns-2 .input{margin-top:8px;} .hri_form .hs-form-field span{color: #636363;} .hri_form .hs-form-checkbox span, .hri_form .hs-form-booleancheckbox span{color: black;} .hri_form span.hs-form-required{color: #6cdd83; padding-left: 3px;} .hbspt-form .hri_form fieldset{ max-width: none; padding-bottom: 16px;margin-bottom: -16px;} .hri_form fieldset>div{padding-top: 36px;} .hbspt-form .hri_form fieldset:nth-child(6), .hbspt-form .hri_form fieldset:nth-child(7), .hbspt-form .hri_form fieldset:nth-child(8){padding-top:0px;} .hri_form .form-columns-1 .hs-fieldtype-textarea div textarea{width: 100%; min-height: 15vh;} .hri_form .hs-input{ display: inline-block; width: 100%; height: 32px; line-height: 32px; border: none; border-bottom: 1px solid #636363; background: transparent; border-radius: 0px; box-sizing: border-box; display: inline-block; font-size: 16px; color: black; padding: 4px 8px; } .hri_form .hs-fieldtype-booleancheckbox{padding-top:24px;} /* .hri_form .hs-form-checkbox */ .hri_form .hs-form-booleancheckbox-display, .hri_form .hs-form-checkbox-display{ display: inline-block; position: relative; cursor: pointer; padding-left: 24px;; } .hri_form .hs-form-checkbox-display{width: 100%; padding: 16px 0 16px 24px;} .hri_form input[type="checkbox"]+span:before { content: ''; position: absolute; left: 0; width: 17px; height: 17px; border: 1px #52C564 solid; box-sizing: border-box; transition: all .2s cubic-bezier(0.4,0.77,0.6,0.88); } .hri_form input[type="checkbox"]:checked+span:before {border: 6px #52C564 solid;} .hri_form .hs-input::placeholder, .hri_form select.is-placeholder{ opacity: 0; color: red; font-size: 16px; } .hri_form .hs-input:hover, .hri_form .hs-input:focus-visible{ border: none; border-bottom: 2px solid #52C564; color: #52C564; background-color: rgba(108, 221, 131, 0.2);; outline: none; } .hri_form .no-list.hs-error-msgs.inputs-list{height: 0px;} .hs-input.invalid.error{ border-color: #FB4E4E!important; color: #FB4E4E; background-color: #F9E0E2; } .hri_form .hs-error-msg{ font-size: 12px; color: #FB4E4E; font-weight: 600; letter-spacing: 0; } .hri_form_submit{ background-color: white; color: #6cdd83; border: 1px solid #6cdd83; width: 100%; height: 56px; line-height: 56px; font-size: 16px; font-weight: 700; border-radius: 8px; box-sizing: border-box; cursor: pointer; transition: .4s; margin-top: 24px; opacity: 0; animation: fade-in-right 1s forwards; animation-delay: 1.2s; } .hri_form_submit:hover{ background-color: #6cdd83; color: white; } .form-inner .form-links a { font-size: 15px; line-height: 20px; text-decoration: underline; color: #888; height: 48px; display: block; } .form-inner .form-links { position: absolute; left: 260px; bottom: 66px; opacity: 0; animation: fade-in-right 1s forwards; animation-delay: 1.2s; } .form1_submit_msg, .form2_submit_msg{display: none; text-align:center; } .form1_submit_msg p{font-size: 24px; line-height: 32px; font-style: normal; font-weight: 700; } .form1_submit_msg a{font-size: 20px; line-height: 24px;font-style: normal; font-weight: 400;} .form_link_msg{background-color: rgb(230, 230, 230); padding:4px 8px; border-radius: 4px;} .form_link_msg:hover{font-weight: 700; background-color: #2b53AE; color: #EFFDF3;} /* 모달 */ .modal.modal-hri{ padding: 36px; -webkit-box-shadow:0 25px 50px rgb(0 0 0 / 25%); -moz-box-shadow:0 25px 50px rgb(0 0 0 / 25%); -o-box-shadow:0 25px 50px rgb(0 0 0 / 25%); -ms-box-shadow:0 25px 50px rgb(0 0 0 / 25%); box-shadow:0 25px 50px rgb(0 0 0 / 25%); line-height: 1.5; } .x-btn.modal-hri{ background-color: var(--g200); color:var(--jw); margin-top: 24px ; display: inline-block; padding: 8px 24px; border-radius: 16px; font-weight: 600;} .x-btn.modal-hri:hover{-webkit-box-shadow:0 15px 30px rgb(0 0 0 / 25%); -moz-box-shadow:0 15px 30px rgb(0 0 0 / 25%); -o-box-shadow:0 15px 30px rgb(0 0 0 / 25%); -ms-box-shadow:0 15px 30px rgb(0 0 0 / 25%); box-shadow:0 15px 30px rgb(0 0 0 / 25%); } .modal.modal-hri a.close-modal {display: none;} .form1_submit_msg, .form2_submit_msg{display: none; padding-top:300px;} .form_link_msg{background-color: rgb(230, 230, 230); padding:4px 8px; border-radius: 4px;} .form_link_msg:hover{font-weight: 700; background-color: #2b53AE; color: #EFFDF3;} @keyframes fade-in-right { 0% { transform: translateX(50px); opacity: 0 } to { transform: translateX(0); opacity: 1 } } #container.consultant_contact_jobflex .con-inner .contact-main-wrap .content-wrap{width:50%;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .content-text-wrap{width:100%; padding:30px; text-align:left;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .content-text-wrap h2{font-family: "NanumSquareEB"; font-size:36px; font-weight:600; line-height:1.5em; margin-bottom:30px;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .content-text-wrap p{font-family: "NanumSquare"; font-size:18px;line-height:1.5em; margin-bottom:10px;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .content-img-wrap{width:100%; padding:30px; text-align:left;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .content-img-wrap h2{font-family: "NanumSquareEB"; font-size:36px; font-weight:600; line-height:1.5em;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .content-img-wrap img{width:90%;height:auto; margin-top:50px;margin-right:auto;} @media (max-width: 767px){ #container.consultant_contact_jobflex .con-inner{max-width: 1120px; margin: 0 auto; width: 92%; position: relative; padding:0px; } #container.consultant_contact_jobflex .con-inner .title-wrap{width:100%; padding-top: 30px;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-text-wrap{width:100%;height:100%;text-align:left; margin:auto 0;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-text-wrap h2{font-family:"NanumSquareEB"; font-size:24px; line-height:1.2; margin-bottom:20px;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-text-wrap span{font-family:"NanumSquareEB"; font-weight:600;font-size:40px; line-height:1.2; margin-bottom:20px;color:#2FD351;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-text-wrap p{font-family:"NanumSquare"; font-size:20px; line-height:1.45;} #container.consultant_contact_jobflex .con-inner .title-wrap .title-img-wrap{width:auto;height:auto;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap{width:100%;height:auto;display:flex;flex-wrap: wrap; justify-content: center; margin:50px auto;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .form-wrap{width : 100%;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .form-wrap .form_cont{width : 100%; border-radius:16px; background-color:#fff; box-shadow: 0px 5px 30px 10px rgba(0, 0, 0, .3); margin-right:auto; min-height: 100vh; transition: all 0.2s; height: auto; padding:30px;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .form-wrap .form_cont .form1_wrap p{font-family:"NanumSquareEB"; text-align:center; color:#2fd351;font-size:36px; margin-top:30px;} #container.consultant_contact_jobflex .con-inner .contact-main-wrap .content-wrap{display:none;} .form-inner .form-links {display:none;} } @media (max-width: 1079px){ #container.contact.new_hr .contact_title .title_area{width:100%} .new_hr .form.basic .hs-fieldtype-checkbox .hs-fieldtype-radio>label{font-size:1.5rem} .new_hr .hs_contact_product1 .inputs-list li{width: 100% !important; margin-bottom:1.56rem} /*.new_hr .hs_contact_product1 .inputs-list li:nth-child(2n-1){width:50%} .new_hr .hs_contact_product1 .inputs-list li:nth-child(2n){width:50%}*/ #container.contact.new_hr .form_area .hs_contact_purpose ul li{margin-bottom:1.56rem} #container.contact.new_hr .form_area .hs-fieldtype-textarea textarea{height:11.88rem} }