@charset "utf-8";

@font-face{
	font-family:'NanumGothic';
	src:url('../fonts/NanumGothic.eot');
	src:url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'), /* ie6,7,8적용 embed-opentype ie 8,9 적용 */
		url('../fonts/NanumGothic.woff') format('woff'), /* ie 제외한 나머지  */
		url('../fonts/NanumGothic.ttf') format('truetype'),
		url('../fonts/NanumGothic.svg#NanumGothic') format('svg'); /* 모바일브라우져를 위해서 */
	src:local(※), url('../fonts/NanumGothic.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'NanumGothicBold';
	src:url('../fonts/NanumGothicBold.eot');
	src:url('../fonts/NanumGothicBold.eot?#iefix') format('embedded-opentype'), /* ie6,7,8적용 embed-opentype ie 8,9 적용 */
		url('../fonts/NanumGothicBold.woff') format('woff'), /* ie 제외한 나머지  */
		url('../fonts/NanumGothicBold.ttf') format('truetype'),
		url('../fonts/NanumGothicBold.svg#NanumGothicBold') format('svg'); /* 모바일브라우져를 위해서 */
	src:local(※), url('../fonts/NanumGothicBold.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}

*{margin:0;padding:0}
html{overflow-y:scroll /* overflow:hidden 크롬에서 팝업창 띄울때 오른쪽 스크롤 생기는 문제 해결 */}
body{position:relative;background:#eff4f6;font:13px 'NanumGothic';line-height:160%;padding:0;-webkit-text-size-adjust:none;color:#555/*word-break:break-all*/}

img{vertical-align:top}
img,fieldset,iframe{border:0 none}
li{list-style:none}
table, td{border-collapse:collapse}
textarea, select{overflow:auto;margin:0;padding:0;border:1px solid #dedede;background-color:#fff;font-family:'NanumGothic';font-size:1em;color:#555;vertical-align:middle}
a {color:#666;text-decoration:none}
caption, legend{width:0;height:0;font-size:0;color:transparent;line-height:0}
.IR{display:block;width:0 !important;height:0 !important;font-size:0 !important;color:transparent;line-height:0 !important}
input[type='radio'], input[type='checkbox']{border:none}
input{font-family:'NanumGothic';font-size:1em;color:#555;vertical-align:middle}

/* 글자자르기 */
/* width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ 

/* base */
#wrap{margin:0 auto;width:100%}
#header, #container, #footer{position:relative}


/* margin, padding, border, nobg */
.p0{padding:0 !important}
.pB10{padding-bottom:10px !important}

.b0{border:none !important}
.bL0{border-left:0 !important}
.bR0{border-right:0 !important}
.bB0{border-bottom:0 !important}
.bB1{border-bottom:1px solid #eee !important}

.pL0{padding-left:0 !important}

.mT0{margin-top:0 !important}
.mT5{margin-top:5px !important}
.mT10{margin-top:10px !important}
.mT15{margin-top:15px !important}
.mT20{margin-top:20px !important}
.mT30{margin-top:30px !important}
.mT40{margin-top:40px !important}
.mT50{margin-top:50px !important}

.mR0{margin-right:0 !important}
.mR5{margin-right:5px !important}
.mR10{margin-right:10px !important}
.mR15{margin-right:15px !important}
.mR20{margin-right:20px !important}
.mR30{margin-right:30px !important}
.mR40{margin-right:40px !important}
.mR50{margin-right:50px !important}

.mB0{margin-bottom:0 !important}
.mB5{margin-bottom:5px !important}
.mB10{margin-bottom:10px !important}
.mB15{margin-bottom:15px !important}
.mB20{margin-bottom:20px !important}
.mB30{margin-bottom:30px !important}
.mB40{margin-bottom:40px !important}
.mB50{margin-bottom:50px !important}

.mL0{margin-left:0 !important}
.mL5{margin-left:5px !important}
.mL10{margin-left:10px !important}
.mL15{margin-left:15px !important}
.mL20{margin-left:20px !important}
.mL30{margin-left:30px !important}
.mL40{margin-left:40px !important}
.mL50{margin-left:50px !important}

.nobg{background:none !important}
.clear{clear:both !important}
.txtL{text-align:left !important}


.loginForm{position:fixed;left:50%;top:50%;overflow:hidden;width:950px;height:600px;margin-left:-475px;margin-top:-300px;background:url('../images/login_bg.jpg') no-repeat}
.loginBox{position:relative;overflow:hidden;padding:167px 92px 120px 370px}
.loginBox > p{margin-bottom:10px;font-family:'NanumGothicBold';font-size:1.846em;color:#333;line-height:30px}
.login{position:relative;overflow:hidden;border:3px solid #fff;background:url('../images/loginbg.png') repeat}
.login > p{height:30px;padding-left:30px;background:#37bad6;font-family:'NanumGothicBold';font-size:1.231em;color:#fff;line-height:30px}
.login > ul{overflow:hidden;margin:30px;padding:15px;border:1px solid #ddd;background:#f7f7f7}
.login > ul li{float:left}
.login > ul li.L{width:45%;height:110px;background:url('../images/icon_login.jpg') no-repeat}
.login > ul li.R{width:55%}
.login > ul li.R > ul{margin-left:30px;margin-top:5px}
.login > ul li.R > ul > li{display:block;width:100%}
.login > ul li.R > ul > li span{color:#f7f7f7}
.login > ul li.R > ul > li span.cap{color:#e15555}
.login > ul li.R > ul > li input[type='checkbox']{vertical-align:middle}
.login > ul li.R dl{overflow:hidden}
.login > ul li.R dl dt{float:left;width:30%}
.login > ul li.R dl dd{float:left;width:70%}
.login > ul li.R dl dd > p{margin-top:3px}
.login > ul li.R dl dd > p:first-child{margin-top:0}
.login > ul li.R dl dd label{float:left;width:30px;font-family:'NanumGothicBold';font-size:1em;color:#000}
.login > ul li.R dl dd input[type='text'], .login > ul li.R dl dd input[type='password']{width:115px;height:20px;border:1px solid #ddd}
.login > ul li.R dl dt input[type='button']{cursor:pointer;display:inline-block;width:60px;height:48px;padding:0;border:none;background:#3983c1;font-family:'NanumGothicBold';font-size:1.154em;color:#fff;text-align:center;line-height:48px}


.infoSysForm{position:fixed;left:50%;top:0;overflow:hidden;width:950px;height:800px;margin-left:-475px;margin-top:0;border:1px solid #ddd;background:url('../images/subbg.jpg') no-repeat}
.infoSysForm > h3{width:350px;height:40px;background:url('../images/titlebg.png') no-repeat;font-family:'NanumGothicBold';font-size:1.154em;color:#fff;line-height:40px;text-align:center}
.menuForm{position:relative;overflow:hidden;margin:50px 100px}
.menuForm > h4{margin-bottom:5px;font-family:'NanumGothicBold';font-size:1.846em;color:#fff;line-height:30px}
.menuForm > h4 span{position:absolute;right:0;font-size:0.625em;color:#000}
.menuForm > h4 span a{display:inline-block;width:70px;height:20px;margin-left:10px;border-radius:3px;background:#3983c1;font-size:0.800em;color:#fff;text-align:center;line-height:20px}
.menuList{position:relative;overflow:hidden;min-height:500px;padding:30px;border-radius:15px;border:3px solid #d8e7e4;background:url('../images/menubg.jpg') 220px bottom no-repeat #fff}
.menuList ul{float:left;overflow:hidden;width:40%;margin:5%}
.menuList ul > p{height:35px;margin-bottom:10px;border-radius:8px;font-family:'NanumGothicBold';font-size:1.154em;color:#fff;background:#9cae97;line-height:35px;text-align:center}
.menuList ul:first-child > p{background:#a895ac}
.menuList ul li{padding-left:10px;border-bottom:1px dotted #ccc;background:url('../images/icon_bullet.png') left center no-repeat}
.menuList ul li a{display:block;font-family:'NanumGothicBold';font-size:1em;color:#333;line-height:30px}
.menuList ul li a:hover{color:#2b7cb9}