@charset "utf-8";
@font-face {
 font-family: 'NanumSquareB';
 src: url('/css/font/NanumSquareB.eot');
 src: local(※),
  url('/css/font/NanumSquareB.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/font/NanumSquareB.woff') format('woff'),
  url('/css/font/NanumSquareB.ttf') format('truetype'),
  url('/css/font/NanumSquareB.svg#webfonturzspG4F') format('svg');
}
@font-face {
 font-family: 'NanumSquareL';
 src: url('/css/font/NanumSquareL.eot');
 src: local(※),
  url('/css/font/NanumSquareL.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/font/NanumSquareL.woff') format('woff'),
  url('/css/font/NanumSquareL.ttf') format('truetype'),
  url('/css/font/NanumSquareL.svg#webfonturzspG4F') format('svg');
}
@font-face {
 font-family: 'tvNEnjoystoriesB';
 src: url('/css/font/tvNEnjoystoriesB.eot');
 src: local(※),
  url('/css/font/tvNEnjoystoriesB.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/font/tvNEnjoystoriesB.woff') format('woff'),
  url('/css/font/tvNEnjoystoriesB.ttf') format('truetype'),
  url('/css/font/tvNEnjoystoriesB.svg#webfonturzspG4F') format('svg');
}
/* Reset */
*{margin:0;padding:0;}
html{overflow-y:scroll;font-family:"NanumSquareB", "Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", Dotum, "돋움", Gulim, "굴림", Roboto, Arial, "Trebuchet MS";}
body{*word-break:break-all;-ms-word-break:break-all;}
body,input,button{}
h1,h2,h3,h4,h5,h6{}
img,fieldset,iframe{border:0 none;}
a{text-decoration:none;color:#222;}
a:hover{text-decoration:none;color:#7039C6;}
a:visited{text-decoration:none;color:#222;}
em,address{font-style:normal;}
button,label{cursor:pointer;_cursor /**/:hand;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
textarea{overflow:auto;}
html:first-child select{height:20px;padding-right:6px;}
option{padding-right:6px;}
ol, ul, li, dl, dt, dd { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; }

/*ClearFix*/
.fclear:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.fclear { display: inline-block; }
html[xmlns] .fclear { display: block; }
* html .fclear { height: 1%; }

/*Ellipsis*/
.ellipsis {
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	-o-text-overflow:ellipsis; /*Opera 9*/
	-ms-text-overflow:ellipsis; /* IE 8 above */
	-moz-binding:url('/css/ellipsis.xml#ellipsis');
	text-overflow:ellipsis;
	display:block;
}

/* Common */
.blind, legend{overflow:hidden;position:absolute;left:0;top:-5000px;}
.space{width:100%;overflow:hidden;}
.border{border:1px solid #CCC;}
hr{overflow:hidden;display:none;}
.overflowscroll{scrollbar-face-color: #E8E8E8;scrollbar-highlight-color:#E8E8E8;scrollbar-3dlight-color: #FFFFFF;scrollbar-shadow-color:#E8E8E8;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #FFFFFF;scrollbar-arrow-color:#999999;}


/* layout */
html {height:100%}
body {height:100%;min-height:100%;}

#wrap {position:relative;width:100%;height:100%;*height:auto;min-height:100%;font-size:small;font-family:"Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", Dotum, "돋움", Gulim, "굴림", Roboto, Arial, "Trebuchet MS";}
#gnb, #container {position:relative;margin:0 auto;text-align:left;}
#wrap:after{content:"";display:block;clear:both;}

#gnb {overflow:hidden;position:fixed;top:0;left:0;width:290px;}
#container {position:absolute;top:0;left:290px;width:100%;max-width:1064px;border-right:1px solid #e5e5e5;}

#gnb ul.tmn {margin-left:20px;margin-top:20px;}
#gnb ul.tmn li {float:left;margin-left:15px;}
#gnb ul.tmn li a{font-size:14px;color:#3c493c;font-family:roboto;}
#gnb .logo {padding-top:80px;text-align:center;}
#gnb .logo h1{width:100%;font-size:0;}
#gnb nav > ul {margin-top:80px;}
#gnb nav > ul > li {padding-bottom:15px;padding-left:35px;}
#gnb nav > ul > li > a{display:block;padding:4px 0;color:#443321;font-size:17px;font-weight:normal;letter-spacing:-1px;border-bottom:1px solid #fff;}
#gnb nav > ul > li.open > a,
#gnb nav > ul > li > a:hover{width:250px;color:#ed455f;}
#gnb nav > ul > li > ul.submn {width:170px;margin-top:5px;margin-bottom:25px;padding:10px 25px;border-top:2px solid #887766;border-bottom:1px solid #887766;}
#gnb nav > ul > li > ul.submn > li {height:26px;padding-bottom:1px;padding-left:0;}
#gnb nav > ul > li > ul.submn > li {font-size:14px;letter-spacing:-1px;font-weight:bold;color:#443321;}
#gnb nav > ul > li > ul.submn > li > a {display:block; padding-left:10px;}
#gnb nav > ul > li > ul.submn > li > a:hover{color:#ed455f;}
footer {position:fixed;bottom:0;min-top:650px;width:259px;padding:20px 0 20px 30px;font-family:roboto;font-size:11px;background:#fff;border-top:1px solid #e9e9e9;color:#3c493c;}


/* font tag */
.split{margin:1px;color:#dddddd;}
.num{font-family:roboto;font-size:10px;}
.lsm1{letter-spacing:-1px;}
.center{text-align:center;}
.right{text-align:center;}

/* footer */
footer .copyright {margin-bottom:8px;}

/* Select */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; font-family:Tahoma, Sans-serif;}
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #999;}
.select button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:19px; text-indent:8px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ top:-37px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.select ul.aList{ display:none;}
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0;}
.select li{ position:relative; overflow:hidden; white-space:nowrap; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
.select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.select li.hover *{ background:#999; color:#fff;}


.in_wrap {min-width:1400px;}
/*gnb메뉴*/

.gnb {position:absolute; min-width:1200px; left:0; top:0; z-index:500; width:100%; height:100px; overflow:hidden; background:none; box-sizing:border-box; padding:0 55px; background:none;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
}
.gnb .logo {float:left; width:30%;line-height:100px; }
.gnb .logo img {vertical-align:middle;}
.gnb .logo img.scroll_top {display:inline-block;}
.gnb .logo img.scroll_bottom {display:none;}
.gnb .menu {float:right; width:70%; position:relative;}
.gnb .menu ul {overflow:hidden; text-align:right; box-sizing:border-box; padding-right:100px;}
.gnb .menu ul li {display:inline-block; width:169px; text-align:center;}
.gnb .menu ul li a {color:#fff; font-size:18px;line-height:100px; font-family:"NanumSquareB";}
.gnb .menu ul li a span.E {display:inline-block;}
.gnb .menu ul li a span.K {display:none;}
.gnb .menu ul li a:hover span.E {display:none;}
.gnb .menu ul li a:hover span.K {display:inline-block;}
.gnb .menu .TB {display:none; position:absolute; right:-50px; top:0; width:50px; box-sizing:border-box; border-left:1px solid #f6da21;}
.gnb .menu .TB a {display:block; width:100%; height:50px; line-height:50px; text-align:center; box-sizing:border-box; border-bottom:1px solid #f6da21;}
.gnb .menu .TB a:last-child{border-bottom:0;};
.gnb .menu .TB a img {vertical-align:middle;}

.gnb.on {position:fixed; top:0; left:0; background:#ffed00;border-bottom:1px solid #f6da21;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
}
.gnb.on .menu .TB{display:inline-block;}
.gnb.on .menu ul li a {color:#000;}

.gnb.on .logo img.scroll_top {display:none;}
.gnb.on .logo img.scroll_bottom {display:inline-block;}

.gnb .flag {position:absolute; right:7px; top:38px; z-index:10;}
.gnb .flag a {display:inline-block; margin-right:2px;}
.gnb .flag a img {width:26px;}



.main_section {height: 100vh; min-height: 850px; position:relative;}
.main_section .main_marsk {position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);}
.section_F1 {background:#ffed00;}
.section_F1_intro .swiper-slide{width:100%; height: 100vh; min-height: 850px; text-align:center; box-sizing:border-box;}
.section_F1_intro .swiper-slide{}
.section_F1_intro .text{position:absolute; line-height:1.3; left:0; top:38%; z-index:20; width:100%; color:#fff; font-size:55px; text-align:center; font-weight:normal;font-family:"NanumSquareL";}
.section_F1_intro .text .logo {}
.section_F1_intro .text span.bold {font-family:"NanumSquareB";}
.section_F1_intro .text .logo_none {height:55px;}
.section_F1_intro .text strong {font-family:"NanumSquareB";}
.section_F1_intro .swiper-button-next, .section_F1_intro .swiper-button-prev{width:65px; height:125px; margin-top:-65px; z-index:50;}
.section_F1_intro .swiper-button-next{background:url("/images/section_portfolioright.png")no-repeat 0 0;}
.section_F1_intro .swiper-button-prev{background:url("/images/section_portfolioleft.png")no-repeat 0 0;}
.section_F1_intro .swiper-slide .bg_img{position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; z-index:-1;}
.section_F1_intro .swiper-slide .bg_img img {width:100%; height:100%;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transition:7s;
-moz-transition:7s;
-ms-transition:7s;
-o-transition:7s;
transition:7s;
}
.section_F1_intro .swiper-slide.swiper-slide-active .bg_img img {width:100%; height:100%;
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
-webkit-transition:7s;
-moz-transition:7s;
-ms-transition:7s;
-o-transition:7s;
transition:7s;
}


.bottom_botton {position:absolute; left:0; bottom:70px; width:100%; text-align:center; z-index:20;}
.bottom_botton a {display:inline-block;}
.bounce_ani {
    -webkit-animation:horizontalBounce 5s linear infinite both;
    animation:horizontalBounce 5s linear infinite both;
}
@-webkit-keyframes horizontalBounce {
    0%, 10%, 30%, 50%, 70%, 90%, 100% {
        -webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
        transform: translateY(0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateY(10px);
		-moz-transform: translateY(10px);
		-ms-transform: translateY(10px);
		-o-transform: translateY(10px);
        transform: translateY(10px);
    }
}
.section_F2 .bg_img{position:absolute; left:0; top:0; overflow:hidden; width:100%; height:100%; z-index:0;}
.section_F2 .bg_img img {width:100%; height:100%;}
.section_F2 h1 {position:absolute; left:0; top:160px; overflow:hidden; width:100%; height:100%; z-index:20; text-align:center; color:#fff; font-weight:normal; font-size:50px;}
.section_F2 .Business_list {position:absolute; left:0; top:340px; width:100%; height:auto; z-index:20; text-align:center; color:#fff; font-weight:normal; }
.section_F2 .Business_list ul {font-size:0; box-sizing:border-box; padding:0 5%;}
.section_F2 .Business_list li {display:inline-block; font-size:12px; width:20%;}
.section_F2 .Business_list li .img img {max-width:70%;}
.section_F2 .Business_list li .text .tit {font-size:20px; font-weight:normal; padding-top:15px;font-family:"NanumSquare";line-height:30px;}
.section_F2 .Business_list li .text .name {font-size:30px; font-family:"NanumSquareB";}
.section_F2 .Business_list li .text .link {padding-top:15px;}
.section_F2 .Business_list li .text .link a {font-size:18px; color:#ffffff; opacity:0.4;}
.bottom_btn_list {position:absolute; left:0; text-align:center; bottom:50px; width:100%; height:auto; z-index:30;}
.bottom_btn_list {font-size:0; box-sizing:border-box; padding:0 5%;}
.bottom_btn_list a {display:inline-block; font-size:12px; color:#fff; text-align:center;}
.section_F3 {background:#f9f4f4; box-sizing:border-box; overflow:hidden;}
.section_F3_visual {position:relative;}
.section_F3_visual .swiper-slide img{}
.section_F3 h1 {font-size:70px; text-align:center; padding-top:150px; font-family:"NanumSquareL"; font-weight:normal;}
.section_F3 h1 span{ font-family:"NanumSquareB";}
.section_F3 .con {overflow:hidden; box-sizing:border-box; width:1400px; margin:0 auto;}
.section_F3_visual .swiper-slide .con {overflow:hidden;}
.section_F3_visual .swiper-slide .con .text {float:left; width:50%; font-size:25px; line-height:1.8; font-family:"NanumSquareL";}
.section_F3_visual .swiper-slide .con .text span {font-family:"NanumSquareB"; font-size:27px;}
.section_F3_visual .swiper-slide .con .text .link {padding-top:30px; line-height:1.3;}
.section_F3_visual .swiper-slide .con .img {float:right; width:50%;}
.section_F3_visual .swiper-slide .con .img img {max-width:90%;}
.section_F3_visual .swiper-button-next, .section_F3_visual .swiper-button-prev{width:65px; height:125px; margin-top:-65px;}
.section_F3_visual .swiper-button-next{background:url("/images/section_F3_right.png")no-repeat 0 0;}
.section_F3_visual .swiper-button-prev{background:url("/images/section_F3_left.png")no-repeat 0 0;}
.section_F3_visual .add_tabs {position:absolute; left:0; bottom:60px; z-index:30; width:100%; height:auto; text-align:center;font-family:"NanumSquareB";}
.section_F3_visual .add_tabs a {display:inline-block; width:90px; height:90px; line-height:90px; margin:0 10px; border-radius:100%; background:#ffed00; color:#ffed00; text-align:center; font-size:25px;vertical-align:middle; box-sizing:border-box;}
.section_F3_visual .add_tabs a:hover , .section_F3_visual .add_tabs a.active {border:5px solid #ffed00; background:#f9f4f4; line-height:80px;}

.section_F4 {background:#ffed00; box-sizing:border-box; padding-top:120px;}
.section_F4 h1 {margin-top:10px;text-align:center; color:#000; font-weight:normal; font-size:50px;}
.section_F4 h1 span {font-family:"NanumSquareB";}
.section_F4 ul {width:100%; font-size:0; box-sizing:border-box; padding:70px 100px 0 100px; font-family:"NanumSquareB";}
.section_F4 ul li {display:inline-block; width:25%; vertical-align:bottom; text-align:center; font-size:30px;}
.section_F4 ul li .text {font-family:"tvNEnjoystoriesB";}
.section_F4 ul li .img {box-sizing:border-box; padding:15px 0; font-size:100px; color:#fff;
text-shadow: -5px 0 #000, 0 5px #000, 5px 0 #000, 0 -5px #000;
-moz-text-shadow: -5px 0 #000, 0 5px #000, 5px 0 #000, 0 -5px #000;
-webkit-text-shadow: -5px 0 #000, 0 5px #000, 5px 0 #000, 0 -5px #000;
}
.section_F4 ul li .img.text2 {color:#000;
text-shadow: -5px 0 #fff, 0 5px #fff, 5px 0 #fff, 0 -5px #fff;
-moz-text-shadow: -5px 0 #fff, 0 5px #fff, 5px 0 #fff, 0 -5px #fff;
-webkit-text-shadow: -5px 0 #fff, 0 5px #fff, 5px 0 #fff, 0 -5px #fff;
}
.section_F4 ul li .img img {max-width:100%;}
.section_F4 ul li .img span {display:inline-block;}
.section_F4 ul li .line {display:inline-block; width:10px; height:34px; background:#3c352d; padding-bottom:10px;}
.section_F4 ul li .subtit {font-size:25px;}
.section_F4 ul li .tit {font-size:35px; padding-top:8px;}

.section_portfolio {width:1100px; margin:0 auto;}
.section_F5 {background:url("/images/section_portfolio_bg.jpg")no-repeat center center; background-size:100% 100%; text-align:center;}
.section_F5 .swiper-slide img{max-width:80%;max-height:85%;margin-top:30px;margin-left:248px;}
.section_F5 h1 {font-family:"NanumSquareB"; color:#fff; text-align:center; padding:140px 0 30px 0; font-size:60px;}
.section_F5 a.view { position: absolute; z-index: 50; right: 100px; top: 150px;display:inline-block; width:224px; box-sizing:border-box; line-height:50px; border:1px solid #fff; color:#fff;font-family:"NanumSquareB"; font-size:22px;}
.section_F5 a.view:hover {text-decoration:underline;}
.section_portfolio .swiper-button-next, .section_portfolio .swiper-button-prev{width:65px; height:125px; margin-top:-65px;}
.section_portfolio .swiper-button-next {margin-right:170px;}
.section_portfolio .swiper-button-prev {margin-left:170px;}
.section_portfolio .swiper-button-next{background:url("/images/section_portfolioright.png")no-repeat 0 0;}
.section_portfolio .swiper-button-prev{background:url("/images/section_portfolioleft.png")no-repeat 0 0;}
.section_portfolio .siteTitle {position:absolute;top:253px;left:10px;font-size:31px;color:#fff;font-weight:bold;}
.section_portfolio .siteURL {position:absolute;top:301px;left:10px;font-size:18px;color:#fff;}
.section_portfolio .siteSolution  {position:absolute;top:380px;left:10px;font-size:20px;color:#fff;line-height:30px;text-align:left;}

.section_F6 {overflow:hidden;}
.section_F6 .map{width:70%;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
}
.section_F6 .map.on {width:100%;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
}
.section_F6 .map iframe{width:100%; height: 100vh; min-height: calc(100vh - 60px); }
.section_F6 .text {position:absolute; right:0; top:0; width:30%; height:100%; z-index:30;  font-family:"NanumSquareB"; background:#ffed00;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
}
.section_F6 .text.on {right:-30%;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
}
.section_F6 .text h1 {margin-top:50px;font-size:80px;}
.section_F6 .text_in {position:relative;box-sizing:border-box; padding:80px 50px;}
.section_F6 .text_in a.OC {display:inline-block; position:absolute; left:-43px; top:50%; width:43px; height:108px; margin-top:-54px; z-index:30; background:url("/images/section_F6right.png")no-repeat 0 0;}
.section_F6 .text_in a.OC.on {background:url("/images/section_F6left.png")no-repeat 0 0;}
.section_F6 .text .con {padding-top:80px;}
.section_F6 .text .con dl{overflow:hidden; font-size:20px; padding-top:30px;}
.section_F6 .text .con dl dt {float:left; width:20%;}
.section_F6 .text .con dl dd {float:left; width:80%;}
.section_F6 .text .con dl dd span {font-size:15px;}

.section_footer {background:#333333; text-align:center;}
.section_footer .copy {line-height:70px; color:#fff; font-size:15px; border-bottom:1px solid #3d3d3d;font-family:"NanumSquareB";}
.section_footer .Slogo {line-height:70px;}
.section_footer .Slogo a {display:inline-block; margin:0 10px;}
.section_footer .Slogo a img.off {display:inline-block;}
.section_footer .Slogo a img.on {display:none;}
.section_footer .Slogo a:hover img.off {display:none;}
.section_footer .Slogo a:hover img.on {display:inline-block;}
.section_footer .Slogo img {vertical-align:middle;}


.Portfolio_wrap {}
.mall_top { position:relative;font-size:35px; line-height:100px; background:#ffed00; color:#333333; text-align:center;}
.mall_top a {position:absolute; left:25px; top:50%; margin-top:-25.5px; z-index:10; line-height:1;}
.Portfolio_top2 {}
.Portfolio_top2 ul {font-size:0; box-sizing:border-box; padding:25px 0; text-align:center;}
.Portfolio_top2 ul li {display:inline-block; font-size:18px; margin:0 20px;}
.Portfolio_top2 ul li a {color:#fff;}
.Portfolio_top2 ul li a.active , .Portfolio_top2 ul li a:hover {color:#ffed00;}

.Portfolio_list {width:100%; font-size:0; text-align:left;}
.Portfolio_list li{font-size:12px; display:inline-block; width:20%; vertical-align:top; overflow:hidden; box-sizing:border-box; padding:1px;}
.Portfolio_list li .con {position:relative; overflow:hidden; }
.Portfolio_list li .img {padding:0; margin:0; font-size:0;}
.Portfolio_list li .img img{width:100%;}

.Portfolio_list li .title{position:absolute;width:100%;bottom:0;padding:20px 10px 10px 10px;text-align:center;background:url('/images/portpolio_titleBG.png') 0 -200px;}
.Portfolio_list li .title .tit{font-size:18px;color:#fff;
  text-shadow: #666 0px 0px 5px; /* for browsers without spread support */
  text-shadow: #666 0px 0px 5px 5px; /* for browsers with spread support */
}
.Portfolio_list li:hover .title{left:-100%;}

.Portfolio_list li:hover .text {left:0;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
}
.Portfolio_list li .text {position:absolute; left:-100%; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:10; text-align:center; box-sizing:border-box; padding:60px 20px 0;
transition: all 0.6s;
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
-ms-transition: all 0.6s;
}
.Portfolio_list li .text .tit {font-size:25px;color:#ffed00;}
.Portfolio_list li .text .link {padding-top:10px;color:#fff;}
.Portfolio_list li .text .link a{color:#fff;}
.Portfolio_list li .text .tit a{color:#fff;}
.Portfolio_list li .text .link:hover a {color:#ffed00;}
.Portfolio_list li .text .cate {font-size:15px; padding-top:0;color:#fff;}
.Portfolio_list li .text .sl {display:none;}
.Portfolio_list li .text .solution {font-size:15px; padding-top:10px;color:#fff;}

.recruit_tit {text-align:center; padding-top:110px; color:#fff; font-size:32px; font-family:"NanumSquareL";}
.recruit_tit .line {display:inline-block; width:31px; height:4px; background:#fff; margin:40px auto 70px;}

.recruit_section_01 {width:1300px; margin:0 auto; padding-bottom:80px; border-bottom:1px solid #787778; font-size:0;}
.recruit_section_01 li {display:inline-block; vertical-align:top; width:33.33%; font-size:22px;  text-align:center;}
.recruit_section_01 li .tit {color:#ffed00;}
.recruit_section_01 li .sub_tit {padding-top:28px; font-size:17px; color:#fff; font-family:"NanumSquareL";  line-height:1.5;}


.recruit_section_02 {width:1300px; margin:0 auto; padding-bottom:80px; border-bottom:1px solid #787778; font-size:0;}
.recruit_section_02 li {display:inline-block; vertical-align:top; width:25%; box-sizing:border-box; padding:0 50px; font-size:22px;  text-align:center;}
.recruit_section_02 li .tit {color:#ffed00;}
.recruit_section_02 li .box {border:1px solid #fff; height:280px; box-sizing:border-box; padding-top:30px;}
.recruit_section_02 li .con {padding-top:28px; font-size:17px; color:#fff; font-family:"NanumSquareL";  line-height:2.5;}

.recruit_section_03 {width:1300px; margin:0 auto; padding-bottom:80px; border-bottom:1px solid #787778; font-size:0;}
.recruit_section_03 li {display:inline-block; vertical-align:top; width:20%; box-sizing:border-box; padding:0 20px; font-size:22px;  text-align:center;}
.recruit_section_03 li .tit {color:#ffed00; padding:20px 0;}
.recruit_section_03 li .box {border:1px solid #ffed00; box-sizing:border-box; }
.recruit_section_03 li .con {padding-top: 28px; font-size: 14px; color: #000; background: #ffed00; line-height: 2.5; height: 266px;}

.recruit_section_04 {width:960px; margin:0 auto; padding-bottom:300px;}
.recruit_section_04 dl {overflow:hidden; margin:60px 0;}
.recruit_section_04 dl dt {float:left; width:20%; font-size:22px; color:#ffed00; padding-top:8px;}
.recruit_section_04 dl dd {float:left; width:80%; line-height:2.5; color:#fff; font-size:17px;}


@media screen and (max-width:1600px) {
.gnb .menu ul li a {font-size:13px;}
.gnb .menu ul li {width:129px;}
}