@charset "utf-8";

/*** 회사 소개 ***/
.ico_company {display:inline-block; background-image:url(../_img/ico_company.png); background-repeat:no-repeat; vertical-align:top; font-size:0; line-height:0;}

/* 인사말 */
.cont_greet {padding-bottom:100px;}
.cont_greet .tac {padding-top:60px;}
.cont_greet .slogan {display:inline-block; position:relative; padding:0 56px; font-size:36px;}
.cont_greet .slogan:before {position:absolute; bottom:0; right:0; width:44px; height:33px; background:url(../_img/quotation2.png) 0 0 no-repeat; content:'';}
.cont_greet .slogan:after {position:absolute; top:0; left:0; width:44px; height:33px; background:url(../_img/quotation1.png) 0 0 no-repeat; content:'';}
.cont_greet .slogan .emph {letter-spacing:0;}
.cont_greet .cont {margin-top:60px; padding-top:440px; position:relative;}
.cont_greet .cont:after {position:absolute; top:0; left:0; width:100%; height:380px; background:url(../_img/greet_bg.jpg) 50% 50% no-repeat; background-size:cover; content:'';}
.cont_greet .txts {float:left; width:750px; margin-right:66px;}
.cont_greet .txts p {line-height:30px; margin-bottom:30px; word-break:keep-all;}
.cont_greet .txts p b {font-size:24px;}
.cont_greet .imgs {overflow:hidden;}
.cont_greet .imgs li + li {margin-top:10px;}
@media (max-width:1140px){
	.cont_greet {padding-bottom:50px;}
	.cont_greet .wfix {margin:0 25px;}
	.cont_greet .tac {padding-top:20px;}
	.cont_greet .slogan	{padding:0; font-size:15px;}
	.cont_greet .slogan:before,
	.cont_greet .slogan:after {display:none;}
	.cont_greet .slogan .emph {display:inline-block;}
	.cont_greet .cont {margin-top:30px; padding-top:230px;}
	.cont_greet .cont:after {height:200px;}
	.cont_greet .txts {float:none; width:auto; margin:0 0 25px;}
	.cont_greet .txts p {margin-bottom:15px; line-height:1.3}
}

