@charset "utf-8";

/* Reset */
html {-webkit-text-size-adjust:none;}
body {margin:0px;padding:0px;font-size:12px;line-height:14px;color:#666;font-family:"Dotum",Sans-serif;letter-spacing:0; word-wrap:break-word;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,p {margin:0;padding:0;font-size:12px;line-height:18px;color:#666;list-style:none}
fieldset,dl,dd,dt,img {border:0;vertical-align:top;}
address,em {font-style:normal;}
hr,legend,caption {display:none}
img {border:none}
button,label {cursor:pointer}
table {border-collapse:collapse;border:0px;}
td,th {font-size:13px;line-height:18px;color:#666;font-family:"Dotum",Sans-serif}

/* basic-alink */
a:link, a:active {color:#666;text-decoration:none}
a:visited {color:#666;text-decoration:none}
a:hover   {color:#000;text-decoration:none}
 
/* margin/padding*/
.mgNo {margin:0 !important;}
.pdNo {padding:0 !important;}
.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.bdNo {border:0 !important;}


/* align */
.fl {float:left;}
.fr {float:right;}

.al {text-align:left !important}
.ac {text-align:center !important}
.ar {text-align:right !important}

/* width */
.w13p {width:13%;}
.w17p {width:17%;}
.w19p {width:19%;}
.w21p {width:21%;}

/* layout */
#wrap{min-width:320px; width:100%; height:100%;}

/* header */
#header {}
#header h1.logo {display:block; height:50px; text-align:center;}
#header h1.logo > a {display:block; padding:11px 0px;}
#header .gnbWrap {border-top:2px solid #d40203;}
#header .gnbWrap .gnb {overflow:hidden; height:40px;}
#header .gnbWrap .gnb .gnbScr {overflow-x:scroll; overflow-y:hidden; white-space:nowrap; height:62px;}
#header .gnbWrap .gnb ul {overflow:hidden; width:435px; height:40px; margin:auto;}
#header .gnbWrap .gnb ul > li {float:left; height:40px; background:url("../images/common/gnb_line.png") no-repeat left 14px; -webkit-background-size:1px auto; -moz-background-size:1px auto; background-size:1px auto;}
#header .gnbWrap .gnb ul > li.first {background:none;}
#header .gnbWrap .gnb ul > li > a {display:block; height:27px; padding:13px 19px 0px;}
#header .gnbWrap .gnb ul > li > a > img {height:54px; margin-top:0px;}
#header .gnbWrap .gnb ul > li > a.on > img {margin-top:-27px;}
#header .gnbWrap .gnbSub {display:block; text-align:center; background:#d40203; border-top:2px solid #d40203;}
#header .gnbWrap .gnbSub ul {display:inline-block; height:33px;}
#header .gnbWrap .gnbSub ul > li {float:left; height:35px; text-align:center;}
#header .gnbWrap .gnbSub ul > li > a {display:block; padding:8px 8px 8px; color:#eaa4a4; font-size:12px; font-weight:bold;}
#header .gnbWrap .gnbSub ul > li > a.on {color:#fff;}

/* container */
#container {padding:0px 0px 25px 0px;}
.section {padding:23px 10px 21px; border-top:1px solid #ccc;}
.section:first-child {border-top:0px;}
.section h2 {padding-left:10px; color:#333; font-size:15px; font-weight:bold; letter-spacing: -0.3px; background:url("../images/common/icon_stit.png") no-repeat 0px 7px; -webkit-background-size:6px 2px; -moz-background-size:6px 2px; background-size:6px 2px;}
.section h3 {color:#333; font-size:12px;}
.section p {color:#666; font-size:12px;}
.section > div {font-size:0; line-height:0; text-align:center;}

/* footer */
#footer {padding:10px; background:#3b3b3b;}
#footer .foBtn {display:block; text-align:center; border-bottom:1px solid #454545;}
#footer .foBtn ul {display:inline-block;}
#footer .foBtn ul li {float:left; padding:10px 2px 15px;}
#footer .foBtn ul li > a {display:block; color:#ddd; font-size:12px; background:#4f4f4f; border:1px solid #2e2e2e; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#footer .foBtn ul li > a.pcv {width:75px; height:18px; padding:5px 0px 5px;}
#footer .foBtn ul li > a.top {width:45px; height:18px; padding:5px 15px 5px; text-align:left; background-image:url("../images/common/icon_top.png"); background-repeat:no-repeat; background-position:60px 11px; -webkit-background-size:7px 4px; -moz-background-size:7px 4px; background-size:7px 4px;}
#footer .foAddr {padding:15px 0px 10px;}
#footer .foAddr > dl {position:relative; padding-bottom:5px;}
#footer .foAddr > dl > dt {position:absolute; top:0px; left:0px; width:43px; color:#888; font-size:11px; font-weight:bold;}
#footer .foAddr > dl > dd {padding:0px 0px 0px 43px; color:#888; font-size:11px;}
#footer .foCopy {color:#666; font-size:10px; line-height:14px;}


/*회사소개*/
.ceoHello {padding:20px 10px; background:url("../images/company/ceo_img_photo.png") no-repeat right 10px; -webkit-background-size:auto 177px; -moz-background-size:auto 177px; background-size:auto 177px;}
.ceoHello p {margin:10px 0px;}
.ceoHello .welcome {display:block; padding:16px 0px;}
.ceoHello .sign {display:block; padding:10px 0px 0px; text-align:right;}
.situation h2 {padding-bottom:11px;}
.situation p {margin-bottom:9px; padding-bottom:11px; border-bottom:1px solid #eee;}
.situation dl {overflow:hidden; padding-top:4px;}
.situation dl dt {float:left; padding-left:6px; color:#333; font-size:12px; font-weight:bold; background:url("../images/common/bul_gray.png") no-repeat left 6px;}
.situation dl dd {float:none; padding-left:70px; color:#666; font-size:12px;}
.history {overflow:hidden; padding:20px 0px 10px;}
.history h2 {margin:0px 10px; padding-bottom:13px;}
.history .swiper {overflow:hidden; float:left; height:auto;}
.history dl {overflow:hidden; margin:0px 10px 20px;}
.history dl dt {float:left; color:#333; font-size:16px; font-weight:bold;}
.history dl dd {position:relative; float:none; margin-left:52px; padding-left:30px; color:#666; font-size:12px; text-align:left; border-left:1px solid #eee;}
.history dl dd span {position:absolute; top:0px; left:8px; display:block; width:15px; color:#d40203; font-size:12px; font-weight:bold;}
.business {padding:20px 10px; text-align:center;}
.location {padding-bottom:25px;}
.location h2 {padding:0px 0px 13px 10px;}
.location .mapImg {height:215px; margin-top:20px; text-align:center; background:#f9f9fa;}

/*사업영역*/
.slideCon {}
.slideTit {position:relative; height:34px; border-top:1px solid #ccc;}
.slideTit > span {display:block; padding:8px 0px; color:#333; font-size:14px; font-weight:bold; text-align:center; cursor:pointer; background:#ececf3 url("../images/common/arr_slide_tit.png") no-repeat right 13px; -webkit-background-size:25px 9px; -moz-background-size:25px 9px; background-size:25px 9px;}
.slideTit > ol {display:none; position:absolute; top:0px; right:0px; left:0px; background:#ececf3;}
.slideTit > ol li {border-bottom:1px solid #d4d4da;}
.slideTit > ol li a {display:block; padding:8px 0px; color:#999; font-size:14px; font-weight:bold; text-align:center; }
.slideTit > ol li a.on {color:#333;}
.slideCon .section > h2 {padding-bottom:4px;}
.slideCon .section > p {padding:6px 0px;}
.slideCon .section > p:first-child {padding:0px 0px 6px;}
.slideCon .section > p > span {display:block;}
.slideCon .section > p > img.fl {float:left; margin-right:12px;}
.slideCon .section .imgBorder {border:1px solid #eee;}
.slideCon .imgCol > h3 {padding:19px 0px 5px; text-align:left;}
.slideCon .imgCol > h3:first-child {padding-top:0px;}
.slideCon .imgCol > p {padding-bottom:6px; text-align:left;}
.slideCon .imgCol ul {padding:0px;}
.slideCon .imgCol ul:after {display:block; visibility:visible; clear:both; content: "";}
.slideCon .imgCol ul li {float:left; width:50%; text-align:left;}

ul.dot {margin:0; padding:0;}
ul.dot li {padding-left:8px;color:#666; font-size:12px; line-height:18px; background:url("../images/common/bul_gray.png") no-repeat left 8px; -webkit-background-size:2px 2px; -moz-background-size:2px 2px; background-size:2px 2px;}

.table {border-top:1px solid #666; border-bottom:1px solid #666;}
.table > table {width:100%;}
.table > table thead tr th {padding:6px 0px; color:#333; font-size:12px; text-align:center; border-bottom:1px solid #666;}
.table > table tbody tr th,
.table > table tbody tr td {padding:7px 9px 6px; color:#666; font-size:12px; text-align:left; border-top:1px solid #ddd;}
.table > table tbody tr:first-child th,
.table > table tbody tr:first-child td {border-top:0px;}
.table > table tbody tr th {color:#333; background:#f9f9fa;}
.table > table tbody tr td p {color:#666; font-size:12px;}

.pageArr {font-size:0; line-height:0; text-align:center;}
.pageArr a {display:inline-block; width:28px; height:20px; cursor:pointer; vertical-align:8px;}
.pageArr a.arr-prev {margin-right:12px;}
.pageArr a.arr-next {margin-left:12px;}
.pageArr ul {display:inline-block;}
.pageArr ul li {float:left; height:8px; margin:0px 3px;}
.pageArr ul li a {display:block; width:8px; height:8px; margin:6px 0px; text-indent:-9999px; background:#969696; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.pageArr ul li a.on {background:#d40203;}

button {border:0; text-align:center;}
button.red {display:block; margin:20px auto 0px; padding:10px 23px 9px; color:#fff; font-size:13px; font-weight:bold; background:#d10203; border:0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

/*제품소개*/
.slideCon .section > h2 > img.logo {margin-left:5px; vertical-align:-6px;}

/*주요고객사*/
.customer h3 {padding-top:10px;}
.customer p {padding-top:3px;}

/*유지보수*/
.support h2 {padding-bottom:6px;}
.support > div {text-align:center;}


/*main*/
#container.mainWrap {padding:0px;}
.mainVisual {overflow:hidden; position:relative; width:100%; height:270px;}
.mainVisual .visualImg {position:relative; height:270px;}
.mainVisual .visualImg > div {position:relative; float:left; width:100%; height:270px;}
.mainVisual .visualImg > div > span {visibility:hidden;}
.mainVisual .visualImg > .visual1 {background:#333 url("../images/main/visual1.jpg") no-repeat center top; -webkit-background-size:auto 270px; -moz-background-size:auto 270px; background-size:auto 270px;}
.mainVisual .visualImg > .visual2 {background:#333 url("../images/main/visual2.jpg") no-repeat center top; -webkit-background-size:auto 270px; -moz-background-size:auto 270px; background-size:auto 270px;}
.mainVisual .visualImg > .visual3 {background:#333 url("../images/main/visual3.jpg") no-repeat center top; -webkit-background-size:auto 270px; -moz-background-size:auto 270px; background-size:auto 270px;}
.mainVisual .control {display:block; position:absolute; top:auto; right:0px; bottom:14px; left:0px; text-align:center;}
.mainVisual .control ul {display:inline-block;}
.mainVisual .control ul li {float:left; height:8px; margin:0px 3px;}
.mainVisual .control ul li a {display:block; width:8px; height:8px; text-indent:-9999px; background:#fff; opacity:0.6; filter:alpha(opacity:60); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.mainVisual .control ul li a.on {background:#f35c5c; opacity:1; filter:alpha(opacity:100);}
.mainSqaure {overflow:hidden; height:155px;}
.mainSqaure .fl {width:62%;}
.mainSqaure .fl > ul {height:100%; background:#f9f9fa;}
.mainSqaure .fl > ul > li {height:77px; border-top:1px solid #ddd;}
.mainSqaure .fl > ul > li:first-child {border-top:0px;}
.mainSqaure .fl > ul > li > p {width:100%; height:100%; text-align:center;}
.mainSqaure .fl > ul > li > p > a {display:inline-block; height:55px; margin:0px 10px; padding:22px 0px 0px 43px; color:#666; font-size:9px; text-align:left; background:url("../images/main/icon_sqaure.png") no-repeat; -webkit-background-size:50px auto; -moz-background-size:50px auto; background-size:50px auto;}
.mainSqaure .fl > ul > li > p > a > span {display:block; color:#444; font-size:13px; font-weight:bold;}
.mainSqaure .fl > ul > li > .manage > a {padding-right:20px; background-position:left 24px;}
.mainSqaure .fl > ul > li > .education > a {background-position:left -94px;}
.mainSqaure .fr {width:38%;}
.mainSqaure .locate {height:155px; text-align:center; border-left:1px solid #ddd;}
.mainSqaure .locate > span {display:block; height:21px; padding-top:58px; color:#444; font-size:13px; font-weight:bold; text-align:center; background:url("../images/main/icon_sqaure.png") no-repeat center -210px; -webkit-background-size:50px auto; -moz-background-size:50px auto; background-size:50px auto;}
.mainSqaure .locate > a {display:inline-block; width:65px; height:18px; margin:4px auto; padding:2px 0px 2px 8px; color:#777; font-size:10px; text-align:left; background:#fcfcfc url("../images/main/icon_sqaure.png") no-repeat right -285px; -webkit-background-size:50px auto; -moz-background-size:50px auto; background-size:50px auto; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

@media screen and (-webkit-device-pixel-ratio: 2) {
}