@charset "utf-8"; 


#wrap {width:100%; height:100%; margin: 0 auto; clear: both;}


#header {position:fixed; z-index:5;   width: 100%; height:100px; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }

.header-wrap { width:100%; max-width:1580px; height:100px; margin:0 auto;clear:both;  position:relative; padding:0 20px; box-sizing:border-box;}
#header.gnb {box-shadow:  0 3px 7px rgba(0, 0, 0, .1);}

#header.on {height:80px;background:#fff;}
#header.on .nav-bar{height:80px;}
#header.on .logo {margin-top:18px;}
#header.on .nav-bar>ul>li {padding-top:25px;}
#header.on .nav-bar>ul>li>ul {top:80px;}
.logo { float:left;  margin-top:30px; display: flex; justify-content: center; align-items: center; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.logo img { height:auto;}
.nav-bar {	display:table; position:relative; float:right;  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.nav-bar ul li{float:left;position:relative; padding:35px 30px 35px;  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.nav-bar ul li:last-child {padding-right:0;}
.nav-bar ul li a{display:block; position:relative; line-height:30px; letter-spacing:0; text-align:left; font-size:18px; color:#000; font-weight:600; -webkit-transition:all 0.3s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
 
.nav-bar ul li a span {position:relative;  line-height:100px; }

.nav-bar ul li:last-child ul {margin-left:-55px;}
.nav-bar ul li ul {
  position: absolute;
  top: 100px;
  z-index: 1;
	width:150px;
left:50%;
	margin-left:-75px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 500ms ease;
  -moz-transition: 500ms ease;
  -o-transition: 500ms ease;
  transition: 500ms ease; 
  background:rgba(0,41,123,0.5);
}
.nav-bar ul li ul:before {content:""; position:absolute; left:50%; top:-4px; width:0; height:4px; background-color:rgba(0,41,123,1); -webkit-transition:all 0.3s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.nav-bar ul li:hover ul:before {left:0; width:100%;}


.nav-bar li:hover ul{
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  }
.nav-bar li ul li{padding:0; width:100%; }
.nav-bar li ul li a{ line-height:50px; color:#ececec; font-size:15px; font-weight:400; text-align:center; display:block; width:100%; border-bottom: 1px solid rgba(255,255,255,0.1);}
.nav-bar li ul li:hover {background:rgba(0,0,0,0.3);}
.nav-bar li ul li:hover a{color:#fff;}

/**********¸ð¹ÙÀÏ ¾Èº¸À̱â*********/
#menu-toggle  {display:none;}
.menu-toggle {display:none;}
.overlay{display:none;}
nav.ham-menu {display:none;}
nav.ham-menu .sns {display:none;}



.main-visual {width:100%; height:100%; position:relative; overflow:hidden;}
.main-img { position:relative; width:100%; height:100%;}
.img-1 {background:url(/images/main-visual-1.png) center no-repeat; background-size:cover;}
.img-2 {background:url(/images/main-visual-2.png) center no-repeat; background-size:cover;}
.img-3 {background:url(/images/main-visual-3.png) center no-repeat; background-size:cover;}
.main-text {width:100%; max-width:1540px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.main-text h2 {font-size:102px; font-weight:900; line-height:1.2; color:#00297b; padding-bottom:50px;}
.main-text p {font-size:20px; font-weight:400; line-height:30px; color:#000;}
.main-text p span {display:block;}
.main-visual .slick-dots {bottom:20%; left:50%; transform:translate(-50%, -50%); position:absolute;}




/********************¼­ºêÆäÀÌÁö********************/

/*¼­ºêºñÁÖ¾ó*/
.sub-visual {width:100%; height:415px; position:relative; z-index:-1; display:block; padding-top:100px; }
.sub-bg-1 { background:url(/images/sub-visual-1.png) bottom center no-repeat;}
.sub-bg-2 { background:url(/images/sub-visual-2.png) bottom center no-repeat;}
.sub-bg-3 { background:url(/images/sub-visual-3.png) bottom center no-repeat;}
.sub-bg-4 { background:url(/images/sub-visual-4.png) bottom center no-repeat;}
.sub-visu-text {position:absolute; width:100%; max-width:1200px; margin:0 auto; top:55%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.sub-visu-text h2 {font-size:24px; line-height:1; font-weight:500; color:#8dc63f; }
.sub-visu-text h3 {font-size:46px; line-height:1.5; font-weight:500; color:rgba(255,255,255,0.5);}

/*¼­ºê°øÅë*/
.article {width:100%; margin-top:-60px; background:url(/images/company-bg-1.png) top left no-repeat; position:relative; z-index:0; overflow:hidden;}
.article-2 {width:100%; margin-top:-60px; background:url(/images/solution-bg-1.png) top left no-repeat; position:relative; z-index:0; overflow:hidden;}
.article.bg-1:after {position:absolute; content:''; width:100%; height:100%; top:0; right:0;  background:url(/images/company-bg-1-2.png) top right no-repeat; z-index:1;}
.article-body {width:100%; max-width:1200px; margin:0 auto 150px; }
.article-text-body-1 {  position:relative; margin-top:70px; width:100%; background:#fff; box-sizing:border-box; padding:0 2.5%;}
.article-text-body-2 { position:relative; margin-top:70px; width:100%; background:#f4f4f4;box-sizing:border-box; padding:0 2.5%;}
.article-text{width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:30px 0 90px; }
.sub-title-1 { width:100%; text-align:center; position:relative; z-index:2; position:relative;}
.sub-title-1:after {position:absolute; content:''; width:60px; height:2px; background:#000; transform:rotate(-45deg); bottom:-60px; left:50%; margin-left:-30px; }
.sub-title-1 h2 {font-size:36px; color:#000; font-weight:600; line-height:1;}
.sub-title-1 h3 {font-size:60px; line-height:1; color:#000; font-weight:600; }

.sub-title-2 { width:40%; float:left;  box-sizing:border-box; padding-lefT:50px; text-align:left; display:block; position:relative;z-index:2; }
.sub-title-2:after {position:absolute; content:''; width:60px; height:2px; background:#000; transform:rotate(-45deg); top:24px; right:0; }
.sub-title-2 h2 {font-size:36px; color:#000; font-weight:600; line-height:1;}
.sub-title-2 h3 {font-size:60px; line-height:1; color:#000; font-weight:500; }

.sub-text-1 {width:60%; box-sizing:border-box; padding:0 30px 0 50px; display:inline-block;}
.sub-text-1 p {font-size:16px; font-weight:400; color:#000;}
/*ȸ»ç¼Ò°³*/
.about-1 {width:100%; max-width:1200px; margin:50px auto 130px; position:relative; z-index:2;}
.about-1 p {font-size:16px; color:#666; text-align:center;}

.about-2 {width:100%; padding:75px 0 150px; background:url(/images/company-bg-2.png) top center no-repeat;}
.about-box-body {width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}
.about-box {width:22%; margin-right:4%; float:left; background:url(/images/company-bg-3.png) left top no-repeat;} 
.about-box:last-child {margin-right:0;}
.about-box-img {margin-top:61px; width:100%; background:#fff; padding-bottom:20px;}
.about-box-img img {margin:0 auto; max-width:100%; display:block;}
.about-box-text {padding:40px 10px 70px; background:#fff; position:relative; text-align:center;}
.about-box-text:after {position:absolute; content:''; width:25px; height:2px; background:#8dc63f; top:0; left:50%; transform:translateX(-50%);}
.about-box-text p {font-size:16px;  color:#666; font-weight:400;}
.about-box-text b {font-size:18px; color:#000; font-weight:500; line-height:24px;}
.about-box-text p span {line-height:24px; display:block;}

/*¿¬Çõ*/
.history {width:100%; }

ul.tabs {
	width:100%;
	margin-bottom:100px;
	overflow:hidden;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
}
ul.tabs.tabs-2 {
	width:60%;
	margin:0 20%;
	overflow:hidden;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
}
ul.tabs li {
   float:left; 
   width:25%;
   box-sizing:border-box;
}
ul.tabs.tabs-2 li {
   float:left; 
   width:50%;
   box-sizing:border-box;
}
ul.tabs li:last-child {margin-right:0;}
ul.tabs li a{
  display:block;  box-sizing:border-box; border-top:1px solid #003e7d; border-bottom:1px solid #ddd; color:#000; font-size:18px;line-height:60px; height:60px; width:100%; 
  text-align:center;background:#fff; font-weight:400;font-family:'Noto Sans KR'; cursor:pointer; position:relative;}
ul.tabs li a:after {position:absolute; content:''; width:1px; height:20px; background:#eaeaea; top:20px; right:0;}
ul.tabs li:last-child a:after {display:none;}
ul.tabs li.active a{ color:#fff; background:#003e7d; border-color:#003e7d; font-weight:500;}
ul.tabs li.active a:after {display:none;}

.tab_bg {width:1px; height:18px; margin:16px 18px; background:#eaeaea;float:left; }
ul.tabs>a.more{width:25px; height:25px; margin-top:12px; float:right;}

.year {width:100%; position:relative; overflow:hidden;}
.year:after {position:absolute; content:''; width:1px; height:100%;  background:#ddd; top:20px; left:25%;}
.year-box {width:100%; display:block; margin-bottom:50px; position:relative; overflow:hidden;}
.year-box:last-child {margin-bottom:0;}
.year-box:last-child:after {position:absolute; content:''; width:1px; height:100%; background:#fff; top:20px; left:25%;  z-index:1;}
.year-left {width:25%; float:left; text-align:right; box-sizing:border-box; padding-right:50px; font-size:30px; line-height:30px; color:#003e7d; font-weight:600; position:relative;}
.year-left:after {position:absolute; content:''; width:8px; height:8px; border-radius:50%; top:14px; right:-4px; background:#8dc63f;  z-index:3;}
.year-left:before {position:absolute; content:''; width:14px; height:14px; border:1px solid #8dc63f; border-radius:50%; top:10px; right:-8px; background:#fff;  z-index:2;}
.year-right {width:75%; float:left; text-align:left; box-sizing:border-box; padding-left:50px; padding-top:40px;}
.year-right p { font-size:16px; color:#000; padding-left:15px; position:relative;}
.year-right p:after {position:absolute; content:''; width:2px; height:2px; background:#333; top:14px; left:0;}


/*°ü°è»ç*/
.partner {width:100%;}
.partner-text {text-align:center; margin-bottom:60px;}
.partner-text h2{margin:100px 0 40px; padding-top:10px; position:relative; font-size:34px; line-height:1; font-weight:400; color:#000; }
.partner-text h2:after {position:absolute; content:''; width:25px; height:2px; background:#003e7d; top:0; left:50%; margin-left:-12px;}
.partner-text p {font-size:16px; color:#666; line-height:24px; font-weight:300;}
.partner-text p span {display:block;}
.partner-body {width:100%; max-width:1200px; margin:0 auto;}
.partner-body .ptn-img{margin:60px auto; display:block; max-width:100%;}
.partner-table {width:100%; display:inline-block; border-top:1px solid #000; border-bottom:1px solid #e1e1e1; overflow:hidden; position:relative;}
.partner-table:after {position:absolute; content:''; width:1px; height:100%; background:#e1e1e1; top:0; left:33.333%;}
.partner-table:before {position:absolute; content:''; width:1px; height:100%; background:#e1e1e1; top:0; left:66.666%;}
.partner-table ul{width:33.333%; height:100%; float:left; }
.partner-table ul li {width:100%; text-align:left; font-size:15px; line-height:30px; color:#333; font-weight:400; padding:30px 50px; box-sizing:border-box;    word-break: break-all;}
.partner-table ul li:first-child {background:#f8f8f8;text-align:center; line-height:30px; padding:10px 30px; font-size:16px; color:#333; font-weight:500; box-sizing:border-box;}

.partner-table-2 {width:100%; display:inline-block; border-top:1px solid #000; overflow:hidden; position:relative;}
.partner-table-2 ul{width:100%; height:100%; display:block; overflow:hidden; box-sizing:border-box;border-bottom:1px solid #e1e1e1;position:relative; }
.partner-table-2 ul li {width:50%; float:left; text-align:center; font-size:15px; color:#333; font-weight:400; padding:30px 10px; box-sizing:border-box;    word-break: break-all;}
.partner-table-2 ul:after {position:absolute; content:''; width:1px; height:100%; background:#e1e1e1; top:0; left:50%;}
.partner-table-2 ul:first-child:after {display:none;}
.partner-table-2 ul:first-child li {background:#f8f8f8;text-align:center; line-height:30px; padding:10px 30px; font-size:16px; color:#333; font-weight:500; box-sizing:border-box; width:100%;}


/*ȸ»çÀ§Ä¡*/
.location-body {width:100%;}
.address {width:100%; margin-top:50px; border-top:1px solid #000; border-bottom:1px solid #ddd; overflow:hidden; padding:35px 0;}
.address ul {float:left; width:50%;}
.address ul li {width:80%; float:left;}
.address ul li img{float:right; margin-right:30px; max-width:100%; display:block; }
.address ul li:first-child {width:20%;}
.address ul li p {font-size:15px; font-weight:400; color:#333; line-height:30px;}
.address ul li p span {display:block; line-height:30px; font-weight:600; font-size:16px;}


/******solution*****/
.lms {margin-top:100px;}
.solution-body {width:100%; margin-top:120px;}
.solution-body h2 {font-sizE:30px; font-weight:500; color:#000; padding-top:10px; line-height:1; margin-bottom:30px; position:relative;}
.solution-body h2:after {position:absolute; content:''; width:25px; height:2px; background:#003e7d; top:0; lefT:0;}
.sol-text {font-size:16px; color:#666; line-height:20px; font-weight:300; margin:40px 0 30px; padding:15px 30px;  border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;}
ul.tabs.tabs-3 {
	width:70%;
	margin:0 15%;
	overflow:hidden;
		border-left:1px solid #ddd;
		border-right:1px solid #ddd;
}
ul.tabs.tabs-3 li {
   float:left; 
   width:25%;
   box-sizing:border-box;
}
.sol-1-body {width:100%; overflow:hidden;}
.sol-1-body ol {width:100%; overflow:hidden; display:block; margin:20px 0; position:relative;}
.sol-1-box {width:33.333%; float:left; box-sizing:border-box; padding:0 10px 0 65px; position:relative;  display: flex;  align-items: center;}
.sol-1-box:after {position:absolute; width:48px; height:48px; top:0; left:0; border-radius:50%; background:#cccccc; line-height:48px; text-align:center; color:#fff;}
.sol-1-box.box-1:after{content:'01';}
.sol-1-box.box-2:after{content:'02';}
.sol-1-box.box-3:after{content:'03';}
.sol-1-box.box-4:after{content:'04';}
.sol-1-box.box-5:after{content:'05';}
.sol-1-box.box-6:after{content:'06';}
.sol-1-box.box-7:after{content:'07';}
.sol-1-box p {font-size:16px; color:#000;line-height:20px; font-weight:400; }
.sol-1-box p span {display:block;}
.sol-1-body.body-2 .sol-1-box {width:50%; float:left; box-sizing:border-box; min-height:48px;}
.sol-table-1 {width:100%;}
.sol-table-1 h3 {font-size:24px; color:#000; font-weight:500; display:block; margin-bottom:10px;}
.sol-table-box {width:100%; border-top:1px solid #000; border-bottom:1px solid #ddd; overflow:hidden;  position:relative;}
.sol-table-box p {width:50%; float:left; box-sizing:border-box; padding:15px 30px;}
.sol-table-box:after {position:absolute; content:''; width:1px; height:100%; background:#ddd; top:0; left:50%;}

.sol-table-box-2{overflow:hidden; position:relative;}
.sol-table-box-2:after {position:absolute; content:''; width:1px; height:100%; background:#ddd; top:0; left:50%;}
.sol-table-2 {overflow:hidden; width:100%;border-bottom:1px solid #ddd; margin-top:50px; position:relative;} 
.sol-table-2 h3 {font-size:24px; color:#000; font-weight:500; display:block; margin-bottom:10px; background:#fff; z-index:1;}
.sol-table-2 ul {width:50%; float:left;}
.sol-table-2 li {width:100%; box-sizing:border-box;padding:30px 40px; font-size:15px; font-weight:400; line-height:30px; color:#333;  text-align:left;}
.sol-table-2 li:first-child {text-align:center; background:#f8f8f8; font-size:18px; font-weight:600; color:#333; padding:10px 40px; border-top:1px solid #000;  }

.sol-table-3 {overflow:hidden; width:100%;border-bottom:1px solid #ddd; margin-top:50px; position:relative;}
.sol-table-box-3{overflow:Hidden; position:relative;}
.sol-table-box-3:after {position:absolute; content:''; width:1px; height:100%; background:#ddd; top:0; left:33.333%;}
.sol-table-box-3:before {position:absolute; content:''; width:1px; height:100%; background:#ddd; top:0; left:66.666%;}
.sol-table-3 h3 {font-size:24px; color:#000; font-weight:500; display:block; margin-bottom:10px; background:#fff; z-index:1;}
.sol-table-3 ul {width:33.333%; float:left;}
.sol-table-3 li {width:100%; box-sizing:border-box;padding:30px 40px; font-size:15px; font-weight:400; line-height:30px; color:#333;  text-align:left;}
.sol-table-3 li:first-child {text-align:center; background:#f8f8f8; font-size:16px; font-weight:500; color:#333; padding:10px 40px; border-top:1px solid #000;  }


.sol-2-body {width:100%; overflow:hidden; border-top:1px solid #000; position:relative;}
.sol-2-body ol {border-bottom:1px solid #ddd;  overflow:hidden; position:relative;}
.sol-2-body ol:after {position:absolute; content:''; width:1px; height:100%; background:#ddd; top:0; left:50%;}
.sol-2-body ol.no-after:after {display:none;}
.sol-2-box {padding:30px 45px; width:50%; float:left; box-sizing:border-box; position:relative;}
.sol-2-box p {padding-left:75px;min-height:48px; }
.sol-2-box p span {display:block; font-size:18px; color:#000; font-weight:500; margin-bottom:5px;}
/*ÁÖ¿ä±â´É ¾ÆÀÌÄÜ*/
.sol-2-box.box-1 p {background:url(/images/icon-4.png) left top no-repeat;}
.sol-2-box.box-2 p {background:url(/images/icon-5.png) left top no-repeat;}
.sol-2-box.box-3 p {background:url(/images/icon-6.png) left top no-repeat;}
.sol-2-box.box-4 p {background:url(/images/icon-7.png) left top no-repeat;}
.sol-2-box.box-5 p {background:url(/images/icon-8.png) left top no-repeat;}
.sol-2-box.box-6 p {background:url(/images/icon-9.png) left top no-repeat;}
.sol-2-box.box-7 p {background:url(/images/icon-10.png) left top no-repeat;}
.sol-2-box.box-8 p {background:url(/images/icon-11.png) left top no-repeat;}
.sol-2-box.box-9 p {background:url(/images/icon-12.png) left top no-repeat;}
.sol-2-box.box-10 p {background:url(/images/icon-13.png) left top no-repeat;}
.sol-2-box.box-width {width:100%;} /*¹Ú½º width 100%*/
.sol-2-box.box-11 p {background:url(/images/icon-14.png) left top no-repeat;}
.sol-2-box.box-12 p {background:url(/images/icon-15.png) left top no-repeat;}
.sol-2-box.box-13 p {background:url(/images/icon-16.png) left top no-repeat;}
.sol-2-box.box-14 p {background:url(/images/icon-17.png) left top no-repeat;}
.sol-2-box.box-15 p {background:url(/images/icon-18.png) left top no-repeat;}
.sol-2-box.box-16 p {background:url(/images/icon-19.png) left top no-repeat;}
.sol-2-box.box-17 p {background:url(/images/icon-20.png) left top no-repeat;}
.sol-2-box.box-18 p {background:url(/images/icon-21.png) left top no-repeat;}
.sol-2-box.box-19 p {background:url(/images/icon-22.png) left top no-repeat;}
.sol-2-box.box-20 p {background:url(/images/icon-23.png) left top no-repeat;}
.sol-2-box.box-21 p {background:url(/images/icon-24.png) left top no-repeat;}
.sol-2-box.box-22 p {background:url(/images/icon-25.png) left top no-repeat;}
.sol-2-box.box-23 p {background:url(/images/icon-29.png) left top no-repeat;}


.sol-3-body {width:100%; overflow:hidden; padding:50px; box-sizing:border-box; background:#f3f3f3;}
.sol-3-box {width:25%; float:left; }
.sol-3-box.wid50{width:50%;}
.sol-3-box p { width:100%; display:block; padding-left:15px; margin-bottom:10px; font-size:16px; color:#000; position:relative; box-sizing:border-box;}
.sol-3-box p:after{position:absolute; content:''; width:3px; height:3px; top:10px; left:0;background:#000;}
.sol-3-box-2 {width:100%; float:left; }
.sol-3-box-2 h3 {font-size:22px; line-height:30px; color:#003e7d; font-weight:500; display:block; margin:30px 0 10px;}
.sol-3-box-2 p { width:50%;float:left; display:block; padding-left:15px; line-height:30px; font-size:16px; color:#000; position:relative; box-sizing:border-box;}
.sol-3-box-2 p:after{position:absolute; content:''; width:3px; height:3px; top:14px; left:0;background:#000;}
.sol-3-box-2 p a {display:block; font-size:16px; color:#000; line-height:30px; word-break: break-all;}
.sol-3-box-2 p a.link-icon-1 {padding-lefT:25px; background:url(/images/link-icon-1.png) left center no-repeat;}
.sol-3-box-2 p a.link-icon-2 {padding-lefT:35px; background:url(/images/link-icon-2.png) left center no-repeat;}
.sol-3-box-2 p a.link-icon-3 {padding-lefT:35px; background:url(/images/link-icon-3.png) left center no-repeat;}
.sol-3-img {width:32.666%; float:left; margin-right:1%;}
.sol-3-img:last-child {margin-right:0;}
.sol-3-img img {max-width:100%; display:block;}
.sol-3-img-2 {width:19.2%; float:left; margin-right:1%;}
.sol-3-img-2:last-child {margin-right:0;}
.sol-3-img-2 img {max-width:100%; display:block;}
.sol-3-img-3 {width:24.25%; float:left; margin-right:1%;}
.sol-3-img-3:last-child {margin-right:0;}
.sol-3-img-3 img {max-width:100%; display:block;}


/**contact**/
.contact{overflow:hidden; width:100%;border-bottom:1px solid #ddd; position:relative;} 
.contact ul {width:33.33%; float:left; border-right:1px solid #ddd; box-sizing:border-box;  border-top:1px solid #000; }
.contact ul:last-child{border-right:0;}
.contact li {width:100%; box-sizing:border-box;padding:30px 40px;text-align:center; }
.contact li:first-child { background:#f8f8f8; font-size:16px; font-weight:500; color:#333; padding:10px 40px;  }
.contact li h2 {font-size:24px; font-weight:500; color:#000; line-height:30px; margin-bottom:10px;}
.contact li p {font-size:15px; font-weight:400; color:#333;  display:table; padding:10px 40px;margin:2px auto;}
.contact-icon-1 {background:url(/images/icon-30.png) left center no-repeat;}
.contact-icon-2 {background:url(/images/icon-28.png) left center no-repeat;}



/***********footer***********/
footer {background:#0b0b0b;}
.footer-wrap {width:100%; max-width:1580px; margin:0 auto; padding:40px 20px; display:table; box-sizing:border-box;}
.footer-left {width:15%; float:left;}
.footer-left img {display:block; max-width:100%;}
.footer-mid {width:60%; float:left;}
.footer-mid p {font-size:14px; line-height:20px; font-weight:400; color:#666;}
.footer-mid p span {line-height:20px; padding-right:10px; margin-right:6px; position:relative;}
.footer-mid p span:after {position:absolute; content:''; width:1px; height:10px; top:6px; right:0; background:#666;}
.footer-mid p span:last-child:after {display:none;}
.footer-right {width:25%; float:left;}
.footer-right div {float:right;}
.f-link {width:9px; height:35px; margin-right:20px; background:url(/images/icon-1.png) center no-repeat;}
.familySite {
  position: relative;
  width:195px;
}
.familySite>a {
  display:block;
  background: none;
  color:#fff;
  padding:0 10px;
  font-size:12px;
  border:1px solid #fff;
  height:35px;
  line-height:35px;
  width:100%;
  box-sizing:border-box;
  cursor:pointer
}
.familySite span {
  float:right;
}
.familySite div {
  display:none;
  position:absolute;
  z-index:100;
  bottom:34px;
  left:0;
  width:100%;
  border: 1px solid #DDD;
  border-bottom:0px;
  width:195px;
  box-sizing:border-box;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.familySite div a {
  display:block;
  padding:0 10px;
  height:35px;
  font-size:12px;
  color:#fff;
  line-height:35px;
  font-weight:400;
  box-sizing:border-box;
  background:#0b0b0b;
  border-bottom:1px solid #ececec;
 
}
.familySite div a:first-child {
  border-top:none;
}
.fam {width:12px; height:35px; background:url(/images/arrow-1.png) left center no-repeat;}
.fam.active {width:12px; height:35px; transform:rotate(180deg);}

.langzoom {display:block;margin-top:13px; overflow:hidden; margin-bottom:1px;}
.family_site {box-sizing: border-box;
    overflow: hidden;
    float: left;
    width: 75px;
    height: 26px;
    margin-right: 1px;
    border: 1px solid #dedede;
    background:none;
	}
.hidden, legend {
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.family_site select{width: 73px;
    height: 24px;
    padding: 0;
    border: none;
    background: url(/images/arrow-1.png) no-repeat 90px 50%;
    padding-left: 4px;
    font-weight: 300;
    font-size: 12px;
    line-height: 27px;
    color: #000;}




/* media size setting start */
@media all and (max-width:1200px) {
	#header {height:80px;}
	.header-wrap {width:95%; margin:0 2.5%; padding:0; height:80px;}
	.logo {margin-top:24px;}

	.nav-bar {	display:none; }
	.sns {margin-right:70px;}
	label.menu-toggle {
	  cursor: pointer;
	  display: inline-block;
	  position: fixed;
	  top: 29px;
	  right: 2.5%;
	  z-index: 99;
	  max-height:80px;
	  overflow:hidden;
	  transition: -webkit-transform 0.3s ease;
	  transition: transform 0.3s ease;
	  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
	
	.line {
	  display: block;
	  width: 26px;
	  height: 2px;
	  background: #000;
	  border-radius: 6px;
	  transition: -webkit-transform 0.3s ease;
	  transition: transform 0.3s ease;
	  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
	.line-2 {width:18px;} 
	.line + .line {
	  margin-top: 8px;
	}

	.overlay {
	  display: block;
	  position: fixed;
	  top: 80px;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: 2;
	  pointer-events: none;
	  background: rgba(0, 0, 0, 0.5);
	  opacity: 0;
	  transition: opacity 0.3s ease;
	}

	.page {
	  position: relative;
	  padding: 50px;
	  transition: -webkit-transform 0.3s ease;
	  transition: transform 0.3s ease;
	  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	  z-index: 1;
	}

	nav.ham-menu {
	  position: fixed;
	  display:block;
	  top: 79px;
	  right: 0;
	  bottom: 0;
	  background:#fff;
	  width: 40%;
	  border-top:1px solid #eaeaea;
	  min-width:320px;
	  -webkit-transform: translateX(100%);
			  transform: translateX(100%);
	  transition: all 0.3s ease;
	  z-index: 5;
	}
	nav.ham-menu:after {
	  content: '';
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  z-index: 3;
	  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
	  opacity: 0;
	  pointer-events: none;
	}

	nav.ham-menu ul {
	  padding: 0;
	  list-style: none;
	  border-bottom:1px solid #ddd;
	  background: #fff;
	}

	nav.ham-menu li {
	display:block;
	  -webkit-transform: translateX(100%);
			  transform: translateX(100%);
	  transition: -webkit-transform 0.3s ease;
	  transition: transform 0.3s ease;
	  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
	nav.ham-menu li p{
		color: #454545;
		line-height: 50px;
		text-align: center;
		font-size: 16px;
		display: block;}
	ul.sub{border-bottom:none;}
	nav.ham-menu li:nth-child(n+1) {
	  transition-delay: 0.1s;
	}
	nav.ham-menu li:nth-child(n+2) {
	  transition-delay: 0.13s;
	}
	nav.ham-menu li:nth-child(n+3) {
	  transition-delay: 0.16s;
	}
	nav.ham-menu li:nth-child(n+4) {
	  transition-delay: 0.19s;
	}
	nav.ham-menu li:nth-child(n+5) {
	  transition-delay: 0.22s;
	}
	nav.ham-menu li:nth-child(n+6) {
	  transition-delay: 0.25s;
	}
	nav.ham-menu li:nth-child(n+7) {
	  transition-delay: 0.28s;
	}
	nav li:nth-child(n+8) {
	  transition-delay: 0.31s;
	}
	nav li:nth-child(n+9) {
	  transition-delay: 0.34s;
	}
	nav li:nth-child(n+10) {
	  transition-delay: 0.37s;
	}
	nav li:nth-child(n+11) {
	  transition-delay: 0.40s;
	}
	nav li:nth-child(n+12) {
	  transition-delay: 0.36s;
	}
	nav li:nth-child(n+13) {
	  transition-delay: 0.39s;
	}
	nav li:nth-child(n+14) {
	  transition-delay: 0.42s;
	}
	nav li:nth-child(n+15) {
	  transition-delay: 0.45s;
	}
	nav li:nth-child(n+16) {
	  transition-delay: 0.48s;
	}
	nav li:nth-child(n+17) {
	  transition-delay: 0.51s;
	}
	nav li:nth-child(n+18) {
	  transition-delay: 0.54s;
	}
	nav li:nth-child(n+19) {
	  transition-delay: 0.57s;
	}
	nav li:nth-child(n+20) {
	  transition-delay: 0.6s;
	}
	nav li:hover:before {
	  -webkit-transform: scale(1.1, 1);
			  transform: scale(1.1, 1);
	}
	nav li a {
	  display: block;
	  text-align: center;
	  position: relative;
	  color: #364347;
	  cusror: pointer;
	  text-decoration: none;
	  z-index: 2;
	  line-height:40px;
	}

	#menu-toggle {
	  position: fixed;
	  left: -99999999px;
	}
	#menu-toggle:checked ~ .menu-toggle {
	}
	#menu-toggle:checked ~ .menu-toggle .line-1 {
	  -webkit-transform: translateY(10px) rotate(45deg) scale(1.3, 1);
			  transform: translateY(10px) rotate(45deg) scale(1.3, 1);
	  -webkit-transform-origin: 50%;
			  transform-origin: 50%;
	}
	#menu-toggle:checked ~ .menu-toggle .line-2 {
	  -webkit-transform: scale(0);
			  transform: scale(0);
	}
	#menu-toggle:checked ~ .menu-toggle .line-3 {
	  -webkit-transform: translateY(-10px) rotate(-45deg) scale(1.3, 1);
			  transform: translateY(-10px) rotate(-45deg) scale(1.3, 1);
	  -webkit-transform-origin: 50%;
			  transform-origin: 50%;
				  margin-top: 8px;
	}
	#menu-toggle:checked ~ nav {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
	#menu-toggle:checked ~ nav:after {
	  opacity: 1;
	}
	#menu-toggle:checked ~ nav ul li {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
	#menu-toggle:checked ~ .overlay {
	  opacity: 1;
	  pointer-events: all;
	}
	#menu-toggle:checked ~ .page {
	  -webkit-transform: translateX(-300px);
			  transform: translateX(-300px);
	}



		.ham-menu { width:70%; overflow:hidden;clear:both; z-index:96px; -webkit-transition:all 0.4s ease;transition:all 0.4s ease;-moz-transition:all 0.4s ease;}
		.ham-menu li{ width:100%;   border-top:1px solid #eaeaea; }
		.ham-menu li:first-child{ border-top:none;}
		.ham-menu li {color:#454545; line-height:50px;  text-align:center; font-size:16px;  display:block;}
		.ham-menu li a:hover{color:#000; font-weight:400; cursor:pointer; }

		.ham-menu li ul{display:none;  position:relative;}
		.ham-menu li ul li{ width:100%; background:#f3f3f3; font-weight:400;  }
		.ham-menu ul li ul {border-bottom:none;}
		.ham-menu ul li ul li:first-child {border-top:1px solid #eaeaea;}
		.ham-menu ul li ul li a {color:#666; line-height:50px; line-height:50px; text-align:center; font-size:14px; height:50px;display:block; font-weight:400; border-top:1px solid #000;}
		.ham-menu ul li ul li a:first-child{border-top:none;}
		.ham-menu li ul li a:hover {color:#000; font-weight:400;}

	

	/***¸ÞÀκñÁÖ¾ó***/
	.main-text {width:95%; margin:0 2.5%;}
	.main-text h2 {font-size:82px; }
	.main-text p {font-size:20px;  padding:0 50px;}

	/***************¼­ºêÆäÀÌÁö**************/
	/*¼­ºê°øÅë*/
	.article-body  {width:95%; margin:0 2.5% 100px;}
	
	.sub-visual {padding-top:80px;}

	/*ȸ»ç¼Ò°³*/
	.about-1 {width:95%; margin:50px 2.5% 130px;}
	.about-box-body {width:95%; margin:0 2.5%;}
	.about-box {margin-right:2%; width:23.5%;}
	.about-box-text {padding:40px 7px 70px;}

	/*solution*/
	.sol-1-box p span {display:inline}

	.sol-3-box {width:33.333%;}

	/***footer***/
	.footer-wrap { width:95%; margin:0 2.5%;}
	.footer-left {width:20%;}
	.footer-mid {width:55%;}
	.footer-right {width:25%;}
	
}



@media all and (max-width:1024px) {
	
	/***¸ÞÀκñÁÖ¾ó***/
	.main-text h2 {font-size:62px; }
	.main-text p {font-size:16px;  padding:0 30px; }

	/**********¼­ºêÆäÀÌÁö**********/	
	/*¼­ºê°øÅë*/
	.article.bg-1:after {background: url(/images/company-bg-1-2.png) top 40px right -320px no-repeat;}
	.sub-visu-text h2 {font-size:22px;}
	.sub-visu-text h3 {font-size:40px;}
	.article-text {padding:50px 0;}
	.lms{margin-top:50px;}
	.sub-title-1 h2{font-size:32px;}
	.sub-title-1 h3{font-size:48px;}
	.sub-title-2 h2{font-size:32px;}
	.sub-title-2 h3{font-size:48px;}

	/*ȸ»ç¼Ò°³*/	
	.about-box {margin-right:2%; width:23.5%;}
	.about-box-text {padding:30px 8px 50px;}
	.about-box-text p {font-size:12px;} 
	.about-box-text b {font-size:15px;} 
	
	/*¿¬Çõ*/
	ul.tabs li a {font-size:16px;}
	.year-left {font-size:26px;}

	/*°ü°è»ç*/
	.partner-text h2 {font-size:30px;}

	/*ȸ»çÀ§Ä¡*/	
	.address ul li {width:70%;}
	.address ul li:first-child {width:30%;}

	/*solution*/
	.solution-body h2 {font-size:26px;}
	

	.sol-3-box {width:50%;}
	.sol-3-img-2 {width:32%; margin-right:2%; margin-bottom:2%;}
	.sol-3-img-2:nth-child(4) {margin-right:0;}
	
	/***footer***/
	.footer-left {width:100%; float:none;}
	.footer-left img {margin:0 auto;}
	.footer-mid {width:100%; float:none; text-align:center; margin:30px auto;}
	.footer-right {display:table; float:none; text-align:center; width:224px; margin: auto;}



}
@media all and (max-width:767px) {
	#header  {background:#fff;}
	
	/***¸ÞÀκñÁÖ¾ó***/
	.main-text h2 {font-size:36px; }
	.main-text p {font-size:14px;  }

	
	/**********¼­ºêÆäÀÌÁö**********/	
	/*¼­ºê°øÅë*/
	.sub-visual {height:200px;}
	.article {    background: url(/images/company-bg-1.png) top 30px left -250px no-repeat;}
	.article-2 {    background: url(/images/solution-bg-1.png) top 30px left -250px no-repeat;}	
	.article-text-body {margin-top:60px;}
	.article-text-body-2 {margin-top:60px;}
	.sub-visu-text {top:60%;}
	.sub-visu-text h2 {font-size:18px;}
	.sub-visu-text h3 {font-size:30px;}
	.sub-title-1 h2{font-size:24px;}
	.sub-title-1 h3{font-size:36px;}
	.sub-title-2 {padding-left:20px; width:100%;}
	.sub-title-2 h2{font-size:24px;}
	.sub-title-2 h3{font-size:36px;}
	.sub-title-2:after {left:220px;}
	.sub-text-1 {width:100%; box-sizing:border-box; padding:0 20px; margin-top:20px;}
	.sub-text-1 p{ font-size:14px;}

	/*ȸ»ç¼Ò°³*/
	.about-1 {margin:50px 2.5%;}
	.about-1 p {font-size:14px; padding:0 30px;}
	.about-2 {padding:80px 0; background-size: cover;}	
	.about-box {margin-right:2%; width:49%; position:relative;background: url(/images/company-bg-3.png) left top -30px no-repeat;}
	.about-box:after {position:absolute; content:''; width:50%; height:50%; top:0; right:0; background:#fff; }
	.about-box-img {z-index:1; position:relative; margin-top:30px;}
	.about-box-img img {height:52px;}
	.about-box:nth-child(-n+2) {margin-bottom:2%;}
	.about-box:nth-child(2n) {margin-right:0;}
	.about-box-text {padding-bottom:30px;}
	.about-box-text:after {z-index:2;}
	.about-box-text p span {display:block;}

	/*¿¬Çõ*/
	ul.tabs{margin-bottom:50px;}
	ul.tabs li a {font-size:13px;}
	.year-left {font-size:22px;}
	.year-right p {font-size:14px;}

	/*°ü°è»ç*/
	ul.tabs.tabs-2 {width:100%; margin:50px 0;}
	.partner-text h2 {font-size:24px;}
	.partner-table ul:first-child {border-top:none;}
	.partner-table ul {width:100%; float:none; border-top:1px solid #000;}
	.partner-table:after{display:none;}
	.partner-table:before{display:none;}

	/*ȸ»çÀ§Ä¡*/	
	.address {padding:0;}
	.address ul{width:100%; float:none; display:inline-block; overflow:hidden; padding:30px 0;}
	.address ul:first-child {border-bottom:1px solid #ddd;}

	/*solution*/
	.sol-text {font-size:13px;}
	.solution-body {margin-top:60px; padding:0 10px; box-sizing:border-box;}
	.solution-body h2 {font-size:24px; font-weight:500;}
	.sol-table-1 h3,.sol-table-2 h3{font-size:20px; font-weight:500;}
	ul.tabs.tabs-3 {width:100%; margin:0;}
	.sol-1-body ol {overflow:inherit; margin:0; display:inline-block;}
	.sol-1-box {width:100%; float:none;min-height: 48px; margin-bottom:30px;}
	.sol-1-body.body-2 .sol-1-box {width:100%; float:none;min-height: 48px; margin-bottom:30px;}
	.sol-1-box p{font-size:14px;}	
	.sol-2-body ol {border-bottom:0;}
	.sol-2-body ol:after {display:none;}
	.sol-2-box {width:100%; border-bottom:1px solid #ddd; padding:20px 10px;}
	.sol-2-box p {font-size:14px; }
	.sol-2-box p span {font-size:16px;}	
	.sol-3-box p{font-size:14px; padding:0 50px 0 15px;}
	
	.sol-table-box p {text-align:center; font-size:14px;}
	.sol-table-box-2:after {display:none;}
	.sol-table-2 ul {width:100%;}
	.sol-table-2 ul:first-child {width:100%; margin-bottom:30px; border-bottom:1px solid #ddd;}
	.sol-table-2 li {font-size:14px; padding: 20px;}

	.sol-table-box-3:after {display:none;}
	.sol-table-box-3:before {display:none;}
	.sol-table-3 ul {width:100%;} 
	.sol-table-3 li {font-size:13px; padding:15px;}

	.sol-3-body {padding:20px;}
	.sol-3-box-2 p {width:100%; font-size:14px;}
	.sol-3-img {width:49%; margin-right:2%; margin-bottom:2%;}
	.sol-3-img:nth-child(3) {margin-right:0;}
	.sol-3-img-3 {width:49%; margin-right:2%; margin-bottom:2%;}
	.sol-3-img-3:nth-child(3) {margin-right:0;}
	/**contact**/
	.contact {border-bottom:0;}
	.contact:after {display:none;}
	.contact ul {width:100%; margin:20px 0; border-bottom:1px solid #ddd;}
	.contact li h2 {font-size:20px;}



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

	.logo img{width:150px;} 
	/**********¼­ºêÆäÀÌÁö**********/	


	/*¿¬Çõ*/
	ul.tabs li a {font-size:11px;}

	/*solution*/
	.sol-2-box {padding:30px 20px;}
	
	.sol-3-box{width:100%;}
	.sol-3-box p{padding-right:15px;}
	.sol-3-img {width:100%; margin-right:0; margin-bottom:2%;}
	.sol-3-img-2 {width:49%; margin-right:2%; margin-bottom:2%;}
	.sol-3-img-2:nth-child(3n) {margin-right:0;}
	.sol-3-img-2:nth-child(4n) {margin-right:2%;}
	.sol-3-img-2:nth-child(5n) {margin-right:0;}


}
/* media size setting end */