@media(max-width:1920px){ } @media(max-width:1700px){ } @media(max-width:1560px){ .sub_solution .sub_tab .container {margin:0 auto;width: 81.25%;} .sub_solution .sub_tab .active .container {margin:0 auto;width:calc(100% - 380px);padding-left:50px;} } @media(max-width:1500px){ .navi_wrap .navi_main{width:100%;} .navi_wrap .navi_main dt a{font-size:34px;} .footer .container{width:100%;} } @media(max-width:1440px){ .sub_solution .sub_tab .active li.depth01 a{font-size: 1.5vw;} .sub_solution .sub_tab .active .depth02 li a{font-size: 1.3vw;} } @media(max-width:1360px){ } @media(max-width:1330px){ .navi_wrap .navi_main dt a{font-size:30px;} /* .container, .footer .container{padding-left:20px;padding-right:20px;} */ } @media(max-width:1300px){ .sub_solution .sub_tab .depth01 li a{font-size: 2.4vw;} .sub_solution .sub_tab .depth02 li a{font-size: 1.6vw;} } @media(max-width:1240px){ #hd, #wrapper, #ft {min-width: 100%;} .navi_wrap .navi_main dt a{font-size:26px;} .navi_wrap .navi_main dd a{font-size:16px;} .sub_solution .sub_tab .depth01 a{padding: 25px 2vw 0;} .pc_solution.system_index .row_01{flex-direction: column;} .pc_solution.system_index .col_01{width:100%;} .pc_solution.system_index .about_sol_wcs{margin-bottom:100px;} .system_index .col_02{padding-top: 60px;text-align: left;} .system_index .col_02 img{width:60%;} } @media(max-width:1150px){ .header_wrap .h_menu_wrap li{display:none;} .header_wrap .h_menu_wrap li.btn_global{display:block;} .header_wrap .h_menu_wrap li.btn_sitemap{display:block;} .navi_wrap .navi_main ul{margin-right:-4.5%} .navi_wrap .navi_main dt a{font-size:23px;} } @media(max-width:1040px){ .footer .f_logo{position:relative;left:inherit;top:inherit;margin-bottom:40px;right:unset;} } @media(max-width:1024px){ } @media(min-width:1000px){ .mobile_only{display:none;} .main_section3 .use_m{display:none;} .sub_solution .use_m{display:none;} } @media(max-width:999px){ /* 풀페ì´ì§€ í•´ì œ ì‹œì */ .desktop_only{display:none;} /* í—¤ë” --------------------------------- */ .h_logo{width: 90px;height: 28px;margin-left:5px;} .h_menu_wrap li {margin-top:0;} .header_wrap.move .h_logo{width: 90px;height: 28px;/* margin-left:5px; */} .h_menu_wrap .btn_sitemap{margin:2px 0 0 20px;} .navi_wrap .navi_top .navi_btn{top: 29px;right: 52px;} .navi_wrap .btn_global{top: 25px;right: 95px;} #main_wrap .container{padding:0 4.83%;letter-spacing:-0.0825em;} #fp-nav{display:none !important;} .quick_menu{width: 66px;} .quick_menu svg{width: 100%;} [class*='fp-viewing'] #top_btn{display:block;} #top_btn {bottom: 40px;right: 38px;} /* ë©”ì¸ --------------------------------- */ .fp-responsive .fp-auto-height-responsive.main_section1{height:100vh !important;position:relative;}/* height:500px */ /* .main_section1{padding-top:50%;padding-bottom:35px;} */ .main_section1 #myVideo{height:100%;} .main_section1 .text_box {position: absolute;/* top: 35%; */width: 100%;text-align: center;padding: 0;display: flex;flex-direction: column;align-items: center;} .main_section1 .text_box .txt01{font-size:8vw;} .main_section1 .text_box .txt02{font-size:4.2vw;margin-top: 3px;} .main_section1 .deco_box{width:10vw;height:1px;} .ico_scroll{display:none;margin-left: -31px;bottom: 15vh;opacity:.5;} .main_section2{padding-top:60px;padding-bottom:50px;letter-spacing:-0.0825em;} .main_section2 .title{font-size:26px;letter-spacing:-0.0825em;word-break: keep-all;} .main_section2 .title_desc{margin-top:10px;font-size:18px;} .main_section2 .list_box {margin-top: 4.5vh;} .main_section2 .list_box .list{margin: 0 15px 15px 0;width: calc(50% - 15px);background:#fff;padding:35px 6vw;} .main_section2 .list_box .list .tt{display:flex;align-items:center;} .main_section2 .list_box .img_wrap {margin: 0;width:62px;height:auto;} .main_section2 .list_box .img_wrap img{width:100%;} .main_section2 .list_box .tt .txt{margin:0 0 0 20px;text-align:left;} .main_section2 .list_box .tt .txt h4{font-size:43px;} .main_section2 .list_box .tt .txt em{font-size:16px;padding-left: 4px;} .main_section2 .list_box .list_01 .tt .txt em, .main_section2 .list_box .list_02 .tt .txt em {padding-left: 4px;} .main_section2 .list_box .tt .txt p{margin-top:5px;font-size:16px;} .main_section2 .list_box .list .desc:before{display:none;} .main_section2 .list_box .list .desc{margin-top:17px;align-items: flex-start;text-align: left;font-size:13px;line-height:1.69;} .main_section3 .inner{margin-bottom: 7vh;display: flex;flex-direction: column;height:unset;} .main_section3 .use_pc{display:none;} .main_section3 .conbox{width: 100%;height: 160px;} .main_section3 .con_01{margin-top:6.7vh} .main_section3 .con_04 {background: url(../images/main/solution_bg_04_m-min.png) center center no-repeat;background-size: cover;} .main_section3 .conbox .on{opacity: 1;} .main_section3 .on .text{opacity:1} .main_section3 .off{position:relative;display: flex;align-items: flex-end;width: 100%;height: 100%;font-size:22px;} .main_section3 .off:after{content:'';display:block;clear:both;position:absolute;top:15px;right:9px;width:45px;height:45px;border:1px solid #fff;border-radius:50%;background:url(../images/main/ico_plus.svg) center center no-repeat;} .main_section3 .on .btn_close{border:none;z-index: 9999; display:block;position:absolute;top:15px;right:9px;width:45px;height:45px;font-size:0;background:url(../images/main/ico_plus.svg) center center no-repeat;transform: rotate(45deg);} .main_section3 .on .subject{margin-bottom:0;font-size:14px;} .main_section3 .on p{margin-top:13px;padding-right:76px;font-size:13px;} .main_section3 .on .btn-more{padding: 4px 11px;font-size: 12px;color:#fff;} #main_wrap .main_section4 .container{padding: 30vh 4.83%;text-align:center;} .main_section4 .fp-tableCell .container:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:0;width:100%;height:37%;background: linear-gradient(to top, rgb(0 0 0 / 70%), transparent);} .main_section4 .tit{font-size:5vw;} .main_section4 .txt{margin-top: 19px;font-size:2.2vw;} .main_section5 .row{max-width:975px;margin:0 auto 100px;padding: 0 0 0 31vw;} .main_section5 .tit{margin-top:10vh;} /* 서브 ìƒë‹¨ 세팅 --------------------------------- */ .sub_detail_wrap .sub_top{height: 286px;overflow: hidden;} .body_bbs_view .sub_top{height: 149px} .sub_detail_wrap .sub_top h2{width: 100%;height: 100%;padding: 25px 51px;font-size: 42px;} .sub_detail_wrap .sub_top .bg{height: 100%;} .sub_detail_wrap .container{width: 100%;padding: 17px 51px;/* padding: 17px 13px 16px 13px; */} /* ê²Œì‹œíŒ íƒ */ .bbs_project .tabmenu{margin-bottom: 30px;height: 52px;} /* ê³µì§€ì‚¬í• */ .sub_detail_wrap.bbs_notice .sub_top h2{font-size: 3.5em;/* font-size:42px; */} .sub_detail_wrap.bbs_notice .sub_top h2 .stitle{font-size:18px;} /* 어바웃 --------------------------------- */ .container_history{margin-top:0;width: 100%;padding: 17px 51px;} .sec-history {padding-bottom: 60px; overflow:inherit;} .sec-history h3{font-size:22px;} .sec-history h3:after{margin-top:14px;width:62px;height:2px;} .sec-history h4 .num{font-size:60px;margin-top:13px;} .sec-history .title-group {width: auto;top: 0;padding: 10px 0 7px;background: #fff;z-index: 1; } .sec-history h4 {width: auto;left: 0;font-size: 36px;line-height: 1;display: block;margin: 3px 0 0; } .sec-history h4:before, .sec-history h4:after {display: none; } .sec-history h4 sup {position: static;font-size: inherit;line-height: inherit;vertical-align: inherit;display: inline; } .sec-history .list-history {/* width: calc(100% + 24px);margin: 0 -24px 0 0; */margin-top:0;padding: 30px 0 0;} /* .sec-history .list-history h5 {position: absolute;} */ .sec-history .list-history ul{margin-left:5px;padding-bottom:45px;border-bottom:1px solid #053A79;} .sec-history .list-history li {padding-right: 15px;font-size: 16px; } .sec-history .list-history li:before {width:3px;height:3px;} .sec-history .list-history li.award:before {display: block;} .sec-history .list-history li.lv{padding-right:0;} .sec-history .list-history li + li, .sec-history .list-history ul:not(:first-of-type) li {margin-top: 14px;} .sub_detail_wrap.aboutus{margin-bottom:0;} .aboutus .headline{margin-top: 5.4vh;font-size: 4.2vw;} .aboutus .headline:after{margin-top:15px;width:62px;height:2px;} .aboutus .stitle{margin:52px 0 59px;font-size:22px;} .aboutus .stitle:after, .aboutus .con04 .stitle:after{margin-top:14px;width:62px;height:2px;} .aboutus .con01{margin-top: 3.4vh;flex-direction: column-reverse;} .aboutus .con01 .col01, .aboutus .con01 .col02 {width:100%;} .aboutus .con01 .col01{margin-top:30px;} .aboutus .con01 .col02 img{width: 60%;} .aboutus .con01 dl + dl{margin-top: 45px;} .aboutus .con02{margin: 60px 0 0;padding: 60px 0;} .aboutus .con01 dt{font-size:18px;} .aboutus .con01 dd{font-size:16px;} .aboutus .btn_down{margin-top: 25px;} .aboutus .btn_down .btn{width: unset;padding-right: 90px;padding-left: 5%;font-size:16px;height: 50px;line-height: 50px;} .aboutus .network_map .container{width:100%;padding:0;} .network_list{display: block;padding-top:30px;padding-bottom: 110px} /* ë„¤íŠ¸ì›Œí¬ ë‹¨ì¼ í˜•íƒœ */ .network_map img.desktop_only{display: block;} .network_map img.mobile_only{display: none;} .Interroll .container{padding-top:0;} .Interroll .container dl{align-items:flex-start;} .Interroll .container dd {font-size:14px;} /* ë„¤íŠ¸ì›Œí¬ íŒì—… 형태 */ .network_list ul{align-items: flex-end;width: 100%;} .network_list li{width: 33.333%;display: flex;flex-direction: column;align-items: center;} .network_list li + li {border-left:1px solid #D4D6D8;} .network_list img {width: 80px;} .network_list .btn_detail{margin-top: 19px;position: relative;display:inline-block;width: 100px;padding-right: 16px;text-align: center;} .network_list li .btn_detail{margin-top: 38px;} .network_list .btn_detail:after{display: inline-block;content: '';width: 8px;height: 8px;margin-left: 10px;margin-right: 25px;border-bottom: 1px solid #656565;border-right: 1px solid #656565;transform: rotate(45deg);position: absolute;right: -14px;top: 3px;} .popbox{display:none;position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 130%;background: #fff;} .aboutus .network_map + .container{padding: 0 0 30px;} .aboutus .con03 .popbox .container{} .popbox .container dl{display:flex;justify-content: flex-start;align-items: flex-start;} .popbox .container dt{padding:14px 0 0;} .popbox .container dd{padding-left: 1vw;} .popbox .container dd p{padding:14px;background:unset;color:unset;font-size:14px;line-height:1.5;} .network_list .btn_close{margin: 19px auto 0 ;position: relative;display:block;width: 71px;padding-right: 16px;text-align: center;border: none;} .network_list .btn_close:after{display:block;content: '';width: 8px;height: 8px;margin-left: 10px;margin-right: 25px;border-bottom: 1px solid #656565;border-right: 1px solid #656565;transform: rotate(225deg);position: absolute;right: -14px;top: 9px;} .aboutus .award_list .swiper-container{padding-bottom: 60px;} .aboutus .con04 .award_list li img {margin: 0 auto;width: 60%;box-shadow: 2px 2px 8px rgba(0,0,0,.2);} .aboutus .award_list .name{margin-top: 15px;font-size:18px;} .award_list .use_pc{display:block} .award_list .use_m{display:none} .award_list .swiper-container2 .swiper-pagination{display:none;} .award_list .swiper-container2 .swiper-pagination-bullet-active{background:#053A79;} .swiper-container2 {position:relative;padding-bottom: 30px;} .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-button-prev {position: absolute;top: 40%} .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-container-rtl .swiper-button-prev {background-image:url(../images/svg/swiper-button-next.svg) ;right: 10px;left: auto;} .swiper-container2 .swiper-button-prev, .swiper-container2 .swiper-container-rtl .swiper-button-next {background-image:url(../images/svg/swiper-button-next.svg) ;left: 10px;right: auto;transform: rotate(180deg);} .swiper-container2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container2 .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;} .swiper-container-horizontal>.swiper-pagination-bullets {bottom: -20px;} .sub_solution .sub_tab .container{width:100%;} .pc_solution .sub_tab .move.active .container {width: 60%;padding: 0;} .pc_solution .sub_tab .move.active{} .pc_solution .sub_tab .move.active .depth02 ul{width: 100%;} .pc_solution .sub_tab .move.active .depth01 {height: 53px;} .pc_solution .sub_tab .move.active .depth01 a{padding-top: 20px;font-size: 19px;} .pc_solution .sub_tab .move.active .depth02 li a{height: 45px;line-height: 45px;font-size: 15px;} .pc_solution .sub_tab .depth02 li:nth-child(4) a, .pc_solution .sub_tab .move.active .depth02 li:nth-child(4) a{width: 0;font-size: 0;} .pc_solution .sol_box .wrap_row{margin-top: 65px; flex-direction: column;} .pc_solution .spec_list{width: 100%;} .pc_solution .spec_list li{float: left;width: 50%;padding-right: 15px;} .pc_solution .spec_list li:nth-child(3n){clear:both;} .pc_solution.auto_index .desc_img{margin-top: 50px; width: 100%;} /* 컨íƒíŠ¸ */ .sub_detail_wrap.contact{margin-top: 94px;} .contact .headline{font-size:25px;} .contact h2{margin-bottom:32px;font-size:32px;font-size: 42px;} .contact h2.title + .inner{flex-direction: column;} .contact .col_box{padding:30px 20px 40px; font-size:14px;} .contact .col_box h3{margin-bottom:0} .contact .col01, .contact .col02{width:100%;} .contact .col_box h3{font-size:20px;} .contact .info_01, .contact .info_02{margin-top: 20px;} .contact .info_addr{padding-left: 30px;} .contact .info_addr:before{width:22px;height:22px;} .contact .call{padding-left: 30px;} .contact .info_01 .call{padding-left: 30px;} .contact .info_01 .call a{color:#000;} .contact .call:before{width:22px;height:22px;} .contact .info_01 .call:before{width:22px;height:22px;} .contact .col02{margin-top: 20px;border-top: 1px solid #1A1A1A;background: #F8F9FA;} .contact .col02 .col_box{border:none;} .contact .info_as{margin-bottom:0;padding-bottom:0;} .contact .info_as h3{margin-bottom:20px} .contact .info_as .call{padding-left: 10px;} .contact .info_time{padding-left: 30px;} .contact .info_time:before{width:22px;height:22px;} .contact .form_wrap .half li{width:100%;} /* .contact .form_wrap .half li:first-child{margin-top:0;} */ .contact .form_wrap .con {margin-top: 25px;} .contact .form_wrap .input:placeholder{font-size:14px;} .contact .form_wrap .input{font-size:14px;} .contact .form_wrap .box_textarea{align-items: center;flex-direction: column;} .contact .form_wrap textarea.input{width:100%;max-width: unset;font-size:14px;} .contact .form_wrap .submit{margin-top:40px;width:40%; font-size: 16px;} } @media(min-width:943px) and (max-width:1560px){ } @media(min-width:943px){ .main_section2 .list_box .tt .txt h4{font-size:2.4vw;} } @media(min-width:901px){ } @media(max-width:900px){ /* 어바웃 ----------- */ .aboutus .headline{font-size: 5.8vw;} .aboutus .con01 .col02 img{width: 100%;} .aboutus .btn_down .btn{width: 60%;padding-left: 7%;} /* ë„¤íŠ¸ì›Œí¬ ë‹¨ì¼ í˜•íƒœ */ .network_map img.desktop_only{display: none;} .network_map img.mobile_only{display: block;} /* 솔루션----------------------------------------------------- */ .sub_solution .sub_top h2{width: 100%;height: 100%;padding: 25px 51px;font-size: 42px;} .sub_detail_wrap .sub_top .bg{height: 100%;} .sol_tab_m{position:relative;padding: 0 25px 16px 13px;overflow: hidden;} /* .sol_tab_m:before{content: '';display: block;clear: both;position: absolute;z-index: 9;right: 0;top: 0;width: 100px;height: 108px;background: linear-gradient(to left,rgb(255 255 255), transparent);} */ .sol_tab_m .depth01{width:100%;height:51px;line-height:51px;text-align:center; border-bottom:1px solid #909090;} .sol_tab_m .depth01 a{display:block;width:50%;float:left;font-size:16px;color:#585858;font-weight:400;} .sol_tab_m .depth01 a.on{position:relative;color:#053A79;font-weight:500;} .sol_tab_m .depth01 a.on:after{content:'';position:absolute;width:100%;height:3px;background-color:#053A79;bottom:0;left:0;} /* .sol_tab_m .head_top{padding:19px 18px 18px;background-color:#3D6041} .sol_tab_m .head_top:after{content:'';display:block;clear:both;} .sol_tab_m .head_top .h_logo{float:left;} .sol_tab_m .head_top .h_logo img{display:block;} .sol_tab_m .gnb_r{float:right;} .sol_tab_m .gnb_r li{float:left;margin-left:22px;position:relative;} .sol_tab_m .gnb_r li:first-child{margin-left:0;} .sol_tab_m .gnb_r li img{display:block;} .sol_tab_m .gnb_r .h_cart{position:relative;} .sol_tab_m .gnb_r .h_cart a{display:block;padding-left:5px;} .sol_tab_m .gnb_r .h_cart .num{position:absolute;left:-2px;top:-2px;width:16px;height:16px;border-radius:50%;background-color:#F8A31E;text-align:center;line-height:16px;font-size:0.687rem;color:#fff;font-weight:700;padding-top:1px;padding-right:1px;} .sol_tab_m .gnb_r li .tool{position:absolute;white-space: nowrap;right:-14px;top:28px;width:154px;height:36px;background-color:rgba(252,199,91,0.9);padding-top:8px;text-align:center;font-size:0.812rem;font-weight:500;line-height:20px;z-index:2;box-shadow:0 3px 6px rgba(0,0,0,0.16);border-radius:5px} .sol_tab_m .gnb_r li .tool:before{content:'';width: 0px;height: 0px;border-bottom: calc( 10px * 1.732 ) solid rgba(252,199,91,0.9);border-left: 10px solid transparent;border-right: 10px solid transparent;position:absolute;top:-17px;right:15px;} */ .sol_tab_m .sol_gnb_wrap{position:relative;/* padding-left:11px; */border-bottom:1px solid #F2F2F2;background-color:#fff;} .sol_tab_m .sol_gnb_wrap:before{content: '';display: block;clear: both;position: absolute;z-index: 9;right: -40px;top: 0;width: 60px;height: 29px;background: linear-gradient(to left,rgb(255 255 255),rgb(255 255 255), transparent);} .sol_tab_m .sol_gnb_wrap .swiper-slide{margin-right:6px;width:auto;height:40px;padding:0 12px;line-height:39px;font-size:14px;letter-spacing:0;font-weight:500;color:#818181;} .sol_tab_m .sol_gnb_wrap .swiper-slide:last-child{margin-right:20px;width: 100px;} .sol_tab_m .sol_gnb_wrap .swiper-slide.lisize{width: 100px;} .sol_tab_m .sol_gnb_wrap .swiper-slide a{color:#818181;} .sol_tab_m .sol_gnb_wrap .swiper-slide.on{position:relative;color:#053A79;font-weight:500;} .sol_tab_m .sol_gnb_wrap .swiper-slide.on a{color:inherit;} /* .sol_tab_m .sol_gnb_wrap .swiper-slide.on:after{content:'';position:absolute;width:100%;height:3px;background-color:#053A79;bottom:0;left:0;} */ .sol_tab_m .sol_gnb_wrap .home{/* font-size:0;padding:0;margin:0;line-height:0;margin-right:0 !important; */} /* 솔루션 index */ .sub_solution .main_area{position:relative;overflow:hidden;background-color:#fff;} .sub_solution .main_area article{min-height:500px;overflow:hidden;} .sub_solution .main_area .btn_gray_more{display:block;width:100%;border:none;margin-top:25px;height:44px;line-height:44px;text-align:center;font-size:0.813rem;;color:#1D271E;font-weight:500;background-color:#F2F2F2;letter-spacing:0;} .sub_solution .main_area .btn_white_more{display:block;width:100%;border:none;margin-top:25px;height:44px;line-height:44px;text-align:center;font-size:0.813rem;;color:#1D271E;font-weight:500;background-color:#fff;letter-spacing:0;} .sub_solution .main_area .btn_green_more{display:block;width:100%;border:none;margin-top:25px;height:44px;line-height:44px;text-align:center;font-size:0.813rem;;color:#fff;font-weight:500;background-color:#3D6041;letter-spacing:0;} .sub_solution .about_sol {margin-top:0;margin-bottom:50px;padding: 17px 20px;} .sub_solution .about_sol:after{content:'';display:block;clear:both;} .sub_solution .about_sol h1{font-size:28px;font-weight:500;color:#053A79;} .sub_solution .about_sol h1:after{content:'';display:block;clear:both;margin-top: 11px;width:65.217%;height:1px; background:#909090;} .auto_index .about_sol .auto_index .sol_box{margin-top:25px;font-weight:400;color:#000;} .auto_index .sol_box + .sol_box{margin-top:45px;border-top:1px solid #D4D6D8;padding-top:45px;} .auto_index .solname{font-size:22px;} .auto_index .solname .stxt{font-size:18px;} .auto_index .solname em{font-weight:300;font-style: normal;} .auto_index .sol_box .desc{margin-top:7px;font-size:16px; font-weight:300;line-height:1.5;word-break: break-all;text-align: justify;} .auto_index .sol_box .mobile_video{display: flex;flex-direction: column;width:100%;margin-top:23px;} .auto_index .sol_box .wrap_row{flex-direction: column;} .auto_index .spec_list{width:100%;} .auto_index .spec_list li{margin-bottom:20px;} .auto_index .spec_list .icon{margin-right: 15px;width:50px;height:50px;} .auto_index .spec_list dt {font-size: 18px;} .auto_index .spec_list dd {font-size: 14px;} .auto_index .desc_img{margin:35px 0 0;width:100%;} .auto_index .desc_img .pic{width:48%;} .auto_index .con_robot .desc_img .pic{width:59%;} .auto_index .con_robot .desc_img .pic + .pic {width: 37%;} .auto_index .con_tilt .desc_img .pic, .auto_index .con_sing .desc_img .pic{width:100%;} .auto_index .desc_img .pc_video_wrap{display:none;} .system_index .sol_box{margin-top:25px;font-weight:400;color:#000;} .system_index .sol_box + .sol_box{margin-top:45px;border-top:1px solid #D4D6D8;padding-top:45px;} .system_index .solname{font-size:22px;} .system_index .solname em{display:block; font-weight:300;font-style: normal;} .system_index .sol_box .desc{margin-top:7px;font-size:16px; font-weight:300;line-height:1.5;word-break: break-all;text-align: justify;} .system_index .sol_box .desc .p_row{margin-top:15px;} .system_index .sol_box .mobile_img {margin-top:25px;display: flex;} .system_index .sol_box .mobile_img img{width:100%;} .system_index .sol_box .mobile_video{display: flex;width:100%;margin-top:23px;} .system_index .sol_box .wrap_row{margin-top: 20px;} .system_index .spec_list{width:100%;} .system_index .spec_list li{margin-bottom:20px;} .system_index .spec_list .icon{margin-right: 15px;width:50px;height:50px;} .system_index .spec_list dt {font-size: 18px;} .system_index .spec_list dd {font-size: 14px;} .system_index .desc_img{margin-top:0;width:100%;} .system_index .con_dps .desc_img .pic{width:48%;} .system_index .desc_img .pic{width:48%;} .system_index .desc_img .pic img{} .system_index .desc_img .pc_video_wrap{display:none;} .con_wcs .mobile_img {margin-top:23px;} .con_wcs .mobile_img img{width: 100%;} .youtube_box{width:100%;} .sub_detail_wrap.bbs_project .container{padding-top: 4px;} .bbs_project .tabmenu{margin-bottom: 30px;height: 52px;} .bbs_project .tabmenu a, .bbs_project .tabmenu a.on{font-size:16px} .wrap_sort{margin-bottom:25px;} .sub_detail_wrap select{width:114px;color:#656565;} .footer .f_logo{margin-bottom: 30px;} .footer .f_info{margin-bottom:20px;opacity: .6;} .footer .f_copy{opacity: .6;} .policy_wrap_content.con_inner{padding-top:0;} .policy_wrap{width:100%;padding:100px 20px 80px;} .policy_wrap .title{font-size:21px;} .policy_wrap .con_inner .s_tt{font-size:18px;} .policy_wrap .con_inner .tt-1{font-size:16px;} .policy_wrap .anchortxt{padding:0;} .policy_wrap .anchortxt ul li{float:inherit;width:100%;} .policy_wrap .anchortxt li a{font-size:16px;} .policy_wrap .con_inner .txt-1{font-size:14px;} .policy_wrap .con_inner .txt-3{font-size:13px;line-height:20px;padding-bottom:5px} .policy_table table th{font-size:14px;padding:10px 0;} .policy_table table td{font-size:13px;padding:10px;} } } @media(min-width:769px){ } @media(max-width:768px){ .sub_solution .use_pc{display:none;} .sub_solution .use_m{display:block;} /* í—¤ë” */ .header_wrap{height:unset;} .header_wrap, .header_wrap.move{padding:17px 25px 16px 13px;/* transition: inherit; */} .header_wrap.move{height:54px;} .header_wrap .h_logo img, .header_wrap.move .h_logo img{width:100px;margin-top:2px;} .header_wrap .h_menu_wrap li, .header_wrap .h_menu_wrap li a{transition: inherit;} .navi_wrap .btn_global {top: 14px;right: 69px;} .header_wrap .h_menu_wrap li.navi_btn{margin:0;} .header_wrap .h_menu_wrap li.navi_btn img{width:24px;display:block;} .header_wrap.move.opacity{background-color:#fff;} .navi_wrap{padding:14px} .navi_wrap .navi_top .h_logo{top:19px;left:13px;} .navi_wrap .navi_top .h_logo img{width:100px;} .navi_wrap .navi_top .navi_btn{padding:8px;top:9px;right:20px;} .navi_wrap .navi_top .navi_btn img{width:16px;} .navi_wrap .navi_main{padding:6px;} .navi_wrap .navi_main ul{display:inherit;margin-right:0;} .navi_wrap .navi_main li{border-bottom:1px solid #E8E8E8} .navi_wrap .navi_main dt{position:relative;padding-bottom:0;margin-bottom:0;padding:15px 0;} .navi_wrap .navi_main dt a{font-size:20px;width: 100%;display: inline-block;} .navi_wrap .navi_main dt:after{display:none;} .navi_wrap .navi_main dt .btn{position:absolute;right:0;top:50%;margin-top:-17px;text-align:right;width:50%;height:34px;line-height:34px;padding-right: 10px;} .navi_wrap .navi_main dt .btn:before{content:'+';font-size:30px;font-weight: 400;} .navi_wrap .navi_main dt.on a{color:#0A4D90;} .navi_wrap .navi_main dt.on .btn:before{content:'ã…¡';font-size:20px;font-weight:700;color:#0A4D90;} .navi_wrap .navi_main .none dt .btn{display:none;} .navi_wrap .navi_main dd{padding:20px 0;display:none;border-left: none;border-top:1px solid #E8E8E8;} .navi_wrap .navi_main dd a{line-height:36px;} /* ë©”ì¸ */ .main_section2 .title{font-size:22px;} .main_section2 .list_box .list{margin:0 0 15px 0;width:100%;} .main_section2 .list_box .img_wrap {width:48px;height:48px;} .main_section2 .list_box .tt .txt h4{font-size:23px;} .main_section4{ background: none;} #main_wrap .main_section4 .container{padding: 20vh 4.83%;} .main_section4 .tit{font-size:28px;} .main_section4 .txt{margin-top: 5px;font-size:16px;} .main_section5 .tit{font-size:22px;margin-top:6.7vh;} .main_section5 .txt{font-size:16px;} .main_section5 .area_bbs{margin-top: 6vh;width: calc(100% - 4.83%);} .main_section5 .row{margin-top: 4vh;padding: 0 30px 9vh;} .main_section5 .more{padding: 13px 0;width: 62%;text-align: center;} .sub_footer{margin-top:80px;} .f_container{padding:40px 4.83% 80px;} .footer .f_logo{left: 0;top: 0;} .footer .f_menu li{margin-right: 10px;} .footer .f_menu li + li:before{height: 13px;} .main_m_bg{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-2;background:url(../images/main/sec04_bg_m@2x-min.png?1) 50% 50% no-repeat;background-size:cover;} .main_m_bg.active {z-index: 0;} .fp-responsive #main_wrap .main_section4.fp-auto-height-responsive.fp-section{height:68.8vh !important;} .policy_table.desktop_only{display:none;} .policy_table.mobile_only{display:block;} /* 서브 ìƒë‹¨ */ .sub_detail_wrap .container{padding: 17px 20px;} /* 서브 */ .sub_detail_wrap .sub_top h2{width: 100%;height: 100%;padding: 17px 19px 16px 13px;font-size: 3.5em;/* font-size: 42px; */} .sub_solution .sub_top h2{width: 100%;height: 100%;padding: 17px 25px 16px 13px;font-size: 42px;} .container_history{padding: 17px 20px;} .sec-history .list-history ul{margin-bottom: 30px;padding-bottom: 30px;} .award_list .use_pc{display:none;} .award_list .use_m{display:block} .contact .headline{font-size: 4.2vw;} .contact h2{margin-bottom:32px;font-size:32px;font-size: 8.3vw;} .contact .info_addr{margin-right: 0;margin-bottom: 14px;} .contact .form_wrap .submit{margin-top:40px;width:60%;height:50px; line-height:48px;font-size: 16px;} .btn_page_prev{position: fixed;z-index: 998;right: 10px;top: 63%;display: flex;width: 40px;height: 40px;border-radius: 50px;background: rgba(255,255,255,.7);box-shadow: 1px 1px 11px 3px rgb(0 0 0 / 20%);justify-content: center;align-items: center;} .btn_page_prev:after {content: '';display:block;position: absolute;top: 14px;left: 2px;width: 0.8rem;height: 0.8rem;margin-left: 0.5rem;margin-right: 12px;border-top: 0.1rem solid #333;border-right: 0.1rem solid #333;transform: rotate(45deg);animation: m_page_next .6s ease-in-out .3s infinite alternate;} .btn_page_next{position: fixed;z-index: 998;left: 10px;top: 63%;display: flex;width: 40px;height: 40px;border-radius: 50px;background: rgba(255,255,255,.7);box-shadow: 1px 1px 11px 3px rgb(0 0 0 / 20%);justify-content: center;align-items: center;transform: rotate(180deg);} .btn_page_next:after {content: '';display:block;position: absolute;top: 14px;left: 2px;width: 0.8rem;height: 0.8rem;margin-left: 0.5rem;margin-right: 12px;border-top: 0.1rem solid #333;border-right: 0.1rem solid #333;transform: rotate(45deg);animation-duration: 3s;animation: m_page_prev .6s ease-in-out .3s infinite alternate;} .quick_menu{right: 14px;bottom: 61px;} #top_btn{right: 22px;bottom: 20px} @keyframes m_page_prev { 0% {left:2px} 100% {left:6px;} } @keyframes m_page_next { 0% {left:2px} 100% {left:6px;} } } @media(max-width:600px){ } @media(max-width:414px){ .network_list {padding-bottom: 190px;} } @media(max-width:413px){ } @media(max-width:375px){ /* 아래 코드는 ì²´í¬í•´ë³¼ê²ƒ --- */ .main_section3.bg_change .bg{background-size:500px;} html.full, body.full{height: 100%;overflow-y:scroll;} .main_section1 .cover{background-color:rgba(0,0,0,0.49);} /* --- 아래 코드는 ì²´í¬í•´ë³¼ê²ƒ */ } @media(max-width:320px){ } @media(min-height:737px){ }