/* layout */
* {box-sizing: border-box;}
.container {position: relative;max-width: 1800px;margin: 0 auto;padding: 0 15px;}
.container_13 {position: relative;max-width: 1400px; margin: 0 auto; padding: 0 50px;}
.container_cont {position: relative;max-width: 1200px;margin: 0 auto;padding: 0 15px;}

/* header */
#header {position: absolute;top: 0;left: 0;width: 100%;z-index: 999;background: transparent;}
#header .header {margin: 0 auto;transition: auto .1s;}
#logo {position: absolute;left: 15px;height: 100%;width: 23%;z-index: 1;}
.logo_img {display: block; height: 100%; padding: 35px;}
#logo img {height: 100%;}
#gnb {position: relative;}
#gnb .menu_icon {position: absolute;right: 0;width: 45px;height: 45px;padding: 5px;background: #777;border-radius: 2px;margin: 25px 0 25px 25px;display: none;}
#gnb .menu_icon a {display: block; width: 100%; height: 100%;}
#gnb .menu_icon img {width: 100%;}
#gnb ul {margin-right: 100px;float: right;}
#gnb ul li {display: inline-block; vertical-align: top;}
#gnb ul li a {position: relative;display: block;padding: 7px 0px;font-size: 1.125rem;color: #ddd;margin: 30px 50px 25px;transition: all 1s;}
#gnb ul li a.blackFont {color: #333;}
#gnb ul li a:hover {color: #fff;}
#gnb ul li a:after {position: absolute; display: block; content: ""; width: 0; height: 2px; left: 0; bottom: 0; transition: all .25s; background: #fff; }
#gnb ul li a.active:after {width: 100%;}
#gnb ul li a:hover:after {width: 100%;}
.quick {position: absolute;right: 0;top: 30px;}
.quick a {font-size: 0.875rem; color: #ddd;}
.quick:hover a {color: #fff;}
.icon_login {display: block;width: 32px;height: 32px;background: url(/images/icon/icon_login_w.png) no-repeat;background-size: 100% 100%;/* border: 1px solid; */}
.icon_login.blackFont {background: url(/images/icon/icon_login_b.png) no-repeat;background-size: 100% 100%;}
#header .header:after {content: ""; display: block; clear: both; z-index: 1;}

/* footer */
#footer {background: #fff;border-top: 1px solid #e6e6e6;}
.footer_body {padding: 25px 15px 20px;background: #fff;}
.footer_logo {float: left;height: 30px; margin-right: 20px;}
.footer_logo img {height: 100%;}
.footer_info {margin-left: 90px;float: left;}
.footer_info ul li {display: inline-block;margin-right: 20px;}
.footer_info ul li a {position:relative;color: #333;font-size: 0.9375rem;display: block;/* border-right: 1px solid; */padding-right: 30px;}
.footer_info ul li:first-child a:after {display: block;content: "";position: absolute;right: 0;width: 1px;height: 50%;background: #e6e6e6;top: 50%;transform: translatey(-50%);}
.footer_info p {color: #666;font-size: 0.9375rem;/* position: absolute; *//* right: 0; */}
.clear { clear: both }
.footer_address {margin: 10px 0 15px;color: #333 !important;}
.footer_cont:after { content:""; clear:both; display:block; }

/* left-nav */
#fp-nav {position: fixed;transform: rotate(90deg) translatey(-50%);right: -370px;width: 100vh;top: 70%;}
#fp-nav.fp-right {right: 0px;}
#fp-nav ul li {position: relative; display: inline-block; width: auto; height: auto; margin: 0 50px 0 0; padding: 20px 0 16px;}
#fp-nav ul li a {display: block;font-size: 0.875rem;text-transform: uppercase;color: #191919;opacity: 0.5;}
#fp-nav ul li:hover a {color: #000; opacity: 1;}
#fp-nav ul li.active > a {color: #000;opacity: 1;}
#fp-nav ul li.blackNav a {color: #191919;}
#fp-nav ul li.blackNav.active a {color: #000;}
#fp-nav ul li.blackNav.hover a {color: #000;}
#fp-nav ul li.whiteNav a {color: #d0d0d0;}
#fp-nav ul li.whiteNav.active a {color: #fff;}
#fp-nav ul li.whiteNav.hover a {color: #fff;}
#fp-nav ul li:after {position: absolute; content: ''; display: block; width: 0; height: 2px; bottom: 0; background: #191919; transition: all .3s;}
#fp-nav ul li.blackNav:after {background: #191919; }
#fp-nav ul li.whiteNav:after {background: #d0d0d0; }
#fp-nav ul li.active:after {width: 100%;}
#fp-nav:after {display: block;content: "";position: absolute;left: 0;bottom: 0;width: 100vh;height: 1px;background: #191919;opacity: 0.2;}



/* --------------------
  sub-page
--------------------*/
#sub_header {overflow: hidden;}
#sub_header .header {position: absolute; top: 0; z-index: 10; left: 50%; transform: translatex(-50%); width: 100%;}
#sub_header #gnb ul li a {color: #fff;}
#sub_header #gnb ul li ul {display: none;}

.sub_top {position: relative;}
.sub_bg {position: relative;height: 350px;background: #999;width: 113%;transition: all 1s;opacity: 0;}
.sub_bg.on {opacity: 1; width: 100%;}
.sub_title_box {position: absolute;left: 0;top: 75%;width: 85%;/*height: 280px;*/background: #fff;box-shadow: 0px 4px 15px 5px rgba(0,0,0,0.03);border-radius: 2px;transition: all 1s;}
.sub_title_box.on {top: 60%;}
.sub_title_box_cont {position: relative;padding: 20px 30px;padding-left: 15%;overflow: hidden;transition: all 1s;}
.location {text-align: right;font-size: 0.875rem;color: #666;position: absolute;right: 30px; z-index:10;}
.sub_title_box_cont h3 {font-size: 2.75rem;color: #333;text-transform: uppercase;padding: 15px 0;letter-spacing: 5px;}
.sub_title_box .sub_title_box_cont h3 {position: relative; transition: all 1.2s; left:-20%; opacity:0;}
.sub_title_box.on .sub_title_box_cont h3 {left:0; opacity:1;}

.sub_bg p {/* font-family: 'nanumGothic-bold'; */font-size: 1.25rem;color: rgba(255,255,255,.9);text-align: center;/* font-weight: 700; */letter-spacing: 0px;text-shadow: 0.1px 0.1px 0.1px rgba(255,255,255,.5);}
.sub_title_box .sub_title{position: relative; transition: all 1s; opacity:0; left: -10%;}
.sub_title_box.on .sub_title{opacity:1; left:0;}

/* .sub_title_box_cont:after {display: block; content: ""; clear: both;} */
.sub_bg_aboutus {position: relative;background: url(/images/bg/sub_intro.jpg) center;/* background: rgba(255,255,255,.3) url(/images/bg/01.jpg); */background-size: cover;}
.sub_bg_bigdata {position: relative;background: url(/images/bg/sub_bigdata.jpg) no-repeat center;background-size: cover;}
.sub_bg_smartfactory {position: relative;background: url(/images/bg/sub_smartfactory.jpg) center;background-size: cover;}

.sub_bg_bigdata:after {position: absolute; content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35);}

.sub_title {}
.tab_title {position: relative;margin-bottom: 60px;border-bottom: 1px solid #d7d7d7;}
.tab_title li {position: relative; display: inline-block; padding: 10px 0; margin-right: 60px;}
.tab_title li a {position: relative;display: block;width: 100%;height: 100%;font-size: 1.25rem;text-align: center;color: #666;text-transform: uppercase;/* font-weight: 400; */}
.tab_title li:after {position: absolute; content: ""; display: block; left: 0; bottom: -1px; width: 0; height: 3px; background: #000; transition: all .5s;}
.tab_title li:hover:after {width: 100%;}
.tab_title li.active:after {width: 100%;}
.tab_title li.active > a {color: #000; font-weight: 700;}
.tab_title li ul {position: absolute;width: 1200px;height: 0;overflow: hidden;transition: all .25s;}
.tab_title li ul li {display: inline-block; margin-right: 35px;}
.tab_title li ul li a {display: block;padding: 18px 0;font-size: 1.125rem;cursor: pointer;}
.tab_title li ul li:hover a {color: #111;}
.tab_title li ul li a.active {color: #111;}
.tab_title li ul.active {height: 60px;}
.tab_title:after {display: block; content: ""; clear: both;}
.tab_2depth_title ul {text-align: center;}
.tab_2depth_title ul li {display: inline-block; padding: 15px;}
.tab_2depth_title ul li a {display: block; padding: 10px 20px;}
.tab_2depth_title ul li a:hover {text-decoration: underline;}

/* .cont_tab_title {position: absolute; height: 50px;top: 40px;left: 220px;padding: 30px 0;} */
.cont_tab_title {height: 0px; overflow: hidden;}
.cont_tab_title.active {height: 50px;}

.cont_tab_title ul {/* right: 0; *//* top: 50%; *//* transform: translatey(-50%); *//* overflow: hidden; */}
.cont_tab_title ul li {display: inline-block;margin-left: 100px;}
.cont_tab_title ul li:first-child {margin-left: 0;}
.cont_tab_title ul li a {position: relative;font-size: 1.125rem;color: #666;cursor: pointer;}
.cont_tab_title ul li a.on {color: #0079cc;font-weight: 700;/* text-shadow: 0.5px 0.1px 0.1px #0079cc; */}
.cont_tab_title ul li a.on:after {display: block;content: "";position: absolute;left: 50%;transform: translatex(-50%);width: 1px;/* height: 60px; */background: #0079cc;/* z-index: 1; */top: 35px;}

.cont_tab_body ul {}
.cont_tab_body_txt {}
.cont_tab_body_txt h5 {position: relative; font-size: 1.75rem; padding-bottom: 20px; margin-bottom: 25px; color: #000;}
.cont_tab_body_txt h5:after {position: absolute; display: block; content: ""; left: 0; bottom: 0; width: 50px; height: 1px; background: #c9d2d8;}
.cont_tab_body_txt p {font-size: 1.15rem;color: #333;text-align: center;margin-bottom: 20px;}
.cont_tab_body_txt img {width: 52%;/* margin-bottom: 20px; */}


/* intro */
.sub_body {margin-top: 165px;}
.tab_cont {position: relative;/* overflow: hidden; */transition: all 1.5s;margin-top:0%;}
.tab_cont li.active {display: block;}
.tab_cont.on {margin-top:0%;}

.cont_section {min-height: 350px;/* padding-top: 50px; */padding-bottom: 50px;}
.cont_section img {width: 100%;}
.cont_section h4 {position: relative; font-size: 1.85rem;padding-bottom: 15px;margin-bottom: 30px;}
.cont_section h4:after {display: block;content: "";position: absolute;left: 5px;width: 50px;height: 2px;background: #273e82;bottom: 0;}
.intro_txt {float: left;width: 50%;/* padding: 30px; */text-align: left;}
.intro_txt .intro_title {font-size: 1.75rem;color: #111;margin-bottom: 20px;}
.intro_txt .intro_body {font-size: 1rem;color: #666;}
.intro_img {position: relative;float: right;width: 40%;/* padding: 30px; */}
.intro_img_title {font-size: 1.75rem;color: #a6adb1;text-shadow: 1.1px 1.1px 1.1px #dfdfdf;font-family: 'NanumMyeongjo';/* font-weight: 700; */}
.intro_img:after {display: block;content: "";position: absolute;width: 50%;height: 50%;background: #eee;right: -50px;top: 0px;z-index: -1;}

.sect_2 {/* background: #f3f8ff; */}
.m_history_txt {display: none;}
.history_txt {position: relative;margin: 50px auto;}
.history_txt ul li {color: #000;}
.history_txt:before {display: block;content: "";position: absolute;width: 1px;height: 100%;left: 50%;transform: translatex(-50%);background: #a8a8a8;top: 20px;/* z-index: 1; */}
.history_txt dl dt {position: relative; font-size: 2.5rem;letter-spacing: -1px;color: #444;line-height: 1.5rem;font-weight: 700;}
.history_txt dl dt:after {display: block;content: "";position: absolute;width: 10px;height: 10px;top: 50%;background: #273e82;border-radius: 50%;/* left: 0; */margin-left: -5px;}
.history_txt dl dd {position: relative;width: 75%;line-height: 2rem;font-size: 1.05rem;}
.history_txt dl dd:after {display: block;content: "";position: absolute; width: 3px;height: 3px;top: 50%;background: #273e82;border-radius: 50%;/* left: 0; */margin-left: -5px;}
.history_txt dl:nth-child(odd) {float: right;width: 50%;}
.history_txt dl:nth-child(odd) dt {float: left;padding-left: 30px;}
.history_txt dl:nth-child(odd) dt:after {left: 0;}
.history_txt dl:nth-child(odd) dd {float: right; padding-left: 8px;}
.history_txt dl:nth-child(odd) dd:after {left: 0;}
.history_txt dl:nth-child(even) {float: left; width: 50%;}
.history_txt dl:nth-child(even) dt {float: right; padding-right: 30px;}
.history_txt dl:nth-child(even) dt:after {right: -5px;}
.history_txt dl:nth-child(even) dd {text-align: right;padding-right: 15px;}
.history_txt dl:nth-child(even) dd:after {right: 0;}
.history_txt dl:nth-child(2) {margin-top: 120px;}
.history_txt dl:nth-child(3) {margin-top: 250px;}
.certifi {position: relative; margin: 50px auto;}
.certifi li {position: relative;display: inline-block;width: 25%;text-align: center;}
.certifi_img {position: relative;margin: 8%;box-shadow: 0px 0.1px 15px rgba(0,0,0,.02);}
.certifi img {height: 100%;}
.certifi_bg {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;height: 90%;background: rgba(0,0,0,.7);color: #fff;/* font-weight: 700; *//* padding-top: 30%; */opacity: 0;transition: all .3s;}
.certifi_txt {position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.certifi_txt p {margin-bottom: 10px;}
.certifi li:hover .certifi_bg {opacity: 1;}
.contact_us ul:first-child{margin-top:100px;}
.contact_us ul:last-child{margin-bottom: 100px;}
.contact_info {margin-top:100px;}
.contact_info li {float: left; width: 50%; padding: 20px;}
.contact_info li h5 {font-size: 1.25rem;color: #333;margin-bottom: 10px;}
.contact_info li p {margin-bottom: 3px;font-size: 1.15rem;}
.contact_info li .btn_map {border: 0;background: #273e82;color: #fff;padding: 4px 16px;margin-top: 10px;border-radius: 2px;font-size: 0.875rem;cursor: pointer;}
.cont_section:after, .history_txt:after, .history_txt dl:after, .certifi:after, .contact_info:after {content: ""; display: block; clear: both;}



/*smart factory*/
.cont_parti_line {border-bottom: 1px solid #c9d2d8;}
.summary_img {float: right;width: 55%;height: 230px;background: #333;margin-top: 30px;background: url(/images/smartfactory/smart_solution.jpg) no-repeat;}
.summary_img img {height: 100%;}
.summary_txt {/* float: left; *//* font-family: 'nanumGothic-bold'; */font-size: 1.25rem;color: #666;text-align: left;width: 100%;/* border: 1px solid; */padding: 50px 0;/* margin-top: 30px; *//* line-height: 2.3rem; */text-align: center;border-bottom: 1px solid #c9d2d8;}
.summary_txt h5 {font-size: 1.75rem;margin-bottom: 20px;font-weight: 900;}
.summary_txt1 {padding-top: 25px;}
.explain_txt {/* padding: 20px 20px 0; *//* font-size: 1.15rem; */text-align: center;color: #666;}
.explain_txt p {margin-bottom: 15px;}
.explain_img {padding: 20px 120px;overflow: hidden;}
.explain_img p {float: left;padding-top: 38px;}
.summary_txt1 {padding-top: 25px;}
.btn_link {border: 0;background: #273e82;color: #fff;padding: 6px 16px;margin-top: 10px;border-radius: 2px;font-size: 0.875rem;cursor: pointer;width: 150px;margin-right: 20px;margin-top: 35px;font-family: 'nanmuGothic-bold';font-weight: 700;}
.imple_txt {border-bottom: 0; padding-bottom: 25px;}
.sol_title h5 {font-size: 1.5rem;}
.sol_txt {text-align: left; font-size: 1.15rem; color: #666; margin-bottom: 50px;}
.sol_txt dt {position: relative;font-weight: 700;padding-top: 5px;margin: 15px auto;font-size: 1.25rem;}
.sol_txt dd {position: relative; padding-left: 12px;margin-bottom: 20px;}
.sol_txt dd:last-child {margin-bottom: 30px;}
/*.sol_txt dt:after {display: block;content: "";position: absolute;left: 0;top: 0; width: 20px;height: 2px;background: linear-gradient(180deg, #0079cc, #114569 100%);display: none;}*/
.sol_txt dd:after {display: block;content: "";position: absolute;left: 0;top: 13px;width: 3px;height: 3px;background:#114569;}
.sol_txt img {width: 100%;}
.sol_body_sf { padding-left: 50px; padding-right: 50px;}
.sol_body_sf dd {text-align: center;}
.sol_body_sf button {display: table; margin: 0 auto;}

.sol_txt:last-child {margin-bottom: 0;}
.sol_intro_sf {/* background: url(/images/sub_smartfactory/sf_cont_1.png) no-repeat right center; *//* background-size:500px !important; */}
.sol_intro_sf dt {float: left;width: 33.333%;height: 130px;background: #fff;padding: 48px 30px;margin-right: 80px;border-radius: 2px;box-shadow: 10px 1px 16px rgba(58,59,69,.15);font-weight: 700;text-align: right;color: #333;font-size: 1.5rem;}
.sol_intro_sf p {text-align: left;margin-bottom: 0;padding: 48px;}
.sol_intro_erp {background: url(/images/sub_smartfactory/erp.png) no-repeat right center;}
.sol_intro_mes { background: url(/images/sub_smartfactory/mes.png) no-repeat right center;}
.sol_intro_scm {background: url(/images/sub_smartfactory/scm.png) no-repeat right center;}
.sol_intro_pop {background: url(/images/sub_smartfactory/pop.png) no-repeat right center;}
.sol_intro_bms {background: url(/images/sub_smartfactory/bms.png) no-repeat right center;}
.sol_intro {background-size: 350px;padding-bottom: 50px;}
.sol_intro dd {width: 50%;}
.sol_txt:after {content: ""; display: block; clear: both;}
.sol_txt table {width: 100%;border-collapse: collapse;font-size: 1.0625rem;/* border-radius: 5px; */}
.sol_txt table th {border: 1px solid #c9d2d8;padding: 15px;text-align: center;/* margin: 10px; */border-radius: 5px 5px 0 0;}
.sol_txt table td {border: 1px solid #c9d2d8;padding: 15px;line-height: 2rem;vertical-align: top;}
.sol_config_box {border-radius: 10px;width: 100%;/* height: 100%; */padding: 30px 10px 20px;border: 1px dashed #c9d2d8;background: #fff;}
.sol_config table {margin-bottom: 50px;}
.sol_config table th {width: 13%;}
.sol_charac dd {margin-bottom: 10px;}
.sol_benefit th {width: 50%; text-align: center;}
.sol_charac_bms {background: url(/images/sub_smartfactory/bms_charac.png) no-repeat right center; background-size: contain; }
.sol_price .sub_tit {font-size: 1em;}
.sol_price table {font-size: .937em; text-align: center;}
.sol_price table th {background: #56687B; color: #fff; border-radius: 0; }
.sol_price .price_dtl {font-size: .8em; color: #7e7e7e; padding: .5em; }
.sol_price .price_dtl span {display: block; line-height: 1.25; }
.sol_price .price_info {margin-top: 2em; padding: 1.5em; border: 1px solid #ddd; }
.price_info h6 {position: relative; font-size: 1em; margin-bottom: .5em; padding-left: 2em; background: url(/images/icon/ico_info.png) no-repeat left center; }
.price_info ol {font-size: .937em; }
.price_info ol li {position: relative; }



/*big data*/
.bigdata_ex_cate {overflow: hidden;}
.bigdata_ex_cate dd {float: left;width: 25%;height: 300px;padding: 10px;}
.bigdata_ex_cate dd:nth-child(4n) {margin-right: 0;}

.ex_cate {position: relative;}
.ex_gory {position: relative; width: 100%;height: 100%; border: 1px solid #d7d7d7; overflow: hidden;}
.ex_cate .ex_analy_desc {position: absolute;bottom: 0;width: 100%;padding: 10px;height: 50px;background: #fafafa;transition: all .5s;}
.ex_cate .ex_analy_desc h5 {font-size: 1.125rem; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.15);}
.ex_cate:hover .ex_analy_desc {height: 100px;}


.ex_cate1_1 {background: url(/images/sub_bigdata/ex1_1.jpg) no-repeat;background-size: cover;} 
.ex_cate1_2 {background: url(/images/sub_bigdata/ex1_2.jpg) no-repeat;background-size: cover;}
.ex_cate1_3 {background: url(/images/sub_bigdata/ex1_3.jpg) no-repeat; background-size: cover;}

.ex_cate2_1 {background: url(/images/sub_bigdata/ex2_1.jpg) no-repeat; background-size: cover;}
.ex_cate2_2 {background: url(/images/sub_bigdata/ex2_2.jpg) no-repeat; background-size: cover;}
.ex_cate2_3 {background: url(/images/sub_bigdata/ex2_3.jpg) no-repeat; background-size: cover;}
.ex_cate2_4 {background: url(/images/sub_bigdata/ex2_4.jpg) no-repeat; background-size: cover;}


.process_bg th {background: url(/images/bg/process_title.png) no-repeat center;background-size: 130px;height: 135px;border: 0px !important;}
.process_bg td {border: 0 !important; text-align: center;}
.process_bg td P {background: rgba(255,255,255,.85);border-radius: 10px;padding: 10px;min-height: 150px;border: 1px dashed #c9d2d8;font-size: 1rem;margin-bottom: 0;}
.data_tech th {padding: 5px !important; border: 0 !important;}
.data_tech th:first-child {padding-left: 0 !important;}
.table_title {border: 2px solid #0079cc;margin-bottom: 0 !important;padding: 10px;background: #fff;border-radius: 2px;}
.data_tech td {border: 0 !important;border-left: 1px dashed #c9d2d8 !important;}
.data_tech td:first-child {border: 0 !important;}

.data_tech_benefit {position: relative;background: #0079cc;color: #f3f8ff;border-radius: 2px;padding: 65px 20px 20px;text-align: center;font-weight: 700;font-size: 1.25rem;margin-top: 20px;}
.data_tech_benefit:after {position: absolute; display: block; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: url(/images/bg/arrow_bg.png) no-repeat top center; }
.data_tech_benefit th p {background: #fff;color: #333;margin: 0 40px;padding: 10px;border-radius: 50px;}
.data_tech_benefit td {font-weight: 400;}
.data_tech_benefit td {/* border-left: 0px solid !important; */}

.dd_body_dd {font-size: 1rem !important; text-align: left !important; margin-bottom: 0 !important;}
.data_intro_part th, .analy_process th {width: 33.333%;}

.data_intro th, .analy_tech th, .learning_intro th, .visual_tech th {width: 25%;}
.learning_intro td p {min-height: 118px !important;}
.learning_algorithm th {width: 20%;}
.learning_algorithm_bottom {text-align: center;margin-top: 20px;border-bottom: 1px dashed #c9d2d8;border-radius: 2px;padding: 10px 0 25px;}
.learning_algorithm_bottom p {float: left; margin-bottom: 0;}
.learning_algorithm_title {width: 33.333%;height: 100px;background: #fff;padding: 35px 0;margin-right: 25px; border-radius: 2px; box-shadow: 10px 1px 16px rgba(58,59,69,.15); font-weight: 700;}
.learning_algorithm_body {background: #0079cc;border-radius: 50%;width: 100px;height: 100px;margin-left: 30px;color: #fff !important;/* line-height: 50px; *//* vertical-align: middle; */padding-top: 25px;font-size: 1rem !important;/* font-weight: 700; */}
.learning_benefit th {text-align: left !important;width: 15%;border: 0 !important;border-bottom: 1px solid #c9d2d8 !important;padding: 25px 10px 25px 0 !important;}
.learning_benefit td {border: 0 !important;border-bottom: 1px solid #c9d2d8 !important; padding: 25px 10px 25px 0 !important}
.learning_benefit tr:first-child {border-top: 1px solid #666 !important;}
.num_cicle {border-radius: 50%;width: 30px;height: 30px;background: #333;color: #fff;display: inline-block;font-size: 1rem;padding-top: 2px;margin-right: 15px;text-align: center;}
.visual_intro td p {min-height: 118px;}

.learning_algorithm_bottom:after {content: ""; display: block; clear: both;}

/* 로고 텍스트*/
#logo_text {color:rgb(54, 45, 45); opacity: 0.8; line-height:80px; font-size: 1.1rem; }

/* jquery 호출용 */
.blackFont {color:#333 !important;}
.blackColor {background:#333 !important;}


.modal {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 30; transition: all .3s; display : none;}
.modal.active {display: block;}
#m_header {position: fixed;right: 0;top: 0;width: 70%;height: 100%;background-color: rgba(255,255,255,1);z-index: 40;display:none;/* width: 0; */}
#m_header.active {display: block;}
.m_top {height: 90px; position: relative;}
.m_logo {position: relative;height: 100%;padding: 25px 25px;}
.m_logo img {height: 100%;}
.m_gnb {border-top: 1px solid #eee;padding: 0 20px;}
.m_gnb .m_main li {position: relative;;padding-top: 25px;}
.m_gnb .m_main li::after {content: ""; display: block; position: absolute; top: 0; right: 10px; width: 30px; height: 30px; background: url(../images/icon/icon_collection.png) -120px -210px;}
.m_gnb .m_main li.changed::after {content: ""; display: block; position: absolute; top: 0; right: 10px; width: 30px; height: 30px; background: url(../images/icon/icon_collection.png) -162px -210px;}
.m_gnb .m_main li a {display: block;text-indent: 20px;font-size: 1.375rem;font-weight: 700;line-height: 2;}
.m_gnb .m_subs li {padding-top: 0;}
.m_gnb .m_subs li a {font-size: 1.15rem; font-weight: 400; color: #666;}
.m_gnb .m_subs li a:hover {font-weight: 700;}
/* .m_gnb .m_subs li::after {background: none;} */
.m_close {position: absolute;width: 45px;height: 45px;right: 25px;top: 50%;transform: translatey(-50%);background: #666 url(/images/icon/icon_close_w.png) no-repeat center;background-size: 50%;border-radius: 2px;/* margin: 25px auto; */overflow: hidden;z-index: 40;display: none;}
.m_close a {display: block;width: 100%;height: 100%;}
.m_close.active {display: block;}


.m_process {display: none;}
.m_tech {display: none;}
.analy_tech .data_tech_benefit {display: none;}


@media (max-width: 1400px) {
  /* 공통 */
  #fp-nav {display: none;}
  .footer_info ul li {margin-left: 0px; margin-right: 10px;}
  .footer_info ul li a {padding-right: 10px;}
}

@media (max-width: 1280px) {
  /* 공통 */
  html, body {font-size: 14px;}
  #fp-nav {right: -375px;display: none;}
  .ex_cate .ex_analy_desc h5 {font-size: 1rem;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
}

@media (max-width: 1024px) {
  /* 공통 */
  #fp-nav {right: -335px;}
  .bg_txt p{font-size:3rem;}
  .sub_fp-nav {display: none;}
  .cont_section h4 {font-size: 1.5rem;}

  /* sub_bigdata */
  .learning_algorithm_title {width: 27%;}
  .learning_benefit th {width: 20%;}

  /* sub_intro */
  .history_txt dl dt {font-size: 2rem;}
  .history_txt dl dd {}
  .certifi li {}
}

@media (max-width: 768px) {
  /* 공통 */
  .header {height: 90px;padding: 0 20px;}
  #logo {left: 20px; width: 30%}
  .logo_img {padding: 32px 0;}
  #gnb ul {display: none;}
  .icon_login {width: 30px; height: 30px;}
  #gnb .menu_icon {display: block;}
  .quick {right: 15%;top: 35px;}
  .quick a {font-size: 1rem; padding: 5;}
  #fp-nav {display: none;}
  .m_logo {padding: 30px 25px;}
  .footer_info {float : none;}
  .footer_info ul li {margin-left: 20px;}
  .footer_info ul li:first-child a:after {right: -10px;}

  /* sub_bigdata */
  .sub_title_box_cont {padding-left: 7%;}
  .sub_title_box_cont h3 {font-size: 2.5rem;}
  .tab_title li a {font-size: 1.125rem;}
  .cont_tab_body_txt h5 {font-size: 1.5rem;}
  .sub_body {margin-top: 125px;}
  .process_bg {display: none;}
  .process_bg td P {font-size: 0.9rem;}
  .data_tech_benefit {font-size: 1.125rem;}
  .learning_algorithm_bottom {display: none;}
  .bigdata_ex_cate dd {width: 50%;}
  .bigdata_ex_cate dd:nth-child(2n) {margin-right: 0;}

  /* sub_smartfactory */
  .explain_img {padding: 20px 50px;}
  .sol_config table th {width: 15%;padding: 5px;}

  /* sub_intro */
  .intro_txt {width: 56%;}
  .history_txt dl dt {font-size: 1.75rem;}
  .history_txt dl dd {font-size: 0.875rem;}
  .certifi li {width: 31.333%;}
  .contact_us ul:last-child {margin-bottom: 75px;}
}


@media (max-width: 420px) {
  /* 공통 */
  .header, .m_top {height: 70px;}
  .logo_img {padding: 25px 0;}
  #gnb .menu_icon {margin: 15px 0; width: 40px; height: 40px;}
  .quick {top: 23px;}
  .icon_login {width: 25px;height: 25px;}
  #m_header {width: 100%;}
  .m_gnb {padding: 0 10px;}
  /* .m_logo {padding: 18px;} */
  .m_close {width: 40px;height: 40px;right: 18px;}
  .m_gnb .m_main li a {font-size: 1.25rem;}
  .m_gnb .m_subs li a {font-size: 1.125rem;}
  .footer_info {float: none;}
  .footer_copyright {font-size: 0.75rem !important;}

  /* sub_bigdata */
  .sub_title_box {width: 100%;}
  .sub_title_box_cont {padding-left: 5%;}
  .sub_title_box_cont h3 {font-size: 2rem;}
  .tab_title {margin-bottom: 40px;}
  .tab_title li {padding: 0 0 10px;margin-right: 30px;}
  .tab_title li a {font-size: 1rem;}
  .tab_title li ul li {margin-right: 20px;}
  .tab_title li ul li a {font-size: 1rem; padding: 24px 0 0;}
  .sub_body {margin-top: 95px;}
  .data_tech_benefit {background: transparent;color: #666;font-weight: 400;text-align: left;padding: 0 12px;}
  .data_tech_benefit:after {left: 0;top: 10px;width: 3px;height: 3px;background: #114569;}
  .data_tech table {display: none;}
  .m_tech {display: block;margin-top: 15px;padding: 0 15px;}
  .analy_tech .data_tech_benefit:after {display: none;}
  .learning_benefit th {width: 35%;padding: 0 !important;}
  .learning_benefit td {padding: 10px 10px 10px 0 !important;}
  .bigdata_ex_cate dd {width: 100%;}

  /* sub_smart factory */
  .summary_txt {font-size: 14px;}
  .explain_img {padding: 20px 10px;}
  .sol_title h5 {font-size: 1.25rem;}
  .sol_intro dd {width: 100%;}
  .sol_intro_erp, .sol_intro_mes, .sol_intro_scm, .sol_intro_pop {background: none;}
  .sol_intro {padding-bottom: 0;}
  .btn_link {margin-top: 20px;}
  .sol_config table th {width: 25%;}
  .sol_txt dt {font-size: 1.125rem;}
  .sol_txt, .sol_txt table {font-size: 1rem;}
  .sol_txt table th, .sol_txt table td {padding: 5px;}
  
  /* sub_intro */
  .intro_txt {width: 100%;}
  .intro_img {display: block; width:100%; float:none; margin: 0 auto;}
  .intro_bg {height:300px; background:url('/images/sub_intro/ceo2.jpg') center no-repeat; background-size:contain;}
  .intro_img img {display:none;}
  .intro_img:after {right:0px;}
  .history_txt {display: none;}
  .m_history_txt {display: block;}
  .certifi {margin: 20px auto;}
  .certifi li {width: 50%;}
}
@media (max-width: 375px) {
  /* 공통 */
  .tab_title li {margin-right: 20px;}
  .footer_info ul li {margin-left: 0px; margin-right: 10px;}
  .footer_info ul li a {padding-right: 10px;}
}