@charset "utf-8";
img {max-width:100%;}

#wrap {position:relative;overflow:hidden;}

#header {position:fixed;left:0;top:0;width:100%;height:75px;box-sizing:border-box;background:rgba(0,0,0,0.3);box-shadow:inset 0 -1px 1px rgba(255,255,255,0.12);z-index:500;}
#header .logo {width:156px;height:29px;position:absolute;left:15px;top:50%;margin-top:-14.5px;}
#header .logo a {display:block;width:100%;height:100%;background:url(../images/logo-white.png) no-repeat 0 50%;background-size:contain;text-indent:-9999px;}
#header .menu {display:block;position:absolute;right:0;top:0;width:75px;height:75px;box-sizing:border-box;text-indent:-9999px;background:url(../images/menu-on.gif) no-repeat;background-size:100% 100%;border:none;}

.sub #header {background:#fff;box-shadow:inset 0 -1px 1px #e9e9e9;}
.sub #header .logo a {background-image:url(../images/logo-color.png);}

#nav {position:fixed;left:0;top:0;z-index:1000;left:0;top:0;width:100%;height:0;overflow:hidden;transition-delay:0.3s;box-sizing:border-box;}
#nav .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.8);transition:0.5s;opacity:0;}
#nav .inner {width:100%;position:absolute;right:0;top:0;height:100%;overflow:auto;z-index:10;background:url(../images/nav-bg.gif) no-repeat 50% 0;background-size:cover;transition:0.5s;opacity:0;text-align:center;font-size:0;box-sizing:border-box;padding-top:50px;}
#nav .inner:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#nav .inner:before {content:"";display:block;width:191.5px;height:27.5px;background:url(../images/nav-tit.png) no-repeat 0 50%;background-size:contain;position:absolute;left:25px;top:30px;}
#nav .gnb {display:inline-block;vertical-align:middle;max-width:100%;}
#nav .gnb > li ~ li {margin-top:50px;}
#nav .gnb > li > a {font-size:20px;font-weight:500;color:#fff;}
#nav .gnb > li > a:after {content:"\f107";font-family:axicon;display:inline-block;width:22px;height:22px;background:#fff;border-radius:50%;line-height:22px;margin-left:10px;color:#002659;margin-bottom:-3px;}
#nav .gnb > li > ul {display:none;padding-top:32px;}
#nav .gnb > li > ul > li ~ li {margin-top:32px;}
#nav .gnb > li > ul > li > a {display:block;font-size:15px;font-weight:300;color:#fff;}
#nav .gnb > li.active > a:after {content:"\f106";}

#nav .close {width:46px;box-sizing:border-box;border:none;background:none;position:absolute;right:25px;top:20px;z-index:20;}

.nav-on #nav {height:100%;transition-delay:0s;}
.nav-on #nav .inner {opacity:1;}
.nav-on #nav .bg {opacity:1;}


#vis {position:relative;overflow:hidden;}
#vis .vis {padding-top:151%;height:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#vis dl {position:absolute;left:0;top:140px;width:100%;text-align:center;}
#vis dl dt {transition:1s;opacity:0;transform:scale(1.1);}
#vis dl dt img {width:200px;}
#vis dl dd {transition:1s;opacity:0;transition-delay:0.3s;transform:scale(1.1);font-size:16px;font-weight:100;color:#fff;margin-top:15px;}
#vis .vis.active dl dt,
#vis .vis.active dl dd {opacity:1;transform:scale(1);}

#vis .page {position:absolute;left:50%;margin-left:-150px;bottom:10%;z-index:100;width:300px;text-align:center;font-size:0;}
#vis .page a {display:inline-block;box-sizing:border-box;vertical-align:top;width:80px;height:80px;border-radius:50%;white-space:nowrap;background:rgba(0,0,0,0.15);border:1px solid rgba(255,255,255,0.2);transition:0.3s;margin:0 15px 25px;}
#vis .page a:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#vis .page a em img {width:38px;}
#vis .page a span {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;color:#fff;}
#vis .page a span > * {display:block;}
#vis .page a span strong {font-weight:300;font-size:12px;margin-top:3px;}
#vis .page .btn1:hover,
#vis .page .btn1.active {border-color:#e43e1e;background:#e43e1e;}
#vis .page .btn2:hover,
#vis .page .btn2.active {border-color:#0a54dc;background:#0a54dc;}
#vis .page .btn3:hover,
#vis .page .btn3.active {border-color:#0fadca;background:#0fadca;}
#vis .page .btn4:hover,
#vis .page .btn4.active {border-color:#30a818;background:#30a818;}


