

 html, body { margin:0px;padding:0px; font-family:'Noto Sans KR', '³ª´® °íµñ', '¸¼Àº °íµñ' , 'yg-jalnan', sans-serif; color:#333; box-sizing:border-box; font-size:15px;  letter-spacing:-0.25px; }
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: #1d1d1d; text-decoration: none; }
a:visited {color: #1d1d1d; text-decoration: none;}
a:hover { color: #1d1d1d; 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:1px; box-sizing:border-box; margin-bottom:20px;}
#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;}



.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);}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight:normal; font-style:normal;} 


	
	.vw_content img {max-width: 1200px;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 2px #222;  font-size:15px; width:100%;color:#444;  letter-spacing:-0.8px; }
	table.tableList th {background-color:#f8f8f8; padding:20px 6px; font-weight:500; font-size:16px; text-align:center; border-bottom:1px solid #e8e8e8;}
	table.tableList td {border-bottom:solid 1px #e5e5e5; font-weight:normal; line-height:26px; padding:10px 16px;}
	table.tableList .tableRight {border-right:solid 1px #e5e5e5;}
	table.tableList .tableLeft {border-left:solid 1px #e5e5e5;}
	table.tableList .tableBoth {border-right:solid 1px #e5e5e5; border-left:solid 1px #e5e5e5;}



	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{overflow-x:hidden; min-width:1280px;}
	#subTab {margin-bottom:60px; border:solid 1px #c8c8c8; border-left:none; width:100%;}
	#subTab:after {content:""; display:block; clear:both;}
	#subTab li {border-left:solid 1px #c8c8c8; float:left; line-height:50px; width:33.33333333333333%; font-size:16px; text-align:center; box-sizing:border-box;}
	#subTab li.subTab2 {width:50%; line-height:50px;}
	#subTab li.subTab3 {width:33.333%; line-height:50px; font-size:16px;}
	#subTab li.subTab4 {width:25%; line-height:50px; font-size:14px;}

	#subTab li a {display:block; color:#333; letter-spacing:-.5px; text-decoration:none;}
	#subTab li a:hover {color:#222; }
	#subTab li a.selected {color:#fff; background-color:#ff6483;}

	
	#subTop {width:100%; min-width:1280px;  background:url('/images/img/img_sub.png')center repeat; width:100%;  height:220px;   position:relative; }
	#subTop h2{  font-size:32px; color:#fff;  line-height:210px;    text-align:center;  width:1280px; display:block; ; margin:0 auto; overflow: hidden; }
	.subTit h3{text-align:center; font-size:28px; color:#1d1d1d; margin:90px 0 50px 0;}

	
	.subTab{width:1280px; background:#fff; position:absolute; left:50%; bottom:-40px; overflow:hidden; transform:translate(-50%,0); border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.08); z-index:10;}
	.subTab ul{position:relative; box-sizing:border-box; text-align:center; display: block; overflow: hidden; margin: auto; width: auto; -webkit-box-flex: 1 0 auto; -moz-box-flex: 1 0 auto; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; align-items: center; justify-content: center; flex-wrap:wrap;  box-sizing:border-box; line-height:80px; }
	.subTab li a{display:block; padding:0 12px; box-sizing:border-box; font-size:17px; color:#5f5f5f; position:relative; letter-spacing:-1px;}
	.subTab li a:after{width:1px; height:10px; background:#e8e8e8; display:block; clear:both; content:''; position:absolute; right:0; top:50%; transform:translate(0,-50%);}
	.subTab li.selected a{color:#019f82; font-weight:500;}
	.subTab li:nth-last-of-type(1) a:after{background:none;}
	.subTab li.home{width:80px; height:80px; background:#38d5b8; position:absolute; left:0; top:0; display:none;}
	.subTab li.home a{padding:0;}
	.subTab li.home a::after{background:none;}
	
	
	#subContents {width:100%;}
	#subPage { width:1280px;  margin:60px auto 0px auto; position:relative; padding:0 20px 80px 20px; box-sizing:border-box;}
    #subPage::after{display:block; clear:both; content:'';}

	.pageTit{margin-bottom:30px; font-size:24px; font-weight:500; padding-left:30px; position:relative;}
	.pageTit::before{position:absolute; display:block; clear:both; content:''; width:12px; height:12px; border-radius:100%; border:4px solid #17C74D; left:0; top:8px;}
	.pageSubTit{font-size:20px; color:#111; margin-bottom:20px; }
	.pageSubTit span{ background: linear-gradient( to top, #e9f7f9 50%, transparent 50% ); }

	/*Å×ÀÌºí ÅÇ*/
	.introTable{overflow:hidden; border:1px solid #e5e5e5; margin-bottom:10px; border-radius:6px; overflow:hidden;}
	.introTable dl{ display:table-row; font-size:18px;}
	.introTable dl dt{ width:160px; background:#fafafa; border-right:1px solid #e5e5e5; text-align:center; font-weight:700; position:relative;  display: table-cell; vertical-align: middle; padding:10px 20px; box-sizing:border-box;}
	.introTable dl dd{width:1080px; padding:0 15px; letter-spacing:-1.4px;   display: table-cell; vertical-align: middle; padding:10px 20px; box-sizing:border-box;}

	/*¿¬Çõ ÅÇ*/
	.hsTab{text-align:center; margin-bottom:60px;}
	.hsTab li{display:inline-block; width:200px; line-height:50px; border:1px solid #e8e8e8; border-radius:10px; margin:0 4px;}
	.hsTab li.selected{background:#7fbe25; }
	.hsTab li.selected a{color:#fff; font-weight:700;}
	.hsTab li a{font-size:16px; color:#444; }

	.br{display:block;}

	/*ÁÖ¿äÁö¿ø»ç¾÷*/
	.sptBox{overflow:hidden; border:2px solid #e2f1eb; border-radius:20px; padding:20px; box-sizing:border-box; position:relative; margin-bottom:20px;}
	.sptBox dt{float:left; width:400px; height:250px; background:#fafafa; border-radius:10px; overflow:hidden; font-size:0;}
	.sptBox dd{float:left; background:red; width:795px; padding-left:40px;}
	.sptBox dd div{position:absolute; top:50%;  transform:translate(0,-50%);  width:660px;}
	.sptBox dd b{display:block; font-weight:500; font-size:26px; margin-bottom:10px; padding-left:34px; background:url('/images/icon/icon_sptTit.png')0 center no-repeat;}
	.sptBox dd p{font-size:18px; color:#555; word-break:keep-all; position:relative; padding-left:16px;}
	.sptBox dd p::before{display:block; clear:both; content:'-'; position:absolute; top:0px; left:0;}

