

html, body { margin:0px;padding:0px; font-family:¸¼Àº°íµñ, 'Malgun Gothic','Nanum Square', sans-serif; font-size:15px;color:#666666;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px;box-sizing:border-box; }

li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}

/* ÀÏ¹Ý ¸µÅ© ½ºÅ¸ÀÏ ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #bababa; text-decoration: none;}

.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}

/* Form ÅÂ±× ¼³Á¤ ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;}

select.txtbox, input[type="file"] {
  height:26px;
  line-height: 30px;
  background-color:white;
}


#popupWrap {position:relative;width:100%; *zoom:1;background-color:#FFF;box-sizing:border-box;}
#popupWrap h2 {float:left; font-size:18px; text-align:left; background-color:#38445d; color:#fff; width:100%; line-height:30px; padding:15px 10px 10px 20px; letter-spacing:-2px; box-sizing:border-box;}
#popupWrap h2:after {content:""; clear:both; display:block; height:0; visibility:none;}
#popupWrap span.close {cursor:pointer; position:absolute; top:15px; right:20px;}
#popupWrap img {vertical-align:middle;}
#popupWrap .subContents {clear:both;width:98%;margin:0 auto;padding-top:20px;}


.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:503; }
.ui-dialog .ui-dialog-titlebar {padding: .4em 1em; position: relative; display: none; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em;	top: 50%; width: 21px; margin: -10px 0 0 0; padding: 1px; height: 20px; }
.ui-dialog .ui-dialog-content {	position: relative;	border: 0; background: none; overflow: auto; background: #ffffff; color: #333333; }
.ui-widget-overlay {position: fixed; top: 0; left: 0;width:100%;height:100%; z-index:102;background:#000000 repeat;opacity: .5; filter: Alpha(Opacity=50);}


	
	.vw_content img {max-width: 890px;height:auto;}

	.Wid05 { width: 5%;}
	.Wid10 { width: 10%;}
	.Wid15 { width: 10%;}
	.Wid20 { width: 20%;}
	.Wid25 { width: 20%;}
	.Wid30 { width: 30%;}
	.Wid35 { width: 35%;}
	.Wid40 { width: 40%;}
	.Wid50 { width: 50%;}
	.Wid60 { width: 60%;}
	.Wid65 { width: 65%;}
	.Wid70 { width: 70%;}
	.Wid80 { width: 80%;}
	.Wid90 { width: 90%;}
	.Wid98 { width: 98%;}

	.tableSearch {text-align:left; margin-bottom:10px; width:100%;}
	.tableSearch:after {content:""; display:block; clear:both;}
	.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px;  font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:13px; cursor:pointer;}
	.tableSearch .alignRight {float:right;}

	table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 3px #0f2c4f; border-bottom:solid 2px #dedee1; font-size:14px; width:100%;color:#444; }
	table.tableList th {background-color:#f3f3f6; line-height:19px; padding:15px 5px 15px 5px; font-weight:600; font-size:14px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;}
	table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:23px; padding:15px 15px 15px 15px; letter-spacing:-1px;}
	table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
	table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
	table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}

	table.tableList input {border:solid 1px #bbb; border-radius:5px; padding:2px;}
	table.tableList select {border:solid 1px #bbb; border-radius:5px; padding:2px;}

	#sub {width:100%; text-align:center; *zoom:1; overflow:hidden;}
	#sub:after {content:""; display:block; clear:both;}

	#subTop {width:100%; background:url(/images/bg/bg_subTop.jpg) top center no-repeat; height:190px; overflow:hidden;  }
	#subTop p {width:1200px; margin:0 auto; text-align:center;}

	#subTop02{  border-top: solid 1px #ededed;}


	#sub .subCate {height:45px;  line-height:45px;  background:#f6f6f6; border-bottom:solid 1px #ededed;  box-sizing:border-box; overflow:hidden;}
	#sub .subCate .subCateNavi {width:1200px; margin:0 auto; position:relative;}
	#sub .subCate p {float:left; text-align:left; font-size:14px;  color:#888; }
	#sub .subCate span { color:#444;  padding:0 15px; box-sizing:border-box; }
	#sub .subCate .subCateNavi .here{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; margin:0 0px 0 20px; }
	#sub .subCate .subCateNavi img{color:#444; padding:18px 0; }


	#subRight {float:right; width:920px;  }
	#subRight .subTit {border-bottom:solid 1px #9a9a9a; overflow:hidden;}
	#subRight .subTit h3 {text-align:center; font-size:24px; font-weight:700; color:#000;   letter-spacing:-1.8px; padding:45px 0 23px 0px; color}
	#subRight .subTit h3 span {background: linear-gradient( to top, #e7f899 50%, transparent 50% );}

	#subContents {width:1200px; margin:0 auto; overflow:hidden;}

	#subLeft {float:left; width:210px; }
	#subLeft h2 {font-size:20px; font-weight: 700; color:#fff; box-sizing:border-box; margin:30px 0 5px 0; text-align:center; line-height:70px; background:#f7921c; border-radius:7px; 
	border-bottom:2px solid #eaeaea; letter-spacing:-2px;}
	#subLeft ul {border:1px solid #dfdfdf; border-radius:7px; margin-bottom:25px; overflow:hidden;}
	#subLeft ul li {line-height:45px; border-bottom:solid 1px #e9e9e9; }
	#subLeft ul li:nth-last-of-type(1){border-bottom:none; border-radius:0 0 10px 10px;}
	#subLeft ul li a:nth-last-of-type(1){border-bottom:none;}

	#subLeft ul li a {display:block; font-size:15px; letter-spacing:-1px; color:#333; padding-left:30px;   text-align:left;}
	#subLeft ul li a:hover { color:#333e48; }
	#subLeft ul li a.selected {  text-decoration:none;  background:url(/images/bg/bg_leftPointer.png) 90% center no-repeat; background-color:#f8f8f8; border-bottom:1px solid #9a9a9a;   }



	#subLeft .subCall {border: 3px solid #dbe2e1; text-align:left; border-radius:10px; overflow:hidden; margin-bottom:60px; padding:20px 10px 20px 28px; box-sizing:border-box; letter-spacing:-1px;}
	#subLeft .subCall dt {line-height:24px; font-size:14px; color:#fff; font-weight:700;  width:70px; background:#85bbca; border-radius:30px; text-align:center;}
	#subLeft .subCall dd {font-family:'¸¼Àº°íµñ', sans-serif;  box-sizing:border-box; padding-top:10px; color:#333;}
	#subLeft .subCall dd p { font-weight:700;  font-size:24px; }
	#subLeft .subCall dd p.subCallFax{ font-size:15px;font-weight:normal;  letter-spacing:0.1px;}

	#subPage {line-height:30px; width:920px; text-align:left; font-size:15px; margin:30px 0;}



	#center .subTabMenu{width:100%;; height:56px; overflow:hidden;  border-left:1px solid #cacaca;}
	#center .subTabMenu li{ width: 33.33333333333333%; border:1px solid #cacaca;   border-left:none; overflow:hidden; line-height:54px; float:left; text-align:center; box-sizing:border-box; }
	#center .subTabMenu li a{ display:block; color:#595959; text-decoration:none;   background:fff;  }
	#center .subTabMenu li .selected {  color:#323232;  font-weight:600; line-height:56px; border:1px solid #000;}

	#center .subTabMenu02{width:100%; height:56px; overflow:hidden; border-left:1px solid #cacaca;}
	#center .subTabMenu02 li{ width: 50%; border:1px solid #cacaca; overflow:hidden;  border-left:none; line-height:54px; float:left; text-align:center; box-sizing:border-box; }
	#center .subTabMenu02 li a{ display:block; color:#595959; text-decoration:none;   background:fff;  }
	#center .subTabMenu02 li .selected {  color:#323232;  font-weight:600; line-height:56px; border:1px solid #000;}

	#service .serviceTab {width:740px; margin:0 auto; border-bottom:1px solid #888;  border-right:1px solid #888; overflow:hidden; margin-bottom:40px; }
	#service .serviceTab li{ float:left; border-left:1px solid #888;  border-top:1px solid #888; width:185px; line-height:50px;    text-align:center;}
	#service .serviceTab li a{font-size:14px; color:#444; display:block; letter-spacing:-0.8px;}
	#service .serviceTab li:nth-last-of-type(1){ border-right:none; }
	#service .serviceTab li a.selected {  color:#359923;  font-weight:700;}

	#intro .productTab{overflow:hidden; width:660px; margin:0 auto;}
	#intro .productTab li{float:left; margin-right:30px; width:200px; line-height:50px; border:1px solid #f6b857; box-sizing:border-box; text-align:center; border-radius:5px;}
	#intro .productTab li .selected{font-weight:700; color:#ec6f1c;}
	#intro .productTab li:nth-last-of-type(1){ margin-right:0px; }
	
	#intro .mailBox{width:100%; background:#ff825e; color:#fff; margin:40px 0 50px 0; padding:20px 10px; word-break:keep-all; text-align:center; line-height:24px;}
	#intro .mailBox span{display:block; }
	#intro .menuBtn {float:right; width:180px; border-radius:5px; border:1px solid #888; background:#fff; text-align:center; line-height:50px; margin-top:50px;}


	.subTab01{overflow:hidden; width:100%; margin-bottom:30px; }
	.subTab01 li{float:left;  border:1px solid #dedede; box-sizing:border-box; width:24%; margin-right:1%; height:45px; line-height:45px; text-align:center;}
	.subTab01 li:nth-last-of-type(1){margin-right:0%;}
	.subTab01 li.select{border:1px solid #f7921c; font-weight:700;}

	.subTab02{overflow:hidden; width:100%; margin-bottom:30px; }
	.subTab02 li{float:left;  border:1px solid #dedede; box-sizing:border-box; width:32.66666666666667%; margin-right:1%; height:45px; line-height:45px; text-align:center;}
	.subTab02 li:nth-last-of-type(1){margin-right:0%;}
	.subTab02 li.select{border:1px solid #f7921c; font-weight:700;}




