

html, body {margin:0px; padding:0px; color:#444; font-family: '¸¼Àº °íµñ', sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px; padding:0px; }

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;
}

.alignCenter {text-align:center;}



.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; z-index:9503; }
.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: .3; filter: Alpha(Opacity=30);}




	.vw_content img {max-width: 900px;height:auto;}

	.Wid05 { width: 5%;}
	.Wid10 { width: 10%;}
	.Wid15 { width: 15%;}
	.Wid20 { width: 20%;}
	.Wid25 { width: 25%;}
	.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:left; *zoom:1;}
	#sub:after {content:""; display:block; clear:both;}

	#subTop {width:100%;  background-color:#e6f4ff; overflow:hidden; height:200px;}
	#subTop p {width:1200px; margin:0 auto; text-align:center; }

	#subTit {height:90px; border-bottom:solid 1px #e2e2e2; text-align:center;}
	#subTit .subTitNavi {width:1200px; margin:0 auto; position:relative;}
	#subTit .subTitNavi h2 {font-size:27px; letter-spacing:-2px; font-weight:700; color:#333; line-height:83px; padding-top:7px;}
	#subTit .subTitNavi .subCate {position:absolute; top:50px; right:5px;}
	#subTit .subTitNavi .subCate p {text-align:left; font-size:14px; color:#666; line-height:13px; letter-spacing:-.5px;}

	#subContents {width:1200px; margin:0 auto; margin-bottom:80px;}
	#subContents:after {content:""; display:block; clear:both;}


	#subPage {clear:both; width:100%; margin:0 auto;}
	#subPage:after {content:""; display:block; clear:both;}


	#subLeft {float:left; width:220px;  margin-top:40px;}
	#subLeft h2{width:220px; margin-bottom:10px; background:#99bb1e; border-radius:5px; text-align:center; font-size:26px; color:#fff; height:70px; line-height:70px; font-weight:normal;}
	#subLeft ul{border-top:1px solid #ddd;}
	#subLeft ul li {line-height:50px; border-right:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
	#subLeft ul li a {display:block; font-size:15px; letter-spacing:-0.5px; padding-left:30px;}
	#subLeft ul li a.selected {background:url('/images/icon/icon_selectBullet.png') 190px center no-repeat;  background-color:#f6faf4; }

	#subLeft .subCall {margin-top:30px; border:solid 1px #535353; width:220px; border-radius:3px; text-align:center;}
	#subLeft .subCall dt {background-color:#77b6bd; width:80px; margin:20px Auto Auto Auto; line-height:24px; font-size:14px; color:#fff; font-weight:700; letter-spacing:-1px; border-radius:30px;}
	#subLeft .subCall dd p {font-size:23px; color:#333; line-height:27px; font-weight:900; letter-spacing:-1px; font-family:'NanumSquare', sans-serif; padding:20px 0 15px 0; }
	#subLeft .subCall dd span {display:block; font-size:14px; color:#666; line-height:50px; background:#fafafa; border-top:1px solid #eaeaea;}

	#subRight {float:right; width:910px; padding-top:50px; overflow:hidden;}
	#subRight .subTit{width:100%; border-bottom:1px solid #000; padding-bottom:25px; overflow:hidden; margin-bottom:50px;}
	#subRight .subTit h3{font-weight:700;  font-size:24px; float:left;}
	#subRight .subTit .subCate{ float:right; margin-top:10px; color:#5d5d5d; font-size:13px;}
	#subRight .subTit img{margin:3px 10px 0 10px;}
	#subRight .subTit img:nth-of-type(1){margin-left:0;}

	
	#subTab {width:100%; margin:0 auto; text-align:center; }
	#subTab ul {padding:0; clear:both; width:1020px; margin:0 auto; margin-bottom:55px;}
	#subTab ul:after {content:""; display:block; clear:both;}
	#subTab ul li {list-style-type:none; float:left;width:24.96%; line-height:50px; font-size:16px; text-align:center; font-weight:600; background-color:#f0f0f0;}
	#subTab ul li.subTabEnd {border-right:solid 1px #d2d2d2;}
	#subTab ul li a {display:block; color:#666; border-top:solid 1px #d2d2d2; border-left:solid 1px #d2d2d2; border-bottom:solid 1px #d2d2d2; font-weight:600; letter-spacing:-1px;}
	#subTab ul li a:hover {color:#222; text-decoration:none;}
	#subTab ul li a.selected {display:block; text-decosration:none; border-top:solid 2px #000; border-left:solid 1px #d2d2d2; border-bottom:none; color:#000; font-weight:600; background-color:#fff;}

	/*»ç¾÷ºÐ¾ß + ¿¬°£»ç¾÷°èÈ¹ ÅÇ¸Þ´º*/
	#service .servieTab{overflow:hidden; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; box-sizing:border-box; margin-bottom:30px;}
	#service .servieTab li{width:33.33333333333333%; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; box-sizing:border-box; float:left; height:45px; line-height:45px; background:#f5f5f5;}
	#service .servieTab a{text-align:center; display:block; color:#747474; font-size:14px; letter-spacing:-0.75px;}
	#service .servieTab li.select{background:#fff;}
	#service .servieTab li.select a{color:#69a803; font-weight:700; border-top:2px solid #99bb1e; line-height:43px;}
	#service .servieTab li.subTabW5{width:20%;}

	/*À¥Áø »ó´Ü ¸Þ´º¹Ù*/
	#web {overflow:hidden; }
	#web .webTop{background:url('/images/bg/bg_webTop.jpg')0 0 no-repeat; width:100%; height:170px; margin-bottom:25px;}
	#web .webTop ol{ float:right; width:460px; margin:35px 45px 0 0;}
	#web .webTop ol > li{float:left; width:105px; margin-right:10px; position:relative;  text-align:center; }
	#web .webTop ol > li img{border-radius:100%; box-shadow:0 0 12px rgba(142,200,213,0.75);}
	#web .webTop ol > li p{ position:absolute; bottom:20px; left:50%; transform:translate(-50%); letter-spacing:-1.5px; font-size:15px; width:100px;}
	#web .webTop .selected p{font-weight:700;}
	#web .webTop ol  > li:nth-last-of-type(1) {margin-right:0;}

	/*À¥Áø Å¸ÀÌÆ²¹Ù*/
	.webTit{width:910px; border-bottom:1px solid #c1c1c1; overflow:hidden; margin-bottom:50px;}
	.webTit b{float:left;  color:#454545; font-size:24px; padding-bottom:25px; background:url('/images/icon/icon_webTitBullet.png')10px 13px no-repeat; padding-left:30px;}
	
	/*À¥Áø ¼­ºê ¸Þ´º¹Ù*/
	.webTit div{float:right; }
	.webTit div span{float:left; min-width:95px; height:35px; padding:0 5px; line-height:35px; background:#2ab0cd; border-radius:30px; margin-right:5px; text-align:center;}
	.webTit span a{ color:#fff; display:block; }
	.webTit .selected{border:1px solid #000; background:#fff;}
	.webTit .selected a{color:#000; font-weight:700;}



	