/* 개요 */
#contents.introduction {padding-top:0;}
.cont_overview {padding:90px 0; background:url(../_img/bg_line.jpg) 50% 50% no-repeat; background-size:cover;}
.cont_overview .cont {padding-top:36px;}
.cont_overview .cont ul {margin:70px 0 0 -9px; overflow:hidden;}
.cont_overview .cont li {float:left; width:276px; height:96px; margin:0 0 9px 9px; padding:54px 0 59px; border:1px solid #ddd; background:#fff; text-align:center;}
.cont_overview .cont strong {display:block; position:relative;}
.cont_overview .cont strong em {display:inline-block; margin-top:6px; font-size:16px; color:#d71920; line-height:30px; border-bottom:1px solid #d71920; vertical-align:top; font-weight:400}
.cont_overview .cont strong:before {display:inline-block; background-image:url(../_img/ico_company.png); background-repeat:no-repeat; vertical-align:top; content:'';}
.cont_overview .overview1 strong:before {width:48px; height:42px; margin:0px 9px 0 0; background-position:0 0;}
.cont_overview .overview2 strong:before {width:38px; height:40px; margin:0px 9px 0 0; background-position:-50px 0px;}
.cont_overview .overview3 strong:before {width:52px; height:34px; margin:2px 9px 0 0; background-position:-90px 0px;}
.cont_overview .overview4 strong:before {width:36px; height:40px; margin:0px 10px 0 0; background-position:-150px 0px;}
.cont_overview .overview5 strong:before {width:30px; height:42px; margin:0px 9px 0 0; background-position:0px -50px;}
.cont_overview .overview6 strong:before {width:34px; height:34px; margin:2px 9px 0 0; background-position:-40px -50px;}
.cont_overview .overview7 strong:before {width:44px; height:38px; margin:2px 11px 0 0; background-position:-80px -50px;}
.cont_overview .overview8 strong:before {width:42px; height:40px; margin:0px 11px 0 0; background-position:-130px -50px;}
.cont_overview .cont span {display:block; margin-top:25px; font-size:24px; letter-spacing:0;}
.cont_overview .overview2 span {margin-top:16px;}
.cont_overview .overview2 span em {font-size:16px; color:#777; letter-spacing:0}
.cont_overview .overview4 span,
.cont_overview .overview5 span {padding:0 25px; font-size:15px; letter-spacing:-0.04em;}
.cont_overview .overview5 span em {color:#777;}
.cont_overview .overview8 span {font-size:20px;}
@media (max-width:1140px){
	.cont_overview {background:none; padding:50px 0;}
	.cont_overview .cont > p em {display:inline;}
	.cont_overview .cont strong:before {background-size:220px auto}
	.cont_overview .overview1 strong:before {width:24px; height:21px; margin:0 7px 0 1px;}
	.cont_overview .overview2 strong:before {width:19px; height:20px; margin:0 9px 0 4px; background-position:-25px 0px;}
	.cont_overview .overview3 strong:before {width:26px; height:17px; margin:0 6px 0 0; background-position:-45px 0px;}
	.cont_overview .overview4 strong:before {width:18px; height:20px; margin:0 9px 0 5px; background-position:-75px 0px;}
	.cont_overview .overview5 strong:before {width:15px; height:21px; margin:0 11px 0 6px; background-position:0px -25px;}
	.cont_overview .overview6 strong:before {width:17px; height:17px; margin:0 10px 0 5px; background-position:-20px -25px;}
	.cont_overview .overview7 strong:before {width:22px; height:19px; margin:0 7px 0 3px; background-position:-40px -25px;}
	.cont_overview .overview8 strong:before {width:21px; height:20px; margin:0 8px 0 3px; background-position:-65px -25px;}
	.cont_overview .cont strong {float:left; width:90px; margin-right:12px;}
	.cont_overview .cont strong em {line-height:21px; margin-top:0; border:none;}
	.cont_overview .cont ul {margin:20px 0 0;}
	.cont_overview .cont li {float:none; width:auto; height:auto; margin:0; padding:15px 0; border:none; border-bottom:1px solid #ddd; text-align:left;}
	.cont_overview .cont span {overflow:hidden; margin:1px 0 0; font-size:16px; padding:0;}
	.cont_overview .overview2 span em {display:inline-block; margin-left:2px;}
}

/* 조직도 */
.cont_orga {background:url(../_img/intro_organi_bg1.jpg) 50% 50% no-repeat fixed; background-size:cover; color:#fff;}
.cont_orga .wrapper {position:relative; padding:105px 0 100px; height:560px; background:url(../_img/intro_organi_bg2.png) 50% 50% no-repeat;}
.cont_orga .wfix {position:relative;}
.cont_orga .tit_cont strong {line-height:1;}
.cont_orga .cont {position:absolute; top:0px; right:0;; text-align:center; font-size:16px;}
.cont_orga .ceo {position:relative; font-size:20px; font-weight:bold;}
.cont_orga .ceo:after {display:block; width:1px; height:150px; margin:15px auto 0; border-left:2px dashed #fff; border-color:rgba(255,255,255,0.3); content:''}
.cont_orga .affairs {position:absolute; top:125px; left:50%; margin-left:114px;}
.cont_orga .affairs:after {position:absolute; top:50%; left:-114px; width:114px; height:1px; margin-top:1px; border-top:2px dashed #fff; border-color:rgba(255,255,255,0.3); content:'';}
.cont_orga .team {display:block; width:118px; height:118px; margin:0 auto; border:1px solid #fff; border-radius:100%; border-color:rgba(255,255,255,0.5); }
.cont_orga .cont > ul {display:inline-block; position:relative; font-size:0; vertical-align:top;}
.cont_orga .cont > ul:after {position:absolute; top:-42px; left:100px; width:800px; height:1px; border-top:2px dashed #fff;border-color:rgba(255,255,255,0.3); content:'';}
.cont_orga .cont > ul > li {display:inline-block; position:relative; width:200px; vertical-align:top;}
.cont_orga .cont > ul > li:after {position:absolute; top:-42px; left:50%; width:1px; height:42px; margin-left:-1px; border-left:2px dashed #fff; border-color:rgba(255,255,255,0.3); content:'';}
.cont_orga .cont > ul > li.team3:after {display:none;}
.cont_orga li strong {display:block; font-weight:400; font-size:16px;}
.cont_orga .ico_company {display:block; margin:0 auto;}
.cont_orga .ceo .ico_company {width:92px; height:99px; margin:0 auto 20px; background-position:-190px 0px;}
.cont_orga .affairs .ico_company {width:44px; height:46px; margin:18px auto 8px; background-position:-290px 0px;}
.cont_orga .team1 .ico_company {width:56px; height:32px; margin:26px auto 14px; background-position:-290px -50px;}
.cont_orga .team2 .ico_company {width:36px; height:40px; margin:22px auto 10px; background-position:-350px 0px;}
.cont_orga .team3 .ico_company {width:58px; height:38px; margin:23px auto 11px; background-position:-350px -50px;}
.cont_orga .team4 .ico_company {width:40px; height:40px; margin:22px auto 10px; background-position:-390px 0px;}
.cont_orga .team5 .ico_company {width:34px; height:34px; margin:24px auto 12px; background-position:-400px -90px;}
.cont_orga li ul {display:inline-block; margin-top:20px;}
.cont_orga li li {font-size:14px; opacity:0.7; margin-bottom:5px; text-align:left;}
.cont_orga li li:before {display:inline-block; width:3px; height:3px; border-radius:100%; background:#fff; vertical-align:top; margin:7px 4px 0 5px; content:''}
.cont_orga li li:after {display:inline-block; width:3px; height:3px; margin-right:5px; content:'';}
.cont_orga .team2 ul,
.cont_orga .team4 ul {width:190px;}
.cont_orga .team2 ul li,
.cont_orga .team4 ul li {float:left; width:50%;}
@media (max-width:1140px){
	.cont_orga {background-size:auto 100%; background-attachment:local;}
	.cont_orga .wrapper {padding:50px 0; height:auto;}
	.cont_orga .wfix {margin:0 10px;}
	.cont_orga .cont {position:relative; margin-top:40px; font-size:15px;}
	.cont_orga .cont > ul {display:block;}
	.cont_orga li strong {font-size:15px;}
	.cont_orga .ico_company {background-size:220px auto;}
	.cont_orga .ceo {font-size:16px;}
	.cont_orga .ceo .ico_company {width:46px; height:50px; background-position:-95px 0; margin-bottom:4px;}
	.cont_orga .ceo:after {height:100px;}
	.cont_orga .team {width:80px; height:80px;}
	.cont_orga .affairs {top:65px; margin-left:58px;}
	.cont_orga .affairs .ico_company {width:22px; height:23px; margin-top:14px; background-position:-145px 0px;}
	.cont_orga .affairs:after {left:-58px; width:58px;}
	.cont_orga .team1 .ico_company {width:28px; height:16px; background-position:-145px -25px;}
	.cont_orga .team2 .ico_company {width:18px; height:20px; background-position:-175px 0px;}
	.cont_orga .team3 .ico_company {width:29px; height:19px; background-position:-175px -25px;}
	.cont_orga .team4 .ico_company {width:20px; height:20px; background-position:-195px 0px;}
	.cont_orga .team5 .ico_company {width:17px; height:17px; background-position:-200px -45px;}
	.cont_orga .cont > ul > li {width:33.33333%; width:calc(100% / 3);}
	.cont_orga .team1 .ico_company {margin:17px auto 11px;}
	.cont_orga .team2 .ico_company {margin:14px auto 10px;}
	.cont_orga .team3 .ico_company {margin:14px auto 9px;}
	.cont_orga .team4 .ico_company {margin:14px auto 10px;}
	.cont_orga .team5 .ico_company {margin:16px auto 11px;}
	.cont_orga .cont > ul > li.team2:after {display:none; }
	.cont_orga .cont > ul > li.team3:after {display:block; }
	.cont_orga .cont > ul:after {top:-30px; left:17%; width:66%;}
	.cont_orga .cont > ul > li:after {top:-30px; height:30px;}
	.cont_orga li ul {display:none;}
	.cont_orga .cont > ul > li.team4:after,
	.cont_orga .cont > ul > li.team5:after {top:-110px; height:110px;}
}

/* 비전 */
.cont_vision {padding-top:90px;}
.cont_vision .vision {width:660px; height:75px; margin:100px auto 48px; background:url(../_img/intro_vision_txt.png) 50% 50% no-repeat;}
.cont_vision .cont {position:relative; height:550px;}
.cont_vision .slider .bg_vision {height:550px;}
.cont_vision .slider .bg1 {background:url(../_img/intro_vision_bg1.jpg) 50% 50% no-repeat;}
.cont_vision .slider .bg2 {background:url(../_img/intro_vision_bg2.jpg) 50% 50% no-repeat;}
.cont_vision .slider .bg3 {background:url(../_img/intro_vision_bg3.jpg) 50% 50% no-repeat;}
.cont_vision .slider .bg4 {background:url(../_img/intro_vision_bg4.jpg) 50% 50% no-repeat;}
.cont_vision .slider .inner {display:none;}
.cont_vision .slider .slick-arrow {position:absolute; top:50%; padding:5px 10px; margin-top:-35px; z-index:999}
.cont_vision .slider .prev {left:50px;}
.cont_vision .slider .next {right:50px;}
.cont_vision .slider .prev .ico_company {width:26px; height:49px; background-position:-400px -130px;}
.cont_vision .slider .next .ico_company {width:26px; height:49px; background-position:-400px -190px;}
.cont_vision .slick-dots {position:absolute; top:90px; left:50%; width:1140px; margin-left:-570px;}
.cont_vision .slick-dots li {float:left; width:276px; height:318px; padding-top:50px; background:#fff; border:1px solid #ccc; border-color:rgba(0,0,0,0.2); opacity:0.8; text-align:center; cursor:pointer; transition:0.4s;}
.cont_vision .slick-dots li.on {opacity:1;}
.cont_vision .slick-dots li + li {margin-left:9px;}
.cont_vision .slick-dots li .ico_vision {width:146px; height:146px; margin:0 auto; border:2px solid #ddd; border-radius:100%;}
.cont_vision .slick-dots li .ico_company {opacity:0.4;}
.cont_vision .slick-dots li.on .ico_company {opacity:1;}
.cont_vision .slick-dots .on .ico_company {opacity:1;}
.cont_vision .item1 .ico_company {width:98px; height:87px; background-position:0px -190px; margin-top:29px;}
.cont_vision .item2 .ico_company {width:70px; height:84px; background-position:-100px -190px; margin-top:31px;}
.cont_vision .item3 .ico_company {width:102px; height:85px; background-position:-180px -190px; margin-top:31px;}
.cont_vision .item4 .ico_company {width:101px; height:82px; background-position:-290px -190px; margin-top:32px;}
.cont_vision .slick-active .item1 .ico_company,
.cont_vision li:hover .item1 .ico_company {background-position:0px -100px;}
.cont_vision .slick-active .item2 .ico_company,
.cont_vision li:hover .item2 .ico_company {background-position:-100px -100px;}
.cont_vision .slick-active .item3 .ico_company,
.cont_vision li:hover .item3 .ico_company {background-position:-180px -100px;}
.cont_vision .slick-active .item4 .ico_company,
.cont_vision li:hover .item4 .ico_company {background-position:-290px -100px;}
.cont_vision .item strong {display:block; margin:15px 0 12px; font-size:24px; font-weight:400; letter-spacing:0; opacity:0.5}
.cont_vision .slick-active .item strong,
.cont_vision li:hover .item strong {color:#d71920; opacity:1}
.cont_vision .item p {font-size:16px;}
@media (max-width:1140px){
	.cont_vision {padding-top:50px;}
	.cont_vision .cont {height:auto; padding-bottom:40px;}
	.cont_vision .wfix {margin:0;}
	.cont_vision .tit_cont strong {line-height:1;}
	.cont_vision .tit_cont em {display:block;}
	.cont_vision .vision {position:relative; width:auto; height:auto; margin:30px 10px; background:none; font-size:22px; line-height:1.3; text-indent:0; text-align:center;}
	.cont_vision .vision:before,
	.cont_vision .vision:after {position:absolute; width:44px; height:33px; margin-top:-16px; opacity:0.2; content:''}
	.cont_vision .vision:before {top:20px; left:0px; background:url(../_img/quotation1.png) 50% 50% no-repeat; }
	.cont_vision .vision:after {bottom:10px; right:0px; background:url(../_img/quotation2.png) 50% 50% no-repeat; }
	.cont_vision .vision span {display:inline-block;}
	.cont_vision .slick-slide {height:auto;}
	.cont_vision .slider {position:relative;}
	.cont_vision .slider .bg_vision {background:none; height:auto;}
	.cont_vision .slider .inner {display:block; height:210px; margin:20px; padding:50px 20px; border:1px solid #ddd; text-align:center;}
	.cont_vision .slider .inner .ico_company {margin:0;}
	.cont_vision .slider .inner strong {display:block; margin:15px 0 10px; text-align:center; font-size:24px; color:#d71920;}
	.cont_vision .slider .inner p {font-size:18px;}
	.cont_vision .slider .slick-arrow {padding:0; margin-top:-25px;}
	.cont_vision .slider .prev {left:10px;}
	.cont_vision .slider .next {right:10px;}
	.cont_vision .slider .prev .ico_company {width:50px; height:50px; background:url(../_img/arw1_left.png) 50% 50% no-repeat;}
	.cont_vision .slider .next .ico_company {width:50px; height:50px; background:url(../_img/arw1_right.png) 50% 50% no-repeat;}
}

/*** 사업 소개 ***/
/* 사업 분야 */
.cont_field .cont {margin-top:45px; padding:45px 0; background:#f5f5f5;}
.cont_field .cont {text-align:center;}
.cont_field .img_field,
.cont_field .list_field {display:inline-block; vertical-align:top;}
.cont_field .img_field {margin-right:55px;}
.cont_field .list_field ul {display:inline-block; margin:110px 0 0 75px;  text-align:left; vertical-align:top;}
.cont_field li + li {margin-top:10px;}
.cont_field li:before {display:inline-block; width:3px; height:3px; border-radius:100%; background:#333; margin:10px 4px 0 0; vertical-align:top; content:'';}
/* 주요 고객 */
.cont_clients {margin-top:100px; padding-bottom:100px;}
.cont_clients .cont {padding-top:100px;}
.cont_clients li {height:260px; }
.cont_clients li + li {padding-top:40px; margin-top:40px; border-top:1px solid #ddd;}
.cont_clients .client2 {text-align:right;}
.cont_clients li .img_client {display:block; }
.cont_clients li .img_client.fl {margin-right:50px;}
.cont_clients li .img_client.fr {margin-left:50px;}
.cont_clients li .info {overflow:hidden;}
.cont_clients li strong {display:block; margin-bottom:24px; font-size:30px;}
.cont_clients li .wrapper {height:110px;}
.cont_clients li dl {overflow:hidden; margin-bottom:8px; font-size:16px;}
.cont_clients li dt,
.cont_clients li dd {display:inline-block; vertical-align:top;}
.cont_clients li dt {width:88px; line-height:28px; margin-right:8px; border:1px solid #ddd; text-align:center; border-radius:28px;}
.cont_clients li dd {font-weight:400; letter-spacing:0; line-height:30px;}
.cont_clients li .total {display:block; margin-top:20px; padding-top:14px; border-top:1px solid #ddd; font-size:24px; font-weight:bold;}
.cont_clients .client1 dd,
.cont_clients .client3 dd,
.cont_clients .client4 dd{width:105px;}
.cont_clients .client2 .wrapper {display:inline-block; width:365px; overflow:hidden;}
.cont_clients .client1 .total em {color:#ff9600;}
.cont_clients .client2 .total em {color:#668320;}
.cont_clients .client3 .total em {color:#ed1c24;}
.cont_clients .client4 .total em {color:#1c7dfa;}
@media (max-width:1140px){
	#contents.field {padding-top:0;}
	.cont_field {padding:50px 0; background:#f5f5f5;}
	.cont_field .wfix {margin:0;}
	.cont_field .cont {padding:0;}
	.cont_field .img_field,
	.cont_field .list_field {display:block; margin:0;}
	.cont_field .img_field {max-width:300px; margin:0 auto;}
	.cont_field .list_field {font-size:0;}
	.cont_field .list_field ul {margin:30px 0 0; padding:0 25px; max-width:50%; font-size:15px; box-sizing:border-box;}
	.cont_field li + li {margin-top:5px;}
	.cont_clients {margin-top:50px; padding:0;}
	.cont_clients .cont {padding-top:30px;}
	.cont_clients .cont li {height:auto; background:none; padding:0;}
	.cont_clients .cont li .img_client {float:none; margin:0 0 18px;}
	.cont_clients .cont li strong {margin-bottom:15px; padding:0; font-size:22px; line-height:24px;}
	.cont_clients .cont li .info {position:relative;}
	.cont_clients .cont li dl {width:50%; font-size:15px;}
	.cont_clients .cont li dt {margin-right:4px; width:75px;}
	.cont_clients .cont li .total {position:absolute; top:0; right:0; border:none; padding-top:0; margin-top:0px; font-size:20px; line-height:24px;}
	.cont_clients .cont .client1 {padding-bottom:25px; margin-bottom:30px;}
	.cont_clients .cont .client1 dd,
	.cont_clients .cont .client3 dd {width:auto;}
	.cont_clients .client2 {text-align:left;}
}


/* 케이모듈 시스템 */
#contents.system {padding-top:0;}
.tab {display:none;}
.cont_system  {padding-top:90px; background:url(../_img/bg_line.jpg) 50% 50% no-repeat;}
.cont_system .cont {padding:60px 0 100px;}
.cont_system .cont strong {display:block; font-size:20px; line-height:1; border-left:3px solid #d71920; padding-left:8px;}
.cont_system .cont ul {margin-top:18px; overflow:hidden; border:1px solid #ddd; background:#fff;}
.cont_system .cont li {float:left; position:relative; width:20%; height:206px;}
.cont_system .cont li .inner {display:block; padding:0 18px; line-height:24px; text-align:center;}
.cont_system .cont li+li:after {position:absolute; top:50%; left:-18px; width:34px; height:34px; margin-top:-18px; border:1px solid #ddd; border-radius:100%; background:url(../_img/arw2_right.png) 50% 50% no-repeat #fff; content:'';}
.cont_system .cont li+li .inner:after {position:absolute; top:0; left:0; width:1px; height:206px; background:#ddd; content:'';}
.cont_system .cont li em {display:inline-block;}
.cont_system .cont li .emph {display:inline; font-weight:bold;}
.cont_system .cont .system2 {margin-top:46px;}
.cont_system .cont .system2 ul {border:2px solid #00324d;}
.cont_system .cont .line2 .inner {padding-top:78px;}
.cont_system .cont .line3 .inner {padding-top:66px;}
.cont_system .cont .line4 .inner {padding-top:54px;}
.cont_system .cont .line5 .inner {padding-top:42px;}
.cont_system .cont .line6 .inner {padding-top:30px;}
.cont_graphic {height:560px; padding:60px 0; background:url(../_img/business_system_bg.jpg) 50% 50% no-repeat fixed; background-size:cover;}
.cont_graphic .wfix {position:relative; text-align:center;}
.cont_graphic .wfix:after {position:absolute; top:50%; left:50%; width:38px; height:46px; margin:-19px 0 0 -16px; background:url(../_img/arw3_right.png) right 50% no-repeat; content:'';}
.cont_graphic .item {display:inline-block; padding:0 85px;}
.cont_graphic .item + .item {margin-left:70px; padding:0 0 0 70px; border-left:1px solid #fff; border-color:rgba(255,255,255,0.5);}
.cont_graphic strong {display:block; width:150px; line-height:40px; border-radius:40px; color:#fff; text-align:center; margin:0 auto 30px; background:#000; background:rgba(0,0,0,0.6);}
.cont_eff {padding:90px 0 110px;}
.cont_eff .tit_cont strong {font-size:36px;}
.cont_eff ul {margin-top:50px; overflow:hidden;}
.cont_eff li {float:left; position:relative; width:25%; text-align:center;}
.cont_eff li + li:after {position:absolute; top:0; left:0; width:1px; height:280px; background:#ddd; content:'';}
.cont_eff li .ico_eff {display:block; width:100px; height:90px; margin:8px auto 10px; background-image:url(../_img/business_efficieny.png); background-repeat:no-repeat;}
.cont_eff li .eff1 {background-position:0 0;}
.cont_eff li .eff2 {background-position:-100px 0;}
.cont_eff li .eff3 {background-position:-200px 0;}
.cont_eff li .eff4 {background-position:-300px 0;}
.cont_eff li .num {display:inline-block; line-height:42px; letter-spacing:0; font-size:24px; color:#c3c3c3; font-weight:900; border-bottom:3px solid #d71920;}
.cont_eff li p {padding:18px 28px 0; word-break:keep-all; font-size:16px; line-height: 1.4}
@media (max-width:1140px){
	.tab {display:block;}
	.cont_system {background:none; padding-top:50px;}
	.cont_system .tab {margin-top:50px;}
	.cont_system .tab ul {overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc;}
	.cont_system .tab li {float:left; width:50%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; box-sizing:border-box; font-weight:500; text-align:center; background:#f3f3f3}
	.cont_system .tab li.on {border-top:1px solid #d71920; border-bottom:none; background:#fff;}
	.cont_system .tab li + li {border-left:1px solid #ccc;}
	.cont_system .tab li a {display:block; padding:10px 0 12px; border-top:2px solid #f3f3f3; font-size:16px;}
	.cont_system .tab li.on a {border-top:2px solid #d71920;}
	.cont_system .cont {padding:30px 0 50px;}
	.cont_system .cont strong {font-size:18px;}
	.cont_system .cont ul {border:none;}
	.cont_system .cont li {float:none; width:auto; height:auto;}
	.cont_system .cont li+li:after {display:none;}
	.cont_system .cont li+li:before {display:block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #999; margin:0 auto 4px; content:'';}
	.cont_system .cont li .inner {text-align:left; line-height:1.3; border:1px solid #d5d5d5;}
	.cont_system .cont .line2 .inner,
	.cont_system .cont .line3 .inner,
	.cont_system .cont .line4 .inner,
	.cont_system .cont .line5 .inner,
	.cont_system .cont .line6 .inner { padding:8px 12px;}
	.cont_system .cont li {margin-bottom:5px;}
	.cont_system .cont li+li .inner:after {display:none;}
	.cont_system .cont li .inner em {display:inline; font-size:16px;}
	.cont_system .cont li .inner em.emph {display:inline-block;}
	.cont_system .cont .system2 {margin:0;}
	.cont_system .cont .system2 ul {border:none;}
	.cont_graphic {height:auto; padding:50px 0; background-attachment:local;}
	.cont_graphic .tab ul {overflow:hidden; background:rgba(0,0,0,0.5); border-radius:45px; box-shadow:inset 4px 5px 10px rgba(0,0,0,0.4);}
	.cont_graphic .tab li {float:left; width:45%; opacity:0.5;}
	.cont_graphic .tab li.on {width:55%; background:#d71920; opacity:1; border-radius:45px;}
	.cont_graphic .tab a {display:block; line-height:45px; text-align:center; font-size:16px; color:#fff;}
	.cont_graphic .cont {padding-top:40px;}
	.cont_graphic strong {display:none;}
	.cont_graphic .item {display:block; padding:0 30px;}
	.cont_graphic .item + .item {margin:0; padding:0; border:none;}
	.cont_graphic .wfix:after {display:none;}
	.cont_eff {padding:50px 0;}
	.cont_eff ul {margin-top:30px;}
	.cont_eff ul li {display:table; float:none; width:100%;; border:1px solid #ccc; box-sizing:border-box;}
	.cont_eff li + li {margin-top:8px;}
	.cont_eff li + li:after {display:none;}
	.cont_eff li .deco {display:table-cell; padding:14px; vertical-align:middle;}
	.cont_eff li .deco .ico_eff {width:50px; height:45px; margin:0 0 5px 0; background-size:200px 45px;}
	.cont_eff li .deco .num {border:none; line-height:1;}
	.cont_eff li .eff1 {background-position:0 0;}
	.cont_eff li .eff2 {background-position:-50px 0;}
	.cont_eff li .eff3 {background-position:-100px 0;}
	.cont_eff li .eff4 {background-position:-150px 0;}
	.cont_eff li p {display:table-cell; padding:10px 10px 10px 0; text-align:left; vertical-align:middle; font-size:16px;}
}

/* 포트폴리오 */
.cont_portfolio {margin:0 30px; padding-bottom:110px;}
.cont_portfolio.tac .tit_cont {display:inline-block;}
.cont_portfolio.tac .tit_cont:after {margin:16px auto 0;}
.cont_portfolio .filter {display:inline-block; margin:55px 0 35px; overflow:hidden; border:1px solid #ccc; border-radius:3px;}
.cont_portfolio .filter li {float:left;}
.cont_portfolio .filter li + li {border-left:1px solid #ccc;}
.cont_portfolio .filter li a {display:block; width:100px; line-height:44px; font-size:16px; text-align:center; color:#555;}
.cont_portfolio .filter li.active a {background:#d71920; color:#fff; font-weight:bold; box-shadow:inset 3px 3px 7px rgba(0,0,0,0.4);}
.cont_portfolio .portfolio-area {overflow:hidden;}
.cont_portfolio .portfolio-area li {float:left; width:25%; margin-bottom: 8px; border:8px solid #fff; box-sizing:border-box;}
.cont_portfolio .portfolio-area li .inner {display:block; overflow:hidden;}
.cont_portfolio .portfolio-area li .block {position:relative; overflow:hidden; height:165px; background:url(../_img/loader.gif) 50% 50% no-repeat #eee;}
.cont_portfolio .portfolio-area li .block:after {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,0.15); content:'';}
.cont_portfolio .portfolio-area li img {max-width:none; opacity:0}
.cont_portfolio .portfolio-area li .txts {text-align:left; padding:5px 3px;}
.cont_portfolio .portfolio-area li .tit_item {display:block; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; font-weight:500}
.cont_portfolio .portfolio-area li .cate {display:block; font-size:14px; color: #888}
.cont_portfolio .board {margin-top:66px}
.cont_portfolio .board .item {padding:8px 0; text-align:center}
.cont_portfolio .board .thumb {display:inline-block;}
@media (max-width:1140px){
	.cont_portfolio {margin:0;}
	.cont_portfolio .cont .wfix {margin:0;}
	.cont_portfolio .filter {display:block; margin:30px 10px 20px; border-radius:0; border:none; border-left:1px solid #ddd; border-top:1px solid #ddd;}
	.cont_portfolio .filter li {width:25%; padding:0; box-sizing:border-box;}
	.cont_portfolio .filter li + li {border: none;}
	.cont_portfolio .filter li a {width:auto; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd}
	.cont_portfolio .portfolio-area {margin:0 6px;}
	.cont_portfolio .portfolio-area li {width:50%; border:4px solid #fff;}
	.cont_portfolio .portfolio-area li .inner {position:relative;}
	.cont_portfolio .portfolio-area li .block {height:180px;}
	.cont_portfolio .portfolio-area li .tit_item {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; white-space: normal; width: 100%}
	.cont_portfolio .portfolio-area li .txts {padding:3px;}
	.cont_portfolio .portfolio-area li .cate {position:absolute; bottom:46px; right:0; background: rgba(0,0,0,0.6); color:#fff; padding: 0 3px}
	.cont_portfolio .foot_board {padding:0 15px;}
	.cont_portfolio .foot_board .fl {display: none;}
}


.ico_portfolio {display:inline-block; background-image:url(../_img/ico_portfolio.png); background-repeat:no-repeat; vertical-align:top;}
div.pp_pic_holder {background:#fff; padding-bottom:10px; border-radius:4px;}
div.pp_pic_holder a:focus {outline:none; }
div.pp_overlay {background:#000; display:none; left:0; position:absolute; top:0; width:100%; z-index:9500; }
div.pp_pic_holder {display:none; position:absolute; width:100px; z-index:10000; }
.pp_top {height:10px; position:relative; }
* html .pp_top {padding:0 10px; }
.pp_top .pp_left {height:10px; left:0; position:absolute; width:10px; }
.pp_top .pp_middle {height:10px; left:10px; position:absolute; right:10px; }
* html .pp_top .pp_middle {left:0; position:static; }
.pp_top .pp_right {height:10px; left:auto; position:absolute; right:0; top:0; width:10px; }
.pp_content {height:40px; margin:auto;}
.portfolio-area2 h3{color:#999;margin-bottom:10px;font-size:22px;}

.pp_fade {display:none; }
.pp_content_container {position:relative; text-align:left; width:100%; }
.pp_content_container .pp_left {padding-left:10px; }
.pp_content_container .pp_right {padding-right:10px; }
.pp_details {text-align:center; padding-top:10px;}
.pp_description {display:none; float:left; line-height:32px; padding-left:10px;}
.pp_nav {overflow:hidden; text-align:center;}
.pp_nav .currentTextHolder {display:inline-block; font-size:15px; letter-spacing:0; line-height:32px; vertical-align:top; margin:0 10px;}
.pp_nav .currentTextHolder em {display:inline-block;  padding:0 3px;}
.pp_nav .pp_play, .pp_nav .pp_pause {float:left; margin-right:4px; text-indent:-10000px; }
a.pp_arrow_previous,
a.pp_arrow_next {background:url(../_img/ico_portfolio.png);display:inline-block; width:32px; height:32px; overflow:hidden; text-indent:-10000px; vertical-align:top;}
a.pp_arrow_previous {background-position:0px -140px;}
a.pp_arrow_next {background-position:-40px -140px;}
.pp_hoverContainer {position:absolute; top:0; width:100%; z-index:2000; }
.pp_gallery {left:50%; margin-top:-50px; position:absolute; z-index:10000; }
.pp_gallery ul {float:left; height:35px; margin:0 0 0 5px; overflow:hidden; padding:0; position:relative; }
.pp_gallery ul a {border:1px #000 solid; border:1px rgba(0,0,0,0.5) solid; display:block; float:left; height:33px; overflow:hidden; }
.pp_gallery ul a:hover, .pp_gallery li.selected a {border-color:#fff; }
.pp_gallery ul a img {border:0; }
.pp_gallery li {display:block; float:left; margin:0 5px 0 0; }
.pp_gallery li.default a {background:url(../_img/default_thumbnail.gif) 0 0 no-repeat; display:block; height:33px; width:50px; }
.pp_gallery li.default a img {display:none; }
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {margin-top:7px !important; }
a.pp_next {background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display:block; float:right; height:100%; text-indent:-10000px; width:49%; }
a.pp_previous {background:url(../_img/ico_portfolio.png) 0px -140px no-repeat; display:block; float:left; height:100%; text-indent:-10000px; width:49%; }
a.pp_expand, a.pp_contract {cursor:pointer; display:none; height:20px; position:absolute; right:30px; text-indent:-10000px; top:10px; width:20px; z-index:20000; }
a.pp_close {display:block; float:right; background:url(../_img/ico_portfolio.png) -80px -140px no-repeat;text-indent:-10000px;  width:74px; height:35px; }
	a.pp_arrow_previous, }

.currentTextHolder em.emph {font-weight:bold;}
* html .pp_bottom {padding:0 20px; }
.pp_loaderIcon {display:block; height:24px; left:50%; margin:-12px 0 0 -12px; position:absolute; top:50%; width:24px; }
#pp_full_res {line-height:1 !important; }
#pp_full_res .pp_inline {text-align:left; }
#pp_full_res .pp_inline p {margin:0 0 15px 0; }
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block; }
* html .clearfix {height:1%; }
.clearfix {display:block; }
.pp_gallery a {background:none !important; border:none !important; display:none !important; height:146px; padding:2px !important; width:235px;}
@media (max-width:700px){
	.portfolio-area2 h3{color:#999;margin-bottom:10px;font-size:18px;}
	.pp_top {display:none;}
	div.pp_pic_holder,
	.pp_details,
	.pp_content_container .pp_left,
	.pp_content_container .pp_right {padding:0;}
	div.pp_pic_holder {background:none; border-radius:0;}
	a.pp_close {position:fixed; top:0; right:0; float:none; width:20px; border:0;text-indent:-10000px;height:20px; padding:25px; background:url(../_img/m/gnb_close.png) 50% 50% no-repeat; background-size:20px;}
	a.pp_arrow_previous,
	a.pp_arrow_next {position:absolute; top:50%; width:35px; height:35px; margin-top:-18px; background-color:rgba(0,0,0,0.4); background-size:35px; background-repeat:no-repeat; background-position:50% 50%; border-radius:100%;}
	a.pp_arrow_previous {left:10px; background-image:url(../_img/arw1_left.png)}
	a.pp_arrow_next {right:10px; background-image:url(../_img/arw1_right.png)}
	.pp_nav .currentTextHolder {position:fixed; bottom:25px; right:20px; color:#fff;  margin:0; letter-spacing:0; line-height:24px;}
	.pp_description {position:fixed; left:20px; bottom:25px; color:#fff; padding:0; line-height:24px;}
}

/*** 고객센터 ***/
/* 고객문의 */
#contents.contact {padding-top:120px;}
.cont_contact {padding-bottom:120px;}
.cont_contact .tit {text-align:center;}
.cont_contact .tit strong {display:block; font-size:30px; font-weight:600}
.cont_contact .tit strong:after {display:block; width:90px; height:2px; margin:28px auto 26px; background:#d71920; content:'';}
.cont_contact .tit p {line-height:24px;}
.cont_contact .tit .emph {font-weight:bold; letter-spacing:0;}
.cont_contact .cont {margin-top:50px; padding:32px 55px; border:1px solid #ddd;}
.cont_contact dl {padding:10px 0; border-top:1px solid #ddd;}
.cont_contact dt {display:inline-block; width:77px; padding-right:20px; text-align:right; vertical-align:top; line-height:40px}
.cont_contact dd {display:inline-block; vertical-align:top; width:400px;}
.cont_contact dd + dt {margin-left:20px;}
.cont_contact .txt dd {width:auto;}
.cont_contact .inp {background:#f5f5f5}
.cont_contact .inp input {display:block; width:100%; height:40px; text-indent:0.5em; letter-spacing:0;}
.cont_contact select {display:block; width:300px; height:40px; border:1px solid #ccc; text-indent:0.3em}
.cont_contact .txtarea {padding:10px;}
.cont_contact .txtarea textarea {display:block; width:900px; height:330px; resize:none;}
.cont_contact dl:first-child {border-top:none;}
.cont_contact .btn_send {display:block; width:220px; line-height:60px; margin:30px auto 0; background:#d71920; color:#fff; font-size:20px; text-align:center; font-weight:bold;}
.cont_contact .btn_send:hover {background:#a80b10;}
.map {position:relative; overflow:hidden;}
.map .root_daum_roughmap {width:100%; font-size:0; line-height:0;}
.map .wrap_controllers {display:none;}
.root_daum_roughmap .wrap_map {height:600px !important;}
.map .cont_map {position:absolute; bottom:25px; right:25px; padding:30px 34px; background:#fff; border:1px solid #e5e5e5; border-color:rgba(0,0,0,0.1); box-shadow:2px 2px 12px rgba(0,0,0,0.2); z-index:9999}
.map .cont_map .tit {padding-left:170px; background:url(../_img/logo.png) 0 0 no-repeat; font-size:16px; color:#888; font-weight:bold; line-height:19px;}
.map .cont_map .info {margin:22px 0 18px; padding:16px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:15px;}
.map .cont_map dl + dl {margin-top:5px;}
.map .cont_map .ico_contact {display:inline-block; width:25px; height:25px; background-image:url(../_img/ico_contact.png); background-repeat:no-repeat; vertical-align:top; margin-right:2px; font-size:0; line-height:0;}
.map .cont_map .address .ico_contact {background-position:0 0;}
.map .cont_map .tel .ico_contact {background-position:-25px 0;}
.map .cont_map .fax .ico_contact {background-position:-50px 0;}
.map .cont_map .email .ico_contact {background-position:-75px 0;}
.map .cont_map dd {display:inline-block; line-height:25px; vertical-align:top; letter-spacing:0;}
.map .cont_map .address dd {letter-spacing:-0.04em;}
.map .cont_map .tel {float:left; width:50%;}
.map .cont_map .fax {overflow:hidden;}
.map .cont_map .as dt {display:inline-block; width:70px; line-height:30px; text-align:center; font-size:15px; letter-spacing:0; background:#d71920; color:#fff; border-radius:29px; margin-right:8px; vertical-align:top;}
.map .cont_map .as dd {display:inline-block; font-size:24px; line-height:30px; letter-spacing:0; font-weight:bold; vertical-align:top;}
.map .cont_map p {margin-top:12px; font-size:24px;}

@media (max-width:700px){
	#contents.contact {padding-top:50px;}
	.cont_contact {padding-bottom:50px;}
	.cont_contact .wfix {margin:0;}
	.cont_contact .tit strong {font-size:20px;}
	.cont_contact .tit p {padding:0 10px; font-size:16px; line-height:1.3;}
	.cont_contact .tit p em {display:inline-block;}
	.cont_contact .cont {margin:30px 25px 0; padding:0; border:none; font-size:16px;}
	.cont_contact dl {border:none; padding:0; overflow:hidden;}
	.cont_contact dt,
	.cont_contact dd {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd;}
	.cont_contact dt {display:block; float:left; width:65px; padding-right:5px; text-align:left;}
	.cont_contact dd {display:block; overflow:hidden; width:auto;}
	.cont_contact dd + dt {margin:0;}
	.cont_contact .inp input,
	.cont_contact .inp textarea {width:100%;}
	.cont_contact .inp textarea {height:200px;}
	.cont_contact dd select {width:100%; box-sizing:border-box; border-radius:0; -webkit-appearance:none; background:url(../_img/arw_slt.png) right 50% no-repeat; background-size:34px auto;}
	.cont_contact .cont dl.txt dt {float:none; margin-bottom:0; border-bottom:none; line-height:1.3; padding-top:10px;}
	.cont_contact .btn_send {line-height:50px; width:100%; font-size:18px;}
	.root_daum_roughmap .wrap_map {height:350px !important;}
	.map .cont_map {display:none;}
}

/* 공지사항 */
.notice .cont {padding:36px 0 120px;}
.notice .board {margin-top:30px;}
.notice .board_view .date span {display:none;}
@media (min-width:1000px){
	.notice .foot_board .fr .btn:hover {background:#a80b10;}
	.notice .foot_board .fl .btn:hover {background:#f5f5f5;}
}
@media (max-width:700px){
	.notice .cont {padding-bottom:50px;}
	.notice .wfix {margin:0;}
	.notice .cont > p {text-align:center;}
	.notice .board th,
	.notice .board td {height:70px; border-color:#e5e5e5;}
	.notice .board_list td.title {font-size:16px;}
	.notice .board thead {display:none;}
	.notice .board_view .title {padding-bottom:0}
	.notice .board_list th:first-child,
	.notice .board_list td:first-child {display:none;}
	.notice .board_list td.title {width:calc(100% - 115px);padding:0 15px;}
	.notice .board_list td.title a {display:inline; max-width:none; white-space:inherit;}
	.notice .board_list td.date {font-size:13px; width:85px;}

}