html {font-family: "notokr", sans-serif;font-size:14px}
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top}
a,a:link,a:visited,a:hover  {text-decoration:none !important;}
img {border:0;max-width:100%;width:auto}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.green {color:#1b7f31}
.blue {color:#2f8fe1}
.white {color:#fff !important}
.sky_blue {color:#00f6ff}
.red {color:#fc439f}
.red2 {color:#c52020}
.orange {color:#ea4f0a}
.gray {color:#676767}
.left {float:left}
.right {float:right}
.center {text-align:center}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space70 {clear:both;height:70px}
.space80 {clear:both;height:80px}
.space100 {clear:both;height:100px}
.space110 {clear:both;height:110px}
.pc1200 {display:inline}
.mobile1200 {display:none}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc840 {display:block}
.mobile840 {display:none}
.pc840_in {display:inline}
.mobile840_in {display:none}
.pc720 {display:block}
.mobile720 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc550 {display:block}
.mobile550 {display:none}
.pc480 {display:block}
.mobile480 {display:none}
.wr1200 {max-width:1200px;margin:0 auto}


/* wrap */
#wrap {}


/* header */
#header {background:url("../assets/images/main_bg.jpg") no-repeat top center;background-size:100% auto}
/*#header * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;}*/
#header .top_wrap {position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,0.6);max-height:95px;z-index:999}
#header .top {max-width:1800px;margin:0 auto}
#header .top .logo {width:17%;padding:9px 0 0}
#header .top .tlink {width:17%;text-align:right;padding:24px 0 0}
#header .top .tlink a {padding-left:10px}
#header .top .navi {width:66%;text-align:center;padding:27px 0 0}
#header .top .navi ul {width:100%}
#header .top .navi li a.tmenu {display:block;font-size:18px;font-weight:500;color:#fff;height:61px}
#header .top_text {position:absolute;top:16vw;left:0;text-align:center;width:100%}
#header .top_text .txt1 {font-size:58px;font-weight:300;color:#fff;text-shadow:3px 3px 5px #333,5px 5px 10px #333,10px 0 30px #333}
#header .top_text .txt2 {font-size:68px;font-weight:600;color:#fff;line-height:1;text-shadow:3px 3px 5px #333,5px 5px 10px #333,10px 0 30px #333}
#header .top_text .txt3 {font-size:24px;font-weight:400;color:#fff;padding-top:30px;text-shadow:3px 3px 5px #333,5px 5px 10px #333,10px 0 30px #333}
#header .top_text .button {padding-top:40px}
#header .top_text .button a {display:inline-block;width:20.8%;max-width:250px;height:55px;line-height:55px;font-size:18px;font-weight:400;color:#fff;border-radius:30px;text-align:center}
#header .top_text .button a.download {background:#0072ff;margin-right:10px}
#header .top_text .button a.tel {background:#ef4a02}
.sub_top1 {height:360px;background:url("../assets/images/sub_top_bg1.jpg") no-repeat center center !important}
.sub_top2 {height:360px;background:url("../assets/images/sub_top_bg2.jpg") no-repeat center center !important}
.sub_top3 {height:360px;background:url("../assets/images/sub_top_bg3.jpg") no-repeat center center !important}
.sub_top4 {height:360px;background:url("../assets/images/sub_top_bg2.jpg") no-repeat center center !important}
.sub_top5 {height:360px;background:url("../assets/images/sub_top_bg5.jpg") no-repeat center center !important}
#header .sub_top_text {position:absolute;top:170px;left:0;text-align:center;width:100%;height:275px;display:table}
#header .sub_top_text .txt1 {font-size:60px;font-weight:500;color:#fff;line-height:1;text-shadow:3px 3px 5px #333,5px 5px 10px #333,10px 0 30px #333}
#header .sub_top_text .txt2 {font-size:18px;font-weight:300;color:#fff;padding-top:15px;text-shadow:3px 3px 5px #333,5px 5px 10px #333,10px 0 30px #333}
#header .navi li {position:relative;text-align:center;padding:5px 3.75%}
#header .navi li .sub {display:none;position:absolute;top:70px;left:24px;padding:10px 0px;z-index:9999;background:rgba(0,0,0,0.6)}
#header .navi li .sub a {display:block;font-size:15px;font-weight:400; color:#fff; text-align:left;height:auto !important}
#header .navi li .sub a:hover {color:#ff8a00;}
#header .navi li .sub1 a {width:120px;padding:8px 25px}
#header .navi li .sub2 a {width:120px;padding:8px 25px}
#header .navi li .sub3 a {width:120px;padding:8px 25px}
#header .navi li .sub4 a {width:120px;padding:8px 25px}
#header .navi li .sub5 a {width:120px;padding:8px 25px}
#header .navi li .sub6 a {width:120px;padding:8px 25px}




/* container */
#container {}
#container .service * {box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;}
#container .service ul {width:100%}
#container .service ul li > div {position:relative;margin:0 15px 20px;overflow:hidden}
#container .service .rect_t {position:absolute;top:0;left:-100%;border-top:6px solid red;width:100%;height:0}
#container .service .rect_r {position:absolute;bottom:-100%;right:0;border-right:6px solid red;width:100%;height:100%}
#container .service .rect_b {position:absolute;bottom:0;right:-100%;border-bottom:6px solid red;width:100%;height:100%}
#container .service .rect_l {position:absolute;top:-100%;left:0;border-left:6px solid red;width:100%;height:100%}
#container .service ul li {width:25%}
#container .service ul li:nth-of-type(1) {width:50%;vertical-align:top}
#container .service ul li .img {width:100%;height:auto}
#container .service ul li .over {position:absolute;top:50%;left:50%;width:100%;text-align:center;font-size:22px;font-weight:500;color:#fff;vertical-align:middle;transform: translate(-50%,-50%)}
#container .service ul li .hover {display:none;position:absolute;top:50%;left:50%;width:100%;text-align:center;font-size:22px;font-weight:500;color:#fff;padding:0 10% 0;vertical-align:middle;line-height:1.2;transform: translate(-50%,-50%)}
#container .service ul li .hover span {font-size:15px;font-weight:400;line-height:1 !important;padding:0 0 0 !important}
#container .service ul li .hover .stxt {font-size:15px;font-weight:400;line-height:1.3;padding-top:5px}
#container .mcontent .mc_title {font-size:14px;font-weight:600;color:#ef4a02}
#container .mcontent h1 {font-size:30px;font-weight:300;color:#000;padding-top:15px}
#container .mcontent h1 span {font-size:42px;font-weight:600;color:#000}
#container .mcontent h4 {font-size:16px;font-weight:400;color:#000;padding-top:15px}
#container .process {background:url("../assets/images/main_bg2.jpg") no-repeat center top;height:730px;padding-top:90px;background-size:cover}
/*#container .process * {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;}*/
#container .process .step {display:block;width:100%;padding-top:55px}
#container .process .step li {text-align:center;padding-bottom:55px}
#container .process .step li:nth-of-type(2n+1) {width:13%}
#container .process .step li:nth-of-type(2n) {width:7%;padding-top:55px}
#container .process .step li:nth-of-type(10) {display:none}
#container .process .step .step_txt {font-size:15px;color:#fff;padding-top:10px}
/*#container .difference .left * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;}*/
#container .difference .left {width:32%;min-width:375px}
#container .difference .left .swiper-pagination {text-align:left !important}
#container .difference .right {width:48.5%;max-width:580px;position:relative}
#container .difference .left ol li:nth-of-type(1).swiper-pagination-bullet-active   {background:#ea3a01;padding-left:20px;width:100%;font-size:17px;font-weight:500;color:#fff}
#container .difference .left ol li:nth-of-type(2).swiper-pagination-bullet-active   {background:#0072ff;padding-left:20px;width:100%;font-size:17px;font-weight:500;color:#fff}
#container .difference .left ol li:nth-of-type(3).swiper-pagination-bullet-active   {background:#328207;padding-left:20px;width:100%;font-size:17px;font-weight:500;color:#fff}
#container .difference .left ol li:nth-of-type(4).swiper-pagination-bullet-active   {background:#dd8d00;padding-left:20px;width:100%;font-size:17px;font-weight:500;color:#fff}
#container .difference .right .swiper-button-prev, #container .difference .right .swiper-button-next {background:none !important;position:absolute;top:98% !important}
.pagination-difference-wrap {font-size:20px;font-weight:400;color:#9b9b9b;position:absolute;bottom:10px;left:383px !important}
#container .difference .right .pagination-difference-wrap span {font-weight:500;color:#000}
.swiper-button-prev {right:0 !important;left:340px !important}
.swiper-button-next {right:0 !important;left:450px !important}
#container .difference ol li {display:block;font-size:17px;color:#000;padding:10px 0;cursor:pointer}
#container .difference .right .img {position:relative;height:470px}
#container .difference .right .img .rimg {width:71.7%;position:absolute;top:0;right:0}
#container .difference .right .img .content {position:relative;top:160px;left:0;width:53%;height:0;text-align:left;padding-top:50%}
#container .difference .right .img .content .detail {position:absolute;top:0;padding:40px 12.8%}
#container .difference .right .img .content h2 {font-size:24px;font-weight:300;color:#fff;line-height:1.2}
#container .difference .right .img .content h2 span {font-weight:600}
#container .difference .right .img .content .bar {margin:20px 0 20px;border-top:2px solid #fff;width:35px}
#container .difference .right .img .content .txt {font-size:15px;color:#fff}
#container .partners {background:url("../assets/images/main_bg3.jpg") no-repeat center top;height:374px;padding-top:90px;background-size:cover}
#container .partners .roll {padding-top:50px;max-width:1200px;margin:0 auto;overflow:hidden !important}
#container .partners .roll li {width:20%;text-align:center}



/* sub container */
#sub_container .position {background:url("../assets/images/sub_pos_bg.gif") repeat center center;height:55px}
#sub_container .position * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
#sub_container .position .wr1200 {background:#fff;border-bottom:1px solid #dfdfdf}
#sub_container .position .wr1200 > ul {width:52.75%}
#sub_container .position .wr1200 > ul > li {display:inline-block;font-size:15px;color:#565656;line-height:55px}
#sub_container .position .wr1200 > ul > li a {color:#000}
#sub_container .position .wr1200 > ul > li.home {width:55px;background:#00d3d5 url("../assets/images/icon_home.png") no-repeat center center;}
#sub_container .position .wr1200 > ul > li.step1 {position:relative;width:39%;padding:0 3%;background:url("../assets/images/arrow_bottom.gif") no-repeat 90% center;border-right:1px solid #dfdfdf}
#sub_container .position .wr1200 > ul > li > a {display:block}
#sub_container .position .wr1200 ol {display:none;position:absolute;width:100%;top:55px;left:0;background:rgba(0,0,0,0.8)}
#sub_container .position .wr1200 ol li {display:block;border-bottom:1px solid #444}
#sub_container .position .wr1200 ol li a {display:block;line-height:40px;height:40px;color:#fff;padding-left:5%} 
#sub_container .position .wr1200 > ul > li.step2 {position:relative;width:calc(100% - 52% - 55px);padding:0 3%;background:url("../assets/images/arrow_bottom.gif") no-repeat 90% center;border-right:1px solid #dfdfdf}
#sub_container .position .wr1200 .mobile840 {width:100%}
#sub_container .position .wr1200 .mobile840 * {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
#sub_container .position .wr1200 .mobile840 > li {position:relative;width:50% !important}
#sub_container .position .wr1200 .mobile840 > li.step1 {background:#00d3d5 url("../assets/images/arrow_bottom_white.png") no-repeat 95% center}
#sub_container .position .wr1200 .mobile840 > li.step1 a {color:#fff}
#sub_container .position .wr1200 .mobile840 > li.step2 {border-right:none}
#sub_container .position .wr1200 ol li a:hover,#sub_container .position .wr1200  .mobile840 > li.step1 ol a:hover {color:#ff8a00}
#footer .wr1200 {padding:0 2%}
#sub_container .sub_content {max-width:1200px;margin:0 auto;padding:65px 0}
#sub_container .sub_content .sub_title {font-size:30px;font-weight:600;color:#000}
#sub_container .sub_content .title_bar {display:inline-block;margin-top:35px;width:50px;height:2px;background:#000}
#sub_container .sub_content .sub_content_detail {padding-top:25px}
#sub_container .sub_content .sub_content_detail .con_txt {font-size:24px;font-weight:300;color:#000}
#sub_container .sub_content .sub_content_detail .con_txt b {font-weight:500}
#sub_container .sub_content .sub_content_detail .con_txt dt {clear:both;float:left;width:15px}
#sub_container .sub_content .sub_content_detail .con_txt dd {width:calc(100% - 15px);margin-left:15px}
#sub_container .sub_content .sub_content_detail .sub_link {background:#f8f8f8;margin:30px 0 0}
#sub_container .sub_content .sub_content_detail .sub_link ul {width:100%;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;}
#sub_container .sub_content .sub_content_detail .sub_link ul li {line-height:50px;padding:0 2.2%}
#sub_container .sub_content .sub_content_detail .sub_link ul li.gap {color:#e6e6e6;padding:0}
#sub_container .sub_content .sub_content_detail .sub_link ul li a {font-size:17px;font-weight:500;color:#121212;cursor:pointer}
#sub_container .sub_content .sub_content_detail .sub_link ul li a:hover,#sub_container .sub_content .sub_content_detail .sub_link ul li a.on  {color:#077fc9;text-decoration:underline !important}
#sub_container .sub_content .sub_content_detail .sub_detail_title {margin:60px 0 30px;font-size:23px;font-weight:600;color:#121212}
#sub_container .sub_content .sub11_img li {position:relative;width:25%;text-align:center}
#sub_container .sub_content .sub11_img li div {position:relative;width:96.66%;margin:0 auto}
#sub_container .sub_content .sub11_img li div .txt {position:absolute;bottom:4px;right:0;font-size:13px;color:#fff;padding:10px;background:rgba(0,0,0,0.8);max-height:290px}
#sub_container .sub_content .sub11_tbl td {vertical-align:top;padding:30px 0;border-bottom:1px solid #efefef}
#sub_container .sub_content .sub11_tbl td:nth-of-type(1) {font-size:18px;font-weight:600;color:#000}
#sub_container .sub_content .sub11_tbl td:nth-of-type(2) {font-size:17px;color:#3470bb;padding-right:5%}
#sub_container .sub_content .sub11_tbl td:nth-of-type(3) {font-size:15px;color:#464646}
#sub_container .sub_content .sub11_tbl2 td {vertical-align:top;padding:8px 0;line-height:1.5}
#sub_container .sub_content .sub11_tbl2 tr:nth-of-type(3n+1) td {font-size:18px;font-weight:600;color:#000;padding-top:20px}
#sub_container .sub_content .sub11_tbl2 tr:nth-of-type(3n+2) td {font-size:17px;color:#3470bb}
#sub_container .sub_content .sub11_tbl2 tr:nth-of-type(3n) td {font-size:15px;color:#464646;border-bottom:1px solid #efefef;padding-bottom:30px;}
#sub_container .sub_content .sub11_top_img {background:url("../assets/images/sub11/sub11_1.jpg") no-repeat top center;max-height:268px;height:20vw;min-height:160px;background-size:cover}
#sub_container .sub_content .sub12_top_img {padding:30px 9%;text-align:center;border:1px solid #dfdfdf;border-radius:5px}
#sub_container .sub_content .input_processor {width:48.5%}
#sub_container .sub_content .output_processor {width:48.5%}
#sub_container .sub_content .input_processor .img,#sub_container .sub_content .output_processor .img  {width:100%;text-align:center;border:1px solid #dfdfdf;border-radius:5px;padding:20px 0}
#sub_container .sub_content .input_processor .sub_detail_title,#sub_container .sub_content .output_processor .sub_detail_title {margin-top:0 !important}
#sub_container .sub_content .sub12_top_img2 {width:48.5%;border:1px solid #dfdfdf;border-radius:5px;padding:20px 0;text-align:center}
#sub_container .sub_content .sub13_top_img {background:url("../assets/images/sub11/sub13_1.jpg") no-repeat top center;max-height:268px;height:20vw;min-height:160px;background-size:cover}
#sub_container .sub_content .sub14_top_img {background:url("../assets/images/sub11/sub14_1.jpg") no-repeat top center;max-height:268px;height:20vw;min-height:160px;background-size:cover}
#sub_container .sub_content .sub_detail_bar_title {background:url("../assets/images/title_bar.gif") no-repeat left 6px;font-size:20px;font-weight:500;color:#121212;padding:0 0 30px 30px}
#sub_container .sub_content .sub14_left {float:left;width:16%;text-align:center}
#sub_container .sub_content .sub14_right {float:right;width:84%;line-height:1.8;font-size:15px;color:#464646}
#sub_container .sub_content .sub14_right .big {font-size:16px;font-weight:500;color:#121212}
#sub_container .sub21 {padding-top:0 !important}
#sub_container .sub21 .system_part {width:100%;margin-top:30px}
#sub_container .sub21 .system_part > li  {position:relative;width:19.83%;height:0;padding-top:19.83%;text-align:center;font-size:21px;font-weight:600;color:#fff}
#sub_container .sub21 .system_part > li.gap {width:6.88%}
#sub_container .sub21 .system_part > li:nth-of-type(1) {background:url("../assets/images/sub21/sub21_1_1.jpg") no-repeat center center;background-size:cover;}
#sub_container .sub21 .system_part > li:nth-of-type(3) {background:url("../assets/images/sub21/sub21_1_2.jpg") no-repeat center center;background-size:cover;}
#sub_container .sub21 .system_part > li:nth-of-type(5) {background:url("../assets/images/sub21/sub21_1_3.jpg") no-repeat center center;background-size:cover;}
#sub_container .sub21 .system_part > li:nth-of-type(7) {background:url("../assets/images/sub21/sub21_1_4.jpg") no-repeat center center;background-size:cover;}
#sub_container .sub21 .system_part > li:nth-of-type(2n) {background:url("../assets/images/sub21/sub21_line.gif") no-repeat center center;background-size:cover;width:6.88%;height:0;padding-top:19.83%;text-align:center}
#sub_container .sub21 .system_part > li > span {position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}
#sub_container .sub21 .system_part:last-of-type > li {background:none !important;padding-top:0 !important;font-size:16px;font-weight:400;color:#121212;text-align:left;height:auto !important}
#sub_container .sub21 .system_part > li dt {clear:both;float:left;width:15px;margin-bottom:10px}
#sub_container .sub21 .system_part > li dd {width:calc(100% - 15px);margin-left:15px;margin-bottom:10px}

#sub_container .sub21 .system_part2 {margin-top:30px;width:100%;text-align:left}
#sub_container .sub21 .system_part2 > li {display:table;position:relative;width:100%;min-height:200px;margin-bottom:20px}
#sub_container .sub21 .system_part2 > li > span {width:200px;height:200px;text-align:center;font-size:18px;font-weight:600;color:#fff;display:table-cell;vertical-align:middle}
#sub_container .sub21 .system_part2 dl {display:table-cell;vertical-align:middle;padding-left:20px}
#sub_container .sub21 .system_part2 dt {clear:both;float:left;width:15px;font-weight:400;color:#464646;vertical-align:top;margin-bottom:5px;line-height:1.5}
#sub_container .sub21 .system_part2 dd {width:calc(100% - 15px);margin-left:15px;font-size:16px;font-weight:400;color:#464646;text-align:left;line-height:1.5;margin-bottom:5px}
#sub_container .sub21 .system_part2 > li:nth-of-type(1) >  span {background:url("../assets/images/sub21/sub21_2_1.jpg") no-repeat left center;background-size:200px auto}
#sub_container .sub21 .system_part2 > li:nth-of-type(2)  > span  {background:url("../assets/images/sub21/sub21_2_2.jpg") no-repeat left center;background-size:200px auto}
#sub_container .sub21 .system_part2 > li:nth-of-type(3) >  span  {background:url("../assets/images/sub21/sub21_2_3.jpg") no-repeat left center;background-size:200px auto}
#sub_container .sub21 .system_part2 > li:nth-of-type(4)  > span  {background:url("../assets/images/sub21/sub21_2_4.jpg") no-repeat left center;background-size:200px auto}
#sub_container .sub21_tab2 ul {display:table;width:100%}
#sub_container .sub21_tab2 li {display:table-cell;vertical-align:middle;width:31%}
#sub_container .sub21_tab2 li:nth-of-type(2) {width:38%}
#sub_container .sub21_tab2 li.img {position:relative}
#sub_container .sub21_tab2 li.img span {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);font-size:21px;font-weight:600;color:#fff}
#sub_container .sub21_tab2 li:nth-of-type(2) {width:35%;text-align:center}
#sub_container .sub21_tab2 li:last-of-type {padding-left:3%}
#sub_container .sub21_tab2 p {font-size:20px;font-weight:600}
#sub_container .sub21_tab2 img {width:100%;max-width:422px}
#sub_container .sub21_tab2 dl {padding-top:20px}
#sub_container .sub21_tab2 dl dt {float:left;width:15px;padding-bottom:15px}
#sub_container .sub21_tab2 dl dd {font-size:16px;color:#121212;margin-left:15px;padding-bottom:15px}
#sub_container .sub_content .sub22_top_img {background:url("../assets/images/sub22/sub22_1.jpg") no-repeat top center;max-height:268px;height:20vw;min-height:160px;background-size:cover}
#sub_container .sub_content .sub22_img li {position:relative;width:25%;text-align:center;padding-bottom:8px}
#sub_container .sub_content .sub22_img li div {position:relative;width:96.66%;margin:0 auto}
#sub_container .sub_content .sub22_img li div .txt {position:absolute;top:0;left:0;font-size:13px;color:#fff;padding:5px 10px;background:rgba(0,0,0,0.8);max-height:290px}


#sub_container .sub53_map1 *,#sub_container .sub53_map2 * {box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box}
#sub_container .sub53_map1,#sub_container .sub53_map2 {position: relative;}
#sub_container .sub53_map1 .addr,#sub_container .sub53_map2 .addr  {position:absolute;top:0;right:0;width:40%;height:100%;background:rgba(0,0,0,0.7);padding:35px 40px}
#sub_container .addr .title img {vertical-align:middle}
#sub_container .addr .title {font-size:22px;font-weight:500;color:#fff}
#sub_container .addr .line {width:100%;height:1px;background:rgba(255,255,255,0.1);margin:15px 0 30px}
#sub_container .addr .txt {font-size:15px;font-weight:400;color:#fff;line-height:2em}




/* footer */
#footer {clear:both}
#footer .bottom {width:100%;background:#000;height:44px;line-height:44px;color:#fff}
#footer .bottom a {font-size:14px;font-weight:400;color:#fff}
#footer .bottom .right img {vertical-align:middle;padding-right:5px}
#footer .bottom .right a:last-of-type {padding-left:30px}
#footer .copyright {background:#171b23;padding:30px 0;line-height:2.2em;font-size:14px;color:#737880}
#footer .copyright .gap {padding:0 10px}



/* background video */
.top_movie { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden }
.top_movie video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: cover }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0 }
.embed-container embed, .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; max-width: 1920px }


/* Toggle */
nav {position:absolute;z-index:99999}
nav:not(.mm-menu)
{
	display: none;
}


/*추가 */ 
#menu {z-index:9999999}
#menu:not(.mm-menu)
{
	display: none;
}
#wrap {background:#fff}


/* Tab */
.tab_content div.ss_menu {display:none}
.tab_content div.ss_menu:nth-of-type(1) {width:100%;display:table}


/* 개시판 */
#bw_board_write table caption {border-bottom:2px solid #0072ff !important}
#bw_board_list caption {border-bottom:2px solid #0072ff !important}
#bw_board_view caption {border-bottom:2px solid #0072ff !important}

/* Map */
.labels {
	color:white;
	background-color: #f85f0e;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	border: 2px solid white;
	padding: 6px 6px 4px 6px;
	line-height:1.3em;
	cursor:text;
}
#map-canvas{width:100%; height:360px; margin:0;}
#map-canvas2{width:100%; height:360px; margin:0;}


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

}

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

#header .top .navi {padding:30px 0 0}
#header .top .navi li {padding:0 2.8%}
#header .navi li .sub {display:none;position:absolute;top:60px}
#header .top_text {position:absolute;top:18vw}
}

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

#header .top_text .txt1 {font-size:49px}
#header .top_text .txt2 {font-size:60px}
#header .top_text .txt3 {font-size:22px}
#header .top .logo {width:20%}
#header .top .tlink {width:12%;text-align:right}
#header .top .navi {width:68%}
#header .top .navi li {padding:0 1.3%}
#header .navi li .sub {position:absolute;left:0}
}

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

.pc1200 {display:none}
.mobile1200 {display:inline}
#header .top_wrap {padding:0}
#header .top .logo {padding:5px 0 0}
#header .top .logo img {width:175px}
#header .top .tlink {padding:15px 0 0}
#header .top_text .txt1 {font-size:40px}
#header .top_text .txt2 {font-size:54px}
#header .top_text .txt3 {font-size:20px}
#header .top_text .button {padding-top:30px}
#header .top .logo {width:50%}
#header .top .tlink {width:50%}
#header .top {padding:0 2.5%}
#header .top .navi {display:none}
#container .difference .left {width:37%;min-width:0}
#container .service ul li:nth-of-type(1) {padding-left:2%}
#sub_container .position .wr1200 > ul > li {background:url("../assets/images/arrow_bottom.gif") no-repeat 95% center}
#sub_container .sub_content {padding-left:2.5%;padding-right:2.5%}
#sub_container .position .wr1200 > ul {width:65%}

}

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

.pc1000 {display:none}
.mobile1000 {display:block}

#header .top_text .button a {min-width:200px;height:45px;line-height:45px;font-size:16px;font-weight:400;color:#fff;border-radius:30px;text-align:center}
#container .title_wrap {padding-left:2%}
#container .service ul li {width:33.3%}
#container .service ul li:nth-of-type(1) {float:none;width:100%;vertical-align:top;margin-bottom:35px}
#container .process .step li:nth-of-type(2n+1) {width:20%}
#container .process .step li:nth-of-type(2n) {width:5%}
#container .process .step li:nth-of-type(10) {display:inline-block}
#container .process .step li:nth-of-type(8) {display:none}
#container .difference .left h3,#container .difference .left ol {display:none}
#container .difference .left {float:none;width:100%}
#container .difference .right {float:none;width:100%;margin-top:20px}
#sub_container .sub_content .sub11_img li,#sub_container .sub_content .sub22_img li {position:relative;width:50%;text-align:center;padding-bottom:20px}
#sub_container .sub_content .sub11_img li div ,#sub_container .sub_content .sub22_img li div {position:relative;width:290px;margin:0 auto}


#sub_container .sub21 .system_part > li  {position:relative;width:23.5%;height:0;padding-top:23.5%;text-align:center;font-size:21px;font-weight:600;color:#fff}
#sub_container .sub21 .system_part > li.gap {width:2%}
#sub_container .sub21 .system_part > li:nth-of-type(2n) {background:url("../assets/images/sub21/sub21_line.gif") no-repeat center center;background-size:cover;width:2%;height:0;padding-top:23.5%;text-align:center}



}


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


.pc840 {display:none}
.mobile840 {display:block}
.pc840_in {display:none}
.mobile840_in {display:inline}
.space40 {clear:both;height:20px !important;}
.space60 {clear:both;height:40px !important}
.space80 {clear:both;height:50px !important}
.space100 {clear:both;height:40px !important}

.sub_header {height:260px !important}
#header .top_wrap {position:fixed;padding:0}

#header .top .logo {padding:2px 0 0}
#header .top .tlink {padding:12px 0 0}

#header .top_text .txt1 {font-size:24px}
#header .top_text .txt2 {font-size:40px}
#header .top_text .txt3 {font-size:16px;padding-top:20px}
#header .top_text .button {padding-top:20px}
#header .top_text .button a {display:inline-block;width:35%;min-width:165px}
#header .top_text .button .pc840_txt {display:none}
#header .sub_top_text {position:absolute;top:130px;left:0;text-align:center;width:100%;height:190px;display:table}
#header .sub_top_text .txt1 {font-size:32px}
#header .sub_top_text .txt2 {font-size:14px;padding-top:10px}
#container .service ul li .over img {width:50px;height:auto}
#container .service ul li {width:50%}
#container .process {background:url("../assets/images/main_bg2_m.jpg") no-repeat center top;height:800px;padding-top:50px;background-size:cover}
#container .process .step {padding-top:30px}
#container .process .step li img {width:85px}
#container .process .step li:nth-of-type(2n+1) {width:28.3%}
#container .process .step li:nth-of-type(2n) {width:5%;padding-top:30px}
#container .process .step li:nth-of-type(10) {display:inline-block}
#container .process .step li:nth-of-type(8) {display:inline-block}
#container .process .step li:nth-of-type(6n) {display:none}
#container .process .step li {padding-bottom:25px}
#container .partners {height:280px;padding-top:50px}
#container .partners .roll {padding-left:2%;padding-right:2%;padding-top:30px}
#container .mcontent h1 {font-size:23px;font-weight:300;color:#000;padding-top:15px}
#container .mcontent h1 span {font-size:33px;font-weight:600;color:#000}
.sub_header {height:245px;background-size:100% 245px !important}
#sub_container .sub_content {max-width:1200px;margin:0 auto;padding-top:40px }
#sub_container .sub_content .sub_title {font-size:24px;font-weight:600;color:#000}
#sub_container .sub_content .title_bar {display:inline-block;margin-top:25px;width:40px;height:2px;background:#000}
#sub_container .sub_content .sub_content_detail {padding-top:40px}
#sub_container .sub_content .sub_content_detail .con_txt {font-size:18px}
#sub_container .sub_content .sub_content_detail .sub_link ul {border-left:1px solid #d6d6d6}
#sub_container .sub_content .sub_content_detail .sub_link ul li {display:inline-block;padding:0;width:50%;text-align:center;border-right:1px solid #d6d6d6;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
#sub_container .sub_content .sub_content_detail .sub_link ul li.gap {display:none}
#sub_container .sub_content .sub_content_detail .sub_link ul li:nth-of-type(n+4) {border-top:1px solid #d6d6d6} 
#sub_container .sub_content .sub_content_detail .sub_link ul li a {display:block;font-size:15px}
#sub_container .sub_content .sub_content_detail .sub_link ul li a:hover,#sub_container .sub_content .sub_content_detail .sub_link ul li a.on  {color:#fff;background:#077fc9;padding:0;margin:0}
#sub_container .sub_content .sub_content_detail .sub_detail_title {margin:40px 0 20px;font-size:20px;color:#121212}
#sub_container .sub_content .sub12_top_img {padding:20px 5%}
#sub_container .sub_content .input_processor {width:99.5%}
#sub_container .sub_content .output_processor {width:99.5%;margin-top:40px}
#sub_container .sub_content .sub12_top_img2 {width:99.5%}
#sub_container .sub21_tab2 li {display:table;vertical-align:middle;width:100%}
#sub_container .sub21_tab2 li:nth-of-type(2) {width:100%;margin:20px 0 30px}
#sub_container .sub21_tab2 li.img span {font-size:18px}
#sub_container .sub53_map1 .addr,#sub_container .sub53_map2 .addr  {position:relative;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);padding:25px 30px}
#sub_container .addr .title {font-size:18px}
#sub_container .addr .line {margin:10px 0 20px}
#sub_container .addr .txt {line-height:1.6em}
.sub_top1,.sub_top2,.sub_top3,.sub_top4,.sub_top5 {background-size:auto 260px !important}
#footer .bottom .right {float:none;width:100%;text-align:center}
}


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

