@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/


@font-face {font-weight:normal; font-style:normal; font-family:ng; src:url('../font/NanumGothic.eot'); src:local('☺'), url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype')}
@font-face {font-weight:normal; font-style:normal; font-family:ngb; src:url('../font/NanumGothicBold.eot'); src:local('☺'), url('../font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),url('../font/NanumGothicBold.woff') format('woff'),url('../font/NanumGothicBold.ttf') format('truetype')}

/* CSS reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
list-style:none;
}

*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none;}
body, input {font-family:ng, ngb, Nanum Gothic,'나눔고딕',NanumGothic, Dotum, Arial, Gulim, sans-serif;font-size:12px; color:#4c4c4c;  line-height:1.2em; }


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

/* common */
.blind{position:absolute;overflow:hidden;background:none !important;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;visibility:visible;}

.irCont{position: relative;}
.irCont img{position: relative; z-index: 10;}
.irCont .irTxt{position:absolute; top:0; left:0; z-index: -1; font-size:11px; letter-spacing:-1px;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0; padding:0; vertical-align:baseline; background:transparent;}

/*input,textarea{-webkit-appearance:none;}
input{margin:0; padding:0; vertical-align:middle;}*/

input[type=image] {margin:0; padding:0; vertical-align:top;}
input[type=text],
input[type=password] {background:#fff; margin:0; padding:4px 7px 2px; *padding:4px 7px 4px; border:1px solid #cfcfcf; vertical-align:middle;}
input[type=file] {background:0 none; margin:0; padding:0px 7px 0px; *padding:4px 7px 4px; vertical-align:middle;}
input[type=checkbox],
input[type=radio] {width:13px; height:13px; margin:0; padding:0; vertical-align:middle;}

table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}
caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;}

hr {display:none; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
select, img {vertical-align:middle;}
a {color:#4c4c4c; text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none; color:#ff4637;}
button {background:none; margin:0; padding:0; border:0 none;}

/*h1, h2, h3, h4, h5, h6{color:#727272; line-height:18px; font-weight:900;}*/
/*img, object, embed, video{max-width:100%;}*/
em, address{font-style:normal;}

#skipnavi a{position:absolute;text-align:center;width:200px;display:block;background:#c52227;padding:5px 0;color:#fff;left:-9999px;}
#skipnavi a:hover{z-index:999999;margin-left:-100px;left:50%;}
#skipnavi a:focus{z-index:999999;margin-left:-100px;left:50%;}
#skipnavi a:active{z-index:999999;margin-left:-100px;left:50%;}


#wrap {min-width:1120px;  background:url(/n/images/main/main_back.jpg) repeat-x;}
#wrap_sub {min-width:1120px;  background:url(/n/images/main/sub_back.jpg) repeat-x;}

#header {position:relative; height:115px; z-index:100;}
#header .inner {position:relative; width:1120px; margin:0 auto; padding-bottom:38px; zoom:1;}
#header .inner:after {content:""; display:block; clear:both}
#header .inner h1 {position:absolute; top:0px; left:0; display:block; width:160px;  height:123px;}
#header .inner .util {float:right;  width:180px; padding:8px 0px;}
#header .inner .util ul {zoom:1;}
#header .inner .util ul:after {content:""; display:block; clear:both}
#header .inner .util ul li {float:left; font-size:11px; line-height:18px; padding-right:0px; }

#header .inner .nav {position:relative; float:right; width:1120px; margin-top:5px; text-align:right; margin-right:0px;}
#header .inner .nav > ul {position:relative; height:47px; background-color:#404040; z-index:5;}
#header .inner .nav > ul > li {display:inline-block; *display:inline; zoom:1; }
#header .inner .nav > ul > li > a {color:#e8e8e8; font-size:16px; font-weight:700; line-height:25px;}
#header .inner .nav > ul > li.over > a,
#header .inner .nav > ul > li > a:hover {color:#ff4637;}
#header .inner .nav > ul > li.m01 {margin-right:30px;}
#header .inner .nav > ul > li.m02 {margin-right:23px;}
#header .inner .nav > ul > li.m03 {margin-right:34px;}
#header .inner .nav > ul > li.m04 {margin-right:34px;}
#header .inner .nav > ul > li.m05 {margin-right:34px;}
#header .inner .nav > ul > li.m06 {margin-right:34px;}
#header .inner .nav > ul > li.m07 {margin-right:34px;}
#header .inner .nav > ul > li.logo {margin-right:34px; margin-top:-8px;}

#header .inner .nav .dep2 {display:; position:absolute; top:64px; overflow:hidden; height:0; text-align:left;}
#header .inner .nav .dep2 a {display:block; padding:4px 0; font-size:12px; color:#b5b5b5;}
#header .inner .nav .dep2 .on a,
#header .inner .nav .dep2 a:hover {color:#b5b5b5; font-weight:bold;}
#header .inner .nav .m01 .dep2 {left:36px;}
#header .inner .nav .m07 .dep2 {left:180px;}
#header .inner .nav .m02 .dep2 {left:347px;}
#header .inner .nav .m03 .dep2 {left:710px;}
#header .inner .nav .m04 .dep2 {left:825px; }
#header .inner .nav .m05 .dep2 {left:924px;}
#header .inner .nav .m06 .dep2 {left:1026px;}

#header .inner .nav .bg_dep2 {position:absolute; top:47px; left:0; background:url(../../images/common/bg_dep2.png) 0 0 no-repeat; width:1118px; height:0; /*height:147px;*/ z-index:4;}











/* #cts_main .visual {position:relative; height:636px; width:1118px;  margin:0 auto; zoom:1;} */
.visual {/* background:url(../../images/main/visual_01.png) 0 0 no-repeat; */ position:relative; overflow:hidden; width:1118px; height:636px; margin:0 auto;}


div.move1_1 {position:absolute; top:82px; left:46px;}
div.move1_2 {position:absolute; top:480px; left:45px;}
div.move1_3 {position:absolute; top:14px; left:490px; z-index:3;}
div.move1_4 {position:absolute; top:238px; left:423px; z-index:5;}
div.move1_5 {position:absolute; top:453px; left:296px; z-index:10;}


#monitor {position:absolute; top:37px; right:44px; overflow:visible !important; width:562px; height:323px; z-index:4;}
#monitor .slidesjs-slide {z-index:4;}
#monitor .slidesjs-container {}
#monitor .slidesjs-previous,
#monitor .slidesjs-next {display:none;}
#monitor .slidesjs-play {display:block; position:absolute; top:279px; left:-461px; background:url(../../images/main/btn_play.png) 0 0 no-repeat; width:7px; height:10px; text-indent:-9999em;}
#monitor .slidesjs-stop {display:block; position:absolute; top:279px; left:-431px; background:url(../../images/main/btn_stop.png) 0 0 no-repeat; width:7px; height:10px; text-indent:-9999em;}
#monitor .slidesjs-pagination {position:absolute; bottom:30px; left:-403px; padding-right:15px; text-align:right; z-index:30;}
#monitor .slidesjs-pagination li {display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin-left:19px;}
#monitor .slidesjs-pagination li:first-child {margin-left:0;}
#monitor .slidesjs-pagination li a {display:block; background:url(../../images/main/paging_slide.png) 0 -30px no-repeat; width:10px; height:10px; text-indent:-9999em;}
#monitor .slidesjs-pagination li a.active {background-position:0 0;}

#pad {position:absolute; top:264px; left:448px; width:177px; height:236px; z-index:6;}
#pad .slidesjs-slide {z-index:4;}
#pad .slidesjs-container {}
#pad .slidesjs-previous,
#pad .slidesjs-next,
#pad .slidesjs-play,
#pad .slidesjs-stop {display:none; position:absolute; top:-9999px; left:-99999px;}
#pad .slidesjs-pagination {display:none;}

#phone {position:absolute; top:459px; left:334px; width:117px; height:78px; z-index:11;}
#phone .slidesjs-slide {z-index:4;}
#phone .slidesjs-container {}
#phone .slidesjs-previous,
#phone .slidesjs-next,
#phone .slidesjs-play,
#phone .slidesjs-stop {display:none; position:absolute; top:-9999px; left:-99999px;}
#phone .slidesjs-pagination {display:none;}




























#cts_main .mBnr { background-color:#26a554;}
#cts_main .mBnr ul {width:980px; margin:0 auto; zoom:1;}
#cts_main .mBnr ul:after {content:""; display:block; clear:both;}
#cts_main .mBnr ul li {float:left; margin-left:0px; font-size:0; line-height:0;}
#cts_main .mBnr ul li:first-child {margin:0 3px 0 0;}


.product_main{width:1053px; margin:40px auto; zoom:1;}


.product{width:1120px; margin:40px auto; zoom:1; text-align:center; padding-left:56px;}
.product p{color:#376fa3; font-size:25px; padding:20px 0 16px 0; font-weight:700;}
.product ul {padding:15px 30px; margin:0 30px;}
.product ul:after {content:""; display:block; clear:both;}
.product ul li {float:left; width:22%;  margin:0 15px; font-size:11px; line-height:18px;}
.product ul li h1{ font-size:13px; line-height:18px;  text-align:center; font-weight:800; }
.product ul li:first-child {margin:0 3px 0 0;}

.news{width:960px; height:200px; margin:0px auto; zoom:1; text-align:center;  padding-bottom:50px; padding-left:5px;}
.news p{color:#444444; font-size:25px; padding:40px 0 16px 0; font-weight:700; margin-top:40px; margin-bottom:20px; border-top:5px solid #cccccc;}
.news .notice{ float:left; width:440px; height:150px; background-color:#f7f7f7;  border-top:1px solid #e5e5e5;  border-bottom:1px solid #e5e5e5;  text-align:left; padding-left:15px;}
.news .notice h1{ color:#565656; font-size:16px; font-weight:700; padding-top:24px;  padding-bottom:15px;  text-align:left;}
.news .notice span{ color:#a2a2a2;   margin-bottom:24px; text-align:left;}

.news .btn{ float:right; width:480px;  }


.notice { width:1077px; background-color:#ededed; height:25px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;  padding:5px 20px; margin:0px auto; zoom:1;}
.notice h1{float:left; padding-left:20px;}
.notice span{float:left;  padding-left:20px; padding-top:5px;}
.notice p{float:right;}



#m-btn {position:relative; width:1118px; height:290px;  padding:51px 0px; margin:0px auto; zoom:1;  }
#m-btn .s01 {position:absolute; float:left; width:371px; height:290px;  }
#m-btn .s01  ul {position:relative;  }
#m-btn .s01  ul li {float:left; display:inline-block; *display:inline; zoom:1;}
#m-btn .s02 {position:absolute; float:left; width:374px; height:227px; left:371px; border-top:1px solid #dfdfdf;  border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; background-color:#fff; padding:30px;}
#m-btn .s02  ul {}
#m-btn .s02  ul li {float:left; display:inline-block; *display:inline;  width:374px; background:url(/n/images/main/main022_arww.jpg) 0px 4px no-repeat;  padding:5px 15px; font-size:12px; color:#959c9f; }
#m-btn .s02  span {float:left; padding-top:18px;}
#m-btn .s02  img { padding-bottom:10px;}
#m-btn .s03 {position:absolute; float:right; right:0px; width:374px; height:290px; }



#work {position:relative; width:1116px; height:714px; margin:0px auto; zoom:1; text-align:center; padding-bottom:100px;}
#work h1{position:absolute; color:#000000; font-size:23px; font-weight:900; line-height:35px; height:35px; width:1118px;}
#work span{position:absolute; top:31px; left:0; color:#838488; font-size:13px; line-height:20px; padding-bottom:64px; height:35px; width:1118px;}
#work .w01{position:absolute; top:114px; float:left;}
#work .w02{position:absolute; top:317px; float:left;}
#work .w03{position:absolute; top:317px; float:left; left:373px;}
#work .w04{position:absolute; top:520px; float:left;}
#work .w05{position:absolute; top:520px; float:left; left:373px;}
#work .w06{position:absolute; top:114px; float:right; right:0px;}
#work .w07{position:absolute; top:520px; float:right; right:0px;}


.sitemap_bott  {width:1018px; border-top:1px solid #ff4637; margin-top:86px; padding:35px 50px; height:150px; background-color:#fff; margin:0px auto; zoom:1;}
.sitemap_bott  p{float:left; padding-right:70px;}
.sitemap_bott  ul {position:relative; height:47px; }
.sitemap_bott  ul li {float:left; display:inline-block; *display:inline; zoom:1; width:100px; padding-right:43px;}
.sitemap_bott  ul li a {color:#000000; font-size:16px; font-weight:700; line-height:20px;}
.sitemap_bott  ul li.over > a,
.sitemap_bott  > ul > li > a:hover {color:#ff4637;}


.sitemap_bott .dep2 {position:absolute; top:30px; width:88px;}
.sitemap_bott .dep2 a {display:block;  padding:0px; font-size:12px; color:#959c9f;}
.sitemap_bott .dep2 .on a,
.sitemap_bott .dep2 a:hover {color:#aaaaaa; }
.sitemap_bott .dep2 ul {float:left; position:relative; }
.sitemap_bott .dep2 ul li {float:left;  display:block; zoom:1; }




#footer{background-color:#d3d3d3; padding:30px 0px;  width:1117px;  margin:0px auto; zoom:1;}
#footer:after{content:""; display:block; clear:both;}

#footer p{position:relative;   width:950px; margin:0 auto;  text-align:center;  line-height:17px; color:#777777; }



#cts { }
#cts .inner {width:1118px;  margin:0 auto; zoom:1; }
#cts .inner:after {content:""; display:block; clear:both;}
#cts .inner .lnb {float:left; width:208px; margin-top:44px;}
#cts .inner .lnb ul {width:181px; margin-top:22px; border-top:2px solid #26a554;}
#cts .inner .content {float:left; width:1108px; min-height:500px; padding:70px 5px 80px 5px; }
#cts .inner .content .title_to{float:left; width:1090px;   padding-bottom:20px; margin-bottom:20px; text-align:center;}
#cts .inner .content .bread {  font-size:11px; color:#969696; padding-top:5px;}
#cts .inner .content .title {color:#000000; font-size:30px; font-weight:900; line-height:35px;}