#business {padding-bottom:60px;}
#business .tit {padding:70px 25px 0;position:relative;z-index:100;}
#business .tit dl dt {font-size:12px;font-weight:300;color:#000;}
#business .tit dl dd {font-size:35px;font-weight:300;color:#000;}
#business .tit dl dd strong {color:#0c1c6e;}
#business .tit p {margin:15px 0 -10px;}
#business .tit p a {display:inline-block;box-sizing:border-box;background:#fff;width:110px;height:42px;line-height:40px;box-sizing:border-box;text-align:center;font-size:14px;border:1px solid #000;color:#000;}
#business .tit p a span {display:inline-block;vertical-align:middle;font-weight:300;}
#business .tit p a:after {content:"";display:inline-block;box-sizing:border-box;width:30px;height:4px;background:url(../images/business-arr.gif) no-repeat;background-size:100% 100%;margin-left:10px;vertical-align:middle;}
#business .area {}
#business .area .box {position:relative;}
#business .area .box .in {display:block;width:150px;height:150px;border-radius:50%;text-align:center;font-size:0;background:rgba(0,0,0,0.54);box-sizing:border-box;white-space:nowrap;position:absolute;left:50%;top:50%;margin:-75px 0 0 -75px;z-index:100;}
#business .area .box .in:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;}
#business .area .box .in .ver {display:inline-block;vertical-align:middle;max-width:100%;white-space:normal;}
#business .area .box .in .ver > * {display:block;}
#business .area .box .in strong {position:relative;font-size:13px;color:rgba(255,255,255,0.54);padding-bottom:7px;margin-bottom:7px;}
#business .area .box .in strong:before {content:"";display:block;width:10px;height:1px;background:rgba(255,255,255,0.54);position:absolute;left:50%;margin-left:-5px;bottom:0;}
#business .area .box .in span {font-size:15px;font-weight:500;color:#fff;line-height:1.4em;height:4.3em;overflow:hidden;}
#business .area .slick-dots {font-size:0;margin-top:25px;text-align:center;}
#business .area .slick-dots li {display:inline-block;vertical-align:top;margin:0 12px;}
#business .area .slick-dots li button {box-sizing:border-box;width:12px;height:12px;border-radius:50%;background:#ccc;border:none;text-indent:-9999px;}
#business .area .slick-dots .slick-active button {background:#000;}

#only {background:url(../images/only-bg.jpg) no-repeat 50% 0;background-size:cover;padding:65px 25px 0;}
#only .top {color:#fff;text-align:center;}
#only .top dt {font-size:31px;font-weight:bold;}
#only .top dd {font-size:16px;font-weight:300;line-height:1.4em;margin-top:10px;}
#only .bot {border-top:1px solid #fff;margin-top:35px;padding-top:17px;font-size:0;text-align:center;padding-bottom:10px;}
#only .bot li {display:inline-block;vertical-align:top;margin:0 15px 10px;color:#fff;font-size:14px;}
#only .bot li > * {display:inline-block;}
#only .bot li strong {font-weight:normal;}
#only .bot li span {font-weight:300;margin-left:10px;}
#only .loc iframe {display:block;width:100%;height:280px;}

#with {background:#062562;padding:35px 0 45px;}
#with .tit {text-align:center;}
#with .tit h3 {color:#fff;font-size:31px;font-weight:bold;}
#with .tit p {font-size:14px;color:rgba(255,255,255,0.38);line-height:1.4em;margin-top:10px;}
#with .area {margin-top:25px;}
#with .area .box .in {padding:0 15px;}
#with .area .box img {height:46px;}

