@charset "utf-8";

html, body {margin:0;padding:0;width:100%;height:100%;overflow-y:hidden;}
html {background:#fff url(/Contents/img/line2.gif) repeat-x;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote{margin:0;padding:0;}
@font-face {font-family:nanum;font-style:normal;font-weight:normal;src:url(NanumGothic.eot);src:local('☺'),url(NanumGothic.woff) format('woff');}
@font-face {font-family:nanumbold;font-style:normal;font-weight:bold;src:url(NanumGothicBold.eot);src:local('☺'),url(NanumGothicBold.woff) format('woff');}
body, input, textarea, select, button, table, small {font-family:'나눔고딕', NanumGothic, nanum, '돋움',Dotum,Helvetica,AppleGothic,sans-serif;font-size:12px;color:#848383;line-height:18px;word-break:keep-all;} 
body {-webkit-text-size-adjust:none; background:url(/Contents/img/top_bg.png) repeat-x;}
body.iframe {overflow:auto;}
img {border:0;vertical-align:top;}
iframe {border:0;}
* {word-break:break-all;}
ul,ol,li,dl,dt,dd{list-style:none;}
sup {vertical-align:top;display:inline-block;height:16px;margin-top:-2px;}
/*:root sup {height:17px;}*/
header, nav, article, footer, address, section, aside {display:block;}/* html5 reset */
table{border-collapse:collapse; border-spacing:0;}/* 20140403 추가 */
.ct {text-align:center;} /* 20140923 추가 */
.mt_50 {margin-top:50px;}
.mt_25 {margin-top:25px;}

/* alink */
a {color:#888; text-decoration: none}
a sup {border-bottom:1px solid #0099ec;}
a.btn_basic {display:inline-block; height:22px; line-height:22px; color:#888; border:1px solid #d0d0d0; border-radius:1px; text-align:center;}
a.btn_basic.google span {padding-left:20px; font-weight:bold; background:url(/Contents/img/img.png) 0 -426px no-repeat;}

/* form */
fieldset {border:0}
input, textarea {height:25px;line-height:25px;border-style:solid;border-width:1px;border-color:#c3c3c3 #dcdcdc #dcdcdc;background:#fff;vertical-align:top;padding-left:6px;
	-webkit-border-radius:0;-moz-border-radius:0;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));
	background-image: -webkit-linear-gradient(top,#fff),to(#fff);
	background-image: -moz-linear-gradient(top,#fff),to(#fff);
	background-image: -ms-linear-gradient(top,#fff),to(#fff);
	background-image: -o-linear-gradient(top,#fff),to(#fff);
	background-image: linear-gradient(top,#fff),to(#fff);
}
textarea {height:auto;line-height:18px;padding:5px;}
input.focus, textarea.focus {border-color:#838383 #b1b1b1 #b1b1b1;}
input[type=radio], input[type=checkbox] {border:0;padding:0 5px 0 0;vertical-align:middle;margin-top:0;background-color:transparent;}
input[type=file] {padding:0;background:#fff;}
input[type=button], input[type=submit] {cursor:pointer;}
label {margin-right:10px;}
button {border:0;margin:0;padding:0;}

/* basic */
.blind, legend {position:absolute;left:0;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
caption {display:none;}
.clr {clear:both !important;width:100%;}
.clr:after {content:'';display:block;clear:both;height:0px;visibility:hidden;}
em {font-style:normal;}
strong, h1, dt, th {font-weight:normal;font-family:nanumbold;}
.fl {float:left;}

/*img background*/
.header h1 a, .header header a.infraware, .wing aside.sns a, .wing a.top, .header a.gnbClose,
footer h1.logo, footer ul.link, footer section.family h1,
section.layerPop h1.contact, fieldset.writeForm input.submit,
.selectbox .selectyzeValue {display:block;background:url(/Contents/img/img.png) no-repeat;text-indent:-9999px; }
h2.title {disply:block;background:url(/Contents/img/title.png) no-repeat;text-indent:-9999px;}
ul.bu li {background:url(/Contents/img/bu.png) no-repeat 0 0;padding-left:11px;}

/* select */
.DivSelectyze {position:relative;}
.DivSelectyze .selectyzeValue {position:relative;z-index:10;display:block;text-decoration:none;}
.DivSelectyze ul {display:block;}
.DivSelectyze .UlSelectize {position:absolute;z-index:9999;display:none;}
.DivSelectyze li a {display:block;text-decoration:none;}
.optgroupTitle {display:block;}
.selectbox {display:inline-block;border-style:solid;border-width:1px;border-color:#d5d3d3 #cecccc #b8b8b8 #cac9c9;border-radius:1px;}
.selectbox .selectyzeValue {width:122px;height:16px;text-align:left;line-height:16px;font-size:11px;color:#808080;padding:1px 0 0 6px;border:1px solid #fff;background-position: right -207px;text-indent:0;}
.selectbox .UlSelectize {
	position:absolute;z-index:2;top:19px;left:0;
	width:128px;max-height:270px;overflow:auto;cursor:default;
	background:#fff;border:1px solid #ccc;
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);
	box-shadow:0 2px 4px rgba(0,0,0,0.2);
}
.selectbox li a {height:18px;line-height:18px;font-size:11px;background-color:transparent;border:0;color:#808080;padding:0 0 0 6px;text-align:left;}
.selectbox li a:hover {color:#808080;background-color:#f0f0f0;}
.selectbox .optgroupTitle {margin-top:15px;padding-left:10px;background-color:#0fb1ef;color:#808080;}


/*layout*/
.header {z-index: 10000;width:100%;height:140px;border-bottom:1px solid #e3e3e3;}
.header header {position:relative;z-index:101;width:940px;height:120px;margin:0 auto;}
.header header h1, .header header fieldset, .header header a.infraware {position:absolute;}
.header header h1 {left:0;top:71px;width:207px;height:35px;}
.header header h1 a {background-position:0 0;width:207px;height:35px;}
.header header fieldset {right:7px;top:5px;}
.header nav {position:absolute;left:271px;top:81px;}
.header nav a {color: #333; text-decoration: none;}
.header nav a:hover, .header nav a.over {color:#6cb016;}
.header nav ul.depth1 {width:665px; height:18px; overflow:hidden;}
.header nav ul.depth1 li {float:left; width:164px; height:110px; font-size:16px; border-right:1px solid #d3d3d3} /* 20140922 width 수정 */
.header nav ul.depth1 li.home {border-left:1px solid #d3d3d3;}
.header nav ul.depth2 {height:89px;} /* 20150306 수정 */
.header nav ul.depth2 li {float:none; font-size:11px; height:auto; border-right:none;}
.header nav ul a {display:block;}
.header nav ul a:hover, .header nav ul a.over {}
.header nav ul.depth1 a {height:39px; padding-left:12px; font-weight:bold; font-family:arial,sans-serif;}
.header nav ul.depth2 a {height:22px;margin-bottom:2px; font-weight:normal; font-size: 12px;color: #787878;}
.header nav ul.depth2 a:hover {color:#6cb016;}
.wing {position:relative;z-index:99;width:1018px;height:0px;margin:0 auto;}
.wing a.top {position:absolute;right:9px;top:1000px;width:40px;height:40px;background-position:right -161px;}
body.mobile .wing aside.sns, body.mobile .wing a.top {margin-left:0;left:auto;right:0;}
.header div.nav {position:absolute;left:0;top:140px;z-index:100;width:100%;height:1px;overflow:hidden;border-bottom:1px solid #e3e3e3;background:#fff;}
.header div.nav a.gnbClose {position:absolute;left:50%;bottom:-24px;z-index:100;margin-left:439px;width:24px;height:24px;background-position:0 -361px;}
.header select {height:23px;}
footer {background:#f1f1f1;}
footer section.cont {position:relative; width:940px; height:130px; margin:0 auto;}/* 20141014 height 수정 */
footer h1, footer p, footer ul.link, footer section.family, footer address {position:absolute;} /* 20141014 footer address 추가 */
footer h1.logo {left:0;top:55px;background-position:left -37px;width: 130px;height: 23px;} /* 20141014 top 수정 */
footer p {top:83px;text-indent:0;}/* 20141014 top 수정 */
footer p, footer address {left:200px; font-size:11px; font-family:dotum, sans-serif}/* 20141014 수정 */
footer address {top:40px; font-style:normal; line-height: 14px;}/* 20141014 추가 */

#container {position:relative;overflow:auto;overflow-x:hidden;}
div.content {width:940px;margin:0 auto;}
div.content div.topCont {padding-top:30px;}
div.sectionGroup {width:938px;margin:14px auto; background:#fff;}

/* visual */
section.visual {position:relative; width:940px; height:368px;}
.slidesjs-pagination, .slidesjs-navigation {display:none;}
section.visual p.btn {position:absolute; right:11px; bottom:12px; z-index:11;}
section.visual p.btn a {display:inline-block; width:122px; height:24px; margin:0 0 0 1px; text-indent:-9999em; background:url(/Contents/img/img.png) no-repeat;}
section.visual p.btn a.shop {background-position: 0 -88px;}
section.visual p.btn a.recruit {background-position: -123px -88px;}


section.box {clear:both; padding:0 64px; margin:50px auto 0; border:1px solid #d0d0d0;}

section.section {padding:0 0 55px;}


body.iframe {background:#fff;}
section.layerPop h1.contact {width:100%;height:29px;background-position:-220px -100px;margin:0 0 30px;}


/****** 신규 ****/
section.box div.hgroup h1, h2.title {display:block;width:700px;height:50px;background:url(/Contents/img/title.png) no-repeat;text-indent:-9999px;}
section.box div.hgroup h1 {position:relative; height:32px; margin:60px 0 51px; left:-73px;}
section.box.learn div.hgroup h1 {background-position:0 0}
section.box.reference div.hgroup h1 {background-position:0 -32px }
section.box.contact div.hgroup h1 {background-position:0 -64px }
section.box.learn article.usage h2.title {background-position:0 -140px}
section.box.learn article.spec h2.title {background-position:0 -200px}
section.box.learn article.requirement h2.title {background-position:0 -260px}
section.box.reference article.company_01 h2.title {background-position:0 -320px}
section.box.reference article.company_02 h2.title {background-position:0 -380px}
section.box.contact h2.title {background-position:0 -440px}

section.box article h3 {padding:0 0 8px; color:#333; font-size:20px;}

section.box.home {margin-top:0; border-top:0;}
section.box.home dl {height:234px; padding:0 0 0 331px; border-bottom:1px solid #e8e8e8; background: url(/Contents/img/home_img.png) no-repeat}
section.box.home dl.home_01 {background-position:0 0}
section.box.home dl.home_02 {background-position:0 -235px}
section.box.home dl.home_03 {background-position:0 -470px}
section.box.home dl.home_04 {background-position:0 -705px}
section.box.home dl.home_05 {background-position:0 -940px}
section.box.home dt {padding:80px 0 18px; color:#333; font-size:24px;}
section.box.home dl.home_05 dt {padding-top:89px;}
section.box.home dd {font-size:14px; line-height:24px; color:#888;}
section.box.home p.btn {padding:30px 0 60px; text-align:center;}
section.box.home p.btn a.btn_brochure {display:inline-block; height:37px; line-height:37px; padding:0 51px 0 20px; border:1px solid #d0d0d0; border-radius:2px; background:url(/Contents/img/img.png) right -80px no-repeat}
section.box.home button.download {cursor:pointer; width:230px; height:50px; border:none; background-color:black; color:white; font-weight:bold; font-size:18px;}

section.box.learn article, section.box.learn div.s_box {border-bottom:1px solid #e8e8e8;}
section.box.learn article.usage {border-bottom:none;}
section.box.learn div.s_box {padding-bottom:74px; border-bottom:1px solid #e8e8e8;}
section.box.learn h3 {margin:60px 0 0; font-size:20px; color:#333;}
section.box.learn table {margin-top:27px; border-top:1px solid #526274;}
section.box.learn th, section.box.learn td {border-bottom:1px solid #e6e6e6;}
section.box.learn th {width:184px; background:#fafafa; color:#666; font-size:16px;}
section.box.learn td {color:#888; font-size:12px;}
section.box.learn td.title {width:120px; padding-left:0; text-align:center; color:#646464; border-right:1px solid #e6e6e6;}
section.box.learn td strong {display:block; margin:0 0 8px; color:#646464;}
section.box.learn article.spec td {height:89px; padding-left:24px;}
section.box.learn article.spec span {display:block; min-height:35px; padding-left:55px; background: url(/Contents/img/img.png) no-repeat}
section.box.learn article.spec span.andriod {padding-top:10px; background-position: 0 -331px;}
section.box.learn article.spec span.ios {background-position: 0 -411px;}
section.box.learn article.requirement {padding-bottom:80px; border-bottom:none;}
section.box.learn article.requirement td {padding-left:24px; height:60px;}
section.box.learn article.requirement td.title {padding-left:0;}
section.box ul.txt {margin-top:16px;}
section.box ul.txt li {margin:0 0 6px; padding:0 0 0 7px; color:#888; background:url(/Contents/img/img.png) -298px -237px no-repeat}
section.box ul.txt li em {color:#333}

section.box.reference {}
section.box.reference ul {margin:28px 0 0; border-top:1px solid #e6e6e6; }
section.box.reference ul li {display:inline-block; width:160px; height:120px; margin-right:-3px; border-bottom:1px solid #e6e6e6; text-indent:-9999em}
section.box.reference article {clear: both; margin:0 0 80px;}
section.box.reference article.company_01 li {background:url(/Contents/img/company_011.png) no-repeat}
section.box.reference article.company_02 li {background:url(/Contents/img/company_02.png) no-repeat}
section.box.reference article li.blank {background:none}
section.box.reference article li.com_01 {background-position:0 0;}
section.box.reference article li.com_02 {background-position:-160px 0;}
section.box.reference article li.com_03 {background-position:-320px 0;}
section.box.reference article li.com_04 {background-position:-480px 0;}
section.box.reference article li.com_05 {background-position:-640px 0;}
section.box.reference article li.com_06 {background-position:0 -121px;}
section.box.reference article li.com_07 {background-position:-160px -121px;}
section.box.reference article li.com_08 {background-position:-320px -121px;}
section.box.reference article li.com_09 {background-position:-480px -121px;}
section.box.reference article li.com_10 {background-position:-640px -121px;}
section.box.reference article li.com_11 {background-position:0 -242px;}
section.box.reference article li.com_12 {background-position:-160px -242px;}
section.box.reference article li.com_13 {background-position:0 -363px;}
section.box.reference article li.com_14 {background-position:-160px -363px;}
section.box.reference article li.com_15 {background-position:-320px -363px;}
section.box.reference article li.com_16 {background-position:-480px -363px;}
section.box.reference article li.com_17 {background-position:-640px -363px;}
section.box.reference article li.com_18 {background-position:0 -484px;}
section.box.reference article li.com_19 {background-position:-160px -484px;}
section.box.reference article li.com_20 {background-position:-320px -484px;}
section.box.reference article li.com_21 {background-position:-480px -484px;}
section.box.reference article li.com_22 {background-position:-640px -484px;}
section.box.reference article li.com_23 {background-position:0 -605px;}
section.box.reference article li.com_24 {background-position:-160px -605px;}
section.box.reference article li.com_25 {background-position:-320px -605px;}
section.box.reference article li.com_26 {background-position:-480px -605px;}
section.box.reference article li.com_27 {background-position:-640px -605px;}
section.box.reference article li.com_28 {background-position:0 -726px;}
section.box.reference article li.com_29 {background-position:-160px -726px;}
section.box.reference article li.com_30 {background-position:-320px -726px;}
section.box.reference article li.com_31 {background-position:-480px -726px;}
section.box.reference article li.com_32 {background-position:-640px -726px;}
section.box.reference article li.com_33 {background-position:0 -847px;}
section.box.reference article li.com_34 {background-position:-160px -847px;}
section.box.reference article li.com_35 {background-position:-320px -847px;}
section.box.reference article li.com_36 {background-position:-480px -847px;}
section.box.reference article li.com_37 {background-position:-640px -847px;}
section.box.reference article li.com_38 {background-position:0 -968px;}
section.box.reference article li.com_39 {background-position:-160px -968px;}
section.box.reference article li.com_40 {background-position:-320px -968px;}
section.box.reference article li.com_41 {background-position:-480px -968px;}
section.box.reference article li.com_42 {background-position:-640px -968px;}
section.box.reference article li.com_43 {background-position:0 -1089px;}
section.box.reference article li.com_44 {background-position:-160px -1089px;}
section.box.reference article li.com_45 {background-position:-320px -1089px;}
section.box.reference article li.com_46 {background-position:-480px -1089px;}
section.box.reference article li.com_47 {background-position:-640px -1089px;}
section.box.reference article li.com_48 {background-position:0 -1210px;}
section.box.reference article li.com_49 {background-position:-160px -1210px;}
section.box.reference article li.com_50 {background-position:-320px -1210px;}
section.box.reference article li.com_51 {background-position:-480px -1210px;}
section.box.reference article li.com_52 {background-position:-640px -1210px;}
section.box.reference article li.com_53 {background-position:0 -1321px;}
section.box.reference article li.com_54 {background-position:-160px -1321px;}
section.box.reference article li.com_55 {background-position:-320px -1321px;}
section.box.reference article li.com_56 {background-position:-480px -1321px;}
section.box.reference article li.com_57 {background-position:-640px -1321px;}
section.box.reference article li.com_58 {background-position:0 -1442px;}
section.box.reference article li.com_59 {background-position:-160px -1442px;}
section.box.reference article li.com_60 {background-position:-320px -1442px;}
section.box.reference article li.com_61 {background-position:-320px -242px;}
section.box.reference article li.com_62 {background-position:-480px -242px;}

section.box.reference article.company_02 li.com_13 {background-position:-320px -242px;}
section.box.reference article.company_02 li.com_14 {background-position:-480px -242px;}
section.box.reference article.company_02 li.com_15 {background-position:-640px -242px;}

/*table*/
table {border-collapse:collapse;width:100%;}
table.data, table.list {border-top:1px solid #8e9394;border-bottom:1px solid #c5c5c5;}
table.data thead th, table.list thead th {background:#f7f7f7;color:#666;border-bottom:1px solid #bebebe;padding:2px 0 3px;}
table.data tbody tr th, table.data tbody tr td, table.list tbody tr th, table.list tbody tr td {border-top:1px solid #e2e2e2;padding:4px 0 5px;text-align:center;}
table.data tbody tr.fst th, table.data tbody tr.fst td, table.list tbody tr.fst th, table.list tbody tr.fst td {border-top:0;}
table.data tbody tr td {background-position:0 8px;}
table.data tbody tr td.fst, table.list thead tr th.fst {background-image:none;}
table.data tbody tr th, table.data tbody tr .l, table.list tbody tr .l {text-align:left;padding-left:20px;}
table.data tbody tr .r {padding-right:17px;}
table.list thead tr th {background-color:#f7f7f7;background-position:0 8px;}
table.list tbody tr th, table.list tbody tr td {padding:9px 0 10px;}
.w10p {width:10%;}
.w20p {width:20%;}
.w25p {width:25%;}
.w40p {width:40%;}
.w70p {width:70%;}

/*paging*/
div.paging {width:100%;text-align:center;margin-top:15px;}
div.paging a {display:inline-block;height:24px;line-height:24px;color:#7e7e7e;padding:0 9px;letter-spacing:1px;vertical-align:top;}
div.paging a:hover, div.paging a.on {color:#92de00;font-weight:bold;text-decoration:none;}
div.paging a.pbtn {display:inline-block;width:24px;height:24px;padding:0;}
div.paging a.pbtn span {display:none;}
div.paging a.pbtn.prev {background-position:-100px -130px;margin-right:20px;}
div.paging a.pbtn.next {background-position:-124px -130px;margin-left:20px;}

/* 문의 하기  */
section.box.contact {padding-bottom:80px; border-bottom:none;}
section.box.contact p.txt {padding:0 0 10px; text-align:right;}
section.box.contact fieldset {}
section.box.contact fieldset h2 {height:50px;}
section.box.contact fieldset em {color:#ff0000;}
section.box.contact fieldset a.btn_close {position:absolute; top:0; right:-40px; display:block; width:40px; height:40px; text-indent:-9999em; background:url(/Contents/img/img.png) 0 -194px no-repeat;}
section.box.contact fieldset table {width:100%; border-top:1px solid #393939;}
section.box.contact fieldset th, section.box.contact fieldset td {border-bottom:1px solid #d0d0d0; color:#888;}
section.box.contact fieldset th {width:161px; padding:12px 0 0 23px; vertical-align:top; text-align:left; background:#fafafa;}
section.box.contact fieldset th.auto {padding:0 0 0 23px; height:80px; line-height:80px; background:none; border-right:none;}
section.box.contact fieldset td {padding:9px 0 9px 14px; }
section.box.contact fieldset input {border:1px solid #d0d0d0; height:21px; line-height:21px;}
section.box.contact fieldset input.subject {width:580px;}
section.box.contact fieldset input.name, section.box.contact fieldset input.email {width:238px;}
section.box.contact fieldset input.phone {width:67px; margin:0 14px 0 0}
section.box.contact fieldset label input {width:auto; height:auto; border:none;}
section.box.contact fieldset select {width:68px; height:23px; margin:0 10px 0 0;}
section.box.contact fieldset textarea {width:580px; height:183px; margin:6px 0;}
section.box.contact fieldset span.caution {display:inline-block; margin:3px 0 0 20px; padding-left:19px; font-size:12px; color:#888; background:url(/Contents/img/img.png) 0 -474px no-repeat;}
section.box.contact p.agree, section.box.contact div#chkimg, section.box.contact div.secret {float:left;}
section.box.contact div#chkimg {background-color:#e8e8e8;width:80px; height:24px;text-align:center; }
section.box.contact div#chkimg span {vertical-align:middle;}
section.box.contact input#code {width:134px; height:20px; margin:0 10px; vertical-align:middle}
section.box.contact input.submit {float:right; width:120px; height:38px; margin:30px 0 80px; text-indent:-9999em; border:none; background:url(/Contents/img/img.png) 0 -247px no-repeat;}
section.box.contact p.phone {height:68px; line-height:68px; padding-left:24px; color:#646464; border-top:1px solid #526274; border-bottom:1px solid #e6e6e6; background:#fafafa;}

/*
::-webkit-scrollbar {width:8px;height:8px;border:3px solid #fff;}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block;height:10px;background:#efefef}
::-webkit-scrollbar-track {background:#efefef;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height:50px;width:50px;background:rgba(0,0,0,.2);-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}