body{font-family:NanumSqR; font-size:15px; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/}

/*layout*/

.subVisualArea {background-repeat:no-repeat; background-position:center;}
.subVisualArea.detail {width:1100px; margin:0 auto;}


#cont{width:1100px; margin:0 auto;}


h1{color:red; font-size:30px;}
h2{color:black; font-size:20px; width:100%; padding:20px 0 0; text-align:center; box-sizing:border-box;}
h2.protit{border-bottom:solid 2px #817f7f;}
h3.BulletRed{font-size:24px; background:url('../images/bullet_red.png') 10px 20px  no-repeat; padding:0 0 0 35px; height:50px; line-height:50px; float:left;}

#cont > h2 {font-family:NanumSqEB; font-size:30px; text-align:center; color:#3f3f3f;padding: 25px;}
#cont > h2 > span {color:#ffb454;}


	/*about*/
.intro{width:100%; text-align:left; font-size:14px; line-height:24px; margin-bottom:12px; display:inline-block;}
.intro span{font-weight:bold; font-size:24px; color:#4d4d4d; text-align:left; line-height:25px;}
.visionWrap {padding:0 50px;}
.vision1{font-size:18px; font-family:NanumSqR; line-height:20px; text-align:left; color:#4f4f4f;}
.vision{font-size:15px; line-height:24px; text-align:left;}
.mapcontact{width:100%; text-align:left; font-size:15px; line-height:28px; display:inline-block; color:#4f4f4f; padding:0 50px 30px 30px;}
.mapcontact span{display:inline-block; padding:0 30px 0 10px;}
.mapcontact > span{padding:0; margin-right:20px;}
.mapcontact .telCell {color:#535353; padding:0; padding-top:10px;}
.mapcontact .telCell span {padding:0 20px 0 50px;}

.HamContentsText{border:solid 1px #dbdbdb; background:#e9e9e9; height:45px; line-height:45px; padding:0 30px 0 45px; font-size:14px; font-weight:bold; cursor:pointer;}
.HamContentsText .arrow2 {display:none;}
.HamContentsText img{vertical-align:middle;}
.HamContentsCon{display:none; background:#f6f7f8; text-align:center; vertical-align:middle;}
.HamContentsCon img{padding:25px;}
.btn_hamburger{float:right;}


.AboutIMG{text-align:left;}
.AboutMentBox{display:inline-block; vertical-align:top; padding:0 0 0 55px; width:500px;}
.AboutMentBox p{color:#010100; font-size:15px; line-height:30px;}
.AboutMent{font-size:14px; width:100%;  background: url('../../basic/images/About_titlebg.png') 0px 0px no-repeat; color:#010100 !important; display:inline-block;}
.AboutBox{width:512px; height:227px; text-align:left; display:inline-block;}
.AboutBox_gray{padding:44px 0 0 45px; font-size:30px; font-weight:bold; color:#fff;}
.AboutBox_white{padding:0 0 0 40px; font-size:50px; font-weight:bold; color:#888;}
.mt20{margin-top:20px;} .mt40{margin-top:40px;}

.introleft{float:left; width:510px;}
.ProMaintit{font-family: NanumSqR; font-size:25px; font-weight:bold; line-height:37px;}
.ProSubtit{font-size:18px; line-height:30px; padding:10px 0;}
.ProDesc{font-size:14px; line-height:23px; padding:0px; margin:0 0 20px 0;}
.introright{float:right;}


	/*Product*/
.product{border-top:solid 0px #d1d1d1; border-left:solid 1px #d1d1d1; width:1080px; font-size:0px; text-align:left;}
.pro{border-right:solid 1px #d1d1d1; border-bottom:solid 1px #d1d1d1; width:270px; height:355px; display:inline-block; box-sizing:border-box; vertical-align:top;}
.pro p{font-size:14px; font-family:Nanum Gothic; font-weight:bold; color:#333333; text-align:center; width:100%; display:block; margin:0 0 0 0; line-height:20px; margin-top:34px;}
.pro span{font-size:13px; color:#212122;}
.pro span:first-child {color:#535353;}
.pro .goods{width:230px; height:230px; position:relative; margin-left:20px; margin-top:30px; box-sizing:border-box; overflow:hidden;}
.pro .goods img {position:absolute; top:0; left:0; width:230px; height:230px;}
.pro.Topline{border-top:solid 1px #d1d1d1;}
/*product view*/
.detailview1{margin:0px; padding:0 0 24px 0; width:1080px; display:inline-block;}
.detailview1 .leftv{width:570px; min-height:570px; float:left; text-align:left;}
.detailview1 .rightv{position:relative; width:510px; min-height:570px; float:right; text-align:left;}
.detailview2{clear:both; width:1040px; display:inline-block; text-align:center; margin:0px; padding:20px}
.thumcon{width:630px; height:565px; display:inline-block;  box-sizing:border-box;}
.thumbig{position:relative; clear:both; margin:0px; padding:0px; width:570px; height:570px; text-align:center; display:inline-block; vertical-align:bottom; box-sizing:border-box;}
.thumbig img {position:absolute; top:0; left:0; width:570px; opacity:1;}
.thumsmall{position:absolute; bottom:0; left:0;/*margin:240px 0 0 0;*/}

ul.thums{margin:0px; padding:20px 0; list-style:none; box-sizing:border-box;}
ul.thums li{box-sizing:border-box; border:solid 1px white; float:left; margin:1px; padding:0px;  width:125px; height:125px; text-align:center;}
ul.thums li img {width:120px; height:120px; cursor:pointer;}
ul.thums li.ov{box-sizing:border-box; border:solid 1px #d2d2d2;}
ul.thums li:hover{border:solid 1px #ffa949; box-sizing:border-box;}
.detailview2{clear:both; width:1060px; text-align:center; margin:0px; padding:80px 10px; display:inline-block;}
.detailview3{clear:both; width:1080px; text-align:center; margin:0px; padding:0px; display:inline-block;}

.detailCon{border:solid 0px red; padding:0 0 20px 0;}
.detailview4{clear:both; border:solid 0px; box-sizing:border-box; margin-top:30px;}
.detailTXT{height:50px; line-height:50px; vertical-align:middle; padding:0 20px 0 0px; cursor:pointer; background:#f1f1f1;}
.detailTXT .arrow2 {display:none;}
.detailTXT img{vertical-align:middle;}
.Product_name{position:absolute; top:90px; left:15px; font-size:46px; color:#333; /*margin:90px 0 0 15px;*/ font-weight:bold;}
.Product_name .subText {font-size:24px; line-height:57px; color:#3a3a3a; padding-left:2px;}


table.PDFdownload{width:100%; margin:0px auto; padding:0px; border-collapse:collapse; color:#333 font-size:14px;}
table.PDFdownload tr td{font-size:13px; border:solid 1px #cecece; height:52px; text-align:center;}
table.PDFdownload tr th{color:#393939; text-align:center; border:solid 1px #cecece; height:52px; font-weight:normal;}
table.PDFdownload tr th.LeftBold{color:#333; text-align:left; font-size:18px; font-weight:bold; padding-left:45px;} 
table.PDFdownload tr td.ts{border-left:0px;} table.PDFdownload tr td.te{border-right:0px;}
table.PDFdownload tr th.ts{border-left:0px;} table.PDFdownload tr th.te{border-right:0px;}


table.prodectspec{width:1000px; margin:0px auto; padding:0px; border-collapse:collapse;}
table.prodectspec tr td{font-size:13px; color:#393939; border:solid 1px #cecece; text-align:left;}
table.prodectspec tr th{font-size:13px; color:#393939; text-align:left; border:solid 1px #cecece; width:180px; padding:10px 20px; padding-left:40px; margin:0 0 0 80px; background:#e5e5e5;}
table.prodectspec tr td{padding:15px 10px 15px 40px; background:white;}

table.specnum {margin:0; padding:30px; margin-top:100px; line-height:25px;}
table.specnum tr, table.specnum th, table.specnum td{border:0px; padding:0px 30px;}
table.specnum tr th{width:130px; color:#878787; font-size:13px; padding:20px; text-align:left;}
table.specnum tr td.spec1{color:#535353; font-size:13px; font-weight:bold; height:50px;}
table.specnum tr td.spec1 span{color:#676668; font-size:13px; font-weight:bold; }
table.specnum tr td.spec3{color:#292929; font-size:13px; height:50px;}
table.specnum tr td.spec4{color:#292929; font-size:13px; height:50px;}

/*license*/
.clie{width:530px; height:240px; box-sizing:border-box; float:left; border:solid 1px #d9d9d9; padding:10px; margin:0 0 20px 0;}
.clie img{padding:30px 10px; vertical-align:top; float:left; display:block;}
.clie span{display:inline-block; width:290px; font-size:15px; color:#4e4e4e; line-height:24px; text-align:left;}
.clie span.logotit{width:250px; font-family:NanumSqR; font-weight:normal; font-size:18px; color:#4d4d4d; display:inline-block; text-align:left; padding:20px 0 15px 20px;}
.mr20{margin-right:20px;} .mt30{margin-top:30px;}
.logotitbig{font-size:20px; font-weight:bold;}

.schoollist{border-bottom:solid 1px #9c9c9c;  font-size:13px; font-weight:bold;}
.schoollist div{width:1070px; font-size:13px; font-family:NanumSqR; color:#4e4e4e; border:solid 0px red; padding:35px 0 20px 0; background:url('../images/bbs_arrow01.png') right 19px no-repeat; cursor:pointer;}
.schoollist .listBar table {width:500px; border-collapse:collapse; margin:0 auto;}
.schoollist .listBar table td {padding:0;}
.schoollist .listBar table .barCell {width:20px; color:#ffb454; text-align:center;}
.schoollist div.on{width:1070px; border:solid 0px red; padding:35px 0 20px 0;  background:url('../images/bbs_arrow02.png') right 19px no-repeat;}
.schoollist > span{clear:both; margin:0 0 40px 0; display:block; text-align:left;}
.schoollist > span.off{display:none;}
.schoollist p{border-bottom:solid 1px #dedcdc; padding:30px 0px 20px 0; margin:0 5px; width:255px;  font-size:18px ;line-height:30px; font-weight:normal; display:inline-block; text-align:left;}



/*history*/
table.history{border-collapse:collapse; width:100%; margin:0px;}
table.history tr{}
table.history tr th{vertical-align:middle; font-weight:bold; font-size:24px; color:#555; height:70px;}
table.history tr th.BGline{background: url('../images/history_line.png') top center repeat-y;}
table.history tr th.BGnull{background:white;}
table.history tr td{font-size:14px; text-align:left; padding:0 0 0 50px; line-height:25px; vertical-align:middle}
table.history tr td span{font-size:20px; font-weight:bold;}

/*Certfication*/
ul.Certfication{list-style:none; background:gold; font-size:14px; color:#333;}
ul.Certfication li{float:left; padding:20px 6px; background:pin; text-align:center; font-weight:bold; height:200px; vertical-align:middle;}

.certify{clear:both; border:solid 0px; box-sizing:border-box; margin-top:30px;}
.certifyTXT{height:50px; line-height:50px; vertical-align:middle; padding:0 20px 0 0px; cursor:pointer;}
.certifyTXT .arrow2 {display:none;}
.certifyTXT img{vertical-align:middle;}

.btn_hamburger{float:right;}

.CertifyPaper{ border:solid 0px red; padding:0 0 20px 0; display:none;}
.CertifyPaper img {width:100%;}
/*
.CertifyPaper ul{list-style:none; margin:0px; padding:0px;}
.CertifyPaper ul li{float:left; padding:0px; margin:0px; text-align:left; vertical-align:middle;}
.CertifyPaper ul li img{border:solid 0px red; padding:0 30px 30px 0;}
.CertifyPaper ul li.endthum img{padding:0 0 30px 0;}
*/

/*Board*/

input{height:20px;}

div.privacyMount{font-size:13px; border:solid 1px #bcbcbc; width:1080px; height:200px; overflow:hidden; margin-bottoM:10px;}
div.privacy_agree{font-size:13px; height:100%; overflow-y: scroll;  overflow-x: hidden; padding: 10px 10px; text-align:left;}
table.consultation{border-top:solid 1px #d1d1d1; border-collapse:collapse; width:100%; margin:30px 0;}
table.consultation td{font-size:13px; border-bottom:solid 1px #d1d1d1; height: 25px; text-align:left; padding:10px 0 10px 20px;}
table.consultation th{font-size:13px; color:#4e4d4d; text-align:left; border-right:solid 1px #d1d1d1; padding-left:50px; border-bottom:solid 1px #d1d1d1;}
table.consultation td span{font-size:12px; padding:0 0 0 20px;}
table.consultation td input{margin:5px 0px; border:solid 1px #808080; padding:3px;}
table.consultation td.addFileCell input {background-color:#eeeeee;}

/*btn*/

.btnbase{display:inline-block; border:solid 1px #989898; padding:5px 15px; margin:0 10px; font-size:12px; text-decoration:none; background:#f7f7f7;}
.btnarea{width:100%; padding:20px; text-align:center;}
.btnarea img{vertical-align:middle;}
.btnarea input{vertical-align:middle;}
.bbsbtn{font-size:20px; background:#838383; padding:15px; display:inline-block; width:200px;  color:white!important; cursor:pointer; text-decoration:none;}
.bbsbtn:hover{background:#444;}
.btnmore{width:120px; padding:20px; /*border:solid 1px;*/ color:#35ade6; font-size:15px; font-weight:bold; text-decoration:none; display:inline-block;}
.btnmore:hover{/*border:solid 1px;*/ color:white; background:#de1f26;}

/*tab style1 green*/
.defaultab ul{font-family:NanumSqR; list-style:none; margin:0px; padding:15px 0; padding-left:20px; font-weight:bold;}
.defaultab ul li{display:inline-block; font-size:15px; padding:0 25px; border-left:solid 1px #333333;}
.defaultab ul li:first-child {border-left:0;}
.defaultab ul li.ov{color:#de1f26;}
.defaultab ul li a {color:#4f4f4f;}
.defaultab ul li a:hover {color:#de1f26;}
.defaultab ul li.ov a {color:#de1f26;}

.tab1depth{width:100%; height:20px; font-family:NanumSqR; text-align:left; padding-top:40px; padding-left:5px; display:inline-block;}
.tab1depth ul.tabs2{font-size:13px; color:#4f4f4f; list-style:none; margin:0px; padding:0px; font-weight:bold;}
.tab1depth ul.tabs2 li{display:inline-block; padding:10px 5px; /*background:url('../images/tab_arrow.png') right no-repeat;*/}
.tab1depth ul.tabs2 li img {vertical-align:middle; padding-bottom:2px;}
.tab1depth ul.tabs2 li a {color:#4f4f4f;}
.tab1depth ul.tabs2 li.over{background:none; /*border: solid 1px #35ade6;*/ /*margin:0 0 0 30px;*/ color:#de1f26;}
.tab1depth ul.tabs2 li.over a {color:#de1f26;}
.tab1depth ul.tabs2 li.on{background:none; padding:10px 30px; color:#de1f26;}

table.tab {width:100%; margin:60px 0; padding:0px; border-spacing:0px;}
table.tab tr {border-bottom:solid 1px #cbcdcc;}
table.tab tr th {background:#91c537; line-height:20px; margin:30px 0; padding:20px 10px; color:white; border-top:solid 1px #cbcdcc; border-bottom:solid 1px #cbcdcc; text-align:left;}
table.tab tr td {border-top:solid 1px #cbcdcc; border-bottom:solid 1px #cbcdcc; text-align:left; padding:12px 0;}
table.tab th.cateHeader {text-align:center;}

.ProMe {font-family:NanumSqR; border-collapse:collapse; border-spacing:0;}
.ProMe tr {border:0 !important;}
.ProMe td {padding:10px 0 !important; font-size:14px; color:#333333; border-top:0 !important; border-bottom:0 !important;}
.ProMe td a {display:block; width:100%; height:100%; padding:0 25px; text-align:left; box-sizing:border-box; border-left:solid 1px #333333;}
.ProMe.productInlineCell {width:100%;}
.ProMe.productInlineCell td a {padding:0 10px;}
.ProMe td:first-child a {border-left:0;}
.ProMe td a, .ProMe td a:visited, .ProMe td a:active {color:#333333;}
.ProMe td a:hover {color:#de1f26;}
.ProMe td.ov a {color:#de1f26;}



	/*common*/
.tbr{border:solid 1px red;}.tbb{border:solid 1px blue;} tbg{background:red;}
.ColorBlack{color:#333}
.colorgreen{color:#89bc5f !important;}
.mr20{margin-right:20px;} .ml30{margin-left:30px;}  .ml50{margin-left:50px;} .mt50{margin-top:50px;} .pt50{padding-top:50px;} .mb30{margin-bottom:30px;}  .tbp5{padding:5px 0; } 
.foatleft{float:left;}
.reset{margin:0px; padding:0px; clear:both;}
.formstyle{font-size:13px; display:block; width:100%; text-align:left; padding:0px; height:20px; line-height:20px;}
.formstyle input{vertical-align:middle;}
.FonmMiddle input{vertical-align:middle;}

/*퀵메뉴*/
.quickmenu {position: absolute; left:50%; font-family:NanumSqR; margin-left:620px;}
.quickmenu table {font-size:14px; margin: 0px; padding: 0px; width: 170px; border-spacing: 0px;}
.quickmenu table th {margin: 0px; padding: 0px; width: 43px; cursor:pointer;}
.quickmenu table td {margin: 0px; padding: 0px; padding-left:10px; text-align: left; border: solid 0px red; background-color:#eeeeef; border-bottom:1px solid #ffffff;}
.quickmenu table td a {color:#333; font-weight:bold;}
.quickmenu table td a:hover {color:#de1f26;}

/*푸터아이콘*/
.csTitle {margin-top:300px;}
#mainCsArea .csTitle {margin-top:80px;}
.footericon{width:1100px; margin-bottom:60px; font-family:NanumSqR;}
.footericon dl{margin:0px; padding:0px; text-align:left; font-size:0;}
.footericon dl dd{display:inline-block; margin:0; margin-right:100px; padding:0; width:200px; height:210px; border:solid 1px #b6b6b6; text-align:center; font-size:17px; font-weight:bold; color:#333333; vertical-align:top; box-sizing:border-box; cursor:pointer;}
.footericon dl dd.alignend{margin:0px; padding:0px;}
.footericon dl dd .imgCell {height:130px; line-height:140px; text-align:center;}
.footericon dl dd .imgCell img {vertical-align:middle;}
.footericon dl dd .imgCell .overImg {display:none;}
.footericon dl dd .textCell {vertical-align:bottom;}

/*사이트맵*/
.sitemapTable {width:100%; font-family:NanumSqR; color:#3d3d3d; font-size:13px; border-collapse:collapse;}
.sitemapTable th {text-align:left; padding:15px 30px; border:solid 1px #aeaeae;}
.sitemapTable th.pdtTitle {text-align:center;}
.sitemapTable td {font-weight:bold; text-align:left; vertical-align:top; padding:15px 30px; border:solid 1px #aeaeae; border-top:solid 2px #aeaeae;}
.sitemapTable td.productCell1 {border-right:0;}
.sitemapTable td.productCell2 {border-left:0;}
.sitemapTable td ul {list-style:none; margin-bottom:15px;}
.sitemapTable td ul:last-child {margin-bottom:0 !important;}
.sitemapTable td ul li a {color:#3d3d3d;}
.sitemapTable td ul li a:hover {color:#35ade6;}
.sitemapTable td ul.pdtList {margin-bottom:30px;}
.sitemapTable td ul.pdtList ul.pdtListSub li {font-weight:normal; margin-top:12px; word-wrap:break-word; word-break:break-all;}