#footer {text-align:center;background:#031b49;border-top:1px solid #244075;padding:25px 10px;position:relative;}
#footer .copy {text-align:center;font-size:11px;font-weight:900;color:rgba(255,255,255,0.15);}
#footer #gotop {border:none;background:none;position:absolute;right:10px;width:45px;top:-25px;z-index:500;}

#sub {padding:95px 0 30px;}

#tit {text-align:center;position:relative;padding-top:15px;margin-bottom:20px;}
#tit > * {display:block;}
#tit:before {content:"";display:block;width:1px;height:6px;background:#0f3fbb;position:absolute;left:50%;top:0;}
#tit span {font-size:12px;font-weight:bold;color:rgba(0,0,0,0.2);}
#tit strong {font-size:18px;color:#333;font-weight:normal;margin-top:3px;}

#lightcase-overlay {background:#000;}

.__overview1 {position:relative;padding:60px 0 0 80px;}
.__overview1 .img {position:absolute;left:0;top:0;width:78%;}
.__overview1 .info {background:url(../images/overview2.jpg) no-repeat 100% 100%;background-size:cover;padding:25px;color:#fff;position:relative;z-index:10;}
.__overview1 .info dl {}
.__overview1 .info dl ~ dl {margin-top:15px;}
.__overview1 .info dl dt {font-size:13px;}
.__overview1 .info dl dd {font-size:12px;font-weight:300;margin-top:5px;}

.__overview2 {text-align:center;position:relative;margin-top:35px;padding:80px 10px 0;}
.__overview2:before {content:"ICT.";display:block;position:absolute;left:80px;top:-30px;font-size:170px;font-weight:bold;color:#f7f7f7;line-height:1em;}
.__overview2 dl {position:relative;z-index:10;text-align:center;}
.__overview2 dl dt {font-size:18px;font-weight:500;color:#000;}
.__overview2 dl dd {font-size:14px;line-height:1.5em;margin-top:10px;}

.__greeting .top {text-align:center;}
.__greeting .top h3 span {display:inline-block;background:#0f3fbb;color:#fff;padding:4px 20px;font-size:18px;font-weight:normal;}
.__greeting .top dl {margin-top:15px;}
.__greeting .top dl dt {font-size:12px;color:rgba(0,0,0,0.54);font-weight:300;}
.__greeting .top dl dd {margin-top:5px;font-size:13px;color:#333;}
.__greeting .top p {margin-top:10px;}
.__greeting .top p img {width:70px;}
.__greeting .bot {margin-top:25px;padding:25px 20px;border-top:1px solid #bacdff; border-bottom:1px solid #bacdff;font-size:12px;font-weight:300;line-height:1.5em;color:#000;}

.__vision .ico {border-radius:50%;box-sizing:border-box;box-shadow:-3px 3px 3px rgba(0,0,0,0.15);width:100px;height:100px;overflow:hidden;margin:0 auto;}
.__vision .top {background:url(../images/vision-bg.jpg) no-repeat 50% 0;background-size:cover;height:250px;position:relative;}
.__vision .top .ico {position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;}
.__vision .top .area {text-align:center;position:absolute;left:55%;width:45%;top:50%;margin-top:-93.5px;}
.__vision .top .area dl ~ dl {margin-top:20px;}
.__vision .top .area dl dt span {display:inline-block;height:30px;line-height:30px;border-radius:15px;background:#fff;color:#0f3fbb;font-size:14px;width:60px;}
.__vision .top .area dl dd {color:#fff;font-size:13px;margin-top:5px;}
.__vision .wrap {padding:50px 25px 0;}
.__vision .wrap h3 {text-align:center;margin-bottom:35px;}
.__vision .wrap h3 img {width:230px;}
.__vision .wrap .box .area {display:table;width:100%;table-layout:fixed;margin-top:15px;}
.__vision .wrap .box .area dl {display:table-row;}
.__vision .wrap .box .area dl > * {display:table-cell;vertical-align:top;}
.__vision .wrap .box .area dl dt {width:80px;padding:5px 0;}
.__vision .wrap .box .area dl dt span {display:block;height:28px;line-height:26px;box-sizing:border-box;border-radius:17px;text-align:center;border:1px solid #ec3a17;color:#ec3a17;font-size:14px;}
.__vision .wrap .box .area dl dd {font-size:13px;line-height:1.5em;padding:10px 0 10px 10px;}
.__vision .wrap .box ~ .box {border-top:1px solid #f6f6f6;margin-top:35px;padding-top:35px;}
.__vision .wrap .box ~ .box .area dl dt span {color:#489c15;border-color:#489c15;}

.__tab {border-bottom:1px solid #e5e5e5;margin:0 20px 40px;text-align:center;font-size:0;white-space:nowrap;}
.__tab:after {content:"";display:block;clear:both;}
.__tab a {display:inline-block;text-align:center;position:relative;font-weight:300;color:#888;box-sizing:border-box;white-space:normal;vertical-align:top;}
.__tab a:first-child {float:left;}
.__tab a:last-child {float:right;}
.__tab a span {font-size:13px;padding-bottom:8px;display:inline-block;position:relative;line-height:1.3em;}
.__tab .active {color:#0434a0;font-weight:normal;}
.__tab .active span {text-indent:-1.2em;padding-left:1.2em;}
.__tab .active span:before {content:"\f138";font-family:axicon;display:inline-block;margin-right:3px;vertical-align:middle;margin-top:-2px;text-indent:0;}
.__tab .active span:after {content:"";display:block;position:absolute;left:0;bottom:-1px;width:100%;background:#0434a0;height:1px;}

.__tab.leng2 .area {margin-right:-60px;position:relative;}
.__tab.leng2 a {width:50%;text-align:left;float:none !important;}
.__tab.leng2 a span {padding-right:20px;}
.__tab.leng2.tab232 .area {margin-left:-60px;margin-right:0;}

.__history {position:relative;padding:80px 15px 0;}
.__history:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;padding-top:65%;height:0;background:url(../images/history-bg.jpg) no-repeat;background-size:100% 100%;}
.__history .wrap {position:relative;z-index:100;background:#fff;padding:30px 15px;border:1px solid #0434a0;border-top:2px solid #0434a0;}
.__history .area .box h4 {text-align:center;font-size:17px;color:#000;margin-bottom:15px;}
.__history .area .box ~ .box {margin-top:30px;}
.__history .area .box .con dl {position:relative;padding-left:40px;font-size:12px;line-height:1.5em;}
.__history .area .box .con dl ~ dl {margin-top:15px;}
.__history .area .box .con dl dt {position:absolute;left:0;top:0;color:#333;font-weight:bold;}
.__history .area .box .con dl dd {font-weight:300;}
.__history .area .box:first-child h4 {color:#0434a0;}
.__history .area .box:first-child .con dl dt {color:#0434a0;}
.__history .area .box:nth-child(n+7) {display:none;}

.__history .btn {text-align:center;margin-top:40px;}
.__history .btn a {display:inline-block;}
.__history .btn a > * {display:block;}
.__history .btn a em img {width:25px;}
.__history .btn a span {font-size:13px;color:#0434a0;margin-top:3px;}

.__history.active .area .box:nth-child(n+7) {display:block;}
.__history.active .btn {display:none;}


.__license {padding:0 15px;font-size:0;margin-bottom:-25px;}
.__license .box {width:50%;box-sizing:border-box;text-align:center;margin-bottom:25px;display:inline-block;vertical-align:top;}
.__license .box .img {margin:0 25px;border:1px solid #ebebeb;}
.__license .box .txt {font-size:12px;line-height:1.4em;margin-top:10px;}

.__botarea {margin-top:40px;padding:0 15px;}
.__botarea .cen {text-align:center;}

.__paging {border:1px solid #0f3fbb;border-radius:3px;text-align:center;font-size:0;}
.__paging a {height:40px;width:14.28571428%;box-sizing:border-box;line-height:38px;font-size:12px;position:relative;display:inline-block;}
.__paging a:hover,
.__paging a ~ a {border-left:1px solid #c0cdee;}
.__paging .active {color:#275adc;}
.__paging .active:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:#2150c9;}
.__paging .prev,
.__paging .next {background-repeat:no-repeat;background-position:50% 50%;background-size:11.5px 4px;text-indent:-9999px;}
.__paging .prev {background-image:url(../images/arr-prev.gif);}
.__paging .next {background-image:url(../images/arr-next.gif);}

.__patent .top {text-align:center;}
.__patent .top .img img {width:190px;display:inline-block;box-shadow:-5px 5px 10px rgba(0,0,0,0.15);}
.__patent .top .info {margin-top:15px;}
.__patent .top .info dl dt {font-size:12px;font-weight:300;color:#000;}
.__patent .top .info dl dd {font-size:12px;font-weight:500;color:#000;margin-top:3px;}
.__patent .area {margin-top:30px;padding:0 30px;margin-bottom:-25px;}
.__patent .area .box {display:table;width:100%;table-layout:fixed;border-bottom:1px solid #ebebeb;margin-bottom:25px;}
.__patent .area .box > div {display:table-cell;vertical-align:middle;}
.__patent .area .box .img {width:100px;border:2px solid #ebebeb;}
.__patent .area .box .info {text-align:center;padding-right:20px;}
.__patent .area .box .img + .info {padding:0 0 0 20px;}
.__patent .area .box .info dl {font-size:12px;line-height:1.3em;}
.__patent .area .box .info dl dt {font-weight:300;color:#000;}
.__patent .area .box .info dl dd {font-weight:500;color:#000;margin-top:5px;}

.__video {padding:0 30px;}
.__video .box {display:block;text-align:center;}
.__video .box ~ .box {margin-top:30px;}
.__video .box .txt {display:block;margin-top:10px;font-size:12px;color:#000;}

.__organization {padding:0 30px;}
.__organization img {display:block;width:100%;}

.__client {padding:0 15px;font-size:0;margin-bottom:-40px;}
.__client .box {width:50%;display:inline-block;vertical-align:top;box-sizing:border-box;padding:0 8px;margin-bottom:40px;text-align:center;}

.__location .top {padding:0 25px;}
.__location .top h3 {background:#0b37a9;color:#fff;font-size:14px;font-weight:500;text-align:center;height:30px;line-height:30px;}
.__location .top .area {font-size:0;}
.__location .top .area dl {margin-top:15px;box-sizing:border-box;display:inline-block;vertical-align:top;width:50%;position:relative;}
.__location .top .area dl dt {font-size:13px;color:#1746bf;}
.__location .top .area dl dd {font-size:13px;color:#000;font-weight:300;margin-top:5px;}
.__location .top .area dl:first-child {width:100%;}
.__location .top .area dl:last-child {padding-left:15px;}
.__location .top .area dl:last-child:before {content:"";display:block;width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background:#000;}
.__location .loc {margin:20px 0 30px;}
.__location .loc iframe {display:block;width:100%;height:270px;}
.__location .bot {padding:0 25px;margin-top:60px;}
.__location .bot h3 {position:relative;padding-left:68px;margin-bottom:30px;}
.__location .bot h3:before {content:"";display:block;position:absolute;left:0;bottom:0;width:61.5px;height:48.5px;background:url(../images/ico-loc.gif) no-repeat;background-size:contain;}
.__location .bot h3 > * {display:inline-block;vertical-align:bottom;}
.__location .bot h3 span {font-size:18px;color:#333;font-weight:300;}
.__location .bot h3 strong {font-size:21px;color:#333;font-weight:500;}
.__location .bot .area .box ~ .box {border-top:1px dotted #ddd;margin-top:25px;padding-top:25px;}
.__location .bot .area .box h4 {font-size:13px;color:#1c31b5;font-weight:500;}
.__location .bot .area .box p {font-size:12px;color:#000;line-height:1.5em;margin-top:5px;font-weight:300;}
.__location .bot .area .box p strong {font-weight:500;}

.__busi .top {position:relative;}
.__busi .top img {display:block;width:100%;}
.__busi .top .float {position:absolute;left:0;bottom:-40px;width:100%;box-sizing:border-box;padding:0 25px;}
.__busi .top .float.type2 {bottom:-70px;}
.__busi .top .area {background:url(../images/domestic-bg.gif) no-repeat;background-size:cover;text-align:center;padding:35px 15px;text-align:center;}
.__busi .top .area .bar {font-size:0;}
.__busi .top .area .bar li {display:inline-block;vertical-align:top;box-sizing:border-box;font-size:12px;font-weight:bold;color:#768be3;}
.__busi .top .area .bar li ~ li {margin-left:8px;padding-left:9px;position:relative;}
.__busi .top .area .bar li ~ li:before {content:"";display:block;width:1px;height:10px;position:absolute;left:0;top:50%;margin-top:-5px;background:#768be3;}
.__busi .top .area h4 {color:#fff;font-size:17px;font-weight:900;margin-top:5px;line-height:1.4em;}
.__busi .top .area .__dotlist {text-align:left;margin-top:10px;color:#fff;font-size:12px;font-weight:300;line-height:1.4em;}
.__busi .bot {padding:60px 25px 0;font-size:12px;font-weight:300;line-height:1.5em;}
.__busi .last {margin-bottom:-30px;}

.__busi.type2 .top .area {background-image:url(../images/global-bg.jpg);}
.__busi.type2 .top .area .bar li {color:#9fda7d;}
.__busi.type2 .top .area .bar li:before {background:#9fda7d;}


.__faq {border-top:1px solid #d5d5d5;margin:0 20px;}
.__faq dl {border-bottom:1px solid #d5d5d5;}
.__faq dl dt a {display:block;font-size:15px;font-weight:bold;color:#000;padding:15px 10px;position:relative;}
.__faq dl dt a:before {
	content:"\f1af";
	font-family:axicon;
	width:26px;
	height:26px;
	line-height:24px;
	box-sizing:border-box;
	text-align:center;
	border-radius:50%;
	border:1px solid #ddd;
	color:#000;
	font-size:14px;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-13px;
}


.__faq > dl > dd {display:none;position:relative;padding:20px 10px 50px;}
.__faq > dl > dd .__dotlist {font-size:13px;font-weight:300;}
.__faq > dl > dd .close {
	width:26px;
	height:26px;
	line-height:24px;
	box-sizing:border-box;
	text-align:center;
	border-radius:50%;
	background:#a0a0a0;
	border:1px solid #a0a0a0;
	color:#fff;
	font-size:14px;
	position:absolute;
	right:10px;
	bottom:10px;
}
.__faq > dl.active dt > a {background:#2455d5;color:#fff;}
.__faq > dl.active dt > a:before {content:"\f1b2";color:#fff;border-color:#fff;background:#2455d5;}
.__faq > dl.active dd {display:block;}

.__faq .area {font-size:0;}
.__faq .area dl {border-bottom:none !important; position:relative;padding-left:45px;padding-right:20px;box-sizing:border-box;min-width:50%;font-size:13px;line-height:1.3em;margin-bottom:20px;display:inline-block;}
.__faq .area dl dt {position:absolute;left:0;top:0;font-size:14px;color:#000;font-weight:500;}


/*
.__faq dl dd {display:none;position:relative;padding:20px 10px 50px;}
.__faq dl dd .__dotlist {font-size:13px;font-weight:300;}
.__faq dl dd .close {
	width:26px;
	height:26px;
	line-height:24px;
	box-sizing:border-box;
	text-align:center;
	border-radius:50%;
	background:#a0a0a0;
	border:1px solid #a0a0a0;
	color:#fff;
	font-size:14px;
	position:absolute;
	right:10px;
	bottom:10px;
}
.__faq dl.active dt a {background:#2455d5;color:#fff;}
.__faq dl.active dt a:before {content:"\f1b2";color:#fff;border-color:#fff;background:#2455d5;}
.__faq dl.active dd {display:block;}






.__faq .area {font-size:0;}
.__faq .area dl {position:relative;padding-left:45px;padding-right:20px;box-sizing:border-box;min-width:50%;font-size:13px;line-height:1.3em;margin-bottom:20px;display:inline-block;}
.__faq .area dl dt {position:absolute;left:0;top:0;font-size:14px;color:#000;font-weight:500;}*/


/* 다음 지도 100% 컨트롤 */

.root_daum_roughmap{width:100% !important;}
.root_daum_roughmap .wrap_map{height:250px !important;}