/* common */
#subVisual { width: 100%; height: 334px; position: relative; background:url(/images/sub_title.jpg) no-repeat center;  }
#subVisual > div { width: 1200px; height: 100%; margin: 0 auto; overflow: hidden; }
#subVisual dl { float: right; margin-top: 205px; position: relative; text-align: right; padding-right:25px; }
#subVisual dl:after { content:""; display: block; width: 5px; height: 54px; background: #ffffff; position:absolute; top: 3px; right: 0; font-weight: 300; }
#subVisual dt { color: #e0e0e0; font-size:16px; }
#subVisual dd { color: #959595; font-size:40px; text-transform: uppercase; line-height: 100%; }
.subMenu { width: 100%; overflow: hidden; background:#c71719; }
.subMenu .lnb { width: 1200px; height: 60px; margin: 0 auto;  overflow: hidden; }
.subMenu .lnb > p { float: left; width: 77px; border-left:1px solid #d62426; border-right:1px solid #d62426; height: 100%; }
.subMenu .lnb > p a { display: block; width: 100%; height: 100%; text-indent:-9999px; background:url(/images/ico_home.png) no-repeat center; }
.subMenu .lnb ul { float: left; height: 100%; }
.subMenu .lnb li { float: left; height: 100%; border-right:1px solid #d62426; width: 225px; position: relative; }
.subMenu .lnb li a { display: block; width:100%; height: 100%; line-height: 60px; text-align: center; color: #fffefe; font-size:18px; font-weight: 300;   }
.subMenu .lnb li.on a { background:#ebebeb; color: #000000;  }
.subMenu .lnb li.on:after { content: ""; display: block; width: 180px; height: 2px; background: #000000; position: absolute; bottom: 0; left: 50%; margin-left:-90px; }


.subMenu .snb { display: ; width: 100%; height: 60px; background: #ebebeb;	 }		
.subMenu .snb ul { width: 1200px; height: 100%; margin: 0 auto; }
.subMenu .snb li { float: left; font-size:16px; font-weight: 300; line-height: 60px; }
.subMenu .snb li:before { content:"ㅣ"; display: block; float: left; margin: 0 20px; }
.subMenu .snb li:first-child:before { display: none; }	
.subMenu .snb li a { color: #333; }
.subMenu .snb li.on a { color: #000000; }
.subCon { width: 100%; overflow: hidden; margin: 70px auto 150px; }
.subCon .title { text-align: center; border-bottom:1px solid #e1e1e1; padding-bottom: 50px; }
.subCon .title h2 { position:relative; letter-spacing:-1px; }
.subCon .title h2:before { content: ""; display: block; width: 1px; height: 47px; background: #000000; margin: 0 auto 10px; }
.subCon .title h2 span { display: block; text-transform: uppercase; line-height: 130%; }
.subCon .title h2 .txt { color: #333; font-size:36px;  }
.subCon .title h2 .txt em { font-weight: 700; }
.subCon .title h2 .tit { color: #000000; font-family:"Nanum Square"; font-size:30px; font-weight: 900; } 
.subCon > article { width: 1068px; margin:80px auto 0; overflow: hidden; color: #333; }

/*개인정보취급 관련*/
.bigTextarea { font-size:14px; line-height:130%; width:100%; min-height:500px; box-sizing:border-box; border:1px solid #ccc; padding:20px; }


/*대표인사말*/
.greeCon { position: relative;  }
.greeCon img { position: absolute; top: 0; left:50%; margin-left:-534px; z-index:-1; }
.greeCon h3 { text-align: center; margin-top: 340px; font-family:"Nanum Square"; color: #606060; font-size:32px; line-height: 110%;  }
.greeCon h3:before { content:""; display: block; width: 1px; height: 100px; background: #f44336; margin:0 auto 30px; }
.greeCon h3 em { color: #000000; font-weight: 700;  }
.greeCon h3 em span { font-family:"Dotum"; }
.greeCon dl { margin-top: 120px; overflow: hidden;  }
.greeCon dt { font-size:22px; font-weight: 500; line-height: 120%;  }
.greeCon dd { margin-top: 35px; line-height: 130%; font-size:20px; font-weight: 300; }
.greeCon dd span { display: block; }
.greeCon p { text-align: right; margin-top: 35px; font-size:23px; font-weight: 300; line-height: 120%; }
.greeCon p em { font-weight: 700; }


/*회사개요 - 경영이념*/
.ov1Con > p { font-size:20px; font-weight: 300; line-height: 130%; text-align: center; }
.ov1Con > p span { display: block; }
.ov1Con .point { margin-top: 90px; width: 100%; height: 250px; box-sizing:border-box; border: 1px solid #000000;	position: relative; }
.ov1Con .point:before { content: ""; display: block; width: 114px; height: 27px; background: #fff url(/images/logo_red.png) no-repeat center;  position:absolute; top:-21px; left: 50%; margin-left:-57px; }
.ov1Con h3 { margin:40px 0 0 55px; font-size:18px; font-weight: 500; color: #333; line-height: 100%; background:url(/images/bullet_tit.png) no-repeat left 3px; padding-left:20px; }
.ov1Con h3.center { text-align: center; display:inline-block; margin:40px auto 0; width: auto; }
.ov1Con .point p { text-align: center; margin-top: 60px; color: #000000; font-family:"Nanum Square"; font-size:36px; font-weight: 700; }
.ov1Con .psyBox { margin-top: 50px; overflow: hidden; position:relative; }
.ov1Con .psyBox:before { content:""; display:block; width: 100%; height: 1px; background: #d7d7d7; position:absolute; top:50%; left:0; z-index: -1; }
.ov1Con .psyBox p { float: left; margin-left: 27px; width: 223px; height: 223px; border-radius:50%; box-sizing:border-box; background:#333 url(/img/sub/logo_gray_n.png) no-repeat center; font-size:0; }
.ov1Con .psyBox div { float: right; margin-right:23px; }
.ov1Con .psyBox dl { float: left; margin-left: 3px; width: 223px; height: 223px; border-radius:50%; background: #ebebeb; position: relative; opacity: .99999; text-align: center; }
.ov1Con .psyBox dl:before { content:""; display: block; width: 100%; height: 50%; border-radius:0 0 111.5px 111.5px; position:absolute; bottom:0; left: 0; background: #333; z-index: -1; }
.ov1Con .psyBox dt { text-align: center; color: #000000; font-size:24px; font-weight: 700; line-height: 111.5px;} 
.ov1Con .psyBox dd { color: #fff; font-size:16px;	font-weight: 300; line-height: 150%; position:relative; }
.ov1Con .psyBox dt+dd { margin-top: 10px; }
.ov1Con .psyBox dd:before { content:""; display: inline-block; vertical-align:middle; width: 5px; height: 5px; margin-right:5px; border-radius:50%; background: #fff; }
.ov1Con aside { margin-top: 100px; width: 100%; position: relative; }
.ov1Con aside:after { content:""; display:block; width: 1px; height: 100px; background: #000000; position:absolute; bottom:-50px; left: 50%;	 }
.ov1Con aside img { width: 100%; }
.ov1Con aside div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; color: #fff; }
.ov1Con aside h3.center { color: #fff; margin-top: 60px; }
.ov1Con aside p { margin-top: 75px; font-family:"Nanum Square"; font-size:36px; font-weight: 700; }
.ov1Con section { margin-top: 90px; overflow: hidden; text-align: center; }
.ov1Con section > h3.center { margin-top: 0; }
.ov1Con section > p { margin-top: 50px; font-family:"Nanum Square"; font-size:36px; font-weight: 700; line-height: 100%; color: #000000; }
.ov1Con section > article { border-bottom: 1px solid #d7d7d7; overflow: hidden; padding: 50px 0; text-align: left;	 }
.ov1Con section > p+article { border-top:1px solid #d7d7d7; margin-top: 50px; }
.ov1Con article h3 { float: left;  margin: 0 0 0 120px; }
.ov1Con article p,
.ov1Con article ul { float: right; width: 600px; font-size:0; }
.ov1Con article p { margin-top: 10px; font-family:"Nanum Square"; font-size:36px; font-weight: 700; line-height: 100%; color: #000000; }
.ov1Con article li { display:inline-block; width: 150px; height: 150px; line-height: 150px; text-align: center; color: #fff; background: #000000; border-radius:50%; margin-right: 20px; font-family:"Nanum Square"; font-size:22px; font-weight: 700; }


/*회사개요 - 회사연혁*/
.ov2Con > section { overflow: hidden; background:#2f2f34; height: 470px; color: #fff; }
.ov2Con > section article { float: left; height: 100%; }
.ov2Con .tit { width: 355px; text-align: center; }
.ov2Con .tit h3 { margin-top: 85px; font-family:"Nanum Square"; font-size:20px; font-weight: 700; }
.ov2Con .tit h3:before { content:""; display: block; margin:0 auto 20px; width: 68px; height: 68px; border-radius:50%; box-sizing:border-box; border:1px solid #434348; background:url(/img/sub/icon_ov2.gif) no-repeat center; }
.ov2Con .tit h3:after { content: ""; display: block; width: 20px; height: 1px; background: #fff; margin:40px auto 0;  }
.ov2Con .tit p { margin-top: 58px; font-size:16px; font-weight: 300; line-height: 150%; }
.ov2Con .tit p span { display: block; }
.ov2Con .list { width: 713px; background:url(/img/sub/img_ov2.jpg) no-repeat center; background-size:cover; font-size:16px; }
.ov2Con .list ul { margin:115px 0 0 105px; }
.ov2Con .list li { position: relative; overflow: hidden; box-sizing:border-box; padding-left:15px; text-transform: uppercase; margin-bottom: 15px;}
.ov2Con .list li:before { content:""; display: block; width: 4px; height: 4px; background: #000000; position:absolute; top:12px; left: 0; }
.ov2Con .list li p { color: #fffefe; width: 100px; float: left; margin-top: 3px; }
.ov2Con .list li div { color: #cecdcd; font-weight: 300; line-height: 160%; float: left; }
.ov2Con .list li div span.t { display:inline-block; width:110px; }
.ov2Con .history {  margin-top: 55px;  background:url(/img/sub/bg_ov2.gif) no-repeat left center; height: 578px; }
.ov2Con .history h3 { float: left; margin-top: 167px; width: 244px; height: 244px; border-radius:50%; text-align: center; color: #fff; line-height: 244px; font-size:35px; background: #363636; font-family:"Titillium Web"; font-weight: 700;  }
.ov2Con .history h4 { float: left; margin:254px 0 0 127px; width: 74px; height: 74px; border-radius:50%; color: #fff; text-align: center; line-height: 74px; background: #000000; font-size:18px; font-weight: 900; font-family:"Nanum Square"; }
.ov2Con .history dl { float:left; margin:283px 0 0 70px; padding-left:90px; position: relative; color: #333;  }
.ov2Con .history dl:before { content:""; display: block; border-radius:50%; width:7px; height:7px; background:#000000; position: absolute; top:5px; left: 0; }
.ov2Con .history dl:after { content:""; display: block; width: 65px; height: 1px; background: #000000; position: absolute; top:9px; left:11px; }
.ov2Con .history dt { font-size:18px; font-weight: 500; line-height: 100%; }
.ov2Con .history dd { font-size:16px; font-weight: 300; margin-top: 10px; }


/*test*/
.history2 .w1200{position:relative; margin-top: 55px; margin-left:78px; }
.history2 .w1200 > img{display:block;position:absolute;}
.history2 .w1200 > img.his01{right:0;top:0;}
.history2 .w1200 > img.his02{right:0;top:427px;}
.history2 .w1200 ul li:after{display:block;content:"";clear:both;}
.history2 .w1200 ul li > b{font-size:26px;line-height:42px;font-weight:bold;color:#333;float:left;min-width:295px;display:block;}
.history2 .w1200 ul li b i{display:inline-block;vertical-align:middle;width:50px;height:3px;background-color:#000000;margin-top:-3px;}
.history2 .w1200 ul li span.year{float:left;display:block;font-size:20px;line-height:48px;font-weight:bold;color:#333;width:88px;}
.history2 .w1200 ul li span.date:before{display:block;content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:#000000;left:0;top:22px;}
.history2 .w1200 ul li span.date{float:left;display:block;position:relative;font-size:16px;line-height:50px;font-weight:200;color:#000;padding-left:70px;}
.history2 .w1200 ul li span.date > .line{display:block;position:absolute;width:1px;height:405px;background-color:#dbdbdb;left:2px;top:23px;z-index:-1;}
.history2 .w1200 ul li span.date b{font-weight:bold;color:#000000;margin-right:15px;}


/*회사개요 - 윤리경영*/ 
.ov3Con h3 { text-align: center; font-family:"Nanum Square"; font-size:30px; color: #333; line-height: 120%; }
.ov3Con h3 span { display: block; }
.ov3Con h3 span em { color: #000000; }
.ov3Con > p { text-align: center; margin-top: 30px; padding-top: 40px; background:url(/images/bullet_tit.png) no-repeat center top; font-size:18px; font-weight: 300; line-height: 130%; color: #333; }
.ov3Con > p span { display: block; }
.ov3Con .img { width: 100%; position: relative; margin-top: 100px; }
.ov3Con .img:before { content: ""; display: block; width: 1px; height: 125px; background:#000000; position: absolute; top:-60px; left: 50%;  }
.ov3Con .img img { width: 100%; }
.ov3Con h4 { margin-top: 70px; font-size:18px; font-weight: 500; color: #333; background:url(/images/bullet_tit.png) no-repeat left 3px; padding-left:20px; }
.ov3Con .tit { margin-top: 70px; overflow: hidden; }
.ov3Con .tit h4 { margin-top: 0; float: left; }
.ov3Con .tit p { float: left; font-size:18px; margin-left: 130px;  }
.ov3Con .tit p span { font-size:16px; margin-left:30px; }
.ov3Con h4+article { width: 100%; margin-top: 15px; overflow: hidden; }
.ov3Con .stepBox { overflow: hidden; margin-top: 30px; }
.ov3Con .stepBox .left { float: left; width: 725px; }
.ov3Con .stepBox .left li { background: #f7f7f7; width: 100%; height: 100px; margin-top: 30px; display: table; }
.ov3Con .stepBox .left li:first-child { margin-top: 0; }
.ov3Con .stepBox .left p { background:url(/img/sub/bg_titOv1.gif) no-repeat; width: 107px; height: 100%; color: #fff; font-size:18px; text-indent:15px; display: table-cell;	 vertical-align: middle; }
.ov3Con .stepBox .left dl { display: table-cell;	vertical-align: middle; padding-left:70px; }
.ov3Con .stepBox .left dt { display:inline-block; font-size: 20px; font-weight: 500; padding-right:70px; background:url(/img/sub/bg_dotOv1.gif) no-repeat right center; vertical-align: middle;  }
.ov3Con .stepBox .left dd { display:inline-block; font-size:16px; vertical-align: middle; margin-left:30px;}
.ov3Con .stepBox .left dd span { display:block; }
.ov3Con .stepBox .right { float: left; margin-left: 30px; width: 280px; height: 490px; background: #f3f3f3; overflow: hidden; box-sizing:border-box; padding:0 12px; }
.ov3Con .stepBox .right li { overflow: hidden; border-top:1px dashed #ce1d22; box-sizing:border-box; padding:20px 5px; text-align: center; }
.ov3Con .stepBox .right li:first-child { border-top:none; } 
.ov3Con .stepBox .right dl { width: 100%; height: 204px; box-sizing:border-box; border:5px solid #fff; }
.ov3Con .stepBox .right dt { margin-top: 40px; }
.ov3Con .stepBox .right dd { margin-top: 10px; color: #333; font-size:18px; font-weight: 300; line-height: 130%; }
.ov3Con .box { border-top:3px solid #000000; text-align: center; }
.ov3Con .box > img { text-align: center; margin-top: 70px; width: 100%; max-width:664px; }
.ov3Con .needs ul { overflow: hidden; background: url(/img/sub/bg_ov1_needs.gif) no-repeat center bottom; padding:20px 0 25px; text-align: left; }
.ov3Con .needs li { width: 50%; box-sizing:border-box; float: left; position: relative; box-sizing:border-box; padding:25px 40px; }
.ov3Con .needs li:first-child:after { content: ""; display: block; position: absolute; top:0; right: 0; width: 1px; height: 100%; border-right:1px dashed #eaeaea; }
.ov3Con .needs li.n1 { background:url(/img/sub/icon_ov1_21.gif) no-repeat 90% center; }
.ov3Con .needs li.n2 { background:url(/img/sub/icon_ov1_22.gif) no-repeat 90% center; }
.ov3Con .needs li.n3 { background:url(/img/sub/icon_ov1_23.gif) no-repeat 90% center; }
.ov3Con .needs li.n4 { background:url(/img/sub/icon_ov1_24.gif) no-repeat 90% center; }
.ov3Con .needs h5 { font-size:25px; font-weight: 500; }
.ov3Con .needs dl { margin-top: 30px; }
.ov3Con .needs dt { font-size:18px; font-weight: 500; }
.ov3Con .needs dd { margin-top: 25px; font-size:16px; line-height: 140%;  }
.ov3Con .needs dd span { display: block; }


/*contact us*/
.mapCon iframe { width: 100%; height: 480px; margin-top: 140px; }
.mapCon iframe:first-child { margin-top: 0; }
.mapCon h3 { margin-top: 25px; font-family:"Nanum Square"; color: #333; font-size:20px; line-height: 100%; font-weight: 700; text-align: center; }
.mapCon h3:before { content:""; display: block; width: 1px; height:70px; background: #000000; margin:0 auto 15px; }
.mapCon h3 span { text-transform: uppercase; font-size:17px; font-weight: 400; margin-left:5px; }
.mapCon ul { margin-top: 80px; overflow: hidden; }
.mapCon li { float: left; width: 32%; height: 270px; box-sizing:border-box; padding:0 10px; border:1px solid #f3f3f3; margin-left:2%; text-align: center; font-size:16px; }
.mapCon li:first-child { margin-left: 0; }
.mapCon li img { margin-top: 25px; }
.mapCon h4 { color: #333; font-weight: 700; margin-top: 15px;  }
.mapCon dt { margin-top: 5px; color: #000000;  text-transform: uppercase;}
.mapCon dt:after { content: ""; display: block; width: 20px; height: 1px; margin:10px auto 0; background: #d03c3c; }
.mapCon dd { margin-top: 15px; color: #333; word-break:break-all; }
.mapCon dd span { display: block; }	






/******************사업소개******************/


/*사업소개 공통*/
.bsCommon { color:#333;  }
.bsCommon .tit { text-align: center; overflow: hidden;  text-transform: uppercase; }
.bsCommon .tit dt { font-size:30px; line-height: 110%; font-weight: 300; font-family:"Nanum Square"; }
.bsCommon .tit dt span { display: block; }
.bsCommon .tit dd { margin-top: 35px; padding-top: 55px; background:url(/images/bullet_tit.png) no-repeat center top; font-size:18px; font-weight: 300; line-height: 150%;	 }
.bsCommon .tit dd span { display: block; }
.bsCommon .banner { margin-top: 115px; width: 100%; height: 390px; display:table; text-align: center; position: relative; }
.bsCommon .banner:before { content: ""; display: block; width: 1px; height: 124px; background: #000000; position: absolute; top:-60px; left:50%; }	
.bsCommon .banner dl { display: table-cell; vertical-align: middle; color: #fff; }
.bsCommon .banner dt { font-family:"Titillium Web"; font-size:36px; text-transform: uppercase; font-weight: 700; line-height: 110%; }
.bsCommon .banner dd { margin-top: 10px; font-size:24px; line-height: 100%; font-weight: 300; }
.bsCommon h3 { margin-top: 90px; font-size:18px; font-weight: 500; color: #333; line-height: 100%; background:url(/images/bullet_tit.png) no-repeat left 3px; padding-left:20px; text-transform: uppercase; }

.centerMap { margin-top: 35px; overflow: hidden; }
.centerMap img { float: left; margin:25px 0 0 48px; }
.centerMap div { float: right; width: 510px; background: url(/img/sub/icon_centerMap.gif) no-repeat left top; position: relative; }
.centerMap div:before { content: ""; display: block; width: 1px; height: 100%; background: #d7d7d7; position: absolute; top: 50px; left: 17px; z-index: -1; }
.centerMap ul { overflow: hidden; margin:110px 0 0 12px; }
.centerMap li { margin-bottom: 35px; overflow: hidden; background:url(/img/sub/bullet_centerMap.gif) no-repeat left 3px; padding-left:65px;  }
.centerMap li h4 { float: left; font-size:20px; font-weight: 500; line-height: 100%; width: 120px; }
.centerMap li p { float: left; font-size:16px; font-weight: 300;  }



/*사업영역*/
.baCon .tit_ba { text-align: center; overflow: hidden; }
.baCon .tit_ba dt { font-size:30px; line-height: 110%; font-weight: 300; font-family:"Nanum Square"; }
.baCon .tit_ba dt span { font-family:"Dotum"; }
.baCon .tit_ba dd { margin-top: 25px; font-size:18px; font-weight: 300; line-height: 150%;	 }
.baCon .tit_ba dd span { color: #000000; }
.baCon .banner { background:url(/img/sub/bn_ba.jpg) no-repeat center; }
.baCon .banner dt { padding-top:85px; background:url(/img/sub/icon_ba.png) no-repeat center top; }
.baCon img { display: block; width: 100%; max-width:1042px; margin: 85px auto 0; }



/*서비스 - a/s , 설치 */
.swCon .work { margin-top: 70px; overflow: hidden; height: 350px; background:url(/img/sub/bg_work.gif) no-repeat 340px top; position: relative; text-transform: uppercase;	 }
.swCon .work h4 { margin:85px 0 0 150px; width: 182px; height: 182px; background: #ebebeb; border-radius:50%; box-sizing:border-box; position: relative; float: left; text-align: center; }
.swCon .work h4 span { display: block; margin:24px; width: 134px; height: 134px; line-height: 134px; background: #363636; border-radius:50%; color: #fff; font-size:36px; font-weight: 700; }
.swCon .work ul { float: left; width:calc(100% - 350px); height: 100%; position:relative; }
.swCon .work li { position: absolute; background: url(/img/sub/bullet_work.png) no-repeat left center; padding-left:135px; overflow: hidden; }
.swCon .work li h5 { float: left; color: #000000; font-size:20px; font-weight: 500; display:inline-block; padding-right:20px; position: relative;  }
.swCon .work li h5:after { content: ""; display: block; width: 1px; height: 15px; background: #000000; position: absolute; top: 3px; right: 0; }
.swCon .work li p { float: left; font-size:18px; font-weight: 300; padding-left: 20px; }
.swCon .process { margin-top: 80px; height: 400px; overflow: hidden; position: relative; }
.swCon .process li { overflow: hidden; position:absolute; }
.swCon .process div { margin-top: 20px; width: 173px; height: 173px; box-sizing:border-box; text-align: center; border:7px solid #e1e1e1; background:#fff; border-radius:50%; overflow: hidden; color: #333; }
.swCon .process div i { display: block; position: absolute; top:0; left:50%; margin-left:-22.5px; width: 30px; height: 30px; border-radius:50%; line-height: 30px; text-align: center; background: #000000; border:5px solid #fff; font-style:normal; font-size:18px; color: #fff; font-family:"MS-Gothic"; }
.swCon .process img { margin-top:45px; }
.swCon .process dt { margin-top: 10px; font-weight: 700; font-size:18px; }
.swCon .process dd { margin-top: 5px; font-size:16px; font-family:"Nanum Square";  }
/**/
.swCon .banner.as { background:url(/img/sub/bn_as.jpg) no-repeat center; }
.swCon .banner.as dt { padding-top:85px; background:url(/img/sub/icon_ba.png) no-repeat center top; }
.swCon .work.as li:first-child { top:50px; left: 70px; }
.swCon .work.as li:nth-child(2) { top:170px; left: 110px; }
.swCon .work.as li:last-child { bottom:45px; left: 70px; }
.swCon .process.as { background: url(/img/sub/bg_process_as.gif) no-repeat center ; }
.swCon .process.as li:first-child { top: 0; left: 0; } 
.swCon .process.as li:nth-child(2) { top: 0; left: 254px; } 
.swCon .process.as li:nth-child(3) { top: 0; left: 505px; } 
.swCon .process.as li:nth-child(4) { top: 0; left: 760px; } 
.swCon .process.as li:nth-child(5) { bottom: 0; right:105px; } 
.swCon .process.as li:nth-child(6) { bottom: 0; right: 360px; } 
.swCon .process.as li:last-child { bottom: 0; right: 615px; } 
/**/
.swCon .banner.si { background:url(/img/sub/bn_si.jpg) no-repeat center; }
.swCon .banner.si dt { padding-top:100px; background:url(/img/sub/icon_si.png) no-repeat center top; }
.swCon .work.si { background-position: 220px top; }
.swCon .work.si h4 { margin-left: 45px; }
.swCon .work.si ul { width:calc(100% - 227px); }
.swCon .work.si li:first-child { top:20px; left: 32px; }
.swCon .work.si li:nth-child(2) { top:115px; left: 90px; }
.swCon .work.si li:nth-child(3) { bottom:115px; left: 90px; }
.swCon .work.si li:last-child { bottom:10px; left: 20px; }
.swCon .process.si { background: url(/img/sub/bg_process_si.gif) no-repeat center; }
.swCon .process.si li:first-child { top: 0; left: 0; } 
.swCon .process.si li:nth-child(2) { top: 0; left: 255px; } 
.swCon .process.si li:nth-child(3) { top: 0; left: 508px; } 
.swCon .process.si li:nth-child(4) { bottom: 0; right:103px; } 
.swCon .process.si li:nth-child(5) { bottom: 0; right:360px; } 
.swCon .process.si li:last-child { bottom: 0; right: 615px; } 


/*서비스 -  행사지원 */
.seCon { text-transform: uppercase; }
.seCon .banner { background:url(/img/sub/bn_se.jpg) no-repeat center; }
.seCon .banner dt { padding-top:85px; background:url(/img/sub/icon_se.png) no-repeat center top; }
.seCon article { overflow: hidden; margin-top: 80px; overflow: hidden; position: relative; }
.seCon article:before { content: ""; display: block; width: 435px; height: 127px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; position: absolute; top:90px; left: 0; }	
.seCon article div { width: 182px; height: 182px; border-radius:50%; background: #ebebeb; overflow: hidden; margin: 0 auto;}
.seCon article div p { width:134px; height: 134px; margin:24px; border-radius:50%;display: table; background: #363636; text-align: center; }
.seCon article div p span { display: table-cell; vertical-align: middle; color: #fff; font-size:24px; font-weight: 500; border-radius:50%; line-height: 130%; }
.seCon article dl { margin-top: 45px; font-size:18px;  }
.seCon article dt { font-weight: 500; color: #333; line-height: 100%; background:url(/images/bullet_tit.png) no-repeat left 3px; padding-left:20px; text-transform: uppercase; } 
.seCon article dd { margin:20px 0 0 20px; font-weight: 300; line-height: 130%; }


/*서비스 - CONTACT CENTER*/
.ccCon { text-transform: uppercase; }
.ccCon .banner { height: 670px; background:url(/img/sub/bn_cc.jpg) no-repeat center; }
.ccCon .banner dl { display: block;  margin-top: 115px; }
.ccCon .banner dt { padding-top:100px; background:url(/img/sub/icon_cc.png) no-repeat center top; }
.ccCon .banner dt span { font-family:"Noto Sans KR"; font-weight: 500; }
.ccCon .banner dd { line-height: 120%; }
.ccCon .banner dd span { display: block; }
.ccCon .banner ul { margin-top: 70px; overflow: hidden; font-size:0; text-align: center;}
.ccCon .banner li { display:inline-block; vertical-align: top; padding-left:70px; background: url(/img/sub/icon_plus.png) no-repeat 23px center;  }
.ccCon .banner li:first-child { padding-left: 0; background: none; }	
.ccCon .banner div { width: 197px; height: 197px; box-sizing:border-box; border:7px solid rgba(255,255,255, .6); border-radius:50%; color: #fff; }
.ccCon .banner h4 { margin-top: 35px; font-size:20px; line-height: 100%; font-weight: 700; }
.ccCon .banner h4:after { content: ""; display: block; width: 30px; height: 1px; background: rgba(255,255,255,.3); margin:20px auto 0; }
.ccCon .banner p { font-size:16px; margin-top: 20px; }
.ccCon .banner p span { display: block; }
.ccCon .list { margin-top: 90px; height: 400px; width: 100%; overflow: hidden; border-left:1px solid #d8d8d9; box-sizing:border-box; }
.ccCon .list li { float: left; width: 33.3%; box-sizing:border-box; box-sizing:border-box; padding:0 3%; border-right:1px solid #d8d8d9; height: 100%; text-align: center;  }
.ccCon .list li:first-child { background:url(/img/sub/icon_list_cc1.gif) no-repeat center; }
.ccCon .list li:nth-child(2) { background:url(/img/sub/icon_list_cc2.gif) no-repeat center; }
.ccCon .list li:last-child { background:url(/img/sub/icon_list_cc3.gif) no-repeat center; }
.ccCon .list i { display: block; width: 42px; height: 42px; border-radius:50%; background: #ce1d22; line-height: 42px; color: #fff; font-size:18px; font-weight: 700; font-family:"Nanum Square"; margin: 0 auto; font-style:normal;  }
.ccCon .list dl { margin-top: 30px; }
.ccCon .list dt { font-size:22px; font-weight: 700; line-height: 100%; font-family:"Nanum Square";  }
.ccCon .list dd { margin-top: 205px; text-align: left; font-size:16px; font-weight: 300; line-height: 130%;  }
.ccCon .centerBox { margin-top: 45px; overflow: hidden; text-align: center; text-transform: uppercase; }
.ccCon .centerBox dl { background:url(/img/sub/icon_time.gif) no-repeat center top; overflow: hidden; }
.ccCon .centerBox dt { margin-top: 110px; font-family:"Nanum Square"; font-size:36px; line-height: 100%; font-weight: 700; color: #000000; }
.ccCon .centerBox dd { margin-top: 15px; font-size:16px; line-height: 100%; font-weight: 300; }
.ccCon .telBox { margin-top: 70px; overflow: hidden; }
.ccCon .telBox > li { float: left; width: 48%; position: relative; }
.ccCon .telBox > li:first-child { margin-right:4%; }
.ccCon .telBox > li img { position: absolute; top: 0; left: 50%; margin-left:-31px; }
.ccCon .telBox div { margin-top:32px; overflow: hidden; background: #ebebeb; }
.ccCon .telBox h4 { font-family:"Nanum Square"; font-size:24px; font-weight: 700; line-height: 100%; margin-top:60px; }
.ccCon .telBox p { margin-top: 25px; width: 100%; overflow: hidden; background: #000000; padding:30px 0 25px; font-family:"Nanum Square"; color: #fff; font-weight: 900; font-size:48px; line-height: 100%; }
.ccCon .telBox ul { margin:30px auto 20px; width: 235px; text-align: left; overflow: hidden; }
.ccCon .telBox ul li { font-size:16px; font-weight: 300; line-height: 150%; position:relative; padding-left:18px; }
.ccCon .telBox ul li:before { content: ""; display: block; position: absolute; top:10px; left: 0; width: 6px; height: 6px; border-radius:50%; background: #333; }


/*품질관리*/
.qmCon .banner { background:url(/img/sub/bn_bs_qm.jpg) no-repeat center; }
.qmCon .banner dt { padding-top:85px; background:url(/img/sub/icon_bs_qm.png) no-repeat center top; }
.qmCon .process { overflow: hidden; margin-top: 50px; }
.qmCon .word { width: 100%; overflow: hidden; position: relative; text-transform: uppercase; text-align: center; }
.qmCon .word:before { content: ""; display: block; width: 100%; height: 1px; background: #bcbdc0; position: absolute; top:82px; left: 0; z-index: -1; }
.qmCon .word li { float: left; width: 164px; height: 164px; margin-left: 62px; background: #fff; border-radius:50%; font-size:30px; border:10px solid #ebebeb; box-sizing:border-box; line-height: 154px; color: #000000; font-family:"Roboto"; font-weight: 700;  }
.qmCon .word li:first-child { margin-left: 0; }
.qmCon .process div { margin-top: 55px; width: 100%; height: 70px; background: #333 url(/img/sub/bg_qm_pc_right.gif) no-repeat right bottom; display: table;	text-align: center; overflow: hidden; position:relative; }
.qmCon .process div:before { content:""; display: block; width: 32px; height: 27px; background: url(/img/sub/bg_qm_pc_left.gif) no-repeat left top;}	
.qmCon .process div p { font-family:"Nanum Square"; font-size:20px; font-weight: 700; color: #fff; display:table-cell; vertical-align:middle; }
.qmCon .process div p i { font-style:normal; margin:0 10px; }
.qmCon .list { margin-top: 40px; width: 100%; height: 200px; overflow: hidden; background:url(/img/sub/bg_qm_list.gif) no-repeat 40px top; position: relative; }
.qmCon .list li { position:absolute; font-size:20px; color: #000000; text-transform: uppercase; font-weight: 500; padding-left: 30px; background:url(/img/sub/bullet_round.png) no-repeat left center;  }
.qmCon .list li span { color: #333; font-size:18px; font-weight: 300; margin-left: 20px; padding-left: 25px; position: relative; }
.qmCon .list li span:before { content:""; display: block; width: 2px; height: 15px; background: #000000; position: absolute; top:6px; left: 0; }
.qmCon .list .list1 { top:30px; left:58px; }
.qmCon .list .list2 { top:87px; left:105px; }
.qmCon .list .list3 { top:34px; left:624px; }
.qmCon .list .list4 { top:84px;	 left:584px; }
.qmCon .list .list5 { top:135px; left:520px; }
.qmCon table { margin-top: 50px; width: 100%; border-top: 1px solid #ce1d22; text-transform: uppercase; }
.qmCon th { border-bottom:1px solid #ccc; border-left:1px solid #ccc; background: #f5f5f5; height:60px; font-size:20px; font-weight: 500; color:#333; }
.qmCon td { text-align: left; border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:20px 0; color: #333; font-size:16px; font-weight: 300; line-height: 160%;	}
.qmCon th:first-child { border-left: none;  }
.qmCon td:first-child { border-left: none; text-align: center; }
.qmCon td:nth-child(2) { padding-left:30px; }
.qmCon td ul { text-align: center; width: 110px; margin: 0 auto;  }
.qmCon td li { text-align: center; margin-top: -18px; width: 110px; height: 110px; display: table; background:rgba(188,189,192,.3); border-radius:50%;}
.qmCon td li span { display: table-cell; vertical-align: middle;	font-size:20px; font-weight: 300;  }
.qmCon .sw { width: 100%; margin-top: 50px; overflow: hidden; }
.qmCon .sw li { float: left; width:48%; margin:0 0 45px 4%; position: relative;}
.qmCon .sw li:nth-child(odd) { margin-left: 0; }	
.qmCon .sw img { position:absolute; top:17px; left:0; z-index:5; }
.qmCon .sw div { width: calc(100% - 70px); height: 170px; margin-left: 70px; box-sizing:border-box; border: 1px solid #d7d7d7; overflow: hidden; display:table; }
.qmCon .sw dl { padding:0 45px 0 100px; display:table-cell; vertical-align:middle; } 
.qmCon .sw dt { font-size:20px; font-weight: 500; line-height: 110%; }
.qmCon .sw dd { margin-top: 20px; font-size:16px; font-weight: 300; line-height: 110%; }


/*기술지원*/
.tsCon .banner { background:url(/img/sub/bn_bs_ts.jpg) no-repeat center; }
.tsCon .banner dt { padding-top:85px; background:url(/img/sub/icon_bs_ts.png) no-repeat center top; }
.tsCon section { margin-top: 100px; overflow: hidden; text-align: center; }
.tsCon section article { float: left; width: 345px; height: 540px; margin-left:16.5px; position: relative; }
.tsCon section article:first-child { margin-left:0; }
.tsCon section article:before { content: ""; display: block; width: 100%; height: 100%; box-sizing:border-box; border:1px solid #e1e1e1; position: absolute; top: 0; left: 0; z-index:-1; }
.tsCon h3 { background: #333; padding:30px 0; margin: 0; color: #fff; font-size:18px; text-transform: uppercase;	font-weight: 300; font-family:"Titillium Web";  }
.tsCon h3 span { font-weight: 400; }
.tsCon section img { margin-top: 50px; }
.tsCon section dl { margin-top: 50px; }
.tsCon section dt { font-size:24px; font-weight: 500; line-height: 100%;	 }
.tsCon section dt:after { content: ""; display: block; width: 32px; height: 1px; background: #ce1d22; margin:25px auto 0; }
.tsCon section dd { margin-top: 30px; font-size:16px; font-weight: 300; }
.tsCon section dd span { display: block; }



/******************인재채용******************/

/*인재상*/
.ttCon { text-align: center;  }
.ttCon aside { width: 100%; background: url(/img/sub/bn_tt.jpg) no-repeat center; height: 380px; display: table; color: #fff; text-align: center; position: relative; }
.ttCon aside dl { display: table-cell; vertical-align: middle;  }		
.ttCon aside dt { font-family:"Titillium Web"; text-transform: uppercase; font-size:24px; line-height: 110%; padding-top:90px; background:url(/img/sub/icon_tt.png) no-repeat center top;}
.ttCon aside dd { font-size:30px; font-weight: 700; line-height: 110%; margin-top: 25px; }
.ttCon aside:after { content:""; display:block; width: 1px; height: 125px; background: #000000; position: absolute; bottom: -62px; left: 50%;  }	
.ttCon h3 { margin-top: 130px; font-size:36px; font-weight: 700; line-height:130%; text-align: center; }
.ttCon h3 span { color: #000000; }
.ttCon h3+p { margin-top:20px; font-size:18px; font-weight: 300; }
.ttCon ul { margin-top: 90px; width: 100%; height: 470px; overflow: hidden; position: relative; }
.ttCon ul:before { content: ""; display: block; width: 25px; height: 25px; background:url(/img/sub/icon_plus.gif) no-repeat; position: absolute; top:90px; left:370px; }
.ttCon ul:after { content: ""; display: block; width: 25px; height: 25px; background:url(/img/sub/icon_plus.gif) no-repeat; position: absolute; top:90px; right:370px; }
.ttCon li { position:absolute; top:0; width: 305px;  }
.ttCon li:first-child { left: 80px; }
.ttCon li:nth-child(2) { left: 50%; margin-left: -152.5px; }
.ttCon li:last-child { right: 80px; }
.ttCon div { width: 202px; height: 202px; border-radius:50%; background: #333; display: table; margin: 0 auto;  }
.ttCon div p { display: table-cell; vertical-align: middle; font-weight: 700; line-height: 120%; font-size:30px; color: #fff; }
.ttCon div p span { display: block; font-weight: 400; }
.ttCon li dl { margin-top:-5px; position: relative; background:url(/img/sub/bullet_round.png) no-repeat top center; overflow: hidden; }
.ttCon li dl:before { content: ""; display: block; width: 1px; height: 122px; background: #000000; position: absolute; top:15px; left: 50%; margin-left:-1px;		}
.ttCon li dt { margin-top: 155px; font-size:24px; color: #000000; font-weight: 500; }
.ttCon li dd { margin-top:15px; font-size:16px; line-height:130%; font-weight: 300;  }
.ttCon li dd span { display:block; }	


/*인사제도*/
.psCon { background: url(/img/sub/bg_ps.jpg) no-repeat left top; height: 1565px; overflow: hidden; color:#333; }
.psCon > div { overflow: hidden; position: relative; }
.psCon > div:before { content: ""; display: block; width: 1px;  position: absolute; top:105px; left:56px; background: #ce1d22; }
.psCon .box1 { margin:145px 0 0 555px; }
.psCon .box2 { margin:100px 0 0 440px; }
.psCon .box3 { margin:190px 0 0 480px; }
.psCon .box2:before { height: 170px; }
.psCon .box3:before { height: 265px; }
.psCon .tit { padding-left:135px; min-height: 114px; overflow: hidden;}
.psCon .tit dt { margin-top: 20px; color: #000000; font-size:20px; font-family:"Nanum Square"; line-height: 100%;  }
.psCon .tit dd { margin-top: 15px; overflow: hidden; font-size:16px; line-height: 120%; font-weight: 300; }
.psCon .tit dd em { font-weight: 500; }
.psCon .tit dd span { display: block; }	
.psCon .box1 .tit { background:url(/img/sub/icon_ps1.png) no-repeat left top; }
.psCon .box2 .tit { background:url(/img/sub/icon_ps2.png) no-repeat left top; }
.psCon .box3 .tit { background:url(/img/sub/icon_ps3.png) no-repeat left top; }
.psCon .list { margin:30px 0 0 50px; }
.psCon .list:before { content:""; display:block; width: 1px; }
.psCon .list dt { margin-top: 40px; overflow: hidden; background:url(/img/sub/bullet_round.png) no-repeat left center; padding-left:35px; color: #333; font-size:18px; font-weight: 500; }
.psCon .list dt+dd { margin-top: 10px; } 
.psCon .list dd { font-size:16px; line-height: 110%; font-weight: 300; margin: 5px 0 0 40px; }

/*복리후생*/
.gwCon .tit { text-align: center; }
.gwCon .tit dt { font-size:30px; font-family:"Nanum Square"; line-height: 100%;  }
.gwCon .tit dd { margin-top: 25px; font-size:18px; font-weight: 300; line-height: 150%; }
.gwCon .tit dd span { display: block; }
.gwCon .tit dd em { color: #000000; }
.gwCon .banner { margin-top: 110px; width: 100%; height: 390px; display: table; background: url(/img/sub/bg_gw.jpg) no-repeat center; color: #fff; text-align: center; position:relative; }
.gwCon .banner:before { content: ""; display: block; width: 1px; height: 125px; background: #000000; position: absolute; top:-60px; left: 50%; }
.gwCon .banner dl { display: table-cell; vertical-align:middle; }
.gwCon .banner dt { font-family:"Titillium Web"; font-size:36px; line-height: 100%; font-weight: 700; padding-top:80px; background:url(/img/sub/icon_gw.png) no-repeat center top; }
.gwCon .banner dd { margin-top: 10px; font-size:24px; font-weight: 300; }
.gwList { width: 100%; overflow: hidden; background:url(/img/sub/bg_list_gw.gif) no-repeat left 170px; text-transform: uppercase; padding-bottom:70px;}
.gwList > div { width: 193px; height: 193px; border-radius:50%; display: table; background: #333; }
.gwList > div dl { display: table-cell; vertical-align: middle; text-align: center; color: #e1e1e1; font-size:18px;  }
.gwList > div dt { font-family:"Nanum Square";  }
.gwList > div dd { font-weight: 500; margin-top: 25px; }
.gwList ul { overflow: hidden; }
.gwList li { overflow: hidden;	color: #333; margin-bottom: 50px; }
.gwList p { color: #000000; font-size:20px; font-weight: 500; position: relative; display: inline-block; width: auto; line-height: 22px; }
.gwList p:before { content: ""; display: block; position: absolute; top: 5px; width: 12px; height: 12px; border-radius:50%; background: #000000; z-index:1;}
.gwList p:after { content: ""; position: absolute; top: 0; display: block; width: 22px; height: 22px; border-radius:50%; background: #fff; }
.gwList li div { color: #333; font-size:16px; font-weight: 300; display: inline-block; }
.gwList li div span { display: block; }
.gwList .left p { float: left; padding-right: 60px; } 
.gwList .left p:before { right: 5px; }
.gwList .left p:after { right: 0; }
.gwList .left div { float: left; margin-left: 20px; }
.gwList .left div span { margin-left: 15px; }
.gwList .right p { float: right; padding-left: 60px; } 
.gwList .right p:before { left: 5px; }
.gwList .right p:after { left: 0; }
.gwList .right div { float: right; margin-right: 20px; }
.gwList .right div span { margin-right: 15px; }
.gwList .num1 { margin:55px 0 0 110px; }
.gwList .list1 { margin:70px 0 0 0; }
/*.gwList .list1 li:nth-child(2) { margin-left:55px; }*/
/*.gwList .list1 li:nth-child(3) { margin-left:155px; }*/
/*.gwList .list1 li:nth-child(4) { margin-left:255px; }*/
/*.gwList .list1 li:nth-child(5) { margin-left:305px; }*/
/*.gwList .list1 li:last-child { margin-left:375px; }*/
.gwList .num2 { margin:60px 0 0 290px; }
.gwList .list2 { margin-top:70px; }
/*.gwList .list2 li:first-child { margin-left:285px; }*/
/*.gwList .list2 li:nth-child(2) { margin-left:230px; }*/
.gwList .num3 { margin:50px 0 0 560px; }
.gwList .list3 { margin-top:70px; }
/*.gwList .list3 li:first-child { margin-right:315px; }*/
/*.gwList .list3 li:nth-child(2) { margin-right:170px; }*/
/*.gwList .list3 li:nth-child(3) { margin-right:155px; }	*/
.gwList .num4 { margin:90px 0 0 535px; }
.gwList .list4 { margin-top:55px; }
/*.gwList .list4 li:first-child { margin-right: 280px; }*/
/*.gwList .list4 li:nth-child(2) { margin-right: 265px; }*/
/*.gwList .list4 li:last-child { margin-right: 325px; }*/

@media(min-width: 1100px) {
	.gwList p { box-sizing: border-box; width: 220px; }
	.gwList .left p { text-align: right; }
	.gwList ul li { margin: 0 0 50px !important; }
	.gwList .list1 { margin: 70px 0 0 -50px; }
}


/*채용절차*/
.rpCon .banner { width: 100%; height: 390px; background:url(/img/sub/bg_rp.jpg) no-repeat center; overflow: hidden; display: table; }
.rpCon .banner dl { display: table-cell; vertical-align: middle; text-align: center; color: #fff; }
.rpCon .banner dt { padding-top: 65px; background:url(/img/sub/icon_rp.png) no-repeat center top; font-size:24px; font-weight: 300;   text-transform: uppercase; line-height: 110%; }
.rpCon .banner dt span { display: block; font-family:"Titillium Web"; font-size:36px; font-weight: 700; margin-bottom: 20px; }
.rpCon .banner dd { margin-top: 50px; font-size:16px; font-weight: 300; line-height: 130%; }
.rpCon .banner dd span { display: block; }
.rpCon h3 { margin-top: 90px; font-size:18px; font-weight: 500; color: #333; line-height: 100%; background:url(/images/bullet_tit.png) no-repeat left 3px; padding-left:20px; text-transform: uppercase; }
.rpCon .process { margin:80px auto 0; overflow: hidden; width: 865px; height: 430px; background:url(/img/sub/bg_process_rp.gif) no-repeat right center; position: relative; }
.rpCon .process li { overflow: hidden; position:absolute; }
.rpCon .process li:first-child { top: 0; left: 0; }
.rpCon .process li:nth-child(2) { top: 0; left: 314px; }
.rpCon .process li:nth-child(3) { top: 0; left: 630px; }
.rpCon .process li:nth-child(4) { bottom: 0; left: 630px; }
.rpCon .process li:nth-child(5) { bottom: 0; left: 314px; }
.rpCon .process li:last-child { bottom: 0; left: 0; }
.rpCon .process div { margin-top: 20px; width: 173px; height: 173px; box-sizing:border-box; text-align: center; border:7px solid #e1e1e1; background:#fff; border-radius:50%; overflow: hidden; color: #333; }
.rpCon .process div i { display: block; position: absolute; top:0; left:50%; margin-left:-22.5px; width: 30px; height: 30px; border-radius:50%; line-height: 30px; text-align: center; background: #000000; border:5px solid #fff; font-style:normal; font-size:18px; color: #fff; font-family:"MS-Gothic"; }
.rpCon .process img { margin-top:35px; }
.rpCon .process dt { margin-top: 10px; font-weight: 700; font-size:18px; }
.rpCon .process dd { margin-top: 10px; font-size:16px; font-family:"Nanum Square";  }
.rpCon > section { margin-top: 120px; overflow: hidden; }
.rpCon > section article { float: left; width: 47%; text-align: center; position: relative; }
.rpCon > section article:first-child { margin-right: 6%; }
.rpCon > section article img { position: absolute; top: 0; left: 50%; margin-left: -54px; z-index: 1; }
.rpCon > section dl { margin-top: 68px; width: 100%; overflow: hidden;  height: 290px; background: #efefef; box-sizing:border-box; padding:0 8%; }
.rpCon > section dt { margin-top: 75px; color: #333; font-size:18px; line-height: 100%; font-weight: 700; }
.rpCon > section dd { margin-top: 35px; font-family:"Nanum Square"; font-size:16px; line-height: 140%; text-align: left; word-break:keep-all; }
.rpCon > section dd p { margin-top: 25px; color: #333; font-weight: 700; font-size:17px; }

@media screen and (max-width:1100px) {
	/* common */
	#subVisual { height: 300px;   }
	#subVisual > div { width: 100%; }
	#subVisual dl { margin: 160px 10px 0 0;  }
	.subMenu { display: none; }
	.subCon { margin: 30px auto 50px; }
	.subCon .title { padding-bottom: 30px; }
	.subCon > article { width: 100%; margin:40px auto 0; box-sizing:border-box; padding:0 10px; }


	/*대표인사말*/
	.greeCon img { position: static; margin:0; width: 100%; }
	.greeCon h3 { margin-top: -30px; position:relative; padding-top:90px; }
	.greeCon h3:before { margin:0; position:absolute; top:-20px; left:50%; 	}
	.greeCon dl { margin-top: 60px; overflow: hidden;  }



	/*회사개요 - 경영이념*/
	.ov1Con h3 { margin:40px 0 0 15px; }
	.ov1Con .psyBox:before { display: none; }
	.ov1Con .psyBox p { float: none; margin:0 auto; }
	.ov1Con .psyBox div { float: none; width: 100%; margin-top:20px; text-align: center; }
	.ov1Con .psyBox dl { float:none; display:inline-block; width: 200px; height: 200px; }
	.ov1Con .psyBox dl:before { border-radius:0 0 100px 100px;}
	.ov1Con .psyBox dt { line-height: 100px; }
	.ov1Con aside:after { height: 70px; bottom: -35px; }
	.ov1Con aside h3.center { margin-top: 8%; }
	.ov1Con aside p { margin-top: 5%; }
	.ov1Con section { margin-top: 50px; }
	.ov1Con section > h3.center { margin-top: 0; }
	.ov1Con section > p { margin-top:30px;  }
	.ov1Con section > article {  padding:30px 0; }
	.ov1Con section > p+article { margin-top: 30px; }
	.ov1Con article h3 { margin: 0 0 0 15px; float: none;}
	.ov1Con article p,
	.ov1Con article ul { float:none; width:100%; text-align: center; margin-top: 20px; }



	/*회사개요 - 회사연혁*/
	.ov2Con > section { height: auto; }
	.ov2Con > section article { width: 100% !important; float: none; height: auto; overflow: hidden; box-sizing:border-box; padding:30px 20px; }
	.ov2Con .tit h4 { margin-top:0;  }
	.ov2Con .tit p { margin-top: 20px; }
	.ov2Con .tit p span { display: inline; margin-left: 5px; }
	.ov2Con .list ul { margin:0; }
	.ov2Con .list li { position: relative; overflow: hidden; box-sizing:border-box; padding-left:15px; text-transform: uppercase; margin-bottom: 15px;}
	.ov2Con .list li:before { top:10px; }
	.ov2Con .history { height: auto; background: none; }
	.ov2Con .history h3 { float:none; margin:0 auto; }
	.ov2Con .history div { margin: 30px auto 0; width:590px; }
	.ov2Con .history h4 { margin:0; width: 74px; height: 74px; border-radius:50%; color: #fff; text-align: center; line-height: 74px; background: #000000; font-size:18px; font-weight: 900; font-family:"Nanum Square"; }
	.ov2Con .history dl { margin:27px 0 0 30px; padding-left:90px; }


	/*회사개요 - 윤리경영*/
	.ov3Con .tit h4 { float: none; }
	.ov3Con .tit p { float: none; margin:15px 0 0 0;  }
	.ov3Con .stepBox .left { float: none; width: 100%; }
	.ov3Con .stepBox .left dd { display:block; margin:10px 0 0; }
	.ov3Con .stepBox .right { float: none; margin:30px 0 0; width: 100%; height:auto;  }
	.ov3Con .stepBox .right li { float: left; border:none; padding:20px 5px; width: 50%;  }
	.ov3Con .stepBox .right dl { width: 100%; }


	/*contact us*/
	.mapCon ul { margin-top: 80px; overflow: hidden; }
	.mapCon li { height: 300px; }
	.mapCon li:first-child { margin-left: 0; }
	.mapCon li img { margin-top: 25px; }
	.mapCon h4 { color: #333; font-weight: 700; margin-top: 15px;  }
	.mapCon dt { margin-top: 5px; color: #000000;  text-transform: uppercase;}
	.mapCon dt:after { content: ""; display: block; width: 20px; height: 1px; margin:10px auto 0; background: #d03c3c; }
	.mapCon dd { margin-top: 15px; color: #333; }
	.mapCon dd span { display: inline; margin-left:4px; }	





	/******************사업소개******************/


	/*사업소개 공통*/
	.bsCommon .banner { margin-top: 50px; height: auto; background-size:cover !important; box-sizing:border-box; padding:10% 10px; }
	.bsCommon .banner:before { display: none; }	
	.centerMap img { float: none; margin:0 auto; display: block; width: 100%; max-width:380px; }
	.centerMap div { float: none; width: 100%; overflow: hidden; margin-top: 20px; }
	.centerMap ul { margin:70px 0 0 12px; }


	/*서비스 - a/s , 설치 */
	.swCon .work { margin-top:40px; height: auto; background:none; 	 }
	.swCon .work h4 { margin:0 auto !important; float: none; overflow: hidden; }
	.swCon .work ul { float: none; width:100% !important; margin-top:30px; height: auto; overflow: hidden; }
	.swCon .work li { position: static !important; background:none; padding:0; display:inline-block; vertical-align:top; text-align: center; }
	.swCon .work li h5 { float: none; display:block; padding:0; text-align: center; }
	.swCon .work li h5:after { display: none; }
	.swCon .work li p { float:none; margin-top:10px; padding:0; line-height: 120%; }
	.swCon .process { margin-top:40px; height:auto; background: none !important; }
	.swCon .process li { position: relative; top: 0 !important; left: 0 !important; right: 0 !important; display: inline-block; overflow: hidden; width: 32%; margin-bottom: 10px; }
	.swCon .process div { margin:10px auto 0; }
	/**/
	.swCon .work.as li { width: 30%; margin:0 1%; }
	/**/
	.swCon .work.si li { width:46%; margin:0 1% 25px; }
	.swCon .work.si li p { min-height:40px; }


	/*서비스 -  행사지원 */
	.seCon article { margin-top:60px; }
	.seCon article:before { display: none; }	


	/*서비스 - CONTACT CENTER*/
	.ccCon .banner { height: auto; background-size:cover; }
	.ccCon .banner dl { margin-top: 0; }
	.ccCon .list { margin-top: 50px; height: auto;  border-left:none; border-top:1px solid #d8d8d9; }
	.ccCon .list li { float: none; width:100%;  padding:20px 3%; border-right:none; border-bottom:1px solid #d8d8d9; height: auto; background-size:auto 90px !important; background-position:center 70px !important; }
	.ccCon .list dt { margin-top: 120px; }
	.ccCon .list dd { margin-top:10px; }


	/*품질관리*/
	.qmCon .word:before { display: none; }
	.qmCon .word li { float: none; display:inline-block; margin:0 15px !important;  }
	.qmCon .list { margin-top:20px; height: auto; background:none; }
	.qmCon .list li { position:relative; top: 0 !important; left: 0 !important; right: 0 !important;	font-size:20px; margin-bottom: 15px;  }
	.qmCon td:nth-child(2) { padding:0 15px; }
	.qmCon .sw li { float: none; width:100%; margin:0 0 45px 0; }


	/*기술지원*/
	.tsCon section article { float: none; width: 100%; height:auto; margin:0 0 20px; padding-bottom: 50px; overflow: hidden; }












	/******************인재채용******************/

	/*인재상*/
	.ttCon aside { height: auto; padding:10% 10px; box-sizing:border-box; background-size:cover; }
	.ttCon aside dt { padding-top:70px; }
	.ttCon aside:after { display: none; }	
	.ttCon h3 { margin-top: 70px; }
	.ttCon ul { margin-top:40px; height:auto; }
	.ttCon ul:before,
	.ttCon ul:after { display: none; }
	.ttCon li { position:static; width:100%; overflow: hidden; margin: 0 0 20px !important; display: table; }
	.ttCon div { width: 202px; height: 202px; display:table-cell; vertical-align: middle; text-align: center; }
	.ttCon div p { width: 100%; text-align: center; display:inline-block; }
	.ttCon li dl { background: none; display:table-cell; vertical-align: middle; text-align: left; padding-left:20px; }
	.ttCon li dl:before { display: none; }
	.ttCon li dt { margin-top: 0; font-size:24px; color: #000000; font-weight: 500; }
	.ttCon li dd { margin-top:15px; font-size:16px; line-height:130%; font-weight: 300;  }
	.ttCon li dd span { display:inline; margin-left:3px; }	


	/*인사제도*/
	.psCon { background: none; height: auto; }
	.psCon > div { margin: 0 !important; }
	.psCon > div:before { height: 100% !important; }
	.psCon .tit dd span { display: inline; margin-left: 3px; }	


	/*복리후생*/
	.gwCon .banner { margin-top: 30px; height: auto; padding:10% 10px; box-sizing:border-box; background-size:cover; }
	.gwCon .banner:before { display: none; }
	.gwList { background:none; padding: 0; margin-top: 20px;}
	.gwList > div { width: 130px; height: 130px; margin:0 !important; }
	.gwList > div dd { margin-top:15px; }
	.gwList ul { overflow: hidden; margin: 0 !important; display: block; position: relative; padding-bottom: 20px; }
	.gwList ul:before { content: ""; display: block; width: 1px; height: 100%; background: #000000; position: absolute; top:0; left: 65px; }
	.gwList li { margin: 20px 0 0 90px !important; }
	.gwList p { float: none !important; padding: 0 !important; display: block; }
	.gwList p:before,
	.gwList p:after {display: none; }
	.gwList li div { float:none !important; margin:5px 0 0 !important; }
	.gwList li div span { display: inline; margin:0 0 0 3px !important; }

	
	/*채용절차*/
	.rpCon .banner { height: auto; padding:10% 10px; box-sizing:border-box; background-size:cover;}
	.rpCon .process { margin:30px auto 0; width: 100%; height: auto; background: none; }
	.rpCon .process li { overflow: hidden; position: relative; top: 0 !important; left: 0 !important; display:inline-block; width: 32%; margin-bottom: 10px; }
	.rpCon .process div { margin:10px auto 0; width: 173px; height: 173px; }
	.rpCon > section { margin-top: 80px; }
	.rpCon > section article { width: 49%;  }
	.rpCon > section article:first-child { margin-right: 2%; }
	.rpCon > section dl { padding:0 3%; }
	.rpCon > section dt { margin-top: 60px; }
	.rpCon > section dd { margin-top: 15px; }

}


@media screen and (max-width:650px) {

	/* common */
	#subVisual { height: 250px; }
	#subVisual > div { width: 100%; }
	#subVisual dl { margin: 140px 10px 0 0; }
	#subVisual dd { font-size:35px; }
	.subCon { margin: 20px auto 50px; }
	.subCon .title { padding-bottom: 20px; }
	.subCon .title h2:before { height: 30px; margin: 0 auto 5px; }
	.subCon .title h2 .txt { font-size:27px;  }
	.subCon .title h2 .tit { font-size:25px; } 


	/*대표인사말*/
	.greeCon h3 { margin-top: -10px; position:relative; padding-top:40px; font-size:24px; }
	.greeCon h3:before { height: 50px; top:-20px; left:50%; }
	.greeCon dl { margin-top:30px; }
	.greeCon dt { font-size:18px; }
	.greeCon dd { margin-top:15px; font-size:14px; }
	.greeCon dd span { display:inline; margin-left:3px; }
	.greeCon p { margin-top:25px; font-size:18px; }


	/*회사개요 - 경영이념*/
	.ov1Con > p { font-size:16px; }
	.ov1Con > p span { display:inline; margin-left: 3px; }
	.ov1Con .point { margin-top:40px; height: auto; }
	.ov1Con .point:before {width:80px; height: 20px; background-size:25px; top:-15px; margin-left:-40px; }
	.ov1Con h3 { padding-left: 15px; }
	.ov1Con .point h3 { margin-top: 20px; }
	.ov1Con .point p { margin:30px 0; font-size:25px; line-height: 120%; }
	.ov1Con .psyBox { margin-top:20px; }
	.ov1Con .psyBox p { width: 150px; height: 150px; background-size:90px; }
	.ov1Con .psyBox dl { width: 150px; height: 150px; }
	.ov1Con .psyBox dl:before { border-radius:0 0 75px 75px;}
	.ov1Con .psyBox dt { font-size:20px; line-height: 75px; } 
	.ov1Con .psyBox dd { font-size:14px; line-height: 130%; }
	.ov1Con .psyBox dt+dd { margin-top: 5px; }
	.ov1Con .psyBox dd:before { width: 2px; height: 2px; margin-top: -2px;}
	.ov1Con aside { margin-top:50px; overflow: hidden; position: relative; padding:10% 0;}
	.ov1Con aside:after { display: none; }
	.ov1Con aside img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-height: 100%; z-index: -1; }
	.ov1Con aside div { position:static; overflow: hidden;}
	.ov1Con aside h3.center { margin-top:0; }
	.ov1Con aside p { margin-top: 20px; font-size:24px; line-height: 110%;	}
	.ov1Con section > p, .ov1Con article p { font-size:24px; }
	.ov1Con article li { width: 100px; height: 100px; line-height: 100px; font-size:16px; }



	/*회사개요 - 회사연혁*/
	.ov2Con > section article { padding:20px 10px; }
	.ov2Con .tit h4:before { width:55px; height:55px; background-size:35%;}
	.ov2Con .tit h4:after { margin:20px auto 0;  }
	.ov2Con .tit p { font-size:14px; }
	.ov2Con .list li { padding-left:10px; font-size:14px; }
	.ov2Con .list li:before { top:10px;  }
	.ov2Con .list li p { width: 60px; }
	.ov2Con .list li div { margin-top:2px; line-height:1.4 }
	.ov2Con .history h3 { float:none; margin:0 auto; font-size:25px; width: 120px; height: 120px; line-height: 120px;  }
	.ov2Con .history div { margin: 30px auto 0; width:auto; }
	.ov2Con .history dl { float:right; width:calc(100% - 90px); padding:0; margin:25px 0 0; }
	.ov2Con .history dl:before, .ov2Con .history dl:after { display: none; }


	/*회사개요 - 윤리경영*/
	.ov3Con h3 { font-size:24px; }
	.ov3Con > p { margin-top:20px; padding-top:30px; font-size:16px; }
	.ov3Con > p span { display:inline; margin-left:3px; }
	.ov3Con .img { margin-top: 30px; }
	.ov3Con .img:before { display: none; }
	.ov3Con .img img { width: 100%; }
	.ov3Con h4 { margin-top:35px; padding-left:15px; }
	.ov3Con .tit { margin-top:35px; }
	.ov3Con .tit p { margin:15px 0 0 0; font-size:16px;  }
	.ov3Con .tit p span { display: block; font-size:14px; margin:5px 0 0; }
	.ov3Con .stepBox { margin-top:20px; }
	.ov3Con .stepBox .left li { height: auto; margin-top:10px; display:block; box-sizing:border-box; padding:10px 20px 20px;	 }
	.ov3Con .stepBox .left p { background:none; width:auto; height:auto; color: #ce1d22; text-indent:0; display: block; }
	.ov3Con .stepBox .left dl { display:block; margin-top:10px; padding: 0; }
	.ov3Con .stepBox .left dt { font-size: 16px; padding-right:40px; background-size:	30px; }
	.ov3Con .stepBox .left dd { font-size:14px; margin-top: 5px;}
	.ov3Con .stepBox .left dd span { display:inline; margin-left:3px; }
	.ov3Con .stepBox .right dl { height: auto; padding:20px 0;  }
	.ov3Con .stepBox .right dt { margin-top: 0; }
	.ov3Con .stepBox .right dt img { height: 40px; }
	.ov3Con .stepBox .right dd { margin-top:10px; font-size:16px; line-height: 110%; }
	.ov3Con .box > img { margin-top: 20px;  }
	.ov3Con .needs ul { background:none; padding:0;  }
	.ov3Con .needs li { width:100%; float: none; border-bottom:1px dashed #eaeaea; padding:25px 15px; background-size:90px !important;  }
	.ov3Con .needs li:first-child:after { display:none; }
	.ov3Con .needs h4 { font-size:20px; }
	.ov3Con .needs dl { margin-top:10px; }
	.ov3Con .needs dt { font-size:16px; }
	.ov3Con .needs dd { margin-top:10px; font-size:14px; }


	/*contact us*/
	.mapCon iframe { height: 350px; margin-top:80px; }
	.mapCon h3 { margin-top: 15px; }
	.mapCon h3:before { height:50px; }
	.mapCon ul { margin-top:30px; }
	.mapCon li { float:none; width:100%; height:auto; margin:0 0 15px; padding:15px 0 25px; }
	.mapCon li img { margin-top:0; width: 80px;}
	.mapCon h4 { margin-top:10px;  }
	.mapCon dt { margin-top: 10px; }
	.mapCon dd { margin-top: 10px; }



	/******************사업소개******************/


	/*사업소개 공통*/
	.bsCommon .tit dt { font-size:20px; }
	.bsCommon .tit dt span { display: inline; margin-left: 5px; }
	.bsCommon .tit dd { margin-top:25px; padding-top:35px; font-size:16px; }
	.bsCommon .tit dd span { display: inline; margin-left: 5px; }
	.bsCommon .banner { margin-top: 30px; padding:8% 10px; }
	.bsCommon .banner dt { font-size:24px; }
	.bsCommon .banner dd { font-size:16px;  }
	.bsCommon h3 { margin-top:40px; }

	.centerMap div { background-size:auto 35px;	}
	.centerMap div:before { top: 35px; left: 13px; }
	.centerMap ul { margin:45px 0 0 6px; }
	.centerMap li { margin-bottom:25px; }
	.centerMap li h4 { float: none; font-size:16px; }
	.centerMap li p { float: none; font-size:14px; margin-top: 5px; line-height: 120%; }


	/*사업영역*/
	.baCon .tit_ba dt { font-size:24px; }
	.baCon .tit_ba dd { margin-top:15px; font-size:16px; line-height: 130%; }
	.baCon .banner { background:url(/img/sub/bn_ba.jpg) no-repeat center; }
	.baCon .banner dt { padding-top:55px; background-size:auto 40px; }
	.baCon img { margin-top:30px; }



	/*서비스 - a/s , 설치 */
	.swCon .work h4 { width: 100px; height: 100px; }
	.swCon .work h4 span { margin:10px; width: 80px; height: 80px; line-height: 80px; font-size:22px; }
	.swCon .work li { margin: 0 1% 25px !important; width: 100% !important;  }
	.swCon .work li h5 { font-size:16px; }
	.swCon .work li p { margin-top: 5px; font-size:14px; min-height: auto !important; }
	.swCon .process li { width: 49%; }
	.swCon .process div { 	width: 140px; height: 140px; border-width:4px; }
	.swCon .process div i { margin-left:-15px; width: 20px; height: 20px; line-height: 20px; font-size:14px; }
	.swCon .process img { margin-top:30px; height: 35px; }
	.swCon .process dt { margin-top: 10px; font-size:16px; }
	.swCon .process dd { margin-top:0; font-size:14px; }
	/**/
	.swCon .banner.as dt { padding-top:50px; background-size:40px; }
	/**/
	.swCon .banner.si dt { padding-top:60px; background-size:60px; }



	/*서비스 -  행사지원 */
	.seCon .banner dt { padding-top:60px; background-size:50px; }
	.seCon article { margin-top:40px; }
	.seCon article div { width: 100px; height: 100px; }
	.seCon article div p { width:80px; height: 80px; margin:10px; }
	.seCon article div p span { font-size:18px; line-height: 110%; }
	.seCon article dl { margin-top: 25px; }
	.seCon article dd { margin:10px 0 0 20px; font-size:14px; }

	/*서비스 - CONTACT CENTER*/
	.ccCon .banner dt { padding-top:60px; background-size:60px; }
	.ccCon .banner ul { margin-top:30px; }
	.ccCon .banner li { display:block; padding:40px 0 0; background-size:18px; background-position:center 10px; }
	.ccCon .banner li:first-child { padding: 0; }
	.ccCon .banner div { width: 180px; height: 180px; margin: 0 auto; }
	.ccCon .banner h4 { font-size:22px; }
	.ccCon .banner p { font-size:14px; margin-top:10px; }
	.ccCon .list { margin-top: 50px; height: auto;  border-left:none; border-top:1px solid #d8d8d9; }
	.ccCon .list i { width: 35px; height: 35px; line-height: 35px; font-size:16px; }
	.ccCon .list dt { font-size:18px; }
	.ccCon .list dd { margin-top:10px; }
	.ccCon .list dd { font-size:14px; }
	.ccCon .centerBox { margin-top: 25px; }
	.ccCon .centerBox dl { background-size:60px; }
	.ccCon .centerBox dt { margin-top: 80px; font-size:24px; }
	.ccCon .telBox { margin-top:40px; }
	.ccCon .telBox > li { float:none; width:100%; overflow: hidden; margin:0 0 20px !important; }
	.ccCon .telBox > li img { margin-left:-25px; width: 50px; }
	.ccCon .telBox div { margin-top:25px; }
	.ccCon .telBox h4 { font-size:20px; margin-top:45px; }
	.ccCon .telBox p { margin-top: 25px; padding:15px 0 10px; font-size:30px; }
	.ccCon .telBox ul { margin:20px auto;  }
		


	/*품질관리*/
	.qmCon .banner dt { padding-top:50px; background-size:40px;  }
	.qmCon .process { margin-top:30px; }
	.qmCon .word li { width: 100px; height: 100px; margin:0 8px 8px !important; font-size:22px; line-height: 90px; border-width:5px;  }
	.qmCon .process div { margin-top: 20px; background: #333; box-sizing:border-box; padding:10px; }
	.qmCon .process div:before { display: none; }	
	.qmCon .process div p { font-size:16px; }
	.qmCon .process div p i { margin:0 5px; }
	.qmCon .list li { font-size:16px; background-size:8px; background-position:left 7px; padding-left:10px; }
	.qmCon .list li span { float: none; display: block; font-size:14px; margin:5px 0 0; padding: 0; }
	.qmCon .list li span:before {display: none; }
	.qmCon table { margin-top: 20px; }
	.qmCon th { height:35px; font-size:14px; }
	.qmCon td { padding:10px 5px !important; font-size:13px; line-height: 130%; }
	.qmCon td ul { width: 60px; }
	.qmCon td li { margin-top: -5px; width: 60px; height: 60px; }
	.qmCon td li span { font-size:16px;  }
	.qmCon .sw { margin-top:30px; }
	.qmCon .sw li { margin:0 0 25px; }
	.qmCon .sw img { width: 80px; top:15px;  }
	.qmCon .sw div { width: calc(100% - 30px); height: 135px; margin-left: 30px; }
	.qmCon .sw dl { padding:0 15px 0 60px;  } 
	.qmCon .sw dt { font-size:18px; }
	.qmCon .sw dd { margin-top:10px; font-size:14px; }



	/*기술지원*/
	.tsCon .banner dt { padding-top:60px; background-size:40px; }
	.tsCon section { margin-top: 50px; }
	.tsCon section article { float: none; width: 100%; height:auto; margin:0 0 20px; padding-bottom: 50px; overflow: hidden; }
	.tsCon h3 { padding:10px 0; margin-top: 0 !important; }
	.tsCon section img { margin-top:30px; width: 100px; }
	.tsCon section dl { margin-top: 30px; }
	.tsCon section dt { font-size:20px; }
	.tsCon section dt:after { margin:10px auto 0; }
	.tsCon section dd { margin-top: 10px; font-size:14px; }




	
	/******************인재채용******************/

	/*인재상*/
	.ttCon aside { padding:8% 10px; 	}
	.ttCon aside dt { padding-top:50px; font-size:18px; background-size:40px; }
	.ttCon aside dd { font-size:24px; margin-top:15px; }
	.ttCon h3 { margin-top: 50px; font-size:28px; }
	.ttCon h3+p { margin-top:10px; font-size:16px; }
	.ttCon div { width: 100px; height: 100px; }
	.ttCon div p { font-size:20px; }
	.ttCon li dl {  padding-left:10px; }
	.ttCon li dt { font-size:20px; }
	.ttCon li dd { font-size:14px; }


	/*인사제도*/
	.psCon > div:before { top:5px; left:40px; z-index: -1; }
	.psCon .tit { background-size:80px !important; padding-left:90px; min-height: auto; }
	.psCon .tit dd { margin-top: 10px; font-size:14px; }
	.psCon .list { margin:20px 0 0 35px; }
	.psCon .list dt { margin-top: 30px; background-size:8px; padding-left:15px; font-size:16px; }
	.psCon .list dd { font-size:14px; margin: 5px 0 0 20px; }



	/*복리후생*/
	.gwCon .tit dt { font-size:25px; }
	.gwCon .tit dd { margin-top:15px; font-size:16px;  }
	.gwCon .tit dd span { display:inline; margin-left: 3px; }
	.gwCon .banner { padding:8% 10px; }
	.gwCon .banner dt { font-size:24px; padding-top:60px; background-size:35px; }
	.gwCon .banner dd { margin-top: 10px; font-size:18px; }
	.gwList > div { width: 95px; height: 95px; box-sizing:border-box; padding:0 5px;  }
	.gwList > div dl { font-size:16px;  }
	.gwList > div dd { margin-top:10px; }
	.gwList ul:before { left:45px; }
	.gwList li { margin: 20px 0 0 65px !important; }
	.gwList p { font-size:18px; }
	.gwList li div { font-size:14px; }

	
	/*채용절차*/
	.rpCon .banner { padding:8% 10px; }
	.rpCon .banner dt { padding-top:40px; background-size:35px; font-size:18px; }
	.rpCon .banner dt span { font-size:24px; margin-bottom:10px; }
	.rpCon .banner dd { margin-top:20px; font-size:14px; }
	.rpCon .banner dd span { display: inline; margin-left: 3px; }
	.rpCon h3 { margin-top:50px; }
	.rpCon .process li { width: 49%; }
	.rpCon .process div { 	width: 140px; height: 140px; border-width:4px; }
	.rpCon .process div i { margin-left:-15px; width: 20px; height: 20px; line-height: 20px; font-size:14px; }
	.rpCon .process img { margin-top:25px; height: 35px; }
	.rpCon .process dt { margin-top: 5px; font-size:16px; }
	.rpCon .process dd { margin-top:5px; font-size:14px; }
	.rpCon > section { margin-top:40px; }
	.rpCon > section article { float: none; width: 100%; margin:0 0 5px 0 !important; }
	.rpCon > section article img { top:-40px; margin-left: -40px; width: 80px; }
	.rpCon > section dl { padding:0 3% 20px; height: auto;}
	.rpCon > section dd { margin-top: 15px; font-size:14px; }
	.rpCon > section dd p { font-size:15px; }

}