@CHARSET "UTF-8";


/* ceo  인사말 */
.ceogreeting{background: url('/images/visual/thumb1.png') no-repeat right 30px; }
.ceogreeting h4{line-height: 2em; font-size: 18px;  }
.ceogreeting h4 strong{font-family: "NanumGothicBold"; font-size: 24px; color:#3a7e9a;}
.ceogreeting .article{margin-top: 30px;  }
.ceogreeting .article p{margin-top: 10px; line-height: 24px; }
.ceogreeting .article p strong{margin-left: 10px; font-size: 18px; }

/* 회사 연혁 */
.history .slogan{ text-align: right; }
.history .slogan p{float: left; width:835px; line-height: 30px; margin-right: 20px;font-size: 16px; font-family: "NanumGothicBold" ; color: #000; }
.history .slogan p img{vertical-align: top; }

/* 조직구성도*/
.organization{position: relative; }
.organization h4 {position: absolute; top: 450px; left: 110px; line-height: 24px; font-size: 16px;color: #272727;}
.structure {text-align: center;}
.structure .ceo{width:242px; height: 244px; line-height: 244px; margin: auto; background: url('/images/common/bg_ceo.png') no-repeat 0 0; text-align: center; font-family: "NanumGothicBold" ; font-size: 20px;color: #fff; }
.structure .director{position: absolute; right: 110px; top: 250px; width:204px; height: 204px; line-height: 204px; background: url('/images/common/bg_director.png') no-repeat 0 0; text-align: center; font-family: "NanumGothicBold" ; font-size: 20px;color: #fff; }
.structure .director + img {position: absolute; right: 319px; top: 350px;  }
.structure > ul {margin-top: 15px; }
.structure > ul:after{content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
.structure > ul > li {float: left; width:135px; height: 118px; padding: 50px 30px 30px 30px; margin-left: 10px; background: url('/images/common/bg_hq.png') no-repeat 0 0 ; text-align: center; }
.structure > ul > li:first-child{margin-left: 0; }
.structure > ul > li .team{width: 460px; margin-top: 118px; margin-left: -162px; }
.structure > ul > li .team ul{margin-top: 15px; }
.structure > ul > li .team ul:after{content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
.structure > ul > li .team ul li {float: left; width: 102px; height: 84px; padding: 40px 20px 20px ; margin-left: 10px; background: url('/images/common/bg_team.png') no-repeat 0 0;  }
.structure  li h5 {font-size: 18px; color: #000;  }
.structure  li span{display: block; width: 40px; height: 4px; margin: 10px auto 14px;background: #6ba3bc; }
.structure  li p{line-height: 24px;font-size: 15px; color: #272727;  }
.structure  li.last {height: 133px; padding-top: 85px;}
.team  li h6 {font-size: 15px; color: #000;  }


/*오시는 길 */
.map:after{content:''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
.map>p {margin-bottom: 15px; font-size: 15px; }
#whoyaMap{float: left; width: 581px; height: 332px; margin-right:30px;  border: 1px solid #dedede;  }
.inform {float: right; width: 400px; }
.inform > div {margin-top: 30px; }
.inform > div:first-child{margin-top: 0; }
.inform > div h4{line-height: 18px; font-size: 18px; color: #000; }
.inform > div h4:before{content:""; display: block; float: left; width: 8px; height: 16px; margin-right: 10px; margin-top: 2px; background: #858585; }
.inform dl {line-height: 20px; margin-top: 15px; margin-left: 18px;  }
.inform dl dt{margin-top: 10px;font-size: 15px;font-family: "NanumGothicBold" ; color: #272727;  }
.inform dl dt:before {content: ''; display: block; float: left; width: 5px; height: 5px; margin-right: 5px; margin-top: 7px; background: #3a7e9a;}
.inform dl dd{margin-top: 5px; margin-left: 10px;  }
.inform dl dd span{display: inline-block; line-height: 15px; padding: 0 2px ; margin-right: 4px; margin-left: 10px; color: #fff; font-size: 11px;  }
.inform dl dd span:first-child{margin-left: 0; }
.inform dl dd .bus1 {background: #48952e; }
.inform dl dd .bus2 {background: #395cb3; }
.inform dl dd .bus3 {background: #48952e; }
.inform dl dd .bus4 {background: #dc1219; }
.inform dl dd .bus5 {background: #70b0e0; }
.inform dl dd .bus6 {background: #48952e; }

/*  ci 소개 */
.ci p{text-align: center}
.ci ul{margin-top: 60px; }
.ci ul:after{content:''; clear: both; display: block; width: 0; height: 0; overflow: hidden; }
.ci ul li{float: left; width: 203px; line-height: 24px; }
.ci ul li:first-child{width:206px;  }
.ci ul li > div {width: 170px;}
.ci ul li.black > div {width: 203px;}
.ci ul li span{display: block; width: 34px; height: 5px; margin-bottom: 5px;}
.ci ul li.blue span{background: #1e6fa7}
.ci ul li.orange span{background: #f15922}
.ci ul li.green span{background: #a6ce39}
.ci ul li.red span{background: #ff0000}
.ci ul li.black span{background: #000000}
.ci ul li strong{font-size: 18px; }
.ci ul li.blue strong{color: #1e6fa7}
.ci ul li.orange strong{color: #f15922}
.ci ul li.green strong{color: #a6ce39}
.ci ul li.red strong{color: #ff0000}
.ci ul li.black strong{color: #000000}



/* customer  notice*/
.notice{margin-bottom: 70px; }
.main .notice{margin-bottom: 0px; }
.search {float: right;height: 28px; margin-bottom: 10px; overflow: hidden;   }
.search select{width: 100px;  } 
.search input[type=text]{height: 26px;  border: 1px solid #a1a1a1;}
.search input[type=button]{height: 26px; margin: 0; padding: 0 10px; background: #424242; border: 0 none; overflow: visible;  color: #fff; cursor: pointer; }
.paging {margin-top: 20px; text-align: center; }
.paging input[type=text]{width: 45px; height: 20px;  border: 0 none; text-align: center;}
.paging input[type=button]{height: 20px; margin: 0; padding: 0 4px; background: #efefef; border: 1px solid #a1a1a1; overflow: visible;  color: #626262; cursor: pointer; }
.paging input[type=button]:hover, .paging input[type=button]:focus, .paging input[type=button].active{background: #424242; color: #fff; }
.tle{float: left; margin-right: 10px; font-size: 17px; color:#3a7e9a;}
.file_set {position: relative; width: 577px;  margin-left: 70px;margin-top: 10px;padding: 10px 20px; border: 1px solid #dedede;  }
.file_set input[type=checkbox]{margin-right: 5px;}
.file_set .btn{position:absolute; bottom: 10px; right: 20px; }
.explain{line-height: 32px; font-size: 11px;color: #858585 }

/* online 문의 */
.online .tbl1 select{width: 200px; }
.aggree_box h4{color: #424242;}
.aggree_box dl{margin-left: 30px;font-size: 12px; line-height: 20px;  }
.aggree_box dl dt{color: #585858; }
.aggree_box dl dd{margin-left: 20px; color: #858585;}
.aggree_box dl dd.so_tle{margin-left: 10px; }
.aggree_box span{display: block; margin-top: 20px; text-align: right; }

/* 기술자료  */
.fileName{margin-right: 20px; }

.example td img{width: 250px; border: 1px solid #afafaf; }
.example td dt{font-size: 15px; color: #272727; font-weight:bold }
.example td dd.detail{margin-top: 7px;}
.example td dd.detail p:before{background: none; width:0; height; 0; margin:0; text-indent: 0;}
.example td dd.detail p span{display: inline-block; width: 50px; height: 25px; line-height: 25px; margin-right: 10px; border-radius: 25px; text-align: center; }
.example td dd.detail p span.system{background:#f58220; color: #fff; }
.example td dd.detail p span.etc{background:#dedede; color: #272727; }


/* Member  */
.member {position: relative; }
.login_area:after{content:''; display: block; clear:both; width:0; height: 0; overflow: hidden; }
.member h3{position: absolute; top: 528px; left: 20px; color:#fff;}
.member h3 + p {position: absolute; top: 565px; left: 20px; }
.member .login_box {position: relative; float: left; width: 400px; margin-top: -60px; margin-left: 20px; padding: 15px; background: #fafafa; border: 1px solid #dedede; z-index: 10 }
.member .login_box .log_inform{line-height: 32px; }
.member .login_box .log_inform label{display: inline-block; width: 65px;}
.member .login_box .log_inform input[type=text], .member .login_box .log_inform input[type=password]{width: 250px; height: 27px; line-height: 27px; padding: 0 6px;; border: 1px solid #a1a1a1; box-sizing: border-box;}
.member .login_box .btn{position: absolute; display: block; width:75px; height: 59px; line-height: 55px; top: 16px; right: 15px;padding:0; background: url('/images/common/bg_btnLogin.gif') no-repeat 0 0;  color: #fff; text-align: center; }
.member .login_box .check{line-height: 24px; margin-left: 70px; margin-top: 4px;  }
.member .login_box .check input[type=checkbox]{margin-right: 4px; vertical-align: middle; }
.member .find{position: relative; float: left; margin-top: -60px; margin-left: 20px; z-index: 10;}
.member .find p{line-height: 24px; color: #858585; font-size: 11px;  }

.member .box{position: relative; float: left; width: 320px; margin-top: -60px; margin-left: 20px; padding: 15px; background: #fafafa; border: 1px solid #dedede; z-index: 10 }
.member .box dl{height: 40px; }
.member .box dl dt{padding-bottom: 10px; border-bottom: 1px solid #dedede;color: #272727; font-size: 15px;  }
.member .box dl dd{line-height: 18px; margin-top: 10px; color: #858585;font-size: 11px;  }
.member .box div{height: 115px; margin-top: 50px; }
.member .box div p{line-height: 30px; }
.member .box div label{display: inline-block; width: 70px; }
.member .box input[type=text]{width: 240px; height: 27px; line-height: 27px; padding: 0 6px;; border: 1px solid #a1a1a1; box-sizing: border-box;}
.member .box .btn_area{margin-right: 8px; }

.member form#loginVO {position:relative; width: 72%;  margin-top: -60px; margin-left: 20px;   }
.member .tbl1 th, .member .tbl1 td{padding: 15px; }
.member .tbl1 input[type=text], .member .tbl1 input[type=password]{height: 24px; line-height: 24px; padding: 0 8px; border: 1px solid #a1a1a1; box-sizing: border-box; vertical-align: middle; }
#usrid{width: 80%; }
#usrid.usrid{width: 80%; }
#usrid.usrid{width: 240px; }
#usrid.usrid2{width: 250px; }
.member form.loginVO#loginVO{width: 100%; margin-top: 50px; margin-left: 0;  }
#loginVO input[type=password]{width:100%}
.member form .tbl1 span{display: block; color: #858585; font-size: 11px; }

.support h3{float: none; }
.mainConts{margin-top: 40px; }
.mainConts h4{color: #272727; font-size: 15px; }
.mainConts p {line-height: 24px; margin-top: 12px;}
.mainConts .img_area{margin-top: 20px; text-align: center;}
.mainConts table{margin-top: 15px; }
.mainConts table td{padding:20px; border-left: 1px solid #d2d2d2}
.mainConts table td p{margin:0;}
.mainConts table th{padding: 20px; color: #272727; font-size: 15px; }