.pc720 {display:none}
.mobile720 {display:block}
#header * {transition:none;-webkit-transition:none;-ms-transition:none;-o-transition:none;-moz-transition:none;}
#header .top_text {position:absolute;top:140px}
}

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

.pc640 {display:none}
.mobile640 {display:block}
#container .difference .right .img .content {width:65%;padding-top:60%}
#container .service ul li .over {font-size:18px}
#sub_container .sub_content .sub11_img li div,#sub_container .sub_content .sub22_img li div {position:relative;width:90.625%;margin:0 auto}
#sub_container .sub_content .sub11_img li div .txt  {position:absolute;bottom:4px;left:0;font-size:13px;color:#fff;padding:10px 0;background:rgba(0,0,0,0.8);max-height:290px;width:100%;text-align:center}
#footer .copyright {line-height:1.8;font-size:13px;padding:20px 0}

}

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

.pc550 {display:none}
.mobile550 {display:block}
#header {height:310px}
#header {background:url("../assets/images/main_bg.jpg") no-repeat top center;background-size:auto 310px}
#container .difference .right .img .content h2 {font-size:19px}
#container .difference .right .img .content .txt {font-size:13px}
}

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

.pc480 {display:none}
.mobile480 {display:block}
#container .difference .right .img .content .detail {padding:25px 12.8%}
#container .difference .right .img .content .bar {margin:15px 0 15px}
#container .difference .right .img {height:400px}
/*
#container .process .step li:nth-of-type(2n+1) {width:40%}
#container .process .step li:nth-of-type(2n) {width:10%}
#container .process .step li:nth-of-type(10) {display:inline-block}
#container .process .step li:nth-of-type(8) {display:inline-block}
#container .process .step li:nth-of-type(6n) {display:inline-block}
#container .process .step li:nth-of-type(4n) {display:none}*/
#sub_container .position .wr1200 > ul > li {font-size:13px}
}

.mm-listitem::after {left:0 !important}